.hat-fits{padding:0}.hat-fits__container{max-width:1536px;margin-inline:auto;padding-inline:32px;width:100%}@media screen and (max-width:767px){.hat-fits__container{padding-inline:16px}}.hat-fits__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.hat-fits__card-content{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#f6f6f6;gap:12px}.hat-fits__card-text{min-width:0}.hat-fits__card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.hat-fits__card-content+.swym-wishlist-collections-v2-container{position:absolute;right:56px;bottom:16px;z-index:3;display:flex!important;justify-content:flex-end;padding:0;margin:0;width:fit-content}.hat-fits__card-content+.swym-wishlist-collections-v2-container>button{transform:none!important;padding:0;min-width:18px!important;width:18px!important;height:18px!important}.hat-fits__title{margin:0;font-family:Sora,sans-serif;font-size:24px;line-height:1;font-weight:400;text-transform:uppercase;letter-spacing:0;color:#000}.hat-fits__title--mobile{display:none;text-align:center}.hat-fits__navigation{display:flex;align-items:center;gap:16px}.hat-fits__nav-button{width:18px;height:18px;padding:0;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.hat-fits__nav-button:disabled svg path{fill:#909090;cursor:not-allowed}.hat-fits__nav-button svg{width:16px;height:16px}.hat-fits__swiper .swiper-wrapper{display:flex}.hat-fits__swiper .swiper-slide{height:auto;flex-shrink:0;box-sizing:border-box;display:flex;align-items:stretch;min-height:400px}@media screen and (max-width:767px){.hat-fits__swiper .swiper-slide{min-height:458px}}.hat-fits__card{background-color:#f6f6f6;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hat-fits__card-image-wrapper{position:relative;width:100%;aspect-ratio:359 / 322;overflow:hidden;background-color:#f6f6f6;padding-inline:15px;display:block;text-decoration:none;color:inherit}.hat-fits__card-image{width:100%;height:100%;object-fit:contain;mix-blend-mode:darken}.hat-fits__card-plus-button{width:40px;height:40px;border-radius:50%;background-color:#000;color:#61a9f6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300;line-height:1;transition:background-color .3s ease;z-index:2}.hat-fits__card-plus-button:hover{background-color:#333}.hat-fits__card-title{font-family:Sora,sans-serif;font-size:18px;line-height:1;font-weight:400;color:#000;margin:0 0 4px;text-transform:uppercase}.hat-fits__card-subtitle{font-size:12px;line-height:18px;font-weight:400;color:#09f;margin:0}.hat-fits__progress{position:relative;display:block;width:100%;height:3px;margin-top:40px;border-radius:100px;overflow:visible;background:#0000000d;cursor:grab;touch-action:none}.hat-fits__progress:before,.hat-fits__progress:after{content:"";position:absolute;left:0;right:0;width:100%;height:24px;background:transparent}.hat-fits__progress:before{top:0;transform:translateY(-100%)}.hat-fits__progress:after{bottom:0;transform:translateY(100%)}.hat-fits__progress.is-dragging{cursor:grabbing}@media screen and (max-width:767px){.hat-fits__progress--hide-on-mobile{display:none!important}}@media screen and (min-width:768px){.hat-fits__progress--hide-on-desktop{display:none!important}}@media screen and (max-width:767px){.hat-fits__progress{margin-inline:16px;width:calc(100% - 32px)}.hat-fits__progress:before,.hat-fits__progress:after{height:32px}.hat-fits__header{padding-inline:16px;justify-content:center;margin-bottom:16px}.hat-fits__navigation{display:none}.hat-fits__title:not(.hat-fits__title--mobile){display:none}.hat-fits__title--mobile{display:block}.hat-fits__card-image-wrapper{aspect-ratio:359 / 378;max-height:378px;padding-inline:0}.hat-fits__card-image{aspect-ratio:335 / 375;padding-inline:12px}.hat-fits__card-content{padding:16px}.hat-fits__card-title{font-size:16px}}.hat-fits__progress-bar{position:absolute;top:0;left:0;height:100%;width:20%;min-width:40px;background-color:#000;border-radius:100px;transition:left .3s ease;pointer-events:none}.hat-fits__progress-bar--empty:after{display:none}.hat-fits__overlay{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;align-items:center;justify-content:center;padding:0;box-sizing:border-box;border-radius:12px;pointer-events:none}.hat-fits__overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.hat-fits__overlay.active{pointer-events:auto}.hat-fits__overlay.active:before{opacity:1}.hat-fits__overlay-content{background:#f6f6f62b;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);padding:12px 16px;width:100%;height:100%;overflow-y:auto;position:relative;box-sizing:border-box;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:1}.hat-fits__overlay.active .hat-fits__overlay-content{opacity:1}.hat-fits__overlay-close{width:24px;height:24px;border:none;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#09f;padding:0;margin-left:auto;margin-right:0;margin-bottom:12px}.hat-fits__overlay-close svg{width:15px;height:15px}.hat-fits__overlay-title{font-family:Sora,sans-serif;font-size:14px;line-height:20px;font-weight:400;letter-spacing:0;color:#000;margin:0 0 4px}.hat-fits__overlay-description{font-size:12px;line-height:18px;letter-spacing:0;font-weight:300;color:#212124;margin:0 0 12px}.hat-fits__overlay-link{display:inline-block;font-size:12px;line-height:18px;font-weight:400;letter-spacing:0;color:#09f;text-decoration:underline;transition:color .2s ease}.hat-fits__container .hat-fits__shape-features{margin-top:16px;padding:16px 26.5px;border-radius:10px;background:#f2f2f2cc;box-shadow:0 .5px #6b728033}.hat-fits__container .hat-fits__shape-features-title{font-size:14px;line-height:20px;font-weight:400;color:#000;padding-bottom:4px;margin:0 0 16px;text-transform:uppercase;letter-spacing:0;border-bottom:1px solid #7273741a}.hat-fits__container .hat-fits__feature-item{margin-bottom:16px}.hat-fits__container .hat-fits__feature-item:last-child{margin-bottom:0}.hat-fits__container .hat-fits__feature-label{display:flex;align-items:center;gap:12px;margin-bottom:8px}.hat-fits__container .hat-fits__feature-label-text{display:flex;align-items:center;gap:12px}.hat-fits__container .hat-fits__feature-name{font-size:12px;line-height:1;font-weight:700;letter-spacing:0;color:#141517;text-transform:uppercase}.hat-fits__container .hat-fits__feature-range{font-size:12px;line-height:18px;font-weight:300;letter-spacing:0;color:#727374cc}.hat-fits__container .hat-fits__slider-wrapper{position:relative;width:100%;height:2px;background-color:#e0e0e0;border-radius:4px}.hat-fits__container .hat-fits__slider-track{position:absolute;top:0;left:0;height:100%;background-color:#09f;border-radius:2px;transition:width .1s ease}.hat-fits__container .hat-fits__slider-thumb{position:absolute;top:50%;transform:translateY(-50%);width:10px;height:8px;background-color:#09f;border-radius:2px;pointer-events:none}.hat-fits__container .hat-fits__overlay-content .hat-shape-feature__label{position:static}.hat-fits__container .hat-fits__overlay-content .hat-shape-feature__popup{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 32px);width:max-content}.hat-fits__container .hat-shape-feature{flex-direction:column;width:100%;gap:4px!important;align-items:flex-start!important;margin-bottom:16px!important}.hat-fits__container .hat-shape-features .hat-shape-feature:last-of-type .hat-shape-feature__slider-wrapper{bottom:0!important}.hat-fits__container .hat-shape-feature__slider-wrapper{width:100%}.hat-fits__container .hat-fits__shape-features .hat-shape-feature__slider{height:5px;background-color:#bbbdbf;border-radius:4px;overflow:hidden}.hat-fits__container .hat-fits__shape-features .hat-shape-feature__slider-track{display:block;height:5px;border-radius:4px;background-color:#09f}.hat-fits__container .hat-fits__shape-features .hat-shape-feature__slider-indicator{display:none}.hat-fits__container .hat-fits__shape-features .hat-shape-feature__slider-labels{display:flex;width:100%;margin-top:2px}.hat-fits__container .hat-fits__shape-features .hat-shape-feature__slider-label{flex:1;text-align:center;color:#727374;font-size:8px;font-weight:400;line-height:100%;letter-spacing:0;text-transform:uppercase}.hat-fits__container .hat-shape-feature:last-of-type{margin-bottom:0!important}@media screen and (max-width:767px){.hat-fits__card{min-height:458px}.hat-fits__overlay-content{padding:16px}.hat-fits__overlay-title{margin-bottom:4px}.hat-fits__container .hat-fits__shape-features{margin-top:24px}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/hat-fits.css.map */