.ysl-scene{padding:72px 55px 35px;border-radius:36px;background:radial-gradient(ellipse at 8% 12%,#f0d7e8,transparent 58%),radial-gradient(ellipse at 99% 98%,#d3e6fb,transparent 60%),#ece4f8}.ysl-scene .ysl-phone{position:relative;width:100%;aspect-ratio:2048/990;filter:drop-shadow(0 27px 25px #55436f30);container-type:inline-size}.ysl-scene .ysl-screen{position:absolute;top:4%;right:1.7%;bottom:4%;left:1.65%;border-radius:6%/12.5%;background:#fdfcfe;overflow:hidden}.ysl-scene .ysl-hardware{position:absolute;left:50%;top:50%;width:48.33984375%;height:206.8686869%;transform:translate(-50%,-50%) rotate(90deg);object-fit:contain;pointer-events:none}.ysl-scene .ysl-player{height:100%;display:grid;grid-template-columns:26% 44% 30%;align-items:stretch;padding:26px 0 26px 42px;outline-offset:-8px}.ysl-scene .ysl-details{padding:10px 20px 9px 8px;display:flex;flex-direction:column;min-width:0}.ysl-scene .ysl-count{font-size:15px;color:#8b8095;letter-spacing:.1px}.ysl-scene .ysl-timer{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:clamp(25px,4.8vw,56px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-2px}.ysl-scene .ysl-timer svg{width:25px;height:25px;stroke:#8f7f9e;stroke-width:1.6;fill:none;flex:none}.ysl-scene .ysl-pose-name{margin-top:auto;margin-bottom:auto;padding:17px 0}.ysl-scene h2{font-size:clamp(18px,2.6vw,32px);font-weight:400;line-height:1.12;letter-spacing:-.6px;margin:0 0 10px}.ysl-scene .ysl-pose-name p{font-size:12px;color:#a08da9;line-height:1.4;margin:0}.ysl-scene .ysl-current{position:relative;min-width:0;margin:0;border-radius:20px;overflow:hidden;background:#e9dfd5;box-shadow:0 12px 26px #54455d16}.ysl-scene .ysl-current>img{display:block;width:100%;height:100%;object-fit:contain}.ysl-scene .ysl-progress{height:4px;background:#ded4de;position:absolute;left:0;right:0;bottom:0}.ysl-scene .ysl-progress i{height:100%;display:block;background:#5437d2;transform-origin:left;transform:scaleX(0)}.ysl-scene .ysl-transport{display:flex;align-items:center;gap:5px}.ysl-scene .ysl-transport button,.ysl-scene .ysl-mobile-transport button{-webkit-appearance:none;appearance:none;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#806b98}.ysl-scene .ysl-transport button.ysl-play,.ysl-scene .ysl-mobile-transport button.ysl-play{background:#5437d2;color:#fff}.ysl-scene .ysl-transport button.ysl-play:hover,.ysl-scene .ysl-mobile-transport button.ysl-play:hover{background:#452bb8}.ysl-scene .ysl-transport button:disabled,.ysl-scene .ysl-mobile-transport button:disabled{opacity:.4;cursor:default}.ysl-scene svg{stroke-linecap:round;stroke-linejoin:round}.ysl-scene .ysl-transport svg,.ysl-scene .ysl-mobile-transport svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}.ysl-scene .ysl-upcoming{min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-left:30px}.ysl-scene .ysl-upcoming-heading{font-size:12px;color:#998aa8;margin:0 0 12px}.ysl-scene .ysl-upcoming-track{display:flex;gap:15px;overflow:hidden}.ysl-scene .ysl-next-card{flex:none;width:150px;margin:0}.ysl-scene .ysl-next-card img{width:150px;height:190px;object-fit:contain;display:block;background:#e9dfd5;border-radius:13px}.ysl-scene .ysl-next-card figcaption{font-size:13px;color:#857293;margin-top:11px}.ysl-scene .ysl-end{color:#a193ad;font-size:15px;line-height:1.5;max-width:130px}.ysl-scene .ysl-homebar{position:absolute;bottom:9px;left:50%;width:130px;height:4px;border-radius:3px;background:#27232f;transform:translate(-50%)}.ysl-scene .ysl-feedback{min-height:19px;text-align:center;font-size:13px;color:#897799;margin:27px 0 0}.ysl-scene .ysl-mobile-transport{display:none}.ysl-scene button:focus-visible,.ysl-scene .ysl-player:focus-visible{outline:3px solid #5437D2;outline-offset:4px}@container (max-width:800px){.ysl-scene .ysl-player{padding:18px 0 18px 30px}.ysl-scene .ysl-details{padding:4px 15px 0 4px}.ysl-scene .ysl-count{font-size:12px}.ysl-scene .ysl-timer{font-size:38px}.ysl-scene .ysl-timer svg{width:19px;height:19px}.ysl-scene .ysl-pose-name h2{font-size:23px}.ysl-scene .ysl-pose-name p{font-size:10px}.ysl-scene .ysl-next-card{width:115px}.ysl-scene .ysl-next-card img{width:115px;height:145px}.ysl-scene .ysl-next-card figcaption{font-size:11px}.ysl-scene .ysl-upcoming{padding-left:20px}.ysl-scene .ysl-current{border-radius:15px}}@media(max-width:680px){.ysl-scene{padding:35px 10px 18px;border-radius:23px}.ysl-scene .ysl-mobile-transport{display:flex;justify-content:center;gap:16px;margin-top:25px}.ysl-scene .ysl-feedback{margin-top:12px;font-size:12px}.ysl-scene .ysl-phone .ysl-transport{display:none}.ysl-scene .ysl-homebar{width:75px;height:2px;bottom:5px}}@container (max-width:550px){.ysl-scene .ysl-player{padding:12px 0 12px 20px;grid-template-columns:28% 43% 29%}.ysl-scene .ysl-details{padding:0 9px 0 2px}.ysl-scene .ysl-count{font-size:9px}.ysl-scene .ysl-timer{font-size:26px;gap:4px;letter-spacing:-1px;margin-top:8px}.ysl-scene .ysl-timer svg{width:14px;height:14px}.ysl-scene .ysl-pose-name{padding:7px 0;margin-top:auto;margin-bottom:0}.ysl-scene .ysl-pose-name h2{font-size:15px;line-height:1.12;letter-spacing:-.3px;margin-bottom:5px}.ysl-scene .ysl-pose-name p{font-size:7px}.ysl-scene .ysl-upcoming{padding-left:12px}.ysl-scene .ysl-upcoming-heading{font-size:8px;margin-bottom:7px}.ysl-scene .ysl-next-card{width:73px}.ysl-scene .ysl-next-card img{width:73px;height:92px;border-radius:7px}.ysl-scene .ysl-next-card figcaption{font-size:8px;margin-top:6px}.ysl-scene .ysl-upcoming-track{gap:8px}.ysl-scene .ysl-current{border-radius:9px}.ysl-scene .ysl-end{font-size:10px}.ysl-scene .ysl-progress{height:2px}}@container (max-width:360px){.ysl-scene .ysl-timer{font-size:22px}.ysl-scene .ysl-pose-name h2{font-size:12px}.ysl-scene .ysl-pose-name p{font-size:6px}.ysl-scene .ysl-next-card{width:61px}.ysl-scene .ysl-next-card img{width:61px;height:76px}}@media(prefers-reduced-motion:reduce){.ysl-scene *{scroll-behavior:auto!important;transition:none!important}}.ysl-scene .ysl-timer{font-size:clamp(22px,3.8vw,44px);letter-spacing:-1.5px}.ysl-scene .ysl-transport button,.ysl-scene .ysl-mobile-transport button{min-width:44px;height:44px;padding:0 10px;border-radius:999px}.ysl-scene .ysl-transport button.ysl-play,.ysl-scene .ysl-mobile-transport button.ysl-play{min-width:44px}.ysl-scene .ysl-alignment-cues{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ysl-scene .ysl-screen{background:#455b53}.ysl-scene .ysl-details{color:#f7f3ed}.ysl-scene .ysl-count{color:#d0d8ce}.ysl-scene .ysl-timer svg{stroke:#c2ccbe}.ysl-scene .ysl-pose-name p{color:#bfcdbf}.ysl-scene .ysl-transport button{color:#e2e8dc}.ysl-scene .ysl-transport button.ysl-play{background:#e7dfed;color:#4c365e}.ysl-scene .ysl-transport button.ysl-play:hover{background:#f3eafa}.ysl-scene .ysl-current{box-shadow:0 12px 25px #253f3829}.ysl-scene .ysl-upcoming-heading,.ysl-scene .ysl-next-card figcaption{color:#d4dfce}.ysl-scene .ysl-end{color:#d4dfce}.ysl-scene .ysl-homebar{background:#d4dfce}.ysl-scene .ysl-progress{background:#d6cbd3}.ysl-scene .ysl-progress i{background:#8d75aa}.ysl-scene .ysl-upcoming{padding-left:clamp(10px,2.7cqw,30px);padding-right:clamp(14px,4.5cqw,50px)}.ysl-scene .ysl-upcoming-track{display:block;overflow:visible;width:100%;min-width:0}.ysl-scene .ysl-next-card{width:100%;min-width:0}.ysl-scene .ysl-next-card~.ysl-next-card{display:none}.ysl-scene .ysl-next-card img{width:100%;height:clamp(70px,21cqw,190px);object-fit:contain}.ysl-scene .ysl-next-card figcaption{white-space:normal;overflow-wrap:normal;line-height:1.3}.ysl-scene .ysl-end{max-width:100%;overflow-wrap:normal}.ysl-scene .ysl-upcoming{padding-right:clamp(30px,7.5cqw,88px);padding-left:clamp(9px,2cqw,24px)}.ysl-scene .ysl-feedback{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.ysl-scene .ysl-timer{font-size:clamp(18px,3cqw,28px);letter-spacing:-.6px}.ysl-scene .ysl-transport button.ysl-next .ysl-control-label,.ysl-scene .ysl-transport button.ysl-play .ysl-control-label,.ysl-scene .ysl-mobile-transport button.ysl-next .ysl-control-label,.ysl-scene .ysl-mobile-transport button.ysl-play .ysl-control-label{display:inline}.ysl-scene .ysl-alignment-cues img{display:block;width:100%;height:100%;object-fit:contain}.ysl-scene .ysl-pose-name h2{font-size:clamp(16px,2.5cqw,24px)}.ysl-scene .ysl-transport,.ysl-scene .ysl-mobile-transport{align-items:center}.ysl-scene .ysl-transport button,.ysl-scene .ysl-mobile-transport button{display:flex;flex-direction:column;gap:4px;min-width:48px;width:48px;height:56px;padding:6px 4px;border-radius:12px;font-size:12px;line-height:1}.ysl-scene .ysl-transport button.ysl-play,.ysl-scene .ysl-mobile-transport button.ysl-play{width:64px;min-width:64px;border-radius:12px}.ysl-scene .ysl-transport button svg,.ysl-scene .ysl-mobile-transport button svg{width:20px;height:20px;flex:none}.ysl-scene .ysl-transport button .ysl-control-label,.ysl-scene .ysl-mobile-transport button .ysl-control-label{display:inline}.ysl-scene .ysl-pose-name h2{font-size:clamp(10px,2.5cqw,24px)}.ysl-scene .ysl-timer{font-size:clamp(12px,3cqw,28px)}.ysl-scene,.ysl-scene *{box-sizing:border-box}.ysl-scene{width:100%;font-family:Centra,Arial,sans-serif;color:#292431;min-width:0}.ys-feature--player:has(.ysl-scene){display:flex!important;flex-direction:column!important;gap:32px!important}.ys-feature--player:has(.ysl-scene)>.ys-feature-copy{max-width:720px;text-align:center;margin:0 auto}.ys-feature--player:has(.ysl-scene)>.ysl-scene{max-width:1200px;margin:0 auto}.ysl-scene .ysl-pose-name h2{color:inherit}.ysl-scene button{font:inherit;font-size:12px;letter-spacing:0;min-height:56px}.ysl-scene .ysl-transport{flex-wrap:nowrap}@media(min-width:681px)and (max-width:900px){.ysl-scene{padding:40px 20px 24px}.ysl-scene .ysl-transport{gap:2px}.ysl-scene .ysl-transport button{min-width:42px;width:42px}.ysl-scene .ysl-transport button.ysl-play{min-width:52px;width:52px}}.ysl-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;width:100%;align-items:center}.ysl-pair .ysl-scene{display:flex;flex-direction:column;justify-content:center;padding:32px 14px 24px;border-radius:26px;background:#eae6dd}.ysl-lifestyle{margin:0;width:100%;min-width:0;border-radius:26px;overflow:hidden;background:#e9dfd0;aspect-ratio:1617/973}.ysl-lifestyle img{display:block;width:100%;height:100%;object-fit:cover}.ysl-pair .ysl-phone .ysl-transport{display:none}.ysl-pair .ysl-mobile-transport{display:flex;justify-content:center;gap:16px;margin-top:24px}.ysl-pair .ysl-mobile-transport button{color:#455b53}.ysl-pair .ysl-mobile-transport button.ysl-play{color:#fff;background:#455b53}@media(max-width:849px){.ysl-pair{grid-template-columns:1fr;gap:18px}.ysl-pair .ysl-scene{padding:30px 10px 22px;border-radius:22px}.ysl-lifestyle{border-radius:22px}}.ysl-pair .ysl-mobile-transport button.ysl-play:hover{background:#344940;color:#fff}.ysl-scene .ysl-screen{background:radial-gradient(ellipse at 18% 8%,#392b33 0%,transparent 66%),linear-gradient(150deg,#2d242d,#241f2a 54%,#19191e)}.ysl-scene .ysl-details{color:#f7f1f6}.ysl-scene .ysl-count,.ysl-scene .ysl-pose-name p,.ysl-scene .ysl-upcoming-heading,.ysl-scene .ysl-next-card figcaption,.ysl-scene .ysl-end{color:#ded3e2}.ysl-scene .ysl-timer svg{stroke:#ded3e2}.ysl-scene .ysl-homebar{background:#ded3e2}html[data-preview-theme] .ysl-scene .ysl-screen .ysl-player{height:calc(100% - 68px);padding-top:18px;padding-bottom:8px}html[data-preview-theme] .ysl-scene .ysl-screen .ysl-mobile-transport{position:absolute;left:0;right:0;bottom:0;height:68px;margin:0;padding:7px 24px 13px;display:flex;justify-content:center;align-items:center;gap:16px;background:#fff;border-top:1px solid #e7e4eb}html[data-preview-theme] .ysl-scene .ysl-screen .ysl-mobile-transport button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;min-width:72px;width:auto;height:44px;min-height:44px;padding:0 10px;border-radius:12px;background:transparent!important;color:#5d437c!important;font-size:12px;line-height:1}html[data-preview-theme] .ysl-scene .ysl-screen .ysl-mobile-transport button.ysl-play{min-width:94px;background:#6341a7!important;color:#fff!important}html[data-preview-theme] .ysl-scene .ysl-screen .ysl-mobile-transport button svg{width:17px;height:17px}html[data-preview-theme] .ysl-scene .ysl-screen .ysl-mobile-transport button:focus-visible{outline:2px solid #916dc8;outline-offset:1px}html[data-preview-theme] .ysl-scene .ysl-homebar{bottom:4px;z-index:1;height:3px;width:80px;background:#60556f}html[data-preview-theme=dark] .ysl-scene .ysl-screen .ysl-mobile-transport{background:#101112;border-color:#424750}html[data-preview-theme=dark] .ysl-scene .ysl-screen .ysl-mobile-transport button{color:#d8c5f4!important}html[data-preview-theme=dark] .ysl-scene .ysl-homebar{background:#afb5c0}@container (max-width:550px){html[data-preview-theme] .ysl-scene .ysl-screen .ysl-player{height:calc(100% - 51px);padding:5px 0 3px 12px}html[data-preview-theme] .ysl-scene .ysl-screen .ysl-mobile-transport{height:51px;padding:2px 20px 5px;gap:8px}html[data-preview-theme] .ysl-scene .ysl-screen .ysl-mobile-transport button{height:44px;min-height:44px;min-width:55px;padding:0 5px;gap:4px;font-size:10px}html[data-preview-theme] .ysl-scene .ysl-screen .ysl-mobile-transport button.ysl-play{min-width:68px}html[data-preview-theme] .ysl-scene .ysl-screen .ysl-mobile-transport button svg{width:14px;height:14px}html[data-preview-theme] .ysl-scene .ysl-details{padding:0 6px 0 2px}html[data-preview-theme] .ysl-scene .ysl-timer{margin-top:4px;line-height:1}html[data-preview-theme] .ysl-scene .ysl-pose-name{padding:3px 0 0}html[data-preview-theme] .ysl-scene .ysl-pose-name h2{margin-bottom:2px;font-size:clamp(9px,2.5cqw,14px)}html[data-preview-theme] .ysl-scene .ysl-pose-name p{font-size:6px;line-height:1.1}html[data-preview-theme] .ysl-scene .ysl-upcoming-heading{margin-bottom:3px}html[data-preview-theme] .ysl-scene .ysl-next-card img{height:clamp(30px,10cqw,55px)}html[data-preview-theme] .ysl-scene .ysl-next-card figcaption{margin-top:2px;font-size:7px;line-height:1.1}html[data-preview-theme] .ysl-scene .ysl-homebar{height:2px;width:55px;bottom:2px}}html[data-preview-theme=light] #practice-player .ysl-scene .ysl-screen{background:linear-gradient(145deg,#fff,#f2f1f6 56%,#e7eaf0)}html[data-preview-theme] #practice-player .ysl-scene .ysl-screen .ysl-mobile-transport{background:transparent!important;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}html[data-preview-theme] #practice-player .ysl-scene .ysl-screen .ysl-mobile-transport button{border-radius:999px;background:transparent!important;color:#514960!important;transition:box-shadow .16s ease,filter .16s ease}html[data-preview-theme=dark] #practice-player .ysl-scene .ysl-screen .ysl-mobile-transport button{color:#ebe6f3!important}html[data-preview-theme] #practice-player .ysl-scene .ysl-screen .ysl-mobile-transport button.ysl-play{border:1px solid #c5a3f080;border-radius:999px;background:linear-gradient(180deg,#ffffff14,#fff0 48%),linear-gradient(120deg,#7443bdf5,#6132a9f5 54%,#713bb4f5)!important;color:#fff!important;text-shadow:0 1px 2px #2e145d52;box-shadow:inset 0 1px #ffffff38,inset 0 -2px #37136438,0 2px #b787e94d,0 4px 8px #3920582b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}html[data-preview-theme] #practice-player .ysl-scene .ysl-screen .ysl-mobile-transport button.ysl-play:hover{filter:brightness(1.06)}html[data-preview-theme] #practice-player .ysl-scene .ysl-screen .ysl-mobile-transport button.ysl-play:active{box-shadow:inset 0 1px 3px #32145140,0 1px #b787e94d;filter:brightness(.96)}html[data-preview-theme] #practice-player .ysl-scene .ysl-screen .ysl-mobile-transport button:disabled{opacity:.35;cursor:default}html[data-preview-theme] #practice-player .ysl-scene .ysl-screen .ysl-mobile-transport button:focus-visible{outline:2px solid #8d64c0;outline-offset:2px}html[data-preview-theme=dark] #practice-player .ysl-scene .ysl-screen .ysl-mobile-transport button:focus-visible{outline-color:#e1c7ff}html[data-preview-theme] #practice-player .ysl-scene .ysl-screen .ysl-mobile-transport button.ysl-play{border:1px solid #bba7ff80!important;border-radius:999px!important;background:linear-gradient(180deg,#ffffff0d,#fff0 46%),linear-gradient(115deg,#5d3de5f5,#5535dcf5 52%,#5030d5f5)!important;color:#fff!important;text-shadow:0 1px 2px #2912753d;box-shadow:inset 0 1px #ffffff2b,inset 0 -1px #301b913d,0 2px #a589ed4d,0 4px 9px #35208024;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}html[data-preview-theme] #practice-player .ysl-scene .ysl-screen .ysl-mobile-transport button.ysl-play:hover{filter:brightness(1.04)}html[data-preview-theme] #practice-player .ysl-scene .ysl-screen .ysl-mobile-transport button.ysl-play:active{filter:brightness(.97);box-shadow:inset 0 1px 3px #29127540,0 1px #a589ed4d}
/*# sourceMappingURL=/cdn/shop/t/70/assets/ypc-landscape-player.css.map */