.favorites-list-container.svelte-3v3k3s.svelte-3v3k3s{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.actions-bar.svelte-3v3k3s.svelte-3v3k3s{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;border-bottom-width:1px;border-color:var(--colors-colorTextSoftest);padding:.5rem;flex-shrink:0}.sort-dropdown-container.svelte-3v3k3s.svelte-3v3k3s{position:relative;display:flex}.sort-button{padding-left:.75rem;padding-right:.75rem}.sort-chevron.svelte-3v3k3s.svelte-3v3k3s{margin-left:.25rem;height:.875rem;width:.875rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sort-chevron.open.svelte-3v3k3s.svelte-3v3k3s{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sort-dropdown.svelte-3v3k3s.svelte-3v3k3s{position:absolute;top:100%;left:0;z-index:10;margin-top:.25rem;min-width:-moz-max-content;min-width:max-content;border-radius:.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-colorTextSofter) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-colorBackground) / var(--tw-bg-opacity));--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.sort-dropdown.hidden.svelte-3v3k3s.svelte-3v3k3s{pointer-events:none;visibility:hidden}.sort-option.svelte-3v3k3s.svelte-3v3k3s{display:block;width:100%;cursor:pointer;border-style:none;background-color:transparent;padding:.375rem .75rem;text-align:left;font-size:.75rem;font-weight:500;--tw-text-opacity:1;color:rgb(var(--colors-colorText) / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media(hover:hover)and (pointer:fine){.sort-option.svelte-3v3k3s.svelte-3v3k3s:hover{--tw-bg-opacity:1;background-color:rgb(var(--colors-colorCardC) / var(--tw-bg-opacity))}}.sort-option.svelte-3v3k3s.svelte-3v3k3s:first-child{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.sort-option.svelte-3v3k3s.svelte-3v3k3s:last-child{border-bottom-right-radius:.125rem;border-bottom-left-radius:.125rem}.list-content.svelte-3v3k3s.svelte-3v3k3s{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding:.5rem;flex:1;min-height:0}.empty-state.svelte-3v3k3s.svelte-3v3k3s{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding-top:1.5rem;padding-bottom:1.5rem}.empty-message.svelte-3v3k3s.svelte-3v3k3s{text-align:center;font-size:.875rem;--tw-text-opacity:1;color:rgb(var(--colors-colorTextSoft) / var(--tw-text-opacity))}.reorder-wrapper.svelte-3v3k3s.svelte-3v3k3s{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.reorder-wrapper.reorder-mode.svelte-3v3k3s.svelte-3v3k3s{border-radius:.375rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity));padding:.5rem 3rem .5rem .5rem}.svelte-3v3k3s.svelte-3v3k3s:is(.dark .reorder-wrapper.reorder-mode){--tw-border-opacity:1;border-color:rgb(37 99 235 / var(--tw-border-opacity));background-color:#1e3a8a4d}@media(min-width:30em){.reorder-wrapper.reorder-mode.svelte-3v3k3s.svelte-3v3k3s{padding-right:.5rem}}.reorder-wrapper.reorder-mode.svelte-3v3k3s.svelte-3v3k3s{overflow:visible}.reorder-wrapper.reorder-mode.svelte-3v3k3s .favorite-item.svelte-3v3k3s{will-change:transform}.favorites-list.svelte-3v3k3s.svelte-3v3k3s{overflow:hidden;border-radius:.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-colorNeutralSoft) / var(--tw-border-opacity))}.favorite-item.svelte-3v3k3s.svelte-3v3k3s{display:flex;width:100%;align-items:center;justify-content:space-between;border-style:none;padding:.5rem .375rem .5rem .5rem;text-align:left}@media(min-width:30em){.favorite-item.svelte-3v3k3s.svelte-3v3k3s{padding:.25rem}}.favorite-item.svelte-3v3k3s.svelte-3v3k3s{transition:background-color .15s ease}.favorite-item.even-row.svelte-3v3k3s.svelte-3v3k3s{--tw-bg-opacity:1;background-color:rgb(var(--colors-colorCardB) / var(--tw-bg-opacity))}.favorite-item.odd-row.svelte-3v3k3s.svelte-3v3k3s{--tw-bg-opacity:1;background-color:rgb(var(--colors-colorCardA) / var(--tw-bg-opacity))}.favorite-item.played.svelte-3v3k3s.svelte-3v3k3s{opacity:var(--dle-played-opacity)}.favorite-item.drag-enabled.svelte-3v3k3s.svelte-3v3k3s,.favorite-item.drag-enabled.svelte-3v3k3s .svelte-3v3k3s:not(.move-btn):not(.move-btn *),.favorite-item.drag-enabled.svelte-3v3k3s.svelte-3v3k3s:hover,.favorite-item.drag-enabled.svelte-3v3k3s .svelte-3v3k3s:not(.move-btn):not(.move-btn *):hover{cursor:grab!important}.favorite-item.drag-enabled.svelte-3v3k3s.svelte-3v3k3s:active,.favorite-item.drag-enabled.svelte-3v3k3s .svelte-3v3k3s:not(.move-btn):not(.move-btn *):active{cursor:grabbing!important}.favorite-item.drag-enabled.svelte-3v3k3s.svelte-3v3k3s{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dle-info.svelte-3v3k3s.svelte-3v3k3s{display:flex;min-width:0px;flex:1 1 0%;align-items:center;gap:.5rem}.position-number.svelte-3v3k3s.svelte-3v3k3s{position:relative;display:flex;height:1.5rem;width:1.5rem;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-colorTextSofter) / var(--tw-border-opacity));font-size:.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(var(--colors-colorText) / var(--tw-text-opacity));isolation:isolate}.position-number.svelte-3v3k3s.svelte-3v3k3s:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--category-color);opacity:.5;z-index:-1}.dark .position-number.svelte-3v3k3s.svelte-3v3k3s:before{opacity:1}.dle-details.svelte-3v3k3s.svelte-3v3k3s{min-width:0px;flex:1 1 0%}.dle-name-btn.svelte-3v3k3s.svelte-3v3k3s{display:inline;text-align:left;font-size:1rem;font-weight:500;line-height:1.25;--tw-text-opacity:1;color:rgb(var(--colors-colorText) / var(--tw-text-opacity))}@media(min-width:30em){.dle-name-btn.svelte-3v3k3s.svelte-3v3k3s{font-size:1.125rem}}.dle-name-btn.svelte-3v3k3s.svelte-3v3k3s{cursor:pointer;text-decoration-line:underline;text-decoration-color:var(--colors-colorTextSoftest);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media(hover:hover)and (pointer:fine){.dle-name-btn.svelte-3v3k3s.svelte-3v3k3s:hover{--tw-text-opacity:1;color:rgb(var(--colors-colorTextSoft) / var(--tw-text-opacity));text-decoration-color:rgb(var(--colors-colorTextSoft) / 1)}}.dle-name-btn.svelte-3v3k3s.svelte-3v3k3s{margin:0;border-style:none;background-color:transparent;padding:0;text-decoration-thickness:1px}.dle-name-btn.drag-mode.svelte-3v3k3s.svelte-3v3k3s{cursor:grab;text-decoration-line:none}.dle-name-btn.drag-mode.svelte-3v3k3s.svelte-3v3k3s:active{cursor:grabbing}.dle-category.svelte-3v3k3s.svelte-3v3k3s{font-size:.75rem;--tw-text-opacity:1;color:rgb(var(--colors-colorTextSoft) / var(--tw-text-opacity))}@media(min-width:30em){.dle-category.svelte-3v3k3s.svelte-3v3k3s{font-size:.875rem}}.favorite-actions.svelte-3v3k3s.svelte-3v3k3s{margin-left:.375rem;display:flex;flex-shrink:0;align-items:center;gap:.25rem}.play-btn.svelte-3v3k3s.svelte-3v3k3s{cursor:pointer;padding:.25rem .5rem;font-size:.75rem;font-weight:500;text-transform:uppercase}@media(min-width:30em){.play-btn.svelte-3v3k3s.svelte-3v3k3s{font-size:.875rem}}.play-btn.svelte-3v3k3s.svelte-3v3k3s{border-width:1px;border-color:var(--colors-colorTextSoftest);--tw-bg-opacity:1;background-color:rgb(var(--colors-colorCardC) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--colors-colorTextSofter) / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media(hover:hover)and (pointer:fine){.play-btn.svelte-3v3k3s.svelte-3v3k3s:hover{--tw-bg-opacity:1;background-color:rgb(var(--colors-colorCardA) / var(--tw-bg-opacity))}}.move-btn.svelte-3v3k3s.svelte-3v3k3s{cursor:pointer;border-style:none;background-color:transparent;padding:.25rem;--tw-text-opacity:1;color:rgb(var(--colors-colorTextSofter) / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media(hover:hover)and (pointer:fine){.move-btn.svelte-3v3k3s.svelte-3v3k3s:hover{--tw-text-opacity:1;color:rgb(var(--colors-colorText) / var(--tw-text-opacity))}}.move-btn.svelte-3v3k3s.svelte-3v3k3s:disabled{cursor:default;opacity:.3}.move-btn.svelte-3v3k3s svg.svelte-3v3k3s{height:1.25rem;width:1.25rem}.drag-handle.svelte-3v3k3s.svelte-3v3k3s{margin-left:.25rem;display:flex;align-items:center;padding-left:.125rem;padding-right:.125rem;--tw-text-opacity:1;color:rgb(var(--colors-colorTextSofter) / var(--tw-text-opacity))}.drag-handle.svelte-3v3k3s svg{height:.875rem;width:.875rem}.reorder-active{background-color:#bfdbfe!important;border-color:#60a5fa!important}.reorder-active:hover{background-color:#93c5fd!important}.dark .reorder-active{background-color:#1d4ed8!important;border-color:#3b82f6!important}.dark .reorder-active:hover{background-color:#2563eb!important}.favorites-grid.svelte-3v3k3s.svelte-3v3k3s{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem}@media(min-width:30em){.favorites-grid.svelte-3v3k3s.svelte-3v3k3s{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-card.svelte-3v3k3s.svelte-3v3k3s{display:flex;align-items:center;justify-content:space-between;gap:.375rem;border-radius:.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-colorNeutralSoft) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-colorCardB) / var(--tw-bg-opacity));padding:.5rem;transition:background-color .15s ease}.grid-card.svelte-3v3k3s.svelte-3v3k3s:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(var(--colors-colorCardA) / var(--tw-bg-opacity))}.grid-card.played.svelte-3v3k3s.svelte-3v3k3s{opacity:var(--dle-played-opacity)}.grid-card.drag-enabled.svelte-3v3k3s.svelte-3v3k3s,.grid-card.drag-enabled.svelte-3v3k3s .svelte-3v3k3s:not(.play-btn),.grid-card.drag-enabled.svelte-3v3k3s.svelte-3v3k3s:hover,.grid-card.drag-enabled.svelte-3v3k3s .svelte-3v3k3s:not(.play-btn):hover{cursor:grab!important}.grid-card.drag-enabled.svelte-3v3k3s.svelte-3v3k3s:active,.grid-card.drag-enabled.svelte-3v3k3s .svelte-3v3k3s:not(.play-btn):active{cursor:grabbing!important}.grid-card-inner.svelte-3v3k3s.svelte-3v3k3s{display:flex;min-width:0px;flex:1 1 0%;align-items:center;gap:.5rem}.grid-card-details.svelte-3v3k3s.svelte-3v3k3s{min-width:0px;flex:1 1 0%}.dle-name-btn.grid-name.svelte-3v3k3s.svelte-3v3k3s{font-size:1rem;line-height:1.25}.grid-card.svelte-3v3k3s .dle-category.svelte-3v3k3s{font-size:.75rem}.grid-card.svelte-3v3k3s .play-btn.svelte-3v3k3s{padding:.125rem .25rem;font-size:.75rem}.view-toggle.svelte-1e6pysk.svelte-1e6pysk{position:relative;height:1.25rem;width:1.25rem;cursor:pointer;border-style:none;background-color:transparent;padding:0;--tw-text-opacity:1;color:rgb(var(--colors-colorTextSoft) / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media(hover:hover)and (pointer:fine){.view-toggle.svelte-1e6pysk.svelte-1e6pysk:hover{--tw-text-opacity:1;color:rgb(var(--colors-colorText) / var(--tw-text-opacity))}}.view-toggle.svelte-1e6pysk svg.svelte-1e6pysk{height:100%;width:100%}.toggle-label.svelte-1e6pysk.svelte-1e6pysk{position:absolute;top:-.75rem;right:-.625rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity));padding:.125rem;font-size:.5rem;font-weight:700;text-transform:uppercase;line-height:1.25;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}