html {
    box-sizing: border-box;
    font-family: Play, sans-serif;
}

html {
    line-height: 1.15;
    text-size-adjust: 100%;
}

* {
    -webkit-font-smoothing: antialiased;
}

body {
    pointer-events: auto;
}

body {
    margin: 0px;
}

body,
#__next {
    font-family: Play, sans-serif;
    font-size: 14px;
    background-color: rgb(18, 18, 18);
    color: rgb(241, 241, 241);
}

body,
#__next {
    font-family: Play, sans-serif;
    font-size: 14px;
    background-color: rgb(18, 18, 18);
    color: rgb(241, 241, 241);
}

.bjFeyx {
    position: relative;
    z-index: 3510;
}

.dXxiEw {
    height: 100dvh;
    display: grid;
    grid-template:
        "client client client" min-content
        "hmessg hmessg hmessg" min-content
        "topbar topbar topbar" min-content
        "navbar canvas accbar"
        "bottom bottom bottom" min-content / min-content 1fr min-content;
    overflow: hidden;
    background-color: rgb(18, 18, 18);
}

.hKRkqD {
    grid-area: client;
    z-index: 2;
}

.czvNgk {
    pointer-events: all;
    display: contents;
}

.hDlVcv {
    grid-area: hmessg;
    z-index: 2;
}

.czvNgk {
    pointer-events: all;
    display: contents;
}

.jiAwQX {
    grid-area: topbar;
    z-index: 2;
    display: block;
}

@media screen and (min-width: 1080px) {
    .jiAwQX {
        display: none;
    }
}

.czvNgk {
    pointer-events: all;
    display: contents;
}

.fKiqXN {
    grid-area: navbar;
    z-index: 2;
    overflow-y: hidden;
    display: none;
}

@media screen and (min-width: 1080px) {
    .fKiqXN {
        display: block;
    }
}

.czvNgk {
    pointer-events: all;
    display: contents;
}

.dFAecO {
    max-width: 246px;
    transition: width 0.3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

@media screen and (min-width: 768px) {
    .dFAecO {
        width: 246px;
    }
}

.dTrDWz {
    max-width: 246px;
    display: none;
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    .dTrDWz {
        display: block;
    }
}

.iprkKH {
    padding: 20px 24px;
    display: none;
}

@media screen and (min-width: 768px) {
    .iprkKH {
        display: block;
    }
}

.fIStRP:any-link {
    color: rgb(255, 85, 0);
    border-radius: 4px;
    font-size: 14px;
    font-weight: normal;
}

< style > .eqZvOE {
    border-radius: 4px;
    display: inline-flex;
    position: relative;
    padding: 4px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.lhDZQn {
    width: 32px;
    height: 32px;
    display: table;
    color: rgb(255, 85, 0);
    fill: rgb(255, 85, 0);
    transition: color 0.2s;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.cpciLT {
    background-color: rgb(29, 29, 29);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dloKTm {
    transition: max-width 0.5s;
    height: 100%;
    padding: 16px 0px;
    scrollbar-gutter: stable;
    overflow: auto;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.gIgbOC {
    display: flex;
}

@media screen and (min-width: 1080px) {
    .gIgbOC {
        display: none;
    }
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.cpciLT {
    background-color: rgb(29, 29, 29);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.iVkAlr {
    width: 100%;
}

.fZiALl {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.fZiALl::before {
    content: "";
    position: absolute;
    height: 25px;
    width: 4px;
    background-color: rgb(241, 241, 241);
    border-start-end-radius: 8px;
    border-end-end-radius: 8px;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.cFMOfI {
    background: rgb(29, 29, 29);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 106%;
}

.iLivPH {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(241, 241, 241);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.ezLabp {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.nUmkv {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(241, 241, 241);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.ezLabp {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.cCPoKD {
    display: flex;
    overflow: hidden;
    flex-shrink: 0;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    margin-inline-start: auto;
}

.fJTlWO {
    padding: 0px 6px;
    border-radius: 52px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(255, 85, 0);
}

cojLlH {
    color: rgb(241, 241, 241);
    font-family: Play, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.fJTlWO > * {
    color: rgb(241, 241, 241);
}

.fJTlWO > * {
    color: rgb(6, 6, 6);
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dqsWqW {
    display: block;
}

@media screen and (min-width: 1080px) {
    .dqsWqW {
        display: none;
    }
}

.fBNDVG {
    display: grid;
    grid-template:
        "left right" 1fr
        "middle middle" 1fr / 1fr 1fr;
    padding: 12px 16px;
    gap: 8px;
    box-sizing: border-box;
}

@media screen and (min-width: 540px) {
    .fBNDVG {
        grid-template: "left middle right" / min-content auto 1fr;
    }
}

@media screen and (min-width: 768px) {
    .fBNDVG {
        grid-template-columns: 1fr auto 1fr;
    }
}

.dhxtqf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    width: min-content;
}

.cvxwte {
    -webkit-box-pack: start;
    justify-content: flex-start;
    grid-area: left;
    gap: 8px;
}

.iLGKyC {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.gGAhru {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    place-items: center;
    background-color: rgba(241, 241, 241, 0.05);
    width: 80px;
    height: 40px;
    border-start-start-radius: 24px;
    border-end-start-radius: 24px;
    border-start-end-radius: 8px;
    border-end-end-radius: 8px;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
}

.kNWQbc {
    display: inline-block;
    -webkit-box-flex: 0;
    flex-grow: 0;
    position: relative;
    border-radius: 99999px;
    background-color: rgb(36, 36, 36);
    background-image: linear-gradient(rgb(56, 56, 56), rgb(29, 29, 29));
    box-shadow: rgb(36, 36, 36) 0px 0px 0px 1px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
}

.djHVbc {
    display: inline-flex;
    position: absolute;
    width: 100%;
    height: 100%;
    inset-block-start: 0px;
    inset-inline-start: 0px;
    pointer-events: none;
}

.iVlwic {
    object-fit: cover;
    border-radius: 99999px;
    height: 100%;
    width: 100%;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.gGAhru > i {
    color: rgb(241, 241, 241);
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.dMJDMa {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(255, 85, 0);
    background-color: transparent;
    border: none;
    padding: 8px;
}

.dhxtqf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    width: min-content;
}

.gpwffu {
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 100%;
    grid-area: middle;
}

.czTNTf {
    display: none;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .czTNTf {
        display: flex;
    }
}

.kAzfbz {
    position: relative;
    display: flex;
    min-width: 0px;
    padding: 0px;
    width: 100%;
    box-sizing: border-box;
}

.domQxj {
    display: flex;
    overflow: hidden;
    width: 100%;
}

.hqyAhN {
    display: inline-flex;
}

.dblQQz {
    background: none;
    border: none;
    outline: none;
    border-radius: 0px;
    padding: 0px;
    box-sizing: border-box;
    white-space: nowrap;
    user-select: none;
}

.jYVtFc {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    height: 64px;
    padding: 4px 16px;
    cursor: pointer;
    color: rgb(255, 85, 0);
}

.hJPfuS {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 24px;
}

.hJPfuS > * {
    margin-inline-end: 4px;
}

.cqdxEo {
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: rgb(241, 241, 241);
}

.hJPfuS > :last-child {
    margin: 0px;
}

.iSRHxJ {
    position: absolute;
    border-start-start-radius: 24px;
    border-start-end-radius: 24px;
    background: rgb(255, 85, 0);
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 32px;
}

.hqyAhN {
    display: inline-flex;
}

.dblQQz {
    background: none;
    border: none;
    outline: none;
    border-radius: 0px;
    padding: 0px;
    box-sizing: border-box;
    white-space: nowrap;
    user-select: none;
}

.fzucPZ {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    height: 64px;
    padding: 4px 16px;
    cursor: pointer;
    color: rgb(167, 167, 167);
}

.hJPfuS {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 24px;
}

.hJPfuS > * {
    margin-inline-end: 4px;
}

.cjBivA {
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.hJPfuS > :last-child {
    margin: 0px;
}

.ksxzqQ {
    position: absolute;
    border-start-start-radius: 24px;
    border-start-end-radius: 24px;
    background: transparent;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 32px;
}

.hqyAhN {
    display: inline-flex;
}

.dblQQz {
    background: none;
    border: none;
    outline: none;
    border-radius: 0px;
    padding: 0px;
    box-sizing: border-box;
    white-space: nowrap;
    user-select: none;
}

.fzucPZ {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    height: 64px;
    padding: 4px 16px;
    cursor: pointer;
    color: rgb(167, 167, 167);
}

.hJPfuS {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 24px;
}

.hJPfuS > * {
    margin-inline-end: 4px;
}

.cjBivA {
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.hJPfuS > :last-child {
    margin: 0px;
}

.ksxzqQ {
    position: absolute;
    border-start-start-radius: 24px;
    border-start-end-radius: 24px;
    background: transparent;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 32px;
}

.flxENU {
    display: flex;
    position: absolute;
    top: 0px;
    height: 100%;
    cursor: pointer;
    padding: 0px 8px;
    -webkit-tap-highlight-color: transparent;
    inset-inline-start: 0px;
    visibility: hidden;
}

.kLokWh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.erZamr {
    width: 24px;
    height: 24px;
    display: table;
    color: rgb(167, 167, 167);
    fill: rgb(167, 167, 167);
    transition: color 0.2s;
}

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

@media screen and (min-width: 768px) {
    .hijiWo {
        display: none;
    }
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
}

.iALPav {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0px;
}

button,
input {
    overflow: visible;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
}

.bAsEzJ {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: inherit;
}

.dMJDMa {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(255, 85, 0);
    background-color: transparent;
    border: none;
    padding: 8px;
}

.iKxhgn {
    padding: 4px;
    width: 32px;
}

.gHrfFn {
    padding: 8px;
    color: rgb(204, 204, 204);
    background-color: rgba(241, 241, 241, 0.05);
}

.kLokWh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.iALPav {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

h6 {
    display: block;
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

.kJBgth {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    font-family: Play, sans-serif;
    line-height: 20px;
}

.dhxtqf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    width: min-content;
}

.iOelNJ {
    -webkit-box-pack: end;
    justify-content: flex-end;
    grid-area: right;
    gap: 8px;
    justify-self: flex-end;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.fUOymz {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(167, 167, 167);
    background-color: transparent;
    border: none;
    padding: 8px;
}

.iKxhgn {
    padding: 4px;
    width: 32px;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
}

.kLokWh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.beczXI > i {
    color: rgb(167, 167, 167);
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.bjHkOW {
    height: 100%;
    overflow: auto;
    isolation: isolate;
}

.iskIfk {
    height: fit-content;
    width: 100%;
}

.ftsJzT {
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: [start-gutter-start] minmax(16px, auto) [start-gutter-end content-start primary-content-start secondary-content-start] min(
            100% - 32px,
            1480px
        ) [primary-content-end secondary-content-end content-end end-gutter-start] minmax(
            16px,
            auto
        ) [end-gutter-end];
}

@media screen and (min-width: 540px) {
    .ftsJzT {
        grid-template-columns: [start-gutter-start] minmax(16px, auto) [start-gutter-end content-start primary-content-start secondary-content-start] min(
                100% - 32px,
                1480px
            ) [primary-content-end secondary-content-end content-end end-gutter-start] minmax(
                16px,
                auto
            ) [end-gutter-end];
    }
}

@media screen and (min-width: 768px) {
    .ftsJzT {
        grid-template-columns: [start-gutter-start] minmax(24px, auto) [start-gutter-end content-start primary-content-start] min(
                100% - 72px - clamp(280px, 33% - 23.76px, 420px),
                1028px
            ) [primary-content-end gap-start] 24px [gap-end secondary-content-start] clamp(
                280px,
                33% - 23.76px,
                420px
            ) [secondary-content-end content-end end-gutter-start] minmax(
                24px,
                auto
            ) [end-gutter-end];
    }
}

@media screen and (min-width: 1080px) {
    .ftsJzT {
        grid-template-columns: [start-gutter-start] minmax(24px, auto) [start-gutter-end content-start primary-content-start] min(
                100% - 72px - clamp(280px, 33% - 23.76px, 420px),
                1028px
            ) [primary-content-end gap-start] 24px [gap-end secondary-content-start] clamp(
                280px,
                33% - 23.76px,
                420px
            ) [secondary-content-end content-end end-gutter-start] minmax(
                24px,
                auto
            ) [end-gutter-end];
    }
}

@media screen and (min-width: 1320px) {
    .ftsJzT {
        grid-template-columns: [start-gutter-start] minmax(40px, auto) [start-gutter-end content-start primary-content-start] min(
                100% - 112px - clamp(280px, 33% - 36.96px, 420px),
                1028px
            ) [primary-content-end gap-start] 32px [gap-end secondary-content-start] clamp(
                280px,
                33% - 36.96px,
                420px
            ) [secondary-content-end content-end end-gutter-start] minmax(
                40px,
                auto
            ) [end-gutter-end];
    }
}

@media screen and (min-width: 1620px) {
    .ftsJzT {
        grid-template-columns: [start-gutter-start] minmax(40px, auto) [start-gutter-end content-start primary-content-start] min(
                100% - 112px - clamp(280px, 33% - 36.96px, 420px),
                1028px
            ) [primary-content-end gap-start] 32px [gap-end secondary-content-start] clamp(
                280px,
                33% - 36.96px,
                420px
            ) [secondary-content-end content-end end-gutter-start] minmax(
                40px,
                auto
            ) [end-gutter-end];
    }
}

@media screen and (min-width: 1920px) {
    .ftsJzT {
        grid-template-columns: [start-gutter-start] minmax(80px, auto) [start-gutter-end content-start primary-content-start] min(
                100% - 192px - clamp(280px, 33% - 63.36px, 420px),
                1028px
            ) [primary-content-end gap-start] 32px [gap-end secondary-content-start] clamp(
                280px,
                33% - 63.36px,
                420px
            ) [secondary-content-end content-end end-gutter-start] minmax(
                80px,
                auto
            ) [end-gutter-end];
    }
}

.dEMYfF {
    row-gap: 32px;
    padding: 32px 0px;
}

.diCfzS {
    overflow: auto hidden;
    height: fit-content;
}

.iqMDDm {
    grid-column: content-start / content-end;
    overflow-x: hidden;
}

.kihQUR .FullContent__FullContentStyle-sc-6921c53a-0 {
    overflow: visible;
}

main {
    display: block;
}

.hpGEdo {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.buImJP {
    display: flex;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 16px;
}

@media screen and (min-width: 768px) {
    .buImJP {
        flex-direction: row;
    }
}

.SDpQI {
    flex: 1 1 0%;
    min-inline-size: 340px;
    inline-size: 100%;
}

.SDpQI:empty {
    display: none;
}

.SDpQI {
    flex: 1 1 0%;
    min-inline-size: 340px;
    inline-size: 100%;
}

.SDpQI:empty {
    display: none;
}

.bcmmHq {
    flex: 1 1 0%;
    min-inline-size: 340px;
    inline-size: 100%;
}

@media screen and (min-width: 768px) {
    .bcmmHq {
        max-width: 50%;
    }
}

.bcmmHq:empty {
    display: none;
}

.dzRHrc {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 2000px;
    margin: auto;
}

.WfioV {
    display: flex;
    position: relative;
    flex-direction: column;
    gap: 8px;
}

.WfioV.WfioV.WfioV {
    z-index: 2;
}

.rCKXb {
    min-height: 44px;
    border-block-end: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(
        to left,
        rgb(36, 36, 36),
        rgba(36, 36, 36, 0),
        rgb(36, 36, 36)
    );
    transition: transform 0.4s, border-image-source 0.4s, border-block-end 0.4s;
    transform: translate3d(0px, -15px, 0px);
}

.jKvfBY {
    display: grid;
    grid-template-rows: repeat(5, 56px);
    width: 100%;
    max-width: 1000px;
    gap: 8px;
}

@media screen and (min-width: 768px) {
    .jKvfBY {
        display: flex;
        align-self: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

.hCYLQe {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    justify-content: stretch;
    position: relative;
    gap: 4px;
}

@media screen and (min-width: 768px) {
    .hCYLQe {
        flex: 1.2 1 0%;
        max-width: 190px;
    }
}

.hdsLgH {
    order: 2;
    flex: 1.2 1 0%;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
}

.eTwJud {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    gap: 2px;
    justify-content: stretch;
}

.bwRaOd {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    justify-content: stretch;
    position: relative;
    gap: 4px;
}

@media screen and (min-width: 768px) {
    .bwRaOd {
        flex: 1.2 1 0%;
        max-width: 190px;
    }
}

.hVPdLY {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-height: 24px;
}

.dpmcOP {
    position: absolute;
    inset-block-start: 0px;
    inset-inline-start: 0px;
    width: 100%;
    transform: translateY(-100%);
    z-index: 2;
}

.irLGjr {
    width: 20px;
    height: 20px;
}

.jOUjRH {
    display: inline-block;
}

.irLGjr {
    width: 20px;
    height: 20px;
}

.irLGjr {
    width: 20px;
    height: 20px;
}

.vurOz {
    display: block;
    width: 100%;
}

.cIblDW {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-size: cover;
    background-origin: border-box;
    background-position: center center;
    background-color: rgb(18, 18, 18);
    overflow: hidden;
    outline: rgb(6, 6, 6) solid 1px;
    border-width: 1px;
    border-radius: 16px;
    border-color: rgba(241, 241, 241, 0.08);
    border-style: solid;
    transition-timing-function: ease;
    transition-property: box-shadow, border-color;
    aspect-ratio: 5 / 7;
    min-width: 132px;
    max-width: 216px;
    gap: 8px;
    padding: 16px 8px;
}

.cIblDW[role="button"]:not([disabled]) {
    cursor: pointer;
    user-select: none;
}

.ETkWy {
    display: inline-flex;
    inline-size: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    padding: 0px 24px;
}

.ecdDnI {
    display: inline-block;
    -webkit-box-flex: 0;
    flex-grow: 0;
    position: relative;
    border-radius: 99999px;
    background-color: rgb(36, 36, 36);
    background-image: linear-gradient(rgb(56, 56, 56), rgb(29, 29, 29));
    box-shadow: rgb(36, 36, 36) 0px 0px 0px 1px;
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
}

.etTZhx {
    border: 1px solid rgb(36, 36, 36);
    aspect-ratio: 1 / 1;
    flex: 1 1 0%;
    block-size: auto;
    max-inline-size: 120px;
}

.cIblDW[role="button"]:not([disabled]) {
    cursor: pointer;
    user-select: none;
}

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

* {
    -webkit-font-smoothing: antialiased;
}

.djHVbc {
    display: inline-flex;
    position: absolute;
    width: 100%;
    height: 100%;
    inset-block-start: 0px;
    inset-inline-start: 0px;
    pointer-events: none;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.ismlbT {
    width: 24px;
    height: 24px;
    display: table;
    color: rgb(93, 93, 93);
    fill: rgb(93, 93, 93);
    transition: color 0.2s;
}

.aKrDp > * {
    height: 66%;
    width: 66%;
}

.fFvZsE {
    display: flex;
    flex-wrap: nowrap;
    align-self: normal;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 4px;
    max-width: 100%;
    filter: drop-shadow(rgb(6, 6, 6) 0px 1px 2px);
}

.kPnNtx {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}

.iGxxJg {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px;
    text-transform: none;
}

.WWWpX {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 0px 4px;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.bkswlh {
    width: 16px;
    height: 16px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.etVXrR {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 288px;
    gap: 4px;
    max-height: 24px;
    padding: 4px 8px;
    border-radius: 99999px;
    background-color: rgba(6, 6, 6, 0.6);
}

.jPBVcL {
    padding: 2px;
    gap: 2px;
    text-align: start;
    max-height: unset;
    max-width: fit-content;
    -webkit-box-flex: 0;
    flex-grow: 0;
}

.iRxrBy {
    display: inline-block;
    vertical-align: sub;
    height: 32px;
    width: 32px;
}

.eHpzxV {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    justify-content: stretch;
    position: relative;
    gap: 4px;
}

@media screen and (min-width: 768px) {
    .eHpzxV {
        flex: 1 1 0%;
        max-width: 170px;
    }
}

.hdJfwU {
    order: 1;
    flex: 1 1 0%;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
}

.eTwJud {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    gap: 2px;
    justify-content: stretch;
}

.iowszG {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    justify-content: stretch;
    position: relative;
    gap: 4px;
}

@media screen and (min-width: 768px) {
    .iowszG {
        flex: 1 1 0%;
        max-width: 170px;
    }
}

.jOUjRH {
    display: inline-block;
}

.vurOz {
    display: block;
    width: 100%;
}

.cIblDW {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-size: cover;
    background-origin: border-box;
    background-position: center center;
    background-color: rgb(18, 18, 18);
    overflow: hidden;
    outline: rgb(6, 6, 6) solid 1px;
    border-width: 1px;
    border-radius: 16px;
    border-color: rgba(241, 241, 241, 0.08);
    border-style: solid;
    transition-timing-function: ease;
    transition-property: box-shadow, border-color;
    aspect-ratio: 5 / 7;
    min-width: 132px;
    max-width: 216px;
    gap: 8px;
    padding: 16px 8px;
}

.cIblDW[role="button"]:not([disabled]) {
    cursor: pointer;
    user-select: none;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hfcdQp {
    color: rgb(93, 93, 93);
}

.cmcGDA {
    width: 62px;
    height: 62px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.eHpzxV {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    justify-content: stretch;
    position: relative;
    gap: 4px;
}

@media screen and (min-width: 768px) {
    .eHpzxV {
        flex: 1 1 0%;
        max-width: 170px;
    }
}

.hdJgkm {
    order: 3;
    flex: 1 1 0%;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
}

.eTwJud {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    gap: 2px;
    justify-content: stretch;
}

.iowszG {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    justify-content: stretch;
    position: relative;
    gap: 4px;
}

@media screen and (min-width: 768px) {
    .iowszG {
        flex: 1 1 0%;
        max-width: 170px;
    }
}

.jOUjRH {
    display: inline-block;
}

.vurOz {
    display: block;
    width: 100%;
}

.cIblDW {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-size: cover;
    background-origin: border-box;
    background-position: center center;
    background-color: rgb(18, 18, 18);
    overflow: hidden;
    outline: rgb(6, 6, 6) solid 1px;
    border-width: 1px;
    border-radius: 16px;
    border-color: rgba(241, 241, 241, 0.08);
    border-style: solid;
    transition-timing-function: ease;
    transition-property: box-shadow, border-color;
    aspect-ratio: 5 / 7;
    min-width: 132px;
    max-width: 216px;
    gap: 8px;
    padding: 16px 8px;
}

.cIblDW[role="button"]:not([disabled]) {
    cursor: pointer;
    user-select: none;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hfcdQp {
    color: rgb(93, 93, 93);
}

.cmcGDA {
    width: 62px;
    height: 62px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.eHpzxV {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    justify-content: stretch;
    position: relative;
    gap: 4px;
}

@media screen and (min-width: 768px) {
    .eHpzxV {
        flex: 1 1 0%;
        max-width: 170px;
    }
}

.hdJfbZ {
    order: 0;
    flex: 1 1 0%;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
}

.eTwJud {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    gap: 2px;
    justify-content: stretch;
}

.iowszG {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    justify-content: stretch;
    position: relative;
    gap: 4px;
}

@media screen and (min-width: 768px) {
    .iowszG {
        flex: 1 1 0%;
        max-width: 170px;
    }
}

.jOUjRH {
    display: inline-block;
}

.vurOz {
    display: block;
    width: 100%;
}

.cIblDW {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-size: cover;
    background-origin: border-box;
    background-position: center center;
    background-color: rgb(18, 18, 18);
    overflow: hidden;
    outline: rgb(6, 6, 6) solid 1px;
    border-width: 1px;
    border-radius: 16px;
    border-color: rgba(241, 241, 241, 0.08);
    border-style: solid;
    transition-timing-function: ease;
    transition-property: box-shadow, border-color;
    aspect-ratio: 5 / 7;
    min-width: 132px;
    max-width: 216px;
    gap: 8px;
    padding: 16px 8px;
}

.cIblDW[role="button"]:not([disabled]) {
    cursor: pointer;
    user-select: none;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hfcdQp {
    color: rgb(93, 93, 93);
}

.eHpzxV {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    justify-content: stretch;
    position: relative;
    gap: 4px;
}

@media screen and (min-width: 768px) {
    .eHpzxV {
        flex: 1 1 0%;
        max-width: 170px;
    }
}

.hdJdwl {
    order: 4;
    flex: 1 1 0%;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
}

.eTwJud {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    gap: 2px;
    justify-content: stretch;
}

.iowszG {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    justify-content: stretch;
    position: relative;
    gap: 4px;
}

@media screen and (min-width: 768px) {
    .iowszG {
        flex: 1 1 0%;
        max-width: 170px;
    }
}

.jOUjRH {
    display: inline-block;
}

.vurOz {
    display: block;
    width: 100%;
}

.cIblDW {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-size: cover;
    background-origin: border-box;
    background-position: center center;
    background-color: rgb(18, 18, 18);
    overflow: hidden;
    outline: rgb(6, 6, 6) solid 1px;
    border-width: 1px;
    border-radius: 16px;
    border-color: rgba(241, 241, 241, 0.08);
    border-style: solid;
    transition-timing-function: ease;
    transition-property: box-shadow, border-color;
    aspect-ratio: 5 / 7;
    min-width: 132px;
    max-width: 216px;
    gap: 8px;
    padding: 16px 8px;
}

.cIblDW[role="button"]:not([disabled]) {
    cursor: pointer;
    user-select: none;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

hfcdQp {
    color: rgb(93, 93, 93);
}

.cmcGDA {
    width: 62px;
    height: 62px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.dIBLdA {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
}

.blHXMw {
    z-index: 2;
    position: absolute;
    margin-block-start: -32px;
}

.gfelW {
    width: 100%;
    padding: 8px 0px;
}

.iNopia {
    display: grid;
    gap: 2px;
    border-radius: 8px;
    overflow: hidden;
    grid-template:
        "navbar navbar" min-content
        "navpanel navpanel" 1fr
        "playbuttonarea playbuttonarea" min-content
        "matches players" min-content / 1fr 1fr;
}

@media screen and (min-width: 1320px) {
    .iNopia {
        grid-template:
            "supermatchswitch supermatchswitch playbutton playbutton navbar navbar"
            "navpanel navpanel navpanel navpanel navpanel navpanel"
            "matches matches matches players players players" / 1fr 1fr min-content min-content 1fr 1fr;
    }
}

.dpEqxY {
    display: flex;
    background-color: rgb(29, 29, 29);
    grid-area: playbutton;
}

.iNopia div[name="playbutton"],
.iNopia div[name="supermatchswitch"] {
    display: none;
}

@media screen and (min-width: 1320px) {
    .iNopia div[name="playbutton"] {
        display: flex;
        margin: 0px -2px;
        padding: 4px 0px;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.fNlYco {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}

.cXyGnT {
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: center;
    justify-content: center;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.ksfNah {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    padding: 8px 24px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(241, 241, 241);
    background-color: rgb(255, 85, 0);
}

.JtktL {
    display: flex;
    flex-direction: column;
    height: 48px;
    border-radius: 4px;
    font-weight: 700;
    position: relative;
    min-width: 230px;
}

.kmXdFO {
    font-size: 28px;
    line-height: 32px;
    box-shadow: rgba(255, 85, 0, 0.24) 0px 0px 30px 0px;
    padding: 12px 24px;
    text-shadow: rgba(6, 6, 6, 0.2) 1px 1px 1px;
}

.epljJG {
    display: flex;
    background-color: rgb(29, 29, 29);
    grid-area: supermatchswitch;
}

.eerncu {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 8px;
}

.iNopia div[name="playbutton"],
.iNopia div[name="supermatchswitch"] {
    display: none;
}

@media screen and (min-width: 1320px) {
    .iNopia div[name="supermatchswitch"] {
        display: flex;
    }
}

.eUwEwk {
    position: relative;
    user-select: none;
    cursor: pointer;
    padding: 24px;
    text-align: center;
}

.DBiSW {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.egeWKW {
    text-transform: uppercase;
    position: relative;
    color: rgb(255, 85, 0);
}

.dQioqL {
    display: flex;
    gap: 4px;
    white-space: nowrap;
}

.etfOXu {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.jOUjRH {
    display: inline-block;
}

.fknOjc {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 2px;
}

.VYWBU {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid rgb(36, 36, 36);
    background-color: rgb(29, 29, 29);
    border-radius: 99999px;
    padding: 4px;
}

.qeFYQ {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    gap: 4px;
}

.kLokWh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.QijvE {
    width: 24px;
    height: 24px;
    display: table;
    color: rgb(241, 241, 241);
    fill: rgb(241, 241, 241);
    transition: color 0.2s;
}

.hJNOrp {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 99999px;
    background-color: rgb(36, 36, 36);
    padding: 2px 8px;
    gap: 4px;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.fkyUZQ {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
    user-select: none;
    margin-block-end: 0px;
}

.hnucwD {
    position: relative;
    display: inline-flex;
    height: 24px;
    width: 24px;
}

.boSAyz {
    position: absolute;
    top: 4px;
    left: 4px;
    height: 16px;
    width: 16px;
    border-radius: 4px;
    box-sizing: border-box;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(241, 241, 241);
}

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

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0px;
}

.bbWHEa {
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 6px;
    border-style: solid;
    border-width: 4px;
    border-color: transparent;
}

.cSVSor {
    display: flex;
    background-color: rgb(29, 29, 29);
    grid-area: playbuttonarea;
}

@media screen and (min-width: 1320px) {
    .iNopia div[name="playbuttonarea"] {
        display: none;
    }
}

.cjCKbG {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: rgb(29, 29, 29);
    padding: 16px;
    gap: 8px;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.etfOXu {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.jOUjRH {
    display: inline-block;
}

.fknOjc {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 2px;
}

.VYWBU {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid rgb(36, 36, 36);
    background-color: rgb(29, 29, 29);
    border-radius: 99999px;
    padding: 4px;
}

.qeFYQ {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    gap: 4px;
}

.kLokWh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.QijvE {
    width: 24px;
    height: 24px;
    display: table;
    color: rgb(241, 241, 241);
    fill: rgb(241, 241, 241);
    transition: color 0.2s;
}

.hJNOrp {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 99999px;
    background-color: rgb(36, 36, 36);
    padding: 2px 8px;
    gap: 4px;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.fkyUZQ {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
    user-select: none;
    margin-block-end: 0px;
}

.hnucwD {
    position: relative;
    display: inline-flex;
    height: 24px;
    width: 24px;
}

.boSAyz {
    position: absolute;
    top: 4px;
    left: 4px;
    height: 16px;
    width: 16px;
    border-radius: 4px;
    box-sizing: border-box;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(241, 241, 241);
}

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

.bbWHEa {
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 6px;
    border-style: solid;
    border-width: 4px;
    border-color: transparent;
}

.eUwEwk {
    position: relative;
    user-select: none;
    cursor: pointer;
    padding: 24px;
    text-align: center;
}

.DBiSW {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.egeWKW {
    text-transform: uppercase;
    position: relative;
    color: rgb(255, 85, 0);
}

.dQioqL {
    display: flex;
    gap: 4px;
    white-space: nowrap;
}

.fNlYco {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}

.cXyGnT {
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: center;
    justify-content: center;
}

.ksfNah {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    padding: 8px 24px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(241, 241, 241);
    background-color: rgb(255, 85, 0);
}

.JtktL {
    display: flex;
    flex-direction: column;
    height: 48px;
    border-radius: 4px;
    font-weight: 700;
    position: relative;
    min-width: 230px;
}

.kmXdFO {
    font-size: 28px;
    line-height: 32px;
    box-shadow: rgba(255, 85, 0, 0.24) 0px 0px 30px 0px;
    padding: 12px 24px;
    text-shadow: rgba(6, 6, 6, 0.2) 1px 1px 1px;
}

.dtDkTG {
    display: flex;
    background-color: rgb(29, 29, 29);
    grid-area: navbar;
}

.jEszpC {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    background-color: rgb(29, 29, 29);
}

.ZSVyW {
    position: relative;
    user-select: none;
    cursor: pointer;
    padding: 24px;
    text-align: center;
}

.DBiSW {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.hsWnPN {
    text-transform: uppercase;
    position: relative;
    color: rgb(167, 167, 167);
}

.ZSVyW::after {
    content: "";
    position: absolute;
    width: 24px;
    inset-block-end: 0px;
    inset-inline: 50%;
    transform: translateX(-50%);
}

.ZSVyW {
    position: relative;
    user-select: none;
    cursor: pointer;
    padding: 24px;
    text-align: center;
}

.DBiSW {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.hsWnPN {
    text-transform: uppercase;
    position: relative;
    color: rgb(167, 167, 167);
}

.ZSVyW::after {
    content: "";
    position: absolute;
    width: 24px;
    inset-block-end: 0px;
    inset-inline: 50%;
    transform: translateX(-50%);
}

.bORAgl {
    display: flex;
    background-color: rgb(29, 29, 29);
    grid-area: navpanel;
}

.nHuEb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(29, 29, 29);
    padding: 16px;
    width: 100%;
    overflow: clip;
    min-height: 120px;
}

.cOgzRd {
    animation: 0.3s ease-in-out 0s 1 normal none running jBcSpD;
}

.jlqxJw {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}

.cCChWF {
    display: flex;
    gap: 8px;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .cCChWF {
        flex-direction: row;
    }
}

.gmSVFc {
    display: flex;
    flex-direction: column;
    text-align: start;
    padding: 4px;
    width: 100%;
    max-width: 300px;
    background: transparent;
    border: 1px solid rgb(241, 241, 241);
    border-radius: 4px;
    position: relative;
    cursor: default;
}

.fRNKYC {
    overflow: hidden;
    border-radius: 4px;
    background: rgb(29, 29, 29);
}

.eFNgiM {
    width: 100%;
    height: 100%;
    padding: 8px;
    border-radius: 2px;
    display: flex;
    gap: 8px;
    flex-direction: column;
    position: relative;
    background: linear-gradient(rgba(22, 22, 22, 0) 56%, rgb(18, 18, 18) 100%),
        rgb(36, 36, 36);
}

.guZeMA {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media screen and (min-width: 768px) {
    .guZeMA {
        -webkit-box-align: center;
        align-items: center;
    }
}

.eFNgiM::after {
    content: "";
    position: absolute;
    inset: 0px;
    background: none;
    opacity: 1;
    pointer-events: none;
}

.hRFuoN {
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.kJBgth {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    font-family: Play, sans-serif;
    line-height: 20px;
}

.jfqVBH {
    color: rgb(204, 204, 204);
}

.gaesIo {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.eFNgiM::after {
    content: "";
    position: absolute;
    inset: 0px;
    background: none;
    opacity: 1;
    pointer-events: none;
}

.dZmVsh {
    display: flex;
    flex-direction: column;
    text-align: start;
    padding: 4px;
    width: 100%;
    max-width: 300px;
    background: transparent;
    border: 1px solid rgb(36, 36, 36);
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}

.ceLYzA {
    position: absolute;
    inset-block-start: 4px;
    inset-inline-end: 4px;
    z-index: 1;
}

.jOUjRH {
    display: inline-block;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.fUOymz {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(167, 167, 167);
    background-color: transparent;
    border: none;
    padding: 8px;
}

.iKxhgn {
    padding: 4px;
    width: 32px;
}

.ecKFyB {
    color: rgb(93, 93, 93);
}

.kLokWh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.fRNKYC {
    overflow: hidden;
    border-radius: 4px;
    background: rgb(29, 29, 29);
}

.hgUtP {
    width: 100%;
    height: 100%;
    padding: 8px;
    border-radius: 2px;
    display: flex;
    gap: 8px;
    flex-direction: column;
    position: relative;
    background: linear-gradient(
            rgba(255, 85, 0, 0) 56%,
            rgba(255, 85, 0, 0.24) 100%
        ),
        rgb(36, 36, 36);
}

.guZeMA {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media screen and (min-width: 768px) {
    .guZeMA {
        -webkit-box-align: center;
        align-items: center;
    }
}

.hRFuoN {
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

h6 {
    display: block;
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

.kJBgth {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    font-family: Play, sans-serif;
    line-height: 20px;
}

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

.eqPjhT {
    display: flex;
    margin: 0px 8px 0px 0px;
}

.kLokWh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hzpJnQ {
    width: 20px;
    height: 20px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.eaFnys {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.jOUjRH {
    display: inline-block;
}

.gVLddj {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 288px;
    gap: 4px;
    max-height: 24px;
    padding: 4px 8px;
    border-radius: 99999px;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hclXAn {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.cPRAtZ {
    color: rgb(204, 204, 204);
}

.gVLddj .Text-sc-67635c04-0 {
    flex: 1 1 0%;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jOUjRH {
    display: inline-block;
}

.gVLddj {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 288px;
    gap: 4px;
    max-height: 24px;
    padding: 4px 8px;
    border-radius: 99999px;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hclXAn {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.cPRAtZ {
    color: rgb(204, 204, 204);
}

.gVLddj .Text-sc-67635c04-0 {
    flex: 1 1 0%;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jOUjRH {
    display: inline-block;
}

.gVLddj {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 288px;
    gap: 4px;
    max-height: 24px;
    padding: 4px 8px;
    border-radius: 99999px;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hclXAn {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.cPRAtZ {
    color: rgb(204, 204, 204);
}

.gVLddj .Text-sc-67635c04-0 {
    flex: 1 1 0%;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jOUjRH {
    display: inline-block;
}

.gVLddj {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 288px;
    gap: 4px;
    max-height: 24px;
    padding: 4px 8px;
    border-radius: 99999px;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hclXAn {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.cPRAtZ {
    color: rgb(204, 204, 204);
}

.gVLddj .Text-sc-67635c04-0 {
    flex: 1 1 0%;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jOUjRH {
    display: inline-block;
}

.bpett {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 288px;
    gap: 4px;
    max-height: 24px;
    padding: 4px 8px;
    border-radius: 99999px;
    background-color: rgb(36, 36, 36);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hclXAn {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.hgUtP::after {
    content: "";
    position: absolute;
    inset: 0px;
    background: none;
    opacity: 1;
    pointer-events: none;
}

.dZmVsh {
    display: flex;
    flex-direction: column;
    text-align: start;
    padding: 4px;
    width: 100%;
    max-width: 300px;
    background: transparent;
    border: 1px solid rgb(36, 36, 36);
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}

.ceLYzA {
    position: absolute;
    inset-block-start: 4px;
    inset-inline-end: 4px;
    z-index: 1;
}

.jOUjRH {
    display: inline-block;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.fUOymz {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(167, 167, 167);
    background-color: transparent;
    border: none;
    padding: 8px;
}

.iKxhgn {
    padding: 4px;
    width: 32px;
}

.ecKFyB {
    color: rgb(93, 93, 93);
}

.kLokWh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.fRNKYC {
    overflow: hidden;
    border-radius: 4px;
    background: rgb(29, 29, 29);
}

.hgUtP {
    width: 100%;
    height: 100%;
    padding: 8px;
    border-radius: 2px;
    display: flex;
    gap: 8px;
    flex-direction: column;
    position: relative;
    background: linear-gradient(
            rgba(255, 85, 0, 0) 56%,
            rgba(255, 85, 0, 0.24) 100%
        ),
        rgb(36, 36, 36);
}

.guZeMA {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media screen and (min-width: 768px) {
    .guZeMA {
        -webkit-box-align: center;
        align-items: center;
    }
}

.hRFuoN {
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.kJBgth {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    font-family: Play, sans-serif;
    line-height: 20px;
}

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

.eqPjhT {
    display: flex;
    margin: 0px 8px 0px 0px;
}

.kLokWh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hzpJnQ {
    width: 20px;
    height: 20px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.eaFnys {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.jOUjRH {
    display: inline-block;
}

.gVLddj {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 288px;
    gap: 4px;
    max-height: 24px;
    padding: 4px 8px;
    border-radius: 99999px;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hclXAn {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.cPRAtZ {
    color: rgb(204, 204, 204);
}

.gVLddj .Text-sc-67635c04-0 {
    flex: 1 1 0%;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jOUjRH {
    display: inline-block;
}

.gVLddj {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 288px;
    gap: 4px;
    max-height: 24px;
    padding: 4px 8px;
    border-radius: 99999px;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hclXAn {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.cPRAtZ {
    color: rgb(204, 204, 204);
}

.gVLddj .Text-sc-67635c04-0 {
    flex: 1 1 0%;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jOUjRH {
    display: inline-block;
}

.gVLddj {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 288px;
    gap: 4px;
    max-height: 24px;
    padding: 4px 8px;
    border-radius: 99999px;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hclXAn {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.cPRAtZ {
    color: rgb(204, 204, 204);
}

.gVLddj .Text-sc-67635c04-0 {
    flex: 1 1 0%;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jOUjRH {
    display: inline-block;
}

.gVLddj {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 288px;
    gap: 4px;
    max-height: 24px;
    padding: 4px 8px;
    border-radius: 99999px;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hclXAn {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.cPRAtZ {
    color: rgb(204, 204, 204);
}

.gVLddj .Text-sc-67635c04-0 {
    flex: 1 1 0%;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jOUjRH {
    display: inline-block;
}

.bpett {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 288px;
    gap: 4px;
    max-height: 24px;
    padding: 4px 8px;
    border-radius: 99999px;
    background-color: rgb(36, 36, 36);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hclXAn {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.fFEgVS {
    width: 24px;
    height: 24px;
    display: table;
    color: rgb(255, 85, 0);
    fill: rgb(255, 85, 0);
    transition: color 0.2s;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.cPRAtZ {
    color: rgb(204, 204, 204);
}

.bpett .Text-sc-67635c04-0 {
    flex: 1 1 0%;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jOUjRH {
    display: inline-block;
}

.bpett {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 288px;
    gap: 4px;
    max-height: 24px;
    padding: 4px 8px;
    border-radius: 99999px;
    background-color: rgb(36, 36, 36);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hclXAn {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.fFEgVS {
    width: 24px;
    height: 24px;
    display: table;
    color: rgb(255, 85, 0);
    fill: rgb(255, 85, 0);
    transition: color 0.2s;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.cPRAtZ {
    color: rgb(204, 204, 204);
}

.bpett .Text-sc-67635c04-0 {
    flex: 1 1 0%;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hgUtP::after {
    content: "";
    position: absolute;
    inset: 0px;
    background: none;
    opacity: 1;
    pointer-events: none;
}

.TzzFT {
    display: flex;
    background-color: rgb(29, 29, 29);
    grid-area: matches;
}

.fDGLab {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex: 1 1 0%;
    text-decoration: none !important;
}

.hdZCVT:any-link {
    cursor: pointer;
}

.fIStRP:any-link {
    color: rgb(255, 85, 0);
    border-radius: 4px;
    font-size: 14px;
    font-weight: normal;
}

.NOVCe {
    display: flex;
    flex: 1 1 0%;
    flex-wrap: wrap;
    padding: 8px;
    gap: 0.2em;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: end;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.jxAKsY {
    color: rgb(93, 93, 93);
}

.hOFpzF {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}

.jxAKsY {
    color: rgb(93, 93, 93);
}

.ikHbMe {
    display: flex;
    background-color: rgb(29, 29, 29);
    grid-area: players;
}

.itjBDx {
    display: flex;
    flex: 1 1 0%;
    flex-wrap: wrap;
    padding: 8px;
    gap: 0.2em;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: start;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.jxAKsY {
    color: rgb(93, 93, 93);
}

.hOFpzF {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}

.jxAKsY {
    color: rgb(93, 93, 93);
}

.jXEqsc {
    position: relative;
    display: flex;
    min-width: 0px;
    padding: 0px;
    width: 100%;
    box-sizing: border-box;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
}

.fsaGYm {
    width: 24px;
    height: 24px;
    display: inline;
}

.dmVrTl {
    display: flex;
    min-width: 40px;
    flex-flow: row;
    border-radius: 24px;
    box-sizing: border-box;
    padding: 2px 8px;
    fill: rgb(167, 167, 167);
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    background: rgba(255, 85, 0, 0.16);
    color: rgb(255, 85, 0);
}

.ggVfwo {
    flex: 1 1 0%;
    min-width: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0px 4px;
    user-select: none;
}

.DBiSW {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.wuUWd {
    display: flex;
    min-width: 40px;
    flex-flow: row;
    border-radius: 24px;
    box-sizing: border-box;
    padding: 2px 8px;
    fill: rgb(167, 167, 167);
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    background: rgba(241, 241, 241, 0.05);
    color: rgb(167, 167, 167);
}

.ggVfwo {
    flex: 1 1 0%;
    min-width: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0px 4px;
    user-select: none;
}

.DBiSW {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.iFxnXA {
    display: inline-flex;
}

.dyiJAF {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
}

.hJXQfl {
    cursor: pointer;
    color: rgb(167, 167, 167);
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.huSyfH {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    color: rgb(241, 241, 241);
}

.gcMJuC {
    margin: 0px;
    font-size: 22px;
    font-weight: bold;
    font-family: Play, sans-serif;
    letter-spacing: 0.005em;
    line-height: 28px;
}

.jOUjRH {
    display: inline-block;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.fUOymz {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(167, 167, 167);
    background-color: transparent;
    border: none;
    padding: 8px;
}

.emfbxF {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.fRNKYC {
    overflow: hidden;
    border-radius: 4px;
    background: rgb(29, 29, 29);
}

.kDPPbl {
    display: flex;
    flex-direction: column;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.imSOYx:not(:disabled) {
    cursor: pointer;
}

.cRuTLW {
    position: relative;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-image: url(https://cdn.faceit.com/static/featured/CSGO%20Default%202023/CSGO%20Weekly%20Free%20Feat.jpg);
}

.dHVhzX {
    position: absolute;
    top: 8px;
    inset-inline-start: 8px;
}

.jnGugb {
    display: inline-flex;
    padding: 4px 8px;
    box-sizing: border-box;
}

.hHHYTF {
    background-color: rgba(6, 6, 6, 0.88);
    border-radius: 24px;
    color: rgb(241, 241, 241);
}

.krRSyA {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    margin-inline-end: 4px;
}

.SPbRJ {
    width: 8px;
    height: 8px;
    border-radius: 99999px;
    background-color: rgb(50, 211, 90);
}

.cojLlH {
    color: rgb(241, 241, 241);
    font-family: Play, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.cojLlH {
    color: rgb(241, 241, 241);
    font-family: Play, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.fACjft {
    color: rgb(204, 204, 204);
    text-transform: none;
}

.hPJFcQ {
    position: absolute;
    bottom: 8px;
    inset-inline-end: 8px;
}

.jnGugb {
    display: inline-flex;
    padding: 4px 8px;
    box-sizing: border-box;
}

.hHHYTF {
    background-color: rgba(6, 6, 6, 0.88);
    border-radius: 24px;
    color: rgb(241, 241, 241);
}

.ezAAlK {
    color: rgb(167, 167, 167);
    font-size: 10px;
    font-weight: normal;
    font-family: Play, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    line-height: 16px;
    word-break: break-word;
    hyphens: auto;
}

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

.DOnSo {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hDMvSf {
    width: 12px;
    height: 12px;
    display: table;
    color: rgb(255, 85, 0);
    fill: rgb(255, 85, 0);
    transition: color 0.2s;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.fBFNUP {
    color: rgb(204, 204, 204);
    text-transform: lowercase;
}

.eoJmW {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kJBgth {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    font-family: Play, sans-serif;
    line-height: 20px;
}

.byNwqN {
    display: flex;
    gap: 4px;
    color: rgb(167, 167, 167);
}

.gaesIo {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.kDPPbl {
    display: flex;
    flex-direction: column;
}

.fRNKYC {
    overflow: hidden;
    border-radius: 4px;
    background: rgb(29, 29, 29);
}

.imSOYx:not(:disabled) {
    cursor: pointer;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.bDMaKD {
    position: relative;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-image: url(https://distribution.faceit-cdn.net/images/c50977b6-5716-41d3-8507-cf9c4dd0076a.jpeg);
}

.dHVhzX {
    position: absolute;
    top: 8px;
    inset-inline-start: 8px;
}

.jnGugb {
    display: inline-flex;
    padding: 4px 8px;
    box-sizing: border-box;
}

.hHHYTF {
    background-color: rgba(6, 6, 6, 0.88);
    border-radius: 24px;
    color: rgb(241, 241, 241);
}

.krRSyA {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    margin-inline-end: 4px;
}

.SPbRJ {
    width: 8px;
    height: 8px;
    border-radius: 99999px;
    background-color: rgb(50, 211, 90);
}

.cojLlH {
    color: rgb(241, 241, 241);
    font-family: Play, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.fACjft {
    color: rgb(204, 204, 204);
    text-transform: none;
}

.hPJFcQ {
    position: absolute;
    bottom: 8px;
    inset-inline-end: 8px;
}

.jnGugb {
    display: inline-flex;
    padding: 4px 8px;
    box-sizing: border-box;
}

.hHHYTF {
    background-color: rgba(6, 6, 6, 0.88);
    border-radius: 24px;
    color: rgb(241, 241, 241);
}

.ezAAlK {
    color: rgb(167, 167, 167);
    font-size: 10px;
    font-weight: normal;
    font-family: Play, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    line-height: 16px;
    word-break: break-word;
    hyphens: auto;
}

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

.DOnSo {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hDMvSf {
    width: 12px;
    height: 12px;
    display: table;
    color: rgb(255, 85, 0);
    fill: rgb(255, 85, 0);
    transition: color 0.2s;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.fBFNUP {
    color: rgb(204, 204, 204);
    text-transform: lowercase;
}

.eoJmW {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kJBgth {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    font-family: Play, sans-serif;
    line-height: 20px;
}

.gaesIo {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.byNwqN {
    display: flex;
    gap: 4px;
    color: rgb(167, 167, 167);
}

.fRNKYC {
    overflow: hidden;
    border-radius: 4px;
    background: rgb(29, 29, 29);
}

.kDPPbl {
    display: flex;
    flex-direction: column;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.imSOYx:not(:disabled) {
    cursor: pointer;
}

.boMauX {
    position: relative;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-image: url(https://distribution.faceit-cdn.net/images/fe2441b6-23ee-4f64-bbaa-00382dc0be8d.png);
}

.dHVhzX {
    position: absolute;
    top: 8px;
    inset-inline-start: 8px;
}

.jnGugb {
    display: inline-flex;
    padding: 4px 8px;
    box-sizing: border-box;
}

.hHHYTF {
    background-color: rgba(6, 6, 6, 0.88);
    border-radius: 24px;
    color: rgb(241, 241, 241);
}

.krRSyA {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    margin-inline-end: 4px;
}

.SPbRJ {
    width: 8px;
    height: 8px;
    border-radius: 99999px;
    background-color: rgb(50, 211, 90);
}

.cojLlH {
    color: rgb(241, 241, 241);
    font-family: Play, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.fACjft {
    color: rgb(204, 204, 204);
    text-transform: none;
}

.hPJFcQ {
    position: absolute;
    bottom: 8px;
    inset-inline-end: 8px;
}

.hHHYTF {
    background-color: rgba(6, 6, 6, 0.88);
    border-radius: 24px;
    color: rgb(241, 241, 241);
}

.jnGugb {
    display: inline-flex;
    padding: 4px 8px;
    box-sizing: border-box;
}

.ezAAlK {
    color: rgb(167, 167, 167);
    font-size: 10px;
    font-weight: normal;
    font-family: Play, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    line-height: 16px;
    word-break: break-word;
    hyphens: auto;
}

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

.DOnSo {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hDMvSf {
    width: 12px;
    height: 12px;
    display: table;
    color: rgb(255, 85, 0);
    fill: rgb(255, 85, 0);
    transition: color 0.2s;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.fBFNUP {
    color: rgb(204, 204, 204);
    text-transform: lowercase;
}

.eoJmW {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kJBgth {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    font-family: Play, sans-serif;
    line-height: 20px;
}

.gaesIo {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.byNwqN {
    display: flex;
    gap: 4px;
    color: rgb(167, 167, 167);
}

.fRNKYC {
    overflow: hidden;
    border-radius: 4px;
    background: rgb(29, 29, 29);
}

.kDPPbl {
    display: flex;
    flex-direction: column;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.imSOYx:not(:disabled) {
    cursor: pointer;
}

.obepB {
    position: relative;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-image: url(https://distribution.faceit-cdn.net/images/72c3ee80-318a-4b47-9d29-03bd73c12012.jpeg);
}

.dHVhzX {
    position: absolute;
    top: 8px;
    inset-inline-start: 8px;
}

.hHHYTF {
    background-color: rgba(6, 6, 6, 0.88);
    border-radius: 24px;
    color: rgb(241, 241, 241);
}

.jnGugb {
    display: inline-flex;
    padding: 4px 8px;
    box-sizing: border-box;
}

.cojLlH {
    color: rgb(241, 241, 241);
    font-family: Play, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.fACjft {
    color: rgb(204, 204, 204);
    text-transform: none;
}

.hPJFcQ {
    position: absolute;
    bottom: 8px;
    inset-inline-end: 8px;
}

.jnGugb {
    display: inline-flex;
    padding: 4px 8px;
    box-sizing: border-box;
}

.hHHYTF {
    background-color: rgba(6, 6, 6, 0.88);
    border-radius: 24px;
    color: rgb(241, 241, 241);
}

.ezAAlK {
    color: rgb(167, 167, 167);
    font-size: 10px;
    font-weight: normal;
    font-family: Play, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    line-height: 16px;
    word-break: break-word;
    hyphens: auto;
}

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

.DOnSo {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hDMvSf {
    width: 12px;
    height: 12px;
    display: table;
    color: rgb(255, 85, 0);
    fill: rgb(255, 85, 0);
    transition: color 0.2s;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.fBFNUP {
    color: rgb(204, 204, 204);
    text-transform: lowercase;
}

.eoJmW {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kJBgth {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    font-family: Play, sans-serif;
    line-height: 20px;
}

.gaesIo {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.byNwqN {
    display: flex;
    gap: 4px;
    color: rgb(167, 167, 167);
}

.dcdMQR {
    grid-area: bottom;
    z-index: 2;
    display: block;
}

@media screen and (min-width: 1080px) {
    .dcdMQR {
        display: none;
    }
}

.czvNgk {
    pointer-events: all;
    display: contents;
}

.bRReJS {
    background-color: rgb(29, 29, 29);
    box-shadow: rgba(6, 6, 6, 0.4) 0px 2px 8px 4px;
    border-radius: 4px;
    padding: 8px 4px;
    display: flex;
    flex-direction: column;
    z-index: 3000;
    transition: opacity 0.15s linear;
    visibility: hidden;
    opacity: 0;
}

.dpEqxY {
    display: flex;
    background-color: rgb(29, 29, 29);
    grid-area: playbutton;
}

.iNopia div[name="playbutton"],
.iNopia div[name="supermatchswitch"] {
    display: none;
}

@media screen and (min-width: 1320px) {
    .iNopia div[name="playbutton"] {
        display: flex;
        margin: 0px -2px;
        padding: 4px 0px;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.fNlYco {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}

.cXyGnT {
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: center;
    justify-content: center;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.ksfNah {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    padding: 8px 24px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(241, 241, 241);
    background-color: rgb(255, 85, 0);
}

.JtktL {
    display: flex;
    flex-direction: column;
    height: 48px;
    border-radius: 4px;
    font-weight: 700;
    position: relative;
    min-width: 230px;
}

.kmXdFO {
    font-size: 28px;
    line-height: 32px;
    box-shadow: rgba(255, 85, 0, 0.24) 0px 0px 30px 0px;
    padding: 12px 24px;
    text-shadow: rgba(6, 6, 6, 0.2) 1px 1px 1px;
}

.epljJG {
    display: flex;
    background-color: rgb(29, 29, 29);
    grid-area: supermatchswitch;
}

.eerncu {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 8px;
}

.iNopia div[name="playbutton"],
.iNopia div[name="supermatchswitch"] {
    display: none;
}

@media screen and (min-width: 1320px) {
    .iNopia div[name="supermatchswitch"] {
        display: flex;
    }
}

.eUwEwk {
    position: relative;
    user-select: none;
    cursor: pointer;
    padding: 24px;
    text-align: center;
}

.DBiSW {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.egeWKW {
    text-transform: uppercase;
    position: relative;
    color: rgb(255, 85, 0);
}

.dQioqL {
    display: flex;
    gap: 4px;
    white-space: nowrap;
}

.etfOXu {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.eUwEwk::after {
    content: "";
    position: absolute;
    width: 24px;
    inset-block-end: 0px;
    inset-inline: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    border-block-end: 2px solid rgb(255, 85, 0);
}

.iQYFig {
    grid-area: canvas;
    contain: layout paint;
    overflow: hidden;
    z-index: 1;
    background-color: rgb(6, 6, 6);
    margin: 0px;
    border: 1px solid rgb(6, 6, 6);
    border-radius: 16px;
}

@media screen and (min-width: 1080px) {
    .iQYFig {
        margin: 8px 0px;
        border-radius: 16px;
    }
}

.hmrcpr {
    position: absolute;
    inset-block-start: 16px;
    inset-inline-end: 16px;
    z-index: 15;
}

.fKiqXN {
    grid-area: navbar;
    z-index: 2;
    overflow-y: hidden;
    display: none;
}

@media screen and (min-width: 1080px) {
    .fKiqXN {
        display: block;
    }
}

.czvNgk {
    pointer-events: all;
    display: contents;
}

.dFAecO {
    max-width: 246px;
    transition: width 0.3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

@media screen and (min-width: 768px) {
    .dFAecO {
        width: 246px;
    }
}

.dTrDWz {
    max-width: 246px;
    display: none;
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    .dTrDWz {
        display: block;
    }
}

.iprkKH {
    padding: 20px 24px;
    display: none;
}

@media screen and (min-width: 768px) {
    .iprkKH {
        display: block;
    }
}

.fIStRP:any-link {
    color: rgb(255, 85, 0);
    border-radius: 4px;
    font-size: 14px;
    font-weight: normal;
}

.hdZCVT:any-link {
    cursor: pointer;
}

.eqZvOE {
    border-radius: 4px;
    display: inline-flex;
    position: relative;
    padding: 4px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.lhDZQn {
    width: 32px;
    height: 32px;
    display: table;
    color: rgb(255, 85, 0);
    fill: rgb(255, 85, 0);
    transition: color 0.2s;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.cpciLT {
    background-color: rgb(29, 29, 29);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.dloKTm {
    transition: max-width 0.5s;
    height: 100%;
    padding: 16px 0px;
    scrollbar-gutter: stable;
    overflow: auto;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.gIgbOC {
    display: flex;
}

@media screen and (min-width: 1080px) {
    .gIgbOC {
        display: none;
    }
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.cpciLT {
    background-color: rgb(29, 29, 29);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.iVkAlr {
    width: 100%;
}

.fZiALl {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.fZiALl::before {
    content: "";
    position: absolute;
    height: 25px;
    width: 4px;
    background-color: rgb(241, 241, 241);
    border-start-end-radius: 8px;
    border-end-end-radius: 8px;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.cFMOfI {
    background: rgb(29, 29, 29);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.iLivPH {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(241, 241, 241);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.ezLabp {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.nUmkv {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(241, 241, 241);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.ezLabp {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.cCPoKD {
    display: flex;
    overflow: hidden;
    flex-shrink: 0;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    margin-inline-start: auto;
}

.fJTlWO {
    padding: 0px 6px;
    border-radius: 52px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(255, 85, 0);
}

.cojLlH {
    color: rgb(241, 241, 241);
    font-family: Play, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.fJTlWO > * {
    color: rgb(241, 241, 241);
}

.fJTlWO > * {
    color: rgb(6, 6, 6);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.dqsWqW {
    display: block;
}

@media screen and (min-width: 1080px) {
    .dqsWqW {
        display: none;
    }
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.coDdYa {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    cursor: pointer;
    min-width: 100%;
    padding: 8px;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dIfafC {
    color: inherit;
}

.coDdYa .styles__StyledIcon-sc-ed7584ae-0 {
    color: rgb(50, 211, 90);
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.bMNWBS {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(50, 211, 90);
}

.bgYBhD {
    background: rgb(36, 36, 36);
    height: 1px;
    min-height: 1px;
}

.jYjzBZ {
    margin: 24px 20px 24px 24px;
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.grsqVm {
    padding: 20px 0px;
    display: none;
    flex-direction: column;
    border-top: 1px solid rgb(36, 36, 36);
}

@media screen and (min-width: 768px) {
    .grsqVm {
        display: flex;
    }
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.coDdYa {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    cursor: pointer;
    min-width: 100%;
    padding: 8px;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dIfafC {
    color: inherit;
}

.coDdYa .styles__StyledIcon-sc-ed7584ae-0 {
    color: rgb(50, 211, 90);
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.bMNWBS {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(50, 211, 90);
}

.fujJlL {
    grid-area: accbar;
    z-index: 2;
    overflow-y: hidden;
    display: none;
}

@media screen and (min-width: 1080px) {
    .fujJlL {
        display: block;
    }
}

.czvNgk {
    pointer-events: all;
    display: contents;
}

.gNanWT {
    padding: 12px 0px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
    box-sizing: border-box;
    display: none;
}

@media screen and (min-width: 1080px) {
    .gNanWT {
        display: flex;
    }
}

.guiZym {
    display: flex;
    gap: 16px;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.bAQszE {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 2px;
    width: 100%;
    box-sizing: border-box;
}

.bcfNAq {
    -webkit-box-pack: center;
    justify-content: center;
}

.jOUjRH {
    display: inline-block;
}

.hcdXOZ {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
}

.bcfNAq .styles__NavControlContainer-sc-ed7584ae-7 {
    padding: 0px;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.kEZuaE {
    display: flex;
    border-radius: 99999px;
    padding: 1px;
    border: 1px solid transparent;
    cursor: pointer;
}

.kNWQbc {
    display: inline-block;
    -webkit-box-flex: 0;
    flex-grow: 0;
    position: relative;
    border-radius: 99999px;
    background-color: rgb(36, 36, 36);
    background-image: linear-gradient(rgb(56, 56, 56), rgb(29, 29, 29));
    box-shadow: rgb(36, 36, 36) 0px 0px 0px 1px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
}

.djHVbc {
    display: inline-flex;
    position: absolute;
    width: 100%;
    height: 100%;
    inset-block-start: 0px;
    inset-inline-start: 0px;
    pointer-events: none;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.ismlbT {
    width: 24px;
    height: 24px;
    display: table;
    color: rgb(93, 93, 93);
    fill: rgb(93, 93, 93);
    transition: color 0.2s;
}

.aKrDp > * {
    height: 66%;
    width: 66%;
}

.bTMiXC {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.eRlaqJ {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 12px;
    width: 100%;
    box-sizing: border-box;
}

.jOUjRH {
    display: inline-block;
}

.UuEMv {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.ezLabp {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.fNgOVk {
    display: block;
    position: absolute;
    top: 1px;
    inset-inline-end: 1px;
}

.Ozcst {
    position: relative;
}

.gdrIZX {
    position: absolute;
    inset-inline-end: 0px;
    inset-block-start: 0px;
    pointer-events: none;
    transform: translate(25%, -25%);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.eRlaqJ {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 12px;
    width: 100%;
    box-sizing: border-box;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.grsqVm {
    padding: 20px 0px;
    display: none;
    flex-direction: column;
    border-top: 1px solid rgb(36, 36, 36);
}

@media screen and (min-width: 768px) {
    .grsqVm {
        display: flex;
    }
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.coDdYa {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    cursor: pointer;
    min-width: 100%;
    padding: 8px;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dIfafC {
    color: inherit;
}

.coDdYa .styles__StyledIcon-sc-ed7584ae-0 {
    color: rgb(50, 211, 90);
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.bMNWBS {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(50, 211, 90);
}

.fujJlL {
    grid-area: accbar;
    z-index: 2;
    overflow-y: hidden;
    display: none;
}

@media screen and (min-width: 1080px) {
    .fujJlL {
        display: block;
    }
}

.czvNgk {
    pointer-events: all;
    display: contents;
}

.gNanWT {
    padding: 12px 0px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
    box-sizing: border-box;
    display: none;
}

@media screen and (min-width: 1080px) {
    .gNanWT {
        display: flex;
    }
}

.guiZym {
    display: flex;
    gap: 16px;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.bAQszE {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 2px;
    width: 100%;
    box-sizing: border-box;
}

.bcfNAq {
    -webkit-box-pack: center;
    justify-content: center;
}

.jOUjRH {
    display: inline-block;
}

.hcdXOZ {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
}

.bcfNAq .styles__NavControlContainer-sc-ed7584ae-7 {
    padding: 0px;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.kEZuaE {
    display: flex;
    border-radius: 99999px;
    padding: 1px;
    border: 1px solid transparent;
    cursor: pointer;
}

.kNWQbc {
    display: inline-block;
    -webkit-box-flex: 0;
    flex-grow: 0;
    position: relative;
    border-radius: 99999px;
    background-color: rgb(36, 36, 36);
    background-image: linear-gradient(rgb(56, 56, 56), rgb(29, 29, 29));
    box-shadow: rgb(36, 36, 36) 0px 0px 0px 1px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
}

.djHVbc {
    display: inline-flex;
    position: absolute;
    width: 100%;
    height: 100%;
    inset-block-start: 0px;
    inset-inline-start: 0px;
    pointer-events: none;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.ismlbT {
    width: 24px;
    height: 24px;
    display: table;
    color: rgb(93, 93, 93);
    fill: rgb(93, 93, 93);
    transition: color 0.2s;
}

.aKrDp > * {
    height: 66%;
    width: 66%;
}

.bTMiXC {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.eRlaqJ {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 12px;
    width: 100%;
    box-sizing: border-box;
}

.jOUjRH {
    display: inline-block;
}

.UuEMv {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.ezLabp {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.fNgOVk {
    display: block;
    position: absolute;
    top: 1px;
    inset-inline-end: 1px;
}

.Ozcst {
    position: relative;
}

.gdrIZX {
    position: absolute;
    inset-inline-end: 0px;
    inset-block-start: 0px;
    pointer-events: none;
    transform: translate(25%, -25%);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.eRlaqJ {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 12px;
    width: 100%;
    box-sizing: border-box;
}

.jOUjRH {
    display: inline-block;
}

.UuEMv {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.fNgOVk {
    display: block;
    position: absolute;
    top: 1px;
    inset-inline-end: 1px;
}

.jFchhx {
    position: relative;
}

.kRSsdR {
    position: absolute;
    inset-inline-end: 0px;
    top: 0px;
    pointer-events: none;
    transform: translate(25%, -25%);
}

.cWIqfF {
    padding: 0px 6px;
    border-radius: 52px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(255, 0, 43);
}

.cojLlH {
    color: rgb(241, 241, 241);
    font-family: Play, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.cWIqfF > * {
    color: rgb(241, 241, 241);
}

.iHGdO {
    display: contents;
    color: rgb(241, 241, 241);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.eRlaqJ {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 12px;
    width: 100%;
    box-sizing: border-box;
}

.jOUjRH {
    display: inline-block;
}

.UuEMv {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.fNgOVk {
    display: block;
    position: absolute;
    top: 1px;
    inset-inline-end: 1px;
}

.gmBrTx {
    position: relative;
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.eRlaqJ {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 12px;
    width: 100%;
    box-sizing: border-box;
}

.jOUjRH {
    display: inline-block;
}

.UuEMv {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.fNgOVk {
    display: block;
    position: absolute;
    top: 1px;
    inset-inline-end: 1px;
}

.hOfbti {
    position: relative;
}

.izrcYN {
    display: flex;
    border-radius: 8px;
    border: 1px solid rgb(36, 36, 36);
    -webkit-box-align: center;
    align-items: center;
    padding: 1px;
    background: rgba(241, 241, 241, 0.05);
    height: auto;
    gap: 4px;
    flex-direction: column;
}

.jOUjRH {
    display: inline-block;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.dNbIUt {
    display: flex;
    box-sizing: border-box;
    position: relative;
    border-radius: 6px;
    align-items: flex-start;
    padding: 8px;
    background: rgba(241, 241, 241, 0.05);
    box-shadow: none;
    border: 1px solid transparent;
    transition: box-shadow 0.4s ease-in-out, border 0.4s ease-in-out;
    flex-direction: column;
    height: auto;
    margin-inline-end: 0px;
}

.cAGvMB {
    position: relative;
    display: flex;
}

.kLokWh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.erZamr {
    width: 24px;
    height: 24px;
    display: table;
    color: rgb(167, 167, 167);
    fill: rgb(167, 167, 167);
    transition: color 0.2s;
}

.jOUjRH {
    display: inline-block;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.clFjdl {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 40px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(167, 167, 167);
    background-color: transparent;
    border: none;
    padding: 8px;
}

.gllVte {
    padding: 8px;
    width: 40px;
}

.CfoPa {
    padding: 12px;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
}

.kLokWh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.hXcMZx {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
    align-items: normal;
    width: 100%;
}

.hXcMZx {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
    align-items: normal;
    width: 100%;
}

.jcbvdZ {
    gap: 8px;
    overflow-y: auto;
    -webkit-box-align: center;
    align-items: center;
}

.iQYFig {
    grid-area: canvas;
    contain: layout paint;
    overflow: hidden;
    z-index: 1;
    background-color: rgb(6, 6, 6);
    margin: 0px;
    border: 1px solid rgb(6, 6, 6);
    border-radius: 16px;
}

@media screen and (min-width: 1080px) {
    .iQYFig {
        margin: 8px 0px;
        border-radius: 16px;
    }
}

.hmrcpr {
    position: absolute;
    inset-block-start: 16px;
    inset-inline-end: 16px;
    z-index: 15;
}

.jomYOX {
    position: absolute;
    z-index: 1;
    display: block;
    inset: auto auto 24px 24px;
}

[data-rbd-drag-handle-context-id="0"] {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    touch-action: manipulation;
}

[data-rbd-drag-handle-context-id="0"] {
    cursor: -webkit-grab;
    cursor: grab;
}

.cKlzcL {
    display: none;
    animation: 0.25s ease 0s 1 normal none running expand;
    transform-origin: left center;
}

.gweZwb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background: rgb(29, 29, 29);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 8px;
    cursor: grab;
}

.gaesIo {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.krKbei {
    color: rgb(167, 167, 167);
    margin-left: 8px;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.hHMeML {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(50, 211, 90);
    background-color: transparent;
    border: none;
    padding: 8px;
}

.ewLvuZ {
    width: 400px;
    height: auto;
    aspect-ratio: 16 / 9;
}

.ezyGUQ {
    inline-size: 100%;
    block-size: 100%;
}

.bA-DjhY {
    position: relative;
    inline-size: 100%;
    block-size: 100%;
}

.dhxtqf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    width: min-content;
}

.cvxwte {
    -webkit-box-pack: start;
    justify-content: flex-start;
    grid-area: left;
    gap: 8px;
}

.iLGKyC {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.gGAhru {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    place-items: center;
    background-color: rgba(241, 241, 241, 0.05);
    width: 80px;
    height: 40px;
    border-start-start-radius: 24px;
    border-end-start-radius: 24px;
    border-start-end-radius: 8px;
    border-end-end-radius: 8px;
    transition: all 0.3s ease;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
}

.kNWQbc {
    display: inline-block;
    -webkit-box-flex: 0;
    flex-grow: 0;
    position: relative;
    border-radius: 99999px;
    background-color: rgb(36, 36, 36);
    background-image: linear-gradient(rgb(56, 56, 56), rgb(29, 29, 29));
    box-shadow: rgb(36, 36, 36) 0px 0px 0px 1px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
}

.djHVbc {
    display: inline-flex;
    position: absolute;
    width: 100%;
    height: 100%;
    inset-block-start: 0px;
    inset-inline-start: 0px;
    pointer-events: none;
}

.iVlwic {
    object-fit: cover;
    border-radius: 99999px;
    height: 100%;
    width: 100%;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.gGAhru > i {
    color: rgb(241, 241, 241);
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.dMJDMa {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(255, 85, 0);
    background-color: transparent;
    border: none;
    padding: 8px;
}

.dhxtqf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    width: min-content;
}

.gpwffu {
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 100%;
    grid-area: middle;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.gMyyrr {
    background-color: rgb(29, 29, 29);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.kaTXFw {
    background: rgb(29, 29, 29);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
}

.iLivPH {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(241, 241, 241);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.ezLabp {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.UuEMv {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.fNgOVk {
    display: block;
    position: absolute;
    top: 1px;
    inset-inline-end: 1px;
}

.hsvSIQ {
    border-radius: 99999px;
    background-color: rgb(255, 85, 0);
    width: 12px;
    height: 12px;
}

.gpeytX {
    margin: -4px;
}

.fKiqXN {
    grid-area: navbar;
    z-index: 2;
    overflow-y: hidden;
    display: none;
}

@media screen and (min-width: 1080px) {
    .fKiqXN {
        display: block;
    }
}

.czvNgk {
    pointer-events: all;
    display: contents;
}

.dFAecO {
    max-width: 246px;
    transition: width 0.3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

@media screen and (min-width: 768px) {
    .dFAecO {
        width: 246px;
    }
}

.dTrDWz {
    max-width: 246px;
    display: none;
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    .dTrDWz {
        display: block;
    }
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.iVkAlr {
    width: 100%;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.eamAwb {
    background-color: initial;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

a {
    background-color: transparent;
}

a {
    text-decoration: none;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.cFMOfI {
    background: rgb(29, 29, 29);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.iLivPH {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(241, 241, 241);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.ezLabp {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.nUmkv {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(241, 241, 241);
}

.dpEqxY {
    display: flex;
    background-color: rgb(29, 29, 29);
    grid-area: playbutton;
}

.iNopia div[name="playbutton"],
.iNopia div[name="supermatchswitch"] {
    display: none;
}

@media screen and (min-width: 1320px) {
    .iNopia div[name="playbutton"] {
        display: flex;
        margin: 0px -2px;
        padding: 4px 0px;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.fNlYco {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}

.cXyGnT {
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: center;
    justify-content: center;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.ksfNah {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    padding: 8px 24px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(241, 241, 241);
    background-color: rgb(255, 85, 0);
}

.JtktL {
    display: flex;
    flex-direction: column;
    height: 48px;
    border-radius: 4px;
    font-weight: 700;
    position: relative;
    min-width: 230px;
}

.kmXdFO {
    font-size: 28px;
    line-height: 32px;
    box-shadow: rgba(255, 85, 0, 0.24) 0px 0px 30px 0px;
    padding: 12px 24px;
    text-shadow: rgba(6, 6, 6, 0.2) 1px 1px 1px;
}

.epljJG {
    display: flex;
    background-color: rgb(29, 29, 29);
    grid-area: supermatchswitch;
}

.eerncu {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 8px;
}

.iNopia div[name="playbutton"],
.iNopia div[name="supermatchswitch"] {
    display: none;
}

@media screen and (min-width: 1320px) {
    .iNopia div[name="supermatchswitch"] {
        display: flex;
    }
}

@media screen and (min-width: 1320px) {
    .iNopia div[name="playbutton"] {
        display: flex;
        margin: 0px -2px;
        padding: 4px 0px;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.cpciLT {
    background-color: rgb(29, 29, 29);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
    gap: 12px;
    padding: 8px;
    cursor: pointer;
    min-width: 100%;
}

.ggTQTh {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(167, 167, 167);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.lhOhgT {
    font-family: Play, sans-serif;
    letter-spacing: 0.0025em;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dVEqrF {
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(167, 167, 167);
}

.cCPoKD {
    display: flex;
    overflow: hidden;
    flex-shrink: 0;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    margin-inline-start: auto;
}

.fJTlWO {
    padding: 0px 6px;
    border-radius: 52px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(255, 85, 0);
}

.cojLlH {
    color: rgb(241, 241, 241);
    font-family: Play, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.fJTlWO > * {
    color: rgb(241, 241, 241);
}

.fJTlWO > * {
    color: rgb(6, 6, 6);
}

.styles__MainNavWrapper-sc-f822b2a2-1
    .styles__NavControlContainer-sc-ed7584ae-7 {
    min-width: 198px;
    transition: all 0.3s ease;
}

.styles__MainNavWrapper-sc-f822b2a2-1
    .styles__NavControlContainer-sc-ed7584ae-7:hover {
    background: rgb(29, 29, 29);
}

@media screen and (min-width: 1320px) {
    .iNopia div[name="playbutton"] {
        display: flex;
        margin: 0px -2px;
        padding: 4px 0px;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.fNlYco {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}

.cXyGnT {
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: center;
    justify-content: center;
}

.ksfNah {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    padding: 8px 24px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(241, 241, 241);
    background-color: rgb(255, 85, 0);
}

.JtktL {
    display: flex;
    flex-direction: column;
    height: 48px;
    border-radius: 4px;
    font-weight: 700;
    position: relative;
    min-width: 230px;
}

.kmXdFO {
    font-size: 28px;
    line-height: 32px;
    box-shadow: rgba(255, 85, 0, 0.24) 0px 0px 30px 0px;
    padding: 12px 24px;
    text-shadow: rgba(6, 6, 6, 0.2) 1px 1px 1px;
}

.styles__CanvasHolder-sc-7257f0a6-7.iQYFig {
    padding-bottom: 92px;
}

.dMJDMa {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(255, 85, 0);
    background-color: transparent;
    border: none;
    padding: 8px;
    transition: all 0.3s ease;
}

.dMJDMa:hover {
    border-color: rgb(255, 108, 32);
    background-color: rgba(255, 85, 0, 0.08);
    cursor: pointer;
    color: rgb(255, 85, 0);
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.gGAhru > i {
    color: rgb(241, 241, 241);
}

.gGAhru {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    place-items: center;
    background-color: rgba(241, 241, 241, 0.05);
    width: 80px;
    height: 40px;
    border-start-start-radius: 24px;
    border-end-start-radius: 24px;
    border-start-end-radius: 8px;
    border-end-end-radius: 8px;
}

.dMJDMa {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(255, 85, 0);
    background-color: transparent;
    border: none;
    padding: 8px;
}

.gGAhru:hover {
    cursor: pointer;
    background-color: rgba(241, 241, 241, 0.08);
}

.cIblDW[role="button"]:not([disabled]):hover {
    transition-duration: 0.25s;
    box-shadow: rgba(241, 241, 241, 0.08) 0px 0px 0px 2000px inset;
    border-color: rgba(241, 241, 241, 0.16);
}

::-webkit-scrollbar-thumb {
    background-color: rgb(46, 46, 46);
    border-radius: 2px;
}

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

.ikflfz {
    --margin: 16px;
    display: flex;
    flex-direction: column;
    margin: var(--margin);
    position: fixed;
    inset-block-start: 0px;
    min-width: 288px;
    max-width: calc(100% - var(--margin) * 2);
    max-height: calc(100% - var(--margin) * 2);
    box-sizing: border-box;
    background-color: rgb(18, 18, 18);
    border: 1px solid rgb(36, 36, 36);
    border-radius: 8px;
    box-shadow: rgba(6, 6, 6, 0.6) 0px 4px 16px 4px;
    overflow: hidden;
    contain: layout;
    z-index: 999;
}

.eUlmsN {
    width: 100%;
    inset-inline-start: 50%;
    transform: translateX(calc(-50% - var(--margin)));
}

@media screen and (min-width: 540px) {
    .eUlmsN {
        --margin: 24px;
        width: 560px;
        height: auto;
    }
}

@media screen and (min-width: 768px) {
    .eUlmsN {
        --margin: 40px;
    }
}

.fkMwmp {
    position: sticky;
    inset-block-start: 0px;
    background-color: inherit;
    width: 100%;
    border-radius: 8px 8px 0px 0px;
    box-shadow: none;
    box-sizing: border-box;
}

.cgpHAJ {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: "start title end";
    gap: 8px;
    padding: 16px;
    background-image: linear-gradient(
            to top,
            rgb(18, 18, 18) 70px,
            rgba(18, 18, 18, 0.5) 90px,
            rgba(0, 0, 0, 0) 100%
        ),
        url(https://distribution.faceit-cdn.net/images/e623f17e-9a90-4c65-822f-7a86d5dd0ac2.jpeg?width=2000&height=500);
    background-position: center center;
}

.edTAFZ {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    grid-area: title;
    margin-block-start: 80px;
}

.ecdDnI {
    display: inline-block;
    -webkit-box-flex: 0;
    flex-grow: 0;
    position: relative;
    border-radius: 99999px;
    background-color: rgb(36, 36, 36);
    background-image: linear-gradient(rgb(56, 56, 56), rgb(29, 29, 29));
    box-shadow: rgb(36, 36, 36) 0px 0px 0px 1px;
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
}

.djHVbc {
    display: inline-flex;
    position: absolute;
    width: 100%;
    height: 100%;
    inset-block-start: 0px;
    inset-inline-start: 0px;
    pointer-events: none;
}

.iVlwic {
    object-fit: cover;
    border-radius: 99999px;
    height: 100%;
    width: 100%;
}

.gcMJuC {
    margin: 0px;
    font-size: 22px;
    font-weight: bold;
    font-family: Play, sans-serif;
    letter-spacing: 0.005em;
    line-height: 28px;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.fUOymz {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(167, 167, 167);
    background-color: transparent;
    border: none;
    padding: 8px;
}

.iKxhgn {
    padding: 4px;
    width: 32px;
}

.dampKp {
    grid-area: end;
    justify-self: end;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
}

.kLokWh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.kesfEf {
    overflow-y: auto;
}

.flbCZP {
    background-color: inherit;
}

.dtNvRO {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 16px 24px 40px;
}

.emmZsO {
    padding: 8px 0px;
}

.emmZsO:empty {
    display: none;
}

.hNTTtY {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hWKatx {
    margin: 0px;
}

.elNZTR {
    width: 100%;
    margin: auto;
    text-align: center;
    margin-block: 8px;
}

.hHfsRj {
    max-width: 268px;
    text-align: center;
    margin: auto;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.ksfNah {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    padding: 8px 24px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(241, 241, 241);
    background-color: rgb(255, 85, 0);
}

.hdxeA-D {
    width: 100%;
}

.kfVjYE {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: start;
    flex: 1 1 0%;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hPPmNf {
    width: 24px;
    height: 24px;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.bzBzFy {
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 24px;
    margin: 0px 4px;
}

.fwRhIu {
    flex: 1 1 0%;
    text-align: center;
}

.hNTTtY {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dYTmIY {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-block-start: 8px;
}

.dYTmIY > p {
    margin: 0px;
    color: rgb(160, 160, 160);
}

.QHVxb {
    font-weight: bold;
    color: rgb(241, 241, 241);
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.fUOymz {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(167, 167, 167);
    background-color: transparent;
    border: none;
    padding: 8px;
}

.iKxhgn {
    padding: 4px;
    width: 32px;
}

.dampKp {
    grid-area: end;
    justify-self: end;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
}

.kLokWh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.ksfNah {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    padding: 8px 24px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(241, 241, 241);
    background-color: rgb(255, 85, 0);
}

.hdxeA-D {
    width: 100%;
}

.eOYgDP {
    background-color: rgba(6, 6, 6, 0.88);
    position: fixed;
    inset: 0px;
    z-index: 999;
}

.jhrMcU {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.eRlarY {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 24px;
    width: 100%;
    box-sizing: border-box;
}

.dhxtqf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    width: min-content;
}

/*aaaaaaaaaaaaaaaaaaaaaa*/
.ButtonBase__Wrapper-sc-9fae6077-0.gGAhru {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    place-items: center;
    background-color: rgba(241, 241, 241, 0.05);
    width: 80px;
    height: 40px;
    border-start-start-radius: 24px;
    border-end-start-radius: 24px;
    border-start-end-radius: 8px;
    border-end-end-radius: 8px;
}

.Icon__Holder-sc-560359e-0.cFkIBN {
    padding: 0 7px;
}

.kNWQbc {
    display: inline-block;
    -webkit-box-flex: 0;
    flex-grow: 0;
    position: relative;
    border-radius: 99999px;
    background-color: rgb(36, 36, 36);
    background-image: linear-gradient(rgb(56, 56, 56), rgb(29, 29, 29));
    box-shadow: rgb(36, 36, 36) 0px 0px 0px 1px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
}

.djHVbc {
    display: inline-flex;
    position: absolute;
    width: 100%;
    height: 100%;
    inset-block-start: 0px;
    inset-inline-start: 0px;
    pointer-events: none;
}

.iVlwic {
    object-fit: cover;
    border-radius: 99999px;
    height: 100%;
    width: 100%;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.gGAhru > i {
    color: rgb(241, 241, 241);
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.ButtonBase__Wrapper-sc-9fae6077-0.bwdpsX.Button__Base-sc-191a44fb-0.dMJDMa {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(255, 85, 0);
    background-color: transparent;
    border: none;
    padding: 8px;
}

.ButtonBase__Wrapper-sc-9fae6077-0.PlayButton__StyledButton-sc-4f4c4f7d-0.PlayButton___StyledStyledButton-sc-4f4c4f7d-1.JtktL.kmXdFO {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    padding: 8px 24px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(241, 241, 241);
    background-color: rgb(255, 85, 0);
    display: flex;
    flex-direction: column;
    height: 48px;
    border-radius: 4px;
    font-weight: 700;
    position: relative;
    min-width: 230px;
    font-size: 28px;
    line-height: 32px;
    box-shadow: rgba(255, 85, 0, 0.24) 0px 0px 30px 0px;
    padding: 12px 24px;
    text-shadow: rgba(6, 6, 6, 0.2) 1px 1px 1px;
}

.dZmVsh {
    display: flex;
    flex-direction: column;
    text-align: start;
    padding: 4px;
    width: 100%;
    max-width: 300px;
    background: transparent;
    border: 1px solid rgb(36, 36, 36);
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}

.ceLYzA {
    position: absolute;
    inset-block-start: 4px;
    inset-inline-end: 4px;
    z-index: 1;
}

.jOUjRH {
    display: inline-block;
}

.bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.fUOymz {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(167, 167, 167);
    background-color: transparent;
    border: none;
    padding: 8px;
}

.iKxhgn {
    padding: 4px;
    width: 32px;
}

.ecKFyB {
    color: rgb(93, 93, 93);
}

.kLokWh {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.fRNKYC {
    overflow: hidden;
    border-radius: 4px;
    background: rgb(29, 29, 29);
}

.hgUtP {
    width: 100%;
    height: 100%;
    padding: 8px;
    border-radius: 2px;
    display: flex;
    gap: 8px;
    flex-direction: column;
    position: relative;
    background: linear-gradient(
            rgba(255, 85, 0, 0) 56%,
            rgba(255, 85, 0, 0.24) 100%
        ),
        rgb(36, 36, 36);
}

.guZeMA {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media screen and (min-width: 768px) {
    .guZeMA {
        -webkit-box-align: center;
        align-items: center;
    }
}

.hRFuoN {
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.kJBgth {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    font-family: Play, sans-serif;
    line-height: 20px;
}

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

.eqPjhT {
    display: flex;
    margin: 0px 8px 0px 0px;
}

.hgUtP::after {
    content: "";
    position: absolute;
    inset: 0px;
    background: none;
    opacity: 1;
    pointer-events: none;
}

.eaFnys {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.jOUjRH {
    display: inline-block;
}

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

* {
    -webkit-font-smoothing: antialiased;
}

.jOUjRH {
    display: inline-block;
}

.gVLddj {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 288px;
    gap: 4px;
    max-height: 24px;
    padding: 4px 8px;
    border-radius: 99999px;
}

.cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.hclXAn {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.hclXAn.Icon__Holder-sc-560359e-0.cFkIBN {
    padding: 0;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

* {
    -webkit-font-smoothing: antialiased;
}

.jOYygD {
    font-family: Play, sans-serif;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.cPRAtZ {
    color: rgb(204, 204, 204);
}

.gVLddj .Text-sc-67635c04-0 {
    flex: 1 1 0%;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dNyjxc {
    width: 24px;
    height: 24px;
    display: table;
    color: inherit;
    fill: inherit;
    transition: color 0.2s;
}

.kNWQbc {
    display: inline-block;
    -webkit-box-flex: 0;
    flex-grow: 0;
    position: relative;
    border-radius: 99999px;
    background-color: rgb(36, 36, 36);
    background-image: linear-gradient(rgb(56, 56, 56), rgb(29, 29, 29));
    box-shadow: rgb(36, 36, 36) 0px 0px 0px 1px;
    width: 36px;
    height: 29px;
    min-width: 34px;
    min-height: 34px;
    margin-left: 5px;
}

.zpbxw2oxtrl4 .bwdpsX {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    color: inherit;
    border: none;
    padding: 0px;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    cursor: pointer;
}

.zpbxw2oxtrl4.ksfNah {
    outline: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    padding: 8px 24px;
    width: auto;
    font-family: Play, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(241, 241, 241);
    background-color: rgb(255, 85, 0);
}

.zpbxw2oxtrl4.kfVjYE {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: start;
    flex: 1 1 0%;
}

.zpbxw2oxtrl4 .cFkIBN {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.zpbxw2oxtrl4 .hPPmNf {
    width: 24px;
    height: 24px;
}

.zpbxw2oxtrl4 .bzBzFy {
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 24px;
    margin: 0 4px;
}

.zpbxw2oxtrl4 .fwRhIu {
    flex: 1 1 0%;
    text-align: center;
}

.zpbxw2oxtrl4 .Icon__Holder-sc-560359e-0.cFkIBN {
    padding: 0;
}

.zpbxw2oxtrl4 i {
    margin-right: 16px;
}

.zpbxw2oxtrl4 .fwRhIu {
    margin-left: 10px;
}