[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) )}.xo-show-filter .xo-section{background:linear-gradient(180deg,color-mix(in srgb,rgba(var(--color-layer)) 100%,transparent) 0% 100%)}.xo-show-filter__container{padding-top:2.5rem;padding-bottom:clamp(5rem,calc(7vw + 2.2rem),10.6rem)}@media(min-width:992px){.xo-show-filter__container{border-top:.1rem dashed color-mix(in srgb,rgba(var(--color-border)) 100%,transparent);border-bottom:.1rem dashed color-mix(in srgb,rgba(var(--color-border)) 100%,transparent)}}.xo-show-filter__container .xo-image__placeholder{display:flex}.xo-show-filter__wrap{width:100%;display:flex;justify-content:center}.xo-show-filter__content{display:flex;flex-direction:column;align-items:center;width:100%;gap:clamp(.8rem,calc(.5vw + .6rem),1.2rem);width:clamp(24.4rem,calc(30.125vw + 12.35rem),48.5rem);padding-bottom:clamp(5.5rem,calc(.5vw + 5.3rem),5.9rem)}.xo-show-filter__content .h3{text-align:center;margin-bottom:0}.xo-show-filter__description{text-align:center;color:rgba(var(--color-foreground-2));font-size:calc(var(--font-body-scale) * clamp(1.4rem,calc(.25vw + 1.3rem),1.6rem));font-weight:400;line-height:calc(1 + .14 / var(--font-body-scale))}.xo-show-filter__list{justify-content:center;gap:clamp(.6rem,calc(1vw + .2rem),1.4rem);padding-top:2.7rem}@media(min-width:992px){.xo-show-filter__list{padding-bottom:5rem;padding-top:0}}.xo-show-filter__list xo-tabs-trigger{display:flex;justify-content:center;align-items:center;gap:clamp(.3rem,calc(.5vw + .1rem),.7rem);padding-top:clamp(.7rem,calc(1vw + .3rem),1.5rem);padding-bottom:clamp(.7rem,calc(1vw + .3rem),1.5rem);padding-inline-start:clamp(2rem,calc(2.875vw + .85rem),4.3rem);padding-inline-end:clamp(2rem,calc(2.875vw + .85rem),4.3rem);border-radius:2rem;background-color:rgba(var(--color-button),.2);transition:all .3s}@media(min-width:992px){.xo-show-filter__list xo-tabs-trigger{border-radius:6.8rem}}.xo-show-filter__list xo-tabs-trigger .xo-show-filter__icon svg{fill:rgba(var(--color-button),.6);transition:all .3s}.xo-show-filter__list xo-tabs-trigger:hover{background-color:rgba(var(--color-button));transition:all .3s}.xo-show-filter__list xo-tabs-trigger:hover .xo-show-filter__title{color:rgba(var(--color-button-text));transition:all .3s}.xo-show-filter__list xo-tabs-trigger:hover .xo-show-filter__icon svg{fill:rgba(var(--color-button-text));transition:all .3s}.xo-show-filter__list xo-tabs-trigger[xo-active]{background-color:rgba(var(--color-button));transition:all .3s}.xo-show-filter__list xo-tabs-trigger[xo-active] .xo-show-filter__title{color:rgba(var(--color-button-text));transition:all .3s}.xo-show-filter__list xo-tabs-trigger[xo-active] .xo-show-filter__icon svg{fill:rgba(var(--color-button-text));transition:all .3s}.xo-show-filter__list--desktop{display:none}@media(min-width:992px){.xo-show-filter__list--desktop{display:flex}}.xo-show-filter__list--mobile{display:flex}@media(min-width:992px){.xo-show-filter__list--mobile{display:none}}.xo-show-filter__icon{display:flex;width:clamp(1.4rem,calc(2vw + .6rem),3rem);height:clamp(1.4rem,calc(2vw + .6rem),3rem)}.xo-show-filter__icon svg{width:100%;height:100%;transition:all .3s}.xo-show-filter__title{color:rgba(var(--color-button),.6);font-size:calc(var(--font-body-scale) * clamp(1rem,calc(.625vw + .75rem),1.5rem));font-weight:500;line-height:calc(1 + .42 / var(--font-body-scale));transition:all .3s}@media(max-width:991px){.xo-show-filter__title{text-align:center}}.xo-show-filter__pane{height:clamp(17.4rem,calc(80.625vw - 14.85rem),81.9rem);display:flex;justify-content:center;align-items:center;background-color:rgba(var(--color-button));border-radius:1rem;padding-top:clamp(1.8rem,calc(8.75vw - 1.7rem),8.8rem);padding-bottom:clamp(1.8rem,calc(8.75vw - 1.7rem),8.8rem);padding-inline-start:clamp(5.5rem,calc(25.625vw - 4.75rem),26rem);padding-inline-end:clamp(5.5rem,calc(25.625vw - 4.75rem),26rem)}.xo-show-filter__pane .xo-image{height:100%;border-radius:1rem}.xo-show-filter__pane .xo-image .xo-image__placeholder,.xo-show-filter__pane .xo-image svg{width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-show-filter.css.map */