@layer payload-default;.add-color.btn{border:2px solid #fff;margin:0;padding:0}.custom-color-picker__btn.btn{margin:5px}.custom-color-picker__btn.btn:first-of-type{margin-left:unset}.custom-color-picker__input{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;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}.custom-color-picker__input:not(:disabled):hover{box-shadow:0 2px 2px -1px #0003}.custom-color-picker__input[data-rtl=true]{direction:rtl}.custom-color-picker__input::-webkit-input-placeholder{color:var(--theme-elevation-400);font-size:1rem;font-weight:400}.custom-color-picker__input::placeholder{color:var(--theme-elevation-400);font-size:1rem;font-weight:400}.custom-color-picker__input:hover{border-color:var(--theme-elevation-250)}.custom-color-picker__input:focus,.custom-color-picker__input:focus-within,.custom-color-picker__input:active{border-color:var(--theme-elevation-400);outline:0}.custom-color-picker__input:disabled{background:var(--theme-elevation-100);color:var(--theme-elevation-400);box-shadow:none}.custom-color-picker__input:disabled:hover{border-color:var(--theme-elevation-150);box-shadow:none}.custom-color-picker__colors{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip{width:25px;height:25px;box-shadow:none;border:2px solid #fff;border-radius:50%;margin-right:10px}.chip--selected{box-shadow:0 0 0 2px #333}.chip--clickable{cursor:pointer}