.cmp-feature{--header-height: 96px ;padding-top:var(--vertical-padding-top, 40px);padding-bottom:var(--vertical-padding-bottom, 40px);padding-left:var(--side-padding);padding-right:var(--side-padding);--controller-size: 60;--controller-size-px: calc(var(--controller-size) * 1px);position:relative;z-index:1;background-color:var(--background-color)}.cmp-feature__container{display:flex;flex-direction:column-reverse;row-gap:20px;width:100%;height:100%}@media(min-width:768px){.cmp-feature__container{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center}.cmp-feature__container>*{flex:1}}@media(min-width:1280px){.cmp-feature__container{flex-direction:row}}.cmp-feature__content{box-sizing:border-box;max-width:var(--cmp-feature__content-max-width, 380px)}.cmp-feature__content>*{text-align:var(--cmp-feature__content-text-align, right)}@media(min-width:768px){.cmp-feature__content{box-sizing:content-box;padding-left:var(--side-padding);padding-right:var(--side-padding);box-sizing:border-box;width:100%;height:auto;max-width:var(--cmp-feature__content-max-width, 380px);justify-self:var(--cmp-feature__content-align-horizontal, center);align-self:var(--cmp-feature__content-align-vertical, center)}.cmp-feature__content rte p{margin-bottom:12px}}.cmp-feature .video-controller{position:absolute;z-index:2;color:var(--cd__high-contrast);padding:0;display:flex;justify-content:center;align-items:center;bottom:16px;right:16px;height:40px;width:40px}.cmp-feature .video-controller:not(.paused){opacity:.4}@media(min-width:768px){.cmp-feature .video-controller:not(.paused){opacity:0}.cmp-feature .video-controller:not(.paused):hover,.cmp-feature .video-controller:not(.paused):focus-visible{opacity:.4}}.cmp-feature .video-controller span{line-height:0;display:flex;justify-content:center;align-items:center}.cmp-feature .video-controller svg{width:32px;height:32px}.cmp-feature .video-controller svg path{fill:var(--c__eh-blue-dark)}@media(min-width:768px){.cmp-feature .video-controller{bottom:24px;right:24px;height:48px;width:48px}.cmp-feature .video-controller svg{width:40px;height:40px}}.cmp-feature[data-content-valign=flex-end] .video-controller{bottom:auto;top:16px}@media(min-width:768px){.cmp-feature[data-content-valign=flex-end] .video-controller{top:24px}}.cmp-feature .video-controller{opacity:.4}.cmp-feature .video-controller span{line-height:0}.cmp-feature .video-controller:hover{opacity:.85}.cmp-feature .video-controller:focus-visible{opacity:1;outline:2px solid var(--cd__high-contrast);outline-offset:2px;border-radius:50%}.cmp-feature .video-controller:not(.paused) .play-icon{display:none}.cmp-feature .video-controller:hover:not(.paused) .pause-icon{display:block}.cmp-feature .video-controller.paused .play-icon{display:block}.cmp-feature .video-controller.paused .pause-icon{display:none}.cmp-feature__embed-container .klaviyo-form{max-width:400px}.cmp-feature__embed-container .klaviyo-form *{font-family:var(--font-body)!important}.cmp-feature__embed-container .klaviyo-form input[type=checkbox]+label:before{display:none}.cmp-feature__embed-container .klaviyo-form [role=group]{column-count:2;column-gap:20px}.cmp-feature--image-bleed,.cmp-feature--image-bleed .cmp-feature__container{padding:0}.cmp-feature--image-bleed .cmp-feature__content{padding-top:var(--vertical-padding-top);padding-bottom:var(--vertical-padding-bottom)}.cmp-feature--image-bleed .cmp-feature__media-container{align-self:stretch}.cmp-feature--image-bleed .cmp-feature__image{justify-content:stretch;height:100%}.cmp-feature--image-bleed .cmp-feature__image img,.cmp-feature--image-bleed .cmp-feature__image picture{height:100%}.cmp-feature--image-full{background-color:transparent;overflow:hidden}.cmp-feature--image-full .cmp-feature__media-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.cmp-feature--image-full .cmp-feature__media-container img,.cmp-feature--image-full .cmp-feature__media-container video{width:100%;height:100%;object-fit:cover}.cmp-feature--image-full .cmp-feature__image{height:100%}.cmp-feature--image-full .cmp-feature__image picture{height:100%}@media(min-width:768px){.cmp-feature--image-full.cmp-feature--inverted .cmp-feature__content{grid-column:2/3}}@media(max-width:767px){.cmp-feature--image-full.cmp-feature--use-media-aspect-ratio:not(.cmp-feature--stack-on-mobile){height:100vh;max-height:640px}.cmp-feature--image-full.cmp-feature--use-media-aspect-ratio:not(.cmp-feature--stack-on-mobile) .cmp-feature__image{height:100%}.cmp-feature--image-full.cmp-feature--use-media-aspect-ratio:not(.cmp-feature--stack-on-mobile) .cmp-feature__image img,.cmp-feature--image-full.cmp-feature--use-media-aspect-ratio:not(.cmp-feature--stack-on-mobile) .cmp-feature__image picture{height:100%;object-position:center bottom}}@media(min-width:768px){.cmp-feature--image-full.cmp-feature--use-media-aspect-ratio{aspect-ratio:var(--desktop-aspect-ratio, auto)}}@media(max-width:767px){.cmp-feature--image-full.cmp-feature--stack-on-mobile{flex-direction:column;align-items:center;background-color:var(--background-color)}.cmp-feature--image-full.cmp-feature--stack-on-mobile .cmp-feature__media-container{position:relative;margin-left:calc(var(--side-padding) * -1);margin-right:calc(var(--side-padding) * -1);width:auto;z-index:1}}@media(min-width:1440px){.cmp-feature--image-full.cmp-feature--constrain-height-to-viewport{overflow:hidden;height:calc(90vh - var(--header-height));aspect-ratio:unset}.cmp-feature--image-full.cmp-feature--constrain-height-to-viewport .cmp-feature__media-container .cmp-feature__image{height:100%}.cmp-feature--image-full.cmp-feature--constrain-height-to-viewport .cmp-feature__media-container .cmp-feature__image img,.cmp-feature--image-full.cmp-feature--constrain-height-to-viewport .cmp-feature__media-container .cmp-feature__image picture{height:100%;object-position:center}}@media(max-width:767px){.cmp-feature.cmp-feature--image-bleed .cmp-feature__content{padding-inline:var(--side-padding)}}@media(max-width:767px){.cmp-feature--inverted-mobile .cmp-feature__container{flex-direction:column}}@media(min-width:768px){.cmp-feature--inverted .cmp-feature__content{order:2;padding-left:0;padding-right:var(--side-padding)}.cmp-feature--inverted .cmp-feature__content>*{text-align:var(--cmp-feature__content-text-align, left);margin-left:unset;margin-right:auto}}@media(min-width:768px){.cmp-feature--split-66 .cmp-feature__container{grid-template-columns:2fr 1fr}.cmp-feature--split-66.cmp-feature--inverted .cmp-feature__container{grid-template-columns:1fr 2fr}.cmp-feature--split-60 .cmp-feature__container{grid-template-columns:3fr 2fr}.cmp-feature--split-60.cmp-feature--inverted .cmp-feature__container,.cmp-feature--split-40 .cmp-feature__container{grid-template-columns:2fr 3fr}.cmp-feature--split-40.cmp-feature--inverted .cmp-feature__container{grid-template-columns:3fr 2fr}.cmp-feature--split-33 .cmp-feature__container{grid-template-columns:1fr 2fr}.cmp-feature--split-33.cmp-feature--inverted .cmp-feature__container{grid-template-columns:2fr 1fr}}@media(min-width:768px){.cmp-feature.summer-skin .cmp-feature__content{background-color:#e5e5e5e6;padding:clamp(20px,5vw,64px) clamp(20px,4vw,48px);border-radius:20px}}@media(min-width:768px){.cmp-feature:has(.cmp-feature__video-container) .cmp-feature__content{z-index:1}.cmp-feature:has(.cmp-feature__video-container) .cmp-feature__media-container{z-index:0}}@media(max-width:500px){.cmp-feature.button-center-mobile .rich-text__buttons{justify-content:flex-start}}@media(max-width:767px){.cmp-feature.bfcm-25-style.cmp-feature--image-full.cmp-feature--use-media-aspect-ratio:not(.cmp-feature--stack-on-mobile){max-height:none;height:auto;padding-bottom:100%;padding-top:20px}}@media(min-width:768px){.cmp-feature.bfcm-25-style.cmp-feature--image-full.cmp-feature--use-media-aspect-ratio:not(.cmp-feature--stack-on-mobile){aspect-ratio:auto}.cmp-feature.bfcm-25-style.cmp-feature--image-full.cmp-feature--use-media-aspect-ratio:not(.cmp-feature--stack-on-mobile) .cmp-feature__image{height:100%}.cmp-feature.bfcm-25-style.cmp-feature--image-full.cmp-feature--use-media-aspect-ratio:not(.cmp-feature--stack-on-mobile) .cmp-feature__image img,.cmp-feature.bfcm-25-style.cmp-feature--image-full.cmp-feature--use-media-aspect-ratio:not(.cmp-feature--stack-on-mobile) .cmp-feature__image picture{height:100%}}.cmp-feature.bfcm-25-style .cmp-feature__content h2.rich-text__heading{font-size:48px}@media(min-width:768px){.cmp-feature.bfcm-25-style .cmp-feature__content h2.rich-text__heading{font-size:48px}}.cmp-feature.bfcm-25-style .cmp-feature__content ul li{padding-left:8px;font-weight:500;margin-bottom:12px}.cmp-feature.bfcm-25-style .cmp-feature__content ul li:before{content:"";display:block;position:absolute;left:0;width:24px;height:24px;background-image:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4944_4437)"><path d="M9.00016 16.1698L4.83016 11.9998L3.41016 13.4098L9.00016 18.9998L21.0002 6.99984L19.5902 5.58984L9.00016 16.1698Z" fill="%23FF3D00"/></g><defs><clipPath id="clip0_4944_4437"><rect width="24" height="24" rx="12" fill="white"/></clipPath></defs></svg>');background-position:left;background-repeat:no-repeat}@media(min-width:768px){.cmp-feature.bfcm-25-style .cmp-feature__content{border-radius:1rem;background:#00000042;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:24px 24px 20px 38px;max-width:360px}}body:not(.is-logged-in) .cmp-feature.bfcm-26-style.show-logged-in,.is-logged-in .cmp-feature.bfcm-26-style.show-logged-out{display:none!important}@media(max-width:767px){.cmp-feature.bfcm-26-style.cmp-feature--image-full.cmp-feature--use-media-aspect-ratio:not(.cmp-feature--stack-on-mobile){height:auto;max-height:none;aspect-ratio:776/1536;display:flex;flex-direction:column;justify-content:flex-end;padding-top:0;padding-bottom:2rem}.cmp-feature.bfcm-26-style.cmp-feature--image-full.cmp-feature--use-media-aspect-ratio:not(.cmp-feature--stack-on-mobile) .cmp-feature__container{height:auto}}@media(min-width:768px)and (max-width:1439px){.cmp-feature.bfcm-26-style.cmp-feature--image-full.cmp-feature--use-media-aspect-ratio:not(.cmp-feature--stack-on-mobile){aspect-ratio:auto;min-height:calc(100vw / var(--desktop-aspect-ratio, 1.79))}}.cmp-feature.bfcm-26-style .cmp-feature__content .rich-text__heading.h1{font-size:48px;font-weight:600}@media(min-width:768px)and (max-width:1023px){.cmp-feature.bfcm-26-style .cmp-feature__content .rich-text__heading.h1{font-size:34px}}@media(min-width:1024px)and (max-width:1199px){.cmp-feature.bfcm-26-style .cmp-feature__content .rich-text__heading.h1{font-size:40px}}.cmp-feature.bfcm-26-style .cmp-feature__content .rich-text__text{max-width:24rem;font-weight:400}.cmp-feature.bfcm-26-style .cmp-feature__content .btn{min-width:10.5rem;border-radius:4px}.cmp-feature.bfcm-26-style .cmp-feature__content .btn.btn--white:before{display:none}@media(max-width:767px){.cmp-feature.bfcm-26-style .cmp-feature__content .rich-text__buttons,.cmp-feature.bfcm-26-style .cmp-feature__content .btn{width:100%}}@media(min-width:768px){.cmp-feature.bfcm-26-style .cmp-feature__content{max-width:30rem;padding-left:0;padding-right:0}}@media(min-width:768px)and (max-width:1023px){.cmp-feature.bfcm-26-style .cmp-feature__content{max-width:22rem}}@media(min-width:1024px){.cmp-feature.bfcm-26-style .cmp-feature__content{margin-left:3.5vw}}.cmp-feature__video-container{position:relative;width:100%;height:100%;overflow:hidden}.cmp-feature__video-container video{width:100%;height:100%;object-fit:cover;display:block}.cmp-feature__video-container video::-webkit-media-controls{display:none!important}.cmp-feature__video-container video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.cmp-feature__video-poster{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:opacity .4s ease;pointer-events:none}.cmp-feature__video-poster img{width:100%;height:100%;object-fit:cover;display:block}.cmp-feature__video-poster.is-hidden{opacity:0}@media(min-width:768px){.cmp-feature__video-poster{display:none}}p.rich-text__text{font-weight:500}.rich-text__text a{color:var(--cl__high-contrast)}.rich-text__text a:hover{text-decoration:underline}.rich-text__buttons{margin-top:12px;margin-bottom:12px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px}.rich-text__buttons.feature__rounded-buttons .btn{border-radius:1000px}.rich-text__buttons.feature__rounded-buttons .btn:before{content:"+";display:inline-block;margin-right:4px;font-weight:700;color:var(--cl__error)}.rich-text__buttons.feature__rounded-buttons .btn.btn--secondary:before{color:var(--cd__high-contrast)}@media(max-width:767px){.rich-text__buttons--split-mobile{flex-wrap:nowrap;gap:16px}.rich-text__buttons--split-mobile .btn{width:calc(50% - 8px);min-width:0;box-sizing:border-box}}@media(max-width:767px)and (max-width:400px){.rich-text__buttons--split-mobile .btn{padding-left:12px;padding-right:12px}}@media(min-width:768px){.rich-text__buttons--split-desktop{flex-wrap:nowrap;gap:16px}.rich-text__buttons--split-desktop .btn{width:calc(50% - 8px);min-width:0;box-sizing:border-box}.rich-text__buttons--split-desktop.rich-text__buttons--multiple .btn{min-width:0}}.cmp-feature__image,.cmp-feature__media-container{width:100%}.cmp-feature__image img,.cmp-feature__image picture,.cmp-feature__media-container img,.cmp-feature__media-container picture{width:100%;height:auto;object-fit:cover;display:block}.cmp-feature__image video,.cmp-feature__media-container video{width:100%;height:auto;object-fit:cover}.video-controller{opacity:.4}.video-controller span{line-height:0}.video-controller:hover{opacity:.85}.video-controller:hover:not(.paused) .pause-icon{display:block}.video-controller:focus-visible{opacity:1;outline:2px solid var(--cd__high-contrast);outline-offset:2px;border-radius:50%}.video-controller:not(.paused) .play-icon{display:none}.video-controller.paused .play-icon{display:block}.video-controller.paused .pause-icon{display:none}.cmp-feature__video-container video.desktop-video{display:none}@media(min-width:768px){.cmp-feature__video-container video.mobile-video{display:none}.cmp-feature__video-container video.desktop-video{display:block}}@media(min-width:768px){.cmp-feature{--vertical-spacing: 32px}.rich-text__buttons{margin-top:24px;margin-bottom:24px}.rich-text__buttons--multiple .btn{min-width:200px}.cmp-feature__eyebrow,.cmp-feature__title,.cmp-feature__description{margin-bottom:var(--vertical-spacing)}}@media(min-width:1280px){.rich-text__buttons{margin-top:32px;margin-bottom:32px}}
/*# sourceMappingURL=/cdn/shop/t/668/assets/section-feature.css.map */