[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.navigator .xo-section{z-index:100}.navigator__container{width:100%;display:flex;justify-content:center;height:fit-content;background-color:rgb(var(--color-background));padding-inline-start:.5rem;padding-inline-end:.5rem;padding-top:.8rem;padding-bottom:.8rem;box-shadow:.4rem .4rem 4rem .4rem #e9dec973}.navigator__content{display:block;width:50%;overflow:hidden;position:relative}.navigator__content:after{content:"";position:absolute;top:0;z-index:10;height:100%;width:8%;background:linear-gradient(270deg,color-mix(in srgb,rgba(var(--color-background)) 100%,transparent) 56.43%,#fff0)}[dir=ltr] .navigator__content:after{right:-6%}[dir=rtl] .navigator__content:after{left:-6%}@media (max-width: 991px){[dir=ltr] .navigator__content:after{right:-4%}[dir=rtl] .navigator__content:after{left:-4%}}@media (max-width: 1599px){.navigator__content{width:70%}}@media (max-width: 500px){.navigator__content{width:100%}}.navigator__list{display:flex;gap:.8rem}@media (min-width: 992px){.navigator__list{gap:var(--xo-gap)}}.navigator__block{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:.4rem;margin:.1rem;border:.1rem dashed rgb(var(--color-border),0);border-radius:1000rem;transition:all .3s}.navigator__block:hover,.navigator__block:focus-visible,.navigator__block[xo-active]{border:.1rem dashed rgb(var(--color-border),1)}.navigator__title{color:rgb(var(--color-foreground));font-size:calc(var(--font-body-scale) * 1.2rem);font-weight:600;line-height:calc(1 + .5 / var(--font-body-scale))}@media (min-width: 992px){.navigator__title{font-size:calc(var(--font-body-scale) * 1.4rem);line-height:calc(1 + .57 / var(--font-body-scale))}}.navigator__image .xo-image{border-radius:100rem;width:clamp(3.2rem,calc(2vw + 2.4rem),4.8rem);height:clamp(3.2rem,calc(2vw + 2.4rem),4.8rem)}.navigator__image img,.navigator__image svg{width:100%;height:100%}.navigator__group-button{width:fit-content;position:absolute;top:40%;z-index:100}[dir=ltr] .navigator__group-button{right:0}[dir=rtl] .navigator__group-button{left:0}@media (max-width: 991px){.navigator__group-button{display:none}}.navigator__button{display:flex;border-radius:10rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-navigator.css.map */