.howto-media{position:relative;display:grid;margin-top:clamp(34px,5vw,54px);gap:clamp(26px,4vw,56px);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center}.howto-player{position:relative;overflow:hidden;width:100%;max-width:380px;margin-inline:auto;aspect-ratio:760 / 1388;border:1px solid var(--line);border-radius:22px;background:var(--ink);box-shadow:0 26px 60px #15122129}.howto-player img,.howto-player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.howto-player video{z-index:2;background:#000}.howto-player video[hidden]{display:none}.howto-play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;width:100%;place-items:center;padding:0;border:0;background:linear-gradient(180deg,#1512210d,#15122173);color:#fff;cursor:pointer;transition:background .3s ease}.howto-play:hover{background:linear-gradient(180deg,#1512211f,#1512218c)}.howto-play[hidden]{display:none}.howto-play .pp{display:grid;width:74px;height:74px;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:#15122180;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s var(--ease),background .3s ease}.howto-play:hover .pp{transform:scale(1.06);background:var(--violet)}.howto-play .pp svg{width:26px;height:26px;margin-left:4px}.howto-play .lbl{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:.74rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;text-align:left}.howto-play .lbl span:last-child{font-variant-numeric:tabular-nums;opacity:.72}.howto-copy h3{margin:0 0 10px;font-size:clamp(1.3rem,2.4vw,1.85rem);font-weight:600;letter-spacing:-.025em}.howto-copy>p{max-width:46ch;margin:0 0 22px;color:var(--ink-soft)}.howto-chapters{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.howto-chapters li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:13px 2px;border-bottom:1px solid var(--line)}.howto-chapters b{font-size:.93rem;font-weight:600}.howto-chapters span{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums}.howto-chapters li button{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.howto-chapters li button:hover b{color:var(--violet-dark)}@media(max-width:900px){.howto-media{grid-template-columns:1fr}.howto-player{max-width:330px}.howto-copy{text-align:left}}@media(prefers-reduced-motion:reduce){.howto-play:hover .pp{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/original-howto.css.map */