.hero-v2__container--with-phone{display:flex;flex-direction:column;align-items:center;gap:40px}.hero-v2__phone-wrap{position:relative;width:210px;flex-shrink:0}.hero-v2__phone-wrap--desktop-only{display:none}.hero-v2__phone{position:relative;display:block;aspect-ratio:9 / 19;padding:9px;background:#0b0b10;border-radius:40px;box-shadow:0 0 0 2px #2b2b35,0 0 0 4px #0b0b10,0 30px 60px -12px #000000a6,0 0 44px #aed9c259}.hero-v2__phone:before,.hero-v2__phone:after{content:"";position:absolute;width:3px;background:#23232c}.hero-v2__phone:before{right:-5px;top:24%;height:12%;border-radius:0 2px 2px 0}.hero-v2__phone:after{left:-5px;top:18%;height:16%;border-radius:2px 0 0 2px}.hero-v2__phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:32px;background:#000}.hero-v2__phone-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#ffffff1a,#fff0 38%);pointer-events:none;z-index:2}.hero-v2__phone-island{position:absolute;top:10px;left:50%;transform:translate(-50%);width:32%;height:22px;background:#000;border-radius:20px;z-index:3}.hero-v2__phone-video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}.hero-v2__phone-sound{position:absolute;right:12px;bottom:14px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:#fff;background:#00000073;border:1px solid rgba(255,255,255,.25);border-radius:9999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.hero-v2__phone-sound:focus-visible{outline:3px solid #aed9c2;outline-offset:2px}.hero-v2__phone-sound .hero-v2__phone-sound-on,.hero-v2__phone-sound[aria-pressed=true] .hero-v2__phone-sound-off{display:none}.hero-v2__phone-sound[aria-pressed=true] .hero-v2__phone-sound-on{display:block}.hero-v2__badge--phone{top:14%;left:-64px;right:auto}@media(min-width:768px){.hero-v2__phone-wrap{width:250px}.hero-v2__phone-wrap--desktop-only{display:block}}@media(min-width:1024px){.hero-v2__container--with-phone{flex-direction:row;justify-content:space-between;gap:56px}.hero-v2__phone-wrap{width:290px;margin-right:4%}.hero-v2__phone{transform:rotate(3deg);transition:transform .4s ease}.hero-v2__phone:hover{transform:rotate(0)}}@media(min-width:1280px){.hero-v2__phone-wrap{width:310px}}@media(prefers-reduced-motion:reduce){.hero-v2__phone,.hero-v2__phone:hover{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/hero-phone.css.map */