.ColorBtn{background-color:var(--back-soft-color);border-radius:50%;box-shadow:inset 0 0 2px rgba(0,0,0,.25);height:100%;position:absolute;width:100%;outline-offset:-1px;transition:outline-offset .07s ease,border-width .1s ease}.ColorBtn__container{position:relative;height:40px;width:40px}.ColorBtn_border{border:1px solid #dcdcdc}.ColorBtn_selected{border:6px solid var(--back-soft-color);outline-offset:2px;outline:2px solid var(--accent-back)}.ColorBtn_selected:hover{border-width:2px}.ColorBtn:not(:disabled){cursor:pointer}.ColorBtn:not(:disabled):focus-visible,.ColorBtn:not(:disabled):hover{outline-offset:2px;outline:2px solid var(--accent-back);transition:outline-offset .07s ease,border-width 0s}.ColorBtn:not(:disabled):focus-visible{outline:2px solid var(--neutral-color-dark);border-width:2px;transition:none}.ColorBtn_empty{box-shadow:inset 0 0 16px rgba(0,0,0,.25);pointer-events:none}.ColorBtn[style="background-color: rgb(255, 255, 255);"]{box-shadow:inset 0 0 2px rgba(0,0,0,.25)}