.hero__container{position:relative}.hero__image{position:relative;width:100%;height:calc(85vh - 50px);max-height:500px;min-height:400px}.hero__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__title{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);color:#fff;text-align:center}.hero__text{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hero__button{margin-top:20px}.hero__swatch{display:flex;align-items:center;background-image:url("data:image/svg+xml,%3Csvg width='100' height='26' viewBox='0 0 100 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H25V0.5H2C1.17157 0.5 0.5 1.17157 0.5 2V24C0.5 24.8284 1.17157 25.5 2 25.5H25V26H2C0.895429 26 0 25.1046 0 24V2C0 0.89543 0.895431 0 2 0ZM27 26H98C99.1046 26 100 25.1046 100 24V2C100 0.895431 99.1046 0 98 0H27V0.5H98C98.8284 0.5 99.5 1.17157 99.5 2V24C99.5 24.8284 98.8284 25.5 98 25.5H27V26Z' fill='white'/%3E%3C/svg%3E%0A");background-size:contain;background-repeat:no-repeat;width:100px}.hero__swatch__img{margin-right:-.5px;position:relative;width:26px;height:26px;display:flex;align-items:center;justify-content:center;max-width:26px;width:100%;aspect-ratio:1/1}.hero__swatch__image{width:16px;aspect-ratio:1/1;object-fit:cover;border-radius:50%;transition:.3s all;background:linear-gradient(90deg,transparent 1px,white 1px,white 100%),linear-gradient(90deg,transparent 1px,white 100px,white 100%),linear-gradient(0deg,transparent 1px,white 1px,white calc(100% - 1px),transparent calc(100% - 1px)),linear-gradient(0deg,transparent 2px,white 0%,white 100%);background-position-x:0%,0%,0%,0%;background-position-y:0%,0%,0%,0%;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:100% 0px,100% 0px,0px 100%,.5px 98%;background-position:0px 0px,0px 100%,0px 0px,100% 1px}.hero__swatch:hover .hero__swatch__image{border-radius:0;width:25px}.hero__swatch__text{padding:0 5px;position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;background:linear-gradient(90deg,transparent 1px,white 1px,white 100%),linear-gradient(90deg,transparent 1px,white 1px,white 100%),linear-gradient(0deg,transparent 1px,white 1px,white calc(100% - 1px),transparent calc(100% - 1px)),linear-gradient(0deg,#fff 0% 100%);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:100% 0px,100% 0px,.5px 100%,0px 100%;background-position:0px 0px,0px 100%,0px 0px,100% 0px}.hero__swatch__text .js-swatchText{position:relative;height:22px;width:54.5px;overflow:hidden}.hero__swatch__text p{white-space:nowrap;position:absolute;top:50%;transform:translateY(-50%);left:0;width:fit-content}.hero__text a{margin-inline:0}.hero__swatch svg{width:8px;height:8px}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(359.31deg,#00000059 -9.73%,#0000 99.24%)}.hero__swatches-popup.active .hero__swatches-popup__wrapper{transform:translate(0)}.hero__swatches-popup.active .hero__swatches-popup__overlay{opacity:.4;visibility:visible;z-index:2}.hero__swatches-popup__overlay{opacity:0;visibility:hidden;position:fixed;background:#000;top:0;right:0;bottom:0;left:0}.hero__swatches-popup__wrapper{position:fixed;top:0;z-index:3;width:100%;bottom:0;background:var(--white);height:100vh;min-height:600px;transform:translate(-100%);transition:.3s all}.hero__swatches-popup__close{position:absolute;right:20px;top:20px;cursor:pointer}.hero__swatches-popup__container{overflow-y:scroll;padding:50px 25px;height:100%}.hero__swatches-popup__container.active{display:flex}.hero__swatches-popup__controls{margin-top:5px}.hero__swatches-popup button svg{max-width:8px;margin:0 3px}.hero__swatches-popup__container img{max-width:84px;border-radius:50%}@media screen and (min-width: 1024px){.hero__image{max-height:unset;height:calc(85vh - 66px)}.hero__text{display:flex;padding:0 40px;width:100%;left:0;transform:unset;bottom:40px;align-items:center}.hero__swatch{margin-left:auto;grid-row-start:1;grid-row-end:3;grid-column:2;flex-direction:column-reverse;background-image:url("data:image/svg+xml,%3Csvg width='80' height='104' viewBox='0 0 80 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M78 0.5H2C1.17157 0.5 0.5 1.17157 0.5 2V22H0V2C0 0.895432 0.895431 0 2 0H78C79.1046 0 80 0.895431 80 2V22H79.5V2C79.5 1.17157 78.8284 0.5 78 0.5ZM0 26V102C0 103.105 0.895429 104 2 104H78C79.1046 104 80 103.105 80 102V26H79.5V102C79.5 102.828 78.8284 103.5 78 103.5H2C1.17157 103.5 0.5 102.828 0.5 102V26H0Z' fill='white'/%3E%3C/svg%3E%0A");background-size:contain;background-repeat:no-repeat;width:80px}.hero__swatch__img{width:80px;height:80px;max-width:unset}.hero__swatch__img:after{content:"";width:93%;height:.5px;background:#fff;position:absolute;top:1px;left:2px}.hero__swatch__image{width:60px}.hero__swatch__text{background:unset;width:100%}.hero__swatch:hover .hero__swatch__image{width:78px;margin-top:1px;border-radius:2px;margin-left:-2px}.hero__button{text-align:center;margin:20px 0 0;min-width:200px}.hero__button.hide--desktop{display:none}.hero__subtitle{margin-top:0;font-size:2.2rem;line-height:20.8px;grid-row:1}.hero__swatches-popup__wrapper{max-width:67.5675675676%;transform:translate(-130%);width:100%;top:50px;z-index:2}.hero__swatches-popup__container{height:calc(100% - 50px)}.hero__swatches-popup__container--inner{max-width:383px;margin-inline:auto}.hero__swatches-popup__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;right:-40px;top:23px;background:var(--white)}}@media screen and (max-width: 1024px){.hero__subtitle.label-lg{font-size:1.1rem}.hero__subtitle.mb-25{margin-bottom:15px}}
/*# sourceMappingURL=/cdn/shop/t/153/assets/hero.css.map */