[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-main-predictive-search{z-index:9999;background-size:cover;background-position:center;background-color:transparent;background-image:var(--bg-gradient)}.xo-main-predictive-search .xo-modal-content__inner{color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.xo-main-predictive-search__caption{color:rgba(var(--color-foreground),.6);font-size:calc(var(--font-body-scale) * 1.3rem);font-weight:400;text-transform:uppercase;line-height:calc(1 + .8 / var(--font-body-scale))}xo-modal[xo-name=search] .xo-modal-content{position:relative;width:100vw}xo-modal[xo-name=search] .xo-modal-content__inner{width:100%;margin:6.2rem auto!important}@media (min-width: 768px){xo-modal[xo-name=search] .xo-modal-content__inner{width:60rem}}@media (min-width: 992px){xo-modal[xo-name=search] .xo-modal-content__inner{width:87.6rem;margin:8.2rem auto}}xo-modal[xo-name=search] xo-modal-inner{justify-content:center}xo-modal[xo-name=search] .xo-predictive-search__result{display:none}xo-modal[xo-name=search][xo-active]:not([xo-active=false]) .xo-predictive-search__result{display:block}xo-modal[xo-name=search]:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--bg-overlay)}xo-modal[xo-name=search] .xo-modal-content__content{padding:1.7rem}xo-modal[xo-name=search] .xo-modal-content__content xo-container{padding:0}@media (min-width: 1400px){xo-modal[xo-name=search] .xo-modal-content__content{padding:2rem 3.7rem 1rem}}xo-modal[xo-name=search] .xo-modal-content__close{display:none;top:100%;transform:translate(50%);color:color-mix(in srgb,rgba(var(--color-background)) 100%,transparent)}[dir=ltr] xo-modal[xo-name=search] .xo-modal-content__close{right:50%}[dir=rtl] xo-modal[xo-name=search] .xo-modal-content__close{left:50%}@media (min-width: 768px){xo-modal[xo-name=search] .xo-modal-content__close{display:block;top:0}[dir=ltr] xo-modal[xo-name=search] .xo-modal-content__close{right:-3rem}[dir=rtl] xo-modal[xo-name=search] .xo-modal-content__close{left:-3rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-main-predictive-search.css.map */