.st{padding:var(--sec) 0}.st-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px 40px}.st-intro{max-width:720px}.st-text{margin:var(--lead-gap) 0 0;max-width:56ch;font-size:17px;line-height:1.55;color:var(--fg-2)}.st-follow{gap:10px}.st-rail{margin:var(--head-gap) 0 0;list-style:none}.st-rail .st-card{flex:0 0 clamp(210px,20vw,270px)}.st-open{display:flex;flex-direction:column;gap:14px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.st-frame{position:relative;display:block;aspect-ratio:9/16;border-radius:var(--r-m);overflow:hidden;background:var(--card);box-shadow:0 0 0 1px var(--line);transition:transform .5s var(--ease),box-shadow .3s}.st-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.st-open:hover .st-frame{transform:translateY(-4px);box-shadow:0 0 0 1px var(--fg),0 24px 40px -24px #00000073}.st-open:hover .st-img{transform:scale(1.035)}.st-open:focus-visible{outline:none}.st-open:focus-visible .st-frame{outline:2px solid var(--fg);outline-offset:3px}.st-play{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0b0b0c6b;-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);box-shadow:inset 0 0 0 1px #ffffff59;opacity:0;transform:scale(.9);transition:opacity .3s,transform .4s var(--ease)}.st-play svg{width:16px;height:16px;fill:#fff;margin-left:2px}.st-open:hover .st-play,.st-open:focus-visible .st-play{opacity:1;transform:none}@media(hover:none){.st-play{opacity:1;transform:none}}.st-cap{display:flex;flex-direction:column;gap:2px;padding:0 4px;min-width:0}.st-cap b{font-family:var(--f-head);font-weight:600;font-size:17px;letter-spacing:-.01em;line-height:1.25}.st-cap span{font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.st-lock{overflow:hidden}.st-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);background:#080809e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;color-scheme:dark;opacity:0;transition:opacity .28s}.st-view.is-open{opacity:1}.st-box{--h:min( calc(100vh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) ,940px);display:flex;flex-direction:column;gap:12px;height:var(--h);width:min(calc((var(--h) - 120px) * 9 / 16),100%)}@supports (height:100dvh){.st-box{--h:min( calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) ,940px)}}.st-top,.st-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}.st-who{display:flex;flex-direction:column;gap:2px;margin:0;min-width:0}.st-who b{font-family:var(--f-head);font-weight:600;font-size:17px;letter-spacing:-.01em}.st-who span{font-size:14px;color:#a1a1a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-close{gap:10px}.st-nav{padding:0;width:48px}.st-post{font-size:14px;font-weight:500;color:#fff}.st-post:hover{text-decoration:underline;text-underline-offset:3px}.st-screen{position:relative;flex:1 1 auto;min-height:0;width:100%;border-radius:var(--r-m);overflow:hidden;background:#000;touch-action:manipulation;-webkit-user-select:none;user-select:none}.st-view-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.st-prog{position:absolute;top:10px;left:10px;right:10px;z-index:3;display:flex;gap:4px;pointer-events:none}.st-prog i{position:relative;flex:1 1 0;height:3px;border-radius:2px;background:#ffffff59;overflow:hidden}.st-prog i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:scaleX(0);transform-origin:left center}.st-prog i.is-done:after{transform:none}.st-prog i.is-on:after{animation:st-run 5.5s linear forwards}.st-view.is-paused .st-prog i.is-on:after{animation-play-state:paused}@keyframes st-run{to{transform:none}}.st-hit{position:absolute;top:0;bottom:0;z-index:2;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.st-hit--prev{left:0;width:35%}.st-hit--next{right:0;width:65%}@media(max-width:620px){.st-rail .st-card{flex-basis:58vw}.st-box{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/aw-stories.css.map */