.button,.input,.select select,.textarea {
                -moz-appearance: none;
                -webkit-appearance: none;
                align-items: center;
                border: 1px solid transparent;
                border-radius: 4px;
                box-shadow: none;
                display: inline-flex;
                font-size: 1rem;
                height: 2.5em;
                justify-content: flex-start;
                line-height: 1.5;
                padding-bottom: calc(.5em - 1px);
                padding-left: calc(.75em - 1px);
                padding-right: calc(.75em - 1px);
                padding-top: calc(.5em - 1px);
                position: relative;
                vertical-align: top
            }

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

            .button,.tabs {
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none
            }

            .navbar-link:not(.is-arrowless)::after,.select:not(.is-multiple):not(.is-loading)::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
            }

            .block:not(:last-child),.box:not(:last-child),.content:not(:last-child),.notification:not(:last-child),.progress:not(:last-child),.subtitle:not(:last-child),.table-container:not(:last-child),.table:not(:last-child),.tabs:not(:last-child),.title:not(:last-child) {
                margin-bottom: 1.5rem
            }

            .delete,.modal-close {
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                -moz-appearance: none;
                -webkit-appearance: none;
                background-color: rgba(10,10,10,.2);
                border: none;
                border-radius: 290486px;
                cursor: pointer;
                pointer-events: auto;
                display: inline-block;
                flex-grow: 0;
                flex-shrink: 0;
                font-size: 0;
                height: 20px;
                max-height: 20px;
                max-width: 20px;
                min-height: 20px;
                min-width: 20px;
                outline: 0;
                position: relative;
                vertical-align: top;
                width: 20px
            }

            .delete::after,.delete::before,.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
            }

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

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

            .delete:focus,.delete:hover,.modal-close:focus,.modal-close:hover {
                background-color: rgba(10,10,10,.3)
            }

            .delete:active,.modal-close:active {
                background-color: rgba(10,10,10,.4)
            }

            .is-large.delete,.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
            }

            body,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul {
                margin: 0;
                padding: 0
            }

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

            ul {
                list-style: none
            }

            button,input,select,textarea {
                margin: 0
            }

            html {
                box-sizing: border-box
            }

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

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

            picture.app {
                width: 50px;
                height: 50px
            }

            iframe {
                border: 0
            }

            table {
                border-collapse: collapse;
                border-spacing: 0
            }

            td,th {
                padding: 0
            }

            td:not([align]),th:not([align]) {
                text-align: inherit
            }

            html {
                background-color: #fff;
                font-size: 16px;
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                min-width: 300px;
                overflow-x: hidden;
                overflow-y: scroll;
                text-rendering: optimizeLegibility;
                -webkit-text-size-adjust: 100%;
                -moz-text-size-adjust: 100%;
                -ms-text-size-adjust: 100%;
                text-size-adjust: 100%;
                scroll-behavior: smooth
            }

            article,figure,footer,header,section {
                display: block
            }

            body,button,input,select,textarea {
                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;
                margin-top: 0!important;
                padding-top: 0!important
            }

            a {
                color: #28b76b;
                cursor: pointer;
                text-decoration: none
            }

            a strong {
                color: currentColor
            }

            a:hover {
                color: #28b76b
            }

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


            .pageTunerWrapper__items {
    background: hsla(0, 0%, 100%, .24);
    border-radius: 6px;
    display: flex
;
    padding: 0;
}

.pageTunerWrapper__item {
    list-style: none;
    padding: 5px 10px;
}

.pageTunerWrapper__item a {
    align-items: center;
    display: flex
;
    gap: 6px;
    padding: 6px 22px;
    text-decoration: none;
    transition: all .7s ease;
}

.pageTunerWrapper__item a span {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 768px) {
    .pageTunerWrapper__items {
        display: grid
;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        justify-content: center;
        width: 100%;
    }
}
            span {
                font-style: inherit;
                font-weight: inherit
            }

            strong {
                color: #363636;
                font-weight: 700
            }

            table td,table th {
                vertical-align: top
            }

            table td:not([align]),table th:not([align]) {
                text-align: inherit
            }

            table th {
                color: #363636
            }

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

            .button .icon {
                height: 1.5em;
                width: 1.5em
            }

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

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

            .button:focus {
                border-color: #3273dc;
                color: #363636
            }

            .button:focus:not(:active) {
                box-shadow: 0 0 0 .125em rgba(50,115,220,.25)
            }

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

            .button.is-dark {
                background-color: #363636;
                border-color: transparent;
                color: #fff
            }

            .button.is-dark:hover {
                background-color: #2f2f2f;
                border-color: transparent;
                color: #fff
            }

            .button.is-link {
                background-color: #f4fcf6;
                border-color: transparent;
                color: #28b76b;
                font-weight: 600
            }

            .button.is-link:hover {
                background-color: #276cda;
                border-color: transparent;
                color: #fff
            }

            .button.is-success {
                background-color: #48c774;
                border-color: transparent;
                color: #fff
            }

            .button.is-success:hover {
                background-color: #3ec46d;
                border-color: transparent;
                color: #fff
            }

            .button.is-small {
                font-size: .75rem
            }

            .button.is-small:not(.is-rounded) {
                border-radius: 2px
            }

            .button.is-fullwidth {
                display: flex;
                width: 100%
            }

            .buttons {
                align-items: center;
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-start
            }

            .buttons .button {
                margin-bottom: .5rem
            }

            .buttons:last-child {
                margin-bottom: -.5rem
            }

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

            @media screen and (min-width: 1024px) {
                .container {
                    max-width:900px
                }
            }

            .icon {
                align-items: center;
                display: inline-flex;
                justify-content: center;
                height: 1.5rem;
                width: 1.5rem
            }

            .image {
                display: block;
                position: relative
            }

            .image img {
                display: block;
                height: auto;
                width: 100%
            }

            .image.is-64x64 {
                height: 64px;
                width: 64px
            }

            .notification {
                background-color: #f5f5f5;
                border-radius: 4px;
                position: relative;
                padding: 1.25rem 2.5rem 1.25rem 1.5rem
            }

            .notification a:not(.button):not(.dropdown-item) {
                color: currentColor;
                text-decoration: underline
            }

            .notification.is-warning {
                background-color: #ffdd57;
                color: rgba(0,0,0,.7)
            }

            .progress {
                -moz-appearance: none;
                -webkit-appearance: none;
                border: none;
                border-radius: 290486px;
                display: block;
                height: 1rem;
                overflow: hidden;
                padding: 0;
                width: 100%
            }

            .progress::-webkit-progress-bar {
                background-color: #ededed
            }

            .progress::-webkit-progress-value {
                background-color: #4a4a4a
            }

            .progress::-moz-progress-bar {
                background-color: #4a4a4a
            }

            .progress::-ms-fill {
                background-color: #4a4a4a;
                border: none
            }

            .progress.is-success::-webkit-progress-value {
                background-color: #48c774
            }

            .progress.is-success::-moz-progress-bar {
                background-color: #48c774
            }

            .progress.is-success::-ms-fill {
                background-color: #48c774
            }

            .progress.is-success:indeterminate {
                background-image: linear-gradient(to right,#48c774 30%,#ededed 30%)
            }

            .table {
                background-color: #fff;
                color: #363636
            }

            .table td,.table th {
                border: 1px solid #dbdbdb;
                border-width: 0 0 1px;
                padding: .5em .75em;
                vertical-align: top
            }

            .table th {
                color: #363636
            }

            .table th:not([align]) {
                text-align: inherit
            }

            .table thead {
                background-color: transparent
            }

            .table thead td,.table thead th {
                border-width: 0 0 2px;
                color: #363636
            }

            .table tbody {
                background-color: transparent
            }

            .table tbody tr:last-child td,.table tbody tr:last-child th {
                border-bottom-width: 0
            }

            .table.is-fullwidth {
                width: 100%
            }

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

            .subtitle em,.subtitle span,.title em,.title span {
                font-weight: inherit
            }

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

            .title:not(.is-spaced)+.subtitle {
                margin-top: -1.25rem
            }

            .title.is-1 {
                font-size: 3rem
            }

            .title.is-2 {
                font-size: 2.5rem
            }

            .title.is-3 {
                font-size: 2rem
            }

            .title.is-4 {
                font-size: 1.5rem
            }

            .title.is-5 {
                font-size: 1.25rem
            }

            .title.is-6 {
                font-size: 1rem
            }

            .title.is-7 {
                font-size: .75rem
            }

            .subtitle {
                color: #4a4a4a;
                font-size: 1.25rem;
                font-weight: 400;
                line-height: 1.25
            }

            .input,.select select,.textarea {
                background-color: #fff;
                border-color: #dbdbdb;
                border-radius: 4px;
                color: #363636
            }

            .input::-moz-placeholder,.select select::-moz-placeholder,.textarea::-moz-placeholder {
                color: rgba(54,54,54,.3)
            }

            .input::-webkit-input-placeholder,.select select::-webkit-input-placeholder,.textarea::-webkit-input-placeholder {
                color: rgba(54,54,54,.3)
            }

            .input:-moz-placeholder,.select select:-moz-placeholder,.textarea:-moz-placeholder {
                color: rgba(54,54,54,.3)
            }

            .input:-ms-input-placeholder,.select select:-ms-input-placeholder,.textarea:-ms-input-placeholder {
                color: rgba(54,54,54,.3)
            }

            .input:hover,.select select:hover,.textarea:hover {
                border-color: #b5b5b5
            }

            .input:active,.input:focus,.is-active.input,.is-active.textarea,.textarea:active,.textarea:focus {
                border-color: #3273dc;
                box-shadow: 0 0 0 .125em rgba(50,115,220,.25)
            }

            .input[disabled] {
                background-color: #f5f5f5;
                border-color: #f5f5f5;
                box-shadow: none;
                color: #7a7a7a
            }

            .input[disabled]::-moz-placeholder,.textarea[disabled]::-moz-placeholder {
                color: rgba(122,122,122,.3)
            }

            .input[disabled]::-webkit-input-placeholder,.textarea[disabled]::-webkit-input-placeholder {
                color: rgba(122,122,122,.3)
            }

            .input[disabled]:-moz-placeholder {
                color: rgba(122,122,122,.3)
            }

            .input[disabled]:-ms-input-placeholder {
                color: rgba(122,122,122,.3)
            }

            .input,.textarea {
                box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05);
                max-width: 100%;
                width: 100%
            }

            .input[readonly],.textarea[readonly] {
                box-shadow: none
            }

            .field:not(:last-child) {
                margin-bottom: .75rem
            }

            .field.has-addons {
                display: flex;
                justify-content: flex-end;
                width: 100%;
                max-width: 626px
            }

            .field.has-addons .control:not(:last-child) {
                margin-right: -1px;
                border-top-right-radius: unset;
                border-bottom-right-radius: unset
            }

            .field.has-addons .control:not(:first-child):not(:last-child) .button,.field.has-addons .control:not(:first-child):not(:last-child) .input {
                border-radius: 0
            }

            .field.has-addons .control:first-child:not(:only-child) .button,.field.has-addons .control:first-child:not(:only-child) .input {
                border-bottom-right-radius: 0;
                border-top-right-radius: 0
            }

            .field.has-addons .control .button:not([disabled]):hover,.field.has-addons .control .input:not([disabled]):hover {
                z-index: 2
            }

            .field.has-addons .control .button:not([disabled]).is-active,.field.has-addons .control .button:not([disabled]).is-focused,.field.has-addons .control .button:not([disabled]):active,.field.has-addons .control .button:not([disabled]):focus,.field.has-addons .control .input:not([disabled]).is-active,.field.has-addons .control .input:not([disabled]).is-focused,.field.has-addons .control .input:not([disabled]):active,.field.has-addons .control .input:not([disabled]):focus {
                z-index: 3
            }

            .field.has-addons .control .button:not([disabled]).is-active:hover,.field.has-addons .control .button:not([disabled]).is-focused:hover,.field.has-addons .control .button:not([disabled]):active:hover,.field.has-addons .control .button:not([disabled]):focus:hover,.field.has-addons .control .input:not([disabled]).is-active:hover,.field.has-addons .control .input:not([disabled]).is-focused:hover,.field.has-addons .control .input:not([disabled]):active:hover,.field.has-addons .control .input:not([disabled]):focus:hover {
                z-index: 4
            }

            .control {
                box-sizing: border-box;
                clear: both;
                font-size: 1rem;
                position: relative;
                text-align: inherit;
                width: 100%
            }

            .card-content:first-child,.card-header:first-child {
                border-top-left-radius: .25rem;
                border-top-right-radius: .25rem
            }

            .card-content:last-child,.card-header:last-child {
                border-bottom-left-radius: .25rem;
                border-bottom-right-radius: .25rem
            }

            .card-header {
                background-color: transparent;
                align-items: stretch;
                box-shadow: 0 .125em .25em rgba(10,10,10,.1);
                display: flex
            }

            .media {
                align-items: flex-start;
                display: flex;
                text-align: inherit
            }

            .media-left,.media-right {
                flex-basis: auto;
                flex-grow: 0;
                flex-shrink: 0
            }

            .media-left {
                margin-right: 1rem
            }

            .media-content {
                flex-basis: auto;
                flex-grow: 1;
                flex-shrink: 1;
                text-align: inherit;
                padding-left: .75rem;
                padding-right: .75rem
            }

            .media-content strong {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical
            }

            @media screen and (max-width: 768px) {
                .media-content {
                    overflow-x:auto
                }
            }

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

            .modal.is-active {
                display: flex
            }

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

            .modal-card,.modal-content {
                margin: 0 20px;
                max-height: calc(100vh - 160px);
                overflow: auto;
                position: relative;
                width: 100%
            }

            @media screen and (min-width: 769px) {
                .modal-card,.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
            }

            .navbar {
                background-color: #fff;
                min-height: 3.25rem;
                position: relative;
                z-index: 30
            }

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

            .navbar.has-shadow {
                box-shadow: 0 2px 0 0 #f5f5f5
            }

            .navbar-brand {
                font-size: 1.3rem
            }

            .navbar-item span {
                color: #28b76b
            }

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

            .navbar-brand a.navbar-item:focus,.navbar-brand a.navbar-item:hover {
                background-color: transparent
            }

            .navbar-burger {
                color: #28b76b;
                cursor: pointer;
                display: block;
                height: 3.25rem;
                position: relative;
                width: 3.25rem;
                margin-left: auto
            }

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

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

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

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

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

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

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

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

            .navbar-menu {
                display: none
            }

            .navbar-item,.navbar-link {
                color: #4a4a4a;
                display: block;
                line-height: 1.5;
                padding: .5rem .75rem;
                position: relative
            }

            .navbar-link,a.navbar-item {
                cursor: pointer
            }

            .navbar-link.is-active,.navbar-link:focus,.navbar-link:focus-within,.navbar-link:hover,a.navbar-item.is-active,a.navbar-item:focus,a.navbar-item:focus-within,a.navbar-item:hover {
                background-color: #fafafa;
                color: #28b76b
            }

            .navbar-item {
                flex-grow: 0;
                flex-shrink: 0
            }

            .navbar-item img {
                max-height: 1.75rem
            }

            .navbar-item.has-dropdown {
                padding: 0
            }

            .navbar-link:not(.is-arrowless) {
                padding-right: 2.5em
            }

            .navbar-link:not(.is-arrowless)::after {
                border-color: #3dd583;
                margin-top: -.375em;
                right: 1.125em
            }

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

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

            @media screen and (max-width: 1023px) {
                .navbar>.container {
                    display:block
                }

                .navbar-brand .navbar-item,.navbar-tabs .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
                }

                .navbar-menu.is-active {
                    display: block
                }
            }

            @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-item.has-dropdown {
                    align-items: stretch
                }

                .navbar-item.is-active .navbar-dropdown,.navbar-item.is-hoverable:focus .navbar-dropdown,.navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar-item.is-hoverable:hover .navbar-dropdown {
                    display: block
                }

                .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;
                    border-top: 2px solid #dbdbdb;
                    box-shadow: 0 8px 8px rgba(10,10,10,.1);
                    display: none;
                    font-size: .875rem;
                    right: 0;
                    min-width: 320px;
                    position: absolute;
                    top: 100%;
                    z-index: 20
                }

                .navbar-dropdown .navbar-item {
                    padding: .375rem 1rem;
                    white-space: nowrap
                }

                .navbar-dropdown a.navbar-item {
                    padding-right: 3rem
                }

                .navbar-dropdown a.navbar-item:focus,.navbar-dropdown a.navbar-item:hover {
                    background-color: #f5f5f5;
                    color: #0a0a0a
                }

                .container>.navbar .navbar-brand,.navbar>.container .navbar-brand {
                    margin-left: -.75rem
                }

                .container>.navbar .navbar-menu,.navbar>.container .navbar-menu {
                    margin-right: -.75rem
                }

                .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
                }
            }

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

            @media screen and (min-width: 769px),print {
                .column.is-4,.column.is-4-tablet {
                    flex:none;
                    width: 33.33333%
                }

                .column.is-12,.column.is-12-tablet {
                    flex: none;
                    width: 100%
                }
            }

            .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)
            }

            @media screen and (min-width: 769px),print {
                .columns:not(.is-desktop) {
                    display:flex
                }
            }

            .pt-5 {
                padding-top: 1.5rem!important
            }

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

            @media screen and (min-width: 769px),print {
                .hero.is-medium .hero-body {
                    padding-bottom: 1rem
                }
            }

            .hero-body {
                flex-grow: 1;
                flex-shrink: 0;
                padding: 3rem 1.5rem;
                text-align: center;
                margin: 0 auto;
                padding-bottom: 0
            }

            .section {
                padding: 3rem 1.5rem
            }

            .footer {
                background-color: #fafafa;
                padding: 3rem 1.5rem 6rem
            }

            .field.has-addons {
                position: relative;
                overflow: hidden;
                z-index: 10;
                margin-bottom: 0
            }

            .control.control-btn {
                width: auto;
                z-index: 11;
                float: right
            }

            .open-externallink {
                color: #5b99ea;
                font-weight: 500
            }

            section.section.ads-section {
                padding-top: 0;
                padding-bottom: 0;
                margin: 1rem 0
            }

            @media(min-width: 960px) {
                .control .input {
                    min-width:520px
                }
            }

            @media (max-width: 575.98px) {
                .title.is-1 {
                    font-size:2rem
                }

                .title.is-2 {
                    font-size: 1.75rem
                }

                .title.is-3 {
                    font-size: 1.5rem
                }

                .title.is-4 {
                    font-size: 1.25rem
                }

                .title.is-5 {
                    font-size: 1.2rem
                }
            }

            .is-paste {
                position: absolute;
                left: -40px;
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
                border-left: none;
                width: 40px;
                display: none
            }

            .img.flag {
                margin-right: 4px
            }

            .icon {
                display: table-cell;
                height: 1em;
                width: 1em
            }

            .img-sprites {
                background: url(/css/css_sprites.png) no-repeat;
                background-size: 165.5px 165.5px
            }

            .icon-paste {
                background-position: -36px -111px;
                width: 16px!important;
                height: 22px!important
            }

            .icon-trash {
                background-position: -62px -111px;
                width: 16px!important;
                height: 19px!important
            }

            .img-sprites.googleplay {
                display: inline-block;
                background-position: -5px -5px;
                width: 156px!important;
                height: 46px!important
            }

            .icon-preview_play {
                background-position: -5px -111px;
                width: 21px!important;
                height: 24px!important
            }

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

            .icon-quality {
                background-position: -131px -61px;
                width: 21px!important;
                height: 28px!important
            }

            .icon-easy {
                background-position: -54.5px -61.5px;
                width: 28px!important;
                height: 28px!important
            }

            .icon-free {
                background-position: -92.5px -61.5px;
                width: 28px!important;
                height: 28px!important
            }

            .play-video-iconbox {
                width: 100%;
                height: 100%;
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .play-video-iconbox::after {
                content: "";
                position: absolute;
                background: url(/css/css_sprites.png) no-repeat;
                background-size: 166px 166px;
                background-position: -5px -61.5px;
                width: 39px!important;
                height: 39px!important;
                transition: transform .2s ease-in-out;
                display: inline-block
            }

            .open-externallink:before {
                content: "";
                background: url(/css/css_sprites.png) no-repeat;
                background-size: 166px 165.5px;
                background-position: -140px -111px;
                width: 16px;
                height: 16px;
                display: inline-block;
                margin-right: 4px;
                position: relative;
                top: 2px;
                margin-left: 4px
            }

            .icon-more {
                background-position: -5px -145px;
                width: 16px!important;
                height: 16px!important;
                margin-left: .5rem
            }

            .button.is-paste:hover {
                border-color: #dbdbdb
            }

            .why-section {
                background: #f4fcf6;
                border-radius: 4px
            }

            .why-section .column {
                margin-bottom: 2rem
            }

            .why-item {
                -webkit-box-shadow: 0 .125rem .25rem rgb(0 0 0 / 8%);
                -moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
                box-shadow: 0 .125rem .25rem rgb(0 0 0 / 8%);
                border: 1px solid #f4fcf6;
                height: 100%;
                background: #fff;
                padding: 1.5rem;
                border-radius: .25rem
            }

            .icon-why-item {
                width: 60px;
                height: 60px;
                border-radius: 50%;
                background-color: #f4fcf6;
                padding-top: 15px;
                text-align: center!important;
                margin-left: auto!important;
                display: inline-block;
                margin-right: auto!important;
                margin-bottom: 1rem!important
            }

            svg:not(:root).svg-inline--fa {
                overflow: visible
            }

            .svg-inline--fa.fa-w-16 {
                width: 1em
            }

            .svg-inline--fa {
                display: inline-block;
                font-size: inherit;
                height: 1em;
                overflow: visible;
                vertical-align: -.125em
            }

            svg {
                overflow: hidden;
                vertical-align: middle
            }

            .why-item .title {
                margin-bottom: 1rem
            }

            .how-section .columns .column,.why-section .columns .column {
                margin-bottom: 1.5rem
            }

            .why-heading {
                text-align: center
            }

            .button.is-download {
                background-color: #28b76b;
                border-color: transparent;
                color: #fff;
                border-top-right-radius: 4px!important;
                border-bottom-right-radius: 4px!important;
            }

            .text-primary {
                color: #28b76b!important
            }

            .why-heading .title {
                margin-bottom: 1rem
            }

            .why-intro {
                font-size: 1.125rem;
                color: #828d9f
            }

            .section {
                padding: 3rem .75rem
            }

            .video-how {
                position: relative;
                padding-bottom: 56.2%;
                overflow: hidden;
                cursor: pointer
            }

            .video-how video {
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 5;
                object-fit: cover
            }

            .item .des {
                padding: 1rem 0
            }

            .des .title {
                margin-bottom: .5rem
            }

            .step-count {
                border-radius: 50%;
                background: #f4fcf6;
                color: #28b76b;
                width: 36px;
                height: 36px;
                font-size: 1.25rem;
                padding-top: .4rem;
                display: inline-block;
                text-align: center;
                margin-right: .5rem;
                font-weight: 700
            }

            .video-tutorial:after {
                z-index: 11
            }

            .video-tutorial:after {
                content: 'Hover to play';
                position: absolute;
                top: .5rem;
                left: .5rem;
                padding: .2rem .3rem;
                border-radius: 4px;
                background-color: #29b76b;
                color: #fff;
                display: block
            }

            .video-how:hover .video-tutorial {
                display: none
            }

            .video-how:hover .play-video {
                z-index: 4
            }

            .play-video {
                z-index: 5;
                width: 100%;
                height: 100%;
                position: absolute;
                background-color: rgb(248 246 252);
                left: 0;
                top: 0
            }

            .how-fullvideo {
                text-align: center;
                padding-top: 1rem
            }

            .button.is-link:hover {
                background: #f4fcf6;
                color: #28b76b
            }

            .pd-0 {
                padding: 0 .75rem
            }

            hr {
                box-sizing: content-box;
                height: 0;
                overflow: visible
            }

            hr {
                margin-top: 1rem;
                margin-bottom: 1rem;
                border: 0;
                border-top: 1px solid rgba(0,0,0,.1)
            }

            .text-center {
                text-align: center
            }

            .pt-5 {
                padding-top: 3rem!important
            }

            .faq-contect .title {
                margin-bottom: .5rem
            }

            .accordion {
                margin-left: auto!important
            }

            .card-faq {
                position: relative;
                display: flex;
                flex-direction: column;
                min-width: 0;
                word-wrap: break-word;
                background-color: #fff;
                background-clip: border-box;
                border: 0!important;
                border-radius: .25rem!important;
                box-shadow: 0 .125rem .25rem rgb(0 0 0 / 8%)!important;
                margin-bottom: 1.5rem!important;
                cursor: pointer
            }

            .card-header {
                margin-bottom: 0;
                background-color: rgba(0,0,0,.03);
                border-bottom: 1px solid rgba(0,0,0,.125);
                border: 0!important;
                border-radius: .25rem!important;
                padding: 1.5rem!important;
                background: #f4fcf6
            }

            .card-header:first-child {
                border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
            }

            .accordion .card-title {
                font-size: 1rem;
                font-weight: 500;
                position: relative;
                margin-bottom: 0!important;
                width: 100%
            }

            .accordion .card-title a {
                color: #252930
            }

            .svg-inline--fa.fa-w-14 {
                width: .875em
            }

            .accordion .card-toggle .svg-inline--fa {
                position: absolute;
                right: 0;
                top: .15rem;
                font-size: 1rem;
                color: #52d992
            }

            .accordion .card-toggle .svg-inline--fa {
                color: #28b76b
            }

            .collapse:not(.show) {
                height: 0
            }

            .card-body {
                flex: 1 1 auto;
                min-height: 1px;
                border-radius: .25rem!important;
                padding: 1.5rem!important;
                line-height: 1.7rem
            }

            .accordion .card-toggle::before {
                flex-shrink: 0;
                margin-left: auto;
                content: "";
                background: url(/css/css_sprites.png) no-repeat -88px -111px;
                background-size: 165.5px 165.5px;
                width: 16px!important;
                height: 16px!important;
                transition: transform .2s ease-in-out;
                display: inline-block;
                position: relative;
                top: 2px;
                margin-right: .5rem
            }

            .accordion .card-toggle::after {
                flex-shrink: 0;
                margin-left: auto;
                content: "";
                background: url(/css/css_sprites.png) no-repeat -115px -115px;
                background-size: 165.5px 165.5px;
                width: 14px!important;
                height: 9px!important;
                transition: transform .2s ease-in-out;
                display: inline-block;
                position: absolute;
                top: 2px;
                right: -2px
            }

            .faq-section .container {
                border-top: 1px solid rgba(0,0,0,.1);
                padding-top: 4rem;
                margin-top: 1rem
            }

            .faq-section .section {
                padding-top: 0
            }

            .accordion .card-header.active .card-toggle::after {
                transform: rotate(180deg)
            }

            .collapse {
                overflow: hidden;
                transition: max-height 1s;
                animation: accordionOut .45s alternate ease-in-out both 1
            }

            .collapse.show {
                animation: accordionIn .45s normal ease-in-out both 1
            }

            @keyframes accordionIn {
                0% {
                    opacity: 0;
                    transform: scale(.9) rotateX(-60deg);
                    transform-origin: 50% 0
                }

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

            @keyframes accordionOut {
                0% {
                    opacity: 1;
                    transform: scale(1)
                }

                100% {
                    opacity: 0;
                    transform: scale(.9) rotateX(-60deg)
                }
            }

            .button:active,.button:focus,.button:hover {
                box-shadow: 0 5px 15px 0 rgb(0 0 0 / 15%);
                box-shadow: 0 12px 24px -6px rgb(0 0 0 / 15%)
            }

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

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

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

            footer .footer-link li {
                margin-bottom: .5rem
            }

            footer .footer-link a {
                color: #5d6778
            }

            footer .footer-link li {
                margin-bottom: .5rem;
                background-color: transparent
            }

            footer .footer-link a {
                color: #5d6778
            }

            .container .line {
                border-top: 1px solid rgba(0,0,0,.1)
            }

            .copyright-text {
                text-align: center;
                padding: 1.5rem;
                border-top: 1px solid rgba(0,0,0,.1)
            }

            .input-url-box {
                padding: 3rem .75rem;
                padding-top: 1rem;
                padding-bottom: 0;
                flex-grow: 1;
                flex-shrink: 0;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center
            }

            @media screen and (min-width: 769px),print {
                .input-url-box {
                    padding-bottom:1rem
                }
            }

            .snapapp-section {
                position: relative;
                text-align: center;
                background: #28b76b;
                border-radius: 4px
            }

            .snapapp-section a {
                display: inline-block;
                height: 46px
            }

            .snapapp-section .title,.snapapp-section .why-intro {
                color: #fff!important
            }

            .shapes-left,.shapes-right {
                position: absolute;
                height: 100%;
                width: 100%;
                right: 0;
                top: 0;
                overflow: hidden
            }

            .shapes-right::before {
                content: "";
                width: 300px;
                height: 150px;
                background: rgba(255,255,255,.1);
                position: absolute;
                right: -60px;
                top: 0;
                border-radius: 4px;
                -moz-transform: skew(25deg,-10deg);
                -o-transform: skew(25deg,-10deg);
                -ms-transform: skew(25deg,-10deg);
                -webkit-transform: skew(25deg ,-10deg);
                transform: skew(25deg ,-10deg);
                moz-transform-origin: top left;
                -o-transform-origin: top left;
                -ms-transform-origin: top left;
                -webkit-transform-origin: top left;
                transform-origin: top left
            }

            .shapes-right::after {
                content: "";
                width: 150px;
                height: 600px;
                background: rgba(255,255,255,.15);
                position: absolute;
                right: 0;
                top: 30px;
                border-radius: 6px;
                -moz-transform: skew(25deg,10deg);
                -o-transform: skew(25deg,10deg);
                -ms-transform: skew(25deg,10deg);
                -webkit-transform: skew(25deg ,10deg);
                transform: skew(25deg ,10deg);
                moz-transform-origin: top left;
                -o-transform-origin: top left;
                -ms-transform-origin: top left;
                -webkit-transform-origin: top left;
                transform-origin: top left
            }

            .shapes-left::before {
                content: "";
                width: 300px;
                height: 150px;
                background: rgba(255,255,255,.1);
                position: absolute;
                left: -90px;
                top: 0;
                border-radius: 6px;
                -moz-transform: skew(25deg,-12deg);
                -o-transform: skew(25deg,-12deg);
                -ms-transform: skew(25deg,-12deg);
                -webkit-transform: skew(25deg ,-12deg);
                transform: skew(25deg ,-12deg);
                moz-transform-origin: top left;
                -o-transform-origin: top left;
                -ms-transform-origin: top left;
                -webkit-transform-origin: top left;
                transform-origin: top left
            }

            .shapes-left::after {
                content: "";
                width: 150px;
                height: 600px;
                background: rgba(255,255,255,.15);
                position: absolute;
                left: 0;
                top: 30px;
                border-radius: 4px;
                -moz-transform: skew(-25deg,10deg);
                -o-transform: skew(-25deg,10deg);
                -ms-transform: skew(-25deg,10deg);
                -webkit-transform: skew(-25deg ,10deg);
                transform: skew(-25deg ,10deg);
                moz-transform-origin: top left;
                -o-transform-origin: top left;
                -ms-transform-origin: top left;
                -webkit-transform-origin: top left;
                transform-origin: top left
            }

            .progress-url {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background-color: #ffffffc7;
                padding: 0 .5rem;
                display: flex;
                align-items: center;
                z-index: 12;
                visibility: hidden;
                justify-content: center
            }

            .progress-url.active {
                visibility: visible
            }

            .notification.is-warning {
                max-width: 626px;
                margin: 0 auto;
                padding: .5rem 1rem
            }

            .alert-box {
                margin-top: .5rem;
                width: 100%;
                visibility: hidden;
                display: none
            }

            .alert-box.active {
                visibility: visible;
                display: block
            }

            .download-section abbr {
                text-decoration: none
            }

            .process-explain {
                padding: 1rem;
                background-color: #f3fcf5
            }

            @media(min-width: 768px) {
                .section.ads-section {
                    margin-bottom:1rem
                }

                .snapsave-app {
                    display: none!important
                }
            }

            .snapsave-app {
                background-color: #ecf0f1;
                height: auto;
                padding: 8px .75rem;
                display: grid;
                grid-template-columns: 24px auto 50px
            }

            .snapsave-app a {
                color: #007830
            }

            .app-info-box {
                display: grid;
                grid-template-columns: 50px auto
            }

            .app-info-box .app-info_info {
                margin-left: 8px
            }

            .app-info-title {
                color: #000;
                font-size: 16px;
                font-weight: 300;
                line-height: 1rem
            }

            .app-info-dev {
                color: #6c757d;
                font-weight: 300;
                font-size: 12px;
                line-height: 1rem
            }

            .app-info-get {
                font-size: 12px;
                line-height: 1rem;
                color: #6c757d;
                font-weight: 400
            }

            .app-btn-view,.app-close,.app-img {
                display: flex;
                align-items: center;
                text-align: center
            }

            .app-btn-view {
                justify-content: flex-end
            }

            #msform {
                text-align: center;
                position: relative;
                margin-top: 30px
            }

            #progressbar {
                overflow: hidden;
                counter-reset: step;
                padding-left: 0
            }

            #progressbar li {
                list-style-type: none;
                text-transform: uppercase;
                font-size: 9px;
                width: 25%;
                float: left;
                position: relative;
                letter-spacing: 1px
            }

            #progressbar li:before {
                content: counter(step);
                counter-increment: step;
                width: 24px;
                height: 24px;
                line-height: 26px;
                display: block;
                font-size: 12px;
                color: #fff;
                background: #404040;
                border-radius: 25px;
                margin: 0 auto 10px auto
            }

            #progressbar li:after {
                content: '';
                width: 100%;
                height: 2px;
                background: #404040;
                position: absolute;
                left: -50%;
                top: 9px;
                z-index: -1
            }

            #progressbar li:first-child:after {
                content: none
            }

            #progressbar li.active:after,#progressbar li.active:before {
                background: #29b76b;
                color: #fff
            }

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

            .progress-bar {
                display: flex;
                flex-direction: column;
                justify-content: center;
                overflow: hidden;
                color: #fff;
                text-align: center;
                white-space: nowrap;
                background-color: #29b76b;
                transition: width .6s ease
            }

            .process-section .alert {
                padding: .75rem 1.25rem;
                text-align: left
            }

            .alert.alert-idea {
                color: #155724;
                background-color: #d4edda;
                border-color: #c3e6cb
            }

            .process-section section {
                padding-top: 1.5rem
            }

            .btn-convert-dl .column {
                text-align: center
            }

            .server-info {
                text-align: center;
                padding-top: .5rem
            }

            .download-spin {
                position: absolute;
                top: 0;
                left: 0;
                background-color: #ffffffbf;
                width: 100%;
                height: 100%;
                border-radius: .25rem;
                display: flex;
                justify-content: center;
                align-items: center;
                visibility: hidden
            }

            .download-spin.active {
                visibility: visible
            }

            .spinner-grow {
                display: inline-block;
                width: 5rem;
                height: 5rem;
                vertical-align: text-bottom;
                background-color: currentColor;
                color: #3dd583!important;
                border-radius: 50%;
                opacity: 0;
                -webkit-animation: .75s linear infinite spinner-grow;
                animation: .75s linear infinite spinner-grow
            }

            @keyframes spinner-grow {
                0% {
                    transform: scale(0)
                }

                50% {
                    opacity: 1;
                    transform: none
                }
            }

            .visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
                position: absolute!important;
                width: 1px!important;
                height: 1px!important;
                padding: 0!important;
                margin: -1px!important;
                overflow: hidden!important;
                clip: rect(0,0,0,0)!important;
                white-space: nowrap!important;
                border: 0!important
            }

            .accordion .card-faq:hover .card-toggle::before {
                animation: myAnim 2s ease 0s 1 normal forwards
            }

            .why-section .why-item:hover .img-sprites {
                animation: myAnim 2s ease 0s 1 normal forwards
            }

            @keyframes myAnim {
                0% {
                    animation-timing-function: ease-in;
                    opacity: 1;
                    transform: translateY(-16px)
                }

                24% {
                    opacity: 1
                }

                40% {
                    animation-timing-function: ease-in;
                    transform: translateY(-8px)
                }

                65% {
                    animation-timing-function: ease-in;
                    transform: translateY(-4px)
                }

                82% {
                    animation-timing-function: ease-in;
                    transform: translateY(-3px)
                }

                93% {
                    animation-timing-function: ease-in;
                    transform: translateY(-2px)
                }

                25%,55%,75%,87% {
                    animation-timing-function: ease-out;
                    transform: translateY(0)
                }

                100% {
                    animation-timing-function: ease-out;
                    opacity: 1;
                    transform: translateY(0)
                }
            }

            .noti-dl {
                margin-bottom: 1rem
            }

            .ads-section .ad-close .button {
                margin-top: 1rem
            }

            .notification.is-success {
                background-color: #48c78e;
                color: #fff;
                padding: .5rem 1rem
            }

            .ads-section .ad-close .button span {
                padding-left: 4px
            }

            .ad-close,.noti-dl {
                display: none
            }

            .ads-section.active .ad-close,.ads-section.active .noti-dl {
                display: block
            }

            .ads-section.active {
                display: flex;
                align-items: center;
                position: fixed;
                left: 0;
                top: -1rem;
                width: 100%;
                height: 100vh;
                overflow: auto;
                background-color: #fff;
                padding-right: 0;
                padding-left: 0;
                z-index: 1000;
                margin: 0
            }

            .ads-section.active .ad-close,.ads-section.active .noti-dl {
                padding-left: 15px;
                padding-right: 15px
            }

            #procress-dllink {
                text-align: center
            }

            .container.hr {
                padding: 0 .75rem
            }

            @media screen and (min-width: 769px),print {
                .container.hr {
                    padding:0
                }
            }

            .sites-section .section {
                padding-top: 2rem
            }

            .icon-why-item.icon-sites-item {
                width: unset;
                height: unset;
                background: unset;
                padding-top: 0;
                display: flex;
                justify-content: center;
                border-radius: unset;
                margin-bottom: .5rem!important
            }

            .img-sprites2 {
                background: url(/css/css_sprites2.png) no-repeat;
                background-size: 84px 84px;
                width: 32px;
                height: 32px;
                border-radius: .5rem
            }

            .img-sprites2.icon-facebook {
                background-position: -5px -5px
            }

            .img-sprites2.icon-insta {
                background-position: -47px -5px
            }

            .img-sprites2.icon-tiktok {
                background-position: -5px -47px
            }

            .sites-section .column.is-3 {
                flex: none;
                width: 33.33333%
            }

            .sites-section .why-item {
                padding: .5rem;
                box-shadow: none;
                -webkit-box-shadow: none;
                border: none
            }

            .sites-section .columns {
                display: flex
            }

            .sites-section .why-item .title {
                font-weight: 400;
                font-size: 1rem;
                text-align: center
            }

            @media screen and (min-width: 769px),print {
                .column.is-3 {
                    flex:none;
                    width: 25%
                }

                .img-sprites2 {
                    background-size: unset;
                    width: 64px;
                    height: 64px;
                    border-radius: .5rem
                }

                .img-sprites2.icon-facebook {
                    background-position: -10px -10px
                }

                .img-sprites2.icon-insta {
                    background-position: -94px -10px
                }

                .img-sprites2.icon-tiktok {
                    background-position: -10px -94px
                }

                .sites-section .why-item .title {
                    font-weight: 500;
                    font-size: 1.2rem
                }
            }

            .only-mobile {
                display: none
            }

            @media only screen and (max-width: 479px) {
                .only-mobile {
                    display:block
                }
            }

            .ad-sticky {
                position: -webkit-sticky;
                position: -moz-sticky;
                position: -o-sticky;
                position: -ms-sticky;
                position: sticky;
                bottom: 0;
                height: 50px;
                width: 100%;
                left: 0;
                text-align: center;
                background-color: #f8f6fb;
                z-index: 1000
            }

            #at-expanding-share-button {
                bottom: 80px
            }

            @media screen and (max-width: 960px) {
                .ad-slot {
                    min-height:280px
                }
            }

            .navbar-dropdown.navbar-lang .navbar-item {
                width: 50%;
                display: inline-block
            }

            [class*="us–style-manager-1buttonIframe"] {
                margin-bottom: 136px;
                margin-right: -16px
            }

            .download-link .card {
                height: 100%
            }

            .download-link .card img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

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

            .spinner {
                width: 28px;
                height: 28px;
                border: 2px solid #28b76b;
                border-radius: 50%;
                border-right: 2px solid transparent;
                box-sizing: border-box;
                animation: 1s linear infinite spinner
            }

            @keyframes spinner {
                0% {
                    transform: rotate(0)
                }

                100% {
                    transform: rotate(360deg)
                }
            }
        </style>
        <style>
            body.modal-open {
                overflow: hidden
            }

            .modal {
                display: none;
                position: fixed;
                z-index: 1000;
                left: 0;
                top: 0;
                width: 100%;
                height: -webkit-fill-available;
                overflow: auto;
                background-color: rgba(0,0,0,.4);
                align-items: center;
                justify-content: center
            }

            .modal-content {
                position: relative;
                display: flex;
                flex-direction: column;
                width: 100%;
                pointer-events: auto;
                background-color: #fff;
                background-clip: padding-box;
                border: 1px solid rgba(0,0,0,.175);
                border-radius: .5rem;
                outline: 0;
                -webkit-animation-name: animatetop;
                -webkit-animation-duration: .4s;
                animation-name: animatetop;
                animation-duration: .4s
            }

            @-webkit-keyframes animatetop {
                from {
                    top: -300px;
                    opacity: 0
                }

                to {
                    top: 0;
                    opacity: 1
                }
            }

            @keyframes animatetop {
                from {
                    top: -300px;
                    opacity: 0
                }

                to {
                    top: 0;
                    opacity: 1
                }
            }

            .modal-body {
                padding: 16px 15px;
                min-height: 250px
            }

            .modal-footer {
                margin: 10px 0;
                padding: 2px 15px
            }

            .btn.btn-secondary {
                font-size: 16px;
                color: #fff;
                background-color: #6c757d;
                padding: 8px 16px;
                border: 1px solid #6c757d;
                display: block;
                width: 100%;
                margin-bottom: 10px
            }

            @media (min-width: 768px) {
                .modal-content {
                    max-width:1140px
                }
            }

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

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

            .ad-slot {
                min-height: 280px;
                max-width: 100%;
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                flex-grow: 1
            }

            .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="%23fff" 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
            }

            .render .button.is-small {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px
            }

            .modal-app {
                text-align: center;
                margin-top: 9px;
                width: 100%
            }

            .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
            }

            .btn.btn-primary {
                background-color: #0063f9;
                text-decoration: none;
                padding: .5rem .75rem;
                width: 100%;
                display: block;
                color: #fff
            }

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

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

            .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
            }

            .modal-admind .modal-body {
                min-height: unset;
            }

            .modal-admind .modal-content {
                width: 95%;
                max-width: 600px;
            }

            .admind-btn-group {
                margin-top: 16px;
            }

            .admind-btn-group .is-success {
                margin-bottom: 8px;
            }

            .render .button.is-small {
                width: fit-content;
            }