.search-dialog{--search-dialog-duration: .2s;--search-field-font: 400 1.1rem / 1.5 var(--font-family-aeonik-pro);--search-field-letter-spacing: .04rem;display:flex;align-items:center}.search-dialog__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:14;background-color:color-mix(in srgb,var(--color-space-black) 50%,transparent);opacity:0;visibility:hidden;transition:opacity var(--search-dialog-duration),visibility var(--search-dialog-duration)}.search-dialog__panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;flex-direction:column;padding:4rem 1.5rem 2rem;overflow:hidden;background-color:var(--color-white);visibility:hidden;translate:100% 0;transition:translate var(--search-dialog-duration),visibility var(--search-dialog-duration)}@media(min-width:990px){.search-dialog__panel{inset:1.35vw 2vw 1.35vw auto;width:40vw;border:.1rem solid var(--color-border-gray);border-radius:2rem;translate:calc(100% + 2vw) 0}}.search-dialog__toggle[aria-expanded=true]~.search-dialog__overlay{opacity:1;visibility:visible;transition:opacity var(--search-dialog-duration)}.search-dialog__toggle[aria-expanded=true]~.search-dialog__panel{visibility:visible;translate:0 0;transition:translate var(--search-dialog-duration)}.search-dialog__close{position:absolute;top:1.8rem;right:2rem;padding:0;border:0;background:none;font:var(--search-field-font);letter-spacing:var(--search-field-letter-spacing);text-transform:uppercase;color:var(--color-space-black);cursor:pointer}.search-dialog__close:focus-visible{outline:.2rem solid currentcolor;outline-offset:.2rem}.search-field{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.search-field__form{position:relative;display:flex;align-items:center;border:.2rem solid var(--color-space-black);border-radius:2rem;background-color:var(--color-white)}.search-field__input{flex:1 1 auto;min-width:0;height:4.5rem;padding:0 2rem;border:0;border-radius:2rem;background:none;font:var(--search-field-font);letter-spacing:var(--search-field-letter-spacing);text-transform:uppercase;color:var(--color-space-black);-webkit-appearance:none;appearance:none}.search-field__input::placeholder{color:transparent}.search-field__input::-webkit-search-cancel-button{display:none}.search-field__input:focus{outline:0;box-shadow:none}.search-field__input:focus,.search-field__input:not(:placeholder-shown){padding-top:1.4rem}.search-field__label{position:absolute;top:50%;left:2.1rem;font:var(--search-field-font);letter-spacing:var(--search-field-letter-spacing);text-transform:uppercase;color:var(--color-text-secondary);translate:0 -50%;pointer-events:none;transition:top .1s,translate .1s}.search-field__input:focus~.search-field__label,.search-field__input:not(:placeholder-shown)~.search-field__label{top:.4rem;translate:0 0}.search-field__button{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:var(--color-text-secondary);cursor:pointer}.search-field__button svg{width:1.8rem;height:1.8rem}.search-field__button:focus-visible{outline:.2rem solid currentcolor;outline-offset:-.4rem}.search-field__button--reset{border-right:.1rem solid color-mix(in srgb,var(--color-space-black) 8%,transparent)}.search-field__results{display:none;min-height:0;margin-top:.1rem;overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-white)}.search-field__results .category-small{line-height:1.2}.search-field[open] .search-field__results,.search-field[loading] .search-field__results{display:block}@media(hover:hover)and (pointer:fine){.search-field__button:hover{color:var(--color-space-black)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/action-search.css.map */