.fit-style-nav{padding:var(--fit-style-nav-padding-top, 0) 0 var(--fit-style-nav-padding-bottom, 0);background-color:var(--fit-style-nav-bg, #ffffff);color:var(--fit-style-nav-text, #000000)}.fit-style-nav__scale{display:flex;align-items:center;gap:2rem;margin:1.4rem 0 0;padding:0 1.5rem;color:var(--fit-style-nav-scale-color, inherit);text-transform:uppercase}.fit-style-nav__scale>span{flex-shrink:0}.fit-style-nav__scale-arrow{position:relative;width:5.4rem;min-width:5.4rem;height:.12rem;border-radius:.06rem;background-color:currentColor}.fit-style-nav__scale-arrow:after{content:"";position:absolute;top:50%;right:-.06rem;width:.56rem;height:.96rem;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 24'%3E%3Cpath d='M1.5 1.5 12 12 1.5 22.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 24'%3E%3Cpath d='M1.5 1.5 12 12 1.5 22.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;transform:translateY(-50%)}.fit-style-nav__scale-arrow-image{display:flex;align-items:center;height:2rem;min-height:2rem}.fit-style-nav__scale-arrow-image img{display:block;width:auto;height:100%;max-width:none}.fit-style-nav__slider{display:block}.fit-style-nav__swiper{padding:0 1.5rem}.fit-style-nav__slider:not(.is-ready) .fit-style-nav__swiper{overflow-x:auto;scrollbar-width:none}.fit-style-nav__slider:not(.is-ready) .fit-style-nav__list{gap:1.2rem}.fit-style-nav__list{margin:0;padding:0;list-style:none}.fit-style-nav__item.swiper-slide{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1rem;width:calc(var(--fit-style-nav-count, 1) * var(--fit-style-nav-unit, 8.5rem));min-width:calc(var(--fit-style-nav-count, 1) * var(--fit-style-nav-unit, 8.5rem));height:auto}.fit-style-nav__images{position:relative;display:flex;align-items:flex-start;width:100%}.fit-style-nav__images:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:1px solid #000000;pointer-events:none}.fit-style-nav__image{position:relative;display:block;flex:0 0 auto;width:var(--fit-style-nav-unit, 8.5rem);min-width:var(--fit-style-nav-unit, 8.5rem);height:calc(var(--fit-style-nav-unit, 8.5rem) * 2.5);min-height:calc(var(--fit-style-nav-unit, 8.5rem) * 2.5);overflow:hidden;background-color:rgb(var(--color-grey-4));color:inherit;text-decoration:none}.fit-style-nav__image+.fit-style-nav__image:before{content:"";position:absolute;top:0;bottom:0;left:0;z-index:2;width:1px;background-color:#000;pointer-events:none}.fit-style-nav--no-border .fit-style-nav__images:after,.fit-style-nav--no-border .fit-style-nav__image+.fit-style-nav__image:before{content:none}.fit-style-nav__image:focus-visible{z-index:3;outline:.2rem solid currentColor;outline-offset:-.2rem}.fit-style-nav__photo,.fit-style-nav__sketch{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.fit-style-nav__photo{object-fit:cover}.fit-style-nav__sketch{object-fit:contain;background-color:#fff;opacity:0;transition:opacity .2s ease}@media(hover:hover){.fit-style-nav__image:hover .fit-style-nav__sketch{opacity:1}}.fit-style-nav__image:focus-visible .fit-style-nav__sketch{opacity:1}.fit-style-nav__tag{--fit-style-nav-tag-inset-y: .3rem;--fit-style-nav-tag-inset-x: .5rem;position:absolute;z-index:1;display:block;width:var(--fit-style-nav-tag-width, 3.2rem);max-width:calc(100% - 2 * var(--fit-style-nav-tag-inset-x));pointer-events:none}.fit-style-nav__tag img{display:block;width:100%;height:auto}.fit-style-nav--tag-top-left .fit-style-nav__tag{top:var(--fit-style-nav-tag-inset-y);left:var(--fit-style-nav-tag-inset-x)}.fit-style-nav--tag-top-right .fit-style-nav__tag{top:var(--fit-style-nav-tag-inset-y);right:var(--fit-style-nav-tag-inset-x)}.fit-style-nav--tag-bottom-left .fit-style-nav__tag{bottom:var(--fit-style-nav-tag-inset-y);left:var(--fit-style-nav-tag-inset-x)}.fit-style-nav--tag-bottom-right .fit-style-nav__tag{bottom:var(--fit-style-nav-tag-inset-y);right:var(--fit-style-nav-tag-inset-x)}.fit-style-nav--tag-top-center .fit-style-nav__tag{top:var(--fit-style-nav-tag-inset-y);left:50%;transform:translate(-50%)}.fit-style-nav--tag-bottom-center .fit-style-nav__tag{bottom:var(--fit-style-nav-tag-inset-y);left:50%;transform:translate(-50%)}.fit-style-nav__image--placeholder{background-color:#c4c4c4}.fit-style-nav__title{margin:0;text-align:center;text-transform:uppercase;overflow-wrap:normal;word-break:normal}@media screen and (min-width:990px){.fit-style-nav{padding:var(--fit-style-nav-padding-top-desktop, 0) 0 var(--fit-style-nav-padding-bottom-desktop, 0)}.fit-style-nav__scale{margin-top:2rem;padding:0 2rem}.fit-style-nav__scale-arrow{flex:1 1 auto;width:auto;min-width:7.2rem}.fit-style-nav__swiper{padding:0 2rem}.fit-style-nav__slider:not(.is-ready) .fit-style-nav__list{gap:2.4rem}.fit-style-nav__item.swiper-slide{width:calc(var(--fit-style-nav-count, 1) * var(--fit-style-nav-unit, 14.7rem));min-width:calc(var(--fit-style-nav-count, 1) * var(--fit-style-nav-unit, 14.7rem))}.fit-style-nav__item.swiper-slide{gap:2rem}.fit-style-nav__tag{--fit-style-nav-tag-inset-y: .55rem;--fit-style-nav-tag-inset-x: 1rem;width:var(--fit-style-nav-tag-width-desktop, 6rem)}.fit-style-nav[class*=fit-style-nav--tag-desktop-] .fit-style-nav__tag{top:auto;right:auto;bottom:auto;left:auto;transform:none}.fit-style-nav.fit-style-nav--tag-desktop-top-left .fit-style-nav__tag{top:var(--fit-style-nav-tag-inset-y);left:var(--fit-style-nav-tag-inset-x)}.fit-style-nav.fit-style-nav--tag-desktop-top-right .fit-style-nav__tag{top:var(--fit-style-nav-tag-inset-y);right:var(--fit-style-nav-tag-inset-x)}.fit-style-nav.fit-style-nav--tag-desktop-bottom-left .fit-style-nav__tag{bottom:var(--fit-style-nav-tag-inset-y);left:var(--fit-style-nav-tag-inset-x)}.fit-style-nav.fit-style-nav--tag-desktop-bottom-right .fit-style-nav__tag{bottom:var(--fit-style-nav-tag-inset-y);right:var(--fit-style-nav-tag-inset-x)}.fit-style-nav.fit-style-nav--tag-desktop-top-center .fit-style-nav__tag{top:var(--fit-style-nav-tag-inset-y);left:50%;transform:translate(-50%)}.fit-style-nav.fit-style-nav--tag-desktop-bottom-center .fit-style-nav__tag{bottom:var(--fit-style-nav-tag-inset-y);left:50%;transform:translate(-50%)}}.fit-style-nav__title{font-size:var(--fit-style-nav-title-size, 1.6rem);line-height:1.4}.fit-style-nav__scale{font-size:var(--fit-style-nav-scale-size, 1.6rem);line-height:1.4}@media screen and (min-width:768px){.fit-style-nav__title{font-size:var(--fit-style-nav-title-size-desktop, 1.8rem)}.fit-style-nav__scale{font-size:var(--fit-style-nav-scale-size-desktop, 1.8rem)}}
/*# sourceMappingURL=/cdn/shop/t/475/assets/fit-style-nav-module.css.map */