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

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

strong,
b {
    font-weight: 700;
}

body {
    margin: 0px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 0.875rem;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    background-color: rgb(255, 255, 255);
}

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

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

@font-face {
    font-family: Roboto;
    font-weight: 400;
    src: url("https://static.bankmillennium.pl/retail/login/regular-login/roboto-latin-ext-400-normal.woff") format("woff2"), url("https://static.bankmillennium.pl/retail/login/regular-login/roboto-latin-ext-400-normal.woff2") format("woff2");
}

@font-face {
    font-family: Roboto;
    font-weight: 500;
    src: url("https://static.bankmillennium.pl/retail/login/regular-login/roboto-latin-ext-500-normal.woff") format("woff2"), url("https://static.bankmillennium.pl/retail/login/regular-login/roboto-latin-ext-500-normal.woff2") format("woff2");
}

@font-face {
    font-family: Roboto;
    font-weight: 700;
    src: url("https://static.bankmillennium.pl/retail/login/regular-login/roboto-latin-ext-700-normal.woff") format("woff2"), url("https://static.bankmillennium.pl/retail/login/regular-login/roboto-latin-ext-700-normal.woff2") format("woff2");
}

@font-face {
    font-family: Password;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA") format("woff");
}

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

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

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

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

.css-16uno30 {
    display: flex;
    flex-direction: column;
    overflow: auto;
    position: relative;
}

.css-e30kyy {
    max-height: 100vh;
    overflow: auto;
    padding-bottom: 0px;
    padding-right: 0px;
    scrollbar-width: none;
}

.css-e30kyy::-webkit-scrollbar {
    display: none;
}

.css-t12ur {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.css-hmvv3d {
    box-sizing: border-box;
    flex-direction: row;
    display: flex;
    min-height: calc(-106px + 100vh);
}

@media (max-width: 799.95px) {
    .css-hmvv3d {
        flex-direction: column;
    }
}

.css-lx3je1 {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    height: auto;
    position: relative;
}

@media (min-width: 361px) {
    .css-lx3je1 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 800px) {
    .css-lx3je1 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

@media (min-width: 1024px) {
    .css-lx3je1 {
        flex-basis: 41.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.6667%;
    }
}

@media (min-width: 1536px) {
    .css-lx3je1 {
        flex-basis: 41.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.6667%;
    }
}

@media (min-width: 1920px) {
    .css-lx3je1 {
        flex-basis: 41.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.6667%;
    }
}

.css-1qji5pg {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: none;
    padding: 60px 0px 0px;
    width: 100%;
}

@media (min-width: 1024px) {
    .css-1qji5pg {
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }
}

@media (max-width: 799.95px) {
    .css-1qji5pg {
        padding: 16px 16px 0px;
    }
}

.css-1px6nng {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 348px;
}

@media (max-width: 799.95px) {
    .css-1px6nng {
        margin-bottom: 0px;
    }
}

.css-1cgm3qi {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 348px;
}

@media (max-width: 799.95px) {
    .css-1cgm3qi {
        margin-bottom: 0px;
    }
}

.css-811ln4 {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
}

.css-reo2qe {
    display: flex;
}

@media (max-width: 1023.95px) {
    .css-reo2qe {
        flex: 1 1 0%;
    }
}

.css-1pfxb8g {
    display: flex;
}

@media (max-width: 1023.95px) {
    .css-1pfxb8g {
        flex: 1 1 0%;
    }
}

.css-1p8mf9l {
    height: 45px;
    width: 188px;
}

.css-oulibp {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    height: 45px;
    width: 188px;
}

.css-oulibp:focus,
.css-oulibp:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-lb4ung {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    height: 45px;
    width: 188px;
}

.css-lb4ung:hover {
    text-decoration-color: inherit;
}

.css-lb4ung:focus,
.css-lb4ung:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-t1spra {
    margin: 0px;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    height: 45px;
    width: 188px;
}

.css-t1spra:hover {
    text-decoration-color: inherit;
}

.css-t1spra:focus,
.css-t1spra:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-1nex2sj {
    display: block;
    height: 24px;
    padding: 0px;
    width: 24px;
}

.css-1nex2sj>span {
    border: 2.4px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.18) 2px 2px 8px 0px;
}

.css-tv3m95 {
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    display: block;
    height: 24px;
    padding: 0px;
    width: 24px;
}

.css-tv3m95:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

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

.css-tv3m95.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-tv3m95>span {
    border: 2.4px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.18) 2px 2px 8px 0px;
}

.css-123kuhb {
    -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;
    left: 50px; 
    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(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    display: block;
    height: 24px;
    padding: 0px;
    width: 24px;
}

.css-123kuhb.Mui-disabled {
    pointer-events: none;
    cursor: default;
}


@media screen and (max-width: 1023px) {
    .css-123kuhb {
        left: 0px;
    }
}


@media print {
    .css-123kuhb {
        -webkit-print-color-adjust: exact;
    }
}

.css-123kuhb:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

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

.css-123kuhb.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-123kuhb>span {
    border: 2.4px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.18) 2px 2px 8px 0px;
}

.css-1p8t517 {
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 348px;
}

.css-1alnwqd {
    margin-bottom: 6px;
    margin-top: 12px;
}

.css-1g8de5r {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 2px;
    min-height: 50vh;
    position: static;
}

.css-15qg6oh {
    flex-direction: column;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 2px;
    min-height: 50vh;
    position: static;
}

.css-1y1o6e4 {
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
}

.css-1cgbp6i {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    inset: 0px;
    -webkit-tap-highlight-color: transparent;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
}

.css-1dgksmd {
    padding: 50px 0px;
    width: 100%;
}

.css-1dgksmd .aria-hide {
    display: none;
}

.css-1dgksmd .information__element {
    margin-left: 0px;
}

.css-d90t8x.MuiPopover-root {
    position: absolute;
}

.css-d90t8x .MuiPopover-paper {
    color: rgb(255, 255, 255);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    border-radius: 9px;
    box-shadow: rgba(46, 46, 46, 0.1) 0px 13px 34px 0px;
    max-width: 700px;
    padding: 24px 32px 30px 64px;
    position: absolute;
    width: calc(100% - 270px);
    background-color: rgb(243, 156, 62);
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

@media (min-width: 800px) {
    .css-d90t8x .MuiPopover-paper {
        min-width: 348px;
    }
}

@media (max-width: 1023.95px) {
    .css-d90t8x .MuiPopover-paper {
        width: calc(100% - 150px);
    }
}

@media (max-width: 799.95px) {
    .css-d90t8x .MuiPopover-paper {
        max-width: 100%;
        width: 348px;
    }
}

@media (max-width: 360.95px) {
    .css-d90t8x .MuiPopover-paper {
        width: 100%;
    }
}

.css-1dnnkyv.MuiPopover-root {
    position: absolute;
}

.css-1dnnkyv .MuiPopover-paper {
    color: rgb(255, 255, 255);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    border-radius: 9px;
    box-shadow: rgba(46, 46, 46, 0.1) 0px 13px 34px 0px;
    max-width: 700px;
    padding: 24px 32px 30px 64px;
    position: absolute;
    width: calc(100% - 270px);
    background-color: rgb(243, 156, 62);
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

@media (min-width: 800px) {
    .css-1dnnkyv .MuiPopover-paper {
        min-width: 348px;
    }
}

@media (max-width: 1023.95px) {
    .css-1dnnkyv .MuiPopover-paper {
        width: calc(100% - 150px);
    }
}

@media (max-width: 799.95px) {
    .css-1dnnkyv .MuiPopover-paper {
        max-width: 100%;
        width: 348px;
    }
}

@media (max-width: 360.95px) {
    .css-1dnnkyv .MuiPopover-paper {
        width: 100%;
    }
}

.css-1ondbd4 {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    height: auto;
    background: rgb(233, 234, 237);
    overflow: hidden;
    position: relative;
    z-index: 1;
}

@media (min-width: 361px) {
    .css-1ondbd4 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 800px) {
    .css-1ondbd4 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

@media (min-width: 1024px) {
    .css-1ondbd4 {
        flex-basis: 58.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.3333%;
    }
}

@media (min-width: 1536px) {
    .css-1ondbd4 {
        flex-basis: 58.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.3333%;
    }
}

@media (min-width: 1920px) {
    .css-1ondbd4 {
        flex-basis: 58.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.3333%;
    }
}

@media (max-width: 799.95px) {
    .css-1ondbd4 {
        background: none;
        border-radius: 12px;
        box-shadow: rgba(46, 46, 46, 0.1) 2px 13px 34px 0px;
        margin: 0px auto 56px;
        width: 348px;
    }
}

@media (max-width: 360.95px) {
    .css-1ondbd4 {
        margin: 0px 16px 16px;
        width: calc(100% - 32px);
    }
}

.css-1o3fej {
    height: 100%;
    position: relative;
}

.css-1kl2va {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 70%;
}

.css-27yvjd .MuiDialog-paper {
    -webkit-box-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    width: auto;
}

@media (min-width: 800px) {
    .css-27yvjd .MuiDialog-paper {
        border-radius: 9px;
        max-height: calc(100% - 32px);
        width: 420px;
    }
}

@media (max-width: 799.95px) {
    .css-27yvjd .MuiDialog-paper {
        min-height: 100%;
        min-width: 100%;
    }
}

@media print {
    .css-dq5u41 {
        position: absolute !important;
    }
}

.css-dq5u41 .MuiDialog-paper {
    -webkit-box-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    width: auto;
}

@media (min-width: 800px) {
    .css-dq5u41 .MuiDialog-paper {
        border-radius: 9px;
        max-height: calc(100% - 32px);
        width: 420px;
    }
}

@media (max-width: 799.95px) {
    .css-dq5u41 .MuiDialog-paper {
        min-height: 100%;
        min-width: 100%;
    }
}

.css-10klw3m {
    height: 100%;
}

.css-1rol6q0 {
    font-weight: 700;
    text-transform: none;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    opacity: 0.08;
    white-space: nowrap;
    bottom: -1.7vw;
    position: absolute;
    right: 0px;
    text-align: right;
    width: 100%;
    display: block;
    font-size: 11.75vw;
    line-height: 11.75vw;
}

@media (max-width: 1023.95px) {
    .css-1rol6q0 {
        font-size: 10vw;
        line-height: 10vw;
    }
}

.css-1dye09o {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: none;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    opacity: 0.08;
    white-space: nowrap;
    bottom: -1.7vw;
    position: absolute;
    right: 0px;
    text-align: right;
    width: 100%;
    display: block;
    font-size: 11.75vw;
    line-height: 11.75vw;
}

@media (max-width: 1023.95px) {
    .css-1dye09o {
        font-size: 10vw;
        line-height: 10vw;
    }
}

@media (max-width: 1023.95px) {
    .css-1dye09o {
        font-size: 10vw;
        line-height: 10vw;
    }
}

.css-rnur1x {
    box-sizing: border-box;
    flex-flow: wrap;
    margin: 0px;
    -webkit-box-align: center;
    align-items: center;
    max-height: 106px;
    min-height: 106px;
    width: 100%;
    background-color: rgb(246, 246, 246);
    display: flex;
    padding: 40px 72px;
}

@media (min-width: 361px) {
    .css-rnur1x {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 800px) {
    .css-rnur1x {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1024px) {
    .css-rnur1x {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1536px) {
    .css-rnur1x {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1920px) {
    .css-rnur1x {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (max-width: 799.95px) {
    .css-rnur1x {
        flex-direction: column;
        max-height: none;
        min-width: 320px;
        padding: 40px 16px;
    }
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-rnur1x {
        padding: 40px 30px;
    }
}

.css-1oxiodx {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    margin: 0px;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

@media (max-width: 799.95px) {
    .css-1oxiodx {
        width: 304px;
    }
}

.css-1lz1snp {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
}

@media (min-width: 361px) {
    .css-1lz1snp {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 800px) {
    .css-1lz1snp {
        flex-basis: 41.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.6667%;
    }
}

@media (min-width: 1024px) {
    .css-1lz1snp {
        flex-basis: 41.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.6667%;
    }
}

@media (min-width: 1536px) {
    .css-1lz1snp {
        flex-basis: 41.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.6667%;
    }
}

@media (min-width: 1920px) {
    .css-1lz1snp {
        flex-basis: 41.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.6667%;
    }
}

@media (max-width: 799.95px) {
    .css-1lz1snp {
        margin-bottom: 30px;
    }
}

.css-111uevq {
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 0.9375rem;
    text-transform: none;
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-111uevq {
        font-size: 24px;
    }
}

.css-mb5i9 {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 0.9375rem;
    text-transform: none;
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-mb5i9 {
        font-size: 24px;
    }
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-mb5i9 {
        font-size: 24px;
    }
}

.css-1gg199x {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    white-space: nowrap;
}

@media (min-width: 361px) {
    .css-1gg199x {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 800px) {
    .css-1gg199x {
        flex-basis: 58.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.3333%;
    }
}

@media (min-width: 1024px) {
    .css-1gg199x {
        flex-basis: 58.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.3333%;
    }
}

@media (min-width: 1536px) {
    .css-1gg199x {
        flex-basis: 58.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.3333%;
    }
}

@media (min-width: 1920px) {
    .css-1gg199x {
        flex-basis: 58.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.3333%;
    }
}

@media (max-width: 799.95px) {
    .css-1gg199x {
        align-items: flex-start;
        flex-direction: column;
    }
}

.css-gw5hrb {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: rgb(46, 46, 46);
    margin-right: 32px;
}

.css-gw5hrb:focus,
.css-gw5hrb:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-gw5hrb:hover,
.css-gw5hrb:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-gw5hrb {
        margin-bottom: 20px;
    }
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-gw5hrb {
        margin-right: 10px;
    }
}

.css-1gyo8de {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: rgb(46, 46, 46);
    margin-right: 32px;
}

.css-1gyo8de:hover {
    text-decoration-color: inherit;
}

.css-1gyo8de:hover,
.css-1gyo8de:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-1gyo8de {
        margin-bottom: 20px;
    }
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-1gyo8de {
        margin-right: 10px;
    }
}

.css-1gyo8de:focus,
.css-1gyo8de:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-1gyo8de:hover,
.css-1gyo8de:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-1gyo8de {
        margin-bottom: 20px;
    }
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-1gyo8de {
        margin-right: 10px;
    }
}

.css-mhl2se {
    margin: 0px 32px 0px 0px;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: rgb(46, 46, 46);
}

.css-mhl2se:hover {
    text-decoration-color: inherit;
}

.css-mhl2se:hover,
.css-mhl2se:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-mhl2se {
        margin-bottom: 20px;
    }
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-mhl2se {
        margin-right: 10px;
    }
}

.css-mhl2se:focus,
.css-mhl2se:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-mhl2se:hover,
.css-mhl2se:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-mhl2se {
        margin-bottom: 20px;
    }
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-mhl2se {
        margin-right: 10px;
    }
}

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

.css-uwmv7h {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: rgb(46, 46, 46);
}

.css-uwmv7h:focus,
.css-uwmv7h:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-uwmv7h:hover,
.css-uwmv7h:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-uwmv7h {
        margin-bottom: 20px;
    }
}

@media (max-width: 799.95px) {
    .css-uwmv7h {
        margin-bottom: 0px;
    }
}

.css-821jp7 {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: rgb(46, 46, 46);
}

.css-821jp7:hover {
    text-decoration-color: inherit;
}

.css-821jp7:hover,
.css-821jp7:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-821jp7 {
        margin-bottom: 20px;
    }
}

@media (max-width: 799.95px) {
    .css-821jp7 {
        margin-bottom: 0px;
    }
}

.css-821jp7:focus,
.css-821jp7:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-821jp7:hover,
.css-821jp7:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-821jp7 {
        margin-bottom: 20px;
    }
}

@media (max-width: 799.95px) {
    .css-821jp7 {
        margin-bottom: 0px;
    }
}

.css-1ul8ys3 {
    margin: 0px;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: rgb(46, 46, 46);
}

.css-1ul8ys3:hover {
    text-decoration-color: inherit;
}

.css-1ul8ys3:hover,
.css-1ul8ys3:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-1ul8ys3 {
        margin-bottom: 20px;
    }
}

@media (max-width: 799.95px) {
    .css-1ul8ys3 {
        margin-bottom: 0px;
    }
}

.css-1ul8ys3:focus,
.css-1ul8ys3:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-1ul8ys3:hover,
.css-1ul8ys3:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-1ul8ys3 {
        margin-bottom: 20px;
    }
}

@media (max-width: 799.95px) {
    .css-1ul8ys3 {
        margin-bottom: 0px;
    }
}

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

.css-1mhcn7k {
    position: absolute;
    right: 0px;
    top: 45px;
    width: 87%;
    z-index: 2;
}

.css-n1u8k4 {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background-color: rgb(41, 41, 41);
    padding: 10px 10px 10px 5px;
}

.css-1yhvvtw {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
}

.css-1yhvvtw:focus,
.css-1yhvvtw:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-1s6635a {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
}

.css-1s6635a:hover {
    text-decoration-color: inherit;
}

.css-1s6635a:focus,
.css-1s6635a:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-16zftao {
    margin: 0px;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
}

.css-16zftao:hover {
    text-decoration-color: inherit;
}

.css-16zftao:focus,
.css-16zftao:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

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

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

.css-1xhxo5x {
    white-space: normal;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: none;
    color: white;
    font-size: 13px;
}

.css-1m30fta {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: none;
    color: white;
    font-size: 13px;
}

.css-3udjir {
    white-space: normal;
    font-weight: 400;
    text-transform: none;
    color: white;
    font-size: 11px;
    line-height: 14px;
}

.css-iwm7h {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    font-weight: 400;
    text-transform: none;
    color: white;
    font-size: 11px;
    line-height: 14px;
}

.css-1qawei7 {
    background-color: rgb(189, 0, 79);
    border-radius: 25px;
    display: inline-flex;
    margin: auto 10px auto auto;
    padding: 4px 15px;
}

.css-1rlcc7d {
    -webkit-box-align: center;
    align-items: center;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    background-color: rgb(189, 0, 79);
    border-radius: 25px;
    display: inline-flex;
    margin: auto 10px auto auto;
    padding: 4px 15px;
}

.css-1rlcc7d:focus,
.css-1rlcc7d:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-4ug31o {
    -webkit-box-align: center;
    align-items: center;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    background-color: rgb(189, 0, 79);
    border-radius: 25px;
    display: inline-flex;
    margin: auto 10px auto auto;
    padding: 4px 15px;
}

.css-4ug31o:hover {
    text-decoration-color: inherit;
}

.css-4ug31o:focus,
.css-4ug31o:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-1k2b5x0 {
    -webkit-box-align: center;
    align-items: center;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    background-color: rgb(189, 0, 79);
    border-radius: 25px;
    display: inline-flex;
    margin: auto 10px auto auto;
    padding: 4px 15px;
}

.css-1k2b5x0:hover {
    text-decoration-color: inherit;
}

.css-1k2b5x0:focus,
.css-1k2b5x0:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-16d69hq {
    white-space: normal;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: none;
    color: white;
}

.css-byc53a {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: none;
    color: white;
}

.css-34tvk3 {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 2px;
    position: relative;
}

.css-1sgswxr {
    flex-direction: column;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 2px;
    position: relative;
}

.css-1gn0q1f {
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-transform: none;
}

.css-i31f8n {
    margin: 0px 0px 56px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-transform: none;
}

.css-79elbk {
    position: relative;
}

.css-1ebnygn {
    padding-bottom: 16px;
}

.css-13qtbaz .Mui-error {
    -webkit-box-align: center;
    align-items: center;
}

.css-13qtbaz .MuiInputBase-input {
    padding: 16.5px 14px;
}

.css-lk8wat .MuiInputBase-input {
    padding: 16.5px 14px;
}

.css-lk8wat .Mui-error {
    -webkit-box-align: center;
    align-items: center;
}

.css-lk8wat .MuiInputBase-input {
    padding: 16.5px 14px;
}

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

.css-aicmln .MuiInputBase-input {
    padding: 16.5px 14px;
}

.css-aicmln .Mui-error {
    -webkit-box-align: center;
    align-items: center;
}

.css-aicmln .MuiInputBase-input {
    padding: 16.5px 14px;
}

.css-4xnvvv {
    display: block;
    transform-origin: left top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 0px;
    top: 0px;
    font-size: 14px;
    max-width: 100%;
    pointer-events: auto;
    z-index: 0;
    margin-bottom: 6px;
    position: relative;
    transform: none;
}

.css-4xnvvv.Mui-error,
.css-4xnvvv.Mui-focused {
    color: rgb(115, 115, 115);
}

.css-4xnvvv label {
    position: relative;
    transform: none;
}

.css-4xnvvv label.Mui-focused {
    color: rgb(115, 115, 115);
}

.css-1or853r {
    color: rgba(0, 0, 0, 0.6);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.4375em;
    padding: 0px;
    display: block;
    transform-origin: left top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 0px;
    top: 0px;
    font-size: 14px;
    max-width: 100%;
    pointer-events: auto;
    z-index: 0;
    margin-bottom: 6px;
    position: relative;
    transform: none;
}

.css-1or853r.Mui-focused {
    color: rgb(189, 0, 79);
}

.css-1or853r.Mui-disabled {
    color: rgba(0, 0, 0, 0.38);
}

.css-1or853r.Mui-error {
    color: rgb(245, 80, 80);
}

.css-1or853r.Mui-error,
.css-1or853r.Mui-focused {
    color: rgb(115, 115, 115);
}

.css-1or853r label {
    position: relative;
    transform: none;
}

.css-1or853r label.Mui-focused {
    color: rgb(115, 115, 115);
}

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

.css-k008qs {
    display: flex;
}

.css-6iiuof {
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: none;
}

.css-1ugvy8t {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: none;
}

.css-1m89k6n {
    color: rgb(115, 115, 115);
    height: 1rem;
    width: 1rem;
}

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

.css-kdpb1n {
    z-index: 1500;
    pointer-events: none;
}

.css-kdpb1n[data-popper-placement*="bottom"] .MuiTooltip-arrow {
    top: 0px;
    margin-top: -0.71em;
}

.css-kdpb1n[data-popper-placement*="bottom"] .MuiTooltip-arrow::before {
    transform-origin: 0px 100%;
}

.css-kdpb1n[data-popper-placement*="top"] .MuiTooltip-arrow {
    bottom: 0px;
    margin-bottom: -0.71em;
}

.css-kdpb1n[data-popper-placement*="top"] .MuiTooltip-arrow::before {
    transform-origin: 100% 0px;
}

.css-kdpb1n[data-popper-placement*="right"] .MuiTooltip-arrow {
    left: 0px;
    margin-left: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-kdpb1n[data-popper-placement*="right"] .MuiTooltip-arrow::before {
    transform-origin: 100% 100%;
}

.css-kdpb1n[data-popper-placement*="left"] .MuiTooltip-arrow {
    right: 0px;
    margin-right: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-kdpb1n[data-popper-placement*="left"] .MuiTooltip-arrow::before {
    transform-origin: 0px 0px;
}

.css-kdpb1n .MuiTooltip-tooltip {
    margin-left: 60px;
}

.css-kdpb1n .MuiTooltip-tooltip .MuiTooltip-arrow {
    margin-left: -30px;
}

@media (max-width: 1023.95px) {
    .css-kdpb1n .MuiTooltip-tooltip {
        margin-left: 40px;
    }

    .css-kdpb1n .MuiTooltip-tooltip .MuiTooltip-arrow {
        margin-left: -20px;
    }
}

@media (max-width: 799.95px) {
    .css-kdpb1n .MuiTooltip-tooltip {
        margin-left: 15px;
    }

    .css-kdpb1n .MuiTooltip-tooltip .MuiTooltip-arrow {
        margin-left: -9px;
    }
}

.css-32mn48 {
    z-index: 1500;
    pointer-events: none;
}

.css-32mn48[data-popper-placement*="bottom"] .MuiTooltip-arrow {
    top: 0px;
    margin-top: -0.71em;
}

.css-32mn48[data-popper-placement*="bottom"] .MuiTooltip-arrow::before {
    transform-origin: 0px 100%;
}

.css-32mn48[data-popper-placement*="top"] .MuiTooltip-arrow {
    bottom: 0px;
    margin-bottom: -0.71em;
}

.css-32mn48[data-popper-placement*="top"] .MuiTooltip-arrow::before {
    transform-origin: 100% 0px;
}

.css-32mn48[data-popper-placement*="right"] .MuiTooltip-arrow {
    left: 0px;
    margin-left: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-32mn48[data-popper-placement*="right"] .MuiTooltip-arrow::before {
    transform-origin: 100% 100%;
}

.css-32mn48[data-popper-placement*="left"] .MuiTooltip-arrow {
    right: 0px;
    margin-right: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-32mn48[data-popper-placement*="left"] .MuiTooltip-arrow::before {
    transform-origin: 0px 0px;
}

.css-32mn48 .MuiTooltip-tooltip {
    margin-left: 60px;
}

.css-32mn48 .MuiTooltip-tooltip .MuiTooltip-arrow {
    margin-left: -30px;
}

@media (max-width: 1023.95px) {
    .css-32mn48 .MuiTooltip-tooltip {
        margin-left: 40px;
    }

    .css-32mn48 .MuiTooltip-tooltip .MuiTooltip-arrow {
        margin-left: -20px;
    }
}

@media (max-width: 799.95px) {
    .css-32mn48 .MuiTooltip-tooltip {
        margin-left: 15px;
    }

    .css-32mn48 .MuiTooltip-tooltip .MuiTooltip-arrow {
        margin-left: -9px;
    }
}

.css-x7aj38 {
    font-size: 0.875rem;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.4375em;
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(211, 211, 211);
    border-radius: 4px;
    height: 45px;
}

.css-x7aj38.Mui-disabled {
    color: rgba(0, 0, 0, 0.38);
    cursor: default;
}

label+.css-x7aj38 {
    margin-top: 16px;
}

.css-x7aj38 input[type="number"]::-webkit-inner-spin-button,
.css-x7aj38 input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    padding: 0px;
}

.css-x7aj38 input[type="number"] {}

.css-x7aj38 .MuiInputBase-input::-webkit-contacts-auto-fill-button,
.css-x7aj38 .MuiInputBase-input::-webkit-credentials-auto-fill-button {
    appearance: none;
    position: absolute;
    right: 0px;
    visibility: hidden;
    display: none !important;
}

.css-x7aj38 .MuiInputBase-input::-webkit-outer-spin-button,
.css-x7aj38 .MuiInputBase-input::-webkit-inner-spin-button {
    appearance: none;
}

.css-x7aj38 .MuiInputBase-input[type="number"] {}

.css-x7aj38.Mui-focused {
    border-color: rgb(46, 46, 46);
    border-width: 2px;
}

.css-x7aj38:hover {
    border-color: rgb(46, 46, 46);
}

.css-x7aj38.MuiInputBase-root {
    margin-top: 0px;
}

.css-mevgbx {
    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-mevgbx::-webkit-input-placeholder {
    color: currentcolor;
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-mevgbx:focus {
    outline: 0px;
}

.css-mevgbx:invalid {
    box-shadow: none;
}

.css-mevgbx::-webkit-search-decoration {
    appearance: none;
}

label[data-shrink="false"]+.MuiInputBase-formControl .css-mevgbx::-webkit-input-placeholder {
    opacity: 0 !important;
}

label[data-shrink="false"]+.MuiInputBase-formControl .css-mevgbx:focus::-webkit-input-placeholder {
    opacity: 0.42;
}

.css-mevgbx.Mui-disabled {
    opacity: 1;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
}

.css-mevgbx:-webkit-autofill {
    animation-duration: 5000s;
    animation-name: mui-auto-fill;
}

.css-1wt1rqh {
    display: flex;
    flex: 1 1 0%;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

@media (max-width: 799.95px) {
    .css-1wt1rqh {
        display: none;
    }
}

.css-tdodj4 {
    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;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    padding: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    color: rgb(211, 211, 211);
    outline: none;
}

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

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

@media (max-width: 799.95px) {
    .css-tdodj4 {
        display: none;
    }
}

.css-1rmxws5 .MuiPaper-root {
    background-color: rgb(246, 246, 246);
    border-top: none;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding-bottom: 70px;
    user-select: none;
}

.css-1rmxws5 .MuiToolbar-root {
    display: flex;
    flex-direction: row-reverse;
}

.css-1rmxws5 .MuiToolbar-root button {
    color: rgb(46, 46, 46);
    font-size: 14px;
}

.css-1a6nhwl {
    flex: 0 0 auto;
}

.css-1a6nhwl .MuiPaper-root {
    background-color: rgb(246, 246, 246);
    border-top: none;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding-bottom: 70px;
    user-select: none;
}

.css-1a6nhwl .MuiToolbar-root {
    display: flex;
    flex-direction: row-reverse;
}

.css-1a6nhwl .MuiToolbar-root button {
    color: rgb(46, 46, 46);
    font-size: 14px;
}

.css-7x3str {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    height: auto;
    flex: 1 0 auto;
    z-index: 1200;
    position: fixed;
    inset: auto 0px 0px;
    outline: 0px;
    max-height: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.css-mhao82 {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: none;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    height: auto;
    flex: 1 0 auto;
    z-index: 1200;
    position: fixed;
    inset: auto 0px 0px;
    outline: 0px;
    max-height: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.css-yjjwjp {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 2px;
    padding-right: 2px;
    min-height: 56px;
    position: relative;
}

@media (min-width: 800px) {
    .css-yjjwjp {
        padding-left: 3px;
        padding-right: 3px;
    }
}

@media (min-width: 0px) {
    @media (orientation: landscape) {
        .css-yjjwjp {
            min-height: 48px;
        }
    }
}

@media (min-width: 600px) {
    .css-yjjwjp {
        min-height: 64px;
    }
}

.css-1kdmi6y {
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    position: absolute;
    right: 12px;
    top: 12px;
}

.css-1kdmi6y:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

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

.css-1kdmi6y.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-bmi12r {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    position: absolute;
    right: 12px;
    top: 12px;
}

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

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

.css-bmi12r:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

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

.css-bmi12r.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-w6dzyp {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    margin-top: -6px;
    width: calc(100% + 6px);
    margin-left: -6px;
}

.css-w6dzyp>.MuiGrid-item {
    padding-top: 6px;
}

.css-w6dzyp>.MuiGrid-item {
    padding-left: 6px;
}

.css-11ul1w7 {
    column-gap: 6px;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-1nwpzox {
    box-sizing: border-box;
    margin: 0px;
    column-gap: 6px;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

@media (min-width: 361px) {
    .css-1nwpzox {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 800px) {
    .css-1nwpzox {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1024px) {
    .css-1nwpzox {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1536px) {
    .css-1nwpzox {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1920px) {
    .css-1nwpzox {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

.css-18f6twu {
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 2px 3px 4px 0px inset, rgba(0, 0, 0, 0.14) -2px 3px 6px 0px;
    color: rgb(0, 0, 0);
    height: 48px;
    min-width: 48px;
    text-transform: none;
    transition: background-color 0.15s ease 0s;
    width: 48px;
}

.css-18f6twu:active,
.css-18f6twu:focus {
    background-color: rgb(241, 241, 241);
    border: 2px solid rgb(0, 0, 0);
}

.css-18f6twu:hover {
    background-color: rgb(241, 241, 241);
}

.css-do6ohh {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    padding: 6px 8px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 2px 3px 4px 0px inset, rgba(0, 0, 0, 0.14) -2px 3px 6px 0px;
    color: rgb(0, 0, 0);
    height: 48px;
    min-width: 48px;
    text-transform: none;
    transition: background-color 0.15s ease 0s;
    width: 48px;
}

.css-do6ohh:hover {
    text-decoration: none;
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-do6ohh.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-do6ohh:hover,
.css-do6ohh:active {
    text-decoration: none;
}

.css-do6ohh.Mui-disabled,
.css-do6ohh.Mui-disabled:hover,
.css-do6ohh.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-do6ohh.Mui-disabled path,
.css-do6ohh.Mui-disabled:hover path,
.css-do6ohh.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-do6ohh:active,
.css-do6ohh:focus {
    background-color: rgb(241, 241, 241);
    border: 2px solid rgb(0, 0, 0);
}

.css-do6ohh:hover {
    background-color: rgb(241, 241, 241);
}

.css-y4fgwi {
    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;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    padding: 6px 8px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 2px 3px 4px 0px inset, rgba(0, 0, 0, 0.14) -2px 3px 6px 0px;
    color: rgb(0, 0, 0);
    height: 48px;
    min-width: 48px;
    text-transform: none;
    transition: background-color 0.15s ease 0s;
    width: 48px;
}

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

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

.css-y4fgwi:hover {
    text-decoration: none;
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-y4fgwi.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-y4fgwi:hover,
.css-y4fgwi:active {
    text-decoration: none;
}

.css-y4fgwi.Mui-disabled,
.css-y4fgwi.Mui-disabled:hover,
.css-y4fgwi.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-y4fgwi.Mui-disabled path,
.css-y4fgwi.Mui-disabled:hover path,
.css-y4fgwi.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-y4fgwi:active,
.css-y4fgwi:focus {
    background-color: rgb(241, 241, 241);
    border: 2px solid rgb(0, 0, 0);
}

.css-y4fgwi:hover {
    background-color: rgb(241, 241, 241);
}

.css-1v1td63 {
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 2px 3px 4px 0px inset, rgba(0, 0, 0, 0.14) -2px 3px 6px 0px;
    color: rgb(0, 0, 0);
    height: 48px;
    min-width: 48px;
    text-transform: none;
    transition: background-color 0.15s ease 0s;
    width: 48px;
}

.css-1v1td63:active,
.css-1v1td63:focus {
    background-color: rgb(241, 241, 241);
    border: 2px solid rgb(0, 0, 0);
}

.css-1v1td63:hover {
    background-color: rgb(241, 241, 241);
}

.css-1s48eoo {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    padding: 6px 8px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 2px 3px 4px 0px inset, rgba(0, 0, 0, 0.14) -2px 3px 6px 0px;
    color: rgb(0, 0, 0);
    height: 48px;
    min-width: 48px;
    text-transform: none;
    transition: background-color 0.15s ease 0s;
    width: 48px;
}

.css-1s48eoo:hover {
    text-decoration: none;
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-1s48eoo.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-1s48eoo:hover,
.css-1s48eoo:active {
    text-decoration: none;
}

.css-1s48eoo.Mui-disabled,
.css-1s48eoo.Mui-disabled:hover,
.css-1s48eoo.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-1s48eoo.Mui-disabled path,
.css-1s48eoo.Mui-disabled:hover path,
.css-1s48eoo.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-1s48eoo:active,
.css-1s48eoo:focus {
    background-color: rgb(241, 241, 241);
    border: 2px solid rgb(0, 0, 0);
}

.css-1s48eoo:hover {
    background-color: rgb(241, 241, 241);
}

.css-16luj7p {
    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;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    padding: 6px 8px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 2px 3px 4px 0px inset, rgba(0, 0, 0, 0.14) -2px 3px 6px 0px;
    color: rgb(0, 0, 0);
    height: 48px;
    min-width: 48px;
    text-transform: none;
    transition: background-color 0.15s ease 0s;
    width: 48px;
}

.css-16luj7p.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-16luj7p {
        -webkit-print-color-adjust: exact;
    }
}

.css-16luj7p:hover {
    text-decoration: none;
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-16luj7p.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-16luj7p:hover,
.css-16luj7p:active {
    text-decoration: none;
}

.css-16luj7p.Mui-disabled,
.css-16luj7p.Mui-disabled:hover,
.css-16luj7p.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-16luj7p.Mui-disabled path,
.css-16luj7p.Mui-disabled:hover path,
.css-16luj7p.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-16luj7p:active,
.css-16luj7p:focus {
    background-color: rgb(241, 241, 241);
    border: 2px solid rgb(0, 0, 0);
}

.css-16luj7p:hover {
    background-color: rgb(241, 241, 241);
}

.css-1qx34im {
    transform: rotate(90deg);
}

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

.css-ikrz7l {
    box-shadow: none;
    font-size: 13px;
    line-height: 24px;
    min-width: auto;
    padding: 6px 12px;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: rgb(189, 0, 79);
    border: 2px solid rgb(189, 0, 79);
    color: rgb(255, 255, 255);
}

.css-ikrz7l>.MuiTouchRipple-root {
    border-radius: 0px;
}

.css-ikrz7l.Mui-disabled path,
.css-ikrz7l.Mui-disabled:hover path {
    stroke: none;
}

.css-ikrz7l:hover,
.css-ikrz7l:active {
    background-color: transparent;
    box-shadow: none;
}

.css-ikrz7l:hover,
.css-ikrz7l:active,
.css-ikrz7l:focus {
    border: 2px solid rgb(153, 0, 64);
    color: rgb(153, 0, 64);
}

.css-dse4i7 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 100%;
    box-shadow: none;
    font-size: 13px;
    line-height: 24px;
    min-width: auto;
    padding: 6px 12px;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: rgb(189, 0, 79);
    border: 2px solid rgb(189, 0, 79);
    color: rgb(255, 255, 255);
}

.css-dse4i7:hover {
    text-decoration: none;
    background-color: rgb(132, 0, 55);
    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-dse4i7:hover {
        background-color: rgb(189, 0, 79);
    }
}

.css-dse4i7: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-dse4i7.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.css-dse4i7.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.12);
}

.css-dse4i7:hover,
.css-dse4i7:active {
    text-decoration: none;
}

.css-dse4i7.Mui-disabled,
.css-dse4i7.Mui-disabled:hover,
.css-dse4i7.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-dse4i7.Mui-disabled path,
.css-dse4i7.Mui-disabled:hover path,
.css-dse4i7.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-dse4i7>.MuiTouchRipple-root {
    border-radius: 0px;
}

.css-dse4i7.Mui-disabled path,
.css-dse4i7.Mui-disabled:hover path {
    stroke: none;
}

.css-dse4i7:hover,
.css-dse4i7:active {
    background-color: transparent;
    box-shadow: none;
}

.css-dse4i7:hover,
.css-dse4i7:active,
.css-dse4i7:focus {
    border: 2px solid rgb(153, 0, 64);
    color: rgb(153, 0, 64);
}

.css-1bs6jvr {
    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;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 100%;
    box-shadow: none;
    font-size: 13px;
    line-height: 24px;
    min-width: auto;
    padding: 6px 12px;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: rgb(189, 0, 79);
    border: 2px solid rgb(189, 0, 79);
    color: rgb(255, 255, 255);
}

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

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

.css-1bs6jvr:hover {
    text-decoration: none;
    background-color: rgb(132, 0, 55);
    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-1bs6jvr:hover {
        background-color: rgb(189, 0, 79);
    }
}

.css-1bs6jvr: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-1bs6jvr.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.css-1bs6jvr.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.12);
}

.css-1bs6jvr:hover,
.css-1bs6jvr:active {
    text-decoration: none;
}

.css-1bs6jvr.Mui-disabled,
.css-1bs6jvr.Mui-disabled:hover,
.css-1bs6jvr.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-1bs6jvr.Mui-disabled path,
.css-1bs6jvr.Mui-disabled:hover path,
.css-1bs6jvr.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-1bs6jvr>.MuiTouchRipple-root {
    border-radius: 0px;
}

.css-1bs6jvr.Mui-disabled path,
.css-1bs6jvr.Mui-disabled:hover path {
    stroke: none;
}

.css-1bs6jvr:hover,
.css-1bs6jvr:active {
    background-color: transparent;
    box-shadow: none;
}

.css-1bs6jvr:hover,
.css-1bs6jvr:active,
.css-1bs6jvr:focus {
    border: 2px solid rgb(153, 0, 64);
    color: rgb(153, 0, 64);
}

.css-149dmq6 {
    margin-top: 30px;
    text-align: center;
}

.css-2apqxo {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    max-width: 300px;
    margin: 0px;
    overflow-wrap: break-word;
    position: relative;
    color: rgb(255, 255, 255);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    background-color: rgb(8, 135, 233);
    border-radius: 10px;
    box-shadow: rgba(46, 46, 46, 0.1) 0px 0px 30px;
    padding: 20px;
}

.MuiTooltip-popper[data-popper-placement*="left"] .css-2apqxo {
    transform-origin: right center;
    margin-right: 14px;
}

.MuiTooltip-popper[data-popper-placement*="right"] .css-2apqxo {
    transform-origin: left center;
    margin-left: 14px;
}

.MuiTooltip-popper[data-popper-placement*="top"] .css-2apqxo {
    transform-origin: center bottom;
    margin-bottom: 14px;
}

.MuiTooltip-popper[data-popper-placement*="bottom"] .css-2apqxo {
    transform-origin: center top;
    margin-top: 14px;
}

.css-mfqwo1 {
    display: flex;
    flex-direction: column;
    padding: 4px 0px 2px;
}

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

.css-l5c1s3> :not(style)+ :not(style) {
    margin: 8px 0px 0px;
}

.css-1q7lfra {
    white-space: normal;
    color: rgb(255, 255, 255);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    text-transform: none;
}

.css-1o2910l {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: rgb(255, 255, 255);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    text-transform: none;
}

.css-13v6iu5 {
    overflow: hidden;
    position: absolute;
    width: 1em;
    height: 0.71em;
    box-sizing: border-box;
    color: rgb(8, 135, 233);
}

.css-13v6iu5::before {
    content: "";
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    background-color: currentcolor;
    transform: rotate(45deg);
}

.css-yp9y6u {
    position: fixed;
    z-index: 1300;
    inset: 0px;
}

@media print {
    .css-yp9y6u {
        position: absolute !important;
    }
}

.css-yp9y6u .MuiDialog-paper {
    -webkit-box-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    width: auto;
}

@media (min-width: 800px) {
    .css-yp9y6u .MuiDialog-paper {
        border-radius: 9px;
        max-height: calc(100% - 32px);
        width: 420px;
    }
}

@media (max-width: 799.95px) {
    .css-yp9y6u .MuiDialog-paper {
        min-height: 100%;
        min-width: 100%;
    }
}

.css-1mbdz04 {
    z-index: -1;
}

.css-919eu4 {
    position: fixed;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
    z-index: -1;
}

.css-ekeie0 {
    height: 100%;
    outline: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

@media print {
    .css-ekeie0 {
        height: auto;
    }
}

.css-1qtngxx {
    margin: 32px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 64px);
    max-width: 800px;
}

@media print {
    .css-1qtngxx {
        overflow-y: visible;
        box-shadow: none;
    }
}

@media (max-width: 863.95px) {
    .css-1qtngxx.MuiDialog-paperScrollBody {
        max-width: calc(100% - 64px);
    }
}

.css-lkdisb {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
    margin: 32px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 64px);
    max-width: 800px;
}

@media print {
    .css-lkdisb {
        overflow-y: visible;
        box-shadow: none;
    }
}

@media (max-width: 863.95px) {
    .css-lkdisb.MuiDialog-paperScrollBody {
        max-width: calc(100% - 64px);
    }
}

.css-d7j4nd {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 32px;
    position: relative;
    text-align: left;
    z-index: 1;
}

.css-d7j4nd>.MuiIconButton-root {
    color: inherit;
    position: absolute;
    right: 8px;
    top: 8px;
}

.css-d7j4nd>.MuiIconButton-root>.MuiSvgIcon-root {
    color: rgb(46, 46, 46);
    font-size: 14px;
}

.css-1cmczs3 {
    padding: 32px 32px 0px;
    position: relative;
    text-align: left;
    z-index: 1;
}

.css-1cmczs3>.MuiIconButton-root {
    color: inherit;
    position: absolute;
    right: 8px;
    top: 8px;
}

.css-1cmczs3>.MuiIconButton-root>.MuiSvgIcon-root {
    color: rgb(46, 46, 46);
    font-size: 14px;
}

.css-1wf493t {
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-1wf493t:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

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

.css-1wf493t.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-1yxmbwk {
    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(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

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

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

.css-1yxmbwk:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

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

.css-1yxmbwk.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-100mn5 {
    color: rgb(115, 115, 115);
    padding: 0px 32px 32px;
}

.css-1q8t8ku {
    flex: 1 1 auto;
    overflow-y: auto;
    color: rgb(115, 115, 115);
    padding: 0px 32px 32px;
}

.MuiDialogTitle-root+.css-1q8t8ku {
    padding-top: 0px;
}

@media (max-width: 799.95px) {
    .css-1nl6eqh {
        margin: 32px 20px;
    }
}

.css-yghoog {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-transform: none;
}

.css-1xaekgw {
    margin-top: 20px;
}

.css-1bgo7bm {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin-top: 32px;
}

.css-1smqp0f {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
}

@media (min-width: 361px) {
    .css-1smqp0f {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 800px) {
    .css-1smqp0f {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1024px) {
    .css-1smqp0f {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1536px) {
    .css-1smqp0f {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1920px) {
    .css-1smqp0f {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

.css-jjho80 {
    font-size: 13px;
    line-height: 24px;
    min-width: auto;
    text-transform: uppercase;
    white-space: nowrap;
    align-items: flex-start;
    background-color: rgb(254, 254, 255);
    border: rgb(211, 211, 211);
    border-radius: 10px;
    box-shadow: rgba(46, 46, 46, 0.1) 0px 0px 30px;
    color: rgb(46, 46, 46);
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: start;
    padding: 20px 24px;
}

.css-jjho80>.MuiTouchRipple-root {
    border-radius: 0px;
}

.css-jjho80.Mui-disabled path,
.css-jjho80.Mui-disabled:hover path {
    stroke: none;
}

.css-jjho80:hover,
.css-jjho80:active {
    background-color: transparent;
    box-shadow: none;
}

.css-jjho80:hover,
.css-jjho80:active,
.css-jjho80:focus {
    background-color: rgb(254, 254, 255);
    box-shadow: rgb(153, 0, 64) 0px 0px 0px 2px inset, rgba(46, 46, 46, 0.1) 0px 0px 30px;
}

.css-1x20vi0 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 100%;
    font-size: 13px;
    line-height: 24px;
    min-width: auto;
    text-transform: uppercase;
    white-space: nowrap;
    align-items: flex-start;
    background-color: rgb(254, 254, 255);
    border: rgb(211, 211, 211);
    border-radius: 10px;
    box-shadow: rgba(46, 46, 46, 0.1) 0px 0px 30px;
    color: rgb(46, 46, 46);
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: start;
    padding: 20px 24px;
}

.css-1x20vi0:hover {
    text-decoration: none;
    background-color: rgb(132, 0, 55);
    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-1x20vi0:hover {
        background-color: rgb(189, 0, 79);
    }
}

.css-1x20vi0: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-1x20vi0.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.css-1x20vi0.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.12);
}

.css-1x20vi0:hover,
.css-1x20vi0:active {
    text-decoration: none;
}

.css-1x20vi0.Mui-disabled,
.css-1x20vi0.Mui-disabled:hover,
.css-1x20vi0.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-1x20vi0.Mui-disabled path,
.css-1x20vi0.Mui-disabled:hover path,
.css-1x20vi0.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-1x20vi0>.MuiTouchRipple-root {
    border-radius: 0px;
}

.css-1x20vi0.Mui-disabled path,
.css-1x20vi0.Mui-disabled:hover path {
    stroke: none;
}

.css-1x20vi0:hover,
.css-1x20vi0:active {
    background-color: transparent;
    box-shadow: none;
}

.css-1x20vi0:hover,
.css-1x20vi0:active,
.css-1x20vi0:focus {
    background-color: rgb(254, 254, 255);
    box-shadow: rgb(153, 0, 64) 0px 0px 0px 2px inset, rgba(46, 46, 46, 0.1) 0px 0px 30px;
}

.css-7bagm9 {
    display: inline-flex;
    -webkit-box-align: 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;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 100%;
    font-size: 13px;
    line-height: 24px;
    min-width: auto;
    text-transform: uppercase;
    white-space: nowrap;
    align-items: flex-start;
    background-color: rgb(254, 254, 255);
    border: rgb(211, 211, 211);
    border-radius: 10px;
    box-shadow: rgba(46, 46, 46, 0.1) 0px 0px 30px;
    color: rgb(46, 46, 46);
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: start;
    padding: 20px 24px;
}

.css-7bagm9.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-7bagm9 {
        -webkit-print-color-adjust: exact;
    }
}

.css-7bagm9:hover {
    text-decoration: none;
    background-color: rgb(132, 0, 55);
    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-7bagm9:hover {
        background-color: rgb(189, 0, 79);
    }
}

.css-7bagm9: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-7bagm9.Mui-focusVisible {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}

.css-7bagm9.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.12);
}

.css-7bagm9:hover,
.css-7bagm9:active {
    text-decoration: none;
}

.css-7bagm9.Mui-disabled,
.css-7bagm9.Mui-disabled:hover,
.css-7bagm9.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-7bagm9.Mui-disabled path,
.css-7bagm9.Mui-disabled:hover path,
.css-7bagm9.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-7bagm9>.MuiTouchRipple-root {
    border-radius: 0px;
}

.css-7bagm9.Mui-disabled path,
.css-7bagm9.Mui-disabled:hover path {
    stroke: none;
}

.css-7bagm9:hover,
.css-7bagm9:active {
    background-color: transparent;
    box-shadow: none;
}

.css-7bagm9:hover,
.css-7bagm9:active,
.css-7bagm9:focus {
    background-color: rgb(254, 254, 255);
    box-shadow: rgb(153, 0, 64) 0px 0px 0px 2px inset, rgba(46, 46, 46, 0.1) 0px 0px 30px;
}

.css-1yjvs5a {
    margin-bottom: 32px;
}

.css-vubbuv {
    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) 0ms;
    font-size: 1.5rem;
}

.css-1sa6d3v {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    text-align: left;
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: none;
}

.css-15tlks4 {
    white-space: normal;
    color: rgb(115, 115, 115);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-transform: none;
}

.css-1fpxs6q {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    text-align: left;
    white-space: normal;
    color: rgb(115, 115, 115);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-transform: none;
}

.css-12v7c7d {
    box-sizing: border-box;
    margin: 16px 0px 0px;
    flex-direction: row;
}

@media (min-width: 361px) {
    .css-12v7c7d {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 800px) {
    .css-12v7c7d {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1024px) {
    .css-12v7c7d {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1536px) {
    .css-12v7c7d {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1920px) {
    .css-12v7c7d {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

.css-19ri5qq {
    opacity: 0;
    position: absolute;
}

.css-19ri5qq.MuiTouchRipple-rippleVisible {
    opacity: 0.3;
    transform: scale(1);
    animation-name: animation-1taevns;
    animation-duration: 550ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.css-19ri5qq.MuiTouchRipple-ripplePulsate {
    animation-duration: 200ms;
}

.css-19ri5qq .MuiTouchRipple-child {
    opacity: 1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: currentcolor;
}

.css-19ri5qq .MuiTouchRipple-childLeaving {
    opacity: 0;
    animation-name: animation-5ich1p;
    animation-duration: 550ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.css-19ri5qq .MuiTouchRipple-childPulsate {
    position: absolute;
    left: 0px;
    top: 0px;
    animation-name: animation-f6tr5a;
    animation-duration: 2500ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: infinite;
    animation-delay: 200ms;
}

@-webkit-keyframes animation-f6tr5a {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.92);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes animation-f6tr5a {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.92);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes animation-5ich1p {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes animation-5ich1p {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes animation-1taevns {
    0% {
        transform: scale(0);
        opacity: 0.1;
    }

    100% {
        transform: scale(1);
        opacity: 0.3;
    }
}

@keyframes animation-1taevns {
    0% {
        transform: scale(0);
        opacity: 0.1;
    }

    100% {
        transform: scale(1);
        opacity: 0.3;
    }
}

.css-39ic0j {
    margin-bottom: 24px;
    margin-top: 32px;
}

.css-39ic0j:has(> #no-content) {
    flex: 1 1 100%;
    margin-bottom: 32px;
    margin-top: 0px;
}

.css-4ny505 {
    z-index: 1200;
    background-color: transparent;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.css-4ny505 .MuiDrawer-paper {
    background-color: transparent;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    padding-top: 48px;
}

.css-1r9qb44 {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.MillenniumLogo_svg__cls-3 {
    clip-path: url("#MillenniumLogo_svg__clip-path");
}

.MillenniumLogo_svg__cls-4,
.MillenniumLogo_svg__cls-5 {
    fill: rgb(255, 255, 255);
}

.MillenniumLogo_svg__cls-5 {
    fill-rule: evenodd;
}

.IcoFlagEN_svg__cls-1 {
    fill: none;
}

.IcoFlagEN_svg__cls-5 {
    fill: rgb(255, 255, 255);
}

.information-yimi___con {
    padding-top: 20px;
}

#information-yimi_ {
    margin: 0px auto;
    color: rgb(115, 115, 115);
    font-family: Roboto;
    font-size: 14px;
    line-height: 16px;
}

#information-yimi_ .date,
#information-yimi_ .link {
    color: rgb(189, 0, 79);
    margin-bottom: 10px;
    text-decoration: none;
}

#information-yimi_ .date {
    font-size: 14px;
    color: rgb(46, 46, 46);
    font-weight: bold;
}

#information-yimi_ .information__element {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

#information-yimi_ .information__element:last-child {
    margin-bottom: 0px;
}

@media (max-width: 799.9px) {
    .information-yimi___con {
        margin-top: 0px;
        margin-bottom: 30px !important;
    }

    #information-yimi_ {
        max-width: 100%;
    }

    #information-yimi_ .information__element {
        display: block;
    }

    #information-yimi_ .date {
        margin: 0px 0px 7px;
        display: block;
    }
}

.login-advert-info-content .ci_custom,
.ci_custom.advert__con {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    inset: 0px;
}

.login-advert-info-content .ci_custom>div,
.ci_custom.advert__con>div {
    width: 100%;
    height: 100%;
}

#advert {
    display: flex;
    height: 100%;
    align-items: center;
    padding-bottom: 60px;
}

#advert>.content {
    margin: 5px 39% 0px 13%;
    padding-bottom: 56px;
    position: absolute;
}

#advert>.content .title {
    color: rgb(255, 255, 255);
    font-family: Roboto;
    font-size: 36px;
    font-weight: bold;
    line-height: 43px;
}

#advert>.content .desc {
    margin: 25px 0px 44px;
}

#advert>.content .desc p {
    margin-bottom: 10px;
    color: rgb(255, 255, 255);
    font-family: Roboto;
    font-size: 15px;
    line-height: 21px;
}

#advert>.content .desc p:last-child {
    margin-bottom: 0px;
}

#advert>.content .button {
    display: inline-block;
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    line-height: 23px;
    text-transform: uppercase;
    padding: 14px 20px 15px 19px;
    border-radius: 3px;
}

#advert>.content a.legal {
    background-color: rgba(46, 46, 46, 0.6);
    padding: 12px 24px;
    border-radius: 200px;
    color: white;
    font-family: Roboto;
    font-size: 14px;
    line-height: 33px;
    margin-left: 25px;
}

#advert>.content a.legal:hover {
    text-decoration: none;
}

#advert-bg {
    transition: scale 1s ease-in-out 0s;
    display: flex;
    height: calc(100% + 154px);
    width: 100%;
    align-items: center;
    padding-bottom: 0px;
    background-image: url("/static/pl-banks/Millennium_files/2b4de6f8-cc93-083f-106d-4da6f3a787cb.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    scale: 1;
    z-index: 0;
}

@media screen and (min-width: 800px) {
    #advert:hover>#advert-bg {
        scale: 1.2;
    }
}

.mds.bm-legal-note-mi button.bm-button--legalnote-variant {
    margin-left: 0px !important;
}

.mds.bm-button-group {
    flex-wrap: wrap;
    gap: 12px 25px !important;
}

@media screen and (max-width: 799.9px) {
    .ci_custom.advert__con {
        position: relative;
    }

    #advert-bg {
        display: none;
    }

    #advert>.content {
        padding-bottom: 20px;
        margin-top: 164px;
        margin-right: 13%;
        z-index: 1;
    }

    #advert {
        padding-bottom: 0px;
        border-radius: 10px 10px 0px 0px;
        display: flex;
        justify-content: center;
        transition: none 0s ease 0s;
        background-image: url("https://www.bankmillennium.pl/documents/560594/32104539/ImgLoginBanner-m-9336-3.jpg/2dabf582-6308-0a7f-f37c-b9930d3b743a?t=1709284282822");
        background-size: 865px;
        background-repeat: no-repeat;
        background-position: center top;
    }

    #advert::before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: white;
        margin-top: 330px;
        z-index: 0;
    }

    #advert>.content .title {
        color: rgb(46, 46, 46);
        font-weight: bold;
        font-size: 17px;
        line-height: 20px;
        margin-top: 40px;
        margin-bottom: 24px;
        font-family: Roboto;
        text-align: center;
    }

    #advert>.content .desc {
        margin: 0px;
    }

    #advert>.content .desc p {
        color: rgb(115, 115, 115);
        font-family: Roboto;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
    }

    #advert>.content .button {
        color: rgb(207, 0, 78);
        font-family: Roboto;
        font-size: 13px;
        font-weight: bold;
        text-transform: unset;
        padding: 0px 0px 10px;
        border: none;
        float: right;
        margin-right: 10px;
    }

    #advert>.content a.legal {
        color: black;
        background: none;
        margin: 0px 0px 0px 10px;
        padding: 0px 0px 10px;
        font-size: 13px;
        font-weight: bold;
        line-height: 23px;
    }
}

#advert.advert__message::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0px;
    left: 0px;
}

#advert>.message,
#advert.advert__message>.content {
    display: none;
    transition: transform 800ms ease 0s;
    transform: translate(100vw, 0px);
}

#advert.advert__message .message {}

#advert.advert__message>.message {
    display: inherit;
    background: white;
    width: auto;
    height: auto;
    position: relative;
    margin: 0px auto;
    padding: 60px 50px 50px;
    box-sizing: content-box;
    border-radius: 10px;
    font-family: Roboto;
    text-align: center;
    flex-direction: column;
    transform: translate(0px, 0px);
}

#advert.advert__message .message__close {
    color: black;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    text-decoration: none !important;
}

#advert.advert__message h3 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 300;
    margin: 0px 0px 25px;
}

#advert.advert__message p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
}

#advert.advert__message .button__con {
    text-align: center;
    width: 100%;
    margin: 20px 0px 0px;
}

#advert.advert__message .button__con .btn {
    background: rgb(189, 0, 79);
    border: 1px solid rgb(189, 0, 79);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    min-width: 101px;
    height: 45px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 14px;
    text-shadow: none !important;
}

#advert.advert__message .button__con .link {
    line-height: 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: rgb(189, 0, 79);
    margin-left: 20px;
    cursor: pointer;
    text-decoration: none !important;
}

@media screen and (max-width: 799.9px) {
    #advert.advert__message::before {
        background: rgba(0, 0, 0, 0.1);
    }

    #advert.advert__message h3 {
        margin-bottom: 20px;
    }

    #advert.advert__message .button__con {
        margin-top: 30px;
    }

    #advert.advert__message .message {
        width: 100%;
        margin: 0px;
        padding: 40px 30px 30px;
    }

    #advert.advert__message .button__con .link {
        display: none;
    }

    #advert.advert__message .message__close {
        display: none;
    }

    .mds.bm-button-group {
        align-items: center;
    }

    .mds.bm-button {
        margin-top: 30px;
    }

    .mds.bm-button.bm-button--link.bm-button--legalnote-variant {
        margin: auto;
        display: block;
    }
}

.mds.bm-button {
    min-width: 146px;
    padding: 15px 18px;
    text-wrap: nowrap;
}

.mds p,
.mds ul,
.mds ol,
.mds img,
.mds video {
    margin: 20px 0px;
}

.mds.bm-button.bm-button--link {
    text-align: center;
}

.mds.bm-bottomsheet .bm-bottomsheet__dismiss-icon {
    transform: translateY(0px) scale(0.81);
}

:focus,
:focus-visible {
    outline: none !important;
}

[data-whatinput="keyboard"] :not(input):focus {
    outline-offset: 2px;
    outline: rgb(164, 164, 164) dashed 2px !important;
}

[data-whatinput="keyboard"] button:focus,
[data-whatinput="keyboard"] input[type="button"]:focus,
[data-whatinput="keyboard"] input[type="submit"]:focus {
    outline-offset: 2px;
    outline: rgb(164, 164, 164) dashed 2px !important;
}

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

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

strong,
b {
    font-weight: 700;
}

body {
    margin: 0px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 0.875rem;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    background-color: rgb(255, 255, 255);
}

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

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

@font-face {
    font-family: Roboto;
    font-weight: 400;
    src: url("https://static.bankmillennium.pl/retail/login/regular-login/roboto-latin-ext-400-normal.woff") format("woff2"), url("https://static.bankmillennium.pl/retail/login/regular-login/roboto-latin-ext-400-normal.woff2") format("woff2");
}

@font-face {
    font-family: Roboto;
    font-weight: 500;
    src: url("https://static.bankmillennium.pl/retail/login/regular-login/roboto-latin-ext-500-normal.woff") format("woff2"), url("https://static.bankmillennium.pl/retail/login/regular-login/roboto-latin-ext-500-normal.woff2") format("woff2");
}

@font-face {
    font-family: Roboto;
    font-weight: 700;
    src: url("https://static.bankmillennium.pl/retail/login/regular-login/roboto-latin-ext-700-normal.woff") format("woff2"), url("https://static.bankmillennium.pl/retail/login/regular-login/roboto-latin-ext-700-normal.woff2") format("woff2");
}

@font-face {
    font-family: Password;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA") format("woff");
}

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

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

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

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

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

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

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

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

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

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

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

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

.css-16uno30 {
    display: flex;
    flex-direction: column;
    overflow: auto;
    position: relative;
}

.css-e30kyy {
    max-height: 100vh;
    overflow: auto;
    padding-bottom: 0px;
    padding-right: 0px;
    scrollbar-width: none;
}

.css-e30kyy::-webkit-scrollbar {
    display: none;
}

.css-t12ur {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.css-hmvv3d {
    box-sizing: border-box;
    flex-direction: row;
    display: flex;
    min-height: calc(-106px + 100vh);
}

@media (max-width: 799.95px) {
    .css-hmvv3d {
        flex-direction: column;
    }
}

.css-lx3je1 {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    height: auto;
    position: relative;
}

@media (min-width: 361px) {
    .css-lx3je1 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 800px) {
    .css-lx3je1 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

@media (min-width: 1024px) {
    .css-lx3je1 {
        flex-basis: 41.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.6667%;
    }
}

@media (min-width: 1536px) {
    .css-lx3je1 {
        flex-basis: 41.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.6667%;
    }
}

@media (min-width: 1920px) {
    .css-lx3je1 {
        flex-basis: 41.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.6667%;
    }
}

.css-1qji5pg {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: none;
    padding: 60px 0px 0px;
    width: 100%;
}

@media (min-width: 1024px) {
    .css-1qji5pg {
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }
}

@media (max-width: 799.95px) {
    .css-1qji5pg {
        padding: 16px 16px 0px;
    }
}

.css-1px6nng {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 348px;
}

@media (max-width: 799.95px) {
    .css-1px6nng {
        margin-bottom: 0px;
    }
}

.css-1cgm3qi {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 348px;
}

@media (max-width: 799.95px) {
    .css-1cgm3qi {
        margin-bottom: 0px;
    }
}

.css-811ln4 {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
}

.css-reo2qe {
    display: flex;
}

@media (max-width: 1023.95px) {
    .css-reo2qe {
        flex: 1 1 0%;
    }
}

.css-1pfxb8g {
    display: flex;
}

@media (max-width: 1023.95px) {
    .css-1pfxb8g {
        flex: 1 1 0%;
    }
}

.css-1p8mf9l {
    height: 45px;
    width: 188px;
}

.css-oulibp {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    height: 45px;
    width: 188px;
}

.css-oulibp:focus,
.css-oulibp:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-lb4ung {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    height: 45px;
    width: 188px;
}

.css-lb4ung:hover {
    text-decoration-color: inherit;
}

.css-lb4ung:focus,
.css-lb4ung:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-t1spra {
    margin: 0px;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    height: 45px;
    width: 188px;
}

.css-t1spra:hover {
    text-decoration-color: inherit;
}

.css-t1spra:focus,
.css-t1spra:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-1nex2sj {
    display: block;
    height: 24px;
    padding: 0px;
    width: 24px;
}

.css-1nex2sj>span {
    border: 2.4px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.18) 2px 2px 8px 0px;
}

.css-tv3m95 {
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    display: block;
    height: 24px;
    padding: 0px;
    width: 24px;
}

.css-tv3m95:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

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

.css-tv3m95.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-tv3m95>span {
    border: 2.4px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.18) 2px 2px 8px 0px;
}

.css-123kuhb {
    -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;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    display: block;
    height: 24px;
    padding: 0px;
    width: 24px;
}

.css-123kuhb.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-123kuhb {
        -webkit-print-color-adjust: exact;
    }
}

.css-123kuhb:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

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

.css-123kuhb.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-123kuhb>span {
    border: 2.4px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.18) 2px 2px 8px 0px;
}

.css-1p8t517 {
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 348px;
}

.css-1alnwqd {
    margin-bottom: 6px;
    margin-top: 12px;
}

.css-1g8de5r {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 2px;
    min-height: 50vh;
    position: static;
}

.css-15qg6oh {
    flex-direction: column;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 2px;
    min-height: 50vh;
    position: static;
}

.css-1y1o6e4 {
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
}

.css-1cgbp6i {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    inset: 0px;
    -webkit-tap-highlight-color: transparent;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
}

.css-1dgksmd {
    padding: 50px 0px;
    width: 100%;
}

.css-1dgksmd .aria-hide {
    display: none;
}

.css-1dgksmd .information__element {
    margin-left: 0px;
}

.css-d90t8x.MuiPopover-root {
    position: absolute;
}

.css-d90t8x .MuiPopover-paper {
    color: rgb(255, 255, 255);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    border-radius: 9px;
    box-shadow: rgba(46, 46, 46, 0.1) 0px 13px 34px 0px;
    max-width: 700px;
    padding: 24px 32px 30px 64px;
    position: absolute;
    width: calc(100% - 270px);
    background-color: rgb(243, 156, 62);
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

@media (min-width: 800px) {
    .css-d90t8x .MuiPopover-paper {
        min-width: 348px;
    }
}

@media (max-width: 1023.95px) {
    .css-d90t8x .MuiPopover-paper {
        width: calc(100% - 150px);
    }
}

@media (max-width: 799.95px) {
    .css-d90t8x .MuiPopover-paper {
        max-width: 100%;
        width: 348px;
    }
}

@media (max-width: 360.95px) {
    .css-d90t8x .MuiPopover-paper {
        width: 100%;
    }
}

.css-1dnnkyv.MuiPopover-root {
    position: absolute;
}

.css-1dnnkyv .MuiPopover-paper {
    color: rgb(255, 255, 255);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    border-radius: 9px;
    box-shadow: rgba(46, 46, 46, 0.1) 0px 13px 34px 0px;
    max-width: 700px;
    padding: 24px 32px 30px 64px;
    position: absolute;
    width: calc(100% - 270px);
    background-color: rgb(243, 156, 62);
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

@media (min-width: 800px) {
    .css-1dnnkyv .MuiPopover-paper {
        min-width: 348px;
    }
}

@media (max-width: 1023.95px) {
    .css-1dnnkyv .MuiPopover-paper {
        width: calc(100% - 150px);
    }
}

@media (max-width: 799.95px) {
    .css-1dnnkyv .MuiPopover-paper {
        max-width: 100%;
        width: 348px;
    }
}

@media (max-width: 360.95px) {
    .css-1dnnkyv .MuiPopover-paper {
        width: 100%;
    }
}

.css-1ondbd4 {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    height: auto;
    background: rgb(233, 234, 237);
    overflow: hidden;
    position: relative;
    z-index: 1;
}

@media (min-width: 361px) {
    .css-1ondbd4 {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 800px) {
    .css-1ondbd4 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

@media (min-width: 1024px) {
    .css-1ondbd4 {
        flex-basis: 58.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.3333%;
    }
}

@media (min-width: 1536px) {
    .css-1ondbd4 {
        flex-basis: 58.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.3333%;
    }
}

@media (min-width: 1920px) {
    .css-1ondbd4 {
        flex-basis: 58.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.3333%;
    }
}

@media (max-width: 799.95px) {
    .css-1ondbd4 {
        background: none;
        border-radius: 12px;
        box-shadow: rgba(46, 46, 46, 0.1) 2px 13px 34px 0px;
        margin: 0px auto 56px;
        width: 348px;
    }
}

@media (max-width: 360.95px) {
    .css-1ondbd4 {
        margin: 0px 16px 16px;
        width: calc(100% - 32px);
    }
}

.css-1o3fej {
    height: 100%;
    position: relative;
}

.css-1kl2va {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 70%;
}

.css-27yvjd .MuiDialog-paper {
    -webkit-box-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    width: auto;
}

@media (min-width: 800px) {
    .css-27yvjd .MuiDialog-paper {
        border-radius: 9px;
        max-height: calc(100% - 32px);
        width: 420px;
    }
}

@media (max-width: 799.95px) {
    .css-27yvjd .MuiDialog-paper {
        min-height: 100%;
        min-width: 100%;
    }
}

@media print {
    .css-dq5u41 {
        position: absolute !important;
    }
}

.css-dq5u41 .MuiDialog-paper {
    -webkit-box-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    width: auto;
}

@media (min-width: 800px) {
    .css-dq5u41 .MuiDialog-paper {
        border-radius: 9px;
        max-height: calc(100% - 32px);
        width: 420px;
    }
}

@media (max-width: 799.95px) {
    .css-dq5u41 .MuiDialog-paper {
        min-height: 100%;
        min-width: 100%;
    }
}

.css-10klw3m {
    height: 100%;
}

.css-1rol6q0 {
    font-weight: 700;
    text-transform: none;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    opacity: 0.08;
    white-space: nowrap;
    bottom: -1.7vw;
    position: absolute;
    right: 0px;
    text-align: right;
    width: 100%;
    display: block;
    font-size: 11.75vw;
    line-height: 11.75vw;
}

@media (max-width: 1023.95px) {
    .css-1rol6q0 {
        font-size: 10vw;
        line-height: 10vw;
    }
}

.css-1dye09o {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: none;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    opacity: 0.08;
    white-space: nowrap;
    bottom: -1.7vw;
    position: absolute;
    right: 0px;
    text-align: right;
    width: 100%;
    display: block;
    font-size: 11.75vw;
    line-height: 11.75vw;
}

@media (max-width: 1023.95px) {
    .css-1dye09o {
        font-size: 10vw;
        line-height: 10vw;
    }
}

@media (max-width: 1023.95px) {
    .css-1dye09o {
        font-size: 10vw;
        line-height: 10vw;
    }
}

.css-rnur1x {
    box-sizing: border-box;
    flex-flow: wrap;
    margin: 0px;
    -webkit-box-align: center;
    align-items: center;
    max-height: 106px;
    min-height: 106px;
    width: 100%;
    background-color: rgb(246, 246, 246);
    display: flex;
    padding: 40px 72px;
}

@media (min-width: 361px) {
    .css-rnur1x {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 800px) {
    .css-rnur1x {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1024px) {
    .css-rnur1x {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1536px) {
    .css-rnur1x {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1920px) {
    .css-rnur1x {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (max-width: 799.95px) {
    .css-rnur1x {
        flex-direction: column;
        max-height: none;
        min-width: 320px;
        padding: 40px 16px;
    }
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-rnur1x {
        padding: 40px 30px;
    }
}

.css-1oxiodx {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    margin: 0px;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

@media (max-width: 799.95px) {
    .css-1oxiodx {
        width: 304px;
    }
}

.css-1lz1snp {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
}

@media (min-width: 361px) {
    .css-1lz1snp {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 800px) {
    .css-1lz1snp {
        flex-basis: 41.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.6667%;
    }
}

@media (min-width: 1024px) {
    .css-1lz1snp {
        flex-basis: 41.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.6667%;
    }
}

@media (min-width: 1536px) {
    .css-1lz1snp {
        flex-basis: 41.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.6667%;
    }
}

@media (min-width: 1920px) {
    .css-1lz1snp {
        flex-basis: 41.6667%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 41.6667%;
    }
}

@media (max-width: 799.95px) {
    .css-1lz1snp {
        margin-bottom: 30px;
    }
}

.css-111uevq {
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 0.9375rem;
    text-transform: none;
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-111uevq {
        font-size: 24px;
    }
}

.css-mb5i9 {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 0.9375rem;
    text-transform: none;
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-mb5i9 {
        font-size: 24px;
    }
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-mb5i9 {
        font-size: 24px;
    }
}

.css-1gg199x {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    white-space: nowrap;
}

@media (min-width: 361px) {
    .css-1gg199x {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 800px) {
    .css-1gg199x {
        flex-basis: 58.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.3333%;
    }
}

@media (min-width: 1024px) {
    .css-1gg199x {
        flex-basis: 58.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.3333%;
    }
}

@media (min-width: 1536px) {
    .css-1gg199x {
        flex-basis: 58.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.3333%;
    }
}

@media (min-width: 1920px) {
    .css-1gg199x {
        flex-basis: 58.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 58.3333%;
    }
}

@media (max-width: 799.95px) {
    .css-1gg199x {
        align-items: flex-start;
        flex-direction: column;
    }
}

.css-gw5hrb {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: rgb(46, 46, 46);
    margin-right: 32px;
}

.css-gw5hrb:focus,
.css-gw5hrb:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-gw5hrb:hover,
.css-gw5hrb:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-gw5hrb {
        margin-bottom: 20px;
    }
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-gw5hrb {
        margin-right: 10px;
    }
}

.css-1gyo8de {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: rgb(46, 46, 46);
    margin-right: 32px;
}

.css-1gyo8de:hover {
    text-decoration-color: inherit;
}

.css-1gyo8de:hover,
.css-1gyo8de:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-1gyo8de {
        margin-bottom: 20px;
    }
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-1gyo8de {
        margin-right: 10px;
    }
}

.css-1gyo8de:focus,
.css-1gyo8de:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-1gyo8de:hover,
.css-1gyo8de:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-1gyo8de {
        margin-bottom: 20px;
    }
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-1gyo8de {
        margin-right: 10px;
    }
}

.css-mhl2se {
    margin: 0px 32px 0px 0px;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: rgb(46, 46, 46);
}

.css-mhl2se:hover {
    text-decoration-color: inherit;
}

.css-mhl2se:hover,
.css-mhl2se:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-mhl2se {
        margin-bottom: 20px;
    }
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-mhl2se {
        margin-right: 10px;
    }
}

.css-mhl2se:focus,
.css-mhl2se:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-mhl2se:hover,
.css-mhl2se:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-mhl2se {
        margin-bottom: 20px;
    }
}

@media (min-width: 800px) and (max-width: 1023.95px) {
    .css-mhl2se {
        margin-right: 10px;
    }
}

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

.css-uwmv7h {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: rgb(46, 46, 46);
}

.css-uwmv7h:focus,
.css-uwmv7h:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-uwmv7h:hover,
.css-uwmv7h:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-uwmv7h {
        margin-bottom: 20px;
    }
}

@media (max-width: 799.95px) {
    .css-uwmv7h {
        margin-bottom: 0px;
    }
}

.css-821jp7 {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: rgb(46, 46, 46);
}

.css-821jp7:hover {
    text-decoration-color: inherit;
}

.css-821jp7:hover,
.css-821jp7:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-821jp7 {
        margin-bottom: 20px;
    }
}

@media (max-width: 799.95px) {
    .css-821jp7 {
        margin-bottom: 0px;
    }
}

.css-821jp7:focus,
.css-821jp7:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-821jp7:hover,
.css-821jp7:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-821jp7 {
        margin-bottom: 20px;
    }
}

@media (max-width: 799.95px) {
    .css-821jp7 {
        margin-bottom: 0px;
    }
}

.css-1ul8ys3 {
    margin: 0px;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: rgb(46, 46, 46);
}

.css-1ul8ys3:hover {
    text-decoration-color: inherit;
}

.css-1ul8ys3:hover,
.css-1ul8ys3:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-1ul8ys3 {
        margin-bottom: 20px;
    }
}

@media (max-width: 799.95px) {
    .css-1ul8ys3 {
        margin-bottom: 0px;
    }
}

.css-1ul8ys3:focus,
.css-1ul8ys3:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-1ul8ys3:hover,
.css-1ul8ys3:focus {
    color: rgb(189, 0, 79);
}

@media (max-width: 799.95px) {
    .css-1ul8ys3 {
        margin-bottom: 20px;
    }
}

@media (max-width: 799.95px) {
    .css-1ul8ys3 {
        margin-bottom: 0px;
    }
}

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

.css-1mhcn7k {
    position: absolute;
    right: 0px;
    top: 45px;
    width: 87%;
    z-index: 2;
}

.css-34tvk3 {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 2px;
    position: relative;
}

.css-1sgswxr {
    flex-direction: column;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 2px;
    position: relative;
}

.css-1gn0q1f {
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-transform: none;
}

.css-gx7w3z {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-transform: none;
}

.css-uewl2b {
    margin-bottom: 20px;
}

.css-71iyw5 {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    margin-top: 20px;
    position: relative;
}

.css-u72bxh {
    white-space: normal;
    color: rgb(115, 115, 115);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-transform: none;
    margin-right: 10px;
}

.css-1q3x9q6 {
    margin: 0px 10px 0px 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: rgb(115, 115, 115);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-transform: none;
}

.css-6iiuof {
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: none;
}

.css-1ugvy8t {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: none;
}

.css-mgebua {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    right: 0px;
    top: auto;
}

.css-1nuxn1s {
    border-radius: 10px;
    height: 67px;
    width: 67px;
}

.css-kk0vgc {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.css-kk0vgc> :not(style)+ :not(style) {
    margin: 18px 0px 0px;
}

.css-13qtbaz .Mui-error {
    -webkit-box-align: center;
    align-items: center;
}

.css-13qtbaz .MuiInputBase-input {
    padding: 16.5px 14px;
}

.css-lk8wat .MuiInputBase-input {
    padding: 16.5px 14px;
}

.css-lk8wat .Mui-error {
    -webkit-box-align: center;
    align-items: center;
}

.css-lk8wat .MuiInputBase-input {
    padding: 16.5px 14px;
}

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

.css-aicmln .MuiInputBase-input {
    padding: 16.5px 14px;
}

.css-aicmln .Mui-error {
    -webkit-box-align: center;
    align-items: center;
}

.css-aicmln .MuiInputBase-input {
    padding: 16.5px 14px;
}

.css-4xnvvv {
    display: block;
    transform-origin: left top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 0px;
    top: 0px;
    font-size: 14px;
    max-width: 100%;
    pointer-events: auto;
    z-index: 0;
    margin-bottom: 6px;
    position: relative;
    transform: none;
}

.css-4xnvvv.Mui-error,
.css-4xnvvv.Mui-focused {
    color: rgb(115, 115, 115);
}

.css-4xnvvv label {
    position: relative;
    transform: none;
}

.css-4xnvvv label.Mui-focused {
    color: rgb(115, 115, 115);
}

.css-1or853r {
    color: rgba(0, 0, 0, 0.6);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.4375em;
    padding: 0px;
    display: block;
    transform-origin: left top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 0px;
    top: 0px;
    font-size: 14px;
    max-width: 100%;
    pointer-events: auto;
    z-index: 0;
    margin-bottom: 6px;
    position: relative;
    transform: none;
}

.css-1or853r.Mui-focused {
    color: rgb(189, 0, 79);
}

.css-1or853r.Mui-disabled {
    color: rgba(0, 0, 0, 0.38);
}

.css-1or853r.Mui-error {
    color: rgb(245, 80, 80);
}

.css-1or853r.Mui-error,
.css-1or853r.Mui-focused {
    color: rgb(115, 115, 115);
}

.css-1or853r label {
    position: relative;
    transform: none;
}

.css-1or853r label.Mui-focused {
    color: rgb(115, 115, 115);
}

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

.css-k008qs {
    display: flex;
}

.css-1m89k6n {
    color: rgb(115, 115, 115);
    height: 1rem;
    width: 1rem;
}

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

.css-s9ggwg {
    z-index: 1500;
    pointer-events: none;
}

.css-s9ggwg[data-popper-placement*="bottom"] .MuiTooltip-arrow {
    top: 0px;
    margin-top: -0.71em;
}

.css-s9ggwg[data-popper-placement*="bottom"] .MuiTooltip-arrow::before {
    transform-origin: 0px 100%;
}

.css-s9ggwg[data-popper-placement*="top"] .MuiTooltip-arrow {
    bottom: 0px;
    margin-bottom: -0.71em;
}

.css-s9ggwg[data-popper-placement*="top"] .MuiTooltip-arrow::before {
    transform-origin: 100% 0px;
}

.css-s9ggwg[data-popper-placement*="right"] .MuiTooltip-arrow {
    left: 0px;
    margin-left: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-s9ggwg[data-popper-placement*="right"] .MuiTooltip-arrow::before {
    transform-origin: 100% 100%;
}

.css-s9ggwg[data-popper-placement*="left"] .MuiTooltip-arrow {
    right: 0px;
    margin-right: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-s9ggwg[data-popper-placement*="left"] .MuiTooltip-arrow::before {
    transform-origin: 0px 0px;
}

.css-1dkatbo {
    z-index: 1500;
    pointer-events: none;
}

.css-1dkatbo[data-popper-placement*="bottom"] .MuiTooltip-arrow {
    top: 0px;
    margin-top: -0.71em;
}

.css-1dkatbo[data-popper-placement*="bottom"] .MuiTooltip-arrow::before {
    transform-origin: 0px 100%;
}

.css-1dkatbo[data-popper-placement*="top"] .MuiTooltip-arrow {
    bottom: 0px;
    margin-bottom: -0.71em;
}

.css-1dkatbo[data-popper-placement*="top"] .MuiTooltip-arrow::before {
    transform-origin: 100% 0px;
}

.css-1dkatbo[data-popper-placement*="right"] .MuiTooltip-arrow {
    left: 0px;
    margin-left: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-1dkatbo[data-popper-placement*="right"] .MuiTooltip-arrow::before {
    transform-origin: 100% 100%;
}

.css-1dkatbo[data-popper-placement*="left"] .MuiTooltip-arrow {
    right: 0px;
    margin-right: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-1dkatbo[data-popper-placement*="left"] .MuiTooltip-arrow::before {
    transform-origin: 0px 0px;
}

.css-6kwg2j {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4375em;
    color: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(211, 211, 211);
    border-radius: 4px;
    height: 45px;
    font-family: Password;
}

.css-6kwg2j.Mui-disabled {
    color: rgba(0, 0, 0, 0.38);
    cursor: default;
}

label+.css-6kwg2j {
    margin-top: 16px;
}

.css-6kwg2j input[type="number"]::-webkit-inner-spin-button,
.css-6kwg2j input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    padding: 0px;
}

.css-6kwg2j input[type="number"] {}

.css-6kwg2j .MuiInputBase-input::-webkit-contacts-auto-fill-button,
.css-6kwg2j .MuiInputBase-input::-webkit-credentials-auto-fill-button {
    appearance: none;
    position: absolute;
    right: 0px;
    visibility: hidden;
    display: none !important;
}

.css-6kwg2j .MuiInputBase-input::-webkit-outer-spin-button,
.css-6kwg2j .MuiInputBase-input::-webkit-inner-spin-button {
    appearance: none;
}

.css-6kwg2j .MuiInputBase-input[type="number"] {}

.css-6kwg2j.Mui-focused {
    border-color: rgb(46, 46, 46);
    border-width: 2px;
}

.css-6kwg2j:hover {
    border-color: rgb(46, 46, 46);
}

.css-6kwg2j.MuiInputBase-root {
    margin-top: 0px;
}

.css-mevgbx {
    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-mevgbx::-webkit-input-placeholder {
    color: currentcolor;
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-mevgbx:focus {
    outline: 0px;
}

.css-mevgbx:invalid {
    box-shadow: none;
}

.css-mevgbx::-webkit-search-decoration {
    appearance: none;
}

label[data-shrink="false"]+.MuiInputBase-formControl .css-mevgbx::-webkit-input-placeholder {
    opacity: 0 !important;
}

label[data-shrink="false"]+.MuiInputBase-formControl .css-mevgbx:focus::-webkit-input-placeholder {
    opacity: 0.42;
}

.css-mevgbx.Mui-disabled {
    opacity: 1;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
}

.css-mevgbx:-webkit-autofill {
    animation-duration: 5000s;
    animation-name: mui-auto-fill;
}

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

.css-9jay18 {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.css-1bm44zd {
    margin: 6px 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: rgb(46, 46, 46);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: none;
}

.css-1bakonx {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    outline-offset: -2px;
}

.css-1bakonx:focus,
.css-1bakonx:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-1lj9bm3 {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    outline-offset: -2px;
}

.css-1lj9bm3:hover {
    text-decoration-color: inherit;
}

.css-1lj9bm3:focus,
.css-1lj9bm3:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

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

.css-nfgiif:not(:last-child) {
    text-align: center;
}

.css-9i7jw0 {
    background: rgb(210, 210, 210);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    height: 1.6875rem;
    margin-bottom: 4px;
    width: 1.375rem;
}

.css-1hbvry8 {
    white-space: normal;
    color: rgb(115, 115, 115);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    text-transform: none;
    text-align: center;
}

.css-1g05ap4 {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: rgb(115, 115, 115);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    text-transform: none;
    text-align: center;
}

.css-1hyfx7x {
    display: none;
}

.css-cpa6ch {
    transform-origin: left top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    font-size: 14px;
    max-width: 100%;
    pointer-events: auto;
    z-index: 0;
    display: none;
}

.css-cpa6ch.Mui-error,
.css-cpa6ch.Mui-focused {
    color: rgb(115, 115, 115);
}

.css-oe13hd {
    color: rgba(0, 0, 0, 0.6);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.4375em;
    padding: 0px;
    position: relative;
    transform-origin: left top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    font-size: 14px;
    max-width: 100%;
    pointer-events: auto;
    z-index: 0;
    display: none;
}

.css-oe13hd.Mui-focused {
    color: rgb(189, 0, 79);
}

.css-oe13hd.Mui-disabled {
    color: rgba(0, 0, 0, 0.38);
}

.css-oe13hd.Mui-error {
    color: rgb(245, 80, 80);
}

.css-oe13hd.Mui-error,
.css-oe13hd.Mui-focused {
    color: rgb(115, 115, 115);
}

.css-i0fov6 {
    height: 1.6875rem;
    position: relative;
    width: 1.375rem;
    -webkit-text-security: disc;
    margin-bottom: 4px;
}

.css-i0fov6 .MuiInput-input {
    padding: 0px;
    text-align: center;
}

.css-i0fov6+p {
    color: rgb(46, 46, 46);
}

.css-o7pw5f {
    height: 1.6875rem;
    position: relative;
    width: 1.375rem;
    -webkit-text-security: disc;
    margin-bottom: 4px;
}

.css-o7pw5f .Mui-error {
    -webkit-box-align: center;
    align-items: center;
}

.css-o7pw5f .MuiInputBase-input {
    padding: 16.5px 14px;
}

.css-o7pw5f .MuiInput-input {
    padding: 0px;
    text-align: center;
}

.css-o7pw5f+p {
    color: rgb(46, 46, 46);
}

.css-o7pw5f .MuiInput-input {
    padding: 0px;
    text-align: center;
}

.css-o7pw5f+p {
    color: rgb(46, 46, 46);
}

.css-7ttdat {
    height: 1.6875rem;
    position: relative;
    width: 1.375rem;
    -webkit-text-security: disc;
    margin-bottom: 4px;
}

.css-7ttdat .MuiInputBase-input {
    padding: 16.5px 14px;
}

.css-7ttdat .MuiInput-input {
    padding: 0px;
    text-align: center;
}

.css-7ttdat+p {
    color: rgb(46, 46, 46);
}

.css-7ttdat .Mui-error {
    -webkit-box-align: center;
    align-items: center;
}

.css-7ttdat .MuiInputBase-input {
    padding: 16.5px 14px;
}

.css-7ttdat .MuiInput-input {
    padding: 0px;
    text-align: center;
}

.css-7ttdat+p {
    color: rgb(46, 46, 46);
}

.css-7ttdat .MuiInput-input {
    padding: 0px;
    text-align: center;
}

.css-7ttdat+p {
    color: rgb(46, 46, 46);
}

.css-1w7awiw {
    display: inline-flex;
    flex-direction: column;
    min-width: 0px;
    padding: 0px;
    margin: 0px 0px 4px;
    border: 0px;
    vertical-align: top;
    height: 1.6875rem;
    position: relative;
    width: 1.375rem;
    -webkit-text-security: disc;
}

.css-1w7awiw .MuiInputBase-input {
    padding: 16.5px 14px;
}

.css-1w7awiw .MuiInput-input {
    padding: 0px;
    text-align: center;
}

.css-1w7awiw+p {
    color: rgb(46, 46, 46);
}

.css-1w7awiw .Mui-error {
    -webkit-box-align: center;
    align-items: center;
}

.css-1w7awiw .MuiInputBase-input {
    padding: 16.5px 14px;
}

.css-1w7awiw .MuiInput-input {
    padding: 0px;
    text-align: center;
}

.css-1w7awiw+p {
    color: rgb(46, 46, 46);
}

.css-1w7awiw .MuiInput-input {
    padding: 0px;
    text-align: center;
}

.css-1w7awiw+p {
    color: rgb(46, 46, 46);
}

.css-1yejp8j {
    height: 1px;
    left: 0px;
    margin-left: -10000px;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100px;
}

.css-1wt1rqh {
    display: flex;
    flex: 1 1 0%;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

@media (max-width: 799.95px) {
    .css-1wt1rqh {
        display: none;
    }
}

.css-tdodj4 {
    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;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    padding: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    color: rgb(211, 211, 211);
    outline: none;
}

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

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

@media (max-width: 799.95px) {
    .css-tdodj4 {
        display: none;
    }
}

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

.css-1rmxws5 .MuiPaper-root {
    background-color: rgb(246, 246, 246);
    border-top: none;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding-bottom: 70px;
    user-select: none;
}

.css-1rmxws5 .MuiToolbar-root {
    display: flex;
    flex-direction: row-reverse;
}

.css-1rmxws5 .MuiToolbar-root button {
    color: rgb(46, 46, 46);
    font-size: 14px;
}

.css-1a6nhwl {
    flex: 0 0 auto;
}

.css-1a6nhwl .MuiPaper-root {
    background-color: rgb(246, 246, 246);
    border-top: none;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding-bottom: 70px;
    user-select: none;
}

.css-1a6nhwl .MuiToolbar-root {
    display: flex;
    flex-direction: row-reverse;
}

.css-1a6nhwl .MuiToolbar-root button {
    color: rgb(46, 46, 46);
    font-size: 14px;
}

.css-7x3str {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    height: auto;
    flex: 1 0 auto;
    z-index: 1200;
    position: fixed;
    inset: auto 0px 0px;
    outline: 0px;
    max-height: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.css-mhao82 {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: none;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    height: auto;
    flex: 1 0 auto;
    z-index: 1200;
    position: fixed;
    inset: auto 0px 0px;
    outline: 0px;
    max-height: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.css-yjjwjp {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 2px;
    padding-right: 2px;
    min-height: 56px;
    position: relative;
}

@media (min-width: 800px) {
    .css-yjjwjp {
        padding-left: 3px;
        padding-right: 3px;
    }
}

@media (min-width: 0px) {
    @media (orientation: landscape) {
        .css-yjjwjp {
            min-height: 48px;
        }
    }
}

@media (min-width: 600px) {
    .css-yjjwjp {
        min-height: 64px;
    }
}

.css-1kdmi6y {
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    position: absolute;
    right: 12px;
    top: 12px;
}

.css-1kdmi6y:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

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

.css-1kdmi6y.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-bmi12r {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    position: absolute;
    right: 12px;
    top: 12px;
}

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

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

.css-bmi12r:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

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

.css-bmi12r.Mui-disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.26);
}

.css-w6dzyp {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    margin-top: -6px;
    width: calc(100% + 6px);
    margin-left: -6px;
}

.css-w6dzyp>.MuiGrid-item {
    padding-top: 6px;
}

.css-w6dzyp>.MuiGrid-item {
    padding-left: 6px;
}

.css-11ul1w7 {
    column-gap: 6px;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-1nwpzox {
    box-sizing: border-box;
    margin: 0px;
    column-gap: 6px;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

@media (min-width: 361px) {
    .css-1nwpzox {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 800px) {
    .css-1nwpzox {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1024px) {
    .css-1nwpzox {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1536px) {
    .css-1nwpzox {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 1920px) {
    .css-1nwpzox {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

.css-18f6twu {
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 2px 3px 4px 0px inset, rgba(0, 0, 0, 0.14) -2px 3px 6px 0px;
    color: rgb(0, 0, 0);
    height: 48px;
    min-width: 48px;
    text-transform: none;
    transition: background-color 0.15s ease 0s;
    width: 48px;
}

.css-18f6twu:active,
.css-18f6twu:focus {
    background-color: rgb(241, 241, 241);
    border: 2px solid rgb(0, 0, 0);
}

.css-18f6twu:hover {
    background-color: rgb(241, 241, 241);
}

.css-do6ohh {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    padding: 6px 8px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 2px 3px 4px 0px inset, rgba(0, 0, 0, 0.14) -2px 3px 6px 0px;
    color: rgb(0, 0, 0);
    height: 48px;
    min-width: 48px;
    text-transform: none;
    transition: background-color 0.15s ease 0s;
    width: 48px;
}

.css-do6ohh:hover {
    text-decoration: none;
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-do6ohh.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-do6ohh:hover,
.css-do6ohh:active {
    text-decoration: none;
}

.css-do6ohh.Mui-disabled,
.css-do6ohh.Mui-disabled:hover,
.css-do6ohh.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-do6ohh.Mui-disabled path,
.css-do6ohh.Mui-disabled:hover path,
.css-do6ohh.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-do6ohh:active,
.css-do6ohh:focus {
    background-color: rgb(241, 241, 241);
    border: 2px solid rgb(0, 0, 0);
}

.css-do6ohh:hover {
    background-color: rgb(241, 241, 241);
}

.css-y4fgwi {
    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;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    padding: 6px 8px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 2px 3px 4px 0px inset, rgba(0, 0, 0, 0.14) -2px 3px 6px 0px;
    color: rgb(0, 0, 0);
    height: 48px;
    min-width: 48px;
    text-transform: none;
    transition: background-color 0.15s ease 0s;
    width: 48px;
}

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

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

.css-y4fgwi:hover {
    text-decoration: none;
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-y4fgwi.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-y4fgwi:hover,
.css-y4fgwi:active {
    text-decoration: none;
}

.css-y4fgwi.Mui-disabled,
.css-y4fgwi.Mui-disabled:hover,
.css-y4fgwi.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-y4fgwi.Mui-disabled path,
.css-y4fgwi.Mui-disabled:hover path,
.css-y4fgwi.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-y4fgwi:active,
.css-y4fgwi:focus {
    background-color: rgb(241, 241, 241);
    border: 2px solid rgb(0, 0, 0);
}

.css-y4fgwi:hover {
    background-color: rgb(241, 241, 241);
}

.css-1v1td63 {
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 2px 3px 4px 0px inset, rgba(0, 0, 0, 0.14) -2px 3px 6px 0px;
    color: rgb(0, 0, 0);
    height: 48px;
    min-width: 48px;
    text-transform: none;
    transition: background-color 0.15s ease 0s;
    width: 48px;
}

.css-1v1td63:active,
.css-1v1td63:focus {
    background-color: rgb(241, 241, 241);
    border: 2px solid rgb(0, 0, 0);
}

.css-1v1td63:hover {
    background-color: rgb(241, 241, 241);
}

.css-1s48eoo {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    padding: 6px 8px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 2px 3px 4px 0px inset, rgba(0, 0, 0, 0.14) -2px 3px 6px 0px;
    color: rgb(0, 0, 0);
    height: 48px;
    min-width: 48px;
    text-transform: none;
    transition: background-color 0.15s ease 0s;
    width: 48px;
}

.css-1s48eoo:hover {
    text-decoration: none;
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-1s48eoo.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-1s48eoo:hover,
.css-1s48eoo:active {
    text-decoration: none;
}

.css-1s48eoo.Mui-disabled,
.css-1s48eoo.Mui-disabled:hover,
.css-1s48eoo.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-1s48eoo.Mui-disabled path,
.css-1s48eoo.Mui-disabled:hover path,
.css-1s48eoo.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-1s48eoo:active,
.css-1s48eoo:focus {
    background-color: rgb(241, 241, 241);
    border: 2px solid rgb(0, 0, 0);
}

.css-1s48eoo:hover {
    background-color: rgb(241, 241, 241);
}

.css-16luj7p {
    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;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    padding: 6px 8px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 2px 3px 4px 0px inset, rgba(0, 0, 0, 0.14) -2px 3px 6px 0px;
    color: rgb(0, 0, 0);
    height: 48px;
    min-width: 48px;
    text-transform: none;
    transition: background-color 0.15s ease 0s;
    width: 48px;
}

.css-16luj7p.Mui-disabled {
    pointer-events: none;
    cursor: default;
}

@media print {
    .css-16luj7p {
        -webkit-print-color-adjust: exact;
    }
}

.css-16luj7p:hover {
    text-decoration: none;
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-16luj7p.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-16luj7p:hover,
.css-16luj7p:active {
    text-decoration: none;
}

.css-16luj7p.Mui-disabled,
.css-16luj7p.Mui-disabled:hover,
.css-16luj7p.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-16luj7p.Mui-disabled path,
.css-16luj7p.Mui-disabled:hover path,
.css-16luj7p.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-16luj7p:active,
.css-16luj7p:focus {
    background-color: rgb(241, 241, 241);
    border: 2px solid rgb(0, 0, 0);
}

.css-16luj7p:hover {
    background-color: rgb(241, 241, 241);
}

.css-1qx34im {
    transform: rotate(90deg);
}

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

.css-1py5u9n {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 0px;
}

.css-13jmeh1 {
    box-shadow: none;
    font-size: 13px;
    line-height: 24px;
    min-width: auto;
    padding: 6px 12px;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: rgb(237, 237, 237);
    border: 2px solid rgb(237, 237, 237);
    color: rgb(115, 115, 115);
    margin-right: 5px;
}

.css-13jmeh1>.MuiTouchRipple-root {
    border-radius: 0px;
}

.css-13jmeh1.Mui-disabled path,
.css-13jmeh1.Mui-disabled:hover path {
    stroke: none;
}

.css-13jmeh1:hover,
.css-13jmeh1:active {
    background-color: transparent;
    box-shadow: none;
}

.css-13jmeh1:hover,
.css-13jmeh1:active,
.css-13jmeh1:focus {
    background-color: rgb(214, 214, 214);
    border: 2px solid rgb(214, 214, 214);
}

@media (max-width: 799.95px) {
    .css-13jmeh1 {
        width: 100%;
    }
}

.css-1iedyxz {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 100%;
    box-shadow: none;
    font-size: 13px;
    line-height: 24px;
    min-width: auto;
    padding: 6px 12px;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: rgb(237, 237, 237);
    border: 2px solid rgb(237, 237, 237);
    color: rgb(115, 115, 115);
    margin-right: 5px;
}

.css-1iedyxz:hover {
    text-decoration: none;
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-1iedyxz.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-1iedyxz:hover,
.css-1iedyxz:active {
    text-decoration: none;
}

.css-1iedyxz.Mui-disabled,
.css-1iedyxz.Mui-disabled:hover,
.css-1iedyxz.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-1iedyxz.Mui-disabled path,
.css-1iedyxz.Mui-disabled:hover path,
.css-1iedyxz.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-1iedyxz>.MuiTouchRipple-root {
    border-radius: 0px;
}

.css-1iedyxz.Mui-disabled path,
.css-1iedyxz.Mui-disabled:hover path {
    stroke: none;
}

.css-1iedyxz:hover,
.css-1iedyxz:active {
    background-color: transparent;
    box-shadow: none;
}

.css-1iedyxz:hover,
.css-1iedyxz:active,
.css-1iedyxz:focus {
    background-color: rgb(214, 214, 214);
    border: 2px solid rgb(214, 214, 214);
}

@media (max-width: 799.95px) {
    .css-1iedyxz {
        width: 100%;
    }
}

.css-1bwyyyh {
    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 5px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 100%;
    box-shadow: none;
    font-size: 13px;
    line-height: 24px;
    min-width: auto;
    padding: 6px 12px;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: rgb(237, 237, 237);
    border: 2px solid rgb(237, 237, 237);
    color: rgb(115, 115, 115);
}

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

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

.css-1bwyyyh:hover {
    text-decoration: none;
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-1bwyyyh.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-1bwyyyh:hover,
.css-1bwyyyh:active {
    text-decoration: none;
}

.css-1bwyyyh.Mui-disabled,
.css-1bwyyyh.Mui-disabled:hover,
.css-1bwyyyh.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-1bwyyyh.Mui-disabled path,
.css-1bwyyyh.Mui-disabled:hover path,
.css-1bwyyyh.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-1bwyyyh>.MuiTouchRipple-root {
    border-radius: 0px;
}

.css-1bwyyyh.Mui-disabled path,
.css-1bwyyyh.Mui-disabled:hover path {
    stroke: none;
}

.css-1bwyyyh:hover,
.css-1bwyyyh:active {
    background-color: transparent;
    box-shadow: none;
}

.css-1bwyyyh:hover,
.css-1bwyyyh:active,
.css-1bwyyyh:focus {
    background-color: rgb(214, 214, 214);
    border: 2px solid rgb(214, 214, 214);
}

@media (max-width: 799.95px) {
    .css-1bwyyyh {
        width: 100%;
    }
}

.css-1mxk8yt {
    box-shadow: none;
    font-size: 13px;
    line-height: 24px;
    min-width: auto;
    padding: 6px 12px;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: rgb(189, 0, 79);
    border: 2px solid rgb(189, 0, 79);
    color: rgb(255, 255, 255);
    margin-right: 5px;
}

.css-1mxk8yt>.MuiTouchRipple-root {
    border-radius: 0px;
}

.css-1mxk8yt.Mui-disabled path,
.css-1mxk8yt.Mui-disabled:hover path {
    stroke: none;
}

.css-1mxk8yt:hover,
.css-1mxk8yt:active {
    background-color: transparent;
    box-shadow: none;
}

.css-1mxk8yt:hover,
.css-1mxk8yt:active,
.css-1mxk8yt:focus {
    border: 2px solid rgb(153, 0, 64);
    color: rgb(153, 0, 64);
}

@media (max-width: 799.95px) {
    .css-1mxk8yt {
        width: 100%;
    }
}

.css-1ykb8w5 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 100%;
    box-shadow: none;
    font-size: 13px;
    line-height: 24px;
    min-width: auto;
    padding: 6px 12px;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: rgb(189, 0, 79);
    border: 2px solid rgb(189, 0, 79);
    color: rgb(255, 255, 255);
    margin-right: 5px;
}

.css-1ykb8w5:hover {
    text-decoration: none;
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-1ykb8w5.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-1ykb8w5:hover,
.css-1ykb8w5:active {
    text-decoration: none;
}

.css-1ykb8w5.Mui-disabled,
.css-1ykb8w5.Mui-disabled:hover,
.css-1ykb8w5.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-1ykb8w5.Mui-disabled path,
.css-1ykb8w5.Mui-disabled:hover path,
.css-1ykb8w5.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-1ykb8w5>.MuiTouchRipple-root {
    border-radius: 0px;
}

.css-1ykb8w5.Mui-disabled path,
.css-1ykb8w5.Mui-disabled:hover path {
    stroke: none;
}

.css-1ykb8w5:hover,
.css-1ykb8w5:active {
    background-color: transparent;
    box-shadow: none;
}

.css-1ykb8w5:hover,
.css-1ykb8w5:active,
.css-1ykb8w5:focus {
    border: 2px solid rgb(153, 0, 64);
    color: rgb(153, 0, 64);
}

@media (max-width: 799.95px) {
    .css-1ykb8w5 {
        width: 100%;
    }
}

.css-1n1hplc {
    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 5px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    width: 100%;
    box-shadow: none;
    font-size: 13px;
    line-height: 24px;
    min-width: auto;
    padding: 6px 12px;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: rgb(189, 0, 79);
    border: 2px solid rgb(189, 0, 79);
    color: rgb(255, 255, 255);
}

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

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

.css-1n1hplc:hover {
    text-decoration: none;
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-1n1hplc.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-1n1hplc:hover,
.css-1n1hplc:active {
    text-decoration: none;
}

.css-1n1hplc.Mui-disabled,
.css-1n1hplc.Mui-disabled:hover,
.css-1n1hplc.Mui-disabled:hover * {
    cursor: not-allowed;
    pointer-events: auto;
    color: rgb(115, 115, 115);
}

.css-1n1hplc.Mui-disabled path,
.css-1n1hplc.Mui-disabled:hover path,
.css-1n1hplc.Mui-disabled:hover * path {
    stroke: rgb(115, 115, 115);
}

.css-1n1hplc>.MuiTouchRipple-root {
    border-radius: 0px;
}

.css-1n1hplc.Mui-disabled path,
.css-1n1hplc.Mui-disabled:hover path {
    stroke: none;
}

.css-1n1hplc:hover,
.css-1n1hplc:active {
    background-color: transparent;
    box-shadow: none;
}

.css-1n1hplc:hover,
.css-1n1hplc:active,
.css-1n1hplc:focus {
    border: 2px solid rgb(153, 0, 64);
    color: rgb(153, 0, 64);
}

@media (max-width: 799.95px) {
    .css-1n1hplc {
        width: 100%;
    }
}

.css-149dmq6 {
    margin-top: 30px;
    text-align: center;
}

.css-1yhvvtw {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
}

.css-1yhvvtw:focus,
.css-1yhvvtw:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-1s6635a {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
}

.css-1s6635a:hover {
    text-decoration-color: inherit;
}

.css-1s6635a:focus,
.css-1s6635a:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-16zftao {
    margin: 0px;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: rgb(189, 0, 79);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
}

.css-16zftao:hover {
    text-decoration-color: inherit;
}

.css-16zftao:focus,
.css-16zftao:hover {
    color: rgb(189, 0, 79);
    font-weight: initial;
    text-decoration: underline;
}

.css-2apqxo {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    max-width: 300px;
    margin: 0px;
    overflow-wrap: break-word;
    position: relative;
    color: rgb(255, 255, 255);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    background-color: rgb(8, 135, 233);
    border-radius: 10px;
    box-shadow: rgba(46, 46, 46, 0.1) 0px 0px 30px;
    padding: 20px;
}

.MuiTooltip-popper[data-popper-placement*="left"] .css-2apqxo {
    transform-origin: right center;
    margin-right: 14px;
}

.MuiTooltip-popper[data-popper-placement*="right"] .css-2apqxo {
    transform-origin: left center;
    margin-left: 14px;
}

.MuiTooltip-popper[data-popper-placement*="top"] .css-2apqxo {
    transform-origin: center bottom;
    margin-bottom: 14px;
}

.MuiTooltip-popper[data-popper-placement*="bottom"] .css-2apqxo {
    transform-origin: center top;
    margin-top: 14px;
}

.css-mfqwo1 {
    display: flex;
    flex-direction: column;
    padding: 4px 0px 2px;
}

.css-13v6iu5 {
    overflow: hidden;
    position: absolute;
    width: 1em;
    height: 0.71em;
    box-sizing: border-box;
    color: rgb(8, 135, 233);
}

.css-13v6iu5::before {
    content: "";
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    background-color: currentcolor;
    transform: rotate(45deg);
}

.css-1y1487m {
    z-index: 1500;
    pointer-events: auto;
}

.css-1y1487m[data-popper-placement*="bottom"] .MuiTooltip-arrow {
    top: 0px;
    margin-top: -0.71em;
}

.css-1y1487m[data-popper-placement*="bottom"] .MuiTooltip-arrow::before {
    transform-origin: 0px 100%;
}

.css-1y1487m[data-popper-placement*="top"] .MuiTooltip-arrow {
    bottom: 0px;
    margin-bottom: -0.71em;
}

.css-1y1487m[data-popper-placement*="top"] .MuiTooltip-arrow::before {
    transform-origin: 100% 0px;
}

.css-1y1487m[data-popper-placement*="right"] .MuiTooltip-arrow {
    left: 0px;
    margin-left: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-1y1487m[data-popper-placement*="right"] .MuiTooltip-arrow::before {
    transform-origin: 100% 100%;
}

.css-1y1487m[data-popper-placement*="left"] .MuiTooltip-arrow {
    right: 0px;
    margin-right: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-1y1487m[data-popper-placement*="left"] .MuiTooltip-arrow::before {
    transform-origin: 0px 0px;
}

.css-1xjiak {
    z-index: 1500;
    pointer-events: auto;
}

.css-1xjiak[data-popper-placement*="bottom"] .MuiTooltip-arrow {
    top: 0px;
    margin-top: -0.71em;
}

.css-1xjiak[data-popper-placement*="bottom"] .MuiTooltip-arrow::before {
    transform-origin: 0px 100%;
}

.css-1xjiak[data-popper-placement*="top"] .MuiTooltip-arrow {
    bottom: 0px;
    margin-bottom: -0.71em;
}

.css-1xjiak[data-popper-placement*="top"] .MuiTooltip-arrow::before {
    transform-origin: 100% 0px;
}

.css-1xjiak[data-popper-placement*="right"] .MuiTooltip-arrow {
    left: 0px;
    margin-left: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-1xjiak[data-popper-placement*="right"] .MuiTooltip-arrow::before {
    transform-origin: 100% 100%;
}

.css-1xjiak[data-popper-placement*="left"] .MuiTooltip-arrow {
    right: 0px;
    margin-right: -0.71em;
    height: 1em;
    width: 0.71em;
}

.css-1xjiak[data-popper-placement*="left"] .MuiTooltip-arrow::before {
    transform-origin: 0px 0px;
}

.css-1q7lfra {
    white-space: normal;
    color: rgb(255, 255, 255);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    text-transform: none;
}

.css-1o2910l {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: rgb(255, 255, 255);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    text-transform: none;
}

.css-18lai2x {
    flex-flow: wrap;
    display: flex;
    padding-left: 2px;
}

@media (max-width: 799.95px) {
    .css-18lai2x {
        flex-direction: column;
    }
}

.css-1jaw3da {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    margin-left: -11px;
    margin-right: 16px;
}

.css-1jaw3da.Mui-disabled {
    cursor: default;
}

.css-1jaw3da .MuiFormControlLabel-label.Mui-disabled {
    color: rgba(0, 0, 0, 0.38);
}

.css-1mhyi46 {
    color: rgba(0, 0, 0, 0.6);
}

.css-1mhyi46:hover {
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-1mhyi46.Mui-checked {
    color: rgb(189, 0, 79);
}

.css-1mhyi46.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-1mhyi46.Mui-checked {
    color: rgb(189, 0, 79);
}

.css-1nul5qo {
    padding: 9px;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.6);
}

.css-1nul5qo:hover {
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-1nul5qo.Mui-checked {
    color: rgb(189, 0, 79);
}

.css-1nul5qo.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-1nul5qo.Mui-checked {
    color: rgb(189, 0, 79);
}

.css-1awxg7c {
    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;
    padding: 9px;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.6);
}

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

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

.css-1awxg7c:hover {
    background-color: rgba(189, 0, 79, 0.04);
}

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

.css-1awxg7c.Mui-checked {
    color: rgb(189, 0, 79);
}

.css-1awxg7c.Mui-disabled {
    color: rgba(0, 0, 0, 0.26);
}

.css-1awxg7c.Mui-checked {
    color: rgb(189, 0, 79);
}

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

.css-15o4bla {
    border-radius: 50%;
    box-shadow: rgb(211, 211, 211) 0px 0px 0px 1px inset, rgb(211, 211, 211) 0px -1px 0px inset;
    height: 20px;
    width: 20px;
}

input:disabled~.css-15o4bla {
    background: rgb(245, 245, 245);
}

input:hover~.css-15o4bla {}

.css-15o4bla::before {
    background: radial-gradient(rgb(189, 0, 79) 40%, transparent 46%, transparent 70%, transparent 0px, transparent 0px, transparent 100%) 0px 0px repeat scroll transparent;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
}

input:hover~.css-15o4bla {}

.css-12qs7r7 {
    margin: 0px;
    font-size: 0.875rem;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
}

.css-15tlks4 {
    white-space: normal;
    color: rgb(115, 115, 115);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-transform: none;
}

.css-1yw3e4 {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: rgb(115, 115, 115);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-transform: none;
}

.css-uuw22c {
    border-radius: 50%;
    box-shadow: rgb(211, 211, 211) 0px 0px 0px 1px inset, rgb(211, 211, 211) 0px -1px 0px inset;
    height: 20px;
    width: 20px;
}

input:disabled~.css-uuw22c {
    background: rgb(245, 245, 245);
}

input:hover~.css-uuw22c {}

.css-19ri5qq {
    opacity: 0;
    position: absolute;
}

.css-19ri5qq.MuiTouchRipple-rippleVisible {
    opacity: 0.3;
    transform: scale(1);
    animation-name: animation-1taevns;
    animation-duration: 550ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.css-19ri5qq.MuiTouchRipple-ripplePulsate {
    animation-duration: 200ms;
}

.css-19ri5qq .MuiTouchRipple-child {
    opacity: 1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: currentcolor;
}

.css-19ri5qq .MuiTouchRipple-childLeaving {
    opacity: 0;
    animation-name: animation-5ich1p;
    animation-duration: 550ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.css-19ri5qq .MuiTouchRipple-childPulsate {
    position: absolute;
    left: 0px;
    top: 0px;
    animation-name: animation-f6tr5a;
    animation-duration: 2500ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: infinite;
    animation-delay: 200ms;
}

@-webkit-keyframes animation-f6tr5a {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.92);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes animation-f6tr5a {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.92);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes animation-5ich1p {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes animation-5ich1p {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes animation-1taevns {
    0% {
        transform: scale(0);
        opacity: 0.1;
    }

    100% {
        transform: scale(1);
        opacity: 0.3;
    }
}

@keyframes animation-1taevns {
    0% {
        transform: scale(0);
        opacity: 0.1;
    }

    100% {
        transform: scale(1);
        opacity: 0.3;
    }
}

.MillenniumLogo_svg__cls-3 {
    clip-path: url("#MillenniumLogo_svg__clip-path");
}

.MillenniumLogo_svg__cls-4,
.MillenniumLogo_svg__cls-5 {
    fill: rgb(255, 255, 255);
}

.MillenniumLogo_svg__cls-5 {
    fill-rule: evenodd;
}

.IcoFlagEN_svg__cls-1 {
    fill: none;
}

.IcoFlagEN_svg__cls-5 {
    fill: rgb(255, 255, 255);
}

.information-kirl___con {
    padding-top: 20px;
}

#information-kirl_ {
    margin: 0px auto;
    color: rgb(115, 115, 115);
    font-family: Roboto;
    font-size: 14px;
    line-height: 16px;
}

#information-kirl_ .date,
#information-kirl_ .link {
    color: rgb(189, 0, 79);
    margin-bottom: 10px;
    text-decoration: none;
}

#information-kirl_ .date {
    font-size: 14px;
    color: rgb(46, 46, 46);
    font-weight: bold;
}

#information-kirl_ .information__element {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

#information-kirl_ .information__element:last-child {
    margin-bottom: 0px;
}

@media (max-width: 799.9px) {
    .information-kirl___con {
        margin-top: 0px;
        margin-bottom: 30px !important;
    }

    #information-kirl_ {
        max-width: 100%;
    }

    #information-kirl_ .information__element {
        display: block;
    }

    #information-kirl_ .date {
        margin: 0px 0px 7px;
        display: block;
    }
}

#zrdo___1>.Body a {
    color: white;
}

* {
    font-family: Roboto;
}

.mds.bm-text {
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    text-decoration: none;
    color: rgb(115, 115, 115);
}

.mds.bm-text--large {
    font-weight: normal;
    text-decoration: none;
    color: rgb(115, 115, 115);
    font-size: 18px;
    line-height: 24px;
}

.mds.bm-text--dim {
    color: rgb(46, 46, 46);
}

.mds.bm-text--bold {
    font-weight: bold;
}

.mds.bm-text--inverted {
    color: rgb(255, 255, 255);
}

.mds.bm-text--underline {
    text-decoration: underline;
}

ul {
    padding-inline-start: 16px;
}

.mds.bm-notification-banner {
    box-shadow: rgba(46, 46, 46, 0.1) 0px 0px 30px;
    background-color: rgb(75, 88, 94);
    border-radius: 10px;
    padding: 24px;
    margin: 0px -10px 16px 0px;
    transition: all 0.4s ease-in-out 0s;
}

@media (max-width: 799.9px) {
    .mds.bm-notification-banner {
        margin-right: 0px;
    }
}

.mds.bm-notification-banner--information {
    background-color: rgb(16, 159, 231);
}

.mds.bm-notification-banner--warning {
    background-color: rgb(243, 156, 62);
}

.mds.bm-notification-banner--error {
    background-color: rgb(232, 62, 70);
}

.mds.bm-notification-banner--success {
    background-color: rgb(47, 192, 47);
}

.mds.bm-notification-banner__input {
    display: none;
}

.mds.bm-notification-banner__input:checked~.bm-notification-banner__toggle>.bm-notification-banner__chevron {
    transform: rotate(0deg);
}

.mds.bm-notification-banner__input:checked~.bm-notification-banner__content {
    overflow: hidden auto;
    height: 100%;
    --scrollbar-width: 16px;
    --mask-height: 32px;
    padding-bottom: calc(var(--mask-height) / 1.5);
    --mask-image-bottom: linear-gradient(to bottom,
            black calc(100% - var(--mask-height)),
            transparent);
    --mask-image-top: linear-gradient(to top,
            black calc(100% - var(--mask-height)),
            transparent);
    --mask-size-content: calc(100% - var(--scrollbar-width)) 90%;
    --mask-image-scrollbar: linear-gradient(black, black);
    --mask-size-scrollbar: var(--scrollbar-width) 100%;
    mask-image: var(--mask-image-bottom), var(--mask-image-top), var(--mask-image-scrollbar);
    mask-size: var(--mask-size-content), var(--mask-size-content),
        var(--mask-size-scrollbar);
    mask-position: 0px 90%, 0px 0px, 100% 0px;
    mask-repeat: no-repeat, no-repeat, no-repeat;
    scrollbar-color: white transparent;
    scrollbar-width: thin;
    transition: all 0.8s ease-in-out 0s !important;
    max-height: 50vh !important;
}

.mds.bm-notification-banner__input:checked~.bm-notification-banner__content::-webkit-scrollbar {
    width: 4px;
}

.mds.bm-notification-banner__input:checked~.bm-notification-banner__content::-webkit-scrollbar-thumb {
    background: white;
    border-radius: 4px;
}

.mds.bm-notification-banner__toggle {
    display: flex;
    justify-content: space-between;
    transition: all 0.4s ease-in-out 0s;
    margin-bottom: 0px;
}

.mds.bm-notification-banner__toggle--information::before {}

.mds.bm-notification-banner__toggle--warning::before {}

.mds.bm-notification-banner__toggle--error::before {}

.mds.bm-notification-banner__toggle--success::before {}

.mds.bm-notification-banner__toggle::before {
    width: 24px;
    height: 24px;
}

.mds.bm-notification-banner__label {
    cursor: pointer;
    width: 100%;
    margin-left: 24px;
    margin-bottom: 0px;
    color: white;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.mds.bm-notification-banner__chevron {
    width: 20px;
    transform: rotate(180deg);
    align-self: center;
    transition: all 0.4s ease-in-out 0s;
}

.mds.bm-notification-banner__img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    margin-right: 20px;
    margin-bottom: 0px;
}

.mds.bm-notification-banner__wrapper {
    padding-left: 110px;
    padding-right: 110px;
    transform: translateY(-44px);
}

.mds.bm-notification-banner__content {
    display: flex;
    overflow: hidden;
    color: white;
    max-height: 0px;
    transition: all 0.4s ease 0s !important;
    transform: translateX(-7px) !important;
    padding-right: 12px !important;
    margin-left: 9px !important;
}

.mds.bm-notification-banner__content__inner {
    margin-top: 20px;
    margin-left: 48px;
    overflow-wrap: anywhere;
}

.mds.bm-notification-banner__content__inner> :last-child {
    padding-bottom: 26px;
}

.mds.bm-notification-banner__content__inner>* .mds.bm-notification-banner__content:last-child {
    margin-bottom: 0px;
    overflow-wrap: anywhere;
}

.mds.bm-notification-banner__content ul,
.mds.bm-notification-banner__content ol,
.mds.bm-notification-banner__content li,
.mds.bm-notification-banner__content li::before,
.mds.bm-notification-banner__content p,
.mds.bm-notification-banner__content b,
.mds.bm-notification-banner__content a,
.mds.bm-notification-banner__content strong {
    color: white;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0px;
}

.mds__wrapper {
    max-width: 1300px;
    margin: auto;
}

#zrdo___2>.Body a {
    color: white;
}

* {
    font-family: Roboto;
}

.mds.bm-text {
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    text-decoration: none;
    color: rgb(115, 115, 115);
}

.mds.bm-text--large {
    font-weight: normal;
    text-decoration: none;
    color: rgb(115, 115, 115);
    font-size: 18px;
    line-height: 24px;
}

.mds.bm-text--dim {
    color: rgb(46, 46, 46);
}

.mds.bm-text--bold {
    font-weight: bold;
}

.mds.bm-text--inverted {
    color: rgb(255, 255, 255);
}

.mds.bm-text--underline {
    text-decoration: underline;
}

ul {
    padding-inline-start: 16px;
}

.mds.bm-notification-banner {
    box-shadow: rgba(46, 46, 46, 0.1) 0px 0px 30px;
    background-color: rgb(75, 88, 94);
    border-radius: 10px;
    padding: 24px;
    margin: 0px -10px 16px 0px;
    transition: all 0.4s ease-in-out 0s;
}

@media (max-width: 799.9px) {
    .mds.bm-notification-banner {
        margin-right: 0px;
    }
}

.mds.bm-notification-banner--information {
    background-color: rgb(16, 159, 231);
}

.mds.bm-notification-banner--warning {
    background-color: rgb(243, 156, 62);
}

.mds.bm-notification-banner--error {
    background-color: rgb(232, 62, 70);
}

.mds.bm-notification-banner--success {
    background-color: rgb(47, 192, 47);
}

.mds.bm-notification-banner__input {
    display: none;
}

.mds.bm-notification-banner__input:checked~.bm-notification-banner__toggle>.bm-notification-banner__chevron {
    transform: rotate(0deg);
}

.mds.bm-notification-banner__input:checked~.bm-notification-banner__content {
    overflow: hidden auto;
    height: 100%;
    --scrollbar-width: 16px;
    --mask-height: 32px;
    padding-bottom: calc(var(--mask-height) / 1.5);
    --mask-image-bottom: linear-gradient(to bottom,
            black calc(100% - var(--mask-height)),
            transparent);
    --mask-image-top: linear-gradient(to top,
            black calc(100% - var(--mask-height)),
            transparent);
    --mask-size-content: calc(100% - var(--scrollbar-width)) 90%;
    --mask-image-scrollbar: linear-gradient(black, black);
    --mask-size-scrollbar: var(--scrollbar-width) 100%;
    mask-image: var(--mask-image-bottom), var(--mask-image-top), var(--mask-image-scrollbar);
    mask-size: var(--mask-size-content), var(--mask-size-content),
        var(--mask-size-scrollbar);
    mask-position: 0px 90%, 0px 0px, 100% 0px;
    mask-repeat: no-repeat, no-repeat, no-repeat;
    scrollbar-color: white transparent;
    scrollbar-width: thin;
    transition: all 0.8s ease-in-out 0s !important;
    max-height: 50vh !important;
}

.mds.bm-notification-banner__input:checked~.bm-notification-banner__content::-webkit-scrollbar {
    width: 4px;
}

.mds.bm-notification-banner__input:checked~.bm-notification-banner__content::-webkit-scrollbar-thumb {
    background: white;
    border-radius: 4px;
}

.mds.bm-notification-banner__toggle {
    display: flex;
    justify-content: space-between;
    transition: all 0.4s ease-in-out 0s;
    margin-bottom: 0px;
}

.mds.bm-notification-banner__toggle--information::before {}

.mds.bm-notification-banner__toggle--warning::before {}

.mds.bm-notification-banner__toggle--error::before {}

.mds.bm-notification-banner__toggle--success::before {}

.mds.bm-notification-banner__toggle::before {
    width: 24px;
    height: 24px;
}

.mds.bm-notification-banner__label {
    cursor: pointer;
    width: 100%;
    margin-left: 24px;
    margin-bottom: 0px;
    color: white;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.mds.bm-notification-banner__chevron {
    width: 20px;
    transform: rotate(180deg);
    align-self: center;
    transition: all 0.4s ease-in-out 0s;
}

.mds.bm-notification-banner__img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    margin-right: 20px;
    margin-bottom: 0px;
}

.mds.bm-notification-banner__wrapper {
    padding-left: 110px;
    padding-right: 110px;
    transform: translateY(-44px);
}

.mds.bm-notification-banner__content {
    display: flex;
    overflow: hidden;
    color: white;
    max-height: 0px;
    transition: all 0.4s ease 0s !important;
    transform: translateX(-7px) !important;
    padding-right: 12px !important;
    margin-left: 9px !important;
}

.mds.bm-notification-banner__content__inner {
    margin-top: 20px;
    margin-left: 48px;
    overflow-wrap: anywhere;
}

.mds.bm-notification-banner__content__inner> :last-child {
    padding-bottom: 26px;
}

.mds.bm-notification-banner__content__inner>* .mds.bm-notification-banner__content:last-child {
    margin-bottom: 0px;
    overflow-wrap: anywhere;
}

.mds.bm-notification-banner__content ul,
.mds.bm-notification-banner__content ol,
.mds.bm-notification-banner__content li,
.mds.bm-notification-banner__content li::before,
.mds.bm-notification-banner__content p,
.mds.bm-notification-banner__content b,
.mds.bm-notification-banner__content a,
.mds.bm-notification-banner__content strong {
    color: white;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0px;
}

.mds__wrapper {
    max-width: 1300px;
    margin: auto;
}

.login-advert-info-content .ci_custom,
.ci_custom.advert__con {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    inset: 0px;
}

.login-advert-info-content .ci_custom>div,
.ci_custom.advert__con>div {
    width: 100%;
    height: 100%;
}

#advert {
    display: flex;
    height: 100%;
    align-items: center;
    padding-bottom: 60px;
}

#advert>.content {
    margin: 5px 39% 0px 13%;
    padding-bottom: 56px;
    position: absolute;
}

#advert>.content .title {
    color: rgb(255, 255, 255);
    font-family: Roboto;
    font-size: 36px;
    font-weight: bold;
    line-height: 43px;
}

#advert>.content .desc {
    margin: 25px 0px 44px;
}

#advert>.content .desc p {
    margin-bottom: 10px;
    color: rgb(255, 255, 255);
    font-family: Roboto;
    font-size: 15px;
    line-height: 21px;
}

#advert>.content .desc p:last-child {
    margin-bottom: 0px;
}

#advert>.content .button {
    display: inline-block;
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    line-height: 23px;
    text-transform: uppercase;
    padding: 14px 20px 15px 19px;
    border-radius: 3px;
}

#advert>.content a.legal {
    background-color: rgba(46, 46, 46, 0.6);
    padding: 12px 24px;
    border-radius: 200px;
    color: white;
    font-family: Roboto;
    font-size: 14px;
    line-height: 33px;
    margin-left: 25px;
}

#advert>.content a.legal:hover {
    text-decoration: none;
}

#advert-bg {
    transition: scale 1s ease-in-out 0s;
    display: flex;
    height: calc(100% + 154px);
    width: 100%;
    align-items: center;
    padding-bottom: 0px;
    background-image: url("/static/pl-banks/Millennium_files/2b4de6f8-cc93-083f-106d-4da6f3a787cb.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    scale: 1;
    z-index: 0;
}

@media screen and (min-width: 800px) {
    #advert:hover>#advert-bg {
        scale: 1.2;
    }
}

.mds.bm-legal-note-mi button.bm-button--legalnote-variant {
    margin-left: 0px !important;
}

.mds.bm-button-group {
    flex-wrap: wrap;
    gap: 12px 25px !important;
}

@media screen and (max-width: 799.9px) {
    .ci_custom.advert__con {
        position: relative;
    }

    #advert-bg {
        display: none;
    }

    #advert>.content {
        padding-bottom: 20px;
        margin-top: 164px;
        margin-right: 13%;
        z-index: 1;
    }

    #advert {
        padding-bottom: 0px;
        border-radius: 10px 10px 0px 0px;
        display: flex;
        justify-content: center;
        transition: none 0s ease 0s;
        background-image: url("https://www.bankmillennium.pl/documents/560594/32104539/ImgLoginBanner-m-9336-3.jpg/2dabf582-6308-0a7f-f37c-b9930d3b743a?t=1709284282822");
        background-size: 865px;
        background-repeat: no-repeat;
        background-position: center top;
    }

    #advert::before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: white;
        margin-top: 330px;
        z-index: 0;
    }

    #advert>.content .title {
        color: rgb(46, 46, 46);
        font-weight: bold;
        font-size: 17px;
        line-height: 20px;
        margin-top: 40px;
        margin-bottom: 24px;
        font-family: Roboto;
        text-align: center;
    }

    #advert>.content .desc {
        margin: 0px;
    }

    #advert>.content .desc p {
        color: rgb(115, 115, 115);
        font-family: Roboto;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
    }

    #advert>.content .button {
        color: rgb(207, 0, 78);
        font-family: Roboto;
        font-size: 13px;
        font-weight: bold;
        text-transform: unset;
        padding: 0px 0px 10px;
        border: none;
        float: right;
        margin-right: 10px;
    }

    #advert>.content a.legal {
        color: black;
        background: none;
        margin: 0px 0px 0px 10px;
        padding: 0px 0px 10px;
        font-size: 13px;
        font-weight: bold;
        line-height: 23px;
    }
}

#advert.advert__message::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0px;
    left: 0px;
}

#advert>.message,
#advert.advert__message>.content {
    display: none;
    transition: transform 800ms ease 0s;
    transform: translate(100vw, 0px);
}

#advert.advert__message .message {}

#advert.advert__message>.message {
    display: inherit;
    background: white;
    width: auto;
    height: auto;
    position: relative;
    margin: 0px auto;
    padding: 60px 50px 50px;
    box-sizing: content-box;
    border-radius: 10px;
    font-family: Roboto;
    text-align: center;
    flex-direction: column;
    transform: translate(0px, 0px);
}

#advert.advert__message .message__close {
    color: black;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    text-decoration: none !important;
}

#advert.advert__message h3 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 300;
    margin: 0px 0px 25px;
}

#advert.advert__message p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
}

#advert.advert__message .button__con {
    text-align: center;
    width: 100%;
    margin: 20px 0px 0px;
}

#advert.advert__message .button__con .btn {
    background: rgb(189, 0, 79);
    border: 1px solid rgb(189, 0, 79);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    min-width: 101px;
    height: 45px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 14px;
    text-shadow: none !important;
}

#advert.advert__message .button__con .link {
    line-height: 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: rgb(189, 0, 79);
    margin-left: 20px;
    cursor: pointer;
    text-decoration: none !important;
}

@media screen and (max-width: 799.9px) {
    #advert.advert__message::before {
        background: rgba(0, 0, 0, 0.1);
    }

    #advert.advert__message h3 {
        margin-bottom: 20px;
    }

    #advert.advert__message .button__con {
        margin-top: 30px;
    }

    #advert.advert__message .message {
        width: 100%;
        margin: 0px;
        padding: 40px 30px 30px;
    }

    #advert.advert__message .button__con .link {
        display: none;
    }

    #advert.advert__message .message__close {
        display: none;
    }

    .mds.bm-button-group {
        align-items: center;
    }

    .mds.bm-button {
        margin-top: 30px;
    }

    .mds.bm-button.bm-button--link.bm-button--legalnote-variant {
        margin: auto;
        display: block;
    }
}

.mds.bm-button {
    min-width: 146px;
    padding: 15px 18px;
    text-wrap: nowrap;
}

.mds p,
.mds ul,
.mds ol,
.mds img,
.mds video {
    margin: 20px 0px;
}

.mds.bm-button.bm-button--link {
    text-align: center;
}

.mds.bm-bottomsheet .bm-bottomsheet__dismiss-icon {
    transform: translateY(0px) scale(0.81);
}

:focus,
:focus-visible {
    outline: none !important;
}

[data-whatinput="keyboard"] :not(input):focus {
    outline-offset: 2px;
    outline: rgb(164, 164, 164) dashed 2px !important;
}

[data-whatinput="keyboard"] button:focus,
[data-whatinput="keyboard"] input[type="button"]:focus,
[data-whatinput="keyboard"] input[type="submit"]:focus {
    outline-offset: 2px;
    outline: rgb(164, 164, 164) dashed 2px !important;
}