.search-modal__form{position:relative;gap:4px;align-items:center;width:fit-content;margin-right:8px}.header .search-modal__form,.header .search-field{width:100%;max-width:1000px}.search-modal__form>.button-close{position:absolute;display:inline-flex;align-items:center;top:calc((100% - 12px - 20px - var(--icon-scale)) / 2);right:0;padding:6px 0 6px 6px;pointer-events:none!important;opacity:0;transform:scale(.9);width:calc(6px + 20px + var(--icon-scale));transition:opacity var(--animation-duration) var(--transition-timing-function),transform var(--animation-duration) var(--transition-timing-function)}.search-modal__form:has(.search-field__text:focus)>.button-close,body:has(.search-modal.open) .search-modal__form>.button-close{pointer-events:all!important;opacity:1;transform:scale(1)}body:has(.search-modal.open) .search:has(.search-link) *{pointer-events:none!important}.search-field{align-items:center;position:relative;border-radius:var(--search-field-radius);-webkit-border-radius:var(--search-field-radius);will-change:width;transition:width var(--animation-duration) var(--transition-timing-function)}.search-field .search-field__text{text-align:center;position:relative;z-index:1;padding:calc(10px - var(--border-thickness)) calc(14px - var(--border-thickness)) calc(10px - var(--border-thickness)) calc(14px - var(--border-thickness) + 8px + 20px + var(--icon-scale));min-height:60px}.search-field .search-field__text::placeholder{text-transform:uppercase}.search-field:not(.search-field--filled):not(.search-field--outlined) .search-field__text{padding-left:calc(8px + 20px + var(--icon-scale));padding-right:0}.search-field:not(.search-field--filled):not(.search-field--outlined) .search__button{margin-right:0}.search-field:not(.search-field--filled):not(.search-field--outlined) .search-field__icon{left:0}.search-field__icon{pointer-events:none!important;cursor:text;position:absolute;top:50%;transform:translateY(-50%);left:calc(14px - var(--border-thickness))}.search-modal__form:has(.search-field__text:focus) .search-field,body:has(.search-modal.open) .search-modal__form .search-field{width:calc(100% - 34px)}.search-field:not(.search-field--filled):not(.search-field--outlined){border-radius:0}.search .search-modal__form-mobile,.search.search-field-mobile{display:none}.search-link{gap:4px;align-items:center;white-space:nowrap}.search-field__icon .search__icon{padding:0;display:flex;margin-right:8px}@media screen and (max-width: 768px){.search .search-modal__form-mobile,.search.search-field-mobile{display:block}.search-field-mobile .search-link,.left-icons .search-field-mobile{display:none}.search-modal__form{margin-right:0;width:100%;min-width:auto}.search-field{width:100%}}@media (hover: hover){.search-modal__form:has(.search-field__text:focus)>.button-close--search:hover,body:has(.search-modal.open) .search-modal__form>.button-close--search:hover{opacity:.7}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/search.css.map */