.custom-half-video-section.shopify-section{overflow:visible;box-sizing:border-box;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-top:calc(var(--custom-half-video-padding-top, 48px) * .55);padding-bottom:calc(var(--custom-half-video-padding-bottom, 48px) * .55)}@media(min-width:720px){.custom-half-video-section.shopify-section{padding-top:var(--custom-half-video-padding-top, 48px);padding-bottom:var(--custom-half-video-padding-bottom, 48px)}}.custom-half-video{--custom-half-video-edge-padding: 16px;--custom-half-video-container-inset: max(var(--space-outer), calc((100vw - var(--max-width)) / 2));--custom-half-video-max-height: calc(100vh - var(--header-height, 0px));--custom-half-video-max-height: calc(100 * var(--vh, 1vh) - var(--header-height, 0px));--custom-half-video-expand-duration: .7s;--custom-half-video-expand-easing: cubic-bezier(.22, 1, .36, 1);--custom-half-video-icon-duration: .5s;--custom-half-video-icon-easing: cubic-bezier(.22, 1, .36, 1);position:relative;box-sizing:border-box;width:100%;min-height:var(--custom-half-video-max-height);color:var(--color-text);background-color:var(--color-background)}.custom-half-video__inner{position:relative;display:grid;grid-template-columns:minmax(0,calc(100% - var(--custom-half-video-video-width, 50%))) var(--custom-half-video-video-width, 50%);align-items:stretch;min-height:var(--custom-half-video-max-height)}.custom-half-video__content-wrap{position:relative;z-index:1;display:flex;align-items:center;box-sizing:border-box;min-width:0;overflow:hidden;padding:clamp(32px,5vw,64px) var(--space-outer) clamp(32px,5vw,64px) var(--custom-half-video-container-inset);transition:opacity var(--custom-half-video-expand-duration) var(--custom-half-video-expand-easing)}.custom-half-video__content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;min-width:0;max-width:100%}.custom-half-video__heading{margin:0;width:100%;min-width:0;max-width:100%}.custom-half-video__heading-main,.custom-half-video__accent{display:block}.custom-half-video__heading-main{box-sizing:border-box;max-width:100%;overflow-wrap:break-word}.custom-half-video__accent{margin-bottom:.15em;text-transform:none;box-sizing:border-box;max-width:100%;padding-left:var(--custom-half-video-heading-indent-mobile, 0px);overflow-wrap:break-word}.custom-half-video__subheading{margin:0;text-transform:uppercase}.custom-half-video__description{margin:0;font-family:var(--font-body);font-size:16px;font-weight:var(--font-body-weight);font-style:var(--font-body-style);line-height:1.4}.custom-half-video__subheading,.custom-half-video__description{box-sizing:border-box;max-width:100%;padding-left:var(--custom-half-video-content-indent-mobile, 50px);overflow-wrap:break-word}.custom-half-video__cta{box-sizing:border-box;max-width:calc(100% - var(--custom-half-video-content-indent-mobile, 50px));margin-left:var(--custom-half-video-content-indent-mobile, 50px)}.custom-half-video__video-panel{min-height:var(--custom-half-video-max-height);max-height:none;pointer-events:none}.custom-half-video__video-shell{position:absolute;top:0;bottom:0;right:0;left:calc(100% - var(--custom-half-video-video-width, 50%));z-index:2;display:flex;flex-direction:column;box-sizing:border-box;height:auto;min-height:var(--custom-half-video-max-height);max-height:none;padding:0;pointer-events:auto;transition:left var(--custom-half-video-expand-duration) var(--custom-half-video-expand-easing),padding var(--custom-half-video-expand-duration) var(--custom-half-video-expand-easing);will-change:left}.custom-half-video__video-media{position:relative;flex:1 1 auto;width:100%;min-height:0;overflow:hidden;background:#000;border-radius:var(--section-border-radius-mobile);transition:border-radius var(--custom-half-video-expand-duration) var(--custom-half-video-expand-easing),height var(--custom-half-video-expand-duration) var(--custom-half-video-expand-easing)}.custom-half-video__video,.custom-half-video__external-video,.custom-half-video__external-video iframe,.custom-half-video__poster,.custom-half-video__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.custom-half-video__video,.custom-half-video__poster,.custom-half-video__placeholder .placeholder-svg{object-fit:cover}.custom-half-video__external-video{overflow:hidden}.custom-half-video__external-video iframe{top:50%;left:50%;width:177.77777778vh;min-width:100%;min-height:100%;height:56.25vw;border:0;pointer-events:none;transform:translate(-50%,-50%)}.custom-half-video__poster{object-fit:cover;z-index:1;transition:opacity .35s ease}.custom-half-video__poster.is-hidden{opacity:0;pointer-events:none}.custom-half-video__placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-scheme-3-background, #f5f5f5)}.custom-half-video__placeholder .placeholder-svg{position:static;width:100%;height:100%;object-fit:contain}.custom-half-video__controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none;transition:inset var(--custom-half-video-expand-duration) var(--custom-half-video-expand-easing)}.custom-half-video__control.custom-pill-icon-button{pointer-events:auto;border-color:#fff;color:#fff;background-color:transparent}.custom-half-video__control--toggle{position:relative;overflow:hidden}.custom-half-video__control-icon{display:flex;align-items:center;justify-content:center;transform-origin:center;transition:opacity var(--custom-half-video-icon-duration) var(--custom-half-video-icon-easing),transform var(--custom-half-video-icon-duration) var(--custom-half-video-icon-easing)}.custom-half-video__control-icon--pause{opacity:1;transform:scale(1)}.custom-half-video__control-icon--play{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(0);pointer-events:none}.custom-half-video__control--toggle[aria-pressed=false] .custom-half-video__control-icon--pause{opacity:0;transform:scale(0)}.custom-half-video__control--toggle[aria-pressed=false] .custom-half-video__control-icon--play{opacity:1;transform:scale(1)}.custom-half-video__control--expand{position:relative;overflow:hidden}.custom-half-video__control-icon--full-width{opacity:1;transform:scale(1)}.custom-half-video__control-icon--normal-width{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(0);pointer-events:none}.custom-half-video__control--expand[aria-expanded=true] .custom-half-video__control-icon--full-width{opacity:0;transform:scale(0)}.custom-half-video__control--expand[aria-expanded=true] .custom-half-video__control-icon--normal-width{opacity:1;transform:scale(1)}.custom-half-video__control--mute{position:relative;overflow:hidden;opacity:0;transform:scale(0);pointer-events:none;transition:opacity var(--custom-half-video-icon-duration) var(--custom-half-video-icon-easing),transform var(--custom-half-video-icon-duration) var(--custom-half-video-icon-easing)}.custom-half-video.is-expanded .custom-half-video__control--mute{opacity:1;transform:scale(1);pointer-events:auto}.custom-half-video__control--mute[hidden]{display:none}.custom-half-video__control-icon--volume-up{opacity:1;transform:scale(1)}.custom-half-video__control-icon--mute{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(0);pointer-events:none}.custom-half-video__control--mute[aria-pressed=true] .custom-half-video__control-icon--volume-up{opacity:0;transform:scale(0)}.custom-half-video__control--mute[aria-pressed=true] .custom-half-video__control-icon--mute{opacity:1;transform:scale(1)}.custom-half-video-icon--volume-up path,.custom-half-video-icon--mute path{fill:currentColor}.custom-half-video.is-expanded{z-index:120}.custom-half-video.is-expanded .custom-half-video__video-shell{left:0;z-index:10;padding:var(--custom-half-video-edge-padding)}.custom-half-video.is-expanded .custom-half-video__controls{inset:var(--custom-half-video-edge-padding)}.custom-half-video.is-expanded .custom-half-video__video-media{border-radius:var(--section-border-radius-mobile)}@media(min-width:960px){.custom-half-video.is-expanded .custom-half-video__content-wrap{opacity:0;pointer-events:none}.custom-half-video:not(.is-expanded) .custom-half-video__video-media{border-radius:var(--section-border-radius-desktop) 0 0 var(--section-border-radius-desktop)}.custom-half-video.is-expanded .custom-half-video__video-media{border-radius:var(--section-border-radius-desktop)}}@media(min-width:960px){.custom-half-video__accent,.custom-half-video__subheading,.custom-half-video__description{max-width:min(var(--custom-half-video-content-max-width, 300px),100%)}.custom-half-video__content-wrap{padding-top:var(--custom-half-video-padding-top, 48px);padding-bottom:var(--custom-half-video-padding-bottom, 48px)}.custom-half-video__accent{padding-left:var(--custom-half-video-heading-indent, 0px)}.custom-half-video__subheading,.custom-half-video__description{padding-left:var(--custom-half-video-content-indent, 130px)}.custom-half-video__cta{margin-left:var(--custom-half-video-content-indent, 130px);max-width:calc(100% - var(--custom-half-video-content-indent, 130px))}}@media(max-width:959px){.custom-half-video{--custom-half-video-mobile-video-height: 320px;--custom-half-video-mobile-expanded-media-height: calc((100vw - (2 * var(--custom-half-video-edge-padding))) * 9 / 16);--custom-half-video-mobile-expanded-shell-height: var(--custom-half-video-mobile-expanded-media-height);min-height:0}.custom-half-video__inner{grid-template-columns:1fr;grid-template-rows:auto auto;align-items:start;min-height:0}.custom-half-video__content-wrap{order:1;padding-top:0;padding-right:var(--space-outer);padding-bottom:var(--custom-half-video-content-wrap-padding-bottom-mobile, 16px);padding-left:var(--space-outer)}.custom-half-video__video-panel{order:2;align-self:start;height:var(--custom-half-video-mobile-video-height);min-height:var(--custom-half-video-mobile-video-height);max-height:var(--custom-half-video-mobile-video-height);margin:0 var(--space-outer);pointer-events:auto;transition:margin var(--custom-half-video-expand-duration) var(--custom-half-video-expand-easing),min-height var(--custom-half-video-expand-duration) var(--custom-half-video-expand-easing),max-height var(--custom-half-video-expand-duration) var(--custom-half-video-expand-easing),height var(--custom-half-video-expand-duration) var(--custom-half-video-expand-easing)}.custom-half-video__video-shell{position:relative;left:auto;right:auto;width:100%;height:var(--custom-half-video-mobile-video-height);min-height:var(--custom-half-video-mobile-video-height);max-height:var(--custom-half-video-mobile-video-height);transition:height var(--custom-half-video-expand-duration) var(--custom-half-video-expand-easing),min-height var(--custom-half-video-expand-duration) var(--custom-half-video-expand-easing),max-height var(--custom-half-video-expand-duration) var(--custom-half-video-expand-easing),padding var(--custom-half-video-expand-duration) var(--custom-half-video-expand-easing)}.custom-half-video__video-media{flex:none;height:var(--custom-half-video-mobile-video-height)}.custom-half-video.is-expanded{z-index:auto}.custom-half-video.is-expanded .custom-half-video__video-panel{margin:0;height:var(--custom-half-video-mobile-expanded-shell-height);min-height:var(--custom-half-video-mobile-expanded-shell-height);max-height:var(--custom-half-video-mobile-expanded-shell-height)}.custom-half-video.is-expanded .custom-half-video__video-shell{position:relative;top:auto;left:auto;right:auto;z-index:auto;width:100%;height:var(--custom-half-video-mobile-expanded-shell-height);min-height:var(--custom-half-video-mobile-expanded-shell-height);max-height:var(--custom-half-video-mobile-expanded-shell-height);margin:0;padding:0 var(--custom-half-video-edge-padding)}.custom-half-video.is-expanded .custom-half-video__controls{inset:0 var(--custom-half-video-edge-padding)}.custom-half-video.is-expanded .custom-half-video__video-media{height:var(--custom-half-video-mobile-expanded-media-height)}}@media(prefers-reduced-motion:reduce){.custom-half-video__content-wrap,.custom-half-video__video-panel,.custom-half-video__video-shell,.custom-half-video__video-media,.custom-half-video__controls,.custom-half-video__control-icon,.custom-half-video__poster{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/custom-half-video.css.map */