/* LUFGA NORMAL */
@font-face {
    font-family: "Lufga";
    src: url("Lufga-Thin.woff2") format("woff2"),
        url("Lufga-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-ExtraLight.woff2") format("woff2"),
        url("Lufga-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-Light.woff2") format("woff2"),
        url("Lufga-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-Regular.woff2") format("woff2"),
        url("Lufga-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-Medium.woff2") format("woff2"),
        url("Lufga-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-SemiBold.woff2") format("woff2"),
        url("Lufga-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-Bold.woff2") format("woff2"),
        url("Lufga-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-ExtraBold.woff2") format("woff2"),
        url("Lufga-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-Black.woff2") format("woff2"),
        url("Lufga-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* LUFGA ITALIC */
@font-face {
    font-family: "Lufga";
    src: url("Lufga-ThinItalic.woff2") format("woff2"),
        url("Lufga-ThinItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-ExtraLightItalic.woff2") format("woff2"),
        url("Lufga-ExtraLightItalic.woff") format("woff");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-LightItalic.woff2") format("woff2"),
        url("Lufga-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-Italic.woff2") format("woff2"),
        url("Lufga-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-MediumItalic.woff2") format("woff2"),
        url("Lufga-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-SemiBoldItalic.woff2") format("woff2"),
        url("Lufga-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-BoldItalic.woff2") format("woff2"),
        url("Lufga-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-ExtraBoldItalic.woff2") format("woff2"),
        url("Lufga-ExtraBoldItalic.woff") format("woff");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Lufga";
    src: url("Lufga-BlackItalic.woff2") format("woff2"),
        url("Lufga-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

html,
body {
    font-size: 12px;
    color: #1a2737;
    font-weight: 500;
}

* {
    font-family: "Lufga", sans-serif !important;
}

.material-symbols-rounded {
    font-family: 'Material Symbols Rounded' !important;
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined' !important;
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
}

.btn-v2,
a.btn-v2 {
    padding: 0.5rem 1.0rem;
    font-family: 'Lufga', sans-serif !important;
    font-weight: bold;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 0.25rem;
    border: 1px solid #E2E7EB !important;
    background: #FFFFFF !important;
    color: #383A42 !important;
    cursor: pointer;
    width: fit-content;
}

.btn-v2.btn-v2-sm {
    font-size: 10px !important;
}

.btn-v2.btn-v2-lg {
    font-size: 14px !important;
}

.btn-v2.btn-v2-primary {
    border: 1px solid #104B7C !important;
    background: #104B7C !important;
    color: #FFFFFF !important;
}

.btn-v2.btn-v2-secondary {
    border: 1px solid #E2E7EB !important;
    background: #E2E7EB !important;
    color: #383A42 !important;
}

.btn-v2.btn-v2-danger {
    border: 1px solid #E22D20 !important;
    background: #E22D20 !important;
    color: #FFFFFF !important;
}

.btn-v2.btn-v2-ghost {
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #383A42 !important;
}

.btn-v2.btn-v2-link {
    border: none !important;
    background: transparent !important;
    color: #17181B !important;
}

.btn-v2-inline {
    display: inline;
}

.btn-v2:focus {
    outline: none;
}

.btn-v2:hover {
    background: #E2E7EB !important;
    border-color: #E2E7EB !important;
}

.btn-v2:active {
    background: #C8D2D9 !important;
    border-color: #C8D2D9 !important;
}

.btn-v2.btn-v2-disabled,
.btn-v2.btn-v2-disabled:hover,
.btn-v2.btn-v2-disabled:active {
    color: #40444C !important;
    border-color: #D8DBDF !important;
    opacity: 0.5;
}

.btn-v2.btn-v2-primary:hover {
    background: #133F67 !important;
    border-color: #133F67 !important;
}

.btn-v2.btn-v2-primary:active {
    background: #0D2844 !important;
    border-color: #0D2844 !important;
}

.btn-v2.btn-v2-primary:disabled {
    color: #FFFFFF !important;
    border-color: #104B7C !important;
    opacity: 0.5;
}

.btn-v2.btn-v2-primary.btn-v2-disabled,
.btn-v2.btn-v2-primary.btn-v2-disabled:hover,
.btn-v2.btn-v2-primary.btn-v2-disabled:active {
    color: #FFFFFF !important;
    border-color: #104B7C !important;
    opacity: 0.5;
}

.btn-v2.btn-v2-secondary:hover {
    background: #C8D2D9 !important;
    border-color: #C8D2D9 !important;
}

.btn-v2.btn-v2-secondary:active {
    background: #A2B2BE !important;
    border-color: #A2B2BE !important;
}

.btn-v2.btn-v2-secondary.btn-v2-disabled,
.btn-v2.btn-v2-secondary.btn-v2-disabled:hover,
.btn-v2.btn-v2-secondary.btn-v2-disabled:active {
    color: #353B44 !important;
    border-color: transparent !important;
    background: #F4F6F7 !important;
    opacity: 0.5;
}

.btn-v2.btn-v2-danger:hover {
    background: #BE2217 !important;
    border-color: #BE2217 !important;
}

.btn-v2.btn-v2-danger:active {
    background: #9D2017 !important;
    border-color: #9D2017 !important;
}

.btn-v2.btn-v2-danger:disabled {
    color: #FFFFFF !important;
    border-color: #E22D20 !important;
    background: #E22D20 !important;
    opacity: 0.5;
}

.btn-v2.btn-v2-danger.btn-v2-disabled,
.btn-v2.btn-v2-danger.btn-v2-disabled:hover,
.btn-v2.btn-v2-danger.btn-v2-disabled:active {
    color: #FFFFFF !important;
    border-color: #E22D20 !important;
    background: #E22D20 !important;
    opacity: 0.5;
}

.btn-v2.btn-v2-ghost:hover {
    background: #F4F6F7 !important;
    border-color: #F4F6F7 !important;
    color: #353B44 !important;
}

.btn-v2.btn-v2-ghost:active {
    background: #E2E7EB !important;
    border-color: #E2E7EB !important;
    color: #353B44 !important;
}

.btn-v2.btn-v2-ghost.btn-v2-disabled,
.btn-v2.btn-v2-ghost.btn-v2-disabled:hover,
.btn-v2.btn-v2-ghost.btn-v2-disabled:active {
    color: #353B44 !important;
    border-color: transparent !important;
    background: transparent !important;
    opacity: 0.5;
}

.btn-v2.btn-v2-link:hover {
    text-decoration: underline;
    border-color: none !important;
    background: none !important;
}

.btn-v2.btn-v2-link.btn-v2-disabled,
.btn-v2.btn-v2-link.btn-v2-disabled:hover,
.btn-v2.btn-v2-link.btn-v2-disabled:active {
    opacity: 0.5;
    border-color: none !important;
    background: none !important;
    text-decoration: none;
}

.icon-v2 {
    width: 28px;
    height: 28px;
    background: #17181B;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.icon-v2 i,
.icon-v2 span,
.icon-v2 i,
.icon-v2 .material-symbols-rounded,
.icon-v2 .material-symbols-outline {
    font-size: 16px;
    color: #353B44 !important;
}

a.icon-v2 {
    cursor: pointer;
}

a.icon-v2:hover {
    background: #17181B !important;
}

a.icon-v2:active {
    background: #17181B !important;
}

.icon-btn-v2 {
    height: 42px !important;
    width: 42px !important;
    background-color: #5B8FB933 !important;
    color: #5B8FB9 !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 100%;
    gap: 10px;
}