.search__input.field__input{padding-right:9.8rem}.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-top-section .search-modal__content{max-width:43%;padding:0}.header-top-section .search-modal__content .modal__close-button.link{display:none}.search__input.field__input{height:auto;min-height:auto;font-size:14px;font-weight:400;letter-spacing:-.02em;text-align:left;border-radius:30px 0 0 30px;background-color:transparent;padding:10px 24px 10px 50px}.search__input.field__input:focus{box-shadow:none}.header-top-section .search-modal__content .field label.field__label{font-size:14px;font-weight:400;line-height:16px;letter-spacing:-.02em;text-align:left;color:#9a9a9a;top:50%;transform:translateY(-50%);display:none}.placeholder-label{position:absolute;left:50px;top:50%;transform:translateY(-50%);font-size:14px;letter-spacing:-.02em;line-height:16px;font-weight:400;color:#9a9a9a;pointer-events:none;display:flex!important;align-items:center;height:100%}.placeholder-slide{display:none;padding-left:5px}.placeholder-slide.slide-in{display:block;animation:SearchslideIn 3s ease forwards;opacity:1;transform:translateY(0)}@keyframes SearchslideIn{0%{opacity:0;transform:translateY(20px)}25%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.header-top-section .search-modal__content .field input:focus+.placeholder-label,.header-top-section .search-modal__content .field input:not(:placeholder-shown)~.placeholder-label{display:none!important}.header-top-section .search-modal__content .field input:focus+.placeholder-label,.header-top-section .search-modal__content .field input:not(:placeholder-shown)~.placeholder-label{z-index:-1}.header-top-section .search-modal__content .field{border:0;background-color:#f9f9f9;border-radius:50px;overflow:hidden}.header-top-section .search-modal__content .field:after{box-shadow:none!important}button.search__button.field__button span.svg-wrapper{width:24px;height:auto}button.search__button.field__button span.svg-wrapper svg circle{stroke:#000}button.search__button.field__button span.svg-wrapper svg path{stroke:#000}button.search__button.field__button{position:inherit;top:inherit;right:auto;width:auto;height:auto;padding:10px 16px;background-color:transparent!important;color:#fff;gap:2px;font-weight:600;font-size:0px;position:absolute;top:50%;transform:translateY(-50%);left:0}button.reset__button.field__button{display:none}@media screen and (max-width:1100px)and (min-width:990px){.header-top-section .search-modal__content{max-width:40%}a.header__icon.header-whatsapp-icon{padding-right:15px;font-size:15px}header.header .header-top-section{gap:25px}}@media(max-width:989px){.header-top-section .search-modal__content{max-width:58%}}@media(max-width:767px){.header-top-section .search-modal__content{max-width:100%;padding-bottom:10px;padding-top:5px;order:2;position:absolute;bottom:0;left:11px;height:auto;right:11px;width:auto}.scrolled .header-top-section .search-modal__content{display:none}.header-top-section .search-modal__content .field label.field__label{top:50%;transform:translateY(-50%)}.search__input.field__input{padding:8px 12px 8px 50px}button.search__button.field__button span{display:none}button.search__button.field__button{left:8px}button.search__button.field__button span.svg-wrapper{display:block;position:absolute;top:50%;transform:translateY(-50%);left:0}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-search.css.map */
