[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.xo-popup-signup{--xo-popup-signup-delay: .2s;width:100%;height:100%}.xo-popup-signup.xo-popup-signup--flyout{padding:1rem}@media (min-width: 992px){.xo-popup-signup.xo-popup-signup--flyout{padding:2rem}}.xo-popup-signup__container{position:relative;max-width:calc(100vw - 2.4rem);max-height:calc(100vh - 2.4rem);text-align:var(--xo-popup-signup-text-alignment);width:var(--xo-popup-signup-content-width);overflow:hidden;overflow-y:auto;text-align:left}.xo-popup-signup__media{position:absolute;top:1.4rem;bottom:1.4rem;width:var(--xo-popup-signup-image-width);overflow:hidden}.xo-popup-signup__media .xo-image{width:100%;height:100%}.xo-popup-signup__media img,.xo-popup-signup__media video{width:100%;height:100%;object-fit:cover}.xo-popup-signup__media-overlay{position:absolute;top:0;width:100%;height:100%;z-index:1}[dir=ltr] .xo-popup-signup__media-overlay{left:0}[dir=rtl] .xo-popup-signup__media-overlay{right:0}.xo-popup-signup__content-container{position:relative;transition:padding .5s ease;width:100%;z-index:9}.xo-popup-signup__content{padding:2rem;width:100%;background-color:color-mix(in srgb,rgba(var(--color-background)) 100%,transparent);--color-foreground: white}.xo-popup-signup__content .xo-form-success{background:none;color:#fff;border:none;padding:0}.xo-popup-signup__content .xo-form-success .xo-form-success__message{color:#fff;font-family:var(--font-supreme-web);margin:0;font-size:1.4rem}.xo-popup-signup__content-header{display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:9rem}.xo-popup-signup__content-header-star{flex-shrink:0}.xo-popup-signup__heading,.xo-popup-signup__subheading{font-size:2rem;line-height:1.2;margin:0;font-family:var(--font-supreme-web)}.xo-popup-signup__body{margin-top:1.2rem;font-size:calc(var(--font-body-scale) * 1.5rem);line-height:calc(1 + .6 / var(--font-body-scale));color:color-mix(in srgb,rgba(var(--color-foreground)) 60%,transparent)}.xo-popup-signup__input-container{position:relative;width:100%}.xo-popup-signup__input-container .xo-btn--primary,.xo-popup-signup__input-container .xo-btn__content{background:transparent;padding:0;color:#fff;font-family:var(--font-supreme-web);width:auto;outline:none}.xo-popup-signup__input-container .xo-btn--primary{position:absolute;font-size:1.2rem;right:0;top:50%;transform:translateY(-50%)}.xo-popup-signup__input-container .xo-btn--primary:hover:before{content:none}.xo-popup-signup__input-container .xo-btn--primary .xo-btn__text{text-transform:none;font-size:1.6rem}.xo-popup-signup__input{background:transparent;border:0;border-bottom:1px solid;color:#fff;width:100%;font-family:var(--font-supreme-web);padding:.5rem 8rem .5rem 0;outline:none;transition:opacity .25s;font-size:1.6rem;border-radius:0}.xo-popup-signup__input:focus::placeholder,.xo-popup-signup__input:disabled{opacity:.5}.xo-popup-signup__input::placeholder{color:#fff;transition:opacity .25s}.xo-popup-signup .xo-field-checkbox{position:relative;margin-top:1.1rem}.xo-popup-signup .xo-field-checkbox__input{position:absolute;display:block;opacity:0;z-index:-1}.xo-popup-signup .xo-field-checkbox__label{font-size:calc(var(--font-body-scale) * 1.4rem);line-height:calc(1 + .57 / var(--font-body-scale));color:color-mix(in srgb,rgba(var(--color-foreground)) 60%,transparent)}.xo-popup-signup__button{margin-top:1.2rem;display:flex;gap:.8rem}.xo-popup-signup__disclaimer{margin-top:1.2rem;font-size:1rem;line-height:1.3;font-family:var(--font-supreme-web)}[dir=ltr] .xo-popup-signup--left .xo-popup-signup__media{left:1.4rem}[dir=rtl] .xo-popup-signup--left .xo-popup-signup__media,[dir=ltr] .xo-popup-signup--right .xo-popup-signup__media{right:1.4rem}[dir=rtl] .xo-popup-signup--right .xo-popup-signup__media{left:1.4rem}.xo-popup-signup--background .xo-popup-signup__content{background-color:transparent}.xo-popup-signup--background .xo-image{width:100%;height:100%}.xo-popup-signup--background .xo-popup-signup__media{top:0;bottom:0;width:100%}[dir=ltr] .xo-popup-signup--background .xo-popup-signup__media{left:0;right:0}[dir=rtl] .xo-popup-signup--background .xo-popup-signup__media{right:0;left:0}.xo-popup-signup--text-alignment-left .xo-popup-signup__heading,.xo-popup-signup--text-alignment-right .xo-popup-signup__heading{margin:.8rem 0rem 1.2rem}xo-modal[xo-active] .xo-popup-signup--left:has(img) .xo-popup-signup__container,xo-modal[xo-active] .xo-popup-signup--left:has(video) .xo-popup-signup__container{animation:xo_popup_signup_open .5s ease calc(var(--xo-duration) * 1ms + var(--xo-popup-signup-delay)) forwards}xo-modal[xo-active] .xo-popup-signup--left:has(img) .xo-popup-signup__content-container,xo-modal[xo-active] .xo-popup-signup--left:has(video) .xo-popup-signup__content-container{animation:xo_popup_signup_media_left .5s ease calc(var(--xo-duration) * 1ms + var(--xo-popup-signup-delay)) forwards}xo-modal[xo-active] .xo-popup-signup--right:has(img) .xo-popup-signup__container,xo-modal[xo-active] .xo-popup-signup--right:has(video) .xo-popup-signup__container{animation:xo_popup_signup_open .5s ease calc(var(--xo-duration) * 1ms + var(--xo-popup-signup-delay)) forwards}xo-modal[xo-active] .xo-popup-signup--right:has(img) .xo-popup-signup__content-container,xo-modal[xo-active] .xo-popup-signup--right:has(video) .xo-popup-signup__content-container{animation:xo_popup_signup_media_right .5s ease calc(var(--xo-duration) * 1ms + var(--xo-popup-signup-delay)) forwards}@media screen and (max-width: 767px){.xo-popup-signup__container{display:flex;flex-flow:column nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal}.xo-popup-signup__media{border-radius:0}.xo-popup-signup__media img,.xo-popup-signup__media video{width:100%;height:100%}.xo-popup-signup__content-container{height:100%;position:relative;top:0;bottom:0}[dir=ltr] .xo-popup-signup__content-container{left:0;right:0}[dir=rtl] .xo-popup-signup__content-container{right:0;left:0}.xo-popup-signup--left:not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__media,.xo-popup-signup--right:not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__media{position:static;width:100%;height:0;transition:height .5s ease}.xo-popup-signup--background:not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__content{background-color:transparent}.xo-popup-signup--background:not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__media{position:absolute;top:0;bottom:0;width:100%;height:100%}[dir=ltr] .xo-popup-signup--background:not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__media{left:0;right:0}[dir=rtl] .xo-popup-signup--background:not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__media{right:0;left:0}.xo-popup-signup.xo-popup-signup--hidden-image-mobile .xo-popup-signup__media{display:none!important}xo-modal[xo-active] .xo-popup-signup--left:has(img):not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__container,xo-modal[xo-active] .xo-popup-signup--left:has(video):not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__container,xo-modal[xo-active] .xo-popup-signup--right:has(img):not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__container,xo-modal[xo-active] .xo-popup-signup--right:has(video):not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__container{animation:xo_popup_signup_open_mobile .5s ease calc(var(--xo-duration) * 1ms + var(--xo-popup-signup-delay)) forwards;width:100%}xo-modal[xo-active] .xo-popup-signup--left:has(img):not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__media,xo-modal[xo-active] .xo-popup-signup--left:has(video):not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__media,xo-modal[xo-active] .xo-popup-signup--right:has(img):not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__media,xo-modal[xo-active] .xo-popup-signup--right:has(video):not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__media{animation:xo_popup_signup_media_mobile .5s ease calc(var(--xo-duration) * 1ms + var(--xo-popup-signup-delay)) forwards}xo-modal[xo-active] .xo-popup-signup--left:has(img):not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__content-container,xo-modal[xo-active] .xo-popup-signup--left:has(video):not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__content-container,xo-modal[xo-active] .xo-popup-signup--right:has(img):not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__content-container,xo-modal[xo-active] .xo-popup-signup--right:has(video):not(.xo-popup-signup--hidden-image-mobile) .xo-popup-signup__content-container{padding-inline-start:0;animation:none}xo-modal[xo-active] .xo-popup-signup--hidden-image-mobile .xo-popup-signup__media{animation:none!important}xo-modal[xo-active] .xo-popup-signup--hidden-image-mobile .xo-popup-signup__content-container{padding-inline-start:0;animation:none!important}}@keyframes xo_popup_signup_open{0%{width:var(--xo-popup-signup-content-width)}to{width:calc(var(--xo-popup-signup-content-width) + var(--xo-popup-signup-image-width))}}@keyframes xo_popup_signup_media_left{0%{padding-inline-start:0px}to{padding-inline-start:calc(var(--xo-popup-signup-image-width) + 1.4rem)}}@keyframes xo_popup_signup_media_right{0%{padding-inline-end:0px}to{padding-inline-end:calc(var(--xo-popup-signup-image-width) + 1.4rem)}}@keyframes xo_popup_signup_open_mobile{0%{width:var(--xo-popup-signup-content-width)}to{width:var(--xo-popup-signup-content-width)}}@keyframes xo_popup_signup_media_mobile{0%{height:0}to{height:30rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-popup-sign-up.css.map */