.music-page{background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:hidden}.music-page__inner{display:grid;grid-template-columns:minmax(10rem,18rem) minmax(22rem,34rem) minmax(30rem,1fr);gap:clamp(2.4rem,5vw,8rem);align-items:center;max-width:136rem;min-height:calc(100vh - 12rem);margin:0 auto;padding:clamp(5.6rem,8vw,11rem) clamp(1.6rem,5vw,6.4rem) clamp(7.2rem,9vw,12rem)}.music-page__intro{align-self:start;padding-top:clamp(2rem,10vw,11rem)}.music-page__headline{margin:0;font-family:var(--font-body-family);font-size:clamp(2rem,1.6vw,2.8rem);font-style:var(--font-body-style);font-weight:700;line-height:1.18;letter-spacing:0}.music-page__visuals{display:flex;flex-direction:column-reverse;align-items:flex-end;gap:2rem;width:100%}.music-clock{position:relative;width:100%;aspect-ratio:1 / 1;background:#f5f5f5;overflow:hidden}.music-clock__dial{position:absolute;top:7.4%;right:7.4%;bottom:7.4%;left:7.4%;border-radius:50%;background:#eee;box-shadow:inset 0 1.5rem 4rem #ffffff6b}.music-clock__tick{position:absolute;top:50%;left:50%;width:.1rem;height:1.1rem;margin-left:-.05rem;margin-top:-.55rem;background:rgba(var(--color-foreground),.35);transform:rotate(calc(var(--tick-index) * 30deg)) translateY(calc(-1*min(20.5vw,15.8rem)));transform-origin:50% 50%}.music-clock__tick--1{--tick-index: 1}.music-clock__tick--2{--tick-index: 2}.music-clock__tick--3{--tick-index: 3}.music-clock__tick--4{--tick-index: 4}.music-clock__tick--5{--tick-index: 5}.music-clock__tick--6{--tick-index: 6}.music-clock__tick--7{--tick-index: 7}.music-clock__tick--8{--tick-index: 8}.music-clock__tick--9{--tick-index: 9}.music-clock__tick--10{--tick-index: 10}.music-clock__tick--11{--tick-index: 11}.music-clock__tick--12{--tick-index: 12}.music-clock__center{position:absolute;top:50%;left:50%;width:.8rem;height:.8rem;border:.1rem solid rgba(255,255,255,.95);border-radius:50%;transform:translate(-50%,-50%)}.music-clock__orb{position:absolute;top:50%;left:50%;display:block;border:.1rem solid rgba(255,255,255,.86);border-radius:50%;background:#ffffff47;box-shadow:inset 0 .1rem 1.2rem #ffffff80,0 .8rem 2.4rem #0000000a;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}.music-clock__orb--hour{width:clamp(4.8rem,7vw,7.6rem);height:clamp(4.8rem,7vw,7.6rem);transform:rotate(var(--music-hour-angle, 220deg)) translateY(-43%) rotate(calc(-1 * var(--music-hour-angle, 220deg))) translate(-50%,-50%)}.music-clock__orb--minute{width:clamp(3rem,4.6vw,5rem);height:clamp(3rem,4.6vw,5rem);transform:rotate(var(--music-minute-angle, 48deg)) translateY(-43%) rotate(calc(-1 * var(--music-minute-angle, 48deg))) translate(-50%,-50%)}.music-clock__label{position:absolute;left:3.4%;bottom:3.4%;margin:0;font-size:clamp(2.6rem,3vw,4.2rem);line-height:1.12;letter-spacing:0;color:rgba(var(--color-foreground),.8)}.music-artwork{width:min(47%,24rem);margin:0;background:#000}.music-artwork a{display:block;height:100%;color:currentColor;text-decoration:none}.music-artwork img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.music-page__content{display:grid;grid-template-columns:1fr;gap:clamp(3rem,4vw,5.6rem);width:100%}.music-page__title-row{display:flex;align-items:baseline;gap:clamp(2rem,4vw,7rem)}.music-page__playlist-title{margin:0;font-family:var(--font-body-family);font-size:clamp(3rem,3vw,5rem);font-weight:700;line-height:1;letter-spacing:0}.music-page__spotify-link{flex:0 0 auto;color:currentColor;font-size:1.4rem;font-weight:600;line-height:1.2;text-decoration:underline;text-underline-offset:.15em}.music-track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:clamp(4rem,8vw,12rem);row-gap:2.2rem;margin:0;padding:0;list-style:none}.music-track{display:grid;grid-template-columns:minmax(0,1fr) 4.4rem;gap:1.6rem;align-items:center;min-width:0}.music-track__number{display:block;margin-bottom:.35rem;font-size:1.3rem;line-height:1}.music-track__title{display:block;color:currentColor;font-size:1.4rem;font-weight:700;line-height:1.22;text-decoration:none}.music-track__title:hover,.music-track__title:focus-visible{text-decoration:underline;text-underline-offset:.16em}.music-track__artist{display:block;margin-top:.2rem;font-size:1.2rem;line-height:1.2}.music-track__play{display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;color:currentColor;background-color:transparent;border:.13rem solid currentColor;border-radius:50%;text-decoration:none;transition:color .22s ease,background-color .22s ease,border-color .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}.music-track__play svg{width:1rem;height:1.2rem;margin-left:.2rem;fill:currentColor}.music-page__spotify-mark{justify-self:end;display:inline-flex;align-items:center;gap:.55rem;color:currentColor;font-size:1.4rem;font-weight:700;text-decoration:none}.music-page__spotify-mark svg{width:2.4rem;height:auto;fill:currentColor}.music-page__spotify-mark span{display:inline-block;font-size:1.6rem;line-height:1}@media screen and (max-width:989px){.music-page__inner{grid-template-columns:1fr;gap:1.6rem;min-height:0;padding:2.4rem 1.6rem 7.2rem}.music-page__intro{padding-top:0}.music-page__headline{font-size:clamp(2.4rem,7vw,3.2rem);line-height:1.12}.music-page__visuals{flex-direction:column;align-items:flex-start;gap:1.6rem}.music-clock{width:100%}.music-clock__tick{transform:rotate(calc(var(--tick-index) * 30deg)) translateY(calc(-1*min(40vw,16.1rem)))}.music-clock__label{font-size:clamp(2.4rem,6.8vw,3.2rem)}.music-artwork{width:min(48vw,18rem)}.music-page__content{gap:2.8rem;padding-top:2.4rem}.music-page__title-row{display:block}.music-page__playlist-title{font-size:clamp(3rem,8.8vw,4.2rem);line-height:1.08}.music-page__spotify-link{display:inline-block;margin-top:1.5rem}.music-track-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;row-gap:2.4rem}.music-track{grid-template-columns:minmax(0,1fr) 4.4rem}.music-page__spotify-mark{justify-self:center;margin-top:2.4rem}.music-page__spotify-mark svg{width:3rem}.music-page__spotify-mark span{font-size:2.2rem}}@media screen and (max-width:380px){.music-page__inner{padding-right:1.4rem;padding-left:1.4rem}.music-track{grid-template-columns:minmax(0,1fr) 4rem}.music-track__play{width:3.8rem;height:3.8rem}}.music-page{--music-ink: #000000;--music-muted-ink: #121212;--music-glass-base: rgba(245, 245, 245, .98);--music-glass-disc: rgba(194, 194, 194, .2);--music-clock-size: 36rem;--music-clock-dial-width: 31.7rem;--music-clock-dial-height: 31.6rem;--music-clock-dial-left: 2rem;--music-clock-dial-top: 2.5rem;--music-clock-tick-radius: 15.6rem;--music-hour-orb: 30px;--music-minute-orb: 16px;--music-hour-radius: 89px;--music-minute-radius: 124px;color:var(--music-ink)}.music-page__inner{position:relative}.music-page__headline,.music-page__playlist-title,.music-page__spotify-link,.music-track__number,.music-track__title,.music-track__artist,.music-clock__label,.music-page__spotify-mark{font-family:var(--font-body-family);font-style:var(--font-body-style);letter-spacing:-.02em}.music-clock{position:relative;width:var(--music-clock-size);height:var(--music-clock-size);aspect-ratio:auto;background:transparent}.music-clock__base,.music-clock__hand{position:absolute;display:block;pointer-events:none}.music-clock__base{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.music-clock__hand{top:50%;left:50%;z-index:1;box-sizing:border-box;object-fit:contain;flex:none;min-width:0;min-height:0}.music-clock__hand--hour{width:var(--music-hour-orb);height:var(--music-hour-orb);max-width:var(--music-hour-orb);max-height:var(--music-hour-orb);transform:rotate(var(--music-hour-angle, 220deg)) translateY(calc(-1 * var(--music-hour-radius))) rotate(calc(-1 * var(--music-hour-angle, 220deg))) translate(-50%,-50%)}.music-clock__hand--minute{width:var(--music-minute-orb);height:var(--music-minute-orb);max-width:var(--music-minute-orb);max-height:var(--music-minute-orb);transform:rotate(var(--music-minute-angle, 48deg)) translateY(calc(-1 * var(--music-minute-radius))) rotate(calc(-1 * var(--music-minute-angle, 48deg))) translate(-50%,-50%)}.music-artwork{background:transparent}.music-artwork img{height:100%;aspect-ratio:auto;box-shadow:0 .1rem .2rem #0000001f}.music-page__headline{font-size:1.8rem;font-weight:400;line-height:2.2rem;letter-spacing:-.01em}.music-page__playlist-title{font-size:4rem;font-weight:400;line-height:5.2rem;letter-spacing:-.02em;white-space:nowrap}.music-page__spotify-link{color:var(--music-muted-ink);font-size:1.4rem;font-weight:600;line-height:normal;letter-spacing:-.02em;text-underline-offset:.12em}.music-page__spotify-actions{display:inline-flex;align-items:center;gap:2.4rem}.music-page__spotify-mark img{display:block;width:100%;height:auto}.music-track__number{margin:0;font-size:1.4rem;font-weight:400;line-height:normal}.music-track__title{margin-top:0;font-size:1.3rem;font-weight:700;line-height:normal;letter-spacing:-.02em}.music-track__artist{margin-top:0;font-size:1.1rem;font-weight:400;line-height:normal;letter-spacing:-.02em}.music-track__play{width:3.2rem;height:3.2rem;border:.1rem solid currentColor}.music-track__play svg{width:.8rem;height:.8rem;margin-left:.1rem}@media screen and (min-width:990px){.music-page{--music-pc-top-offset: 8.2rem;--music-pc-artwork-height: 17rem;--music-pc-section-gap: 1.6rem;--music-hour-orb: 30px;--music-minute-orb: 16px;--music-hour-radius: 89px;--music-minute-radius: 124px}.music-page__inner{display:grid;grid-template-columns:36rem 74.4rem;grid-template-rows:var(--music-pc-artwork-height) auto;column-gap:2.5rem;row-gap:var(--music-pc-section-gap);align-items:start;width:112.9rem;max-width:calc(100vw - 3.2rem);min-height:0;margin:0 auto;padding:var(--music-pc-top-offset) 0 26.9rem}.music-page__intro{grid-column:1;grid-row:1;align-self:start;padding-top:0}.music-page__visuals{display:contents}.music-clock{grid-column:1;grid-row:2}.music-artwork{position:absolute;top:var(--music-pc-top-offset);left:19.1rem;width:16.9rem;height:var(--music-pc-artwork-height);margin:0}.music-page__content{grid-column:2;grid-row:2;display:block;width:74.4rem}.music-page__title-row{display:grid;grid-template-columns:36rem 1fr;column-gap:2.6rem;align-items:start;min-height:5.2rem}.music-page__spotify-link{margin-top:0}.music-page__spotify-actions{gap:18.9rem;margin-top:2.3rem}.music-track-list{grid-template-columns:36rem 35.8rem;grid-template-rows:repeat(4,4.9rem);grid-auto-flow:column;column-gap:2.6rem;row-gap:1.6rem;width:74.4rem;margin-top:4.3rem}.music-track{grid-template-columns:26.4rem 3.2rem;justify-content:space-between;gap:0;min-height:4.9rem}.music-page__spotify-mark{justify-self:auto;width:7.1rem;height:2rem;margin:0;font-size:1.1rem;font-weight:600}}@media screen and (max-width:989px){.music-page{--music-clock-size: min(37rem, calc(100vw - 3.2rem) );--music-clock-dial-width: calc(var(--music-clock-size) * .8838);--music-clock-dial-height: calc(var(--music-clock-size) * .8784);--music-clock-dial-left: calc(var(--music-clock-size) * .0541);--music-clock-dial-top: calc(var(--music-clock-size) * .0676);--music-clock-tick-radius: calc(var(--music-clock-size) * .4216);--music-hour-orb: calc(var(--music-clock-size) * 30 / 360);--music-minute-orb: calc(var(--music-clock-size) * 16 / 360);--music-hour-radius: calc(var(--music-clock-size) * 89 / 360);--music-minute-radius: calc(var(--music-clock-size) * 124 / 360)}.music-page__inner{display:block;width:auto;max-width:none;min-height:0;padding:2.4rem 1.6rem 6.4rem}.music-page__intro{padding-top:0}.music-page__headline{width:26.4rem;font-size:2.4rem;font-weight:400;line-height:2.6rem;letter-spacing:-.01em}.music-page__visuals{display:contents}.music-clock{margin-top:1.6rem;overflow:visible}.music-artwork{position:static;width:17.7rem;height:17.8rem;margin:1.5rem 0 0}.music-page__content{position:relative;display:flex;flex-direction:column;width:100%;padding-top:3.6rem;padding-bottom:7.8rem}.music-page__title-row,.music-page__spotify-actions{display:contents}.music-page__playlist-title{order:1;width:max-content;max-width:calc(100vw - 3.2rem);font-size:3.2rem;font-weight:400;line-height:4.2rem;letter-spacing:-.02em}.music-page__spotify-link{display:inline-block;flex:0 0 auto;order:2;margin-top:1rem;margin-left:.2rem}.music-track-list{order:3;grid-template-columns:1fr;grid-template-rows:repeat(8,4.9rem);grid-auto-flow:row;row-gap:1.6rem;width:100%;margin-top:2.7rem}.music-track{grid-template-columns:26.4rem 3.2rem;justify-content:space-between;gap:0;min-height:4.9rem}.music-page__spotify-mark{order:4;position:static;display:flex;justify-content:center;align-self:center;width:10.8rem;height:3rem;margin:4.8rem 0 0;gap:0;transform:none}}@media screen and (max-width:380px){.music-track{grid-template-columns:minmax(0,1fr) 3.2rem}}.music-track__play:hover,.music-track__play:focus-visible{color:#fff;background-color:#232323;border-color:#232323;transform:translateY(-.1rem)}.music-track__play:focus-visible{outline:.2rem solid rgba(35,35,35,.45);outline-offset:.3rem}@media(prefers-reduced-motion:reduce){.music-track__play{transition:color .12s ease,background-color .12s ease,border-color .12s ease}.music-track__play:hover,.music-track__play:focus-visible{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-main-music-page.css.map */