/* #bt-root {
    *, ::after, ::before {
        box-sizing: content-box;
    }
} */


/* Sport navbar */
.bt1 {
    width: 100%;
    display: flex;
    position: relative;
    font-weight: 400;
    flex-direction: column;
    box-sizing: border-box;
    
}

.bt21 {
    width: 100%;
    height: 64px;
    display: flex;
    padding: 8px;
    position: sticky;
    background: rgb(50, 55, 56);
    box-shadow: none;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
    top: var(--header);
    overflow-x: hidden;

}

.bt22 {
    color: rgb(179, 190, 193);
    width: 32px;
    height: 32px;
    display: flex;
    padding: 8px;
    position: relative;
    align-items: center;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    box-sizing: content-box;
}

.bt24 {
    color: rgb(36, 238, 137);
}

.bt20 {
    width: 17px;
    display: flex;
    justify-content: center;
}

.bt20::after {
    width: 1px;
    height: 32px;
    content: "";
    display: block;
    background: #b3bec1;
}

.bt39 {
    display: flex;
}

.bt1079 {
    position: relative;
}

.bt1081 {
    color: rgb(179, 190, 193);
    display: flex;
    transition: 0.2s ease-in-out;
    align-items: center;
    justify-content: center;
}

.bt1080 {
    top: -8px;
    left: 16px;
    right: auto;
}

.bt1540 {
    top: 0;
    color: #FC3C3C;
    right: 3px;
    width: 20px;
    height: 20px;
    display: flex;
    z-index: 2;
    position: absolute;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    background-color: #fff;
}

.bt49 {
    position: absolute;
    right: 8px;  /* sát bên phải */
    top: 50%;
    transform: translateY(-50%);
    z-index: 10; /* đè lên các phần tử khác */
    background: rgb(50, 55, 56);
}

@media (hover: hover) {
    .bt22:hover {
        cursor: pointer;
        color: rgb(36, 238, 137);
    }

    .bt1081:hover {
        cursor: pointer;
        color: rgb(36, 238, 137);
    }
}


/* category */

.bt17:not(:empty) {
    margin: 16px 16px 0;
}

.bt58 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.bt59 {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
}

.bt60 {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    user-select: none;
    padding-bottom: 50px;
}

.bt60::-webkit-scrollbar {
    display: none;
}

.bt61 {
    opacity: 0;
}

.bt52 {
    display: flex;
}

.bt53 {
    color: #b3bec1;
    height: 32px;
    display: flex;
    padding: 0 12px;
    position: relative;
    font-size: 12px;
    background: #292d2e;
    box-sizing: border-box;
    align-items: center;
    font-weight: 700;
    line-height: 16px;
    margin-right: 8px;
    border-radius: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.bt53:last-of-type {
    margin-right: 0;
}

.bt54 {
    color: #ffffff;
    background: #3A4142;
}

.bt55 {
    height: 40px;
}

.bt56 {
    display: flex;
    align-items: center;
    margin-right: 8px;
}

.bt57 {
    top: 0;
    right: 0;
}

.bt62 {
    color: rgba(255, 255, 255, 0.5);
}

.bt63 {
    color: #FF9820;
}

@media (hover:hover) {
    .bt53:not(.bt54):hover {
        cursor: pointer;
        background: #3a4142;
        transition: all 0.3s;
    }
}





/* body */

.bt71 {
    flex: 1;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 16px;
    position: relative;
    box-sizing: border-box;
    min-height: calc(100vh - 96px);
    flex-direction: column;
}

.bt72 {
    padding: 0;
}

.bt73 {
    flex: 1;
    box-sizing: border-box;
}

.bt74 {
    margin-bottom: 16px;
}

.bt75 {
    position: relative;
    box-sizing: border-box;
}

@media (max-width: 600px) {
    .bt71 {
        padding: 16px 8px;
        min-height: calc(100vh - 128px);
    }
}

.bt76 {
    width: inherit;
    animation: bt77 ease-out;
}

@-webkit-keyframes bt77 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/* sport banner */
.bt78 {
    margin-top: 0;
    margin-bottom: 16px;
}

.bt79 {
    height: calc(100% - 20px);
    display: flex;
    align-items: center;
}

.bt80 {
    margin: 16px;
    position: relative;
}

.bt81 {
    left: auto;
    right: 0;
    width: 40px;
    height: 100%;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
}

.bt82 {
    left: 0;
    right: auto;
}

.bt83 {
    display: flex;
}

.bt84 {
    width: 20px;
    height: 4px;
    background: rgba(255, 255, 255, 0.5);
    margin-right: 2px;
}

.bt85 {
    background: red;
}

.bt86 {
    color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
    position: relative;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    border-radius: 12px;
}

.bt87 {
    cursor: pointer;
}

.bt88 {
    right: 12px;
    width: 32px;
    border: 1px solid #dfe1e5;
    cursor: pointer;
    height: 32px;
    display: flex;
    position: absolute;
    box-shadow: 0 7px 15px rgba(0, 0, 0, .2);
    transition: opacity 0.3s ease-in-out;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.8);
}

@media (hover: hover) {
    .bt88:hover {
        opacity: 1;
    }
}

.bt89 {
    left: 12px;
}

.bt89 .bt90 {
    transform: rotate(-90deg);
}

.bt90 {
    color: #757575;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    transform: rotate(90deg);
    align-items: center;
    justify-content: center;
}

.bt91 {
    width: calc(100% - 24px);
}

.bt92 {
    left: 16px;
    width: calc(100% - 32px);
}

@-webkit-keyframes bt93 {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .bt80 {
        margin: 16px 8px;
    }
}























.bt321.bt300 {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(58, 65, 66);
    cursor: pointer;
    display: flex;
    padding: 0px 8px;
    overflow: hidden;
    position: relative;
    background: rgb(58, 65, 66);
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
    font-weight: 600;
    line-height: 30px;
    border-radius: 8px;
    justify-content: center;
}


.bt321 {
    color: rgb(255, 255, 255);
    border: 1px solid transparent;
    cursor: pointer;
    height: 32px;
    display: flex;
    padding: 0px 8px;
    overflow: hidden;
    position: relative;
    background: rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
    line-height: 30px;
    border-radius: 6px;
    justify-content: center;
}



.bt324 {
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    display: flex;
    font-size: 12px;
    mask-image: linear-gradient(90deg, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    transition: color 0.1s ease-in-out;
    align-items: center;
    line-height: 1.2;
    padding-inline-end: 4px;
}


.bt121 {
    color: rgb(255, 255, 255);
    cursor: pointer;
    height: 32px;
    display: flex;
    padding: 0px 12px;
    position: relative;
    font-size: 14px;
    background: rgb(41, 45, 46);
    box-sizing: border-box;
    transition: background 0.5s, opacity 0.5s, color 0.5s;
    align-items: center;
    font-weight: 600;
    line-height: 16px;
    user-select: none;
    margin-right: 8px;
    border-radius: 18px;
}

.bt121:hover {
    color: rgb(255, 255, 255);
    background: rgba(41, 45, 46, 0.5);
}

.bt126 {
    color: rgb(0, 0, 0);
    background: rgb(36, 238, 137);
}

.bt237 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; /* Mặc định: 3 cột */
    gap: 16px;
  }
  
  /* Màn hình nhỏ hơn 1024px => 2 cột */
  @media (max-width: 1536px) {
    .bt237 {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }

  @media (max-width: 1280px) {
    .bt237 {
      grid-template-columns: 1fr 1fr;
    }
  }
  
  /* Màn hình nhỏ hơn 640px => 1 cột */
  @media (max-width: 890px) {
    .bt237 {
      grid-template-columns: 1fr;
    }
  }



  @media (hover: hover) {
    .bt307:hover {
        color: #ffffff;
        background: rgba(0, 0, 0, 0.05);
        border-color: rgba(0, 0, 0, 0.05);
    }
}

















[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.simplebar-content:after,
.simplebar-content:before {
    content: ' ';
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity .2s .5s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition-delay: 0s;
    transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important
}

.simplebar-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

/*# sourceURL=webpack://./node_modules/simplebar-react/dist/simplebar.min.css */
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL25vZGVfbW9kdWxlcy9zaW1wbGViYXItcmVhY3QvZGlzdC9zaW1wbGViYXIubWluLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUIsaUJBQWlCLENBQUMscUJBQXFCLENBQUMsY0FBYyxDQUFDLDBCQUEwQixDQUFDLHdCQUF3QixDQUFDLHNCQUFzQixDQUFDLG1CQUFtQixlQUFlLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBQyxpQkFBaUIsQ0FBQyxrQkFBa0IsQ0FBQyxnQkFBZ0IsaUJBQWlCLENBQUMsaUJBQWlCLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLG9CQUFvQixDQUFDLHFCQUFxQixDQUFDLFNBQVMsQ0FBQyxrQkFBa0IsMkJBQTJCLENBQUMsNEJBQTRCLENBQUMscUJBQXFCLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsZ0NBQWdDLENBQUMsMkJBQTJCLGlCQUFpQixDQUFDLCtCQUErQixDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLG9CQUFvQixDQUFDLHVCQUF1QixDQUFDLDJGQUEyRixZQUFZLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxtREFBbUQsV0FBVyxDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsZUFBZSxDQUFDLGNBQWMsQ0FBQyxVQUFVLENBQUMsbUJBQW1CLENBQUMsd0NBQXdDLDRCQUE0QixDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFDLFVBQVUsQ0FBQyxjQUFjLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLG1CQUFtQixDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsZ0NBQWdDLGtCQUFrQixDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUMsV0FBVyxDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDLG1CQUFtQixDQUFDLFVBQVUsQ0FBQyxpQkFBaUIsU0FBUyxDQUFDLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsbUJBQW1CLENBQUMsZUFBZSxDQUFDLG9DQUFvQyxtQkFBbUIsQ0FBQywwQkFBMEIsQ0FBQyx3QkFBd0IsQ0FBQyx1QkFBdUIsQ0FBQyxxQkFBcUIsQ0FBQyxvQkFBb0IsQ0FBQyxnQkFBZ0IsQ0FBQyx1REFBdUQsbUJBQW1CLENBQUMsMEJBQTBCLENBQUMsd0JBQXdCLENBQUMsdUJBQXVCLENBQUMscUJBQXFCLENBQUMsb0JBQW9CLENBQUMsZ0JBQWdCLENBQUMscURBQXFELGtCQUFrQixDQUFDLHFCQUFxQixpQkFBaUIsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLGVBQWUsQ0FBQyw0QkFBNEIsaUJBQWlCLENBQUMsVUFBVSxDQUFDLGVBQWUsQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxpQ0FBaUMsQ0FBQyw4Q0FBOEMsVUFBVSxDQUFDLG1CQUFtQixDQUFDLHNCQUFzQixDQUFDLG9DQUFvQyxLQUFLLENBQUMsVUFBVSxDQUFDLDRCQUE0QixPQUFPLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsc0NBQXNDLE1BQU0sQ0FBQyxXQUFXLENBQUMsMkRBQTJELFVBQVUsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBQyxtRUFBbUUsVUFBVSxDQUFDLE1BQU0sQ0FBQyxnQ0FBZ0MsYUFBYSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxpQkFBaUIsQ0FBQyxpQkFBaUIsQ0FBQyxzQ0FBc0MsQ0FBQyxvQ0FBb0MsVUFBVSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsMEJBQTBCLGNBQWMsQ0FBQyxNQUFNLENBQUMsaUJBQWlCLENBQUMsaUJBQWlCLENBQUMsb0JBQW9CLENBQUMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiW2RhdGEtc2ltcGxlYmFyXXtwb3NpdGlvbjpyZWxhdGl2ZTtmbGV4LWRpcmVjdGlvbjpjb2x1bW47ZmxleC13cmFwOndyYXA7anVzdGlmeS1jb250ZW50OmZsZXgtc3RhcnQ7YWxpZ24tY29udGVudDpmbGV4LXN0YXJ0O2FsaWduLWl0ZW1zOmZsZXgtc3RhcnR9LnNpbXBsZWJhci13cmFwcGVye292ZXJmbG93OmhpZGRlbjt3aWR0aDppbmhlcml0O2hlaWdodDppbmhlcml0O21heC13aWR0aDppbmhlcml0O21heC1oZWlnaHQ6aW5oZXJpdH0uc2ltcGxlYmFyLW1hc2t7ZGlyZWN0aW9uOmluaGVyaXQ7cG9zaXRpb246YWJzb2x1dGU7b3ZlcmZsb3c6aGlkZGVuO3BhZGRpbmc6MDttYXJnaW46MDtsZWZ0OjA7dG9wOjA7Ym90dG9tOjA7cmlnaHQ6MDt3aWR0aDphdXRvIWltcG9ydGFudDtoZWlnaHQ6YXV0byFpbXBvcnRhbnQ7ei1pbmRleDowfS5zaW1wbGViYXItb2Zmc2V0e2RpcmVjdGlvbjppbmhlcml0IWltcG9ydGFudDtib3gtc2l6aW5nOmluaGVyaXQhaW1wb3J0YW50O3Jlc2l6ZTpub25lIWltcG9ydGFudDtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtsZWZ0OjA7Ym90dG9tOjA7cmlnaHQ6MDtwYWRkaW5nOjA7bWFyZ2luOjA7LXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6dG91Y2h9LnNpbXBsZWJhci1jb250ZW50LXdyYXBwZXJ7ZGlyZWN0aW9uOmluaGVyaXQ7Ym94LXNpemluZzpib3JkZXItYm94IWltcG9ydGFudDtwb3NpdGlvbjpyZWxhdGl2ZTtkaXNwbGF5OmJsb2NrO2hlaWdodDoxMDAlO3dpZHRoOmF1dG87bWF4LXdpZHRoOjEwMCU7bWF4LWhlaWdodDoxMDAlO292ZXJmbG93OmF1dG87c2Nyb2xsYmFyLXdpZHRoOm5vbmU7LW1zLW92ZXJmbG93LXN0eWxlOm5vbmV9LnNpbXBsZWJhci1jb250ZW50LXdyYXBwZXI6Oi13ZWJraXQtc2Nyb2xsYmFyLC5zaW1wbGViYXItaGlkZS1zY3JvbGxiYXI6Oi13ZWJraXQtc2Nyb2xsYmFye2Rpc3BsYXk6bm9uZTt3aWR0aDowO2hlaWdodDowfS5zaW1wbGViYXItY29udGVudDphZnRlciwuc2ltcGxlYmFyLWNvbnRlbnQ6YmVmb3Jle2NvbnRlbnQ6JyAnO2Rpc3BsYXk6dGFibGV9LnNpbXBsZWJhci1wbGFjZWhvbGRlcnttYXgtaGVpZ2h0OjEwMCU7bWF4LXdpZHRoOjEwMCU7d2lkdGg6MTAwJTtwb2ludGVyLWV2ZW50czpub25lfS5zaW1wbGViYXItaGVpZ2h0LWF1dG8tb2JzZXJ2ZXItd3JhcHBlcntib3gtc2l6aW5nOmluaGVyaXQhaW1wb3J0YW50O2hlaWdodDoxMDAlO3dpZHRoOjEwMCU7bWF4LXdpZHRoOjFweDtwb3NpdGlvbjpyZWxhdGl2ZTtmbG9hdDpsZWZ0O21heC1oZWlnaHQ6MXB4O292ZXJmbG93OmhpZGRlbjt6LWluZGV4Oi0xO3BhZGRpbmc6MDttYXJnaW46MDtwb2ludGVyLWV2ZW50czpub25lO2ZsZXgtZ3Jvdzppbmhlcml0O2ZsZXgtc2hyaW5rOjA7ZmxleC1iYXNpczowfS5zaW1wbGViYXItaGVpZ2h0LWF1dG8tb2JzZXJ2ZXJ7Ym94LXNpemluZzppbmhlcml0O2Rpc3BsYXk6YmxvY2s7b3BhY2l0eTowO3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDtoZWlnaHQ6MTAwMCU7d2lkdGg6MTAwMCU7bWluLWhlaWdodDoxcHg7bWluLXdpZHRoOjFweDtvdmVyZmxvdzpoaWRkZW47cG9pbnRlci1ldmVudHM6bm9uZTt6LWluZGV4Oi0xfS5zaW1wbGViYXItdHJhY2t7ei1pbmRleDoxO3Bvc2l0aW9uOmFic29sdXRlO3JpZ2h0OjA7Ym90dG9tOjA7cG9pbnRlci1ldmVudHM6bm9uZTtvdmVyZmxvdzpoaWRkZW59W2RhdGEtc2ltcGxlYmFyXS5zaW1wbGViYXItZHJhZ2dpbmd7cG9pbnRlci1ldmVudHM6bm9uZTstd2Via2l0LXRvdWNoLWNhbGxvdXQ6bm9uZTstd2Via2l0LXVzZXItc2VsZWN0Om5vbmU7LWtodG1sLXVzZXItc2VsZWN0Om5vbmU7LW1vei11c2VyLXNlbGVjdDpub25lOy1tcy11c2VyLXNlbGVjdDpub25lO3VzZXItc2VsZWN0Om5vbmV9W2RhdGEtc2ltcGxlYmFyXS5zaW1wbGViYXItZHJhZ2dpbmcgLnNpbXBsZWJhci1jb250ZW50e3BvaW50ZXItZXZlbnRzOm5vbmU7LXdlYmtpdC10b3VjaC1jYWxsb3V0Om5vbmU7LXdlYmtpdC11c2VyLXNlbGVjdDpub25lOy1raHRtbC11c2VyLXNlbGVjdDpub25lOy1tb3otdXNlci1zZWxlY3Q6bm9uZTstbXMtdXNlci1zZWxlY3Q6bm9uZTt1c2VyLXNlbGVjdDpub25lfVtkYXRhLXNpbXBsZWJhcl0uc2ltcGxlYmFyLWRyYWdnaW5nIC5zaW1wbGViYXItdHJhY2t7cG9pbnRlci1ldmVudHM6YWxsfS5zaW1wbGViYXItc2Nyb2xsYmFye3Bvc2l0aW9uOmFic29sdXRlO2xlZnQ6MDtyaWdodDowO21pbi1oZWlnaHQ6MTBweH0uc2ltcGxlYmFyLXNjcm9sbGJhcjpiZWZvcmV7cG9zaXRpb246YWJzb2x1dGU7Y29udGVudDonJztiYWNrZ3JvdW5kOiMwMDA7Ym9yZGVyLXJhZGl1czo3cHg7bGVmdDoycHg7cmlnaHQ6MnB4O29wYWNpdHk6MDt0cmFuc2l0aW9uOm9wYWNpdHkgLjJzIC41cyBsaW5lYXJ9LnNpbXBsZWJhci1zY3JvbGxiYXIuc2ltcGxlYmFyLXZpc2libGU6YmVmb3Jle29wYWNpdHk6LjU7dHJhbnNpdGlvbi1kZWxheTowczt0cmFuc2l0aW9uLWR1cmF0aW9uOjBzfS5zaW1wbGViYXItdHJhY2suc2ltcGxlYmFyLXZlcnRpY2Fse3RvcDowO3dpZHRoOjExcHh9LnNpbXBsZWJhci1zY3JvbGxiYXI6YmVmb3Jle3RvcDoycHg7Ym90dG9tOjJweDtsZWZ0OjJweDtyaWdodDoycHh9LnNpbXBsZWJhci10cmFjay5zaW1wbGViYXItaG9yaXpvbnRhbHtsZWZ0OjA7aGVpZ2h0OjExcHh9LnNpbXBsZWJhci10cmFjay5zaW1wbGViYXItaG9yaXpvbnRhbCAuc2ltcGxlYmFyLXNjcm9sbGJhcntyaWdodDphdXRvO2xlZnQ6MDt0b3A6MDtib3R0b206MDttaW4taGVpZ2h0OjA7bWluLXdpZHRoOjEwcHg7d2lkdGg6YXV0b31bZGF0YS1zaW1wbGViYXItZGlyZWN0aW9uPXJ0bF0gLnNpbXBsZWJhci10cmFjay5zaW1wbGViYXItdmVydGljYWx7cmlnaHQ6YXV0bztsZWZ0OjB9LnNpbXBsZWJhci1kdW1teS1zY3JvbGxiYXItc2l6ZXtkaXJlY3Rpb246cnRsO3Bvc2l0aW9uOmZpeGVkO29wYWNpdHk6MDt2aXNpYmlsaXR5OmhpZGRlbjtoZWlnaHQ6NTAwcHg7d2lkdGg6NTAwcHg7b3ZlcmZsb3cteTpoaWRkZW47b3ZlcmZsb3cteDpzY3JvbGw7LW1zLW92ZXJmbG93LXN0eWxlOnNjcm9sbGJhciFpbXBvcnRhbnR9LnNpbXBsZWJhci1kdW1teS1zY3JvbGxiYXItc2l6ZT5kaXZ7d2lkdGg6MjAwJTtoZWlnaHQ6MjAwJTttYXJnaW46MTBweCAwfS5zaW1wbGViYXItaGlkZS1zY3JvbGxiYXJ7cG9zaXRpb246Zml4ZWQ7bGVmdDowO3Zpc2liaWxpdHk6aGlkZGVuO292ZXJmbG93LXk6c2Nyb2xsO3Njcm9sbGJhci13aWR0aDpub25lOy1tcy1vdmVyZmxvdy1zdHlsZTpub25lfVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */
@keyframes react-loading-skeleton {
    100% {
        transform: translateX(100%);
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    /* Enable animation */

    background-color: var(--base-color);

    width: 100%;
    border-radius: 0.25rem;
    display: inline-flex;
    line-height: 1;

    position: relative;
    user-select: none;
    overflow: hidden;
}

.react-loading-skeleton::after {
    content: ' ';
    display: var(--pseudo-element-display);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-image: var(--custom-highlight-background,
            linear-gradient(90deg,
                var(--base-color) 0%,
                var(--highlight-color) 50%,
                var(--base-color) 100%));
    transform: translateX(-100%);

    animation-name: react-loading-skeleton;
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
    .react-loading-skeleton {
        --pseudo-element-display: none;
        /* Disable animation */
    }
}

/*# sourceURL=webpack://./node_modules/react-loading-skeleton/dist/skeleton.css */
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL25vZGVfbW9kdWxlcy9yZWFjdC1sb2FkaW5nLXNrZWxldG9uL2Rpc3Qvc2tlbGV0b24uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7SUFDRSwyQkFBMkI7RUFDN0I7QUFDRjs7QUFFQTtFQUNFLHFCQUFxQjtFQUNyQiwwQkFBMEI7RUFDMUIsMEJBQTBCO0VBQzFCLDZCQUE2QjtFQUM3QiwrQkFBK0IsRUFBRSxxQkFBcUI7O0VBRXRELG1DQUFtQzs7RUFFbkMsV0FBVztFQUNYLHNCQUFzQjtFQUN0QixvQkFBb0I7RUFDcEIsY0FBYzs7RUFFZCxrQkFBa0I7RUFDbEIsaUJBQWlCO0VBQ2pCLGdCQUFnQjtBQUNsQjs7QUFFQTtFQUNFLFlBQVk7RUFDWixzQ0FBc0M7RUFDdEMsa0JBQWtCO0VBQ2xCLE1BQU07RUFDTixPQUFPO0VBQ1AsUUFBUTtFQUNSLFlBQVk7RUFDWiw0QkFBNEI7RUFDNUI7Ozs7Ozs7O0dBUUM7RUFDRCw0QkFBNEI7O0VBRTVCLHNDQUFzQztFQUN0QywrQ0FBK0M7RUFDL0MsNkNBQTZDO0VBQzdDLHNDQUFzQztFQUN0QyxtQ0FBbUM7QUFDckM7O0FBRUE7RUFDRTtJQUNFLDhCQUE4QixFQUFFLHNCQUFzQjtFQUN4RDtBQUNGIiwic291cmNlc0NvbnRlbnQiOlsiQGtleWZyYW1lcyByZWFjdC1sb2FkaW5nLXNrZWxldG9uIHtcbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICB9XG59XG5cbi5yZWFjdC1sb2FkaW5nLXNrZWxldG9uIHtcbiAgLS1iYXNlLWNvbG9yOiAjZWJlYmViO1xuICAtLWhpZ2hsaWdodC1jb2xvcjogI2Y1ZjVmNTtcbiAgLS1hbmltYXRpb24tZHVyYXRpb246IDEuNXM7XG4gIC0tYW5pbWF0aW9uLWRpcmVjdGlvbjogbm9ybWFsO1xuICAtLXBzZXVkby1lbGVtZW50LWRpc3BsYXk6IGJsb2NrOyAvKiBFbmFibGUgYW5pbWF0aW9uICovXG5cbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFzZS1jb2xvcik7XG5cbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBsaW5lLWhlaWdodDogMTtcblxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuXG4ucmVhY3QtbG9hZGluZy1za2VsZXRvbjo6YWZ0ZXIge1xuICBjb250ZW50OiAnICc7XG4gIGRpc3BsYXk6IHZhcigtLXBzZXVkby1lbGVtZW50LWRpc3BsYXkpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1pbWFnZTogdmFyKFxuICAgIC0tY3VzdG9tLWhpZ2hsaWdodC1iYWNrZ3JvdW5kLFxuICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgIDkwZGVnLFxuICAgICAgdmFyKC0tYmFzZS1jb2xvcikgMCUsXG4gICAgICB2YXIoLS1oaWdobGlnaHQtY29sb3IpIDUwJSxcbiAgICAgIHZhcigtLWJhc2UtY29sb3IpIDEwMCVcbiAgICApXG4gICk7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG5cbiAgYW5pbWF0aW9uLW5hbWU6IHJlYWN0LWxvYWRpbmctc2tlbGV0b247XG4gIGFuaW1hdGlvbi1kaXJlY3Rpb246IHZhcigtLWFuaW1hdGlvbi1kaXJlY3Rpb24pO1xuICBhbmltYXRpb24tZHVyYXRpb246IHZhcigtLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xuICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uKSB7XG4gIC5yZWFjdC1sb2FkaW5nLXNrZWxldG9uIHtcbiAgICAtLXBzZXVkby1lbGVtZW50LWRpc3BsYXk6IG5vbmU7IC8qIERpc2FibGUgYW5pbWF0aW9uICovXG4gIH1cbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */
.simplebar-track.simplebar-vertical {
    width: 8px;
}

:host {
    border-collapse: initial;
    border-spacing: initial;
    caption-side: initial;
    color: initial;
    cursor: initial;
    direction: initial;
    empty-cells: initial;
    font-family: initial;
    font-size: initial;
    font-style: initial;
    font-variant: initial;
    font-weight: initial;
    font-size-adjust: initial;
    font-stretch: initial;
    font: initial;
    letter-spacing: initial;
    line-height: initial;
    list-style-image: initial;
    list-style-position: initial;
    list-style-type: initial;
    list-style: initial;
    orphans: initial;
    quotes: initial;
    tab-size: initial;
    text-align: initial;
    text-align-last: initial;
    text-decoration-color: initial;
    text-indent: initial;
    text-justify: initial;
    text-shadow: initial;
    text-transform: initial;
    visibility: initial;
    white-space: initial;
    widows: initial;
    word-spacing: initial;
    word-wrap: initial;

    word-break: keep-all;
}

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

button {
    font-family: inherit;
}

.bt-theme-editor__elements * {
    pointer-events: none;
}

.bt-theme-editor__elements *[data-editor-id] {
    pointer-events: auto;
    cursor: pointer;
}


.bt287 {
    display: inline-block;
    position: relative;
}

.bt288 {
    display: block;
}

.bt289 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}


.bt338 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 2;
    position: absolute;
    background: #24ee89;
    align-items: center;
    justify-content: center;
}

.bt339 {
    width: 14px;
    border: 2px solid rgba(35, 38, 38, 1);
    height: 14px;
    animation: bt340 1s linear infinite;
    border-top: 2px solid rgba(35, 38, 38, 0.1);
    border-radius: 50%;
}

@-webkit-keyframes bt340 {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.bt341 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.bt342 {
    right: 2px;
    width: 0;
    bottom: 2px;
    height: 0;
    position: absolute;
    border-color: transparent transparent #FC3C3C transparent;
    border-style: solid;
    border-width: 0 0 8px 8px;
    animation-name: bt344;
    animation-duration: 2s;
}

.bt343 {
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    position: absolute;
    border-color: transparent #24ee89 transparent transparent;
    border-style: solid;
    border-width: 0 8px 8px 0;
    animation-name: bt344;
    animation-duration: 2s;
}

@-webkit-keyframes bt344 {
    16% {
        opacity: 1;
    }

    32% {
        opacity: 0;
    }

    48% {
        opacity: 1;
    }

    64% {
        opacity: 0;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


.bt291 {
    height: 1.2em;
    display: flex;
    overflow: hidden;
    flex-direction: column;
}

.bt292 .bt294 {
    transform: translateY(110%);
}

.bt292 .bt295 {
    transform: translateY(0);
}

.bt292 .bt296 {
    transform: translateY(-100%);
}

.bt292 .bt297 {
    transform: translateY(-210%);
}

.bt294 {
    transform: translateY(-110%);
}

.bt295 {
    transform: translateY(0);
    transition: transform 400ms ease-in-out;
}

.bt296 {
    transform: translateY(-100%);
}

.bt297 {
    transform: translateY(10%);
    transition: transform 400ms ease-in-out;
}


.bt319 {
    box-sizing: border-box;
    font-weight: 600;
}

.bt320 {
    color: rgba(255, 255, 255, 0.5) !important;
    height: auto;
    mask-image: none !important;
    margin-bottom: 8px;
}

.bt320 .bt325 {
    height: 100%;
    overflow: visible;
    word-break: initial;
}

@media (min-width: 800px) {
    .bt320 {
        margin-bottom: 0;
    }

    .bt320 .bt325 {
        display: flex;
        align-items: center;
        padding-left: 8px;
    }
}

.bt325 {
    height: 1.2em;
    overflow: hidden;
    box-sizing: border-box;
    word-break: break-all;
}

.bt326 {
    flex: none;
    font-size: 12px;
    align-self: center;
    text-align: right;
    line-height: 1.2;
}

.bt329 {
    height: 1.2em;
    margin-right: 4px;
}




































































































































































































































.bt316 {
    gap: 8px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.bt317 {
    grid-template-columns: repeat(2, 1fr);
}

.bt318 {
    grid-template-columns: repeat(3, 1fr);
}









.bt58 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.bt59 {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
}

.bt60 {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    user-select: none;
    padding-bottom: 50px;
}

.bt60::-webkit-scrollbar {
    display: none;
}

.bt61 {
    opacity: 0;
}


.bt370 .simplebar-scrollbar::before {
    opacity: 0;
    background: #000000;
}

.bt370 .simplebar-scrollbar.simplebar-visible:before {
    opacity: 0.5;
}


.bt122 .bt132 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bt123 {
    padding-right: 8px;
}

.bt124 {
    padding-left: 8px;
}

.bt125 {
    overflow: hidden;
    max-width: 256px;
}

.bt125 .bt131 {
    display: inline-block;
    opacity: 0;
}

.bt125 .bt132 {
    top: 0;
    left: 0;
    position: absolute;
    transition: transform 2s;
}

.bt127 {
    cursor: default;
    opacity: 0.3;
}

.bt128 {
    padding: 0 8px;
}

.bt128 .bt129 {
    margin-right: 0;
}

.bt129 {
    flex: 0 0 auto;
    height: 24px;
    display: flex;
    z-index: 2;
    align-items: center;
    line-height: 24px;
    margin-right: 4px;
}

.bt130 {
    flex: 1;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.bt131 {
    display: none;
}

.bt132 {
    width: 100%;
    display: inline-block;
    z-index: 1;
    white-space: nowrap;
}

.bt133 {
    color: rgba(255, 255, 255, 0.7);
    padding: 2px 6px;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.08);
    transition: background 0.5s, color 0.5s;
    font-weight: 600;
    line-height: 16px;
    margin-left: 4px;
    border-radius: 12px;
    letter-spacing: 0.3px;
}

.bt134 {
    color: #000000;
    background: rgba(35, 38, 38, 0.2);
}

.bt135 {
    margin-left: 4px;
}

.bt136 {
    margin-left: 8px;
    margin-right: -4px;
}


.bt300:hover {
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.05);
}




































































































































































.bt276 {
    display: inline-block;
}


.bt277 {
    display: inline-block;
}


.bt780 {
    position: relative;
    font-size: 12px;
}

.bt781 {
    color: #ffffff;
    width: 100%;
    cursor: pointer;
    height: 32px;
    display: flex;
    padding: 0 12px 0 16px;
    position: relative;
    background: #292d2e;
    box-sizing: border-box;
    align-items: center;
    font-weight: 600;
    line-height: 32px;
    user-select: none;
    border-radius: 16px;
    justify-content: space-between;
}

.bt782 {
    top: 36px;
    left: 0;
    color: #ffffff;
    width: 100%;
    padding: 8px 16px;
    position: absolute;
    background: #292d2e;
    box-sizing: border-box;
    max-height: 96px;
    border-radius: 10px;
    margin-bottom: 8px;
}

.bt782:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    position: absolute;
    box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.16);
    border-radius: inherit;
}

.bt782:after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    background: linear-gradient(#292d2e, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0) calc(100% - 16px), #292d2e);
    border-radius: inherit;
    pointer-events: none;
}

.bt783 {
    color: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    user-select: none;
    text-transform: capitalize;
}

.bt783:not(:last-child) {
    margin-bottom: 8px;
}

@media (hover: hover) {
    .bt783:hover {
        cursor: pointer;
    }
}


.bt777 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

.bt778 {
    color: #ffffff;
    opacity: 0.5;
    font-size: 12px;
    margin-top: 8px;
    font-weight: 600;
    margin-right: 8px;
    margin-bottom: 8px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.bt779 {
    width: 168px;
    z-index: 2;
}


.bt775 {
    margin: 40px auto 96px;
    z-index: 0;
    max-width: 50%;
}

.bt776 {
    margin-bottom: 160px;
}

@media (max-width: 600px) {
    .bt775 {
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 40px;
    }
}


.bt772 {
    max-width: 100%;
}

.bt774 {
    color: #ffffff;
    opacity: 0.5;
    font-size: 12px;
    margin-top: 16px;
    text-align: center;
    font-weight: 500;
    line-height: 18px;
    white-space: pre-line;
    overflow-wrap: anywhere;
}


.bt1750 {
    color: inherit;
    cursor: pointer;
    display: block;
    opacity: 0.4;
    outline: none;
    transition: opacity .3s ease-in-out;
    text-decoration: none;
}

@media (hover: hover) {
    .bt1750:hover {
        opacity: 1;
    }
}

.bt1751 {
    display: block;
}


.bt1752 {
    top: -4px;
    right: -5px;
    width: auto;
    height: auto;
    display: flex;
    position: absolute;
    background: #232626;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
}

.bt1753 {
    background: #24ee89;
    border-radius: 50%;
}


.bt265 {
    position: relative;
}

.bt266 {
    top: 0;
    right: 0;
}


.bt308 {
    color: #ffffff;
    margin: 0;
    z-index: 4;
    position: relative;
    background: #292d2e;
    box-sizing: border-box;
    text-align: center;
    font-weight: 600;
}

.bt309 .bt310 {
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
}

[dir="rtl"] .bt309 .bt310 {
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%);
}

.bt310 {
    width: 100%;
    height: 16px;
    opacity: 0.5;
    overflow: hidden;
    font-size: 12px;
    box-sizing: border-box;
    line-height: 16px;
    border-radius: 2px;
}

.bt311 {
    cursor: pointer;
    display: inline;
}


.bt312 {
    flex: 1;
    position: relative;
}

.bt314 {
    width: 100%;
}

.bt315 {
    margin-top: 16px;
    text-align: start;
    margin-bottom: 8px;
    padding-inline-start: 8px;
}


.bt303 {
    text-align: start;
    padding-inline-start: 8px;
}

.bt304 {
    gap: 8px;
    display: flex;
    margin-top: 8px;
    align-items: flex-end;
}

.bt305 {
    margin-top: 24px;
}

.bt306 {
    flex: 1;
    color: rgba(255, 255, 255, 0.3);
    height: 40px;
    font-size: 12px;
    background: #3A4142;
    box-sizing: border-box;
    text-align: center;
    font-weight: 700;
    line-height: 40px;
    border-radius: 8px;
}

.bt307 {
    flex: 1;
    color: #ffffff;
    height: 40px;
    display: block;
    font-size: 12px;
    background: #3A4142;
    box-sizing: border-box;
    text-align: center;
    transition: all 0.2s ease-in-out;
    font-weight: 700;
    line-height: 40px;
    border-radius: 8px;
    text-decoration: none;
}

@media (hover: hover) {
    .bt307:hover {
        color: #ffffff;
        background: rgba(0, 0, 0, 0.05);
        border-color: rgba(0, 0, 0, 0.05);
    }
}


.bt359 {
    position: relative;
}

.bt364 {
    opacity: 0;
    transform: scaleY(0);
}

.bt365 {
    opacity: 0;
    transform: scaleX(0);
}






































































.bt298 {
    color: #ffffff;
    width: 32px;
    cursor: pointer;
    height: 40px;
    display: flex;
    background: #3A4142;
    box-sizing: border-box;
    transition: all .3s ease-in-out;
    align-items: center;
    font-weight: 600;
    border-color: #3A4142;
    border-radius: 8px;
    justify-content: center;
}

.bt299 {
    opacity: 0.5;
}

@media (hover: hover) {
    .bt298:hover {
        color: #ffffff;
        cursor: pointer;
        background: rgba(0, 0, 0, 0.05);
        border-color: rgba(0, 0, 0, 0.05);
    }

    .bt298:hover .bt299 {
        opacity: 1;
        transition: opacity 0.3s;
    }
}

.bt300 {
    height: 40px;
}

.bt301 {
    padding-bottom: 8px;
}

.bt302 {
    max-height: 302px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}


.bt267 {
    cursor: pointer;
    display: block;
    vertical-align: middle;
}

.bt267 svg {
    display: block;
    opacity: 0.4;
    transition: opacity 0.3s;
}

.bt267.bt268 svg {
    opacity: 1;
}

.bt269 {
    opacity: 0.4;
}

.bt270 {
    opacity: 1;
    animation: bt274 0.55s linear both;
}

.bt271 {
    cursor: default;
    opacity: 0.3;
}

.bt272 {
    opacity: 1;
}

.bt273 {
    opacity: 0.4;
    animation: bt275 0.55s linear both;
}

@media (hover: hover) {
    .bt267:not(.bt271):hover svg {
        opacity: 1;
    }
}

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

    35% {
        transform: scale(1.3);
    }

    60% {
        transform: scale(1.4);
    }

    90% {
        transform: scale(0.9);
    }

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

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

    35% {
        transform: scale(0.7);
    }

    50% {
        transform: scale(0.6);
    }

    65% {
        transform: scale(0.7);
    }

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


.bt284 {
    gap: 8px;
    height: 24px;
    display: flex;
    position: relative;
    font-size: 14px;
    align-items: center;
    line-height: 24px;
}

.bt285 {
    color: inherit;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
    word-break: break-all;
    vertical-align: middle;
}

[dir="rtl"] .bt285 {
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%);
}

.bt286 {
    flex: 0 0 auto;
    display: block;
}


.bt290 {
    gap: 6px;
    display: flex;
    align-items: center;
}


.bt278 {
    display: flex;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

.bt279 {
    flex: 1;
    font-weight: 600;
}

.bt280 {
    display: flex;
    align-items: center;
}

.bt281 {
    flex: 1;
}

.bt282 {
    margin-inline-end: 12px;
}

.bt283 {
    flex: 0 0 auto;
    font-weight: 600;
}


.bt244 {
    height: 204px;
    position: relative;
    vertical-align: top;
}

.bt245 {
    z-index: 9;
}

.bt245 .bt246 {
    top: 0;
    left: 0;
    position: absolute;
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.65);
}

.bt246 {
    color: #ffffff;
    width: 100%;
    border: 1px solid transparent;
    opacity: 1;
    padding: 12px 8px 8px;
    background: #292d2e;
    box-sizing: border-box;
    max-height: 204px;
    min-height: 100%;
    border-color: #292d2e;
    border-radius: 8px;
}

.bt247 {
    max-height: max-content;
}

.bt248 {
    flex: 1;
    margin-top: 12px;
    pointer-events: none;
}

.bt249 {
    gap: 4px;
    height: 16px;
    display: flex;
    pointer-events: none;
}

.bt250 {
    flex: 0 0 auto;
    display: flex;
}

.bt251 {
    gap: 4px;
    flex: 1;
    display: flex;
    align-items: center;
}

.bt252 {
    display: flex;
    align-items: center;
    margin-left: 4px;
    pointer-events: auto;
}

.bt253 {
    flex: 0 0 auto;
    margin-inline-end: 8px;
    margin-inline-start: 0;
}

.bt254 {
    display: flex;
    position: relative;
    font-size: 10px;
    padding-left: 8px;
    padding-right: 8px;
}

.bt255 {
    font-size: 12px;
    word-break: break-all;
    line-height: 16px;
    letter-spacing: 0.03em;
    vertical-align: middle;
}

.bt256 {
    display: flex;
    align-items: center;
    margin-inline-start: 4px;
}

.bt257 {
    width: 100%;
    line-height: 16px;
}

.bt257>a {
    color: #ffffff !important;
    height: 16px;
    line-height: 16px;
    text-decoration: none !important;
}

.bt258 {
    flex: 1;
    color: #ffffff;
    height: 16px;
    display: flex;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    box-sizing: border-box;
    text-align: left;
    word-break: break-all;
    line-height: 16px;
}

.bt258:last-of-type {
    flex: 0 0 auto;
    padding: 0;
    margin-left: auto;
    justify-content: flex-end;
}

.bt259 {
    display: block;
    align-items: center;
    pointer-events: auto;
    vertical-align: middle;
}

.bt259:not(:empty) {
    margin-left: 16px;
}

.bt259:not(:empty):first-child {
    margin-left: 0;
}

.bt260 svg {
    opacity: 0.3;
}

.bt261 {
    opacity: 0.3;
}

.bt262 {
    color: #ffffff;
    border: none;
    cursor: pointer;
    display: flex;
    background: none;
    transition: all 0.2s ease-in-out;
    border-color: #3a4142;
    border-radius: 6px;
    padding-block: 8px 12px;
    flex-direction: column;
    padding-inline: 8px 0;
    text-decoration: none;
}

.bt263 {
    height: 36px;
    font-size: 16px;
    margin-top: 32px;
    text-align: center;
    font-weight: 600;
    line-height: 24px;
}

.bt264 {
    margin-right: 6px;
    vertical-align: bottom;
}



.bt241 {
    position: relative;
}

.bt241::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    z-index: 2;
    position: absolute;
}

.bt242 {
    min-width: 0;
    justify-self: stretch;
}

.bt243 {
    margin: 16px 0 0;
}


.bt235 {
    display: flex;
    margin-top: 16px;
    justify-content: center;
}

.bt236 {
    width: 100%;
    max-width: 213px;
}


.bt115 {
    color: #ffffff;
    display: flex;
    font-size: 24px;
    align-items: center;
    font-weight: 700;
    line-height: 32px;
}

.bt117 {
    margin-right: 8px;
}

.bt117 svg {
    display: block;
}

.bt118 {
    opacity: 0.5;
    margin-left: 4px;
}

@media (hover: hover) {
    .bt116 {
        cursor: pointer;
    }
}


.bt114 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
}


.bt119 {
    position: relative;
}

.bt120 {
    display: flex;
    flex-wrap: nowrap;
}


.bt112 {
    margin-top: 24px;
}

.bt113 {
    margin-bottom: 16px;
}


.bt497 {
    color: rgba(255, 255, 255, 0.7);
    border: 1px solid transparent;
    cursor: pointer;
    height: 32px;
    margin: 16px 0 0;
    display: flex;
    opacity: 1;
    padding: 16px;
    font-size: 12px;
    background: #292d2e;
    box-sizing: border-box;
    transition: opacity 0.5s;
    align-items: center;
    font-weight: 600;
    border-color: #292d2e;
    border-radius: 8px;
    justify-content: center;
    text-decoration: none;
}

@media (hover: hover) {
    .bt497:hover {
        opacity: 0.5;
    }
}

.bt498 {
    margin-right: 4px;
}


.bt496 {
    margin: 0;
}


.bt76 {
    width: inherit;
    animation: bt77 ease-out;
}

@-webkit-keyframes bt77 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.bt1349 {
    width: 100%;
    height: 19px;
    display: flex;
    position: relative;
    align-items: center;
    font-weight: 600;
    margin-bottom: 6px;
}

.bt1350 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.bt1351 {
    display: flex;
    font-size: 0;
    align-items: center;
    line-height: 0;
    margin-left: 4px;
    vertical-align: middle;
}

.bt1352 {
    flex: 1;
    color: #fff;
    display: flex;
    overflow: hidden;
    position: relative;
    font-size: 11px;
    text-align: left;
    margin-right: 8px;
}

.bt1353 {
    opacity: 1;
}

.bt1354 {
    flex: 0 0 auto;
    color: #fff;
    display: flex;
    overflow: hidden;
    position: relative;
    font-size: 11px;
    text-align: left;
    margin-right: 0;
    justify-content: flex-end;
}

.bt1355:first-letter {
    text-transform: capitalize;
}


.bt1357 {
    padding-top: 0;
    padding-bottom: 0;
}

.bt1357:first-of-type {
    padding-left: 0;
}

.bt1357:last-of-type {
    padding-right: 0;
}

.bt1358 {
    color: #ffffff;
}

.bt1359 {
    color: #ffffff;
    border: 0;
    background: rgba(255, 255, 255, 0.3);
    border-color: transparent;
    border-radius: 6px;
}

.bt1360 {
    color: #000000;
    background: #24ee89;
    border-color: #24ee89;
}

.bt1360 .bt1358 {
    color: #000000;
}

.bt1361 {
    color: #ffffff;
    opacity: 0.5;
    background: rgba(255, 255, 255, 0.3);
    border-color: transparent;
}

.bt1361 .bt1358 {
    color: #ffffff;
}

@media (hover: hover) {
    .bt1359:hover:not(.bt1360):not(.bt1361) {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.4);
        border-color: transparent;
    }

    .bt1359:hover:not(.bt1360):not(.bt1361) .bt1358 {
        color: #ffffff;
    }

    .bt1360:hover:not(.bt1361) {
        color: #000000;
        background: rgba(36, 238, 137, 0.75);
        border-color: rgba(36, 238, 137, 0.75);
    }

    .bt1360:hover:not(.bt1361) .bt1358 {
        color: #000000;
    }
}


.bt1356 {
    left: 50%;
    color: #ffffff;
    bottom: 32px;
    position: absolute;
    transform: translate(-50%);
}


.bt1328 {
    width: 100%;
    cursor: pointer;
    height: 100%;
    position: relative;
    background: #292d2e;
}

.bt1329 {
    width: 100%;
    height: 100%;
    z-index: 5;
    position: absolute;
    background: transparent;
}

.bt1330 {
    background: transparent;
}

.bt1331 {
    width: auto;
    height: 100%;
}

.bt1332 {
    opacity: 0;
}

.bt1333 {
    flex: 1;
    display: flex;
    text-decoration: none;
}

.bt1334 {
    flex: 0 0 auto;
}

.bt1335 {
    display: flex;
    margin-bottom: -32px;
    justify-content: center;
}

.bt1336 {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0 4px;
    display: flex;
    padding: 8px 4px;
    font-size: 14px;
    min-width: 16px;
    background: rgba(255, 255, 255, 0.3);
    align-items: center;
    font-weight: 600;
    line-height: 16px;
    border-radius: 8px;
    justify-content: center;
}

.bt1337 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 1;
    position: absolute;
    background-size: cover;
    justify-content: center;
    background-position: center center;
}

.bt1338 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    opacity: 0;
    padding: 6px 8px 8px;
    z-index: 2;
    position: absolute;
    box-sizing: border-box;
    transition: opacity 0.5s;
    flex-direction: column;
    background-size: cover;
    background-position: center center;
}

.bt1339 {
    opacity: 1;
}

.bt1340 .bt1342 {
    align-items: center;
    flex-direction: row;
}

.bt1340 .bt1344 {
    align-items: center;
    flex-direction: row-reverse;
}

.bt1340 .bt1347 {
    padding-bottom: 0;
}

.bt1340 .bt1346 {
    font-size: 12px;
    font-weight: 600;
}

.bt1341 .bt1342 {
    padding-right: 32px;
}

.bt1341 .bt1344 {
    padding-left: 32px;
}

.bt1341 .bt1343 {
    align-items: flex-start;
    padding-right: 16px;
    flex-direction: column;
}

.bt1341 .bt1345 {
    align-items: flex-end;
    padding-left: 16px;
    flex-direction: column;
}

.bt1342 {
    flex: 1;
    display: flex;
    align-items: flex-start;
    padding-right: 16px;
    flex-direction: column;
    justify-content: flex-start;
}

.bt1343 {
    align-items: flex-start;
    flex-direction: column;
}

.bt1344 {
    flex: 1;
    display: flex;
    align-items: flex-end;
    padding-left: 16px;
    padding-right: 0;
    flex-direction: column;
    justify-content: flex-start;
}

.bt1344 .bt1346 {
    text-align: right;
}

.bt1344 .bt1347 {
    padding-left: 8px;
    padding-right: 0;
}

.bt1345 {
    align-items: flex-end;
}

.bt1346 {
    color: #ffffff;
    order: 2;
    display: -webkit-box;
    overflow: hidden;
    font-size: 13px;
    word-break: break-word;
    font-weight: 500;
    line-height: 18px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.bt1347 {
    order: 1;
    width: 32px;
    height: 32px;
    padding-right: 8px;
    padding-bottom: 8px;
}

.bt1348 {
    height: 32px;
    display: flex;
    text-align: left;
    padding-bottom: 8px;
}







.bt1388 {
    width: 100%;
    height: 100%;
    display: flex;
    padding: 8px;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
}

.bt1389 {
    display: flex;
    z-index: 2;
    position: relative;
    align-items: center;
}

.bt1390 {
    flex: 1;
    display: flex;
    overflow: hidden;
    align-items: center;
}

.bt1390:last-of-type {
    flex: 0 0 auto;
}

.bt1391 {
    flex: 1;
    color: #ffffff;
    display: flex;
    z-index: 2;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    font-weight: 600;
    padding-top: 19px;
    flex-direction: column;
}

.bt1392 {
    color: #ffffff;
    width: 100%;
    height: 32px;
    display: flex;
    z-index: 2;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.3);
    transition: background 0.3s;
    align-items: center;
    font-weight: 600;
    line-height: 18px;
    border-color: transparent;
    border-radius: 6px;
    justify-content: center;
}

.bt1393 {
    color: #000000;
    background: #24ee89;
    border-color: #24ee89;
}

.bt1393 .bt1396 {
    color: inherit;
}

.bt1394 {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.3);
    border-color: transparent;
}

.bt1394 .bt1396 {
    color: inherit;
}

.bt1395 {
    opacity: 0.6;
    margin-right: 8px;
    text-decoration: line-through;
}

.bt1396 {
    color: #24ee89;
}

.bt1397 {
    margin-right: 4px;
}

.bt1398 {
    opacity: 0.5;
    min-width: 16px;
}

.bt1399 {
    opacity: 0.5;
    overflow: hidden;
    font-size: 12px;
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
    font-weight: 600;
    line-height: 13px;
    margin-left: 4px;
    white-space: nowrap;
}

.bt1400 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 8px;
}

.bt1401 {
    opacity: 0.7;
    font-size: 14px;
    line-height: 18px;
}

.bt1402 {
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    z-index: 1;
    position: absolute;
}

.bt1403 {
    opacity: 0;
}

@media (hover: hover) {
    .bt1388:hover {
        cursor: pointer;
    }

    .bt1388:hover .bt1399 {
        opacity: 1;
        transition: color, opacity 0.3s;
    }

    .bt1388:hover .bt1398 {
        opacity: 1;
        transition: color, opacity 0.3s;
    }

    .bt1392:not(.bt1394):hover {
        color: #ffffff;
        cursor: pointer;
        background: rgba(255, 255, 255, 0.4);
        border-color: transparent;
    }

    .bt1393:not(.bt1394):hover {
        color: #000000;
        background: rgba(36, 238, 137, 0.75);
        border-color: rgba(36, 238, 137, 0.75);
    }
}


.bt1386 {
    color: #ffffff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: none;
    border-radius: 12px;
}

.bt1386.bt1387::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 1;
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
}

[dir="rtl"] .bt1386 {
    direction: rtl;
}


.bt94 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    touch-action: pan-y;
}

.bt95 {
    height: 100%;
    display: flex;
    max-width: 100%;
    transition: transform 0.3s ease-in-out;
    align-items: center;
}

.bt96 {
    height: 100%;
    box-sizing: content-box !important;
}

.bt97 {
    transition: unset;
}

.bt98 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    position: absolute;
    pointer-events: none;
}

.bt99 {
    opacity: 0;
    transition: 0.3s;
    visibility: hidden;
    pointer-events: none;
}

.bt100 {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
}

@media (hover: hover) {
    .bt100:hover .bt99 {
        opacity: 1;
        visibility: visible;
    }
}


.bt1383 {
    right: 12px;
    width: 32px;
    border: 1px solid #dfe1e5;
    cursor: pointer;
    height: 32px;
    display: flex;
    position: absolute;
    box-shadow: 0 7px 15px rgba(0, 0, 0, .2);
    transition: opacity 0.3s ease-in-out;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.8);
}

.bt1384 {
    left: 12px;
}

.bt1384 .bt1385 {
    transform: rotate(-90deg);
}

.bt1385 {
    color: #757575;
    cursor: pointer;
    display: flex;
    transform: rotate(90deg);
    align-items: center;
    justify-content: center;
}

@media (hover: hover) {
    .bt1383:hover {
        opacity: 1;
    }
}


.bt101 {
    display: flex;
    overflow: visible;
    position: relative;
    box-sizing: border-box;
    margin-top: 16px;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 152px;
}

.bt102 {
    margin-bottom: 34px;
    /* padding-bottom: max(41%, 152px); */
}

.bt103 {
    top: 0;
    position: absolute;
}

.bt104 {
    border-radius: 12px;
}

.bt104 img {
    width: -webkit-fill-available;
    height: 100%;
    object-fit: cover;
}

.bt105 {
    height: 152px;
    display: flex;
    align-items: center;
}


.bt1323 {
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 1;
    position: relative;
    justify-content: center;
}

.bt1324::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    opacity: 1;
    z-index: 1;
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.bt1325 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.bt1326 {
    width: calc(100% + 8px);
    height: 92px;
    margin: 0 -8px -8px;
    max-width: 496px;
}

.bt1327 {
    height: 128px;
}


.bt1312 {
    width: 100%;
}

.bt1313 {
    width: 100%;
    height: 100%;
    display: flex;
    padding: 0 8px;
    box-sizing: border-box;
    flex-direction: column;
}

.bt1314 {
    padding: 0 16px;
}

.bt1315 {
    padding-right: 40%;
}

.bt1316 {
    top: 0;
    left: 0;
    position: absolute;
}

.bt1317 {
    flex: 1;
    display: flex;
    z-index: 1;
    flex-direction: column;
    justify-content: center;
}

.bt1318 {
    display: flex;
    z-index: 1;
    flex-direction: column;
}

.bt1319 {
    margin-bottom: 8px;
}

.bt1320 {
    margin-bottom: 8px;
}

.bt1321 {
    margin-bottom: 8px;
}

.bt1322 {
    margin-bottom: 24px;
}


.bt79 {
    height: calc(100% - 20px);
    display: flex;
    align-items: center;
}

.bt80 {
    margin: 16px;
    position: relative;
}

.bt81 {
    left: auto;
    right: 0;
    width: 40px;
    height: 100%;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
}

.bt82 {
    left: 0;
    right: auto;
}

.bt83 {
    display: flex;
}

.bt84 {
    width: 20px;
    height: 4px;
    background: rgba(255, 255, 255, 0.5);
    margin-right: 2px;
}

.bt85 {
    background: red;
}

.bt86 {
    color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
    position: relative;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    border-radius: 12px;
}

.bt87 {
    cursor: pointer;
}

.bt88 {
    right: 12px;
    width: 32px;
    border: 1px solid #dfe1e5;
    cursor: pointer;
    height: 32px;
    display: flex;
    position: absolute;
    box-shadow: 0 7px 15px rgba(0, 0, 0, .2);
    transition: opacity 0.3s ease-in-out;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.8);
}

@media (hover: hover) {
    .bt88:hover {
        opacity: 1;
    }
}

.bt89 {
    left: 12px;
}

.bt89 .bt90 {
    transform: rotate(-90deg);
}

.bt90 {
    color: #757575;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    transform: rotate(90deg);
    align-items: center;
    justify-content: center;
}

.bt91 {
    width: calc(100% - 24px);
}

.bt92 {
    left: 16px;
    width: calc(100% - 32px);
}

@-webkit-keyframes bt93 {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .bt80 {
        margin: 16px 8px;
    }
}


.bt78 {
    margin-top: 0;
    margin-bottom: 16px;
}


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

.bt107 {
    gap: 8px;
}

.bt108 {
    display: flex;
    align-items: center;
}

.bt109 {
    left: 0;
    position: absolute;
}

.bt110 {
    right: 0;
    position: absolute;
}

[dir="rtl"] .bt111 {
    direction: rtl;
}


.bt71 {
    flex: 1;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 16px;
    position: relative;
    box-sizing: border-box;
    min-height: calc(100vh - 96px);
    flex-direction: column;
}

.bt72 {
    padding: 0;
}

.bt73 {
    flex: 1;
    box-sizing: border-box;
}

.bt74 {
    margin-bottom: 16px;
}

.bt75 {
    position: relative;
    box-sizing: border-box;
}

@media (max-width: 600px) {
    .bt71 {
        padding: 16px 8px;
        min-height: calc(100vh - 128px);
    }
}


.bt62 {
    color: rgba(255, 255, 255, 0.5);
}

.bt63 {
    color: #FF9820;
}


.bt64 {
    color: rgba(255, 255, 255, 0.5);
}

.bt65 {
    color: #BC4EFF;
}


.bt66 {
    color: rgba(255, 255, 255, 0.5);
}

.bt67 {
    color: #67B6FF;
    opacity: 1;
}


.bt52 {
    display: flex;
}

.bt53 {
    color: #b3bec1;
    height: 32px;
    display: flex;
    padding: 0 12px;
    position: relative;
    font-size: 12px;
    background: #292d2e;
    box-sizing: border-box;
    align-items: center;
    font-weight: 700;
    line-height: 16px;
    margin-right: 8px;
    border-radius: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.bt53:last-of-type {
    margin-right: 0;
}

.bt54 {
    color: #ffffff;
    background: #3A4142;
}

.bt55 {
    height: 40px;
}

.bt56 {
    display: flex;
    align-items: center;
    margin-right: 8px;
}

.bt57 {
    top: 0;
    right: 0;
}

@media (hover:hover) {
    .bt53:not(.bt54):hover {
        cursor: pointer;
        background: #3a4142;
        transition: all 0.3s;
    }
}


.bt1 {
    width: 100%;
    display: flex;
    position: relative;
    font-weight: 400;
    flex-direction: column;
}


@media (hover: hover) {
    .bt22:hover {
        cursor: pointer;
    }
}
































































































































.bt1540 {
    top: 0;
    color: #FC3C3C;
    right: 3px;
    width: 20px;
    height: 20px;
    display: flex;
    z-index: 2;
    position: absolute;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    background-color: #fff;
}


.bt1079 {
    position: relative;
}

.bt1080 {
    top: -8px;
    left: 16px;
    right: auto;
}




















































































































.bt40 {
    width: 16px;
    padding-left: 0;
}

.bt41 {
    color: rgba(36, 238, 137, 0.7) !important;
    transform: rotate(180deg);
}

.bt42 {
    left: 0;
    width: 100%;
    bottom: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.50);
    overflow-y: unset;
}

.bt43 {
    width: calc(100% - 16px);
    margin: 0 8px;
    z-index: 99;
    overflow: auto;
    position: sticky;
    min-height: calc(100vh - 300px);
    padding-top: 8px;
    border-radius: 12px;
    padding-bottom: 50px;
}

.bt44 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}




.bt1085 {
    position: relative;
}

.bt1086 {
    width: 100%;
    height: 100%;
    display: flex;
    clip-path: path('M0 32H15V17C15 15.8954 15.8954 15 17 15H32V0H0V32Z');
    align-items: center;
    justify-content: center;
}

.bt1087 {
    top: 48%;
    left: 48%;
    position: absolute;
}


.bt39 {
    display: flex;
}


.bt30 {
    top: 0;
    left: 50%;
    z-index: 1;
    position: absolute;
}

.bt31 {
    transform: scale(0);
}

.bt32 {
    animation: bt36 .4s linear forwards;
}

.bt33 {
    transform: scale(1);
}

.bt34 {
    transform: scale(0);
    transition: transform .2s ease-in-out;
}

.bt35 {
    fill: currentColor;
    width: 10px;
    height: 10px;
}

@-webkit-keyframes bt36 {
    40% {
        transform: scale(1.2);
    }

    60% {
        transform: scale(1.2);
    }

    80% {
        transform: scale(0.9);
    }

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


.bt19 {
    flex: 1 1 80px;
}

.bt20 {
    width: 17px;
    display: flex;
    justify-content: center;
}

.bt20::after {
    width: 1px;
    height: 32px;
    content: "";
    display: block;
    background: #b3bec1;
}




.bt17:not(:empty) {
    margin: 16px 16px 0;
}

@media (max-width: 600px) {
    .bt17:not(:empty) {
        margin: 16px 8px 0;
    }
}







.bt1816 {
    width: 32px;
    height: 32px;
}


.bt1776 {
    opacity: 0;
    transform: translateY(100%) scale(0);
}

.bt1777 {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition: all 300ms ease-in-out;
}

.bt1778 {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.bt1779 {
    opacity: 0;
    transform: translateY(100%) scale(0);
    transition: all 300ms ease-in-out;
}


.bt1771 {
    top: -2px;
    left: 40px;
    position: absolute;
}

.bt1772 {
    width: 58px;
    height: 58px;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.65);
    border-radius: 50%;
}

.bt1773 {
    color: #000000;
    width: 58px;
    cursor: pointer;
    height: 58px;
    display: flex;
    background: #24ee89;
    box-sizing: border-box;
    align-items: center;
    border-radius: 50%;
    background-size: cover;
    justify-content: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.bt1774 {
    color: #000000;
    background: #814bf6;
}

.bt1775 {
    width: 32px;
    height: 32px;
    margin-right: 4px;
}


.bt1810 {
    width: 48px;
    border: 1px solid transparent;
    cursor: pointer;
    height: 24px;
    display: inline-block;
    z-index: 1;
    position: relative;
    background: rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    transition: background .3s;
    border-radius: 60px;
}

.bt1811 {
    background: #24ee89;
}

.bt1812 {
    width: 44px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 6px;
}


.bt1814 {
    top: 2px;
    left: 3px;
    width: 18px;
    height: 18px;
    display: flex;
    z-index: 2;
    position: absolute;
    background: #000000;
    transition: transform .3s;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
}

.bt1815 {
    transform: translateX(22px);
    background: #000000;
}


.bt1804 {
    display: flex;
    flex-basis: 126px;
    align-items: center;
    justify-content: center;
}

.bt1805 {
    flex: none;
    width: 52px;
    border: 2px solid;
    background: rgba(0, 0, 0, 0);
    border-color: #000000;
}

.bt1806 {
    background: #000000;
    border-color: transparent;
}

.bt1806 .bt1807 {
    color: #000000;
    transform: translateX(28px);
    background: #814bf6;
}

.bt1807 {
    top: 1px;
    left: 1px;
    color: #24ee89;
    background: #000000;
}

.bt1808 {
    color: #000000;
    font-size: 10px !important;
    text-align: right;
    font-weight: 700;
    line-height: 12px;
    margin-right: 8px;
    text-transform: uppercase;
}

.bt1809 {
    color: #000000;
}


.bt1795 {
    overflow: hidden;
    font-size: 16px !important;
    margin-right: 4px;
    text-overflow: ellipsis;
}

.bt1796 {
    fill: currentColor;
    flex: none;
    width: 16px;
    cursor: pointer;
    height: 16px;
    opacity: 0.5;
    margin-left: 4px;
}

.bt1797 {
    transform: rotate(180deg);
}

.bt1798 {
    color: #000000;
    cursor: pointer;
    height: 56px;
    display: flex;
    padding: 0 16px;
    z-index: 1;
    position: relative;
    background: #24ee89;
    box-sizing: border-box;
    align-items: center;
    border-radius: 6px 6px 0px 0px;
    justify-content: space-between;
}

.bt1798:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    opacity: 0;
    z-index: -1;
    position: absolute;
    background: linear-gradient(to right, #24ee89, #814bf6);
    transition: opacity 300ms ease-in-out;
    border-radius: inherit;
}

.bt1799 {
    color: #000000;
}

.bt1799:before {
    opacity: 1;
}

.bt1800 {
    flex: 1;
    display: flex;
    font-size: 16px;
    min-width: 0;
    align-items: center;
    font-weight: 600;
}

.bt1801 {
    justify-content: flex-start;
}

.bt1802 {
    margin-left: auto;
}

.bt1803 {
    width: 32px;
    height: 32px;
    margin-right: 8px;
}


.bt1780 {
    transition: all 300ms ease-in-out;
}

.bt1781 {
    opacity: 1;
    transform: translateY(0);
}

.bt1782 {
    opacity: 1;
    transform: translateY(0);
}

.bt1783 {
    transform: translateY(100%);
}

.bt1784 {
    transform: translateY(100%);
}




.bt1787 {
    transition: all 300ms ease-in-out;
}

.bt1790 {
    transform: translateY(0);
}

.bt1791 {
    transform: translateY(0);
}




.bt1794 {
    transition: height 300ms ease-in-out;
    will-change: height;
}


.bt1856 {
    flex: 1;
    position: relative;
}


.bt1865 {
    width: 100%;
    font-size: 11px;
    line-height: 13px;
}

.bt1866 .bt1867 {
    font-size: 14px;
}

.bt1866 .bt1869 {
    margin-top: 8px;
}

.bt1867 {
    color: #ffffff;
    width: 100%;
    border: none;
    height: 32px;
    outline: none;
    font-size: 16px;
    background: #000000;
    text-align: center;
    font-weight: 600;
    border-radius: 6px;
}

.bt1867::placeholder {
    color: #ffffff;
    opacity: 0.5;
    text-align: center;
}

.bt1868 {
    color: #FC3C3C;
    text-align: center;
    line-height: 13px;
}

.bt1869 {
    height: 26px;
    font-size: 12px;
    margin-top: 12px;
    font-weight: 600;
}


.bt1857 {
    color: #ffffff;
    display: flex;
    padding: 24px 16px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    flex-direction: column;
}

.bt1858 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bt1859 {
    height: 58px;
    margin-bottom: 30px;
}

.bt1860 {
    min-width: 48px;
    margin-right: 16px;
}

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

.bt1862 {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.bt1863 {
    font-size: 12px;
    margin-top: 8px;
    font-weight: 600;
    line-height: 16px;
}

.bt1864 {
    width: 240px;
    margin: 24px auto 12px;
}


.bt1886 {
    width: 100%;
    display: flex;
    font-size: 12px;
    box-sizing: border-box;
    align-items: center;
    font-weight: 600;
    justify-content: space-between;
}

.bt1887 {
    flex: 1;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    display: flex;
    padding: 12px;
    position: relative;
    background: #323738;
    align-items: center;
    border-radius: 8px;
    justify-content: center;
}

.bt1887:focus {
    color: #ffffff;
    background: #323738;
}

.bt1888 {
    opacity: 0.75;
}

.bt1889 {
    display: flex;
    padding: 16p 16px 16px 4px;
    box-sizing: border-box;
    line-height: 15px;
    margin-left: 6px;
    border-radius: 16px 16px 0 0;
}

.bt1890 {
    max-width: 64px;
    text-align: right;
}

@media (hover: hover) {
    .bt1887:hover {
        color: #ffffff;
        cursor: pointer;
        background: #323738;
        transition: opacity 0.3s;
    }
}


.bt1870 {
    position: relative;
}

.bt1871 .bt1883 {
    margin-top: 0;
}

.bt1871 .bt1877 {
    margin-left: 16px;
    margin-right: 16px;
}

.bt1871 .bt1875 {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.bt1872 {
    margin-top: 16px;
}

.bt1873 {
    padding: 16px 16px 8px;
}

.bt1874 {
    padding: 0 16px 8px;
}

.bt1875 {
    margin: 8px 4px 0;
}

.bt1876 {
    margin: 0;
}

.bt1877 {
    margin: 16px 8px 0;
}

.bt1878 {
    transform: translateY(0);
    transition: transform .3s;
}

.bt1879 {
    transform: translateY(0);
}

.bt1880 {
    transform: translateY(15px);
    transition: transform .2s;
}

.bt1881 {
    margin-bottom: 16px;
}

.bt1882 {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0 0 12px;
    z-index: 3;
    position: absolute;
    box-sizing: border-box;
}

.bt1883 {
    margin-top: 8px;
}

.bt1884 {
    padding-top: 0;
}

.bt1885 {
    margin-top: 0;
}


.bt1843 {
    left: 8px;
    color: #ffffff;
    width: calc(100% - 16px);
    bottom: 8px;
    padding: 16px;
    z-index: 5;
    position: absolute;
    font-size: 14px;
    transform: translateY(calc(0 * 160px));
    background: #323738;
    box-sizing: border-box;
    font-weight: 600;
    line-height: 16px;
    border-radius: 12px;
    letter-spacing: 0.03em;
}

.bt1844 {
    top: 12px;
    fill: #ffffff;
    right: 8px;
    opacity: 0.3;
    position: absolute;
}

.bt1845 {
    margin-right: 4px;
}

.bt1846 {
    margin-top: 16px;
}

.bt1847 {
    color: #ffffff;
    line-height: 16px;
    letter-spacing: 0.03em;
}

.bt1848::before {
    border-color: #ffffff;
}

.bt1849 {
    top: -4px;
    right: -4px;
    padding: 2px;
    background: #323738;
}

.bt1850 {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
}

.bt1851 {
    transform: translateY(calc(1 * 160px));
}

.bt1852 {
    animation: bt1855 833ms linear;
    transform: translateY(calc(0 * 160px));
}

.bt1853 {
    transform: translateY(calc(0 * 160px));
}

.bt1854 {
    animation: bt1855 833ms linear reverse;
    transform: translateY(calc(1 * 160px));
}

@-webkit-keyframes bt1855 {
    0% {
        transform: translateY(calc(1 * 160px));
    }

    6% {
        transform: translateY(calc(0.89 * 160px));
    }

    26% {
        transform: translateY(calc(0.26 * 160px));
    }

    38% {
        transform: translateY(calc(0.04 * 160px));
    }

    54% {
        transform: translateY(calc(-0.03 * 160px));
    }

    100% {
        transform: translateY(calc(0 * 160px));
    }
}

@media (hover: hover) {
    .bt1844 {
        cursor: pointer;
    }

    .bt1844:hover {
        opacity: 1;
        transition: opacity 0.3s;
    }

    .bt1846:hover {
        cursor: pointer;
        opacity: 1;
        transition: opacity 0.3s;
    }
}


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

.bt1826 {
    display: flex;
    z-index: 3;
    overflow: auto;
    flex-direction: column;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.bt1826::-webkit-scrollbar {
    width: 8px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 100px;
}

.bt1826::-webkit-scrollbar-thumb:vertical {
    background: rgba(255, 255, 255, 0.15);
    -webkit-border-radius: 100px;
}

.bt1826::-webkit-scrollbar-thumb:vertical:active {
    background: rgba(255, 255, 255, 0.15);
    -webkit-border-radius: 100px;
}

.bt1826::-webkit-scrollbar:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

.bt1827 {
    flex: 1;
    display: flex;
    position: relative;
    flex-direction: column;
}

.bt1829 {
    display: flex;
    overflow: hidden;
    flex-direction: column;
}

.bt1829.bt1828 {
    max-height: initial;
}

.bt1830 {
    transform: translateY(-100%);
    will-change: transform;
}

.bt1831 {
    transform: translateY(0);
    transition: transform .3s ease-in-out;
}

.bt1832 {
    transform: translateY(0);
}

.bt1833 {
    transform: translateY(-100%);
    transition: transform .2s ease-in-out;
}

.bt1834 {
    min-width: 100%;
}

.bt1835 {
    opacity: 0;
    pointer-events: none;
}

.bt1836 {
    opacity: 1;
    transition: opacity .3s linear;
    pointer-events: auto;
}

.bt1837 {
    opacity: 1;
    pointer-events: auto;
}

.bt1838 {
    opacity: 0;
    transition: opacity .2s linear;
    pointer-events: none;
}

.bt1839 {
    flex: 1;
    z-index: 1;
}




.bt1824 {
    color: #ffffff;
    padding: 40px 24px 48px;
    background: #323738;
    font-weight: 400;
}


.bt1817 {
    overflow: hidden;
    position: relative;
}

.bt1818 {
    overflow: auto;
    overflow-x: hidden;
}

.bt1819 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
}

.bt1820 {
    opacity: 0;
}

.bt1821 {
    opacity: 1;
    transition: opacity 300ms ease-in-out;
}

.bt1822 {
    opacity: 1;
}

.bt1823 {
    top: 0;
    width: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity 300ms ease-in-out;
}


.spt-bet-slip {
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    position: fixed;
    pointer-events: none;
}

.spt-bet-slip * {
    box-sizing: border-box;
    word-break: keep-all;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.bt1762 {
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    position: absolute;
}

.bt1763 .bt1764 .bt1765 {
    background: #232626;
    border-radius: 16px 16px 0 0;
}

.bt1764 {
    width: 320px;
    bottom: 0;
    margin: 0 4px;
    position: absolute;
}

.bt1765 {
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: #232626;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.65);
    text-shadow: none;
    border-radius: 6px 6px 0 0;
    pointer-events: auto;
}

.bt1766 {
    left: 50%;
    bottom: 16px;
    position: absolute;
    margin-left: -29px;
    pointer-events: auto;
}

@media (max-width: 600px) {
    .bt1764 {
        width: calc(100% - 8px);
        box-sizing: border-box;
    }

    .bt1763 .bt1764 {
        width: 100%;
        margin: 0;
    }
}









.HZNsE {
    width: 100%;
    mask-image: linear-gradient(90deg, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    white-space: nowrap;
    overflow: hidden;
}
.bcEBKd {
    color: rgb(255, 255, 255);
    opacity: 0.5;
    display: flex;
    align-items: center;
    height: 16px;
    font-size: 12px;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
}
.fBoMxZ {
    display: inline-block;
    margin-inline-end: 4px;
}
.dKdKql {
    display: flex;
    align-items: center;
    overflow: hidden;
    word-break: break-all;
    letter-spacing: 0.03em;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.drHFhm {
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.24px;
    white-space: nowrap;
    font-weight: 600;
    opacity: 0.5;
    color: inherit !important;
}

.gSigqX {
    color: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    height: 16px;
    font-size: 12px;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
}

.gSigqX:hover {
    cursor: pointer;
    transition: color, opacity 0.3s;
    color: rgb(255, 255, 255);
}

.itjniP {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(0deg);
    transition: 0.3s;
    color: inherit;
}

.bMCKzv {
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.24px;
    white-space: nowrap;
    font-weight: 600;
    color: rgb(33, 168, 247);
}

.kDdpkY {
    flex: 0 0 auto;
    box-sizing: border-box;
    color: inherit;
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;
    place-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
}

.dozmoQ {
    min-width: 32px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 4px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
}


.hc-dots {
    left: 24px;
    right: 24px;
    bottom: 24px;
    display: flex;
    position: static;
    flex-wrap: nowrap;
    margin-top: 16px;
    justify-content: center;
}


.hc-dot {
    cursor: pointer;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    flex-basis: 8px;
    margin-right: 4px;
    border-radius: 2px;
}


.hc-dot-active {
    background: rgb(36, 238, 137);
    flex-basis: 24px;
}