.js-searchable-select{position:relative}.js-searchable-select .select__select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.searchable-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:4.5rem;padding:0 4.5rem 0 1.5rem;background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),var(--inputs-border-opacity, 1));border:0;border-radius:var(--inputs-radius);font:inherit;font-size:1.5rem;line-height:1.2;cursor:pointer;text-align:left}.searchable-select__trigger:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:1px}.select__select.select__select--searchable~.searchable-select__trigger,.js-searchable-select .searchable-select__trigger{border:0}.js-searchable-select .select{position:relative}.searchable-select__panel{position:absolute;z-index:3;top:calc(100% + var(--popup-shadow-vertical-offset, .4rem));left:0;display:flex;flex-direction:column;width:100%;max-height:32rem;overflow:hidden;background-color:rgb(var(--color-background));border-radius:var(--inputs-radius);box-shadow:var(--popup-shadow-horizontal-offset, 0) var(--popup-shadow-vertical-offset, .4rem) var(--popup-shadow-blur-radius, .6rem) rgba(var(--color-shadow),var(--popup-shadow-opacity, .2))}.searchable-select__panel[hidden]{display:none}.searchable-select__search-wrapper{padding:1rem;border-bottom:solid .1rem rgba(var(--color-foreground),.08)}.searchable-select__search{width:100%;padding:.8rem 1.2rem;background-color:rgb(var(--color-background));border:solid var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity, 1));border-radius:var(--inputs-radius);font:inherit;font-size:1.4rem}.searchable-select__search:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:1px}.searchable-select__options{overflow-y:auto;margin:0;padding:.6rem;list-style:none}.searchable-select__option{display:block;width:100%;padding:1rem 1.2rem;background:none;border:0;border-radius:var(--inputs-radius);font:inherit;font-size:1.4rem;text-align:left;cursor:pointer}.searchable-select__option:hover,.searchable-select__option:focus-visible,.searchable-select__option--active{background-color:rgba(var(--color-foreground),.06)}.searchable-select__option[aria-selected=true]{font-weight:600}.searchable-select__no-results{padding:1rem 1.2rem;color:rgba(var(--color-foreground),.6);font-size:1.4rem}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-searchable-select.css.map */