@import url("css2.css");

body {
    transition: opacity ease-in 0.2s;
}

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

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

body {
    margin: 0px;
    color: rgb(241, 241, 243);
    background-color: rgb(27, 32, 48);
}

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

body {
    font-family: Inter, Arial;
    font-weight: 400;
    font-size: 0.875rem;
    min-width: 375px;
}

body>div:first-of-type {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.css-kp1w4j {
    height: 48px;
    position: sticky;
    top: 0px;
    transition: top 300ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1100;
    background-color: rgb(27, 32, 48);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    box-shadow: rgba(242, 243, 247, 0.16) 0px -1px 0px inset;
}

@media (min-width: 0px) {
    .css-kp1w4j {
        padding: 8px 8px 8px 20px;
    }
}

@media (min-width: 640px) {
    .css-kp1w4j {
        padding: 8px 20px;
    }
}

.css-1gux690 {
    margin: 0px 12px 0px 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    font-size: 0.875rem;
    color: rgb(234, 235, 239);
    text-decoration: none;
    line-height: 0;
    transition: 0.3s;
}

.css-1gux690:hover {
    opacity: 0.7;
}

.css-5hicrt {
    margin-right: 12px;
}

@media (min-width: 0px) {
    .css-1me2gch {
        display: none;
    }
}

@media (min-width: 960px) {
    .css-1me2gch {
        display: block;
    }
}

.css-1dvha5n {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    display: flex;
}

@media (min-width: 0px) {
    .css-1dvha5n {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (min-width: 960px) {
    .css-1dvha5n {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
    }
}

.css-yewinh {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

@media (min-width: 0px) {
    .css-yewinh {
        width: 100%;
        margin-right: 0px;
    }
}

@media (min-width: 960px) {
    .css-yewinh {
        width: unset;
        margin-right: 8px;
    }
}

.css-g5yq6m {
    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;
    min-width: 64px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 4px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    color: rgb(241, 241, 243);
    padding: 6px 8px;
    position: relative;
}

@media print {
    .css-g5yq6m {
        print-color-adjust: exact;
    }
}

.css-g5yq6m:hover {
    text-decoration: none;
    background-color: rgba(234, 235, 239, 0.08);
}

@media (hover: none) {
    .css-g5yq6m:hover {
        background-color: transparent;
    }
}

.css-g5yq6m:hover {
    box-shadow: none;
}

.css-g5yq6m:active {
    box-shadow: none;
}

.css-g5yq6m:hover.css-g5yq6m::after {
    transform: scaleX(1);
    transform-origin: left bottom;
}

.css-g5yq6m::after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -6px;
    left: 0px;
    background: linear-gradient(248.86deg, rgb(182, 80, 158) 10.51%, rgb(46, 186, 198) 93.41%);
    transform-origin: right bottom;
    transition: transform 0.25s ease-out;
}

.css-3y5xw2 {
    letter-spacing: 0.009375rem;
    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;
    min-width: 64px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 4px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    color: rgb(241, 241, 243);
    padding: 6px 8px;
    position: relative;
}

@media print {
    .css-3y5xw2 {
        print-color-adjust: exact;
    }
}

.css-3y5xw2:hover {
    text-decoration: none;
    background-color: rgba(234, 235, 239, 0.08);
}

@media (hover: none) {
    .css-3y5xw2:hover {
        background-color: transparent;
    }
}

.css-3y5xw2:hover {
    box-shadow: none;
}

.css-3y5xw2:active {
    box-shadow: none;
}

.css-3y5xw2:hover.css-3y5xw2::after {
    transform: scaleX(1);
    transform-origin: left bottom;
}

.css-3y5xw2::after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -6px;
    left: 0px;
    background: linear-gradient(248.86deg, rgb(182, 80, 158) 10.51%, rgb(46, 186, 198) 93.41%);
    transform-origin: right bottom;
    transition: transform 0.25s ease-out;
}

.css-16sp9pc {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    margin-left: 2px;
    font-size: 16px;
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out;
}

.css-8gmvqi {
    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;
    width: unset;
}

@media (min-width: 0px) {
    .css-8gmvqi {
        display: none;
    }
}

@media (min-width: 960px) {
    .css-8gmvqi {
        display: flex;
    }
}

.css-enszjw {
    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;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 4px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    color: rgb(241, 241, 243);
    min-width: unset;
    padding: 6px 8px;
}

@media print {
    .css-enszjw {
        print-color-adjust: exact;
    }
}

.css-enszjw:hover {
    text-decoration: none;
    background-color: rgba(234, 235, 239, 0.08);
}

@media (hover: none) {
    .css-enszjw:hover {
        background-color: transparent;
    }
}

.css-enszjw:hover {
    box-shadow: none;
}

.css-enszjw:active {
    box-shadow: none;
}

.css-enszjw:hover {
    background-color: rgba(250, 251, 252, 0.08);
}

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

.css-i9gxme {
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.css-17sgboj {
    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 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 4px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    color: rgb(255, 255, 255);
    border: 1px solid rgba(235, 235, 237, 0.12);
    background-color: rgb(56, 61, 81);
    padding: 7px 8px;
    min-width: unset;
}

@media print {
    .css-17sgboj {
        print-color-adjust: exact;
    }
}

.css-17sgboj:hover {
    text-decoration: none;
    background-color: rgba(241, 241, 243, 0.08);
}

@media (hover: none) {
    .css-17sgboj:hover {
        background-color: transparent;
    }
}

.css-17sgboj:hover {
    box-shadow: none;
}

.css-17sgboj:active {
    box-shadow: none;
}

.css-17sgboj:hover {
    background-color: rgb(27, 32, 48);
}

.css-q5q60p {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1.25rem;
    color: rgb(241, 241, 243);
}

@media (min-width: 0px) {
    .css-1100lx1 {
        display: flex;
    }
}

@media (min-width: 960px) {
    .css-1100lx1 {
        display: none;
    }
}

.css-b95f0i {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
}

.css-1e6kcma {
    background-color: rgb(27, 32, 48);
    color: rgb(241, 241, 243);
}

@media (min-width: 0px) {
    .css-1e6kcma {
        padding-top: 40px;
        padding-bottom: 72px;
    }
}

@media (min-width: 960px) {
    .css-1e6kcma {
        padding-top: 48px;
        padding-bottom: 80px;
    }
}

@media (min-width: 1280px) {
    .css-1e6kcma {
        padding-bottom: 94px;
    }
}

@media (min-width: 1575px) {
    .css-1e6kcma {
        padding-bottom: 92px;
    }
}

@media (min-width: 1800px) {
    .css-1e6kcma {
        padding-bottom: 96px;
    }
}

.css-bdugjf {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    padding-bottom: 0px;
}

@media (min-width: 760px) {
    .css-bdugjf {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (min-width: 1280px) {
    .css-bdugjf {
        max-width: 1280px;
    }
}

@media (min-width: 0px) {
    .css-bdugjf {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (min-width: 640px) {
    .css-bdugjf {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 760px) {
    .css-bdugjf {
        padding-left: 48px;
        padding-right: 48px;
    }
}

@media (min-width: 960px) {
    .css-bdugjf {
        padding-left: 96px;
        padding-right: 96px;
    }
}

@media (min-width: 1280px) {
    .css-bdugjf {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1575px) {
    .css-bdugjf {
        max-width: unset;
        padding-left: 96px;
        padding-right: 96px;
    }
}

@media (min-width: 1800px) {
    .css-bdugjf {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1440px;
    }
}

@media (min-width: 0px) {
    .css-bdugjf {
        padding-left: 8px;
        padding-right: 8px;
        max-width: unset;
    }
}

@media (min-width: 640px) {
    .css-bdugjf {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 760px) {
    .css-bdugjf {
        padding-left: 48px;
        padding-right: 48px;
    }
}

@media (min-width: 960px) {
    .css-bdugjf {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1280px) {
    .css-bdugjf {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1240px;
    }
}

@media (min-width: 1575px) {
    .css-bdugjf {
        padding-left: 96px;
        padding-right: 96px;
        max-width: unset;
    }
}

@media (min-width: 1800px) {
    .css-bdugjf {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1440px;
    }
}

@media (min-width: 0px) {
    .css-nkvznt {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (min-width: 640px) {
    .css-nkvznt {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.css-1czjwln {
    display: flex;
    margin-bottom: 16px;
}

@media (min-width: 0px) {
    .css-1czjwln {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (min-width: 640px) {
    .css-1czjwln {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
    }
}

.css-fz9rb7 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.css-83r7ag {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.css-1s2gcw8 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px 8px 0px 0px;
    border: 0px;
    vertical-align: top;
}

.css-1s2gcw8 .MuiOutlinedInput-notchedOutline {
    border: none;
}

.css-1ypy5va {
    color: rgb(241, 241, 243);
    line-height: 1.4375em;
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 6px;
    border-color: rgba(235, 235, 239, 0.08);
}

.css-1ypy5va:hover .MuiOutlinedInput-notchedOutline {
    border-color: rgb(241, 241, 243);
}

@media (hover: none) {
    .css-1ypy5va:hover .MuiOutlinedInput-notchedOutline {
        border-color: rgba(255, 255, 255, 0.23);
    }
}

.css-1ypy5va:hover .MuiOutlinedInput-notchedOutline {
    border-color: rgb(203, 205, 216);
}

.css-1ypy5va.MarketSwitcher__select .MuiSelect-outlined {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: transparent !important;
}

.css-1dyf9qo {
    appearance: none;
    user-select: none;
    border-radius: 4px;
    cursor: pointer;
    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: 16.5px 14px;
}

.css-1dyf9qo:focus {
    border-radius: 4px;
}

.css-1dyf9qo.css-1dyf9qo.css-1dyf9qo {
    padding-right: 32px;
}

.css-1dyf9qo.MuiSelect-select {
    height: auto;
    min-height: 1.4375em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.css-1dyf9qo.MuiSelect-select {
    background-color: rgb(56, 61, 81);
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    padding: 6px 12px;
    color: rgb(241, 241, 243);
}

.css-1dyf9qo:focus {
    outline: 0px;
}

.css-1dyf9qo:invalid {
    box-shadow: none;
}

.css-70qvj9 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.css-hjllk8 {
    margin-right: 8px;
    width: 32px;
    height: 32px;
    position: relative;
}

.css-171onha {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
}

.css-15vg6gj {
    margin: 0px 4px 0px 0px;
    font-family: Inter, Arial;
    font-weight: 700;
    letter-spacing: 0.015625rem;
    line-height: 123.5%;
    font-size: 2rem;
    color: rgb(255, 255, 255);
}

.css-1tgkox5 {
    color: rgb(255, 255, 255);
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 12px;
    background: linear-gradient(248.86deg, rgb(182, 80, 158) 10.51%, rgb(46, 186, 198) 93.41%);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.css-my2x37 {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.00625rem;
    line-height: 1rem;
    font-size: 0.75rem;
}

.css-fo7h32 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1.5rem;
    margin-left: 4px;
    color: rgb(241, 241, 243);
}

.css-10qjsex {
    margin: 2px 0px 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    color: rgb(255, 255, 255);
    font-size: 0.85rem;
    overflow-wrap: break-word;
    white-space: normal;
    line-height: 1.3;
    max-width: 100%;
}

.css-1k3x8v3 {
    bottom: 0px;
    left: 0px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    box-sizing: border-box;
}

.css-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);
}

.css-ihdtdm {
    float: unset;
    width: auto;
    overflow: hidden;
    padding: 0px;
    line-height: 11px;
    transition: width 150ms cubic-bezier(0, 0, 0.2, 1);
}

.css-1i3biuo {
    display: inline-flex;
    -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;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 4px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    color: rgb(255, 255, 255);
    border: 1px solid rgba(235, 235, 237, 0.12);
    background-color: rgb(56, 61, 81);
    padding: 7px 8px;
    min-width: unset;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
}

@media print {
    .css-1i3biuo {
        print-color-adjust: exact;
    }
}

.css-1i3biuo:hover {
    text-decoration: none;
    background-color: rgba(241, 241, 243, 0.08);
}

@media (hover: none) {
    .css-1i3biuo:hover {
        background-color: transparent;
    }
}

.css-1i3biuo:hover {
    box-shadow: none;
}

.css-1i3biuo:active {
    box-shadow: none;
}

.css-1i3biuo:hover {
    background-color: rgb(27, 32, 48);
}

@media (min-width: 0px) {
    .css-1i3biuo {
        display: none;
    }
}

@media (min-width: 760px) {
    .css-1i3biuo {
        display: flex;
    }
}

.css-1l3ntug {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    color: rgba(255, 255, 255, 0.3);
    font-size: 18px !important;
}

.css-p3e5yd {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.009375rem;
    line-height: 1.25rem;
    font-size: 0.875rem;
}

.css-k7vncv {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

@media (min-width: 0px) {
    .css-k7vncv {
        gap: 12px;
    }
}

@media (min-width: 640px) {
    .css-k7vncv {
        gap: 32px;
    }
}

.css-ltjh6b {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

@media (min-width: 0px) {
    .css-ltjh6b {
        width: calc(50% - 12px);
    }
}

@media (min-width: 640px) {
    .css-ltjh6b {
        width: unset;
    }
}

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

.css-18biwo {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
}

.css-1t8x1s2 {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
    color: rgb(165, 168, 182);
}

.css-1v1qjf7 {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    flex: 1 1 0%;
}

@media (min-width: 0px) {
    .css-1v1qjf7 {
        margin-top: -32px;
    }
}

@media (min-width: 1280px) {
    .css-1v1qjf7 {
        margin-top: -46px;
    }
}

@media (min-width: 1575px) {
    .css-1v1qjf7 {
        margin-top: -44px;
    }
}

@media (min-width: 1800px) {
    .css-1v1qjf7 {
        margin-top: -48px;
    }
}

.css-m5x3pi {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    padding-bottom: 39px;
}

@media (min-width: 760px) {
    .css-m5x3pi {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (min-width: 1280px) {
    .css-m5x3pi {
        max-width: 1280px;
    }
}

@media (min-width: 0px) {
    .css-m5x3pi {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (min-width: 640px) {
    .css-m5x3pi {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 760px) {
    .css-m5x3pi {
        padding-left: 48px;
        padding-right: 48px;
    }
}

@media (min-width: 960px) {
    .css-m5x3pi {
        padding-left: 96px;
        padding-right: 96px;
    }
}

@media (min-width: 1280px) {
    .css-m5x3pi {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1575px) {
    .css-m5x3pi {
        max-width: unset;
        padding-left: 96px;
        padding-right: 96px;
    }
}

@media (min-width: 1800px) {
    .css-m5x3pi {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1440px;
    }
}

@media (min-width: 0px) {
    .css-m5x3pi {
        padding-left: 8px;
        padding-right: 8px;
        max-width: unset;
    }
}

@media (min-width: 640px) {
    .css-m5x3pi {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 760px) {
    .css-m5x3pi {
        padding-left: 48px;
        padding-right: 48px;
    }
}

@media (min-width: 960px) {
    .css-m5x3pi {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1280px) {
    .css-m5x3pi {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1240px;
    }
}

@media (min-width: 1575px) {
    .css-m5x3pi {
        padding-left: 96px;
        padding-right: 96px;
        max-width: unset;
    }
}

@media (min-width: 1800px) {
    .css-m5x3pi {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1440px;
    }
}

.css-133srx4 {
    background-color: rgb(41, 46, 65);
    color: rgb(241, 241, 243);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 1px, rgba(0, 0, 0, 0.25) 0px 0px 1px;
    background-image: none;
    margin-top: 0px;
    border: 1px solid rgba(235, 235, 239, 0.08);
}

.css-1bdmiyt {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media (min-width: 0px) {
    .css-1bdmiyt {
        padding: 6px 16px 14px;
    }
}

@media (min-width: 640px) {
    .css-1bdmiyt {
        padding: 6px 24px 16px;
    }
}

@media (min-width: 760px) {
    .css-1bdmiyt {
        padding-top: 14px;
    }
}

.css-iwds49 {
    width: 100%;
    display: flex;
    padding-top: 3.6px;
    padding-bottom: 3.6px;
}

@media (min-width: 0px) {
    .css-iwds49 {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (min-width: 640px) {
    .css-iwds49 {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
    }
}

.css-12d2mry {
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.css-1m26qky {
    margin: 0px 16px 0px 0px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: unset;
    line-height: 133.4%;
    font-size: 1.3125rem;
}

.css-10p5fpm {
    height: 40px;
    width: unset;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.css-11c287j {
    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;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(235, 235, 239, 0.08);
    color: rgb(234, 235, 239);
    box-shadow: none;
    border-radius: 4px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    background: rgb(56, 61, 81);
    height: 38px;
    min-width: auto;
    width: unset;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 12px;
    padding: 6px 12px;
    text-transform: none;
}

@media print {
    .css-11c287j {
        print-color-adjust: exact;
    }
}

.css-11c287j:hover {
    text-decoration: none;
    background-color: rgba(234, 235, 239, 0.08);
    border: 1px solid rgb(234, 235, 239);
}

@media (hover: none) {
    .css-11c287j:hover {
        background-color: transparent;
    }
}

.css-11c287j:hover {
    box-shadow: none;
}

.css-11c287j:active {
    box-shadow: none;
}

.css-ti38tr {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.css-1muabki {
    user-select: none;
    display: inline-block;
    fill: currentcolor;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1.5rem;
    width: 14px;
    height: 14px;
    color: rgb(241, 241, 243);
    flex-shrink: 0;
}

.css-1v6lj4c {
    width: 100%;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.css-1cy87q9 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(235, 235, 239, 0.08);
    border-radius: 6px;
    height: 36px;
}

@media (min-width: 0px) {
    .css-1cy87q9 {
        width: 100%;
    }
}

@media (min-width: 760px) {
    .css-1cy87q9 {
        width: 340px;
    }
}

.css-14aub4a {
    margin-left: 8px;
    margin-top: 4px;
}

.css-bhhpxe {
    color: rgb(241, 241, 243);
    line-height: 1.4375em;
    box-sizing: border-box;
    position: relative;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

@media (min-width: 0px) {
    .css-bhhpxe {
        font-size: 16px;
    }
}

@media (min-width: 760px) {
    .css-bhhpxe {
        font-size: 14px;
    }
}

.css-8crlfm {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    padding: 4px 0px 5px;
    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;
}

.css-8crlfm:focus {
    outline: 0px;
}

.css-8crlfm:invalid {
    box-shadow: none;
}

.css-1iwk9i3 {
    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;
    font-size: 1.5rem;
    border-radius: 50%;
    overflow: visible;
    color: rgba(235, 235, 239, 0.56);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px;
    visibility: hidden;
}

@media print {
    .css-1iwk9i3 {
        print-color-adjust: exact;
    }
}

.css-1iwk9i3:hover {
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .css-1iwk9i3:hover {
        background-color: transparent;
    }
}

.css-13o7eu2 {
    display: block;
}

.css-1qm1lh {
    margin-bottom: 16px;
}

.css-1pfbbmq {
    padding-top: 20px;
    margin-bottom: 40px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

@media (min-width: 960px) {
    .css-1pfbbmq {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.css-1yybetw {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
    color: rgb(234, 235, 239);
    text-decoration: none;
    flex-direction: column;
    align-items: flex-start;
    height: 188px;
    display: flex;
    background-color: rgba(57, 55, 90, 0.5);
    position: relative;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media (min-width: 0px) {
    .css-1yybetw {
        gap: 24px;
    }
}

@media (min-width: 960px) {
    .css-1yybetw {
        border-radius: 16px;
    }
}

@media (min-width: 780px) {
    .css-1yybetw {
        height: 116px;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
    }
}

.css-r6ce1r {
    height: 130px;
    margin-bottom: 8px;
    margin-right: -32px;
    display: block;
}

.css-fr0jat {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
}

@media (min-width: 0px) {
    .css-fr0jat {
        font-family: Inter, Arial;
        font-weight: 600;
        letter-spacing: 0.009375rem;
        line-height: 1.25rem;
        font-size: 0.875rem;
    }
}

@media (min-width: 960px) {
    .css-fr0jat {
        font-family: Inter, Arial;
        font-weight: 600;
        letter-spacing: 0.009375rem;
        line-height: 1.5rem;
        font-size: 1rem;
    }
}

@media (min-width: 1125px) {
    .css-fr0jat {
        font-family: Inter, Arial;
        font-weight: 600;
        letter-spacing: 0.009375rem;
        line-height: 160%;
        font-size: 1.125rem;
    }
}

.css-pgbmo1 {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
    color: rgb(165, 168, 182);
}

@media (min-width: 0px) {
    .css-pgbmo1 {
        font-family: Inter, Arial;
        font-weight: 400;
        letter-spacing: 0.009375rem;
        line-height: 1rem;
        font-size: 0.75rem;
    }
}

@media (min-width: 1125px) {
    .css-pgbmo1 {
        font-family: Inter, Arial;
        font-weight: 400;
        letter-spacing: 0.009375rem;
        line-height: 143%;
        font-size: 0.875rem;
    }
}

.css-77mr2t {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    gap: 12px;
}

.css-kfamvs {
    user-select: none;
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-align: center;
    flex-shrink: 0;
    display: block;
    position: relative;
    border-radius: 50%;
    font-size: 38px;
}

.css-1lxwves {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.css-ms4m1p {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(165, 168, 182);
}

@media (min-width: 0px) {
    .css-ms4m1p {
        font-family: Inter, Arial;
        font-weight: 400;
        letter-spacing: 0.009375rem;
        line-height: 1rem;
        font-size: 0.75rem;
    }
}

@media screen and (min-width: 1125px) {
    .css-ms4m1p {
        font-family: Inter, Arial;
        font-weight: 400;
        letter-spacing: 0.009375rem;
        line-height: 143%;
        font-size: 0.875rem;
    }
}

.css-1rb96xy {
    letter-spacing: 0.009375rem;
    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 32px 0px 48px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    min-width: 64px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: rgba(0, 0, 0, 0.87);
    background-color: rgb(234, 235, 239);
    box-shadow: none;
    border-radius: 4px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    padding: 6px 12px;
}

@media print {
    .css-1rb96xy {
        print-color-adjust: exact;
    }
}

.css-1rb96xy:hover {
    text-decoration: none;
    background-color: rgb(210, 212, 220);
    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) {
    .css-1rb96xy:hover {
        background-color: rgb(234, 235, 239);
    }
}

.css-1rb96xy: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;
}

.css-1rb96xy:hover {
    box-shadow: none;
}

.css-1rb96xy:active {
    box-shadow: none;
}

.css-1qutw7v {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex: 1 1 0%;
    min-width: 70px;
    max-width: 280px;
    overflow: visible;
    padding: 4px;
}

.css-1h4si8e {
    padding-left: 14px;
    overflow: hidden;
}

.css-11udp8r {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    flex: 1 1 0%;
    min-width: 70px;
    overflow: visible;
    padding: 4px;
}

.css-h6n8ks {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    flex: 1 1 0%;
    min-width: 95px;
    max-width: 95px;
    overflow: visible;
    padding: 4px;
}

.css-103kn7e {
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    gap: 22px;
    box-shadow: rgba(255, 255, 255, 0.12) 0px 1px 0px inset;
}

@media (min-width: 0px) {
    .css-103kn7e {
        padding: 22px 0px 40px;
        flex-direction: column;
    }
}

@media (min-width: 640px) {
    .css-103kn7e {
        padding: 0px 22px 0px 40px;
        flex-direction: column;
    }
}

@media (min-width: 760px) {
    .css-103kn7e {
        padding: 20px 22px;
        flex-direction: row;
    }
}

.css-15zum9u {
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    align-items: center;
}

.css-tgjpic {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
    text-decoration: none;
    color: rgb(142, 146, 163);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.css-tgjpic:hover {
    color: rgb(241, 241, 243);
}

.css-1o62gjw {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 1rem;
    font-size: 0.75rem;
}

.css-1poxqjx {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
    text-decoration: none;
    color: rgb(142, 146, 163);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.css-1poxqjx:hover {
    color: rgb(241, 241, 243);
}

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

@media (min-width: 0px) {
    .css-qe1uop {
        font-size: 24px;
    }
}

@media (min-width: 640px) {
    .css-qe1uop {
        font-size: 24px;
    }
}

@media (min-width: 760px) {
    .css-qe1uop {
        font-size: 20px;
    }
}

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

.css-1w611nc {
    position: fixed;
    z-index: 1300;
    inset: 0px;
    visibility: hidden;
}

.css-1w611nc .MuiPaper-root {
    background-color: rgb(41, 46, 65);
    border: 1px solid rgba(235, 235, 239, 0.08);
}

.css-esi9ax {
    position: fixed;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    inset: 0px;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    z-index: -1;
}

.css-1tiw2lk {
    color: rgb(241, 241, 243);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    border: 1px solid rgba(235, 235, 239, 0.08);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 10px;
    background: rgb(56, 61, 81);
    position: absolute;
    overflow: hidden auto;
    min-width: 16px;
    min-height: 16px;
    max-width: calc(100% - 32px);
    outline: 0px;
    max-height: calc(100% - 96px);
}

.css-rl9mto {
    list-style: none;
    margin: 0px;
    padding: 4px 0px;
    position: relative;
    outline: 0px;
}

.css-163k3hz {
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
    -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;
    color: inherit;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 12px 16px;
    min-width: 140px;
}

@media print {
    .css-163k3hz {
        print-color-adjust: exact;
    }
}

.css-163k3hz:hover {
    text-decoration: none;
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .css-163k3hz:hover {
        background-color: transparent;
    }
}

@media (min-width: 760px) {
    .css-163k3hz {
        min-height: auto;
    }
}

.css-fu4g2f {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: 0.009375rem;
    line-height: 1.25rem;
    font-size: 0.875rem;
}

.css-xuzscv {
    position: fixed;
    z-index: 1300;
    inset: 0px;
    visibility: hidden;
}

.css-14d7i0e {
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border-width: 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    color: inherit;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    box-sizing: border-box;
    white-space: nowrap;
    border-bottom-style: solid;
    border-bottom-color: rgba(235, 235, 239, 0.08);
    background-clip: padding-box;
    padding: 12px 16px;
}

@media print {
    .css-14d7i0e {
        print-color-adjust: exact;
    }
}

.css-14d7i0e:hover {
    text-decoration: none;
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .css-14d7i0e:hover {
        background-color: transparent;
    }
}

@media (min-width: 760px) {
    .css-14d7i0e {
        min-height: auto;
    }
}

.css-1hn3osy {
    -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;
    color: inherit;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 12px 16px;
}

@media print {
    .css-1hn3osy {
        print-color-adjust: exact;
    }
}

.css-1hn3osy:hover {
    text-decoration: none;
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .css-1hn3osy:hover {
        background-color: transparent;
    }
}

.css-1hn3osy .MuiListItemText-root {
    margin-top: 0px;
    margin-bottom: 0px;
}

@media (min-width: 760px) {
    .css-1hn3osy {
        min-height: auto;
    }
}

.css-1wkhg8r {
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
    -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;
    color: inherit;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 12px 16px;
}

@media print {
    .css-1wkhg8r {
        print-color-adjust: exact;
    }
}

.css-1wkhg8r:hover {
    text-decoration: none;
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .css-1wkhg8r:hover {
        background-color: transparent;
    }
}

.css-1wkhg8r .MuiListItemText-root {
    margin-top: 0px;
    margin-bottom: 0px;
}

.css-1wkhg8r .MuiListItemIcon-root {
    min-width: 36px;
}

@media (min-width: 760px) {
    .css-1wkhg8r {
        min-height: auto;
    }
}

.css-o79a0b {
    flex-shrink: 0;
    display: inline-flex;
    color: rgb(241, 241, 243);
    margin-right: 12px;
    min-width: unset !important;
}

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

.css-1bff9c9 {
    flex: 1 1 auto;
    min-width: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: 0.009375rem;
    line-height: 1.25rem;
    font-size: 0.875rem;
}

.css-12sut97 {
    margin: 0px;
    display: block;
}

.css-4cuzhb {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
    margin-right: 8px;
}

.css-4cuzhb .MuiBadge-badge {
    top: 2px;
    right: 2px;
    border-radius: 20px;
    width: 10px;
    height: 10px;
    background-color: rgb(244, 143, 177);
    color: rgb(244, 143, 177);
}

.css-4cuzhb .MuiBadge-badge::after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: 1.2s ease-in-out 0s infinite normal none running ripple;
    border: 1px solid currentcolor;
    content: "";
}

.css-sp2i6c {
    display: inline-flex;
    -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;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 4px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    color: rgb(255, 255, 255);
    border: 1px solid rgba(235, 235, 237, 0.12);
    background-color: rgb(56, 61, 81);
    padding: 7px 8px;
    min-width: unset;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
}

@media print {
    .css-sp2i6c {
        print-color-adjust: exact;
    }
}

.css-sp2i6c:hover {
    text-decoration: none;
    background-color: rgba(241, 241, 243, 0.08);
}

@media (hover: none) {
    .css-sp2i6c:hover {
        background-color: transparent;
    }
}

.css-sp2i6c:hover {
    box-shadow: none;
}

.css-sp2i6c:active {
    box-shadow: none;
}

.css-sp2i6c:hover {
    background-color: rgb(27, 32, 48);
}

.css-sw696k {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: 0.009375rem;
    line-height: 1.25rem;
    font-size: 0.875rem;
}

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

.css-ahsrku {
    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-family: Inter, Arial;
    font-weight: 500;
    font-size: 0.75rem;
    min-width: 20px;
    line-height: 1;
    padding: 0px 6px;
    height: 20px;
    border-radius: 10px;
    z-index: 1;
    background-color: rgb(244, 143, 177);
    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);
}

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

.css-1197euy {
    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-family: Inter, Arial;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1;
    z-index: 1;
    background-color: rgb(244, 143, 177);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 4px;
    height: 8px;
    min-width: 8px;
    padding: 0px;
    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);
}

.css-1197euy.MuiBadge-invisible {
    transform: scale(0) translate(50%, -50%);
}

.css-ykkv87 {
    position: fixed;
    z-index: 1300;
    inset: 0px;
    visibility: hidden;
}

.css-ykkv87 .MuiMenuItem-root.Mui-disabled {
    opacity: 1;
}

.css-1mbm7em {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 4px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    color: inherit;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 12px 16px;
}

.css-1mbm7em.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-1mbm7em {
        print-color-adjust: exact;
    }
}

.css-1mbm7em:hover {
    text-decoration: none;
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .css-1mbm7em:hover {
        background-color: transparent;
    }
}

.css-1mbm7em.Mui-disabled {
    opacity: 0.38;
}

@media (min-width: 760px) {
    .css-1mbm7em {
        min-height: auto;
    }
}

.css-1ihr2wc {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.00625rem;
    line-height: 1rem;
    font-size: 0.75rem;
    color: rgb(165, 168, 182);
}

.css-1bvwjcp {
    -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;
    color: inherit;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 12px 16px;
}

@media print {
    .css-1bvwjcp {
        print-color-adjust: exact;
    }
}

.css-1bvwjcp:hover {
    text-decoration: none;
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .css-1bvwjcp:hover {
        background-color: transparent;
    }
}

.css-1bvwjcp .MuiListItemText-root {
    margin-top: 0px;
    margin-bottom: 0px;
}

@media (min-width: 760px) {
    .css-1bvwjcp {
        min-height: auto;
    }
}

@media (min-width: 0px) {
    .css-1bvwjcp {
        color: rgb(241, 241, 243);
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

@media (min-width: 960px) {
    .css-1bvwjcp {
        color: rgb(241, 241, 243);
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.css-17jn1ih {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    margin-left: 16px;
    flex-direction: row-reverse;
    margin-right: 0px;
}

.css-cybp3x {
    display: inline-flex;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    flex-shrink: 0;
    z-index: 0;
    vertical-align: middle;
    height: 32px;
    width: 46px;
    padding: 6px;
}

@media print {
    .css-cybp3x {
        print-color-adjust: exact;
    }
}

@media (min-width: 0px) {
    .css-cybp3x .MuiSwitch-track {
        background-color: rgba(255, 255, 255, 0.12);
    }
}

@media (min-width: 960px) {
    .css-cybp3x .MuiSwitch-track {
        background-color: rgb(241, 241, 243);
    }
}

.css-vn8sp {
    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;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    color: rgb(224, 224, 224);
    transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 8px;
}

@media print {
    .css-vn8sp {
        print-color-adjust: exact;
    }
}

.css-vn8sp.Mui-checked {
    transform: translateX(20px);
}

.css-vn8sp.Mui-checked+.MuiSwitch-track {
    opacity: 0.5;
}

.css-vn8sp .MuiSwitch-input {
    left: -100%;
    width: 300%;
}

.css-vn8sp:hover {
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .css-vn8sp:hover {
        background-color: transparent;
    }
}

.css-vn8sp.Mui-checked {
    color: rgb(234, 235, 239);
}

.css-vn8sp.Mui-checked:hover {
    background-color: rgba(234, 235, 239, 0.08);
}

@media (hover: none) {
    .css-vn8sp.Mui-checked:hover {
        background-color: transparent;
    }
}

.css-vn8sp.Mui-checked+.MuiSwitch-track {
    background-color: rgb(234, 235, 239);
}

.css-vn8sp.Mui-checked {
    transform: translateX(14px);
}

.css-vn8sp.Mui-checked+.MuiSwitch-track {
    background-color: rgb(102, 187, 106);
    opacity: 1;
}

.css-1m9pwf3 {
    cursor: inherit;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 1;
}

.css-uz25m2 {
    background-color: currentcolor;
    color: rgb(255, 255, 255);
    border-radius: 6px;
    width: 16px;
    height: 16px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 1px;
}

.css-5w2f18 {
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
    background-color: rgba(235, 235, 239, 0.56);
    border-radius: 8px;
}

.css-1nkijli {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
}

.css-jgdezg {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding: 8px 16px;
    cursor: pointer;
}

@media (min-width: 0px) {
    .css-jgdezg {
        color: rgb(241, 241, 243);
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

@media (min-width: 960px) {
    .css-jgdezg {
        color: rgb(241, 241, 243);
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.css-hhhx1n {
    -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;
    color: inherit;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 12px 16px;
}

@media print {
    .css-hhhx1n {
        print-color-adjust: exact;
    }
}

.css-hhhx1n:hover {
    text-decoration: none;
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .css-hhhx1n:hover {
        background-color: transparent;
    }
}

.css-hhhx1n .MuiListItemText-root {
    margin-top: 0px;
    margin-bottom: 0px;
}

@media (min-width: 760px) {
    .css-hhhx1n {
        min-height: auto;
    }
}

@media (min-width: 0px) {
    .css-hhhx1n {
        color: rgb(241, 241, 243);
    }
}

@media (min-width: 960px) {
    .css-hhhx1n {
        color: rgb(241, 241, 243);
    }
}

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

@media (min-width: 0px) {
    .css-10ga8kg {
        color: rgb(241, 241, 243);
    }
}

@media (min-width: 960px) {
    .css-10ga8kg {
        color: rgb(241, 241, 243);
    }
}

.css-1m6wsd1 {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 4px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    color: inherit;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 12px 16px;
}

@media print {
    .css-1m6wsd1 {
        print-color-adjust: exact;
    }
}

.css-1m6wsd1:hover {
    text-decoration: none;
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .css-1m6wsd1:hover {
        background-color: transparent;
    }
}

.css-1m6wsd1 .MuiListItemText-root {
    margin-top: 0px;
    margin-bottom: 0px;
}

.css-1m6wsd1 .MuiListItemIcon-root {
    min-width: 36px;
}

@media (min-width: 760px) {
    .css-1m6wsd1 {
        min-height: auto;
    }
}

@media (min-width: 0px) {
    .css-1m6wsd1 {
        color: rgb(241, 241, 243);
    }
}

@media (min-width: 960px) {
    .css-1m6wsd1 {
        color: rgb(241, 241, 243);
    }
}

.css-1jrnzya {
    flex-shrink: 0;
    display: inline-flex;
    color: rgb(241, 241, 243);
    margin-right: 8px;
    min-width: unset !important;
}

@media (min-width: 0px) {
    .css-1jrnzya {
        color: rgb(241, 241, 243);
    }
}

@media (min-width: 960px) {
    .css-1jrnzya {
        color: rgb(241, 241, 243);
    }
}

.css-1ahntzt {
    -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;
    color: inherit;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 12px 16px;
}

@media print {
    .css-1ahntzt {
        print-color-adjust: exact;
    }
}

.css-1ahntzt:hover {
    text-decoration: none;
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .css-1ahntzt:hover {
        background-color: transparent;
    }
}

.css-1ahntzt .MuiListItemText-root {
    margin-top: 0px;
    margin-bottom: 0px;
}

.css-1ahntzt .MuiListItemIcon-root {
    min-width: 36px;
}

@media (min-width: 760px) {
    .css-1ahntzt {
        min-height: auto;
    }
}

@media (min-width: 0px) {
    .css-1ahntzt {
        color: rgb(241, 241, 243);
    }
}

@media (min-width: 960px) {
    .css-1ahntzt {
        color: rgb(241, 241, 243);
    }
}

.css-1ahntzt .MuiListItemIcon-root {
    min-width: unset;
}

.css-2rw4ax {
    flex-shrink: 0;
    display: inline-flex;
    color: rgb(241, 241, 243);
    margin-right: 12px;
    border-radius: 2px;
    overflow: hidden;
    width: 20px;
    height: 14px;
    min-width: unset !important;
}

.css-5rwpj6 {
    flex-shrink: 0;
    display: inline-flex;
    color: rgb(241, 241, 243);
    margin: 0px;
    min-width: unset !important;
}

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

@media (min-width: 0px) {
    .css-1dl5zgf {
        color: rgb(241, 241, 243);
    }
}

@media (min-width: 960px) {
    .css-1dl5zgf {
        color: rgb(241, 241, 243);
    }
}

.css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-1y4kwyt {
    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;
    min-width: 64px;
    box-shadow: none;
    border-radius: 4px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    padding: 6px 12px;
    color: rgb(255, 255, 255);
    background: linear-gradient(248.86deg, rgb(182, 80, 158) 10.51%, rgb(46, 186, 198) 93.41%);
    transition: 0.2s;
}

@media print {
    .css-1y4kwyt {
        print-color-adjust: exact;
    }
}

.css-1y4kwyt:hover {
    text-decoration: none;
    background-color: rgba(241, 241, 243, 0.08);
}

@media (hover: none) {
    .css-1y4kwyt:hover {
        background-color: transparent;
    }
}

.css-1y4kwyt:hover {
    box-shadow: none;
}

.css-1y4kwyt:active {
    box-shadow: none;
}

.css-1y4kwyt:hover {
    background: linear-gradient(248.86deg, rgb(182, 80, 158) 10.51%, rgb(46, 186, 198) 93.41%);
    opacity: 0.9;
}

.css-1r9kwv0 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    -webkit-box-align: center;
    align-items: center;
}

.css-rz1yuo {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: 0.009375rem;
    line-height: 160%;
    font-size: 1.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.css-h0jmik {
    margin: 0px 2px 0px 0px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: 0.009375rem;
    line-height: 160%;
    font-size: 1.125rem;
    color: rgb(165, 168, 182);
}

.css-1x4zjhu {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 800;
    line-height: 133.4%;
    font-size: 1.3125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.css-vj5di1 {
    margin: 0px 2px 0px 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 133.4%;
    font-size: 1.3125rem;
    color: rgb(165, 168, 182);
}

.css-15o7mdw {
    display: flex;
    align-items: flex-end;
    padding: 16px 24px 4px;
    position: sticky;
    top: 0px;
    z-index: 100;
    background-color: rgb(41, 46, 65);
    border-bottom: 1px solid rgba(235, 235, 239, 0.08);
    border-top-color: rgba(235, 235, 239, 0.08);
    border-right-color: rgba(235, 235, 239, 0.08);
    border-left-color: rgba(235, 235, 239, 0.08);
}

.css-18phtf6 {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.00625rem;
    line-height: 1rem;
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(165, 168, 182);
    cursor: pointer;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
}

.css-14dkifd {
    display: inline-flex;
    flex-direction: column;
    margin-left: 4px;
}

.css-1hf8ilx {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 4px 4px;
    border-color: transparent transparent rgba(235, 235, 239, 0.08);
    margin-bottom: 2px;
}

.css-1ojixww {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 4px 0px;
    border-color: rgba(235, 235, 239, 0.08) transparent transparent;
}

.css-ulme3a {
    display: inline-flex;
    cursor: pointer;
    transition: 0.2s;
}

.css-ulme3a:hover {
    opacity: 0.5;
}

.css-1osfq0k {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 0px 2px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    overflow: visible;
    color: rgba(235, 235, 239, 0.56);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    padding: 0px;
    min-width: 0px;
}

@media print {
    .css-1osfq0k {
        print-color-adjust: exact;
    }
}

.css-1osfq0k:hover {
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .css-1osfq0k:hover {
        background-color: transparent;
    }
}

.css-jmow5f {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 14px;
    color: rgb(142, 146, 163);
    border-radius: 50%;
}

.css-jmow5f:hover {
    color: rgb(41, 182, 246);
}

.css-mu1v6l {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    flex: 1 1 0%;
    min-width: 95px;
    max-width: 95px;
    overflow: visible;
    padding: 4px;
}

.css-1xn22wp {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 76px;
    padding-left: 24px;
    padding-right: 24px;
    cursor: pointer;
}

.css-1xn22wp:not(:last-child) {
    border-bottom: 1px solid rgba(235, 235, 239, 0.08);
    border-top-color: rgba(235, 235, 239, 0.08);
    border-right-color: rgba(235, 235, 239, 0.08);
    border-left-color: rgba(235, 235, 239, 0.08);
}

.css-1xn22wp:hover {
    background-color: rgba(235, 235, 239, 0.08);
}

.css-1ux336h {
    user-select: none;
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-align: center;
    flex-shrink: 0;
    font-size: 2rem;
    display: flex;
    position: relative;
    border-radius: 50%;
}

.css-q5nex2 {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: 0.009375rem;
    line-height: 1.5rem;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 0px) {
    .css-fenhea {
        padding: 0px;
    }
}

@media (min-width: 640px) {
    .css-fenhea {
        padding: 3.625px 0px;
    }
}

.css-dl1fzi {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.00625rem;
    line-height: 1rem;
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(142, 146, 163);
}

.css-1ogi1pb {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: 0.009375rem;
    line-height: 1.5rem;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.css-1xwiwhj {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media (min-width: 0px) {
    .css-1xwiwhj {
        padding: 0px;
    }
}

@media (min-width: 640px) {
    .css-1xwiwhj {
        padding: 3.625px 0px;
    }
}

.css-cyw6g5 {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.00625rem;
    line-height: 1rem;
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(165, 168, 182);
    display: inline-flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.css-1x1c6wp {
    margin: 0px 2px 0px 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.00625rem;
    line-height: 1rem;
    font-size: 0.75rem;
    color: rgb(165, 168, 182);
}

.css-12582xc {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    gap: 4px;
}

@media (min-width: 0px) {
    .css-12582xc {
        align-items: flex-end;
    }
}

@media (min-width: 640px) {
    .css-12582xc {
        -webkit-box-align: center;
        align-items: center;
    }
}

.css-1vssp9z {
    margin: 0px 0px 0px 2px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.009375rem;
    line-height: 1.5rem;
    font-size: 1rem;
    color: rgb(165, 168, 182);
}

.css-rqnzhk {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-10ybyyq {
    letter-spacing: 0.009375rem;
    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;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(235, 235, 239, 0.08);
    color: rgb(234, 235, 239);
    box-shadow: none;
    border-radius: 4px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    padding: 6px 12px;
    background: rgb(56, 61, 81);
}

@media print {
    .css-10ybyyq {
        print-color-adjust: exact;
    }
}

.css-10ybyyq:hover {
    text-decoration: none;
    background-color: rgba(234, 235, 239, 0.08);
    border: 1px solid rgb(234, 235, 239);
}

@media (hover: none) {
    .css-10ybyyq:hover {
        background-color: transparent;
    }
}

.css-10ybyyq:hover {
    box-shadow: none;
}

.css-10ybyyq:active {
    box-shadow: none;
}

.css-owk8ol {
    margin: 0px 2px 0px 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.009375rem;
    line-height: 1.5rem;
    font-size: 1rem;
    color: rgb(165, 168, 182);
}

.css-5wpzg3 {
    display: inline-flex;
    cursor: pointer;
    transition: 0.2s;
}

.css-5wpzg3:hover {
    opacity: 1;
}

.css-1jqr7ck {
    border: 1px solid rgba(235, 235, 239, 0.08);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    transition: opacity 0.2s;
    background-color: transparent;
}

@media (min-width: 0px) {
    .css-1jqr7ck {
        padding: 0px 4px;
    }
}

@media (min-width: 640px) {
    .css-1jqr7ck {
        padding: 2px 4px;
    }
}

.css-1jqr7ck:hover {
    background-color: rgba(235, 235, 239, 0.08);
    border-color: rgba(235, 235, 239, 0.3);
}

.css-12z0wuy {
    margin-right: 8px;
}

.css-vxcmzt {
    display: inline-flex;
}

.css-1ma60wi {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.009375rem;
    line-height: 1.25rem;
    font-size: 0.875rem;
    color: rgb(165, 168, 182);
}

.css-qxv31r {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: 0.009375rem;
    line-height: 1.5rem;
    font-size: 1rem;
    color: rgb(165, 168, 182);
}

.css-16jy9gd {
    margin-left: 8px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.css-1h55dmz {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 0px 2px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    overflow: visible;
    color: rgba(235, 235, 239, 0.56);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 0px;
    min-width: 0px;
}

@media print {
    .css-1h55dmz {
        print-color-adjust: exact;
    }
}

.css-1h55dmz:hover {
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .css-1h55dmz:hover {
        background-color: transparent;
    }
}

.css-eg4kr6 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 20px;
    color: rgb(142, 146, 163);
    border-radius: 50%;
}

.css-eg4kr6:hover {
    color: rgb(41, 182, 246);
}

.css-1fouq79 {
    margin: 0px 2px 0px 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.00625rem;
    line-height: 1rem;
    font-size: 0.75rem;
    color: rgb(142, 146, 163);
}

.css-6xxvev {
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    transition: opacity 0.2s;
}

.css-6xxvev:hover {
    background-color: rgba(235, 235, 239, 0.08);
    border-color: rgba(235, 235, 239, 0.3);
}

.css-1o3848f {
    padding: 2px;
}

.css-1do422x {
    border: 1px solid rgb(255, 167, 38);
    color: rgb(255, 167, 38);
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 2px;
    margin-top: 2px;
    cursor: pointer;
}

.css-1do422x:hover {
    opacity: 0.6;
}

.css-1yhzaxq {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.00625rem;
    font-size: 0.75rem;
    color: rgb(255, 167, 38);
    line-height: 0.75rem;
}

.css-nqvctb {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    margin-left: 3px;
    color: rgb(255, 167, 38);
    font-size: 14px;
}

.css-1taonws {
    margin-top: 40px;
}

@media (min-width: 0px) {
    .css-1taonws {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (min-width: 640px) {
    .css-1taonws {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.css-133tydp {
    margin: 0px 0px 16px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: 0.009375rem;
    line-height: 1.5rem;
    font-size: 1rem;
}

.css-1b9d2i2 {
    display: inline-flex;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    flex-shrink: 0;
    z-index: 0;
    vertical-align: middle;
    height: 32px;
    width: 46px;
    padding: 6px;
}

@media print {
    .css-1b9d2i2 {
        print-color-adjust: exact;
    }
}

.css-1nsgf3f {
    margin: 0px 0px 0px 2px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: 0.009375rem;
    line-height: 160%;
    font-size: 1.125rem;
    color: rgb(165, 168, 182);
}

.css-133srx4.mobile-only {
    background-color: rgb(41, 46, 65);
    color: rgb(241, 241, 243);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 1px, rgba(0, 0, 0, 0.25) 0px 0px 1px;
    background-image: none;
    margin-top: 0px;
    border: 1px solid rgba(235, 235, 239, 0.08);
}

.mobile-only .css-70qvj9 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.mobile-only .css-171onha {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
}

.mobile-only .css-j7qwjs {
    display: flex;
    flex-direction: column;
}

.mobile-only .css-1bdmiyt {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media (min-width: 0px) {
    .mobile-only .css-1bdmiyt {
        padding: 6px 16px 14px;
    }
}

@media (min-width: 640px) {
    .mobile-only .css-1bdmiyt {
        padding: 6px 24px 16px;
    }
}

@media (min-width: 760px) {
    .mobile-only .css-1bdmiyt {
        padding-top: 14px;
    }
}

.mobile-only .css-iwds49 {
    width: 100%;
    display: flex;
    padding-top: 3.6px;
    padding-bottom: 3.6px;
}

@media (min-width: 0px) {
    .mobile-only .css-iwds49 {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (min-width: 640px) {
    .mobile-only .css-iwds49 {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
    }
}

.mobile-only .css-12d2mry {
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.mobile-only .css-1m26qky {
    margin: 0px 16px 0px 0px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: unset;
    line-height: 133.4%;
    font-size: 1.3125rem;
}

.mobile-only .css-ti38tr {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.mobile-only .css-1muabki {
    user-select: none;
    display: inline-block;
    fill: currentcolor;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1.5rem;
    width: 14px;
    height: 14px;
    color: #f1f1f3;
    flex-shrink: 0;
}

.mobile-only .css-13o7eu2 {
    display: block;
}

.mobile-only .css-1qm1lh {
    margin-bottom: 16px;
}

.mobile-only .css-1pfbbmq {
    padding-top: 20px;
    margin-bottom: 40px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

@media (min-width: 960px) {
    .mobile-only .css-1pfbbmq {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.mobile-only .css-1yybetw {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
    color: #eaebef;
    text-decoration: none;
    flex-direction: column;
    align-items: flex-start;
    height: 188px;
    display: flex;
    background-color: rgba(57, 55, 90, 0.5);
    position: relative;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media (min-width: 0px) {
    .mobile-only .css-1yybetw {
        gap: 24px;
    }
}

@media (min-width: 960px) {
    .mobile-only .css-1yybetw {
        border-radius: 16px;
    }
}

@media (min-width: 780px) {
    .mobile-only .css-1yybetw {
        height: 116px;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
    }
}

.mobile-only .css-1lxwves {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.mobile-only .css-10dohqv {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1.5rem;
}

.mobile-only .css-fu4g2f {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: 0.009375rem;
    line-height: 1.25rem;
    font-size: 0.875rem;
}

.mobile-only .css-1ihr2wc {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.00625rem;
    line-height: 1rem;
    font-size: 0.75rem;
    color: #a5a8b6;
}

.mobile-only .css-vn8sp {
    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;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    color: #e0e0e0;
    transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 8px;
}

@media print {
    .mobile-only .css-vn8sp {
        print-color-adjust: exact;
    }
}

.mobile-only .css-vn8sp .MuiSwitch-input {
    left: -100%;
    width: 300%;
}

.mobile-only .css-vn8sp:hover {
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .mobile-only .css-vn8sp:hover {
        background-color: transparent;
    }
}

.mobile-only .css-1m9pwf3 {
    cursor: inherit;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 1;
}

.mobile-only .css-uz25m2 {
    background-color: currentcolor;
    color: #fff;
    border-radius: 6px;
    width: 16px;
    height: 16px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 1px;
}

.mobile-only .css-5w2f18 {
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
    background-color: rgba(235, 235, 239, 0.56);
    border-radius: 8px;
}

.mobile-only .css-1nkijli {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
}

.mobile-only .css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.mobile-only .css-1r9kwv0 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    -webkit-box-align: center;
    align-items: center;
}

.mobile-only .css-ulme3a {
    display: inline-flex;
    cursor: pointer;
    transition: 0.2s;
}

.mobile-only .css-ulme3a:hover {
    opacity: 0.5;
}

.mobile-only .css-1osfq0k {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 0px 2px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    overflow: visible;
    color: rgba(235, 235, 239, 0.56);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    padding: 0px;
    min-width: 0px;
}

@media print {
    .mobile-only .css-1osfq0k {
        print-color-adjust: exact;
    }
}

.mobile-only .css-1osfq0k:hover {
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .mobile-only .css-1osfq0k:hover {
        background-color: transparent;
    }
}

.mobile-only .css-jmow5f {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 14px;
    color: #8e92a3;
    border-radius: 50%;
}

.mobile-only .css-jmow5f:hover {
    color: #29b6f6;
}

.mobile-only .css-1xwiwhj {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media (min-width: 0px) {
    .mobile-only .css-1xwiwhj {
        padding: 0px;
    }
}

@media (min-width: 640px) {
    .mobile-only .css-1xwiwhj {
        padding: 3.625px 0px;
    }
}

.mobile-only .css-cyw6g5 {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.00625rem;
    line-height: 1rem;
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a5a8b6;
    display: inline-flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.mobile-only .css-1x1c6wp {
    margin: 0px 2px 0px 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.00625rem;
    line-height: 1rem;
    font-size: 0.75rem;
    color: #a5a8b6;
}

.mobile-only .css-rqnzhk {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.mobile-only .css-5wpzg3 {
    display: inline-flex;
    cursor: pointer;
    transition: 0.2s;
}

.mobile-only .css-5wpzg3:hover {
    opacity: 1;
}

.mobile-only .css-1jqr7ck {
    border: 1px solid rgba(235, 235, 239, 0.08);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    transition: opacity 0.2s;
    background-color: transparent;
}

@media (min-width: 0px) {
    .mobile-only .css-1jqr7ck {
        padding: 0px 4px;
    }
}

@media (min-width: 640px) {
    .mobile-only .css-1jqr7ck {
        padding: 2px 4px;
    }
}

.mobile-only .css-1jqr7ck:hover {
    background-color: rgba(235, 235, 239, 0.08);
    border-color: rgba(235, 235, 239, 0.3);
}

.mobile-only .css-12z0wuy {
    margin-right: 8px;
}

.mobile-only .css-vxcmzt {
    display: inline-flex;
}

.mobile-only .css-1ma60wi {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.009375rem;
    line-height: 1.25rem;
    font-size: 0.875rem;
    color: #a5a8b6;
}

.mobile-only .css-16jy9gd {
    margin-left: 8px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.mobile-only .css-1h55dmz {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 0px 0px 2px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    overflow: visible;
    color: rgba(235, 235, 239, 0.56);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 0px;
    min-width: 0px;
}

@media print {
    .mobile-only .css-1h55dmz {
        print-color-adjust: exact;
    }
}

.mobile-only .css-1h55dmz:hover {
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .mobile-only .css-1h55dmz:hover {
        background-color: transparent;
    }
}

.mobile-only .css-eg4kr6 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 20px;
    color: #8e92a3;
    border-radius: 50%;
}

.mobile-only .css-eg4kr6:hover {
    color: #29b6f6;
}

.mobile-only .css-1fouq79 {
    margin: 0px 2px 0px 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.00625rem;
    line-height: 1rem;
    font-size: 0.75rem;
    color: #8e92a3;
}

.mobile-only .css-6xxvev {
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    transition: opacity 0.2s;
}

.mobile-only .css-6xxvev:hover {
    background-color: rgba(235, 235, 239, 0.08);
    border-color: rgba(235, 235, 239, 0.3);
}

.mobile-only .css-1o3848f {
    padding: 2px;
}

.mobile-only .css-1do422x {
    border: 1px solid #ffa726;
    color: #ffa726;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 2px;
    margin-top: 2px;
    cursor: pointer;
}

.mobile-only .css-1do422x:hover {
    opacity: 0.6;
}

.mobile-only .css-1yhzaxq {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.00625rem;
    font-size: 0.75rem;
    color: #ffa726;
    line-height: 0.75rem;
}

.mobile-only .css-nqvctb {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    margin-left: 3px;
    color: #ffa726;
    font-size: 14px;
}

.mobile-only .css-1taonws {
    margin-top: 40px;
}

@media (min-width: 0px) {
    .mobile-only .css-1taonws {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (min-width: 640px) {
    .mobile-only .css-1taonws {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.mobile-only .css-133tydp {
    margin: 0px 0px 16px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: 0.009375rem;
    line-height: 1.5rem;
    font-size: 1rem;
}

.mobile-only .css-1b9d2i2 {
    display: inline-flex;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    flex-shrink: 0;
    z-index: 0;
    vertical-align: middle;
    height: 32px;
    width: 46px;
    padding: 6px;
}

@media print {
    .mobile-only .css-1b9d2i2 {
        print-color-adjust: exact;
    }
}

.mobile-only .css-1301pmg {
    margin: 0px;
    flex-shrink: 0;
    border-width: 0px 0px thin;
    border-style: solid;
    border-color: rgba(235, 235, 239, 0.08);
}

.mobile-only .css-1qo1gdh {
    padding: 16px 16px 24px;
}

.mobile-only .css-111boms {
    margin-bottom: 16px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.mobile-only .css-ekhp5c {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
    color: #eaebef;
    text-decoration: none;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
}

.mobile-only .css-188b5or {
    user-select: none;
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-align: center;
    flex-shrink: 0;
    display: flex;
    position: relative;
    border-radius: 50%;
    font-size: 40px;
}

.mobile-only .css-1isemmb {
    margin-left: 8px;
}

.mobile-only .css-cg4wfg {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 600;
    letter-spacing: 0.009375rem;
    line-height: 1.5rem;
    font-size: 1rem;
}

.mobile-only .css-mtelhg {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.00625rem;
    line-height: 1rem;
    font-size: 0.75rem;
    color: #8e92a3;
}

.mobile-only .css-1gmffph {
    margin-bottom: 12px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.mobile-only .css-181zdd {
    margin: 0px 8px 0px 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 143%;
    font-size: 0.875rem;
}

.mobile-only .css-123e85y {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
}

@media (min-width: 0px) {
    .mobile-only .css-123e85y {
        align-items: flex-end;
    }
}

.mobile-only .css-uefm4v {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.009375rem;
    line-height: 1.25rem;
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.mobile-only .css-1cmm9u {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media (min-width: 0px) {
    .mobile-only .css-1cmm9u {
        padding: 0px;
    }
}

@media (min-width: 640px) {
    .mobile-only .css-1cmm9u {
        padding: 2px 0px;
    }
}

.mobile-only .css-bho2ak {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.mobile-only .css-23hxui {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    gap: 4px;
}

.mobile-only .css-d8aql2 {
    margin: 0px 0px 0px 2px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.009375rem;
    line-height: 1.25rem;
    font-size: 0.875rem;
    color: #a5a8b6;
}

.mobile-only .css-bo6gks {
    margin: 0px 0px 12px;
    flex-shrink: 0;
    border-width: 0px 0px thin;
    border-style: solid;
    border-color: rgba(235, 235, 239, 0.08);
}

.mobile-only .css-1haiorh {
    letter-spacing: 0.009375rem;
    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;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(235, 235, 239, 0.08);
    color: #eaebef;
    width: 100%;
    box-shadow: none;
    border-radius: 4px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    padding: 6px 12px;
    background: #383d51;
}

@media print {
    .mobile-only .css-1haiorh {
        print-color-adjust: exact;
    }
}

.mobile-only .css-1haiorh:hover {
    text-decoration: none;
    background-color: rgba(234, 235, 239, 0.08);
    border: 1px solid #eaebef;
}

@media (hover: none) {
    .mobile-only .css-1haiorh:hover {
        background-color: transparent;
    }
}

.mobile-only .css-1haiorh:hover {
    box-shadow: none;
}

.mobile-only .css-1haiorh:active {
    box-shadow: none;
}

.mobile-only .css-1th707o {
    margin: 0px 2px 0px 0px;
    font-family: Inter, Arial;
    font-weight: 500;
    letter-spacing: 0.009375rem;
    line-height: 1.25rem;
    font-size: 0.875rem;
    color: #a5a8b6;
}

.mobile-only .css-1fzsl0k {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 1rem;
    font-size: 0.75rem;
    color: #a5a8b6;
}

.mobile-only .css-1m43kow {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (min-width: 0px) {
    .mobile-only .css-1m43kow {
        padding-left: 1.6px;
        padding-right: 1.6px;
    }
}

@media (min-width: 640px) {
    .mobile-only .css-1m43kow {
        padding-left: 1.6px;
        padding-right: 1.6px;
    }
}

.mobile-only .css-1u3puas {
    height: 40px;
    width: unset;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.mobile-only .css-1yn0mme {
    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%;
    overflow: visible;
    color: rgba(235, 235, 239, 0.56);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media print {
    .mobile-only .css-1yn0mme {
        print-color-adjust: exact;
    }
}

.mobile-only .css-1yn0mme:hover {
    background-color: rgba(235, 235, 239, 0.08);
}

@media (hover: none) {
    .mobile-only .css-1yn0mme:hover {
        background-color: transparent;
    }
}

.mobile-only .css-1l4w6pd {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.mobile-only .css-87qn8r {
    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;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(235, 235, 239, 0.08);
    color: #eaebef;
    box-shadow: none;
    border-radius: 4px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    background: #383d51;
    height: 38px;
    min-width: auto;
    width: 100%;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    gap: 12px;
    padding: 6px 12px;
    text-transform: none;
}

@media print {
    .mobile-only .css-87qn8r {
        print-color-adjust: exact;
    }
}

.mobile-only .css-87qn8r:hover {
    text-decoration: none;
    background-color: rgba(234, 235, 239, 0.08);
    border: 1px solid #eaebef;
}

@media (hover: none) {
    .mobile-only .css-87qn8r:hover {
        background-color: transparent;
    }
}

.mobile-only .css-87qn8r:hover {
    box-shadow: none;
}

.mobile-only .css-87qn8r:active {
    box-shadow: none;
}

.mobile-only .css-1mcpzhr {
    position: absolute;
    height: 100px;
    top: -8px;
    right: 8px;
}

.mobile-only .css-1js5b18 {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 16px;
}

.mobile-only .css-149sczi {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}

.mobile-only .css-aenbvw {
    user-select: none;
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-align: center;
    flex-shrink: 0;
    display: flex;
    position: relative;
    border-radius: 50%;
    font-size: 38px;
}

.mobile-only .css-frwjlg {
    margin: 0px;
    font-family: Inter, Arial;
    font-weight: 400;
    letter-spacing: 0.009375rem;
    line-height: 1rem;
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a5a8b6;
}

.mobile-only .css-1utrwcy {
    letter-spacing: 0.009375rem;
    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;
    min-width: 64px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: rgba(0, 0, 0, 0.87);
    background-color: #eaebef;
    width: 100%;
    box-shadow: none;
    border-radius: 4px;
    font-family: Inter, Arial;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 0.875rem;
    padding: 6px 12px;
}

@media print {
    .mobile-only .css-1utrwcy {
        print-color-adjust: exact;
    }
}

.mobile-only .css-1utrwcy:hover {
    text-decoration: none;
    background-color: #d2d4dc;
    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) {
    .mobile-only .css-1utrwcy:hover {
        background-color: #eaebef;
    }
}

.mobile-only .css-1utrwcy: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;
}

.mobile-only .css-1utrwcy:hover {
    box-shadow: none;
}

.mobile-only .css-1utrwcy:active {
    box-shadow: none;
}

@media (max-width: 768px) { 
    .desktop-only {
        display: none;
    }
}

@media (max-width: 768px) { 
    .mobile-none {
        display: none;
    }
}

body {
    --wcm-z-index: 1300;
}

@-webkit-keyframes mui-auto-fill-cancel {
    0% {
        display: block;
    }
}

@keyframes mui-auto-fill-cancel {
    0% {
        display: block;
    }
}

@-webkit-keyframes mui-auto-fill-cancel {
    0% {
        display: block;
    }
}

@keyframes mui-auto-fill-cancel {
    0% {
        display: block;
    }
}