.image-dropdown{position:relative;width:100%}.image-dropdown__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:4.2rem;padding:0 1.5rem 0 .75rem;border:.1rem solid rgb(var(--color-border-input));border-radius:var(--border-radius-button);background-color:rgb(var(--color-background-input));font-family:var(--font-body-family);font-size:calc(var(--font-body-second-scale) * 1rem);font-weight:var(--font-body-weight);line-height:var(--font-body-line-height);color:rgb(var(--color-foreground-title));cursor:pointer;transition:border var(--duration-default),box-shadow var(--duration-default)}.image-dropdown__toggle:hover{border-color:rgb(var(--color-border-input-hover))}.image-dropdown--open .image-dropdown__toggle{border-color:rgb(var(--color-foreground-title));box-shadow:0 0 0 .1rem rgb(var(--color-foreground-title))}.image-dropdown--invalid .image-dropdown__toggle{border-color:#d02b2b;box-shadow:0 0 0 .1rem #d02b2b}.image-dropdown__selected{color:var(--color-secondary-text, #696969)}.image-dropdown__selected--filled{color:rgb(var(--color-foreground-title))}.image-dropdown__selected-wrap{display:inline-flex;align-items:center;gap:.6rem;min-width:0}.image-dropdown__selected-thumb{width:2.8rem;height:2.8rem;object-fit:cover;border-radius:6px;flex-shrink:0}.image-dropdown__selected-thumb[hidden]{display:none}.image-dropdown__chevron{width:.6rem;height:.6rem;margin-left:.75rem;border-right:.12rem solid currentColor;border-bottom:.12rem solid currentColor;transform:rotate(45deg);transition:transform var(--duration-default);flex-shrink:0}.image-dropdown--open .image-dropdown__chevron{transform:rotate(-135deg)}.image-dropdown__list{position:absolute;z-index:30;top:calc(100% + .35rem);left:0;right:0;margin:0;padding:.35rem;list-style:none;max-height:320px;overflow-y:auto;background-color:rgb(var(--color-background));border:.05rem solid rgba(var(--color-foreground),.15);border-radius:var(--border-radius-button);box-shadow:0 8px 24px #0000001f}.image-dropdown__list[hidden]{display:none}.image-dropdown__option{display:flex;align-items:center;gap:.75rem;padding:.55rem .65rem;border-radius:var(--border-radius-button);cursor:pointer;transition:background-color var(--duration-default)}.image-dropdown__option:hover,.image-dropdown__option:focus-visible{background-color:rgba(var(--color-foreground),.06);outline:none}.image-dropdown__option[aria-selected=true]{background-color:rgba(var(--color-foreground),.1)}.image-dropdown__thumb{width:40px;height:40px;object-fit:cover;border-radius:8px;flex-shrink:0}.image-dropdown__name{font-size:calc(var(--font-body-second-scale) * 1rem);line-height:var(--font-body-line-height);color:rgb(var(--color-foreground-title))}.masse-selector__fields--three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media(max-width:600px){.masse-selector__fields--three{grid-template-columns:1fr}}.kommode-front-options{grid-template-columns:repeat(4,1fr)}@media(max-width:749px){.kommode-front-options{grid-template-columns:1fr 1fr}}.kommode-feature-other{grid-column:1 / -1;padding:0}.kommode-feature-other__input{width:100%;padding:.9rem 1rem;border:none;background:transparent;font-family:var(--font-body-family);font-size:calc(var(--font-body-second-scale) * 1rem);line-height:var(--font-body-line-height);color:rgb(var(--color-foreground-title));outline:none}.kommode-feature-other__input::placeholder{color:var(--color-secondary-text, #696969)}.kommode-feature-other:focus-within,.kommode-feature-other:has(.kommode-feature-other__input:not(:placeholder-shown)){border-color:rgb(var(--color-foreground-title))}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-image-dropdown.css.map */