html {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    text-size-adjust: 100%;
    color-scheme: dark;
}

*, ::before, ::after {
    box-sizing: inherit;
}

strong, b {
    font-weight: 700;
}

body {
    margin: 0px;
    color: rgb(255, 255, 255);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    background-color: rgb(18, 18, 18);
}

@media print {
    body {
        background-color: rgb(255, 255, 255);
    }
}

body::backdrop {
    background-color: rgb(18, 18, 18);
}

body {
    --font-akzidenz-grotesk-next: '__akzidenzGrotesk_3d9368', '__akzidenzGrotesk_Fallback_3d9368', sans-serif;
    --font-inter: '__Inter_39ba87';
    font-family: var(--font-inter);
    font-size: 1rem;
}

body, body * {
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
    scrollbar-width: thin;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

body::-webkit-scrollbar, body ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

body::-webkit-scrollbar-thumb, body ::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 20px;
}

body:hover::-webkit-scrollbar-thumb {
    background-color: rgb(0, 0, 0);
}

:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img, video {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

:fullscreen video, :-webkit-full-screen video {
    max-height: 100%;
    max-width: 100%;
}

html {
    height: 100%;
    overflow: hidden;
    position: relative;
}

body {
    height: 100%;
    overflow: auto;
    position: relative;
}

html, body {
    background: rgb(39, 39, 39);
    max-height: 100vh;
}

.mui-j7qwjs {
    display: flex;
    flex-direction: column;
}

.mui-xdv4ru {
    display: flex;
    flex-direction: row;
    min-height: 100dvh;
}

@media (min-width: 0px) {
    .mui-xdv4ru {
        gap: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: calc(env(safe-area-inset-bottom) + 68px);
    }
}

@media (min-width: 1280px) {
    .mui-xdv4ru {
        gap: 8px;
        padding: 8px;
    }
}

.mui-1i27l4i {
    display: flex;
    gap: 8px;
}

.mui-135l4mv {
    flex-direction: column;
    /*gap: 8px;*/
    max-width: 264px;
    width: 264px;
    max-height: calc(-16px + 100dvh);
    position: sticky;
    top: 8px;
    overflow: auto;
    flex-shrink: 0;
}

@media (min-width: 0px) {
    .mui-135l4mv {
        display: none;
    }
}

@media (min-width: 1280px) {
    .mui-135l4mv {
        display: flex;
    }
}

.mui-1yc2gpo {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 8px;
    background-color: rgb(21, 21, 21);
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}

.mui-jw17k {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mui-17cch6g {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mui-ol9ek7 {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mui-k7bjmn .MuiBadge-badge {
    min-width: calc(12px);
    width: calc(12px);
    height: calc(12px);
    border: calc(2.35px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-k7bjmn .MuiBadge-dot {
    border-radius: 50%;
}

.mui-umtq1w {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
}

.mui-umtq1w .MuiBadge-badge {
    min-width: calc(12px);
    width: calc(12px);
    height: calc(12px);
    border: calc(2.35px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-umtq1w .MuiBadge-dot {
    border-radius: 50%;
}

.mui-1o7aolf {
    border-radius: 50%;
    border: 2px solid transparent;
}

.mui-1gimk3w {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 48px;
    height: 48px;
}

.mui-1hy9t21 {
    width: 100%;
    height: 100%;
    text-align: center;
    object-fit: cover;
    color: transparent;
    text-indent: 10000px;
}

.mui-1spdsp7 {
    display: flex;
    flex-flow: wrap;
    -webkit-box-pack: center;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    font-size: 0.75rem;
    line-height: 1;
    z-index: 1;
    border-radius: 4px;
    top: 14%;
    right: 14%;
    transform: scale(1) translate(50%, -50%);
    transform-origin: 100% 0%;
    transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(255, 255, 255);
    border: 1px solid rgba(35, 35, 35, 0.8);
    font-family: var(--font-inter);
    font-weight: 400;
    height: 16px;
    min-width: 16px;
    padding: 0px 4px;
}

.mui-1spdsp7.MuiBadge-invisible {
    transform: scale(0) translate(50%, -50%);
}

.mui-1orw7nf {
    display: flex;
    flex-direction: column;
    max-width: 136px;
}

.mui-35ezg3 {
    font-weight: 600;
}

.mui-a4id49 {
    margin: 0px;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-inter);
    font-weight: 600;
}

.mui-5ql5fs {
    z-index: 1500;
    pointer-events: none;
}

.mui-1wufjjx {
    z-index: 1500;
    pointer-events: none;
}

.mui-1qikjkt {
    margin: 0px;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-inter);
    color: rgba(255, 255, 255, 0.8);
}

.mui-ofdudz {
    display: block;
    background-color: rgba(255, 255, 255, 0.13);
    margin-top: 0px;
    margin-bottom: 0px;
    height: auto;
    transform-origin: 0px 55%;
    transform: scale(1, 0.6);
    border-radius: 8px / 13.3px;
    position: relative;
    overflow: hidden;
    mask-image: -webkit-radial-gradient(center, white, black);
}

.mui-ofdudz:empty::before {
    content: " ";
}

.mui-ofdudz::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    content: "";
    position: absolute;
    transform: translateX(-100%);
    inset: 0px;
}

.mui-ofdudz::after {
    animation: 2s linear 0.5s infinite normal none running animation-wiooy9;
}

.mui-ofdudz.MuiSkeleton-wave::after {
    animation-duration: 1s;
    animation-delay: 0s;
}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.mui-t3g4kg {
    display: flex;
    flex-direction: column;
    padding: 8px 16px 16px 0px;
    background: rgb(21, 21, 21);
    /*border-radius: 16px;*/
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    gap: 12px;
    overflow: hidden auto;
    flex: 1 1 0%;
}

.mui-124b5a {
    line-height: 1.75;
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    color: inherit;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    margin-left: 8px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-124b5a:hover {
    text-decoration: none;
}

.mui-124b5a.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-124b5a:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-124b5a:hover, .mui-124b5a:active, .mui-124b5a:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-124b5a {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-124b5a {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-124b5a:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-1y1kct1 {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    color: inherit;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-1y1kct1.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1y1kct1 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1y1kct1:hover {
    text-decoration: none;
}

.mui-1y1kct1.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1y1kct1:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1y1kct1:hover, .mui-1y1kct1:active, .mui-1y1kct1:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-1y1kct1 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-1y1kct1 {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-1y1kct1:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-1ybvy43 {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    color: inherit;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-1ybvy43:hover {
    text-decoration-color: inherit;
}

.mui-1ybvy43.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1ybvy43 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1ybvy43:hover {
    text-decoration: none;
}

.mui-1ybvy43.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1ybvy43:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1ybvy43:hover, .mui-1ybvy43:active, .mui-1ybvy43:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-1ybvy43 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-1ybvy43 {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-1ybvy43:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-18t5qm4 {
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    color: inherit;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-18t5qm4:hover {
    text-decoration-color: inherit;
}

.mui-18t5qm4.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-18t5qm4 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-18t5qm4:hover {
    text-decoration: none;
}

.mui-18t5qm4.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-18t5qm4:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-18t5qm4:hover, .mui-18t5qm4:active, .mui-18t5qm4:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-18t5qm4 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-18t5qm4 {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-18t5qm4:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-195zjub {
    display: flex;
    position: relative;
    font-size: 1em;
}

.mui-f6aee4 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: inherit;
}

.mui-18bycl4 {
    margin: 0px 0px 0px 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
}

@media (min-width: 0px) {
    .mui-18bycl4 {
        display: none;
    }
}

@media (min-width: 1280px) {
    .mui-18bycl4 {
        display: inline-block;
    }
}

.mui-gb7sga {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
    margin-left: auto;
}

.mui-2syze0 {
    display: flex;
    flex-flow: wrap;
    -webkit-box-pack: center;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 10px;
    z-index: 1;
    color: rgba(0, 0, 0, 0.87);
    top: 0px;
    right: 0px;
    transform: scale(1) translate(50%, -50%);
    transform-origin: 100% 0%;
    transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(255, 255, 255);
    border: 1px solid rgba(35, 35, 35, 0.8);
    font-family: var(--font-inter);
    font-weight: 400;
    height: 16px;
    min-width: 16px;
    padding: 0px 4px;
}

.mui-2syze0.MuiBadge-invisible {
    transform: scale(0) translate(50%, -50%);
}

.mui-p0jcvp {
    display: flex;
    flex-flow: wrap;
    -webkit-box-pack: center;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 10px;
    z-index: 1;
    transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1);
    color: rgba(0, 0, 0, 0.87);
    top: 0px;
    right: 0px;
    transform: scale(1) translate(50%, -50%);
    transform-origin: 100% 0%;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(35, 35, 35, 0.8);
    font-family: var(--font-inter);
    font-weight: 400;
    height: 16px;
    min-width: 16px;
    padding: 0px 4px;
}

.mui-p0jcvp.MuiBadge-invisible {
    transform: scale(0) translate(50%, -50%);
}

.mui-1bm1l8f {
    line-height: 1.75;
    border: 0px;
    color: var(--variant-textColor);
    background-color: var(--variant-textBg);
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    margin-left: 8px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-1bm1l8f:hover {
    text-decoration: none;
}

.mui-1bm1l8f.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1bm1l8f:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1bm1l8f:hover, .mui-1bm1l8f:active, .mui-1bm1l8f:focus {
    box-shadow: none;
}

.mui-1bm1l8f:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1bm1l8f:disabled {
    color: rgba(255, 255, 255, 0.6);
}

@media (min-width: 1280px) {
    .mui-1bm1l8f {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-1bm1l8f {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-1bm1l8f:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-s6js54 {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px;
    color: var(--variant-textColor);
    background-color: var(--variant-textBg);
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-s6js54.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-s6js54 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-s6js54:hover {
    text-decoration: none;
}

.mui-s6js54.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-s6js54:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-s6js54:hover, .mui-s6js54:active, .mui-s6js54:focus {
    box-shadow: none;
}

.mui-s6js54:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-s6js54:disabled {
    color: rgba(255, 255, 255, 0.6);
}

@media (min-width: 1280px) {
    .mui-s6js54 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-s6js54 {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-s6js54:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-qususy {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px;
    color: var(--variant-textColor);
    background-color: var(--variant-textBg);
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-qususy:hover {
    text-decoration-color: inherit;
}

.mui-qususy.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-qususy {
        -webkit-print-color-adjust: exact;
    }
}

.mui-qususy:hover {
    text-decoration: none;
}

.mui-qususy.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-qususy:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-qususy:hover, .mui-qususy:active, .mui-qususy:focus {
    box-shadow: none;
}

.mui-qususy:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-qususy:disabled {
    color: rgba(255, 255, 255, 0.6);
}

@media (min-width: 1280px) {
    .mui-qususy {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-qususy {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-qususy:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-1dj6zde {
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px;
    color: var(--variant-textColor);
    background-color: var(--variant-textBg);
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-1dj6zde:hover {
    text-decoration-color: inherit;
}

.mui-1dj6zde.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1dj6zde {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1dj6zde:hover {
    text-decoration: none;
}

.mui-1dj6zde.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1dj6zde:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1dj6zde:hover, .mui-1dj6zde:active, .mui-1dj6zde:focus {
    box-shadow: none;
}

.mui-1dj6zde:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1dj6zde:disabled {
    color: rgba(255, 255, 255, 0.6);
}

@media (min-width: 1280px) {
    .mui-1dj6zde {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-1dj6zde {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-1dj6zde:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-8xl60i {
    margin-top: auto;
}

.mui-1p54fum {
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    margin-left: 8px;
    padding-left: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-1p54fum:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-1p54fum:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 1280px) {
    .mui-1p54fum {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-1p54fum {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-qnyqrs {
    line-height: 1.75;
    border: 0px currentcolor;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    margin-left: 8px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-qnyqrs:hover {
    text-decoration: none;
}

.mui-qnyqrs.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-qnyqrs:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-qnyqrs:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-qnyqrs:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-qnyqrs.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-qnyqrs.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-qnyqrs:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-qnyqrs:hover {
    box-shadow: none;
}

.mui-qnyqrs.Mui-focusVisible {
    box-shadow: none;
}

.mui-qnyqrs:active {
    box-shadow: none;
}

.mui-qnyqrs.Mui-disabled {
    box-shadow: none;
}

.mui-qnyqrs:hover, .mui-qnyqrs:active, .mui-qnyqrs:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-qnyqrs {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-qnyqrs {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-qnyqrs:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-qnyqrs:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 1280px) {
    .mui-qnyqrs {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-qnyqrs {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-ld0gs2 {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px currentcolor;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-ld0gs2.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-ld0gs2 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-ld0gs2:hover {
    text-decoration: none;
}

.mui-ld0gs2.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-ld0gs2:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-ld0gs2:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-ld0gs2:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-ld0gs2.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-ld0gs2.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-ld0gs2:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-ld0gs2:hover {
    box-shadow: none;
}

.mui-ld0gs2.Mui-focusVisible {
    box-shadow: none;
}

.mui-ld0gs2:active {
    box-shadow: none;
}

.mui-ld0gs2.Mui-disabled {
    box-shadow: none;
}

.mui-ld0gs2:hover, .mui-ld0gs2:active, .mui-ld0gs2:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-ld0gs2 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-ld0gs2 {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-ld0gs2:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-ld0gs2:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 1280px) {
    .mui-ld0gs2 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-ld0gs2 {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-1w4wfpj {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px currentcolor;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-1w4wfpj:hover {
    text-decoration-color: inherit;
}

.mui-1w4wfpj.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1w4wfpj {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1w4wfpj:hover {
    text-decoration: none;
}

.mui-1w4wfpj.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-1w4wfpj:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-1w4wfpj:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-1w4wfpj:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-1w4wfpj.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-1w4wfpj.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-1w4wfpj:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1w4wfpj:hover {
    box-shadow: none;
}

.mui-1w4wfpj.Mui-focusVisible {
    box-shadow: none;
}

.mui-1w4wfpj:active {
    box-shadow: none;
}

.mui-1w4wfpj.Mui-disabled {
    box-shadow: none;
}

.mui-1w4wfpj:hover, .mui-1w4wfpj:active, .mui-1w4wfpj:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-1w4wfpj {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-1w4wfpj {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-1w4wfpj:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-1w4wfpj:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 1280px) {
    .mui-1w4wfpj {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-1w4wfpj {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-13p0p7g {
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px currentcolor;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-13p0p7g:hover {
    text-decoration-color: inherit;
}

.mui-13p0p7g.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-13p0p7g {
        -webkit-print-color-adjust: exact;
    }
}

.mui-13p0p7g:hover {
    text-decoration: none;
}

.mui-13p0p7g.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-13p0p7g:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-13p0p7g:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-13p0p7g:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-13p0p7g.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-13p0p7g.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-13p0p7g:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-13p0p7g:hover {
    box-shadow: none;
}

.mui-13p0p7g.Mui-focusVisible {
    box-shadow: none;
}

.mui-13p0p7g:active {
    box-shadow: none;
}

.mui-13p0p7g.Mui-disabled {
    box-shadow: none;
}

.mui-13p0p7g:hover, .mui-13p0p7g:active, .mui-13p0p7g:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-13p0p7g {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-13p0p7g {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-13p0p7g:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-13p0p7g:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 1280px) {
    .mui-13p0p7g {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-13p0p7g {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-xvtdt3 {
    display: flex;
    position: absolute;
    font-size: 1em;
}


.mui-ytpdnq {
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
}

@media (min-width: 0px) {
    .mui-ytpdnq {
        display: none;
    }
}

@media (min-width: 1280px) {
    .mui-ytpdnq {
        display: inline-block;
    }
}

.mui-1iy9rwk .MuiDrawer-paper {
    max-width: 350px;
    width: 67vw;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-left: env(safe-area-inset-left);
}

.mui-omd4i0 {
    z-index: 1300;
}

.mui-omd4i0 .MuiDrawer-paper {
    max-width: 350px;
    width: 67vw;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-left: env(safe-area-inset-left);
}

.mui-1wjv6xl {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(18, 18, 18);
    height: calc(env(safe-area-inset-bottom) + 68px);
    backdrop-filter: blur(16px);
    width: 100%;
    position: fixed;
    bottom: 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    z-index: 1100;
    padding-bottom: env(safe-area-inset-bottom);
    transition: visibility 0.5s, opacity 0.5s;
    opacity: 1;
    visibility: visible;
}

@media (min-width: 0px) {
    .mui-1wjv6xl {
        display: flex;
    }
}

@media (min-width: 1280px) {
    .mui-1wjv6xl {
        display: none;
    }
}

.mui-1ktzunw {
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 28px;
}

.mui-1ktzunw.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-1ktzunw.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-1ktzunw.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-1nxsgdc {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 28px;
}

.mui-1nxsgdc.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1nxsgdc {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1nxsgdc.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-1nxsgdc.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-1nxsgdc.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-vf5vpo {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 28px;
}

.mui-vf5vpo:hover {
    text-decoration-color: inherit;
}

.mui-vf5vpo.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-vf5vpo {
        -webkit-print-color-adjust: exact;
    }
}

.mui-vf5vpo.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-vf5vpo.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-vf5vpo.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-1qi1lpu {
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 28px;
}

.mui-1qi1lpu:hover {
    text-decoration-color: inherit;
}

.mui-1qi1lpu.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1qi1lpu {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1qi1lpu.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-1qi1lpu.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-1qi1lpu.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-9aehlu {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.75rem;
    transition: font-size 0.2s, opacity 0.2s;
    opacity: 0;
}

.mui-9aehlu.Mui-selected {
    font-size: 0.875rem;
}

.mui-1rzb3uu {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
}

.mui-11nee66 {
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 32px;
}

.mui-11nee66.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-11nee66.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-11nee66.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-1umi0dp {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 32px;
}

.mui-1umi0dp.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1umi0dp {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1umi0dp.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-1umi0dp.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-1umi0dp.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-5zjbhh {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 32px;
}

.mui-5zjbhh:hover {
    text-decoration-color: inherit;
}

.mui-5zjbhh.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-5zjbhh {
        -webkit-print-color-adjust: exact;
    }
}

.mui-5zjbhh.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-5zjbhh.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-5zjbhh.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-1g60tlj {
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 32px;
}

.mui-1g60tlj:hover {
    text-decoration-color: inherit;
}

.mui-1g60tlj.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1g60tlj {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1g60tlj.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-1g60tlj.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-1g60tlj.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-1ntroej .MuiBadge-badge {
    min-width: calc(7px);
    width: calc(7px);
    height: calc(7px);
    border: calc(1.35px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-1ntroej .MuiBadge-dot {
    border-radius: 50%;
}

.mui-qnvmjh {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
}

.mui-qnvmjh .MuiBadge-badge {
    min-width: calc(7px);
    width: calc(7px);
    height: calc(7px);
    border: calc(1.35px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-qnvmjh .MuiBadge-dot {
    border-radius: 50%;
}

.mui-1mj1k96 {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 28px;
    height: 28px;
}

.mui-oejnrl {
    display: flex;
    flex-direction: column;
    background: rgb(21, 21, 21);
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    align-items: center;
    overflow: auto;
}

@media (min-width: 0px) {
    .mui-oejnrl {
        border-radius: 0px;
    }
}

@media (min-width: 1280px) {
    .mui-oejnrl {
        border-radius: 16px;
    }
}

.mui-1ewlh6d {
    position: relative;
    min-height: 100%;
}

.mui-19sbpqa {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    height: 60px;
    width: 60px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mui-134008m {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    border-color: rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.8) transparent;
    display: inline-block;
    animation: 0.75s linear 0s infinite normal both running animation-s8tf20;
    background: transparent !important;
}

@-webkit-keyframes animation-s8tf20 {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(0.8);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes animation-s8tf20 {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(0.8);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

.mui-1nhgaus {
    text-decoration: none;
    color: inherit;
}

.mui-jje7ef {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    display: flex;
    gap: 8px;
    text-decoration: none;
    color: inherit;
}

.mui-dx7xcl {
    margin: 0px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-inter);
}

.mui-szefyj {
    margin: 0px;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    font-family: var(--font-inter);
    font-weight: 600;
}

.mui-1s4h9y2 {
    margin: 0px;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    font-family: var(--font-inter);
    color: rgba(255, 255, 255, 0.8);
}

.mui-utiyoy {
    display: flex;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-box-align: center;
    align-items: center;
    position: sticky;
    top: 0px;
    background: rgb(21, 21, 21);
    z-index: 1;
    width: 100%;
}

@media (min-width: 0px) {
    .mui-utiyoy {
        min-height: 52px;
    }
}

@media (min-width: 1280px) {
    .mui-utiyoy {
        min-height: 64px;
    }
}

.mui-17bksb5 {
    margin: 0px 0px 0px 8px;
    font-size: 20px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 26px;
    text-transform: uppercase;
}

.mui-ez7dyr {
    padding: 4px 8px;
    border-radius: 16px;
    line-height: 12px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(255, 255, 255);
    color: rgba(35, 35, 35, 0.8);
    margin-left: auto;
    margin-right: auto;
}

.mui-v4ojjf {
    padding: 4px 8px;
    border-radius: 16px;
    line-height: 12px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(255, 255, 255);
    color: rgba(35, 35, 35, 0.8);
    margin-left: auto;
    margin-right: auto;
}

.mui-1wtf9av {
    font-size: 12px;
    line-height: 12px;
}

.mui-1wk4kbt {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    font-size: 12px;
    line-height: 12px;
}

.mui-1pekzog {
    background: transparent;
    color: rgb(255, 255, 255);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-1pekzog:hover {
    background: rgba(255, 255, 255, 0.1);
}

.mui-1pekzog:disabled {
    color: rgba(255, 255, 255, 0.2);
}

.mui-1pekzog.mui-button-loading {
    cursor: default;
}

.mui-1pekzog.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-1pekzog.mui-button-loading:active {
    box-shadow: none;
}

.mui-1pekzog:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1pekzog:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1pekzog .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-1pekzog .MuiButton-endIcon {
    width: 0px;
}

.mui-5rz1f2 {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    height: 38px;
    padding: 4px 10px;
    background: transparent;
    color: rgb(255, 255, 255);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-5rz1f2:hover {
    text-decoration: none;
}

.mui-5rz1f2.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-5rz1f2:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-5rz1f2:hover {
    box-shadow: none;
}

.mui-5rz1f2.Mui-focusVisible {
    box-shadow: none;
}

.mui-5rz1f2:active {
    box-shadow: none;
}

.mui-5rz1f2.Mui-disabled {
    box-shadow: none;
}

.mui-5rz1f2:hover, .mui-5rz1f2:active, .mui-5rz1f2:focus {
    box-shadow: none;
}

.mui-5rz1f2:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-5rz1f2:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-5rz1f2:hover {
    background: rgba(255, 255, 255, 0.1);
}

.mui-5rz1f2:disabled {
    color: rgba(255, 255, 255, 0.2);
}

.mui-5rz1f2.mui-button-loading {
    cursor: default;
}

.mui-5rz1f2.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-5rz1f2.mui-button-loading:active {
    box-shadow: none;
}

.mui-5rz1f2:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-5rz1f2:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-5rz1f2 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-5rz1f2 .MuiButton-endIcon {
    width: 0px;
}

.mui-1r48fpr {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    height: 38px;
    padding: 4px 10px;
    background: transparent;
    color: rgb(255, 255, 255);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-1r48fpr.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1r48fpr {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1r48fpr:hover {
    text-decoration: none;
}

.mui-1r48fpr.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1r48fpr:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1r48fpr:hover {
    box-shadow: none;
}

.mui-1r48fpr.Mui-focusVisible {
    box-shadow: none;
}

.mui-1r48fpr:active {
    box-shadow: none;
}

.mui-1r48fpr.Mui-disabled {
    box-shadow: none;
}

.mui-1r48fpr:hover, .mui-1r48fpr:active, .mui-1r48fpr:focus {
    box-shadow: none;
}

.mui-1r48fpr:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1r48fpr:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1r48fpr:hover {
    background: rgba(255, 255, 255, 0.1);
}

.mui-1r48fpr:disabled {
    color: rgba(255, 255, 255, 0.2);
}

.mui-1r48fpr.mui-button-loading {
    cursor: default;
}

.mui-1r48fpr.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-1r48fpr.mui-button-loading:active {
    box-shadow: none;
}

.mui-1r48fpr:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1r48fpr:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1r48fpr .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-1r48fpr .MuiButton-endIcon {
    width: 0px;
}

.mui-vnc1hh {
    margin: 0px 0px 0px 16px;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
}

.mui-1n0wfw8 {
    margin: 0px 8px 0px 24px;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-tcagxs {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #15151533;
    --variant-outlinedColor: #15151533;
    --variant-outlinedBorder: rgba(21, 21, 21, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #15151533;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    font-size: 14px;
    height: 38px;
    padding: 4px 10px;
    color: rgb(21, 21, 21);
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
}

.mui-tcagxs:hover {
    text-decoration: none;
}

.mui-tcagxs.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-tcagxs:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-tcagxs:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-tcagxs:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-tcagxs.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-tcagxs.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-tcagxs:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(21, 21, 21, 0.08);
        --variant-outlinedBorder: #15151533;
        --variant-outlinedBg: rgba(21, 21, 21, 0.08);
    }
}

.mui-tcagxs:hover, .mui-tcagxs:active, .mui-tcagxs:focus {
    box-shadow: none;
}

.mui-tcagxs:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(249, 147, 118);
}

.mui-tcagxs:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.mui-18vtaa5 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #15151533;
    --variant-outlinedColor: #15151533;
    --variant-outlinedBorder: rgba(21, 21, 21, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #15151533;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    font-size: 14px;
    height: 38px;
    padding: 4px 10px;
    color: rgb(21, 21, 21);
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
}

.mui-18vtaa5.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-18vtaa5 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-18vtaa5:hover {
    text-decoration: none;
}

.mui-18vtaa5.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-18vtaa5:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-18vtaa5:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-18vtaa5:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-18vtaa5.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-18vtaa5.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-18vtaa5:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(21, 21, 21, 0.08);
        --variant-outlinedBorder: #15151533;
        --variant-outlinedBg: rgba(21, 21, 21, 0.08);
    }
}

.mui-18vtaa5:hover, .mui-18vtaa5:active, .mui-18vtaa5:focus {
    box-shadow: none;
}

.mui-18vtaa5:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(249, 147, 118);
}

.mui-18vtaa5:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.mui-19477v1 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    margin-right: 8px;
}

.mui-xt0f7d {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    margin-left: 8px;
}

.mui-1rqc0ef .MuiDialog-container {
    outline: 0px;
}

.mui-1rqc0ef .MuiDialog-paper {
    outline: 0px;
    min-width: 320px;
}

@media print {
    .mui-eeua9d {
        position: absolute !important;
    }
}

.mui-eeua9d .MuiDialog-container {
    outline: 0px;
}

.mui-eeua9d .MuiDialog-paper {
    outline: 0px;
    min-width: 320px;
}

.mui-jen6io {
    align-self: flex-start;
    width: 100%;
}

.mui-1jke4yk {
    position: relative;
    width: 100%;
}

.mui-gayg5i {
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding-left: 24px;
    padding-right: 24px;
    gap: 16px;
    margin-bottom: 16px;
    display: flex;
    overflow-x: scroll;
}

.mui-6iei0c {
    width: min-content;
    height: 32px;
}

.mui-1bgrpne {
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-1bgrpne.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-1bgrpne.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1bgrpne.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1bgrpne:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1bgrpne:active {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1bgrpne:hover {
    background: rgba(255, 255, 255, 0.3);
}

.mui-1bgrpne .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.mui-1lc87v1 {
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-1lc87v1.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-1lc87v1 .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-1lc87v1 .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-1lc87v1 .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-1lc87v1 .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-1lc87v1 .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-1lc87v1 .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-1lc87v1 .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-1lc87v1 .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-1lc87v1:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-1lc87v1.Mui-focusVisible {
    background-color: rgba(255, 255, 255, 0.28);
}

.mui-1lc87v1:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.mui-1lc87v1:hover, .mui-1lc87v1:active, .mui-1lc87v1:focus {
    box-shadow: none;
}

.mui-1lc87v1.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-1lc87v1.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1lc87v1.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1lc87v1:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1lc87v1:active {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1lc87v1:hover {
    background: rgba(255, 255, 255, 0.3);
}

.mui-1lc87v1 .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.mui-1jz2omu {
    position: relative;
    margin: 0px;
    appearance: none;
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-1jz2omu.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1jz2omu {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1jz2omu.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-1jz2omu .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-1jz2omu .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-1jz2omu .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-1jz2omu .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-1jz2omu .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-1jz2omu .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-1jz2omu .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-1jz2omu .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-1jz2omu:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-1jz2omu.Mui-focusVisible {
    background-color: rgba(255, 255, 255, 0.28);
}

.mui-1jz2omu:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.mui-1jz2omu:hover, .mui-1jz2omu:active, .mui-1jz2omu:focus {
    box-shadow: none;
}

.mui-1jz2omu.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-1jz2omu.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1jz2omu.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1jz2omu:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1jz2omu:active {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1jz2omu:hover {
    background: rgba(255, 255, 255, 0.3);
}

.mui-1jz2omu .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.mui-14vsv3w {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
}

.mui-fuoech {
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-fuoech.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-fuoech.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-fuoech.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-fuoech:active {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-fuoech:hover {
    background: rgba(255, 255, 255, 0.05);
}

.mui-fuoech .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-dw2yop {
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-dw2yop.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-dw2yop .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-dw2yop .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-dw2yop .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-dw2yop .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-dw2yop .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-dw2yop .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-dw2yop .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-dw2yop .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-dw2yop:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-dw2yop.Mui-focusVisible {
    background-color: rgba(255, 255, 255, 0.28);
}

.mui-dw2yop:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.mui-dw2yop:hover, .mui-dw2yop:active, .mui-dw2yop:focus {
    box-shadow: none;
}

.mui-dw2yop.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-dw2yop.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-dw2yop.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-dw2yop:active {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-dw2yop:hover {
    background: rgba(255, 255, 255, 0.05);
}

.mui-dw2yop .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-cppr17 {
    position: relative;
    margin: 0px;
    appearance: none;
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-cppr17.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-cppr17 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-cppr17.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-cppr17 .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-cppr17 .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-cppr17 .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-cppr17 .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-cppr17 .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-cppr17 .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-cppr17 .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-cppr17 .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-cppr17:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-cppr17.Mui-focusVisible {
    background-color: rgba(255, 255, 255, 0.28);
}

.mui-cppr17:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.mui-cppr17:hover, .mui-cppr17:active, .mui-cppr17:focus {
    box-shadow: none;
}

.mui-cppr17.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-cppr17.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-cppr17.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-cppr17:active {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-cppr17:hover {
    background: rgba(255, 255, 255, 0.05);
}

.mui-cppr17 .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-be717s {
    --Grid-columns: 1;
    --Grid-columnSpacing: 16px;
    --Grid-rowSpacing: 16px;
    flex-flow: wrap;
    min-width: 0px;
    box-sizing: border-box;
    display: flex;
    gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
    width: 100%;
    margin-bottom: 16px;
}

@media (min-width: 1280px) {
    .mui-be717s {
        --Grid-columns: 3;
    }
}

.mui-2jee3d {
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    gap: 16px;
    overflow-x: scroll;
}

.mui-fm7963 {
    background-color: rgba(35, 35, 35, 0.8);
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-idot99 {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    background-color: rgba(35, 35, 35, 0.8);
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-1inp5wz {
    margin: 0px;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
}

.mui-axw7ok {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
}

.mui-1qq679y {
    z-index: 1;
}

.mui-gg4vpm {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.mui-1kkt86i {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mui-1wtc9a0 {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-1wtc9a0::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

@-webkit-keyframes animation-xbqzg1 {
    100% {
        transform: translateX(100%);
    }
}

@keyframes animation-xbqzg1 {
    100% {
        transform: translateX(100%);
    }
}

.mui-mc059b {
    width: 182px;
    height: 26px;
    font-size: 24px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 32px;
    text-transform: uppercase;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-mc059b::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-1dlndl1 {
    width: 182px;
    height: 10px;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-1dlndl1::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-12kiqd8 {
    overflow: visible;
    height: 32px;
    margin-top: -16px;
    margin-bottom: 16px;
}

.mui-12kiqd8 > div {
    overflow: visible;
}

.mui-12kiqd8 > div > svg {
    overflow: visible;
}

.mui-1sdz8ad > svg {
    width: 100%;
    height: 100%;
}

.mui-auyym4 {
    background-color: rgba(35, 35, 35, 0.8);
    min-width: 200px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    border-radius: 16px;
}

.mui-auyym4::before {
    content: unset;
}

.mui-11yu9uq {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    background-color: rgba(35, 35, 35, 0.8);
    min-width: 200px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    border-radius: 16px;
}

.mui-11yu9uq::before {
    content: unset;
}

.mui-11yu9uq::before {
    content: unset;
}

.mui-1c1kq07 {
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
}

.mui-l3jno {
    width: 182px;
    height: 16px;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-l3jno::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-ezbh4 {
    width: 182px;
    height: 14px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-ezbh4::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-lecy35 {
    background: rgb(73, 242, 100);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    box-shadow: unset;
    color: rgb(21, 21, 21);
    border: 1px solid rgb(21, 21, 21);
    width: max-content;
}

.mui-lecy35:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-lecy35:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-lecy35:disabled {
    box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset;
    background: rgb(21, 21, 21);
    color: rgba(255, 255, 255, 0.2);
}

.mui-lecy35.mui-button-loading {
    background: rgb(21, 21, 21);
    cursor: default;
}

.mui-lecy35.mui-button-loading:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-lecy35.mui-button-loading:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-lecy35.mui-button-loading:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-lecy35:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-lecy35:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-lecy35 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-lecy35 .MuiButton-endIcon {
    width: 0px;
}

.mui-lecy35:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-1j2qoiy {
    line-height: 1.75;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    height: 38px;
    padding: 4px 10px;
    background: rgb(73, 242, 100);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    box-shadow: unset;
    color: rgb(21, 21, 21);
    border: 1px solid rgb(21, 21, 21);
    width: max-content;
}

.mui-1j2qoiy:hover {
    text-decoration: none;
}

.mui-1j2qoiy.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1j2qoiy:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1j2qoiy:hover {
    box-shadow: none;
}

.mui-1j2qoiy.Mui-focusVisible {
    box-shadow: none;
}

.mui-1j2qoiy:active {
    box-shadow: none;
}

.mui-1j2qoiy.Mui-disabled {
    box-shadow: none;
}

.mui-1j2qoiy:hover, .mui-1j2qoiy:active, .mui-1j2qoiy:focus {
    box-shadow: none;
}

.mui-1j2qoiy:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1j2qoiy:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1j2qoiy:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-1j2qoiy:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-1j2qoiy:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-1j2qoiy:disabled {
    box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset;
    background: rgb(21, 21, 21);
    color: rgba(255, 255, 255, 0.2);
}

.mui-1j2qoiy.mui-button-loading {
    background: rgb(21, 21, 21);
    cursor: default;
}

.mui-1j2qoiy.mui-button-loading:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-1j2qoiy.mui-button-loading:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-1j2qoiy.mui-button-loading:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-1j2qoiy:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1j2qoiy:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1j2qoiy .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-1j2qoiy .MuiButton-endIcon {
    width: 0px;
}

.mui-1j2qoiy:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-ma3j9t {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    height: 38px;
    padding: 4px 10px;
    background: rgb(73, 242, 100);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    box-shadow: unset;
    color: rgb(21, 21, 21);
    border: 1px solid rgb(21, 21, 21);
    width: max-content;
}

.mui-ma3j9t.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-ma3j9t {
        -webkit-print-color-adjust: exact;
    }
}

.mui-ma3j9t:hover {
    text-decoration: none;
}

.mui-ma3j9t.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-ma3j9t:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-ma3j9t:hover {
    box-shadow: none;
}

.mui-ma3j9t.Mui-focusVisible {
    box-shadow: none;
}

.mui-ma3j9t:active {
    box-shadow: none;
}

.mui-ma3j9t.Mui-disabled {
    box-shadow: none;
}

.mui-ma3j9t:hover, .mui-ma3j9t:active, .mui-ma3j9t:focus {
    box-shadow: none;
}

.mui-ma3j9t:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-ma3j9t:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-ma3j9t:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-ma3j9t:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ma3j9t:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ma3j9t:disabled {
    box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset;
    background: rgb(21, 21, 21);
    color: rgba(255, 255, 255, 0.2);
}

.mui-ma3j9t.mui-button-loading {
    background: rgb(21, 21, 21);
    cursor: default;
}

.mui-ma3j9t.mui-button-loading:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ma3j9t.mui-button-loading:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ma3j9t.mui-button-loading:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ma3j9t:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-ma3j9t:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-ma3j9t .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-ma3j9t .MuiButton-endIcon {
    width: 0px;
}

.mui-ma3j9t:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-6uv0zg {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    height: 38px;
    padding: 4px 10px;
    background: rgb(73, 242, 100);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    box-shadow: unset;
    color: rgb(21, 21, 21);
    border: 1px solid rgb(21, 21, 21);
    width: max-content;
}

.mui-6uv0zg.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-6uv0zg {
        -webkit-print-color-adjust: exact;
    }
}

.mui-6uv0zg:hover {
    text-decoration: none;
}

.mui-6uv0zg.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-6uv0zg:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-6uv0zg:hover {
    box-shadow: none;
}

.mui-6uv0zg.Mui-focusVisible {
    box-shadow: none;
}

.mui-6uv0zg:active {
    box-shadow: none;
}

.mui-6uv0zg.Mui-disabled {
    box-shadow: none;
}

.mui-6uv0zg:hover, .mui-6uv0zg:active, .mui-6uv0zg:focus {
    box-shadow: none;
}

.mui-6uv0zg:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-6uv0zg:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-6uv0zg:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-6uv0zg:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-6uv0zg:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-6uv0zg:disabled {
    box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset;
    background: rgb(21, 21, 21);
    color: rgba(255, 255, 255, 0.2);
}

.mui-6uv0zg.mui-button-loading {
    background: rgb(21, 21, 21);
    cursor: default;
}

.mui-6uv0zg.mui-button-loading:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-6uv0zg.mui-button-loading:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-6uv0zg.mui-button-loading:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-6uv0zg:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-6uv0zg:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-6uv0zg .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-6uv0zg .MuiButton-endIcon {
    width: 0px;
}

.mui-6uv0zg:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-qhfzx4 {
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    height: 38px;
    padding: 4px 10px;
    background: rgb(73, 242, 100);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    box-shadow: unset;
    color: rgb(21, 21, 21);
    border: 1px solid rgb(21, 21, 21);
    width: max-content;
}

.mui-qhfzx4.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-qhfzx4 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-qhfzx4:hover {
    text-decoration: none;
}

.mui-qhfzx4.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-qhfzx4:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-qhfzx4:hover {
    box-shadow: none;
}

.mui-qhfzx4.Mui-focusVisible {
    box-shadow: none;
}

.mui-qhfzx4:active {
    box-shadow: none;
}

.mui-qhfzx4.Mui-disabled {
    box-shadow: none;
}

.mui-qhfzx4:hover, .mui-qhfzx4:active, .mui-qhfzx4:focus {
    box-shadow: none;
}

.mui-qhfzx4:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-qhfzx4:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-qhfzx4:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-qhfzx4:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-qhfzx4:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-qhfzx4:disabled {
    box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset;
    background: rgb(21, 21, 21);
    color: rgba(255, 255, 255, 0.2);
}

.mui-qhfzx4.mui-button-loading {
    background: rgb(21, 21, 21);
    cursor: default;
}

.mui-qhfzx4.mui-button-loading:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-qhfzx4.mui-button-loading:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-qhfzx4.mui-button-loading:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-qhfzx4:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-qhfzx4:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-qhfzx4 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-qhfzx4 .MuiButton-endIcon {
    width: 0px;
}

.mui-qhfzx4:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-18wl5ep {
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    visibility: hidden;
}

.mui-9hyjn4 {
    position: absolute;
    transform: translate(-50%, -50%);
}

.mui-19hzq5r {
    display: inline-block;
    animation: 1.4s linear 0s infinite normal none running animation-61bdi0;
    position: absolute;
    transform: translate(-50%, -50%);
}

@-webkit-keyframes animation-61bdi0 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animation-61bdi0 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.mui-13o7eu2 {
    display: block;
}

.mui-9bh4vv {
    stroke: currentcolor;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0;
    animation: 1.4s ease-in-out 0s infinite normal none running animation-1p2h4ri;
}

@-webkit-keyframes animation-1p2h4ri {
    0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -15px;
    }
    100% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -125px;
    }
}

@keyframes animation-1p2h4ri {
    0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -15px;
    }
    100% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -125px;
    }
}

.mui-k50ik8 {
    --Grid-columns: 1;
    --Grid-columnSpacing: 16px;
    --Grid-rowSpacing: 16px;
    flex-flow: wrap;
    min-width: 0px;
    box-sizing: border-box;
    display: flex;
    gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}

@media (min-width: 1280px) {
    .mui-k50ik8 {
        --Grid-columns: 3;
    }
}

.mui-a3fmx8 {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 2 / var(--Grid-columns) - (var(--Grid-columns) - 2) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    min-width: 0px;
    box-sizing: border-box;
}

.mui-161xg02 {
    --Grid-columns: 1;
    --Grid-columnSpacing: 16px;
    --Grid-rowSpacing: 16px;
    flex-flow: wrap;
    min-width: 0px;
    box-sizing: border-box;
    display: flex;
    gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
    width: 100%;
}

@media (min-width: 1280px) {
    .mui-161xg02 {
        --Grid-columns: 2;
    }
}

.mui-1ivagqs {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 2 / var(--Grid-columns) - (var(--Grid-columns) - 2) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    background-color: rgba(35, 35, 35, 0.8);
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-1pb6bwa {
    display: flex;
    gap: 4px;
    padding: 4px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.mui-1pb6bwa button {
    padding-top: 4px;
    padding-bottom: 4px;
}

.mui-1ygculc {
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-1ygculc:hover {
    background: rgba(255, 255, 255, 0.8);
    color: rgb(21, 21, 21);
}

.mui-1ygculc:disabled {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.mui-1ygculc:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1ygculc:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1ygculc.mui-button-loading {
    background: rgb(255, 255, 255);
    cursor: default;
}

.mui-1ygculc.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-1ygculc.mui-button-loading:active {
    box-shadow: none;
}

.mui-1ygculc .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-1ygculc .MuiButton-endIcon {
    width: 0px;
}

.mui-1i58vvs {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-1i58vvs:hover {
    text-decoration: none;
}

.mui-1i58vvs.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1i58vvs:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1i58vvs:hover {
    box-shadow: none;
}

.mui-1i58vvs.Mui-focusVisible {
    box-shadow: none;
}

.mui-1i58vvs:active {
    box-shadow: none;
}

.mui-1i58vvs.Mui-disabled {
    box-shadow: none;
}

.mui-1i58vvs:hover, .mui-1i58vvs:active, .mui-1i58vvs:focus {
    box-shadow: none;
}

.mui-1i58vvs:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1i58vvs:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1i58vvs:hover {
    background: rgba(255, 255, 255, 0.8);
    color: rgb(21, 21, 21);
}

.mui-1i58vvs:disabled {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.mui-1i58vvs:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1i58vvs:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1i58vvs.mui-button-loading {
    background: rgb(255, 255, 255);
    cursor: default;
}

.mui-1i58vvs.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-1i58vvs.mui-button-loading:active {
    box-shadow: none;
}

.mui-1i58vvs .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-1i58vvs .MuiButton-endIcon {
    width: 0px;
}

.mui-1f53ipk {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-1f53ipk.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1f53ipk {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1f53ipk:hover {
    text-decoration: none;
}

.mui-1f53ipk.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1f53ipk:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1f53ipk:hover {
    box-shadow: none;
}

.mui-1f53ipk.Mui-focusVisible {
    box-shadow: none;
}

.mui-1f53ipk:active {
    box-shadow: none;
}

.mui-1f53ipk.Mui-disabled {
    box-shadow: none;
}

.mui-1f53ipk:hover, .mui-1f53ipk:active, .mui-1f53ipk:focus {
    box-shadow: none;
}

.mui-1f53ipk:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1f53ipk:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1f53ipk:hover {
    background: rgba(255, 255, 255, 0.8);
    color: rgb(21, 21, 21);
}

.mui-1f53ipk:disabled {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.mui-1f53ipk:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1f53ipk:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1f53ipk.mui-button-loading {
    background: rgb(255, 255, 255);
    cursor: default;
}

.mui-1f53ipk.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-1f53ipk.mui-button-loading:active {
    box-shadow: none;
}

.mui-1f53ipk .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-1f53ipk .MuiButton-endIcon {
    width: 0px;
}

.mui-11pl6o1 {
    margin: 0px;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-1og28ba {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: transparent;
    color: rgb(255, 255, 255);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-1og28ba:hover {
    text-decoration: none;
}

.mui-1og28ba.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1og28ba:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1og28ba:hover {
    box-shadow: none;
}

.mui-1og28ba.Mui-focusVisible {
    box-shadow: none;
}

.mui-1og28ba:active {
    box-shadow: none;
}

.mui-1og28ba.Mui-disabled {
    box-shadow: none;
}

.mui-1og28ba:hover, .mui-1og28ba:active, .mui-1og28ba:focus {
    box-shadow: none;
}

.mui-1og28ba:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1og28ba:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1og28ba:hover {
    background: rgba(255, 255, 255, 0.1);
}

.mui-1og28ba:disabled {
    color: rgba(255, 255, 255, 0.2);
}

.mui-1og28ba.mui-button-loading {
    cursor: default;
}

.mui-1og28ba.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-1og28ba.mui-button-loading:active {
    box-shadow: none;
}

.mui-1og28ba:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1og28ba:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1og28ba .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-1og28ba .MuiButton-endIcon {
    width: 0px;
}

.mui-piej40 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: transparent;
    color: rgb(255, 255, 255);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-piej40.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-piej40 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-piej40:hover {
    text-decoration: none;
}

.mui-piej40.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-piej40:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-piej40:hover {
    box-shadow: none;
}

.mui-piej40.Mui-focusVisible {
    box-shadow: none;
}

.mui-piej40:active {
    box-shadow: none;
}

.mui-piej40.Mui-disabled {
    box-shadow: none;
}

.mui-piej40:hover, .mui-piej40:active, .mui-piej40:focus {
    box-shadow: none;
}

.mui-piej40:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-piej40:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-piej40:hover {
    background: rgba(255, 255, 255, 0.1);
}

.mui-piej40:disabled {
    color: rgba(255, 255, 255, 0.2);
}

.mui-piej40.mui-button-loading {
    cursor: default;
}

.mui-piej40.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-piej40.mui-button-loading:active {
    box-shadow: none;
}

.mui-piej40:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-piej40:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-piej40 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-piej40 .MuiButton-endIcon {
    width: 0px;
}

.mui-1sa59ll {
    overflow: visible;
    height: 248px;
}

.mui-1sa59ll > div {
    overflow: visible;
}

.mui-1sa59ll > div > svg {
    overflow: visible;
}

.mui-nrfpeo {
    margin: 16px 8px;
    border-color: rgba(255, 255, 255, 0.2);
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.mui-lc3r5s {
    flex-shrink: 0;
    border-width: 0px 0px thin;
    border-style: solid;
    margin: 16px 8px;
    border-color: rgba(255, 255, 255, 0.2);
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.mui-9v0xj5 {
    --Grid-columns: 3;
    --Grid-columnSpacing: 0px;
    --Grid-rowSpacing: 0px;
    flex-flow: wrap;
    min-width: 0px;
    box-sizing: border-box;
    display: flex;
    gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
    -webkit-box-align: center;
    align-items: center;
    padding-left: 16px;
}

.mui-50yj0f {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    min-width: 0px;
    box-sizing: border-box;
}

.mui-1ad6o1r {
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
    border-radius: 16px;
    padding: 8px 16px;
    width: min-content;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
}

.mui-1ad6o1r.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-1ad6o1r.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1ad6o1r.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1ad6o1r:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1ad6o1r:active {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1ad6o1r:hover {
    background: rgba(255, 255, 255, 0.3);
}

.mui-1ad6o1r .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.mui-41fj98 {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: rgb(120, 93, 255);
    width: 8px;
    height: 8px;
}

.mui-lnmbnh {
    width: 100px;
    height: 10px;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-lnmbnh::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-pp99r4 {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    min-width: 0px;
    box-sizing: border-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.mui-cyqb29 {
    width: 100px;
    height: 12px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-cyqb29::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-albtl1 {
    width: 100px;
    height: 26px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-albtl1::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-uaw2i7 {
    margin: 16px 8px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    border-color: rgba(255, 255, 255, 0.08);
}

.mui-ns4pro {
    flex-shrink: 0;
    border-width: 0px 0px thin;
    border-style: solid;
    margin: 16px 8px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    border-color: rgba(255, 255, 255, 0.08);
}

.mui-qav60a {
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    border-radius: 16px;
    padding: 8px 16px;
    width: min-content;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
}

.mui-qav60a.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-qav60a.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-qav60a.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-qav60a:active {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-qav60a:hover {
    background: rgba(255, 255, 255, 0.05);
}

.mui-qav60a .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-v3k1k8 {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: rgb(255, 255, 255);
    width: 8px;
    height: 8px;
}

.mui-1dcjnj5 {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: rgb(244, 161, 36);
    width: 8px;
    height: 8px;
}

.mui-1cxdsiw {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: rgb(215, 79, 249);
    width: 8px;
    height: 8px;
}

.mui-se5pa3 {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: rgb(79, 178, 249);
    width: 8px;
    height: 8px;
}

.mui-bhnlle {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: rgb(40, 186, 142);
    width: 8px;
    height: 8px;
}

.mui-1yjiuog {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: rgb(198, 198, 198);
    width: 8px;
    height: 8px;
}

.mui-kfu79d {
    overflow: visible;
    height: 220px;
}

.mui-kfu79d > div {
    overflow: visible;
}

.mui-kfu79d > div > svg {
    overflow: visible;
}

.mui-jyyujj {
    margin: 0px;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-1hw3win {
    width: 100%;
    height: 220px;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: hidden;
}

.mui-1hw3win > svg {
    width: 100%;
    height: 100%;
}

.mui-1sg4xny {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    min-width: 0px;
    box-sizing: border-box;
}

.mui-1xndqnw {
    --Grid-columns: 1;
    --Grid-columnSpacing: 16px;
    --Grid-rowSpacing: 16px;
    flex-flow: wrap;
    min-width: 0px;
    box-sizing: border-box;
    display: flex;
    gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
    width: 100%;
}

.mui-1ukfj1 {
    max-height: 200px;
    overflow: hidden;
    transition: max-height 0.2s;
}

.mui-jfv7cz {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.mui-6i4f21 {
    width: 48px;
    height: 48px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-6i4f21::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-10kawkf {
    width: 100px;
    height: 16px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-10kawkf::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-2vxg94 {
    width: 25px;
    height: 16px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-2vxg94::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-1no74og {
    width: 75px;
    height: 16px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-1no74og::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-m4dw3u {
    border-color: rgba(255, 255, 255, 0.2);
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    margin: 8px 0px;
}

.mui-69i1ev {
    display: flex;
    /*-webkit-box-pack: justify;*/
    /*justify-content: space-between;*/
    -webkit-box-align: center;
    align-items: center;
}

.mui-rsd9ig {
    transition: transform 0.2s;
}

.mui-1gkcku1 {
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
    transition: transform 0.2s;
}

.mui-1gkcku1:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1gkcku1:hover {
        background-color: transparent;
    }
}

.mui-1gkcku1.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-1i9cmmv {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
    transition: transform 0.2s;
}

.mui-1i9cmmv.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1i9cmmv {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1i9cmmv:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1i9cmmv:hover {
        background-color: transparent;
    }
}

.mui-1i9cmmv.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-zl6n5e {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
    font-size: 16px;
    text-decoration-color: inherit;
}

.mui-zl6n5e:hover {
    text-decoration-color: inherit;
}

.mui-14sswxh {
    margin: 16px 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: rgb(255, 255, 255);
    font-family: var(--font-inter);
    position: relative;
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
    font-size: 16px;
    text-decoration-color: inherit;
}

.mui-14sswxh:hover {
    text-decoration-color: inherit;
}

.mui-1tc9bu7 {
    transform: translate(0px);
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.mui-1tc9bu7::before {
    content: "";
    display: block;
    width: 200%;
    height: 200%;
    margin-left: -50%;
    margin-top: -50%;
    background-color: rgb(19, 206, 124);
    animation: 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite normal none running animation-1kcispc;
    border-radius: 50%;
}

.mui-1tc9bu7::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgb(19, 206, 124);
    border-radius: 50%;
}

@-webkit-keyframes animation-1kcispc {
    70%, 100% {
        opacity: 0;
    }
}

@keyframes animation-1kcispc {
    70%, 100% {
        opacity: 0;
    }
}

.mui-nwlp3i {
    transform: translate(0px);
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.mui-nwlp3i::before {
    content: "";
    display: block;
    width: 200%;
    height: 200%;
    margin-left: -50%;
    margin-top: -50%;
    background-color: rgb(19, 206, 124);
    animation: 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite normal none running animation-1kcispc;
    border-radius: 50%;
}

.mui-nwlp3i::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgb(19, 206, 124);
    border-radius: 50%;
}

.mui-pd69dl {
    width: 100%;
    height: 125px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-pd69dl::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-u0iiqx {
    height: 230px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
}

.mui-8atqhb {
    width: 100%;
}

.mui-6pr6og {
    touch-action: none;
}

.mui-6pr6og .MuiChartsAxisHighlight-root {
    fill: rgba(73, 242, 100, 0.5);
}

.mui-6pr6og .MuiChartsGrid-line {
    stroke-dasharray: 5, 3;
    stroke-width: 1.5px;
}

.mui-6pr6og .MuiChartsGrid-line:first-of-type, .mui-6pr6og .MuiChartsGrid-line:last-of-type {
    display: none;
}

.mui-6pr6og .MuiChartsAxis-tick {
    visibility: hidden;
}

.mui-6pr6og .MuiChartsAxis-left .MuiChartsAxis-tickContainer:not(:first-of-type):not(:last-of-type) .MuiChartsAxis-tickLabel {
    visibility: hidden;
}

.mui-6pr6og .MuiLineElement-series-auto-generated-id-0 {
    filter: drop-shadow(rgb(40, 186, 142) 0px 10px 3px);
}

.mui-6pr6og g {
    clip-path: none;
}

.mui-j9115b {
    stroke-width: 2;
    stroke-linejoin: round;
    fill: none;
    stroke: rgb(40, 186, 142);
    transition: opacity 0.2s ease-in, stroke 0.2s ease-in;
    opacity: 1;
}

.mui-g5kqsh {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    stroke: none;
    fill: rgb(255, 255, 255);
    shape-rendering: crispedges;
    text-anchor: middle;
    dominant-baseline: middle;
}

.mui-fckurt {
    touch-action: none;
}

.mui-fckurt .MuiChartsAxisHighlight-root {
    fill: rgba(73, 242, 100, 0.5);
}

.mui-fckurt .MuiChartsGrid-line {
    stroke-dasharray: 5, 3;
    stroke-width: 1.5px;
}

.mui-fckurt .MuiChartsGrid-line:first-of-type, .mui-fckurt .MuiChartsGrid-line:last-of-type {
    display: none;
}

.mui-fckurt .MuiChartsAxis-tick {
    visibility: hidden;
}

.mui-fckurt .MuiChartsAxis-left .MuiChartsAxis-tickContainer:not(:first-of-type):not(:last-of-type) .MuiChartsAxis-tickLabel {
    visibility: hidden;
}

.mui-fckurt g {
    clip-path: none;
}

.mui-q0w29i {
    stroke-width: 2;
    stroke-linejoin: round;
    fill: none;
    stroke: rgb(120, 93, 255);
    transition: opacity 0.2s ease-in, stroke 0.2s ease-in;
    opacity: 1;
}

.mui-15oz7c {
    touch-action: none;
}

.mui-15oz7c [class*="MuiBarElement-series-auto-generated-id-"] {
    clip-path: inset(0px round 24px);
}

.mui-15oz7c .MuiChartsGrid-line {
    stroke-dasharray: 5, 3;
    stroke-width: 1.5px;
}

.mui-k3m5yi {
    touch-action: none;
}

.mui-k3m5yi .MuiPieArc-root {
    stroke: rgba(35, 35, 35, 0.8);
    stroke-width: 4;
}

.mui-10o7bdn {
    stroke: rgba(255, 255, 255, 0.12);
    shape-rendering: crispedges;
    stroke-width: 1;
}

span.MuiChartsAxis-tickLabel {
    font-size: 11px;
    line-height: 1.66;
    letter-spacing: 0.03333em;
}

.mui-l4xijr .MuiChartsAxis-tickLabel {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    letter-spacing: 0.03333em;
    fill: rgb(255, 255, 255);
}

.mui-l4xijr .MuiChartsAxis-label {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    fill: rgb(255, 255, 255);
}

.mui-l4xijr .MuiChartsAxis-line {
    stroke: rgb(255, 255, 255);
    shape-rendering: crispedges;
    stroke-width: 1;
}

.mui-l4xijr .MuiChartsAxis-tick {
    stroke: rgb(255, 255, 255);
    shape-rendering: crispedges;
}

.mui-tzcs2l {
    margin: 0px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.mui-1w4fybn {
    cursor: default;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    background: rgb(34, 66, 53);
    color: rgb(19, 206, 124);
}

.mui-1w4fybn.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-1w4fybn.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1w4fybn.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1w4fybn .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-18ahi3y {
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    box-shadow: none;
    cursor: default;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    background: rgb(34, 66, 53);
    color: rgb(19, 206, 124);
}

.mui-18ahi3y.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-18ahi3y .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-18ahi3y .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-18ahi3y .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-18ahi3y .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-18ahi3y .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-18ahi3y .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-18ahi3y .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-18ahi3y .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-18ahi3y:hover, .mui-18ahi3y:active, .mui-18ahi3y:focus {
    box-shadow: none;
}

.mui-18ahi3y.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-18ahi3y.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-18ahi3y.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-18ahi3y .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-171onha {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
}

.mui-155rr8j {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    width: 16px;
    height: 16px;
}

.mui-jnp7og {
    stroke-width: 2;
    stroke-linejoin: round;
    fill: none;
    stroke: rgb(198, 198, 198);
    transition: opacity 0.2s ease-in, stroke 0.2s ease-in;
    opacity: 1;
}

.mui-pyksyu {
    stroke: rgb(18, 18, 18);
    stroke-width: 1;
    stroke-linejoin: round;
}

.mui-qlasr0 {
    fill: rgb(255, 255, 255);
    text-anchor: middle;
    dominant-baseline: middle;
    pointer-events: none;
}

.mui-ay1pwg {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mui-7bluqe {
    margin: 0px;
    font-size: 24px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 32px;
    text-transform: uppercase;
}

.mui-82m4mj {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.mui-tv5gpy {
    height: 8px;
    border-radius: 24px;
    background-color: rgb(198, 198, 198);
    width: calc(44.6219%);
}

.mui-3vavk {
    height: 8px;
    border-radius: 24px;
    background-color: rgb(244, 161, 36);
    width: calc(38.5243%);
}

.mui-g16jpf {
    height: 8px;
    border-radius: 24px;
    background-color: rgb(79, 178, 249);
    width: calc(14.9416%);
}

.mui-946sw0 {
    height: 8px;
    border-radius: 24px;
    background-color: rgb(255, 255, 255);
    width: calc(1.91218%);
}

.mui-15f5fry {
    background-color: rgba(35, 35, 35, 0.8);
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-15f5fry::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(rgba(35, 35, 35, 0) 0%, rgb(21, 21, 21) 100%);
    z-index: 1;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.mui-11i12bd {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    background-color: rgba(35, 35, 35, 0.8);
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-11i12bd::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(rgba(35, 35, 35, 0) 0%, rgb(21, 21, 21) 100%);
    z-index: 1;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.mui-11i12bd::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(rgba(35, 35, 35, 0) 0%, rgb(21, 21, 21) 100%);
    z-index: 1;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.mui-5yd0fm {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 8px;
}

.mui-5yd0fm:hover {
    text-decoration-color: inherit;
}

.mui-1y0v8ej {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: rgb(255, 255, 255);
    font-family: var(--font-inter);
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 8px;
}

.mui-1y0v8ej:hover {
    text-decoration-color: inherit;
}

.mui-1tw4rm6 {
    align-self: flex-start;
}

.mui-1tw4rm6 .MuiBadge-badge {
    min-width: calc(8.5px);
    width: calc(8.5px);
    height: calc(8.5px);
    border: calc(1.65px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-1tw4rm6 .MuiBadge-dot {
    border-radius: 50%;
}

.mui-1nvqbea {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
    align-self: flex-start;
}

.mui-1nvqbea .MuiBadge-badge {
    min-width: calc(8.5px);
    width: calc(8.5px);
    height: calc(8.5px);
    border: calc(1.65px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-1nvqbea .MuiBadge-dot {
    border-radius: 50%;
}

.mui-1pv7sj {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 34px;
    height: 34px;
}

.mui-in3yi3 {
    font-weight: bold;
}

.mui-1qj20s9 {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    font-size: 13px;
    font-weight: bold;
}

.mui-biahd {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 34px;
    height: 34px;
}

.mui-2cncff {
    margin: 0px;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    letter-spacing: 0.03333em;
    color: rgba(255, 255, 255, 0.7);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-inter);
    flex-shrink: 0;
}

.mui-pbb7qd {
    cursor: default;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    background: rgb(94, 27, 27);
    color: rgb(255, 112, 112);
}

.mui-pbb7qd.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-pbb7qd.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-pbb7qd.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-pbb7qd .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-1kdrzse {
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    box-shadow: none;
    cursor: default;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    background: rgb(94, 27, 27);
    color: rgb(255, 112, 112);
}

.mui-1kdrzse.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-1kdrzse .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-1kdrzse .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-1kdrzse .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-1kdrzse .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-1kdrzse .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-1kdrzse .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-1kdrzse .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-1kdrzse .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-1kdrzse:hover, .mui-1kdrzse:active, .mui-1kdrzse:focus {
    box-shadow: none;
}

.mui-1kdrzse.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-1kdrzse.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1kdrzse.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1kdrzse .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-18252gw {
    margin: 0px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.mui-183yaa1 {
    stroke: none;
    fill: rgb(255, 255, 255);
    transition: opacity 0.2s ease-in, fill 0.2s ease-in;
    opacity: 1;
}

.mui-1m94y0q {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    position: relative;
}

.mui-1m94y0q:hover {
    text-decoration-color: inherit;
}

.mui-x8lk28 {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: rgb(255, 255, 255);
    font-family: var(--font-inter);
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    position: relative;
}

.mui-x8lk28:hover {
    text-decoration-color: inherit;
}

.mui-101hchw {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 48px;
    height: 48px;
}

.mui-2tff9u {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    font-size: 20px;
    font-weight: bold;
}

.mui-95ff9b {
    max-height: 199px;
    overflow: hidden;
    transition: max-height 0.2s;
}

.mui-keats1 {
    pointer-events: none;
    fill: white;
    fill-opacity: 0.1;
}

.mui-1l5s8j3 {
    transform: translate(750.887px, 248px);
    transform-origin: 750.887px 248px;
    fill: rgb(120, 93, 255);
}

.mui-14zgzd1 {
    pointer-events: none;
    z-index: 1300;
}

.mui-1x3nnry {
    pointer-events: none;
    z-index: 1300;
}

.mui-176k8ri {
    backdrop-filter: blur(6px);
    background-color: rgba(35, 35, 35, 0.8);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mui-kge0eu {
    width: 100%;
    overflow-x: auto;
}

.mui-1dbcj55 {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

.mui-1dbcj55 caption {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    padding: 16px;
    color: rgba(255, 255, 255, 0.7);
    text-align: left;
    caption-side: bottom;
}

.mui-szsexc {
    display: table-row-group;
}

.mui-szsexc td {
    padding: 4px 8px;
    border-bottom: none;
}

.mui-1jnmqhn {
    color: inherit;
    display: table-row;
    vertical-align: middle;
    outline: 0px;
}

.mui-1jnmqhn.MuiTableRow-hover:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

.mui-1jnmqhn.Mui-selected {
    background-color: rgba(255, 255, 255, 0.16);
}

.mui-1jnmqhn.Mui-selected:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-1gt0pte {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    text-align: left;
    padding: 16px;
    color: rgb(255, 255, 255);
}

.mui-1v5wdlw {
    margin: 0px;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
}

.mui-dk2l08 {
    transform: translate(776.919px, 248px);
    transform-origin: 776.919px 248px;
    fill: rgb(120, 93, 255);
}

.mui-12ok047 {
    transform: translate(802.952px, 223.212px);
    transform-origin: 802.952px 223.212px;
    fill: rgb(120, 93, 255);
}

.mui-111ne3p {
    transform: translate(828.984px, 248px);
    transform-origin: 828.984px 248px;
    fill: rgb(120, 93, 255);
}

.mui-12bz2vh {
    transform: translate(438.5px, 178.61px);
    transform-origin: 438.5px 178.61px;
    fill: rgb(120, 93, 255);
}

.mui-le4b92 {
    transform: translate(256.274px, 223.212px);
    transform-origin: 256.274px 223.212px;
    fill: rgb(120, 93, 255);
}

.mui-gpecql {
    transform: translate(100.081px, 223.212px);
    transform-origin: 100.081px 223.212px;
    fill: rgb(120, 93, 255);
}

.mui-xp764t {
    transform: translate(74.0484px, 218.265px);
    transform-origin: 74.0484px 218.265px;
    fill: rgb(120, 93, 255);
}

.mui-1iwglkg {
    transform: translate(178.177px, 233.132px);
    transform-origin: 178.177px 233.132px;
    fill: rgb(120, 93, 255);
}

@font-face {
    font-family: __akzidenzGrotesk_3d9368;
    src: url("04e9f25ad151ac05-s.p.otf") format("opentype");
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: __akzidenzGrotesk_Fallback_3d9368;
    src: local("Arial");
    ascent-override: 102.13%;
    descent-override: 33.72%;
    line-gap-override: 0%;
    size-adjust: 93.41%;
}

.__className_3d9368 {
    font-family: __akzidenzGrotesk_3d9368, __akzidenzGrotesk_Fallback_3d9368, sans-serif;
    font-style: normal;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("55c55f0601d81cf3-s.woff2") format("woff2");
    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("26a46d62cd723877-s.woff2") format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("97e0cb1ae144a2a9-s.woff2") format("woff2");
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("581909926a08bbc8-s.woff2") format("woff2");
    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("df0a9ae256c0569c-s.woff2") format("woff2");
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("6d93bde91c0c2823-s.p.woff2") format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("a34f9d1faa5f3315-s.p.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("55c55f0601d81cf3-s.woff2") format("woff2");
    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("26a46d62cd723877-s.woff2") format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("97e0cb1ae144a2a9-s.woff2") format("woff2");
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("581909926a08bbc8-s.woff2") format("woff2");
    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("df0a9ae256c0569c-s.woff2") format("woff2");
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("6d93bde91c0c2823-s.p.woff2") format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("a34f9d1faa5f3315-s.p.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("55c55f0601d81cf3-s.woff2") format("woff2");
    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("26a46d62cd723877-s.woff2") format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("97e0cb1ae144a2a9-s.woff2") format("woff2");
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("581909926a08bbc8-s.woff2") format("woff2");
    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("df0a9ae256c0569c-s.woff2") format("woff2");
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("6d93bde91c0c2823-s.p.woff2") format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("a34f9d1faa5f3315-s.p.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: __Inter_Fallback_39ba87;
    src: local("Arial");
    ascent-override: 90.49%;
    descent-override: 22.56%;
    line-gap-override: 0%;
    size-adjust: 107.06%;
}

.__className_39ba87 {
    font-family: __Inter_39ba87, __Inter_Fallback_39ba87;
    font-style: normal;
}

.carousel .control-arrow, .carousel.carousel-slider .control-arrow {
    transition: 0.25s ease-in;
    opacity: 0.4;
    position: absolute;
    z-index: 2;
    top: 20px;
    background: none;
    border: 0px;
    font-size: 32px;
    cursor: pointer;
}

.carousel .control-arrow:focus, .carousel .control-arrow:hover {
    opacity: 1;
}

.carousel .control-arrow::before, .carousel.carousel-slider .control-arrow::before {
    margin: 0px 5px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: "";
}

.carousel .control-disabled.control-arrow {
    opacity: 0;
    cursor: inherit;
    display: none;
}

.carousel .control-prev.control-arrow {
    left: 0px;
}

.carousel .control-prev.control-arrow::before {
    border-right: 8px solid rgb(255, 255, 255);
}

.carousel .control-next.control-arrow {
    right: 0px;
}

.carousel .control-next.control-arrow::before {
    border-left: 8px solid rgb(255, 255, 255);
}

.carousel-root {
    outline: none;
}

.carousel {
    position: relative;
    width: 100%;
}

.carousel * {
    box-sizing: border-box;
}

.carousel img {
    width: 100%;
    display: inline-block;
    pointer-events: none;
}

.carousel .carousel {
    position: relative;
}

.carousel .control-arrow {
    outline: 0px;
    border: 0px;
    background: none;
    top: 50%;
    margin-top: -13px;
    font-size: 18px;
}

.carousel .thumbs-wrapper {
    margin: 20px;
    overflow: hidden;
}

.carousel .thumbs {
    transition: 0.15s ease-in;
    transform: translateZ(0px);
    position: relative;
    list-style: none;
    white-space: nowrap;
}

.carousel .thumb {
    transition: border 0.15s ease-in;
    display: inline-block;
    margin-right: 6px;
    white-space: nowrap;
    overflow: hidden;
    border: 3px solid rgb(255, 255, 255);
    padding: 2px;
}

.carousel .thumb:focus {
    border: 3px solid rgb(204, 204, 204);
    outline: none;
}

.carousel .thumb.selected, .carousel .thumb:hover {
    border: 3px solid rgb(51, 51, 51);
}

.carousel .thumb img {
    vertical-align: top;
}

.carousel.carousel-slider {
    position: relative;
    margin: 0px;
    overflow: hidden;
}

.carousel.carousel-slider .control-arrow {
    top: 0px;
    color: rgb(255, 255, 255);
    font-size: 26px;
    bottom: 0px;
    margin-top: 0px;
    padding: 5px;
}

.carousel.carousel-slider .control-arrow:hover {
    background: rgba(0, 0, 0, 0.2);
}

.carousel .slider-wrapper {
    overflow: hidden;
    margin: auto;
    width: 100%;
    transition: height 0.15s ease-in;
}

.carousel .slider-wrapper.axis-horizontal .slider {
    display: flex;
}

.carousel .slider-wrapper.axis-horizontal .slider .slide {
    flex-flow: column;
}

.carousel .slider-wrapper.axis-vertical {
    display: flex;
}

.carousel .slider-wrapper.axis-vertical .slider {
    flex-direction: column;
}

.carousel .slider {
    margin: 0px;
    padding: 0px;
    position: relative;
    list-style: none;
    width: 100%;
}

.carousel .slider.animated {
    transition: 0.35s ease-in-out;
}

.carousel .slide {
    min-width: 100%;
    margin: 0px;
    position: relative;
    text-align: center;
}

.carousel .slide img {
    width: 100%;
    vertical-align: top;
    border: 0px;
}

.carousel .slide iframe {
    display: inline-block;
    width: calc(100% - 80px);
    margin: 0px 40px 40px;
    border: 0px;
}

.carousel .slide .legend {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -45%;
    width: 90%;
    border-radius: 10px;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    padding: 10px;
    font-size: 12px;
    text-align: center;
    opacity: 0.25;
    transition: opacity 0.35s ease-in-out;
}

.carousel .control-dots {
    position: absolute;
    bottom: 0px;
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
    z-index: 1;
}

@media (min-width: 960px) {
    .carousel .control-dots {
        bottom: 0px;
    }
}

.carousel .control-dots .dot {
    transition: opacity 0.25s ease-in;
    opacity: 0.3;
    box-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    cursor: pointer;
    display: inline-block;
    margin: 0px 8px;
}

.carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover {
    opacity: 1;
}

.carousel .carousel-status {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    font-size: 10px;
    text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
    color: rgb(255, 255, 255);
}

.carousel:hover .slide .legend {
    opacity: 1;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -webkit-print-color-scheme: dark;
    color-scheme: dark;
}

*, *::before, *::after {
    box-sizing: inherit;
}

strong, b {
    font-weight: 700;
}

body {
    margin: 0;
    color: #fff;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    background-color: #121212;
}

@media print {
    body {
        background-color: #fff;
    }
}

body::backdrop {
    background-color: #121212;
}

body, body * {
    scrollbar-color: #00000033 transparent;
    scrollbar-width: thin;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

body::-webkit-scrollbar, body *::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

body::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 20px;
}

body:hover::-webkit-scrollbar-thumb {
    background-color: #000;
}

*:hover::-webkit-scrollbar-thumb {
    background-color: #00000033;
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img, video {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

:fullscreen video, :-webkit-full-screen video {
    max-height: 100%;
    max-width: 100%;
}

html {
    height: 100%;
    overflow: hidden;
    position: relative;
}

body {
    height: 100%;
    overflow: auto;
    position: relative;
    overscrollYBehavior: contain;
}

html, body {
    background: #272727ff;
    max-height: 100vh;
}

.mui-1bd7n6v {
     padding-top: 2vh;
     background: rgb(21, 21, 21);
 }

@media (min-width: 850px) {
    .mui-1bd7n6v {
        padding-top: 8vh;
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

.mui-1612s5q {
    width: 100%;
    min-height: 86vh;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.mui-11jbs05 {
    padding: 2rem 16px 1rem;
    width: 500px;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.mui-euu2mi {
    font-size: 32px;
    line-height: 64px;
    text-align: center;
}

@media (min-width: 850px) {
    .mui-euu2mi {
        line-height: 1;
        text-align: left;
    }
}

@media (min-width: 0px) {
    .mui-euu2mi {
        margin-bottom: 16px;
    }
}

@media (min-width: 850px) {
    .mui-euu2mi {
        margin-bottom: 32px;
    }
}

.mui-1iv8x8e {
    font-family: var(--font-inter);
    font-weight: bold;
    font-size: 32px;
    line-height: 64px;
    text-align: center;
}

@media (min-width: 850px) {
    .mui-1iv8x8e {
        line-height: 1;
        text-align: left;
    }
}

@media (min-width: 0px) {
    .mui-1iv8x8e {
        margin-bottom: 16px;
    }
}

@media (min-width: 850px) {
    .mui-1iv8x8e {
        margin-bottom: 32px;
    }
}

.mui-ynclqb {
    text-decoration: none;
    color: inherit;
    font-family: var(--font-inter);
    font-weight: bold;
    font-size: 32px;
    line-height: 64px;
    text-align: center;
}

@media (min-width: 850px) {
    .mui-ynclqb {
        line-height: 1;
        text-align: left;
    }
}

@media (min-width: 0px) {
    .mui-ynclqb {
        margin-bottom: 16px;
    }
}

@media (min-width: 850px) {
    .mui-ynclqb {
        margin-bottom: 32px;
    }
}

.mui-1vi2xsc {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    text-decoration: none;
    color: inherit;
    font-family: var(--font-inter);
    font-weight: bold;
    font-size: 32px;
    line-height: 64px;
    text-align: center;
}

@media (min-width: 850px) {
    .mui-1vi2xsc {
        line-height: 1;
        text-align: left;
    }
}

@media (min-width: 0px) {
    .mui-1vi2xsc {
        margin-bottom: 16px;
    }
}

@media (min-width: 850px) {
    .mui-1vi2xsc {
        margin-bottom: 32px;
    }
}

.mui-1mczyaa {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    color: rgb(255, 255, 255);
}

.mui-17djpja {
    font-size: 48px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 52.8px;
    text-transform: uppercase;
    border: 0px solid;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.mui-2ip1cd {
    width: 100%;
}

.mui-2ip1cd > :not(:last-child) {
    margin-bottom: 16px;
}

.mui-1vtsa1t {
    color: rgb(255, 255, 255);
    text-align: left;
    text-transform: initial;
    width: 100%;
    display: flex;
    flex-direction: row;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid transparent;
    height: 40px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-shadow: none;
    border-radius: 100px;
    padding: 0px 24px;
    transition: 0.1s ease-in-out;
}

.mui-1vtsa1t:disabled {
    color: rgba(255, 255, 255, 0.5);
}

.mui-1vtsa1t:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.mui-1vtsa1t:disabled {
    background-color: rgba(255, 255, 255, 0.8);
    color: rgb(255, 255, 255);
}

.mui-1vtsa1t:active {
    top: 1px;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid transparent;
}

.mui-1vtsa1t:focus {
    outline: rgb(255, 255, 255) solid 2px;
}

.mui-1vtsa1t:focus:active {
    outline: none;
}

.mui-1xaysqm {
    line-height: 1.75;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    font-size: 1rem;
    color: rgb(255, 255, 255);
    text-align: left;
    text-transform: initial;
    width: 100%;
    display: flex;
    flex-direction: row;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid transparent;
    height: 40px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-shadow: none;
    border-radius: 100px;
    padding: 0px 24px;
    transition: 0.1s ease-in-out;
}

.mui-1xaysqm:hover {
    text-decoration: none;
}

.mui-1xaysqm.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-1xaysqm:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-1xaysqm:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-1xaysqm:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-1xaysqm.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-1xaysqm.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-1xaysqm:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1xaysqm:hover {
    box-shadow: none;
}

.mui-1xaysqm.Mui-focusVisible {
    box-shadow: none;
}

.mui-1xaysqm:active {
    box-shadow: none;
}

.mui-1xaysqm.Mui-disabled {
    box-shadow: none;
}

.mui-1xaysqm:hover, .mui-1xaysqm:active, .mui-1xaysqm:focus {
    box-shadow: none;
}

.mui-1xaysqm:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(249, 147, 118);
}

.mui-1xaysqm:disabled {
    color: rgba(255, 255, 255, 0.5);
}

.mui-1xaysqm:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.mui-1xaysqm:disabled {
    background-color: rgba(255, 255, 255, 0.8);
    color: rgb(255, 255, 255);
}

.mui-1xaysqm:active {
    top: 1px;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid transparent;
}

.mui-1xaysqm:focus {
    outline: rgb(255, 255, 255) solid 2px;
}

.mui-1xaysqm:focus:active {
    outline: none;
}

.mui-dzhwtz {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    font-size: 1rem;
    color: rgb(255, 255, 255);
    text-align: left;
    text-transform: initial;
    width: 100%;
    display: flex;
    flex-direction: row;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid transparent;
    height: 40px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-shadow: none;
    border-radius: 100px;
    padding: 0px 24px;
    transition: 0.1s ease-in-out;
}

.mui-dzhwtz.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-dzhwtz {
        -webkit-print-color-adjust: exact;
    }
}

.mui-dzhwtz:hover {
    text-decoration: none;
}

.mui-dzhwtz.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-dzhwtz:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-dzhwtz:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-dzhwtz:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-dzhwtz.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-dzhwtz.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-dzhwtz:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-dzhwtz:hover {
    box-shadow: none;
}

.mui-dzhwtz.Mui-focusVisible {
    box-shadow: none;
}

.mui-dzhwtz:active {
    box-shadow: none;
}

.mui-dzhwtz.Mui-disabled {
    box-shadow: none;
}

.mui-dzhwtz:hover, .mui-dzhwtz:active, .mui-dzhwtz:focus {
    box-shadow: none;
}

.mui-dzhwtz:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(249, 147, 118);
}

.mui-dzhwtz:disabled {
    color: rgba(255, 255, 255, 0.5);
}

.mui-dzhwtz:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.mui-dzhwtz:disabled {
    background-color: rgba(255, 255, 255, 0.8);
    color: rgb(255, 255, 255);
}

.mui-dzhwtz:active {
    top: 1px;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid transparent;
}

.mui-dzhwtz:focus {
    outline: rgb(255, 255, 255) solid 2px;
}

.mui-dzhwtz:focus:active {
    outline: none;
}

.mui-1cqbtnm {
    display: inherit;
    margin-right: 8px;
    margin-left: -4px;
}

.mui-1cqbtnm > :nth-of-type(1) {
    font-size: 20px;
}

.mui-156zqvw {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.mui-vdpf0n {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    margin-right: 2px;
}

.mui-35ezg3 {
    font-weight: 600;
}

.mui-v15gb2 {
    margin: 0px;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    font-weight: 600;
}

.mui-1i3zw9q {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: inherit;
}

.mui-1uanwv3 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 20px;
}

.mui-193qpcm {
    margin: 16px 0px 8px;
    flex-shrink: 0;
    display: flex;
    white-space: nowrap;
    text-align: center;
    border-width: 0px;
    border-right-style: initial;
    border-bottom-style: initial;
    border-color: initial;
    border-image: initial;
    border-top-style: solid;
    border-left-style: solid;
    width: 100%;
}

.mui-193qpcm::before, .mui-193qpcm::after {
    content: "";
    align-self: center;
}

.mui-193qpcm::before, .mui-193qpcm::after {
    width: 100%;
    border-top-width: thin;
    border-top-color: rgba(255, 255, 255, 0.12);
    border-top-style: inherit;
}

.mui-c1ovea {
    display: inline-block;
    padding-left: calc(9.6px);
    padding-right: calc(9.6px);
}

.mui-5721dc {
    margin: 0px;
    color: rgba(255, 255, 255, 0.12);
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.mui-bv8o02 {
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}

.mui-a5xh2b input[type="time"]::-webkit-calendar-picker-indicator, .mui-a5xh2b input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    background: transparent;
    right: 16px;
}

.mui-15br6dq input[type="time"]::-webkit-calendar-picker-indicator, .mui-15br6dq input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    background: transparent;
    right: 16px;
}

.mui-nczv9w {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 8px 0px 4px;
    border: 0px;
    vertical-align: top;
    width: 100%;
}

.mui-nczv9w input[type="time"]::-webkit-calendar-picker-indicator, .mui-nczv9w input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    background: transparent;
    right: 16px;
}

.mui-1iau9p2 {
    display: block;
    transform-origin: left top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1);
    z-index: 1;
    pointer-events: none;
    max-width: calc(100% - 24px);
    transform: translate(14px, 9px) scale(1);
}

.mui-1iau9p2.Mui-focused {
    color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.2);
}

.mui-dk5b2 {
    color: rgba(255, 255, 255, 0.7);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    padding: 0px;
    display: block;
    transform-origin: left top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1);
    z-index: 1;
    pointer-events: none;
    max-width: calc(100% - 24px);
    transform: translate(14px, 9px) scale(1);
}

.mui-dk5b2.Mui-focused {
    color: rgb(255, 255, 255);
}

.mui-dk5b2.Mui-disabled {
    color: rgba(255, 255, 255, 0.5);
}

.mui-dk5b2.Mui-error {
    color: rgb(255, 112, 112);
}

.mui-dk5b2.Mui-focused {
    color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.2);
}

.mui-h4hyug.Mui-error {
    color: rgb(255, 112, 112);
}

.mui-1yw1z9w {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 8px;
}

.mui-1yw1z9w.Mui-disabled {
    color: rgba(255, 255, 255, 0.5);
    cursor: default;
}

.mui-1yw1z9w input::-webkit-input-placeholder {
    color: rgb(201, 201, 201);
}

.mui-1yw1z9w textarea::-webkit-input-placeholder {
    color: rgb(201, 201, 201);
}

.mui-1yw1z9w input::placeholder, .mui-1yw1z9w textarea::placeholder {
    color: rgb(201, 201, 201);
}

.mui-1yw1z9w:hover .MuiOutlinedInput-notchedOutline {
    border-color: rgb(255, 255, 255);
}

.mui-1yw1z9w.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-width: 2px;
}

.mui-1yw1z9w.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: rgb(255, 255, 255);
}

@media (hover: none) {
    .mui-1yw1z9w:hover .MuiOutlinedInput-notchedOutline {
        border-color: rgba(255, 255, 255, 0.23);
    }
}

.mui-1yw1z9w.Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: rgb(255, 112, 112);
}

.mui-1yw1z9w.Mui-disabled .MuiOutlinedInput-notchedOutline {
    border-color: rgba(255, 255, 255, 0.3);
}

.mui-1yw1z9w.Mui-focused .MuiOutlinedInput-notchedOutline {
    color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.2);
}

.mui-1ij8qa8 {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 8.5px 14px;
}

.mui-1ij8qa8::-webkit-input-placeholder {
    color: currentcolor;
    opacity: 0.5;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mui-1ij8qa8:focus {
    outline: 0px;
}

.mui-1ij8qa8:invalid {
    box-shadow: none;
}

.mui-1ij8qa8::-webkit-search-decoration {
    appearance: none;
}

label[data-shrink="false"] + .MuiInputBase-formControl .mui-1ij8qa8::-webkit-input-placeholder {
    opacity: 0 !important;
}

label[data-shrink="false"] + .MuiInputBase-formControl .mui-1ij8qa8:focus::-webkit-input-placeholder {
    opacity: 0.5;
}

.mui-1ij8qa8.Mui-disabled {
    opacity: 1;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.5);
}

.mui-1ij8qa8:-webkit-autofill {
    animation-duration: 5000s;
    animation-name: mui-auto-fill;
}

.mui-1ij8qa8:-webkit-autofill {
    box-shadow: rgb(38, 103, 152) 0px 0px 0px 100px inset;
    -webkit-text-fill-color: rgb(255, 255, 255);
    caret-color: rgb(255, 255, 255);
    border-radius: inherit;
}

.mui-7z4qiw {
    border-color: rgba(255, 255, 255, 0.23);
}

.mui-nqlg3w {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(255, 255, 255, 0.23);
}

.mui-1pbc52w {
    float: unset;
    width: auto;
    overflow: hidden;
    display: block;
    padding: 0px;
    height: 11px;
    font-size: 0.75em;
    visibility: hidden;
    max-width: 0.01px;
    transition: max-width 50ms cubic-bezier(0, 0, 0.2, 1);
    white-space: nowrap;
}

.mui-1pbc52w > span {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    opacity: 0;
    visibility: visible;
}

.mui-1wzk3jt {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 8px;
    padding-right: 14px;
}

.mui-1wzk3jt.Mui-disabled {
    color: rgba(255, 255, 255, 0.5);
    cursor: default;
}

.mui-1wzk3jt input::-webkit-input-placeholder {
    color: rgb(201, 201, 201);
}

.mui-1wzk3jt textarea::-webkit-input-placeholder {
    color: rgb(201, 201, 201);
}

.mui-1wzk3jt input::placeholder, .mui-1wzk3jt textarea::placeholder {
    color: rgb(201, 201, 201);
}

.mui-1wzk3jt:hover .MuiOutlinedInput-notchedOutline {
    border-color: rgb(255, 255, 255);
}

.mui-1wzk3jt.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-width: 2px;
}

.mui-1wzk3jt.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: rgb(255, 255, 255);
}

@media (hover: none) {
    .mui-1wzk3jt:hover .MuiOutlinedInput-notchedOutline {
        border-color: rgba(255, 255, 255, 0.23);
    }
}

.mui-1wzk3jt.Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: rgb(255, 112, 112);
}

.mui-1wzk3jt.Mui-disabled .MuiOutlinedInput-notchedOutline {
    border-color: rgba(255, 255, 255, 0.3);
}

.mui-1wzk3jt.Mui-focused .MuiOutlinedInput-notchedOutline {
    color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.2);
}

.mui-1exnsjg {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 8.5px 0px 8.5px 14px;
}

.mui-1exnsjg::-webkit-input-placeholder {
    color: currentcolor;
    opacity: 0.5;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mui-1exnsjg:focus {
    outline: 0px;
}

.mui-1exnsjg:invalid {
    box-shadow: none;
}

.mui-1exnsjg::-webkit-search-decoration {
    appearance: none;
}

label[data-shrink="false"] + .MuiInputBase-formControl .mui-1exnsjg::-webkit-input-placeholder {
    opacity: 0 !important;
}

label[data-shrink="false"] + .MuiInputBase-formControl .mui-1exnsjg:focus::-webkit-input-placeholder {
    opacity: 0.5;
}

.mui-1exnsjg.Mui-disabled {
    opacity: 1;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.5);
}

.mui-1exnsjg:-webkit-autofill {
    animation-duration: 5000s;
    animation-name: mui-auto-fill;
}

.mui-1exnsjg:-webkit-autofill {
    box-shadow: rgb(38, 103, 152) 0px 0px 0px 100px inset;
    -webkit-text-fill-color: rgb(255, 255, 255);
    caret-color: rgb(255, 255, 255);
    border-radius: inherit;
}

.mui-1o4zfwv {
    display: flex;
    max-height: 2em;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
    color: rgb(255, 255, 255);
    margin-left: 8px;
}

.mui-wfd18u {
    color: rgba(255, 255, 255, 0.8);
    padding: 8px;
    margin-right: -8px;
}

.mui-1qxhxvb {
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.8);
    padding: 8px;
    margin-right: -8px;
}

.mui-1qxhxvb:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1qxhxvb:hover {
        background-color: transparent;
    }
}

.mui-1qxhxvb.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-1j0svck {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px -8px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.8);
    padding: 8px;
}

.mui-1j0svck.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1j0svck {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1j0svck:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1j0svck:hover {
        background-color: transparent;
    }
}

.mui-1j0svck.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-10vyf6v {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    z-index: 1;
}

.mui-5ql5fs {
    z-index: 1500;
    pointer-events: none;
}

.mui-1wufjjx {
    z-index: 1500;
    pointer-events: none;
}

.mui-13efx19 {
    background: rgb(73, 242, 100);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    margin-top: 24px;
}

.mui-13efx19:hover {
    background: rgb(151, 114, 255);
}

.mui-13efx19:disabled {
    opacity: 0.5;
}

.mui-13efx19.mui-button-loading {
    cursor: default;
}

.mui-13efx19.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-13efx19.mui-button-loading:active {
    box-shadow: none;
}

.mui-13efx19:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-13efx19:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-13efx19 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-13efx19 .MuiButton-endIcon {
    width: 0px;
}

.mui-kj6gkp {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: rgb(73, 242, 100);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    margin-top: 24px;
}

.mui-kj6gkp:hover {
    text-decoration: none;
}

.mui-kj6gkp.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-kj6gkp:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-kj6gkp:hover {
    box-shadow: none;
}

.mui-kj6gkp.Mui-focusVisible {
    box-shadow: none;
}

.mui-kj6gkp:active {
    box-shadow: none;
}

.mui-kj6gkp.Mui-disabled {
    box-shadow: none;
}

.mui-kj6gkp:hover, .mui-kj6gkp:active, .mui-kj6gkp:focus {
    box-shadow: none;
}

.mui-kj6gkp:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-kj6gkp:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-kj6gkp:hover {
    background: rgb(151, 114, 255);
}

.mui-kj6gkp:disabled {
    opacity: 0.5;
}

.mui-kj6gkp.mui-button-loading {
    cursor: default;
}

.mui-kj6gkp.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-kj6gkp.mui-button-loading:active {
    box-shadow: none;
}

.mui-kj6gkp:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-kj6gkp:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-kj6gkp .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-kj6gkp .MuiButton-endIcon {
    width: 0px;
}

.mui-1m05vqw {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 24px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: rgb(73, 242, 100);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-1m05vqw.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1m05vqw {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1m05vqw:hover {
    text-decoration: none;
}

.mui-1m05vqw.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1m05vqw:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1m05vqw:hover {
    box-shadow: none;
}

.mui-1m05vqw.Mui-focusVisible {
    box-shadow: none;
}

.mui-1m05vqw:active {
    box-shadow: none;
}

.mui-1m05vqw.Mui-disabled {
    box-shadow: none;
}

.mui-1m05vqw:hover, .mui-1m05vqw:active, .mui-1m05vqw:focus {
    box-shadow: none;
}

.mui-1m05vqw:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-1m05vqw:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1m05vqw:hover {
    background: rgb(151, 114, 255);
}

.mui-1m05vqw:disabled {
    opacity: 0.5;
}

.mui-1m05vqw.mui-button-loading {
    cursor: default;
}

.mui-1m05vqw.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-1m05vqw.mui-button-loading:active {
    box-shadow: none;
}

.mui-1m05vqw:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1m05vqw:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1m05vqw .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-1m05vqw .MuiButton-endIcon {
    width: 0px;
}

.mui-2sk7c9 {
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: center;
}

.mui-5uhwet {
    margin: 24px 0px;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    font-weight: bold;
    text-align: center;
}

.mui-1gyfo5i {
    color: rgb(255, 255, 255);
    margin: 24px 0px;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    font-weight: bold;
    text-align: center;
}

.mui-i5aqa5 {
    position: relative;
    color: rgb(255, 255, 255);
    margin: 24px 0px;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    font-weight: bold;
    text-align: center;
}

.mui-i5aqa5:focus {
    text-decoration: underline;
}

.mui-1o88lo1 {
    text-decoration: none;
    position: relative;
    color: rgb(255, 255, 255);
    margin: 24px 0px;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    font-weight: bold;
    text-align: center;
}

.mui-1o88lo1:hover {
    text-decoration: underline;
}

.mui-1o88lo1:focus {
    text-decoration: underline;
}

.mui-9j5b7n {
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    text-decoration: none;
    position: relative;
    color: rgb(255, 255, 255);
    margin: 24px 0px;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    font-weight: bold;
    text-align: center;
}

.mui-9j5b7n:hover {
    text-decoration: underline;
}

.mui-9j5b7n:focus {
    text-decoration: underline;
}

.mui-gmuwbf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.mui-1ebprri {
    margin-top: 16px;
    margin-bottom: 16px;
}

.mui-105ladr {
    margin: 0px;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--font-inter);
    font-weight: 600;
}

.mui-y81g5c {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: rgb(255, 255, 255);
    font-family: var(--font-inter);
    font-weight: 700;
}

.mui-1pewsem {
    color: rgb(255, 255, 255);
}

.mui-f1d0k {
    position: relative;
    color: rgb(255, 255, 255);
}

.mui-f1d0k:focus {
    text-decoration: underline;
}

.mui-ps0rlq {
    text-decoration: none;
    position: relative;
    color: rgb(255, 255, 255);
}

.mui-ps0rlq:hover {
    text-decoration: underline;
}

.mui-ps0rlq:focus {
    text-decoration: underline;
}

.mui-8bi8n6 {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    position: relative;
    color: rgb(255, 255, 255);
}

.mui-8bi8n6:hover {
    text-decoration: underline;
}

.mui-8bi8n6:focus {
    text-decoration: underline;
}

.mui-rpnuji {
    margin-top: 16px;
    margin-bottom: 16px;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.mui-1mpvojp {
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: wrap;
    justify-content: space-evenly;
}

.mui-1cxtqjr {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: wrap;
    -webkit-box-pack: center;
    justify-content: center;
}

.mui-1ttfskm {
    margin: 0px;
    color: rgba(255, 255, 255, 0.7);
    text-align: var(--Typography-textAlign);
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    padding: 0px 8px;
}

.mui-1dlwqmc {
    color: rgba(255, 255, 255, 0.8);
}

.mui-y3at7e {
    position: relative;
    color: rgba(255, 255, 255, 0.8);
}

.mui-y3at7e:focus {
    text-decoration: underline;
}

.mui-l1o89d {
    text-decoration: none;
    position: relative;
    color: rgba(255, 255, 255, 0.8);
}

.mui-l1o89d:hover {
    text-decoration: underline;
}

.mui-l1o89d:focus {
    text-decoration: underline;
}

.mui-1ljm6hc {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    position: relative;
    color: rgba(255, 255, 255, 0.8);
}

.mui-1ljm6hc:hover {
    text-decoration: underline;
}

.mui-1ljm6hc:focus {
    text-decoration: underline;
}

.mui-1hb8a6g {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    height: initial;
    line-height: inherit;
    min-width: initial;
    padding: 0px;
    text-decoration: none;
    text-transform: initial;
    vertical-align: baseline;
}

.mui-1hb8a6g:hover {
    background: none;
    text-decoration: underline;
}

@media (max-width: 849.95px) {
    .mui-1hb8a6g {
        height: initial;
    }
}

.mui-nibj4k {
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    color: inherit;
    --variant-containedBg: #424242;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    height: initial;
    line-height: inherit;
    min-width: initial;
    padding: 0px;
    text-decoration: none;
    text-transform: initial;
    vertical-align: baseline;
}

.mui-nibj4k:hover {
    text-decoration: none;
}

.mui-nibj4k.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-nibj4k:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-nibj4k:hover, .mui-nibj4k:active, .mui-nibj4k:focus {
    box-shadow: none;
}

.mui-nibj4k:hover {
    background: none;
    text-decoration: underline;
}

@media (max-width: 849.95px) {
    .mui-nibj4k {
        height: initial;
    }
}

.mui-1wpv4a9 {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    appearance: none;
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    color: inherit;
    --variant-containedBg: #424242;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    height: initial;
    line-height: inherit;
    min-width: initial;
    padding: 0px;
    text-decoration: none;
    text-transform: initial;
    vertical-align: baseline;
}

.mui-1wpv4a9.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1wpv4a9 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1wpv4a9:hover {
    text-decoration: none;
}

.mui-1wpv4a9.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1wpv4a9:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1wpv4a9:hover, .mui-1wpv4a9:active, .mui-1wpv4a9:focus {
    box-shadow: none;
}

.mui-1wpv4a9:hover {
    background: none;
    text-decoration: underline;
}

@media (max-width: 849.95px) {
    .mui-1wpv4a9 {
        height: initial;
    }
}

.mui-1i425k4 {
    display: inline-block;
    position: relative;
    top: -1px;
}

.mui-1i425k4 > :not(:last-child) {
    margin-right: 8px;
}

.mui-74lfbs {
    width: auto;
    height: 12px;
}

.mui-vpqzg5 {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 0px;
    top: 0px;
    transform-origin: left top;
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1);
    z-index: 1;
    user-select: none;
    pointer-events: auto;
    max-width: calc(133% - 32px);
    transform: translate(14px, -9px) scale(0.75);
}

.mui-vpqzg5.Mui-focused {
    color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.2);
}

.mui-1w6thva {
    color: rgba(255, 255, 255, 0.7);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    padding: 0px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 0px;
    top: 0px;
    transform-origin: left top;
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1);
    z-index: 1;
    user-select: none;
    pointer-events: auto;
    max-width: calc(133% - 32px);
    transform: translate(14px, -9px) scale(0.75);
}

.mui-1w6thva.Mui-focused {
    color: rgb(255, 255, 255);
}

.mui-1w6thva.Mui-disabled {
    color: rgba(255, 255, 255, 0.5);
}

.mui-1w6thva.Mui-error {
    color: rgb(255, 112, 112);
}

.mui-1w6thva.Mui-focused {
    color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.2);
}

.mui-kg5swy {
    float: unset;
    width: auto;
    overflow: hidden;
    display: block;
    padding: 0px;
    height: 11px;
    font-size: 0.75em;
    visibility: hidden;
    white-space: nowrap;
    max-width: 100%;
    transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms;
}

.mui-kg5swy > span {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    opacity: 0;
    visibility: visible;
}

.mui-idddr6 {
    z-index: 1500;
    pointer-events: auto;
}

.mui-132e8s8 {
    z-index: 1500;
    pointer-events: auto;
}

.mui-10zdqih {
    background-color: rgba(97, 97, 97, 0.92);
    border-radius: 8px;
    color: rgb(255, 255, 255);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    padding: 4px 8px;
    font-size: 0.6875rem;
    max-width: 300px;
    margin: 2px;
    overflow-wrap: break-word;
    font-weight: 500;
}

.MuiTooltip-popper[data-popper-placement*="left"] .mui-10zdqih {
    transform-origin: right center;
}

.MuiTooltip-popper[data-popper-placement*="right"] .mui-10zdqih {
    transform-origin: left center;
}

.MuiTooltip-popper[data-popper-placement*="top"] .mui-10zdqih {
    transform-origin: center bottom;
    margin-bottom: 14px;
}

.MuiTooltip-popper[data-popper-placement*="bottom"] .mui-10zdqih {
    transform-origin: center top;
    margin-top: 14px;
}

.MuiTooltip-popper[data-popper-placement*="left"] .mui-10zdqih {
    margin-right: 14px;
}

.MuiTooltip-popper[data-popper-placement*="right"] .mui-10zdqih {
    margin-left: 14px;
}

.mui-elr61d {
    color: rgb(21, 21, 21);
    background: rgb(73, 242, 100);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    margin-top: 24px;
}

.mui-elr61d:hover {
    background: rgb(151, 114, 255);
}

.mui-elr61d:disabled {
    opacity: 0.5;
}

.mui-elr61d.mui-button-loading {
    cursor: default;
}

.mui-elr61d.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-elr61d.mui-button-loading:active {
    box-shadow: none;
}

.mui-elr61d:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-elr61d:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-elr61d .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-elr61d .MuiButton-endIcon {
    width: 0px;
}

.mui-w7h6s2 {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    color: rgb(21, 21, 21);
    background: rgb(73, 242, 100);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    margin-top: 24px;
}

.mui-w7h6s2:hover {
    text-decoration: none;
}

.mui-w7h6s2.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-w7h6s2:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-w7h6s2:hover {
    box-shadow: none;
}

.mui-w7h6s2.Mui-focusVisible {
    box-shadow: none;
}

.mui-w7h6s2:active {
    box-shadow: none;
}

.mui-w7h6s2.Mui-disabled {
    box-shadow: none;
}

.mui-w7h6s2:hover, .mui-w7h6s2:active, .mui-w7h6s2:focus {
    box-shadow: none;
}

.mui-w7h6s2:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-w7h6s2:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-w7h6s2:hover {
    background: rgb(151, 114, 255);
}

.mui-w7h6s2:disabled {
    opacity: 0.5;
}

.mui-w7h6s2.mui-button-loading {
    cursor: default;
}

.mui-w7h6s2.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-w7h6s2.mui-button-loading:active {
    box-shadow: none;
}

.mui-w7h6s2:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-w7h6s2:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-w7h6s2 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-w7h6s2 .MuiButton-endIcon {
    width: 0px;
}

.mui-16phv41 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 24px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    color: rgb(21, 21, 21);
    background: rgb(73, 242, 100);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-16phv41.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-16phv41 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-16phv41:hover {
    text-decoration: none;
}

.mui-16phv41.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-16phv41:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-16phv41:hover {
    box-shadow: none;
}

.mui-16phv41.Mui-focusVisible {
    box-shadow: none;
}

.mui-16phv41:active {
    box-shadow: none;
}

.mui-16phv41.Mui-disabled {
    box-shadow: none;
}

.mui-16phv41:hover, .mui-16phv41:active, .mui-16phv41:focus {
    box-shadow: none;
}

.mui-16phv41:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-16phv41:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-16phv41:hover {
    background: rgb(151, 114, 255);
}

.mui-16phv41:disabled {
    opacity: 0.5;
}

.mui-16phv41.mui-button-loading {
    cursor: default;
}

.mui-16phv41.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-16phv41.mui-button-loading:active {
    box-shadow: none;
}

.mui-16phv41:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-16phv41:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-16phv41 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-16phv41 .MuiButton-endIcon {
    width: 0px;
}

.mui-18wl5ep {
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    visibility: hidden;
}

.mui-9hyjn4 {
    position: absolute;
    transform: translate(-50%, -50%);
}

.mui-19hzq5r {
    display: inline-block;
    animation: 1.4s linear 0s infinite normal none running animation-61bdi0;
    position: absolute;
    transform: translate(-50%, -50%);
}

@-webkit-keyframes animation-61bdi0 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animation-61bdi0 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.mui-13o7eu2 {
    display: block;
}

.mui-9bh4vv {
    stroke: currentcolor;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0;
    animation: 1.4s ease-in-out 0s infinite normal none running animation-1p2h4ri;
}

@-webkit-keyframes animation-1p2h4ri {
    0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -15px;
    }
    100% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -125px;
    }
}

@keyframes animation-1p2h4ri {
    0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -15px;
    }
    100% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -125px;
    }
}

.mui-j7qwjs {
    display: flex;
    flex-direction: column;
}

.mui-xdv4ru {
    display: flex;
    flex-direction: row;
    min-height: 100dvh;
}

@media (min-width: 0px) {
    .mui-xdv4ru {
        gap: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: calc(env(safe-area-inset-bottom) + 68px);
    }
}

@media (min-width: 1280px) {
    .mui-xdv4ru {
        gap: 8px;
        padding: 8px;
    }
}

.mui-1i27l4i {
    display: flex;
    gap: 8px;
}

.mui-1gz9wcp {
    gap: 8px;
    max-width: 264px;
    width: 264px;
    max-height: calc(-16px + 100dvh);
    position: sticky;
    top: 8px;
    overflow: auto;
    flex-shrink: 0;
    flex-direction: column;
}

@media (min-width: 0px) {
    .mui-1gz9wcp {
        display: none;
    }
}

@media (min-width: 1280px) {
    .mui-1gz9wcp {
        display: flex;
    }
}

.mui-1jykuah {
    display: flex;
    gap: 8px;
    max-width: 264px;
    width: 264px;
    max-height: calc(-16px + 100dvh);
    position: sticky;
    top: 8px;
    overflow: auto;
    flex-shrink: 0;
    flex-direction: column;
}

@media (min-width: 0px) {
    .mui-1jykuah {
        display: none;
    }
}

@media (min-width: 1280px) {
    .mui-1jykuah {
        display: flex;
    }
}

.mui-1hvwrb3 {
    background-color: rgb(21, 21, 21);
    border-radius: 16px;
}

.mui-2gqqun {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 8px;
    background-color: rgb(21, 21, 21);
    border-radius: 16px;
}

.mui-jw17k {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mui-17cch6g {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mui-ol9ek7 {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mui-k7bjmn .MuiBadge-badge {
    min-width: calc(12px);
    width: calc(12px);
    height: calc(12px);
    border: calc(2.35px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-k7bjmn .MuiBadge-dot {
    border-radius: 50%;
}

.mui-umtq1w {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
}

.mui-umtq1w .MuiBadge-badge {
    min-width: calc(12px);
    width: calc(12px);
    height: calc(12px);
    border: calc(2.35px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-umtq1w .MuiBadge-dot {
    border-radius: 50%;
}

.mui-1o7aolf {
    border-radius: 50%;
    border: 2px solid transparent;
}

.mui-1gimk3w {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 48px;
    height: 48px;
}

.mui-1hy9t21 {
    width: 100%;
    height: 100%;
    text-align: center;
    object-fit: cover;
    color: transparent;
    text-indent: 10000px;
}

.mui-1spdsp7 {
    display: flex;
    flex-flow: wrap;
    -webkit-box-pack: center;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    font-size: 0.75rem;
    line-height: 1;
    z-index: 1;
    border-radius: 4px;
    top: 14%;
    right: 14%;
    transform: scale(1) translate(50%, -50%);
    transform-origin: 100% 0%;
    transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(255, 255, 255);
    border: 1px solid rgba(35, 35, 35, 0.8);
    font-family: var(--font-inter);
    font-weight: 400;
    height: 16px;
    min-width: 16px;
    padding: 0px 4px;
}

.mui-1spdsp7.MuiBadge-invisible {
    transform: scale(0) translate(50%, -50%);
}

.mui-1orw7nf {
    display: flex;
    flex-direction: column;
    max-width: 136px;
}


.mui-1k6kk6e {
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.mui-ofdudz {
    display: block;
    background-color: rgba(255, 255, 255, 0.13);
    margin-top: 0px;
    margin-bottom: 0px;
    height: auto;
    transform-origin: 0px 55%;
    transform: scale(1, 0.6);
    border-radius: 8px / 13.3px;
    position: relative;
    overflow: hidden;
    mask-image: -webkit-radial-gradient(center, white, black);
}

.mui-ofdudz:empty::before {
    content: " ";
}

.mui-ofdudz::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    content: "";
    position: absolute;
    transform: translateX(-100%);
    inset: 0px;
}

.mui-ofdudz::after {
    animation: 2s linear 0.5s infinite normal none running animation-wiooy9;
}

.mui-ofdudz.MuiSkeleton-wave::after {
    animation-duration: 1s;
    animation-delay: 0s;
}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.mui-785kiz {
    padding: 8px 16px 16px 0px;
    background: rgb(21, 21, 21);
    border-radius: 16px;
    gap: 12px;
    overflow: hidden auto;
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
}

.mui-bgym10 {
    line-height: 1.75;
    border: 0px;
    color: var(--variant-textColor);
    background-color: var(--variant-textBg);
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    margin-left: 8px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-bgym10:hover {
    text-decoration: none;
}

.mui-bgym10.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-bgym10:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-bgym10:hover, .mui-bgym10:active, .mui-bgym10:focus {
    box-shadow: none;
}

.mui-bgym10:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-bgym10:disabled {
    color: rgba(255, 255, 255, 0.6);
}

@media (min-width: 1280px) {
    .mui-bgym10 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-bgym10 {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-bgym10:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-vjltc0 {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px;
    color: var(--variant-textColor);
    background-color: var(--variant-textBg);
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-vjltc0.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-vjltc0 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-vjltc0:hover {
    text-decoration: none;
}

.mui-vjltc0.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-vjltc0:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-vjltc0:hover, .mui-vjltc0:active, .mui-vjltc0:focus {
    box-shadow: none;
}

.mui-vjltc0:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-vjltc0:disabled {
    color: rgba(255, 255, 255, 0.6);
}

@media (min-width: 1280px) {
    .mui-vjltc0 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-vjltc0 {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-vjltc0:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-1vp08k9 {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px;
    color: var(--variant-textColor);
    background-color: var(--variant-textBg);
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-1vp08k9:hover {
    text-decoration-color: inherit;
}

.mui-1vp08k9.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1vp08k9 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1vp08k9:hover {
    text-decoration: none;
}

.mui-1vp08k9.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1vp08k9:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1vp08k9:hover, .mui-1vp08k9:active, .mui-1vp08k9:focus {
    box-shadow: none;
}

.mui-1vp08k9:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-1vp08k9:disabled {
    color: rgba(255, 255, 255, 0.6);
}

@media (min-width: 1280px) {
    .mui-1vp08k9 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-1vp08k9 {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-1vp08k9:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-1o9szfv {
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px;
    color: var(--variant-textColor);
    background-color: var(--variant-textBg);
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-1o9szfv:hover {
    text-decoration-color: inherit;
}

.mui-1o9szfv.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1o9szfv {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1o9szfv:hover {
    text-decoration: none;
}

.mui-1o9szfv.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1o9szfv:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1o9szfv:hover, .mui-1o9szfv:active, .mui-1o9szfv:focus {
    box-shadow: none;
}

.mui-1o9szfv:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-1o9szfv:disabled {
    color: rgba(255, 255, 255, 0.6);
}

@media (min-width: 1280px) {
    .mui-1o9szfv {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-1o9szfv {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-1o9szfv:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-195zjub {
    display: flex;
    position: relative;
    font-size: 1em;
}


.mui-3jn4qf {
    margin: 0px 0px 0px 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
}

@media (min-width: 0px) {
    .mui-3jn4qf {
        display: none;
    }
}

@media (min-width: 1280px) {
    .mui-3jn4qf {
        display: inline-block;
    }
}

.mui-gb7sga {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
    margin-left: auto;
}

.mui-2syze0 {
    display: flex;
    flex-flow: wrap;
    -webkit-box-pack: center;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 10px;
    z-index: 1;
    color: rgba(0, 0, 0, 0.87);
    top: 0px;
    right: 0px;
    transform: scale(1) translate(50%, -50%);
    transform-origin: 100% 0%;
    transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(255, 255, 255);
    border: 1px solid rgba(35, 35, 35, 0.8);
    font-family: var(--font-inter);
    font-weight: 400;
    height: 16px;
    min-width: 16px;
    padding: 0px 4px;
}

.mui-2syze0.MuiBadge-invisible {
    transform: scale(0) translate(50%, -50%);
}

.mui-1wjv6xl {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(18, 18, 18);
    height: calc(env(safe-area-inset-bottom) + 68px);
    backdrop-filter: blur(16px);
    width: 100%;
    position: fixed;
    bottom: 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    z-index: 1100;
    padding-bottom: env(safe-area-inset-bottom);
    transition: visibility 0.5s, opacity 0.5s;
    opacity: 1;
    visibility: visible;
}

@media (min-width: 0px) {
    .mui-1wjv6xl {
        display: flex;
    }
}

@media (min-width: 1280px) {
    .mui-1wjv6xl {
        display: none;
    }
}

.mui-gjlybb {
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 28px;
}

.mui-gjlybb.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-gjlybb.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-gjlybb.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-1qvrcpt {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 28px;
}

.mui-1qvrcpt.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1qvrcpt {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1qvrcpt.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-1qvrcpt.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-1qvrcpt.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-bbounk {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 28px;
}

.mui-bbounk:hover {
    text-decoration-color: inherit;
}

.mui-bbounk.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-bbounk {
        -webkit-print-color-adjust: exact;
    }
}

.mui-bbounk.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-bbounk.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-bbounk.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-ovqyy {
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 28px;
}

.mui-ovqyy:hover {
    text-decoration-color: inherit;
}

.mui-ovqyy.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-ovqyy {
        -webkit-print-color-adjust: exact;
    }
}

.mui-ovqyy.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-ovqyy.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-ovqyy.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-14bcf2k {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.75rem;
    opacity: 1;
    transition: font-size 0.2s 0.1s, opacity 0.2s;
}

.mui-14bcf2k.Mui-selected {
    font-size: 0.875rem;
}

.mui-1ktzunw {
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 28px;
}

.mui-1ktzunw.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-1ktzunw.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-1ktzunw.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-1nxsgdc {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 28px;
}

.mui-1nxsgdc.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1nxsgdc {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1nxsgdc.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-1nxsgdc.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-1nxsgdc.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-vf5vpo {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 28px;
}

.mui-vf5vpo:hover {
    text-decoration-color: inherit;
}

.mui-vf5vpo.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-vf5vpo {
        -webkit-print-color-adjust: exact;
    }
}

.mui-vf5vpo.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-vf5vpo.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-vf5vpo.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-1qi1lpu {
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 28px;
}

.mui-1qi1lpu:hover {
    text-decoration-color: inherit;
}

.mui-1qi1lpu.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1qi1lpu {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1qi1lpu.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-1qi1lpu.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-1qi1lpu.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-1rzb3uu {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
}

.mui-9aehlu {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.75rem;
    transition: font-size 0.2s, opacity 0.2s;
    opacity: 0;
}

.mui-9aehlu.Mui-selected {
    font-size: 0.875rem;
}

.mui-1ntroej .MuiBadge-badge {
    min-width: calc(7px);
    width: calc(7px);
    height: calc(7px);
    border: calc(1.35px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-1ntroej .MuiBadge-dot {
    border-radius: 50%;
}

.mui-qnvmjh {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
}

.mui-qnvmjh .MuiBadge-badge {
    min-width: calc(7px);
    width: calc(7px);
    height: calc(7px);
    border: calc(1.35px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-qnvmjh .MuiBadge-dot {
    border-radius: 50%;
}

.mui-1mj1k96 {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 28px;
    height: 28px;
}

.mui-1iy9rwk .MuiDrawer-paper {
    max-width: 350px;
    width: 67vw;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-left: env(safe-area-inset-left);
}

.mui-omd4i0 {
    z-index: 1300;
}

.mui-omd4i0 .MuiDrawer-paper {
    max-width: 350px;
    width: 67vw;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-left: env(safe-area-inset-left);
}

.mui-oejnrl {
    display: flex;
    flex-direction: column;
    background: rgb(21, 21, 21);
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    align-items: center;
    overflow: auto;
}

@media (min-width: 0px) {
    .mui-oejnrl {
        border-radius: 0px;
    }
}

@media (min-width: 1280px) {
    .mui-oejnrl {
        border-radius: 16px;
    }
}

.mui-1xmtjyp {
    display: flex;
    flex-direction: column;
    min-width: 300px;
    max-width: 620px;
    width: 100%;
}

@media (min-width: 0px) {
    .mui-utiyoy {
        min-height: 52px;
    }
}

@media (min-width: 1280px) {
    .mui-utiyoy {
        min-height: 64px;
    }
}

.mui-1bntj9o {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.mui-7vveop {
    margin: 0px;
    font-weight: 400;
    font-size: 20px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 26px;
    text-transform: uppercase;
}

.mui-1a9re40 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 8px;
}

.mui-rs4uwq {
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    min-height: 32px;
    height: unset;
}

.mui-rs4uwq:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-rs4uwq:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

.mui-rs4uwq.MuiButtonBase-root {
    background-color: rgb(34, 66, 53);
    background-image: none;
    color: rgb(19, 206, 124);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px 0px;
    border-radius: 8px;
}

.mui-rs4uwq.MuiButtonBase-root:hover {
    background-color: rgb(34, 66, 53);
}

.mui-1uea75e {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 19px;
    font-size: 14px;
    padding: 4px 10px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    min-height: 32px;
    height: unset;
}

.mui-1uea75e:hover {
    text-decoration: none;
}

.mui-1uea75e.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-1uea75e:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-1uea75e:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-1uea75e:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-1uea75e.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-1uea75e.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-1uea75e:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1uea75e:hover {
    box-shadow: none;
}

.mui-1uea75e.Mui-focusVisible {
    box-shadow: none;
}

.mui-1uea75e:active {
    box-shadow: none;
}

.mui-1uea75e.Mui-disabled {
    box-shadow: none;
}

.mui-1uea75e:hover, .mui-1uea75e:active, .mui-1uea75e:focus {
    box-shadow: none;
}

.mui-1uea75e:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(249, 147, 118);
}

.mui-1uea75e.MuiButtonBase-root {
    background-color: rgb(34, 66, 53);
    background-image: none;
    color: rgb(19, 206, 124);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px 0px;
    border-radius: 8px;
}

.mui-1uea75e.MuiButtonBase-root:hover {
    background-color: rgb(34, 66, 53);
}

.mui-1uea75e:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-1uea75e:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

.mui-1uea75e.MuiButtonBase-root {
    background-color: rgb(34, 66, 53);
    background-image: none;
    color: rgb(19, 206, 124);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px 0px;
    border-radius: 8px;
}

.mui-1uea75e.MuiButtonBase-root:hover {
    background-color: rgb(34, 66, 53);
}

.mui-l79otx {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 19px;
    font-size: 14px;
    padding: 4px 10px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    min-height: 32px;
    height: unset;
}

.mui-l79otx.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-l79otx {
        -webkit-print-color-adjust: exact;
    }
}

.mui-l79otx:hover {
    text-decoration: none;
}

.mui-l79otx.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-l79otx:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-l79otx:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-l79otx:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-l79otx.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-l79otx.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-l79otx:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-l79otx:hover {
    box-shadow: none;
}

.mui-l79otx.Mui-focusVisible {
    box-shadow: none;
}

.mui-l79otx:active {
    box-shadow: none;
}

.mui-l79otx.Mui-disabled {
    box-shadow: none;
}

.mui-l79otx:hover, .mui-l79otx:active, .mui-l79otx:focus {
    box-shadow: none;
}

.mui-l79otx:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(249, 147, 118);
}

.mui-l79otx.MuiButtonBase-root {
    background-color: rgb(34, 66, 53);
    background-image: none;
    color: rgb(19, 206, 124);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px 0px;
    border-radius: 8px;
}

.mui-l79otx.MuiButtonBase-root:hover {
    background-color: rgb(34, 66, 53);
}

.mui-l79otx:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-l79otx:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

.mui-l79otx.MuiButtonBase-root {
    background-color: rgb(34, 66, 53);
    background-image: none;
    color: rgb(19, 206, 124);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px 0px;
    border-radius: 8px;
}

.mui-l79otx.MuiButtonBase-root:hover {
    background-color: rgb(34, 66, 53);
}

.mui-1jomjru {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    font-weight: 600;
}

.mui-u33s0e {
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
}

.mui-u33s0e:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-u33s0e:hover {
        background-color: transparent;
    }
}

.mui-u33s0e.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-15jy34c {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
}

.mui-15jy34c.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-15jy34c {
        -webkit-print-color-adjust: exact;
    }
}

.mui-15jy34c:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-15jy34c:hover {
        background-color: transparent;
    }
}

.mui-15jy34c.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-1o9xex7 {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
}

.mui-1o9xex7:hover {
    text-decoration-color: inherit;
}

.mui-1o9xex7.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1o9xex7 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1o9xex7:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1o9xex7:hover {
        background-color: transparent;
    }
}

.mui-1o9xex7.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-1abhdc5 {
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
}

.mui-1abhdc5:hover {
    text-decoration-color: inherit;
}

.mui-1abhdc5.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1abhdc5 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1abhdc5:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1abhdc5:hover {
        background-color: transparent;
    }
}

.mui-1abhdc5.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-ew5sgq {
    flex-direction: column;
    gap: 8px;
}

@media (min-width: 0px) {
    .mui-ew5sgq {
        display: flex;
    }
}

@media (min-width: 1280px) {
    .mui-ew5sgq {
        display: none;
    }
}

.mui-12j4wow {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-radius: 16px;
    background: rgb(21, 21, 21);
}

.mui-wy2yde {
    display: flex;
    padding-top: 8px;
    padding-bottom: 24px;
}

.mui-oz2edk {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 100%;
}

.mui-3zeqlq {
    overflow: hidden;
    border-radius: 16px;
    background: rgba(35, 35, 35, 0.8);
    box-shadow: rgba(0, 0, 0, 0.08) 1px 1px 9px;
    width: 100%;
}

.mui-atpy43 {
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    border-radius: 16px;
    background: rgba(35, 35, 35, 0.8);
    box-shadow: rgba(0, 0, 0, 0.08) 1px 1px 9px;
    width: 100%;
}

.mui-pws61i {
    padding: 16px;
}

.mui-pws61i:last-child {
    padding-bottom: 24px;
}

.mui-pws61i:last-child {
    padding: 16px;
}

.mui-gg4vpm {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.mui-1997gos {
    display: block;
    background-color: rgba(255, 255, 255, 0.13);
    height: 1.2em;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    mask-image: -webkit-radial-gradient(center, white, black);
}

.mui-1997gos::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    content: "";
    position: absolute;
    transform: translateX(-100%);
    inset: 0px;
}

.mui-1997gos::after {
    animation: 2s linear 0.5s infinite normal none running animation-wiooy9;
}

.mui-1997gos.MuiSkeleton-wave::after {
    animation-duration: 1s;
    animation-delay: 0s;
}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.mui-jyyujj {
    margin: 0px;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-1g91vzp {
    display: block;
    background-color: rgba(255, 255, 255, 0.13);
    margin-top: 0px;
    margin-bottom: 0px;
    height: auto;
    transform-origin: 0px 55%;
    transform: scale(1, 0.6);
    border-radius: 8px / 13.3px;
    position: relative;
    overflow: hidden;
    mask-image: -webkit-radial-gradient(center, white, black);
    min-width: min(88px, 90%);
    width: 50%;
    max-width: 152px;
}

.mui-1g91vzp:empty::before {
    content: " ";
}

.mui-1g91vzp::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    content: "";
    position: absolute;
    transform: translateX(-100%);
    inset: 0px;
}

.mui-1g91vzp::after {
    animation: 2s linear 0.5s infinite normal none running animation-wiooy9;
}

.mui-1g91vzp.MuiSkeleton-wave::after {
    animation-duration: 1s;
    animation-delay: 0s;
}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.mui-gk86ws {
    margin: 0px 0px 0.35em;
    line-height: 1.6;
    letter-spacing: 0.0075em;
    font-family: var(--font-inter);
    font-size: large;
    font-weight: 600;
}

.mui-1l7p46x {
    display: block;
    background-color: rgba(255, 255, 255, 0.13);
    margin-top: 0px;
    margin-bottom: 0px;
    height: auto;
    transform-origin: 0px 55%;
    transform: scale(1, 0.6);
    border-radius: 8px / 13.3px;
    position: relative;
    overflow: hidden;
    mask-image: -webkit-radial-gradient(center, white, black);
    min-width: min(110px, 90%);
    width: 50%;
    max-width: 152px;
}

.mui-1l7p46x:empty::before {
    content: " ";
}

.mui-1l7p46x::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    content: "";
    position: absolute;
    transform: translateX(-100%);
    inset: 0px;
}

.mui-1l7p46x::after {
    animation: 2s linear 0.5s infinite normal none running animation-wiooy9;
}

.mui-1l7p46x.MuiSkeleton-wave::after {
    animation-duration: 1s;
    animation-delay: 0s;
}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.mui-1iwcufd {
    display: block;
    background-color: rgba(255, 255, 255, 0.13);
    height: 1.2em;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    mask-image: -webkit-radial-gradient(center, white, black);
}

.mui-1iwcufd::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    content: "";
    position: absolute;
    transform: translateX(-100%);
    inset: 0px;
}

.mui-1iwcufd::after {
    animation: 2s linear 0.5s infinite normal none running animation-wiooy9;
}

.mui-1iwcufd.MuiSkeleton-wave::after {
    animation-duration: 1s;
    animation-delay: 0s;
}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.mui-5ax1kt {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.mui-1gdbpo2 {
    font-weight: bold;
    float: right;
    margin-top: 8px;
}

.mui-1sbtng3 {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    color: var(--variant-textColor);
    background-color: var(--variant-textBg);
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    font-weight: bold;
    float: right;
    margin-top: 8px;
}

.mui-1sbtng3:hover {
    text-decoration: none;
}

.mui-1sbtng3.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1sbtng3:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1sbtng3:hover, .mui-1sbtng3:active, .mui-1sbtng3:focus {
    box-shadow: none;
}

.mui-1sbtng3:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-1sbtng3:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1pzncpf {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 8px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    color: var(--variant-textColor);
    background-color: var(--variant-textBg);
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    font-weight: bold;
    float: right;
}

.mui-1pzncpf.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1pzncpf {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1pzncpf:hover {
    text-decoration: none;
}

.mui-1pzncpf.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1pzncpf:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1pzncpf:hover, .mui-1pzncpf:active, .mui-1pzncpf:focus {
    box-shadow: none;
}

.mui-1pzncpf:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-1pzncpf:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-17drlkj {
    display: flex;
    flex-direction: column;
    padding-top: 4px;
}

.mui-146tb8w {
    background: rgba(35, 35, 35, 0.8);
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    margin-bottom: 16px;
    overflow: hidden;
    position: relative;
}

.mui-1bosa9e {
    background: rgba(35, 35, 35, 0.8);
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    margin-bottom: 16px;
    overflow: hidden;
    position: relative;
}

.mui-m1njty {
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(35, 35, 35, 0.8);
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    margin-bottom: 16px;
    overflow: hidden;
    position: relative;
}

.mui-1haizvu {
    padding: 8px 16px;
}

.mui-1v9r86p {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 8px 16px;
}

.mui-rhxjdi {
    width: calc(100% - 120px);
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.mui-k6keyl {
    text-decoration: none;
    color: inherit;
    width: calc(100% - 120px);
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.mui-1y95ain {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    width: calc(100% - 120px);
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.mui-1u0r5q1 {
    margin-left: 8px;
    width: calc(100% - 56px);
}

.mui-pym36a {
    margin-left: 8px;
    width: calc(100% - 56px);
}

.mui-9r84hq {
    display: block;
    background-color: rgba(255, 255, 255, 0.13);
    height: 1.2em;
    position: relative;
    overflow: hidden;
    mask-image: -webkit-radial-gradient(center, white, black);
}

.mui-9r84hq::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    content: "";
    position: absolute;
    transform: translateX(-100%);
    inset: 0px;
}

.mui-9r84hq::after {
    animation: 2s linear 0.5s infinite normal none running animation-wiooy9;
}

.mui-9r84hq.MuiSkeleton-wave::after {
    animation-duration: 1s;
    animation-delay: 0s;
}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.mui-1813liv {
    max-height: calc(-16px + 100dvh);
    position: sticky;
    top: 8px;
    overflow: auto;
}

@media (min-width: 0px) {
    .mui-1813liv {
        display: none;
    }
}

@media (min-width: 1280px) {
    .mui-1813liv {
        display: block;
    }
}

.mui-vqezgr {
    display: flex;
    flex-direction: column;
    min-width: 300px;
    max-width: 620px;
    width: 100%;
    gap: 8px;
}

.mui-124b5a {
    line-height: 1.75;
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    color: inherit;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    margin-left: 8px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-124b5a:hover {
    text-decoration: none;
}

.mui-124b5a.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-124b5a:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-124b5a:hover, .mui-124b5a:active, .mui-124b5a:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-124b5a {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-124b5a {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-124b5a:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-1y1kct1 {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    color: inherit;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-1y1kct1.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1y1kct1 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1y1kct1:hover {
    text-decoration: none;
}

.mui-1y1kct1.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1y1kct1:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1y1kct1:hover, .mui-1y1kct1:active, .mui-1y1kct1:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-1y1kct1 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-1y1kct1 {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-1y1kct1:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-1ybvy43 {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    color: inherit;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-1ybvy43:hover {
    text-decoration-color: inherit;
}

.mui-1ybvy43.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1ybvy43 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1ybvy43:hover {
    text-decoration: none;
}

.mui-1ybvy43.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1ybvy43:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1ybvy43:hover, .mui-1ybvy43:active, .mui-1ybvy43:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-1ybvy43 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-1ybvy43 {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-1ybvy43:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-18t5qm4 {
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    color: inherit;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-18t5qm4:hover {
    text-decoration-color: inherit;
}

.mui-18t5qm4.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-18t5qm4 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-18t5qm4:hover {
    text-decoration: none;
}

.mui-18t5qm4.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-18t5qm4:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-18t5qm4:hover, .mui-18t5qm4:active, .mui-18t5qm4:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-18t5qm4 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-18t5qm4 {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-18t5qm4:hover {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.mui-8xl60i {
    margin-top: auto;
}

.mui-1p54fum {
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    margin-left: 8px;
    padding-left: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-1p54fum:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-1p54fum:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 1280px) {
    .mui-1p54fum {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-1p54fum {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-qnyqrs {
    line-height: 1.75;
    border: 0px currentcolor;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    margin-left: 8px;
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-qnyqrs:hover {
    text-decoration: none;
}

.mui-qnyqrs.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-qnyqrs:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-qnyqrs:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-qnyqrs:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-qnyqrs.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-qnyqrs.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-qnyqrs:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-qnyqrs:hover {
    box-shadow: none;
}

.mui-qnyqrs.Mui-focusVisible {
    box-shadow: none;
}

.mui-qnyqrs:active {
    box-shadow: none;
}

.mui-qnyqrs.Mui-disabled {
    box-shadow: none;
}

.mui-qnyqrs:hover, .mui-qnyqrs:active, .mui-qnyqrs:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-qnyqrs {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-qnyqrs {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-qnyqrs:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-qnyqrs:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 1280px) {
    .mui-qnyqrs {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-qnyqrs {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-ld0gs2 {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px currentcolor;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-ld0gs2.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-ld0gs2 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-ld0gs2:hover {
    text-decoration: none;
}

.mui-ld0gs2.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-ld0gs2:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-ld0gs2:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-ld0gs2:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-ld0gs2.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-ld0gs2.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-ld0gs2:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-ld0gs2:hover {
    box-shadow: none;
}

.mui-ld0gs2.Mui-focusVisible {
    box-shadow: none;
}

.mui-ld0gs2:active {
    box-shadow: none;
}

.mui-ld0gs2.Mui-disabled {
    box-shadow: none;
}

.mui-ld0gs2:hover, .mui-ld0gs2:active, .mui-ld0gs2:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-ld0gs2 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-ld0gs2 {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-ld0gs2:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-ld0gs2:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 1280px) {
    .mui-ld0gs2 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-ld0gs2 {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-1w4wfpj {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px currentcolor;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-1w4wfpj:hover {
    text-decoration-color: inherit;
}

.mui-1w4wfpj.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1w4wfpj {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1w4wfpj:hover {
    text-decoration: none;
}

.mui-1w4wfpj.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-1w4wfpj:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-1w4wfpj:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-1w4wfpj:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-1w4wfpj.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-1w4wfpj.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-1w4wfpj:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1w4wfpj:hover {
    box-shadow: none;
}

.mui-1w4wfpj.Mui-focusVisible {
    box-shadow: none;
}

.mui-1w4wfpj:active {
    box-shadow: none;
}

.mui-1w4wfpj.Mui-disabled {
    box-shadow: none;
}

.mui-1w4wfpj:hover, .mui-1w4wfpj:active, .mui-1w4wfpj:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-1w4wfpj {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-1w4wfpj {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-1w4wfpj:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-1w4wfpj:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 1280px) {
    .mui-1w4wfpj {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-1w4wfpj {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-13p0p7g {
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px currentcolor;
    --variant-containedBg: #424242;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 0px 24px 0px 16px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    max-height: 40px;
    text-align: start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 100%;
}

.mui-13p0p7g:hover {
    text-decoration-color: inherit;
}

.mui-13p0p7g.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-13p0p7g {
        -webkit-print-color-adjust: exact;
    }
}

.mui-13p0p7g:hover {
    text-decoration: none;
}

.mui-13p0p7g.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-13p0p7g:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-13p0p7g:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-13p0p7g:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-13p0p7g.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-13p0p7g.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-13p0p7g:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-13p0p7g:hover {
    box-shadow: none;
}

.mui-13p0p7g.Mui-focusVisible {
    box-shadow: none;
}

.mui-13p0p7g:active {
    box-shadow: none;
}

.mui-13p0p7g.Mui-disabled {
    box-shadow: none;
}

.mui-13p0p7g:hover, .mui-13p0p7g:active, .mui-13p0p7g:focus {
    box-shadow: none;
}

@media (min-width: 1280px) {
    .mui-13p0p7g {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-13p0p7g {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-13p0p7g:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-13p0p7g:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 1280px) {
    .mui-13p0p7g {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: left;
    }
}

@media (max-width: 1279.95px) {
    .mui-13p0p7g {
        padding: 0px;
        max-width: 48px;
    }
}

.mui-xvtdt3 {
    display: flex;
    position: absolute;
    font-size: 1em;
}

.mui-eibrmc {
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
    width: 100%;
    text-align: center;
}

@media (min-width: 0px) {
    .mui-eibrmc {
        display: none;
    }
}

@media (min-width: 1280px) {
    .mui-eibrmc {
        display: inline-block;
    }
}

.mui-11nee66 {
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 32px;
}

.mui-11nee66.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-11nee66.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-11nee66.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-1umi0dp {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 32px;
}

.mui-1umi0dp.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1umi0dp {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1umi0dp.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-1umi0dp.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-1umi0dp.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-5zjbhh {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 32px;
}

.mui-5zjbhh:hover {
    text-decoration-color: inherit;
}

.mui-5zjbhh.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-5zjbhh {
        -webkit-print-color-adjust: exact;
    }
}

.mui-5zjbhh.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-5zjbhh.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-5zjbhh.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

.mui-1g60tlj {
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 12px;
    min-width: 80px;
    max-width: 168px;
    flex-direction: column;
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    font-size: 32px;
}

.mui-1g60tlj:hover {
    text-decoration-color: inherit;
}

.mui-1g60tlj.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1g60tlj {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1g60tlj.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-1g60tlj.MuiBottomNavigationAction-root {
    min-width: initial;
}

.mui-1g60tlj.MuiBottomNavigationAction-root .MuiBadge-badge {
    top: 3px;
    right: 3px;
}

@media print {
    .mui-1k371a6 {
        position: absolute !important;
    }
}

.mui-xbh6v2 {
    background: rgba(35, 35, 35, 0.8);
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    width: 100%;
}

.mui-14hyayd {
    overflow: hidden;
    background: rgba(35, 35, 35, 0.8);
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    width: 100%;
}

.mui-1kxv3jq {
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    background: rgba(35, 35, 35, 0.8);
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    width: 100%;
}

.mui-wz8op8 {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
}

.mui-tlnxa0 {
    margin: 0px;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-1gfzwe4 {
    overflow: hidden;
    width: fit-content;
    padding: 2px 8px;
    color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.08);
}

.mui-fuh427 {
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 8px;
    box-shadow: var(--Paper-shadow);
    background-image: var(--Paper-overlay);
    overflow: hidden;
    width: fit-content;
    padding: 2px 8px;
    color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.08);
}

.mui-1m29ivc {
    display: flex;
    -webkit-box-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    align-items: center;
}

.mui-18252gw {
    margin: 0px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.mui-1q6anpf {
    overflow: hidden;
    width: fit-content;
    padding: 2px 4px;
    color: rgb(19, 206, 124);
    background-color: rgb(34, 66, 53);
}

.mui-gimkk4 {
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 8px;
    box-shadow: var(--Paper-shadow);
    background-image: var(--Paper-overlay);
    overflow: hidden;
    width: fit-content;
    padding: 2px 4px;
    color: rgb(19, 206, 124);
    background-color: rgb(34, 66, 53);
}

.mui-9f2ci {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: inherit;
    vertical-align: middle;
    margin-right: 4px;
}

.mui-1nhgaus {
    text-decoration: none;
    color: inherit;
}

.mui-jje7ef {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    display: flex;
    gap: 8px;
    text-decoration: none;
    color: inherit;
}

.mui-9heq2a {
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
}

.mui-tzcs2l {
    margin: 0px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.mui-106fhww {
    margin: 0px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.mui-sdsfji {
    background: rgba(35, 35, 35, 0.8);
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    margin: 0px;
    padding: 16px;
}

.mui-164one8 {
    overflow: hidden;
    background: rgba(35, 35, 35, 0.8);
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    margin: 0px;
    padding: 16px;
}

.mui-1q1h29y {
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    background: rgba(35, 35, 35, 0.8);
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    margin: 0px;
    padding: 16px;
}

.mui-lczlz3 {
    width: 100%;
    margin-bottom: 8px;
}

.mui-1fte425 {
    display: block;
    background-color: rgba(255, 255, 255, 0.13);
    margin-top: 0px;
    height: auto;
    transform-origin: 0px 55%;
    transform: scale(1, 0.6);
    border-radius: 8px / 13.3px;
    position: relative;
    overflow: hidden;
    mask-image: -webkit-radial-gradient(center, white, black);
    margin-bottom: 8px;
}

.mui-1fte425:empty::before {
    content: " ";
}

.mui-1fte425::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    content: "";
    position: absolute;
    transform: translateX(-100%);
    inset: 0px;
}

.mui-1fte425::after {
    animation: 2s linear 0.5s infinite normal none running animation-wiooy9;
}

.mui-1fte425.MuiSkeleton-wave::after {
    animation-duration: 1s;
    animation-delay: 0s;
}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.mui-1ib0seh {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding-bottom: 8px;
}

.mui-11kbvsa {
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    margin-top: 16px;
}

.mui-11kbvsa:hover {
    background: rgba(255, 255, 255, 0.8);
    color: rgb(21, 21, 21);
}

.mui-11kbvsa:disabled {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.mui-11kbvsa:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-11kbvsa:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-11kbvsa.mui-button-loading {
    background: rgb(255, 255, 255);
    cursor: default;
}

.mui-11kbvsa.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-11kbvsa.mui-button-loading:active {
    box-shadow: none;
}

.mui-11kbvsa .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-11kbvsa .MuiButton-endIcon {
    width: 0px;
}

.mui-z65c2b {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    margin-top: 16px;
}

.mui-z65c2b:hover {
    text-decoration: none;
}

.mui-z65c2b.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-z65c2b:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-z65c2b:hover {
    box-shadow: none;
}

.mui-z65c2b.Mui-focusVisible {
    box-shadow: none;
}

.mui-z65c2b:active {
    box-shadow: none;
}

.mui-z65c2b.Mui-disabled {
    box-shadow: none;
}

.mui-z65c2b:hover, .mui-z65c2b:active, .mui-z65c2b:focus {
    box-shadow: none;
}

.mui-z65c2b:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-z65c2b:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-z65c2b:hover {
    background: rgba(255, 255, 255, 0.8);
    color: rgb(21, 21, 21);
}

.mui-z65c2b:disabled {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.mui-z65c2b:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-z65c2b:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-z65c2b.mui-button-loading {
    background: rgb(255, 255, 255);
    cursor: default;
}

.mui-z65c2b.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-z65c2b.mui-button-loading:active {
    box-shadow: none;
}

.mui-z65c2b .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-z65c2b .MuiButton-endIcon {
    width: 0px;
}

.mui-11s49lu {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 16px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-11s49lu.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-11s49lu {
        -webkit-print-color-adjust: exact;
    }
}

.mui-11s49lu:hover {
    text-decoration: none;
}

.mui-11s49lu.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-11s49lu:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-11s49lu:hover {
    box-shadow: none;
}

.mui-11s49lu.Mui-focusVisible {
    box-shadow: none;
}

.mui-11s49lu:active {
    box-shadow: none;
}

.mui-11s49lu.Mui-disabled {
    box-shadow: none;
}

.mui-11s49lu:hover, .mui-11s49lu:active, .mui-11s49lu:focus {
    box-shadow: none;
}

.mui-11s49lu:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-11s49lu:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-11s49lu:hover {
    background: rgba(255, 255, 255, 0.8);
    color: rgb(21, 21, 21);
}

.mui-11s49lu:disabled {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.mui-11s49lu:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-11s49lu:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-11s49lu.mui-button-loading {
    background: rgb(255, 255, 255);
    cursor: default;
}

.mui-11s49lu.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-11s49lu.mui-button-loading:active {
    box-shadow: none;
}

.mui-11s49lu .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-11s49lu .MuiButton-endIcon {
    width: 0px;
}

.mui-ghpxob {
    margin: 0px;
    font-size: 18px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 24px;
    text-transform: none;
}

.mui-p0jcvp {
    display: flex;
    flex-flow: wrap;
    -webkit-box-pack: center;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 10px;
    z-index: 1;
    transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1);
    color: rgba(0, 0, 0, 0.87);
    top: 0px;
    right: 0px;
    transform: scale(1) translate(50%, -50%);
    transform-origin: 100% 0%;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(35, 35, 35, 0.8);
    font-family: var(--font-inter);
    font-weight: 400;
    height: 16px;
    min-width: 16px;
    padding: 0px 4px;
}

.mui-p0jcvp.MuiBadge-invisible {
    transform: scale(0) translate(50%, -50%);
}

.mui-11pl6o1 {
    margin: 0px;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-156a034 {
    margin: 0px;
    color: rgb(255, 186, 48);
    font-size: 40px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-weight: 600;
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 52.8px;
    text-transform: uppercase;
}

.mui-iaictu {
    position: relative;
    overflow: hidden;
    display: block;
    z-index: 0;
    height: 12px;
    border-radius: 16px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: rgba(255, 255, 255, 0.08);
}

@media print {
    .mui-iaictu {
        -webkit-print-color-adjust: exact;
    }
}

.mui-iaictu .MuiLinearProgress-bar {
    background-color: rgb(255, 186, 48);
    border-radius: 16px;
}

.mui-8i501y {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    top: 0px;
    transform-origin: left center;
    background-color: rgb(255, 255, 255);
    transition: transform 0.4s linear;
}

.mui-11zb8j5 {
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    background: rgb(21, 21, 21);
}

@media (max-width: 1279.95px) {
    .mui-11zb8j5 {
        position: fixed;
        background: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    }
}

.mui-18m9m28 {
    height: 70px;
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    background: rgb(21, 21, 21);
}

@media (max-width: 1279.95px) {
    .mui-18m9m28 {
        position: fixed;
        background: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    }
}

.mui-17bfjbm {
    font-size: 18px;
    font-weight: bold;
    opacity: 1;
}

@media (max-width: 1279.95px) {
    .mui-17bfjbm {
        color: rgb(255, 255, 255);
    }
}

.mui-1owlfku {
    font-size: 18px;
    font-weight: bold;
    opacity: 1;
}

@media (max-width: 1279.95px) {
    .mui-1owlfku {
        color: rgb(255, 255, 255);
    }
}

.mui-kvo0mf {
    line-height: 1.75;
    min-width: 64px;
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    color: inherit;
    --variant-containedBg: #424242;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 19px;
    height: 38px;
    padding: 4px 10px;
    font-size: 18px;
    font-weight: bold;
    opacity: 1;
}

.mui-kvo0mf:hover {
    text-decoration: none;
}

.mui-kvo0mf.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-kvo0mf:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-kvo0mf:hover, .mui-kvo0mf:active, .mui-kvo0mf:focus {
    box-shadow: none;
}

@media (max-width: 1279.95px) {
    .mui-kvo0mf {
        color: rgb(255, 255, 255);
    }
}

.mui-1ozfts9 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    color: inherit;
    --variant-containedBg: #424242;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 19px;
    height: 38px;
    padding: 4px 10px;
    font-size: 18px;
    font-weight: bold;
    opacity: 1;
}

.mui-1ozfts9.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1ozfts9 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1ozfts9:hover {
    text-decoration: none;
}

.mui-1ozfts9.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1ozfts9:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1ozfts9:hover, .mui-1ozfts9:active, .mui-1ozfts9:focus {
    box-shadow: none;
}

@media (max-width: 1279.95px) {
    .mui-1ozfts9 {
        color: rgb(255, 255, 255);
    }
}

.mui-1ter27y {
    margin: 0px 8px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
}

@media (max-width: 1279.95px) {
    .mui-1ter27y {
        color: rgb(255, 255, 255);
    }
}

.mui-19oqg71 {
    font-size: 18px;
    font-weight: normal;
    opacity: 0.5;
}

@media (max-width: 1279.95px) {
    .mui-19oqg71 {
        color: rgb(255, 255, 255);
    }
}

.mui-11l4t65 {
    font-size: 18px;
    font-weight: normal;
    opacity: 0.5;
}

@media (max-width: 1279.95px) {
    .mui-11l4t65 {
        color: rgb(255, 255, 255);
    }
}

.mui-10ftell {
    line-height: 1.75;
    min-width: 64px;
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    color: inherit;
    --variant-containedBg: #424242;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 19px;
    height: 38px;
    padding: 4px 10px;
    font-size: 18px;
    font-weight: normal;
    opacity: 0.5;
}

.mui-10ftell:hover {
    text-decoration: none;
}

.mui-10ftell.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-10ftell:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-10ftell:hover, .mui-10ftell:active, .mui-10ftell:focus {
    box-shadow: none;
}

@media (max-width: 1279.95px) {
    .mui-10ftell {
        color: rgb(255, 255, 255);
    }
}

.mui-1ey8hii {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    color: inherit;
    --variant-containedBg: #424242;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 19px;
    height: 38px;
    padding: 4px 10px;
    font-size: 18px;
    font-weight: normal;
    opacity: 0.5;
}

.mui-1ey8hii.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1ey8hii {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1ey8hii:hover {
    text-decoration: none;
}

.mui-1ey8hii.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1ey8hii:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1ey8hii:hover, .mui-1ey8hii:active, .mui-1ey8hii:focus {
    box-shadow: none;
}

@media (max-width: 1279.95px) {
    .mui-1ey8hii {
        color: rgb(255, 255, 255);
    }
}

.mui-12mpav9 {
    scroll-snap-type: unset;
    overflow-y: scroll;
    scrollbar-width: none;
}

@media (min-width: 0px) {
    .mui-12mpav9 {
        height: 100dvh;
        border-radius: 0px;
    }
}

@media (min-width: 1280px) {
    .mui-12mpav9 {
        height: 90dvh;
        border-radius: 16px;
    }
}

.mui-12mpav9::-webkit-scrollbar {
    display: none;
}

.mui-q3gyfx {
    position: relative;
    overflow: hidden;
    scroll-snap-align: start;
}

@media (min-width: 0px) {
    .mui-q3gyfx {
        height: 100%;
        margin-bottom: 0px;
    }
}

@media (min-width: 1280px) {
    .mui-q3gyfx {
        height: calc(-86px + 100dvh);
        margin-bottom: 24px;
    }
}

.mui-rgpxrs {
    padding-left: 16px;
    padding-right: 16px;
    bottom: 0px;
    position: absolute;
    width: 100%;
    background: linear-gradient(179.37deg, rgba(0, 0, 0, 0) 0.48%, rgba(0, 0, 0, 0.5) 49.42%);
    display: flex;
    flex-direction: row;
    transition: padding 0.5s;
}

@media (min-width: 0px) {
    .mui-rgpxrs {
        padding-bottom: calc(env(safe-area-inset-bottom) + 68px + 16px);
    }
}

@media (min-width: 1280px) {
    .mui-rgpxrs {
        padding-bottom: 16px;
    }
}

.mui-igkcbn {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
    color: rgb(255, 255, 255);
    height: 180px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    z-index: 10;
}

.mui-oqs1tk {
    display: block;
    background-color: rgba(255, 255, 255, 0.13);
    height: 1.2em;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    mask-image: -webkit-radial-gradient(center, white, black);
    margin-right: 8px;
}

.mui-oqs1tk::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    content: "";
    position: absolute;
    transform: translateX(-100%);
    inset: 0px;
}

.mui-oqs1tk::after {
    animation: 2s linear 0.5s infinite normal none running animation-wiooy9;
}

.mui-oqs1tk.MuiSkeleton-wave::after {
    animation-duration: 1s;
    animation-delay: 0s;
}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.mui-1oq09ta {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    height: 60px;
    margin-top: 8px;
    -webkit-box-pack: center;
    justify-content: center;
}

.mui-k008qs {
    display: flex;
}

.mui-1mayrej {
    border-radius: 8px;
    height: 20px;
    width: 45px;
    margin-bottom: 1px;
    margin-right: 12px;
}

.mui-p3cdwe {
    display: block;
    background-color: rgba(255, 255, 255, 0.13);
    margin-top: 0px;
    transform-origin: 0px 55%;
    transform: scale(1, 0.6);
    position: relative;
    overflow: hidden;
    mask-image: -webkit-radial-gradient(center, white, black);
    border-radius: 8px;
    height: 20px;
    width: 45px;
    margin-bottom: 1px;
    margin-right: 12px;
}

.mui-p3cdwe:empty::before {
    content: " ";
}

.mui-p3cdwe::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    content: "";
    position: absolute;
    transform: translateX(-100%);
    inset: 0px;
}

.mui-p3cdwe::after {
    animation: 2s linear 0.5s infinite normal none running animation-wiooy9;
}

.mui-p3cdwe.MuiSkeleton-wave::after {
    animation-duration: 1s;
    animation-delay: 0s;
}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.mui-vt1z46 {
    color: rgb(255, 255, 255);
    z-index: 10;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.mui-qjzbdz svg {
}

.mui-r5tt2l svg {
}

.mui-6b529v {
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
}

.mui-6b529v:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-6b529v:hover {
        background-color: transparent;
    }
}

.mui-6b529v.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-6b529v svg {
}

.mui-1el4sng {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
}

.mui-1el4sng.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1el4sng {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1el4sng:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1el4sng:hover {
        background-color: transparent;
    }
}

.mui-1el4sng.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-1el4sng svg {
}

.mui-1czqdef {
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    scrollbar-width: none;
}

@media (min-width: 0px) {
    .mui-1czqdef {
        height: 100dvh;
        border-radius: 0px;
    }
}

@media (min-width: 1280px) {
    .mui-1czqdef {
        height: 90dvh;
        border-radius: 16px;
    }
}

.mui-1czqdef::-webkit-scrollbar {
    display: none;
}

.mui-pu04kq {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    height: 100%;
}

.mui-icdf55 {
    position: relative;
    overflow: hidden;
}

@media (min-width: 0px) {
    .mui-icdf55 {
        height: 100%;
        margin-bottom: 0px;
    }
}

@media (min-width: 1280px) {
    .mui-icdf55 {
        height: calc(-86px + 100dvh);
        margin-bottom: 24px;
    }
}

.mui-j6js97 {
    height: 100%;
    width: 100%;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.mui-swgym3 {
    height: 100%;
    width: 100%;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.mui-4xh980 {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    aspect-ratio: 1.43243 / 1;
    background-image: url("/public/6f96d8a7-357f-4100-b9a0-965b550624e2/blurred-images/9787f2ac-ccd4-4169-902c-e8bae4bc7588");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mui-f5ar1f {
    width: 100%;
    height: 100%;
    background-image: url("/private/6f96d8a7-357f-4100-b9a0-965b550624e2/video-thumbnails/9787f2ac-ccd4-4169-902c-e8bae4bc7588/thumbnail.0000000.jpg?Expires=1733785200&Key-Pair-Id=KH1FB8U5W6FS8&Signature=PtVRpyyFcbp4epD9-K-wUjezOiiGv628BbqUQLD3vGKy2lGwZRXBpsDv0YAJ1nSzRJLm5zlA5-EkDEkmtRioc0rCpOn0Pe7fb6ovAApl~R9vQ~MQLMbIznsHZLMLSpYnskFtqudd7oApRLsf-IcExorMkm08fwVWcmotXo~mie~bUArbd4BHHXUak~acQYPuiWIYiGLCV6p5uDDp1gVFHEn1Pvzz41tcsuou3FVY0HWW0rik9RJYu6eqGfpinnyn9yV0oRefa3iih~2GP0Z3YHmtSBOl3W98FemBk35x3clzHcVP0EfKEUAq0zpFlbAK2omSRIMLEl~ohcghQP2eeQ__");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
}

.mui-1x6e6yw {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.mui-z6e73n {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.mui-1f5jnhk {
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

.mui-1f5jnhk:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1f5jnhk:hover {
        background-color: transparent;
    }
}

.mui-1f5jnhk.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-1f5jnhk:hover {
    color: white;
}

.mui-4cspsh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
}

.mui-4cspsh.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-4cspsh {
        -webkit-print-color-adjust: exact;
    }
}

.mui-4cspsh:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-4cspsh:hover {
        background-color: transparent;
    }
}

.mui-4cspsh.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-4cspsh:hover {
    color: white;
}

.mui-il79at {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 2.1875rem;
}

.mui-xrbe4l {
    text-decoration: none;
    color: inherit;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.mui-ajdsd1 {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.mui-luxqeq {
    margin-right: 8px;
}

.mui-luxqeq .MuiBadge-badge {
    min-width: calc(15px);
    width: calc(15px);
    height: calc(15px);
    border: calc(2.95px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-luxqeq .MuiBadge-dot {
    border-radius: 50%;
}

.mui-1k6axvc {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
    margin-right: 8px;
}

.mui-1k6axvc .MuiBadge-badge {
    min-width: calc(15px);
    width: calc(15px);
    height: calc(15px);
    border: calc(2.95px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-1k6axvc .MuiBadge-dot {
    border-radius: 50%;
}

.mui-oo67d1 {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 60px;
    height: 60px;
}

.mui-302gc5 {
    width: 250px;
    max-width: 40vw;
}

.mui-dv1tiy {
    font-weight: 600;
    width: 250px;
    max-width: 40vw;
}

.mui-wg5hrz {
    margin: 0px;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    text-align: var(--Typography-textAlign);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-family: var(--font-inter);
    color: white;
    font-weight: 600;
    width: 250px;
    max-width: 40vw;
}

.mui-1p4zwsr {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 100%;
}

@media (min-width: 850px) {
    .mui-1p4zwsr {
        display: block;
    }
}

.mui-1eqc5ye {
    margin-right: 8px;
    display: inline-flex;
    color: rgb(255, 255, 255);
    position: relative;
    -webkit-box-align: center;
    align-items: center;
}

.mui-1ti7yxa {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.25rem;
}

.mui-mj6avj {
    font-weight: 600;
    margin-left: 4px;
}

.mui-187aufx {
    margin: 0px 0px 0px 4px;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    font-family: var(--font-inter);
    font-weight: 600;
}

.mui-1hyqcpk {
    margin-bottom: 8px;
}

.mui-1hyqcpk svg {
}

.mui-1me6swq {
    margin-bottom: 8px;
}

.mui-1me6swq svg {
}

.mui-1bw45k2 {
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
    margin-bottom: 8px;
}

.mui-1bw45k2:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1bw45k2:hover {
        background-color: transparent;
    }
}

.mui-1bw45k2.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-1bw45k2 svg {
}

.mui-ncd3ae {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
}

.mui-ncd3ae.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-ncd3ae {
        -webkit-print-color-adjust: exact;
    }
}

.mui-ncd3ae:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-ncd3ae:hover {
        background-color: transparent;
    }
}

.mui-ncd3ae.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-ncd3ae svg {
}

.mui-ggcz1o {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    aspect-ratio: 0.5625 / 1;
    background-image: url("/public/b2027eaa-f03f-46b8-ae49-b7f1b97aa731/blurred-images/990b4fc6-db36-4796-84e4-4eeac3c7f835");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mui-9rbtql {
    width: 100%;
    height: 100%;
    background-image: url("/private/b2027eaa-f03f-46b8-ae49-b7f1b97aa731/video-thumbnails/990b4fc6-db36-4796-84e4-4eeac3c7f835/thumbnail.0000000.jpg?Expires=1733785200&Key-Pair-Id=KH1FB8U5W6FS8&Signature=LdlgEz1Kk7-VcY1qpW-1H14OgSkzFVMIVG2E3PTyvIzBk5EmxGOnJKhOyTNf~LGVbguUDQXUdeb93-A39VcZjdxLzXy7QdEpj~yTORdDYRjDhwK7S9DGEpooOYQWaK7S1Vvh6Sqtlmx4vbyD300WBamOWzJ-gsJZ3RPRcytTdDP4NABjbFh1x0qLrtSqaMphdXAtVtCXJAGi9jVQgRiDpKbpvGnaAA~OsLDlQfuNtnnQT8usR-Ucuy~ni3FXGP~-nwwjSV14Wzpe~h~rA3YHasQIRFMUc3FZzIjh3Gg2UMpoh17RaFKs9UQke1VHkLFGdNk7fVu3Bwjf1WZKt6EQ0A__");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mui-18icj29 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    object-fit: cover;
}

.mui-1vxs064 {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    aspect-ratio: 0.5625 / 1;
    background-image: url("/public/3104d674-fb58-4bbf-9e32-a5e013794d3a/blurred-images/ab61d3f7-ea7b-4054-97a0-60b0ea357f0b");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mui-1uy3mhj {
    width: 100%;
    height: 100%;
    background-image: url("/private/3104d674-fb58-4bbf-9e32-a5e013794d3a/video-thumbnails/ab61d3f7-ea7b-4054-97a0-60b0ea357f0b/thumbnail.0000000.jpg?Expires=1733785200&Key-Pair-Id=KH1FB8U5W6FS8&Signature=SCWzOjaZzjeqcLCYfwZnP-1WfPjvGQR0iI8rTqPLa8ozBwgexY7jUuNBbZlJCBOtnnNBx34uU2T4hhIT9BEDoaSPKA5IehSQ4LlCN5p2d7x18EbrXJ28X0F2i-64PLceH3u2gHBI2hcmYe75b8ZfCxCJlrGP3mTCUxMucO4keB5U6jgM~JIpgDq9TaIMWJhv0NbJGvayS677cEEXwcSvrL~MRvlDMsrHuYx~GZf5kbFJS4mqkjrQCUC6MgVufK43eXNh9iDYic~Xz4sFYN69Qjn7GksIZiA6Wr~zACBN6pouPnfII3Vrv3hyGjgODOIxLPTXhfRyoh7fFTgJbiH20g__");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mui-zqvhno {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    aspect-ratio: 0.6 / 1;
    background-image: url("/public/ef8ae1cd-94c4-45a4-af37-5c3c0935e48b/blurred-images/bdbb5157-44f9-44c8-ad31-8a5d6cf1c6fb");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mui-y17l55 {
    width: 100%;
    height: 100%;
    background-image: url("/private/ef8ae1cd-94c4-45a4-af37-5c3c0935e48b/video-thumbnails/bdbb5157-44f9-44c8-ad31-8a5d6cf1c6fb/thumbnail.0000000.jpg?Expires=1733785200&Key-Pair-Id=KH1FB8U5W6FS8&Signature=ONCnUUieAdvxfYIvmLhPUPaUQpj50vXCpLtP3cExmgM3b7T-HhDi498S3IR9G0jkYgpkvKGQTNZWVVn-Qpkf~Xcc-Y0eYZ~JKPtLZHzrQK7Nz9VERZ~e6QlSyZaGRN-c7fi2Jxftmg5j~GtKlWljDEvqZGgixpSDZ0pbhdFzLgowJ9PDB3XhWS6ts6THJ1qt7wcAUIb8alG~QWkTBfVUnSd3UJA30aYSczooDKTWOLlTar~huZwWTWaO-jHolBc08uj4PAypgjEZsXgajHdMcqjEdAQaAjM6zpc8ESh5ydOepZsBS4AeFr2VhQvMpmGkUI0vitMvvanAJ3p50FjWIQ__");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mui-swws43 {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    aspect-ratio: 0.5625 / 1;
    background-image: url("/public/f371616a-48c5-4d89-b117-9259e2f58b2f/blurred-images/f1106f2e-9e12-4fa9-98ef-3763bfb5216e");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mui-xakdiy {
    width: 100%;
    height: 100%;
    background-image: url("/private/f371616a-48c5-4d89-b117-9259e2f58b2f/video-thumbnails/f1106f2e-9e12-4fa9-98ef-3763bfb5216e/thumbnail.0000000.jpg?Expires=1733785200&Key-Pair-Id=KH1FB8U5W6FS8&Signature=QrFGOfnMswmx5tW5atml~70zbJ9531MbgSW53tSMyKubjGJDD0-p1qM8TPdpZjF7Qai9MQAJDvo7uUYTM-DVV4RYHTTiKLxWfpyHtrAq6pbSd6xe5NH5wIvfMt-QxKx7mupEDG9pohBXd0Y~DGTB8cE~kKI-2PoeMC1j-QXxZS3bJ1JdRiQtXUXzLzMJSNlxmSL7km~yDUvC8Mnfm7SLM0Rlc992IxQsE9dO2VQ2QNxZSr42L1wCNJaLXP8l9ria10sjNicJLX7Lml7mHrCbzOINxsgdcUjTK2fOSgpT-xR2tz42~M-N454R-KgrUpoDmxGgns2ThwKIlglgAcvvaA__");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mui-p993ak {
    display: flex;
    flex-direction: row;
    min-height: 100dvh;
}

@media (min-width: 0px) {
    .mui-p993ak {
        gap: 0px;
        padding: 0px;
    }
}

@media (min-width: 1280px) {
    .mui-p993ak {
        gap: 8px;
        padding: 8px;
    }
}

.mui-194pna8 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(18, 18, 18);
    height: calc(env(safe-area-inset-bottom) + 68px);
    backdrop-filter: blur(16px);
    width: 100%;
    position: fixed;
    bottom: 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    z-index: 1100;
    padding-bottom: env(safe-area-inset-bottom);
    transition: visibility 0.5s, opacity 0.5s;
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 0px) {
    .mui-194pna8 {
        display: flex;
    }
}

@media (min-width: 1280px) {
    .mui-194pna8 {
        display: none;
    }
}

.mui-83wln0 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.mui-1b8vntj {
    padding-left: 16px;
    padding-right: 16px;
    bottom: 0px;
    position: absolute;
    width: 100%;
    background: linear-gradient(179.37deg, rgba(0, 0, 0, 0) 0.48%, rgba(0, 0, 0, 0.5) 49.42%);
    display: flex;
    flex-direction: row;
    transition: padding 0.5s;
}

@media (min-width: 0px) {
    .mui-1b8vntj {
        padding-bottom: calc(env(safe-area-inset-bottom) + 0px + 16px);
    }
}

@media (min-width: 1280px) {
    .mui-1b8vntj {
        padding-bottom: 16px;
    }
}

.mui-fc2jtd {
    display: flex;
    flex-direction: row;
    min-height: 100dvh;
    position: sticky;
    top: 0px;
}

@media (min-width: 0px) {
    .mui-fc2jtd {
        gap: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        height: calc(100dvh - env(safe-area-inset-bottom) - 68px);
        padding-bottom: calc(env(safe-area-inset-bottom) + 68px);
    }
}

@media (min-width: 1280px) {
    .mui-fc2jtd {
        gap: 8px;
        padding: 8px;
        height: calc(-16px + 100dvh);
    }
}

.mui-ia9cwd {
    position: sticky;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    z-index: 1100;
    background-color: rgb(21, 21, 21);
}

@media (min-width: 0px) {
    .mui-ia9cwd {
        top: 52px;
    }
}

@media (min-width: 850px) {
    .mui-ia9cwd {
        top: 64px;
    }
}

.mui-124wuf1 {
    display: flex;
    overflow-x: auto;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mui-6iei0c {
    width: min-content;
    height: 32px;
}

.mui-1161j6h {
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    margin-right: 8px;
}

.mui-1161j6h.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-1161j6h.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1161j6h.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1161j6h:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1161j6h:active {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1161j6h:hover {
    background: rgba(255, 255, 255, 0.3);
}

.mui-1161j6h .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.mui-11rzf4a {
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    margin-right: 8px;
}

.mui-11rzf4a.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-11rzf4a .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-11rzf4a .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-11rzf4a .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-11rzf4a .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-11rzf4a .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-11rzf4a .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-11rzf4a .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-11rzf4a .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-11rzf4a:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-11rzf4a.Mui-focusVisible {
    background-color: rgba(255, 255, 255, 0.28);
}

.mui-11rzf4a:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.mui-11rzf4a:hover, .mui-11rzf4a:active, .mui-11rzf4a:focus {
    box-shadow: none;
}

.mui-11rzf4a.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-11rzf4a.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-11rzf4a.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
}

.mui-11rzf4a:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-11rzf4a:active {
    background: rgba(255, 255, 255, 0.08);
}

.mui-11rzf4a:hover {
    background: rgba(255, 255, 255, 0.3);
}

.mui-11rzf4a .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.mui-6hssql {
    position: relative;
    margin: 0px 8px 0px 0px;
    appearance: none;
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-6hssql.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-6hssql {
        -webkit-print-color-adjust: exact;
    }
}

.mui-6hssql.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-6hssql .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-6hssql .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-6hssql .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-6hssql .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-6hssql .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-6hssql .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-6hssql .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-6hssql .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-6hssql:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-6hssql.Mui-focusVisible {
    background-color: rgba(255, 255, 255, 0.28);
}

.mui-6hssql:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.mui-6hssql:hover, .mui-6hssql:active, .mui-6hssql:focus {
    box-shadow: none;
}

.mui-6hssql.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-6hssql.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-6hssql.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
}

.mui-6hssql:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-6hssql:active {
    background: rgba(255, 255, 255, 0.08);
}

.mui-6hssql:hover {
    background: rgba(255, 255, 255, 0.3);
}

.mui-6hssql .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.mui-1gll5w9 {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    margin: 0px 8px 0px 0px;
    appearance: none;
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-1gll5w9:hover {
    text-decoration-color: inherit;
}

.mui-1gll5w9.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1gll5w9 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1gll5w9.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-1gll5w9 .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-1gll5w9 .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-1gll5w9 .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-1gll5w9 .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-1gll5w9 .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-1gll5w9 .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-1gll5w9 .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-1gll5w9 .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-1gll5w9:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-1gll5w9.Mui-focusVisible {
    background-color: rgba(255, 255, 255, 0.28);
}

.mui-1gll5w9:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.mui-1gll5w9:hover, .mui-1gll5w9:active, .mui-1gll5w9:focus {
    box-shadow: none;
}

.mui-1gll5w9.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-1gll5w9.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1gll5w9.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1gll5w9:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1gll5w9:active {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1gll5w9:hover {
    background: rgba(255, 255, 255, 0.3);
}

.mui-1gll5w9 .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.mui-vx95qj {
    font-variant: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    margin: 0px 8px 0px 0px;
    appearance: none;
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-vx95qj:hover {
    text-decoration-color: inherit;
}

.mui-vx95qj.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-vx95qj {
        -webkit-print-color-adjust: exact;
    }
}

.mui-vx95qj.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-vx95qj .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-vx95qj .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-vx95qj .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-vx95qj .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-vx95qj .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-vx95qj .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-vx95qj .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-vx95qj .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-vx95qj:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-vx95qj.Mui-focusVisible {
    background-color: rgba(255, 255, 255, 0.28);
}

.mui-vx95qj:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.mui-vx95qj:hover, .mui-vx95qj:active, .mui-vx95qj:focus {
    box-shadow: none;
}

.mui-vx95qj.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-vx95qj.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-vx95qj.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
}

.mui-vx95qj:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-vx95qj:active {
    background: rgba(255, 255, 255, 0.08);
}

.mui-vx95qj:hover {
    background: rgba(255, 255, 255, 0.3);
}

.mui-vx95qj .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.mui-14vsv3w {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
}

.mui-12z0wuy {
    margin-right: 8px;
}

.mui-cv61k {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
}

.mui-cv61k .MuiBadge-badge {
    top: 1px;
    right: 4px;
}

.mui-fuoech {
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-fuoech.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-fuoech.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-fuoech.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-fuoech:active {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-fuoech:hover {
    background: rgba(255, 255, 255, 0.05);
}

.mui-fuoech .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-dw2yop {
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-dw2yop.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-dw2yop .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-dw2yop .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-dw2yop .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-dw2yop .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-dw2yop .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-dw2yop .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-dw2yop .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-dw2yop .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-dw2yop:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-dw2yop.Mui-focusVisible {
    background-color: rgba(255, 255, 255, 0.28);
}

.mui-dw2yop:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.mui-dw2yop:hover, .mui-dw2yop:active, .mui-dw2yop:focus {
    box-shadow: none;
}

.mui-dw2yop.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-dw2yop.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-dw2yop.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-dw2yop:active {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-dw2yop:hover {
    background: rgba(255, 255, 255, 0.05);
}

.mui-dw2yop .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-cppr17 {
    position: relative;
    margin: 0px;
    appearance: none;
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-cppr17.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-cppr17 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-cppr17.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-cppr17 .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-cppr17 .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-cppr17 .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-cppr17 .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-cppr17 .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-cppr17 .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-cppr17 .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-cppr17 .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-cppr17:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-cppr17.Mui-focusVisible {
    background-color: rgba(255, 255, 255, 0.28);
}

.mui-cppr17:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.mui-cppr17:hover, .mui-cppr17:active, .mui-cppr17:focus {
    box-shadow: none;
}

.mui-cppr17.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-cppr17.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-cppr17.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-cppr17:active {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-cppr17:hover {
    background: rgba(255, 255, 255, 0.05);
}

.mui-cppr17 .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-118e8i8 {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    margin: 0px;
    appearance: none;
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-118e8i8:hover {
    text-decoration-color: inherit;
}

.mui-118e8i8.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-118e8i8 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-118e8i8.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-118e8i8 .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-118e8i8 .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-118e8i8 .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-118e8i8 .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-118e8i8 .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-118e8i8 .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-118e8i8 .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-118e8i8 .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-118e8i8:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-118e8i8.Mui-focusVisible {
    background-color: rgba(255, 255, 255, 0.28);
}

.mui-118e8i8:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.mui-118e8i8:hover, .mui-118e8i8:active, .mui-118e8i8:focus {
    box-shadow: none;
}

.mui-118e8i8.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-118e8i8.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-118e8i8.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-118e8i8:active {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-118e8i8:hover {
    background: rgba(255, 255, 255, 0.05);
}

.mui-118e8i8 .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-1o8athd {
    font-variant: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    position: relative;
    margin: 0px;
    appearance: none;
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-1o8athd:hover {
    text-decoration-color: inherit;
}

.mui-1o8athd.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1o8athd {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1o8athd.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-1o8athd .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-1o8athd .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-1o8athd .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-1o8athd .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-1o8athd .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-1o8athd .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-1o8athd .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-1o8athd .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-1o8athd:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-1o8athd.Mui-focusVisible {
    background-color: rgba(255, 255, 255, 0.28);
}

.mui-1o8athd:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.mui-1o8athd:hover, .mui-1o8athd:active, .mui-1o8athd:focus {
    box-shadow: none;
}

.mui-1o8athd.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-1o8athd.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1o8athd.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1o8athd:active {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1o8athd:hover {
    background: rgba(255, 255, 255, 0.05);
}

.mui-1o8athd .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-nc3akw {
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    right: 0px;
    top: 47%;
    transform: translateY(-50%);
    z-index: 1101;
    background: rgba(0, 0, 0, 0.1);
}

.mui-nc3akw:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-nc3akw:hover {
        background-color: transparent;
    }
}

.mui-nc3akw.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-1gw8ijn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    right: 0px;
    top: 47%;
    transform: translateY(-50%);
    z-index: 1101;
    background: rgba(0, 0, 0, 0.1);
}

.mui-1gw8ijn.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1gw8ijn {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1gw8ijn:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1gw8ijn:hover {
        background-color: transparent;
    }
}

.mui-1gw8ijn.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-8875ym {
    margin-top: 16px;
    width: 100%;
}

.mui-126xj0f {
    position: fixed;
    z-index: 1300;
    inset: 0px;
}

@media print {
    .mui-126xj0f {
        position: absolute !important;
    }
}

.mui-1mbdz04 {
    z-index: -1;
}

.mui-17t9vzd {
    position: fixed;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    inset: 0px;
    -webkit-tap-highlight-color: transparent;
    background-color: rgba(0, 0, 0, 0.36);
    z-index: -1;
}

.mui-1glxwdk {
    height: 100%;
    outline: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

@media print {
    .mui-1glxwdk {
        height: auto;
    }
}

.mui-17nglwv {
    margin: 32px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 64px);
    max-width: 444px;
    background: rgba(35, 35, 35, 0.8);
    backdrop-filter: blur(12px);
    border-radius: 8px;
    width: 100%;
}

@media print {
    .mui-17nglwv {
        overflow-y: visible;
        box-shadow: none;
    }
}

@media (max-width: 507.95px) {
    .mui-17nglwv.MuiDialog-paperScrollBody {
        max-width: calc(100% - 64px);
    }
}

.mui-f86u7r {
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: var(--Paper-shadow);
    margin: 32px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 64px);
    max-width: 444px;
    background: rgba(35, 35, 35, 0.8);
    backdrop-filter: blur(12px);
    border-radius: 8px;
    width: 100%;
}

@media print {
    .mui-f86u7r {
        overflow-y: visible;
        box-shadow: none;
    }
}

@media (max-width: 507.95px) {
    .mui-f86u7r.MuiDialog-paperScrollBody {
        max-width: calc(100% - 64px);
    }
}

.mui-hhpb4q {
    display: flex;
    padding: 16px;
    gap: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
}

.mui-ron6pn {
    margin: 0px;
    font-weight: 400;
    font-size: 20px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 26px;
    text-transform: uppercase;
    flex: 1 1 0%;
}

.mui-u212m8 {
    display: flex;
    gap: 8px;
    width: min-content;
    margin-right: -4px;
    margin-top: -4px;
    margin-bottom: -4px;
}

.mui-rbvga2 {
    background: transparent;
    color: rgb(255, 255, 255);
    min-width: unset;
    padding: 8px;
    border-radius: 210px;
    height: auto;
    transition: 0.5s;
    font-size: 18px;
}

.mui-rbvga2:hover {
    background: rgba(255, 255, 255, 0.1);
}

.mui-rbvga2:disabled {
    color: rgba(255, 255, 255, 0.2);
}

.mui-rbvga2.mui-button-loading {
    cursor: default;
}

.mui-rbvga2.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-rbvga2.mui-button-loading:active {
    box-shadow: none;
}

.mui-rbvga2:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-rbvga2:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-rbvga2 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-rbvga2 .MuiButton-endIcon {
    width: 0px;
}

.mui-18eil82 {
    line-height: 1.75;
    border: 0px currentcolor;
    --variant-containedBg: #424242;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: transparent;
    color: rgb(255, 255, 255);
    min-width: unset;
    padding: 8px;
    border-radius: 210px;
    height: auto;
    transition: 0.5s;
    font-size: 18px;
}

.mui-18eil82:hover {
    text-decoration: none;
}

.mui-18eil82.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-18eil82:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-18eil82:hover {
    box-shadow: none;
}

.mui-18eil82.Mui-focusVisible {
    box-shadow: none;
}

.mui-18eil82:active {
    box-shadow: none;
}

.mui-18eil82.Mui-disabled {
    box-shadow: none;
}

.mui-18eil82:hover, .mui-18eil82:active, .mui-18eil82:focus {
    box-shadow: none;
}

.mui-18eil82:hover {
    background: rgba(255, 255, 255, 0.1);
}

.mui-18eil82:disabled {
    color: rgba(255, 255, 255, 0.2);
}

.mui-18eil82.mui-button-loading {
    cursor: default;
}

.mui-18eil82.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-18eil82.mui-button-loading:active {
    box-shadow: none;
}

.mui-18eil82:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-18eil82:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-18eil82 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-18eil82 .MuiButton-endIcon {
    width: 0px;
}

.mui-1il0kt2 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px currentcolor;
    --variant-containedBg: #424242;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: transparent;
    color: rgb(255, 255, 255);
    min-width: unset;
    padding: 8px;
    border-radius: 210px;
    height: auto;
    transition: 0.5s;
    font-size: 18px;
}

.mui-1il0kt2.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1il0kt2 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1il0kt2:hover {
    text-decoration: none;
}

.mui-1il0kt2.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1il0kt2:hover {
        --variant-containedBg: #616161;
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1il0kt2:hover {
    box-shadow: none;
}

.mui-1il0kt2.Mui-focusVisible {
    box-shadow: none;
}

.mui-1il0kt2:active {
    box-shadow: none;
}

.mui-1il0kt2.Mui-disabled {
    box-shadow: none;
}

.mui-1il0kt2:hover, .mui-1il0kt2:active, .mui-1il0kt2:focus {
    box-shadow: none;
}

.mui-1il0kt2:hover {
    background: rgba(255, 255, 255, 0.1);
}

.mui-1il0kt2:disabled {
    color: rgba(255, 255, 255, 0.2);
}

.mui-1il0kt2.mui-button-loading {
    cursor: default;
}

.mui-1il0kt2.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-1il0kt2.mui-button-loading:active {
    box-shadow: none;
}

.mui-1il0kt2:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1il0kt2:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1il0kt2 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-1il0kt2 .MuiButton-endIcon {
    width: 0px;
}

.mui-1v9ol2n {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 0px 16px 16px;
}

.MuiDialogTitle-root + .mui-1v9ol2n {
    padding-top: 0px;
}

.mui-1qjhpkf {
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
}

.mui-6mvbnf {
    object-fit: contain;
    object-position: center top;
}

.mui-1vzn6xi {
    display: flex;
    width: 100%;
    margin: 24px 32px;
    flex-direction: column;
    align-items: flex-start;
}

.mui-xxt2bd {
    margin: 0px 0px 8px;
    font-size: 40px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 44px;
    text-transform: uppercase;
}

.mui-164ghjx {
    margin: 0px;
    color: graytext;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
}

.mui-yd8sa2 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mui-1n6lmqm {
    -webkit-box-align: center;
    align-items: center;
    flex: 0 0 auto;
    padding: 16px 16px 24px;
    -webkit-box-pack: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mui-1htdlh0 {
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
}

.mui-1htdlh0:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-1htdlh0:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

.mui-1akjdkz {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
}

.mui-1akjdkz:hover {
    text-decoration: none;
}

.mui-1akjdkz.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-1akjdkz:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-1akjdkz:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-1akjdkz:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-1akjdkz.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-1akjdkz.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-1akjdkz:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1akjdkz:hover {
    box-shadow: none;
}

.mui-1akjdkz.Mui-focusVisible {
    box-shadow: none;
}

.mui-1akjdkz:active {
    box-shadow: none;
}

.mui-1akjdkz.Mui-disabled {
    box-shadow: none;
}

.mui-1akjdkz:hover, .mui-1akjdkz:active, .mui-1akjdkz:focus {
    box-shadow: none;
}

.mui-1akjdkz:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(249, 147, 118);
}

.mui-1akjdkz:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-1akjdkz:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

.mui-1ktpfn3 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
}

.mui-1ktpfn3.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1ktpfn3 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1ktpfn3:hover {
    text-decoration: none;
}

.mui-1ktpfn3.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-1ktpfn3:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-1ktpfn3:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-1ktpfn3:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-1ktpfn3.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-1ktpfn3.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-1ktpfn3:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1ktpfn3:hover {
    box-shadow: none;
}

.mui-1ktpfn3.Mui-focusVisible {
    box-shadow: none;
}

.mui-1ktpfn3:active {
    box-shadow: none;
}

.mui-1ktpfn3.Mui-disabled {
    box-shadow: none;
}

.mui-1ktpfn3:hover, .mui-1ktpfn3:active, .mui-1ktpfn3:focus {
    box-shadow: none;
}

.mui-1ktpfn3:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(249, 147, 118);
}

.mui-1ktpfn3:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-1ktpfn3:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

.mui-1syid98 {
    font-weight: bold;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 0px !important;
}

.mui-4ntlfe {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    background-color: var(--variant-textBg);
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 0px !important;
}

.mui-4ntlfe:hover {
    text-decoration: none;
}

.mui-4ntlfe.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-4ntlfe:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-4ntlfe:hover, .mui-4ntlfe:active, .mui-4ntlfe:focus {
    box-shadow: none;
}

.mui-4ntlfe:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-4ntlfe:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-xjkvnr {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    background-color: var(--variant-textBg);
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 0px !important;
}

.mui-xjkvnr.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-xjkvnr {
        -webkit-print-color-adjust: exact;
    }
}

.mui-xjkvnr:hover {
    text-decoration: none;
}

.mui-xjkvnr.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-xjkvnr:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-xjkvnr:hover, .mui-xjkvnr:active, .mui-xjkvnr:focus {
    box-shadow: none;
}

.mui-xjkvnr:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-xjkvnr:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-cunh5i {
    text-decoration: none;
    color: inherit;
    padding: 8px 11.2px;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.mui-cunh5i:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

.mui-g1c1zp {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    padding: 8px 11.2px;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.mui-g1c1zp:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

.mui-1h1j7ou .MuiBadge-badge {
    min-width: calc(12.5px);
    width: calc(12.5px);
    height: calc(12.5px);
    border: calc(2.45px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-1h1j7ou .MuiBadge-dot {
    border-radius: 50%;
}

.mui-1tpahk {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
}

.mui-1tpahk .MuiBadge-badge {
    min-width: calc(12.5px);
    width: calc(12.5px);
    height: calc(12.5px);
    border: calc(2.45px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-1tpahk .MuiBadge-dot {
    border-radius: 50%;
}

.mui-1odkmdi {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 50px;
    height: 50px;
}

.mui-in3yi3 {
    font-weight: bold;
}

.mui-17inxpd {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    font-size: 21px;
    font-weight: bold;
}

.mui-64vckg {
    padding-left: 8px;
    flex: 1 1 0%;
    max-width: calc(100% - 142px);
    padding-right: 8px;
}

.mui-1yyufo7 {
    margin: 0px;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    text-align: var(--Typography-textAlign);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-family: var(--font-inter);
    font-weight: 600;
}

.mui-19tcc1u {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
}

.mui-1got1iu {
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.mui-1lkf7df {
    margin: 0px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    padding-right: 4px;
}

.mui-8atqhb {
    width: 100%;
}

.mui-1g31bee {
    margin: 0px;
    color: rgb(255, 255, 255);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.mui-hc1fud {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 50px;
    height: 50px;
}

.mui-ddcfzs {
    margin: 0px;
    color: rgba(255, 255, 255, 0.7);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-1w1v7q4 {
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.08) 1px 1px 9px;
    background-color: rgb(21, 21, 21);
    margin-bottom: 16px;
    padding-bottom: 8px;
    position: relative;
    min-width: 300px;
    max-width: 620px;
    width: 100%;
}

.mui-1vuo01r {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding-top: 8px;
    padding-bottom: 8px;
    background: transparent;
    color: rgb(255, 255, 255);
    position: absolute;
    z-index: 1;
    width: 100%;
}

@media (min-width: 0px) {
    .mui-1vuo01r {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (min-width: 850px) {
    .mui-1vuo01r {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.mui-70qvj9 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.mui-123wtjz {
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    margin-left: -3px;
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
    width: 34px;
    height: 34px;
}

.mui-123wtjz:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-123wtjz:hover {
        background-color: transparent;
    }
}

.mui-123wtjz.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

@media (min-width: 0px) {
    .mui-123wtjz {
        display: inline-flex;
    }
}

@media (min-width: 1280px) {
    .mui-123wtjz {
        display: none;
    }
}

.mui-1ead7gm {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 0px -3px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
    width: 34px;
    height: 34px;
}

.mui-1ead7gm.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1ead7gm {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1ead7gm:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1ead7gm:hover {
        background-color: transparent;
    }
}

.mui-1ead7gm.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

@media (min-width: 0px) {
    .mui-1ead7gm {
        display: inline-flex;
    }
}

@media (min-width: 1280px) {
    .mui-1ead7gm {
        display: none;
    }
}

.mui-16sflbv {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 0px -3px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
    width: 34px;
    height: 34px;
}

.mui-16sflbv:hover {
    text-decoration-color: inherit;
}

.mui-16sflbv.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-16sflbv {
        -webkit-print-color-adjust: exact;
    }
}

.mui-16sflbv:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-16sflbv:hover {
        background-color: transparent;
    }
}

.mui-16sflbv.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

@media (min-width: 0px) {
    .mui-16sflbv {
        display: inline-flex;
    }
}

@media (min-width: 1280px) {
    .mui-16sflbv {
        display: none;
    }
}

.mui-78fhqj {
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 0px -3px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
    width: 34px;
    height: 34px;
}

.mui-78fhqj:hover {
    text-decoration-color: inherit;
}

.mui-78fhqj.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-78fhqj {
        -webkit-print-color-adjust: exact;
    }
}

.mui-78fhqj:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-78fhqj:hover {
        background-color: transparent;
    }
}

.mui-78fhqj.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

@media (min-width: 0px) {
    .mui-78fhqj {
        display: inline-flex;
    }
}

@media (min-width: 1280px) {
    .mui-78fhqj {
        display: none;
    }
}

@media (min-width: 0px) {
    .mui-orzi8s {
        max-width: calc(-62px + 100vw);
    }
}

@media (min-width: 850px) {
    .mui-orzi8s {
        max-width: 425px;
    }
}

.mui-ebzcq3 {
    font-weight: 600;
}

@media (min-width: 0px) {
    .mui-ebzcq3 {
        max-width: calc(-62px + 100vw);
    }
}

@media (min-width: 850px) {
    .mui-ebzcq3 {
        max-width: 425px;
    }
}

.mui-wikh1u {
    margin: 0px;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0.0075em;
    text-align: var(--Typography-textAlign);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-family: var(--font-inter);
    font-weight: 600;
}

@media (min-width: 0px) {
    .mui-wikh1u {
        max-width: calc(-62px + 100vw);
    }
}

@media (min-width: 850px) {
    .mui-wikh1u {
        max-width: 425px;
    }
}

.mui-11wuxky {
    position: absolute;
    top: 8px;
    right: 8px;
    color: rgb(255, 255, 255);
}

.mui-16gylth {
    position: absolute;
    top: 8px;
    right: 8px;
    color: rgb(255, 255, 255);
}

.mui-x1mimv {
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 5px;
    font-size: 1.125rem;
    position: absolute;
    top: 8px;
    right: 8px;
    color: rgb(255, 255, 255);
}

.mui-x1mimv:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-x1mimv:hover {
        background-color: transparent;
    }
}

.mui-x1mimv.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-ayclat {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 5px;
    font-size: 1.125rem;
    position: absolute;
    top: 8px;
    right: 8px;
    color: rgb(255, 255, 255);
}

.mui-ayclat.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-ayclat {
        -webkit-print-color-adjust: exact;
    }
}

.mui-ayclat:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-ayclat:hover {
        background-color: transparent;
    }
}

.mui-ayclat.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-1msxmo6 {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 5px;
    font-size: 1.125rem;
    position: absolute;
    top: 8px;
    right: 8px;
    color: rgb(255, 255, 255);
}

.mui-1msxmo6:hover {
    text-decoration-color: inherit;
}

.mui-1msxmo6.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1msxmo6 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1msxmo6:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1msxmo6:hover {
        background-color: transparent;
    }
}

.mui-1msxmo6.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-12h6nc7 {
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 5px;
    font-size: 1.125rem;
    position: absolute;
    top: 8px;
    right: 8px;
    color: rgb(255, 255, 255);
}

.mui-12h6nc7:hover {
    text-decoration-color: inherit;
}

.mui-12h6nc7.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-12h6nc7 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-12h6nc7:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-12h6nc7:hover {
        background-color: transparent;
    }
}

.mui-12h6nc7.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-1lz8o7k {
    background: rgb(21, 21, 21);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-top: 28.09%;
    overflow: hidden;
    position: relative;
    width: 100%;
    border-bottom: none;
}

@media (max-width: 849.95px) {
    .mui-1lz8o7k {
        height: 168px;
        padding-top: 0px;
    }
}

.mui-1mydqyx {
    background: rgb(21, 21, 21);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-top: 28.09%;
    overflow: hidden;
    position: relative;
    width: 100%;
    border-bottom: none;
}

@media (max-width: 849.95px) {
    .mui-1mydqyx {
        height: 168px;
        padding-top: 0px;
    }
}

@media (max-width: 849.95px) {
    .mui-1mydqyx {
        height: 168px;
        padding-top: 0px;
    }
}

.mui-21sqro {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    top: 0px;
    left: 0px;
}

.mui-19jasrh {
    height: min(50%, 40px);
    width: min(50%, 180px);
    object-fit: cover;
    z-index: 1;
    color: rgb(255, 255, 255);
}

.mui-1rg60d1 {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    height: min(50%, 40px);
    width: min(50%, 180px);
    object-fit: cover;
    z-index: 1;
    color: rgb(255, 255, 255);
}

.mui-1ls6k2q {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center top;
    position: absolute;
    top: 0px;
    left: 0px;
}

@media (min-width: 0px) {
    .mui-1ycvsht {
        margin-bottom: 8px;
    }
}

@media (min-width: 850px) {
    .mui-1ycvsht {
        margin-bottom: 24px;
    }
}

.mui-6dkque {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media (min-width: 0px) {
    .mui-6dkque {
        height: 48px;
    }
}

@media (min-width: 850px) {
    .mui-6dkque {
        height: 74px;
    }
}

@media (min-width: 1280px) {
    .mui-fvq37w {
        display: none;
    }
}

.mui-gck9rx {
    display: inline;
}

@media (min-width: 1280px) {
    .mui-gck9rx {
        display: none;
    }
}

.mui-jn57gn {
    margin-left: 16px;
    position: relative;
    transform: translateY(-24px);
}

.mui-jn57gn .MuiBadge-badge {
    min-width: calc(24px);
    width: calc(24px);
    height: calc(24px);
    border: calc(4.75px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-jn57gn .MuiBadge-dot {
    border-radius: 50%;
}

.mui-gvzb78 {
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
    margin-left: 16px;
    position: relative;
    transform: translateY(-24px);
}

.mui-gvzb78 .MuiBadge-badge {
    min-width: calc(24px);
    width: calc(24px);
    height: calc(24px);
    border: calc(4.75px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-gvzb78 .MuiBadge-dot {
    border-radius: 50%;
}

.mui-fnyix1 {
    border-radius: 50%;
    border: 2px solid rgb(21, 21, 21);
}

.mui-1bur2ib {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 96px;
    height: 96px;
    cursor: pointer;
}

.mui-zmj26o {
    margin: 0px;
}

@media print {
    .mui-zmj26o {
        position: absolute !important;
    }
}

@media (max-width: 1279.95px) {
    .mui-17b898 {
        display: none;
    }
}

.mui-hyk6c0 {
    display: inline;
}

@media (max-width: 1279.95px) {
    .mui-hyk6c0 {
        display: none;
    }
}

.mui-17ndu5j {
    margin-left: 16px;
    position: relative;
    transform: translateY(-37px);
}

.mui-17ndu5j .MuiBadge-badge {
    min-width: calc(37px);
    width: calc(37px);
    height: calc(37px);
    border: calc(7.35px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-17ndu5j .MuiBadge-dot {
    border-radius: 50%;
}

.mui-1weov5k {
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
    margin-left: 16px;
    position: relative;
    transform: translateY(-37px);
}

.mui-1weov5k .MuiBadge-badge {
    min-width: calc(37px);
    width: calc(37px);
    height: calc(37px);
    border: calc(7.35px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-1weov5k .MuiBadge-dot {
    border-radius: 50%;
}

.mui-rt6df3 {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 148px;
    height: 148px;
    cursor: pointer;
}

.mui-s8zdc8 {
    padding-right: 16px;
}

@media (min-width: 0px) {
    .mui-s8zdc8 {
        padding-bottom: 0px;
        padding-top: 8px;
    }
}

@media (min-width: 850px) {
    .mui-s8zdc8 {
        padding-bottom: 8px;
        padding-top: 0px;
    }
}

.mui-1kpdnj {
    margin-left: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.mui-ytoyx2 {
    margin: 0px;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: 0.00938em;
    text-align: var(--Typography-textAlign);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-family: var(--font-inter);
    font-weight: 600;
}

.mui-1yn1anw {
    margin: 0px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-inter);
    max-width: 100%;
    font-size: small;
    color: rgba(255, 255, 255, 0.8);
}

.mui-fbt3nt {
    margin: 0px;
    text-align: var(--Typography-textAlign);
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    padding-left: 16px;
    padding-right: 16px;
    white-space: pre-line;
}

@media (min-width: 0px) {
    .mui-fbt3nt {
        margin-bottom: 16px;
    }
}

@media (min-width: 850px) {
    .mui-fbt3nt {
        margin-bottom: 24px;
    }
}

.mui-1133j8l {
    background: none;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    font-size: inherit;
    font-weight: normal;
    height: auto;
    line-height: inherit;
    margin-left: 0px;
    margin-top: 8px;
    padding: 0px;
    text-transform: initial;
}

.mui-1133j8l:hover {
    background: none;
    text-decoration: underline;
}

.mui-1vwl3o1 {
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    background: none;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    font-size: inherit;
    font-weight: normal;
    height: auto;
    line-height: inherit;
    margin-left: 0px;
    margin-top: 8px;
    padding: 0px;
    text-transform: initial;
}

.mui-1vwl3o1:hover {
    text-decoration: none;
}

.mui-1vwl3o1.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1vwl3o1:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1vwl3o1:hover, .mui-1vwl3o1:active, .mui-1vwl3o1:focus {
    box-shadow: none;
}

.mui-1vwl3o1:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-1vwl3o1:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1vwl3o1:hover {
    background: none;
    text-decoration: underline;
}

.mui-1y1pxeb {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 8px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    background: none;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    font-size: inherit;
    font-weight: normal;
    height: auto;
    line-height: inherit;
    padding: 0px;
    text-transform: initial;
}

.mui-1y1pxeb.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1y1pxeb {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1y1pxeb:hover {
    text-decoration: none;
}

.mui-1y1pxeb.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1y1pxeb:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1y1pxeb:hover, .mui-1y1pxeb:active, .mui-1y1pxeb:focus {
    box-shadow: none;
}

.mui-1y1pxeb:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-1y1pxeb:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1y1pxeb:hover {
    background: none;
    text-decoration: underline;
}

.mui-xb5dxq {
    background: rgba(35, 35, 35, 0.8);
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    margin: 16px;
    padding: 16px;
}

.mui-1e1x34p {
    overflow: hidden;
    background: rgba(35, 35, 35, 0.8);
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    margin: 16px;
    padding: 16px;
}

.mui-1sdf9ym {
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    background: rgba(35, 35, 35, 0.8);
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    margin: 16px;
    padding: 16px;
}

.mui-h1inuk {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 8px;
}

.mui-isbt42 {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    margin-top: -16px;
    width: calc(100% + 16px);
    margin-left: -16px;
}

.mui-isbt42 > .MuiGrid-item {
    padding-top: 16px;
}

.mui-isbt42 > .MuiGrid-item {
    padding-left: 16px;
}

.mui-hupjru {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    flex-basis: 33.3333%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 33.3333%;
}

@media (min-width: 850px) {
    .mui-hupjru {
        flex-basis: 33.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.3333%;
    }
}

@media (min-width: 1280px) {
    .mui-hupjru {
        flex-basis: 33.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.3333%;
    }
}

.mui-4hx7az {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 18px;
}

.mui-4hx7az:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
}

.mui-4hx7az:disabled {
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
}

.mui-4hx7az:hover.mui-4hx7az:disabled {
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.mui-1reza8y {
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 18px;
}

.mui-1reza8y:hover {
    text-decoration: none;
}

.mui-1reza8y.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-1reza8y.Mui-disabled {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-1reza8y:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1reza8y:hover, .mui-1reza8y:active, .mui-1reza8y:focus {
    box-shadow: none;
}

.mui-1reza8y:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
}

.mui-1reza8y:disabled {
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
}

.mui-1reza8y:hover.mui-1reza8y:disabled {
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.mui-67e54s {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 18px;
}

.mui-67e54s.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-67e54s {
        -webkit-print-color-adjust: exact;
    }
}

.mui-67e54s:hover {
    text-decoration: none;
}

.mui-67e54s.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-67e54s.Mui-disabled {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-67e54s:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-67e54s:hover, .mui-67e54s:active, .mui-67e54s:focus {
    box-shadow: none;
}

.mui-67e54s:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
}

.mui-67e54s:disabled {
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
}

.mui-67e54s:hover.mui-67e54s:disabled {
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.mui-h21vbp {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 18px;
}

.mui-h21vbp:hover {
    text-decoration-color: inherit;
}

.mui-h21vbp.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-h21vbp {
        -webkit-print-color-adjust: exact;
    }
}

.mui-h21vbp:hover {
    text-decoration: none;
}

.mui-h21vbp.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-h21vbp.Mui-disabled {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-h21vbp:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-h21vbp:hover, .mui-h21vbp:active, .mui-h21vbp:focus {
    box-shadow: none;
}

.mui-h21vbp:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
}

.mui-h21vbp:disabled {
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
}

.mui-h21vbp:hover.mui-h21vbp:disabled {
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.mui-1cwynjg {
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 18px;
}

.mui-1cwynjg:hover {
    text-decoration-color: inherit;
}

.mui-1cwynjg.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1cwynjg {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1cwynjg:hover {
    text-decoration: none;
}

.mui-1cwynjg.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-1cwynjg.Mui-disabled {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-1cwynjg:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1cwynjg:hover, .mui-1cwynjg:active, .mui-1cwynjg:focus {
    box-shadow: none;
}

.mui-1cwynjg:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
}

.mui-1cwynjg:disabled {
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
}

.mui-1cwynjg:hover.mui-1cwynjg:disabled {
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.mui-1mkq4ot {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgb(255, 255, 255);
}

.mui-1mkq4ot:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
}

.mui-1mkq4ot:disabled {
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
}

.mui-1mkq4ot:hover.mui-1mkq4ot:disabled {
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.mui-1iknxss {
    line-height: 1.75;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgb(255, 255, 255);
}

.mui-1iknxss:hover {
    text-decoration: none;
}

.mui-1iknxss.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-1iknxss.Mui-disabled {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-1iknxss:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1iknxss:hover, .mui-1iknxss:active, .mui-1iknxss:focus {
    box-shadow: none;
}

.mui-1iknxss:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
}

.mui-1iknxss:disabled {
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
}

.mui-1iknxss:hover.mui-1iknxss:disabled {
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.mui-bva2fg {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgb(255, 255, 255);
}

.mui-bva2fg.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-bva2fg {
        -webkit-print-color-adjust: exact;
    }
}

.mui-bva2fg:hover {
    text-decoration: none;
}

.mui-bva2fg.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-bva2fg.Mui-disabled {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-bva2fg:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-bva2fg:hover, .mui-bva2fg:active, .mui-bva2fg:focus {
    box-shadow: none;
}

.mui-bva2fg:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
}

.mui-bva2fg:disabled {
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
}

.mui-bva2fg:hover.mui-bva2fg:disabled {
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.mui-orc02u {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgb(255, 255, 255);
}

.mui-orc02u:hover {
    text-decoration-color: inherit;
}

.mui-orc02u.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-orc02u {
        -webkit-print-color-adjust: exact;
    }
}

.mui-orc02u:hover {
    text-decoration: none;
}

.mui-orc02u.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-orc02u.Mui-disabled {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-orc02u:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-orc02u:hover, .mui-orc02u:active, .mui-orc02u:focus {
    box-shadow: none;
}

.mui-orc02u:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
}

.mui-orc02u:disabled {
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
}

.mui-orc02u:hover.mui-orc02u:disabled {
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.mui-1xjzbpt {
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgb(255, 255, 255);
}

.mui-1xjzbpt:hover {
    text-decoration-color: inherit;
}

.mui-1xjzbpt.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1xjzbpt {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1xjzbpt:hover {
    text-decoration: none;
}

.mui-1xjzbpt.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-1xjzbpt.Mui-disabled {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-1xjzbpt:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1xjzbpt:hover, .mui-1xjzbpt:active, .mui-1xjzbpt:focus {
    box-shadow: none;
}

.mui-1xjzbpt:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
}

.mui-1xjzbpt:disabled {
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
}

.mui-1xjzbpt:hover.mui-1xjzbpt:disabled {
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.mui-1p807tv {
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 1280px) {
    .mui-1p807tv {
        display: none;
    }
}

.mui-1ahn919 {
    display: inline;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 1280px) {
    .mui-1ahn919 {
        display: none;
    }
}

.mui-xrdmhq {
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    font-size: 18px;
    height: 42px;
    border-radius: 8px;
}

.mui-xrdmhq:hover {
    background: rgba(255, 255, 255, 0.8);
    color: rgb(21, 21, 21);
}

.mui-xrdmhq:disabled {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.mui-xrdmhq:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-xrdmhq:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-xrdmhq.mui-button-loading {
    background: rgb(255, 255, 255);
    cursor: default;
}

.mui-xrdmhq.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-xrdmhq.mui-button-loading:active {
    box-shadow: none;
}

.mui-xrdmhq .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-xrdmhq .MuiButton-endIcon {
    width: 0px;
}

.mui-1htnlal {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    font-size: 18px;
    height: 42px;
    border-radius: 8px;
}

.mui-1htnlal:hover {
    text-decoration: none;
}

.mui-1htnlal.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1htnlal:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1htnlal:hover {
    box-shadow: none;
}

.mui-1htnlal.Mui-focusVisible {
    box-shadow: none;
}

.mui-1htnlal:active {
    box-shadow: none;
}

.mui-1htnlal.Mui-disabled {
    box-shadow: none;
}

.mui-1htnlal:hover, .mui-1htnlal:active, .mui-1htnlal:focus {
    box-shadow: none;
}

.mui-1htnlal:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-1htnlal:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1htnlal:hover {
    background: rgba(255, 255, 255, 0.8);
    color: rgb(21, 21, 21);
}

.mui-1htnlal:disabled {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.mui-1htnlal:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1htnlal:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1htnlal.mui-button-loading {
    background: rgb(255, 255, 255);
    cursor: default;
}

.mui-1htnlal.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-1htnlal.mui-button-loading:active {
    box-shadow: none;
}

.mui-1htnlal .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-1htnlal .MuiButton-endIcon {
    width: 0px;
}

.mui-g5zkwg {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    font-size: 18px;
    height: 42px;
    border-radius: 8px;
}

.mui-g5zkwg.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-g5zkwg {
        -webkit-print-color-adjust: exact;
    }
}

.mui-g5zkwg:hover {
    text-decoration: none;
}

.mui-g5zkwg.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-g5zkwg:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-g5zkwg:hover {
    box-shadow: none;
}

.mui-g5zkwg.Mui-focusVisible {
    box-shadow: none;
}

.mui-g5zkwg:active {
    box-shadow: none;
}

.mui-g5zkwg.Mui-disabled {
    box-shadow: none;
}

.mui-g5zkwg:hover, .mui-g5zkwg:active, .mui-g5zkwg:focus {
    box-shadow: none;
}

.mui-g5zkwg:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-g5zkwg:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-g5zkwg:hover {
    background: rgba(255, 255, 255, 0.8);
    color: rgb(21, 21, 21);
}

.mui-g5zkwg:disabled {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.mui-g5zkwg:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-g5zkwg:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-g5zkwg.mui-button-loading {
    background: rgb(255, 255, 255);
    cursor: default;
}

.mui-g5zkwg.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-g5zkwg.mui-button-loading:active {
    box-shadow: none;
}

.mui-g5zkwg .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-g5zkwg .MuiButton-endIcon {
    width: 0px;
}

.mui-lhptxo {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    font-size: 18px;
    height: 42px;
    border-radius: 8px;
}

.mui-lhptxo:hover {
    text-decoration-color: inherit;
}

.mui-lhptxo.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-lhptxo {
        -webkit-print-color-adjust: exact;
    }
}

.mui-lhptxo:hover {
    text-decoration: none;
}

.mui-lhptxo.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-lhptxo:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-lhptxo:hover {
    box-shadow: none;
}

.mui-lhptxo.Mui-focusVisible {
    box-shadow: none;
}

.mui-lhptxo:active {
    box-shadow: none;
}

.mui-lhptxo.Mui-disabled {
    box-shadow: none;
}

.mui-lhptxo:hover, .mui-lhptxo:active, .mui-lhptxo:focus {
    box-shadow: none;
}

.mui-lhptxo:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-lhptxo:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-lhptxo:hover {
    background: rgba(255, 255, 255, 0.8);
    color: rgb(21, 21, 21);
}

.mui-lhptxo:disabled {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.mui-lhptxo:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-lhptxo:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-lhptxo.mui-button-loading {
    background: rgb(255, 255, 255);
    cursor: default;
}

.mui-lhptxo.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-lhptxo.mui-button-loading:active {
    box-shadow: none;
}

.mui-lhptxo .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-lhptxo .MuiButton-endIcon {
    width: 0px;
}

.mui-mz0gx6 {
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    width: 100%;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    font-size: 18px;
    height: 42px;
    border-radius: 8px;
}

.mui-mz0gx6:hover {
    text-decoration-color: inherit;
}

.mui-mz0gx6.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-mz0gx6 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-mz0gx6:hover {
    text-decoration: none;
}

.mui-mz0gx6.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-mz0gx6:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-mz0gx6:hover {
    box-shadow: none;
}

.mui-mz0gx6.Mui-focusVisible {
    box-shadow: none;
}

.mui-mz0gx6:active {
    box-shadow: none;
}

.mui-mz0gx6.Mui-disabled {
    box-shadow: none;
}

.mui-mz0gx6:hover, .mui-mz0gx6:active, .mui-mz0gx6:focus {
    box-shadow: none;
}

.mui-mz0gx6:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-mz0gx6:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-mz0gx6:hover {
    background: rgba(255, 255, 255, 0.8);
    color: rgb(21, 21, 21);
}

.mui-mz0gx6:disabled {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.mui-mz0gx6:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-mz0gx6:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-mz0gx6.mui-button-loading {
    background: rgb(255, 255, 255);
    cursor: default;
}

.mui-mz0gx6.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-mz0gx6.mui-button-loading:active {
    box-shadow: none;
}

.mui-mz0gx6 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-mz0gx6 .MuiButton-endIcon {
    width: 0px;
}

.mui-rqqz3y {
    margin: 0px;
    padding-left: 8px;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
}

.mui-1rr4qq7 {
    flex: 1 1 0%;
}

.mui-1psq2g8 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 8px;
    width: 100%;
}

.mui-1rqvgwy {
    width: 100%;
}

.mui-1rqvgwy .MuiTabs-indicator {
    border-radius: 7px;
    background-color: rgb(73, 242, 100);
}

.mui-1jajefw {
    overflow: hidden;
    min-height: 48px;
    display: flex;
    width: 100%;
}

@media (max-width: 849.95px) {
    .mui-1jajefw .MuiTabs-scrollButtons {
        display: none;
    }
}

.mui-1jajefw .MuiTabs-indicator {
    border-radius: 7px;
    background-color: rgb(73, 242, 100);
}

.mui-1fy6zos {
    overflow: hidden;
    min-height: 48px;
    display: flex;
    width: 100%;
}

@media (max-width: 849.95px) {
    .mui-1fy6zos .MuiTabs-scrollButtons {
        display: none;
    }
}

.mui-1fy6zos .MuiTabs-indicator {
    border-radius: 7px;
    background-color: rgb(73, 242, 100);
}

.mui-8k25by {
    position: relative;
    display: inline-block;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow-x: hidden;
    width: 100%;
}

.mui-wmjn13 {
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
    color: rgb(255, 255, 255);
}

.mui-wmjn13:hover {
    color: rgba(255, 255, 255, 0.5);
}

.mui-wmjn13.Mui-focusVisible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-wmjn13.Mui-disabled {
    color: rgba(255, 255, 255, 0.5);
}

.mui-wmjn13.Mui-selected:hover {
    color: rgba(255, 255, 255, 0.8);
}

.mui-wmjn13.Mui-selected:hover .MuiTabs-indicator {
    background-color: black;
}

.mui-wmjn13.Mui-selected.Mui-focusVisible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-wmjn13.Mui-selected.Mui-disabled {
    color: rgba(255, 255, 255, 0.4);
}

.mui-1njyvur {
    min-width: 90px;
    position: relative;
    min-height: 48px;
    padding: 12px 16px;
    overflow: hidden;
    white-space: normal;
    text-align: center;
    flex-direction: column;
    flex: 1 1 0px;
    -webkit-box-flex: 1;
    max-width: none;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
    color: rgb(255, 255, 255);
}

.mui-1njyvur.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-1njyvur.Mui-disabled {
    color: rgba(255, 255, 255, 0.5);
}

.mui-1njyvur:hover {
    color: rgba(255, 255, 255, 0.5);
}

.mui-1njyvur.Mui-focusVisible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1njyvur.Mui-disabled {
    color: rgba(255, 255, 255, 0.5);
}

.mui-1njyvur.Mui-selected:hover {
    color: rgba(255, 255, 255, 0.8);
}

.mui-1njyvur.Mui-selected:hover .MuiTabs-indicator {
    background-color: black;
}

.mui-1njyvur.Mui-selected.Mui-focusVisible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1njyvur.Mui-selected.Mui-disabled {
    color: rgba(255, 255, 255, 0.4);
}

.mui-1oq8xef {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    min-width: 90px;
    position: relative;
    min-height: 48px;
    padding: 12px 16px;
    overflow: hidden;
    white-space: normal;
    text-align: center;
    flex-direction: column;
    flex: 1 1 0px;
    -webkit-box-flex: 1;
    max-width: none;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
    color: rgb(255, 255, 255);
}

.mui-1oq8xef.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1oq8xef {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1oq8xef.Mui-selected {
    color: rgb(255, 255, 255);
}

.mui-1oq8xef.Mui-disabled {
    color: rgba(255, 255, 255, 0.5);
}

.mui-1oq8xef:hover {
    color: rgba(255, 255, 255, 0.5);
}

.mui-1oq8xef.Mui-focusVisible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1oq8xef.Mui-disabled {
    color: rgba(255, 255, 255, 0.5);
}

.mui-1oq8xef.Mui-selected:hover {
    color: rgba(255, 255, 255, 0.8);
}

.mui-1oq8xef.Mui-selected:hover .MuiTabs-indicator {
    background-color: black;
}

.mui-1oq8xef.Mui-selected.Mui-focusVisible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1oq8xef.Mui-selected.Mui-disabled {
    color: rgba(255, 255, 255, 0.4);
}

.mui-cn3ar7 {
    position: absolute;
    height: 2px;
    bottom: 0px;
    width: 100%;
    transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: rgb(255, 255, 255);
}

.mui-cpj9q0 {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 16px;
    text-align: center;
}

.mui-7hzibd {
    margin: 0px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 104px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
}

.mui-63nyv {
    margin: 0px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    font-size: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 44px;
    text-transform: uppercase;
}

.mui-12jf1xq {
    margin: 0px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.mui-3r71of {
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    max-width: 100%;
    width: 306px;
    margin-top: 24px;
    font-weight: 700;
}

.mui-3r71of:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-3r71of:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

.mui-1lxv7vs {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    max-width: 100%;
    width: 306px;
    margin-top: 24px;
    font-weight: 700;
}

.mui-1lxv7vs:hover {
    text-decoration: none;
}

.mui-1lxv7vs.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-1lxv7vs:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-1lxv7vs:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-1lxv7vs:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-1lxv7vs.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-1lxv7vs.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-1lxv7vs:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1lxv7vs:hover {
    box-shadow: none;
}

.mui-1lxv7vs.Mui-focusVisible {
    box-shadow: none;
}

.mui-1lxv7vs:active {
    box-shadow: none;
}

.mui-1lxv7vs.Mui-disabled {
    box-shadow: none;
}

.mui-1lxv7vs:hover, .mui-1lxv7vs:active, .mui-1lxv7vs:focus {
    box-shadow: none;
}

.mui-1lxv7vs:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(249, 147, 118);
}

.mui-1lxv7vs:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-1lxv7vs:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

.mui-5pd3jx {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 24px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    max-width: 100%;
    width: 306px;
    font-weight: 700;
}

.mui-5pd3jx.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-5pd3jx {
        -webkit-print-color-adjust: exact;
    }
}

.mui-5pd3jx:hover {
    text-decoration: none;
}

.mui-5pd3jx.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-5pd3jx:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-5pd3jx:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-5pd3jx:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-5pd3jx.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-5pd3jx.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-5pd3jx:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-5pd3jx:hover {
    box-shadow: none;
}

.mui-5pd3jx.Mui-focusVisible {
    box-shadow: none;
}

.mui-5pd3jx:active {
    box-shadow: none;
}

.mui-5pd3jx.Mui-disabled {
    box-shadow: none;
}

.mui-5pd3jx:hover, .mui-5pd3jx:active, .mui-5pd3jx:focus {
    box-shadow: none;
}

.mui-5pd3jx:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(249, 147, 118);
}

.mui-5pd3jx:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-5pd3jx:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

.mui-vwy268 {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 24px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    max-width: 100%;
    width: 306px;
    font-weight: 700;
}

.mui-vwy268:hover {
    text-decoration-color: inherit;
}

.mui-vwy268.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-vwy268 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-vwy268:hover {
    text-decoration: none;
}

.mui-vwy268.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-vwy268:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-vwy268:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-vwy268:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-vwy268.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-vwy268.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-vwy268:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-vwy268:hover {
    box-shadow: none;
}

.mui-vwy268.Mui-focusVisible {
    box-shadow: none;
}

.mui-vwy268:active {
    box-shadow: none;
}

.mui-vwy268.Mui-disabled {
    box-shadow: none;
}

.mui-vwy268:hover, .mui-vwy268:active, .mui-vwy268:focus {
    box-shadow: none;
}

.mui-vwy268:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(249, 147, 118);
}

.mui-vwy268:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-vwy268:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

.mui-mv8mhu {
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 24px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 24px;
    height: 48px;
    font-size: 1rem;
    padding: 6px 24px;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    max-width: 100%;
    width: 306px;
    font-weight: 700;
}

.mui-mv8mhu:hover {
    text-decoration-color: inherit;
}

.mui-mv8mhu.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-mv8mhu {
        -webkit-print-color-adjust: exact;
    }
}

.mui-mv8mhu:hover {
    text-decoration: none;
}

.mui-mv8mhu.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-mv8mhu:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-mv8mhu:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-mv8mhu:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-mv8mhu.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-mv8mhu.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-mv8mhu:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-mv8mhu:hover {
    box-shadow: none;
}

.mui-mv8mhu.Mui-focusVisible {
    box-shadow: none;
}

.mui-mv8mhu:active {
    box-shadow: none;
}

.mui-mv8mhu.Mui-disabled {
    box-shadow: none;
}

.mui-mv8mhu:hover, .mui-mv8mhu:active, .mui-mv8mhu:focus {
    box-shadow: none;
}

.mui-mv8mhu:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(249, 147, 118);
}

.mui-mv8mhu:hover {
    background: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.mui-mv8mhu:disabled {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
}

.mui-40u2lq {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 16px;
}

.mui-40u2lq .MuiSvgIcon-root {
    color: rgb(255, 255, 255);
}

.mui-40u2lq:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.08);
}

.mui-40u2lq:disabled {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.08);
}

.mui-40u2lq:disabled .MuiSvgIcon-root {
    color: rgba(255, 255, 255, 0.08);
}

.mui-173t2zl {
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 5px;
    font-size: 1.125rem;
    color: rgba(21, 21, 21, 0.2);
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 16px;
}

.mui-173t2zl:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-173t2zl:hover {
        background-color: transparent;
    }
}

.mui-173t2zl.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-173t2zl:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-173t2zl:hover {
        background-color: transparent;
    }
}

.mui-173t2zl:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-173t2zl:disabled {
    background: none;
}

.mui-173t2zl:disabled .MuiSvgIcon-root {
    color: rgba(255, 255, 255, 0.6);
}

.mui-173t2zl .MuiSvgIcon-root {
    color: rgb(255, 255, 255);
}

.mui-173t2zl:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.08);
}

.mui-173t2zl:disabled {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.08);
}

.mui-173t2zl:disabled .MuiSvgIcon-root {
    color: rgba(255, 255, 255, 0.08);
}

.mui-1wftg81 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 16px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 5px;
    font-size: 1.125rem;
    color: rgba(21, 21, 21, 0.2);
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.mui-1wftg81.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1wftg81 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1wftg81:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1wftg81:hover {
        background-color: transparent;
    }
}

.mui-1wftg81.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-1wftg81:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1wftg81:hover {
        background-color: transparent;
    }
}

.mui-1wftg81:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1wftg81:disabled {
    background: none;
}

.mui-1wftg81:disabled .MuiSvgIcon-root {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1wftg81 .MuiSvgIcon-root {
    color: rgb(255, 255, 255);
}

.mui-1wftg81:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.08);
}

.mui-1wftg81:disabled {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.08);
}

.mui-1wftg81:disabled .MuiSvgIcon-root {
    color: rgba(255, 255, 255, 0.08);
}

.mui-i08nho {
    background: rgb(21, 21, 21);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-top: 28.09%;
    overflow: hidden;
    position: relative;
    width: 100%;
    border-bottom: none;
}

.mui-i08nho::after {
    content: "";
    background: linear-gradient(rgb(0, 0, 0), rgba(138, 150, 163, 0));
    opacity: 0.4;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

@media (max-width: 849.95px) {
    .mui-i08nho {
        height: 168px;
        padding-top: 0px;
    }
}

.mui-qxx513 {
    background: rgb(21, 21, 21);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-top: 28.09%;
    overflow: hidden;
    position: relative;
    width: 100%;
    border-bottom: none;
}

@media (max-width: 849.95px) {
    .mui-qxx513 {
        height: 168px;
        padding-top: 0px;
    }
}

.mui-qxx513::after {
    content: "";
    background: linear-gradient(rgb(0, 0, 0), rgba(138, 150, 163, 0));
    opacity: 0.4;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

@media (max-width: 849.95px) {
    .mui-qxx513 {
        height: 168px;
        padding-top: 0px;
    }
}

.mui-14baudc {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
}

.mui-1ewlh6d {
    position: relative;
    min-height: 100%;
}

.mui-19sbpqa {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    height: 60px;
    width: 60px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mui-134008m {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    border-color: rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.8) transparent;
    display: inline-block;
    animation: 0.75s linear 0s infinite normal both running animation-s8tf20;
    background: transparent !important;
}

@-webkit-keyframes animation-s8tf20 {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(0.8);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes animation-s8tf20 {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(0.8);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

.mui-17bksb5 {
    margin: 0px 0px 0px 8px;
    font-size: 20px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 26px;
    text-transform: uppercase;
}

.mui-ez7dyr {
    padding: 4px 8px;
    border-radius: 16px;
    line-height: 12px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(255, 255, 255);
    color: rgba(35, 35, 35, 0.8);
    margin-left: auto;
    margin-right: auto;
}

.mui-v4ojjf {
    padding: 4px 8px;
    border-radius: 16px;
    line-height: 12px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(255, 255, 255);
    color: rgba(35, 35, 35, 0.8);
    margin-left: auto;
    margin-right: auto;
}

.mui-1wtf9av {
    font-size: 12px;
    line-height: 12px;
}

.mui-1wk4kbt {
    margin: 0px;
    font-weight: 400;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    font-size: 12px;
    line-height: 12px;
}

.mui-1pekzog {
    background: transparent;
    color: rgb(255, 255, 255);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-1pekzog:hover {
    background: rgba(255, 255, 255, 0.1);
}

.mui-1pekzog:disabled {
    color: rgba(255, 255, 255, 0.2);
}

.mui-1pekzog.mui-button-loading {
    cursor: default;
}

.mui-1pekzog.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-1pekzog.mui-button-loading:active {
    box-shadow: none;
}

.mui-1pekzog:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1pekzog:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1pekzog .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-1pekzog .MuiButton-endIcon {
    width: 0px;
}

.mui-ltwo90 {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    height: 38px;
    padding: 4px 10px;
    background: transparent;
    color: rgb(255, 255, 255);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-ltwo90:hover {
    text-decoration: none;
}

.mui-ltwo90.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-ltwo90:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-ltwo90:hover {
    box-shadow: none;
}

.mui-ltwo90.Mui-focusVisible {
    box-shadow: none;
}

.mui-ltwo90:active {
    box-shadow: none;
}

.mui-ltwo90.Mui-disabled {
    box-shadow: none;
}

.mui-ltwo90:hover, .mui-ltwo90:active, .mui-ltwo90:focus {
    box-shadow: none;
}

.mui-ltwo90:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-ltwo90:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-ltwo90:hover {
    background: rgba(255, 255, 255, 0.1);
}

.mui-ltwo90:disabled {
    color: rgba(255, 255, 255, 0.2);
}

.mui-ltwo90.mui-button-loading {
    cursor: default;
}

.mui-ltwo90.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-ltwo90.mui-button-loading:active {
    box-shadow: none;
}

.mui-ltwo90:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-ltwo90:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-ltwo90 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-ltwo90 .MuiButton-endIcon {
    width: 0px;
}

.mui-11fhjgf {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    height: 38px;
    padding: 4px 10px;
    background: transparent;
    color: rgb(255, 255, 255);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-11fhjgf.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-11fhjgf {
        -webkit-print-color-adjust: exact;
    }
}

.mui-11fhjgf:hover {
    text-decoration: none;
}

.mui-11fhjgf.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-11fhjgf:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-11fhjgf:hover {
    box-shadow: none;
}

.mui-11fhjgf.Mui-focusVisible {
    box-shadow: none;
}

.mui-11fhjgf:active {
    box-shadow: none;
}

.mui-11fhjgf.Mui-disabled {
    box-shadow: none;
}

.mui-11fhjgf:hover, .mui-11fhjgf:active, .mui-11fhjgf:focus {
    box-shadow: none;
}

.mui-11fhjgf:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-11fhjgf:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-11fhjgf:hover {
    background: rgba(255, 255, 255, 0.1);
}

.mui-11fhjgf:disabled {
    color: rgba(255, 255, 255, 0.2);
}

.mui-11fhjgf.mui-button-loading {
    cursor: default;
}

.mui-11fhjgf.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-11fhjgf.mui-button-loading:active {
    box-shadow: none;
}

.mui-11fhjgf:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-11fhjgf:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-11fhjgf .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-11fhjgf .MuiButton-endIcon {
    width: 0px;
}

.mui-vnc1hh {
    margin: 0px 0px 0px 16px;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
}

.mui-1n0wfw8 {
    margin: 0px 8px 0px 24px;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-tcagxs {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #15151533;
    --variant-outlinedColor: #15151533;
    --variant-outlinedBorder: rgba(21, 21, 21, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #15151533;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    font-size: 14px;
    height: 38px;
    padding: 4px 10px;
    color: rgb(21, 21, 21);
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
}

.mui-tcagxs:hover {
    text-decoration: none;
}

.mui-tcagxs.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-tcagxs:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-tcagxs:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-tcagxs:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-tcagxs.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-tcagxs.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-tcagxs:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(21, 21, 21, 0.08);
        --variant-outlinedBorder: #15151533;
        --variant-outlinedBg: rgba(21, 21, 21, 0.08);
    }
}

.mui-tcagxs:hover, .mui-tcagxs:active, .mui-tcagxs:focus {
    box-shadow: none;
}

.mui-tcagxs:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(249, 147, 118);
}

.mui-tcagxs:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.mui-18vtaa5 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #15151533;
    --variant-outlinedColor: #15151533;
    --variant-outlinedBorder: rgba(21, 21, 21, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #15151533;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    font-size: 14px;
    height: 38px;
    padding: 4px 10px;
    color: rgb(21, 21, 21);
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
}

.mui-18vtaa5.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-18vtaa5 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-18vtaa5:hover {
    text-decoration: none;
}

.mui-18vtaa5.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.mui-18vtaa5:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .mui-18vtaa5:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.mui-18vtaa5:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.mui-18vtaa5.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.mui-18vtaa5.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.12);
}

@media (hover: hover) {
    .mui-18vtaa5:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(21, 21, 21, 0.08);
        --variant-outlinedBorder: #15151533;
        --variant-outlinedBg: rgba(21, 21, 21, 0.08);
    }
}

.mui-18vtaa5:hover, .mui-18vtaa5:active, .mui-18vtaa5:focus {
    box-shadow: none;
}

.mui-18vtaa5:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(249, 147, 118);
}

.mui-18vtaa5:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.mui-19477v1 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    margin-right: 8px;
}

.mui-xt0f7d {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    margin-left: 8px;
}

.mui-1rqc0ef .MuiDialog-container {
    outline: 0px;
}

.mui-1rqc0ef .MuiDialog-paper {
    outline: 0px;
    min-width: 320px;
}

@media print {
    .mui-eeua9d {
        position: absolute !important;
    }
}

.mui-eeua9d .MuiDialog-container {
    outline: 0px;
}

.mui-eeua9d .MuiDialog-paper {
    outline: 0px;
    min-width: 320px;
}

.mui-jen6io {
    align-self: flex-start;
    width: 100%;
}

.mui-1jke4yk {
    position: relative;
    width: 100%;
}

.mui-gayg5i {
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding-left: 24px;
    padding-right: 24px;
    gap: 16px;
    margin-bottom: 8px;
    display: flex;
    overflow-x: scroll;
}

.mui-1bgrpne {
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-1bgrpne.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-1bgrpne.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1bgrpne.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1bgrpne:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1bgrpne:active {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1bgrpne:hover {
    background: rgba(255, 255, 255, 0.3);
}

.mui-1bgrpne .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.mui-1lc87v1 {
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-1lc87v1.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-1lc87v1 .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-1lc87v1 .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-1lc87v1 .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-1lc87v1 .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-1lc87v1 .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-1lc87v1 .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-1lc87v1 .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-1lc87v1 .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-1lc87v1:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-1lc87v1.Mui-focusVisible {
    background-color: rgba(255, 255, 255, 0.28);
}

.mui-1lc87v1:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.mui-1lc87v1:hover, .mui-1lc87v1:active, .mui-1lc87v1:focus {
    box-shadow: none;
}

.mui-1lc87v1.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-1lc87v1.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1lc87v1.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1lc87v1:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1lc87v1:active {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1lc87v1:hover {
    background: rgba(255, 255, 255, 0.3);
}

.mui-1lc87v1 .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.mui-1jz2omu {
    position: relative;
    margin: 0px;
    appearance: none;
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-1jz2omu.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1jz2omu {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1jz2omu.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-1jz2omu .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-1jz2omu .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-1jz2omu .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-1jz2omu .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-1jz2omu .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-1jz2omu .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-1jz2omu .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-1jz2omu .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-1jz2omu:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.mui-1jz2omu.Mui-focusVisible {
    background-color: rgba(255, 255, 255, 0.28);
}

.mui-1jz2omu:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.mui-1jz2omu:hover, .mui-1jz2omu:active, .mui-1jz2omu:focus {
    box-shadow: none;
}

.mui-1jz2omu.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-1jz2omu.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1jz2omu.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1jz2omu:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1jz2omu:active {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1jz2omu:hover {
    background: rgba(255, 255, 255, 0.3);
}

.mui-1jz2omu .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.mui-be717s {
    --Grid-columns: 1;
    --Grid-columnSpacing: 16px;
    --Grid-rowSpacing: 16px;
    flex-flow: wrap;
    min-width: 0px;
    box-sizing: border-box;
    display: flex;
    gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
    width: 100%;
    margin-bottom: 16px;
}

@media (min-width: 1280px) {
    .mui-be717s {
        --Grid-columns: 3;
    }
}

.mui-2jee3d {
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    gap: 16px;
    overflow-x: scroll;
}

.mui-10y75vg {
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-11pmegl {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-t2a5di {
    background: rgba(35, 35, 35, 0.8);
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-dzjp3k {
    overflow: hidden;
    background: rgba(35, 35, 35, 0.8);
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-ry73rd {
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    background: rgba(35, 35, 35, 0.8);
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-1f78nnt {
    margin: 0px;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
}

.mui-axw7ok {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
}

.mui-1kkt86i {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mui-1wtc9a0 {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-1wtc9a0::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

@-webkit-keyframes animation-xbqzg1 {
    100% {
        transform: translateX(100%);
    }
}

@keyframes animation-xbqzg1 {
    100% {
        transform: translateX(100%);
    }
}

.mui-mc059b {
    width: 182px;
    height: 26px;
    font-size: 24px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 32px;
    text-transform: uppercase;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-mc059b::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-1dlndl1 {
    width: 182px;
    height: 10px;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-1dlndl1::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-12kiqd8 {
    overflow: visible;
    height: 32px;
    margin-top: -16px;
    margin-bottom: 16px;
}

.mui-12kiqd8 > div {
    overflow: visible;
}

.mui-12kiqd8 > div > svg {
    overflow: visible;
}

.mui-1sdz8ad {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    /*overflow: hidden;*/
}

.mui-1sdz8ad > svg {
    width: 100%;
    height: 100%;
}

.mui-1r4jop1 {
    min-width: 200px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    border-radius: 16px;
}

.mui-1r4jop1::before {
    content: unset;
}

.mui-u8x3hi {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    border-radius: 16px;
}

.mui-u8x3hi::before {
    content: unset;
}

.mui-u8x3hi::before {
    content: unset;
}

.mui-21oftn {
    background: rgba(35, 35, 35, 0.8);
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    border-radius: 16px;
}

.mui-21oftn::before {
    content: unset;
}

.mui-21oftn::before {
    content: unset;
}

.mui-ifetbs {
    overflow: hidden;
    background: rgba(35, 35, 35, 0.8);
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    border-radius: 16px;
}

.mui-ifetbs::before {
    content: unset;
}

.mui-ifetbs::before {
    content: unset;
}

.mui-n9v4ab {
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    background: rgba(35, 35, 35, 0.8);
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    border-radius: 16px;
}

.mui-n9v4ab::before {
    content: unset;
}

.mui-n9v4ab::before {
    content: unset;
}

.mui-1c1kq07 {
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
}

.mui-18sokq7 {
    width: 182px;
    height: 16px;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-18sokq7::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-ezbh4 {
    width: 182px;
    height: 14px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-ezbh4::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-lecy35 {
    background: rgb(73, 242, 100);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    box-shadow: unset;
    color: rgb(21, 21, 21);
    border: 1px solid rgb(21, 21, 21);
    width: max-content;
}

.mui-lecy35:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-lecy35:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-lecy35:disabled {
    box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset;
    background: rgb(21, 21, 21);
    color: rgba(255, 255, 255, 0.2);
}

.mui-lecy35.mui-button-loading {
    background: rgb(21, 21, 21);
    cursor: default;
}

.mui-lecy35.mui-button-loading:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-lecy35.mui-button-loading:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-lecy35.mui-button-loading:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-lecy35:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-lecy35:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-lecy35 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-lecy35 .MuiButton-endIcon {
    width: 0px;
}

.mui-lecy35:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-ossctz {
    line-height: 1.75;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    height: 38px;
    padding: 4px 10px;
    background: rgb(73, 242, 100);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    box-shadow: unset;
    color: rgb(21, 21, 21);
    border: 1px solid rgb(21, 21, 21);
    width: max-content;
}

.mui-ossctz:hover {
    text-decoration: none;
}

.mui-ossctz.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-ossctz:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-ossctz:hover {
    box-shadow: none;
}

.mui-ossctz.Mui-focusVisible {
    box-shadow: none;
}

.mui-ossctz:active {
    box-shadow: none;
}

.mui-ossctz.Mui-disabled {
    box-shadow: none;
}

.mui-ossctz:hover, .mui-ossctz:active, .mui-ossctz:focus {
    box-shadow: none;
}

.mui-ossctz:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-ossctz:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-ossctz:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-ossctz:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ossctz:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ossctz:disabled {
    box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset;
    background: rgb(21, 21, 21);
    color: rgba(255, 255, 255, 0.2);
}

.mui-ossctz.mui-button-loading {
    background: rgb(21, 21, 21);
    cursor: default;
}

.mui-ossctz.mui-button-loading:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ossctz.mui-button-loading:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ossctz.mui-button-loading:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ossctz:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-ossctz:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-ossctz .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-ossctz .MuiButton-endIcon {
    width: 0px;
}

.mui-ossctz:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-ehghwf {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    height: 38px;
    padding: 4px 10px;
    background: rgb(73, 242, 100);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    box-shadow: unset;
    color: rgb(21, 21, 21);
    border: 1px solid rgb(21, 21, 21);
    width: max-content;
}

.mui-ehghwf.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-ehghwf {
        -webkit-print-color-adjust: exact;
    }
}

.mui-ehghwf:hover {
    text-decoration: none;
}

.mui-ehghwf.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-ehghwf:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-ehghwf:hover {
    box-shadow: none;
}

.mui-ehghwf.Mui-focusVisible {
    box-shadow: none;
}

.mui-ehghwf:active {
    box-shadow: none;
}

.mui-ehghwf.Mui-disabled {
    box-shadow: none;
}

.mui-ehghwf:hover, .mui-ehghwf:active, .mui-ehghwf:focus {
    box-shadow: none;
}

.mui-ehghwf:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-ehghwf:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-ehghwf:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-ehghwf:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ehghwf:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ehghwf:disabled {
    box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset;
    background: rgb(21, 21, 21);
    color: rgba(255, 255, 255, 0.2);
}

.mui-ehghwf.mui-button-loading {
    background: rgb(21, 21, 21);
    cursor: default;
}

.mui-ehghwf.mui-button-loading:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ehghwf.mui-button-loading:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ehghwf.mui-button-loading:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-ehghwf:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-ehghwf:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-ehghwf .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-ehghwf .MuiButton-endIcon {
    width: 0px;
}

.mui-ehghwf:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-15cafz {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    height: 38px;
    padding: 4px 10px;
    background: rgb(73, 242, 100);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    box-shadow: unset;
    color: rgb(21, 21, 21);
    border: 1px solid rgb(21, 21, 21);
    width: max-content;
}

.mui-15cafz.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-15cafz {
        -webkit-print-color-adjust: exact;
    }
}

.mui-15cafz:hover {
    text-decoration: none;
}

.mui-15cafz.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-15cafz:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-15cafz:hover {
    box-shadow: none;
}

.mui-15cafz.Mui-focusVisible {
    box-shadow: none;
}

.mui-15cafz:active {
    box-shadow: none;
}

.mui-15cafz.Mui-disabled {
    box-shadow: none;
}

.mui-15cafz:hover, .mui-15cafz:active, .mui-15cafz:focus {
    box-shadow: none;
}

.mui-15cafz:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-15cafz:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-15cafz:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-15cafz:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-15cafz:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-15cafz:disabled {
    box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset;
    background: rgb(21, 21, 21);
    color: rgba(255, 255, 255, 0.2);
}

.mui-15cafz.mui-button-loading {
    background: rgb(21, 21, 21);
    cursor: default;
}

.mui-15cafz.mui-button-loading:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-15cafz.mui-button-loading:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-15cafz.mui-button-loading:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-15cafz:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-15cafz:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-15cafz .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-15cafz .MuiButton-endIcon {
    width: 0px;
}

.mui-15cafz:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-1jltqa6 {
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    height: 38px;
    padding: 4px 10px;
    background: rgb(73, 242, 100);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
    box-shadow: unset;
    color: rgb(21, 21, 21);
    border: 1px solid rgb(21, 21, 21);
    width: max-content;
}

.mui-1jltqa6.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1jltqa6 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1jltqa6:hover {
    text-decoration: none;
}

.mui-1jltqa6.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1jltqa6:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1jltqa6:hover {
    box-shadow: none;
}

.mui-1jltqa6.Mui-focusVisible {
    box-shadow: none;
}

.mui-1jltqa6:active {
    box-shadow: none;
}

.mui-1jltqa6.Mui-disabled {
    box-shadow: none;
}

.mui-1jltqa6:hover, .mui-1jltqa6:active, .mui-1jltqa6:focus {
    box-shadow: none;
}

.mui-1jltqa6:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-1jltqa6:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1jltqa6:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-1jltqa6:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-1jltqa6:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-1jltqa6:disabled {
    box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset;
    background: rgb(21, 21, 21);
    color: rgba(255, 255, 255, 0.2);
}

.mui-1jltqa6.mui-button-loading {
    background: rgb(21, 21, 21);
    cursor: default;
}

.mui-1jltqa6.mui-button-loading:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-1jltqa6.mui-button-loading:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-1jltqa6.mui-button-loading:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

.mui-1jltqa6:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1jltqa6:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1jltqa6 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-1jltqa6 .MuiButton-endIcon {
    width: 0px;
}

.mui-1jltqa6:hover {
    box-shadow: unset;
    color: rgb(255, 255, 255);
}

.mui-k50ik8 {
    --Grid-columns: 1;
    --Grid-columnSpacing: 16px;
    --Grid-rowSpacing: 16px;
    flex-flow: wrap;
    min-width: 0px;
    box-sizing: border-box;
    display: flex;
    gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}

@media (min-width: 1280px) {
    .mui-k50ik8 {
        --Grid-columns: 3;
    }
}

.mui-1hmcz8f {
    border: none;
    background: none;
}

.mui-1ct91tj {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 2 / var(--Grid-columns) - (var(--Grid-columns) - 2) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    min-width: 0px;
    box-sizing: border-box;
    border: none;
    background: none;
}

.mui-1mv71d7 {
    border-radius: 16px;
    box-shadow: none;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 2 / var(--Grid-columns) - (var(--Grid-columns) - 2) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    min-width: 0px;
    box-sizing: border-box;
    border: none;
    background: none;
}

.mui-q2cj3x {
    overflow: hidden;
    border-radius: 16px;
    box-shadow: none;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 2 / var(--Grid-columns) - (var(--Grid-columns) - 2) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    min-width: 0px;
    box-sizing: border-box;
    border: none;
    background: none;
}

.mui-18wewws {
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    border-radius: 16px;
    box-shadow: none;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 2 / var(--Grid-columns) - (var(--Grid-columns) - 2) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    min-width: 0px;
    box-sizing: border-box;
    border: none;
    background: none;
}

.mui-161xg02 {
    --Grid-columns: 1;
    --Grid-columnSpacing: 16px;
    --Grid-rowSpacing: 16px;
    flex-flow: wrap;
    min-width: 0px;
    box-sizing: border-box;
    display: flex;
    gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
    width: 100%;
}

@media (min-width: 1280px) {
    .mui-161xg02 {
        --Grid-columns: 2;
    }
}

.mui-cnwowk {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 2 / var(--Grid-columns) - (var(--Grid-columns) - 2) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-tkcogj {
    background: rgba(35, 35, 35, 0.8);
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 2 / var(--Grid-columns) - (var(--Grid-columns) - 2) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-14l7x8z {
    overflow: hidden;
    background: rgba(35, 35, 35, 0.8);
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 2 / var(--Grid-columns) - (var(--Grid-columns) - 2) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-1vqxdgu {
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    background: rgba(35, 35, 35, 0.8);
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 2 / var(--Grid-columns) - (var(--Grid-columns) - 2) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-1pb6bwa {
    display: flex;
    gap: 4px;
    padding: 4px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.mui-1pb6bwa button {
    padding-top: 4px;
    padding-bottom: 4px;
}

.mui-1ygculc {
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-1ygculc:hover {
    background: rgba(255, 255, 255, 0.8);
    color: rgb(21, 21, 21);
}

.mui-1ygculc:disabled {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.mui-1ygculc:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1ygculc:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1ygculc.mui-button-loading {
    background: rgb(255, 255, 255);
    cursor: default;
}

.mui-1ygculc.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-1ygculc.mui-button-loading:active {
    box-shadow: none;
}

.mui-1ygculc .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-1ygculc .MuiButton-endIcon {
    width: 0px;
}

.mui-ac38f5 {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-ac38f5:hover {
    text-decoration: none;
}

.mui-ac38f5.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-ac38f5:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-ac38f5:hover {
    box-shadow: none;
}

.mui-ac38f5.Mui-focusVisible {
    box-shadow: none;
}

.mui-ac38f5:active {
    box-shadow: none;
}

.mui-ac38f5.Mui-disabled {
    box-shadow: none;
}

.mui-ac38f5:hover, .mui-ac38f5:active, .mui-ac38f5:focus {
    box-shadow: none;
}

.mui-ac38f5:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-ac38f5:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-ac38f5:hover {
    background: rgba(255, 255, 255, 0.8);
    color: rgb(21, 21, 21);
}

.mui-ac38f5:disabled {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.mui-ac38f5:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-ac38f5:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-ac38f5.mui-button-loading {
    background: rgb(255, 255, 255);
    cursor: default;
}

.mui-ac38f5.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-ac38f5.mui-button-loading:active {
    box-shadow: none;
}

.mui-ac38f5 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-ac38f5 .MuiButton-endIcon {
    width: 0px;
}

.mui-6lg6r9 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-6lg6r9.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-6lg6r9 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-6lg6r9:hover {
    text-decoration: none;
}

.mui-6lg6r9.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-6lg6r9:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-6lg6r9:hover {
    box-shadow: none;
}

.mui-6lg6r9.Mui-focusVisible {
    box-shadow: none;
}

.mui-6lg6r9:active {
    box-shadow: none;
}

.mui-6lg6r9.Mui-disabled {
    box-shadow: none;
}

.mui-6lg6r9:hover, .mui-6lg6r9:active, .mui-6lg6r9:focus {
    box-shadow: none;
}

.mui-6lg6r9:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-6lg6r9:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-6lg6r9:hover {
    background: rgba(255, 255, 255, 0.8);
    color: rgb(21, 21, 21);
}

.mui-6lg6r9:disabled {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.mui-6lg6r9:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-6lg6r9:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-6lg6r9.mui-button-loading {
    background: rgb(255, 255, 255);
    cursor: default;
}

.mui-6lg6r9.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-6lg6r9.mui-button-loading:active {
    box-shadow: none;
}

.mui-6lg6r9 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-6lg6r9 .MuiButton-endIcon {
    width: 0px;
}

.mui-1w91y65 {
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: transparent;
    color: rgb(255, 255, 255);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-1w91y65:hover {
    text-decoration: none;
}

.mui-1w91y65.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-1w91y65:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-1w91y65:hover {
    box-shadow: none;
}

.mui-1w91y65.Mui-focusVisible {
    box-shadow: none;
}

.mui-1w91y65:active {
    box-shadow: none;
}

.mui-1w91y65.Mui-disabled {
    box-shadow: none;
}

.mui-1w91y65:hover, .mui-1w91y65:active, .mui-1w91y65:focus {
    box-shadow: none;
}

.mui-1w91y65:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-1w91y65:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1w91y65:hover {
    background: rgba(255, 255, 255, 0.1);
}

.mui-1w91y65:disabled {
    color: rgba(255, 255, 255, 0.2);
}

.mui-1w91y65.mui-button-loading {
    cursor: default;
}

.mui-1w91y65.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-1w91y65.mui-button-loading:active {
    box-shadow: none;
}

.mui-1w91y65:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1w91y65:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1w91y65 .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-1w91y65 .MuiButton-endIcon {
    width: 0px;
}

.mui-179kfxw {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #ffffffff;
    --variant-outlinedColor: #ffffffff;
    --variant-outlinedBorder: rgba(255, 255, 255, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #ffffffff;
    padding: 8px 11px;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    background: transparent;
    color: rgb(255, 255, 255);
    transition: 0.5s;
    border-radius: 210px;
    font-size: 18px;
}

.mui-179kfxw.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-179kfxw {
        -webkit-print-color-adjust: exact;
    }
}

.mui-179kfxw:hover {
    text-decoration: none;
}

.mui-179kfxw.Mui-disabled {
    color: rgba(255, 255, 255, 0.3);
}

@media (hover: hover) {
    .mui-179kfxw:hover {
        --variant-containedBg: rgba(178, 178, 178, 1);
        --variant-textBg: rgba(255, 255, 255, 0.08);
        --variant-outlinedBorder: #ffffffff;
        --variant-outlinedBg: rgba(255, 255, 255, 0.08);
    }
}

.mui-179kfxw:hover {
    box-shadow: none;
}

.mui-179kfxw.Mui-focusVisible {
    box-shadow: none;
}

.mui-179kfxw:active {
    box-shadow: none;
}

.mui-179kfxw.Mui-disabled {
    box-shadow: none;
}

.mui-179kfxw:hover, .mui-179kfxw:active, .mui-179kfxw:focus {
    box-shadow: none;
}

.mui-179kfxw:hover {
    background: rgba(255, 255, 255, 0.6);
}

.mui-179kfxw:disabled {
    color: rgba(255, 255, 255, 0.6);
}

.mui-179kfxw:hover {
    background: rgba(255, 255, 255, 0.1);
}

.mui-179kfxw:disabled {
    color: rgba(255, 255, 255, 0.2);
}

.mui-179kfxw.mui-button-loading {
    cursor: default;
}

.mui-179kfxw.mui-button-loading:focus-visible {
    box-shadow: none;
}

.mui-179kfxw.mui-button-loading:active {
    box-shadow: none;
}

.mui-179kfxw:focus-visible {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-179kfxw:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-179kfxw .MuiButton-startIcon {
    width: 0px;
    transform: translateX(-20px);
}

.mui-179kfxw .MuiButton-endIcon {
    width: 0px;
}

.mui-1sa59ll {
    overflow: visible;
    height: 248px;
}

.mui-1sa59ll > div {
    overflow: visible;
}

.mui-1sa59ll > div > svg {
    overflow: visible;
}

.mui-y1gt6f {
    margin-top: 40px;
}

.mui-nrfpeo {
    margin: 16px 8px;
    border-color: rgba(255, 255, 255, 0.2);
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.mui-9v0xj5 {
    --Grid-columns: 3;
    --Grid-columnSpacing: 0px;
    --Grid-rowSpacing: 0px;
    flex-flow: wrap;
    min-width: 0px;
    box-sizing: border-box;
    display: flex;
    gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
    -webkit-box-align: center;
    align-items: center;
    padding-left: 16px;
}

.mui-50yj0f {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    min-width: 0px;
    box-sizing: border-box;
}

.mui-1ad6o1r {
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
    border-radius: 16px;
    padding: 8px 16px;
    width: min-content;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
}

.mui-1ad6o1r.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-1ad6o1r.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1ad6o1r.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1ad6o1r:focus {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1ad6o1r:active {
    background: rgba(255, 255, 255, 0.08);
}

.mui-1ad6o1r:hover {
    background: rgba(255, 255, 255, 0.3);
}

.mui-1ad6o1r .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.mui-41fj98 {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: rgb(120, 93, 255);
    width: 8px;
    height: 8px;
}

.mui-lnmbnh {
    width: 100px;
    height: 10px;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-lnmbnh::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-pp99r4 {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    min-width: 0px;
    box-sizing: border-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.mui-cyqb29 {
    width: 100px;
    height: 12px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-cyqb29::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-albtl1 {
    width: 100px;
    height: 26px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-albtl1::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-uaw2i7 {
    margin: 16px 8px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    border-color: rgba(255, 255, 255, 0.08);
}

.mui-ns4pro {
    flex-shrink: 0;
    border-width: 0px 0px thin;
    border-style: solid;
    margin: 16px 8px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    border-color: rgba(255, 255, 255, 0.08);
}

.mui-qav60a {
    background: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    border-radius: 16px;
    padding: 8px 16px;
    width: min-content;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
}

.mui-qav60a.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-qav60a.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-qav60a.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-qav60a:active {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-qav60a:hover {
    background: rgba(255, 255, 255, 0.05);
}

.mui-qav60a .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-v3k1k8 {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: rgb(255, 255, 255);
    width: 8px;
    height: 8px;
}

.mui-1dcjnj5 {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: rgb(244, 161, 36);
    width: 8px;
    height: 8px;
}

.mui-1cxdsiw {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: rgb(215, 79, 249);
    width: 8px;
    height: 8px;
}

.mui-se5pa3 {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: rgb(79, 178, 249);
    width: 8px;
    height: 8px;
}

.mui-bhnlle {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: rgb(40, 186, 142);
    width: 8px;
    height: 8px;
}

.mui-1yjiuog {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    color: rgb(198, 198, 198);
    width: 8px;
    height: 8px;
}


.mui-kfu79d > div {
    overflow: visible;
}

.mui-kfu79d > div > svg {
    overflow: visible;
}

.mui-1hw3win {
    width: 100%;
    height: 220px;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: hidden;
}

.mui-1hw3win > svg {
    width: 100%;
    height: 100%;
}

.mui-unvnfs {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    min-width: 0px;
    box-sizing: border-box;
    border: none;
    background: none;
}

.mui-1u210n5 {
    border-radius: 16px;
    box-shadow: none;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    min-width: 0px;
    box-sizing: border-box;
    border: none;
    background: none;
}

.mui-pw9igm {
    overflow: hidden;
    border-radius: 16px;
    box-shadow: none;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    min-width: 0px;
    box-sizing: border-box;
    border: none;
    background: none;
}

.mui-x0tcp1 {
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    border-radius: 16px;
    box-shadow: none;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    min-width: 0px;
    box-sizing: border-box;
    border: none;
    background: none;
}

.mui-1xndqnw {
    --Grid-columns: 1;
    --Grid-columnSpacing: 16px;
    --Grid-rowSpacing: 16px;
    flex-flow: wrap;
    min-width: 0px;
    box-sizing: border-box;
    display: flex;
    gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
    width: 100%;
}

.mui-1ukfj1 {
    max-height: 200px;
    overflow: hidden;
    transition: max-height 0.2s;
}

.mui-jfv7cz {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.mui-6i4f21 {
    width: 48px;
    height: 48px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-6i4f21::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-10kawkf {
    width: 100px;
    height: 16px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-10kawkf::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-2vxg94 {
    width: 25px;
    height: 16px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-2vxg94::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-1no74og {
    width: 75px;
    height: 16px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-1no74og::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-m4dw3u {
    border-color: rgba(255, 255, 255, 0.2);
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    margin: 8px 0px;
}

.mui-m4simx {
    flex-shrink: 0;
    border-width: 0px 0px thin;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.2);
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    margin: 8px 0px;
}

.mui-rsd9ig {
    transition: transform 0.2s;
}

.mui-1gkcku1 {
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
    transition: transform 0.2s;
}

.mui-1gkcku1:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1gkcku1:hover {
        background-color: transparent;
    }
}

.mui-1gkcku1.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-1i9cmmv {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: inherit;
    padding: 5px;
    font-size: 1.125rem;
    transition: transform 0.2s;
}

.mui-1i9cmmv.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1i9cmmv {
        -webkit-print-color-adjust: exact;
    }
}

.mui-1i9cmmv:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1i9cmmv:hover {
        background-color: transparent;
    }
}

.mui-1i9cmmv.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-zl6n5e {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
    font-size: 16px;
    text-decoration-color: inherit;
}

.mui-zl6n5e:hover {
    text-decoration-color: inherit;
}

.mui-14sswxh {
    margin: 16px 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: rgb(255, 255, 255);
    font-family: var(--font-inter);
    position: relative;
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
    font-size: 16px;
    text-decoration-color: inherit;
}

.mui-14sswxh:hover {
    text-decoration-color: inherit;
}

.mui-1tc9bu7 {
    transform: translate(0px);
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.mui-1tc9bu7::before {
    content: "";
    display: block;
    width: 200%;
    height: 200%;
    margin-left: -50%;
    margin-top: -50%;
    background-color: rgb(19, 206, 124);
    animation: 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite normal none running animation-1kcispc;
    border-radius: 50%;
}

.mui-1tc9bu7::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgb(19, 206, 124);
    border-radius: 50%;
}

@-webkit-keyframes animation-1kcispc {
    70%, 100% {
        opacity: 0;
    }
}

@keyframes animation-1kcispc {
    70%, 100% {
        opacity: 0;
    }
}

.mui-nwlp3i {
    transform: translate(0px);
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.mui-nwlp3i::before {
    content: "";
    display: block;
    width: 200%;
    height: 200%;
    margin-left: -50%;
    margin-top: -50%;
    background-color: rgb(19, 206, 124);
    animation: 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite normal none running animation-1kcispc;
    border-radius: 50%;
}

.mui-nwlp3i::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgb(19, 206, 124);
    border-radius: 50%;
}

.mui-pd69dl {
    width: 100%;
    height: 125px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-pd69dl::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-u0iiqx {
    height: 230px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
}

.mui-n7wta3 {
    touch-action: none;
}

.mui-n7wta3 .MuiChartsAxisHighlight-root {
    fill: rgba(73, 242, 100, 0.5);
}

.mui-n7wta3 .MuiChartsGrid-line {
    stroke-dasharray: 5, 3;
    stroke-width: 1.5px;
}

.mui-n7wta3 .MuiChartsGrid-line:first-of-type, .mui-n7wta3 .MuiChartsGrid-line:last-of-type {
    display: none;
}

.mui-n7wta3 .MuiChartsAxis-tick {
    visibility: hidden;
}

.mui-n7wta3 .MuiChartsAxis-left .MuiChartsAxis-tickContainer:not(:first-of-type):not(:last-of-type) .MuiChartsAxis-tickLabel {
    visibility: hidden;
}

.mui-n7wta3 .MuiLineElement-series-auto-generated-id-0 {
    filter: drop-shadow(rgba(40, 186, 142, 0.498) 0px 10px 3px);
}

.mui-n7wta3 g {
    clip-path: none;
}

.mui-j9115b {
    stroke-width: 2;
    stroke-linejoin: round;
    fill: none;
    stroke: rgb(40, 186, 142);
    transition: opacity 0.2s ease-in, stroke 0.2s ease-in;
    opacity: 1;
}

.mui-g5kqsh {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    stroke: none;
    fill: rgb(255, 255, 255);
    shape-rendering: crispedges;
    text-anchor: middle;
    dominant-baseline: middle;
}

.mui-fckurt {
    touch-action: none;
}

.mui-fckurt .MuiChartsAxisHighlight-root {
    fill: rgba(73, 242, 100, 0.5);
}

.mui-fckurt .MuiChartsGrid-line {
    stroke-dasharray: 5, 3;
    stroke-width: 1.5px;
}

.mui-fckurt .MuiChartsGrid-line:first-of-type, .mui-fckurt .MuiChartsGrid-line:last-of-type {
    display: none;
}

.mui-fckurt .MuiChartsAxis-tick {
    visibility: hidden;
}

.mui-fckurt .MuiChartsAxis-left .MuiChartsAxis-tickContainer:not(:first-of-type):not(:last-of-type) .MuiChartsAxis-tickLabel {
    visibility: hidden;
}

.mui-fckurt g {
    clip-path: none;
}

.mui-q0w29i {
    stroke-width: 2;
    stroke-linejoin: round;
    fill: none;
    stroke: rgb(120, 93, 255);
    transition: opacity 0.2s ease-in, stroke 0.2s ease-in;
    opacity: 1;
}

.mui-15oz7c {
    touch-action: none;
}

.mui-15oz7c [class*="MuiBarElement-series-auto-generated-id-"] {
    clip-path: inset(0px round 24px);
}

.mui-15oz7c .MuiChartsGrid-line {
    stroke-dasharray: 5, 3;
    stroke-width: 1.5px;
}

.mui-k3m5yi {
    touch-action: none;
}

.mui-k3m5yi .MuiPieArc-root {
    stroke: rgba(35, 35, 35, 0.8);
    stroke-width: 4;
}

.mui-10o7bdn {
    stroke: rgba(255, 255, 255, 0.12);
    shape-rendering: crispedges;
    stroke-width: 1;
}

.mui-183yaa1 {
    stroke: none;
    fill: rgb(255, 255, 255);
    transition: opacity 0.2s ease-in, fill 0.2s ease-in;
    opacity: 1;
}

.mui-l4xijr .MuiChartsAxis-tickLabel {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    letter-spacing: 0.03333em;
    fill: rgb(255, 255, 255);
}

.mui-l4xijr .MuiChartsAxis-label {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    fill: rgb(255, 255, 255);
}

.mui-l4xijr .MuiChartsAxis-line {
    stroke: rgb(255, 255, 255);
    shape-rendering: crispedges;
    stroke-width: 1;
}

.mui-l4xijr .MuiChartsAxis-tick {
    stroke: rgb(255, 255, 255);
    shape-rendering: crispedges;
}

.mui-1m94y0q {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    position: relative;
}

.mui-1m94y0q:hover {
    text-decoration-color: inherit;
}

.mui-x8lk28 {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: rgb(255, 255, 255);
    font-family: var(--font-inter);
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    position: relative;
}

.mui-x8lk28:hover {
    text-decoration-color: inherit;
}

.mui-101hchw {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 48px;
    height: 48px;
}

.mui-2tff9u {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    font-size: 20px;
    font-weight: bold;
}

.mui-jnp7og {
    stroke-width: 2;
    stroke-linejoin: round;
    fill: none;
    stroke: rgb(198, 198, 198);
    transition: opacity 0.2s ease-in, stroke 0.2s ease-in;
    opacity: 1;
}

.mui-7bluqe {
    margin: 0px;
    font-size: 24px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 32px;
    text-transform: uppercase;
}

.mui-1w4fybn {
    cursor: default;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    background: rgb(34, 66, 53);
    color: rgb(19, 206, 124);
}

.mui-1w4fybn.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-1w4fybn.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-1w4fybn.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-1w4fybn .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-18ahi3y {
    max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    box-shadow: none;
    cursor: default;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    background: rgb(34, 66, 53);
    color: rgb(19, 206, 124);
}

.mui-18ahi3y.Mui-disabled {
    opacity: 0.38;
    pointer-events: none;
}

.mui-18ahi3y .MuiChip-avatar {
    margin-left: 5px;
    margin-right: -6px;
    width: 24px;
    height: 24px;
    color: rgb(224, 224, 224);
    font-size: 0.75rem;
}

.mui-18ahi3y .MuiChip-avatarColorPrimary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(178, 178, 178);
}

.mui-18ahi3y .MuiChip-avatarColorSecondary {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(171, 71, 188);
}

.mui-18ahi3y .MuiChip-avatarSmall {
    margin-left: 4px;
    margin-right: -4px;
    width: 18px;
    height: 18px;
    font-size: 0.625rem;
}

.mui-18ahi3y .MuiChip-icon {
    margin-left: 5px;
    margin-right: -6px;
}

.mui-18ahi3y .MuiChip-deleteIcon {
    -webkit-tap-highlight-color: transparent;
    color: rgba(255, 255, 255, 0.26);
    font-size: 22px;
    cursor: pointer;
    margin: 0px 5px 0px -6px;
}

.mui-18ahi3y .MuiChip-deleteIcon:hover {
    color: rgba(255, 255, 255, 0.4);
}

.mui-18ahi3y .MuiChip-icon {
    color: rgb(224, 224, 224);
}

.mui-18ahi3y:hover, .mui-18ahi3y:active, .mui-18ahi3y:focus {
    box-shadow: none;
}

.mui-18ahi3y.Mui-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.mui-18ahi3y.Mui-disabled .MuiChip-icon {
    color: rgba(255, 255, 255, 0.6);
}

.mui-18ahi3y.Mui-focusVisible {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
}

.mui-18ahi3y .MuiChip-icon {
    margin-left: 12px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.mui-171onha {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
}

.mui-155rr8j {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    width: 16px;
    height: 16px;
}

.mui-pyksyu {
    stroke: rgb(18, 18, 18);
    stroke-width: 1;
    stroke-linejoin: round;
}

.mui-qlasr0 {
    fill: rgb(255, 255, 255);
    text-anchor: middle;
    dominant-baseline: middle;
    pointer-events: none;
}

.mui-ay1pwg {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mui-82m4mj {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.mui-1dm2vk0 {
    height: 8px;
    border-radius: 24px;
    background-color: rgb(244, 161, 36);
    width: calc(100%);
}

.mui-q3dgv2 {
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-q3dgv2::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(rgba(35, 35, 35, 0) 0%, rgb(21, 21, 21) 100%);
    z-index: 1;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.mui-12dsmgx {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-12dsmgx::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(rgba(35, 35, 35, 0) 0%, rgb(21, 21, 21) 100%);
    z-index: 1;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.mui-12dsmgx::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(rgba(35, 35, 35, 0) 0%, rgb(21, 21, 21) 100%);
    z-index: 1;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.mui-18i7h6v {
    background: rgba(35, 35, 35, 0.8);
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-18i7h6v::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(rgba(35, 35, 35, 0) 0%, rgb(21, 21, 21) 100%);
    z-index: 1;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.mui-18i7h6v::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(rgba(35, 35, 35, 0) 0%, rgb(21, 21, 21) 100%);
    z-index: 1;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.mui-13nu89e {
    overflow: hidden;
    background: rgba(35, 35, 35, 0.8);
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-13nu89e::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(rgba(35, 35, 35, 0) 0%, rgb(21, 21, 21) 100%);
    z-index: 1;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.mui-13nu89e::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(rgba(35, 35, 35, 0) 0%, rgb(21, 21, 21) 100%);
    z-index: 1;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.mui-196oewu {
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    background: rgba(35, 35, 35, 0.8);
    box-shadow: none;
    border: 1px solid rgba(35, 35, 35, 0.8);
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 1 / var(--Grid-columns) - (var(--Grid-columns) - 1) * (var(--Grid-columnSpacing) / var(--Grid-columns)));
    box-sizing: border-box;
    min-width: 200px;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.mui-196oewu::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(rgba(35, 35, 35, 0) 0%, rgb(21, 21, 21) 100%);
    z-index: 1;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.mui-196oewu::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(rgba(35, 35, 35, 0) 0%, rgb(21, 21, 21) 100%);
    z-index: 1;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.mui-5yd0fm {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 8px;
}

.mui-5yd0fm:hover {
    text-decoration-color: inherit;
}

.mui-1y0v8ej {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: rgb(255, 255, 255);
    font-family: var(--font-inter);
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 8px;
}

.mui-1y0v8ej:hover {
    text-decoration-color: inherit;
}

.mui-1tw4rm6 {
    align-self: flex-start;
}

.mui-1tw4rm6 .MuiBadge-badge {
    min-width: calc(8.5px);
    width: calc(8.5px);
    height: calc(8.5px);
    border: calc(1.65px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-1tw4rm6 .MuiBadge-dot {
    border-radius: 50%;
}

.mui-1nvqbea {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
    align-self: flex-start;
}

.mui-1nvqbea .MuiBadge-badge {
    min-width: calc(8.5px);
    width: calc(8.5px);
    height: calc(8.5px);
    border: calc(1.65px) solid rgb(21, 21, 21);
    background: rgb(255, 255, 255);
    padding: 0px;
}

.mui-1nvqbea .MuiBadge-dot {
    border-radius: 50%;
}

.mui-1pv7sj {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 34px;
    height: 34px;
}

.mui-1qj20s9 {
    margin: 0px;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    font-size: 13px;
    font-weight: bold;
}

.mui-biahd {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
    color: rgb(21, 21, 21);
    width: 34px;
    height: 34px;
}

.mui-kawzlf {
    margin: 0px;
    color: rgba(255, 255, 255, 0.7);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-8ld8pv {
    display: flex;
    flex-direction: column;
    background: rgb(21, 21, 21);
    -webkit-box-align: center;
    align-items: center;
    overflow: auto;
}

@media (min-width: 0px) {
    .mui-8ld8pv {
        width: 100vw;
        min-width: 100vw;
        border-radius: 0px;
    }
}

@media (min-width: 1280px) {
    .mui-8ld8pv {
        width: 320px;
        min-width: 320px;
        border-radius: 16px;
    }
}

.mui-wye57d {
    position: sticky;
    overflow-y: auto;
    top: 0px;
    width: 100%;
    -webkit-box-align: stretch;
    align-items: stretch;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.mui-155vzj0 {
    position: sticky;
    overflow-y: auto;
    top: 0px;
    width: 100%;
    -webkit-box-align: stretch;
    align-items: stretch;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.mui-1tyx7wt {
    padding: 0px;
    width: 100%;
    height: 100%;
}

.mui-bz4lqs {
    list-style: none;
    margin: 0px;
    position: relative;
    padding: 0px;
    width: 100%;
    height: 100%;
}

.mui-oyi9pa {
    display: flex;
    padding-top: 24px;
    padding-bottom: 24px;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    flex-flow: wrap;
    -webkit-box-pack: center;
    justify-content: center;
}

@media (max-width: 1279.95px) {
    .mui-oyi9pa {
        display: none;
    }
}

.mui-l82tpf {
    background: transparent;
    color: rgb(255, 255, 255);
    font-weight: normal;
    min-height: 52px;
    width: 100%;
    border-radius: 0px;
}

.mui-l82tpf:hover {
    background: rgba(255, 255, 255, 0.08);
    text-decoration: initial;
}

.mui-e3yyy2 {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    box-sizing: border-box;
    text-align: left;
    padding: 8px 16px;
    background: transparent;
    color: rgb(255, 255, 255);
    font-weight: normal;
    min-height: 52px;
    width: 100%;
    border-radius: 0px;
}

.mui-e3yyy2:hover {
    background: rgba(255, 255, 255, 0.08);
    text-decoration: initial;
}

.mui-97rsi5 {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    box-sizing: border-box;
    text-align: left;
    padding: 8px 16px;
    background: transparent;
    color: rgb(255, 255, 255);
    font-weight: normal;
    min-height: 52px;
    width: 100%;
    border-radius: 0px;
}

.mui-97rsi5:hover {
    text-decoration-color: inherit;
}

.mui-97rsi5:hover {
    background: rgba(255, 255, 255, 0.08);
    text-decoration: initial;
}

.mui-e9g9j7 {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    box-sizing: border-box;
    text-align: left;
    padding: 8px 16px;
    background: transparent;
    color: rgb(255, 255, 255);
    font-weight: normal;
    min-height: 52px;
    width: 100%;
    border-radius: 0px;
}

.mui-e9g9j7:hover {
    text-decoration-color: inherit;
}

.mui-e9g9j7:hover {
    background: rgba(255, 255, 255, 0.08);
    text-decoration: initial;
}

.mui-1roswmw {
    flex: 1 1 auto;
    min-width: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 8px;
    font-weight: 600;
}

.MuiTypography-root:where(.mui-1roswmw .MuiListItemText-primary) {
    display: block;
}

.MuiTypography-root:where(.mui-1roswmw .MuiListItemText-secondary) {
    display: block;
}

.mui-1roswmw > .MuiTypography-root {
    font-family: var(--font-inter);
    font-weight: 500;
}

.mui-drg49i {
    color: rgb(255, 255, 255);
    -webkit-box-pack: end;
    justify-content: flex-end;
    min-width: auto;
    padding-left: 8px;
}

.mui-1uyfxh9 {
    flex-shrink: 0;
    display: inline-flex;
    color: rgb(255, 255, 255);
    -webkit-box-pack: end;
    justify-content: flex-end;
    min-width: auto;
    padding-left: 8px;
}

.mui-1lekzkb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.mui-92tqmu {
    margin: 0px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 8px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.mui-y8aj3r {
    padding: 0px;
}

.mui-1cjbkin {
    list-style: none;
    margin: 0px;
    position: relative;
    padding: 0px;
}

.mui-xyamvg {
    background: rgba(73, 242, 100, 0.15);
    color: rgb(255, 255, 255);
    font-weight: normal;
    min-height: 52px;
    width: 100%;
    border-radius: 0px;
}

.mui-xyamvg:hover {
    background: rgba(255, 255, 255, 0.08);
    text-decoration: initial;
}

.mui-xyamvg::after {
    background: rgb(73, 242, 100);
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 4px;
}

.mui-eb9xc3 {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    box-sizing: border-box;
    text-align: left;
    padding: 8px 16px;
    background: rgba(73, 242, 100, 0.15);
    color: rgb(255, 255, 255);
    font-weight: normal;
    min-height: 52px;
    width: 100%;
    border-radius: 0px;
}

.mui-eb9xc3:hover {
    background: rgba(255, 255, 255, 0.08);
    text-decoration: initial;
}

.mui-eb9xc3::after {
    background: rgb(73, 242, 100);
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 4px;
}

.mui-1s1uxbt {
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    box-sizing: border-box;
    text-align: left;
    padding: 8px 16px;
    background: rgba(73, 242, 100, 0.15);
    color: rgb(255, 255, 255);
    font-weight: normal;
    min-height: 52px;
    width: 100%;
    border-radius: 0px;
}

.mui-1s1uxbt:hover {
    text-decoration-color: inherit;
}

.mui-1s1uxbt:hover {
    background: rgba(255, 255, 255, 0.08);
    text-decoration: initial;
}

.mui-1s1uxbt::after {
    background: rgb(73, 242, 100);
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 4px;
}

.mui-1muba21 {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    --Link-underlineColor: rgba(255, 255, 255, 0.4);
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    box-sizing: border-box;
    text-align: left;
    padding: 8px 16px;
    background: rgba(73, 242, 100, 0.15);
    color: rgb(255, 255, 255);
    font-weight: normal;
    min-height: 52px;
    width: 100%;
    border-radius: 0px;
}

.mui-1muba21:hover {
    text-decoration-color: inherit;
}

.mui-1muba21:hover {
    background: rgba(255, 255, 255, 0.08);
    text-decoration: initial;
}

.mui-1muba21::after {
    background: rgb(73, 242, 100);
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 4px;
}

.mui-2qye3o {
    width: 100px;
    height: 26px;
    font-size: 24px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 32px;
    text-transform: uppercase;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-2qye3o::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-1cjcuto {
    width: 100px;
    height: 26px;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 3px 0px;
}

.mui-1cjcuto::after {
    position: absolute;
    inset: 0px;
    transform: translateX(-100%);
    animation: 1s ease 0s infinite normal none running animation-xbqzg1;
    content: "";
}

.mui-14zgzd1 {
    pointer-events: none;
    z-index: 1300;
}

.mui-1x3nnry {
    pointer-events: none;
    z-index: 1300;
}

.mui-176k8ri {
    backdrop-filter: blur(6px);
    background-color: rgba(35, 35, 35, 0.8);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mui-1az9vhi {
    margin: 0px;
    font-size: 18px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 24px;
    text-transform: uppercase;
}

.mui-keats1 {
    pointer-events: none;
    fill: white;
    fill-opacity: 0.1;
}

.mui-1jyypp2 {
    transform: translate(346.371px, 247px);
    transform-origin: 346.371px 247px;
    fill: rgb(120, 93, 255);
}

.mui-1341ms6 {
    transform: translate(886.081px, 247px);
    transform-origin: 886.081px 247px;
    fill: rgb(120, 93, 255);
}

.mui-1xnyh8q {
    transform: translate(927.597px, 247px);
    transform-origin: 927.597px 247px;
    fill: rgb(120, 93, 255);
}

.mui-wopa1l {
    transform: translate(969.113px, 247px);
    transform-origin: 969.113px 247px;
    fill: rgb(120, 93, 255);
}

.mui-1hkp0zk {
    transform: translate(1010.63px, 247px);
    transform-origin: 1010.63px 247px;
    fill: rgb(120, 93, 255);
}

.mui-2vmniw {
    transform: translate(1052.15px, 247px);
    transform-origin: 1052.15px 247px;
    fill: rgb(120, 93, 255);
}

.mui-1xd6qpf {
    transform: translate(1093.66px, 247px);
    transform-origin: 1093.66px 247px;
    fill: rgb(120, 93, 255);
}

.mui-rpgpw4 {
    transform: translate(1135.18px, 37.05px);
    transform-origin: 1135.18px 37.05px;
    fill: rgb(120, 93, 255);
}

.mui-1jnr39m {
    transform: translate(1176.69px, 247px);
    transform-origin: 1176.69px 247px;
    fill: rgb(120, 93, 255);
}

.mui-o5s4l9 {
    transform: translate(1176.69px, 200px);
    transform-origin: 1176.69px 200px;
    fill: rgb(40, 186, 142);
}

.mui-lstsmu {
    transform: translate(1176.69px, 200px);
    transform-origin: 1176.69px 200px;
    fill: rgb(198, 198, 198);
}

.mui-w5cexu {
    margin: 0px 0px 0px 4px;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}

.mui-g29u4w {
    transform: translate(1218.21px, 200px);
    transform-origin: 1218.21px 200px;
    fill: rgb(40, 186, 142);
}

.mui-khb0fr {
    transform: translate(1218.21px, 200px);
    transform-origin: 1218.21px 200px;
    fill: rgb(198, 198, 198);
}

.mui-iv0lje {
    transform: translate(1052.15px, 200px);
    transform-origin: 1052.15px 200px;
    fill: rgb(40, 186, 142);
}

.mui-dn7wwk {
    transform: translate(1052.15px, 200px);
    transform-origin: 1052.15px 200px;
    fill: rgb(198, 198, 198);
}

.mui-75k73h {
    transform: translate(969.113px, 200px);
    transform-origin: 969.113px 200px;
    fill: rgb(40, 186, 142);
}

.mui-aoqj8f {
    transform: translate(969.113px, 200px);
    transform-origin: 969.113px 200px;
    fill: rgb(198, 198, 198);
}

.mui-1nf2ro8 {
    position: fixed;
    z-index: 1300;
    inset: 0px;
}

@media print {
    .mui-1nf2ro8 {
        position: absolute !important;
    }
}

.mui-1nf2ro8 .MuiDialog-container {
    outline: 0px;
}

.mui-1nf2ro8 .MuiDialog-paper {
    outline: 0px;
    min-width: 320px;
}

.mui-zxva1v {
    margin: 32px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 64px);
    max-width: 850px;
    background: rgba(35, 35, 35, 0.8);
    backdrop-filter: blur(12px);
    border-radius: 8px;
}

@media print {
    .mui-zxva1v {
        overflow-y: visible;
        box-shadow: none;
    }
}

@media (max-width: 913.95px) {
    .mui-zxva1v.MuiDialog-paperScrollBody {
        max-width: calc(100% - 64px);
    }
}

.mui-1tjh0qi {
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: var(--Paper-shadow);
    margin: 32px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 64px);
    max-width: 850px;
    background: rgba(35, 35, 35, 0.8);
    backdrop-filter: blur(12px);
    border-radius: 8px;
}

@media print {
    .mui-1tjh0qi {
        overflow-y: visible;
        box-shadow: none;
    }
}

@media (max-width: 913.95px) {
    .mui-1tjh0qi.MuiDialog-paperScrollBody {
        max-width: calc(100% - 64px);
    }
}

.mui-1jqvr2x:first-of-type {
    padding: 0px;
}

.mui-avsfvl {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 0px 16px 16px;
}

.MuiDialogTitle-root + .mui-avsfvl {
    padding-top: 0px;
}

.mui-avsfvl:first-of-type {
    padding: 0px;
}

.mui-6wkixy {
    display: grid;
    grid-auto-columns: max-content auto max-content;
    grid-auto-rows: max-content auto max-content;
    padding: 16px;
}

.mui-6wkixy .MuiPickersLayout-toolbar {
    grid-area: 1 / 2 / auto / 4;
}

.mui-6wkixy .MuiPickersLayout-shortcuts {
    grid-area: 2 / 1 / 3;
}

.mui-6wkixy .MuiPickersLayout-actionBar {
    grid-area: 3 / 1 / auto / 4;
}

.mui-6wkixy .MuiDateRangeCalendar-monthContainer {
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.mui-6wkixy .MuiPickersCalendarHeader-label {
    font-weight: 600;
    font-family: var(--font-poppins);
}

.mui-6wkixy .MuiDayCalendar-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-left: 16px;
    margin-right: 16px;
}

.mui-6wkixy .MuiDayCalendar-weekDayLabel {
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.mui-6wkixy .Mui-selected {
    background-color: rgba(255, 255, 255, 0.2);
    color: rgb(255, 255, 255);
}

.mui-1ly2lzz {
    width: 316px;
    grid-area: 1 / 2;
}

.mui-7eyqd3 {
    margin: 0px 0px 8px;
    font-size: 20px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 26px;
    text-transform: uppercase;
}

.mui-1gmfc0g {
    list-style: none;
    margin: 4px 0px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0px;
}

.mui-rnfrd0 {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    box-sizing: border-box;
    text-align: left;
    padding: 4px 0px;
    width: auto;
}

.mui-h1lu5 {
    margin: 16px 0px 8px;
    font-size: 18px;
    text-decoration: none;
    font-family: var(--font-akzidenz-grotesk-next);
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    letter-spacing: 0px;
    line-height: 24px;
    text-transform: uppercase;
}

.mui-lz05jy {
    grid-area: 2 / 2;
    display: flex;
    flex-direction: column;
}

.mui-1xhj18k {
    display: flex;
    flex-direction: row;
}

.mui-7bvooa:not(:last-of-type) {
    border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.mui-1dozdou {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 8px;
    padding-left: 24px;
    padding-right: 12px;
    max-height: 30px;
    min-height: 30px;
}

.mui-16j77m4 {
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    margin-right: auto;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
}

.mui-1bx5ylf {
    display: block;
    position: relative;
}

.mui-1v994a0 {
    margin-right: 6px;
}

.mui-1agpz5r {
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    margin-right: -12px;
}

.mui-1agpz5r:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1agpz5r:hover {
        background-color: transparent;
    }
}

.mui-1agpz5r.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-y9mm9r {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px -12px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mui-y9mm9r.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-y9mm9r {
        -webkit-print-color-adjust: exact;
    }
}

.mui-y9mm9r:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-y9mm9r:hover {
        background-color: transparent;
    }
}

.mui-y9mm9r.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-18puooo {
    width: 24px;
}

.mui-1bm7qps {
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    margin-left: -12px;
}

.mui-1bm7qps:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-1bm7qps:hover {
        background-color: transparent;
    }
}

.mui-1bm7qps.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-11essf0 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 0px -12px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mui-11essf0.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-11essf0 {
        -webkit-print-color-adjust: exact;
    }
}

.mui-11essf0:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
    .mui-11essf0:hover {
        background-color: transparent;
    }
}

.mui-11essf0.Mui-disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.3);
}

.mui-10iarqj {
    min-width: 312px;
    min-height: 264px;
}

.mui-10iarqj.MuiDateRangeCalendar-dayDragging .MuiDateRangePickerDay-day {
    cursor: grabbing;
}

.mui-10iarqj.MuiDateRangeCalendar-dayDragging .MuiDateRangePickerDay-root:not(.MuiDateRangePickerDay-rangeIntervalDayHighlightStart):not(.MuiDateRangePickerDay-rangeIntervalDayHighlightEnd) .MuiDateRangePickerDay-day:not(.MuiDateRangePickerDay-notSelectedDate) {
    opacity: 0.6;
}

@media (pointer: fine) {
    .mui-10iarqj:not(.MuiDateRangeCalendar-dayDragging) .MuiDateRangePickerDay-dayOutsideRangeInterval:hover {
        border: 1px solid rgb(158, 158, 158);
    }
}

.mui-1n2mv2k {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.mui-lo99ta {
    width: 36px;
    height: 40px;
    margin: 0px 2px;
    text-align: center;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.7);
}

.mui-1jmi4jx {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    letter-spacing: 0.03333em;
    font-family: var(--font-inter);
    width: 36px;
    height: 40px;
    margin: 0px 2px;
    text-align: center;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.7);
}

.mui-zuq20 {
    min-width: 312px;
    min-height: 264px;
}

.mui-zuq20.MuiDateRangeCalendar-dayDragging .MuiDateRangePickerDay-day {
    cursor: grabbing;
}

.mui-zuq20.MuiDateRangeCalendar-dayDragging .MuiDateRangePickerDay-root:not(.MuiDateRangePickerDay-rangeIntervalDayHighlightStart):not(.MuiDateRangePickerDay-rangeIntervalDayHighlightEnd) .MuiDateRangePickerDay-day:not(.MuiDateRangePickerDay-notSelectedDate) {
    opacity: 0.6;
}

@media (pointer: fine) {
    .mui-zuq20:not(.MuiDateRangeCalendar-dayDragging) .MuiDateRangePickerDay-dayOutsideRangeInterval:hover {
        border: 1px solid rgb(158, 158, 158);
    }
}

.mui-a1ysh7 {
    display: block;
    position: relative;
    overflow-x: hidden;
    min-width: 312px;
    min-height: 264px;
}

.mui-a1ysh7 > * {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
}

.mui-a1ysh7 .MuiPickersSlideTransition-slideEnter-left {
    will-change: transform;
    transform: translate(100%);
    z-index: 1;
}

.mui-a1ysh7 .MuiPickersSlideTransition-slideEnter-right {
    will-change: transform;
    transform: translate(-100%);
    z-index: 1;
}

.mui-a1ysh7 .MuiPickersSlideTransition-slideEnterActive {
    transform: translate(0%);
    transition: transform 375ms cubic-bezier(0.35, 0.8, 0.4, 1);
}

.mui-a1ysh7 .MuiPickersSlideTransition-slideExit {
    transform: translate(0%);
}

.mui-a1ysh7 .MuiPickersSlideTransition-slideExitActiveLeft-left {
    will-change: transform;
    transform: translate(-100%);
    transition: transform 375ms cubic-bezier(0.35, 0.8, 0.4, 1);
    z-index: 0;
}

.mui-a1ysh7 .MuiPickersSlideTransition-slideExitActiveLeft-right {
    will-change: transform;
    transform: translate(100%);
    transition: transform 375ms cubic-bezier(0.35, 0.8, 0.4, 1);
    z-index: 0;
}

.mui-a1ysh7.MuiDateRangeCalendar-dayDragging .MuiDateRangePickerDay-day {
    cursor: grabbing;
}

.mui-a1ysh7.MuiDateRangeCalendar-dayDragging .MuiDateRangePickerDay-root:not(.MuiDateRangePickerDay-rangeIntervalDayHighlightStart):not(.MuiDateRangePickerDay-rangeIntervalDayHighlightEnd) .MuiDateRangePickerDay-day:not(.MuiDateRangePickerDay-notSelectedDate) {
    opacity: 0.6;
}

@media (pointer: fine) {
    .mui-a1ysh7:not(.MuiDateRangeCalendar-dayDragging) .MuiDateRangePickerDay-dayOutsideRangeInterval:hover {
        border: 1px solid rgb(158, 158, 158);
    }
}

.mui-i6bazn {
    overflow: hidden;
}

.mui-mvmu1r {
    margin: 2px 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.mui-19umecq {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    padding-left: 0px;
}

.mui-19umecq:first-of-type .MuiDateRangePickerDay-rangeIntervalDayPreview {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-left-color: rgba(255, 255, 255, 0.12);
}

.mui-19umecq:last-of-type .MuiDateRangePickerDay-rangeIntervalDayPreview {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-right-color: rgba(255, 255, 255, 0.12);
}

.mui-1dowzhi {
    border: 2px solid transparent;
}

.mui-uacg6m {
    transform: scale(1.1);
}

.mui-uacg6m > * {
    transform: scale(0.9);
}

.mui-pwa103 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    letter-spacing: 0.03333em;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 0px;
    background-color: transparent;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: rgba(255, 255, 255, 0.7);
    transform: scale(1.1);
}

@media (pointer: fine) {
    .mui-pwa103:hover {
        background-color: rgba(21, 21, 21, 0.08);
    }
}

.mui-pwa103:focus {
    background-color: rgba(21, 21, 21, 0.12);
}

.mui-pwa103:focus.Mui-selected {
    will-change: background-color;
    background-color: rgb(178, 178, 178);
}

.mui-pwa103.Mui-selected {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(21, 21, 21, 0.2);
    font-weight: 500;
}

.mui-pwa103.Mui-selected:hover {
    will-change: background-color;
    background-color: rgb(178, 178, 178);
}

.mui-pwa103.Mui-disabled:not(.Mui-selected) {
    color: rgba(255, 255, 255, 0.5);
}

.mui-pwa103.Mui-disabled.mui-pwa103.Mui-selected {
    opacity: 0.6;
}

.mui-pwa103 > * {
    transform: scale(0.9);
}

.mui-3h5km {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    letter-spacing: 0.03333em;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 0px;
    background-color: transparent;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: rgba(255, 255, 255, 0.7);
    transform: scale(1.1);
}

.mui-3h5km.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-3h5km {
        -webkit-print-color-adjust: exact;
    }
}

@media (pointer: fine) {
    .mui-3h5km:hover {
        background-color: rgba(21, 21, 21, 0.08);
    }
}

.mui-3h5km:focus {
    background-color: rgba(21, 21, 21, 0.12);
}

.mui-3h5km:focus.Mui-selected {
    will-change: background-color;
    background-color: rgb(178, 178, 178);
}

.mui-3h5km.Mui-selected {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(21, 21, 21, 0.2);
    font-weight: 500;
}

.mui-3h5km.Mui-selected:hover {
    will-change: background-color;
    background-color: rgb(178, 178, 178);
}

.mui-3h5km.Mui-disabled:not(.Mui-selected) {
    color: rgba(255, 255, 255, 0.5);
}

.mui-3h5km.Mui-disabled.mui-3h5km.Mui-selected {
    opacity: 0.6;
}

.mui-3h5km > * {
    transform: scale(0.9);
}

.mui-1983w2o:first-of-type .MuiDateRangePickerDay-rangeIntervalDayPreview {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-left-color: rgba(255, 255, 255, 0.12);
}

.mui-1983w2o:last-of-type .MuiDateRangePickerDay-rangeIntervalDayPreview {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-right-color: rgba(255, 255, 255, 0.12);
}

.mui-15zetqr {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    letter-spacing: 0.03333em;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 0px;
    background-color: transparent;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: rgb(255, 255, 255);
    transform: scale(1.1);
}

@media (pointer: fine) {
    .mui-15zetqr:hover {
        background-color: rgba(21, 21, 21, 0.08);
    }
}

.mui-15zetqr:focus {
    background-color: rgba(21, 21, 21, 0.12);
}

.mui-15zetqr:focus.Mui-selected {
    will-change: background-color;
    background-color: rgb(178, 178, 178);
}

.mui-15zetqr.Mui-selected {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(21, 21, 21, 0.2);
    font-weight: 500;
}

.mui-15zetqr.Mui-selected:hover {
    will-change: background-color;
    background-color: rgb(178, 178, 178);
}

.mui-15zetqr.Mui-disabled:not(.Mui-selected) {
    color: rgba(255, 255, 255, 0.5);
}

.mui-15zetqr.Mui-disabled.mui-15zetqr.Mui-selected {
    opacity: 0.6;
}

.mui-15zetqr > * {
    transform: scale(0.9);
}

.mui-op0bp2 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    letter-spacing: 0.03333em;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 0px;
    background-color: transparent;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: rgb(255, 255, 255);
    transform: scale(1.1);
}

.mui-op0bp2.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-op0bp2 {
        -webkit-print-color-adjust: exact;
    }
}

@media (pointer: fine) {
    .mui-op0bp2:hover {
        background-color: rgba(21, 21, 21, 0.08);
    }
}

.mui-op0bp2:focus {
    background-color: rgba(21, 21, 21, 0.12);
}

.mui-op0bp2:focus.Mui-selected {
    will-change: background-color;
    background-color: rgb(178, 178, 178);
}

.mui-op0bp2.Mui-selected {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(21, 21, 21, 0.2);
    font-weight: 500;
}

.mui-op0bp2.Mui-selected:hover {
    will-change: background-color;
    background-color: rgb(178, 178, 178);
}

.mui-op0bp2.Mui-disabled:not(.Mui-selected) {
    color: rgba(255, 255, 255, 0.5);
}

.mui-op0bp2.Mui-disabled.mui-op0bp2.Mui-selected {
    opacity: 0.6;
}

.mui-op0bp2 > * {
    transform: scale(0.9);
}

.mui-89te9b {
    border-radius: 50% 0px 0px 50%;
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(21, 21, 21, 0.12);
    padding-left: 0px;
}

.mui-89te9b:first-of-type .MuiDateRangePickerDay-rangeIntervalDayPreview {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-left-color: rgba(255, 255, 255, 0.12);
}

.mui-89te9b:last-of-type .MuiDateRangePickerDay-rangeIntervalDayPreview {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-right-color: rgba(255, 255, 255, 0.12);
}

.mui-89te9b:first-of-type {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.mui-89te9b:last-of-type {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

.mui-xljjdj {
    transform: scale(1.1);
    cursor: grab;
    touch-action: none;
}

.mui-xljjdj > * {
    transform: scale(0.9);
}

.mui-77kiok {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    letter-spacing: 0.03333em;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 0px;
    background-color: transparent;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: rgb(255, 255, 255);
    transform: scale(1.1);
    cursor: grab;
    touch-action: none;
}

@media (pointer: fine) {
    .mui-77kiok:hover {
        background-color: rgba(21, 21, 21, 0.08);
    }
}

.mui-77kiok:focus {
    background-color: rgba(21, 21, 21, 0.12);
}

.mui-77kiok:focus.Mui-selected {
    will-change: background-color;
    background-color: rgb(178, 178, 178);
}

.mui-77kiok.Mui-selected {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(21, 21, 21, 0.2);
    font-weight: 500;
}

.mui-77kiok.Mui-selected:hover {
    will-change: background-color;
    background-color: rgb(178, 178, 178);
}

.mui-77kiok.Mui-disabled:not(.Mui-selected) {
    color: rgba(255, 255, 255, 0.5);
}

.mui-77kiok.Mui-disabled.mui-77kiok.Mui-selected {
    opacity: 0.6;
}

.mui-77kiok > * {
    transform: scale(0.9);
}

.mui-1ikkk3d {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    letter-spacing: 0.03333em;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 0px;
    background-color: transparent;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: rgb(255, 255, 255);
    transform: scale(1.1);
    cursor: grab;
    touch-action: none;
}

.mui-1ikkk3d.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .mui-1ikkk3d {
        -webkit-print-color-adjust: exact;
    }
}

@media (pointer: fine) {
    .mui-1ikkk3d:hover {
        background-color: rgba(21, 21, 21, 0.08);
    }
}

.mui-1ikkk3d:focus {
    background-color: rgba(21, 21, 21, 0.12);
}

.mui-1ikkk3d:focus.Mui-selected {
    will-change: background-color;
    background-color: rgb(178, 178, 178);
}

.mui-1ikkk3d.Mui-selected {
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(21, 21, 21, 0.2);
    font-weight: 500;
}

.mui-1ikkk3d.Mui-selected:hover {
    will-change: background-color;
    background-color: rgb(178, 178, 178);
}

.mui-1ikkk3d.Mui-disabled:not(.Mui-selected) {
    color: rgba(255, 255, 255, 0.5);
}

.mui-1ikkk3d.Mui-disabled.mui-1ikkk3d.Mui-selected {
    opacity: 0.6;
}

.mui-1ikkk3d > * {
    transform: scale(0.9);
}

.mui-1odzzxp {
    border-radius: 0px;
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(21, 21, 21, 0.12);
}

.mui-1odzzxp:first-of-type .MuiDateRangePickerDay-rangeIntervalDayPreview {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-left-color: rgba(255, 255, 255, 0.12);
}

.mui-1odzzxp:last-of-type .MuiDateRangePickerDay-rangeIntervalDayPreview {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-right-color: rgba(255, 255, 255, 0.12);
}

.mui-1odzzxp:first-of-type {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.mui-1odzzxp:last-of-type {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

.mui-1yivhoc {
    border-radius: 0px 50% 50% 0px;
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(21, 21, 21, 0.12);
    padding-right: 0px;
}

.mui-1yivhoc:first-of-type .MuiDateRangePickerDay-rangeIntervalDayPreview {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-left-color: rgba(255, 255, 255, 0.12);
}

.mui-1yivhoc:last-of-type .MuiDateRangePickerDay-rangeIntervalDayPreview {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-right-color: rgba(255, 255, 255, 0.12);
}

.mui-1yivhoc:first-of-type {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.mui-1yivhoc:last-of-type {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
@font-face {
    font-family: __akzidenzGrotesk_3d9368;
    src: url("/_next/static/media/04e9f25ad151ac05-s.p.otf") format("opentype");
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: __akzidenzGrotesk_Fallback_3d9368;
    src: local("Arial");
    ascent-override: 102.13%;
    descent-override: 33.72%;
    line-gap-override: 0%;
    size-adjust: 93.41%;
}

.__className_3d9368 {
    font-family: __akzidenzGrotesk_3d9368, __akzidenzGrotesk_Fallback_3d9368, sans-serif;
    font-style: normal;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("55c55f0601d81cf3-s.woff2") format("woff2");
    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("26a46d62cd723877-s.woff2") format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("97e0cb1ae144a2a9-s.woff2") format("woff2");
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("581909926a08bbc8-s.woff2") format("woff2");
    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("df0a9ae256c0569c-s.woff2") format("woff2");
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("6d93bde91c0c2823-s.p.woff2") format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("a34f9d1faa5f3315-s.p.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("55c55f0601d81cf3-s.woff2") format("woff2");
    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("26a46d62cd723877-s.woff2") format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("97e0cb1ae144a2a9-s.woff2") format("woff2");
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/_next/static/media/581909926a08bbc8-s.woff2") format("woff2");
    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/_next/static/media/df0a9ae256c0569c-s.woff2") format("woff2");
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/_next/static/media/6d93bde91c0c2823-s.p.woff2") format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/_next/static/media/a34f9d1faa5f3315-s.p.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/_next/static/media/55c55f0601d81cf3-s.woff2") format("woff2");
    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("26a46d62cd723877-s.woff2") format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("97e0cb1ae144a2a9-s.woff2") format("woff2");
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/_next/static/media/581909926a08bbc8-s.woff2") format("woff2");
    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/_next/static/media/df0a9ae256c0569c-s.woff2") format("woff2");
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/_next/static/media/6d93bde91c0c2823-s.p.woff2") format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: __Inter_39ba87;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/_next/static/media/a34f9d1faa5f3315-s.p.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: __Inter_Fallback_39ba87;
    src: local("Arial");
    ascent-override: 90.49%;
    descent-override: 22.56%;
    line-gap-override: 0%;
    size-adjust: 107.06%;
}

.__className_39ba87 {
    font-family: __Inter_39ba87, __Inter_Fallback_39ba87;
    font-style: normal;
}
.carousel .control-arrow, .carousel.carousel-slider .control-arrow {
     transition: 0.25s ease-in;
     opacity: 0.4;
     position: absolute;
     z-index: 2;
     top: 20px;
     background: none;
     border: 0px;
     font-size: 32px;
     cursor: pointer;
 }

.carousel .control-arrow:focus, .carousel .control-arrow:hover {
    opacity: 1;
}

.carousel .control-arrow::before, .carousel.carousel-slider .control-arrow::before {
    margin: 0px 5px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: "";
}

.carousel .control-disabled.control-arrow {
    opacity: 0;
    cursor: inherit;
    display: none;
}

.carousel .control-prev.control-arrow {
    left: 0px;
}

.carousel .control-prev.control-arrow::before {
    border-right: 8px solid rgb(255, 255, 255);
}

.carousel .control-next.control-arrow {
    right: 0px;
}

.carousel .control-next.control-arrow::before {
    border-left: 8px solid rgb(255, 255, 255);
}

.carousel-root {
    outline: none;
}

.carousel {
    position: relative;
    width: 100%;
}

.carousel * {
    box-sizing: border-box;
}

.carousel img {
    width: 100%;
    display: inline-block;
    pointer-events: none;
}

.carousel .carousel {
    position: relative;
}

.carousel .control-arrow {
    outline: 0px;
    border: 0px;
    background: none;
    top: 50%;
    margin-top: -13px;
    font-size: 18px;
}

.carousel .thumbs-wrapper {
    margin: 20px;
    overflow: hidden;
}

.carousel .thumbs {
    transition: 0.15s ease-in;
    transform: translateZ(0px);
    position: relative;
    list-style: none;
    white-space: nowrap;
}

.carousel .thumb {
    transition: border 0.15s ease-in;
    display: inline-block;
    margin-right: 6px;
    white-space: nowrap;
    overflow: hidden;
    border: 3px solid rgb(255, 255, 255);
    padding: 2px;
}

.carousel .thumb:focus {
    border: 3px solid rgb(204, 204, 204);
    outline: none;
}

.carousel .thumb.selected, .carousel .thumb:hover {
    border: 3px solid rgb(51, 51, 51);
}

.carousel .thumb img {
    vertical-align: top;
}

.carousel.carousel-slider {
    position: relative;
    margin: 0px;
    overflow: hidden;
}

.carousel.carousel-slider .control-arrow {
    top: 0px;
    color: rgb(255, 255, 255);
    font-size: 26px;
    bottom: 0px;
    margin-top: 0px;
    padding: 5px;
}

.carousel.carousel-slider .control-arrow:hover {
    background: rgba(0, 0, 0, 0.2);
}

.carousel .slider-wrapper {
    overflow: hidden;
    margin: auto;
    width: 100%;
    transition: height 0.15s ease-in;
}

.carousel .slider-wrapper.axis-horizontal .slider {
    display: flex;
}

.carousel .slider-wrapper.axis-horizontal .slider .slide {
    flex-flow: column;
}

.carousel .slider-wrapper.axis-vertical {
    display: flex;
}

.carousel .slider-wrapper.axis-vertical .slider {
    flex-direction: column;
}

.carousel .slider {
    margin: 0px;
    padding: 0px;
    position: relative;
    list-style: none;
    width: 100%;
}

.carousel .slider.animated {
    transition: 0.35s ease-in-out;
}

.carousel .slide {
    min-width: 100%;
    margin: 0px;
    position: relative;
    text-align: center;
}

.carousel .slide img {
    width: 100%;
    vertical-align: top;
    border: 0px;
}

.carousel .slide iframe {
    display: inline-block;
    width: calc(100% - 80px);
    margin: 0px 40px 40px;
    border: 0px;
}

.carousel .slide .legend {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -45%;
    width: 90%;
    border-radius: 10px;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    padding: 10px;
    font-size: 12px;
    text-align: center;
    opacity: 0.25;
    transition: opacity 0.35s ease-in-out;
}

.carousel .control-dots {
    position: absolute;
    bottom: 0px;
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
    z-index: 1;
}

@media (min-width: 960px) {
    .carousel .control-dots {
        bottom: 0px;
    }
}

.carousel .control-dots .dot {
    transition: opacity 0.25s ease-in;
    opacity: 0.3;
    box-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    cursor: pointer;
    display: inline-block;
    margin: 0px 8px;
}

.carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover {
    opacity: 1;
}

.carousel .carousel-status {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    font-size: 10px;
    text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
    color: rgb(255, 255, 255);
}

.carousel:hover .slide .legend {
    opacity: 1;
}
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0px;
    z-index: 1;
    display: block;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translateZ(0px);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0px);
    backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
    transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center;
    scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50% center;
    box-sizing: border-box;
    border-radius: 50%;
    border-right-color: ;
    border-right-style: ;
    border-right-width: ;
    border-bottom-color: ;
    border-bottom-style: ;
    border-bottom-width: ;
    border-left-color: ;
    border-left-style: ;
    border-left-width: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    border-top: 4px solid transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: 1s linear 0s infinite normal none running swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(1turn);
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity 0.3s;
    transform: translateZ(0px);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0px;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0px;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0px;
    padding: 0px;
    box-shadow: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0px);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform 0.2s, top 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, left 0.2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, right 0.2s;
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0px;
    top: 0px;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0px;
    top: 0px;
}

.swiper-pagination-lock {
    display: none;
}

.carousel .control-arrow, .carousel.carousel-slider .control-arrow {
    transition: 0.25s ease-in;
    opacity: 0.4;
    position: absolute;
    z-index: 2;
    top: 20px;
    background: none;
    border: 0px;
    font-size: 32px;
    cursor: pointer;
}

.carousel .control-arrow:focus, .carousel .control-arrow:hover {
    opacity: 1;
}

.carousel .control-arrow::before, .carousel.carousel-slider .control-arrow::before {
    margin: 0px 5px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: "";
}

.carousel .control-disabled.control-arrow {
    opacity: 0;
    cursor: inherit;
    display: none;
}

.carousel .control-prev.control-arrow {
    left: 0px;
}

.carousel .control-prev.control-arrow::before {
    border-right: 8px solid rgb(255, 255, 255);
}

.carousel .control-next.control-arrow {
    right: 0px;
}

.carousel .control-next.control-arrow::before {
    border-left: 8px solid rgb(255, 255, 255);
}

.carousel-root {
    outline: none;
}

.carousel {
    position: relative;
    width: 100%;
}

.carousel * {
    box-sizing: border-box;
}

.carousel img {
    width: 100%;
    display: inline-block;
    pointer-events: none;
}

.carousel .carousel {
    position: relative;
}

.carousel .control-arrow {
    outline: 0px;
    border: 0px;
    background: none;
    top: 50%;
    margin-top: -13px;
    font-size: 18px;
}

.carousel .thumbs-wrapper {
    margin: 20px;
    overflow: hidden;
}

.carousel .thumbs {
    transition: 0.15s ease-in;
    transform: translateZ(0px);
    position: relative;
    list-style: none;
    white-space: nowrap;
}

.carousel .thumb {
    transition: border 0.15s ease-in;
    display: inline-block;
    margin-right: 6px;
    white-space: nowrap;
    overflow: hidden;
    border: 3px solid rgb(255, 255, 255);
    padding: 2px;
}

.carousel .thumb:focus {
    border: 3px solid rgb(204, 204, 204);
    outline: none;
}

.carousel .thumb.selected, .carousel .thumb:hover {
    border: 3px solid rgb(51, 51, 51);
}

.carousel .thumb img {
    vertical-align: top;
}

.carousel.carousel-slider {
    position: relative;
    margin: 0px;
    overflow: hidden;
}

.carousel.carousel-slider .control-arrow {
    top: 0px;
    color: rgb(255, 255, 255);
    font-size: 26px;
    bottom: 0px;
    margin-top: 0px;
    padding: 5px;
}

.carousel.carousel-slider .control-arrow:hover {
    background: rgba(0, 0, 0, 0.2);
}

.carousel .slider-wrapper {
    overflow: hidden;
    margin: auto;
    width: 100%;
    transition: height 0.15s ease-in;
}

.carousel .slider-wrapper.axis-horizontal .slider {
    display: flex;
}

.carousel .slider-wrapper.axis-horizontal .slider .slide {
    flex-flow: column;
}

.carousel .slider-wrapper.axis-vertical {
    display: flex;
}

.carousel .slider-wrapper.axis-vertical .slider {
    flex-direction: column;
}

.carousel .slider {
    margin: 0px;
    padding: 0px;
    position: relative;
    list-style: none;
    width: 100%;
}

.carousel .slider.animated {
    transition: 0.35s ease-in-out;
}

.carousel .slide {
    min-width: 100%;
    margin: 0px;
    position: relative;
    text-align: center;
}

.carousel .slide img {
    width: 100%;
    vertical-align: top;
    border: 0px;
}

.carousel .slide iframe {
    display: inline-block;
    width: calc(100% - 80px);
    margin: 0px 40px 40px;
    border: 0px;
}

.carousel .slide .legend {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -45%;
    width: 90%;
    border-radius: 10px;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    padding: 10px;
    font-size: 12px;
    text-align: center;
    opacity: 0.25;
    transition: opacity 0.35s ease-in-out;
}

.carousel .control-dots {
    position: absolute;
    bottom: 0px;
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
    z-index: 1;
}

@media (min-width: 960px) {
    .carousel .control-dots {
        bottom: 0px;
    }
}

.carousel .control-dots .dot {
    transition: opacity 0.25s ease-in;
    opacity: 0.3;
    box-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    cursor: pointer;
    display: inline-block;
    margin: 0px 8px;
}

.carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover {
    opacity: 1;
}

.carousel .carousel-status {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    font-size: 10px;
    text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
    color: rgb(255, 255, 255);
}

.carousel:hover .slide .legend {
    opacity: 1;
}.carousel .control-arrow, .carousel.carousel-slider .control-arrow {
     transition: 0.25s ease-in;
     opacity: 0.4;
     position: absolute;
     z-index: 2;
     top: 20px;
     background: none;
     border: 0px;
     font-size: 32px;
     cursor: pointer;
 }

.carousel .control-arrow:focus, .carousel .control-arrow:hover {
    opacity: 1;
}

.carousel .control-arrow::before, .carousel.carousel-slider .control-arrow::before {
    margin: 0px 5px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: "";
}

.carousel .control-disabled.control-arrow {
    opacity: 0;
    cursor: inherit;
    display: none;
}

.carousel .control-prev.control-arrow {
    left: 0px;
}

.carousel .control-prev.control-arrow::before {
    border-right: 8px solid rgb(255, 255, 255);
}

.carousel .control-next.control-arrow {
    right: 0px;
}

.carousel .control-next.control-arrow::before {
    border-left: 8px solid rgb(255, 255, 255);
}

.carousel-root {
    outline: none;
}

.carousel {
    position: relative;
    width: 100%;
}

.carousel * {
    box-sizing: border-box;
}

.carousel img {
    width: 100%;
    display: inline-block;
    pointer-events: none;
}

.carousel .carousel {
    position: relative;
}

.carousel .control-arrow {
    outline: 0px;
    border: 0px;
    background: none;
    top: 50%;
    margin-top: -13px;
    font-size: 18px;
}

.carousel .thumbs-wrapper {
    margin: 20px;
    overflow: hidden;
}

.carousel .thumbs {
    transition: 0.15s ease-in;
    transform: translateZ(0px);
    position: relative;
    list-style: none;
    white-space: nowrap;
}

.carousel .thumb {
    transition: border 0.15s ease-in;
    display: inline-block;
    margin-right: 6px;
    white-space: nowrap;
    overflow: hidden;
    border: 3px solid rgb(255, 255, 255);
    padding: 2px;
}

.carousel .thumb:focus {
    border: 3px solid rgb(204, 204, 204);
    outline: none;
}

.carousel .thumb.selected, .carousel .thumb:hover {
    border: 3px solid rgb(51, 51, 51);
}

.carousel .thumb img {
    vertical-align: top;
}

.carousel.carousel-slider {
    position: relative;
    margin: 0px;
    overflow: hidden;
}

.carousel.carousel-slider .control-arrow {
    top: 0px;
    color: rgb(255, 255, 255);
    font-size: 26px;
    bottom: 0px;
    margin-top: 0px;
    padding: 5px;
}

.carousel.carousel-slider .control-arrow:hover {
    background: rgba(0, 0, 0, 0.2);
}

.carousel .slider-wrapper {
    overflow: hidden;
    margin: auto;
    width: 100%;
    transition: height 0.15s ease-in;
}

.carousel .slider-wrapper.axis-horizontal .slider {
    display: flex;
}

.carousel .slider-wrapper.axis-horizontal .slider .slide {
    flex-flow: column;
}

.carousel .slider-wrapper.axis-vertical {
    display: flex;
}

.carousel .slider-wrapper.axis-vertical .slider {
    flex-direction: column;
}

.carousel .slider {
    margin: 0px;
    padding: 0px;
    position: relative;
    list-style: none;
    width: 100%;
}

.carousel .slider.animated {
    transition: 0.35s ease-in-out;
}

.carousel .slide {
    min-width: 100%;
    margin: 0px;
    position: relative;
    text-align: center;
}

.carousel .slide img {
    width: 100%;
    vertical-align: top;
    border: 0px;
}

.carousel .slide iframe {
    display: inline-block;
    width: calc(100% - 80px);
    margin: 0px 40px 40px;
    border: 0px;
}

.carousel .slide .legend {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -45%;
    width: 90%;
    border-radius: 10px;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    padding: 10px;
    font-size: 12px;
    text-align: center;
    opacity: 0.25;
    transition: opacity 0.35s ease-in-out;
}

.carousel .control-dots {
    position: absolute;
    bottom: 0px;
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
    z-index: 1;
}

@media (min-width: 960px) {
    .carousel .control-dots {
        bottom: 0px;
    }
}

.carousel .control-dots .dot {
    transition: opacity 0.25s ease-in;
    opacity: 0.3;
    box-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    cursor: pointer;
    display: inline-block;
    margin: 0px 8px;
}

.carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover {
    opacity: 1;
}

.carousel .carousel-status {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    font-size: 10px;
    text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
    color: rgb(255, 255, 255);
}

.carousel:hover .slide .legend {
    opacity: 1;
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0px;
    z-index: 1;
    display: block;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translateZ(0px);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0px);
    backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
    transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center;
    scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50% center;
    box-sizing: border-box;
    border-radius: 50%;
    border-right-color: ;
    border-right-style: ;
    border-right-width: ;
    border-bottom-color: ;
    border-bottom-style: ;
    border-bottom-width: ;
    border-left-color: ;
    border-left-style: ;
    border-left-width: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    border-top: 4px solid transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: 1s linear 0s infinite normal none running swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(1turn);
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity 0.3s;
    transform: translateZ(0px);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0px;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0px;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0px;
    padding: 0px;
    box-shadow: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0px);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform 0.2s, top 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, left 0.2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, right 0.2s;
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0px;
    top: 0px;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0px;
    top: 0px;
}

.swiper-pagination-lock {
    display: none;
}
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0px;
    z-index: 1;
    display: block;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translateZ(0px);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0px);
    backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
    transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center;
    scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50% center;
    box-sizing: border-box;
    border-radius: 50%;
    border-right-color: ;
    border-right-style: ;
    border-right-width: ;
    border-bottom-color: ;
    border-bottom-style: ;
    border-bottom-width: ;
    border-left-color: ;
    border-left-style: ;
    border-left-width: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    border-top: 4px solid transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: 1s linear 0s infinite normal none running swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(1turn);
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity 0.3s;
    transform: translateZ(0px);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0px;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0px;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0px;
    padding: 0px;
    box-shadow: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0px);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform 0.2s, top 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, left 0.2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, right 0.2s;
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0px;
    top: 0px;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0px;
    top: 0px;
}

.swiper-pagination-lock {
    display: none;
}html {
                                              -webkit-font-smoothing: antialiased;
                                              -moz-osx-font-smoothing: grayscale;
                                              box-sizing: border-box;
                                              -webkit-text-size-adjust: 100%;
                                              -webkit-print-color-scheme: dark;
                                              color-scheme: dark;
                                          }

*, *::before, *::after {
    box-sizing: inherit;
}

strong, b {
    font-weight: 700;
}

body {
    margin: 0;
    color: #fff;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    /*background-color: #121212;*/
}

@media print {
    body {
        background-color: #fff;
    }
}

body::backdrop {
    background-color: #121212;
}

body, body * {
    /*scrollbar-color: #00000033 transparent;*/
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
    scrollbar-width: thin;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

body::-webkit-scrollbar, body *::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

body::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 20px;
}

body:hover::-webkit-scrollbar-thumb {
    background-color: #000;
}

*:hover::-webkit-scrollbar-thumb {
    background-color: #00000033;
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img, video {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

:fullscreen video, :-webkit-full-screen video {
    max-height: 100%;
    max-width: 100%;
}