.st-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}.st-grid [hidden]{display:none!important}.st-card{margin:0;border-radius:28px;background:var(--white);overflow:hidden;display:grid;grid-template-rows:auto 1fr;box-shadow:0 24px 50px -32px #0e1a1773;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.st-card:hover{transform:translateY(-6px)}.st-media{position:relative;display:block;width:100%;aspect-ratio:4/5;border:0;padding:0;margin:0;cursor:pointer;background:#0e1a17;overflow:hidden}.st-media img,.st-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.st-media video{opacity:0}.st-media.on video{opacity:1}.st-media:hover img{transform:scale(1.04)}.st-media:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,#050c148c);pointer-events:none}.st-play{position:absolute;z-index:2;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#0e1a17;box-shadow:0 0 0 8px #6dc34f40,0 12px 30px -10px #00000080;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.st-play svg{width:26px;height:26px;margin-left:3px}.st-media:hover .st-play{transform:scale(1.12)}.st-media.on .st-play{opacity:0}.st-media:focus-visible{outline:3px solid var(--green);outline-offset:-3px}.st-dur{position:absolute;z-index:2;right:12px;bottom:12px;padding:4px 9px;border-radius:99px;background:#050c1499;color:#fff;font-size:.68rem}.st-body{padding:16px 20px 20px;display:grid;gap:6px;align-content:start}.st-body .mono{color:var(--grey)}.st-body h3{font-size:1.3rem;color:var(--ink)}.st-tags{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.st-tags li{padding:4px 10px;border-radius:99px;font-size:.8rem;background:var(--mist);color:var(--ink);border:1px solid var(--line)}.st-chips{margin:0 0 clamp(22px,3vw,34px)}.st-more{display:flex;justify-content:center;margin-top:clamp(22px,3vw,34px)}.st-card.pop{animation:sp-pop .5s cubic-bezier(.34,1.56,.64,1)}.st-modal{border:0;padding:0;background:transparent;max-width:min(94vw,980px);max-height:94vh;overflow:visible}.st-modal::backdrop{background:#040a14c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.st-modal-in{position:relative;display:grid;grid-template-columns:auto minmax(220px,300px);gap:22px;align-items:end;padding:18px;border-radius:30px;background:#0b1a24;color:#d3e1ee;box-shadow:0 40px 90px -30px #000000b3}.st-modal video{display:block;max-height:82vh;max-width:min(62vw,620px);width:auto;border-radius:20px;background:#000}.st-cap{display:grid;gap:10px;padding:0 6px 8px}.st-cap b{font-family:var(--round);font-size:1.6rem;color:#fff}.st-cap .mono{color:#9fe4ff;line-height:1.5}.st-close{position:absolute;z-index:3;top:-14px;right:-14px;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:#fff;color:#0e1a17;font-size:1.6rem;line-height:1;box-shadow:0 8px 20px -8px #0009}@media(max-width:860px){.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-modal-in{grid-template-columns:1fr;padding:12px}.st-modal video{max-width:100%;max-height:70vh;margin-inline:auto}.st-close{top:8px;right:8px}}@media(max-width:520px){.st-grid{gap:10px}.st-body{padding:12px 14px 16px}.st-body h3{font-size:1.05rem}.st-tags li{font-size:.7rem;padding:3px 8px}.st-play{width:50px;height:50px;margin:-25px 0 0 -25px}}@media(prefers-reduced-motion:reduce){.st-card,.st-media img,.st-play{transition:none}}.st-chips button{background:var(--white);border-color:var(--line);color:var(--ink);box-shadow:0 8px 18px -14px #0e1a1766}.st-chips button small{color:var(--grey)}.st-chips button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#0e1a17}.st-chips button[aria-pressed=true] small{color:#0e1a17}.st-cap .btn{background:var(--green);color:#0e1a17;justify-self:start}
/*# sourceMappingURL=/cdn/shop/t/11/assets/op-stories.css.map */