.r5p-layout{--r5p-font-body: "R5 Player Geist", var(--fp-font-body, "Geist"), sans-serif;--r5p-font-heading: "R5 Player Instrument Sans", var(--fp-font-heading, "Instrument Sans"), sans-serif;--r5p-text: var(--fp-color-text-primary, #e8e8e8);--r5p-muted: var(--fp-color-text-muted, rgba(232, 232, 232, .62));--r5p-border: var(--fp-color-border, rgba(255, 255, 255, .1));position:relative;isolation:isolate;overflow:hidden;padding:var(--r5p-padding-top, 27px) 0 var(--r5p-padding-bottom, 109px);background:var(--fp-color-bg-hero, #1f1f22);color:var(--r5p-text);font-family:var(--r5p-font-body);font-weight:300;letter-spacing:0}.r5p-layout *,.r5p-layout *:before,.r5p-layout *:after{box-sizing:border-box}.r5p-layout .r5p__background{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.71;mix-blend-mode:lighten;pointer-events:none}.r5p__background img,.r5p__background video{display:block;width:100%;height:100%;object-fit:cover}.r5p__background video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.r5p__background video.is-playing{opacity:1}.r5p-layout .r5p__wrap{position:relative;width:100%;max-width:1440px;min-height:908px;margin:0 auto;padding:var(--fp-spacing-32, 32px) var(--fp-spacing-64, 64px);border:0;border-radius:19px;background:transparent;box-shadow:18px 18px 53.1px #0000004a,inset 3px 3px 7.7px #ffffff08}.r5p-layout .r5p__wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#1b1e1f9e;backdrop-filter:blur(9.05px);-webkit-backdrop-filter:blur(9.05px);pointer-events:none}.r5p-layout .r5p__head{position:relative;display:grid;grid-template-columns:249px minmax(0,1fr);grid-template-rows:minmax(52px,auto) 94px 46px;grid-template-areas:"overline intro" "heading synths" "subhead requirement";gap:var(--fp-spacing-8, 8px);min-height:208px;margin-bottom:22px}.r5p__head>p,.r5p__head>h2{margin:0}.r5p-layout .r5p__overline{grid-area:overline;align-self:start;font-family:var(--font-dokdo-family, "East Sea Dokdo"),cursive;font-size:var(--fp-font-size-display-label, 28px);font-weight:400;line-height:1.25;text-transform:uppercase;white-space:nowrap}.r5p-layout .r5p__heading{grid-area:heading;align-self:center;width:165px;height:112px;color:inherit;font-family:var(--font-dokdo-family, "East Sea Dokdo"),cursive;font-size:var(--fp-font-size-display-section, 104px);font-weight:400;line-height:.9;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.r5p-layout .r5p__subhead{grid-area:subhead;align-self:start;color:var(--r5p-muted);font-size:var(--fp-font-size-body-md, 15px);line-height:1.5}.r5p-layout .r5p__intro{grid-area:intro;align-self:start;justify-self:center;width:881px;max-width:100%;min-height:51px;color:inherit;font-size:var(--fp-font-size-body-lg, 17px);line-height:1.5;text-align:center}.r5p-layout .r5p__synths{grid-area:synths;align-self:center;justify-self:center;display:grid;grid-template-columns:repeat(3,240px);gap:var(--fp-spacing-24, 24px);align-items:center;justify-content:center;width:100%;max-width:100%;height:138px}.r5p__synth-figure{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:110px auto;justify-items:center;align-items:center;row-gap:5px;height:138px;min-width:0;margin:0}.r5p__drawing{--r5p-drawing-scale: 1;position:relative;flex:0 0 auto;width:224px;overflow:hidden;opacity:.7;transform:scale(var(--r5p-drawing-scale));transform-origin:top center;margin-bottom:calc(var(--r5p-drawing-height) * (var(--r5p-drawing-scale) - 1))}.r5p__drawing--serum{--r5p-drawing-height: 98px;height:98px;mix-blend-mode:screen}.r5p__drawing--serum img{position:absolute;left:35px;top:-10.5px;width:154px;height:115.5px}.r5p__drawing--diva{--r5p-drawing-height: 110px;height:110px;mix-blend-mode:screen}.r5p__drawing--diva img{position:absolute;left:32px;top:-4.5px;width:161px;height:120.75px;mix-blend-mode:screen}.r5p__drawing--pigments{--r5p-drawing-height: 99px;width:196px;height:99px;opacity:1;mix-blend-mode:lighten}.r5p__drawing--pigments img{position:absolute;left:0;top:-8px;width:196px;height:115px;opacity:.75;mix-blend-mode:screen}.r5p__synth-figure figcaption{color:var(--r5p-text);font-size:var(--fp-font-size-body-md, 15px);line-height:1.5;text-transform:uppercase}.r5p-layout .r5p__requirement{grid-area:requirement;align-self:end;justify-self:center;width:942px;max-width:100%;color:var(--r5p-muted);font-size:var(--fp-font-size-body-xs, 13px);line-height:1.5;text-align:center}.r5p-layout .r5p__shuffle{display:none;align-items:center;justify-self:start;gap:var(--fp-spacing-8, 8px);padding:10px 18px;border:1px solid var(--r5p-border);border-radius:var(--fp-radius-pill, 999px);background:#20202057;color:inherit;font:600 13px var(--r5p-font-heading);cursor:pointer}.r5p__shuffle svg{width:15px;height:15px}.r5p-layout .r5p__body{position:relative;display:grid;grid-template-columns:336px minmax(0,1fr);gap:var(--fp-spacing-32, 32px);align-items:start}.r5p-layout .r5p__playlist{position:relative;min-height:0;height:532px;overflow:hidden;border-radius:9px;background:#2020204f}.r5p-layout .r5p__viewport{position:absolute;top:0;right:16px;bottom:0;left:0;border-top:1px solid var(--r5p-border);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.r5p__viewport::-webkit-scrollbar{display:none}.r5p__scrollbar{position:absolute;inset:0 0 0 auto;width:4px;border-radius:var(--fp-radius-pill, 999px);background:var(--fp-color-border);overflow:hidden}.r5p__scrollbar[hidden]{display:none}.r5p__thumb{position:absolute;inset:0 0 auto;border-radius:var(--fp-radius-pill, 999px);background:var(--fp-color-border-strong)}.r5p-layout .r5p__item{display:flex;align-items:center;gap:var(--fp-spacing-12, 12px);width:100%;min-height:69px;margin:0;padding:var(--fp-spacing-16, 16px) var(--fp-spacing-12, 12px);border:0;border-bottom:1px solid var(--r5p-border);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.r5p__item:hover{background:#3c3c3c8c}.r5p__item.is-active{background:#2f3d43}.r5p__item:focus-visible,.r5p__shuffle:focus-visible,.r5p__motion-toggle:focus-visible{outline:2px solid var(--r5p-accent);outline-offset:-2px}.r5p__icon{flex:0 0 12px;display:flex;align-items:flex-start;justify-content:center;width:12px;height:12px;color:var(--r5p-muted)}.r5p__icon img{display:block;width:12px;height:14.2354px}.r5p__icon svg{width:12px;height:12px}.r5p__icon .r5p__icon--active,.r5p__icon .r5p__icon--pause,.is-active .r5p__icon .r5p__icon--muted{display:none}.is-active:not(.is-playing) .r5p__icon .r5p__icon--active,.is-playing .r5p__icon .r5p__icon--pause{display:block}.r5p__item.is-active .r5p__icon{color:var(--r5p-text)}.r5p__text{display:flex;flex-direction:column;gap:var(--fp-spacing-2, 2px);min-width:0}.r5p__name{overflow:hidden;margin:0;color:var(--r5p-muted);font:600 14px/17px var(--r5p-font-heading);white-space:nowrap;text-overflow:ellipsis}.r5p__synth{margin:0;color:var(--r5p-muted);font-size:13px;line-height:17px}.r5p__item.is-active .r5p__name{color:var(--r5p-text)}.r5p__video{display:flex;flex-direction:column;gap:var(--fp-spacing-16, 16px);min-width:0}.r5p__videoBox{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--fp-radius-12, 12px);background:var(--fp-color-bg-hero)}.r5p__videoBox>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.r5p__videoPlaceholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--fp-spacing-24, 24px);color:var(--r5p-muted);font-size:13px;text-align:center}.r5p__playBtn{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;color:var(--r5p-text);-webkit-appearance:none;appearance:none;cursor:pointer}.r5p__playBtn:focus-visible{outline:2px solid var(--r5p-text);outline-offset:-4px}.r5p__initialPlay{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:2px solid var(--r5p-text);border-radius:50%;background:var(--fp-color-scrim)}.r5p__playBtn:hover .r5p__initialPlay{background:#000000b3}.r5p__initialPlay img{display:block}.r5p__playBtn.has-interacted .r5p__initialPlay{display:none}.r5p__now{display:flex;flex-direction:column;gap:var(--fp-spacing-8, 8px)}.r5p__nowRow{display:flex;align-items:baseline;justify-content:space-between;gap:var(--fp-spacing-12, 12px);color:var(--r5p-muted);font-size:12px;line-height:16px}.r5p__nowRow>span:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--fp-spacing-8, 8px);min-width:0}.r5p__nowTitle{color:var(--r5p-text);font:600 13px/17px var(--r5p-font-heading)}.r5p__nowDesc{margin:0;color:var(--r5p-muted);font-size:14px;line-height:18px}.r5p__nowDesc:empty{display:none}.r5p__motion-toggle{position:absolute;right:24px;bottom:16px;padding:8px 12px;border:1px solid var(--r5p-border);border-radius:var(--fp-radius-8);background:#20202094;color:inherit;font:300 13px var(--r5p-font-body);cursor:pointer}.r5p__motion-toggle[hidden]{display:none}@media(min-width:1000px)and (max-width:1439px){.r5p-layout{padding-inline:24px}.r5p-layout .r5p__wrap{padding-inline:var(--fp-spacing-48, 48px)}.r5p-layout .r5p__synths{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fp-spacing-8, 8px)}.r5p__drawing{--r5p-drawing-scale: .72}}@media(max-width:999px){.r5p-layout{padding:24px 24px 64px}.r5p-layout .r5p__wrap{min-height:0;padding:var(--fp-spacing-32, 32px);border-radius:var(--fp-radius-24, 24px)}.r5p-layout .r5p__head{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"overline" "heading" "subhead" "intro" "synths" "requirement" "shuffle";gap:var(--fp-spacing-16, 16px);height:auto;margin-bottom:var(--fp-spacing-32, 32px)}.r5p-layout .r5p__heading{width:auto;height:auto}.r5p-layout .r5p__intro{min-height:0;margin-top:var(--fp-spacing-8, 8px)}.r5p-layout .r5p__synths{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fp-spacing-8, 8px);width:100%}.r5p-layout .r5p__shuffle{grid-area:shuffle;display:inline-flex}.r5p-layout .r5p__body{grid-template-columns:minmax(0,1fr);gap:var(--fp-spacing-32, 32px)}.r5p__video{order:-1}.r5p-layout .r5p__playlist{height:345px}.r5p__drawing{--r5p-drawing-scale: .8}}@media(max-width:599px){.r5p-layout{padding-inline:12px}.r5p-layout .r5p__wrap{padding:var(--fp-spacing-24, 24px) var(--fp-spacing-20, 20px)}.r5p-layout .r5p__synths{height:92px}.r5p__drawing{--r5p-drawing-scale: .42}.r5p__synth-figure{grid-template-rows:64px 18px;row-gap:var(--fp-spacing-8, 8px);height:92px}.r5p__synth-figure figcaption{font-size:12px}.r5p__initialPlay{width:52px;height:52px}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/r5-player-layout.css.map */