@charset "UTF-8";
@import url("./fonts.css");
@import url("./material-fonts.css");
@import url("./global.css");

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: var(--m-width);
    height: 100%;
    font-size: var(--font-size);
    line-height: 1.5;
    overscroll-behavior: contain;
    background-color: var(--white);
}
html {
    scrollbar-track-color: var(--slate-200);
    scrollbar-3dlight-color: var(--slate-200);
    scrollbar-darkshadow-color: var(--slate-200);
    scrollbar-face-color: var(--slate-300);
    scrollbar-arrow-color: var(--slate-300);
    scrollbar-highlight-color: var(--slate-300);
    scrollbar-shadow-color: var(--slate-300);
}
html *::-webkit-scrollbar {
    width: var(--scrollbar-width);
    height: var(--scrollbar-width);
    background-color: var(--slate-200);
}
html *::-webkit-scrollbar-corner {
    background: transparent;
    border-right: 1px solid var(--slate-200);
    border-bottom: 1px solid var(--slate-200);
}
html *::-webkit-scrollbar-track {
    background-color: var(--slate-200);
    border-bottom: 1px solid var(--slate-200);
}
html *::-webkit-scrollbar-thumb {
    background-color: var(--slate-300);
    border-radius: 5px;
}
html *::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-600);
}
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    color: var(--font-color);
    overflow-y: auto;
    overflow-x: hidden;
}
body * {
    font-family: var(--font-family);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, form, fieldset, img {
    margin: 0;
    padding: 0;
    border: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
table caption {
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#hd ul, header ul, nav ul, #ft ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
legend {
    position: absolute;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
}
button, img {
    vertical-align: middle;
}
button, input[type='submit'] {
    cursor: pointer;
}
p {
    margin: 0;
    padding: 0;
    word-break: keep-all;
}
hr {
    display: none;
}
pre {
    overflow-x: scroll;
    font-size: 1.1em;
}
a {
    text-underline-offset: 	4px;
}
a:link, a:visited {
    text-decoration: none;
}
a:hover, a:focus, a:active {
    text-decoration: none;
}
ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}
dl, dt, dd {
    margin: 0;
    padding: 0;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
label.iLabel {
    position: absolute;
}
strong {
    font-weight: 700;
}
/* 웹접근성(1.4.3): placeholder 명도대비 — slate-500(4.77:1) → slate-600(7:1) 으로 강화 */
.placeholder {
    color: var(--slate-600);
}
::-webkit-input-placeholder {
    color: var(--slate-600);
}
::-moz-placeholder {
    color: var(--slate-600);
}
:-ms-input-placeholder {
    color: var(--slate-600);
}
q::before, q::after {
    content: '';
}
i, em, address, cite {
    font-style: normal;
}
*, ::after, ::before {
    box-sizing: border-box;
}
* {
    text-size-adjust: 100%;
}
::selection {
    background-color: var(--primary-600);
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background-color: var(--primary-600);
    color: #fff;
    text-shadow: none;
}
.sr-only {
    display: inline-block !important;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}
input, select, textarea {
    border-radius: 4px;
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
}
input:hover, textarea:hover, select:hover {
    border: 1px solid var(--slate-400);
    outline: none;
}
input:focus, select:focus, textarea:focus {
    border-color: var(--slate-400);
    outline: none;
    box-shadow: unset;
}
input {
    width: 100%;
    height: 32px;
    line-height: 30px;
    padding: 0 4px;
    color: var(--slate-700);
    font-size: var(--font-size);
    border: 1px solid var(--slate-300);
    vertical-align: middle;
    background-color: var(--white);
}
input:-webkit-autofill, input:autofill {
    box-shadow: none;
    background-color: var(--white);
}
input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    box-shadow: none;
    background-color: var(--white);
}
input:autofill:hover, input:autofill:focus, input:autofill:active {
    box-shadow: none;
    background-color: var(--white);
}
textarea {
    display: block;
    width: 100%;
    padding: 4px;
    color: var(--slate-700);
    font-size: var(--font-size);
    border: 1px solid var(--slate-300);
    background-color: var(--white);
    resize: none;
}
select {
    position: relative;
    margin: 0;
    padding: 0 24px 0 4px;
    width: 100%;
    height: 32px;
    line-height: 30px;
    color: var(--slate-700);
    font-size: var(--font-size);
    border: 1px solid var(--slate-300);
    vertical-align: middle;
    appearance: none;
    background-color: var(--white);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 0 24 24' width='18px' fill='%238b95a1'%3E%3Cpath d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");
    background-position: calc(100% - 3px) 50%;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease-out;
}
select::-ms-expand {
    display: none;
}
select option {
    box-shadow: none;
    color: var(--slate-700);
}
select option:checked {
    box-shadow: none;
    color: var(--primary-600);
}
select:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 0 24 24' width='18px' fill='%2364748b'%3E%3Cpath d='M8.12 14.71 12 10.83l3.88 3.88c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L12.7 8.71c-.39-.39-1.02-.39-1.41 0L6.7 13.3c-.39.39-.39 1.02 0 1.41.39.38 1.03.39 1.42 0z'/%3E%3C/svg%3E");
}
textarea:focus::-webkit-input-placeholder, input:focus::-webkit-input-placeholder {
    color: transparent;
}
textarea:focus::-moz-input-placeholder, input:focus::-moz-placeholder {
    color: transparent;
}
textarea[readonly]:focus::-webkit-input-placeholder, input[readonly]:focus::-webkit-input-placeholder {
    color: var(--slate-500);
}
textarea[disabled]:focus::-moz-input-placeholder, input[disabled]:focus::-moz-placeholder {
    color: var(--slate-500);
}
*:focus {
    outline: none;
}
select:invalid, textarea:invalid, input:invalid {
    border-color: var(--red-300);
    background-color: var(--white);
    outline: none;
}
select:invalid:focus, textarea:invalid:focus, input:invalid:focus {
    box-shadow: none;
    background-color: rgba(215, 24, 38, 0.05);
}
.dateselect {
    position: relative;
    display: block;
}
.dateselect i {
    position: absolute;
    top: calc(50% - 9px);
    left: 8px;
    width: var(--i-small);
    height: var(--i-small);
    line-height: var(--i-small);
    z-index: 1;
}
.dateselect i::before {
    position: absolute;
    line-height: var(--i-small);
    font-size: var(--i-small);
    color: var(--slate-400);
}
.dateselect select {
    padding: 0 24px 0 34px;
}
.timeselect {
    position: relative;
    display: block;
}
.timeselect i {
    position: absolute;
    top: calc(50% - 9px);
    left: 8px;
    width: var(--i-small);
    height: var(--i-small);
    line-height: var(--i-small);
    z-index: 1;
}
.timeselect i::before {
    position: absolute;
    line-height: var(--i-small);
    font-size: var(--i-small);
    color: var(--slate-400);
}
.timeselect select {
    padding: 0 24px 0 34px;
}
.error {
    display: none;
    margin-top: 4px;
    color: var(--red-600);
    font-size: var(--font-size);
    line-height: 16px;
}
.invalid,
:user-invalid {
    outline: none;
    border: 2px solid var(--red-300) !important;
    box-shadow: none;
    background-color: var(--red-50) !important;
}
.invalid:hover,
:user-invalid:hover {
    outline: none;
    box-shadow: 0 0 0 2px var(--red-100);
    border: 2px solid var(--red-400);
    background-color: var(--red-50);
}
.invalid:focus,
:user-invalid:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--red-100);
    border: 2px solid var(--red-500);
    background-color: var(--red-50);
}
.invalid + .error,
:user-invalid + .error {
    display: block;
}
.valid {
    display: none;
    color: var(--grey-400);
    content: "\e88a";
    font-family: "Material Icons Round";
    font-weight: 400;
    vertical-align: middle;
    font-size: var(--i-middle);
    text-rendering: auto;
}
:user-valid ~ .valid {
    display: inline-block;
}
input[readonly], textarea[readonly], input[disabled], textarea[disabled], select:disabled {
    /*cursor: not-allowed;*/
    box-shadow: none;
    color: var(--slate-600);
    border-color: var(--slate-300);
    background-color: var(--slate-50);
}
input[readonly]::hover, textarea[readonly]::hover, input[disabled]::hover, textarea[disabled]::hover, select:disabled:hover {
    cursor: not-allowed;
    box-shadow: none;
    color: var(--slate-600);
    border-color: var(--slate-300);
    background-color: var(--slate-50);
}
input[type="checkbox"], input[type="radio"] {
    display: none;
}
input[type="checkbox"] + i + em, input[type="radio"] + i + em {
    margin-left: 6px;
    line-height: 18px;
    display: inline-block;
    white-space: nowrap;
    color: var(--slate-800);
}
input[type="checkbox"]:disabled + i, input[type="radio"]:disabled + i, input[type="checkbox"]:disabled + i + em, input[type="radio"]:disabled + i + em {
    cursor: not-allowed;
    opacity: .65;
}
input[type="checkbox"] + i {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    font-style: normal;
    vertical-align: text-bottom;
    text-align: center;
    border-radius: 4px;
    border: 1px solid var(--slate-300);
    background-color: var(--white);
    outline: none;
}
input[type="checkbox"] + i:hover {
    border: 1px solid var(--slate-400);
    outline: none;
}
input[type="checkbox"]:checked + i {
    border: 1px solid var(--primary-600);
    background-color: var(--primary-600);
}
input[type="checkbox"]:checked + i::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: bottom;
    content: "\e5ca";
    font-family: "Material Icons Round";
    font-weight: 400;
    color: var(--white);
    font-size: var(--font-size);
    text-rendering: auto;
    background-color: var(--primary-600);
}
input[type="radio"] + i {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    font-style: normal;
    vertical-align: text-bottom;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--slate-300);
    background-color: var(--white);
}
input[type="radio"]:checked + i {
    border: 1px solid var(--primary-600);
    background-color: var(--primary-600);
}
input[type="radio"] + i:hover {
    outline: none;
    border: 1px solid var(--slate-400);
}
input[type="radio"]:checked + i::before {
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 4px;
    left: 4px;
    content: "";
    border-radius: 50%;
    background-color: var(--white);
}
input.switch {
    display: none;
}
input.switch + label {
    position: relative;
    font-size: var(--font-size);
    width: 100%;
    height: 32px;
    background-color: var(--slate-100);
    border: 1px solid var(--slate-300);
    border-radius: 15px;
    cursor: pointer;
    vertical-align: bottom;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
input.switch + label::before {
    text-transform: uppercase;
    color: var(--slate-700);
    content: attr(data-off-label);
    display: block;
    font-size: var(--font-size);
    line-height: 30px;
    position: absolute;
    right: 0;
    margin: 0 8px;
    top: 0;
    text-align: right;
    min-width: 50px;
    overflow: hidden;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
input.switch + label::after {
    content: '';
    position: absolute;
    left: 6px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: var(--white);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
input.switch:checked + label {
    border: 1px solid var(--primary-600);
    background-color: var(--primary-500);
}
input.switch:checked + label::before {
    color: var(--white);
    content: attr(data-on-label);
    left: 0;
    text-align: left;
}
input.switch:checked + label::after {
    left: unset;
    right: 6px;
    background-color: var(--white);
}
input.bool + label {
    border: 1px solid var(--blue-600);
    background-color: var(--blue-500);
}
input.bool + label::before {
    color: var(--white) !important;
}
input.bool:checked + label {
    border: 1px solid var(--primary-600);
    background-color: var(--primary-500);
}
input.bool:checked + label::before {
    color: var(--white) !important;
}
input.switch:disabled + label {
    cursor: not-allowed;
    opacity: .65;
}
label {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    /*cursor: pointer;*/
}
.f-flex {
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
}
.f-flex input,
.f-flex select,
.f-flex .btn {
    border-radius: 0;
    border-right-width: 0;
}
.f-flex input:first-child,
.f-flex select:first-child,
.f-flex .btn:first-child {
    border-radius: 4px 0 0 4px;
    border-left-width: 1px;
}
.f-flex input:last-child,
.f-flex select:last-child,
.f-flex .btn:last-child {
    border-radius: 0 4px 4px 0;
    border-right-width: 1px;
}
.f-row {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
}
.f-row .f-check {
    flex-wrap: nowrap;
}
.f-column {
    display: flex;
    gap: 4px;
    width: 100%;
    flex-direction: column;
}
.f-check {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
}
.f-switch {
    display: inline-block;
    min-width: 60px;
}
[hidden], .hidden {
    display: none !important;
}
.btn {
    --btn-text: var(--slate-700);
    --btn-br: transparent;
    --btn-bg: transparent;
    --btn-icon: var(--slate-400);

    --btn-text-hover: var(--slate-800);
    --btn-br-hover: transparent;
    --btn-bg-hover: var(--slate-50);
    --btn-icon-hover: var(--slate-500);


    --btn-plain-bg: transparent;
    --btn-plain-text: var(--slate-700);
    --btn-plain-br: transparent;
    --btn-plain-icon: var(--slate-400);

}
.btn-default {
    --btn-text: var(--slate-700);
    --btn-br: var(--slate-300);
    --btn-bg: var(--white);
    --btn-icon: var(--slate-400);

    --btn-text-hover: var(--slate-800);
    --btn-br-hover: var(--slate-400);
    --btn-bg-hover: var(--slate-100);
    --btn-icon-hover: var(--slate-500);


    --btn-plain-bg: var(--slate-50);
    --btn-plain-text: var(--slate-700);
    --btn-plain-br: var(--slate-300);
    --btn-plain-icon: var(--slate-400);
}
.btn-primary {
    /* 웹접근성(1.4.3): 흰 텍스트 대비 — primary-500(3.02:1) → primary-600(4.77:1, AA 통과) */
    --btn-text: var(--white);
    --btn-br: var(--primary-700);
    --btn-bg: var(--primary-600);
    --btn-icon: var(--white);

    --btn-text-hover: var(--white);
    --btn-br-hover: var(--primary-700);
    --btn-bg-hover: var(--primary-700);
    --btn-icon-hover: var(--white);


    --btn-plain-bg: var(--primary-50);
    /* 웹접근성(1.4.3): plain 텍스트 대비 — primary-500(2.73:1) → primary-700(6.14:1, AA 통과) */
    --btn-plain-text: var(--primary-700);
    --btn-plain-br: var(--primary-500);
    --btn-plain-icon: var(--primary-600);
}
.btn-success {
    --btn-text: var(--white);
    --btn-br: var(--success-600);
    --btn-bg: var(--success-500);
    --btn-icon: var(--white);

    --btn-text-hover: var(--white);
    --btn-br-hover: var(--success-700);
    --btn-bg-hover: var(--success-600);
    --btn-icon-hover: var(--white);


    --btn-plain-bg: var(--success-50);
    --btn-plain-text: var(--success-500);
    --btn-plain-br: var(--success-500);
    --btn-plain-icon: var(--success-600);
}

.btn-danger {
    /* 웹접근성(1.4.3): 흰 텍스트 대비 — danger-500(3.76:1) → danger-600(4.83:1, AA 통과) */
    --btn-text: var(--white);
    --btn-br: var(--danger-700);
    --btn-bg: var(--danger-600);
    --btn-icon: var(--white);

    --btn-text-hover: var(--white);
    --btn-br-hover: var(--danger-700);
    --btn-bg-hover: var(--danger-700);
    --btn-icon-hover: var(--white);


    --btn-plain-bg: var(--danger-50);
    --btn-plain-text: var(--danger-600);
    --btn-plain-br: var(--danger-500);
    --btn-plain-icon: var(--danger-600);
}

.btn-warning {
    --btn-text: var(--white);
    --btn-br: var(--warning-600);
    --btn-bg: var(--warning-500);
    --btn-icon: var(--white);

    --btn-text-hover: var(--white);
    --btn-br-hover: var(--warning-700);
    --btn-bg-hover: var(--warning-600);
    --btn-icon-hover: var(--white);


    --btn-plain-bg: var(--warning-50);
    --btn-plain-text: var(--warning-500);
    --btn-plain-br: var(--warning-500);
    --btn-plain-icon: var(--warning-600);
}

.btn-info {
    --btn-text: var(--white);
    --btn-br: var(--info-600);
    --btn-bg: var(--info-500);
    --btn-icon: var(--white);

    --btn-text-hover: var(--white);
    --btn-br-hover: var(--info-700);
    --btn-bg-hover: var(--info-600);
    --btn-icon-hover: var(--white);


    --btn-plain-bg: var(--info-50);
    --btn-plain-text: var(--info-500);
    --btn-plain-br: var(--info-500);
    --btn-plain-icon: var(--info-600);
}

.is-plain {
    --btn-text: var(--btn-plain-text);
    --btn-br: var(--btn-plain-br);
    --btn-bg: var(--btn-plain-bg);
    --btn-icon: var(--btn-plain-icon);
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 8px;
    margin-bottom: 0;
    font-size: var(--b-font-md);
    font-weight: 500;
    width: auto;
    height: var(--btn-md);
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    text-decoration: none;
    transition: all 0.3s ease;

    color: var(--btn-text);
    border-color: var(--btn-br);
    background-color: var(--btn-bg);
}
.btn:is(:hover, :focus, :active, .active) {
    text-decoration: none;
    background-image: none;
    outline: 0;
    box-shadow: none;
    text-decoration: none;
    border-color: var(--btn-br-hover);
    background-color: var(--btn-bg-hover);
}
.btn:is(:hover, :focus, :active, .active):not([class*="text-"]) {
    color: var(--btn-text-hover);
}
.btn:is(:hover, :focus, :active, .active):is([class*="btn-"]):is([class*="text-"]) {
    color: var(--btn-text-hover) !important;
}
.btn::before,
.btn i,
.btn i::before {
    font-family: "Material Icons Round";
    font-weight: 400;
    height: calc(var(--b-font-md) + 4px);
    font-size: calc(var(--b-font-md) + 4px);
    line-height: calc(var(--b-font-md) + 4px);
    text-rendering: auto;
    transition: all 0.3s ease;
    color: var(--btn-icon);
}
.btn i {
    height: calc(var(--b-font-md) + 4px);
    font-size: calc(var(--b-font-md) + 4px);
    line-height: calc(var(--b-font-md) + 4px);
    transition: all 0.3s ease;
}
.btn:is([class*="text-"])::before,
.btn:is([class*="text-"]) i {
    color: inherit;
}
.btn:not([class*="btn-"]):not([class*="text-"]) i,
.btn:not([class*="btn-"]):not([class*="text-"]) i::before,
.btn:not([class*="btn-"]):not([class*="text-"])::before {
    color: var(--btn-icon);
}
.btn:is(:hover, :focus, :active, .active)::before,
.btn:is(:hover, :focus, :active, .active) i {
    color: var(--btn-icon-hover);
}
.btn:is([class*="text-"])::before,
.btn:is([class*="text-"]) i {
    color: inherit;
}
.btn:is(:hover, :focus, :active, .active):not([class*="btn-"]):not([class*="text-"]) i,
.btn:is(:hover, :focus, :active, .active):not([class*="btn-"]):not([class*="text-"]) i::before,
.btn:is(:hover, :focus, :active, .active):not([class*="btn-"]):not([class*="text-"])::before {
    color: var(--btn-icon-hover);
}

.btn span {
    font-weight: inherit;
    color: inherit;
}
.btn.is-right {
    flex-direction: row-reverse;
}

.btn.is-link {
    padding: 0 2px;
    height: auto;
    font-weight: 400;
    line-height: inherit;
    vertical-align: baseline;
    border-color: transparent !important;
    background-color: transparent !important;
}
.btn.is-link::before {
    color: inherit;
}
.btn.is-link:hover, .btn.is-link:focus, .btn.is-link:active, .btn.is-link.active {
    color: inherit;
    font-weight: 500;
    border-color: transparent !important;
    background-color: transparent !important;
    outline: 0;
    box-shadow: none;
    text-decoration: underline;
    text-underline-offset: 	4px;
    cursor: pointer;
}

.btn-search {
    color: var(--white) !important;
    border-color: var(--slate-800);
    background-color: var(--slate-700);
}
.btn-search::before {
    content: "\e8b6";
    color: var(--white);
}
.btn-search:is(:hover, :focus, :active, .active) {
    color: var(--white) !important;
    border-color: var(--slate-900) !important;
    background-color: var(--slate-800) !important;
}
.btn-search:is(:hover, :focus, :active, .active)::before {
    color: var(--white) !important;
}
.btn-help {
    color: var(--slate-700);
    border-color: var(--slate-300);
    background-color: var(--white);
}
.btn-help::before {
    content: "\e8fd";
    color: var(--slate-400);
}
.btn-help:hover, .btn-help:focus, .btn-help:active, .btn-help.active {
    color: var(--slate-800) !important;
    border-color: var(--slate-400) !important;
    background-color: var(--white) !important;
}
.btn-help:hover::before, .btn-help:focus::before, .btn-help:active::before, .btn-help.active::before {
    color: var(--slate-500);
}
.btn-excel {
    /* 웹접근성(1.4.3): 흰 텍스트 대비 — green-600(3.30:1) → green-700(5.02:1, AA 통과) */
    color: var(--white) !important;
    border-color: var(--green-800) !important;
    background-color: var(--green-700) !important;
}
.btn-excel::before {
    content: "";
    width: 18px;
    height: 18px;
    color: var(--white);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' width='18px' height='18px' fill='%23ffffff'%3E%3Cpath d='M128 128C128 92.7 156.7 64 192 64L341.5 64C358.5 64 374.8 70.7 386.8 82.7L493.3 189.3C505.3 201.3 512 217.6 512 234.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM336 122.5L336 216C336 229.3 346.7 240 360 240L453.5 240L336 122.5zM292 330.7C284.6 319.7 269.7 316.7 258.7 324C247.7 331.3 244.7 346.3 252 357.3L291.2 416L252 474.7C244.6 485.7 247.6 500.6 258.7 508C269.8 515.4 284.6 512.4 292 501.3L320 459.3L348 501.3C355.4 512.3 370.3 515.3 381.3 508C392.3 500.7 395.3 485.7 388 474.7L348.8 416L388 357.3C395.4 346.3 392.4 331.4 381.3 324C370.2 316.6 355.4 319.6 348 330.7L320 372.7L292 330.7z'/%3E%3C/svg%3E");
}
.btn-excel:hover, .btn-excel:focus, .btn-excel:active, .btn-excel.active {
    color: var(--white) !important;
    border-color: var(--green-900) !important;
    background-color: var(--green-800) !important;
}
.btn:disabled, .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    box-shadow: none;
    opacity: .65;
}
.icon {
    display: inline-block;
    height: var(--i-middle);
}
.icon::before {
    display: block;
    font-family: "Material Icons Round";
    font-weight: 400;
    font-size: var(--i-middle);
    line-height: var(--i-middle);
    color: inherit;
    text-rendering: auto;
    vertical-align: middle;
}
.icon.i-Outlined::before {
    font-family: "Material Icons Outlined";
}
.icon.i-Icons::before {
    font-family: "Material Icons";
}
.i-info::before {
    content: "\e88e";
}
.i-home::before {
    content: "\e88a";
}
.i-noti::before {
    content: "\e7f4";
}
.i-search::before {
    content: "\e8b6";
}
.i-date::before {
    content: "\ebcc";
}
.i-time::before {
    content: "\e192";
}
.i-refresh::before {
    content: "\e5d5";
}
.i-close::before {
    content: "\e5cd";
}
.i-download::before {
    content: "\f090";
}
.i-upload::before {
    content: "\f09b";
}
.i-up::before {
    content: "\e316";
}
.i-down::before {
    content: "\e313";
}
.i-left::before {
    content: "\e314";
}
.i-right::before {
    content: "\e315";
}
.i-first::before {
    content: "\e5dc";
}
.i-last::before {
    content: "\e5dd";
}
.i-add::before {
    content: "\e145";
}
.i-remove::before {
    content: "\e15b";
}
.i-cancel::before {
    content: "\e5c9";
}
.i-fave::before {
    content: "\e838";
}
.i-non-fave::before {
    content: "\e83a";
}
.i-menu::before {
    content: "\e5d2";
}
.i-help::before {
    content: "\e8fd";
}
.i-delete::before {
    content: "\e92b";
}
.i-link {
    transform: rotate(-45deg);
}
.i-link::before {
    content: "\e157";
}
.i-file {
    transform: rotate(45deg);
}
.i-file::before {
    content: "\e226";
}
.i-sort-asc::before {
    content: "\e164";
    transform: scaleY(-1);
}
.i-sort-desc::before {
    content: "\e164";
}
.i-sort-x::before {
    content: "\eb80";
}
.i-filter::before {
    content: "\ef4f";
}
.i-dropup::before {
    content: "\e5c7";
}
.i-dropdown::before {
    content: "\e5c5";
}
.is-rotate45 {
    transform: rotate(45deg);
}
.is-rotate-45 {
    transform: rotate(-45deg);
}
.is-rotate90 {
    transform: rotate(90deg);
}
.is-rotate-90 {
    transform: rotate(-90deg);
}
.is-rotate180 {
    transform: rotate(180deg);
}
.is-vertical {
    transform: scaleY(-1);
}
.btn.is-xlg {
    padding: 0 12px;
    height: var(--btn-xlg);
    font-size: var(--b-font-xlg);
}
.btn.is-lg {
    padding: 0 10px;
    height: var(--btn-lg);
    font-size: var(--b-font-lg);
}
.btn.is-md {
    padding: 0 8px;
    height: var(--btn-md);
    font-size: var(--b-font-md);
}
.btn.is-sm {
    padding: 0 6px;
    height: var(--btn-sm);
    font-size: var(--b-font-sm);
    font-weight: 400 !important;
}
.btn.is-xlg::before,
.btn.is-xlg > i,
.btn.is-xlg > i::before {
    height: calc(var(--b-font-xlg) + 4px);
    font-size: calc(var(--b-font-xlg) + 4px);
    line-height: calc(var(--b-font-xlg) + 4px);
}
.btn.is-lg::before,
.btn.is-lg > i,
.btn.is-lg > i::before {
    height: calc(var(--b-font-lg) + 4px);
    font-size: calc(var(--b-font-lg) + 4px);
    line-height: calc(var(--b-font-lg) + 4px);
}
.btn.is-md::before,
.btn.is-md > i,
.btn.is-md > i::before {
    height: calc(var(--b-font-md) + 4px);
    font-size: calc(var(--b-font-md) + 4px);
    line-height: calc(var(--b-font-md) + 4px);
}
.btn.is-sm::before,
.btn.is-sm > i,
.btn.is-sm > i::before {
    height: calc(var(--b-font-sm) + 4px);
    font-size: calc(var(--b-font-sm) + 4px);
    line-height: calc(var(--b-font-sm) + 4px);
}
.btn.is-square {
    width: var(--btn-md);
    flex-shrink: 0;
    overflow: hidden;
}
.is-square.is-xlg {
    width: var(--btn-xlg) !important;
}
.is-square.is-lg {
    width: var(--btn-lg) !important;
}
.is-square.is-md {
    width: var(--btn-md) !important;
}
.is-square.is-sm {
    width: var(--btn-sm) !important;
}
.t-small {
    font-size: var(--t-small) !important;
}
.t-middle {
    font-size: var(--t-middle) !important;
}
.t-lg {
    font-size: var(--t-lg) !important;
}
.t-xlg {
    font-size: var(--t-xlg) !important;
}
.t-2xl {
    font-size: var(--t-2xl) !important;
}
.is-700 {
    font-weight: 700 !important;
}
.is-500 {
    font-weight: 500 !important;
}
.is-400 {
    font-weight: 400 !important;
}
.t-link:hover {
    text-decoration: underline !important;
    text-underline-offset: 4px;
    cursor: pointer;
    font-weight: 500;
}
/* 텍스트컬러*/
.text-primary {
    color: var(--primary) !important;
}
.text-success {
    color: var(--success) !important;
}
.text-danger {
    color: var(--danger) !important;
}
.text-warning {
    color: var(--warning) !important;
}
.text-info {
    color: var(--info) !important;
}
.text-black {
    color: var(--black) !important;
}
.text-white {
    color: var(--white) !important;
}
.text-primary-50 {
    color: var(--primary-50) !important;
}
.text-primary-100 {
    color: var(--primary-100) !important;
}
.text-primary-200 {
    color: var(--primary-200) !important;
}
.text-primary-300 {
    color: var(--primary-300) !important;
}
.text-primary-400 {
    color: var(--primary-400) !important;
}
.text-primary-500 {
    color: var(--primary-500) !important;
}
.text-primary-600 {
    color: var(--primary-600) !important;
}
.text-primary-700 {
    color: var(--primary-700) !important;
}
.text-primary-800 {
    color: var(--primary-800) !important;
}
.text-primary-900 {
    color: var(--primary-900) !important;
}
.text-primary-950 {
    color: var(--primary-950) !important;
}
.text-success-50 {
    color: var(--success-50) !important;
}
.text-success-100 {
    color: var(--success-100) !important;
}
.text-success-200 {
    color: var(--success-200) !important;
}
.text-success-300 {
    color: var(--success-300) !important;
}
.text-success-400 {
    color: var(--success-400) !important;
}
.text-success-500 {
    color: var(--success-500) !important;
}
.text-success-600 {
    color: var(--success-600) !important;
}
.text-success-700 {
    color: var(--success-700) !important;
}
.text-success-800 {
    color: var(--success-800) !important;
}
.text-success-900 {
    color: var(--success-900) !important;
}
.text-success-950 {
    color: var(--success-950) !important;
}
.text-danger-50 {
    color: var(--danger-50) !important;
}
.text-danger-100 {
    color: var(--danger-100) !important;
}
.text-danger-200 {
    color: var(--danger-200) !important;
}
.text-danger-300 {
    color: var(--danger-300) !important;
}
.text-danger-400 {
    color: var(--danger-400) !important;
}
.text-danger-500 {
    color: var(--danger-500) !important;
}
.text-danger-600 {
    color: var(--danger-600) !important;
}
.text-danger-700 {
    color: var(--danger-700) !important;
}
.text-danger-800 {
    color: var(--danger-800) !important;
}
.text-danger-900 {
    color: var(--danger-900) !important;
}
.text-danger-950 {
    color: var(--danger-950) !important;
}
.text-warning-50 {
    color: var(--warning-50) !important;
}
.text-warning-100 {
    color: var(--warning-100) !important;
}
.text-warning-200 {
    color: var(--warning-200) !important;
}
.text-warning-300 {
    color: var(--warning-300) !important;
}
.text-warning-400 {
    color: var(--warning-400) !important;
}
.text-warning-500 {
    color: var(--warning-500) !important;
}
.text-warning-600 {
    color: var(--warning-600) !important;
}
.text-warning-700 {
    color: var(--warning-700) !important;
}
.text-warning-800 {
    color: var(--warning-800) !important;
}
.text-warning-900 {
    color: var(--warning-900) !important;
}
.text-warning-950 {
    color: var(--warning-950) !important;
}
.text-info-50 {
    color: var(--info-50) !important;
}
.text-info-100 {
    color: var(--info-100) !important;
}
.text-info-200 {
    color: var(--info-200) !important;
}
.text-info-300 {
    color: var(--info-300) !important;
}
.text-info-400 {
    color: var(--info-400) !important;
}
.text-info-500 {
    color: var(--info-500) !important;
}
.text-info-600 {
    color: var(--info-600) !important;
}
.text-info-700 {
    color: var(--info-700) !important;
}
.text-info-800 {
    color: var(--info-800) !important;
}
.text-info-900 {
    color: var(--info-900) !important;
}
.text-info-950 {
    color: var(--info-950) !important;
}
.text-slate-50 {
    color: var(--slate-50) !important;
}
.text-slate-100 {
    color: var(--slate-100) !important;
}
.text-slate-150 {
    color: var(--slate-150) !important;
}
.text-slate-200 {
    color: var(--slate-200) !important;
}
.text-slate-300 {
    color: var(--slate-300) !important;
}
.text-slate-400 {
    color: var(--slate-400) !important;
}
.text-slate-500 {
    color: var(--slate-500) !important;
}
.text-slate-600 {
    color: var(--slate-600) !important;
}
.text-slate-700 {
    color: var(--slate-700) !important;
}
.text-slate-800 {
    color: var(--slate-800) !important;
}
.text-slate-900 {
    color: var(--slate-900) !important;
}
.text-slate-950 {
    color: var(--slate-950) !important;
}
.text-gray-50 {
    color: var(--gray-50) !important;
}
.text-gray-100 {
    color: var(--gray-100) !important;
}
.text-gray-200 {
    color: var(--gray-200) !important;
}
.text-gray-300 {
    color: var(--gray-300) !important;
}
.text-gray-400 {
    color: var(--gray-400) !important;
}
.text-gray-500 {
    color: var(--gray-500) !important;
}
.text-gray-600 {
    color: var(--gray-600) !important;
}
.text-gray-700 {
    color: var(--gray-700) !important;
}
.text-gray-800 {
    color: var(--gray-800) !important;
}
.text-gray-900 {
    color: var(--gray-900) !important;
}
.text-gray-950 {
    color: var(--gray-950) !important;
}
.text-zinc-50 {
    color: var(--zinc-50) !important;
}
.text-zinc-100 {
    color: var(--zinc-100) !important;
}
.text-zinc-200 {
    color: var(--zinc-200) !important;
}
.text-zinc-300 {
    color: var(--zinc-300) !important;
}
.text-zinc-400 {
    color: var(--zinc-400) !important;
}
.text-zinc-500 {
    color: var(--zinc-500) !important;
}
.text-zinc-600 {
    color: var(--zinc-600) !important;
}
.text-zinc-700 {
    color: var(--zinc-700) !important;
}
.text-zinc-800 {
    color: var(--zinc-800) !important;
}
.text-zinc-900 {
    color: var(--zinc-900) !important;
}
.text-zinc-950 {
    color: var(--zinc-950) !important;
}
.text-neutral-50 {
    color: var(--neutral-50) !important;
}
.text-neutral-100 {
    color: var(--neutral-100) !important;
}
.text-neutral-200 {
    color: var(--neutral-200) !important;
}
.text-neutral-300 {
    color: var(--neutral-300) !important;
}
.text-neutral-400 {
    color: var(--neutral-400) !important;
}
.text-neutral-500 {
    color: var(--neutral-500) !important;
}
.text-neutral-600 {
    color: var(--neutral-600) !important;
}
.text-neutral-700 {
    color: var(--neutral-700) !important;
}
.text-neutral-800 {
    color: var(--neutral-800) !important;
}
.text-neutral-900 {
    color: var(--neutral-900) !important;
}
.text-neutral-950 {
    color: var(--neutral-950) !important;
}
.text-stone-50 {
    color: var(--stone-50) !important;
}
.text-stone-100 {
    color: var(--stone-100) !important;
}
.text-stone-200 {
    color: var(--stone-200) !important;
}
.text-stone-300 {
    color: var(--stone-300) !important;
}
.text-stone-400 {
    color: var(--stone-400) !important;
}
.text-stone-500 {
    color: var(--stone-500) !important;
}
.text-stone-600 {
    color: var(--stone-600) !important;
}
.text-stone-700 {
    color: var(--stone-700) !important;
}
.text-stone-800 {
    color: var(--stone-800) !important;
}
.text-stone-900 {
    color: var(--stone-900) !important;
}
.text-stone-950 {
    color: var(--stone-950) !important;
}
.text-red-50 {
    color: var(--red-50) !important;
}
.text-red-100 {
    color: var(--red-100) !important;
}
.text-red-200 {
    color: var(--red-200) !important;
}
.text-red-300 {
    color: var(--red-300) !important;
}
.text-red-400 {
    color: var(--red-400) !important;
}
.text-red-500 {
    color: var(--red-500) !important;
}
.text-red-600 {
    color: var(--red-600) !important;
}
.text-red-700 {
    color: var(--red-700) !important;
}
.text-red-800 {
    color: var(--red-800) !important;
}
.text-red-900 {
    color: var(--red-900) !important;
}
.text-red-950 {
    color: var(--red-950) !important;
}
.text-orange-50 {
    color: var(--orange-50) !important;
}
.text-orange-100 {
    color: var(--orange-100) !important;
}
.text-orange-200 {
    color: var(--orange-200) !important;
}
.text-orange-300 {
    color: var(--orange-300) !important;
}
.text-orange-400 {
    color: var(--orange-400) !important;
}
.text-orange-500 {
    color: var(--orange-500) !important;
}
.text-orange-600 {
    color: var(--orange-600) !important;
}
.text-orange-700 {
    color: var(--orange-700) !important;
}
.text-orange-800 {
    color: var(--orange-800) !important;
}
.text-orange-900 {
    color: var(--orange-900) !important;
}
.text-orange-950 {
    color: var(--orange-950) !important;
}
.text-amber-50 {
    color: var(--amber-50) !important;
}
.text-amber-100 {
    color: var(--amber-100) !important;
}
.text-amber-200 {
    color: var(--amber-200) !important;
}
.text-amber-300 {
    color: var(--amber-300) !important;
}
.text-amber-400 {
    color: var(--amber-400) !important;
}
.text-amber-500 {
    color: var(--amber-500) !important;
}
.text-amber-600 {
    color: var(--amber-600) !important;
}
.text-amber-700 {
    color: var(--amber-700) !important;
}
.text-amber-800 {
    color: var(--amber-800) !important;
}
.text-amber-900 {
    color: var(--amber-900) !important;
}
.text-amber-950 {
    color: var(--amber-950) !important;
}
.text-yellow-50 {
    color: var(--yellow-50) !important;
}
.text-yellow-100 {
    color: var(--yellow-100) !important;
}
.text-yellow-200 {
    color: var(--yellow-200) !important;
}
.text-yellow-300 {
    color: var(--yellow-300) !important;
}
.text-yellow-400 {
    color: var(--yellow-400) !important;
}
.text-yellow-500 {
    color: var(--yellow-500) !important;
}
.text-yellow-600 {
    color: var(--yellow-600) !important;
}
.text-yellow-700 {
    color: var(--yellow-700) !important;
}
.text-yellow-800 {
    color: var(--yellow-800) !important;
}
.text-yellow-900 {
    color: var(--yellow-900) !important;
}
.text-yellow-950 {
    color: var(--yellow-950) !important;
}
.text-lime-50 {
    color: var(--lime-50) !important;
}
.text-lime-100 {
    color: var(--lime-100) !important;
}
.text-lime-200 {
    color: var(--lime-200) !important;
}
.text-lime-300 {
    color: var(--lime-300) !important;
}
.text-lime-400 {
    color: var(--lime-400) !important;
}
.text-lime-500 {
    color: var(--lime-500) !important;
}
.text-lime-600 {
    color: var(--lime-600) !important;
}
.text-lime-700 {
    color: var(--lime-700) !important;
}
.text-lime-800 {
    color: var(--lime-800) !important;
}
.text-lime-900 {
    color: var(--lime-900) !important;
}
.text-lime-950 {
    color: var(--lime-950) !important;
}
.text-green-50 {
    color: var(--green-50) !important;
}
.text-green-100 {
    color: var(--green-100) !important;
}
.text-green-200 {
    color: var(--green-200) !important;
}
.text-green-300 {
    color: var(--green-300) !important;
}
.text-green-400 {
    color: var(--green-400) !important;
}
.text-green-500 {
    color: var(--green-500) !important;
}
.text-green-600 {
    color: var(--green-600) !important;
}
.text-green-700 {
    color: var(--green-700) !important;
}
.text-green-800 {
    color: var(--green-800) !important;
}
.text-green-900 {
    color: var(--green-900) !important;
}
.text-green-950 {
    color: var(--green-950) !important;
}
.text-emerald-50 {
    color: var(--emerald-50) !important;
}
.text-emerald-100 {
    color: var(--emerald-100) !important;
}
.text-emerald-200 {
    color: var(--emerald-200) !important;
}
.text-emerald-300 {
    color: var(--emerald-300) !important;
}
.text-emerald-400 {
    color: var(--emerald-400) !important;
}
.text-emerald-500 {
    color: var(--emerald-500) !important;
}
.text-emerald-600 {
    color: var(--emerald-600) !important;
}
.text-emerald-700 {
    color: var(--emerald-700) !important;
}
.text-emerald-800 {
    color: var(--emerald-800) !important;
}
.text-emerald-900 {
    color: var(--emerald-900) !important;
}
.text-emerald-950 {
    color: var(--emerald-950) !important;
}
.text-teal-50 {
    color: var(--teal-50) !important;
}
.text-teal-100 {
    color: var(--teal-100) !important;
}
.text-teal-200 {
    color: var(--teal-200) !important;
}
.text-teal-300 {
    color: var(--teal-300) !important;
}
.text-teal-400 {
    color: var(--teal-400) !important;
}
.text-teal-500 {
    color: var(--teal-500) !important;
}
.text-teal-600 {
    color: var(--teal-600) !important;
}
.text-teal-700 {
    color: var(--teal-700) !important;
}
.text-teal-800 {
    color: var(--teal-800) !important;
}
.text-teal-900 {
    color: var(--teal-900) !important;
}
.text-teal-950 {
    color: var(--teal-950) !important;
}
.text-cyan-50 {
    color: var(--cyan-50) !important;
}
.text-cyan-100 {
    color: var(--cyan-100) !important;
}
.text-cyan-200 {
    color: var(--cyan-200) !important;
}
.text-cyan-300 {
    color: var(--cyan-300) !important;
}
.text-cyan-400 {
    color: var(--cyan-400) !important;
}
.text-cyan-500 {
    color: var(--cyan-500) !important;
}
.text-cyan-600 {
    color: var(--cyan-600) !important;
}
.text-cyan-700 {
    color: var(--cyan-700) !important;
}
.text-cyan-800 {
    color: var(--cyan-800) !important;
}
.text-cyan-900 {
    color: var(--cyan-900) !important;
}
.text-cyan-950 {
    color: var(--cyan-950) !important;
}
.text-sky-50 {
    color: var(--sky-50) !important;
}
.text-sky-100 {
    color: var(--sky-100) !important;
}
.text-sky-200 {
    color: var(--sky-200) !important;
}
.text-sky-300 {
    color: var(--sky-300) !important;
}
.text-sky-400 {
    color: var(--sky-400) !important;
}
.text-sky-500 {
    color: var(--sky-500) !important;
}
.text-sky-600 {
    color: var(--sky-600) !important;
}
.text-sky-700 {
    color: var(--sky-700) !important;
}
.text-sky-800 {
    color: var(--sky-800) !important;
}
.text-sky-900 {
    color: var(--sky-900) !important;
}
.text-sky-950 {
    color: var(--sky-950) !important;
}
.text-blue-50 {
    color: var(--blue-50) !important;
}
.text-blue-100 {
    color: var(--blue-100) !important;
}
.text-blue-200 {
    color: var(--blue-200) !important;
}
.text-blue-300 {
    color: var(--blue-300) !important;
}
.text-blue-400 {
    color: var(--blue-400) !important;
}
.text-blue-500 {
    color: var(--blue-500) !important;
}
.text-blue-600 {
    color: var(--blue-600) !important;
}
.text-blue-700 {
    color: var(--blue-700) !important;
}
.text-blue-800 {
    color: var(--blue-800) !important;
}
.text-blue-900 {
    color: var(--blue-900) !important;
}
.text-blue-950 {
    color: var(--blue-950) !important;
}
.text-indigo-50 {
    color: var(--indigo-50) !important;
}
.text-indigo-100 {
    color: var(--indigo-100) !important;
}
.text-indigo-200 {
    color: var(--indigo-200) !important;
}
.text-indigo-300 {
    color: var(--indigo-300) !important;
}
.text-indigo-400 {
    color: var(--indigo-400) !important;
}
.text-indigo-500 {
    color: var(--indigo-500) !important;
}
.text-indigo-600 {
    color: var(--indigo-600) !important;
}
.text-indigo-700 {
    color: var(--indigo-700) !important;
}
.text-indigo-800 {
    color: var(--indigo-800) !important;
}
.text-indigo-900 {
    color: var(--indigo-900) !important;
}
.text-indigo-950 {
    color: var(--indigo-950) !important;
}
.text-violet-50 {
    color: var(--violet-50) !important;
}
.text-violet-100 {
    color: var(--violet-100) !important;
}
.text-violet-200 {
    color: var(--violet-200) !important;
}
.text-violet-300 {
    color: var(--violet-300) !important;
}
.text-violet-400 {
    color: var(--violet-400) !important;
}
.text-violet-500 {
    color: var(--violet-500) !important;
}
.text-violet-600 {
    color: var(--violet-600) !important;
}
.text-violet-700 {
    color: var(--violet-700) !important;
}
.text-violet-800 {
    color: var(--violet-800) !important;
}
.text-violet-900 {
    color: var(--violet-900) !important;
}
.text-violet-950 {
    color: var(--violet-950) !important;
}
.text-purple-50 {
    color: var(--purple-50) !important;
}
.text-purple-100 {
    color: var(--purple-100) !important;
}
.text-purple-200 {
    color: var(--purple-200) !important;
}
.text-purple-300 {
    color: var(--purple-300) !important;
}
.text-purple-400 {
    color: var(--purple-400) !important;
}
.text-purple-500 {
    color: var(--purple-500) !important;
}
.text-purple-600 {
    color: var(--purple-600) !important;
}
.text-purple-700 {
    color: var(--purple-700) !important;
}
.text-purple-800 {
    color: var(--purple-800) !important;
}
.text-purple-900 {
    color: var(--purple-900) !important;
}
.text-purple-950 {
    color: var(--purple-950) !important;
}
.text-fuchsia-50 {
    color: var(--fuchsia-50) !important;
}
.text-fuchsia-100 {
    color: var(--fuchsia-100) !important;
}
.text-fuchsia-200 {
    color: var(--fuchsia-200) !important;
}
.text-fuchsia-300 {
    color: var(--fuchsia-300) !important;
}
.text-fuchsia-400 {
    color: var(--fuchsia-400) !important;
}
.text-fuchsia-500 {
    color: var(--fuchsia-500) !important;
}
.text-fuchsia-600 {
    color: var(--fuchsia-600) !important;
}
.text-fuchsia-700 {
    color: var(--fuchsia-700) !important;
}
.text-fuchsia-800 {
    color: var(--fuchsia-800) !important;
}
.text-fuchsia-900 {
    color: var(--fuchsia-900) !important;
}
.text-fuchsia-950 {
    color: var(--fuchsia-950) !important;
}
.text-pink-50 {
    color: var(--pink-50) !important;
}
.text-pink-100 {
    color: var(--pink-100) !important;
}
.text-pink-200 {
    color: var(--pink-200) !important;
}
.text-pink-300 {
    color: var(--pink-300) !important;
}
.text-pink-400 {
    color: var(--pink-400) !important;
}
.text-pink-500 {
    color: var(--pink-500) !important;
}
.text-pink-600 {
    color: var(--pink-600) !important;
}
.text-pink-700 {
    color: var(--pink-700) !important;
}
.text-pink-800 {
    color: var(--pink-800) !important;
}
.text-pink-900 {
    color: var(--pink-900) !important;
}
.text-pink-950 {
    color: var(--pink-950) !important;
}
.text-rose-50 {
    color: var(--rose-50) !important;
}
.text-rose-100 {
    color: var(--rose-100) !important;
}
.text-rose-200 {
    color: var(--rose-200) !important;
}
.text-rose-300 {
    color: var(--rose-300) !important;
}
.text-rose-400 {
    color: var(--rose-400) !important;
}
.text-rose-500 {
    color: var(--rose-500) !important;
}
.text-rose-600 {
    color: var(--rose-600) !important;
}
.text-rose-700 {
    color: var(--rose-700) !important;
}
.text-rose-800 {
    color: var(--rose-800) !important;
}
.text-rose-900 {
    color: var(--rose-900) !important;
}
.text-rose-950 {
    color: var(--rose-950) !important;
}

.hover-text-primary,
.hover:hover .hover-text-primary {
    color: var(--primary-600) !important;
}
.hover-text-success,
.hover:hover .hover-text-success {
    color: var(--success-600) !important;
}
.hover-text-danger,
.hover:hover .hover-text-danger {
    color: var(--danger-600) !important;
}
.hover-text-warning,
.hover:hover .hover-text-warning {
    color: var(--warning-600) !important;
}
.hover-text-info,
.hover:hover .hover-text-info {
    color: var(--info-600) !important;
}
.hover-text-primary-50:hover,
.hover:hover .hover-text-primary-50 {
    color: var(--primary-50) !important;
}
.hover-text-primary-100:hover,
.hover:hover .hover-text-primary-100 {
    color: var(--primary-100) !important;
}
.hover-text-primary-200:hover,
.hover:hover .hover-text-primary-200 {
    color: var(--primary-200) !important;
}
.hover-text-primary-300:hover,
.hover:hover .hover-text-primary-300 {
    color: var(--primary-300) !important;
}
.hover-text-primary-400:hover,
.hover:hover .hover-text-primary-400 {
    color: var(--primary-400) !important;
}
.hover-text-primary-500:hover,
.hover:hover .hover-text-primary-500 {
    color: var(--primary-500) !important;
}
.hover-text-primary-600:hover,
.hover:hover .hover-text-primary-600 {
    color: var(--primary-600) !important;
}
.hover-text-primary-700:hover,
.hover:hover .hover-text-primary-700 {
    color: var(--primary-700) !important;
}
.hover-text-primary-800:hover,
.hover:hover .hover-text-primary-800 {
    color: var(--primary-800) !important;
}
.hover-text-primary-900:hover,
.hover:hover .hover-text-primary-900 {
    color: var(--primary-900) !important;
}
.hover-text-primary-950:hover,
.hover:hover .hover-text-primary-950 {
    color: var(--primary-950) !important;
}
.hover-text-success-50:hover,
.hover:hover .hover-text-success-50 {
    color: var(--success-50) !important;
}
.hover-text-success-100:hover,
.hover:hover .hover-text-success-100 {
    color: var(--success-100) !important;
}
.hover-text-success-200:hover,
.hover:hover .hover-text-success-200 {
    color: var(--success-200) !important;
}
.hover-text-success-300:hover,
.hover:hover .hover-text-success-300 {
    color: var(--success-300) !important;
}
.hover-text-success-400:hover,
.hover:hover .hover-text-success-400 {
    color: var(--success-400) !important;
}
.hover-text-success-500:hover,
.hover:hover .hover-text-success-500 {
    color: var(--success-500) !important;
}
.hover-text-success-600:hover,
.hover:hover .hover-text-success-600 {
    color: var(--success-600) !important;
}
.hover-text-success-700:hover,
.hover:hover .hover-text-success-700 {
    color: var(--success-700) !important;
}
.hover-text-success-800:hover,
.hover:hover .hover-text-success-800 {
    color: var(--success-800) !important;
}
.hover-text-success-900:hover,
.hover:hover .hover-text-success-900 {
    color: var(--success-900) !important;
}
.hover-text-success-950:hover,
.hover:hover .hover-text-success-950 {
    color: var(--success-950) !important;
}
.hover-text-danger-50:hover,
.hover:hover .hover-text-danger-50 {
    color: var(--danger-50) !important;
}
.hover-text-danger-100:hover,
.hover:hover .hover-text-danger-100 {
    color: var(--danger-100) !important;
}
.hover-text-danger-200:hover,
.hover:hover .hover-text-danger-200 {
    color: var(--danger-200) !important;
}
.hover-text-danger-300:hover,
.hover:hover .hover-text-danger-300 {
    color: var(--danger-300) !important;
}
.hover-text-danger-400:hover,
.hover:hover .hover-text-danger-400 {
    color: var(--danger-400) !important;
}
.hover-text-danger-500:hover,
.hover:hover .hover-text-danger-500 {
    color: var(--danger-500) !important;
}
.hover-text-danger-600:hover,
.hover:hover .hover-text-danger-600 {
    color: var(--danger-600) !important;
}
.hover-text-danger-700:hover,
.hover:hover .hover-text-danger-700 {
    color: var(--danger-700) !important;
}
.hover-text-danger-800:hover,
.hover:hover .hover-text-danger-800 {
    color: var(--danger-800) !important;
}
.hover-text-danger-900:hover,
.hover:hover .hover-text-danger-900 {
    color: var(--danger-900) !important;
}
.hover-text-danger-950:hover,
.hover:hover .hover-text-danger-950 {
    color: var(--danger-950) !important;
}
.hover-text-warning-50:hover,
.hover:hover .hover-text-warning-50 {
    color: var(--warning-50) !important;
}
.hover-text-warning-100:hover,
.hover:hover .hover-text-warning-100 {
    color: var(--warning-100) !important;
}
.hover-text-warning-200:hover,
.hover:hover .hover-text-warning-200 {
    color: var(--warning-200) !important;
}
.hover-text-warning-300:hover,
.hover:hover .hover-text-warning-300 {
    color: var(--warning-300) !important;
}
.hover-text-warning-400:hover,
.hover:hover .hover-text-warning-400 {
    color: var(--warning-400) !important;
}
.hover-text-warning-500:hover,
.hover:hover .hover-text-warning-500 {
    color: var(--warning-500) !important;
}
.hover-text-warning-600:hover,
.hover:hover .hover-text-warning-600 {
    color: var(--warning-600) !important;
}
.hover-text-warning-700:hover,
.hover:hover .hover-text-warning-700 {
    color: var(--warning-700) !important;
}
.hover-text-warning-800:hover,
.hover:hover .hover-text-warning-800 {
    color: var(--warning-800) !important;
}
.hover-text-warning-900:hover,
.hover:hover .hover-text-warning-900 {
    color: var(--warning-900) !important;
}
.hover-text-warning-950:hover,
.hover:hover .hover-text-warning-950 {
    color: var(--warning-950) !important;
}
.hover-text-info-50:hover,
.hover:hover .hover-text-info-50 {
    color: var(--info-50) !important;
}
.hover-text-info-100:hover,
.hover:hover .hover-text-info-100 {
    color: var(--info-100) !important;
}
.hover-text-info-200:hover,
.hover:hover .hover-text-info-200 {
    color: var(--info-200) !important;
}
.hover-text-info-300:hover,
.hover:hover .hover-text-info-300 {
    color: var(--info-300) !important;
}
.hover-text-info-400:hover,
.hover:hover .hover-text-info-400 {
    color: var(--info-400) !important;
}
.hover-text-info-500:hover,
.hover:hover .hover-text-info-500 {
    color: var(--info-500) !important;
}
.hover-text-info-600:hover,
.hover:hover .hover-text-info-600 {
    color: var(--info-600) !important;
}
.hover-text-info-700:hover,
.hover:hover .hover-text-info-700 {
    color: var(--info-700) !important;
}
.hover-text-info-800:hover,
.hover:hover .hover-text-info-800 {
    color: var(--info-800) !important;
}
.hover-text-info-900:hover,
.hover:hover .hover-text-info-900 {
    color: var(--info-900) !important;
}
.hover-text-info-950:hover,
.hover:hover .hover-text-info-950 {
    color: var(--info-950) !important;
}
.hover-text-slate-50:hover,
.hover:hover .hover-text-slate-50 {
    color: var(--slate-50) !important;
}
.hover-text-slate-100:hover,
.hover:hover .hover-text-slate-100 {
    color: var(--slate-100) !important;
}
.hover-text-slate-200:hover,
.hover:hover .hover-text-slate-200 {
    color: var(--slate-200) !important;
}
.hover-text-slate-300:hover,
.hover:hover .hover-text-slate-300 {
    color: var(--slate-300) !important;
}
.hover-text-slate-400:hover,
.hover:hover .hover-text-slate-400 {
    color: var(--slate-400) !important;
}
.hover-text-slate-500:hover,
.hover:hover .hover-text-slate-500 {
    color: var(--slate-500) !important;
}
.hover-text-slate-600:hover,
.hover:hover .hover-text-slate-600 {
    color: var(--slate-600) !important;
}
.hover-text-slate-700:hover,
.hover:hover .hover-text-slate-700 {
    color: var(--slate-700) !important;
}
.hover-text-slate-800:hover,
.hover:hover .hover-text-slate-800 {
    color: var(--slate-800) !important;
}
.hover-text-slate-900:hover,
.hover:hover .hover-text-slate-900 {
    color: var(--slate-900) !important;
}
.hover-text-slate-950:hover,
.hover:hover .hover-text-slate-950 {
    color: var(--slate-950) !important;
}
.hover-text-gray-50:hover,
.hover:hover .hover-text-gray-50 {
    color: var(--gray-50) !important;
}
.hover-text-gray-100:hover,
.hover:hover .hover-text-gray-100 {
    color: var(--gray-100) !important;
}
.hover-text-gray-200:hover,
.hover:hover .hover-text-gray-200 {
    color: var(--gray-200) !important;
}
.hover-text-gray-300:hover,
.hover:hover .hover-text-gray-300 {
    color: var(--gray-300) !important;
}
.hover-text-gray-400:hover,
.hover:hover .hover-text-gray-400 {
    color: var(--gray-400) !important;
}
.hover-text-gray-500:hover,
.hover:hover .hover-text-gray-500 {
    color: var(--gray-500) !important;
}
.hover-text-gray-600:hover,
.hover:hover .hover-text-gray-600 {
    color: var(--gray-600) !important;
}
.hover-text-gray-700:hover,
.hover:hover .hover-text-gray-700 {
    color: var(--gray-700) !important;
}
.hover-text-gray-800:hover {
    color: var(--gray-800) !important;
}
.hover-text-gray-900:hover,
.hover:hover .hover-text-gray-900 {
    color: var(--gray-900) !important;
}
.hover-text-gray-950:hover,
.hover:hover .hover-text-gray-950 {
    color: var(--gray-950) !important;
}
.hover-text-zinc-50:hover,
.hover:hover .hover-text-zinc-50 {
    color: var(--zinc-50) !important;
}
.hover-text-zinc-100:hover,
.hover:hover .hover-text-zinc-100 {
    color: var(--zinc-100) !important;
}
.hover-text-zinc-200:hover,
.hover:hover .hover-text-zinc-200 {
    color: var(--zinc-200) !important;
}
.hover-text-zinc-300:hover,
.hover:hover .hover-text-zinc-300 {
    color: var(--zinc-300) !important;
}
.hover-text-zinc-400:hover,
.hover:hover .hover-text-zinc-400 {
    color: var(--zinc-400) !important;
}
.hover-text-zinc-500:hover,
.hover:hover .hover-text-zinc-500 {
    color: var(--zinc-500) !important;
}
.hover-text-zinc-600:hover,
.hover:hover .hover-text-zinc-600 {
    color: var(--zinc-600) !important;
}
.hover-text-zinc-700:hover,
.hover:hover .hover-text-zinc-700 {
    color: var(--zinc-700) !important;
}
.hover-text-zinc-800:hover {
    color: var(--zinc-800) !important;
}
.hover-text-zinc-900:hover,
.hover:hover .hover-text-zinc-900 {
    color: var(--zinc-900) !important;
}
.hover-text-zinc-950:hover,
.hover:hover .hover-text-zinc-950 {
    color: var(--zinc-950) !important;
}
.hover-text-neutral-50:hover,
.hover:hover .hover-text-neutral-50 {
    color: var(--neutral-50) !important;
}
.hover-text-neutral-100:hover,
.hover:hover .hover-text-neutral-100 {
    color: var(--neutral-100) !important;
}
.hover-text-neutral-200:hover,
.hover:hover .hover-text-neutral-200 {
    color: var(--neutral-200) !important;
}
.hover-text-neutral-300:hover,
.hover:hover .hover-text-neutral-300 {
    color: var(--neutral-300) !important;
}
.hover-text-neutral-400:hover,
.hover:hover .hover-text-neutral-400 {
    color: var(--neutral-400) !important;
}
.hover-text-neutral-500:hover,
.hover:hover .hover-text-neutral-500 {
    color: var(--neutral-500) !important;
}
.hover-text-neutral-600:hover,
.hover:hover .hover-text-neutral-600 {
    color: var(--neutral-600) !important;
}
.hover-text-neutral-700:hover,
.hover:hover .hover-text-neutral-700 {
    color: var(--neutral-700) !important;
}
.hover-text-neutral-800:hover {
    color: var(--neutral-800) !important;
}
.hover-text-neutral-900:hover,
.hover:hover .hover-text-neutral-900 {
    color: var(--neutral-900) !important;
}
.hover-text-neutral-950:hover,
.hover:hover .hover-text-neutral-950 {
    color: var(--neutral-950) !important;
}
.hover-text-stone-50:hover,
.hover:hover .hover-text-stone-50 {
    color: var(--stone-50) !important;
}
.hover-text-stone-100:hover,
.hover:hover .hover-text-stone-100 {
    color: var(--stone-100) !important;
}
.hover-text-stone-200:hover,
.hover:hover .hover-text-stone-200 {
    color: var(--stone-200) !important;
}
.hover-text-stone-300:hover,
.hover:hover .hover-text-stone-300 {
    color: var(--stone-300) !important;
}
.hover-text-stone-400:hover,
.hover:hover .hover-text-stone-400 {
    color: var(--stone-400) !important;
}
.hover-text-stone-500:hover,
.hover:hover .hover-text-stone-500 {
    color: var(--stone-500) !important;
}
.hover-text-stone-600:hover,
.hover:hover .hover-text-stone-600 {
    color: var(--stone-600) !important;
}
.hover-text-stone-700:hover,
.hover:hover .hover-text-stone-700 {
    color: var(--stone-700) !important;
}
.hover-text-stone-800:hover {
    color: var(--stone-800) !important;
}
.hover-text-stone-900:hover,
.hover:hover .hover-text-stone-900 {
    color: var(--stone-900) !important;
}
.hover-text-stone-950:hover,
.hover:hover .hover-text-stone-950 {
    color: var(--stone-950) !important;
}
.hover-text-red-50:hover,
.hover:hover .hover-text-red-50 {
    color: var(--red-50) !important;
}
.hover-text-red-100:hover,
.hover:hover .hover-text-red-100 {
    color: var(--red-100) !important;
}
.hover-text-red-200:hover,
.hover:hover .hover-text-red-200 {
    color: var(--red-200) !important;
}
.hover-text-red-300:hover,
.hover:hover .hover-text-red-300 {
    color: var(--red-300) !important;
}
.hover-text-red-400:hover,
.hover:hover .hover-text-red-400 {
    color: var(--red-400) !important;
}
.hover-text-red-500:hover,
.hover:hover .hover-text-red-500 {
    color: var(--red-500) !important;
}
.hover-text-red-600:hover,
.hover:hover .hover-text-red-600 {
    color: var(--red-600) !important;
}
.hover-text-red-700:hover,
.hover:hover .hover-text-red-700 {
    color: var(--red-700) !important;
}
.hover-text-red-800:hover {
    color: var(--red-800) !important;
}
.hover-text-red-900:hover,
.hover:hover .hover-text-red-900 {
    color: var(--red-900) !important;
}
.hover-text-red-950:hover,
.hover:hover .hover-text-red-950 {
    color: var(--red-950) !important;
}
.hover-text-orange-50:hover,
.hover:hover .hover-text-orange-50 {
    color: var(--orange-50) !important;
}
.hover-text-orange-100:hover,
.hover:hover .hover-text-orange-100 {
    color: var(--orange-100) !important;
}
.hover-text-orange-200:hover,
.hover:hover .hover-text-orange-200 {
    color: var(--orange-200) !important;
}
.hover-text-orange-300:hover,
.hover:hover .hover-text-orange-300 {
    color: var(--orange-300) !important;
}
.hover-text-orange-400:hover,
.hover:hover .hover-text-orange-400 {
    color: var(--orange-400) !important;
}
.hover-text-orange-500:hover,
.hover:hover .hover-text-orange-500 {
    color: var(--orange-500) !important;
}
.hover-text-orange-600:hover,
.hover:hover .hover-text-orange-600 {
    color: var(--orange-600) !important;
}
.hover-text-orange-700:hover,
.hover:hover .hover-text-orange-700 {
    color: var(--orange-700) !important;
}
.hover-text-orange-800:hover {
    color: var(--orange-800) !important;
}
.hover-text-orange-900:hover,
.hover:hover .hover-text-orange-900 {
    color: var(--orange-900) !important;
}
.hover-text-orange-950:hover,
.hover:hover .hover-text-orange-950 {
    color: var(--orange-950) !important;
}
.hover-text-amber-50:hover,
.hover:hover .hover-text-amber-50 {
    color: var(--amber-50) !important;
}
.hover-text-amber-100:hover,
.hover:hover .hover-text-amber-100 {
    color: var(--amber-100) !important;
}
.hover-text-amber-200:hover,
.hover:hover .hover-text-amber-200 {
    color: var(--amber-200) !important;
}
.hover-text-amber-300:hover,
.hover:hover .hover-text-amber-300 {
    color: var(--amber-300) !important;
}
.hover-text-amber-400:hover,
.hover:hover .hover-text-amber-400 {
    color: var(--amber-400) !important;
}
.hover-text-amber-500:hover,
.hover:hover .hover-text-amber-500 {
    color: var(--amber-500) !important;
}
.hover-text-amber-600:hover,
.hover:hover .hover-text-amber-600 {
    color: var(--amber-600) !important;
}
.hover-text-amber-700:hover,
.hover:hover .hover-text-amber-700 {
    color: var(--amber-700) !important;
}
.hover-text-amber-800:hover {
    color: var(--amber-800) !important;
}
.hover-text-amber-900:hover,
.hover:hover .hover-text-amber-900 {
    color: var(--amber-900) !important;
}
.hover-text-amber-950:hover,
.hover:hover .hover-text-amber-950 {
    color: var(--amber-950) !important;
}
.hover-text-yellow-50:hover,
.hover:hover .hover-text-yellow-50 {
    color: var(--yellow-50) !important;
}
.hover-text-yellow-100:hover,
.hover:hover .hover-text-yellow-100 {
    color: var(--yellow-100) !important;
}
.hover-text-yellow-200:hover,
.hover:hover .hover-text-yellow-200 {
    color: var(--yellow-200) !important;
}
.hover-text-yellow-300:hover,
.hover:hover .hover-text-yellow-300 {
    color: var(--yellow-300) !important;
}
.hover-text-yellow-400:hover,
.hover:hover .hover-text-yellow-400 {
    color: var(--yellow-400) !important;
}
.hover-text-yellow-500:hover,
.hover:hover .hover-text-yellow-500 {
    color: var(--yellow-500) !important;
}
.hover-text-yellow-600:hover,
.hover:hover .hover-text-yellow-600 {
    color: var(--yellow-600) !important;
}
.hover-text-yellow-700:hover,
.hover:hover .hover-text-yellow-700 {
    color: var(--yellow-700) !important;
}
.hover-text-yellow-800:hover {
    color: var(--yellow-800) !important;
}
.hover-text-yellow-900:hover,
.hover:hover .hover-text-yellow-900 {
    color: var(--yellow-900) !important;
}
.hover-text-yellow-950:hover,
.hover:hover .hover-text-yellow-950 {
    color: var(--yellow-950) !important;
}
.hover-text-lime-50:hover,
.hover:hover .hover-text-lime-50 {
    color: var(--lime-50) !important;
}
.hover-text-lime-100:hover,
.hover:hover .hover-text-lime-100 {
    color: var(--lime-100) !important;
}
.hover-text-lime-200:hover,
.hover:hover .hover-text-lime-200 {
    color: var(--lime-200) !important;
}
.hover-text-lime-300:hover,
.hover:hover .hover-text-lime-300 {
    color: var(--lime-300) !important;
}
.hover-text-lime-400:hover,
.hover:hover .hover-text-lime-400 {
    color: var(--lime-400) !important;
}
.hover-text-lime-500:hover,
.hover:hover .hover-text-lime-500 {
    color: var(--lime-500) !important;
}
.hover-text-lime-600:hover,
.hover:hover .hover-text-lime-600 {
    color: var(--lime-600) !important;
}
.hover-text-lime-700:hover,
.hover:hover .hover-text-lime-700 {
    color: var(--lime-700) !important;
}
.hover-text-lime-800:hover {
    color: var(--lime-800) !important;
}
.hover-text-lime-900:hover,
.hover:hover .hover-text-lime-900 {
    color: var(--lime-900) !important;
}
.hover-text-lime-950:hover,
.hover:hover .hover-text-lime-950 {
    color: var(--lime-950) !important;
}
.hover-text-green-50:hover,
.hover:hover .hover-text-green-50 {
    color: var(--green-50) !important;
}
.hover-text-green-100:hover,
.hover:hover .hover-text-green-100 {
    color: var(--green-100) !important;
}
.hover-text-green-200:hover,
.hover:hover .hover-text-green-200 {
    color: var(--green-200) !important;
}
.hover-text-green-300:hover,
.hover:hover .hover-text-green-300 {
    color: var(--green-300) !important;
}
.hover-text-green-400:hover,
.hover:hover .hover-text-green-400 {
    color: var(--green-400) !important;
}
.hover-text-green-500:hover,
.hover:hover .hover-text-green-500 {
    color: var(--green-500) !important;
}
.hover-text-green-600:hover,
.hover:hover .hover-text-green-600 {
    color: var(--green-600) !important;
}
.hover-text-green-700:hover,
.hover:hover .hover-text-green-700 {
    color: var(--green-700) !important;
}
.hover-text-green-800:hover {
    color: var(--green-800) !important;
}
.hover-text-green-900:hover,
.hover:hover .hover-text-green-900 {
    color: var(--green-900) !important;
}
.hover-text-green-950:hover,
.hover:hover .hover-text-green-950 {
    color: var(--green-950) !important;
}
.hover-text-emerald-50:hover,
.hover:hover .hover-text-emerald-50 {
    color: var(--emerald-50) !important;
}
.hover-text-emerald-100:hover,
.hover:hover .hover-text-emerald-100 {
    color: var(--emerald-100) !important;
}
.hover-text-emerald-200:hover,
.hover:hover .hover-text-emerald-200 {
    color: var(--emerald-200) !important;
}
.hover-text-emerald-300:hover,
.hover:hover .hover-text-emerald-300 {
    color: var(--emerald-300) !important;
}
.hover-text-emerald-400:hover,
.hover:hover .hover-text-emerald-400 {
    color: var(--emerald-400) !important;
}
.hover-text-emerald-500:hover,
.hover:hover .hover-text-emerald-500 {
    color: var(--emerald-500) !important;
}
.hover-text-emerald-600:hover,
.hover:hover .hover-text-emerald-600 {
    color: var(--emerald-600) !important;
}
.hover-text-emerald-700:hover,
.hover:hover .hover-text-emerald-700 {
    color: var(--emerald-700) !important;
}
.hover-text-emerald-800:hover {
    color: var(--emerald-800) !important;
}
.hover-text-emerald-900:hover,
.hover:hover .hover-text-emerald-900 {
    color: var(--emerald-900) !important;
}
.hover-text-emerald-950:hover,
.hover:hover .hover-text-emerald-950 {
    color: var(--emerald-950) !important;
}
.hover-text-teal-50:hover,
.hover:hover .hover-text-teal-50 {
    color: var(--teal-50) !important;
}
.hover-text-teal-100:hover,
.hover:hover .hover-text-teal-100 {
    color: var(--teal-100) !important;
}
.hover-text-teal-200:hover,
.hover:hover .hover-text-teal-200 {
    color: var(--teal-200) !important;
}
.hover-text-teal-300:hover,
.hover:hover .hover-text-teal-300 {
    color: var(--teal-300) !important;
}
.hover-text-teal-400:hover,
.hover:hover .hover-text-teal-400 {
    color: var(--teal-400) !important;
}
.hover-text-teal-500:hover,
.hover:hover .hover-text-teal-500 {
    color: var(--teal-500) !important;
}
.hover-text-teal-600:hover,
.hover:hover .hover-text-teal-600 {
    color: var(--teal-600) !important;
}
.hover-text-teal-700:hover,
.hover:hover .hover-text-teal-700 {
    color: var(--teal-700) !important;
}
.hover-text-teal-800:hover {
    color: var(--teal-800) !important;
}
.hover-text-teal-900:hover,
.hover:hover .hover-text-teal-900 {
    color: var(--teal-900) !important;
}
.hover-text-teal-950:hover,
.hover:hover .hover-text-teal-950 {
    color: var(--teal-950) !important;
}
.hover-text-cyan-50:hover,
.hover:hover .hover-text-cyan-50 {
    color: var(--cyan-50) !important;
}
.hover-text-cyan-100:hover,
.hover:hover .hover-text-cyan-100 {
    color: var(--cyan-100) !important;
}
.hover-text-cyan-200:hover,
.hover:hover .hover-text-cyan-200 {
    color: var(--cyan-200) !important;
}
.hover-text-cyan-300:hover,
.hover:hover .hover-text-cyan-300 {
    color: var(--cyan-300) !important;
}
.hover-text-cyan-400:hover,
.hover:hover .hover-text-cyan-400 {
    color: var(--cyan-400) !important;
}
.hover-text-cyan-500:hover,
.hover:hover .hover-text-cyan-500 {
    color: var(--cyan-500) !important;
}
.hover-text-cyan-600:hover,
.hover:hover .hover-text-cyan-600 {
    color: var(--cyan-600) !important;
}
.hover-text-cyan-700:hover,
.hover:hover .hover-text-cyan-700 {
    color: var(--cyan-700) !important;
}
.hover-text-cyan-800:hover {
    color: var(--cyan-800) !important;
}
.hover-text-cyan-900:hover,
.hover:hover .hover-text-cyan-900 {
    color: var(--cyan-900) !important;
}
.hover-text-cyan-950:hover,
.hover:hover .hover-text-cyan-950 {
    color: var(--cyan-950) !important;
}
.hover-text-sky-50:hover,
.hover:hover .hover-text-sky-50 {
    color: var(--sky-50) !important;
}
.hover-text-sky-100:hover,
.hover:hover .hover-text-sky-100 {
    color: var(--sky-100) !important;
}
.hover-text-sky-200:hover,
.hover:hover .hover-text-sky-200 {
    color: var(--sky-200) !important;
}
.hover-text-sky-300:hover,
.hover:hover .hover-text-sky-300 {
    color: var(--sky-300) !important;
}
.hover-text-sky-400:hover,
.hover:hover .hover-text-sky-400 {
    color: var(--sky-400) !important;
}
.hover-text-sky-500:hover,
.hover:hover .hover-text-sky-500 {
    color: var(--sky-500) !important;
}
.hover-text-sky-600:hover,
.hover:hover .hover-text-sky-600 {
    color: var(--sky-600) !important;
}
.hover-text-sky-700:hover,
.hover:hover .hover-text-sky-700 {
    color: var(--sky-700) !important;
}
.hover-text-sky-800:hover {
    color: var(--sky-800) !important;
}
.hover-text-sky-900:hover,
.hover:hover .hover-text-sky-900 {
    color: var(--sky-900) !important;
}
.hover-text-sky-950:hover,
.hover:hover .hover-text-sky-950 {
    color: var(--sky-950) !important;
}
.hover-text-blue-50:hover,
.hover:hover .hover-text-blue-50 {
    color: var(--blue-50) !important;
}
.hover-text-blue-100:hover,
.hover:hover .hover-text-blue-100 {
    color: var(--blue-100) !important;
}
.hover-text-blue-200:hover,
.hover:hover .hover-text-blue-200 {
    color: var(--blue-200) !important;
}
.hover-text-blue-300:hover,
.hover:hover .hover-text-blue-300 {
    color: var(--blue-300) !important;
}
.hover-text-blue-400:hover,
.hover:hover .hover-text-blue-400 {
    color: var(--blue-400) !important;
}
.hover-text-blue-500:hover,
.hover:hover .hover-text-blue-500 {
    color: var(--blue-500) !important;
}
.hover-text-blue-600:hover,
.hover:hover .hover-text-blue-600 {
    color: var(--blue-600) !important;
}
.hover-text-blue-700:hover,
.hover:hover .hover-text-blue-700 {
    color: var(--blue-700) !important;
}
.hover-text-blue-800:hover {
    color: var(--blue-800) !important;
}
.hover-text-blue-900:hover,
.hover:hover .hover-text-blue-900 {
    color: var(--blue-900) !important;
}
.hover-text-blue-950:hover,
.hover:hover .hover-text-blue-950 {
    color: var(--blue-950) !important;
}
.hover-text-indigo-50:hover,
.hover:hover .hover-text-indigo-50 {
    color: var(--indigo-50) !important;
}
.hover-text-indigo-100:hover,
.hover:hover .hover-text-indigo-100 {
    color: var(--indigo-100) !important;
}
.hover-text-indigo-200:hover,
.hover:hover .hover-text-indigo-200 {
    color: var(--indigo-200) !important;
}
.hover-text-indigo-300:hover,
.hover:hover .hover-text-indigo-300 {
    color: var(--indigo-300) !important;
}
.hover-text-indigo-400:hover,
.hover:hover .hover-text-indigo-400 {
    color: var(--indigo-400) !important;
}
.hover-text-indigo-500:hover,
.hover:hover .hover-text-indigo-500 {
    color: var(--indigo-500) !important;
}
.hover-text-indigo-600:hover,
.hover:hover .hover-text-indigo-600 {
    color: var(--indigo-600) !important;
}
.hover-text-indigo-700:hover,
.hover:hover .hover-text-indigo-700 {
    color: var(--indigo-700) !important;
}
.hover-text-indigo-800:hover {
    color: var(--indigo-800) !important;
}
.hover-text-indigo-900:hover,
.hover:hover .hover-text-indigo-900 {
    color: var(--indigo-900) !important;
}
.hover-text-indigo-950:hover,
.hover:hover .hover-text-indigo-950 {
    color: var(--indigo-950) !important;
}
.hover-text-violet-50:hover,
.hover:hover .hover-text-violet-50 {
    color: var(--violet-50) !important;
}
.hover-text-violet-100:hover,
.hover:hover .hover-text-violet-100 {
    color: var(--violet-100) !important;
}
.hover-text-violet-200:hover,
.hover:hover .hover-text-violet-200 {
    color: var(--violet-200) !important;
}
.hover-text-violet-300:hover,
.hover:hover .hover-text-violet-300 {
    color: var(--violet-300) !important;
}
.hover-text-violet-400:hover,
.hover:hover .hover-text-violet-400 {
    color: var(--violet-400) !important;
}
.hover-text-violet-500:hover,
.hover:hover .hover-text-violet-500 {
    color: var(--violet-500) !important;
}
.hover-text-violet-600:hover,
.hover:hover .hover-text-violet-600 {
    color: var(--violet-600) !important;
}
.hover-text-violet-700:hover,
.hover:hover .hover-text-violet-700 {
    color: var(--violet-700) !important;
}
.hover-text-violet-800:hover {
    color: var(--violet-800) !important;
}
.hover-text-violet-900:hover,
.hover:hover .hover-text-violet-900 {
    color: var(--violet-900) !important;
}
.hover-text-violet-950:hover,
.hover:hover .hover-text-violet-950 {
    color: var(--violet-950) !important;
}
.hover-text-purple-50:hover,
.hover:hover .hover-text-purple-50 {
    color: var(--purple-50) !important;
}
.hover-text-purple-100:hover,
.hover:hover .hover-text-purple-100 {
    color: var(--purple-100) !important;
}
.hover-text-purple-200:hover,
.hover:hover .hover-text-purple-200 {
    color: var(--purple-200) !important;
}
.hover-text-purple-300:hover,
.hover:hover .hover-text-purple-300 {
    color: var(--purple-300) !important;
}
.hover-text-purple-400:hover,
.hover:hover .hover-text-purple-400 {
    color: var(--purple-400) !important;
}
.hover-text-purple-500:hover,
.hover:hover .hover-text-purple-500 {
    color: var(--purple-500) !important;
}
.hover-text-purple-600:hover,
.hover:hover .hover-text-purple-600 {
    color: var(--purple-600) !important;
}
.hover-text-purple-700:hover,
.hover:hover .hover-text-purple-700 {
    color: var(--purple-700) !important;
}
.hover-text-purple-800:hover {
    color: var(--purple-800) !important;
}
.hover-text-purple-900:hover,
.hover:hover .hover-text-purple-900 {
    color: var(--purple-900) !important;
}
.hover-text-purple-950:hover,
.hover:hover .hover-text-purple-950 {
    color: var(--purple-950) !important;
}
.hover-text-fuchsia-50:hover,
.hover:hover .hover-text-fuchsia-50 {
    color: var(--fuchsia-50) !important;
}
.hover-text-fuchsia-100:hover,
.hover:hover .hover-text-fuchsia-100 {
    color: var(--fuchsia-100) !important;
}
.hover-text-fuchsia-200:hover,
.hover:hover .hover-text-fuchsia-200 {
    color: var(--fuchsia-200) !important;
}
.hover-text-fuchsia-300:hover,
.hover:hover .hover-text-fuchsia-300 {
    color: var(--fuchsia-300) !important;
}
.hover-text-fuchsia-400:hover,
.hover:hover .hover-text-fuchsia-400 {
    color: var(--fuchsia-400) !important;
}
.hover-text-fuchsia-500:hover,
.hover:hover .hover-text-fuchsia-500 {
    color: var(--fuchsia-500) !important;
}
.hover-text-fuchsia-600:hover,
.hover:hover .hover-text-fuchsia-600 {
    color: var(--fuchsia-600) !important;
}
.hover-text-fuchsia-700:hover,
.hover:hover .hover-text-fuchsia-700 {
    color: var(--fuchsia-700) !important;
}
.hover-text-fuchsia-800:hover {
    color: var(--fuchsia-800) !important;
}
.hover-text-fuchsia-900:hover,
.hover:hover .hover-text-fuchsia-900 {
    color: var(--fuchsia-900) !important;
}
.hover-text-fuchsia-950:hover,
.hover:hover .hover-text-fuchsia-950 {
    color: var(--fuchsia-950) !important;
}
.hover-text-pink-50:hover,
.hover:hover .hover-text-pink-50 {
    color: var(--pink-50) !important;
}
.hover-text-pink-100:hover,
.hover:hover .hover-text-pink-100 {
    color: var(--pink-100) !important;
}
.hover-text-pink-200:hover,
.hover:hover .hover-text-pink-200 {
    color: var(--pink-200) !important;
}
.hover-text-pink-300:hover,
.hover:hover .hover-text-pink-300 {
    color: var(--pink-300) !important;
}
.hover-text-pink-400:hover,
.hover:hover .hover-text-pink-400 {
    color: var(--pink-400) !important;
}
.hover-text-pink-500:hover,
.hover:hover .hover-text-pink-500 {
    color: var(--pink-500) !important;
}
.hover-text-pink-600:hover,
.hover:hover .hover-text-pink-600 {
    color: var(--pink-600) !important;
}
.hover-text-pink-700:hover,
.hover:hover .hover-text-pink-700 {
    color: var(--pink-700) !important;
}
.hover-text-pink-800:hover {
    color: var(--pink-800) !important;
}
.hover-text-pink-900:hover,
.hover:hover .hover-text-pink-900 {
    color: var(--pink-900) !important;
}
.hover-text-pink-950:hover,
.hover:hover .hover-text-pink-950 {
    color: var(--pink-950) !important;
}
.hover-text-rose-50:hover,
.hover:hover .hover-text-rose-50 {
    color: var(--rose-50) !important;
}
.hover-text-rose-100:hover,
.hover:hover .hover-text-rose-100 {
    color: var(--rose-100) !important;
}
.hover-text-rose-200:hover,
.hover:hover .hover-text-rose-200 {
    color: var(--rose-200) !important;
}
.hover-text-rose-300:hover,
.hover:hover .hover-text-rose-300 {
    color: var(--rose-300) !important;
}
.hover-text-rose-400:hover,
.hover:hover .hover-text-rose-400 {
    color: var(--rose-400) !important;
}
.hover-text-rose-500:hover,
.hover:hover .hover-text-rose-500 {
    color: var(--rose-500) !important;
}
.hover-text-rose-600:hover,
.hover:hover .hover-text-rose-600 {
    color: var(--rose-600) !important;
}
.hover-text-rose-700:hover,
.hover:hover .hover-text-rose-700 {
    color: var(--rose-700) !important;
}
.hover-text-rose-800:hover {
    color: var(--rose-800) !important;
}
.hover-text-rose-900:hover,
.hover:hover .hover-text-rose-900 {
    color: var(--rose-900) !important;
}
.hover-text-rose-950:hover,
.hover:hover .hover-text-rose-950 {
    color: var(--rose-950) !important;
}

/* 라인 radius */
.rounded-0 {
  border-radius: 0px !important;
}
.rounded-4 {
  border-radius: 4px !important;
}
.rounded-8 {
  border-radius: 8px !important;
}
.rounded-12 {
  border-radius: 12px !important;
}
.rounded-16 {
  border-radius: 16px !important;
}
.rounded-20 {
  border-radius: 20px !important;
}
.rounded-full {
  border-radius: 9999px !important;
}

/* 라인 컬러*/
.br-op-0 {
    --br-opacity: 0 !important;
}
.br-op-5 {
    --br-opacity: 0.05 !important;
}
.br-op-10 {
    --br-opacity: 0.1 !important;
}
.br-op-20 {
    --br-opacity: 0.2 !important;
}
.br-op-25 {
    --br-opacity: 0.25 !important;
}
.br-op-30 {
    --br-opacity: 0.3 !important;
}
.br-op-40 {
    --br-opacity: 0.4 !important;
}
.br-op-50 {
    --br-opacity: 0.5 !important;
}
.br-op-60 {
    --br-opacity: 0.6 !important;
}
.br-op-70 {
    --br-opacity: 0.7 !important;
}
.br-op-75 {
    --br-opacity: 0.75 !important;
}
.br-op-80 {
    --br-opacity: 0.8 !important;
}
.br-op-90 {
    --br-opacity: 0.9 !important;
}
.br-op-95 {
    --br-opacity: 0.95 !important;
}
.br-op-100 {
    --br-opacity: 1 !important;
}
.hover-br-op-0:hover {
    --br-opacity: 0 !important;
}
.hover-br-op-5:hover {
    --br-opacity: 0.05 !important;
}
.hover-br-op-10:hover {
    --br-opacity: 0.1 !important;
}
.hover-br-op-20:hover {
    --br-opacity: 0.2 !important;
}
.hover-br-op-25:hover {
    --br-opacity: 0.25 !important;
}
.hover-br-op-30:hover {
    --br-opacity: 0.3 !important;
}
.hover-br-op-40:hover {
    --br-opacity: 0.4 !important;
}
.hover-br-op-50:hover {
    --br-opacity: 0.5 !important;
}
.hover-br-op-60:hover {
    --br-opacity: 0.6 !important;
}
.hover-br-op-70:hover {
    --br-opacity: 0.7 !important;
}
.hover-br-op-75:hover {
    --br-opacity: 0.75 !important;
}
.hover-br-op-80:hover {
    --br-opacity: 0.8 !important;
}
.hover-br-op-90:hover {
    --br-opacity: 0.9 !important;
}
.hover-br-op-95:hover {
    --br-opacity: 0.95 !important;
}
.hover-br-op-100:hover {
    --br-opacity: 1 !important;
}
.br-primary {
    --br-opacity: 1;
    border-color: rgba(var(--primary-600-rgb), var(--br-opacity, 1)) !important;
}
.br-success {
    --br-opacity: 1;
    border-color: rgba(var(--green-600-rgb), var(--br-opacity, 1)) !important;
}
.br-danger {
    --br-opacity: 1;
    border-color: rgba(var(--red-600-rgb), var(--br-opacity, 1)) !important;
}
.br-warning {
    --br-opacity: 1;
    border-color: rgba(var(--yellow-600-rgb), var(--br-opacity, 1)) !important;
}
.br-info {
    --br-opacity: 1;
    border-color: rgba(var(--slate-600-rgb), var(--br-opacity, 1)) !important;
}
.br-black {
    --br-opacity: 1;
    border-color: rgba(var(--black-rgb), var(--br-opacity, 1)) !important;
}
.br-white {
    --br-opacity: 1;
    border-color:  rgba(var(--white-rgb), var(--br-opacity, 1)) !important;
}
.br-primary-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--primary-50-rgb), var(--br-opacity, 1)) !important;
}
.br-primary-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--primary-100-rgb), var(--br-opacity, 1)) !important;
}
.br-primary-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--primary-200-rgb), var(--br-opacity, 1)) !important;
}
.br-primary-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--primary-300-rgb), var(--br-opacity, 1)) !important;
}
.br-primary-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--primary-400-rgb), var(--br-opacity, 1)) !important;
}
.br-primary-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--primary-500-rgb), var(--br-opacity, 1)) !important;
}
.br-primary-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--primary-600-rgb), var(--br-opacity, 1)) !important;
}
.br-primary-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--primary-700-rgb), var(--br-opacity, 1)) !important;
}
.br-primary-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--primary-800-rgb), var(--br-opacity, 1)) !important;
}
.br-primary-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--primary-900-rgb), var(--br-opacity, 1)) !important;
}
.br-primary-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--primary-950-rgb), var(--br-opacity, 1)) !important;
}
.br-success-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--success-50-rgb), var(--br-opacity, 1)) !important;
}
.br-success-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--success-100-rgb), var(--br-opacity, 1)) !important;
}
.br-success-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--success-200-rgb), var(--br-opacity, 1)) !important;
}
.br-success-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--success-300-rgb), var(--br-opacity, 1)) !important;
}
.br-success-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--success-400-rgb), var(--br-opacity, 1)) !important;
}
.br-success-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--success-500-rgb), var(--br-opacity, 1)) !important;
}
.br-success-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--success-600-rgb), var(--br-opacity, 1)) !important;
}
.br-success-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--success-700-rgb), var(--br-opacity, 1)) !important;
}
.br-success-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--success-800-rgb), var(--br-opacity, 1)) !important;
}
.br-success-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--success-900-rgb), var(--br-opacity, 1)) !important;
}
.br-success-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--success-950-rgb), var(--br-opacity, 1)) !important;
}
.br-danger-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--danger-50-rgb), var(--br-opacity, 1)) !important;
}
.br-danger-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--danger-100-rgb), var(--br-opacity, 1)) !important;
}
.br-danger-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--danger-200-rgb), var(--br-opacity, 1)) !important;
}
.br-danger-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--danger-300-rgb), var(--br-opacity, 1)) !important;
}
.br-danger-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--danger-400-rgb), var(--br-opacity, 1)) !important;
}
.br-danger-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--danger-500-rgb), var(--br-opacity, 1)) !important;
}
.br-danger-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--danger-600-rgb), var(--br-opacity, 1)) !important;
}
.br-danger-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--danger-700-rgb), var(--br-opacity, 1)) !important;
}
.br-danger-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--danger-800-rgb), var(--br-opacity, 1)) !important;
}
.br-danger-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--danger-900-rgb), var(--br-opacity, 1)) !important;
}
.br-danger-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--danger-950-rgb), var(--br-opacity, 1)) !important;
}
.br-warning-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--warning-50-rgb), var(--br-opacity, 1)) !important;
}
.br-warning-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--warning-100-rgb), var(--br-opacity, 1)) !important;
}
.br-warning-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--warning-200-rgb), var(--br-opacity, 1)) !important;
}
.br-warning-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--warning-300-rgb), var(--br-opacity, 1)) !important;
}
.br-warning-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--warning-400-rgb), var(--br-opacity, 1)) !important;
}
.br-warning-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--warning-500-rgb), var(--br-opacity, 1)) !important;
}
.br-warning-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--warning-600-rgb), var(--br-opacity, 1)) !important;
}
.br-warning-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--warning-700-rgb), var(--br-opacity, 1)) !important;
}
.br-warning-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--warning-800-rgb), var(--br-opacity, 1)) !important;
}
.br-warning-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--warning-900-rgb), var(--br-opacity, 1)) !important;
}
.br-warning-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--warning-950-rgb), var(--br-opacity, 1)) !important;
}
.br-info-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--info-50-rgb), var(--br-opacity, 1)) !important;
}
.br-info-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--info-100-rgb), var(--br-opacity, 1)) !important;
}
.br-info-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--info-200-rgb), var(--br-opacity, 1)) !important;
}
.br-info-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--info-300-rgb), var(--br-opacity, 1)) !important;
}
.br-info-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--info-400-rgb), var(--br-opacity, 1)) !important;
}
.br-info-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--info-500-rgb), var(--br-opacity, 1)) !important;
}
.br-info-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--info-600-rgb), var(--br-opacity, 1)) !important;
}
.br-info-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--info-700-rgb), var(--br-opacity, 1)) !important;
}
.br-info-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--info-800-rgb), var(--br-opacity, 1)) !important;
}
.br-info-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--info-900-rgb), var(--br-opacity, 1)) !important;
}
.br-info-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--info-950-rgb), var(--br-opacity, 1)) !important;
}
.br-slate-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--slate-50-rgb), var(--br-opacity, 1)) !important;
}
.br-slate-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--slate-100-rgb), var(--br-opacity, 1)) !important;
}
.br-slate-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--slate-200-rgb), var(--br-opacity, 1)) !important;
}
.br-slate-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--slate-300-rgb), var(--br-opacity, 1)) !important;
}
.br-slate-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--slate-400-rgb), var(--br-opacity, 1)) !important;
}
.br-slate-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--slate-500-rgb), var(--br-opacity, 1)) !important;
}
.br-slate-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--slate-600-rgb), var(--br-opacity, 1)) !important;
}
.br-slate-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--slate-700-rgb), var(--br-opacity, 1)) !important;
}
.br-slate-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--slate-800-rgb), var(--br-opacity, 1)) !important;
}
.br-slate-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--slate-900-rgb), var(--br-opacity, 1)) !important;
}
.br-slate-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--slate-950-rgb), var(--br-opacity, 1)) !important;
}
.br-gray-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--gray-50-rgb), var(--br-opacity, 1)) !important;
}
.br-gray-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--gray-100-rgb), var(--br-opacity, 1)) !important;
}
.br-gray-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--gray-200-rgb), var(--br-opacity, 1)) !important;
}
.br-gray-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--gray-300-rgb), var(--br-opacity, 1)) !important;
}
.br-gray-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--gray-400-rgb), var(--br-opacity, 1)) !important;
}
.br-gray-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--gray-500-rgb), var(--br-opacity, 1)) !important;
}
.br-gray-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--gray-600-rgb), var(--br-opacity, 1)) !important;
}
.br-gray-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--gray-700-rgb), var(--br-opacity, 1)) !important;
}
.br-gray-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--gray-800-rgb), var(--br-opacity, 1)) !important;
}
.br-gray-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--gray-900-rgb), var(--br-opacity, 1)) !important;
}
.br-gray-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--gray-950-rgb), var(--br-opacity, 1)) !important;
}
.br-zinc-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--zinc-50-rgb), var(--br-opacity, 1)) !important;
}
.br-zinc-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--zinc-100-rgb), var(--br-opacity, 1)) !important;
}
.br-zinc-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--zinc-200-rgb), var(--br-opacity, 1)) !important;
}
.br-zinc-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--zinc-300-rgb), var(--br-opacity, 1)) !important;
}
.br-zinc-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--zinc-400-rgb), var(--br-opacity, 1)) !important;
}
.br-zinc-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--zinc-500-rgb), var(--br-opacity, 1)) !important;
}
.br-zinc-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--zinc-600-rgb), var(--br-opacity, 1)) !important;
}
.br-zinc-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--zinc-700-rgb), var(--br-opacity, 1)) !important;
}
.br-zinc-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--zinc-800-rgb), var(--br-opacity, 1)) !important;
}
.br-zinc-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--zinc-900-rgb), var(--br-opacity, 1)) !important;
}
.br-zinc-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--zinc-950-rgb), var(--br-opacity, 1)) !important;
}
.br-neutral-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--neutral-50-rgb), var(--br-opacity, 1)) !important;
}
.br-neutral-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--neutral-100-rgb), var(--br-opacity, 1)) !important;
}
.br-neutral-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--neutral-200-rgb), var(--br-opacity, 1)) !important;
}
.br-neutral-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--neutral-300-rgb), var(--br-opacity, 1)) !important;
}
.br-neutral-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--neutral-400-rgb), var(--br-opacity, 1)) !important;
}
.br-neutral-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--neutral-500-rgb), var(--br-opacity, 1)) !important;
}
.br-neutral-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--neutral-600-rgb), var(--br-opacity, 1)) !important;
}
.br-neutral-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--neutral-700-rgb), var(--br-opacity, 1)) !important;
}
.br-neutral-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--neutral-800-rgb), var(--br-opacity, 1)) !important;
}
.br-neutral-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--neutral-900-rgb), var(--br-opacity, 1)) !important;
}
.br-neutral-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--neutral-950-rgb), var(--br-opacity, 1)) !important;
}
.br-stone-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--stone-50-rgb), var(--br-opacity, 1)) !important;
}
.br-stone-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--stone-100-rgb), var(--br-opacity, 1)) !important;
}
.br-stone-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--stone-200-rgb), var(--br-opacity, 1)) !important;
}
.br-stone-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--stone-300-rgb), var(--br-opacity, 1)) !important;
}
.br-stone-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--stone-400-rgb), var(--br-opacity, 1)) !important;
}
.br-stone-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--stone-500-rgb), var(--br-opacity, 1)) !important;
}
.br-stone-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--stone-600-rgb), var(--br-opacity, 1)) !important;
}
.br-stone-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--stone-700-rgb), var(--br-opacity, 1)) !important;
}
.br-stone-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--stone-800-rgb), var(--br-opacity, 1)) !important;
}
.br-stone-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--stone-900-rgb), var(--br-opacity, 1)) !important;
}
.br-stone-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--stone-950-rgb), var(--br-opacity, 1)) !important;
}
.br-red-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--red-50-rgb), var(--br-opacity, 1)) !important;
}
.br-red-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--red-100-rgb), var(--br-opacity, 1)) !important;
}
.br-red-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--red-200-rgb), var(--br-opacity, 1)) !important;
}
.br-red-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--red-300-rgb), var(--br-opacity, 1)) !important;
}
.br-red-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--red-400-rgb), var(--br-opacity, 1)) !important;
}
.br-red-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--red-500-rgb), var(--br-opacity, 1)) !important;
}
.br-red-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--red-600-rgb), var(--br-opacity, 1)) !important;
}
.br-red-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--red-700-rgb), var(--br-opacity, 1)) !important;
}
.br-red-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--red-800-rgb), var(--br-opacity, 1)) !important;
}
.br-red-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--red-900-rgb), var(--br-opacity, 1)) !important;
}
.br-red-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--red-950-rgb), var(--br-opacity, 1)) !important;
}
.br-orange-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--orange-50-rgb), var(--br-opacity, 1)) !important;
}
.br-orange-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--orange-100-rgb), var(--br-opacity, 1)) !important;
}
.br-orange-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--orange-200-rgb), var(--br-opacity, 1)) !important;
}
.br-orange-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--orange-300-rgb), var(--br-opacity, 1)) !important;
}
.br-orange-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--orange-400-rgb), var(--br-opacity, 1)) !important;
}
.br-orange-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--orange-500-rgb), var(--br-opacity, 1)) !important;
}
.br-orange-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--orange-600-rgb), var(--br-opacity, 1)) !important;
}
.br-orange-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--orange-700-rgb), var(--br-opacity, 1)) !important;
}
.br-orange-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--orange-800-rgb), var(--br-opacity, 1)) !important;
}
.br-orange-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--orange-900-rgb), var(--br-opacity, 1)) !important;
}
.br-orange-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--orange-950-rgb), var(--br-opacity, 1)) !important;
}
.br-amber-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--amber-50-rgb), var(--br-opacity, 1)) !important;
}
.br-amber-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--amber-100-rgb), var(--br-opacity, 1)) !important;
}
.br-amber-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--amber-200-rgb), var(--br-opacity, 1)) !important;
}
.br-amber-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--amber-300-rgb), var(--br-opacity, 1)) !important;
}
.br-amber-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--amber-400-rgb), var(--br-opacity, 1)) !important;
}
.br-amber-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--amber-500-rgb), var(--br-opacity, 1)) !important;
}
.br-amber-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--amber-600-rgb), var(--br-opacity, 1)) !important;
}
.br-amber-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--amber-700-rgb), var(--br-opacity, 1)) !important;
}
.br-amber-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--amber-800-rgb), var(--br-opacity, 1)) !important;
}
.br-amber-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--amber-900-rgb), var(--br-opacity, 1)) !important;
}
.br-amber-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--amber-950-rgb), var(--br-opacity, 1)) !important;
}
.br-yellow-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--yellow-50-rgb), var(--br-opacity, 1)) !important;
}
.br-yellow-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--yellow-100-rgb), var(--br-opacity, 1)) !important;
}
.br-yellow-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--yellow-200-rgb), var(--br-opacity, 1)) !important;
}
.br-yellow-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--yellow-300-rgb), var(--br-opacity, 1)) !important;
}
.br-yellow-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--yellow-400-rgb), var(--br-opacity, 1)) !important;
}
.br-yellow-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--yellow-500-rgb), var(--br-opacity, 1)) !important;
}
.br-yellow-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--yellow-600-rgb), var(--br-opacity, 1)) !important;
}
.br-yellow-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--yellow-700-rgb), var(--br-opacity, 1)) !important;
}
.br-yellow-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--yellow-800-rgb), var(--br-opacity, 1)) !important;
}
.br-yellow-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--yellow-900-rgb), var(--br-opacity, 1)) !important;
}
.br-yellow-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--yellow-950-rgb), var(--br-opacity, 1)) !important;
}
.br-lime-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--lime-50-rgb), var(--br-opacity, 1)) !important;
}
.br-lime-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--lime-100-rgb), var(--br-opacity, 1)) !important;
}
.br-lime-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--lime-200-rgb), var(--br-opacity, 1)) !important;
}
.br-lime-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--lime-300-rgb), var(--br-opacity, 1)) !important;
}
.br-lime-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--lime-400-rgb), var(--br-opacity, 1)) !important;
}
.br-lime-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--lime-500-rgb), var(--br-opacity, 1)) !important;
}
.br-lime-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--lime-600-rgb), var(--br-opacity, 1)) !important;
}
.br-lime-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--lime-700-rgb), var(--br-opacity, 1)) !important;
}
.br-lime-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--lime-800-rgb), var(--br-opacity, 1)) !important;
}
.br-lime-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--lime-900-rgb), var(--br-opacity, 1)) !important;
}
.br-lime-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--lime-950-rgb), var(--br-opacity, 1)) !important;
}
.br-green-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--green-50-rgb), var(--br-opacity, 1)) !important;
}
.br-green-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--green-100-rgb), var(--br-opacity, 1)) !important;
}
.br-green-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--green-200-rgb), var(--br-opacity, 1)) !important;
}
.br-green-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--green-300-rgb), var(--br-opacity, 1)) !important;
}
.br-green-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--green-400-rgb), var(--br-opacity, 1)) !important;
}
.br-green-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--green-500-rgb), var(--br-opacity, 1)) !important;
}
.br-green-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--green-600-rgb), var(--br-opacity, 1)) !important;
}
.br-green-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--green-700-rgb), var(--br-opacity, 1)) !important;
}
.br-green-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--green-800-rgb), var(--br-opacity, 1)) !important;
}
.br-green-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--green-900-rgb), var(--br-opacity, 1)) !important;
}
.br-green-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--green-950-rgb), var(--br-opacity, 1)) !important;
}
.br-emerald-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--emerald-50-rgb), var(--br-opacity, 1)) !important;
}
.br-emerald-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--emerald-100-rgb), var(--br-opacity, 1)) !important;
}
.br-emerald-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--emerald-200-rgb), var(--br-opacity, 1)) !important;
}
.br-emerald-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--emerald-300-rgb), var(--br-opacity, 1)) !important;
}
.br-emerald-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--emerald-400-rgb), var(--br-opacity, 1)) !important;
}
.br-emerald-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--emerald-500-rgb), var(--br-opacity, 1)) !important;
}
.br-emerald-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--emerald-600-rgb), var(--br-opacity, 1)) !important;
}
.br-emerald-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--emerald-700-rgb), var(--br-opacity, 1)) !important;
}
.br-emerald-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--emerald-800-rgb), var(--br-opacity, 1)) !important;
}
.br-emerald-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--emerald-900-rgb), var(--br-opacity, 1)) !important;
}
.br-emerald-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--emerald-950-rgb), var(--br-opacity, 1)) !important;
}
.br-teal-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--teal-50-rgb), var(--br-opacity, 1)) !important;
}
.br-teal-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--teal-100-rgb), var(--br-opacity, 1)) !important;
}
.br-teal-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--teal-200-rgb), var(--br-opacity, 1)) !important;
}
.br-teal-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--teal-300-rgb), var(--br-opacity, 1)) !important;
}
.br-teal-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--teal-400-rgb), var(--br-opacity, 1)) !important;
}
.br-teal-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--teal-500-rgb), var(--br-opacity, 1)) !important;
}
.br-teal-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--teal-600-rgb), var(--br-opacity, 1)) !important;
}
.br-teal-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--teal-700-rgb), var(--br-opacity, 1)) !important;
}
.br-teal-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--teal-800-rgb), var(--br-opacity, 1)) !important;
}
.br-teal-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--teal-900-rgb), var(--br-opacity, 1)) !important;
}
.br-teal-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--teal-950-rgb), var(--br-opacity, 1)) !important;
}
.br-cyan-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--cyan-50-rgb), var(--br-opacity, 1)) !important;
}
.br-cyan-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--cyan-100-rgb), var(--br-opacity, 1)) !important;
}
.br-cyan-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--cyan-200-rgb), var(--br-opacity, 1)) !important;
}
.br-cyan-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--cyan-300-rgb), var(--br-opacity, 1)) !important;
}
.br-cyan-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--cyan-400-rgb), var(--br-opacity, 1)) !important;
}
.br-cyan-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--cyan-500-rgb), var(--br-opacity, 1)) !important;
}
.br-cyan-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--cyan-600-rgb), var(--br-opacity, 1)) !important;
}
.br-cyan-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--cyan-700-rgb), var(--br-opacity, 1)) !important;
}
.br-cyan-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--cyan-800-rgb), var(--br-opacity, 1)) !important;
}
.br-cyan-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--cyan-900-rgb), var(--br-opacity, 1)) !important;
}
.br-cyan-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--cyan-950-rgb), var(--br-opacity, 1)) !important;
}
.br-sky-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--sky-50-rgb), var(--br-opacity, 1)) !important;
}
.br-sky-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--sky-100-rgb), var(--br-opacity, 1)) !important;
}
.br-sky-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--sky-200-rgb), var(--br-opacity, 1)) !important;
}
.br-sky-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--sky-300-rgb), var(--br-opacity, 1)) !important;
}
.br-sky-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--sky-400-rgb), var(--br-opacity, 1)) !important;
}
.br-sky-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--sky-500-rgb), var(--br-opacity, 1)) !important;
}
.br-sky-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--sky-600-rgb), var(--br-opacity, 1)) !important;
}
.br-sky-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--sky-700-rgb), var(--br-opacity, 1)) !important;
}
.br-sky-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--sky-800-rgb), var(--br-opacity, 1)) !important;
}
.br-sky-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--sky-900-rgb), var(--br-opacity, 1)) !important;
}
.br-sky-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--sky-950-rgb), var(--br-opacity, 1)) !important;
}
.br-blue-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--blue-50-rgb), var(--br-opacity, 1)) !important;
}
.br-blue-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--blue-100-rgb), var(--br-opacity, 1)) !important;
}
.br-blue-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--blue-200-rgb), var(--br-opacity, 1)) !important;
}
.br-blue-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--blue-300-rgb), var(--br-opacity, 1)) !important;
}
.br-blue-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--blue-400-rgb), var(--br-opacity, 1)) !important;
}
.br-blue-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--blue-500-rgb), var(--br-opacity, 1)) !important;
}
.br-blue-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--blue-600-rgb), var(--br-opacity, 1)) !important;
}
.br-blue-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--blue-700-rgb), var(--br-opacity, 1)) !important;
}
.br-blue-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--blue-800-rgb), var(--br-opacity, 1)) !important;
}
.br-blue-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--blue-900-rgb), var(--br-opacity, 1)) !important;
}
.br-blue-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--blue-950-rgb), var(--br-opacity, 1)) !important;
}
.br-indigo-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--indigo-50-rgb), var(--br-opacity, 1)) !important;
}
.br-indigo-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--indigo-100-rgb), var(--br-opacity, 1)) !important;
}
.br-indigo-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--indigo-200-rgb), var(--br-opacity, 1)) !important;
}
.br-indigo-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--indigo-300-rgb), var(--br-opacity, 1)) !important;
}
.br-indigo-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--indigo-400-rgb), var(--br-opacity, 1)) !important;
}
.br-indigo-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--indigo-500-rgb), var(--br-opacity, 1)) !important;
}
.br-indigo-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--indigo-600-rgb), var(--br-opacity, 1)) !important;
}
.br-indigo-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--indigo-700-rgb), var(--br-opacity, 1)) !important;
}
.br-indigo-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--indigo-800-rgb), var(--br-opacity, 1)) !important;
}
.br-indigo-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--indigo-900-rgb), var(--br-opacity, 1)) !important;
}
.br-indigo-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--indigo-950-rgb), var(--br-opacity, 1)) !important;
}
.br-violet-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--violet-50-rgb), var(--br-opacity, 1)) !important;
}
.br-violet-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--violet-100-rgb), var(--br-opacity, 1)) !important;
}
.br-violet-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--violet-200-rgb), var(--br-opacity, 1)) !important;
}
.br-violet-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--violet-300-rgb), var(--br-opacity, 1)) !important;
}
.br-violet-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--violet-400-rgb), var(--br-opacity, 1)) !important;
}
.br-violet-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--violet-500-rgb), var(--br-opacity, 1)) !important;
}
.br-violet-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--violet-600-rgb), var(--br-opacity, 1)) !important;
}
.br-violet-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--violet-700-rgb), var(--br-opacity, 1)) !important;
}
.br-violet-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--violet-800-rgb), var(--br-opacity, 1)) !important;
}
.br-violet-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--violet-900-rgb), var(--br-opacity, 1)) !important;
}
.br-violet-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--violet-950-rgb), var(--br-opacity, 1)) !important;
}
.br-purple-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--purple-50-rgb), var(--br-opacity, 1)) !important;
}
.br-purple-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--purple-100-rgb), var(--br-opacity, 1)) !important;
}
.br-purple-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--purple-200-rgb), var(--br-opacity, 1)) !important;
}
.br-purple-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--purple-300-rgb), var(--br-opacity, 1)) !important;
}
.br-purple-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--purple-400-rgb), var(--br-opacity, 1)) !important;
}
.br-purple-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--purple-500-rgb), var(--br-opacity, 1)) !important;
}
.br-purple-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--purple-600-rgb), var(--br-opacity, 1)) !important;
}
.br-purple-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--purple-700-rgb), var(--br-opacity, 1)) !important;
}
.br-purple-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--purple-800-rgb), var(--br-opacity, 1)) !important;
}
.br-purple-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--purple-900-rgb), var(--br-opacity, 1)) !important;
}
.br-purple-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--purple-950-rgb), var(--br-opacity, 1)) !important;
}
.br-fuchsia-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--fuchsia-50-rgb), var(--br-opacity, 1)) !important;
}
.br-fuchsia-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--fuchsia-100-rgb), var(--br-opacity, 1)) !important;
}
.br-fuchsia-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--fuchsia-200-rgb), var(--br-opacity, 1)) !important;
}
.br-fuchsia-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--fuchsia-300-rgb), var(--br-opacity, 1)) !important;
}
.br-fuchsia-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--fuchsia-400-rgb), var(--br-opacity, 1)) !important;
}
.br-fuchsia-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--fuchsia-500-rgb), var(--br-opacity, 1)) !important;
}
.br-fuchsia-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--fuchsia-600-rgb), var(--br-opacity, 1)) !important;
}
.br-fuchsia-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--fuchsia-700-rgb), var(--br-opacity, 1)) !important;
}
.br-fuchsia-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--fuchsia-800-rgb), var(--br-opacity, 1)) !important;
}
.br-fuchsia-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--fuchsia-900-rgb), var(--br-opacity, 1)) !important;
}
.br-fuchsia-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--fuchsia-950-rgb), var(--br-opacity, 1)) !important;
}
.br-pink-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--pink-50-rgb), var(--br-opacity, 1)) !important;
}
.br-pink-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--pink-100-rgb), var(--br-opacity, 1)) !important;
}
.br-pink-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--pink-200-rgb), var(--br-opacity, 1)) !important;
}
.br-pink-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--pink-300-rgb), var(--br-opacity, 1)) !important;
}
.br-pink-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--pink-400-rgb), var(--br-opacity, 1)) !important;
}
.br-pink-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--pink-500-rgb), var(--br-opacity, 1)) !important;
}
.br-pink-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--pink-600-rgb), var(--br-opacity, 1)) !important;
}
.br-pink-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--pink-700-rgb), var(--br-opacity, 1)) !important;
}
.br-pink-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--pink-800-rgb), var(--br-opacity, 1)) !important;
}
.br-pink-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--pink-900-rgb), var(--br-opacity, 1)) !important;
}
.br-pink-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--pink-950-rgb), var(--br-opacity, 1)) !important;
}
.br-rose-50 {
    --br-opacity: 1;
    border-color:  rgba(var(--rose-50-rgb), var(--br-opacity, 1)) !important;
}
.br-rose-100 {
    --br-opacity: 1;
    border-color:  rgba(var(--rose-100-rgb), var(--br-opacity, 1)) !important;
}
.br-rose-200 {
    --br-opacity: 1;
    border-color:  rgba(var(--rose-200-rgb), var(--br-opacity, 1)) !important;
}
.br-rose-300 {
    --br-opacity: 1;
    border-color:  rgba(var(--rose-300-rgb), var(--br-opacity, 1)) !important;
}
.br-rose-400 {
    --br-opacity: 1;
    border-color:  rgba(var(--rose-400-rgb), var(--br-opacity, 1)) !important;
}
.br-rose-500 {
    --br-opacity: 1;
    border-color:  rgba(var(--rose-500-rgb), var(--br-opacity, 1)) !important;
}
.br-rose-600 {
    --br-opacity: 1;
    border-color:  rgba(var(--rose-600-rgb), var(--br-opacity, 1)) !important;
}
.br-rose-700 {
    --br-opacity: 1;
    border-color:  rgba(var(--rose-700-rgb), var(--br-opacity, 1)) !important;
}
.br-rose-800 {
    --br-opacity: 1;
    border-color:  rgba(var(--rose-800-rgb), var(--br-opacity, 1)) !important;
}
.br-rose-900 {
    --br-opacity: 1;
    border-color:  rgba(var(--rose-900-rgb), var(--br-opacity, 1)) !important;
}
.br-rose-950 {
    --br-opacity: 1;
    border-color:  rgba(var(--rose-950-rgb), var(--br-opacity, 1)) !important;
}


.hover-br-primary,
.hover:hover .hover-br-primary {
    --br-opacity: 1;
    border-color:rgba(var(--primary-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-success,
.hover:hover .hover-br-success {
    --br-opacity: 1;
    border-color:rgba(var(--success-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-danger,
.hover:hover .hover-br-danger {
    --br-opacity: 1;
    border-color:rgba(var(--danger-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-warning,
.hover:hover .hover-br-warning {
    --br-opacity: 1;
    border-color:rgba(var(--warning-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-info,
.hover:hover .hover-br-info {
    --br-opacity: 1;
    border-color:rgba(var(--info-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-black,
.hover:hover .hover-br-black {
    --br-opacity: 1;
    border-color: rgba(var(--black-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-white:hover,
.hover:hover .hover-br-white {
    --br-opacity: 1;
    border-color: rgba(var(--white-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-primary-50:hover,
.hover:hover .hover-br-primary-50 {
    --br-opacity: 1;
    border-color: rgba(var(--primary-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-primary-100:hover,
.hover:hover .hover-br-primary-100 {
    --br-opacity: 1;
    border-color: rgba(var(--primary-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-primary-200:hover,
.hover:hover .hover-br-primary-200 {
    --br-opacity: 1;
    border-color: rgba(var(--primary-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-primary-300:hover,
.hover:hover .hover-br-primary-300 {
    --br-opacity: 1;
    border-color: rgba(var(--primary-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-primary-400:hover,
.hover:hover .hover-br-primary-400 {
    --br-opacity: 1;
    border-color: rgba(var(--primary-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-primary-500:hover,
.hover:hover .hover-br-primary-500 {
    --br-opacity: 1;
    border-color: rgba(var(--primary-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-primary-600:hover,
.hover:hover .hover-br-primary-600 {
    --br-opacity: 1;
    border-color: rgba(var(--primary-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-primary-700:hover,
.hover:hover .hover-br-primary-700 {
    --br-opacity: 1;
    border-color: rgba(var(--primary-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-primary-800:hover,
.hover:hover .hover-br-primary-800 {
    --br-opacity: 1;
    border-color: rgba(var(--primary-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-primary-900:hover,
.hover:hover .hover-br-primary-900 {
    --br-opacity: 1;
    border-color: rgba(var(--primary-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-primary-950:hover,
.hover:hover .hover-br-primary-950 {
    --br-opacity: 1;
    border-color: rgba(var(--primary-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-success-50:hover,
.hover:hover .hover-br-success-50 {
    --br-opacity: 1;
    border-color: rgba(var(--success-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-success-100:hover,
.hover:hover .hover-br-success-100 {
    --br-opacity: 1;
    border-color: rgba(var(--success-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-success-200:hover,
.hover:hover .hover-br-success-200 {
    --br-opacity: 1;
    border-color: rgba(var(--success-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-success-300:hover,
.hover:hover .hover-br-success-300 {
    --br-opacity: 1;
    border-color: rgba(var(--success-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-success-400:hover,
.hover:hover .hover-br-success-400 {
    --br-opacity: 1;
    border-color: rgba(var(--success-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-success-500:hover,
.hover:hover .hover-br-success-500 {
    --br-opacity: 1;
    border-color: rgba(var(--success-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-success-600:hover,
.hover:hover .hover-br-success-600 {
    --br-opacity: 1;
    border-color: rgba(var(--success-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-success-700:hover,
.hover:hover .hover-br-success-700 {
    --br-opacity: 1;
    border-color: rgba(var(--success-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-success-800:hover,
.hover:hover .hover-br-success-800 {
    --br-opacity: 1;
    border-color: rgba(var(--success-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-success-900:hover,
.hover:hover .hover-br-success-900 {
    --br-opacity: 1;
    border-color: rgba(var(--success-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-success-950:hover,
.hover:hover .hover-br-success-950 {
    --br-opacity: 1;
    border-color: rgba(var(--success-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-danger-50:hover,
.hover:hover .hover-br-danger-50 {
    --br-opacity: 1;
    border-color: rgba(var(--danger-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-danger-100:hover,
.hover:hover .hover-br-danger-100 {
    --br-opacity: 1;
    border-color: rgba(var(--danger-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-danger-200:hover,
.hover:hover .hover-br-danger-200 {
    --br-opacity: 1;
    border-color: rgba(var(--danger-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-danger-300:hover,
.hover:hover .hover-br-danger-300 {
    --br-opacity: 1;
    border-color: rgba(var(--danger-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-danger-400:hover,
.hover:hover .hover-br-danger-400 {
    --br-opacity: 1;
    border-color: rgba(var(--danger-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-danger-500:hover,
.hover:hover .hover-br-danger-500 {
    --br-opacity: 1;
    border-color: rgba(var(--danger-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-danger-600:hover,
.hover:hover .hover-br-danger-600 {
    --br-opacity: 1;
    border-color: rgba(var(--danger-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-danger-700:hover,
.hover:hover .hover-br-danger-700 {
    --br-opacity: 1;
    border-color: rgba(var(--danger-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-danger-800:hover,
.hover:hover .hover-br-danger-800 {
    --br-opacity: 1;
    border-color: rgba(var(--danger-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-danger-900:hover,
.hover:hover .hover-br-danger-900 {
    --br-opacity: 1;
    border-color: rgba(var(--danger-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-danger-950:hover,
.hover:hover .hover-br-danger-950 {
    --br-opacity: 1;
    border-color: rgba(var(--danger-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-warning-50:hover,
.hover:hover .hover-br-warning-50 {
    --br-opacity: 1;
    border-color: rgba(var(--warning-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-warning-100:hover,
.hover:hover .hover-br-warning-100 {
    --br-opacity: 1;
    border-color: rgba(var(--warning-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-warning-200:hover,
.hover:hover .hover-br-warning-200 {
    --br-opacity: 1;
    border-color: rgba(var(--warning-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-warning-300:hover,
.hover:hover .hover-br-warning-300 {
    --br-opacity: 1;
    border-color: rgba(var(--warning-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-warning-400:hover,
.hover:hover .hover-br-warning-400 {
    --br-opacity: 1;
    border-color: rgba(var(--warning-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-warning-500:hover,
.hover:hover .hover-br-warning-500 {
    --br-opacity: 1;
    border-color: rgba(var(--warning-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-warning-600:hover,
.hover:hover .hover-br-warning-600 {
    --br-opacity: 1;
    border-color: rgba(var(--warning-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-warning-700:hover,
.hover:hover .hover-br-warning-700 {
    --br-opacity: 1;
    border-color: rgba(var(--warning-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-warning-800:hover,
.hover:hover .hover-br-warning-800 {
    --br-opacity: 1;
    border-color: rgba(var(--warning-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-warning-900:hover,
.hover:hover .hover-br-warning-900 {
    --br-opacity: 1;
    border-color: rgba(var(--warning-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-warning-950:hover,
.hover:hover .hover-br-warning-950 {
    --br-opacity: 1;
    border-color: rgba(var(--warning-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-info-50:hover,
.hover:hover .hover-br-info-50 {
    --br-opacity: 1;
    border-color: rgba(var(--info-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-info-100:hover,
.hover:hover .hover-br-info-100 {
    --br-opacity: 1;
    border-color: rgba(var(--info-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-info-200:hover,
.hover:hover .hover-br-info-200 {
    --br-opacity: 1;
    border-color: rgba(var(--info-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-info-300:hover,
.hover:hover .hover-br-info-300 {
    --br-opacity: 1;
    border-color: rgba(var(--info-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-info-400:hover,
.hover:hover .hover-br-info-400 {
    --br-opacity: 1;
    border-color: rgba(var(--info-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-info-500:hover,
.hover:hover .hover-br-info-500 {
    --br-opacity: 1;
    border-color: rgba(var(--info-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-info-600:hover,
.hover:hover .hover-br-info-600 {
    --br-opacity: 1;
    border-color: rgba(var(--info-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-info-700:hover,
.hover:hover .hover-br-info-700 {
    --br-opacity: 1;
    border-color: rgba(var(--info-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-info-800:hover,
.hover:hover .hover-br-info-800 {
    --br-opacity: 1;
    border-color: rgba(var(--info-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-info-900:hover,
.hover:hover .hover-br-info-900 {
    --br-opacity: 1;
    border-color: rgba(var(--info-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-info-950:hover,
.hover:hover .hover-br-info-950 {
    --br-opacity: 1;
    border-color: rgba(var(--info-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-slate-50:hover,
.hover:hover .hover-br-slate-50 {
    --br-opacity: 1;
    border-color: rgba(var(--slate-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-slate-100:hover,
.hover:hover .hover-br-slate-100 {
    --br-opacity: 1;
    border-color: rgba(var(--slate-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-slate-200:hover,
.hover:hover .hover-br-slate-200 {
    --br-opacity: 1;
    border-color: rgba(var(--slate-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-slate-300:hover,
.hover:hover .hover-br-slate-300 {
    --br-opacity: 1;
    border-color: rgba(var(--slate-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-slate-400:hover,
.hover:hover .hover-br-slate-400 {
    --br-opacity: 1;
    border-color: rgba(var(--slate-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-slate-500:hover,
.hover:hover .hover-br-slate-500 {
    --br-opacity: 1;
    border-color: rgba(var(--slate-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-slate-600:hover,
.hover:hover .hover-br-slate-600 {
    --br-opacity: 1;
    border-color: rgba(var(--slate-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-slate-700:hover,
.hover:hover .hover-br-slate-700 {
    --br-opacity: 1;
    border-color: rgba(var(--slate-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-slate-800:hover,
.hover:hover .hover-br-slate-800 {
    --br-opacity: 1;
    border-color: rgba(var(--slate-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-slate-900:hover,
.hover:hover .hover-br-slate-900 {
    --br-opacity: 1;
    border-color: rgba(var(--slate-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-slate-950:hover,
.hover:hover .hover-br-slate-950 {
    --br-opacity: 1;
    border-color: rgba(var(--slate-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-gray-50:hover,
.hover:hover .hover-br-gray-50 {
    --br-opacity: 1;
    border-color: rgba(var(--gray-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-gray-100:hover,
.hover:hover .hover-br-gray-100 {
    --br-opacity: 1;
    border-color: rgba(var(--gray-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-gray-200:hover,
.hover:hover .hover-br-gray-200 {
    --br-opacity: 1;
    border-color: rgba(var(--gray-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-gray-300:hover,
.hover:hover .hover-br-gray-300 {
    --br-opacity: 1;
    border-color: rgba(var(--gray-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-gray-400:hover,
.hover:hover .hover-br-gray-400 {
    --br-opacity: 1;
    border-color: rgba(var(--gray-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-gray-500:hover,
.hover:hover .hover-br-gray-500 {
    --br-opacity: 1;
    border-color: rgba(var(--gray-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-gray-600:hover,
.hover:hover .hover-br-gray-600 {
    --br-opacity: 1;
    border-color: rgba(var(--gray-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-gray-700:hover,
.hover:hover .hover-br-gray-700 {
    --br-opacity: 1;
    border-color: rgba(var(--gray-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-gray-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--gray-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-gray-900:hover,
.hover:hover .hover-br-gray-900 {
    --br-opacity: 1;
    border-color: rgba(var(--gray-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-gray-950:hover,
.hover:hover .hover-br-gray-950 {
    --br-opacity: 1;
    border-color: rgba(var(--gray-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-zinc-50:hover,
.hover:hover .hover-br-zinc-50 {
    --br-opacity: 1;
    border-color: rgba(var(--zinc-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-zinc-100:hover,
.hover:hover .hover-br-zinc-100 {
    --br-opacity: 1;
    border-color: rgba(var(--zinc-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-zinc-200:hover,
.hover:hover .hover-br-zinc-200 {
    --br-opacity: 1;
    border-color: rgba(var(--zinc-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-zinc-300:hover,
.hover:hover .hover-br-zinc-300 {
    --br-opacity: 1;
    border-color: rgba(var(--zinc-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-zinc-400:hover,
.hover:hover .hover-br-zinc-400 {
    --br-opacity: 1;
    border-color: rgba(var(--zinc-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-zinc-500:hover,
.hover:hover .hover-br-zinc-500 {
    --br-opacity: 1;
    border-color: rgba(var(--zinc-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-zinc-600:hover,
.hover:hover .hover-br-zinc-600 {
    --br-opacity: 1;
    border-color: rgba(var(--zinc-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-zinc-700:hover,
.hover:hover .hover-br-zinc-700 {
    --br-opacity: 1;
    border-color: rgba(var(--zinc-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-zinc-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--zinc-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-zinc-900:hover,
.hover:hover .hover-br-zinc-900 {
    --br-opacity: 1;
    border-color: rgba(var(--zinc-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-zinc-950:hover,
.hover:hover .hover-br-zinc-950 {
    --br-opacity: 1;
    border-color: rgba(var(--zinc-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-neutral-50:hover,
.hover:hover .hover-br-neutral-50 {
    --br-opacity: 1;
    border-color: rgba(var(--neutral-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-neutral-100:hover,
.hover:hover .hover-br-neutral-100 {
    --br-opacity: 1;
    border-color: rgba(var(--neutral-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-neutral-200:hover,
.hover:hover .hover-br-neutral-200 {
    --br-opacity: 1;
    border-color: rgba(var(--neutral-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-neutral-300:hover,
.hover:hover .hover-br-neutral-300 {
    --br-opacity: 1;
    border-color: rgba(var(--neutral-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-neutral-400:hover,
.hover:hover .hover-br-neutral-400 {
    --br-opacity: 1;
    border-color: rgba(var(--neutral-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-neutral-500:hover,
.hover:hover .hover-br-neutral-500 {
    --br-opacity: 1;
    border-color: rgba(var(--neutral-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-neutral-600:hover,
.hover:hover .hover-br-neutral-600 {
    --br-opacity: 1;
    border-color: rgba(var(--neutral-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-neutral-700:hover,
.hover:hover .hover-br-neutral-700 {
    --br-opacity: 1;
    border-color: rgba(var(--neutral-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-neutral-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--neutral-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-neutral-900:hover,
.hover:hover .hover-br-neutral-900 {
    --br-opacity: 1;
    border-color: rgba(var(--neutral-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-neutral-950:hover,
.hover:hover .hover-br-neutral-950 {
    --br-opacity: 1;
    border-color: rgba(var(--neutral-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-stone-50:hover,
.hover:hover .hover-br-stone-50 {
    --br-opacity: 1;
    border-color: rgba(var(--stone-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-stone-100:hover,
.hover:hover .hover-br-stone-100 {
    --br-opacity: 1;
    border-color: rgba(var(--stone-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-stone-200:hover,
.hover:hover .hover-br-stone-200 {
    --br-opacity: 1;
    border-color: rgba(var(--stone-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-stone-300:hover,
.hover:hover .hover-br-stone-300 {
    --br-opacity: 1;
    border-color: rgba(var(--stone-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-stone-400:hover,
.hover:hover .hover-br-stone-400 {
    --br-opacity: 1;
    border-color: rgba(var(--stone-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-stone-500:hover,
.hover:hover .hover-br-stone-500 {
    --br-opacity: 1;
    border-color: rgba(var(--stone-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-stone-600:hover,
.hover:hover .hover-br-stone-600 {
    --br-opacity: 1;
    border-color: rgba(var(--stone-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-stone-700:hover,
.hover:hover .hover-br-stone-700 {
    --br-opacity: 1;
    border-color: rgba(var(--stone-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-stone-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--stone-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-stone-900:hover,
.hover:hover .hover-br-stone-900 {
    --br-opacity: 1;
    border-color: rgba(var(--stone-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-stone-950:hover,
.hover:hover .hover-br-stone-950 {
    --br-opacity: 1;
    border-color: rgba(var(--stone-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-red-50:hover,
.hover:hover .hover-br-red-50 {
    --br-opacity: 1;
    border-color: rgba(var(--red-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-red-100:hover,
.hover:hover .hover-br-red-100 {
    --br-opacity: 1;
    border-color: rgba(var(--red-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-red-200:hover,
.hover:hover .hover-br-red-200 {
    --br-opacity: 1;
    border-color: rgba(var(--red-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-red-300:hover,
.hover:hover .hover-br-red-300 {
    --br-opacity: 1;
    border-color: rgba(var(--red-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-red-400:hover,
.hover:hover .hover-br-red-400 {
    --br-opacity: 1;
    border-color: rgba(var(--red-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-red-500:hover,
.hover:hover .hover-br-red-500 {
    --br-opacity: 1;
    border-color: rgba(var(--red-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-red-600:hover,
.hover:hover .hover-br-red-600 {
    --br-opacity: 1;
    border-color: rgba(var(--red-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-red-700:hover,
.hover:hover .hover-br-red-700 {
    --br-opacity: 1;
    border-color: rgba(var(--red-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-red-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--red-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-red-900:hover,
.hover:hover .hover-br-red-900 {
    --br-opacity: 1;
    border-color: rgba(var(--red-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-red-950:hover,
.hover:hover .hover-br-red-950 {
    --br-opacity: 1;
    border-color: rgba(var(--red-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-orange-50:hover,
.hover:hover .hover-br-orange-50 {
    --br-opacity: 1;
    border-color: rgba(var(--orange-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-orange-100:hover,
.hover:hover .hover-br-orange-100 {
    --br-opacity: 1;
    border-color: rgba(var(--orange-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-orange-200:hover,
.hover:hover .hover-br-orange-200 {
    --br-opacity: 1;
    border-color: rgba(var(--orange-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-orange-300:hover,
.hover:hover .hover-br-orange-300 {
    --br-opacity: 1;
    border-color: rgba(var(--orange-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-orange-400:hover,
.hover:hover .hover-br-orange-400 {
    --br-opacity: 1;
    border-color: rgba(var(--orange-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-orange-500:hover,
.hover:hover .hover-br-orange-500 {
    --br-opacity: 1;
    border-color: rgba(var(--orange-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-orange-600:hover,
.hover:hover .hover-br-orange-600 {
    --br-opacity: 1;
    border-color: rgba(var(--orange-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-orange-700:hover,
.hover:hover .hover-br-orange-700 {
    --br-opacity: 1;
    border-color: rgba(var(--orange-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-orange-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--orange-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-orange-900:hover,
.hover:hover .hover-br-orange-900 {
    --br-opacity: 1;
    border-color: rgba(var(--orange-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-orange-950:hover,
.hover:hover .hover-br-orange-950 {
    --br-opacity: 1;
    border-color: rgba(var(--orange-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-amber-50:hover,
.hover:hover .hover-br-amber-50 {
    --br-opacity: 1;
    border-color: rgba(var(--amber-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-amber-100:hover,
.hover:hover .hover-br-amber-100 {
    --br-opacity: 1;
    border-color: rgba(var(--amber-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-amber-200:hover,
.hover:hover .hover-br-amber-200 {
    --br-opacity: 1;
    border-color: rgba(var(--amber-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-amber-300:hover,
.hover:hover .hover-br-amber-300 {
    --br-opacity: 1;
    border-color: rgba(var(--amber-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-amber-400:hover,
.hover:hover .hover-br-amber-400 {
    --br-opacity: 1;
    border-color: rgba(var(--amber-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-amber-500:hover,
.hover:hover .hover-br-amber-500 {
    --br-opacity: 1;
    border-color: rgba(var(--amber-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-amber-600:hover,
.hover:hover .hover-br-amber-600 {
    --br-opacity: 1;
    border-color: rgba(var(--amber-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-amber-700:hover,
.hover:hover .hover-br-amber-700 {
    --br-opacity: 1;
    border-color: rgba(var(--amber-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-amber-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--amber-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-amber-900:hover,
.hover:hover .hover-br-amber-900 {
    --br-opacity: 1;
    border-color: rgba(var(--amber-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-amber-950:hover,
.hover:hover .hover-br-amber-950 {
    --br-opacity: 1;
    border-color: rgba(var(--amber-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-yellow-50:hover,
.hover:hover .hover-br-yellow-50 {
    --br-opacity: 1;
    border-color: rgba(var(--yellow-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-yellow-100:hover,
.hover:hover .hover-br-yellow-100 {
    --br-opacity: 1;
    border-color: rgba(var(--yellow-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-yellow-200:hover,
.hover:hover .hover-br-yellow-200 {
    --br-opacity: 1;
    border-color: rgba(var(--yellow-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-yellow-300:hover,
.hover:hover .hover-br-yellow-300 {
    --br-opacity: 1;
    border-color: rgba(var(--yellow-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-yellow-400:hover,
.hover:hover .hover-br-yellow-400 {
    --br-opacity: 1;
    border-color: rgba(var(--yellow-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-yellow-500:hover,
.hover:hover .hover-br-yellow-500 {
    --br-opacity: 1;
    border-color: rgba(var(--yellow-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-yellow-600:hover,
.hover:hover .hover-br-yellow-600 {
    --br-opacity: 1;
    border-color: rgba(var(--yellow-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-yellow-700:hover,
.hover:hover .hover-br-yellow-700 {
    --br-opacity: 1;
    border-color: rgba(var(--yellow-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-yellow-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--yellow-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-yellow-900:hover,
.hover:hover .hover-br-yellow-900 {
    --br-opacity: 1;
    border-color: rgba(var(--yellow-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-yellow-950:hover,
.hover:hover .hover-br-yellow-950 {
    --br-opacity: 1;
    border-color: rgba(var(--yellow-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-lime-50:hover,
.hover:hover .hover-br-lime-50 {
    --br-opacity: 1;
    border-color: rgba(var(--lime-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-lime-100:hover,
.hover:hover .hover-br-lime-100 {
    --br-opacity: 1;
    border-color: rgba(var(--lime-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-lime-200:hover,
.hover:hover .hover-br-lime-200 {
    --br-opacity: 1;
    border-color: rgba(var(--lime-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-lime-300:hover,
.hover:hover .hover-br-lime-300 {
    --br-opacity: 1;
    border-color: rgba(var(--lime-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-lime-400:hover,
.hover:hover .hover-br-lime-400 {
    --br-opacity: 1;
    border-color: rgba(var(--lime-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-lime-500:hover,
.hover:hover .hover-br-lime-500 {
    --br-opacity: 1;
    border-color: rgba(var(--lime-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-lime-600:hover,
.hover:hover .hover-br-lime-600 {
    --br-opacity: 1;
    border-color: rgba(var(--lime-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-lime-700:hover,
.hover:hover .hover-br-lime-700 {
    --br-opacity: 1;
    border-color: rgba(var(--lime-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-lime-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--lime-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-lime-900:hover,
.hover:hover .hover-br-lime-900 {
    --br-opacity: 1;
    border-color: rgba(var(--lime-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-lime-950:hover,
.hover:hover .hover-br-lime-950 {
    --br-opacity: 1;
    border-color: rgba(var(--lime-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-green-50:hover,
.hover:hover .hover-br-green-50 {
    --br-opacity: 1;
    border-color: rgba(var(--green-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-green-100:hover,
.hover:hover .hover-br-green-100 {
    --br-opacity: 1;
    border-color: rgba(var(--green-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-green-200:hover,
.hover:hover .hover-br-green-200 {
    --br-opacity: 1;
    border-color: rgba(var(--green-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-green-300:hover,
.hover:hover .hover-br-green-300 {
    --br-opacity: 1;
    border-color: rgba(var(--green-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-green-400:hover,
.hover:hover .hover-br-green-400 {
    --br-opacity: 1;
    border-color: rgba(var(--green-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-green-500:hover,
.hover:hover .hover-br-green-500 {
    --br-opacity: 1;
    border-color: rgba(var(--green-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-green-600:hover,
.hover:hover .hover-br-green-600 {
    --br-opacity: 1;
    border-color: rgba(var(--green-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-green-700:hover,
.hover:hover .hover-br-green-700 {
    --br-opacity: 1;
    border-color: rgba(var(--green-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-green-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--green-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-green-900:hover,
.hover:hover .hover-br-green-900 {
    --br-opacity: 1;
    border-color: rgba(var(--green-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-green-950:hover,
.hover:hover .hover-br-green-950 {
    --br-opacity: 1;
    border-color: rgba(var(--green-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-emerald-50:hover,
.hover:hover .hover-br-emerald-50 {
    --br-opacity: 1;
    border-color: rgba(var(--emerald-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-emerald-100:hover,
.hover:hover .hover-br-emerald-100 {
    --br-opacity: 1;
    border-color: rgba(var(--emerald-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-emerald-200:hover,
.hover:hover .hover-br-emerald-200 {
    --br-opacity: 1;
    border-color: rgba(var(--emerald-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-emerald-300:hover,
.hover:hover .hover-br-emerald-300 {
    --br-opacity: 1;
    border-color: rgba(var(--emerald-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-emerald-400:hover,
.hover:hover .hover-br-emerald-400 {
    --br-opacity: 1;
    border-color: rgba(var(--emerald-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-emerald-500:hover,
.hover:hover .hover-br-emerald-500 {
    --br-opacity: 1;
    border-color: rgba(var(--emerald-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-emerald-600:hover,
.hover:hover .hover-br-emerald-600 {
    --br-opacity: 1;
    border-color: rgba(var(--emerald-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-emerald-700:hover,
.hover:hover .hover-br-emerald-700 {
    --br-opacity: 1;
    border-color: rgba(var(--emerald-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-emerald-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--emerald-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-emerald-900:hover,
.hover:hover .hover-br-emerald-900 {
    --br-opacity: 1;
    border-color: rgba(var(--emerald-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-emerald-950:hover,
.hover:hover .hover-br-emerald-950 {
    --br-opacity: 1;
    border-color: rgba(var(--emerald-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-teal-50:hover,
.hover:hover .hover-br-teal-50 {
    --br-opacity: 1;
    border-color: rgba(var(--teal-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-teal-100:hover,
.hover:hover .hover-br-teal-100 {
    --br-opacity: 1;
    border-color: rgba(var(--teal-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-teal-200:hover,
.hover:hover .hover-br-teal-200 {
    --br-opacity: 1;
    border-color: rgba(var(--teal-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-teal-300:hover,
.hover:hover .hover-br-teal-300 {
    --br-opacity: 1;
    border-color: rgba(var(--teal-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-teal-400:hover,
.hover:hover .hover-br-teal-400 {
    --br-opacity: 1;
    border-color: rgba(var(--teal-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-teal-500:hover,
.hover:hover .hover-br-teal-500 {
    --br-opacity: 1;
    border-color: rgba(var(--teal-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-teal-600:hover,
.hover:hover .hover-br-teal-600 {
    --br-opacity: 1;
    border-color: rgba(var(--teal-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-teal-700:hover,
.hover:hover .hover-br-teal-700 {
    --br-opacity: 1;
    border-color: rgba(var(--teal-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-teal-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--teal-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-teal-900:hover,
.hover:hover .hover-br-teal-900 {
    --br-opacity: 1;
    border-color: rgba(var(--teal-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-teal-950:hover,
.hover:hover .hover-br-teal-950 {
    --br-opacity: 1;
    border-color: rgba(var(--teal-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-cyan-50:hover,
.hover:hover .hover-br-cyan-50 {
    --br-opacity: 1;
    border-color: rgba(var(--cyan-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-cyan-100:hover,
.hover:hover .hover-br-cyan-100 {
    --br-opacity: 1;
    border-color: rgba(var(--cyan-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-cyan-200:hover,
.hover:hover .hover-br-cyan-200 {
    --br-opacity: 1;
    border-color: rgba(var(--cyan-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-cyan-300:hover,
.hover:hover .hover-br-cyan-300 {
    --br-opacity: 1;
    border-color: rgba(var(--cyan-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-cyan-400:hover,
.hover:hover .hover-br-cyan-400 {
    --br-opacity: 1;
    border-color: rgba(var(--cyan-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-cyan-500:hover,
.hover:hover .hover-br-cyan-500 {
    --br-opacity: 1;
    border-color: rgba(var(--cyan-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-cyan-600:hover,
.hover:hover .hover-br-cyan-600 {
    --br-opacity: 1;
    border-color: rgba(var(--cyan-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-cyan-700:hover,
.hover:hover .hover-br-cyan-700 {
    --br-opacity: 1;
    border-color: rgba(var(--cyan-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-cyan-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--cyan-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-cyan-900:hover,
.hover:hover .hover-br-cyan-900 {
    --br-opacity: 1;
    border-color: rgba(var(--cyan-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-cyan-950:hover,
.hover:hover .hover-br-cyan-950 {
    --br-opacity: 1;
    border-color: rgba(var(--cyan-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-sky-50:hover,
.hover:hover .hover-br-sky-50 {
    --br-opacity: 1;
    border-color: rgba(var(--sky-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-sky-100:hover,
.hover:hover .hover-br-sky-100 {
    --br-opacity: 1;
    border-color: rgba(var(--sky-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-sky-200:hover,
.hover:hover .hover-br-sky-200 {
    --br-opacity: 1;
    border-color: rgba(var(--sky-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-sky-300:hover,
.hover:hover .hover-br-sky-300 {
    --br-opacity: 1;
    border-color: rgba(var(--sky-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-sky-400:hover,
.hover:hover .hover-br-sky-400 {
    --br-opacity: 1;
    border-color: rgba(var(--sky-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-sky-500:hover,
.hover:hover .hover-br-sky-500 {
    --br-opacity: 1;
    border-color: rgba(var(--sky-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-sky-600:hover,
.hover:hover .hover-br-sky-600 {
    --br-opacity: 1;
    border-color: rgba(var(--sky-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-sky-700:hover,
.hover:hover .hover-br-sky-700 {
    --br-opacity: 1;
    border-color: rgba(var(--sky-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-sky-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--sky-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-sky-900:hover,
.hover:hover .hover-br-sky-900 {
    --br-opacity: 1;
    border-color: rgba(var(--sky-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-sky-950:hover,
.hover:hover .hover-br-sky-950 {
    --br-opacity: 1;
    border-color: rgba(var(--sky-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-blue-50:hover,
.hover:hover .hover-br-blue-50 {
    --br-opacity: 1;
    border-color: rgba(var(--blue-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-blue-100:hover,
.hover:hover .hover-br-blue-100 {
    --br-opacity: 1;
    border-color: rgba(var(--blue-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-blue-200:hover,
.hover:hover .hover-br-blue-200 {
    --br-opacity: 1;
    border-color: rgba(var(--blue-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-blue-300:hover,
.hover:hover .hover-br-blue-300 {
    --br-opacity: 1;
    border-color: rgba(var(--blue-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-blue-400:hover,
.hover:hover .hover-br-blue-400 {
    --br-opacity: 1;
    border-color: rgba(var(--blue-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-blue-500:hover,
.hover:hover .hover-br-blue-500 {
    --br-opacity: 1;
    border-color: rgba(var(--blue-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-blue-600:hover,
.hover:hover .hover-br-blue-600 {
    --br-opacity: 1;
    border-color: rgba(var(--blue-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-blue-700:hover,
.hover:hover .hover-br-blue-700 {
    --br-opacity: 1;
    border-color: rgba(var(--blue-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-blue-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--blue-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-blue-900:hover,
.hover:hover .hover-br-blue-900 {
    --br-opacity: 1;
    border-color: rgba(var(--blue-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-blue-950:hover,
.hover:hover .hover-br-blue-950 {
    --br-opacity: 1;
    border-color: rgba(var(--blue-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-indigo-50:hover,
.hover:hover .hover-br-indigo-50 {
    --br-opacity: 1;
    border-color: rgba(var(--indigo-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-indigo-100:hover,
.hover:hover .hover-br-indigo-100 {
    --br-opacity: 1;
    border-color: rgba(var(--indigo-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-indigo-200:hover,
.hover:hover .hover-br-indigo-200 {
    --br-opacity: 1;
    border-color: rgba(var(--indigo-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-indigo-300:hover,
.hover:hover .hover-br-indigo-300 {
    --br-opacity: 1;
    border-color: rgba(var(--indigo-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-indigo-400:hover,
.hover:hover .hover-br-indigo-400 {
    --br-opacity: 1;
    border-color: rgba(var(--indigo-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-indigo-500:hover,
.hover:hover .hover-br-indigo-500 {
    --br-opacity: 1;
    border-color: rgba(var(--indigo-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-indigo-600:hover,
.hover:hover .hover-br-indigo-600 {
    --br-opacity: 1;
    border-color: rgba(var(--indigo-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-indigo-700:hover,
.hover:hover .hover-br-indigo-700 {
    --br-opacity: 1;
    border-color: rgba(var(--indigo-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-indigo-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--indigo-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-indigo-900:hover,
.hover:hover .hover-br-indigo-900 {
    --br-opacity: 1;
    border-color: rgba(var(--indigo-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-indigo-950:hover,
.hover:hover .hover-br-indigo-950 {
    --br-opacity: 1;
    border-color: rgba(var(--indigo-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-violet-50:hover,
.hover:hover .hover-br-violet-50 {
    --br-opacity: 1;
    border-color: rgba(var(--violet-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-violet-100:hover,
.hover:hover .hover-br-violet-100 {
    --br-opacity: 1;
    border-color: rgba(var(--violet-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-violet-200:hover,
.hover:hover .hover-br-violet-200 {
    --br-opacity: 1;
    border-color: rgba(var(--violet-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-violet-300:hover,
.hover:hover .hover-br-violet-300 {
    --br-opacity: 1;
    border-color: rgba(var(--violet-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-violet-400:hover,
.hover:hover .hover-br-violet-400 {
    --br-opacity: 1;
    border-color: rgba(var(--violet-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-violet-500:hover,
.hover:hover .hover-br-violet-500 {
    --br-opacity: 1;
    border-color: rgba(var(--violet-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-violet-600:hover,
.hover:hover .hover-br-violet-600 {
    --br-opacity: 1;
    border-color: rgba(var(--violet-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-violet-700:hover,
.hover:hover .hover-br-violet-700 {
    --br-opacity: 1;
    border-color: rgba(var(--violet-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-violet-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--violet-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-violet-900:hover,
.hover:hover .hover-br-violet-900 {
    --br-opacity: 1;
    border-color: rgba(var(--violet-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-violet-950:hover,
.hover:hover .hover-br-violet-950 {
    --br-opacity: 1;
    border-color: rgba(var(--violet-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-purple-50:hover,
.hover:hover .hover-br-purple-50 {
    --br-opacity: 1;
    border-color: rgba(var(--purple-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-purple-100:hover,
.hover:hover .hover-br-purple-100 {
    --br-opacity: 1;
    border-color: rgba(var(--purple-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-purple-200:hover,
.hover:hover .hover-br-purple-200 {
    --br-opacity: 1;
    border-color: rgba(var(--purple-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-purple-300:hover,
.hover:hover .hover-br-purple-300 {
    --br-opacity: 1;
    border-color: rgba(var(--purple-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-purple-400:hover,
.hover:hover .hover-br-purple-400 {
    --br-opacity: 1;
    border-color: rgba(var(--purple-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-purple-500:hover,
.hover:hover .hover-br-purple-500 {
    --br-opacity: 1;
    border-color: rgba(var(--purple-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-purple-600:hover,
.hover:hover .hover-br-purple-600 {
    --br-opacity: 1;
    border-color: rgba(var(--purple-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-purple-700:hover,
.hover:hover .hover-br-purple-700 {
    --br-opacity: 1;
    border-color: rgba(var(--purple-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-purple-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--purple-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-purple-900:hover,
.hover:hover .hover-br-purple-900 {
    --br-opacity: 1;
    border-color: rgba(var(--purple-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-purple-950:hover,
.hover:hover .hover-br-purple-950 {
    --br-opacity: 1;
    border-color: rgba(var(--purple-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-fuchsia-50:hover,
.hover:hover .hover-br-fuchsia-50 {
    --br-opacity: 1;
    border-color: rgba(var(--fuchsia-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-fuchsia-100:hover,
.hover:hover .hover-br-fuchsia-100 {
    --br-opacity: 1;
    border-color: rgba(var(--fuchsia-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-fuchsia-200:hover,
.hover:hover .hover-br-fuchsia-200 {
    --br-opacity: 1;
    border-color: rgba(var(--fuchsia-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-fuchsia-300:hover,
.hover:hover .hover-br-fuchsia-300 {
    --br-opacity: 1;
    border-color: rgba(var(--fuchsia-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-fuchsia-400:hover,
.hover:hover .hover-br-fuchsia-400 {
    --br-opacity: 1;
    border-color: rgba(var(--fuchsia-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-fuchsia-500:hover,
.hover:hover .hover-br-fuchsia-500 {
    --br-opacity: 1;
    border-color: rgba(var(--fuchsia-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-fuchsia-600:hover,
.hover:hover .hover-br-fuchsia-600 {
    --br-opacity: 1;
    border-color: rgba(var(--fuchsia-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-fuchsia-700:hover,
.hover:hover .hover-br-fuchsia-700 {
    --br-opacity: 1;
    border-color: rgba(var(--fuchsia-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-fuchsia-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--fuchsia-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-fuchsia-900:hover,
.hover:hover .hover-br-fuchsia-900 {
    --br-opacity: 1;
    border-color: rgba(var(--fuchsia-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-fuchsia-950:hover,
.hover:hover .hover-br-fuchsia-950 {
    --br-opacity: 1;
    border-color: rgba(var(--fuchsia-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-pink-50:hover,
.hover:hover .hover-br-pink-50 {
    --br-opacity: 1;
    border-color: rgba(var(--pink-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-pink-100:hover,
.hover:hover .hover-br-pink-100 {
    --br-opacity: 1;
    border-color: rgba(var(--pink-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-pink-200:hover,
.hover:hover .hover-br-pink-200 {
    --br-opacity: 1;
    border-color: rgba(var(--pink-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-pink-300:hover,
.hover:hover .hover-br-pink-300 {
    --br-opacity: 1;
    border-color: rgba(var(--pink-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-pink-400:hover,
.hover:hover .hover-br-pink-400 {
    --br-opacity: 1;
    border-color: rgba(var(--pink-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-pink-500:hover,
.hover:hover .hover-br-pink-500 {
    --br-opacity: 1;
    border-color: rgba(var(--pink-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-pink-600:hover,
.hover:hover .hover-br-pink-600 {
    --br-opacity: 1;
    border-color: rgba(var(--pink-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-pink-700:hover,
.hover:hover .hover-br-pink-700 {
    --br-opacity: 1;
    border-color: rgba(var(--pink-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-pink-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--pink-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-pink-900:hover,
.hover:hover .hover-br-pink-900 {
    --br-opacity: 1;
    border-color: rgba(var(--pink-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-pink-950:hover,
.hover:hover .hover-br-pink-950 {
    --br-opacity: 1;
    border-color: rgba(var(--pink-950-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-rose-50:hover,
.hover:hover .hover-br-rose-50 {
    --br-opacity: 1;
    border-color: rgba(var(--rose-50-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-rose-100:hover,
.hover:hover .hover-br-rose-100 {
    --br-opacity: 1;
    border-color: rgba(var(--rose-100-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-rose-200:hover,
.hover:hover .hover-br-rose-200 {
    --br-opacity: 1;
    border-color: rgba(var(--rose-200-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-rose-300:hover,
.hover:hover .hover-br-rose-300 {
    --br-opacity: 1;
    border-color: rgba(var(--rose-300-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-rose-400:hover,
.hover:hover .hover-br-rose-400 {
    --br-opacity: 1;
    border-color: rgba(var(--rose-400-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-rose-500:hover,
.hover:hover .hover-br-rose-500 {
    --br-opacity: 1;
    border-color: rgba(var(--rose-500-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-rose-600:hover,
.hover:hover .hover-br-rose-600 {
    --br-opacity: 1;
    border-color: rgba(var(--rose-600-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-rose-700:hover,
.hover:hover .hover-br-rose-700 {
    --br-opacity: 1;
    border-color: rgba(var(--rose-700-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-rose-800:hover {
    --br-opacity: 1;
    border-color: rgba(var(--rose-800-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-rose-900:hover,
.hover:hover .hover-br-rose-900 {
    --br-opacity: 1;
    border-color: rgba(var(--rose-900-rgb), var(--br-opacity, 1)) !important;
}
.hover-br-rose-950:hover,
.hover:hover .hover-br-rose-950 {
    --br-opacity: 1;
    border-color: rgba(var(--rose-950-rgb), var(--br-opacity, 1)) !important;
}
/* gap */
.gap-0 {
	gap:0px !important;
}
.gap-4 {
	gap:4px !important;
}
.gap-8 {
	gap:8px !important;
}
.gap-12 {
	gap:12px !important;
}
.gap-16 {
	gap:16px !important;
}
.gap-20 {
	gap:20px !important;
}
.gap-24 {
	gap:24px !important;
}
.gap-28 {
	gap:28px !important;
}
.gap-32 {
	gap:32px !important;
}
.gap-36 {
	gap:36px !important;
}
.gap-40 {
	gap:40px !important;
}
.gap-x-0 {
	column-gap:0 !important;
}
.gap-x-4 {
	column-gap:4px !important;
}
.gap-x-8 {
	column-gap:8px !important;
}
.gap-x-12 {
	column-gap:12px !important;
}
.gap-x-16 {
	column-gap:16px !important;
}
.gap-x-20 {
	column-gap:20px !important;
}
.gap-x-24 {
	column-gap:24px !important;
}
.gap-x-28 {
	column-gap:28px !important;
}
.gap-x-32 {
	column-gap:32px !important;
}
.gap-x-36 {
	column-gap:36px !important;
}
.gap-x-40 {
	column-gap:40px !important;
}
.gap-y-0 {
	row-gap:0 !important;
}
.gap-y-4 {
	row-gap:4px !important;
}
.gap-y-8 {
	row-gap:8px !important;
}
.gap-y-12 {
	row-gap:12px !important;
}
.gap-y-16 {
	row-gap:16px !important;
}
.gap-y-20 {
	row-gap:20px !important;
}
.gap-y-24 {
	row-gap:24px !important;
}
.gap-y-28 {
	row-gap:28px !important;
}
.gap-y-32 {
	row-gap:32px !important;
}
.gap-y-36 {
	row-gap:36px !important;
}
.gap-y-40 {
	row-gap: 40px !important;
}

/* 배경컬러*/
.bg-op-0 {
    --bg-opacity: 0 !important;
}
.bg-op-5 {
    --bg-opacity: 0.05 !important;
}
.bg-op-10 {
    --bg-opacity: 0.1 !important;
}
.bg-op-20 {
    --bg-opacity: 0.2 !important;
}
.bg-op-25 {
    --bg-opacity: 0.25 !important;
}
.bg-op-30 {
    --bg-opacity: 0.3 !important;
}
.bg-op-40 {
    --bg-opacity: 0.4 !important;
}
.bg-op-50 {
    --bg-opacity: 0.5 !important;
}
.bg-op-60 {
    --bg-opacity: 0.6 !important;
}
.bg-op-70 {
    --bg-opacity: 0.7 !important;
}
.bg-op-75 {
    --bg-opacity: 0.75 !important;
}
.bg-op-80 {
    --bg-opacity: 0.8 !important;
}
.bg-op-90 {
    --bg-opacity: 0.9 !important;
}
.bg-op-95 {
    --bg-opacity: 0.95 !important;
}
.bg-op-100 {
    --bg-opacity: 1 !important;
}
.hover-bg-op-0:hover {
    --bg-opacity: 0 !important;
}
.hover-bg-op-5:hover {
    --bg-opacity: 0.05 !important;
}
.hover-bg-op-10:hover {
    --bg-opacity: 0.1 !important;
}
.hover-bg-op-20:hover {
    --bg-opacity: 0.2 !important;
}
.hover-bg-op-25:hover {
    --bg-opacity: 0.25 !important;
}
.hover-bg-op-30:hover {
    --bg-opacity: 0.3 !important;
}
.hover-bg-op-40:hover {
    --bg-opacity: 0.4 !important;
}
.hover-bg-op-50:hover {
    --bg-opacity: 0.5 !important;
}
.hover-bg-op-60:hover {
    --bg-opacity: 0.6 !important;
}
.hover-bg-op-70:hover {
    --bg-opacity: 0.7 !important;
}
.hover-bg-op-75:hover {
    --bg-opacity: 0.75 !important;
}
.hover-bg-op-80:hover {
    --bg-opacity: 0.8 !important;
}
.hover-bg-op-90:hover {
    --bg-opacity: 0.9 !important;
}
.hover-bg-op-95:hover {
    --bg-opacity: 0.95 !important;
}
.hover-bg-op-100:hover {
    --bg-opacity: 1 !important;
}
.bg-primary {
    --bg-opacity: 1;
    background-color:rgba(var(--primary-rgb), var(--bg-opacity, 1)) !important;
}
.bg-success {
    --bg-opacity: 1;
    background-color:rgba(var(--success-rgb), var(--bg-opacity, 1)) !important;
}
.bg-danger {
    --bg-opacity: 1;
    background-color:rgba(var(--danger-rgb), var(--bg-opacity, 1)) !important;
}
.bg-warning {
    --bg-opacity: 1;
    background-color:rgba(var(--warning-rgb), var(--bg-opacity, 1)) !important;
}
.bg-info {
    --bg-opacity: 1;
    background-color:rgba(var(--info-rgb), var(--bg-opacity, 1)) !important;
}
.bg-black {
    --bg-opacity: 1;
    background-color: rgba(var(--black-rgb), var(--bg-opacity, 1)) !important;
}
.bg-white {
    --bg-opacity: 1;
    background-color: rgba(var(--white-rgb), var(--bg-opacity, 1)) !important;
}
.bg-primary-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-primary-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-primary-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-primary-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-primary-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-primary-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-primary-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-primary-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-primary-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-primary-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-primary-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-success-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-success-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-success-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-success-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-success-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-success-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-success-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-success-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-success-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-success-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-success-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-danger-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-danger-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-danger-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-danger-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-danger-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-danger-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-danger-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-danger-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-danger-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-danger-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-danger-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-warning-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-warning-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-warning-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-warning-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-warning-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-warning-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-warning-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-warning-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-warning-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-warning-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-warning-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-info-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-info-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-info-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-info-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-info-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-info-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-info-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-info-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-info-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-info-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-info-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-slate-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-slate-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-slate-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-slate-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-slate-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-slate-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-slate-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-slate-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-slate-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-slate-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-slate-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-gray-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-gray-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-gray-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-gray-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-gray-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-gray-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-gray-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-gray-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-gray-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-gray-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-gray-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-zinc-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-zinc-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-zinc-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-zinc-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-zinc-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-zinc-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-zinc-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-zinc-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-zinc-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-zinc-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-zinc-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-neutral-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-neutral-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-neutral-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-neutral-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-neutral-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-neutral-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-neutral-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-neutral-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-neutral-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-neutral-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-neutral-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-stone-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-stone-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-stone-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-stone-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-stone-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-stone-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-stone-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-stone-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-stone-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-stone-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-stone-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-red-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-red-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-red-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-red-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-red-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-red-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-red-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-red-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-red-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-red-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-red-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-orange-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-orange-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-orange-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-orange-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-orange-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-orange-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-orange-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-orange-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-orange-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-orange-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-orange-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-amber-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-amber-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-amber-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-amber-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-amber-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-amber-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-amber-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-amber-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-amber-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-amber-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-amber-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-yellow-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-yellow-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-yellow-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-yellow-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-yellow-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-yellow-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-yellow-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-yellow-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-yellow-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-yellow-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-yellow-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-lime-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-lime-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-lime-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-lime-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-lime-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-lime-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-lime-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-lime-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-lime-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-lime-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-lime-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-green-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-green-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-green-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-green-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-green-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-green-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-green-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-green-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-green-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-green-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-green-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-emerald-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-emerald-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-emerald-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-emerald-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-emerald-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-emerald-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-emerald-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-emerald-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-emerald-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-emerald-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-emerald-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-teal-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-teal-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-teal-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-teal-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-teal-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-teal-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-teal-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-teal-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-teal-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-teal-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-teal-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-cyan-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-cyan-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-cyan-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-cyan-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-cyan-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-cyan-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-cyan-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-cyan-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-cyan-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-cyan-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-cyan-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-sky-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-sky-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-sky-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-sky-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-sky-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-sky-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-sky-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-sky-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-sky-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-sky-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-sky-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-blue-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-blue-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-blue-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-blue-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-blue-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-blue-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-blue-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-blue-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-blue-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-blue-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-blue-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-indigo-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-indigo-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-indigo-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-indigo-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-indigo-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-indigo-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-indigo-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-indigo-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-indigo-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-indigo-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-indigo-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-violet-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-violet-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-violet-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-violet-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-violet-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-violet-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-violet-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-violet-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-violet-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-violet-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-violet-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-purple-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-purple-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-purple-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-purple-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-purple-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-purple-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-purple-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-purple-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-purple-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-purple-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-purple-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-fuchsia-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-fuchsia-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-fuchsia-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-fuchsia-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-fuchsia-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-fuchsia-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-fuchsia-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-fuchsia-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-fuchsia-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-fuchsia-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-fuchsia-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-pink-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-pink-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-pink-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-pink-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-pink-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-pink-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-pink-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-pink-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-pink-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-pink-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-pink-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-950-rgb), var(--bg-opacity, 1)) !important;
}
.bg-rose-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-50-rgb), var(--bg-opacity, 1)) !important;
}
.bg-rose-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-100-rgb), var(--bg-opacity, 1)) !important;
}
.bg-rose-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-200-rgb), var(--bg-opacity, 1)) !important;
}
.bg-rose-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-300-rgb), var(--bg-opacity, 1)) !important;
}
.bg-rose-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-400-rgb), var(--bg-opacity, 1)) !important;
}
.bg-rose-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-500-rgb), var(--bg-opacity, 1)) !important;
}
.bg-rose-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-600-rgb), var(--bg-opacity, 1)) !important;
}
.bg-rose-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-700-rgb), var(--bg-opacity, 1)) !important;
}
.bg-rose-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-800-rgb), var(--bg-opacity, 1)) !important;
}
.bg-rose-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-900-rgb), var(--bg-opacity, 1)) !important;
}
.bg-rose-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-950-rgb), var(--bg-opacity, 1)) !important;
}

.hover-bg-primary,
.hover:hover .hover-bg-primary {
    --bg-opacity: 1;
    background-color:rgba(var(--primary-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-success,
.hover:hover .hover-bg-success {
    --bg-opacity: 1;
    background-color:rgba(var(--success-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-danger,
.hover:hover .hover-bg-danger {
    --bg-opacity: 1;
    background-color:rgba(var(--danger-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-warning,
.hover:hover .hover-bg-warning {
    --bg-opacity: 1;
    background-color:rgba(var(--warning-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-info,
.hover:hover .hover-bg-info {
    --bg-opacity: 1;
    background-color:rgba(var(--info-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-black,
.hover:hover .hover-bg-black {
    --bg-opacity: 1;
    background-color: rgba(var(--black-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-white:hover,
.hover:hover .hover-bg-white {
    --bg-opacity: 1;
    background-color: rgba(var(--white-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-primary-50:hover,
.hover:hover .hover-bg-primary-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-primary-100:hover,
.hover:hover .hover-bg-primary-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-primary-200:hover,
.hover:hover .hover-bg-primary-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-primary-300:hover,
.hover:hover .hover-bg-primary-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-primary-400:hover,
.hover:hover .hover-bg-primary-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-primary-500:hover,
.hover:hover .hover-bg-primary-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-primary-600:hover,
.hover:hover .hover-bg-primary-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-primary-700:hover,
.hover:hover .hover-bg-primary-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-primary-800:hover,
.hover:hover .hover-bg-primary-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-primary-900:hover,
.hover:hover .hover-bg-primary-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-primary-950:hover,
.hover:hover .hover-bg-primary-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--primary-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-success-50:hover,
.hover:hover .hover-bg-success-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-success-100:hover,
.hover:hover .hover-bg-success-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-success-200:hover,
.hover:hover .hover-bg-success-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-success-300:hover,
.hover:hover .hover-bg-success-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-success-400:hover,
.hover:hover .hover-bg-success-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-success-500:hover,
.hover:hover .hover-bg-success-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-success-600:hover,
.hover:hover .hover-bg-success-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-success-700:hover,
.hover:hover .hover-bg-success-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-success-800:hover,
.hover:hover .hover-bg-success-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-success-900:hover,
.hover:hover .hover-bg-success-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-success-950:hover,
.hover:hover .hover-bg-success-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--success-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-danger-50:hover,
.hover:hover .hover-bg-danger-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-danger-100:hover,
.hover:hover .hover-bg-danger-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-danger-200:hover,
.hover:hover .hover-bg-danger-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-danger-300:hover,
.hover:hover .hover-bg-danger-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-danger-400:hover,
.hover:hover .hover-bg-danger-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-danger-500:hover,
.hover:hover .hover-bg-danger-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-danger-600:hover,
.hover:hover .hover-bg-danger-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-danger-700:hover,
.hover:hover .hover-bg-danger-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-danger-800:hover,
.hover:hover .hover-bg-danger-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-danger-900:hover,
.hover:hover .hover-bg-danger-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-danger-950:hover,
.hover:hover .hover-bg-danger-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-warning-50:hover,
.hover:hover .hover-bg-warning-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-warning-100:hover,
.hover:hover .hover-bg-warning-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-warning-200:hover,
.hover:hover .hover-bg-warning-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-warning-300:hover,
.hover:hover .hover-bg-warning-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-warning-400:hover,
.hover:hover .hover-bg-warning-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-warning-500:hover,
.hover:hover .hover-bg-warning-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-warning-600:hover,
.hover:hover .hover-bg-warning-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-warning-700:hover,
.hover:hover .hover-bg-warning-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-warning-800:hover,
.hover:hover .hover-bg-warning-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-warning-900:hover,
.hover:hover .hover-bg-warning-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-warning-950:hover,
.hover:hover .hover-bg-warning-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--warning-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-info-50:hover,
.hover:hover .hover-bg-info-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-info-100:hover,
.hover:hover .hover-bg-info-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-info-200:hover,
.hover:hover .hover-bg-info-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-info-300:hover,
.hover:hover .hover-bg-info-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-info-400:hover,
.hover:hover .hover-bg-info-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-info-500:hover,
.hover:hover .hover-bg-info-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-info-600:hover,
.hover:hover .hover-bg-info-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-info-700:hover,
.hover:hover .hover-bg-info-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-info-800:hover,
.hover:hover .hover-bg-info-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-info-900:hover,
.hover:hover .hover-bg-info-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-info-950:hover,
.hover:hover .hover-bg-info-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--info-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-slate-50:hover,
.hover:hover .hover-bg-slate-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-slate-100:hover,
.hover:hover .hover-bg-slate-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-slate-200:hover,
.hover:hover .hover-bg-slate-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-slate-300:hover,
.hover:hover .hover-bg-slate-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-slate-400:hover,
.hover:hover .hover-bg-slate-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-slate-500:hover,
.hover:hover .hover-bg-slate-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-slate-600:hover,
.hover:hover .hover-bg-slate-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-slate-700:hover,
.hover:hover .hover-bg-slate-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-slate-800:hover,
.hover:hover .hover-bg-slate-800 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-slate-900:hover,
.hover:hover .hover-bg-slate-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-slate-950:hover,
.hover:hover .hover-bg-slate-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-gray-50:hover,
.hover:hover .hover-bg-gray-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-gray-100:hover,
.hover:hover .hover-bg-gray-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-gray-200:hover,
.hover:hover .hover-bg-gray-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-gray-300:hover,
.hover:hover .hover-bg-gray-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-gray-400:hover,
.hover:hover .hover-bg-gray-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-gray-500:hover,
.hover:hover .hover-bg-gray-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-gray-600:hover,
.hover:hover .hover-bg-gray-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-gray-700:hover,
.hover:hover .hover-bg-gray-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-gray-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-gray-900:hover,
.hover:hover .hover-bg-gray-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-gray-950:hover,
.hover:hover .hover-bg-gray-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--gray-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-zinc-50:hover,
.hover:hover .hover-bg-zinc-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-zinc-100:hover,
.hover:hover .hover-bg-zinc-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-zinc-200:hover,
.hover:hover .hover-bg-zinc-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-zinc-300:hover,
.hover:hover .hover-bg-zinc-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-zinc-400:hover,
.hover:hover .hover-bg-zinc-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-zinc-500:hover,
.hover:hover .hover-bg-zinc-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-zinc-600:hover,
.hover:hover .hover-bg-zinc-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-zinc-700:hover,
.hover:hover .hover-bg-zinc-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-zinc-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-zinc-900:hover,
.hover:hover .hover-bg-zinc-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-zinc-950:hover,
.hover:hover .hover-bg-zinc-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--zinc-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-neutral-50:hover,
.hover:hover .hover-bg-neutral-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-neutral-100:hover,
.hover:hover .hover-bg-neutral-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-neutral-200:hover,
.hover:hover .hover-bg-neutral-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-neutral-300:hover,
.hover:hover .hover-bg-neutral-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-neutral-400:hover,
.hover:hover .hover-bg-neutral-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-neutral-500:hover,
.hover:hover .hover-bg-neutral-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-neutral-600:hover,
.hover:hover .hover-bg-neutral-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-neutral-700:hover,
.hover:hover .hover-bg-neutral-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-neutral-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-neutral-900:hover,
.hover:hover .hover-bg-neutral-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-neutral-950:hover,
.hover:hover .hover-bg-neutral-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--neutral-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-stone-50:hover,
.hover:hover .hover-bg-stone-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-stone-100:hover,
.hover:hover .hover-bg-stone-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-stone-200:hover,
.hover:hover .hover-bg-stone-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-stone-300:hover,
.hover:hover .hover-bg-stone-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-stone-400:hover,
.hover:hover .hover-bg-stone-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-stone-500:hover,
.hover:hover .hover-bg-stone-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-stone-600:hover,
.hover:hover .hover-bg-stone-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-stone-700:hover,
.hover:hover .hover-bg-stone-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-stone-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-stone-900:hover,
.hover:hover .hover-bg-stone-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-stone-950:hover,
.hover:hover .hover-bg-stone-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--stone-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-red-50:hover,
.hover:hover .hover-bg-red-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-red-100:hover,
.hover:hover .hover-bg-red-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-red-200:hover,
.hover:hover .hover-bg-red-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-red-300:hover,
.hover:hover .hover-bg-red-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-red-400:hover,
.hover:hover .hover-bg-red-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-red-500:hover,
.hover:hover .hover-bg-red-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-red-600:hover,
.hover:hover .hover-bg-red-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-red-700:hover,
.hover:hover .hover-bg-red-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-red-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--red-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-red-900:hover,
.hover:hover .hover-bg-red-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-red-950:hover,
.hover:hover .hover-bg-red-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--red-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-orange-50:hover,
.hover:hover .hover-bg-orange-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-orange-100:hover,
.hover:hover .hover-bg-orange-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-orange-200:hover,
.hover:hover .hover-bg-orange-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-orange-300:hover,
.hover:hover .hover-bg-orange-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-orange-400:hover,
.hover:hover .hover-bg-orange-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-orange-500:hover,
.hover:hover .hover-bg-orange-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-orange-600:hover,
.hover:hover .hover-bg-orange-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-orange-700:hover,
.hover:hover .hover-bg-orange-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-orange-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-orange-900:hover,
.hover:hover .hover-bg-orange-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-orange-950:hover,
.hover:hover .hover-bg-orange-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--orange-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-amber-50:hover,
.hover:hover .hover-bg-amber-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-amber-100:hover,
.hover:hover .hover-bg-amber-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-amber-200:hover,
.hover:hover .hover-bg-amber-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-amber-300:hover,
.hover:hover .hover-bg-amber-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-amber-400:hover,
.hover:hover .hover-bg-amber-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-amber-500:hover,
.hover:hover .hover-bg-amber-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-amber-600:hover,
.hover:hover .hover-bg-amber-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-amber-700:hover,
.hover:hover .hover-bg-amber-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-amber-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-amber-900:hover,
.hover:hover .hover-bg-amber-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-amber-950:hover,
.hover:hover .hover-bg-amber-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--amber-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-yellow-50:hover,
.hover:hover .hover-bg-yellow-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-yellow-100:hover,
.hover:hover .hover-bg-yellow-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-yellow-200:hover,
.hover:hover .hover-bg-yellow-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-yellow-300:hover,
.hover:hover .hover-bg-yellow-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-yellow-400:hover,
.hover:hover .hover-bg-yellow-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-yellow-500:hover,
.hover:hover .hover-bg-yellow-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-yellow-600:hover,
.hover:hover .hover-bg-yellow-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-yellow-700:hover,
.hover:hover .hover-bg-yellow-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-yellow-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-yellow-900:hover,
.hover:hover .hover-bg-yellow-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-yellow-950:hover,
.hover:hover .hover-bg-yellow-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--yellow-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-lime-50:hover,
.hover:hover .hover-bg-lime-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-lime-100:hover,
.hover:hover .hover-bg-lime-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-lime-200:hover,
.hover:hover .hover-bg-lime-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-lime-300:hover,
.hover:hover .hover-bg-lime-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-lime-400:hover,
.hover:hover .hover-bg-lime-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-lime-500:hover,
.hover:hover .hover-bg-lime-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-lime-600:hover,
.hover:hover .hover-bg-lime-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-lime-700:hover,
.hover:hover .hover-bg-lime-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-lime-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-lime-900:hover,
.hover:hover .hover-bg-lime-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-lime-950:hover,
.hover:hover .hover-bg-lime-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--lime-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-green-50:hover,
.hover:hover .hover-bg-green-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-green-100:hover,
.hover:hover .hover-bg-green-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-green-200:hover,
.hover:hover .hover-bg-green-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-green-300:hover,
.hover:hover .hover-bg-green-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-green-400:hover,
.hover:hover .hover-bg-green-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-green-500:hover,
.hover:hover .hover-bg-green-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-green-600:hover,
.hover:hover .hover-bg-green-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-green-700:hover,
.hover:hover .hover-bg-green-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-green-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--green-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-green-900:hover,
.hover:hover .hover-bg-green-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-green-950:hover,
.hover:hover .hover-bg-green-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--green-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-emerald-50:hover,
.hover:hover .hover-bg-emerald-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-emerald-100:hover,
.hover:hover .hover-bg-emerald-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-emerald-200:hover,
.hover:hover .hover-bg-emerald-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-emerald-300:hover,
.hover:hover .hover-bg-emerald-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-emerald-400:hover,
.hover:hover .hover-bg-emerald-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-emerald-500:hover,
.hover:hover .hover-bg-emerald-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-emerald-600:hover,
.hover:hover .hover-bg-emerald-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-emerald-700:hover,
.hover:hover .hover-bg-emerald-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-emerald-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-emerald-900:hover,
.hover:hover .hover-bg-emerald-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-emerald-950:hover,
.hover:hover .hover-bg-emerald-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--emerald-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-teal-50:hover,
.hover:hover .hover-bg-teal-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-teal-100:hover,
.hover:hover .hover-bg-teal-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-teal-200:hover,
.hover:hover .hover-bg-teal-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-teal-300:hover,
.hover:hover .hover-bg-teal-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-teal-400:hover,
.hover:hover .hover-bg-teal-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-teal-500:hover,
.hover:hover .hover-bg-teal-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-teal-600:hover,
.hover:hover .hover-bg-teal-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-teal-700:hover,
.hover:hover .hover-bg-teal-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-teal-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-teal-900:hover,
.hover:hover .hover-bg-teal-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-teal-950:hover,
.hover:hover .hover-bg-teal-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--teal-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-cyan-50:hover,
.hover:hover .hover-bg-cyan-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-cyan-100:hover,
.hover:hover .hover-bg-cyan-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-cyan-200:hover,
.hover:hover .hover-bg-cyan-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-cyan-300:hover,
.hover:hover .hover-bg-cyan-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-cyan-400:hover,
.hover:hover .hover-bg-cyan-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-cyan-500:hover,
.hover:hover .hover-bg-cyan-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-cyan-600:hover,
.hover:hover .hover-bg-cyan-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-cyan-700:hover,
.hover:hover .hover-bg-cyan-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-cyan-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-cyan-900:hover,
.hover:hover .hover-bg-cyan-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-cyan-950:hover,
.hover:hover .hover-bg-cyan-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--cyan-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-sky-50:hover,
.hover:hover .hover-bg-sky-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-sky-100:hover,
.hover:hover .hover-bg-sky-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-sky-200:hover,
.hover:hover .hover-bg-sky-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-sky-300:hover,
.hover:hover .hover-bg-sky-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-sky-400:hover,
.hover:hover .hover-bg-sky-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-sky-500:hover,
.hover:hover .hover-bg-sky-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-sky-600:hover,
.hover:hover .hover-bg-sky-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-sky-700:hover,
.hover:hover .hover-bg-sky-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-sky-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-sky-900:hover,
.hover:hover .hover-bg-sky-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-sky-950:hover,
.hover:hover .hover-bg-sky-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--sky-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-blue-50:hover,
.hover:hover .hover-bg-blue-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-blue-100:hover,
.hover:hover .hover-bg-blue-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-blue-200:hover,
.hover:hover .hover-bg-blue-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-blue-300:hover,
.hover:hover .hover-bg-blue-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-blue-400:hover,
.hover:hover .hover-bg-blue-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-blue-500:hover,
.hover:hover .hover-bg-blue-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-blue-600:hover,
.hover:hover .hover-bg-blue-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-blue-700:hover,
.hover:hover .hover-bg-blue-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-blue-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-blue-900:hover,
.hover:hover .hover-bg-blue-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-blue-950:hover,
.hover:hover .hover-bg-blue-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--blue-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-indigo-50:hover,
.hover:hover .hover-bg-indigo-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-indigo-100:hover,
.hover:hover .hover-bg-indigo-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-indigo-200:hover,
.hover:hover .hover-bg-indigo-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-indigo-300:hover,
.hover:hover .hover-bg-indigo-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-indigo-400:hover,
.hover:hover .hover-bg-indigo-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-indigo-500:hover,
.hover:hover .hover-bg-indigo-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-indigo-600:hover,
.hover:hover .hover-bg-indigo-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-indigo-700:hover,
.hover:hover .hover-bg-indigo-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-indigo-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-indigo-900:hover,
.hover:hover .hover-bg-indigo-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-indigo-950:hover,
.hover:hover .hover-bg-indigo-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--indigo-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-violet-50:hover,
.hover:hover .hover-bg-violet-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-violet-100:hover,
.hover:hover .hover-bg-violet-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-violet-200:hover,
.hover:hover .hover-bg-violet-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-violet-300:hover,
.hover:hover .hover-bg-violet-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-violet-400:hover,
.hover:hover .hover-bg-violet-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-violet-500:hover,
.hover:hover .hover-bg-violet-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-violet-600:hover,
.hover:hover .hover-bg-violet-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-violet-700:hover,
.hover:hover .hover-bg-violet-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-violet-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-violet-900:hover,
.hover:hover .hover-bg-violet-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-violet-950:hover,
.hover:hover .hover-bg-violet-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--violet-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-purple-50:hover,
.hover:hover .hover-bg-purple-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-purple-100:hover,
.hover:hover .hover-bg-purple-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-purple-200:hover,
.hover:hover .hover-bg-purple-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-purple-300:hover,
.hover:hover .hover-bg-purple-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-purple-400:hover,
.hover:hover .hover-bg-purple-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-purple-500:hover,
.hover:hover .hover-bg-purple-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-purple-600:hover,
.hover:hover .hover-bg-purple-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-purple-700:hover,
.hover:hover .hover-bg-purple-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-purple-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-purple-900:hover,
.hover:hover .hover-bg-purple-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-purple-950:hover,
.hover:hover .hover-bg-purple-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--purple-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-fuchsia-50:hover,
.hover:hover .hover-bg-fuchsia-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-fuchsia-100:hover,
.hover:hover .hover-bg-fuchsia-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-fuchsia-200:hover,
.hover:hover .hover-bg-fuchsia-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-fuchsia-300:hover,
.hover:hover .hover-bg-fuchsia-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-fuchsia-400:hover,
.hover:hover .hover-bg-fuchsia-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-fuchsia-500:hover,
.hover:hover .hover-bg-fuchsia-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-fuchsia-600:hover,
.hover:hover .hover-bg-fuchsia-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-fuchsia-700:hover,
.hover:hover .hover-bg-fuchsia-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-fuchsia-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-fuchsia-900:hover,
.hover:hover .hover-bg-fuchsia-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-fuchsia-950:hover,
.hover:hover .hover-bg-fuchsia-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--fuchsia-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-pink-50:hover,
.hover:hover .hover-bg-pink-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-pink-100:hover,
.hover:hover .hover-bg-pink-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-pink-200:hover,
.hover:hover .hover-bg-pink-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-pink-300:hover,
.hover:hover .hover-bg-pink-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-pink-400:hover,
.hover:hover .hover-bg-pink-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-pink-500:hover,
.hover:hover .hover-bg-pink-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-pink-600:hover,
.hover:hover .hover-bg-pink-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-pink-700:hover,
.hover:hover .hover-bg-pink-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-pink-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-pink-900:hover,
.hover:hover .hover-bg-pink-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-pink-950:hover,
.hover:hover .hover-bg-pink-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--pink-950-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-rose-50:hover,
.hover:hover .hover-bg-rose-50 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-50-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-rose-100:hover,
.hover:hover .hover-bg-rose-100 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-100-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-rose-200:hover,
.hover:hover .hover-bg-rose-200 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-200-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-rose-300:hover,
.hover:hover .hover-bg-rose-300 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-300-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-rose-400:hover,
.hover:hover .hover-bg-rose-400 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-400-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-rose-500:hover,
.hover:hover .hover-bg-rose-500 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-500-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-rose-600:hover,
.hover:hover .hover-bg-rose-600 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-600-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-rose-700:hover,
.hover:hover .hover-bg-rose-700 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-700-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-rose-800:hover {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-800-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-rose-900:hover,
.hover:hover .hover-bg-rose-900 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-900-rgb), var(--bg-opacity, 1)) !important;
}
.hover-bg-rose-950:hover,
.hover:hover .hover-bg-rose-950 {
    --bg-opacity: 1;
    background-color: rgba(var(--rose-950-rgb), var(--bg-opacity, 1)) !important;
}

/* 박스 */
.b-box {
    border-radius: var(--c-radius);
    border: 1px solid var(--slate-300);
    background-color: var(--white);
}
.l-box {
    border-radius: var(--l-radius);
    border: 1px solid var(--slate-300);
    background-color: var(--white);
    box-shadow: var(--l-shadow);
}
.is-scroll {
    overflow: auto;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-overflow-scrolling:touch;
}
.box-primary {
    color: var(--white);
    --bg-opacity: 1;
    background-color: rgba(var(--primary-rgb), var(--bg-opacity));
}
.box-info {
    color: var(--white);
    --bg-opacity: 1;
    background-color: rgba(var(--info-rgb), var(--bg-opacity));
}
.box-danger {
    color: var(--white);
    --bg-opacity: 1;
    background-color: rgba(var(--danger-rgb), var(--bg-opacity));
}
.box-warning {
    color: var(--white);
    --bg-opacity: 1;
    background-color: rgba(var(--warning-rgb), var(--bg-opacity));
}
.box-success {
    color: var(--white);
    --bg-opacity: 1;
    background-color: rgba(var(--success-rgb), var(--bg-opacity));
}
.box-plain {
    --bg-opacity: 1;
    --bg-opacity : 1;
    border-width: 1px;
    border-style: solid;
}
.box-plain.box-primary {
    color: var(--primary-600);
    border-color:rgba(var(--primary-300-rgb), var(--bg-opacity));
    background-color: rgba(var(--primary-50-rgb), var(--bg-opacity));
}
.box-plain.box-success {
    color: var(--success);
    border-color:rgba(var(--success-300-rgb), var(--bg-opacity));
    background-color: rgba(var(--success-50-rgb), var(--bg-opacity));
}
.box-plain.box-danger {
    color: var(--danger-700); /* 웹접근성(1.4.3): danger-500(3.44) → danger-700(5.91) */
    border-color:rgba(var(--danger-300-rgb), var(--bg-opacity));
    background-color: rgba(var(--danger-50-rgb), var(--bg-opacity));
}
.box-plain.box-warning {
    color: var(--warning-800); /* 웹접근성(1.4.3): warning-500(1.85) → warning-800(6.62) */
    border-color:rgba(var(--warning-300-rgb), var(--bg-opacity));
    background-color: rgba(var(--warning-50-rgb), var(--bg-opacity));
}
.box-plain.box-info {
    color: var(--info);
    border-color:rgba(var(--info-300-rgb), var(--bg-opacity));
    background-color: rgba(var(--info-50-rgb), var(--bg-opacity));
}
.tLeft {
    text-align: left !important;
}
.tCenter {
    text-align: center !important;
}
.tRight {
    text-align: right !important;
}
.fArea::after {
    content: "";
    display: block;
    clear: both;
}
.fArea * {
    vertical-align: middle;
}
.fLeft {
    float: left !important;
}
.fRight {
    float: right !important;
}
.clear {
    clear: both;
}
.pd-0 {
    padding: 0 !important;
}
.pd-4 {
    padding: 4px !important;
}
.pd-8 {
    padding: 5px !important;
}
.pd-12 {
    padding: 12px !important;
}
.pd-16 {
    padding: 16px !important;
}
.pd-20 {
    padding: 20px !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-4 {
    padding-top: 4px !important;
}
.pt-8 {
    padding-top: 5px !important;
}
.pt-12 {
    padding-top: 12px !important;
}
.pt-16 {
    padding-top: 16px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-4 {
    padding-left: 4px !important;
}
.pl-8 {
    padding-left: 5px !important;
}
.pl-12 {
    padding-left: 12px !important;
}
.pl-16 {
    padding-left: 16px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-4 {
    padding-right: 4px !important;
}
.pr-8 {
    padding-right: 8px !important;
}
.pr-12 {
    padding-right: 12px !important;
}
.pr-16 {
    padding-right: 16px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-4 {
    padding-bottom: 4px !important;
}
.pb-8 {
    padding-bottom: 8px !important;
}
.pb-12 {
    padding-bottom: 12px !important;
}
.pb-16 {
    padding-bottom: 16px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.m-0 {
    margin: 0 !important;
}
.m-4 {
    margin: 4px !important;
}
.m-8 {
    margin: 8px !important;
}
.m-12 {
    margin: 12px !important;
}
.m-16 {
    margin: 16px !important;
}
.m-20 {
    margin: 20px !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-4 {
    margin-top: 4px !important;
}
.mt-8 {
    margin-top: 8px !important;
}
.mt-12 {
    margin-top: 12px !important;
}
.mt-16 {
    margin-top: 16px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-24 {
    margin-top: 24px !important;
}
.mt-28 {
    margin-top: 28px !important;
}
.mt-32 {
    margin-top: 32px !important;
}
.mt-36 {
    margin-top: 36px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-4 {
    margin-bottom: 4px !important;
}
.mb-8 {
    margin-bottom: 8px !important;
}
.mb-12 {
    margin-bottom: 12px !important;
}
.mb-16 {
    margin-bottom: 16px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-24 {
    margin-bottom: 24px !important;
}
.mb-28 {
    margin-bottom: 28px !important;
}
.mb-32 {
    margin-bottom: 32px !important;
}
.mb-36 {
    margin-bottom: 36px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mtb-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.mtb-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
.mtb-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.mtb-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
.mtb-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.mtb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.mtb-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}
.mtb-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}
.mtb-36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
}
.mtb-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.ml-4 {
    margin-left: 4px !important;
}
.ml-8 {
    margin-left: 8px !important;
}
.ml-12 {
    margin-left: 12px !important;
}
.ml-16 {
    margin-left: 16px !important;
}
.ml-20 {
    margin-left: 20px !important;
}
.ml-24 {
    margin-left: 24px !important;
}
.ml-28 {
    margin-left: 28px !important;
}
.ml-32 {
    margin-left: 32px !important;
}
.ml-36 {
    margin-left: 36px !important;
}
.ml-40 {
    margin-left: 40px !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.mr-2 {
    margin-right: 2px !important;
}
.mr-4 {
    margin-right: 4px !important;
}
.mr-8 {
    margin-right: 8px !important;
}
.mr-12 {
    margin-right: 12px !important;
}
.mr-16 {
    margin-right: 16px !important;
}
.mr-20 {
    margin-right: 20px !important;
}
.mr-24 {
    margin-right: 24px !important;
}
.mr-28 {
    margin-right: 28px !important;
}
.mr-32 {
    margin-right: 32px !important;
}
.mr-36 {
    margin-right: 36px !important;
}
.mr-40 {
    margin-right: 40px !important;
}
.mlr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mlr-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}
.mlr-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}
.mlr-12 {
    margin-left: 12px !important;
    margin-right: 12px !important;
}
.mlr-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}
.mlr-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.mlr-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
}
.mlr-28 {
    margin-left: 28px !important;
    margin-right: 28px !important;
}
.mlr-32 {
    margin-left: 32px !important;
    margin-right: 32px !important;
}
.mlr-36 {
    margin-left: 36px !important;
    margin-right: 36px !important;
}
.mlr-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}
.w-1\/12 {
    width: 8.333333%;
}
.w-1\/10 {
    width: 10%;
}
.w-1\/6 {
    width: 16.666667%;
}
.w-1\/5 {
    width: 20%;
}
.w-1\/4 {
    width: 25%;
}
.w-3\/10 {
    width: 30%;
}
.w-1\/3 {
    width: 33.333333%;
}
.w-2\/5 {
    width: 40%;
}
.w-5\/12 {
    width: 41.666667%;
}
.w-1\/2 {
    width: 50%;
}
.w-7\/12 {
    width: 58.333333%;
}
.w-3\/5 {
    width: 60%;
}
.w-2\/3 {
    width: 66.666667%;
}
.w-7\/10 {
    width: 70%;
}
.w-3\/4 {
    width: 75%;
}
.w-4\/5 {
    width: 80%;
}
.w-5\/6 {
    width: 83.333333%;
}
.w-9\/10 {
    width: 90%;
}
.w-11\/12 {
    width: 91.666667%;
}
.w-full {
    width: 100% !important;
}
.w-12 {
    min-width: 12px;
    width: 12px !important;
}
.w-20 {
    min-width: 20px;
    width: 20px !important;
}
.w-30 {
    min-width: 30px;
    width: 30px !important;
}
.w-40 {
    min-width: 40px;
    width: 40px !important;
}
.w-50 {
    min-width: 50px;
    width: 50px !important;
}
.w-60 {
    min-width: 60px;
    width: 60px !important;
}
.w-70 {
    min-width: 70px;
    width: 70px !important;
}
.w-80 {
    min-width: 80px;
    width: 80px !important;
}
.w-90 {
    min-width: 90px;
    width: 90px !important;
}
.w-100 {
    min-width: 100px;
    width: 100px !important;
}
.w-110 {
    min-width: 110px;
    width: 110px !important;
}
.w-120 {
    min-width: 120px;
    width: 120px !important;
}
.w-130 {
    min-width: 130px;
    width: 130px !important;
}
.w-140 {
    min-width: 140px;
    width: 140px !important;
}
.w-150 {
    min-width: 150px;
    width: 150px !important;
}
.w-160 {
    min-width: 160px;
    width: 160px !important;
}
.w-170 {
    min-width: 170px;
    width: 170px !important;
}
.w-180 {
    min-width: 180px;
    width: 180px !important;
}
.w-190 {
    min-width: 190px;
    width: 190px !important;
}
.w-200 {
    min-width: 200px;
    width: 200px !important;
}
.w-250 {
    min-width: 250px;
    width: 250px !important;
}
.w-300 {
    min-width: 300px;
    width: 300px !important;
}
.w-350 {
    min-width: 350px;
    width: 350px !important;
}
.w-400 {
    min-width: 400px;
    width: 400px !important;
}
.w-450 {
    min-width: 450px;
    width: 450px !important;
}
.w-500 {
    min-width: 500px;
    width: 500px !important;
}
.h-full {
    height: 100%;
}
.h-30 {
    min-height: 30px;
    height: 30px !important;
}
.h-40 {
    min-height: 40px;
    height: 40px !important;
}
.h-50 {
    min-height: 50px;
    height: 50px !important;
}
.h-60 {
    min-height: 60px;
    height: 60px !important;
}
.h-70 {
    min-height: 70px;
    height: 70px !important;
}
.h-80 {
    min-height: 80px;
    height: 80px !important;
}
.h-90 {
    min-height: 90px;
    height: 90px !important;
}
.h-100 {
    min-height: 100px;
    height: 100px !important;
}
.h-110 {
    min-height: 110px;
    height: 110px !important;
}
.h-120 {
    min-height: 120px;
    height: 120px !important;
}
.h-130 {
    min-height: 130px;
    height: 130px !important;
}
.h-140 {
    min-height: 140px;
    height: 140px !important;
}
.h-150 {
    min-height: 150px;
    height: 150px !important;
}
.h-160 {
    min-height: 160px;
    height: 160px !important;
}
.h-170 {
    min-height: 170px;
    height: 170px !important;
}
.h-180 {
    min-height: 180px;
    height: 180px !important;
}
.h-190 {
    min-height: 190px;
    height: 190px !important;
}
.h-200 {
    min-height: 200px;
    height: 200px !important;
}
.h-250 {
    min-height: 250px;
    height: 250px !important;
}
.h-300 {
    min-height: 300px;
    height: 300px !important;
}
.h-350 {
    min-height: 350px;
    height: 350px !important;
}
.h-400 {
    min-height: 400px;
    height: 400px !important;
}
.h-450 {
    min-height: 450px;
    height: 450px !important;
}
.h-500 {
    min-height: 500px;
    height: 500px !important;
}
.h-600 {
    min-height: 600px;
    height: 600px !important;
}
.alert-container {
    display: none;
    justify-content: center;
    position: fixed;
    bottom: calc(var(--l-gap) * 3);
    left: calc(50% + calc(var(--sidebarWidth) / 2));
    align-items: center;
    width: 100%;
    max-width: calc(100% - var(--sidebarWidth) - calc(var(--l-gap) * 3) - 18px);
    pointer-events: auto;
    transform: translateX(-50%);
    z-index: 99999;
    transition: all 0.2s ease;
}
.alert-container.is-open {
    display: flex;
}
.alert-container .alert {
    box-shadow: var(--p-shadow);
    border-radius: var(--l-radius);
}
.alert {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px;
    width: fit-content;
    min-width: 360px;
    max-width: 100%;
    min-height: 44px;
    color: var(--white);
    --bg-opacity: 0.9;
    border-radius: var(--c-radius);
}
.alert .message {
    width: 100%;
    font-size: var(--font-size);
    margin: 2px 0;
}
.alert i {
    font-size: var(--i-small);
}
.alert .btn-wrap .icon {
    line-height: 28px;
    cursor: pointer;
}
.alert .icon::before {
    font-size: var(--i-small);
    transition: all 0.2s ease;
}
.alert .icon:not([class*="text-"])::before {
    color: var(--white);
}
.alert.box-plain {
    --bg-opacity: 0.9;
    --bg-opacity : 0.9;
}
.alert.box-plain .i-close::before {
    color: var(--slate-400);
}
.alert.box-plain .i-close:hover::before {
    color: var(--slate-500);
}
.alert .btn-wrap {
    display: flex;
    align-items: flex-start;
    height: 100%;
}
.messagebox-container {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--slate-100-rgb), .7);
    pointer-events: auto;
    z-index: 99999;
    transition: all 0.2s ease;
}
.messagebox-container.is-open {
    display: flex;
}
.mbox {
    display: inline-flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    width: fit-content;
    min-width: 360px;
    max-height: calc(100vh - 80px);
    max-width: calc(100vw - 120px);
    min-height: 100px;
    max-height: calc(100vh - 80px);
    border-radius: var(--l-radius);
    border: 1px solid var(--slate-400);
    background-color: var(--white);
    box-shadow: var(--p-shadow);
}
.mbox .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.mbox .header h3 {
    font-size: var(--font-h3);
    color: var(--slate-800);
    font-weight: 700;
}
.mbox .header i {
    cursor: pointer;
}
.mbox .header i::before {
    color: var(--slate-400);
    font-size: var(--i-small);
    transition: all 0.2s ease;
}
.mbox .header i:hover::before {
    color: var(--slate-500);
}
.mbox .body {
    display: flex;
    align-items: center;
    gap: 8px;
}
.mbox .body i,
.mbox .body i::before {
    font-size: var(--i-middle);
    line-height: var(--i-middle);
    height: var(--i-middle);
}
.mbox .body i:not([class*="text-"]),
.mbox .body i:not([class*="text-"])::before {
    color: var(--slate-400);
}
.mbox .body .message {
    width: 100%;
    font-size: var(--font-size);
}
.mbox .footer {
    display: inline-block;
    width: 100%;
    text-align: center;
}

h3,
.page-section-header h2,
.sub-statistic-wrap .title h2 { /* 웹접근성(heading-order): 섹션/요약 제목 h2 승격, 외형은 h3 유지 */
    position: relative;
    display: inline-block;
    line-height: 32px;
    font-size: var(--font-h3);
    color: var(--slate-800);
    font-weight: 700;
    white-space: nowrap;
}
h4 {
    position: relative;
    display: inline-block;
    text-indent: 10px;
    font-size: var(--font-h4);
    color: var(--slate-700);
    font-weight: 700;
    white-space: nowrap;
}
h4::before {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    display: inline-block;
    width: 4px;
    height: 2px;
    transform: translateY(-50%);
    background-color: var(--primary-600);
}

/* 도움말(?) 아이콘 — 라벨·제목 옆에 붙어 마우스 오버 시 기능 정의를 툴팁으로 노출 (HelpTip) */
.help-tip {
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
    color: var(--slate-400);
    cursor: help;
    vertical-align: middle;
}
/* 라벨 옆 도움말 글리프는 기본 아이콘(24px)보다 작게 — 라벨 텍스트에 맞춘 16px */
.help-tip .i-help::before {
    font-size: 16px;
    line-height: 16px;
}
/* 도움말 말풍선 — body 포탈 + position:fixed 로 띄워 overflow 영역에 잘리지 않음.
   좌표(top/left/transform)는 트리거 위치로 런타임 계산되어 인라인 주입된다. */
.help-tip-bubble {
    position: fixed;
    padding: 2px 8px;
    line-height: 24px;
    font-size: var(--font-tooltip-size);
    font-weight: 400;
    color: var(--white);
    background-color: var(--slate-600);
    border-radius: 4px;
    white-space: pre-line;
    width: max-content;
    max-width: 460px;
    text-align: left;
    pointer-events: none;
    z-index: 9999;
    word-break: break-all;
}