.color-input-option{border-radius:.375rem;height:2.5rem;width:2.5rem;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.color-input-option button.zr-button{overflow:hidden;--button-md-padding-x:0;--button-secondary-bg:transparent;--button-secondary-border:transparent;--button-secondary-hover-border:transparent;--button-secondary-hover-bg:#b0b0b0;--button-border-radius:999px;--button-md-min-height:0}.color-input-option button.zr-button[disabled]{opacity:.5}.color-input-option button.zr-button .color-input-option-color-render{align-items:center;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.color-input{display:flex;flex-wrap:wrap;gap:.5rem}.color-input .validation-message{flex:100%;padding-left:0;width:100%}