.yats-bstage{position:relative}.yats-bstage .bs-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center}.yats-bstage .bs-stage{position:relative;width:min(100%,calc(82vh * .8));width:min(100%,calc(82dvh * .8));justify-self:center;aspect-ratio:4 / 5;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(60% 45% at 50% 48%,rgba(255,209,0,.06),transparent 70%),linear-gradient(160deg,#1a1f2b,#07090f);box-shadow:0 30px 80px #00000073;isolation:isolate}.yats-bstage .bs-still,.yats-bstage .bs-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:transparent}.yats-bstage .bs-still:not([src]){visibility:hidden}.yats-bstage .bs-video{z-index:1}.yats-bstage .bs-callouts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.yats-bstage .bs-cgroup[hidden]{display:none!important}.yats-bstage .bs-callout{position:absolute;transform:translate(-50%,-50%)}.yats-bstage .bs-callout-dot{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--yellow-400, #FFDE3D);box-shadow:0 0 0 4px #ffd10042,0 1px 6px #00000073}.yats-bstage .bs-callout-line{position:absolute;left:0;top:0;width:46px;height:2px;background:#ffffffd9;transform-origin:left center}.yats-bstage .bs-callout-box{position:absolute;white-space:normal;width:max-content;max-width:224px;text-wrap:balance;background:#0a0c12f0;color:#fff;padding:7px 11px;border-radius:9px;font-size:12px;font-weight:600;line-height:1.35;letter-spacing:-.005em;box-shadow:0 6px 20px #00000073;border:1px solid rgba(255,255,255,.14)}.yats-bstage .bs-callout.side-ur .bs-callout-line{transform:rotate(-45deg)}.yats-bstage .bs-callout.side-ur .bs-callout-box{left:32px;bottom:32px}.yats-bstage .bs-callout.side-ul .bs-callout-line{transform:rotate(-135deg)}.yats-bstage .bs-callout.side-ul .bs-callout-box{right:32px;bottom:32px}.yats-bstage .bs-callout.side-dr .bs-callout-line{transform:rotate(45deg)}.yats-bstage .bs-callout.side-dr .bs-callout-box{left:32px;top:32px}.yats-bstage .bs-callout.side-dl .bs-callout-line{transform:rotate(135deg)}.yats-bstage .bs-callout.side-dl .bs-callout-box{right:32px;top:32px}.yats-bstage .bs-cgroup .bs-callout{opacity:0}.yats-bstage .bs-cgroup.is-shown .bs-callout{animation:yatsBsIn .5s var(--ease-out, ease) both}.yats-bstage .bs-cgroup.is-shown .bs-callout:nth-child(2){animation-delay:.08s}.yats-bstage .bs-cgroup.is-shown .bs-callout:nth-child(3){animation-delay:.16s}.yats-bstage .bs-cgroup.is-leaving .bs-callout{animation:yatsBsOut .32s var(--ease-in, ease) both}@keyframes yatsBsIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes yatsBsOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-72%) scale(.84)}}.yats-bstage .bs-hint{position:absolute;left:16px;bottom:14px;z-index:4;font-size:12px;font-weight:600;letter-spacing:.02em;color:#ffffffd1;background:#00000061;padding:5px 11px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity var(--dur-base, .26s);pointer-events:none}.yats-bstage .bs-points{display:flex;flex-direction:column;gap:8px;min-width:0}.yats-bstage .bs-point{appearance:none;-webkit-appearance:none;display:grid;grid-template-columns:34px 1fr;gap:16px;align-items:baseline;width:100%;margin:0;padding:14px 18px 15px;text-align:left;font:inherit;color:inherit;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:16px;transition:background var(--dur-base, .26s),border-color var(--dur-base, .26s),transform var(--dur-base, .26s)}.yats-bstage .bs-point:hover{background:#ffffff08}.yats-bstage .bs-point:focus-visible{outline:2px solid var(--yellow-500, #FFD100);outline-offset:2px}.yats-bstage .bs-point-num{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--yellow-500, #FFD100);background:transparent;box-shadow:inset 0 0 0 1.5px var(--yellow-500, #FFD100);transition:background var(--dur-base, .26s),color var(--dur-base, .26s);align-self:start}.yats-bstage .bs-point-body{display:block;min-width:0}.yats-bstage .bs-point-title{display:block;margin:5px 0 0;font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.015em;color:var(--fg-on-dark, #F2F4F9)}.yats-bstage .bs-point-text{display:block;margin:4px 0 0;font-size:14px;line-height:1.55;color:var(--fg-on-dark-muted, rgba(242,244,249,.68))}.yats-bstage .bs-point[aria-selected=true]{background:#ffffff0a;border-color:#ffffff38;transform:translate(4px)}.yats-bstage .bs-point[aria-selected=true] .bs-point-num{background:var(--yellow-500, #FFD100);color:var(--ink-950, #07090F);box-shadow:none}.yats-bstage .bs-pick-cross{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid var(--yellow-400, #FFDE3D);border-radius:50%;background:#0003;z-index:9;pointer-events:none;display:none}.yats-bstage .bs-pick-read{position:absolute;right:14px;bottom:14px;z-index:9;background:#000000d1;color:#fff;font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;font-variant-numeric:tabular-nums;pointer-events:none;letter-spacing:.02em}.yats-bstage .bs-noscript{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center}.yats-bstage .bs-noscript .bs-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.yats-bstage .bs-noscript .bs-cgroup .bs-callout{opacity:1}.yats-bstage .bs-noscript ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}.yats-bstage .bs-noscript li{display:grid;grid-template-columns:34px 1fr;gap:16px;align-items:baseline}@media(min-width:750px)and (max-width:1023px){.yats-bstage .bs-grid,.yats-bstage .bs-noscript{grid-template-columns:1.2fr 1fr;gap:32px}.yats-bstage .bs-point{padding:12px 14px 13px;gap:12px}.yats-bstage .bs-point-title{font-size:17px}.yats-bstage .bs-point-text{font-size:13.5px}}@media(max-width:749px){.yats-bstage .bs-grid,.yats-bstage .bs-noscript{display:flex;flex-direction:column;align-items:stretch;gap:0}.yats-bstage .bs-stage{width:100%;border-radius:20px}.yats-bstage .bs-callout-box{font-size:11px;padding:5px 8px;max-width:160px}.yats-bstage .bs-hint{left:12px;bottom:12px;font-size:11px}.yats-bstage .bs-points{position:relative;flex-direction:row;gap:12px;min-width:0;margin:16px calc(-1 * var(--gutter, 20px)) 0;padding:2px var(--gutter, 20px) 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter, 20px);scrollbar-width:none}.yats-bstage .bs-points::-webkit-scrollbar{display:none}.yats-bstage .bs-point{flex:0 0 82%;width:82%;scroll-snap-align:center;background:#ffffff0a;border-color:#ffffff1a;padding:14px 16px 15px;gap:14px}.yats-bstage .bs-point[aria-selected=true]{transform:none;border-color:#ffffff47;background:#ffffff0f}.yats-bstage .bs-point-title{font-size:17px}.yats-bstage .bs-point-text{font-size:13.5px}}@media(prefers-reduced-motion:reduce){.yats-bstage .bs-cgroup .bs-callout{animation:none!important}.yats-bstage .bs-cgroup.is-shown .bs-callout{opacity:1}.yats-bstage .bs-cgroup.is-leaving .bs-callout{opacity:0}.yats-bstage .bs-point{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/yats-book-stage.css.map */