.denim-fit-guide-headings-container{align-items:flex-start;display:flex;justify-content:flex-start;padding:.4rem}.denim-fit-guide_heading,.no-results__button{background:unset;border:unset;cursor:pointer;margin-bottom:.4rem;padding:unset;text-decoration:unset}.denim-fit-guide_heading.active,.denim-fit-guide_heading:hover,.no-results__button{text-decoration:underline;text-underline-offset:.3rem}@media (max-width: 1024px){.denim-fit-guide-headings-container-sticky{position:sticky;top:calc(var(--header-height));z-index:100;background:rgb(var(--color-light-grey))}.denim-fit-guide-headings-container{width:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1.6rem;overflow-x:auto;padding-top:1.4rem;padding-bottom:1rem;padding-inline:1.2rem;scrollbar-width:none;border-bottom:.1rem solid rgb(var(--color-platinum-grey));-ms-overflow-style:none}.denim-fit-guide_heading{text-wrap:nowrap;white-space:nowrap}}@media (min-width: 1025px){.denim-fit-guide-headings-container-sticky{grid-area:navigation;height:calc(100dvh - (var(--section-padding-top-desktop) + var(--header-height)));min-width:23.8rem}.denim-fit-guide-headings-container{flex-direction:column;margin-bottom:unset;overflow-y:auto;position:fixed;top:calc(var(--header-height) + var(--section-padding-top-desktop))}}.denim-fit-guide-inline_layout{min-height:calc(100dvh - (var(--section-padding-top-mobile) + var(--header-height)))}.denim-fit-guide-main{display:block}.denim-fit-guide-body-container{grid-area:body}.denim-fit-guide__media-container--compare-all{display:grid;gap:.1rem;grid-template-columns:repeat(4,minmax(9.7rem,1fr));justify-content:center;overflow-x:hidden}.denim-fit-guide__media-container--compare-all .denim-fit-guide__media{cursor:pointer;transition:opacity .4s ease-in-out}.denim-fit-guide__media-container--compare-all .denim-fit-guide__media:focus{outline-offset:unset;transform:scale(1.01)}.slider-interation-active .denim-fit-guide__media:not(.active),.denim-fit-guide__media-single-active .denim-fit-guide__media:not(.active){opacity:.2;display:none}.denim-fit-guide__media--square :where(img,video){aspect-ratio:1 / 1}.denim-fit-guide__media--portrait :where(img,video){aspect-ratio:3 / 4.34}.denim-fit-guide__media :where(img,video){width:100%;height:100%;object-fit:cover;object-position:center}.denim-fit-guide__media:has(.denim-fit-guide__media--mobile) .denim-fit-guide__media--mobile{display:block}.denim-fit-guide__media:has(.denim-fit-guide__media--mobile) .denim-fit-guide__media--desktop{display:none}.slider-interation-active+.denim-fit-guide__collection-container--detail{max-width:0;max-height:0;overflow:hidden}@media (min-width: 1025px){.denim-fit-guide-inline_layout{padding-inline:3.2rem}.denim-fit-guide-main{display:grid;grid-template-areas:"navigation body fit-preference";grid-template-columns:auto 1fr auto;column-gap:6.2rem}.denim-fit-guide-body-container{padding-top:.4rem}.denim-fit-guide__media-container--compare-all{display:grid;max-height:0;opacity:0;overflow:hidden;visibility:hidden;transition:all .4s ease-in-out;grid-template-columns:repeat(auto-fit,minmax(auto,24rem));max-width:100%;margin-inline:auto;gap:.8rem;overflow-x:unset}.denim-fit-guide__media-container--compare-all.active{max-height:unset;opacity:1;visibility:visible;transition:opacity .4s ease-in-out}.slider-interation-active{justify-content:flex-start}.denim-fit-guide-body-active-cards--0 .active{max-height:0;opacity:0;visibility:hidden}.denim-fit-guide__media:has(.denim-fit-guide__media--mobile) .denim-fit-guide__media--mobile{display:none}.denim-fit-guide__media:has(.denim-fit-guide__media--mobile) .denim-fit-guide__media--desktop{display:block}}.denim-fit-guide__collection-container--detail{display:flex;flex-direction:column;row-gap:6rem;transition:all .4s ease-in-out}.denim-fit-guide__collection-container__item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.denim-fit-guide__collection-container--detail:has(.mobile-slider-active) .denim-fit-guide__collection-container__item:not(.mobile-slider-active){display:none}.denim-fit-guide__details__heading{margin-bottom:.8rem}.denim-fit-guide__details__content__description{margin-bottom:1.2rem}.denim-fit-guide-body-active-cards--0 :where(.denim-fit-guide__media-container--compare-all,.denim-fit-guide__collection-container--detail){max-width:0;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .4s ease-in-out}.no-results__container{max-height:0;overflow:hidden;transition:all .4s ease-in-out;opacity:0;display:flex;width:100%;height:100%;align-items:center;justify-content:flex-start;row-gap:1.2rem;flex-direction:column}.denim-fit-guide-body-active-cards--0{padding-top:.4rem}.denim-fit-guide-body-active-cards--0 .no-results__container{max-height:unset;opacity:1;visibility:visible}.denim-fit-guide-body-active-cards--0+.fit-prefrences-sticky-container .fit-guide__footer :where(.fit-guide__results,.fit-guide__clear,.fit-guide__all-collection),.fit-guide__footer .no-results__container{display:none}@media (min-width: 1025px){.denim-fit-guide-body-active-cards--0 .no-results__container{max-height:unset}}@media (max-width: 1024px){.denim-fit-guide__collection-container--detail{padding-inline:1.2rem;margin-top:14rem}.denim-fit-guide__details{margin-top:3.2rem;max-width:36.6rem;margin-inline:auto}.denim-fit-guide__collection-container__item .denim-fit-guide__media{max-width:28.2rem;margin-inline:auto}}@media (min-width: 1025px){.denim-fit-guide__collection-container--detail{row-gap:3.2rem}.denim-fit-guide__collection-container__item{display:none;grid-template-columns:repeat(2,1fr);column-gap:1.6rem;max-width:72rem;margin-inline:auto;text-align:left}.denim-fit-guide__details__content__description{margin-bottom:1.6rem}.denim-fit-guide__collection-container__item.active{display:grid}}.fit-guide{width:100%;margin-left:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;row-gap:2.4rem;height:100%}.fit-guide__slider{width:100%;display:grid;grid-template-columns:auto 1fr auto;column-gap:1rem;align-items:center;position:relative}.fit-guide__track{width:100%;height:.1rem;background:rgb(var(--color-black));position:relative}.fit-guide__track:before{cursor:pointer;content:"";display:block;width:100%;height:1.2rem;position:relative;top:-.6rem}.fit-guide__indicator{width:1rem;height:1rem;background:rgb(var(--color-black));border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none;transition:left .2s ease;border:.2rem solid rgb(var(--color-white))}.fit-guide__indicator:hover.fit-guide__indicator:after{content:"";width:1.2rem;height:1.2rem;top:-.3rem;left:-.3rem;position:absolute;background:transparent;z-index:0;border-radius:100%;border:.1rem solid rgb(var(--color-platinum-grey))}.fit-guide__indicator:before{position:relative;display:block;content:"";width:2rem;height:2rem;top:-.7rem}.fit-guide__label{white-space:nowrap}.fit-guide__slider .fit-guide__label:last-of-type{text-align:right}.fit-guide__footer{display:flex;align-items:center;justify-content:flex-start;gap:1.6rem;width:100%}.fit-guide--initial-state .fit-guide__results{display:none}.fit-guide__results:has(.single-results-item){visibility:hidden}@media (max-width: 1024px){.fit-prefrences-sticky-container{position:fixed;bottom:0;width:100%;z-index:10;padding-inline:1.2rem;padding-block:2.4rem;background-color:rgb(var(--color-white));transition:opacity .3s ease;opacity:1}.denim-fit-guide-body-container.at-bottom+.fit-prefrences-sticky-container{opacity:0;z-index:0}.denim-fit-guide-body-active-cards--0{height:calc(100dvh - 23rem)}.fit-guide__footer{justify-content:center}.fit-guide .fit-guide__all-collection{display:none}.fit-guide--initial-state .fit-guide__all-collection{display:flex;width:100%;justify-content:center;align-items:center}.fit-guide--initial-state .fit-guide__clear{display:none}.denim-fit-guide-body-active-cards--0 .no-results__container{justify-content:center}.denim-fit-guide-body-active-cards--0+.fit-prefrences-sticky-container .fit-guide__footer .no-results__container{display:flex}}@media (min-width: 1025px){.fit-prefrences-sticky-container{width:100%;min-width:23.8rem;height:calc(100dvh - (var(--section-padding-top-desktop) + var(--header-height)));grid-area:fit-preference}.fit-guide{width:100%;max-width:23.8rem;margin-left:auto;position:fixed;right:3.2rem;top:calc(var(--header-height) + var(--section-padding-top-desktop));row-gap:1.2rem;padding-top:.4rem}.fit-guide__slider{grid-template-columns:6.2rem 1fr 6.6rem;column-gap:.4rem}.fit-guide__clear,.fit-guide__all-collection{display:none}}
/*# sourceMappingURL=/cdn/shop/t/230/assets/denim-fit-guide.css.map */