.custom-image-select{--custom-image-select-max-width: 37rem;position:relative;display:block;width:100%;max-width:var(--custom-image-select-max-width)}.custom-image-select--enhanced .select{display:none}.custom-image-select__trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:4.8rem;max-height:none;margin:0;padding:.5rem 4rem .5rem .5rem;background:rgb(var(--color-background));border:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground),.55);border-radius:var(--inputs-radius, 0);box-shadow:none;color:rgb(var(--color-foreground));font-family:inherit;font-size:1.4rem;font-weight:400;line-height:1.4;letter-spacing:normal;text-align:left;text-transform:none;cursor:pointer}.custom-image-select__trigger:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.custom-image-select__caret{position:absolute;top:calc(50% - .2rem);right:1.5rem;height:.6rem;width:auto;pointer-events:none}.custom-image-select__value{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-width:0;padding:0}.custom-image-select__text{display:block;min-width:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-image-select__list{position:absolute;z-index:10;top:calc(100% + 4px);left:0;right:0;max-height:32rem;margin:0;padding:0;overflow-y:auto;list-style:none;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.55);border-radius:var(--inputs-radius, 0);box-shadow:0 4px 16px rgba(var(--color-foreground),.12)}.custom-image-select__list[hidden]{display:none}.custom-image-select__list:focus-visible{outline:none}.custom-image-select__option{display:flex;align-items:center;gap:10px;margin:0;padding:.5rem;font-size:1.4rem;line-height:1.4;cursor:pointer}.custom-image-select__option--active,.custom-image-select__option:hover{background:rgba(var(--color-foreground),.06)}.custom-image-select__option[aria-selected=true]{font-weight:600}.custom-image-select__option--unavailable .custom-image-select__thumb,.custom-image-select__option--unavailable .custom-image-select__text{opacity:.45}.custom-image-select__list .custom-image-select__text{overflow:visible;white-space:normal}.custom-image-select__thumb{flex:0 0 auto;width:40px;height:40px;object-fit:cover;background:rgba(var(--color-foreground),.04)}
/*# sourceMappingURL=/cdn/shop/t/86/assets/component-custom-image-select.css.map */