:root {
        --sf-img-6: url("assets/images/sf-img-6.png");
        --sf-img-40: url("assets/images/sf-img-6.png");
        --sf-img-7: url("assets/images/sf-img-7.png");
        --sf-img-41: url("assets/images/sf-img-7.png");
        --sf-img-9: url("assets/images/sf-img-9.png");
        --sf-img-43: url("assets/images/sf-img-9.png");
        --sf-img-8: url("assets/images/sf-img-8.png");
        --sf-img-42: url("assets/images/sf-img-8.png");
        --sf-img-10: url("assets/images/sf-img-10.png");
        --sf-img-44: url("assets/images/sf-img-10.png");
        --sf-img-12: url("assets/images/sf-img-12.png");
        --sf-img-46: url("assets/images/sf-img-12.png");
        --sf-img-14: url("assets/images/sf-img-14.png");
        --sf-img-48: url("assets/images/sf-img-14.png");
        --sf-img-15: url("assets/images/sf-img-15.png");
        --sf-img-49: url("assets/images/sf-img-15.png");
        --sf-img-13: url("assets/images/sf-img-13.png");
        --sf-img-47: url("assets/images/sf-img-13.png");
        --sf-img-17: url("assets/images/sf-img-17.png");
        --sf-img-51: url("assets/images/sf-img-17.png")
    }



/* Extracted <style> block 2 */
html {
        text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    input::-webkit-search-cancel-button,
    input::-webkit-search-decoration,
    input::-webkit-search-results-button,
    input::-webkit-search-results-decoration {
        display: none
    }

    .css-g5y9jx {
        align-content: flex-start;
        align-items: stretch;
        background-color: rgba(0, 0, 0, 0);
        border: 0px solid black;
        box-sizing: border-box;
        display: flex;
        flex-basis: auto;
        flex-direction: column;
        flex-shrink: 0;
        list-style: none;
        margin: 0px;
        min-height: 0px;
        min-width: 0px;
        padding: 0px;
        position: relative;
        text-decoration: none;
        z-index: 0
    }

    .css-9pa8cd {
        inset: 0px;
        height: 100%;
        opacity: 0;
        position: absolute;
        width: 100%;
        z-index: -1
    }

    .css-146c3p1 {
        background-color: rgba(0, 0, 0, 0);
        border: 0px solid black;
        box-sizing: border-box;
        color: rgb(0, 0, 0);
        display: inline;
        font: 14px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        list-style: none;
        margin: 0px;
        padding: 0px;
        position: relative;
        text-align: start;
        text-decoration: none;
        white-space: normal;
        overflow-wrap: break-word
    }

    .css-1jxf684 {
        background-color: rgba(0, 0, 0, 0);
        border: 0px solid black;
        box-sizing: border-box;
        color: inherit;
        display: inline;
        font: inherit;
        list-style: none;
        margin: 0px;
        padding: 0px;
        position: relative;
        text-align: inherit;
        text-decoration: none;
        white-space: inherit;
        overflow-wrap: break-word
    }

    .r-13awgt0 {
        flex: 1 1 0%
    }

    .r-1udh08x {
        overflow: hidden
    }

    .r-1qsk4np {
        overflow: clip
    }

    .r-hwh8t1 {
        margin: 8px
    }

    .r-1sp51qo {
        padding: 10px
    }

    .r-kdyh1x {
        border-radius: 6px
    }

    .r-ws14 {
        margin-bottom: 6px;
        margin-top: 6px
    }

    .r-1kti4dy {
        padding-left: 25px;
        padding-right: 25px
    }

    .r-1p0dtai {
        bottom: 0px
    }

    .r-1d2f490 {
        left: 0px
    }

    .r-u8s1d {
        position: absolute
    }

    .r-zchlnj {
        right: 0px
    }

    .r-ipm5af {
        top: 0px
    }

    .r-105ug2t {
        pointer-events: auto !important
    }

    .r-12vffkv>* {
        pointer-events: auto
    }

    .r-12vffkv {
        pointer-events: none !important
    }

    .r-633pao>* {
        pointer-events: none
    }

    .r-633pao {
        pointer-events: none !important
    }

    .r-11yh6sk {
        overflow-x: hidden
    }

    .r-buy8e9 {
        overflow-y: hidden
    }

    .r-19z077z {
        touch-action: none
    }

    .r-2eszeu::-webkit-scrollbar {
        display: none
    }

    .r-2eszeu {
        scrollbar-width: none
    }

    .r-eqz5dr {
        flex-direction: column
    }

    .r-16y2uox {
        flex-grow: 1
    }

    .r-1wbh5a2 {
        flex-shrink: 1
    }

    .r-1rnoaur {
        overflow-y: auto
    }

    .r-agouwx {
        transform: translateZ(0px)
    }

    .r-18u37iz {
        flex-direction: row
    }

    .r-lltvgl {
        overflow-x: auto
    }

    .r-1777fci {
        justify-content: center
    }

    .r-mfh4gg {
        scroll-snap-type: x mandatory
    }

    .r-cpa5s6 {
        scroll-snap-align: start
    }

    .r-1mlwlqe {
        flex-basis: auto
    }

    .r-417010 {
        z-index: 0
    }

    .r-1niwhzg {
        background-color: rgba(0, 0, 0, 0)
    }

    .r-vvn4in {
        background-position: center center
    }

    .r-u6sd8q {
        background-repeat: no-repeat
    }

    .r-4gszlv {
        background-size: cover
    }

    .r-1pi2tsx {
        height: 100%
    }

    .r-13qz1uu {
        width: 100%
    }

    .r-1wyyakw {
        z-index: -1
    }

    .r-ehq7j7 {
        background-size: contain
    }

    .r-x3cy2q {
        background-size: 100% 100%
    }

    .r-dnmrzs {
        max-width: 100%
    }

    .r-1udbk01 {
        text-overflow: ellipsis
    }

    .r-3s2u2q {
        white-space: nowrap
    }

    .r-1iln25a {
        overflow-wrap: normal
    }

    .r-8akbws {
        -webkit-box-orient: vertical
    }

    .r-lrvibr {
        user-select: none
    }

    .r-1loqt21 {
        cursor: pointer
    }

    .r-1awozwy {
        align-items: center
    }

    @-webkit-keyframes r-11cv4x {
        0% {
            transform: rotate(0deg)
        }

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

    @keyframes r-11cv4x {
        0% {
            transform: rotate(0deg)
        }

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

    .r-1i6wzkk {
        transition-property: opacity
    }

    .r-1otgn73 {
        touch-action: manipulation
    }

    .r-fdjqy7 {
        text-align: left
    }

    .r-14lw9ot {
        background-color: rgb(255, 255, 255)
    }

    @-webkit-keyframes r-imtty0 {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @keyframes r-imtty0 {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @-webkit-keyframes r-t2lo5v {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    @keyframes r-t2lo5v {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    .r-orgf3d {
        opacity: 0
    }

    @-webkit-keyframes r-1pzkwqh {
        0% {
            transform: translateY(100%)
        }

        100% {
            transform: translateY(0%)
        }
    }

    @keyframes r-1pzkwqh {
        0% {
            transform: translateY(100%)
        }

        100% {
            transform: translateY(0%)
        }
    }

    @-webkit-keyframes r-1iq689l {
        0% {
            transform: translateY(0%)
        }

        100% {
            transform: translateY(100%)
        }
    }

    @keyframes r-1iq689l {
        0% {
            transform: translateY(0%)
        }

        100% {
            transform: translateY(100%)
        }
    }

    @-webkit-keyframes r-q67da2 {
        0% {
            transform: translateX(-100%)
        }

        100% {
            transform: translateX(400%)
        }
    }

    @keyframes r-q67da2 {
        0% {
            transform: translateX(-100%)
        }

        100% {
            transform: translateX(400%)
        }
    }

    .r-6taxm2::-webkit-input-placeholder {
        color: var(--placeholderTextColor);
        opacity: 1
    }

    .r-6taxm2::placeholder {
        color: var(--placeholderTextColor);
        opacity: 1
    }

    .r-1wtj0ep {
        justify-content: space-between
    }

    .r-bnwqim {
        position: relative
    }

    .r-ctqt5z {
        transition: background-color 150ms
    }

    .r-11g3r6m {
        padding-right: 24px
    }

    .r-1qhn6m8 {
        padding-left: 16px
    }

    .r-7o8qx1 {
        margin-right: 5px
    }

    .r-193tdxn {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px
    }

    .r-1xi2sqm {
        width: 340px
    }

    .r-jjeupf {
        border-left-width: 5px
    }

    .r-1habvwh {
        align-items: flex-start
    }

    .r-d6wbgf {
        box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px
    }

    .r-17x6qj0 {
        width: 45%
    }

    .r-e7q0ms {
        width: 90%
    }

    .r-uyswlc {
        height: 98%
    }



/* Extracted <style> block 3 */
.react-datepicker__navigation-icon::before {
        border-color: #ccc;
        border-style: solid;
        border-width: 3px 3px 0 0;
        content: "";
        display: block;
        height: 9px;
        position: absolute;
        top: 6px;
        width: 9px
    }

    .react-datepicker__navigation:hover *::before {
        border-color: rgb(165.75, 165.75, 165.75)
    }

    .react-datepicker__navigation-icon--next::before {
        transform: rotate(45deg);
        left: -7px
    }

    .react-datepicker__navigation-icon--previous::before {
        transform: rotate(225deg);
        right: -7px
    }

    .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
    .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
        cursor: pointer;
        background-color: #f0f0f0
    }

    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
        background-color: #216ba5
    }

    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
        cursor: default;
        background-color: transparent
    }

    .react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
        border-radius: 0.3rem;
        background-color: #f0f0f0
    }

    .react-datepicker__week-number--selected:hover {
        background-color: rgb(28.75, 93.2196969697, 143.75)
    }

    .react-datepicker__day:not([aria-disabled=true]):hover,
    .react-datepicker__month-text:not([aria-disabled=true]):hover,
    .react-datepicker__quarter-text:not([aria-disabled=true]):hover,
    .react-datepicker__year-text:not([aria-disabled=true]):hover {
        border-radius: 0.3rem;
        background-color: #f0f0f0
    }

    .react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
    .react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
    .react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
    .react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
        background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061)
    }

    .react-datepicker__day--holidays:not([aria-disabled=true]):hover,
    .react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
    .react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
    .react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
        background-color: rgb(207, 82.9642857143, 0)
    }

    .react-datepicker__day--holidays:hover .overlay,
    .react-datepicker__month-text--holidays:hover .overlay,
    .react-datepicker__quarter-text--holidays:hover .overlay,
    .react-datepicker__year-text--holidays:hover .overlay {
        visibility: visible;
        opacity: 1
    }

    .react-datepicker__day--selected:not([aria-disabled=true]):hover,
    .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,
    .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
    .react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
    .react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
    .react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
    .react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
    .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
    .react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
    .react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
    .react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
    .react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
        background-color: rgb(28.75, 93.2196969697, 143.75)
    }

    .react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
    .react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
    .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
    .react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
        background-color: rgb(28.75, 93.2196969697, 143.75);
        color: #fff
    }

    .react-datepicker__year-read-view:hover,
    .react-datepicker__month-read-view:hover,
    .react-datepicker__month-year-read-view:hover {
        cursor: pointer
    }

    .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
        border-top-color: rgb(178.5, 178.5, 178.5)
    }

    .react-datepicker__year-dropdown:hover,
    .react-datepicker__month-dropdown:hover,
    .react-datepicker__month-year-dropdown:hover {
        cursor: pointer
    }

    .react-datepicker__year-option:hover,
    .react-datepicker__month-option:hover,
    .react-datepicker__month-year-option:hover {
        background-color: #ccc
    }

    .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
        border-bottom-color: rgb(178.5, 178.5, 178.5)
    }

    .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
    .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
        border-top-color: rgb(178.5, 178.5, 178.5)
    }

    .react-datepicker__close-icon::after {
        cursor: pointer;
        background-color: #216ba5;
        color: #fff;
        border-radius: 50%;
        height: 16px;
        width: 16px;
        padding: 2px;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        content: "×"
    }

    .react-datepicker__close-icon--disabled::after {
        cursor: default;
        background-color: #ccc
    }



/* Extracted <style> block 4 */
html,
    body,
    #root {
        width: 100%;
        -webkit-overflow-scrolling: touch;
        margin: 0px;
        padding: 0px;
        height: 100%
    }

    #root {
        flex-shrink: 0;
        flex-basis: auto;
        flex-grow: 1;
        display: flex;
        flex: 1
    }

    html {
        scroll-behavior: smooth;
        -webkit-text-size-adjust: 100%;
        height: calc(100% + env(safe-area-inset-top))
    }

    body {
        display: flex;
        overflow: hidden;
        overscroll-behavior-y: contain;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -ms-overflow-style: scrollbar;
        scrollbar-color: #4d4d4d #2d2d2d;
        background-color: black
    }

    ::-webkit-scrollbar {
        width: 12px;
        height: 12px
    }

    ::-webkit-scrollbar-track {
        background: #2d2d2d00;
        border-radius: 0
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background: #4d4d4d;
        border: 4px solid rgba(0, 0, 0, 0);
        background-clip: padding-box
    }

    ::-webkit-scrollbar-corner {
        display: none
    }

    input:-webkit-autofill,
    input:-webkit-autofill:focus {
        transition: background-color 600000s 0s, color 600000s 0s
    }



/* Extracted <style> block 5 */
@keyframes RollOutRight {
        0% {
            transform: translateX(0vw) rotate(0deg)
        }

        100% {
            transform: translateX(100vw) rotate(180deg)
        }
    }

    @keyframes RollOutLeft {
        0% {
            transform: translateX(0vw) rotate(0deg)
        }

        100% {
            transform: translateX(-100vw) rotate(-180deg)
        }
    }

    @keyframes RollInRight {
        0% {
            transform: translateX(100vw) rotate(180deg)
        }

        100% {
            transform: translateX(0vw) rotate(0deg)
        }
    }

    @keyframes RollInLeft {
        0% {
            transform: translateX(-100vw) rotate(-180deg)
        }

        100% {
            transform: translateX(0vw) rotate(0deg)
        }
    }

    @keyframes RotateOutUpRight {
        0% {
            transform: translateX(0%) translateY(0%) rotate(0deg);
            opacity: 1
        }

        100% {
            transform: translateX(40%) translateY(-250%) rotate(90deg);
            opacity: 0
        }
    }

    @keyframes RotateOutUpLeft {
        0% {
            transform: translateX(0%) translateY(0%) rotate(0deg);
            opacity: 1
        }

        100% {
            transform: translateX(-40%) translateY(-250%) rotate(-90deg);
            opacity: 0
        }
    }

    @keyframes RotateOutDownRight {
        0% {
            transform: translateX(0%) translateY(0%) rotate(0deg);
            opacity: 1
        }

        100% {
            transform: translateX(40%) translateY(250%) rotate(-90deg);
            opacity: 0
        }
    }

    @keyframes RotateOutDownLeft {
        0% {
            transform: translateX(0%) translateY(0%) rotate(0deg);
            opacity: 1
        }

        100% {
            transform: translateX(-40%) translateY(250%) rotate(90deg);
            opacity: 0
        }
    }

    @keyframes RotateInUpRight {
        0% {
            transform: translateX(40%) translateY(250%) rotate(-90deg);
            opacity: 0
        }

        100% {
            transform: translateX(0%) translateY(0%) rotate(0deg);
            opacity: 1
        }
    }

    @keyframes RotateInUpLeft {
        0% {
            transform: translateX(-40%) translateY(250%) rotate(90deg);
            opacity: 0
        }

        100% {
            transform: translateX(0%) translateY(0%) rotate(0deg);
            opacity: 1
        }
    }

    @keyframes RotateInDownRight {
        0% {
            transform: translateX(40%) translateY(-250%) rotate(90deg);
            opacity: 0
        }

        100% {
            transform: translateX(0%) translateY(0%) rotate(0deg);
            opacity: 1
        }
    }

    @keyframes RotateInDownLeft {
        0% {
            transform: translateX(-50%) translateY(-250%) rotate(-90deg);
            opacity: 0
        }

        100% {
            transform: translateX(0%) translateY(0%) rotate(0deg);
            opacity: 1
        }
    }

    @keyframes PinwheelOut {
        0% {
            transform: rotate(0rad) scale(1);
            opacity: 1
        }

        100% {
            transform: rotate(5rad) scale(0);
            opacity: 0
        }
    }

    @keyframes PinwheelIn {
        0% {
            transform: rotate(5rad) scale(0);
            opacity: 0
        }

        100% {
            transform: rotate(0deg) scale(1);
            opacity: 1
        }
    }

    @keyframes LightSpeedOutLeft {
        0% {
            transform: translateX(0vw) skew(0deg);
            opacity: 1
        }

        100% {
            transform: translateX(-100vw) skew(45deg);
            opacity: 0
        }
    }

    @keyframes LightSpeedOutRight {
        0% {
            transform: translateX(0vw) skewX(0deg);
            opacity: 1
        }

        100% {
            transform: translateX(100vw) skewX(-45deg);
            opacity: 0
        }
    }

    @keyframes LightSpeedInLeft {
        0% {
            transform: translateX(-100vw) skewX(45deg);
            opacity: 0
        }

        70% {
            transform: skewX(-10deg)
        }

        85% {
            transform: skewX(5deg)
        }

        100% {
            transform: skewX(0deg)
        }
    }

    @keyframes LightSpeedInRight {
        0% {
            transform: translateX(100vw) skewX(-45deg);
            opacity: 0
        }

        70% {
            transform: skewX(10deg)
        }

        85% {
            transform: skewX(-5deg)
        }

        100% {
            transform: skewX(0deg)
        }
    }

    @keyframes SlideOutDown {
        0% {
            transform: translateY(0%)
        }

        100% {
            transform: translateY(100vh)
        }
    }

    @keyframes SlideOutUp {
        0% {
            transform: translateY(0%)
        }

        100% {
            transform: translateY(-100vh)
        }
    }

    @keyframes SlideOutLeft {
        0% {
            transform: translateX(0%)
        }

        100% {
            transform: translateX(-100vw)
        }
    }

    @keyframes SlideOutRight {
        0% {
            transform: translateX(0%)
        }

        100% {
            transform: translateX(100vw)
        }
    }

    @keyframes SlideInDown {
        0% {
            transform: translateY(100vh)
        }

        100% {
            transform: translateY(0%)
        }
    }

    @keyframes SlideInUp {
        0% {
            transform: translateY(-100vh)
        }

        100% {
            transform: translateY(0%)
        }
    }

    @keyframes SlideInLeft {
        0% {
            transform: translateX(-100vw)
        }

        100% {
            transform: translateX(0%)
        }
    }

    @keyframes SlideInRight {
        0% {
            transform: translateX(100vw)
        }

        100% {
            transform: translateX(0%)
        }
    }

    @keyframes ZoomOutEasyDown {
        0% {
            transform: translateY(0%) scale(1)
        }

        100% {
            transform: translateY(100%) scale(0)
        }
    }

    @keyframes ZoomOutEasyUp {
        0% {
            transform: translateY(0%) scale(1)
        }

        100% {
            transform: translateY(-100%) scale(0)
        }
    }

    @keyframes ZoomOutDown {
        0% {
            transform: translateX(0vh) scale(1)
        }

        100% {
            transform: translateY(100vh) scale(0)
        }
    }

    @keyframes ZoomOutUp {
        0% {
            transform: translateX(0vh) scale(1)
        }

        100% {
            transform: translateY(-100vh) scale(0)
        }
    }

    @keyframes ZoomOutLeft {
        0% {
            transform: translateX(0vw) scale(1)
        }

        100% {
            transform: translateX(-100vw) scale(0)
        }
    }

    @keyframes ZoomOutRight {
        0% {
            transform: translateX(0vw) scale(1)
        }

        100% {
            transform: translateX(100vw) scale(0)
        }
    }

    @keyframes ZoomOutRotate {
        0% {
            transform: scale(1) rotate(0rad)
        }

        100% {
            transform: scale(0) rotate(0.3rad)
        }
    }

    @keyframes ZoomOut {
        0% {
            transform: scale(1)
        }

        100% {
            transform: scale(0)
        }
    }

    @keyframes ZoomInEasyDown {
        0% {
            transform: translateY(100%) scale(0)
        }

        100% {
            transform: translateY(0%) scale(1)
        }
    }

    @keyframes ZoomInEasyUp {
        0% {
            transform: translateY(-100%) scale(0)
        }

        100% {
            transform: translateY(0%) scale(1)
        }
    }

    @keyframes ZoomInDown {
        0% {
            transform: translateY(100vh) scale(0)
        }

        100% {
            transform: translateY(0%) scale(1)
        }
    }

    @keyframes ZoomInUp {
        0% {
            transform: translateY(-100vh) scale(0)
        }

        100% {
            transform: translateY(0%) scale(1)
        }
    }

    @keyframes ZoomInLeft {
        0% {
            transform: translateX(-100vw) scale(0)
        }

        100% {
            transform: translateX(0%) scale(1)
        }
    }

    @keyframes ZoomInRight {
        0% {
            transform: translateX(100vw) scale(0)
        }

        100% {
            transform: translateX(0%) scale(1)
        }
    }

    @keyframes ZoomInRotate {
        0% {
            transform: scale(0) rotate(0.3rad)
        }

        100% {
            transform: scale(1) rotate(0deg)
        }
    }

    @keyframes ZoomIn {
        0% {
            transform: scale(0)
        }

        100% {
            transform: scale(1)
        }
    }

    @keyframes StretchOutY {
        0% {
            transform: scaleY(1)
        }

        100% {
            transform: scaleY(0)
        }
    }

    @keyframes StretchOutX {
        0% {
            transform: scaleX(1)
        }

        100% {
            transform: scaleX(0)
        }
    }

    @keyframes StretchInY {
        0% {
            transform: scaleY(0)
        }

        100% {
            transform: scaleY(1)
        }
    }

    @keyframes StretchInX {
        0% {
            transform: scaleX(0)
        }

        100% {
            transform: scaleX(1)
        }
    }

    @keyframes FlipOutEasyY {
        0% {
            transform: perspective(500px) rotateY(0deg)
        }

        100% {
            transform: perspective(500px) rotateY(90deg)
        }
    }

    @keyframes FlipOutEasyX {
        0% {
            transform: perspective(500px) rotateX(0deg)
        }

        100% {
            transform: perspective(500px) rotateX(90deg)
        }
    }

    @keyframes FlipOutXDown {
        0% {
            transform: perspective(500px) rotateX(0deg) translateY(0%)
        }

        100% {
            transform: perspective(500px) rotateX(-90deg) translateY(100%)
        }
    }

    @keyframes FlipOutXUp {
        0% {
            transform: perspective(500px) rotateX(0deg) translateY(0%)
        }

        100% {
            transform: perspective(500px) rotateX(90deg) translateY(-100%)
        }
    }

    @keyframes FlipOutYLeft {
        0% {
            transform: perspective(500px) rotateY(0deg) translateX(0%)
        }

        100% {
            transform: perspective(500px) rotateY(-90deg) translateX(-100%)
        }
    }

    @keyframes FlipOutYRight {
        0% {
            transform: perspective(500px) rotateY(0deg) translateX(0%)
        }

        100% {
            transform: perspective(500px) rotateY(90deg) translateX(100%)
        }
    }

    @keyframes FlipInEasyY {
        0% {
            transform: perspective(500px) rotateY(90deg)
        }

        100% {
            transform: perspective(500px) rotateY(0deg)
        }
    }

    @keyframes FlipInEasyX {
        0% {
            transform: perspective(500px) rotateX(90deg)
        }

        100% {
            transform: perspective(500px) rotateX(0deg)
        }
    }

    @keyframes FlipInXDown {
        0% {
            transform: perspective(500px) rotateX(-90deg) translateY(100%)
        }

        100% {
            transform: perspective(500px) rotateX(0deg) translateY(0%)
        }
    }

    @keyframes FlipInXUp {
        0% {
            transform: perspective(500px) rotateX(90deg) translateY(-100%)
        }

        100% {
            transform: perspective(500px) rotateX(0deg) translateY(0%)
        }
    }

    @keyframes FlipInYLeft {
        0% {
            transform: perspective(500px) rotateY(-90deg) translateX(-100%)
        }

        100% {
            transform: perspective(500px) rotateY(0deg) translateX(0%)
        }
    }

    @keyframes FlipInYRight {
        0% {
            transform: perspective(500px) rotateY(90deg) translateX(100%)
        }

        100% {
            transform: perspective(500px) rotateY(0deg) translateX(0%)
        }
    }

    @keyframes BounceOutDown {
        0% {
            transform: translateY(0px)
        }

        15% {
            transform: translateY(-10px)
        }

        30% {
            transform: translateY(10px)
        }

        45% {
            transform: translateY(-20px)
        }

        100% {
            transform: translateY(100vh)
        }
    }

    @keyframes BounceOutUp {
        0% {
            transform: translateY(0px)
        }

        15% {
            transform: translateY(10px)
        }

        30% {
            transform: translateY(-10px)
        }

        45% {
            transform: translateY(20px)
        }

        100% {
            transform: translateY(-100vh)
        }
    }

    @keyframes BounceOutLeft {
        0% {
            transform: translateX(0px)
        }

        15% {
            transform: translateX(10px)
        }

        30% {
            transform: translateX(-10px)
        }

        45% {
            transform: translateX(20px)
        }

        100% {
            transform: translateX(-100vh)
        }
    }

    @keyframes BounceOutRight {
        0% {
            transform: translateX(0px)
        }

        15% {
            transform: translateX(-10px)
        }

        30% {
            transform: translateX(10px)
        }

        45% {
            transform: translateX(-20px)
        }

        100% {
            transform: translateX(100vh)
        }
    }

    @keyframes BounceOut {
        0% {
            transform: scale(1)
        }

        15% {
            transform: scale(1.1)
        }

        30% {
            transform: scale(0.9)
        }

        45% {
            transform: scale(1.2)
        }

        100% {
            transform: scale(0.1)
        }
    }

    @keyframes BounceInDown {
        0% {
            transform: translateY(100vh)
        }

        55% {
            transform: translateY(-20px)
        }

        70% {
            transform: translateY(10px)
        }

        85% {
            transform: translateY(-10px)
        }

        100% {
            transform: translateY(0px)
        }
    }

    @keyframes BounceInUp {
        0% {
            transform: translateY(-100vh)
        }

        55% {
            transform: translateY(20px)
        }

        70% {
            transform: translateY(-10px)
        }

        85% {
            transform: translateY(10px)
        }

        100% {
            transform: translateY(0px)
        }
    }

    @keyframes BounceInLeft {
        0% {
            transform: translateX(-100vw)
        }

        55% {
            transform: translateX(20px)
        }

        70% {
            transform: translateX(-10px)
        }

        85% {
            transform: translateX(10px)
        }

        100% {
            transform: translateX(0px)
        }
    }

    @keyframes BounceInRight {
        0% {
            transform: translateX(100vw)
        }

        55% {
            transform: translateX(-20px)
        }

        70% {
            transform: translateX(10px)
        }

        85% {
            transform: translateX(-10px)
        }

        100% {
            transform: translateX(0px)
        }
    }

    @keyframes BounceIn {
        0% {
            transform: scale(0)
        }

        55% {
            transform: scale(1.2)
        }

        70% {
            transform: scale(0.9)
        }

        85% {
            transform: scale(1.1)
        }

        100% {
            transform: scale(1)
        }
    }

    @keyframes FadeOutDown {
        0% {
            opacity: 1;
            transform: translateY(0px)
        }

        100% {
            opacity: 0;
            transform: translateY(25px)
        }
    }

    @keyframes FadeOutUp {
        0% {
            opacity: 1;
            transform: translateY(0px)
        }

        100% {
            opacity: 0;
            transform: translateY(-25px)
        }
    }

    @keyframes FadeOutLeft {
        0% {
            opacity: 1;
            transform: translateX(0px)
        }

        100% {
            opacity: 0;
            transform: translateX(-25px)
        }
    }

    @keyframes FadeOutRight {
        0% {
            opacity: 1;
            transform: translateX(0px)
        }

        100% {
            opacity: 0;
            transform: translateX(25px)
        }
    }

    @keyframes FadeOut {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    @keyframes FadeInDown {
        0% {
            opacity: 0;
            transform: translateY(25px)
        }

        100% {
            opacity: 1;
            transform: translateY(0px)
        }
    }

    @keyframes FadeInUp {
        0% {
            opacity: 0;
            transform: translateY(-25px)
        }

        100% {
            opacity: 1;
            transform: translateY(0px)
        }
    }

    @keyframes FadeInLeft {
        0% {
            opacity: 0;
            transform: translateX(-25px)
        }

        100% {
            opacity: 1;
            transform: translateX(0px)
        }
    }

    @keyframes FadeInRight {
        0% {
            opacity: 0;
            transform: translateX(25px)
        }

        100% {
            opacity: 1;
            transform: translateX(0px)
        }
    }

    @keyframes FadeIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }



/* Extracted <style> block 6 */
@font-face {
        font-family: "Roboto_400Regular";
        src: url("assets/fonts/roboto-400regular.ttf")
    }

    @font-face {
        font-family: "Roboto_700Bold";
        src: url("assets/fonts/roboto-700bold.ttf")
    }

    @font-face {
        font-family: "material-community";
        src: url("assets/fonts/material-community.ttf")
    }



/* Extracted <style> block 7 */
.sf-hidden {
        display: none !important
    }



/* Extracted inline style attributes */
.extracted-style-1{flex:1 1 0%;}
.extracted-style-2{overflow:hidden;background-color:rgb(45,45,45);}
.extracted-style-3{top:0px;bottom:0px;overflow:hidden;}
.extracted-style-4{flex:1 1 0%;padding:0px;}
.extracted-style-5{top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0);position:absolute;}
.extracted-style-6{background-image:url("assets/images/inline-image-002.jpg");}
.extracted-style-7{position:absolute;inset:0px;pointer-events:none;visibility:hidden;}
.extracted-style-8{background-color:rgba(0,0,0,0);display:flex;}
.extracted-style-9{background-color:rgba(0,0,0,0);}
.extracted-style-10{flex:1 1 0%;background-color:rgba(0,0,0,0);}
.extracted-style-11{background-color:rgb(6,80,81);border-bottom-color:rgb(6,80,81);border-width:0px;}
.extracted-style-12{background-color:rgba(0,0,0,0);align-items:center;flex-direction:row;z-index:6;}
.extracted-style-13{flex-grow:1;justify-content:space-between;flex-direction:row;width:100%;max-width:1680px;height:64px;min-height:64px;background-color:rgba(0,0,0,0);border-bottom-width:0px;margin-left:15px;margin-right:15px;}
.extracted-style-14{flex-direction:row;align-items:center;justify-content:flex-start;flex:0.35 1 0%;margin-right:8px;margin-left:8px;}
.extracted-style-15{flex-direction:row;align-items:center;justify-content:flex-start;padding-left:18px;}
.extracted-style-16{padding-left:0px;margin-right:8px;}
.extracted-style-17{fill:none;}
.extracted-style-18{fill:rgb(234,255,0);}
.extracted-style-19{fill:rgb(245,245,245);}
.extracted-style-20{flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center;}
.extracted-style-21{background-color:rgb(45,45,45);border-width:1px;border-radius:20px;border-color:rgb(8,108,109);height:40px;width:100%;max-width:280px;padding-right:6px;padding-left:6px;flex-direction:row;align-items:center;user-select:none;}
.extracted-style-22{width:100%;height:100%;position:absolute;cursor:pointer;}
.extracted-style-23{margin-left:6px;margin-right:auto;}
.extracted-style-24{flex-direction:row;align-items:center;width:24px;height:24px;}
.extracted-style-25{font-size:24px;color:rgb(234,255,0);font-family:material-community;font-weight:normal;font-style:normal;}
.extracted-style-26{flex-direction:row;align-items:center;flex:0.45 1 0%;margin-right:8px;margin-left:8px;}
.extracted-style-27{flex-grow:1;justify-content:center;}
.extracted-style-28{flex-direction:row;}
.extracted-style-29{margin-right:5px;flex-direction:row;align-items:center;}
.extracted-style-30{margin-right:5px;height:56px;max-height:48px;user-select:none;}
.extracted-style-31{padding-right:8px;padding-left:8px;border-radius:8px;border-width:1px;border-color:rgb(234,255,0);background-color:rgb(234,255,0);width:70px;height:56px;max-height:48px;}
.extracted-style-32{font-family:Roboto_700Bold;color:rgb(6,80,81);}
.extracted-style-33{margin-right:4px;height:56px;max-height:48px;user-select:none;}
.extracted-style-34{padding-right:8px;padding-left:8px;border-radius:8px;background-color:rgb(255,255,255);border-width:1px;border-color:rgb(255,255,255);min-width:70px;height:56px;max-height:48px;}
.extracted-style-35{flex:1 1 0%;flex-direction:row;}
.extracted-style-36{width:15px;background-color:rgba(0,0,0,0);z-index:1;}
.extracted-style-37{flex:0.35 1 0%;z-index:99;margin-top:8px;}
.extracted-style-38{flex:1 1 0%;margin:0px 8px 8px;background-color:rgba(0,0,0,0);padding:0px 4px;border-width:0px;border-color:rgb(140,153,0);border-radius:8px;}
.extracted-style-39{user-select:none;padding:0px;}
.extracted-style-40{flex-grow:1;}
.extracted-style-41{flex-direction:row;align-items:center;padding-right:6px;padding-left:6px;}
.extracted-style-42{width:100%;}
.extracted-style-43{flex-direction:row;width:100%;}
.extracted-style-44{flex-direction:row;align-items:center;width:100%;}
.extracted-style-45{max-width:24px;max-height:24px;}
.extracted-style-46{width:24px;height:24px;background-color:rgba(0,0,0,0);}
.extracted-style-47{background-image:url("assets/images/inline-image-003.png");}
.extracted-style-48{color:rgb(255,255,255);font-family:Roboto_700Bold;font-size:14px;margin:8px;width:100%;}
.extracted-style-49{padding:0px 6px;}
.extracted-style-50{background-image:url("assets/images/inline-image-004.png");}
.extracted-style-51{font-family:Roboto_700Bold;font-size:14px;color:rgb(255,255,255);}
.extracted-style-52{flex-direction:row;align-items:center;width:16px;height:16px;}
.extracted-style-53{font-size:16px;color:rgb(255,255,255);font-family:material-community;font-weight:normal;font-style:normal;}
.extracted-style-54{border-radius:5px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;}
.extracted-style-55{margin:0px 0px 0px 16px;align-self:center;max-width:24px;max-height:24px;}
.extracted-style-56{background-image:var(--sf-img-6);}
.extracted-style-57{background-blend-mode:normal!important;background-clip:content-box!important;background-position:50% 50%!important;background-color:rgba(0,0,0,0)!important;background-image:var(--sf-img-40)!important;background-size:100% 100%!important;background-origin:content-box!important;background-repeat:no-repeat!important;}
.extracted-style-58{direction:ltr;color:rgb(255,255,255);border-radius:5px;padding-top:4px;padding-bottom:4px;padding-left:15px;margin-top:-15px;margin-bottom:-15px;margin-left:-8px;background-color:rgba(0,0,0,0);font-family:Roboto_400Regular;font-size:14px;}
.extracted-style-59{background-image:var(--sf-img-7);}
.extracted-style-60{background-blend-mode:normal!important;background-clip:content-box!important;background-position:50% 50%!important;background-color:rgba(0,0,0,0)!important;background-image:var(--sf-img-41)!important;background-size:100% 100%!important;background-origin:content-box!important;background-repeat:no-repeat!important;}
.extracted-style-61{background-image:var(--sf-img-8);}
.extracted-style-62{background-blend-mode:normal!important;background-clip:content-box!important;background-position:50% 50%!important;background-color:rgba(0,0,0,0)!important;background-image:var(--sf-img-42)!important;background-size:100% 100%!important;background-origin:content-box!important;background-repeat:no-repeat!important;}
.extracted-style-63{background-image:var(--sf-img-9);}
.extracted-style-64{background-blend-mode:normal!important;background-clip:content-box!important;background-position:50% 50%!important;background-color:rgba(0,0,0,0)!important;background-image:var(--sf-img-43)!important;background-size:100% 100%!important;background-origin:content-box!important;background-repeat:no-repeat!important;}
.extracted-style-65{background-image:var(--sf-img-10);}
.extracted-style-66{background-blend-mode:normal!important;background-clip:content-box!important;background-position:50% 50%!important;background-color:rgba(0,0,0,0)!important;background-image:var(--sf-img-44)!important;background-size:100% 100%!important;background-origin:content-box!important;background-repeat:no-repeat!important;}
.extracted-style-67{background-image:url("assets/images/inline-image-005.png");}
.extracted-style-68{background-image:var(--sf-img-12);}
.extracted-style-69{background-blend-mode:normal!important;background-clip:content-box!important;background-position:50% 50%!important;background-color:rgba(0,0,0,0)!important;background-image:var(--sf-img-46)!important;background-size:100% 100%!important;background-origin:content-box!important;background-repeat:no-repeat!important;}
.extracted-style-70{background-image:var(--sf-img-13);}
.extracted-style-71{background-blend-mode:normal!important;background-clip:content-box!important;background-position:50% 50%!important;background-color:rgba(0,0,0,0)!important;background-image:var(--sf-img-47)!important;background-size:100% 100%!important;background-origin:content-box!important;background-repeat:no-repeat!important;}
.extracted-style-72{background-image:var(--sf-img-14);}
.extracted-style-73{background-blend-mode:normal!important;background-clip:content-box!important;background-position:50% 50%!important;background-color:rgba(0,0,0,0)!important;background-image:var(--sf-img-48)!important;background-size:100% 100%!important;background-origin:content-box!important;background-repeat:no-repeat!important;}
.extracted-style-74{background-image:var(--sf-img-15);}
.extracted-style-75{background-blend-mode:normal!important;background-clip:content-box!important;background-position:50% 50%!important;background-color:rgba(0,0,0,0)!important;background-image:var(--sf-img-49)!important;background-size:100% 100%!important;background-origin:content-box!important;background-repeat:no-repeat!important;}
.extracted-style-76{background-image:url("assets/images/inline-image-006.png");}
.extracted-style-77{background-image:var(--sf-img-17);}
.extracted-style-78{background-blend-mode:normal!important;background-clip:content-box!important;background-position:50% 50%!important;background-color:rgba(0,0,0,0)!important;background-image:var(--sf-img-51)!important;background-size:100% 100%!important;background-origin:content-box!important;background-repeat:no-repeat!important;}
.extracted-style-79{background-image:url("assets/images/inline-image-007.png");}
.extracted-style-80{background-image:url("assets/images/inline-image-008.png");}
.extracted-style-81{background-image:url("assets/images/inline-image-009.png");}
.extracted-style-82{background-image:url("assets/images/inline-image-010.png");}
.extracted-style-83{background-image:url("assets/images/inline-image-011.png");}
.extracted-style-84{background-image:url("assets/images/inline-image-012.png");}
.extracted-style-85{background-image:url("assets/images/inline-image-013.png");}
.extracted-style-86{background-image:url("assets/images/inline-image-014.png");}
.extracted-style-87{flex-grow:1;padding:0px;}
.extracted-style-88{flex-grow:1;height:100%;flex-direction:column;justify-content:space-between;}
.extracted-style-89{background-image:url("assets/images/inline-image-015.png");}
.extracted-style-90{padding:8px;}
.extracted-style-91{padding-top:8px;}
.extracted-style-92{font-family:Roboto_400Regular;font-size:12px;color:rgb(255,255,255);}
.extracted-style-93{margin-bottom:6px;padding-right:8px;padding-left:8px;margin-top:auto;}
.extracted-style-94{flex-direction:row;align-items:center;justify-content:space-around;flex:1 1 0%;}
.extracted-style-95{width:100%;flex-direction:row;justify-content:space-between;}
.extracted-style-96{flex-direction:row;align-items:center;}
.extracted-style-97{font-family:Roboto_400Regular;font-size:14px;padding-right:6px;color:rgb(255,255,255);}
.extracted-style-98{flex-direction:row;align-items:center;width:32px;height:32px;}
.extracted-style-99{font-size:32px;color:rgb(255,255,255);font-family:material-community;font-weight:normal;font-style:normal;}
.extracted-style-100{height:40px;}
.extracted-style-101{flex:1 1 0%;flex-direction:column;margin-top:0px;}
.extracted-style-102{width:100%;background-color:rgba(6,80,81,0.6);z-index:1;border-radius:8px;}
.extracted-style-103{flex-direction:column;}
.extracted-style-104{z-index:0;}
.extracted-style-105{justify-content:center;margin-left:4px;margin-right:4px;margin-bottom:8px;}
.extracted-style-106{border-radius:8px;overflow:hidden;}
.extracted-style-107{display:contents;}
.extracted-style-108{user-select:none;touch-action:none;}
.extracted-style-109{height:192px;user-select:none;}
.extracted-style-110{width:925.5px;height:192px;background-color:rgba(0,0,0,0);}
.extracted-style-111{background-image:url("assets/images/inline-image-016.png");}
.extracted-style-112{background-image:url("assets/images/inline-image-017.png");}
.extracted-style-113{width:925.5px;height:192px;justify-content:center;background-color:rgb(255,255,255);user-select:none;}
.extracted-style-114{width:100%;border-radius:8px;background-color:rgb(255,255,255);padding:10px;margin-top:5px;}
.extracted-style-115{font-family:Arial;font-size:18px;font-weight:bold;text-align:center;color:rgb(0,0,0);padding-bottom:5px;}
.extracted-style-116{font-family:Arial;font-size:14px;text-align:center;color:rgb(0,0,0);margin-top:12px;}
.extracted-style-117{flex-direction:row;align-items:center;width:100%;justify-content:flex-start;margin-top:0px;position:absolute;bottom:4px;margin-right:4px;margin-left:4px;}
.extracted-style-118{align-items:center;background-color:rgba(6,80,81,0.6);padding:2px 4px;border-radius:16px;}
.extracted-style-119{align-items:center;flex-direction:row;max-width:168px;}
.extracted-style-120{width:6px;height:6px;margin:6px;}
.extracted-style-121{user-select:none;}
.extracted-style-122{margin:6px;width:12px;height:12px;background-color:rgb(234,255,0);border-radius:6px;opacity:1;}
.extracted-style-123{margin:6px;width:12px;height:12px;background-color:rgb(255,255,255);border-radius:6px;opacity:0.2;}
.extracted-style-124{margin:6px;width:10px;height:10px;background-color:rgb(255,255,255);border-radius:5px;opacity:0.2;}
.extracted-style-125{margin:6px;width:8px;height:8px;background-color:rgb(255,255,255);border-radius:4px;opacity:0.2;}
.extracted-style-126{height:134px;justify-content:flex-start;overflow:hidden;border-width:0px;border-radius:8px;border-color:rgb(10,136,138);margin-left:4px;margin-right:4px;margin-bottom:8px;}
.extracted-style-127{position:absolute;right:0px;width:961px;}
.extracted-style-128{width:961px;height:134px;background-color:rgba(0,0,0,0);opacity:1;}
.extracted-style-129{background-image:url("assets/images/inline-image-018.jpg");}
.extracted-style-130{width:961px;height:134px;background-color:rgba(0,0,0,0);opacity:0;}
.extracted-style-131{background-image:url("assets/images/inline-image-019.jpg");}
.extracted-style-132{background-image:url("assets/images/inline-image-020.jpg");}
.extracted-style-133{position:absolute;bottom:20px;left:0px;margin-right:12px;margin-left:12px;max-width:220px;}
.extracted-style-134{color:rgb(255,255,255);font-size:32px;font-family:Roboto_700Bold;margin-top:8px;margin-bottom:6px;}
.extracted-style-135{border-color:rgb(234,255,0);border-width:1px;padding:3px 4px;border-radius:8px;background-color:rgba(6,80,81,0.8);overflow:hidden;}
.extracted-style-136{height:36px;width:100%;}
.extracted-style-137{position:absolute;height:98%;background-color:rgb(234,255,0);overflow:hidden;border-radius:6px;width:50%;display:flex;transform:translateX(-1px);opacity:1;}
.extracted-style-138{flex:1 1 0%;flex-direction:row;align-items:center;gap:4px;user-select:none;}
.extracted-style-139{font-size:14px;color:rgb(6,80,81);font-family:Roboto_700Bold;}
.extracted-style-140{font-family:Roboto_400Regular;font-size:14px;color:rgb(255,255,255);}
.extracted-style-141{border-width:1px;border-color:rgb(65,65,65);background-color:rgb(55,55,55);border-radius:8px;margin-left:4px;margin-right:4px;margin-bottom:8px;padding:4px;}
.extracted-style-142{flex-direction:row;border-radius:8px;overflow:hidden;}
.extracted-style-143{margin-top:0px;margin-bottom:0px;padding-left:10px;padding-right:10px;border-radius:8px;flex-grow:1;justify-content:center;}
.extracted-style-144{flex-direction:row;justify-content:space-evenly;align-items:center;height:40px;background-color:rgb(65,65,65);padding-right:16px;padding-left:16px;border-radius:8px;border-width:1px;border-color:rgb(76,76,76);margin:4px;gap:6px;user-select:none;}
.extracted-style-145{font-family:Roboto_400Regular;color:rgb(255,255,255);text-align:center;font-size:14px;}
.extracted-style-146{flex-direction:row;align-items:center;width:18px;height:18px;}
.extracted-style-147{font-size:18px;color:rgb(255,255,255);font-family:material-community;font-weight:normal;font-style:normal;}
.extracted-style-148{width:18px;height:18px;background-color:rgba(0,0,0,0);}
.extracted-style-149{background-image:url("assets/images/inline-image-021.png");}
.extracted-style-150{position:absolute;right:0px;background-color:rgb(234,255,0);border-top-right-radius:8px;border-bottom-right-radius:8px;top:0px;bottom:0px;user-select:none;}
.extracted-style-151{top:16px;padding-right:8px;padding-left:8px;}
.extracted-style-152{font-size:16px;color:rgb(6,80,81);font-family:material-community;font-weight:normal;font-style:normal;}
.extracted-style-153{margin-left:4px;margin-right:4px;margin-bottom:8px;}
.extracted-style-154{background-color:rgba(0,0,0,0);border-radius:8px;border-color:rgb(45,45,45);border-bottom-width:0px;height:32px;flex-direction:row;align-items:center;}
.extracted-style-155{font-size:16px;color:rgb(255,255,255);font-family:Roboto_700Bold;padding-left:12px;margin-right:auto;}
.extracted-style-156{margin-right:12px;}
.extracted-style-157{background-color:rgba(0,0,0,0);border-radius:0px;overflow:hidden;}
.extracted-style-158{min-height:128px;}
.extracted-style-159{padding-right:2px;padding-left:2px;}
.extracted-style-160{margin-top:8px;flex-direction:column;justify-content:flex-start;min-height:96px;height:122px;width:272px;background-color:rgb(60,60,60);border-radius:8px;border-color:rgb(71,71,71);border-width:1px;padding:8px;}
.extracted-style-161{flex-direction:row;align-items:center;width:100%;max-width:100%;padding-bottom:6px;user-select:none;}
.extracted-style-162{flex-shrink:1;flex-direction:row;align-items:center;margin-right:auto;}
.extracted-style-163{margin-right:6px;}
.extracted-style-164{width:16px;height:16px;background-color:rgba(0,0,0,0);}
.extracted-style-165{flex-direction:row;align-items:center;background-color:rgb(234,255,0);margin-right:6px;border-radius:20px;max-height:16px;padding:1px 6px;}
.extracted-style-166{font-family:Roboto_700Bold;font-size:12px;color:rgb(6,80,81);margin-top:0px;margin-bottom:0px;}
.extracted-style-167{flex-shrink:1;}
.extracted-style-168{color:rgb(234,255,0);font-family:Roboto_700Bold;}
.extracted-style-169{margin-left:2px;}
.extracted-style-170{margin-left:auto;color:rgb(255,255,255);justify-content:center;width:auto;}
.extracted-style-171{color:rgb(255,255,255);text-align:right;font-size:14px;font-family:Roboto_400Regular;}
.extracted-style-172{justify-content:center;}
.extracted-style-173{max-width:100%;flex-direction:column;flex-grow:1;}
.extracted-style-174{max-width:100%;flex-direction:row;align-items:center;}
.extracted-style-175{flex:1 1 0%;flex-direction:row;align-items:center;min-height:58px;user-select:none;}
.extracted-style-176{width:36px;height:36px;}
.extracted-style-177{flex-shrink:1;margin-left:6px;margin-right:auto;padding-right:6px;}
.extracted-style-178{color:rgb(255,255,255);font-family:Roboto_700Bold;padding-right:4px;}
.extracted-style-179{color:rgb(255,255,255);font-family:Roboto_400Regular;padding-right:4px;}
.extracted-style-180{height:100%;flex-direction:row;align-items:center;}
.extracted-style-181{margin-right:6px;margin-left:6px;}
.extracted-style-182{width:60px;height:40px;}
.extracted-style-183{border-radius:8px;width:100%;height:100%;background-color:rgb(80,80,80);flex-direction:row;align-items:center;justify-content:center;}
.extracted-style-184{border-radius:10px;justify-content:center;flex:1 1 0%;min-height:40px;background-color:rgb(80,80,80);width:60px;height:40px;}
.extracted-style-185{min-height:40px;flex-direction:row;justify-content:center;padding:4px;align-items:center;border-radius:8px;border-color:rgb(91,91,91);border-width:2px;user-select:none;touch-action:none;}
.extracted-style-186{text-align:center;font-family:Roboto_700Bold;font-size:14px;color:rgb(255,255,255);cursor:pointer;}
.extracted-style-187{flex-direction:row;align-items:center;margin-right:12px;min-width:120px;}
.extracted-style-188{flex-direction:row;align-items:center;padding-top:6px;}
.extracted-style-189{flex-flow:wrap;margin-bottom:0px;}
.extracted-style-190{font-family:Roboto_400Regular;font-size:12px;color:rgb(255,255,255);margin-right:6px;}
.extracted-style-191{margin-right:6px;font-family:Roboto_400Regular;font-size:12px;color:rgb(255,80,80);}
.extracted-style-192{width:0px;height:100%;margin-right:4px;margin-left:4px;}
.extracted-style-193{margin-right:6px;font-family:Roboto_400Regular;font-size:12px;color:rgb(57,255,20);}
.extracted-style-194{margin-bottom:8px;gap:8px;margin-left:4px;margin-right:4px;}
.extracted-style-195{justify-content:center;flex-direction:row;gap:8px;}
.extracted-style-196{background-color:rgba(0,0,0,0);border-radius:0px;border-color:rgb(45,45,45);border-bottom-width:0px;height:32px;margin-bottom:6px;flex-direction:row;align-items:center;}
.extracted-style-197{margin-right:7px;}
.extracted-style-198{background-color:rgb(60,60,60);border-radius:8px;border-color:rgb(71,71,71);border-width:1px;flex:1 1 0%;margin-right:0px;margin-left:0px;margin-top:0px;overflow:hidden;}
.extracted-style-199{border-radius:0px;margin-top:0px;overflow:hidden;}
.extracted-style-200{min-height:0px;margin-right:0px;margin-left:0px;user-select:none;}
.extracted-style-201{flex-direction:column;flex:1 1 0%;justify-content:space-between;align-items:center;padding-right:8px;padding-left:8px;background-color:rgb(60,60,60);}
.extracted-style-202{width:100%;flex-direction:row;align-items:center;}
.extracted-style-203{flex:1 1 0%;flex-direction:row;justify-content:space-between;width:100%;}
.extracted-style-204{flex-direction:row;align-items:center;width:100%;min-height:26px;}
.extracted-style-205{flex:1 1 0%;flex-direction:row;align-items:center;justify-content:space-between;}
.extracted-style-206{flex:1 1 0%;flex-direction:column;max-width:85%;align-items:flex-start;}
.extracted-style-207{flex-direction:row;align-items:center;width:100%;min-height:20px;}
.extracted-style-208{font-size:16px;font-family:Roboto_400Regular;color:rgb(255,255,255);padding-left:0px;padding-right:0px;max-width:85%;}
.extracted-style-209{padding-left:0px;padding-right:0px;max-width:85%;font-family:Roboto_700Bold;font-size:14px;color:rgb(234,255,0);margin-top:6px;}
.extracted-style-210{margin-left:auto;width:85px;}
.extracted-style-211{align-items:flex-end;justify-content:flex-end;}
.extracted-style-212{color:rgb(255,255,255);font-style:italic;flex-wrap:nowrap;max-width:120px;justify-content:center;width:auto;}
.extracted-style-213{color:rgb(255,165,0);text-align:right;font-size:14px;font-family:Roboto_400Regular;}
.extracted-style-214{flex-direction:row;align-items:center;width:20px;height:20px;}
.extracted-style-215{font-size:20px;color:rgb(255,255,255);font-family:material-community;font-weight:normal;font-style:normal;}
.extracted-style-216{height:1px;background-color:rgba(255,255,255,0.2);}
.extracted-style-217{font-size:16px;color:rgb(255,255,255);font-family:Roboto_700Bold;padding-left:0px;margin-left:12px;}
.extracted-style-218{min-height:210px;}
.extracted-style-219{flex:1 1 0%;flex-direction:column;justify-content:flex-start;width:272px;background-color:rgb(60,60,60);border-radius:8px;border-width:1px;border-color:rgb(71,71,71);margin-top:8px;padding:8px;}
.extracted-style-220{flex:1 1 0%;flex-direction:row;align-items:center;margin-right:auto;}
.extracted-style-221{flex-shrink:1;padding-right:2px;}
.extracted-style-222{color:rgb(255,255,255);font-family:Roboto_400Regular;}
.extracted-style-223{margin-left:auto;margin-right:5px;}
.extracted-style-224{gap:6px;}
.extracted-style-225{flex:1 1 0%;flex-direction:row;align-items:center;user-select:none;}
.extracted-style-226{font-family:Roboto_400Regular;color:rgb(255,255,255);padding-right:4px;}
.extracted-style-227{flex-direction:row;justify-content:flex-end;align-items:center;}
.extracted-style-228{flex-direction:row;align-items:center;justify-content:center;min-width:128px;min-height:44px;background-color:rgb(80,80,80);padding:6px;border-radius:8px;border-width:2px;border-color:rgb(91,91,91);width:100%;user-select:none;}
.extracted-style-229{font-size:14px;font-family:Roboto_700Bold;color:rgb(255,255,255);}
.extracted-style-230{width:8px;height:100%;}
.extracted-style-231{padding-top:0px;}
.extracted-style-232{flex-direction:column;background-color:rgb(234,255,0);}
.extracted-style-233{flex-flow:wrap-reverse;}
.extracted-style-234{flex:1 1 0%;min-width:308px;flex-direction:column;justify-content:flex-start;padding:8px 12px 4px;}
.extracted-style-235{margin-top:6px;background-color:rgb(255,255,255);border-radius:8px;}
.extracted-style-236{flex-flow:wrap;align-items:center;justify-content:center;}
.extracted-style-237{width:72px;}
.extracted-style-238{flex-direction:column;align-items:center;justify-content:center;padding:6px;}
.extracted-style-239{fill:rgb(255,255,255);}
.extracted-style-240{fill:rgb(20,52,203);}
.extracted-style-241{fill:rgb(255,95,0);}
.extracted-style-242{fill:rgb(235,0,27);}
.extracted-style-243{fill:rgb(247,158,27);}
.extracted-style-244{fill:rgb(1,1,1);}
.extracted-style-245{flex:0.6 1 0%;min-width:150px;flex-direction:column;justify-content:center;padding-right:12px;padding-left:12px;}
.extracted-style-246{margin-top:8px;margin-bottom:8px;border-radius:8px;}
.extracted-style-247{min-width:80px;}
.extracted-style-248{flex-direction:row;align-items:center;justify-content:flex-start;padding:6px 6px 0px 0px;}
.extracted-style-249{fill:rgb(234,68,53);}
.extracted-style-250{fill:rgb(249,188,21);}
.extracted-style-251{fill:rgb(84,125,191);}
.extracted-style-252{fill:rgb(51,168,82);}
.extracted-style-253{flex-flow:row-reverse wrap;align-items:center;justify-content:center;}
.extracted-style-254{flex:0.6 1 0%;min-width:228px;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:4px 12px;}
.extracted-style-255{min-height:42px;}
.extracted-style-256{flex:1 1 0%;min-width:316px;align-items:center;padding-right:12px;padding-left:12px;}
.extracted-style-257{width:100%;flex-flow:wrap;align-items:center;justify-content:center;margin-top:4px;}
.extracted-style-258{min-width:300px;flex-flow:wrap;align-items:center;justify-content:center;gap:6px;padding-right:12px;padding-left:12px;flex:1 1 0%;}
.extracted-style-259{margin-top:6px;user-select:none;}
.extracted-style-260{padding:6px;font-family:Roboto_400Regular;font-size:12px;text-decoration-line:underline;text-align:center;color:rgb(6,80,81);}
.extracted-style-261{flex-direction:column;align-items:center;justify-content:center;padding-right:12px;padding-left:12px;min-width:200px;flex:0.6 1 0%;}
.extracted-style-262{width:100%;flex-direction:row;align-items:center;padding-top:6px;padding-bottom:6px;justify-content:center;gap:24px;}
.extracted-style-263{flex-direction:row;align-items:center;user-select:none;}
.extracted-style-264{font-size:32px;color:rgb(6,80,81);font-family:material-community;font-weight:normal;font-style:normal;}
.extracted-style-265{stroke-width:0;}
.extracted-style-266{width:100%;flex:1 1 0%;justify-content:center;align-self:center;align-items:center;margin-top:6px;padding-bottom:0px;}
.extracted-style-267{width:100%;background-color:rgb(255,255,255);padding:12px;}
.extracted-style-268{padding:6px;font-family:Arial;font-size:14px;color:rgb(0,0,0);text-align:center;}
.extracted-style-269{font-family:Roboto_700Bold;}
.extracted-style-270{font-family:Arial;color:rgb(0,0,255);}
.extracted-style-271{flex-direction:row;align-items:center;justify-content:center;gap:8px;}
.extracted-style-272{width:220px;height:62px;background-color:rgb(255,255,255);}
.extracted-style-273{background-image:url("assets/images/inline-image-062.png");}
.extracted-style-274{margin:8px;background-color:rgb(255,255,255);border-width:6px;border-color:rgb(255,0,0);height:72px;width:72px;padding:10px;border-radius:36px;align-items:center;justify-content:center;}
.extracted-style-275{font-size:24px;font-family:Arial;}
.extracted-style-276{font-size:18px;font-family:Arial;}
.extracted-style-277{font-size:14px;font-family:Arial;}
.extracted-style-278{padding:6px;font-family:Roboto_400Regular;font-size:12px;color:rgb(6,80,81);text-align:center;}
.extracted-style-279{color:rgb(6,80,81);}
.extracted-style-280{padding:6px;font-family:Roboto_400Regular;font-size:12px;color:rgb(6,80,81);}
.extracted-style-281{padding:6px;font-family:Roboto_400Regular;font-size:12px;text-align:center;color:rgb(6,80,81);}
.extracted-style-282{box-shadow:rgba(0,0,0,0.5) 0px -1px 8px 2px,rgba(0,0,0,0.25) 0px -1.5px 0px;display:none;height:60px;background-color:rgb(6,80,81);justify-content:space-around;align-items:center;flex-direction:row;}
.extracted-style-283{width:100%;background-color:rgba(6,80,81,0.6);z-index:1;}
.extracted-style-284{flex:0.45 1 0%;z-index:99;height:100%;}
.extracted-style-285{flex:1 1 0%;overflow:hidden;background-color:rgb(55,55,55);margin:8px;border-color:rgb(65,65,65);border-radius:8px;padding-right:0px;padding-top:0px;padding-bottom:0px;border-width:1px;}
.extracted-style-286{width:100%;background-color:rgb(55,55,55);border-bottom-width:2px;border-color:rgb(45,45,45);height:64px;flex-direction:row;align-items:center;}
.extracted-style-287{color:rgb(255,255,255);font-size:20px;font-family:Roboto_700Bold;padding-left:10px;}
.extracted-style-288{padding-top:16px;}
.extracted-style-289{width:100%;max-width:600px;justify-content:center;align-self:center;border-radius:8px;align-items:center;max-height:100%;}
.extracted-style-290{font-family:Roboto_700Bold;font-size:14px;margin-top:16px;margin-bottom:16px;color:rgb(255,255,255);}
.extracted-style-291{flex-direction:row;width:90%;margin-left:auto;margin-right:auto;align-items:center;justify-content:center;}
.extracted-style-292{justify-content:center;flex:1 1 0%;max-width:180px;min-height:42px;margin:6px;border-radius:8px;overflow:hidden;user-select:none;}
.extracted-style-293{width:100%;min-height:42px;height:100%;}
.extracted-style-294{background-image:url("assets/images/inline-image-063.png");}
.extracted-style-295{background-image:url("assets/images/inline-image-064.png");}
.extracted-style-296{flex-grow:1;padding-top:12px;padding-left:12px;padding-right:12px;margin-right:auto;margin-left:auto;width:100%;max-width:572px;}
.extracted-style-297{width:100%;max-width:572px;}
.extracted-style-298{width:100%;padding-top:16px;}
.extracted-style-299{width:100%;margin-bottom:8px;user-select:none;}
.extracted-style-300{width:100%;max-width:572px;position:absolute;top:-16.5px;align-items:center;justify-content:center;z-index:9999;}
.extracted-style-301{position:relative;flex-direction:row;align-items:center;justify-content:center;background-color:rgb(234,255,0);border-radius:8px;border-width:1px;border-color:rgb(234,255,0);padding:6px 12px;}
.extracted-style-302{color:rgb(6,80,81);font-family:Roboto_400Regular;font-size:16px;}
.extracted-style-303{background-color:rgb(45,45,45);border-radius:8px;border-width:1px;border-color:rgb(234,255,0);padding:33px 12px 16.5px;width:100%;max-width:572px;align-self:center;}
.extracted-style-304{max-width:100%;flex-direction:row;align-items:center;justify-content:center;}
.extracted-style-305{flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center;}
.extracted-style-306{color:rgb(255,255,255);font-size:14px;font-family:Roboto_700Bold;}
.extracted-style-307{margin-left:auto;color:rgb(234,255,0);justify-content:center;width:auto;}
.extracted-style-308{color:rgb(234,255,0);text-align:right;font-size:16px;font-family:Roboto_400Regular;}
.extracted-style-309{color:rgb(255,255,255);font-size:14px;font-family:Roboto_400Regular;}
.extracted-style-310{padding-left:6px;}
.extracted-style-311{font-size:24px;color:rgb(255,255,255);font-family:material-community;font-weight:normal;font-style:normal;}
.extracted-style-312{width:100%;max-width:572px;margin-right:auto;margin-left:auto;flex-direction:column;justify-content:center;align-items:center;}
.extracted-style-313{width:100%;margin-bottom:8px;}
.extracted-style-314{background-color:rgba(0,0,0,0);border-radius:0px;border-color:rgb(45,45,45);border-bottom-width:0px;height:32px;flex-direction:row;align-items:center;}
.extracted-style-315{max-width:100%;background-color:rgba(0,0,0,0);border-radius:8px;}
.extracted-style-316{background-color:rgba(0,0,0,0);border-radius:8px;overflow:hidden;}
.extracted-style-317{max-width:100%;min-height:120px;justify-content:center;padding-right:12px;padding-left:12px;background-color:rgb(60,60,60);border-radius:8px;overflow:hidden;border-width:1px;border-color:rgb(76,76,76);}
.extracted-style-318{max-width:100%;user-select:none;}
.extracted-style-319{flex-direction:row;align-items:center;max-width:100%;}
.extracted-style-320{margin-right:6px;margin-top:6px;color:rgb(255,255,255);font-family:Roboto_400Regular;}
.extracted-style-321{flex-direction:row;align-items:center;margin-bottom:6px;}
.extracted-style-322{margin-right:6px;color:rgb(234,255,0);font-family:Roboto_700Bold;}
.extracted-style-323{flex:1 1 0%;flex-direction:row;align-items:center;height:100%;user-select:none;}
.extracted-style-324{flex-shrink:1;padding-right:6px;}
.extracted-style-325{flex-shrink:1;flex-direction:row;align-items:flex-start;}
.extracted-style-326{margin-left:6px;font-family:Roboto_700Bold;color:rgb(255,255,255);}
.extracted-style-327{flex-direction:row;flex-shrink:1;}
.extracted-style-328{margin-left:6px;color:rgb(255,255,255);}
.extracted-style-329{margin-left:auto;margin-right:2px;}
.extracted-style-330{width:100%;height:0px;margin-top:6px;margin-bottom:6px;}
.extracted-style-331{background-color:rgba(0,0,0,0);border-radius:8px;width:100%;}
.extracted-style-332{padding:12px;background-color:rgb(60,60,60);border-radius:8px;overflow:hidden;border-width:1px;border-color:rgb(76,76,76);}
.extracted-style-333{padding-bottom:6px;user-select:none;}
.extracted-style-334{flex-shrink:1;flex-direction:row;align-items:center;justify-content:flex-start;padding-right:6px;margin-right:auto;}
.extracted-style-335{flex-direction:column;max-width:90%;}
.extracted-style-336{flex-shrink:1;color:rgb(255,255,255);margin-left:6px;font-family:Roboto_400Regular;}
.extracted-style-337{margin-left:6px;font-family:Roboto_700Bold;color:rgb(234,255,0);}
.extracted-style-338{flex-direction:row;align-items:center;justify-content:flex-end;}
.extracted-style-339{color:rgb(255,255,255);margin-left:6px;font-family:Roboto_400Regular;font-size:12px;}
.extracted-style-340{flex-direction:row;align-items:center;min-height:42px;}
.extracted-style-341{flex-direction:column;margin-left:22px;flex:1 1 0%;padding-right:6px;}
.extracted-style-342{color:rgb(255,255,255);font-family:Roboto_400Regular;font-size:14px;}
.extracted-style-343{margin-left:auto;color:rgb(255,255,255);background-color:rgb(255,0,0);border-radius:16px;min-height:18px;justify-content:center;width:65px;}
.extracted-style-344{color:rgb(255,255,255);text-align:center;font-size:14px;font-family:Roboto_400Regular;}
.extracted-style-345{flex-direction:row;align-items:center;background-color:rgb(47,47,47);border-color:rgb(40,40,40);border-radius:8px;border-width:1px;padding:6px 6px 8px;margin-top:0px;}
.extracted-style-346{flex:1 1 0%;flex-direction:row;justify-content:center;padding:6px;}
.extracted-style-347{flex-shrink:1;flex-wrap:wrap;color:rgb(255,255,255);text-align:center;font-family:Roboto_700Bold;}
.extracted-style-348{flex-direction:row;align-items:center;justify-content:center;flex:1 1 0%;width:100%;margin-right:0px;margin-left:0px;}
.extracted-style-349{border-radius:10px;flex:1 1 0%;background-color:rgb(80,80,80);}
.extracted-style-350{border-radius:10px;justify-content:center;min-height:40px;background-color:rgb(80,80,80);}
.extracted-style-351{min-height:62px;flex-grow:1;flex-direction:row;justify-content:center;padding:4px;align-items:center;border-radius:9px;border-color:rgb(91,91,91);border-width:2px;user-select:none;}
.extracted-style-352{flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;}
.extracted-style-353{width:100%;flex-direction:row;align-items:center;justify-content:center;}
.extracted-style-354{-webkit-line-clamp:2;text-align:center;font-family:Roboto_700Bold;font-size:12px;color:rgb(255,255,255);max-width:100%;}
.extracted-style-355{flex-direction:row;align-items:center;margin-top:0px;}
.extracted-style-356{text-align:center;font-family:Roboto_400Regular;font-size:14px;color:rgb(255,255,255);}
.extracted-style-357{height:12px;width:100%;}
.extracted-style-358{margin-top:auto;}
.extracted-style-359{width:100%;border-radius:8px;background-color:rgb(255,255,255);padding:10px;margin-top:0px;margin-bottom:8px;}
.extracted-style-360{transform:translateX(0px) translateY(0px);}
.extracted-style-361{opacity:0;transform:translateY(-40px);}
.extracted-style-362{border-left-color:rgb(0,255,0);height:100%;padding-top:10px;padding-bottom:10px;transition-duration:0s;}


/* Converted interactive div/button elements to href links */
a[href="#"] {
    color: inherit;
    text-decoration: none;
}
a[href="#"]:visited {
    color: inherit;
}

 
.ripperbet-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 50% 20%, rgba(230, 255, 0, 0.08), transparent 28%),
    linear-gradient(135deg, #123f40 0%, #292929 34%, #313131 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
}

.ripperbet-preview {
  width: min(920px, 100%);
  border: 1px solid rgba(230, 255, 0, 0.18);
  background: rgba(48, 48, 48, 0.82);
  border-radius: 22px;
  padding: 46px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.4);
}

.ripperbet-preview h1 {
  margin: 0;
  font-size: clamp(42px, 8vw, 92px);
  font-weight: 900;
  letter-spacing: -0.06em;
  text-transform: uppercase;
}

.ripperbet-preview p {
  margin: 16px 0 0;
  color: #d9d9d9;
  font-size: 18px;
}

.ripperbet-age-gate,
.ripperbet-cookie-modal {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background: rgba(14, 14, 14, 0.78);
  backdrop-filter: blur(10px);
}

.ripperbet-age-gate.ripperbet-visible,
.ripperbet-cookie-modal.ripperbet-visible {
  display: flex;
}

.ripperbet-age-card,
.ripperbet-cookie-settings {
  width: min(480px, 100%);
  position: relative;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(61, 61, 61, 0.96), rgba(38, 38, 38, 0.98)),
    #303030;
  border: 1px solid rgba(230, 255, 0, 0.42);
  box-shadow: 0 24px 90px rgba(0, 0, 0, 0.62);
  overflow: hidden;
}

.ripperbet-age-card::before,
.ripperbet-cookie-settings::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(135deg, transparent 0 38%, rgba(230, 255, 0, 0.09) 39%, transparent 58%),
    repeating-linear-gradient(135deg, transparent 0 18px, rgba(255, 255, 255, 0.025) 19px 20px);
}

.ripperbet-age-card {
  text-align: center;
  padding: 38px 32px 30px;
}

.ripperbet-age-badge {
  width: 82px;
  height: 82px;
  margin: 0 auto 20px;
  display: grid;
  place-items: center;
  color: #102f30;
  background: #e6ff00;
  border-radius: 22px;
  font-size: 30px;
  font-weight: 900;
  box-shadow: 0 0 0 8px rgba(230, 255, 0, 0.11);
}

.ripperbet-age-card h2,
.ripperbet-cookie-settings h2 {
  position: relative;
  margin: 0;
  font-size: 28px;
  line-height: 1.1;
}

.ripperbet-age-card p {
  position: relative;
  margin: 16px 0 24px;
  color: #e2e2e2;
  font-size: 15px;
  line-height: 1.55;
}

.ripperbet-age-actions,
.ripperbet-cookie-actions,
.ripperbet-settings-actions {
  position: relative;
  display: flex;
  gap: 12px;
}

.ripperbet-age-actions {
  justify-content: center;
  flex-wrap: wrap;
}

.ripperbet-btn {
  border: 0;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  transition: transform 0.18s ease, opacity 0.18s ease, background 0.18s ease;
}

.ripperbet-btn:hover {
  transform: translateY(-1px);
}

.ripperbet-btn:active {
  transform: translateY(0);
}

.ripperbet-btn-primary {
  color: #113334;
  background: #e6ff00;
}

.ripperbet-btn-primary:hover {
  background: #f0ff29;
}

.ripperbet-btn-secondary {
  color: #ffffff;
  background: #444444;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.ripperbet-btn-secondary:hover {
  background: #505050;
}

.ripperbet-age-note {
  position: relative;
  display: block;
  margin-top: 18px;
  color: #a9a9a9;
  font-size: 12px;
}

.ripperbet-cookie-panel {
  position: fixed;
  left: 22px;
  right: 22px;
  bottom: 22px;
  z-index: 40;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  max-width: 1180px;
  margin: 0 auto;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(48, 48, 48, 0.97);
  border: 1px solid rgba(230, 255, 0, 0.45);
  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.48);
}

.ripperbet-cookie-panel.ripperbet-visible {
  display: flex;
}

.ripperbet-cookie-content {
  display: flex;
  align-items: center;
  gap: 14px;
}

.ripperbet-cookie-icon {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: rgba(230, 255, 0, 0.13);
  border: 1px solid rgba(230, 255, 0, 0.32);
  font-size: 24px;
}

.ripperbet-cookie-text h3 {
  margin: 0 0 5px;
  font-size: 18px;
  color: #ffffff;
}

.ripperbet-cookie-text p {
  max-width: 720px;
  margin: 0;
  color: #d7d7d7;
  font-size: 14px;
  line-height: 1.45;
}

.ripperbet-cookie-actions {
  align-items: center;
  flex: 0 0 auto;
}

.ripperbet-cookie-link {
  border: 0;
  background: transparent;
  color: #e6ff00;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  padding: 0 6px;
}

.ripperbet-cookie-link:hover {
  text-decoration: underline;
}

.ripperbet-cookie-settings {
  padding: 0;
}

.ripperbet-settings-head {
  position: relative;
  padding: 24px 24px 18px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ripperbet-settings-label {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 10px;
  color: #143334;
  background: #e6ff00;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.ripperbet-close {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 10px;
  color: #ffffff;
  background: #444444;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.ripperbet-settings-body {
  position: relative;
  padding: 6px 24px 8px;
}

.ripperbet-setting-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ripperbet-setting-row:last-child {
  border-bottom: 0;
}

.ripperbet-setting-row h4 {
  margin: 0 0 6px;
  font-size: 15px;
}

.ripperbet-setting-row p {
  margin: 0;
  color: #c8c8c8;
  font-size: 13px;
  line-height: 1.42;
}

.ripperbet-switch {
  position: relative;
  flex: 0 0 auto;
  width: 54px;
  height: 30px;
  cursor: pointer;
}

.ripperbet-switch input {
  display: none;
}

.ripperbet-switch span {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: #565656;
  transition: background 0.18s ease;
}

.ripperbet-switch span::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  top: 4px;
  left: 4px;
  border-radius: 50%;
  background: #ffffff;
  transition: transform 0.18s ease;
}

.ripperbet-switch input:checked + span {
  background: #e6ff00;
}

.ripperbet-switch input:checked + span::after {
  transform: translateX(24px);
  background: #123334;
}

.ripperbet-switch input:disabled + span {
  opacity: 0.75;
  cursor: not-allowed;
}

.ripperbet-settings-actions {
  padding: 20px 24px 24px;
  justify-content: flex-end;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

@media (max-width: 780px) {
  .ripperbet-cookie-panel {
    align-items: stretch;
    flex-direction: column;
  }

  .ripperbet-cookie-actions,
  .ripperbet-settings-actions {
    width: 100%;
  }

  .ripperbet-cookie-actions .ripperbet-btn,
  .ripperbet-settings-actions .ripperbet-btn {
    flex: 1;
  }
}

@media (max-width: 520px) {
  .ripperbet-age-card {
    padding: 30px 20px 24px;
  }

  .ripperbet-cookie-content {
    align-items: flex-start;
  }

  .ripperbet-cookie-actions,
  .ripperbet-settings-actions,
  .ripperbet-age-actions {
    flex-direction: column;
  }

  .ripperbet-btn,
  .ripperbet-cookie-link {
    width: 100%;
  }

  .ripperbet-setting-row {
    align-items: flex-start;
  }
}

@media screen and (max-width: 991px) {
    .left, .rigth {
        display: none;
    }
}