.header-search{position:relative;display:block;width:100%;max-width:742px}.header-search__modal{display:block}.form-search-collection{position:relative;background-color:rgb(var(--color-light2));display:flex;align-items:center;border-radius:8px;width:100%}.header-search__panel{position:absolute;inset-inline:0;top:calc(100% + 12px);z-index:98;display:flex;flex-direction:column;gap:24px;max-height:min(70vh,640px);overflow-y:auto;padding:24px;border-radius:16px;background-color:rgb(var(--color-background));box-shadow:0 8px 24px rgba(var(--color-dark),.12);opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease}.header-search__panel[hidden]{display:none}.header-search.is-open .header-search__panel{opacity:1;transform:translateY(0)}.header-search__panel .search-results{max-height:none;overflow:visible}.form-search-collection input{background-color:transparent;border:0;border-radius:0;padding-block:16px;padding-inline-start:12px;padding-inline-end:56px;width:100%}.form-search-collection .btn-search{position:absolute;inset-inline-end:20px;top:50%;transform:translateY(-50%)}.select-all-collection{display:block;flex-shrink:0}.select-collection-toggle{display:flex;align-items:center;gap:8px;background:transparent;cursor:pointer;padding:16px;padding-inline-start:20px;padding-inline-end:12px;position:relative}.select-collection-toggle:after{content:"";position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);width:1px;height:24px;background-color:rgb(var(--color-border))}.box-result-collection{position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;border-radius:8px;padding:20px;background-color:rgb(var(--color-light));box-shadow:0 4px 8px rgba(var(--color-dark),.05);min-width:200px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s;z-index:99}.select-all-collection.active .box-result-collection{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .3s ease,transform .3s ease,visibility 0s}.box-collection-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgb(var(--color-border))}.close-search-collection .icon-svg{width:2.2rem;height:2.2rem}.close-search-collection:hover{color:rgb(var(--color-accent))}.form-search-collection .box-result-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 40px}.form-search-collection .value-item{border:0;background:transparent;padding:0;text-align:start;font-size:14px;color:rgb(var(--color-text-secondary));cursor:pointer;transition:color .3s ease}.form-search-collection .value-item.active,.form-search-collection .value-item:hover{color:rgb(var(--color-foreground))}.form-search-collection input:focus-visible,.form-search-collection .btn-search:focus-visible,.select-collection-toggle:focus-visible,.close-search-collection:focus-visible,.form-search-collection .value-item:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.search-empty{grid-column:1 / -1;color:rgb(var(--color-text-secondary))}@media(prefers-reduced-motion:reduce){.box-result-collection,.select-all-collection.active .box-result-collection,.header-search__panel,.form-search-collection .value-item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/form-search-collection.css.map */