/* /Components/Settings/ClixibookThemeUpdateModal.razor.rz.scp.css */
.cxb-container[b-6fku6fw1ie] {
    --cxb-background: 210, 220, 220;
    --cxb-primary: 49, 164, 167;
    --cxb-secondary: 108, 117, 125;
    --cxb-input-border: 206, 212, 218;
    --cxb-input-border-focus: 49, 164, 167;
    --cxb-primary-text: 255, 255, 255;
    --cxb-secondary-text: 255, 255, 255;
    --cxb-danger: 255, 0, 0;
    --cxb-danger-text: 255, 255, 255;
    --cxb-background-opacity: 1;
    --cxb-primary-opacity: 1;
    --cxb-secondary-opacity: 1;
    --cxb-input-border-opacity: 1;
    --cxb-input-border-focus-opacity: 1;
    --cxb-primary-text-opacity: 1;
    --cxb-secondary-text-opacity: 1;
    --cxb-danger-opacity: 1;
    --cxb-danger-text-opacity: 1;
    --bs-border-color: rgb(206, 212, 218);

    background: rgba(var(--cxb-background), var(--cxb-background-opacity));
}

@property --opacity {
    syntax: '<number>';
    initial-value: 1;
    inherits: false;
}

@keyframes breathe-b-6fku6fw1ie {
    0%   { --opacity: 1; }
    50%  { --opacity: .7; }
}

.cxb-text-bg-body[b-6fku6fw1ie] {
    background: white;
    color: rgb(33, 37, 41);
}

.cxb-text-body-secondary[b-6fku6fw1ie] {
    color: rgba(33, 37, 41, 0.75);
}

.cxb-text-bg-primary[b-6fku6fw1ie] {
    background-color: rgba(var(--cxb-primary), var(--cxb-primary-opacity));
    color: rgba(var(--cxb-primary-text), var(--cxb-primary-text-opacity));
}

.cxb-text-bg-secondary[b-6fku6fw1ie] {
    background-color: rgba(var(--cxb-secondary), var(--cxb-secondary-opacity));
    color: rgba(var(--cxb-secondary-text), var(--cxb-secondary-text-opacity));
}

.cxb-text-bg-danger[b-6fku6fw1ie] {
    background-color: rgba(var(--cxb-danger), var(--cxb-danger-opacity));
    color: rgba(var(--cxb-danger-text), var(--cxb-danger-text-opacity));
}

.cxb-border-secondary[b-6fku6fw1ie] {
    border-color: rgba(var(--cxb-secondary), var(--cxb-secondary-opacity)) !important;
}

.cxb-input[b-6fku6fw1ie] {
    padding: .125rem;
    border: 1px solid rgba(var(--cxb-input-border), var(--cxb-input-border-opacity));
}

.cxb-input-focus[b-6fku6fw1ie] {
    border-color: rgba(var(--cxb-input-border-focus), var(--cxb-input-border-focus-opacity)) !important;
}

[b-6fku6fw1ie] .form-control-color {
    width: 3rem;
}

[b-6fku6fw1ie]:has(.cxb-color-bg:hover:not(:focus)) .cxb-container {
    animation: breathe-b-6fku6fw1ie 1s infinite ease-in-out;
    --cxb-background-opacity: var(--opacity);
}

[b-6fku6fw1ie]:has(.cxb-color-primary:hover:not(:focus)) .cxb-text-bg-primary {
    animation: breathe-b-6fku6fw1ie 1s infinite ease-in-out;
    --cxb-primary-opacity: var(--opacity);
}

[b-6fku6fw1ie]:has(.cxb-color-primary-text:hover:not(:focus)) .cxb-text-bg-primary {
    animation: breathe-b-6fku6fw1ie 1s infinite ease-in-out;
    --cxb-primary-text-opacity: var(--opacity);
}

[b-6fku6fw1ie]:has(.cxb-color-secondary:hover:not(:focus)) {
    .cxb-text-bg-secondary, .cxb-border-secondary {
        animation: breathe-b-6fku6fw1ie 1s infinite ease-in-out;
        --cxb-secondary-opacity: var(--opacity);
    }
}

[b-6fku6fw1ie]:has(.cxb-color-secondary-text:hover:not(:focus)) .cxb-text-bg-secondary {
    animation: breathe-b-6fku6fw1ie 1s infinite ease-in-out;
    --cxb-secondary-text-opacity: var(--opacity);
}

[b-6fku6fw1ie]:has(.cxb-color-danger:hover:not(:focus)) .cxb-text-bg-danger {
    animation: breathe-b-6fku6fw1ie 1s infinite ease-in-out;
    --cxb-danger-opacity: var(--opacity);
}

[b-6fku6fw1ie]:has(.cxb-color-danger-text:hover:not(:focus)) .cxb-text-bg-danger {
    animation: breathe-b-6fku6fw1ie 1s infinite ease-in-out;
    --cxb-danger-text-opacity: var(--opacity);
}

[b-6fku6fw1ie]:has(.cxb-color-input-border:hover:not(:focus)) .cxb-input {
    animation: breathe-b-6fku6fw1ie 1s infinite ease-in-out;
    --cxb-input-border-opacity: var(--opacity);
}

[b-6fku6fw1ie]:has(.cxb-color-input-border-focus:hover:not(:focus)) .cxb-input-focus {
    animation: breathe-b-6fku6fw1ie 1s infinite ease-in-out;
    --cxb-input-border-focus-opacity: var(--opacity);
}