.popup-scroll-hidden{overflow:hidden;width:100%}.popup-animated{animation-duration:.5s;animation-fill-mode:both;overflow:hidden!important}@keyframes popupOpenFade{0%{opacity:0}to{opacity:1}}@keyframes popupExitFade{0%{opacity:1}to{opacity:0}}@keyframes popupOpenSlide{0%{transform:translate3d(0,100vh,0);visibility:visible}to{transform:translateZ(0)}}@keyframes popupExitSlide{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100vh,0)}}@keyframes popupOpenZoom{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes popupExitZoom{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes popupOpenSlideFade{0%{opacity:0;transform:translate3d(0,4rem,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}@keyframes popupExitSlideFade{0%{opacity:1;transform:translateZ(0)}to{opacity:0;visibility:hidden;transform:translate3d(0,4rem,0)}}.popupOpenFade{animation-name:popupOpenFade}.popupExitFade{animation-name:popupExitFade}.popupOpenSlide{animation-name:popupOpenSlide}.popupExitSlide{animation-name:popupExitSlide}.popupOpenZoom{animation-name:popupOpenZoom}.popupExitZoom{animation-name:popupExitZoom}.popupOpenSlideFade{animation-name:popupOpenSlideFade}.popupExitSlideFade{animation-name:popupExitSlideFade}.popup{display:none;position:fixed;z-index:999999;max-width:calc(100vw - 4rem);max-height:calc(100vh - 4rem);-webkit-backface-visibility:hidden}@media screen and (min-width:1100px){.popup{max-width:calc(100vw - 12.8rem);max-height:calc(100vh - 6.4rem)}}.popup--top{bottom:2rem;left:2rem;right:2rem}@media screen and (min-width:750px){.popup--top{bottom:unset;top:2.4rem;left:50%;right:unset;transform:translate3d(-50%,0,0)!important}}.popup--top-left{bottom:2rem;left:2rem;right:2rem}@media screen and (min-width:750px){.popup--top-left{bottom:unset;top:2.4rem;left:2.4rem;right:unset}}.popup--top-right{bottom:2rem;right:2rem;left:2rem}@media screen and (min-width:750px){.popup--top-right{top:2.4rem;right:2.4rem;left:unset;bottom:unset}}.popup--bottom{bottom:2rem;left:2rem;right:2rem}@media screen and (min-width:750px){.popup--bottom{bottom:2.4rem;left:50%;right:unset;top:unset;transform:translate(-50%)!important}}.popup--bottom-left{left:2rem;right:2rem;bottom:2rem}@media screen and (min-width:750px){.popup--bottom-left{left:2.4rem;bottom:2.4rem;top:unset;right:unset}}.popup--bottom-right{right:2rem;bottom:2rem;left:2rem}@media screen and (min-width:750px){.popup--bottom-right{top:unset;left:unset;right:2.4rem;bottom:2.4rem}}.popup--left{left:2rem;bottom:2rem;right:2rem}@media screen and (min-width:750px){.popup--left{left:2.4rem;right:unset;top:50%;bottom:unset;transform:translate3d(0,-50%,0)}}.popup--right{top:unset;transform:none;bottom:2rem;right:2rem;left:2rem}@media screen and (min-width:750px){.popup--right{right:2.4rem;left:unset;top:50%;transform:translate3d(0,-50%,0);bottom:unset}}.popup--center{bottom:2rem;left:2rem;right:2rem}@media screen and (min-width:750px){.popup--center{left:50%;top:50%;bottom:unset;right:unset;transform:translate3d(-50%,-50%,0)!important}}.popup-wrap{position:relative;overflow-x:hidden;overflow-y:auto;width:100%}.popup-wrap::-webkit-scrollbar{width:.2rem}.popup-wrap::-webkit-scrollbar-track{background:rgb(var(--color-background))}.popup-wrap::-webkit-scrollbar-thumb{background:rgb(var(--color-foreground),.3)}.popup-container{width:100%}.popup-outer{position:relative;display:flex;flex-direction:column}.popup-text{color:rgb(var(--color-foreground-secondary))}.popup-text a{text-decoration:underline;transition:color var(--duration-default)}.popup-text p{margin:0}.popup .popup-close{position:absolute;top:1.7rem;right:1.7rem;z-index:2;justify-content:center}@media screen and (min-width:750px){.popup .popup-close{top:.8rem;right:.8rem}}.popup .popup-close svg path{stroke:rgb(var(--color-background))}@media screen and (min-width:750px){.popup .popup-close svg path{stroke:rgb(var(--color-foreground-secondary))}}.popup-open{display:flex}@media(max-width:576px){.popup-open[data-mobile-disable=true]{display:none}.popup-open[data-mobile-disable=true]+.popup-overlay{display:none}}.popup-open+.popup-overlay{display:block}.popup-overlay{background-color:rgba(var(--color-overlay),.3);position:fixed;display:none;top:0;bottom:0;right:0;left:0;width:100%;height:100%;z-index:999998}.popup-thumbnail img{width:100%}.popup-trigger{cursor:pointer}.popup-main{width:auto;min-height:16.7rem}.popup-main>.popup-wrap{border:1px solid rgb(var(--color-border));border-radius:var(--border-radius-media)}@media screen and (min-width:750px){.popup-main:not(.popup--bottom):not(.popup--top):not(.popup--center):not(.popup--left):not(.popup--right){transform:none}}.popup-main .popup-close{position:absolute;top:1.7rem;right:1.7rem;z-index:3;justify-content:center}@media screen and (min-width:750px){.popup-main .popup-close{top:.8rem;right:.8rem}}.popup-main .popup-close svg path{stroke:rgb(var(--color-background))}@media screen and (min-width:750px){.popup-main .popup-close svg path{stroke:rgb(var(--color-foreground-secondary))}}.popup-main .list-social{margin-left:0!important;margin-top:2rem!important}.popup-main .list-social__link{width:3rem}.popup-main .list-social__link .icon+.visually-hidden{display:none}.popup-main .newsletter-form__message--success{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-background));margin:0;align-items:center;justify-content:center;z-index:3}.popup-main .newsletter-form__message--success span{display:block;text-align:center;max-width:27rem}@media screen and (min-width:750px){.popup-main-image--left:not(.popup-main--no-image),.popup-main-image--right:not(.popup-main--no-image){min-width:52rem}}.popup-main-image--left .popup-outer_image .popup-content,.popup-main-image--right .popup-outer_image .popup-content{display:flex;flex-direction:column;justify-content:center}.popup-main--image-caption{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-overlay),.1);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}.popup-main .popup-container{height:100%}.popup-main .popup-heading{margin-top:0;margin-bottom:0;max-width:27rem}.popup-main .popup-description{margin-top:0;margin-bottom:0;max-height:15rem;overflow:auto;font-size:calc(var(--font-popup-desc-scale) * 1.4rem);color:rgb(var(--color-foreground-secondary))}.popup-main .popup-description::-webkit-scrollbar{width:.2rem}.popup-main .popup-description::-webkit-scrollbar-thumb{background-color:rgb(var(--color-border));border-radius:2rem}.popup-main .popup-description:not(:first-child){margin-top:.6rem}.popup-main form{margin-top:2rem}.popup-main .popup-text{margin-top:.8rem;font-size:calc(var(--font-popup-text-scale) * 1rem);color:rgb(var(--color-foreground-secondary))}@media screen and (min-width:750px){.popup-main .popup-text{margin-top:1.6rem;font-size:calc(var(--font-popup-text-scale) * 1.3rem)}}.popup-main .popup-text p{color:inherit}.popup-main .list-social__item{transition:opacity var(--duration-default)}.popup-main .list-social__item:hover{opacity:.7}.popup-main .popup-outer{height:100%}@media(min-width:750px){.popup-main .popup-outer{flex-direction:row}}.popup-main .popup-thumbnail{width:100%;height:0;display:flex;overflow:hidden;position:relative;padding-bottom:100%}@media(min-width:750px){.popup-main .popup-thumbnail{display:block;aspect-ratio:1/1;width:unset;height:100%;padding-bottom:0}}.popup-main .popup-thumbnail:before{content:"";display:none;height:0;width:0;padding-bottom:100%}@media(min-width:750px){.popup-main .popup-thumbnail:before{display:none}}.popup-main .popup-thumbnail img{width:100%;height:100%;object-fit:cover;position:absolute}.popup-main .popup-wrapper-text>*{padding-right:3.2rem}.popup-main .popup-content{padding:3.2rem 0 3.2rem 3.2rem;width:100%;order:2;background-color:rgb(var(--color-background))}@media screen and (min-width:750px){.popup-main .popup-content{width:36.4rem}}.popup-main .popup-content--center .popup-heading,.popup-main .popup-content--center .popup-description{text-align:center}.popup-main .popup-content:first-child:last-child{flex:1 0 100%}.popup-main--no-image .popup-content{padding:3.2rem}.popup-main--no-image .popup-close svg path{stroke:currentColor}@media(min-width:576px){.popup-main-image--right .popup-outer{flex-direction:row-reverse}}.popup-main-image--top .popup-outer{flex-direction:column}.popup-main-image--bottom .popup-outer{flex-direction:column-reverse}.popup-main-image--bottom .popup-close svg path{stroke:rgb(var(--color-foreground-secondary))}.popup-main-image--bottom .popup-close--with-overlay{background:none}.popup-main .newsletter-form .button{min-height:3.6rem}.popup-main .newsletter-form .field{min-height:0}.popup-main .newsletter-form .button{max-width:100%;width:100%}.popup-main .newsletter-form input.hidden_email[type=email]{display:flex;padding:0;min-height:0;height:0;border:0;width:0}.popup-main .newsletter-form__inner{display:flex;gap:0;flex-direction:column;justify-content:flex-start;align-items:stretch}.popup-main .newsletter-form__inner.show_form{flex-direction:column;gap:1.6rem}@media screen and (min-width:576px){.popup-main .newsletter-form__inner:not(.newsletter-form__inner_column){flex-direction:row}.popup-main .newsletter-form__inner:not(.newsletter-form__inner_column).show_form{flex-direction:column;gap:1.6rem}}.popup-main .newsletter-form__field-wrapper.hidden_email_wrapper{flex:0;max-width:0}.popup-main .list-social{margin-left:-1.2rem;margin-top:1.2rem}.popup .popup-wrapper-text-customer{display:flex;flex-direction:column;justify-content:center;height:100%}.notification-banner .popup-wrapper-text--center .popup-heading,.notification-banner .popup-wrapper-text--center .popup-text{text-align:center}.notification-banner .popup-wrap{border:1px solid rgb(var(--color-border));border-radius:var(--border-radius-media)}.notification-banner--no-image .popup-content{padding:3.2rem}.notification-banner--no-image .popup-close svg path{stroke:currentColor}.notification-banner:not(.notification-banner--no-image).notification-banner-image--left .notification-banner__image,.notification-banner:not(.notification-banner--no-image).notification-banner-image--right .notification-banner__image{min-width:13.4rem}.notification-banner__close.popup-close.button{position:relative;top:0!important;bottom:0!important;right:0!important}@media(min-width:750px){.notification-banner-image--right .popup-outer.popup-outer-image--right{flex-direction:row-reverse}}.notification-banner-image--right .popup-close{background:rgba(var(--color-foreground),.1)}.notification-banner-image--right .popup-close svg path{stroke:rgb(var(--color-background))}.notification-banner-image--top .popup-outer.popup-outer-image--top{flex-direction:column}.notification-banner-image--top .popup-close{background:rgba(var(--color-foreground),.1)}.notification-banner-image--top .popup-close svg path{stroke:rgb(var(--color-background))}.notification-banner-image--bottom .popup-outer.popup-outer-image--bottom{flex-direction:column-reverse}.notification-banner .popup-outer{background-color:rgb(var(--color-background));flex-direction:column;height:100%}@media screen and (min-width:750px){.notification-banner .popup-outer{flex-direction:row}}.notification-banner .popup-container{height:100%}.notification-banner .popup-heading{margin:0}.notification-banner .popup-heading+.popup-text{margin-top:.6rem}.notification-banner .popup-text{margin-top:0;margin-bottom:0;max-height:15rem;overflow:auto;font-size:calc(var(--font-popup-desc-scale) * 1.4rem);color:rgb(var(--color-foreground-secondary))}.notification-banner .popup-text::-webkit-scrollbar{width:.2rem}.notification-banner .popup-text::-webkit-scrollbar-thumb{background-color:rgb(var(--color-border));border-radius:2rem}.notification-banner .popup-button{width:100%;margin-top:1.6rem}.notification-banner .popup-wraper-text--center>*{text-align:center}.notification-banner__image{height:100%;aspect-ratio:1/1;position:relative}.notification-banner__image img{width:100%;height:100%;position:absolute}.notification-banner--bar{max-width:unset;max-height:unset;transform:none!important}.notification-banner--bar .popup-wrap{padding:2rem}@media screen and (min-width:750px){.notification-banner--bar .popup-wrap{padding:2.4rem}}.notification-banner--bar .popup-wrapper-text{max-width:52rem;align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.notification-banner--bar .popup-wrapper-text--center{align-items:center}.notification-banner--bar .popup-close{top:-1.6em!important;right:-2rem!important}.notification-banner--bar .popup-close svg{width:50%}.notification-banner--bar .popup-button{margin-top:0!important;flex:1;white-space:nowrap}.notification-banner--bar .notification-banner__content{display:flex;gap:2.4rem;width:100%;flex-direction:column}@media screen and (min-width:576px){.notification-banner--bar .notification-banner__content{flex-direction:row}}.notification-banner--bar .notification-banner--button-wrapper{margin-left:0;display:inline-flex;align-items:center;justify-content:flex-end;gap:1.6rem;flex-direction:column}@media screen and (min-width:400px){.notification-banner--bar .notification-banner--button-wrapper{flex-direction:row}}@media screen and (min-width:576px){.notification-banner--bar .notification-banner--button-wrapper{margin-left:auto}}.notification-banner--bar[class*=popup--bottom]{top:unset;left:0;right:0;bottom:0}.notification-banner--bar[class*=popup--top]{top:0;left:0;right:0;bottom:unset}.notification-banner--bar.popup--left{top:0;left:0;right:unset;bottom:0}.notification-banner--bar.popup--left .notification-banner__content{height:100%;flex-direction:column;justify-content:space-between}.notification-banner--bar.popup--left .notification-banner--button-wrapper{margin-left:0;flex-direction:column}.notification-banner--bar.popup--left .popup-wrapper-text{max-width:20rem}.notification-banner--bar.popup--right{top:0;left:unset;right:0;bottom:0}.notification-banner--bar.popup--right .notification-banner__content{height:100%;flex-direction:column;justify-content:space-between}.notification-banner--bar.popup--right .notification-banner--button-wrapper{margin-left:0;flex-direction:column}.notification-banner--bar.popup--right .popup-wrapper-text{max-width:20rem}.notification-banner--bar.popup--center{top:50%;left:0;right:0;bottom:unset;transform:translateY(-50%)!important}.notification-banner--banner .popup-close{top:.8rem;right:.8rem}.notification-banner--banner .popup-button{margin-top:2rem}.notification-banner--banner .notification-banner__content{width:min(36.4rem,100%);padding:3.2rem 0 3.2rem 3.2rem}.notification-banner--banner .notification-banner__content>*:not(.modal-close-button){padding-right:3.2rem}@media screen and (min-width:750px){.notification-banner--banner .notification-banner__content{width:36.4rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-popup.css.map */