:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{color:#fff;height:100vh;margin:0;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-size:cover;background-image:url(/assets/search-header-image.png)}h1,h2,h3,label,span{-webkit-user-select:none;user-select:none;text-shadow:0 0 3px #000}#app{display:contents}.container{width:100%;margin:0;padding:12px 24px;border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:none}.input-group label{display:block;margin-bottom:5px}.form-rows{display:flex;row-gap:10px;flex-direction:column}input[type=text]{width:100%;margin:0;padding:10px;border:1px solid #ccc;border-radius:5px;color:inherit;background-color:#ffffff1a;outline:none;font-size:16px;text-shadow:0 0 3px #000}input[type=text]:hover,input[type=text]:focus{background-color:#fff3}span.spotify{color:#26a83c}button.btn-accent,button.btn-remove{min-width:120px;padding:10px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;border:none;border-radius:5px;box-shadow:none;box-shadow:1px 1px 2px #333;font-size:16px;background-color:#007bffae}button.btn-accent,button.btn-accent:focus{background-color:#007bffae}button.btn-accent:hover{background-color:#0056b3ae}button.btn-accent:disabled{background-color:#385c83ae}button.btn-remove,button.btn-remove:focus{background-color:#ff007bae}button.btn-remove:hover{background-color:#b30056ae}.dialog-title{width:100%}.dialog-content{width:100%;margin:20px 0}.dialog-actions{width:100%;gap:10px;display:flex;flex-direction:column-reverse;justify-content:space-between}.song-list{gap:10px;margin:10px 0;display:flex;flex-direction:column;list-style-type:none}.song-list .song-item{padding:0;display:grid;grid-template-rows:auto auto;grid-template-columns:64px 1fr;column-gap:10px;align-items:center;background-color:transparent;animation:fade-in .4s ease-out 0s 1 forwards}.song-list.fade-out{color:#eee;pointer-events:none;animation:fade-out .6s ease-out .4s 1 forwards}.song-item.fade-out{color:#fff;animation:fade-out-selection .4s ease-out 0s 1 forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out-selection{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px) rotateX(25deg)}}.song-list .song-item:focus,.song-list .song-item:focus-within{background-color:#fff3}.song-list .song-item .song-cover{width:64px;height:64px;grid-row:1 / 3;grid-column:1 / 2}.song-list .song-item .song-title{grid-row:1 / 2;grid-column:2 / 3;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-list .song-item .song-arist{grid-row:2 / 3;grid-column:2 / 3;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (min-width: 800px){body{-webkit-backdrop-filter:none;backdrop-filter:none}button.btn-accent,button.btn-remove{border:none;box-shadow:1px 1px 4px #333}.container{margin:100px auto;max-width:800px;border:2px solid rgba(255,255,255,.6);border-radius:10px;box-shadow:0 0 4px #333;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3}.dialog-actions{width:100%;gap:10px;display:flex;flex-direction:row;justify-content:right}.song-list{gap:0px}.song-list .song-item{padding:10px;border-radius:10px}.song-list .song-item:hover{cursor:pointer;box-shadow:0 0 4px #eee;background-color:#fff3}}.message.svelte-25xs7{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card.svelte-25xs7{display:flex;flex-direction:column;align-items:center}.text.svelte-25xs7{display:flex}.icon.svelte-25xs7{width:120px}@media (min-width: 800px){.card.svelte-25xs7{margin:0 auto;max-width:800px;padding:12px 24px;border:2px solid rgba(255,255,255,.6);border-radius:10px;box-shadow:0 0 4px #333;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3}}.notification-container.svelte-1hj5b7z.svelte-1hj5b7z{width:100%;bottom:0;padding:8px;display:flex;gap:8px;flex-direction:column-reverse;position:absolute}.notification-container.svelte-1hj5b7z div.svelte-1hj5b7z{width:100%;padding:12px;border-radius:8px;box-shadow:1px 1px 4px #111;background-color:#111}.notification-container.svelte-1hj5b7z div.error.svelte-1hj5b7z{color:tomato}.notification-container.svelte-1hj5b7z div.success.svelte-1hj5b7z{color:#14c214}@media (min-width: 800px){.notification-container.svelte-1hj5b7z div.svelte-1hj5b7z{width:300px;margin:0 auto}}