.search-combobox{position:relative;display:block;max-width:45vw;width:100%;margin-inline:auto}.search-combobox__form{position:relative}.search-combobox__input-wrapper{position:relative;display:flex;align-items:center;background-color:transparent;border:1px solid rgba(var(--color-header-foreground),.2);border-radius:3.2rem;transition:all .15s ease-in-out}.search-combobox__input-wrapper:focus-within{border-color:rgba(var(--color-header-foreground),.4)}.search-combobox__input{flex:1;border:none;background:transparent;padding:.5rem 1.6rem;font-size:1.4rem;line-height:1.2;color:rgb(var(--color-header-foreground));outline:none;min-width:0;height:34px}.search-combobox__input:focus-visible{box-shadow:none;outline:none}.search-combobox__input::placeholder{color:rgba(var(--color-header-foreground),.6)}.search-combobox__input::-webkit-search-cancel-button{-webkit-appearance:none}.search-combobox__submit{display:flex;align-items:center;justify-content:center;padding:.5rem 2.8rem;border:1px solid rgb(var(--color-button-background));background-color:rgb(var(--color-button-background));color:rgb(var(--color-button-text));cursor:pointer;border-radius:3.2rem;transition:filter .15s ease-in-out;flex-shrink:0;filter:brightness(1);height:34px}.search-combobox__submit:hover{filter:brightness(.9)}.search-combobox__submit .icon{width:1.6rem;height:1.6rem}.search-combobox__results{position:absolute;top:100%;left:0;right:0;z-index:9999;margin-top:.4rem;background:rgb(var(--color-header-background));border:1px solid rgba(var(--color-header-foreground),.2);border-radius:.8rem;box-shadow:0 10px 40px #00000026;max-height:400px;overflow:hidden;animation:searchComboboxFadeIn .2s ease-out}@keyframes searchComboboxFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-combobox__loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:rgba(var(--color-header-foreground),.6);font-size:1.4rem}.search-combobox__loading-spinner{width:2rem;height:2rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-combobox__loading-spinner .icon{width:100%;height:100%}.search-combobox__content{max-height:320px;overflow-y:auto}.search-combobox__section{border-bottom:1px solid rgba(var(--color-header-foreground),.1)}.search-combobox__section:last-child{border-bottom:none}.search-combobox__section-title{padding:1.2rem 1.6rem .8rem;font-size:1.2rem;font-weight:600;color:rgba(var(--color-header-foreground),.6);text-transform:uppercase;letter-spacing:.05em;margin:0}.search-combobox__item{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.6rem;text-decoration:none;color:rgb(var(--color-header-foreground));transition:background-color .15s ease-in-out;border:none;background:none;width:100%;text-align:left;cursor:pointer}.search-combobox__item:hover,.search-combobox__item[aria-selected=true]{background-color:rgba(var(--color-header-foreground),.08)}.search-combobox__item-image{width:4rem;height:4rem;object-fit:cover;border-radius:.4rem;flex-shrink:0}.search-combobox__item-content{flex:1;min-width:0}.search-combobox__item-title{font-size:1.4rem;font-weight:500;line-height:1.3;margin:0 0 .2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-combobox__item-vendor{font-size:1.2rem;color:rgba(var(--color-header-foreground),.6);margin:0}.search-combobox__item-price{font-size:1.3rem;font-weight:600;color:rgb(var(--color-header-foreground));flex-shrink:0}.search-combobox__no-results{padding:2rem 1.6rem;text-align:center;color:rgba(var(--color-header-foreground),.6);font-size:1.4rem}.search-combobox__no-results p{margin:0}@media screen and (max-width:989px){.search-combobox{max-width:100%}}@media screen and (max-width:749px){.search-combobox__results{max-height:400px}.search-combobox__content{max-height:320px}.search-combobox__item{gap:1rem;padding:.8rem 1.2rem}.search-combobox__item-image{width:3.6rem;height:3.6rem}.search-combobox__item-title{font-size:1.3rem}}.search-combobox__item:focus{outline:2px solid rgb(var(--color-header-foreground));outline-offset:-2px}.header-transparent .search-combobox__input-wrapper{background-color:rgba(var(--color-header-transparent),.1);border-color:rgba(var(--color-header-transparent),.3)}.header-transparent .search-combobox__input-wrapper:focus-within{background-color:rgba(var(--color-header-transparent),.15);border-color:rgba(var(--color-header-transparent),.5);box-shadow:0 0 0 3px rgba(var(--color-header-transparent),.1)}.header-transparent .search-combobox__input{color:rgb(var(--color-header-transparent))}.header-transparent .search-combobox__input::placeholder{color:rgba(var(--color-header-transparent),.7)}.header-transparent .search-combobox__submit{color:rgba(var(--color-header-transparent),.8)}.header-transparent .search-combobox__submit:hover{color:rgb(var(--color-header-transparent))}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-search-combobox.css.map */