.color-selector>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.color-selector__header{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgba(229,229,229,var(--tw-border-opacity,1));justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.color-selector__title{font-family:var(--font-for-smart-next), sans-serif;--tw-text-opacity:1;color:rgba(20,20,19,var(--tw-text-opacity,1));font-size:1rem;font-weight:700;line-height:1.5rem}.color-selector__details{text-align:right;--tw-text-opacity:1;color:rgba(89,89,89,var(--tw-text-opacity,1));font-size:.75rem;font-weight:400;line-height:1rem}.color-selector__options{flex-wrap:wrap;gap:.75rem;padding:.125rem;display:flex}.color-selector__option-button{border-radius:9999px;padding:.25rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.color-selector__option-button:disabled{pointer-events:none;cursor:not-allowed;opacity:.15}.color-selector__option-button--selected{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgba(215,230,0,var(--tw-ring-opacity,1))}.color-selector__option-image-container{border-radius:9999px;width:2.25rem;height:2.25rem;position:relative;overflow:hidden}.color-selector__option-image{object-fit:cover}