/* СОХРАНЕННЫЕ СТИЛИ И СКРИПТЫ ИЗ HEADER */

/* --- style header 1 --- */
<style>

        @layer sdk {
            :root {
                --sdk-betting-mobile-header-height: 48px;
                --sdk-betting-app-banner-height: 0px;
                --sdk-betting-mobile-navbar-height: 0px;
                --sdk-betting-container-offset-top: 0px;
                --sdk-betting-betslip-z-index: 9;
                --sdk-betting-betslip-width-tablet: 500px;
                --sdk-betting-betslip-height-tablet: 500px;
                --sdk-betting-betslip-offset-bottom: 0px;
                --sdk-betting-betslip-offset-bottom-auth: 0px;
                --sdk-betting-betslip-offset-bottom-mobile: 56px;
                --sdk-betting-betslip-offset-bottom-desktop: 0px
            }

            .sdk-betting-container {
                height: 100%;
                width: 100%
            }

            .sdk-betting-betslip-container {
                bottom: var(--sdk-betting-betslip-offset-bottom-desktop);
                position: fixed;
                width: 100%;
                z-index: var(--sdk-betting-betslip-z-index)
            }

            .sdk-betting-betslip-container.sdk-betting-betslip-mobile {
                bottom: var(--sdk-betting-betslip-offset-bottom-mobile)
            }

            .sdk-betting-betslip-container {
                max-height: calc(100dvh - var(--sdk-betting-mobile-header-height) - var(--sdk-betting-app-banner-height) - var(--sdk-betting-mobile-navbar-height))
            }

            @media (min-width:536px) {
                .sdk-betting-betslip-container {
                    left: 50%;
                    max-height: var(--sdk-betting-betslip-height-tablet);
                    transform: translateX(-50%);
                    width: var(--sdk-betting-betslip-width-tablet)
                }
            }

            @media (min-width:1136px) {
                .sdk-betting-container {
                    padding-top: var(--sdk-betting-container-offset-top)
                }
            }

            .sdk-betting-betslip-container.sdk-betting-betslip-authorized {
                bottom: var(--sdk-betting-betslip-offset-bottom-auth)
            }
        }
    
</style>

/* --- style header 2 --- */
<style>

        @import url(https://fonts.googleapis.com/css2.css?family=Inter:wght@400;500;600;700&display=swap);
    
</style>

/* --- style header 3 --- */
<style>

        #frame-container {
            position: fixed;
            inset: 0;
            overflow: hidden;
            pointer-events: all;
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .25)
        }

        #frame-container[data-state=opened] {
            opacity: 1
        }

        #frame-container[data-state=closed] {
            visibility: hidden;
            opacity: 0
        }

        #frame-container .ie-message {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            justify-content: center;
            height: 100%;
            padding: 0 20px;
            font-size: 22px;
            line-height: 32px;
            color: var(--color-rio);
            text-align: center;
            background-color: var(--color-esmeralda)
        }

        #frame-container .ie-message::after {
            display: block;
            width: 100%;
            height: 250px;
            margin-top: 40px;
            content: "";
            background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUxMnB0IiB2aWV3Qm94PSIwIC0xNiA1MTIgNTEyIiB3aWR0aD0iNTEycHQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTkyLjMwODU5NCA1Mi4yMzA0NjljMC0xMy44NzEwOTQtMTEuMjgxMjUtMjUuMTUyMzQ0LTI1LjE1MjM0NC0yNS4xNTIzNDRzLTI1LjE1NjI1IDExLjI4MTI1LTI1LjE1NjI1IDI1LjE1MjM0NGMwIDEzLjg3MTA5MyAxMS4yODUxNTYgMjUuMTU2MjUgMjUuMTUyMzQ0IDI1LjE1NjI1IDEzLjg3MTA5NCAwIDI1LjE1NjI1LTExLjI4NTE1NyAyNS4xNTYyNS0yNS4xNTYyNXptLTI1LjE1MjM0NCAxMC4xNTYyNWMtNS42MDE1NjIgMC0xMC4xNTYyNS00LjU1ODU5NC0xMC4xNTYyNS0xMC4xNTYyNSAwLTUuNTk3NjU3IDQuNTU0Njg4LTEwLjE1MjM0NCAxMC4xNTIzNDQtMTAuMTUyMzQ0IDUuNjAxNTYyIDAgMTAuMTU2MjUgNC41NTQ2ODcgMTAuMTU2MjUgMTAuMTUyMzQ0IDAgNS41OTc2NTYtNC41NTQ2ODggMTAuMTU2MjUtMTAuMTUyMzQ0IDEwLjE1NjI1em0wIDAiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTI2LjkxNDA2MiA3Ny4zODY3MTljMTMuODcxMDk0IDAgMjUuMTU2MjUtMTEuMjg1MTU3IDI1LjE1NjI1LTI1LjE1NjI1IDAtMTMuODcxMDk0LTExLjI4NTE1Ni0yNS4xNTIzNDQtMjUuMTU2MjUtMjUuMTUyMzQ0LTEzLjg2NzE4NyAwLTI1LjE1MjM0MyAxMS4yODEyNS0yNS4xNTIzNDMgMjUuMTUyMzQ0IDAgMTMuODcxMDkzIDExLjI4MTI1IDI1LjE1NjI1IDI1LjE1MjM0MyAyNS4xNTYyNXptMC0zNS4zMDg1OTRjNS42MDE1NjMgMCAxMC4xNTYyNSA0LjU1NDY4NyAxMC4xNTYyNSAxMC4xNTIzNDQgMCA1LjU5NzY1Ni00LjU1NDY4NyAxMC4xNTYyNS0xMC4xNTYyNSAxMC4xNTYyNS01LjU5NzY1NiAwLTEwLjE1MjM0My00LjU1ODU5NC0xMC4xNTIzNDMtMTAuMTU2MjUgMC01LjU5NzY1NyA0LjU1NDY4Ny0xMC4xNTIzNDQgMTAuMTUyMzQzLTEwLjE1MjM0NHptMCAwIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTE4Ni42NzU3ODEgNzcuMzg2NzE5YzEzLjg2NzE4OCAwIDI1LjE1MjM0NC0xMS4yODUxNTcgMjUuMTUyMzQ0LTI1LjE1NjI1IDAtMTMuODcxMDk0LTExLjI4NTE1Ni0yNS4xNTIzNDQtMjUuMTUyMzQ0LTI1LjE1MjM0NC0xMy44NzEwOTMgMC0yNS4xNTYyNSAxMS4yODEyNS0yNS4xNTYyNSAyNS4xNTIzNDQgMCAxMy44NzEwOTMgMTEuMjg1MTU3IDI1LjE1NjI1IDI1LjE1NjI1IDI1LjE1NjI1em0wLTM1LjMwODU5NGM1LjU5NzY1NyAwIDEwLjE1MjM0NCA0LjU1NDY4NyAxMC4xNTIzNDQgMTAuMTUyMzQ0IDAgNS41OTc2NTYtNC41NTQ2ODcgMTAuMTU2MjUtMTAuMTUyMzQ0IDEwLjE1NjI1LTUuNjAxNTYyIDAtMTAuMTU2MjUtNC41NTg1OTQtMTAuMTU2MjUtMTAuMTU2MjUgMC01LjU5NzY1NyA0LjU1NDY4OC0xMC4xNTIzNDQgMTAuMTU2MjUtMTAuMTUyMzQ0em0wIDAiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMjY5LjY2Nzk2OSA1OS43MzA0NjloMTgyLjY2Nzk2OWM0LjE0MDYyNCAwIDcuNS0zLjM1NTQ2OSA3LjUtNy41IDAtNC4xNDA2MjUtMy4zNTkzNzYtNy41LTcuNS03LjVoLTE4Mi42Njc5NjljLTQuMTQ0NTMxIDAtNy41IDMuMzU5Mzc1LTcuNSA3LjUgMCA0LjE0NDUzMSAzLjM1NTQ2OSA3LjUgNy41IDcuNXptMCAwIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTUxMS41NzgxMjUgMjYuMTY0MDYyYy0uMDQyOTY5LS4yNTc4MTItLjA4OTg0NC0uNTExNzE4LS4xNDA2MjUtLjc2OTUzMS0uMDIzNDM4LS4xMjUtLjA0Njg3NS0uMjUzOTA2LS4wNzQyMTktLjM4MjgxMi0yLjkyNTc4MS0xNC4yNTM5MDctMTUuNTcwMzEyLTI1LjAxMTcxOS0zMC42Nzk2ODctMjUuMDExNzE5aC00NDkuMzY3MTg4Yy0xNy4yNjU2MjUgMC0zMS4zMTY0MDYgMTQuMDQ2ODc1LTMxLjMxNjQwNiAzMS4zMTY0MDZ2NDE3LjI1YzAgMTcuMjY5NTMyIDE0LjA1MDc4MSAzMS4zMTY0MDYgMzEuMzE2NDA2IDMxLjMxNjQwNmg0NDkuMzY3MTg4YzE3LjI2NTYyNSAwIDMxLjMxNjQwNi0xNC4wNTA3ODEgMzEuMzE2NDA2LTMxLjMxNjQwNnYtNDE3LjI1YzAtMS43NTM5MDYtLjE0NDUzMS0zLjQ3MjY1Ni0uNDIxODc1LTUuMTUyMzQ0em0tMzAuODk0NTMxIDQzOC43MTg3NWgtNDQ5LjM2NzE4OGMtOC45OTYwOTQgMC0xNi4zMTY0MDYtNy4zMjAzMTItMTYuMzE2NDA2LTE2LjMxNjQwNnYtMzQ0LjEwMTU2Mmg0MS44MDg1OTRjNC4xNDQ1MzEgMCA3LjUtMy4zNTkzNzUgNy41LTcuNSAwLTQuMTQ0NTMyLTMuMzU1NDY5LTcuNS03LjUtNy41aC00MS44MDg1OTR2LTU4LjE0ODQzOGMwLTguOTk2MDk0IDcuMzIwMzEyLTE2LjMxNjQwNiAxNi4zMTY0MDYtMTYuMzE2NDA2aDQ0OS4zNjcxODhjNy4zMDg1OTQgMCAxMy41MTE3MTggNC44MzIwMzEgMTUuNTgyMDMxIDExLjQ2ODc1LjAxOTUzMS4wNjY0MDYuMDM5MDYzLjEyODkwNi4wNTg1OTQuMTkxNDA2LjA1ODU5My4xOTUzMTMuMTA5Mzc1LjM4NjcxOS4xNjAxNTYuNTgyMDMyLjAxOTUzMS4wNjY0MDYuMDM1MTU2LjEzMjgxMi4wNTA3ODEuMTk5MjE4LjA0Njg3NS4xOTUzMTMuMDkzNzUuMzk0NTMyLjEzMjgxMy41ODk4NDQuMDgyMDMxLjM5ODQzOC4xNDg0MzcuODA0Njg4LjE5OTIxOSAxLjIxMDkzOC4wMTk1MzEuMTM2NzE4LjAzNTE1Ni4yNzM0MzcuMDQ2ODc0LjQxMDE1Ni4wNTg1OTQuNTQ2ODc1LjA4NTkzOCAxLjEwMTU2Mi4wODU5MzggMS42NjQwNjJ2NTguMTQ4NDM4aC00MTIuMTkxNDA2Yy00LjE0MDYyNSAwLTcuNSAzLjM1NTQ2OC03LjUgNy41IDAgNC4xNDA2MjUgMy4zNTkzNzUgNy41IDcuNSA3LjVoNDEyLjE5MTQwNnYzNDQuMTAxNTYyYzAgOC45OTYwOTQtNy4zMjAzMTIgMTYuMzE2NDA2LTE2LjMxNjQwNiAxNi4zMTY0MDZ6bTAgMCIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0xNjYuMzYzMjgxIDI5OC4yNDYwOTRjMi45Mjk2ODggMi45Mjk2ODcgNy42NzU3ODEgMi45MjU3ODEgMTAuNjA1NDY5IDBsMTQuNjk1MzEyLTE0LjY5OTIxOSAxNC42OTkyMTkgMTQuNjk5MjE5YzIuOTI5Njg4IDIuOTI5Njg3IDcuNjc1NzgxIDIuOTI1NzgxIDEwLjYwNTQ2OSAwIDIuOTI5Njg4LTIuOTI5Njg4IDIuOTI5Njg4LTcuNjc5Njg4IDAtMTAuNjA5Mzc1bC0xNC42OTUzMTItMTQuNjk1MzEzIDE0LjY5NTMxMi0xNC42OTUzMTJjMi45Mjk2ODgtMi45Mjk2ODggMi45Mjk2ODgtNy42Nzk2ODggMC0xMC42MDkzNzUtMi45Mjk2ODgtMi45MjU3ODEtNy42Nzk2ODgtMi45MjU3ODEtMTAuNjA1NDY5IDBsLTE0LjY5OTIxOSAxNC42OTkyMTktMTQuNjk1MzEyLTE0LjY5OTIxOWMtMi45Mjk2ODgtMi45MjU3ODEtNy42Nzk2ODgtMi45MjU3ODEtMTAuNjA1NDY5IDAtMi45Mjk2ODcgMi45Mjk2ODctMi45Mjk2ODcgNy42Nzk2ODcgMCAxMC42MDkzNzVsMTQuNjk1MzEzIDE0LjY5NTMxMi0xNC42OTUzMTMgMTQuNjk1MzEzYy0yLjkyOTY4NyAyLjkyOTY4Ny0yLjkyOTY4NyA3LjY3OTY4NyAwIDEwLjYwOTM3NXptMCAwIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTI5NS4wMzEyNSAyOTguMjQ2MDk0YzIuOTI5Njg4IDIuOTI5Njg3IDcuNjc1NzgxIDIuOTI1NzgxIDEwLjYwNTQ2OSAwbDE0LjY5NTMxMi0xNC42OTkyMTkgMTQuNjk5MjE5IDE0LjY5OTIxOWMyLjkyOTY4OCAyLjkyOTY4NyA3LjY3NTc4MSAyLjkyNTc4MSAxMC42MDU0NjkgMCAyLjkyOTY4Ny0yLjkyOTY4OCAyLjkyOTY4Ny03LjY3OTY4OCAwLTEwLjYwOTM3NWwtMTQuNjk1MzEzLTE0LjY5NTMxMyAxNC42OTUzMTMtMTQuNjk1MzEyYzIuOTI5Njg3LTIuOTI5Njg4IDIuOTI5Njg3LTcuNjc5Njg4IDAtMTAuNjA5Mzc1LTIuOTI5Njg4LTIuOTI1NzgxLTcuNjc5Njg4LTIuOTI1NzgxLTEwLjYwNTQ2OSAwbC0xNC42OTkyMTkgMTQuNjk5MjE5LTE0LjY5NTMxMi0xNC42OTkyMTljLTIuOTI5Njg4LTIuOTI1NzgxLTcuNjc5Njg4LTIuOTI1NzgxLTEwLjYwNTQ2OSAwLTIuOTI5Njg4IDIuOTI5Njg3LTIuOTI5Njg4IDcuNjc5Njg3IDAgMTAuNjA5Mzc1bDE0LjY5NTMxMiAxNC42OTUzMTItMTQuNjk1MzEyIDE0LjY5NTMxM2MtMi45Mjk2ODggMi45Mjk2ODctMi45Mjk2ODggNy42Nzk2ODcgMCAxMC42MDkzNzV6bTAgMCIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0xODcuNTAzOTA2IDM1OS43NzM0MzhoMTM2Ljk5MjE4OGM0LjE0MDYyNSAwIDcuNS0zLjM1NTQ2OSA3LjUtNy41IDAtNC4xNDA2MjYtMy4zNTkzNzUtNy41LTcuNS03LjVoLTEzNi45OTIxODhjLTQuMTQwNjI1IDAtNy41IDMuMzU5Mzc0LTcuNSA3LjUgMCA0LjE0NDUzMSAzLjM1OTM3NSA3LjUgNy41IDcuNXptMCAwIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTM1OC45NTcwMzEgMTc4LjM1NTQ2OWgtMjAuNDU3MDMxdi0xNC44NzVjMC0xMy43NjU2MjUtMTEuMTk5MjE5LTI0Ljk2NDg0NC0yNC45NjA5MzgtMjQuOTY0ODQ0aC0xMTUuMDc4MTI0Yy0xMy43NjE3MTkgMC0yNC45NjA5MzggMTEuMTk5MjE5LTI0Ljk2MDkzOCAyNC45NjQ4NDR2MTQuODc1aC0yMC40NTcwMzFjLTI2LjQ5MjE4OCAwLTQ4LjA0Mjk2OSAyMS41NTQ2ODctNDguMDQyOTY5IDQ4LjA0Mjk2OXYxNTUuMTA1NDY4YzAgMjYuNDg4MjgyIDIxLjU1MDc4MSA0OC4wNDI5NjkgNDguMDQyOTY5IDQ4LjA0Mjk2OWgxMzMuMjkyOTY5YzQuMTQwNjI0IDAgNy41LTMuMzU5Mzc1IDcuNS03LjUgMC00LjE0NDUzMS0zLjM1OTM3Ni03LjUtNy41LTcuNWgtMTMzLjI5Mjk2OWMtMTguMjE4NzUgMC0zMy4wNDI5NjktMTQuODI0MjE5LTMzLjA0Mjk2OS0zMy4wNDI5Njl2LTE1NS4xMDU0NjhjMC0xOC4yMTg3NSAxNC44MjQyMTktMzMuMDQyOTY5IDMzLjA0Mjk2OS0zMy4wNDI5NjloMjA1LjkxNDA2MmMxOC4yMTg3NSAwIDMzLjA0Mjk2OSAxNC44MjQyMTkgMzMuMDQyOTY5IDMzLjA0Mjk2OXYxNTUuMTA1NDY4YzAgMTguMjE4NzUtMTQuODI0MjE5IDMzLjA0Mjk2OS0zMy4wNDI5NjkgMzMuMDQyOTY5aC00NC42MjVjLTQuMTQwNjI1IDAtNy41IDMuMzU1NDY5LTcuNSA3LjUgMCA0LjE0MDYyNSAzLjM1OTM3NSA3LjUgNy41IDcuNWg0NC42MjVjMjYuNDkyMTg4IDAgNDguMDQyOTY5LTIxLjU1NDY4NyA0OC4wNDI5NjktNDguMDQyOTY5di0xNTUuMTA1NDY4YzAtMjYuNDg4MjgyLTIxLjU1MDc4MS00OC4wNDI5NjktNDguMDQyOTY5LTQ4LjA0Mjk2OXptLTE3MC40NTcwMzEgMHYtMTQuODc1YzAtNS40OTYwOTQgNC40Njg3NS05Ljk2NDg0NCA5Ljk2MDkzOC05Ljk2NDg0NGgxMTUuMDc0MjE4YzUuNDk2MDk0IDAgOS45NjQ4NDQgNC40Njg3NSA5Ljk2NDg0NCA5Ljk2NDg0NHYxNC44NzV6bTAgMCIvPjwvc3ZnPgo=) no-repeat center;
            background-size: contain
        }

        @media screen and (min-width: 1270px) {
            #frame-container[data-state=opened] {
                width: 337px;
                height: 615px;
                border-radius: var(--border-corner)
            }

            #frame-container[data-state=opened][data-appearance=right] {
                right: 17px;
                left: auto
            }

            #frame-container[data-state=opened][data-appearance=left] {
                right: auto;
                left: 17px
            }

            #frame-container[data-state=opened][data-position=bottom] {
                top: auto;
                bottom: 40px
            }

            #frame-container[data-state=opened][data-position=top] {
                top: 40px;
                bottom: auto
            }

            #frame-container[data-state=opened][data-position=center] {
                top: 0;
                bottom: 0;
                margin: auto
            }
        }

        @media only screen and (width >=1280px)and (width <=1366px)and (height <=800px) {
            #frame-container[data-state=opened] {
                height: 38vw
            }
        }

        #widget-container iframe {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            border: 0
        }

        #widget-container[data-color-scheme=teton],
        #widget-container[data-color-scheme=default],
        #widget-container[data-color-scheme=""] {
            --color-esmeralda: #0560fd;
            --color-rio: #fff;
            --color-asfalto: #000;
            --color-glamour: rgba(137, 137, 137, .4980392157);
            --color-medianoche: #d0021b;
            --color-costero: #28b116;
            --color-nefritis: #e5eef7;
            --color-azureglint: #07cbfd;
            --color-stellarsilence: var(--color-esmeralda);
            --color-magicdusk: var(--color-esmeralda)
        }

        #widget-container[data-color-scheme=high-sierra] {
            --color-esmeralda: #f9a72d;
            --color-rio: #fff;
            --color-asfalto: #1b204f;
            --color-glamour: rgba(137, 137, 137, .4980392157);
            --color-medianoche: #d0021b;
            --color-costero: #28b116;
            --color-nefritis: var(--color-rio);
            --color-azureglint: color-mix(in srgb, transparent, var(--color-esmeralda) 20%);
            --color-stellarsilence: rgba(229, 137, 0, .4);
            --color-magicdusk: linear-gradient(0deg, #F9A72D 0%, #FECF73 100%);
            --color-mistgleam: var(--color-asfalto);
            --color-penas: var(--color-asfalto)
        }

        #widget-container[data-color-scheme=mavericks] {
            --color-esmeralda: #121212;
            --color-rio: #fff;
            --color-asfalto: #000;
            --color-glamour: rgba(137, 137, 137, .4980392157);
            --color-medianoche: #d0021b;
            --color-costero: #28b116;
            --color-nefritis: #e5eef7;
            --color-azureglint: #eee;
            --color-stellarsilence: var(--color-esmeralda);
            --color-magicdusk: var(--color-esmeralda)
        }

        #widget-container[data-color-scheme=yosemite] {
            --color-esmeralda: #f07504;
            --color-rio: #fff;
            --color-asfalto: #1b204f;
            --color-glamour: rgba(137, 137, 137, .4980392157);
            --color-medianoche: #a3dc06;
            --color-costero: #28b116;
            --color-nefritis: #e5e5ea;
            --color-azureglint: #f6fce7;
            --color-stellarsilence: #7fd607;
            --color-magicdusk: linear-gradient(360deg, #529300 0%, #9DD500 100%)
        }

        #widget-container[data-color-scheme=el-capitan] {
            --color-esmeralda: #06d;
            --color-rio: #fff;
            --color-asfalto: #1b204f;
            --color-glamour: rgba(137, 137, 137, .4980392157);
            --color-medianoche: #d0021b;
            --color-costero: #28b116;
            --color-nefritis: #e5eef7;
            --color-azureglint: color-mix(in srgb, transparent, var(--color-esmeralda) 20%);
            --color-stellarsilence: var(--color-esmeralda);
            --color-magicdusk: #ff5823
        }

        #widget-container[data-color-scheme=mojave] {
            --color-esmeralda: #ff6b00;
            --color-rio: #fff;
            --color-asfalto: #1b204f;
            --color-glamour: rgba(137, 137, 137, .4980392157);
            --color-medianoche: #d0021b;
            --color-costero: #28b116;
            --color-nefritis: #e5eef7;
            --color-azureglint: color-mix(in srgb, transparent, var(--color-esmeralda) 20%);
            --color-stellarsilence: var(--color-esmeralda);
            --color-magicdusk: var(--color-esmeralda)
        }

        #widget-container[data-color-scheme=catalina] {
            --color-esmeralda: #003cff;
            --color-rio: #fff;
            --color-asfalto: #1b204f;
            --color-glamour: rgba(137, 137, 137, .4980392157);
            --color-medianoche: #d0021b;
            --color-costero: #28b116;
            --color-nefritis: #e5eef7;
            --color-azureglint: color-mix(in srgb, transparent, var(--color-esmeralda) 20%);
            --color-stellarsilence: var(--color-esmeralda);
            --color-magicdusk: var(--color-esmeralda)
        }

        #widget-container[data-color-scheme=sonoma] {
            --color-esmeralda: #c9051d;
            --color-rio: #fff;
            --color-asfalto: #1b204f;
            --color-glamour: rgba(137, 137, 137, .4980392157);
            --color-medianoche: #d0021b;
            --color-costero: #28b116;
            --color-nefritis: #e5eef7;
            --color-azureglint: #e6f0fc;
            --color-stellarsilence: var(--color-esmeralda);
            --color-magicdusk: var(--color-esmeralda)
        }

        #widget-container[data-color-scheme=ventura] {
            --color-esmeralda: #0b3cb9;
            --color-rio: #fff;
            --color-asfalto: #0e1320;
            --color-glamour: rgba(137, 137, 137, .4980392157);
            --color-medianoche: #d0021b;
            --color-costero: #28b116;
            --color-nefritis: #e5eef7;
            --color-azureglint: #0a1b3c;
            --color-stellarsilence: var(--color-esmeralda);
            --color-magicdusk: var(--color-esmeralda)
        }

        #widget-container[data-color-scheme=monterey] {
            --color-esmeralda: linear-gradient(108.86deg, #0586FD 0%, #0560FD 62.73%);
            --color-rio: #fff;
            --color-asfalto: #1b204f;
            --color-glamour: rgba(137, 137, 137, .4980392157);
            --color-medianoche: #f50000;
            --color-costero: #28b116;
            --color-nefritis: #e5e5ea;
            --color-azureglint: #e6f0fc;
            --color-stellarsilence: var(--color-esmeralda);
            --color-magicdusk: linear-gradient(360deg, #B80000 0%, #F50000 100%)
        }

        #widget-container[data-color-scheme=big-sur] {
            --color-esmeralda: #3c297b;
            --color-rio: #fff;
            --color-asfalto: #1b204f;
            --color-glamour: rgba(137, 137, 137, .4980392157);
            --color-medianoche: #d0021b;
            --color-costero: #28b116;
            --color-nefritis: var(--color-rio);
            --color-azureglint: var(--color-rio);
            --color-stellarsilence: rgba(229, 137, 0, .4);
            --color-magicdusk: #c30054;
            --color-mistgleam: var(--color-rio);
            --color-zvezdina: #3c297b
        }

        #widget-container[data-color-scheme=elysium] {
            --color-esmeralda: #352e69;
            --color-rio: #fff;
            --color-asfalto: #060423;
            --color-glamour: rgba(137, 137, 137, .4980392157);
            --color-medianoche: #d0021b;
            --color-costero: #28b116;
            --color-nefritis: var(--color-rio);
            --color-azureglint: var(--color-rio);
            --color-stellarsilence: rgba(229, 137, 0, .4);
            --color-magicdusk: #f2ff44;
            --color-mistgleam: var(--color-rio);
            --color-zvezdina: #352e69;
            --color-penas: var(--color-asfalto)
        }

        #widget-container[data-color-scheme=sequoia] {
            --color-esmeralda: #d1002f;
            --color-rio: #fff;
            --color-asfalto: #060423;
            --color-glamour: rgba(137, 137, 137, .4980392157);
            --color-medianoche: #d0021b;
            --color-costero: #28b116;
            --color-nefritis: var(--color-rio);
            --color-azureglint: var(--color-rio);
            --color-stellarsilence: rgba(229, 137, 0, .4);
            --color-magicdusk: #ffe000;
            --color-mistgleam: var(--color-rio);
            --color-zvezdina: var(--color-esmeralda);
            --color-penas: var(--color-asfalto)
        }

        #widget-container {
            font-family: "Inter", sans-serif
        }

        #widget-container[data-design=vortex],
        #widget-container[data-design=ember],
        #widget-container[data-design=inferno],
        #widget-container[data-design=default],
        #widget-container[data-design=""] {
            --popup-corner: 32px;
            --border-corner: 16px;
            --button-corner: 20px;
            --help-button-corner: 50%;
            --shadow-lg: 0 16px 16px 0 rgba(0, 0, 0, .0784313725);
            --help-button-icon-background: var(--color-nefritis)
        }

        #widget-container[data-design=blaze] {
            --popup-corner: 12px;
            --border-corner: 12px;
            --button-corner: 8px;
            --shadow-lg: 0 16px 16px 0 rgba(0, 0, 0, .0784313725);
            --help-button-background: var(--color-esmeralda);
            --help-button-corner: 16px 16px 0 16px;
            --help-button-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMiAxMi4wMTQ5QzIyIDYuNzQ3IDE3Ljc5IDEuOTk5ODggMTEuOTggMS45OTk4OEM2LjMgMS45OTk4OCAyIDYuNjU2ODYgMiAxMS45ODQ5QzIgMTguMTY0MSA3LjA0IDIxLjk5OTkgMTIgMjEuOTk5OUMxMy42NCAyMS45OTk5IDE1LjQ2IDIxLjU1OTIgMTYuOTIgMjAuNjk3OUMxNy40MyAyMC4zODc1IDE3Ljg2IDIwLjE1NzEgMTguNDEgMjAuMzM3NEwyMC40MyAyMC45MzgzQzIwLjk0IDIxLjA5ODUgMjEuNCAyMC42OTc5IDIxLjI1IDIwLjE1NzFMMjAuNTggMTcuOTEzN0MyMC40NyAxNy42MDMzIDIwLjQ5IDE3LjI3MjggMjAuNjUgMTcuMDEyNEMyMS41MSAxNS40MyAyMiAxMy42OTc0IDIyIDEyLjAxNDlaTTEzLjMgMTIuMDE0OUMxMy4zIDEyLjcyNTkgMTIuNzMgMTMuMjk2OCAxMi4wMiAxMy4zMDY4QzExLjMxIDEzLjMwNjggMTAuNzQgMTIuNzI1OSAxMC43NCAxMi4wMjQ5QzEwLjc0IDExLjMxMzggMTEuMzEgMTAuNzQzIDEyLjAyIDEwLjc0M0MxMi43MiAxMC43MzMgMTMuMyAxMS4zMTM4IDEzLjMgMTIuMDE0OVpNOC42OTAwNCAxMi4wMjQ5QzguNjkwMDQgMTIuNzI1OSA4LjEyMDA0IDEzLjMwNjggNy40MTAwNCAxMy4zMDY4QzYuNzAwMDQgMTMuMzA2OCA2LjEzMDA0IDEyLjcyNTkgNi4xMzAwNCAxMi4wMjQ5QzYuMTMwMDQgMTEuMzEzOCA2LjcwMDA0IDEwLjc0MyA3LjQxMDA0IDEwLjc0M0M4LjEyMDA0IDEwLjc0MyA4LjY5MDA0IDExLjMxMzggOC42OTAwNCAxMi4wMjQ5Wk0xNi42MzAxIDEzLjMwNjhDMTcuMzMwMSAxMy4zMDY4IDE3LjkxMDEgMTIuNzI2IDE3LjkxMDEgMTIuMDI0OUMxNy45MTAxIDExLjMxMzggMTcuMzQwMSAxMC43NDMgMTYuNjMwMSAxMC43NDNDMTUuOTIwMSAxMC43NDMgMTUuMzUwMSAxMS4zMTM4IDE1LjM1MDEgMTIuMDI0OUMxNS4zNTAxIDEyLjcyNiAxNS45MjAxIDEzLjI5NjggMTYuNjMwMSAxMy4zMDY4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
            --help-button-after: none;
            --popup-button-padding: 8px 12px;
            --popup-yes-button-border: 1px solid var(--color-stellarsilence);
            --popup-no-button-border: 1px solid var(--color-nefritis);
            --popup-no-button-background-hover: var(--color-nefritis);
            --popup-no-button-shadow-hover: none;
            --popup-button-weight: 700;
            --popup-yes-button-color: var(--color-penas);
            --popup-background: var(--color-zvezdina);
            --popup-text-color: var(--color-mistgleam)
        }

        #widget-container[data-design=shard] {
            --popup-corner: 12px;
            --border-corner: 12px;
            --button-corner: 8px;
            --shadow-lg: 0 16px 16px 0 rgba(0, 0, 0, .0784313725);
            --help-button-background: var(--color-esmeralda);
            --help-button-corner: 8px;
            --help-button-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyLjAxNDlDMiA2Ljc0NyA2LjIxIDEuOTk5ODggMTIuMDIgMS45OTk4OEMxNy43IDEuOTk5ODggMjIgNi42NTY4NiAyMiAxMS45ODQ5QzIyIDE4LjE2NDEgMTYuOTYgMjEuOTk5OSAxMiAyMS45OTk5QzEwLjM2IDIxLjk5OTkgOC41NCAyMS41NTkyIDcuMDggMjAuNjk3OUM2LjU3IDIwLjM4NzUgNi4xNCAyMC4xNTcxIDUuNTkgMjAuMzM3NEwzLjU3IDIwLjkzODNDMy4wNiAyMS4wOTg1IDIuNiAyMC42OTc5IDIuNzUgMjAuMTU3MUwzLjQyIDE3LjkxMzdDMy41MyAxNy42MDMzIDMuNTEgMTcuMjcyOCAzLjM1IDE3LjAxMjRDMi40OSAxNS40MyAyIDEzLjY5NzQgMiAxMi4wMTQ5Wk0xMC43IDEyLjAxNDlDMTAuNyAxMi43MjU5IDExLjI3IDEzLjI5NjggMTEuOTggMTMuMzA2OEMxMi42OSAxMy4zMDY4IDEzLjI2IDEyLjcyNTkgMTMuMjYgMTIuMDI0OUMxMy4yNiAxMS4zMTM4IDEyLjY5IDEwLjc0MyAxMS45OCAxMC43NDNDMTEuMjggMTAuNzMzIDEwLjcgMTEuMzEzOCAxMC43IDEyLjAxNDlaTTE1LjMxIDEyLjAyNDlDMTUuMzEgMTIuNzI1OSAxNS44OCAxMy4zMDY4IDE2LjU5IDEzLjMwNjhDMTcuMyAxMy4zMDY4IDE3Ljg3IDEyLjcyNTkgMTcuODcgMTIuMDI0OUMxNy44NyAxMS4zMTM4IDE3LjMgMTAuNzQzIDE2LjU5IDEwLjc0M0MxNS44OCAxMC43NDMgMTUuMzEgMTEuMzEzOCAxNS4zMSAxMi4wMjQ5Wk03LjM2OTkgMTMuMzA2OEM2LjY2OTkgMTMuMzA2OCA2LjA4OTkgMTIuNzI2IDYuMDg5OSAxMi4wMjQ5QzYuMDg5OSAxMS4zMTM4IDYuNjU5OSAxMC43NDMgNy4zNjk5IDEwLjc0M0M4LjA3OTkgMTAuNzQzIDguNjQ5OSAxMS4zMTM4IDguNjQ5OSAxMi4wMjQ5QzguNjQ5OSAxMi43MjYgOC4wNzk5IDEzLjI5NjggNy4zNjk5IDEzLjMwNjhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
            --popup-no-button-border: 1px solid var(--color-nefritis);
            --popup-no-button-background-hover: var(--color-nefritis);
            --popup-no-button-shadow-hover: none;
            --popup-button-weight: 700
        }

        .help-button {
            position: fixed;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px;
            overflow: visible;
            pointer-events: all;
            cursor: pointer;
            background: var(--help-button-background, var(--color-esmeralda));
            border: 0;
            border-radius: var(--help-button-corner, 50%);
            outline: none;
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .25);
            opacity: 1;
            transition: 250ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s, bottom 0s ease 0s, right 0s ease 0s
        }

        .help-button:after {
            content: var(--help-button-after, "");
            position: absolute;
            top: 50%;
            left: 50%;
            width: 8px;
            height: 8px;
            border-radius: var(--help-button-corner, 50%);
            background-color: var(--color-costero);
            transform: translate(25%, 25%)
        }

        .help-button.is-hidden {
            pointer-events: none;
            opacity: 0
        }

        @media not all and (pointer: coarse) {
            .help-button:hover {
                box-shadow: 0 12px 20px 0 rgba(0, 0, 0, .25);
                transform: translateY(-3px)
            }
        }

        .help-button__title {
            display: none
        }

        .help-button__icon {
            width: 24px;
            height: 24px;
            background-color: var(--help-button-icon-background, var(--color-rio));
            background-repeat: no-repeat;
            background-position: center;
            mask: var(--help-button-icon, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBmaWxsPSJub25lIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJjaGF0LnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4zLjIgKDA5MWUyMGUsIDIwMjMtMTEtMjUpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3NCIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiMwMDAwMDAiCiAgICAgYm9yZGVyb3BhY2l0eT0iMC4yNSIKICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIKICAgICBpbmtzY2FwZTpjeD0iOS40NTc2MjcxIgogICAgIGlua3NjYXBlOmN5PSI4LjU0MjM3MjkiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijg1MyIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjUiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgaWQ9InBhdGg5IgogICAgIHN0eWxlPSJjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOmV2ZW5vZGQiCiAgICAgZD0ibSA0Ljk5OTEzOTEsMy40OTE2NTc4IGMgLTEuMTA0NTY3LDAgLTIsMC44OTU0MzMzIC0yLDIgViAxOS4yMjIxMjYgYyAwLDAuODQ3ODk4IDAuOTg5MzA4LDEuMzEwMzc3IDEuNjQwNjI1LDAuNzY3NTc4IGwgMi43MjA3MDMsLTIuMjY1NjI1IGMgMC4xNzk3MSwtMC4xNDk3OTggMC40MDQ3MzMsLTAuMjMyNDIxIDAuNjM4NjcyLC0wLjIzMjQyMSBIIDE4Ljk5OTEzOSBjIDEuMTA0NTk3LDAgMiwtMC44OTU0MDUgMiwtMiBWIDUuNDkxNjU3OCBjIDAsLTEuMTA0NTY2NyAtMC44OTU0MDMsLTIgLTIsLTIgeiBtIDIuNSw0IGggNy45OTk5OTk5IGMgMC4wMzQ1MSwwIDAuMDY5MDIsMC4wMDMxMSAwLjEwMTU2MywwLjAwOTc3IDAuMDMyNTUsMC4wMDY2NiAwLjA2Mzg0LDAuMDE2NjQ2IDAuMDkzNzUsMC4wMjkyOTcgMC4wMjk5MSwwLjAxMjY1MSAwLjA1NzM4LDAuMDI4OTA0IDAuMDgzOTgsMC4wNDY4NzUgMC4wMjY2LDAuMDE3OTcxIDAuMDUxNiwwLjAzNzkyNiAwLjA3NDIyLDAuMDYwNTQ3IDAuMDIyNjIsMC4wMjI2MjEgMC4wNDI1NywwLjA0NzYxOSAwLjA2MDU1LDAuMDc0MjE5IDAuMDE3OTcsMC4wMjY2IDAuMDM0MjIsMC4wNTQwNzUgMC4wNDY4NywwLjA4Mzk4NCAwLjAxMjY1LDAuMDI5OTEgMC4wMjI2MywwLjA2MTIwMiAwLjAyOTMsMC4wOTM3NSAwLjAwNjcsMC4wMzI1NDkgMC4wMDk4LDAuMDY3MDQ1IDAuMDA5OCwwLjEwMTU2MjUgMCwwLjAzNDUxNyAtMC4wMDMxLDAuMDY5MDE0IC0wLjAwOTgsMC4xMDE1NjI1IC0wLjAwNjcsMC4wMzI1NDggLTAuMDE2NjUsMC4wNjM4NCAtMC4wMjkzLDAuMDkzNzUgLTAuMDEyNjUsMC4wMjk5MDkgLTAuMDI4OSwwLjA1NzM4NCAtMC4wNDY4NywwLjA4Mzk4NCAtMC4wMTc5NywwLjAyNjYgLTAuMDM3OTIsMC4wNTE1OTggLTAuMDYwNTUsMC4wNzQyMTkgLTAuMDIyNjIsMC4wMjI2MjEgLTAuMDQ3NjIsMC4wNDI1NzYgLTAuMDc0MjIsMC4wNjA1NDcgLTAuMDI2NiwwLjAxNzk3MSAtMC4wNTQwOCwwLjAzNDIyNCAtMC4wODM5OCwwLjA0Njg3NSAtMC4wMjk5MSwwLjAxMjY1MSAtMC4wNjEyLDAuMDIyNjM2IC0wLjA5Mzc1LDAuMDI5Mjk3IC0wLjAzMjU1LDAuMDA2NjYgLTAuMDY3MDUsMC4wMDk3NyAtMC4xMDE1NjMsMC4wMDk3NyBIIDcuNDk5MTM5MSBjIC0wLjAzNDUxNywwIC0wLjA2OTAxNCwtMC4wMDMxMSAtMC4xMDE1NjIsLTAuMDA5NzcgLTAuMDMyNTQ5LC0wLjAwNjY2IC0wLjA2Mzg0MSwtMC4wMTY2NDYgLTAuMDkzNzUsLTAuMDI5Mjk3IC0wLjAyOTkxLC0wLjAxMjY1MSAtMC4wNTczODQsLTAuMDI4OTA0IC0wLjA4Mzk4NSwtMC4wNDY4NzUgLTAuMDI2NiwtMC4wMTc5NzEgLTAuMDUxNTk4LC0wLjAzNzkyNiAtMC4wNzQyMTgsLTAuMDYwNTQ3IC0wLjAyMjYyMSwtMC4wMjI2MjEgLTAuMDQyNTc2LC0wLjA0NzYxOSAtMC4wNjA1NDcsLTAuMDc0MjE5IC0wLjAxNzk3MSwtMC4wMjY2IC0wLjAzNDIyNCwtMC4wNTQwNzUgLTAuMDQ2ODc1LC0wLjA4Mzk4NCAtMC4wMTI2NTEsLTAuMDI5OTEgLTAuMDIyNjM3LC0wLjA2MTIwMSAtMC4wMjkyOTcsLTAuMDkzNzUgLTAuMDA2NjYsLTAuMDMyNTQ5IC0wLjAwOTc3LC0wLjA2NzA0NSAtMC4wMDk3NywtMC4xMDE1NjI1IDAsLTAuMDM0NTE3IDAuMDAzMTEsLTAuMDY5MDE0IDAuMDA5NzcsLTAuMTAxNTYyNSAwLjAwNjY2LC0wLjAzMjU0OSAwLjAxNjY0NiwtMC4wNjM4NCAwLjAyOTI5NywtMC4wOTM3NSAwLjAxMjY1MSwtMC4wMjk5MDkgMC4wMjg5MDQsLTAuMDU3Mzg0IDAuMDQ2ODc1LC0wLjA4Mzk4NCAwLjAxNzk3MSwtMC4wMjY2IDAuMDM3OTI2LC0wLjA1MTU5OCAwLjA2MDU0NywtMC4wNzQyMTkgMC4wMjI2MiwtMC4wMjI2MjEgMC4wNDc2MTgsLTAuMDQyNTc2IDAuMDc0MjE4LC0wLjA2MDU0NyAwLjAyNjYwMSwtMC4wMTc5NzEgMC4wNTQwNzUsLTAuMDM0MjI0IDAuMDgzOTg1LC0wLjA0Njg3NSAwLjAyOTkwOSwtMC4wMTI2NTEgMC4wNjEyMDEsLTAuMDIyNjM2IDAuMDkzNzUsLTAuMDI5Mjk3IDAuMDMyNTQ4LC0wLjAwNjY2IDAuMDY3MDQ1LC0wLjAwOTc3IDAuMTAxNTYyLC0wLjAwOTc3IHogbSAwLDQuMDAwMDAwMiBoIDMuOTk5OTk5OSBjIDAuMjc2MDk5LDAgMC41LDAuMjIzOSAwLjUsMC41IDAsMC4yNzYwOTggLTAuMjIzOTAxLDAuNDk5OTk5IC0wLjUsMC41IEggNy40OTkxMzkxIGMgLTAuMjc2MTM4LC0xMGUtNyAtMC41LC0wLjIyMzkwMiAtMC41LC0wLjUgMCwtMC4yNzYxIDAuMjIzODYyLC0wLjUgMC41LC0wLjUgeiIgLz4KPC9zdmc+Cg==)) no-repeat center/contain;
            -webkit-mask: var(--help-button-icon, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBmaWxsPSJub25lIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJjaGF0LnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4zLjIgKDA5MWUyMGUsIDIwMjMtMTEtMjUpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3NCIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiMwMDAwMDAiCiAgICAgYm9yZGVyb3BhY2l0eT0iMC4yNSIKICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIKICAgICBpbmtzY2FwZTpjeD0iOS40NTc2MjcxIgogICAgIGlua3NjYXBlOmN5PSI4LjU0MjM3MjkiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijg1MyIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjUiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPgogIDxwYXRoCiAgICAgaWQ9InBhdGg5IgogICAgIHN0eWxlPSJjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOmV2ZW5vZGQiCiAgICAgZD0ibSA0Ljk5OTEzOTEsMy40OTE2NTc4IGMgLTEuMTA0NTY3LDAgLTIsMC44OTU0MzMzIC0yLDIgViAxOS4yMjIxMjYgYyAwLDAuODQ3ODk4IDAuOTg5MzA4LDEuMzEwMzc3IDEuNjQwNjI1LDAuNzY3NTc4IGwgMi43MjA3MDMsLTIuMjY1NjI1IGMgMC4xNzk3MSwtMC4xNDk3OTggMC40MDQ3MzMsLTAuMjMyNDIxIDAuNjM4NjcyLC0wLjIzMjQyMSBIIDE4Ljk5OTEzOSBjIDEuMTA0NTk3LDAgMiwtMC44OTU0MDUgMiwtMiBWIDUuNDkxNjU3OCBjIDAsLTEuMTA0NTY2NyAtMC44OTU0MDMsLTIgLTIsLTIgeiBtIDIuNSw0IGggNy45OTk5OTk5IGMgMC4wMzQ1MSwwIDAuMDY5MDIsMC4wMDMxMSAwLjEwMTU2MywwLjAwOTc3IDAuMDMyNTUsMC4wMDY2NiAwLjA2Mzg0LDAuMDE2NjQ2IDAuMDkzNzUsMC4wMjkyOTcgMC4wMjk5MSwwLjAxMjY1MSAwLjA1NzM4LDAuMDI4OTA0IDAuMDgzOTgsMC4wNDY4NzUgMC4wMjY2LDAuMDE3OTcxIDAuMDUxNiwwLjAzNzkyNiAwLjA3NDIyLDAuMDYwNTQ3IDAuMDIyNjIsMC4wMjI2MjEgMC4wNDI1NywwLjA0NzYxOSAwLjA2MDU1LDAuMDc0MjE5IDAuMDE3OTcsMC4wMjY2IDAuMDM0MjIsMC4wNTQwNzUgMC4wNDY4NywwLjA4Mzk4NCAwLjAxMjY1LDAuMDI5OTEgMC4wMjI2MywwLjA2MTIwMiAwLjAyOTMsMC4wOTM3NSAwLjAwNjcsMC4wMzI1NDkgMC4wMDk4LDAuMDY3MDQ1IDAuMDA5OCwwLjEwMTU2MjUgMCwwLjAzNDUxNyAtMC4wMDMxLDAuMDY5MDE0IC0wLjAwOTgsMC4xMDE1NjI1IC0wLjAwNjcsMC4wMzI1NDggLTAuMDE2NjUsMC4wNjM4NCAtMC4wMjkzLDAuMDkzNzUgLTAuMDEyNjUsMC4wMjk5MDkgLTAuMDI4OSwwLjA1NzM4NCAtMC4wNDY4NywwLjA4Mzk4NCAtMC4wMTc5NywwLjAyNjYgLTAuMDM3OTIsMC4wNTE1OTggLTAuMDYwNTUsMC4wNzQyMTkgLTAuMDIyNjIsMC4wMjI2MjEgLTAuMDQ3NjIsMC4wNDI1NzYgLTAuMDc0MjIsMC4wNjA1NDcgLTAuMDI2NiwwLjAxNzk3MSAtMC4wNTQwOCwwLjAzNDIyNCAtMC4wODM5OCwwLjA0Njg3NSAtMC4wMjk5MSwwLjAxMjY1MSAtMC4wNjEyLDAuMDIyNjM2IC0wLjA5Mzc1LDAuMDI5Mjk3IC0wLjAzMjU1LDAuMDA2NjYgLTAuMDY3MDUsMC4wMDk3NyAtMC4xMDE1NjMsMC4wMDk3NyBIIDcuNDk5MTM5MSBjIC0wLjAzNDUxNywwIC0wLjA2OTAxNCwtMC4wMDMxMSAtMC4xMDE1NjIsLTAuMDA5NzcgLTAuMDMyNTQ5LC0wLjAwNjY2IC0wLjA2Mzg0MSwtMC4wMTY2NDYgLTAuMDkzNzUsLTAuMDI5Mjk3IC0wLjAyOTkxLC0wLjAxMjY1MSAtMC4wNTczODQsLTAuMDI4OTA0IC0wLjA4Mzk4NSwtMC4wNDY4NzUgLTAuMDI2NiwtMC4wMTc5NzEgLTAuMDUxNTk4LC0wLjAzNzkyNiAtMC4wNzQyMTgsLTAuMDYwNTQ3IC0wLjAyMjYyMSwtMC4wMjI2MjEgLTAuMDQyNTc2LC0wLjA0NzYxOSAtMC4wNjA1NDcsLTAuMDc0MjE5IC0wLjAxNzk3MSwtMC4wMjY2IC0wLjAzNDIyNCwtMC4wNTQwNzUgLTAuMDQ2ODc1LC0wLjA4Mzk4NCAtMC4wMTI2NTEsLTAuMDI5OTEgLTAuMDIyNjM3LC0wLjA2MTIwMSAtMC4wMjkyOTcsLTAuMDkzNzUgLTAuMDA2NjYsLTAuMDMyNTQ5IC0wLjAwOTc3LC0wLjA2NzA0NSAtMC4wMDk3NywtMC4xMDE1NjI1IDAsLTAuMDM0NTE3IDAuMDAzMTEsLTAuMDY5MDE0IDAuMDA5NzcsLTAuMTAxNTYyNSAwLjAwNjY2LC0wLjAzMjU0OSAwLjAxNjY0NiwtMC4wNjM4NCAwLjAyOTI5NywtMC4wOTM3NSAwLjAxMjY1MSwtMC4wMjk5MDkgMC4wMjg5MDQsLTAuMDU3Mzg0IDAuMDQ2ODc1LC0wLjA4Mzk4NCAwLjAxNzk3MSwtMC4wMjY2IDAuMDM3OTI2LC0wLjA1MTU5OCAwLjA2MDU0NywtMC4wNzQyMTkgMC4wMjI2MiwtMC4wMjI2MjEgMC4wNDc2MTgsLTAuMDQyNTc2IDAuMDc0MjE4LC0wLjA2MDU0NyAwLjAyNjYwMSwtMC4wMTc5NzEgMC4wNTQwNzUsLTAuMDM0MjI0IDAuMDgzOTg1LC0wLjA0Njg3NSAwLjAyOTkwOSwtMC4wMTI2NTEgMC4wNjEyMDEsLTAuMDIyNjM2IDAuMDkzNzUsLTAuMDI5Mjk3IDAuMDMyNTQ4LC0wLjAwNjY2IDAuMDY3MDQ1LC0wLjAwOTc3IDAuMTAxNTYyLC0wLjAwOTc3IHogbSAwLDQuMDAwMDAwMiBoIDMuOTk5OTk5OSBjIDAuMjc2MDk5LDAgMC41LDAuMjIzOSAwLjUsMC41IDAsMC4yNzYwOTggLTAuMjIzOTAxLDAuNDk5OTk5IC0wLjUsMC41IEggNy40OTkxMzkxIGMgLTAuMjc2MTM4LC0xMGUtNyAtMC41LC0wLjIyMzkwMiAtMC41LC0wLjUgMCwtMC4yNzYxIDAuMjIzODYyLC0wLjUgMC41LC0wLjUgeiIgLz4KPC9zdmc+Cg==)) no-repeat center/contain;
            mask-size: 26px
        }

        .widget-no-scroll {
            position: fixed !important;
            inset: 0;
            height: 100% !important;
            overflow: hidden !important
        }

        .widget-no-scroll #widget-container {
            pointer-events: all !important
        }

        #widget-container {
            position: fixed;
            inset: 0;
            z-index: 100;
            width: 100%;
            height: 100vh;
            pointer-events: none
        }

        #widget-container.ios-device {
            top: unset;
            height: calc(var(--vh, 1vh)*100)
        }

        #widget-container[data-appearance=right] .help-button {
            right: 17px;
            left: auto
        }

        #widget-container[data-appearance=left] .help-button {
            right: auto;
            left: 17px
        }

        #widget-container[data-position=bottom] .help-button {
            top: auto;
            bottom: 40px
        }

        #widget-container[data-position=top] .help-button {
            top: 40px;
            bottom: auto
        }

        #widget-container[data-position=center] .help-button {
            top: 0;
            bottom: 0;
            height: 64px;
            min-height: fit-content;
            margin: auto
        }

        #widget-container .popUp-container {
            position: fixed;
            right: 8px;
            bottom: 105px;
            display: flex;
            max-width: 340px;
            padding: 8px;
            pointer-events: auto;
            background-color: var(--popup-background, var(--color-rio));
            border-radius: var(--popup-corner);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .08)
        }

        #widget-container .popUp-container .operator-icon {
            position: relative;
            flex-shrink: 0;
            width: 48px;
            height: 48px;
            background-color: var(--popup-icon-background, var(--color-azureglint));
            background-repeat: no-repeat;
            background-position: center bottom;
            background-size: contain;
            border-radius: 50%
        }

        #widget-container .popUp-container .info-container {
            width: 100%;
            display: flex;
            align-items: center;
            padding-left: 8px
        }

        #widget-container .popUp-container .info-container .question-text {
            margin-right: 10px;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            color: var(--popup-text-color, var(--color-asfalto))
        }

        #widget-container .popUp-container .info-container .action-buttons-container {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex-shrink: 0;
            gap: 8px
        }

        #widget-container .popUp-container .info-container .action-buttons-container .action-button {
            display: inline-block;
            width: auto;
            min-width: 50px;
            max-width: 50%;
            padding: var(--popup-button-padding, 8px 12px);
            font-size: 14px;
            font-weight: var(--popup-button-weight, 400);
            color: var(--popup-yes-button-color, var(--color-rio));
            text-align: center;
            word-break: break-word;
            cursor: pointer;
            border: none;
            border-radius: var(--button-corner);
            outline: none;
            transition: opacity .3s
        }

        #widget-container .popUp-container .info-container .action-buttons-container .action-button.yesButton {
            font-weight: 600;
            background: var(--color-magicdusk, var(--color-esmeralda));
            border: var(--popup-yes-button-border, none)
        }

        #widget-container .popUp-container .info-container .action-buttons-container .action-button.noButton {
            color: var(--color-asfalto);
            background: var(--color-rio);
            transition: box-shadow .3s;
            border: var(--popup-no-button-border, none)
        }

        @media not all and (pointer: coarse) {
            #widget-container .popUp-container .info-container .action-buttons-container .action-button.noButton:hover {
                background: var(--popup-no-button-background-hover, unset);
                box-shadow: var(--popup-no-button-shadow-hover, 0 2px 2px color-mix(in srgb, transparent, var(--color-asfalto) 8%))
            }
        }

        #widget-container .popUp-container .info-container .action-buttons-container .action-button:hover {
            opacity: .8
        }

        #widget-container .popUp-container:before {
            content: "";
            position: absolute;
            bottom: -7px;
            right: 26px;
            width: 20px;
            height: 20px;
            border-radius: 3px;
            transform: translate(20%, 10%) skew(10deg, 10deg) rotate(35deg);
            background: var(--popup-background, var(--color-rio));
            z-index: 0
        }

        #widget-container .popUp-container:after {
            content: "";
            position: absolute;
            bottom: -7px;
            right: 26px;
            width: 22px;
            height: 22px;
            border-radius: 3px;
            transform: translate(20%, 10%) skew(10deg, 10deg) rotate(35deg);
            background: var(--popup-background, var(--color-rio));
            box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .08);
            z-index: -1
        }

        #chat-button-unread-counter {
            position: absolute;
            top: 0;
            right: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 16px;
            height: 16px;
            line-height: 16px;
            text-align: center;
            margin: 0;
            font-size: 10px;
            font-weight: 700;
            color: var(--widget-text-color, var(--color-rio));
            background-color: var(--color-medianoche);
            border-radius: 50%;
            transform: translate(15%, -15%)
        }

        @media screen and (min-width: 1270px) {
            #widget-container .help-button {
                width: 48px;
                height: 48px
            }

            #widget-container .help-button__title {
                display: none
            }

            #widget-container[data-appearance=right] .popUp-container {
                right: 17px;
                left: auto
            }

            #widget-container[data-appearance=left] .popUp-container {
                right: auto;
                left: 190px
            }

            #widget-container[data-position=bottom] .popUp-container {
                top: auto;
                bottom: 105px
            }

            #widget-container[data-position=top] .popUp-container {
                top: 40px;
                bottom: auto
            }

            #widget-container[data-position=center] .popUp-container {
                top: 50%;
                bottom: auto;
                transform: translateY(-50%)
            }
        }
    
</style>