.fw600,
        .section .title {
            font-weight: 600
        }

        .button,
        .modal-close {
            -webkit-touch-callout: none;
            vertical-align: top;
            -moz-appearance: none;
            -webkit-appearance: none
        }

        a,
        b,
        body,
        div,
        footer,
        form,
        h1,
        h2,
        h3,
        h4,
        html,
        i,
        img,
        ins,
        li,
        p,
        ul {
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility
        }

        .button,
        .button.is-link {
            box-shadow: none
        }

        .button,
        .modal-close,
        .navbar-burger,
        .navbar-link,
        a,
        a.navbar-item {
            cursor: pointer
        }

        .ad-sticky,
        .button,
        .footer,
        .hero .title,
        .text-center {
            text-align: center
        }

        .button {
            align-items: center;
            border: 1px solid transparent;
            border-radius: 4px;
            display: inline-flex;
            justify-content: flex-start;
            line-height: 1.5;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .fw700 {
            font-weight: 700
        }

        .fs24 {
            font-size: 24px
        }

        .logo span {
            color: #0075ff
        }

        span.nav_install_label {
            color: #112ddd
        }

        .section .title {
            color: #212121;
            font-size: 18px;
            padding: 20px 0 0;
            line-height: inherit
        }

        .hero {
            background: #195fd7
        }

        .ad-close,
        .ad-sticky,
        .button,
        .link-input,
        .navbar,
        html {
            background-color: #fff
        }

        .hero .title {
            color: #fff;
            font-size: 24px;
            line-height: 29px;
            margin-top: 24px;
            margin-bottom: 0
        }

        .button,
        .button:focus,
        .button:hover,
        a:hover {
            color: #363636
        }

        .hero .title-2 {
            margin-top: 8px;
            font-weight: 500;
            font-size: 16px;
            line-height: 19px
        }

        .navbar-dropdown ul {
            list-style: none;
            padding-left: 0
        }

        .navbar-dropdown li {
            width: 50%;
            display: inline-block;
            margin-bottom: 0;
            font-size: 16px
        }

        .navbar-dropdown ul li a {
            line-height: 28px;
            font-size: 14px;
            padding: 5px;
            display: block;
            -webkit-tap-highlight-color: transparent
        }

        .button:active,
        .button:focus,
        .input:active,
        .input:focus,
        .is-active.button,
        .is-active.input {
            outline: 0
        }

        .navbar-link::after {
            border: 3px solid transparent;
            border-radius: 2px;
            border-right: 0;
            border-top: 0;
            content: " ";
            display: block;
            height: .625em;
            margin-top: -.4375em;
            pointer-events: none;
            position: absolute;
            top: 50%;
            transform: rotate(-45deg);
            transform-origin: center;
            width: .625em
        }

        .modal-close {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: none;
            border-radius: 9999px;
            pointer-events: auto;
            display: inline-block;
            flex-grow: 0;
            flex-shrink: 0;
            font-size: 0;
            max-height: 20px;
            max-width: 20px;
            min-height: 20px;
            min-width: 20px;
            outline: 0
        }

        .modal-close::after,
        .modal-close::before {
            background-color: #fff;
            content: "";
            display: block;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform-origin: center center
        }

        .modal-close::before {
            height: 2px;
            width: 50%
        }

        .modal-close::after {
            height: 50%;
            width: 2px
        }

        .is-large.modal-close {
            height: 32px;
            max-height: 32px;
            max-width: 32px;
            min-height: 32px;
            min-width: 32px;
            width: 32px
        }

        .modal,
        .modal-background {
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .navbar-burger {
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            font-family: inherit;
            font-size: 1em;
            margin: 0;
            padding: 0
        }

        a,
        b,
        body,
        div,
        footer,
        form,
        h1,
        h2,
        h3,
        h4,
        html,
        i,
        img,
        ins,
        li,
        p,
        ul {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
            -webkit-font-smoothing: antialiased
        }

        h1,
        h2,
        h3,
        h4 {
            font-size: 100%;
            font-weight: 400
        }

        ol,
        ul {
            padding-left: 18px
        }

        ul li {
            margin-bottom: 6px;
            font-size: 14px
        }

        button,
        input {
            margin: 0
        }

        html {
            box-sizing: border-box;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
            overflow-y: scroll;
            -webkit-text-size-adjust: 100%;
            -moz-text-size-adjust: 100%;
            text-size-adjust: 100%
        }

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

        .message.show,
        footer,
        section {
            display: block
        }

        body,
        button,
        input {
            font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
        }

        body {
            color: #4a4a4a;
            font-size: 1em;
            font-weight: 400;
            line-height: 1.5
        }

        a {
            color: inherit;
            text-decoration: none
        }

        img {
            height: auto;
            max-width: 100%
        }

        span {
            font-style: inherit;
            font-weight: inherit
        }

        .transition-all {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms
        }

        .ad-box {
            min-height: 360px
        }

        .button {
            border-color: #dbdbdb;
            border-width: 1px;
            justify-content: center;
            padding-bottom: calc(.5em - 1px);
            padding-left: 1em;
            padding-right: 1em;
            padding-top: calc(.5em - 1px);
            white-space: nowrap
        }

        .button.button-go {
            box-shadow: none;
            padding: 12px;
            gap: 4px;
            font-weight: 600;
            font-size: 18px;
            line-height: 22px;
            border: none;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: .5rem;
            width: 100%
        }

        .accordion-item .button {
            width: 100%;
            text-align: left;
            justify-content: space-between;
            height: auto;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms
        }

        .accordion-title {
            white-space: initial;
            font-size: 1rem;
            line-height: 1.5rem
        }

        .button .icon:first-child:not(:last-child) {
            margin-left: calc(-.5em - 1px);
            margin-right: .25em
        }

        .button .icon:last-child:not(:first-child) {
            margin-left: .25em;
            margin-right: calc(-.5em - 1px)
        }

        .button:hover {
            border-color: #b5b5b5
        }

        .button:focus {
            border-color: #485fc7
        }

        .button.is-link:focus:not(:active),
        .button:focus:not(:active) {
            box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
        }

        .button.is-active,
        .button:active {
            border-color: #4a4a4a;
            color: #363636
        }

        .button,
        .link-input {
            font-size: 1em;
            -webkit-appearance: none
        }

        .link-input {
            -moz-appearance: none;
            padding: 15px .75rem;
            border: none;
            margin: 0;
            border-radius: 4px;
            outline: 0;
            font-size: 1rem;
            color: #212529;
            font-weight: 500;
            line-height: 18px;
            width: 100%
        }

        .subtitle,
        .title,
        .video-title {
            font-weight: 600
        }

        .video-links .button,
        .render-wrapper .button {
            background-color: #0063f9;
            color: #fff;
            width: 100%;
            line-height: 19px;
            padding: 12px;
            border: none;
            box-shadow: 0 1px 4px rgba(22, 22, 29, .32);
            height: fit-content
        }

        .button.is-info {
            color: #000;
            border: none
        }

        .button.is-link,
        .button.is-link.is-focused,
        .button.is-link:focus,
        .button.is-secondary:hover,
        .video-links .button:active,
        .video-links .button:hover,
        .video-links .is-black,
        .video-links .is-black:hover {
            border-color: transparent;
            color: #fff
        }

        .video-links .button:active,
        .video-links .button:hover {
            background-color: #0a58ca
        }

        .video-links .is-black {
            background-color: #0a0a0a
        }

        .video-links .is-black:hover {
            background-color: #040404
        }

        .button.is-secondary {
            background: #00be63;
            padding: 11px
        }

        .button.is-secondary:hover {
            background-color: #146c43
        }

        .button.is-link {
            background-color: #00be63
        }

        .button.is-link.is-hovered,
        .button.is-link:active,
        .button.is-link:hover {
            background-color: #06af5e;
            border-color: transparent;
            color: #fff
        }

        .ad-sticky {
            position: -webkit-sticky;
            position: sticky;
            bottom: 0;
            height: 50px;
            width: 100%;
            left: 0;
            box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .1019607843), 0 -1px 2px 0 rgba(0, 0, 0, .0588235294)
        }

        .ad-item {
            min-height: 50px
        }

        .ad-close {
            position: absolute;
            top: -24px;
            right: 0;
            width: 24px;
            height: 24px;
            border: 1px solid rgba(0, 0, 0, .1);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-bottom: none;
            border-right: 0;
            border-top-left-radius: 4px
        }

        .avatar {
            border-radius: 8px;
            width: 75px;
            height: 75px;
            object-fit: cover;
            background-color: #00000014;
            min-width: 75px
        }

        .video-header {
            padding: 8px;
            gap: 12px;
            background: #e8e8f1;
            border-radius: 8px;
            display: flex;
            align-items: center;
            gap: 8px;
            height: fit-content
        }

        .info {
            overflow: hidden
        }

        .video-title {
            font-size: 16px;
            line-height: 18px;
            color: #16161d;
            margin-bottom: 4px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical
        }

        .info span {
            font-size: 14px;
            line-height: 15px;
            color: #49495a;
            margin-bottom: 8px
        }

        .download .link-input {
            padding: 6px 8px;
            border: 1px solid #a9a9a9;
            box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
            height: 36px;
            border-right: 0
        }

        .button.button-getvideo {
            float: right;
            margin: 0 0 0 -2px;
            height: 36px;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            box-shadow: none;
            border: none
        }

        .container {
            flex-grow: 1;
            margin: 0 auto;
            position: relative;
            width: auto
        }

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

        .modal {
            align-items: center;
            display: none;
            flex-direction: column;
            justify-content: center;
            overflow: hidden;
            position: fixed;
            z-index: 40
        }

        .get-loader.is-active,
        .modal.is-active {
            display: flex
        }

        .modal-background {
            background-color: rgba(10, 10, 10, .86)
        }

        .modal-content {
            margin: 0 20px;
            position: relative;
            width: 100%;
            background-color: #fff;
            padding: 1rem;
            min-height: 280px;
            overflow: hidden
        }

        @media screen and (min-width:769px) {
            .accordion-title {
                font-size: 1.2rem;
                line-height: 1.75rem;
            }
            .modal-content {
                margin: 0 auto;
                max-height: calc(100vh - 40px);
                width: 640px
            }
        }

        .modal-close {
            background: 0 0;
            height: 40px;
            position: fixed;
            right: 20px;
            top: 20px;
            width: 40px
        }

        @media screen and (min-width:1024px) {
            .container {
                max-width: 960px
            }
            .button.button-go {
                margin-top: 0;
                width: auto
            }
            .section.hero {
                padding-bottom: 62px
            }
            .hero form {
                display: flex;
                gap: 8px
            }
            .hero .title {
                font-size: 48px;
                line-height: 58px;
                margin-top: 62px
            }
            .hero .title-2 {
                font-size: 20px;
                line-height: 24px;
                margin-top: 0
            }
            .is-mobile-only {
                display: none !important
            }
            .modal-content {
                width: 960px
            }
            .navbar-item.has-dropdown:hover,
            .navbar-link:hover,
            a.navbar-item:hover {
                background-color: #f5f5f5;
                color: #333
            }
            .download-box {
                display: flex;
                flex-wrap: wrap
            }
            .video-header {
                flex: 0 0 auto;
                width: 50%
            }
            .video-links {
                flex: 0 0 auto;
                width: 33.33333333%;
                margin-left: 16.66666667%;
                display: flex;
                flex-wrap: inherit;
                justify-content: end
            }
            .video-links .button {
                max-width: 300px
            }
        }

        @media screen and (min-width:1216px) {
            .container {
                max-width: 1140px
            }
            .modal-content {
                width: 1140px
            }
        }

        @media screen and (min-width:1400px) {
            .container {
                max-width: 1200px
            }
            .modal-content {
                width: 1200px
            }
        }

        .accordion-content {
            line-height: 24px;
            color: #252638;
            max-height: 0;
            overflow: hidden;
            transition: max-height .2s ease-out
        }

        .accordion-item {
            border-radius: .25rem;
            border: 1px solid oklch(0.924169 0.00108 197.138);
            word-wrap: break-word;
            margin-bottom: 1rem
        }

        .accordion-text {
            padding: 1.5rem 1rem 1rem 1.5rem
        }

        .section {
            padding: 1rem
        }

        .icon {
            width: 1em;
            height: 1em;
            fill: currentColor;
            position: relative
        }

        i.icon,
        i.icon+span {
            display: table-cell
        }

        .icon.icon-mobile {
            background: url(/static/svg/mb.svg) center no-repeat;
            width: 16px;
            height: 16px
        }

        .icon.icon-down {
            background: url(/static/svg/down.svg) center no-repeat;
            width: 24px;
            height: 24px
        }

        .icon.icon-paste {
            background: url(/static/svg/clipboard.svg) center no-repeat
        }

        .icon.arrow {
            background: url(/static/svg/arrow.svg) center no-repeat;
            min-width: 16px
        }

        .btn-accordion.active .arrow {
            background: url(/static/svg/arrow-up.svg) center no-repeat
        }

        .btn-clear .icon-paste {
            background: url(/static/svg/x.svg) center no-repeat
        }

        .icon.icon-ggplay {
            background: url(/static/svg/googleplay.svg) center no-repeat;
            width: 165.93px;
            height: 48px;
            margin: 16px auto;
            display: inline-block
        }

        .icon.app-store {
            background: url(/static/svg/app-store.svg) center no-repeat;
            width: 143.6px;
            height: 48px;
            margin: 16px auto;
            display: inline-block
        }

        .app-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px
        }

        .button .icon {
            margin-right: 4px
        }

        .subtitle,
        .title {
            word-break: break-word
        }

        .title {
            color: #363636;
            font-size: 2rem;
            line-height: 1.125
        }

        .subtitle {
            margin-top: 1rem;
            color: #000;
            font-size: 1rem;
            line-height: 1.1
        }

        .message {
            border-radius: 4px;
            font-size: 1rem;
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            transform: translateY(calc(-100% - 6px));
            background-color: #fff7de;
            display: none
        }

        .message-body {
            border-color: #e5c671;
            border-radius: 4px;
            border-style: solid;
            border-width: 0 0 0 4px;
            color: #261c01;
            padding: .5em
        }

        .navbar {
            min-height: 3.25rem;
            z-index: 30;
            box-shadow: 0 2px 0 0 #f5f5f5
        }

        .button.button-install {
            margin-left: 8px;
            padding: 8px 12px 8px 14px;
            background: #e1eaff;
            gap: 6px;
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #112ddd;
            border-radius: 4px;
            border: none;
            display: none
        }

        .hero .container,
        .hero form {
            max-width: 760px
        }

        .navbar>.container {
            align-items: stretch;
            display: flex;
            min-height: 3.25rem;
            width: 100%
        }

        .navbar-brand {
            align-items: stretch;
            display: flex;
            flex-shrink: 0;
            min-height: 3.25rem
        }

        .navbar-burger {
            color: #4a4a4a;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            background: 0 0;
            border: none;
            display: block;
            height: 3.25rem;
            width: 3.25rem;
            margin-left: auto
        }

        .navbar-burger span {
            background-color: currentColor;
            display: block;
            height: 2px;
            left: calc(50% - 12px);
            position: absolute;
            transform-origin: center;
            transition-duration: 86ms;
            transition-property: background-color, opacity, transform;
            transition-timing-function: ease-out;
            width: 24px
        }

        .navbar-burger span:first-child {
            top: calc(50% - 8px)
        }

        .navbar-burger span:nth-child(2) {
            top: calc(50% - 1px)
        }

        .navbar-burger span:nth-child(3) {
            top: calc(50% + 6px)
        }

        .navbar-burger:hover {
            background-color: rgba(0, 0, 0, .05)
        }

        .navbar-burger.is-active span:first-child {
            transform: translateY(7px) rotate(45deg)
        }

        .navbar-burger.is-active span:nth-child(2) {
            opacity: 0
        }

        .navbar-burger.is-active span:nth-child(3) {
            transform: translateY(-7px) rotate(-45deg)
        }

        .navbar-menu {
            display: none
        }

        .navbar-link:focus,
        .navbar-link:focus-within,
        .navbar-link:hover,
        a.navbar-item:focus,
        a.navbar-item:focus-within,
        a.navbar-item:hover {
            background-color: #fafafa;
            color: #485fc7
        }

        .navbar-item {
            display: block;
            line-height: 1.5;
            padding: .5rem .75rem;
            flex-grow: 0;
            flex-shrink: 0
        }

        .is-relative,
        .navbar,
        .navbar-burger,
        .navbar-item,
        .photo {
            position: relative
        }

        .navbar-dropdown {
            font-size: .875rem;
            padding-bottom: .5rem;
            padding-top: .5rem
        }

        .navbar-dropdown .navbar-item {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .emoji-country {
            margin-right: 8px;
            display: inline-block;
            width: 16px
        }

        @media screen and (max-width:1023px) {
            .navbar-menu.is-active,
            .navbar>.container {
                display: block
            }
            .navbar-brand .navbar-item {
                align-items: center;
                display: flex
            }
            .navbar-link::after {
                display: none
            }
            .navbar-menu {
                background-color: #fff;
                box-shadow: 0 8px 16px rgba(10, 10, 10, .1);
                padding: .5rem 0
            }
        }

        @media screen and (min-width:1024px) {
            .navbar,
            .navbar-end,
            .navbar-menu,
            .navbar-start {
                align-items: stretch;
                display: flex
            }
            .navbar {
                min-height: 3.25rem
            }
            .navbar-burger {
                display: none
            }
            .navbar-item,
            .navbar-link {
                align-items: center;
                display: flex
            }
            .navbar-menu {
                flex-grow: 1;
                flex-shrink: 0
            }
            .navbar-start {
                justify-content: flex-start;
                margin-right: auto
            }
            .navbar-end {
                justify-content: flex-end;
                margin-left: auto
            }
            .navbar-dropdown {
                background-color: #fff;
                border-bottom-left-radius: 6px;
                border-bottom-right-radius: 6px;
                box-shadow: 0 8px 8px rgba(10, 10, 10, .1);
                display: none;
                font-size: .875rem;
                right: 0;
                min-width: 100%;
                position: absolute;
                top: 100%;
                z-index: 20;
                margin-top: 0;
                width: 320px;
                padding: .5rem
            }
            .navbar-dropdown .navbar-item {
                padding: .2rem 1rem .2rem 0;
                white-space: nowrap
            }
            .navbar-dropdown a.navbar-item {
                padding: .5rem
            }
            .navbar-dropdown a.navbar-item:focus,
            .navbar-dropdown a.navbar-item:hover {
                background-color: #f5f5f5;
                color: #0a0a0a
            }
            .navbar-dropdown a.navbar-item.is-active {
                background-color: #f5f5f5;
                color: #485fc7
            }
            .navbar>.container .navbar-brand {
                margin-left: -.75rem
            }
            .navbar>.container .navbar-menu {
                margin-right: -.75rem
            }
            .navbar-link.is-active,
            a.navbar-item.is-active {
                color: #0a0a0a
            }
            .navbar-link.is-active:not(:focus):not(:hover),
            a.navbar-item.is-active:not(:focus):not(:hover) {
                background-color: transparent
            }
            .navbar-item.has-dropdown.is-active .navbar-link,
            .navbar-item.has-dropdown:focus .navbar-link,
            .navbar-item.has-dropdown:hover .navbar-link {
                background-color: #fafafa
            }
            .navbar-item.is-hoverable:hover .navbar-dropdown {
                display: block
            }
        }

        .column {
            display: block;
            flex-basis: 0;
            flex-grow: 1;
            flex-shrink: 1;
            padding: .75rem
        }

        .button.button-paste {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            right: 6px;
            top: 6.5px;
            padding: 8px 12px 8px 14px;
            background: #dae4ff;
            border-radius: 6px;
            border: none;
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            color: #0423ee
        }

        .button-paste.btn-clear {
            background: #49495acf;
            color: #fff
        }

        .columns {
            margin-left: -.75rem;
            margin-right: -.75rem;
            margin-top: -.75rem
        }

        .columns:last-child {
            margin-bottom: -.75rem
        }

        .columns:not(:last-child) {
            margin-bottom: calc(1.5rem - .75rem)
        }

        .columns.is-multiline {
            flex-wrap: wrap
        }

        @media screen and (min-width:769px),
        print {
            .column.is-one-third {
                flex: none;
                width: 33.3333%
            }
            .columns:not(.is-desktop) {
                display: flex
            }
        }

        .snaptik-loader {
            width: 80px;
            height: 40px;
            position: relative
        }

        .snaptik-loader::after,
        .snaptik-loader::before {
            position: absolute;
            content: "";
            top: 6px;
            background-color: #ff3e9e;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            mix-blend-mode: multiply;
            animation: 1s linear infinite snaptik-loader-anim
        }

        .snaptik-loader::after {
            background-color: #4de8f4;
            animation-delay: .5s
        }

        @keyframes snaptik-loader-anim {
            0%,
            100% {
                top: 6px;
                left: 0;
                width: 28px;
                height: 28px;
                z-index: 0
            }
            25% {
                top: 0;
                height: 40px;
                width: 40px;
                z-index: 1;
                left: 20px
            }
            50% {
                top: 6px;
                width: 28px;
                height: 28px;
                left: 48px
            }
            75% {
                top: 8px;
                width: 28px;
                height: 28px;
                left: 26px
            }
        }

        .flex-center {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px
        }

        .mt-3 {
            margin-top: .75rem
        }

        .mb-3 {
            margin-bottom: .75rem
        }

        .mb-4 {
            margin-bottom: 1rem
        }

        .hero {
            align-items: stretch;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .hero form {
            margin: 2rem auto 0;
            position: relative
        }

        .get-loader {
            width: 100%;
            height: 100%;
            position: absolute;
            background-color: #79554861;
            border-radius: 4px;
            display: none;
            top: 0;
            left: 0
        }

        .dl-footer {
            position: absolute;
            bottom: 0px;
            left: 0;
            right: 0;
            padding: 12px;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 87.5%)
        }

        .dl-footer .button {
            background: #0063f9;
            box-shadow: 0 1px 8px rgba(22, 22, 29, .34);
            color: #fff;
            border: none
        }

        .footer {
            background-color: #fafafa;
            padding: 1.25rem
        }

        .footer-menu {
            margin-bottom: 5px
        }

        .footer-menu a {
            display: inline-block;
            margin: 8px 0 0;
            color: #1a73d6;
            font-size: 15px
        }

        html * {
            max-height: 100000px
        }

        .link-app {
            display: inline-block
        }

        .column .photo,
        .photo img {
            height: 100%
        }

        .photo img {
            width: 100%;
            object-fit: cover
        }

        .accordion-text {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms
        }

        .progress {
            display: flex;
            height: 1rem;
            overflow: hidden;
            font-size: .75rem;
            background-color: #e9ecef;
            border-radius: .2rem
        }

        .progress-bar {
            display: flex;
            flex-direction: column;
            justify-content: center;
            overflow: hidden;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            background-color: #0d6efd;
            transition: width .6s ease;
            background-color: rgba(25, 135, 84, 1)
        }

        .render-wrapper p {
            font-size: 14px;
            line-height: 15px;
            color: #49495a;
            margin-bottom: 8px;
            margin-top: 1.2rem
        }

        .download-render,
        .render-wrapper {
            display: none;
            opacity: 0;
            transition: 2s linear
        }

        .render-wrapper.show {
            display: block;
            opacity: 1
        }

        .alert-render {
            color: #d8000c;
            font-size: 14px;
            font-style: italic
        }

        .download-render.show {
            opacity: 1;
            display: inline-flex
        }

        .column .photo {
            width: 100%;
            padding-bottom: 100%;
            position: relative;
            overflow: hidden
        }

        .photo img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .download-render.show {
            opacity: 1;
            display: inline-flex
        }

        .columns.footer-link {
            display: flex;
            flex-wrap: wrap;
            font-size: .875rem;
            text-align: left
        }

        .col-heading {
            font-size: 1rem;
            margin-bottom: 1rem;
            color: #5d6778;
            font-weight: 600;
            line-height: 1.2
        }

        .columns:last-child {
            margin-bottom: -.75rem
        }

        ul {
            list-style: none
        }

        .footer-link ul {
            margin-bottom: .5rem;
            background-color: transparent;
            padding-left: 0
        }

        @media (max-width:769px) {
            .columns.footer-link .column {
                flex: 0 0 auto;
                width: 50%;
                padding: 0
            }
        }

        .icon.icon-ad-rewarded {
            width: 20px;
            height: 20px;
            background-image: url('data:image/svg+xml,<svg id="Glyph" height="20" viewBox="0 0 32 32" fill="%23ffffff78" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m11 16.42 1.53 4.08h-3.06zm18.5-10.42v3.5h-27v-3.5a2.5 2.5 0 0 1 2.5-2.5h22a2.5 2.5 0 0 1 2.5 2.5zm-20.5.5a1 1 0 1 0 -1 1 1 1 0 0 0 1-1zm4 0a1 1 0 1 0 -1 1 1 1 0 0 0 1-1zm16.5 4v15.5a2.5 2.5 0 0 1 -2.5 2.5h-22a2.5 2.5 0 0 1 -2.5-2.5v-15.5zm-15 12.32-3-8a.52.52 0 0 0 -.94 0l-3 8a.5.5 0 0 0 .94.36l.6-1.68h3.8l.63 1.68a.51.51 0 0 0 .47.32.57.57 0 0 0 .18 0 .52.52 0 0 0 .29-.68zm10-3.82a4.51 4.51 0 0 0 -4.5-4.5h-2a.5.5 0 0 0 -.5.5v8a.5.5 0 0 0 .5.5h2a4.51 4.51 0 0 0 4.5-4.5zm-4.5-3.5h-1.5v7h1.5a3.5 3.5 0 0 0 0-7z"/></svg>');
            display: inline-block
        }

        i.loading {
            width: 20px;
            height: 20px;
            border: 2px solid;
            border-right: 2px solid transparent;
            border-radius: 50%;
            animation: 2s linear infinite spin
        }

        @keyframes spin {
            from {
                transform: rotate(0)
            }
            to {
                transform: rotate(360deg)
            }
        }

        .btn-download-hd .flex-center {
            gap: 4px
        }

        .btn-download-hd .loading,
        .btn-download-hd.downloading .flex-center {
            display: none
        }

        .btn-download-hd.downloading .loading {
            display: block
        }

        .btn-download-hd:disabled {
            opacity: .5
        }

        .app-info,
        .snapcdn-ad .snaptik {
            text-align: left
        }

        .snaptik {
            padding: 1rem;
            display: block;
            border-radius: 0;
            transition: none;
            outline: 0;
            border-spacing: 0px;
            margin-left: -1rem;
            margin-right: -1rem;
            border: 1px solid #e6e7e8;
            min-height: 300px
        }

        .snaptik-title {
            font-size: 32px;
            font-weight: 500;
            line-height: normal
        }

        .snaptk-desc {
            margin-top: 1rem;
            color: #5c5c5c
        }

        .snaptik-name {
            margin-top: 1rem;
            color: #979797;
            font-size: 16px
        }

        .button.snaptik-dl {
            background-color: #0586ff;
            width: 100%;
            color: #fff;
            font-weight: 500;
            margin-top: 1.5rem;
            padding-top: 10px;
            padding-bottom: 10px
        }

        .snapapp {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 6px 1rem;
            gap: .5rem
        }

        .app-icon,
        .app-icon img {
            width: 38px;
            height: 38px;
            display: inline-block;
            border-radius: 4px
        }

        .app-icon img {
            object-fit: cover;
            display: block
        }

        .app-info {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: baseline;
            justify-content: space-between;
            gap: 4px
        }

        .app-desc {
            font-size: 12px;
            line-height: initial;
            color: #555
        }

        .app-title {
            font-weight: 500;
            line-height: initial
        }

        .button.btn-dl {
            padding: 6px 12px;
            background-color: #0885ff;
            color: #fff
        }

        .copyright {
            margin-bottom: 2.5rem
        }
        .snapx-container,
        .x-layout {
            line-height: 1.3;
            -mys-overflow-limit: 0;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            text-align: center;
            width: 100%;
            height: 100%;
            font-family: "Google Sans", Arial, sans-serif;
            overflow: hidden;
        }

        .lists-circle {
            list-style: circle;
        }

        .snapx-card {
            line-height: 1.3;
            -mys-overflow-limit: 0;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            height: 286px;
            justify-content: center;
            margin: 19.5px;
            padding: 15.6px 19.5px;
            width: auto;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 0 10px rgba(0, 0, 0, .3);
        }

        b {
            font-weight: 600;
        }

        .contents a,
        .alert-snaptik a {
            color: blue;
        }

        kbd {
            border: 1px solid rgb(229 231 235 / 1);
            border-radius: .25rem;
            padding-left: .325rem;
            padding-right: .325rem;
            padding-bottom: .12rem;
            padding-top: .12rem;
            background-color: rgb(243 244 246 / 1);
            color: rgb(31 41 55 / 1);
            font-weight: 600;
            font-size: 14px;
        }

        .alert-snaptik {
            border: 1px solid #a3cfbb;
            background-color: #d1e7dd;
            color: #0a3622;
            border-radius: 0.375rem;
            padding: .5rem;
        }

        .step-guide {
            color: rgb(30 66 159/1);
            font-weight: 500;
            border-radius: .25rem;
            background-color: rgb(225 239 254 / 1);
            padding-left: .625rem;
            padding-right: .625rem;
            padding-bottom: .125rem;
            padding-top: .125rem;
        }

        .snapx-bg-color {
            line-height: 1.3;
            -mys-overflow-limit: 0;
            box-sizing: border-box;
            height: 325px;
            position: absolute;
            width: 100%;
            z-index: -1;
            background-color: #eee;
        }

        .snapx-bg-image {
            line-height: 1.3;
            -mys-overflow-limit: 0;
            box-sizing: border-box;
            height: 325px;
            position: absolute;
            width: 100%;
            z-index: -1;
            background-image: url('/img/banner-app.jpeg');
            background-size: cover;
            transform: scale(1.2);
            filter: blur(15px) brightness(0.8);
            -webkit-filter: blur(15px) brightness(0.8);
            overflow: hidden;
        }

        .snapx {
            display: block;
            width: 100%;
            height: 325px;
            opacity: 1;
            position: relative;
            overflow: hidden;
            cursor: pointer;
        }

        .snapx-logo {
            display: block;
            width: 50px;
            height: 50px;
            margin: 0 auto;
            border-radius: 8px;
            margin-bottom: 18px;
        }

        .snapx-logo img {
            border-radius: 8px;
        }

        .snapx-title a {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 18px;
            display: block;
            color: #000;
        }

        .snapx-body a {
            display: block;
            font-size: 12px;
            color: #5c5c5c;
        }

        .snapx-body {
            margin-bottom: 18px;
        }

        .button.snapx-button {
            background-color: #195fd7;
            color: #fff;
        }

        .mb-2 {
            margin-bottom: .5rem;
        }

        .d-none {
            display: none !important;
        }

        .modal-app {
            text-align: center
        }

        .modal-app img {
            width: 64px;
            height: 64px
        }

        .modal-app .desc {
            display: flex;
            justify-content: space-between;
            flex: 1;
            align-items: center;
            gap: 12px
        }

        .modal-app-bot {
            margin-top: 1rem
        }

        .modal-app-bot .button {
            width: 100%;
            margin-top: 8px;
            color: #fff;
            padding: 14px;
            font-size: 17px;
            font-style: normal;
            font-weight: 500
        }

        .button.btn-primary {
            background-color: #0063f9
        }

        .button.btn-modal-gray {
            background-color: #6c757d
        }

        .modal-app-title,
        .modal-app-title p {
            font-style: normal;
            line-height: normal
        }

        .modal-app-icon {
            width: 64px;
            height: 64px
        }

        .modal-app-title {
            width: calc(100% - 72px);
            text-align: left;
            font-size: 18.5px;
            font-weight: 700
        }

        .modal-app-title p {
            font-size: 14.8px;
            font-weight: 500;
            color: #535353
        }