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