@layer payload-default{.icon--check{width:1.53846rem;height:1.53846rem}.icon--check .stroke{fill:none;stroke:currentColor;stroke-width:2px}}
@layer payload-default{.hex-color-picker-field__inputs{align-items:stretch;gap:calc(var(--base)*.5);width:min(100%,var(--base)*20);display:flex}.hex-color-picker-field__inputs input{box-sizing:border-box;height:40px;margin:0}.hex-color-picker-field__inputs input[type=color]{border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);background:var(--theme-input-bg);cursor:pointer;flex:0 0 40px;width:40px;padding:3px}.hex-color-picker-field__inputs input[type=text]{font-family:var(--font-body);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);background:var(--theme-input-bg);width:100%;color:var(--theme-elevation-800);-webkit-appearance:none;flex:auto;width:auto;min-width:0;height:40px;padding:8px 15px;font-size:1rem;line-height:20px;transition-property:border,box-shadow,background-color;transition-duration:.1s,.1s,.5s;transition-timing-function:cubic-bezier(0,.2,.2,1);box-shadow:0 2px 2px -1px #0000001a}.hex-color-picker-field__inputs input[type=text]:not(:disabled):hover{box-shadow:0 2px 2px -1px #0003}.hex-color-picker-field__inputs input[type=text][data-rtl=true]{direction:rtl}.hex-color-picker-field__inputs input[type=text]::-webkit-input-placeholder{color:var(--theme-elevation-400);font-size:1rem;font-weight:400}.hex-color-picker-field__inputs input[type=text]::placeholder{color:var(--theme-elevation-400);font-size:1rem;font-weight:400}.hex-color-picker-field__inputs input[type=text]:hover{border-color:var(--theme-elevation-250)}.hex-color-picker-field__inputs input[type=text]:focus,.hex-color-picker-field__inputs input[type=text]:focus-within,.hex-color-picker-field__inputs input[type=text]:active{border-color:var(--theme-elevation-400);outline:0}.hex-color-picker-field__inputs input[type=text]:disabled{background:var(--theme-elevation-100);color:var(--theme-elevation-400);box-shadow:none}.hex-color-picker-field__inputs input[type=text]:disabled:hover{border-color:var(--theme-elevation-150);box-shadow:none}.hex-color-picker-field__inputs input:disabled{cursor:not-allowed}}