*,*::before,*::after{box-sizing:border-box}iframe{position:relative;width:100%;height:100%;z-index:999}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list],li{list-style:none}ul{margin:0;padding:0}body{margin:0;min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--color-primary: #F0003C;--color-primary-light: #e75974;--color-primary-dark: #bd1433;--color-background-000: #ffffff;--color-background-050: #e0e2e7;--color-background-100: #9198a1;--color-background-200: #3c434c;--color-background-300: #212830;--color-background-400: #151b23;--color-background-500: #0d1117;--color-background-transparent: #151b23bf;--color-background-red: red;--color-background-green: green;--color-border: #212830;--color-text-primary: #ffffff;--color-text-secondary: var(--color-background-100);--color-text-error: red;--color-icon-secondary: #999999;--color-nav-icon-primary: #ffffff;--color-list-item-hover-background: var(--color-background-300);--color-light-background-500: #ffffff;--color-light-background-400: #ffffff;--color-light-background-350: #c2c7cf;--color-light-background-300: #9198a1;--color-light-background-200: #212830;--color-light-background-100: #151b23;--color-light-background-000: #0d1117;--color-light-text-primary: #000000;--color-light-text-secondary: #151b23;--color-light-icon-secondary: #999999;--color-light-border: #ced5e0;/*!* Typography *!*/--font-size-small: 0.7rem;--font-size-base: 0.9rem;--font-size-medium: 1.1rem;--font-size-large: 1.5rem;/*!* Effects *!*/}html.light{--color-background-500: var(--color-light-background-500);--color-background-400: var(--color-light-background-400);--color-background-300: var(--color-light-background-300);--color-background-200: var(--color-light-background-200);--color-background-100: var(--color-light-background-100);--color-background-000: var(--color-light-background-000);--color-text-primary: var(--color-light-text-primary);--color-text-secondary: var(--color-light-text-secondary);--color-icon-secondary: var(--color-light-icon-secondary);--color-nav-icon-primary: var(--color-light-background-200);--color-list-item-hover-background: var(--color-background-050);--color-border: var(--color-light-border)}html.light #overlay-nav-back-btn,html.light #scroll-top-btn{color:var(--color-text-primary)}html.light #collection-section #filter-container .tt-select select,html.light #shuffle-section #filter-container .tt-select select{color:var(--color-text-primary)}html.light #collection-section #filter-container .filter-icon-toggle{color:var(--color-text-primary)}html.light button.primary,html.light .btn.primary{color:var(--color-background-500)}html.light button.primary .spinner,html.light .btn.primary .spinner{border-top-color:var(--color-background-500)}html.light button.tertiary,html.light .btn.tertiary{color:var(--color-text-primary)}html.light button.secondary,html.light .btn.secondary{color:var(--color-text-primary);border-color:var(--color-border);background:var(--color-background-050)}html.light button.secondary:hover,html.light .btn.secondary:hover{background:rgb(190.38125,199.6125,214.11875)}html.light dialog{border:none;background:var(--color-background-500);color:var(--color-text-primary)}html.light .tt-switch label:after{background:var(--color-background-500)}html.light .login-logo{content:url("/assets/svg/claim-light.svg")}html.light .button-82-pushable[disabled] .button-82-front{background:hsl(0,0%,82%);color:hsl(0,0%,48%)}html.light .button-82-pushable[disabled] .button-82-edge{background:hsl(0,0%,62%)}html{scrollbar-gutter:stable;min-height:100%;overflow-x:hidden;background-color:var(--color-background-500);color:var(--color-text-primary);font-family:"Roboto",sans-serif}body{min-height:100%;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;font-size:.9rem}iframe{margin-top:3rem;position:unset;width:100%;max-width:350px;z-index:100;margin-bottom:-4rem}header{padding:0;margin:clamp(2rem,6vw,8rem) 0 clamp(1.5rem,4vh,8rem)}header .login-logo{width:auto;height:clamp(20px,6vw,35px)}footer{padding:0 0 8rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:500px;text-align:center;margin-top:clamp(.75rem,3vh,2rem)}footer p{margin:0}#app-root{width:100%;display:flex;min-height:100vh;margin:0}#login-page,#content{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;padding-inline:clamp(1rem,5vw,4rem)}#login-page::after,#content::after{content:"";position:fixed;bottom:0;left:0;right:0;height:4rem;background:linear-gradient(to top, var(--color-background-500) 0%, transparent 80%);pointer-events:none;z-index:777}#content:has(#shuffle-section){padding-inline:clamp(3rem,5vw,4rem)}#login-content,#inner-content,.overlay-inner-content{flex:1;display:flex;flex-direction:column;max-width:600px;width:100%;align-items:center}.br{margin-bottom:.5rem}.hidden{display:none}.dimmed{opacity:.35}img.dimmed{opacity:.2}.spinner-wrapper{position:fixed;inset:0;display:grid;place-items:center;z-index:900}.spinner{border:3px solid var(--color-background-400);border-top:4px solid var(--color-background-100);border-radius:50%;margin:auto;width:3rem;height:3rem;animation:rotate 1s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.sentinel{height:1px}.form-input-container{display:flex;align-items:end;gap:.5rem}.form-input-container>*{margin-bottom:.75rem}.form-input-container>*:first-child{flex:1}.form-input-container .btn.icon,.form-input-container button.icon{width:2.5rem;padding:0}.form-input-container .btn,.form-input-container button{height:2.5rem}h1{font-size:var(--font-size-large);margin:0;cursor:default}h2{margin:0 0 .75rem;cursor:default}h3{margin:0 0 .5rem;cursor:default}.f.secondary{color:var(--color-text-secondary)}.f.center{text-align:center}.f.small{font-size:var(--font-size-small)}.f.caption{font-size:.75rem}p.error{color:var(--color-text-error);margin-top:.5rem}.button-section{width:100%;display:flex;flex-wrap:wrap;column-gap:1rem;row-gap:.75rem}button,.btn{padding:2px 1.5em 0;height:3rem;border-radius:24px;border:none;cursor:pointer;color:#fff;background:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.5rem;min-width:5rem;cursor:pointer;text-align:start;white-space:nowrap}button:hover,.btn:hover{transition:.2s ease-out;background:var(--color-primary-dark)}button .spinner,.btn .spinner{width:1.5rem;height:1.5rem;border-color:rgba(0,0,0,0);border-top-width:2px;border-top-color:var(--color-text-primary);display:none}button .spinner.visible,.btn .spinner.visible{display:inline-flex}button:has(.spinner.visible) p,.btn:has(.spinner.visible) p{display:none}button p,.btn p{margin:0}button svg,.btn svg{min-width:1rem;width:1.5rem;height:100%;fill:var(--color-background-100);margin-top:-2px}button span,.btn span{font-size:var(--font-size-small);color:var(--color-text-secondary)}button[disabled],.btn[disabled]{opacity:1;cursor:not-allowed;pointer-events:none}button[hidden],.btn[hidden]{display:none !important}.btn.red{background:var(--color-background-red)}.btn.green{background:var(--color-background-green)}button.outlined,.btn.outlined{border:1px solid var(--color-border);background:none}button.outlined.negative,.btn.outlined.negative{border:1px solid var(--color-border);background:none;color:#000}button.secondary,.btn.secondary{border:1px solid var(--color-background-100);background:var(--color-background-transparent)}button.secondary:hover,.btn.secondary:hover{background:rgba(11.4375,14.7053571429,19.0625,.7490196078)}button.tertiary,.btn.tertiary{color:#000;background:var(--color-background-050)}button.tertiary:hover,.btn.tertiary:hover{background:rgb(190.38125,199.6125,214.11875)}button.primary[disabled],.btn.primary[disabled]{background:var(--color-primary-dark);color:var(--color-text-primary)}button.secondary[disabled],.btn.secondary[disabled]{border-color:color-mix(in srgb, var(--color-background-100) 28%, transparent);color:color-mix(in srgb, var(--color-text-secondary) 72%, transparent)}button.secondary[disabled] svg,.btn.secondary[disabled] svg{color:currentColor;fill:currentColor}button.noFrame,.btn.noFrame{background:none;border:none}button.noFrame:hover,.btn.noFrame:hover{color:var(--color-primary) !important}button.small,.btn.small{font-size:var(--font-size-small);padding:0 .75rem;height:2rem}button.small .spinner,.btn.small .spinner{width:1rem;height:1rem}button.large,.btn.large{height:4rem}button.icon,.btn.icon{width:3rem;min-width:unset;border-radius:100%;display:flex;justify-content:center;align-items:center;text-align:center;padding:0}button.icon .spinner,.btn.icon .spinner{width:100%;height:100%;position:absolute;border-color:rgba(0,0,0,0);border-top:3px solid var(--color-text-primary)}button.icon.large,.btn.icon.large{width:4rem}button.icon.large svg,.btn.icon.large svg{width:1.75rem;height:1.75rem}button.icon.small,.btn.icon.small{width:2rem}button.icon.small svg,.btn.icon.small svg{width:1.25rem;height:1.25rem}button.link,.btn.link{text-decoration:none}button.link:visited,.btn.link:visited{color:inherit;box-shadow:none}#overlay-nav-back-btn,#scroll-top-btn{--c-glass: var(--color-background-100);--c-light: #fff;--c-dark: #000;--glass-reflex-dark: 1;--glass-reflex-light: 1;--saturation: 150%;--btn-hidden-transform: translateY(50%);--btn-visible-transform: translateY(0);--btn-hover-transform: translateY(-2px);--btn-click-hide-transform: translateY(-50%);min-width:unset;border:none;border-radius:99em;background-color:color-mix(in srgb, var(--c-glass) 12%, transparent);backdrop-filter:blur(8px) saturate(var(--saturation));-webkit-backdrop-filter:blur(8px) saturate(var(--saturation));position:fixed;transform:var(--btn-hidden-transform);transform-origin:center;opacity:0;pointer-events:none;z-index:900;transition:opacity .24s ease,transform .24s ease}#overlay-nav-back-btn.is-visible,#scroll-top-btn.is-visible{opacity:1;pointer-events:auto;transform:var(--btn-visible-transform)}#overlay-nav-back-btn.is-visible:hover,#scroll-top-btn.is-visible:hover{transform:var(--btn-hover-transform);color:var(--color-primary)}#scroll-top-btn{position:fixed;right:3.75rem;bottom:35px}#scroll-top-btn.is-hiding-top{transform:var(--btn-click-hide-transform)}#scroll-top-btn svg{transform:rotate(90deg)}@media(max-width: 480px){#scroll-top-btn{--btn-hidden-transform: translateY(0);--btn-visible-transform: translateY(-50%);--btn-hover-transform: translateY(calc(-50% - 2px));--btn-click-hide-transform: translateY(-100%);position:absolute;top:50%;right:-3.75rem}}.tt-switch-label{margin:0}.tt-switch{cursor:pointer;display:flex}.tt-switch input[type=checkbox]{height:0;width:0;visibility:hidden}.tt-switch input[type=checkbox]:checked+label{background:var(--color-primary)}.tt-switch input[type=checkbox]:checked+label:after{left:calc(100% - .25rem);transform:translate(-100%, -50%)}.tt-switch label{cursor:pointer;text-indent:-9999px;height:2rem;width:3.75rem;background:var(--color-background-300);display:block;border-radius:100px;position:relative}.tt-switch label:after{content:"";position:absolute;top:50%;left:.23rem;width:1.6rem;height:1.6rem;background:var(--color-background-000);border-radius:90px;transition:.3s;transform:translate(0, -50%)}.tt-switch label:active:after{width:2rem}select{cursor:pointer}.tt-select{cursor:pointer;position:relative}.tt-select.negative select,.tt-select.negative input[type=date]{color:#000;fill:#000;border-color:var(--color-background-050)}.tt-select:not(:last-child){margin-bottom:.75rem}.tt-select select,.tt-select input[type=date]{width:100%;height:2.5rem;padding-inline:3.8rem 1.8rem;padding-top:2px;border:1px solid var(--color-border);border-radius:4px;background:none;appearance:none;color:#fff}.tt-select label{position:absolute;left:.4rem;top:50%;transform:translateY(-50%);padding-left:.1rem;color:var(--color-icon-secondary);pointer-events:none}.tt-select svg{z-index:-1;width:2.5rem;color:var(--color-icon-secondary);position:absolute;top:50%;transform:translateY(-50%);height:1.5rem;right:0;transition:transform 150ms ease}.tt-select select:open+svg{transform:translateY(-50%) rotate(180deg)}.tt-select.label-outside label{position:static;transform:none;padding-left:0;pointer-events:auto;display:block}.tt-select.label-outside select,.tt-select.label-outside input[type=date]{padding-inline:.8rem .5rem}.tt-select.label-outside svg{top:auto;bottom:0;transform:translateY(0);width:1.5rem;height:2.5rem;margin-right:.1rem}.tt-select.label-outside select:open+svg{transform:translateY(0) rotate(180deg)}dialog{border:none;border-radius:5px;width:20rem;max-width:80%;padding:2rem 1.5rem;background:var(--color-background-500);color:var(--color-text-primary)}dialog::backdrop{background:rgba(9,12,18,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}html:not(.light) dialog{background:var(--color-background-400)}html:not(.light) dialog .dialog-content .tt-select.negative select,html:not(.light) dialog .dialog-content .tt-select.negative input[type=date]{background:var(--color-background-050);border-color:var(--color-background-100);color:#000;color-scheme:light}html:not(.light) dialog .dialog-content .tt-select.negative label{color:var(--color-text-secondary)}html:not(.light) dialog .dialog-content .tt-select.negative svg{color:var(--color-background-200)}html:not(.light) dialog .dialog-content .tt-select.negative svg{z-index:1;pointer-events:none}dialog .dialog-focus-sentinel{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;outline:none}dialog .dialog-title{text-align:center;margin-bottom:2rem}dialog .dialog-content{display:flex;flex-direction:column;margin-bottom:2rem}dialog .dialog-content label{line-height:1.8rem}dialog .dialog-content input{line-height:3rem}dialog .dialog-content .tt-select.label-outside svg{margin-right:.3rem}dialog .dialog-menu{display:flex;padding:0;gap:.5rem;margin-bottom:.25rem}dialog .dialog-menu>*{flex:1}#release-edit-dialog .edit-add-date-list-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--color-background-050);margin-top:-1px;padding:.15rem .25rem .15rem .5rem;margin-right:2.5rem}#release-edit-dialog .edit-add-date-list-item:first-child{margin-top:-0.25rem}#release-edit-dialog .edit-add-date-list-item:last-child{border-bottom:none;margin-bottom:.5rem}#release-edit-dialog .edit-add-date-list-item .add-date-remove-btn{box-shadow:none;padding:0;margin-right:-2.5rem;border-color:var(--color-background-050);color:var(--color-background-100)}#navigation{--c-glass: var(--color-background-100);--c-light: #fff;--c-dark: #000;--glass-reflex-dark: 1;--glass-reflex-light: 1;--saturation: 150%;z-index:999;position:fixed;bottom:24px;left:0;right:0;width:fit-content;margin-inline:auto}#navigation nav{position:relative}#navigation .nav-list{--active-offset: 0px;--nav-item-width: 68px;--nav-item-gap: 8px;position:relative;isolation:isolate;display:flex;align-items:center;gap:var(--nav-item-gap);width:244px;max-width:244px;height:70px;box-sizing:border-box;padding:8px 12px 10px;margin:0;list-style:none;border:none;border-radius:99em;background-color:color-mix(in srgb, var(--c-glass) 12%, transparent);backdrop-filter:blur(8px) saturate(var(--saturation));-webkit-backdrop-filter:blur(8px) saturate(var(--saturation))}#navigation .nav-list::after{content:"";position:absolute;top:8px;bottom:10px;left:12px;display:block;width:var(--nav-item-width);border-radius:99em;background-color:color-mix(in srgb, var(--c-glass) 16%, transparent);z-index:0;pointer-events:none;transform:translateX(var(--active-offset));transition:transform 300ms cubic-bezier(1, 0, 0.4, 1),background-color 300ms cubic-bezier(1, 0, 0.4, 1),box-shadow 300ms cubic-bezier(1, 0, 0.4, 1)}#navigation .nav-list-item{position:relative;z-index:1;height:100%}#navigation .nav-list-item .nav-list-item-link{--c: var(--color-nav-icon-primary);position:relative;display:flex;justify-content:center;align-items:center;width:68px;height:100%;box-sizing:border-box;padding:0 16px;border-radius:99em;color:var(--c);text-decoration:none;transition:color 160ms}#navigation .nav-list-item .nav-list-item-link:hover,#navigation .nav-list-item .nav-list-item-link.is-active{--c: var(--color-primary);cursor:pointer}#navigation .nav-list-item .nav-list-item-link.is-active .nav-list-item-icon{transform:scale(1.2)}#navigation .nav-list-item .nav-list-item-link.show-tooltip .tooltip{opacity:1;visibility:visible;transform:translate(-50%, -8px) scale(1)}#navigation .nav-list-item .nav-list-item-link[data-route="/shuffle"] .nav-list-item-icon{width:26px;height:26px}#navigation .nav-list-item .nav-list-item-icon{display:block;width:28px;height:28px;color:var(--c);transition:transform 200ms cubic-bezier(0.5, 0, 0, 1)}#navigation .nav-list-item .tooltip{position:absolute;left:50%;bottom:100%;z-index:2;display:block;width:max-content;padding:2px 5px;border-radius:5px;background:rgba(0,0,0,.8);color:#fff;font-size:var(--font-size-small);white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-50%, 2px) scale(0.95);transform-origin:bottom center;transition:opacity 160ms,visibility 160ms,transform 160ms}@media(hover: hover)and (pointer: fine){#navigation .nav-list-item .nav-list-item-link:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%, -8px) scale(1)}}#overlay-container{width:100%;flex:1;display:flex;flex-direction:column}#overlay-base-content{width:100%;flex:1;transition:.3s ease-in-out;display:flex;align-items:center;flex-direction:column}#overlay-content{display:flex;flex-direction:column;align-items:center;gap:1rem;position:fixed;inset:0;background-color:var(--color-background-400);width:100%;height:100dvh;padding:1rem 1.5rem 0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch;visibility:hidden;transform:translate(100%, 0);transition:.3s ease-in-out}#overlay-content .overlay-header-actions{max-width:600px;width:100%;margin-inline:auto;display:flex;justify-content:space-between}#overlay-content .overlay-header-actions>*{padding:0}#overlay-content .overlay-header-actions>.link:last-child{flex-direction:row-reverse}#overlay-content .overlay-inner-content{opacity:0;transition:opacity 240ms ease}#overlay-content .overlay-inner-content.overlay-fade--visible{opacity:1}#overlay-nav-back-btn{--btn-hidden-transform: translate(50%, -50%);--btn-visible-transform: translate(0, -50%);--btn-hover-transform: translate(2px, -50%);--btn-click-hide-transform: translate(-50%, -50%);position:absolute;top:50%;left:-3.75rem;right:auto;bottom:auto;padding:.2rem 0 0}#app-root.overlay-active #overlay-base-content{transform:translate(-25%, 0)}#app-root.overlay-active #overlay-content{visibility:visible;transform:translate(0)}#app-root.overlay-active #scroll-top-btn{display:none}#snackbar-container{position:fixed;top:1.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:1000;pointer-events:none}#snackbar-container .snackbar{background:var(--color-background-300);color:var(--color-text);border:1px solid var(--color-background-100);border-radius:6px;padding:.65rem .9rem;min-width:220px;box-shadow:0 10px 30px rgba(0,0,0,.15);opacity:0;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}#snackbar-container .snackbar.visible{opacity:1;transform:translateY(0)}#snackbar-container .snackbar.error{background:#3a0000;color:#ffd9d9;border-color:#ff5c5c}#snackbar-container .snackbar svg{width:1.2rem;height:1.2rem;fill:currentColor}#snackbar-container .snackbar:not(.error) svg{color:var(--color-text)}#snackbar-container .snackbar span{line-height:1.2;display:inline-flex;align-items:center}.tab-menu-container{display:flex;flex-direction:column;gap:2rem}.tab-menu-container .tab-list{display:flex;gap:.5rem}.tab-menu-container .tab-button{cursor:pointer;border-bottom:2px solid var(--color-background-300);border-radius:0;color:var(--color-text-secondary);width:100%;align-self:center;transition:border-color .2s ease,color .2s ease}.tab-menu-container .tab-button[aria-selected=true]{border-bottom-color:var(--color-primary);color:var(--color-primary)}.tab-menu-container .tab-button:hover:not(.tab-menu-container .tab-button[aria-selected=true]){color:var(--color-text-primary)}.tab-menu-container .tab-panel{display:none;flex-direction:column;gap:.5rem}.tab-menu-container .tab-panel.active{display:flex}.tab-menu-container .tab-panel>*{width:100%}.button-82-pushable{position:relative;border:none;background:rgba(0,0,0,0);padding:0;cursor:pointer;outline-offset:4px;transition:filter 250ms;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:auto;margin:0 auto}.button-82-pushable:hover{filter:brightness(110%);-webkit-filter:brightness(110%)}.button-82-pushable:hover .button-82-shadow{transform:translateY(3px);transition:transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5)}.button-82-pushable:hover .button-82-front{transform:translateY(-6px);transition:transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5)}.button-82-pushable:active .button-82-shadow{transform:translateY(1px);transition:transform 34ms}.button-82-pushable:active .button-82-front{transform:translateY(-2px);transition:transform 34ms}.button-82-pushable:focus:not(:focus-visible){outline:none}.button-82-pushable[disabled]{opacity:1;cursor:not-allowed;pointer-events:none;filter:none;-webkit-filter:none}.button-82-pushable[disabled] .button-82-front{background:color-mix(in srgb, var(--color-background-100) 16%, transparent);backdrop-filter:blur(8px) saturate(150%);color:var(--color-background-100)}.button-82-pushable[disabled] .button-82-edge{background:color-mix(in srgb, var(--color-background-100) 12%, transparent);backdrop-filter:blur(8px) saturate(150%)}.button-82-pushable .button-82-shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:24px;background:rgba(0,0,0,.25);will-change:transform;transform:translateY(2px);transition:transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1)}.button-82-pushable .button-82-edge{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:24px;background:linear-gradient(to left, hsl(340, 100%, 16%) 0%, hsl(340, 100%, 32%) 8%, hsl(340, 100%, 32%) 92%, hsl(340, 100%, 16%) 100%)}.button-82-pushable .button-82-front{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;position:relative;padding:12px 1.75rem;border-radius:24px;font-size:1rem;color:#fff;background:#f0003c;will-change:transform;transform:translateY(-4px);transition:transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);width:100%;text-align:center}.button-82-pushable .button-82-front svg{width:1.1rem;height:1.1rem}#filter-container .tt-select{margin-bottom:0}#filter-container .filter-icon-toggle{position:relative;width:2.5rem;height:2.5rem;padding:0;border-radius:4px}#progress-section{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:auto 0}#progress-section #progress-info{display:flex;margin:.5rem 0 1rem;text-align:center;gap:.25rem}#progress-section #progress-info .dots{display:flex;align-self:end;width:1ch}#progress-section #progress-info .dots::after{content:"";animation:ellipsis 2s steps(4, end) infinite;padding-left:.25em}#progress-section #progress-info p,#progress-section #progress-status p{margin:0}#record-player{max-width:200px;margin-bottom:1rem}#record-player #record{transform-origin:125px 125px;animation:spin 1000ms linear infinite}#record-player #armbase{transform-origin:25px 25px;transition:transform 1s ease-out}#record-player #needle{fill:var(--color-primary)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}100%{content:""}}#release-section{width:100%;display:flex;flex-direction:column;align-items:center}#release-section .cover-wrapper{position:relative;width:100%;max-width:clamp(275px,55vw,350px);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;isolation:isolate}#release-section .cover-wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--cover-url);background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-filter:blur(100px);filter:blur(100px);opacity:1;z-index:0;transition:opacity .3s ease;transform:translateZ(0);will-change:filter,transform;pointer-events:none}#release-section .cover-wrapper.cover-dimmed::after{opacity:.35}#release-section .cover-wrapper img{width:auto;height:100%;display:block;border-radius:5px;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none;pointer-events:none;box-shadow:rgba(50,50,93,.25) 0 13px 27px -5px,rgba(0,0,0,.3) 0px 8px 16px -8px;position:relative;z-index:1;transition:opacity .3s ease}#release-section .cover-wrapper img.cover-image-dimmed{opacity:.2}#release-section .cover-wrapper img.is-revealed{opacity:1}.overlay-inner-content.shuffle-cover-only #release-section>*:not(.cover-wrapper){opacity:0;visibility:hidden;pointer-events:none}.overlay-inner-content.shuffle-header-only #release-section>*:not(.cover-wrapper):not(#release-header){opacity:0;visibility:hidden;pointer-events:none}.overlay-inner-content.shuffle-actions-only #release-section>*:not(.cover-wrapper):not(#release-header):not(#release-actions){opacity:0;visibility:hidden;pointer-events:none}.overlay-inner-content.shuffle-hidden #release-tab-area,.overlay-inner-content.shuffle-cover-only #release-tab-area,.overlay-inner-content.shuffle-header-only #release-tab-area,.overlay-inner-content.shuffle-actions-only #release-tab-area{display:none}#release-section>*:not(.cover-wrapper){transition:opacity 500ms ease}#release-header{text-align:center;position:relative;margin-bottom:1rem}#release-header h2{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem}#release-header h2 .title-text{min-width:0;overflow-wrap:anywhere;word-break:break-word}#release-header h2 .hide-icon-header{display:none}#release-header h2 .hide-icon-header svg{width:1em;height:1em}#release-header h3{font-weight:normal}#release-header.dimmed .hide-icon-header{display:inline-flex}#release-actions{display:grid;grid-template-columns:repeat(2, minmax(max-content, 1fr));justify-content:center;gap:.75rem;width:max-content;padding:0 .75rem;margin-top:-1.7rem;margin-bottom:3rem;z-index:1}#release-actions #edit-button svg{width:1.25rem;min-width:1.25rem}ul#release-tracklist .track{display:grid;align-items:center;grid-template-columns:auto 1fr auto;column-gap:1em;padding:.5em 0;border-bottom:1px solid var(--color-border);box-sizing:border-box}ul#release-tracklist .track+.track{margin-top:-1px}ul#release-tracklist .track.side-break{margin-top:1rem}#release-tab-area{margin-bottom:1rem;width:100%}html.light #release-section .cover-wrapper::after{opacity:.5}#release-history-container.active{display:grid;grid-template-columns:minmax(0, max-content) minmax(0, 1fr);column-gap:1rem;row-gap:2rem}#release-history-container.active #release-history-list,#release-history-container.active #release-infos{list-style:none;display:grid;grid-template-columns:subgrid;grid-column:1/-1;gap:.4rem 1rem;margin:0;padding:0}#release-history-container.active .release-info-row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;border-bottom:1px solid var(--color-border)}#release-history-container.active .release-info-row.stacked{margin-top:1.5rem;row-gap:.2rem}#release-history-container.active .release-info-row.stacked .release-info-value{grid-column:1/-1}#release-history-container.active .release-info-row+.release-info-row:not(.stacked){margin-top:-1px}#release-history-container.active .release-info-label,#release-history-container.active .release-info-value{min-width:0}#release-history-container.active .release-info-label{color:var(--color-text);font-weight:700}#release-history-container.active .release-info-value{overflow-wrap:anywhere}#shuffle-animation-layer{--shuffle-cover-size: clamp(275px, 55vw, 350px);z-index:1;position:absolute;top:calc(var(--release-header-height, 0px) + 1rem);left:0;right:0;width:100%;display:grid;place-items:center;transition:opacity 180ms ease}#shuffle-animation-layer .shuffle-card{width:var(--shuffle-cover-size);max-width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,6vh,4rem)}#shuffle-animation-layer .shuffle-viewport{width:var(--shuffle-cover-size);max-width:100%;height:var(--shuffle-cover-size);max-height:var(--shuffle-cover-size);border-radius:10px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}#shuffle-animation-layer .shuffle-viewport::after{content:"";position:absolute;inset:0;background:inherit;filter:blur(50px);transform:scale(1.5);z-index:0}#shuffle-animation-layer .shuffle-viewport img{width:auto;height:100%;display:block;border-radius:5px;box-shadow:rgba(50,50,93,.25) 0 13px 27px -5px,rgba(0,0,0,.3) 0px 8px 16px -8px;position:relative;z-index:1}#shuffle-animation-layer .shuffle-stop-button{padding:2px 1.5em 0 1.2em}#shuffle-animation-layer.is-stopping .shuffle-viewport img{transform:scale(0.985);transition:transform 700ms ease}#shuffle-animation-layer.is-stopping .shuffle-stop-button{cursor:progress;filter:none;-webkit-filter:none}.shuffle-host{position:relative}.shuffle-host.shuffle-hidden>*:not(#shuffle-animation-layer){opacity:0 !important;pointer-events:none}#collection-section{width:100%;display:flex;flex-direction:column;gap:1rem;flex:1}#collection-section .total-items{text-align:center;margin:0;opacity:.5;cursor:default}#collection-section .release-list{display:flex;flex-direction:column;line-height:1.3;width:calc(100% + 3rem);margin-left:-1.5rem;height:100%}#collection-section .release-list.is-loading{flex:1;justify-content:center;align-items:center}#collection-section .collection-next-page-loader{display:none;justify-content:center;align-items:center;padding:.5rem 0 1rem;pointer-events:none}#collection-section .collection-next-page-loader.is-visible{display:flex}#collection-section .collection-next-page-loader .spinner{width:2.25rem;height:2.25rem;border-width:2px;border-top-width:3px}#collection-section .release{display:flex;cursor:pointer;gap:.75rem;padding:0 1.5rem;border-radius:2px;margin-bottom:-1px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#collection-section .release:has(img.dimmed):not(:hover) .release-image-overlay{opacity:1}#collection-section .release:hover{background-color:var(--color-list-item-hover-background)}#collection-section .release:hover img,#collection-section .release:hover .release-infos li{opacity:1}#collection-section .release:hover img>span,#collection-section .release:hover .release-infos li>span{opacity:.75}#collection-section .release.is-pressed{background-color:var(--color-background-300)}#collection-section .release.is-pressed img,#collection-section .release.is-pressed .release-infos li{opacity:1}#collection-section .release.is-pressed img>span,#collection-section .release.is-pressed .release-infos li>span{opacity:.75}#collection-section .release:not(:last-child) .release-infos{border-bottom:1px solid var(--color-border)}#collection-section .release img{width:100%;height:100%;object-fit:cover;border-radius:5px;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}#collection-section .release .release-image-container{position:relative;width:5.8rem;height:5.8rem;flex:0 0 5.8rem;margin:.5rem 0}#collection-section .release .release-image-overlay{opacity:0;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color-text-secondary);gap:.25rem}#collection-section .release .hide-icon-header{display:inline-flex}#collection-section .release .hide-icon-header svg{width:1.2rem;height:1.2rem}#collection-section .release .release-infos{padding:.5rem 0;flex:1}#collection-section .release .release-infos li.release-title{font-weight:bold}#collection-section .release .release-infos li.release-artist,#collection-section .release .release-infos li.release-default{font-size:var(--font-size-small);line-height:1.3}#collection-section .release .release-infos li.release-default{color:var(--color-text-secondary)}#collection-section .release .release-infos li.release-default:not(.dimmed)>span{opacity:.75}#login-page{--login-infos-animation-duration: 0.25s}#login-page .login-footer{max-width:400px;text-align:center;text-wrap:balance}#login-page header{padding:2rem 4rem 0;margin-bottom:0}#login-page header .login-logo{width:20rem;min-width:14rem;height:auto}#login-page footer{padding:0 2rem 2rem}#login-content{display:flex;flex-direction:column;justify-content:center;gap:3rem;max-width:27rem;padding:3rem 1rem}#login-content ul{list-style-position:inside;display:flex;flex-direction:column;gap:1rem}#login-content li{list-style:disc;opacity:0;transform:translateY(-4px)}#login-content li h4{margin-top:0;margin-bottom:.25rem}#login-content #record-player{width:clamp(160px,35vw,250px);transition:width .28s ease;touch-action:none}#login-content #record-player #armbase{transform-origin:25px 25px;transition:none;cursor:grab;touch-action:none}#login-content #record-player #armbase.is-dragging{cursor:grabbing}#login-content .login-button{margin-top:clamp(0rem,3vw,3rem);width:100%;display:flex;justify-content:center}#login-content .login-button .button-82-pushable{width:100%}#login-content .login-infos{display:flex;flex-direction:column}#login-content .login-infos-details summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem}#login-content .login-infos-details summary::-webkit-details-marker{display:none}#login-content .login-infos-details p{margin:0}#login-content .login-infos-details .login-infos-toggle{display:inline-flex;align-items:center;justify-content:center}#login-content .login-infos-details .login-infos-toggle svg{margin-left:-0.25rem;transition:transform .2s ease}#login-content .login-infos-details .login-infos-content{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;pointer-events:none;transition:grid-template-rows var(--login-infos-animation-duration) ease,opacity var(--login-infos-animation-duration) ease}#login-content .login-infos-details .login-infos-content-inner{overflow:hidden}#login-content .login-infos-details .login-infos-content-inner>ul{margin-top:1.5rem}#login-content .login-infos-details li{animation:none;opacity:0;transform:translateY(-4px)}#login-content .login-infos-details[open].is-animating li{animation-duration:var(--login-infos-animation-duration);animation-timing-function:ease;animation-fill-mode:forwards}#login-content .login-infos-details[open].is-animating[data-anim-cycle=a] li{animation-name:login-infos-item-in-a}#login-content .login-infos-details[open].is-animating[data-anim-cycle=b] li{animation-name:login-infos-item-in-b}#login-content .login-infos-details[open] .login-infos-content{grid-template-rows:1fr;opacity:1;pointer-events:auto}#login-content .login-infos-details[open] .login-infos-toggle svg{transform:rotate(180deg)}#login-content .login-infos-details[open].is-animating li:nth-child(1){animation-delay:0s}#login-content .login-infos-details[open].is-animating li:nth-child(2){animation-delay:.03s}#login-content .login-infos-details[open].is-animating li:nth-child(3){animation-delay:.06s}#login-content .login-infos-details[open].is-animating li:nth-child(4){animation-delay:.09s}#login-content .login-infos-details[open].is-animating li:nth-child(5){animation-delay:.12s}#login-content .login-infos-details[open].is-animating li:nth-child(6){animation-delay:.15s}#login-content .login-infos-details[open].is-animating li:nth-child(7){animation-delay:.18s}#login-content .login-infos-details[open].is-animating li:nth-child(8){animation-delay:.21s}#login-content .login-infos-details[open].is-animating li:nth-child(9){animation-delay:.24s}#login-content .login-infos-details[open].is-animating li:nth-child(10){animation-delay:.27s}#login-content .login-infos-details[open].is-animating li:nth-child(11){animation-delay:.3s}#login-content .login-infos-details[open].is-animating li:nth-child(12){animation-delay:.33s}#login-content .login-infos-details[open].is-animating li:nth-child(13){animation-delay:.36s}#login-content .login-infos-details[open].is-animating li:nth-child(14){animation-delay:.39s}#login-content .login-infos-details[open].is-animating li:nth-child(15){animation-delay:.42s}#login-content .login-infos-details[open].is-animating li:nth-child(16){animation-delay:.45s}#login-content .login-infos-details[open].is-animating li:nth-child(17){animation-delay:.48s}#login-content .login-infos-details[open].is-animating li:nth-child(18){animation-delay:.51s}#login-content .login-infos-details[open].is-animating li:nth-child(19){animation-delay:.54s}#login-content .login-infos-details[open].is-animating li:nth-child(20){animation-delay:.57s}#login-content:has(.login-infos-details[open]) .login-button{margin-top:0;transition:margin-top .2s ease}#login-content:has(.login-infos-details[open]) #record-player{width:45%;margin-inline:auto}@keyframes login-infos-item-in-a{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes login-infos-item-in-b{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#settings-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}#settings-section>*{width:100%}#settings-section #settings-form{display:flex;flex-direction:column}#settings-section #settings-form h3:not(:first-child){margin-top:2rem}#settings-section #settings-form .settings-group>*{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border)}#settings-section #settings-form .settings-group>*:first-child{border-top:1px solid var(--color-border)}#settings-section #settings-form .settings-group select{height:2rem;text-align:end;background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-base);appearance:none;-webkit-appearance:none;padding-right:1.6rem}#settings-section #settings-form .settings-select-control{position:relative;display:inline-flex;align-items:center}#settings-section #settings-form .settings-select-control select{text-align:right;text-align-last:right}#settings-section #settings-form .settings-select-control svg{width:1.5rem;height:1.5rem;color:#999;position:absolute;right:0;top:50%;transform:translateY(-50%);pointer-events:none}#settings-section #settings-form .settings-group-item{flex-direction:column;align-items:start}#settings-section #settings-form .settings-group-item>div{width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem}#settings-section #settings-form .settings-group-item p{margin-top:-0.5em;max-width:80%}#settings-section #settings-form .settings-reset-history-row{margin-top:2.5rem}#settings-section #settings-form .settings-link-row{padding-block:0}#settings-section #settings-form .settings-link-button{width:100%;height:auto;min-width:0;padding:.65rem 0;border:none;border-radius:0;background:none;color:var(--color-text-primary);justify-content:space-between;text-align:start}#settings-section #settings-form .settings-link-button:hover{background:none;color:var(--color-primary)}#settings-section #settings-form .settings-link-button svg{width:1.25rem;height:1.25rem;fill:none;color:var(--color-icon-secondary)}.settings-help-overlay{width:100%;display:flex;flex-direction:column;align-items:stretch}.settings-help-overlay h1{align-self:flex-start;margin-bottom:1.5rem}.settings-help-overlay h3{margin:1.5rem 0 1rem}.settings-help-overlay h3:first-child{margin-top:0}.settings-help-overlay p{margin:0 0 1rem}.settings-help-overlay .settings-overlay-form{display:flex;flex-direction:column;gap:1rem;width:100%}.settings-help-overlay .settings-overlay-field{display:flex;flex-direction:column;gap:.4rem;color:var(--color-text-primary)}.settings-help-overlay .settings-overlay-field span{font-size:var(--font-size-small);color:var(--color-text-secondary)}.settings-help-overlay .settings-overlay-field input,.settings-help-overlay .settings-overlay-field textarea{width:100%;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background-500);color:var(--color-text-primary);padding:.75rem;outline:none}.settings-help-overlay .settings-overlay-field input:focus,.settings-help-overlay .settings-overlay-field textarea:focus{border-color:var(--color-background-200)}.settings-help-overlay .settings-overlay-field input::placeholder,.settings-help-overlay .settings-overlay-field textarea::placeholder{color:var(--color-text-secondary);opacity:.85}.settings-help-overlay .settings-overlay-field textarea{min-height:10rem;resize:vertical}.settings-help-overlay .settings-overlay-actions{display:flex;justify-content:flex-end}.settings-help-overlay .settings-overlay-list{margin:0 0 1rem;padding-left:1.2rem}.settings-help-overlay .settings-overlay-list li{list-style:disc;margin-bottom:.6rem;color:var(--color-text-secondary)}.settings-help-overlay .settings-overlay-list li:last-child{margin-bottom:0}.settings-help-overlay .settings-overlay-list li::marker{color:var(--color-text-secondary)}#shuffle-section{max-width:400px;width:100%;height:100%;display:flex;margin-inline:auto}#shuffle-section #shuffle-form{display:flex;flex-direction:column;justify-content:center;flex:1;gap:clamp(1.5rem,6vh,4rem)}#shuffle-section #shuffle-form .shuffle-button-group{display:flex;flex-direction:column;justify-content:center;gap:clamp(.75rem,3vh,1.5rem)}#shuffle-section #shuffle-form .shuffle-count-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0}#shuffle-section #shuffle-form .shuffle-reset-filters{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:.15em}#shuffle-section #shuffle-form .shuffle-reset-filters[hidden]{display:none}#shuffle-section #shuffle-form .shuffle-reset-filters:focus-visible{outline:2px solid currentColor;outline-offset:3px}#shuffle-section #shuffle-form .button-82-pushable.is-preparing{filter:none;-webkit-filter:none;cursor:progress}#shuffle-section #shuffle-form .button-82-pushable.is-preparing .button-82-front{transform:translateY(-2px);transition:transform 34ms}#shuffle-section #shuffle-form .button-82-pushable.is-preparing .button-82-shadow{transform:translateY(1px);transition:transform 34ms}#shuffle-section #shuffle-form .button-82-pushable.is-preparing .shuffle-submit-icon{animation:shuffle-submit-vertical-spin 700ms ease-in-out infinite}#shuffle-section #shuffle-form #filter-container{display:flex;flex-direction:column;row-gap:clamp(.75rem,3vh,2rem)}#shuffle-section #shuffle-form #filter-container .shuffle-include-hidden{margin-top:.5rem;width:fit-content}#shuffle-section #shuffle-form #filter-container .shuffle-include-hidden .tt-switch{align-items:center;gap:.6rem;flex-direction:row-reverse}#shuffle-section #shuffle-form #filter-container .shuffle-include-hidden .tt-switch-label{color:var(--color-text-secondary);font-size:var(--font-size-base)}#shuffle-section #shuffle-form #filter-container .year-range-filters{display:flex;gap:calc(clamp(.75rem,3vh,2rem)/2)}#shuffle-section #shuffle-form #filter-container .year-range-filters>*{flex:1}@keyframes shuffle-submit-vertical-spin{0%{transform:scaleY(1) rotate(0deg)}25%{transform:scaleY(0.55) rotate(0deg)}50%{transform:scaleY(-1) rotate(0deg)}75%{transform:scaleY(-0.55) rotate(0deg)}100%{transform:scaleY(1) rotate(0deg)}}