[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) )}.field-search-collection{display:none;transition:.3s}@media(min-width:768px){.field-search-collection{overflow:clip;display:flex;justify-content:end;position:relative;min-width:42px;will-change:width}}.field-search-collection:has(.field-search-collection__form-group[xo-active]){min-width:250px}.field-search-collection__toggle{display:flex;justify-content:center;align-items:center;padding:13px;cursor:pointer;transition:color .3s}.field-search-collection__toggle:hover{color:var(--color-branding)}.field-search-collection__toggle svg{display:block}.field-search-collection__form-group{top:0;right:0;height:100%;width:calc(100vw - 2 * var(--xo-container-gap));transform:translate(120%);transition:.3s;display:flex;align-items:center;position:absolute;background-color:#fff;padding-left:1.2rem}@media(min-width:768px){.field-search-collection__form-group{width:100%}}.field-search-collection__form-group[xo-active]:not([xo-active=false]){transform:translate(0)}.field-search-collection__form-input{height:100%;width:100%;color:#121212;padding:5px 20px 5px 8px;font-size:18px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:-.36px}@media(min-width:768px){.field-search-collection__form-input{padding:8px 20px 8px 8px}}.field-search-collection__form-input::placeholder{color:#d0d0d0}.field-search-collection__form-icon{padding-inline-start:0;flex-shrink:0}.field-search-collection__form-icon svg{display:block}.field-search-collection__form-close{display:flex;align-items:center;padding-inline-start:2rem;padding-inline-end:1.2rem;height:100%;justify-content:center;cursor:pointer;transition:.3s;flex-shrink:0}.field-search-collection__form-close:hover{opacity:.5}.field-search-collection__form-close svg{display:block}
/*# sourceMappingURL=/cdn/shop/t/3/assets/field-search-collection.css.map */