@use 'ngx-tethys/styles/variables.scss';

.the-color-toolbar-item {
    min-width: 44px;
    .thy-actions {
        &:hover,
        &.thy-default-picker-active {
            background: rgba(variables.$primary, 0.06);
            border-radius: 0.25rem;
        }
    }
    .color {
        border-radius: variables.$border-radius 0px 0px variables.$border-radius;
    }
    .thy-default-picker-active .caret-down,
    .caret-down {
        border-radius: 0px variables.$border-radius variables.$border-radius 0px;
    }
}