.viraya-header-search-wrap{position:relative;display:flex;align-items:center;width:100%;min-width:0;max-width:min(420px,100%);background:transparent}predictive-search-component.viraya-header-search,.viraya-header-search{width:100%;background:transparent;background-color:transparent}.viraya-header-search .predictive-search-form{position:relative;background:transparent}.viraya-header-search .predictive-search-form__header,.viraya-header-search .viraya-header-search__header{border:0;background:transparent;background-color:transparent;padding:0;border-radius:0;position:static}.search-action .viraya-header-search:has(.predictive-search-dropdown) .predictive-search-form__header:focus-within{background-color:transparent}.viraya-header-search .predictive-search-form__header-inner,.viraya-header-search .viraya-header-search__inner{position:relative;display:flex;align-items:center;width:100%;min-height:42px;padding:0;border:1px solid #e8e1d5;border-radius:999px;background:#fff;box-shadow:none}.viraya-header-search .predictive-search-form__header-inner:focus-within,.viraya-header-search .viraya-header-search__inner:focus-within{border-color:#c8c0b4;outline:none;box-shadow:0 0 0 1px #37690014}.viraya-header-search .viraya-header-search__icon,.viraya-header-search .predictive-search__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#9a9085;pointer-events:none}.viraya-header-search .viraya-header-search__icon svg,.viraya-header-search .predictive-search__icon svg{width:18px;height:18px}.viraya-header-search .viraya-header-search__input,.viraya-header-search input.search-input{width:100%;border:0;background:transparent;outline:none;box-shadow:none;padding:.65rem 2.75rem;font-size:.875rem;line-height:1.2;color:#2d241d;border-radius:999px}.viraya-header-search .viraya-header-search__input::-webkit-search-cancel-button,.viraya-header-search input.search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.viraya-header-search .viraya-header-search__input::-webkit-search-decoration,.viraya-header-search input.search-input::-webkit-search-decoration{-webkit-appearance:none}.viraya-header-search .viraya-header-search__input::placeholder,.viraya-header-search input.search-input::placeholder{color:#9a9085;opacity:1}.viraya-header-search .viraya-header-search__reset,.viraya-header-search .predictive-search__reset-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;padding:0;margin:0;border-radius:50%;color:#6b5a4e;background:transparent}.viraya-header-search .viraya-header-search__reset:hover,.viraya-header-search .predictive-search__reset-button:hover{background:#2d241d0f;opacity:1}.viraya-header-search .viraya-header-search__reset-icon,.viraya-header-search .viraya-header-search__reset svg{display:block;width:14px;height:14px}.viraya-header-search__dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:calc(var(--layer-header-menu, 20) + 3);min-width:min(420px,92vw)}.viraya-header-search .predictive-search-form__content-wrapper{border:1px solid #e8e1d5;border-radius:16px;background:#fff;box-shadow:0 16px 40px #2d241d1a;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.viraya-header-search:focus-within .predictive-search-form__content-wrapper{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.viraya-header-search .predictive-search-form__content{max-height:min(70vh,520px);overflow:auto}.header__column--left .viraya-header-search-wrap,.header__column--center .viraya-header-search-wrap,.header__column--left .viraya-search--desktop,.header__column--center .viraya-search--desktop{margin-inline:0}@media screen and (min-width:750px){[data-menu-style=menu] .header__column--left .search-action--inline,[data-menu-style=menu] .header__column--left .viraya-search--desktop,.header__column--right .viraya-header-search-wrap,.header__column--right .viraya-search--desktop{margin-inline:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/viraya-header-search.css.map */