.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}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;background:#0a0a0afa;border-bottom:none;min-height:100vh;height:100vh;padding-top:120px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}details[open]>.search-modal{opacity:1;visibility:visible;animation:none}.search-modal .modal-overlay{display:none!important}.search-modal__content{flex-direction:column;justify-content:flex-start;align-items:stretch;max-width:860px;width:90%;height:auto;padding:0;position:relative}.search-modal__content-bottom,.search-modal__content-top{position:static;bottom:auto;top:auto}.search-modal__form{max-width:100%;width:100%}.search-modal__close-button{position:absolute;top:-72px;right:0;z-index:5;color:#f5f5f5;width:48px;height:48px;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease}.search-modal__close-button:hover{background:#00a3ff26;border-color:#00a3ff66;transform:scale(1.05)}.search-modal__close-button .svg-wrapper,.search-modal__close-button .icon{width:24px;height:24px}.search-modal .search__input.field__input{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#f5f5f5;font-size:22px;padding:22px 96px 22px 22px;height:auto;line-height:1.3}.search-modal .search__input.field__input:focus{border-color:#00a3ff;outline:none;box-shadow:0 0 0 1px #00a3ff,0 0 30px #00a3ff26}.search-modal .field__label{color:#6b7280;left:22px;top:50%;transform:translateY(-50%);font-size:16px;font-weight:500}.search-modal .search__input:focus~.field__label,.search-modal .search__input:not(:placeholder-shown)~.field__label{opacity:0}.search-modal .search__button,.search-modal .reset__button{color:#f5f5f5;width:44px;height:44px;display:grid;place-items:center}.search-modal .search__button{right:12px;top:50%;transform:translateY(-50%)}.search-modal .reset__button{right:60px;top:50%;transform:translateY(-50%)}.search-modal .reset__button:not(:focus-visible):after,.search-modal .reset__button:not(:focus):after{border-right-color:#ffffff1f;height:50%}.search-modal .search__button .icon,.search-modal .reset__button .icon{width:20px;height:20px}.search-modal predictive-search{position:relative}.search-modal .predictive-search--header{top:calc(100% + 10px);left:0;right:0;width:100%;border:none;background:transparent;box-shadow:none;border-radius:0}@media screen and (max-width:749px){.search-modal__content{width:92%;padding-top:80px}.search-modal__close-button{top:24px;right:4%}.search-modal .search__input.field__input{font-size:18px;padding:18px 80px 18px 18px}.search-modal .predictive-search--header{top:calc(100% + 10px);left:0;right:0;width:100%}}@media screen and (max-width:480px){.search-modal .search__input.field__input{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-search.css.map */