.search__input.field__input{padding-right:5rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.search__button:focus-visible{background-color:rgb(var(--color-background));z-index:2}.search__button:focus{background-color:rgb(var(--color-background));z-index:2}.search__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button .icon{height:1.8rem;width:1.8rem}input::-webkit-search-decoration{-webkit-appearance:none}.header__search .searchDetails .search-modal{position:relative;padding-right:0;min-height:32px;height:auto;border:0;animation:inherit;width:0;opacity:0;visibility:hidden;transition:all .5s ease}.header__search .search-modal .search-modal__content{padding:0;width:100%;position:relative;bottom:0}.header__search .search-modal .field:before,.header__search .search-modal .field:after{box-shadow:none!important;border:0!important}.header__search .search-modal .field .field__input{min-height:inherit;min-width:100%;padding:4px 10px 4px 17px;background:#676465;border:#fff 2px solid;border-radius:17px;color:#fff;width:100%;height:32px;box-shadow:none;outline:none}.header__search .search-modal__form{max-width:100%}.header__search .search-modal .field .field__label{top:6px;font-size:13px;left:12px;color:#fff}.header__search .field .field__input:focus+.field__label{top:1px;font-size:9px;opacity:0}.header__search .search-modal .field .search__button{display:none}.header__search .search-modal .search-modal__close-button{width:30px;height:30px;background:transparent;padding:0;margin:0;position:absolute;display:inline-block;vertical-align:middle;right:8px;top:3px}.header__search .searchDetails .header__icon{z-index:1;position:absolute;right:0;top:0;bottom:0;margin:auto}.header__search .searchDetails[open=true]>.search-modal{width:300px;opacity:1;visibility:visible}.header__search .searchDetails[open=true] .header__icon{opacity:0;visibility:hidden}.header__search .searchDetails{display:flex;align-items:center;min-width:22px;min-height:22px;position:relative}@media (max-width:1023px){.header__search .searchDetails[open=true]>.search-modal{width:180px}}@media (max-width:767px){.header__search .searchDetails .search-modal{position:absolute;right:0;left:inherit;top:-7px;overflow:hidden}.header__search .searchDetails[open=true]>.search-modal{width:calc(100vw - 25px)}}
/*# sourceMappingURL=/cdn/shop/t/195/assets/component-search.css.map */