.search__input.field__input{padding-right:9.8rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width)}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.8rem);content:"";position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible{background-color:rgb(var(--color-background));z-index:4}.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-background));z-index:4}.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button .icon{height:1.8rem;width:1.8rem}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.header__search .search-modal--drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:88;pointer-events:none}.header__search details[open] .search-modal--drawer{pointer-events:auto}.header__search .search-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;min-height:100vh;z-index:88;display:block;background:#ffffffe6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .7s ease;pointer-events:none;cursor:pointer}.header__search details[open] .search-modal__overlay{opacity:1;pointer-events:auto}.header__search .search-modal__drawer{position:fixed;top:0;right:0;width:100%;height:100%;max-width:100%;background:#fff;z-index:89;padding-top:96px;transform:translate(100%);transition:transform .7s cubic-bezier(.85,0,.15,1);overflow-y:auto}.header__search details[open] .search-modal__drawer{transform:translate(0)}.header__search details.search-drawer-closing .search-modal__drawer{transform:translate(100%)}.header__search details.search-drawer-closing .search-modal__overlay{opacity:0;pointer-events:none}@media screen and (min-width:750px){.header__search .search-modal__drawer{width:500px;max-width:100%}}.header__search .search-modal__drawer-inner{height:100%;display:flex;flex-direction:column;padding:24px;position:relative;color:#000}@media screen and (min-width:750px){.header__search .search-modal__drawer-inner{padding:48px}}.header__search .search-modal__drawer-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media screen and (max-width:749px){.header .header__search{display:none!important}}.header__search .search-modal__form{width:100%}.header__search .search-modal__field{width:100%;position:relative}.header__search .search-modal__input{width:100%;background:transparent!important;border:none;border-bottom:1px solid #000;padding:16px 0;font-size:18px;font-family:var(--font-heading-family);font-weight:400;color:#000!important;-webkit-text-fill-color:#000!important;opacity:1!important;caret-color:#000;text-transform:uppercase;outline:none;display:block!important}.header__search .search-modal__input::placeholder{color:#0000004d!important;opacity:1!important}.header__search .search-modal__input:focus{box-shadow:none!important;outline:none}.header__search .search-modal__input::-webkit-search-decoration,.header__search .search-modal__input::-webkit-search-cancel-button{display:none}@media screen and (min-width:750px){.header__search .search-modal__input{font-size:20px}}.header__search .search-modal__close-button{position:absolute;top:96px;right:24px;font-size:10px;font-weight:700;font-family:var(--font-body-family);letter-spacing:.2em;text-transform:uppercase;padding:8px;background:none;border:none;cursor:pointer;color:#000;transition:color .2s ease}.header__search .search-modal__close-button:hover{color:#b91c1c}@media screen and (min-width:750px){.header__search .search-modal__close-button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-search.css.map */