*{box-sizing:border-box;margin:0;padding:0}:root{--canvas:light-dark(oklab(89% 0 0),oklab(21% -.01 -.02));--color:light-dark(oklab(35% -.04 -.07),oklab(90% -.01 -.01));--shadow-color:#0000000f;&[data-mode=cover]{--canvas:light-dark(oklab(89% 0 0),oklab(14% 0 -.01))}color-scheme:light dark;height:100%;color:var(--color);font-size:11px;& ::selection{background-color:color-mix(in oklab, var(--color) 100%, transparent);color:color-mix(in oklab, var(--canvas,Canvas) 100%, transparent)}scrollbar-width:thin;scrollbar-color:currentColor transparent;&[has-modal]{overflow:hidden}}body{--c-gradient:light-dark(color-mix(in oklab, var(--canvas) 100%, black 3%),color-mix(in oklab, var(--canvas) 90%, white 7%));font-optical-sizing:auto;letter-spacing:.05em;background-color:var(--canvas);min-height:100%;margin:0;font-family:Inter,sans-serif;line-height:1.5em;display:flex;[data-mode=cover] &{background:linear-gradient(180deg, var(--canvas), var(--c-gradient) 50%, var(--canvas) 51%)}&[has-modal]{overflow:hidden}}h1,h2,h3,h4{margin:0}.page-header{z-index:10;padding:2em;position:fixed;top:0;left:0;right:0}.background{z-index:-1;opacity:.3;position:absolute;inset:0;[data-mode=cover] &{display:none}}main{--main-width:1000px;--form-control-padding-block:0;--form-control-padding-inline:0;--form-control-background:transparent;flex-direction:column;justify-content:flex-start;align-items:center;gap:48px;width:90vw;max-width:100vw;margin:0 auto 15em;display:flex;container-type:inline-size;@media (width>=1200px){width:100%;max-width:var(--main-width);flex-direction:row}}am-audio-player{z-index:1;&::part(controller-wrapper){backdrop-filter:blur(10px);background:oklab(62.7834% -.01242 -.01158/.078);border-radius:10px;max-width:100%;margin-inline:auto;bottom:0;left:0;right:0;@container (width<=1200px){width:var(--main-width);bottom:4em}}[data-mode=cover] &::part(artwork){display:none}&::part(track-name){font-weight:300}&::part(artist){text-transform:uppercase;font-size:.75em}}am-audio-track{&::part(base){height:3em;margin-inline:-1em}&::part(track){display:flex}&::part(index){flex:0 0 20px}&::part(artist){display:none}&::part(duration){text-align:right;flex:1}&::part(actions){grid-template-columns:1fr .25fr;justify-content:space-between;align-items:center;min-width:10em;display:grid}&::part(hover-actions){display:none}& am-button{justify-self:center}& am-dropdown{--_menu-min-width:auto;justify-self:flex-end}}am-carousel-item{--_size:40rem;--_cover-size:clamp(20em, 100vw, var(--_size));--carousel-item-width:var(--_cover-size);--carousel-item-height:var(--_cover-size);--carousel-item-reflection-gap:.25em;--carousel-show-reflection:1;height:calc(var(--_cover-size) * 1);width:var(--_size);max-width:100vw;[data-mode=background] &{display:none}&::part(stage){overflow:visible}}am-button[variant=outline]{--button-padding:0;padding:.25em .75em;font-weight:600}am-button::part(badge){opacity:1;text-box-trim:trim-both;text-box-edge:ex alphabetic;background-color:color-mix(in oklab, currentColor 100%, white);border-radius:10em;min-width:1.6em;min-height:1.6em;padding:0 .5em;font-size:1em;position:absolute;top:-40%;right:-20%}am-button::part(badge-span){color:var(--canvas);letter-spacing:initial;font-weight:900;line-height:1em}am-modal{--modal-backdrop:light-dark(color-mix(in oklab, var(--canvas) 10%, transparent),color-mix(in oklab, var(--canvas) 10%, transparent));--modal-backdrop-filter:blur(10px);&::part(content){background:light-dark(color-mix(in oklab, var(--canvas) 90%, transparent 0%),color-mix(in oklab, var(--canvas) 60%, transparent 0%));backdrop-filter:blur(100px);border-radius:1em}}#tracklist{& .header{justify-content:space-between;align-items:flex-start;gap:1em;margin-bottom:4em;display:flex;& .album-details{flex-direction:column;gap:1em;display:flex;& h2{text-box:trim-both cap alphabetic;letter-spacing:.12em;opacity:.75;margin:0 0 .5em;font-size:1rem;font-weight:300}& h1{font-size:2em;font-weight:300}& span{opacity:.65;margin:0;font-size:.8em}}& .actions{gap:1em;display:flex}}& .footer{grid-template-columns:1fr auto;gap:.5em;margin-top:4em;display:grid;& [href]{font-size:.85em}& .date{grid-column:1/-1}& span{opacity:.65;font-size:.8em}}}.card-content{--header-height:80px;flex-direction:column;padding:4.5em;display:flex;& .card-header{min-height:var(--header-height);justify-content:space-between;align-items:flex-start;display:flex;& h1{font-size:1.75em;font-weight:200}}}#liner-notes{text-align:right;grid-template-columns:200px 1fr;gap:.75em;font-size:1.25em;font-weight:300;display:grid;& strong{text-align:initial;font-weight:100}}#lyrics{gap:5em;display:grid;& p{letter-spacing:0;opacity:.75;margin:0;font-size:1.75em;font-weight:400;line-height:1.5em;&:hover{opacity:1}}}#cart{height:calc(100% - var(--header-height));flex-direction:column;display:flex}.cart-items{flex-direction:column;flex:1;gap:.75em;margin-inline:-3em;padding-inline:3em;display:flex;overflow:auto}.cart-item{--image-width:35px;--image-height:35px;--image-object-fit:cover;margin-inline:-.3em;padding:.3em;&:hover{background:light-dark(color-mix(in oklab, currentColor 2%, transparent),color-mix(in oklab, currentColor 2%, transparent))}& .details{grid-template-columns:40px 1fr auto 2em;align-items:center;gap:.5em;display:grid;& .cart-item-info{flex:1;& h2{font-size:1em;font-weight:300}& h3{opacity:.75;text-transform:uppercase;font-size:.8em;font-weight:400}& p{opacity:.6;font-size:1em;font-weight:300}}& am-button{opacity:.5;height:100%;transition:opacity .1s ease-in-out;.details:hover &{opacity:1}&::part(base){justify-content:end}}}& .description{opacity:.75;font-size:.85em}}.cart-footer{margin-top:2em;& .buttons{gap:1em;margin-top:3em;display:grid;& am-button{--button-padding:.8em;width:100%;&::part(base){text-transform:uppercase}}}& .cart-description{opacity:.6;text-align:center;margin-top:2em;font-size:.85em}}[data-astro-cid-7elw3ox2]:not(:defined){content-visibility:hidden}[data-astro-cid-7elw3ox2]:not(:defined) [data-astro-cid-7elw3ox2]{content-visibility:hidden}