.hp-canvas__mobile-copy{display:none}@media screen{body #MainContent .hp-canvas.hp-canvas--mobile-video>.page-width>.hp-canvas__header{display:none}.hp-canvas--mobile-video [data-hp-mobile-banner]{position:relative}.hp-canvas--mobile-video [data-hp-mobile-banner] .hp-canvas__mobile-copy{position:absolute;z-index:2;top:var(--hp-mobile-copy-position, 60%);left:50%;width:calc(100% - 40px);max-width:420px;padding:20px 8px;box-sizing:border-box;transform:translate(-50%,-50%);display:block;color:#fffffff0;text-align:center;text-shadow:0 1px 6px rgb(0 0 0 / 80%);line-height:1.45;pointer-events:none}.hp-canvas__mobile-copy:before{content:"";position:absolute;z-index:-1;top:-24px;right:-16px;bottom:-24px;left:-16px;background:radial-gradient(ellipse,rgb(0 0 0 / 58%),transparent 74%);pointer-events:none}.hp-canvas--mobile-video [data-hp-mobile-banner] .hp-canvas__mobile-copy h2{margin:0 0 14px;font-family:var(--font-heading-family);font-size:clamp(24px,6.5vw,30px);font-weight:600;line-height:1.2;color:inherit;text-transform:none}.hp-canvas__mobile-copy ul{display:grid;gap:8px;margin:0;padding:0;list-style:none;font-family:var(--font-body-family);font-size:clamp(14px,3.7vw,16px);line-height:1.45}.hp-canvas__mobile-copy li span{margin-right:4px}body #MainContent .hp-canvas--mobile-video [data-hp-mobile-banner] .hp-canvas__play{inset:12px 12px auto auto;width:44px;height:44px;opacity:1;visibility:visible;pointer-events:auto}body #MainContent .hp-canvas--mobile-video [data-hp-mobile-banner] .hp-canvas__play-disc{width:44px;height:44px;background:transparent;color:#fffc;box-shadow:none}body #MainContent .hp-canvas--mobile-video [data-hp-mobile-banner] .hp-canvas__play .hp-canvas__play-disc .icon{width:26px;height:26px;filter:drop-shadow(0 1px 4px rgb(0 0 0 / 65%))}body #MainContent .hp-canvas--mobile-video [data-hp-mobile-banner].is-mobile-fullscreen :is(.hp-canvas__mobile-copy,.hp-canvas__play){visibility:hidden;opacity:0}}.hp-mobile-video-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff}.hp-mobile-video-dialog::backdrop{background:#000}.hp-mobile-video-dialog video{display:block;width:100%;height:100%;object-fit:contain}.hp-mobile-video-dialog__close{position:absolute;z-index:1;top:max(12px,env(safe-area-inset-top));right:12px;width:44px;height:44px;border:1px solid rgb(255 255 255 / 65%);border-radius:50%;background:#0000008c;color:#fff;font:28px/1 sans-serif;cursor:pointer}@media screen and (min-width:750px){.hp-canvas--mobile-video [data-hp-mobile-banner] .hp-canvas__mobile-copy{top:50%;left:clamp(24px,6vw,100px);width:44%;max-width:520px;padding:24px 0;transform:translateY(-50%);text-align:left}.hp-canvas--mobile-video [data-hp-mobile-banner] .hp-canvas__mobile-copy h2{font-size:clamp(30px,3vw,44px);margin-bottom:20px}.hp-canvas--mobile-video [data-hp-mobile-banner] .hp-canvas__mobile-copy ul{font-size:clamp(16px,1.4vw,18px);gap:12px}body #MainContent .hp-canvas--mobile-video [data-hp-mobile-banner] .hp-canvas__play{top:20px;right:20px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/hp-mobile-video-banner.css.map */