.iphone-18-video-showcase{position:relative;display:block;padding-block:calc(var(--iphone-18-video-pt-m) * var(--content-ratio-m)) calc(var(--iphone-18-video-pb-m) * var(--content-ratio-m));color:var(--iphone-18-video-text);background:var(--iphone-18-video-bg)}.iphone-18-video-showcase__content{box-sizing:border-box;height:calc(150 * var(--content-ratio-m));padding:calc(40 * var(--content-ratio-m)) calc(16 * var(--content-ratio-m)) 0}.iphone-18-video-showcase .iphone-18-video-showcase__header{margin-bottom:0}.iphone-18-video-showcase__header__title>span>span,.iphone-18-video-showcase__header__subtitle{white-space:pre-line}.iphone-18-video-showcase .iphone-18-video-showcase__header__subtitle{margin-top:calc(10 * var(--content-ratio-m))}.iphone-18-video-showcase__frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#000}.iphone-18-video-showcase__media{display:block;width:100%;height:100%;object-fit:cover}.iphone-18-video-showcase__control{position:absolute;right:12px;bottom:12px;display:grid;width:44px;height:44px;padding:0;color:#fff;background:#0009;border:1px solid rgb(255 255 255 / 60%);border-radius:50%;place-items:center;cursor:pointer}.iphone-18-video-showcase__control:focus-visible{outline:2px solid #fff;outline-offset:2px}.iphone-18-video-showcase__icon{display:grid;place-items:center}.iphone-18-video-showcase__icon--pause,.iphone-18-video-showcase.is-playing .iphone-18-video-showcase__icon--play{display:none}.iphone-18-video-showcase.is-playing .iphone-18-video-showcase__icon--pause{display:grid}@media(min-width:768px){.iphone-18-video-showcase{padding-block:calc(var(--iphone-18-video-pt) * var(--content-ratio)) calc(var(--iphone-18-video-pb) * var(--content-ratio))}.iphone-18-video-showcase__content{position:absolute;z-index:1;top:calc((var(--iphone-18-video-pt) + 60) * var(--content-ratio));right:0;left:0;width:100%;height:auto;padding:0;pointer-events:none}.iphone-18-video-showcase__header{width:calc(800 * var(--content-ratio));margin-inline:auto}.iphone-18-video-showcase .iphone-18-video-showcase__header__subtitle{margin-top:calc(12 * var(--content-ratio));font-size:calc(16 * var(--content-ratio))}.iphone-18-video-showcase__control{z-index:2;right:calc(24 * var(--content-ratio));bottom:calc(24 * var(--content-ratio))}}@media(prefers-reduced-motion:reduce){.iphone-18-video-showcase__control{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-iphone-18-video-showcase.css.map */