.album-hero{position:relative;display:flex;background:var(--color-background);color:var(--color-foreground);overflow:hidden}.album-hero--height-full{min-height:100vh}.album-hero--height-large{min-height:700px}.album-hero--border-top:before,.album-hero--border-bottom:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--color-border);z-index:2}.album-hero--border-top:before{top:0}.album-hero--border-bottom:after{bottom:0}.album-hero__wrapper{display:flex;flex-direction:column;flex:1;padding-top:var(--spacer-8);padding-bottom:var(--spacer-8)}.album-hero__content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacer-5);margin-top:auto;margin-bottom:auto;padding-top:var(--spacer-7);padding-bottom:var(--spacer-7)}.album-hero__media{flex:1 1 50%;min-width:0;max-width:615px}.album-hero__image,.album-hero__image--placeholder{display:block;width:100%;height:auto;object-fit:contain}.album-hero__info{display:flex;flex-direction:column;align-items:flex-start;gap:var( --spacer-3 );flex:1 1 50%;max-width:540px}.album-hero__subheading{margin:0}.album-hero__title,.album-hero__description{margin:0;color:var(--color-foreground)}.album-hero__credit-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacer-2);width:100%}.album-hero__rule{width:100%;height:1px;margin:0;border:none;background:var(--color-rule, var(--color-border))}.album-hero__credit{margin:0;font-family:var(--font-family-heading);font-style:italic;font-size:var(--typography-size-body-medium);font-weight:var(--typography-weight-body-medium);font-variation-settings:"opsz" var(--typography-optical-size-small, 8);letter-spacing:0;text-transform:uppercase;color:var(--color-text-secondary)}.album-hero__countdown{display:flex;flex-direction:column;align-items:center;gap:56px;width:100%}.album-hero__countdown+.album-hero__content{padding-top:56px}.album-hero__countdown-body{display:flex;flex-direction:column;align-items:center;padding-top:56px;gap:var(--spacer-4);width:100%}.album-hero__countdown-title{margin:0;text-align:center}.album-hero__countdown-units{display:flex;align-items:flex-start;gap:var(--spacer-1);width:100%;padding-inline:200px}.album-hero__countdown-unit{display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:var(--spacer-1);min-width:0;margin:0}.album-hero__countdown-value{font-variant-numeric:tabular-nums;font-style:italic}.album-hero__countdown-label{color:var(--color-text-secondary)}.album-hero__actions{display:flex;flex-direction:row;align-items:center;gap:var(--spacer-2);flex-wrap:wrap}.album-hero__button{margin:0}.album-hero__strip{display:flex;flex-direction:column;align-items:center;gap:var(--spacer-2)}.album-hero__strip-heading{margin:0;text-align:center}.album-hero__strip-note{margin:0;max-width:40em;text-align:center;color:var(--color-text-secondary)}.album-hero__strip-row{display:flex;flex-direction:row;align-items:center;gap:var(--spacer-2);width:100%;max-width:100%;justify-content:center}.album-hero__nav-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:50px;height:50px;padding:0;min-width:0;min-height:0;background:none;border:1px solid var(--color-border);color:var(--color-foreground);cursor:pointer;transition:color var(--default-duration, .2s) ease;max-width:none}.album-hero__nav-arrow:hover:not([disabled]){background:none;color:var(--color-text-secondary)}.album-hero__nav-arrow--next svg{transform:scaleX(-1)}.album-hero__nav-arrow[aria-disabled=true]{opacity:.5;cursor:default}.album-hero__track{display:flex;flex-direction:row;align-items:stretch;min-width:0;gap:var(--spacer-2);margin:0;padding:0;list-style:none;justify-content:safe center;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}.album-hero__track::-webkit-scrollbar{display:none}.album-hero__card-item{flex-shrink:0;scroll-snap-align:start}.album-hero__card,.album-hero__card--link{display:flex;flex-direction:row;align-items:center;gap:var(--spacer-1);padding:var(--spacer-2);border:1px solid var(--color-border);border-radius:2px;background:color-mix(in srgb,var(--color-foreground) 8%,var(--color-background));color:var(--color-foreground);text-decoration:none;transition:border-color var(--default-duration, .2s) ease}.album-hero__card--link:hover{border-color:var(--color-foreground)}.album-hero__card--link:after{display:none}.album-hero__card--current{border-color:transparent;background:var(--color-background);color:var(--color-foreground)}.album-hero__card-media{flex-shrink:0;width:var( --spacer-5 );height:var(--spacer-5);overflow:hidden}.album-hero__card-image,.album-hero__card-image--placeholder{display:block;width:100%;height:100%;object-fit:contain}.album-hero__card-title{margin:0;font-family:var(--font-family-heading);font-size:var(--typography-size-body-large);font-weight:400;font-style:italic;font-variation-settings:"opsz" var(--typography-optical-size-small, 8);letter-spacing:var(--typography-letter-spacing-eyebrow, .08em);white-space:nowrap;color:inherit}.album-hero__card-year{margin:0;font-family:var(--font-family-heading);font-size:var(--typography-size-body-small);font-variation-settings:"opsz" var(--typography-optical-size-small, 8);letter-spacing:var(--typography-letter-spacing-eyebrow, .08em);white-space:nowrap;color:var(--color-text-secondary)}@media screen and (min-width:1200px){.album-hero__nav-arrow{display:none;visibility:hidden}}@media screen and (max-width:990px){.album-hero__countdown-units{padding-inline:var(--spacer-8)}.album-hero__content{gap:var(--spacer-1)}.album-hero__info{max-width:none}}@media screen and (max-width:769px){.album-hero__wrapper{padding-top:var(--spacer-6);padding-bottom:var(--spacer-6)}.album-hero__content{flex-direction:column;align-items:flex-start;padding-top:var(--spacer-5);padding-bottom:var(--spacer-5)}.album-hero__media{max-width:100%;width:100%}.album-hero__countdown{gap:var(--spacer-5)}.album-hero__countdown+.album-hero__content{padding-top:var(--spacer-1)}.album-hero__countdown-units{gap:0;padding-inline:0}.album-hero__actions{width:100%;flex-wrap:nowrap;flex-direction:column}.album-hero__button{flex:1 1 0;min-width:0;max-width:none;width:100%}}@media screen and (max-width:450px){.album-hero__strip-row{gap:var(--spacer-1)}.album-hero__nav-arrow{width:var( --spacer-5 );height:var(--spacer-5)}.album-hero__card-title{white-space:normal}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/album-hero.css.map */