.fslightbox-fade-in {
    animation: fslightbox-fade-in .3s cubic-bezier(0, 0, .7, 1)
}

.fslightbox-fade-out {
    animation: fslightbox-fade-out .3s ease
}

.fslightbox-fade-in-strong {
    animation: fslightbox-fade-in-strong forwards .3s cubic-bezier(0, 0, .7, 1)
}

.fslightbox-fade-out-strong {
    animation: fslightbox-fade-out-strong .3s ease
}

@keyframes fslightbox-fade-in {
    from {
        opacity: .65
    }
    to {
        opacity: 1
    }
}

@keyframes fslightbox-fade-out {
    from {
        opacity: .35
    }
    to {
        opacity: 0
    }
}

@keyframes fslightbox-fade-in-strong {
    from {
        opacity: .3
    }
    to {
        opacity: 1
    }
}

@keyframes fslightbox-fade-out-strong {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fslightbox-absoluted {
    position: absolute;
    top: 0;
    left: 0
}

.fslightboxcg {
    cursor: grabbing !important
}

.fslightbox-full-dimension {
    width: 100%;
    height: 100%
}

.fslightbox-open {
    overflow: hidden;
    height: 100%
}

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

.fslightbox-opacity-0 {
    opacity: 0 !important
}

.fslightbox-opacity-1 {
    opacity: 1 !important
}

.fslightboxx {
    opacity: 0 !important;
    z-index: -1 !important
}

.fslightbox-scrollbarfix {
    padding-right: 17px
}

.fslightboxtt {
    transition: transform .3s !important
}

.fslightbox-container {
    font-family: Arial, sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(30, 30, 30, .9), #000 1810%);
    touch-action: none;
    z-index: 1000000000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.fslightbox-container * {
    box-sizing: border-box
}

.fslightbox-svg-path {
    transition: fill .15s ease;
    fill: #d1d2d2
}

.fslightbox-loader {
    display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 67px;
    height: 67px
}

.fslightbox-loader-child {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 54px;
    height: 54px;
    margin: 6px;
    border: 5px solid;
    border-color: #999 transparent transparent transparent;
    border-radius: 50%;
    animation: fslightbox-loader 1.2s cubic-bezier(.5, 0, .5, 1) infinite
}

.fslightbox-loader-child:nth-child(1) {
    animation-delay: -.45s
}

.fslightbox-loader-child:nth-child(2) {
    animation-delay: -.3s
}

.fslightbox-loader-child:nth-child(3) {
    animation-delay: -.15s
}

@keyframes fslightbox-loader {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.fslightbox-thumbs-loader {
    width: 54px !important;
    height: 54px !important
}

.fslightbox-thumbs-loader div {
    border-width: 4px !important;
    width: 44px !important;
    height: 44px !important
}

.fslightbox-nav {
    height: 45px;
    width: 100%;
    transition: opacity .3s
}

.fslightbox-slide-number-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    font-size: 15px;
    color: #d7d7d7;
    z-index: 0;
    max-width: 55px;
    text-align: left
}

.fslightbox-slide-number-container .fslightbox-flex-centered {
    height: 100%
}

.fslightbox-slash {
    display: block;
    margin: 0 5px;
    width: 1px;
    height: 12px;
    transform: rotate(15deg);
    background: #fff
}

.fslightbox-toolbar {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    height: 45px;
    display: flex;
    background: rgba(35, 35, 35, .65)
}

.fslightbox-toolbar-button {
    height: 100%;
    width: 45px;
    cursor: pointer
}

.fslightbox-toolbar-button:hover .fslightbox-svg-path {
    fill: #fff
}

.fslightbox-slide-btn-container {
    display: flex;
    align-items: center;
    padding: 12px 12px 12px 6px;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 2;
    transform: translateY(-50%);
    transition: opacity .3s
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-container {
        padding: 22px 22px 22px 6px
    }
}

@media (min-width: 768px) {
    .fslightbox-slide-btn-container {
        padding: 30px 30px 30px 6px
    }
}

.fslightbox-slide-btn-container:hover .fslightbox-svg-path {
    fill: #f1f1f1
}

.fslightbox-slide-btn {
    padding: 9px;
    font-size: 26px;
    background: rgba(35, 35, 35, .65)
}

@media (min-width: 768px) {
    .fslightbox-slide-btn {
        padding: 10px
    }
}

@media (min-width: 1600px) {
    .fslightbox-slide-btn {
        padding: 11px
    }
}

.fslightbox-slide-btn-container-previous {
    left: 0
}

@media (max-width: 475.99px) {
    .fslightbox-slide-btn-container-previous {
        padding-left: 3px
    }
}

.fslightbox-slide-btn-container-next {
    right: 0;
    padding-left: 12px;
    padding-right: 3px
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-container-next {
        padding-left: 22px
    }
}

@media (min-width: 768px) {
    .fslightbox-slide-btn-container-next {
        padding-left: 30px
    }
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-container-next {
        padding-right: 6px
    }
}

.fslightboxh {
    z-index: 3
}

.fslightboxss {
    width: 0;
    height: 2px;
    z-index: 3;
    opacity: 0;
    background: #fff
}

.fslightboxin {
    font-size: 24px;
    color: #eaebeb;
    margin: auto
}

.fslightbox-video {
    object-fit: cover
}

.fslightboxyt {
    border: 0
}

.fslightboxs {
    position: relative;
    z-index: 3;
    display: block;
    opacity: 0;
    margin: auto;
    cursor: zoom-in
}

.fslightboxswc {
    z-index: 1;
    transition: transform .2s linear
}

.fslightboxswcp {
    transition: none !important
}

.fslightbox-thumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), #1e1e1e 100%);
    transition: opacity .2s;
    padding: 0 5px 12px 5px;
    height: 114px
}

@media (min-width: 992px) {
    .fslightbox-thumbs {
        padding-bottom: 13px;
        height: 120px
    }
}

@media (min-width: 1600px) {
    .fslightbox-thumbs {
        padding-bottom: 14px;
        height: 126px
    }
}

.fslightbox-thumbs-inner {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%
}

.fslightbox-thumb-wrapper {
    position: relative;
    height: 100%;
    margin: 0 4px;
    opacity: 0;
    transition: opacity .3s
}

.fslightbox-thumb-wrapper svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 1
}

.fslightbox-thumb-wrapper path {
    fill: #fff
}

.fslightboxtd {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: rgba(0, 0, 0, .4);
    cursor: pointer
}

.fslightbox-thumb {
    cursor: pointer;
    border-radius: 1px;
    height: 100%;
    width: auto !important;
    border: 2px solid transparent;
    max-width: unset;
    max-height: unset
}

.fslightboxta {
    border: 2px solid #fff !important
}

.fslightbox-thumb-invalid {
    background: linear-gradient(to bottom, #0f0f0f, rgba(15, 15, 15, .5));
    display: inline-block;
    min-width: 155px
}

.fslightbox-thumbs-cursorer {
    z-index: 3;
    cursor: grabbing
}

.fslightboxc {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    transition: opacity .2s, transform .3s;
    z-index: 2;
    user-select: text
}

.fslightboxc:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 1;
    transition: opacity 1s;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), #1e1e1e 100%)
}

.fslightboxci {
    padding: 20px 25px 30px 25px;
    max-width: 1200px;
    color: #eee;
    text-align: center;
    font-size: 14px
}

.fslightboxct {
    transform: translate(-50%, -101px)
}

.fslightboxct:after {
    opacity: 0;
    transition: none
}

@media (min-width: 992px) {
    .fslightboxct {
        transform: translate(-50%, -106px)
    }
}

:root {
    --ps-tw-border-spacing-x: 0;
    --ps-tw-border-spacing-y: 0;
    --ps-tw-translate-x: 0;
    --ps-tw-translate-y: 0;
    --ps-tw-rotate: 0;
    --ps-tw-skew-x: 0;
    --ps-tw-skew-y: 0;
    --ps-tw-scale-x: 1;
    --ps-tw-scale-y: 1;
    --ps-tw-pan-x: ;
    --ps-tw-pan-y: ;
    --ps-tw-pinch-zoom: ;
    --ps-tw-scroll-snap-strictness: proximity;
    --ps-tw-gradient-from-position: ;
    --ps-tw-gradient-via-position: ;
    --ps-tw-gradient-to-position: ;
    --ps-tw-ordinal: ;
    --ps-tw-slashed-zero: ;
    --ps-tw-numeric-figure: ;
    --ps-tw-numeric-spacing: ;
    --ps-tw-numeric-fraction: ;
    --ps-tw-ring-inset: ;
    --ps-tw-ring-offset-width: 0px;
    --ps-tw-ring-offset-color: #fff;
    --ps-tw-ring-color: #4299e180;
    --ps-tw-ring-offset-shadow: 0 0 #0000;
    --ps-tw-ring-shadow: 0 0 #0000;
    --ps-tw-shadow: 0 0 #0000;
    --ps-tw-shadow-colored: 0 0 #0000;
    --ps-tw-blur: ;
    --ps-tw-brightness: ;
    --ps-tw-contrast: ;
    --ps-tw-grayscale: ;
    --ps-tw-hue-rotate: ;
    --ps-tw-invert: ;
    --ps-tw-saturate: ;
    --ps-tw-sepia: ;
    --ps-tw-drop-shadow: ;
    --ps-tw-backdrop-blur: ;
    --ps-tw-backdrop-brightness: ;
    --ps-tw-backdrop-contrast: ;
    --ps-tw-backdrop-grayscale: ;
    --ps-tw-backdrop-hue-rotate: ;
    --ps-tw-backdrop-invert: ;
    --ps-tw-backdrop-opacity: ;
    --ps-tw-backdrop-saturate: ;
    --ps-tw-backdrop-sepia: ;
    --ps-tw-contain-size: ;
    --ps-tw-contain-layout: ;
    --ps-tw-contain-paint: ;
    --ps-tw-contain-style:
}

::backdrop {
    --ps-tw-border-spacing-x: 0;
    --ps-tw-border-spacing-y: 0;
    --ps-tw-translate-x: 0;
    --ps-tw-translate-y: 0;
    --ps-tw-rotate: 0;
    --ps-tw-skew-x: 0;
    --ps-tw-skew-y: 0;
    --ps-tw-scale-x: 1;
    --ps-tw-scale-y: 1;
    --ps-tw-pan-x: ;
    --ps-tw-pan-y: ;
    --ps-tw-pinch-zoom: ;
    --ps-tw-scroll-snap-strictness: proximity;
    --ps-tw-gradient-from-position: ;
    --ps-tw-gradient-via-position: ;
    --ps-tw-gradient-to-position: ;
    --ps-tw-ordinal: ;
    --ps-tw-slashed-zero: ;
    --ps-tw-numeric-figure: ;
    --ps-tw-numeric-spacing: ;
    --ps-tw-numeric-fraction: ;
    --ps-tw-ring-inset: ;
    --ps-tw-ring-offset-width: 0px;
    --ps-tw-ring-offset-color: #fff;
    --ps-tw-ring-color: #4299e180;
    --ps-tw-ring-offset-shadow: 0 0 #0000;
    --ps-tw-ring-shadow: 0 0 #0000;
    --ps-tw-shadow: 0 0 #0000;
    --ps-tw-shadow-colored: 0 0 #0000;
    --ps-tw-blur: ;
    --ps-tw-brightness: ;
    --ps-tw-contrast: ;
    --ps-tw-grayscale: ;
    --ps-tw-hue-rotate: ;
    --ps-tw-invert: ;
    --ps-tw-saturate: ;
    --ps-tw-sepia: ;
    --ps-tw-drop-shadow: ;
    --ps-tw-backdrop-blur: ;
    --ps-tw-backdrop-brightness: ;
    --ps-tw-backdrop-contrast: ;
    --ps-tw-backdrop-grayscale: ;
    --ps-tw-backdrop-hue-rotate: ;
    --ps-tw-backdrop-invert: ;
    --ps-tw-backdrop-opacity: ;
    --ps-tw-backdrop-saturate: ;
    --ps-tw-backdrop-sepia: ;
    --ps-tw-contain-size: ;
    --ps-tw-contain-layout: ;
    --ps-tw-contain-paint: ;
    --ps-tw-contain-style:
}

.proads-space {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    tab-size: 4;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0
}

.proads-space *, .proads-space :after, .proads-space :before {
    border: 0 solid #edf2f7;
    box-sizing: border-box
}

.proads-space :after, .proads-space :before {
    --ps-tw-content: ""
}

.proads-space hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

.proads-space abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.proads-space h1, .proads-space h2, .proads-space h3, .proads-space h4, .proads-space h5, .proads-space h6 {
    font-size: inherit;
    font-weight: inherit
}

.proads-space a {
    color: inherit;
    text-decoration: inherit
}

.proads-space b, .proads-space strong {
    font-weight: bolder
}

.proads-space code, .proads-space kbd, .proads-space pre, .proads-space samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

.proads-space small {
    font-size: 80%
}

.proads-space sub, .proads-space sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

.proads-space sub {
    bottom: -0.25em
}

.proads-space sup {
    top: -0.5em
}

.proads-space table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

.proads-space button, .proads-space input, .proads-space optgroup, .proads-space select, .proads-space textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

.proads-space button, .proads-space select {
    text-transform: none
}

.proads-space button, .proads-space input:where([type=button]), .proads-space input:where([type=reset]), .proads-space input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

.proads-space :-moz-focusring {
    outline: auto
}

.proads-space :-moz-ui-invalid {
    box-shadow: none
}

.proads-space progress {
    vertical-align: initial
}

.proads-space ::-webkit-inner-spin-button, .proads-space ::-webkit-outer-spin-button {
    height: auto
}

.proads-space [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.proads-space ::-webkit-search-decoration {
    -webkit-appearance: none
}

.proads-space ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.proads-space summary {
    display: list-item
}

.proads-space blockquote, .proads-space dd, .proads-space dl, .proads-space fieldset, .proads-space figure, .proads-space h1, .proads-space h2, .proads-space h3, .proads-space h4, .proads-space h5, .proads-space h6, .proads-space hr, .proads-space p, .proads-space pre {
    margin: 0
}

.proads-space fieldset, .proads-space legend {
    padding: 0
}

.proads-space menu, .proads-space ol, .proads-space ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.proads-space dialog {
    padding: 0
}

.proads-space textarea {
    resize: vertical
}

.proads-space input::placeholder, .proads-space textarea::placeholder {
    color: #cbd5e0;
    opacity: 1
}

.proads-space [role=button], .proads-space button {
    cursor: pointer
}

.proads-space :disabled {
    cursor: default
}

.proads-space audio, .proads-space canvas, .proads-space embed, .proads-space iframe, .proads-space img, .proads-space object, .proads-space svg, .proads-space video {
    display: block;
    vertical-align: middle
}

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

.proads-space [hidden]:where(:not([hidden=until-found])) {
    display: none
}

.proads-space .ps-sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    white-space: nowrap
}

.proads-space .ps-pointer-events-none {
    pointer-events: none
}

.proads-space .ps-fixed {
    position: fixed
}

.proads-space .ps-absolute {
    position: absolute
}

.proads-space .ps-relative {
    position: relative
}

.proads-space .ps-sticky {
    position: -webkit-sticky;
    position: sticky
}

.proads-space .ps-inset-y-0 {
    bottom: 0;
    top: 0
}

.proads-space .ps--top-6 {
    top: -1.5rem
}

.proads-space .ps--top-\[200vh\] {
    top: -200vh
}

.proads-space .ps-bottom-0 {
    bottom: 0
}

.proads-space .ps-bottom-5 {
    bottom: 1.25rem
}

.proads-space .ps-end-2\.5 {
    inset-inline-end: .625rem
}

.proads-space .ps-left-0 {
    left: 0
}

.proads-space .ps-left-1\/2 {
    left: 50%
}

.proads-space .ps-left-2 {
    left: .5rem
}

.proads-space .ps-left-2\/4 {
    left: 50%
}

.proads-space .ps-left-5 {
    left: 1.25rem
}

.proads-space .ps-right-0 {
    right: 0
}

.proads-space .ps-right-2 {
    right: .5rem
}

.proads-space .ps-right-5 {
    right: 1.25rem
}

.proads-space .ps-top-0 {
    top: 0
}

.proads-space .ps-top-1\/2 {
    top: 50%
}

.proads-space .ps-top-2 {
    top: .5rem
}

.proads-space .ps-top-2\/4 {
    top: 50%
}

.proads-space .ps-top-3 {
    top: .75rem
}

.proads-space .ps-top-5 {
    top: 1.25rem
}

.proads-space .ps-z-10 {
    z-index: 10
}

.proads-space .ps-z-1000000 {
    z-index: 1000000
}

.proads-space .ps-z-1000001 {
    z-index: 1000001
}

.proads-space .ps-z-50 {
    z-index: 50
}

.proads-space .ps-z-\[1200\] {
    z-index: 1200
}

.proads-space .ps-z-\[2000\] {
    z-index: 2000
}

.proads-space .ps-z-\[9999999\] {
    z-index: 9999999
}

.proads-space .ps-m-4 {
    margin: 1rem
}

.proads-space .ps-m-auto {
    margin: auto
}

.proads-space .ps-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.proads-space .ps-my-0 {
    margin-bottom: 0;
    margin-top: 0
}

.proads-space .ps-my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.proads-space .ps-mb-2 {
    margin-bottom: .5rem
}

.proads-space .ps-ml-auto {
    margin-left: auto
}

.proads-space .ps-mr-3 {
    margin-right: .75rem
}

.proads-space .ps-ms-auto {
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.proads-space .ps-mt-2 {
    margin-top: .5rem
}

.proads-space .ps-mt-4 {
    margin-top: 1rem
}

.proads-space .ps-mt-7 {
    margin-top: 1.75rem
}

.proads-space .ps-mt-px {
    margin-top: 1px
}

.proads-space .ps-block {
    display: block
}

.proads-space .ps-inline-block {
    display: inline-block
}

.proads-space .ps-inline {
    display: inline
}

.proads-space .ps-flex {
    display: flex
}

.proads-space .ps-inline-flex {
    display: inline-flex
}

.proads-space .ps-hidden {
    display: none
}

.proads-space .ps-h-0 {
    height: 0
}

.proads-space .ps-h-1 {
    height: .25rem
}

.proads-space .ps-h-3 {
    height: .75rem
}

.proads-space .ps-h-3\.5 {
    height: .875rem
}

.proads-space .ps-h-5 {
    height: 1.25rem
}

.proads-space .ps-h-8 {
    height: 2rem
}

.proads-space .ps-h-\[calc\(100\%-0rem\)\], .proads-space .ps-h-full {
    height: 100%
}

.proads-space .ps-h-screen {
    height: 100vh
}

.proads-space .ps-max-h-full {
    max-height: 100%
}

.proads-space .ps-w-1 {
    width: .25rem
}

.proads-space .ps-w-1\/2 {
    width: 50%
}

.proads-space .ps-w-3 {
    width: .75rem
}

.proads-space .ps-w-3\.5 {
    width: .875rem
}

.proads-space .ps-w-4 {
    width: 1rem
}

.proads-space .ps-w-5 {
    width: 1.25rem
}

.proads-space .ps-w-8 {
    width: 2rem
}

.proads-space .ps-w-full {
    width: 100%
}

.proads-space .ps-w-screen {
    width: 100vw
}

.proads-space .ps-max-w-md {
    max-width: 28rem
}

.proads-space .ps-flex-none {
    flex: none
}

.proads-space .ps--translate-x-1\/2, .proads-space .ps--translate-x-2\/4 {
    --ps-tw-translate-x: -50%;
    transform: translate(var(--ps-tw-translate-x), var(--ps-tw-translate-y)) rotate(var(--ps-tw-rotate)) skewX(var(--ps-tw-skew-x)) skewY(var(--ps-tw-skew-y)) scaleX(var(--ps-tw-scale-x)) scaleY(var(--ps-tw-scale-y))
}

.proads-space .ps--translate-y-1\/2, .proads-space .ps--translate-y-2\/4 {
    --ps-tw-translate-y: -50%
}

.proads-space .ps--translate-y-1\/2, .proads-space .ps--translate-y-2\/4, .proads-space .ps--translate-y-full {
    transform: translate(var(--ps-tw-translate-x), var(--ps-tw-translate-y)) rotate(var(--ps-tw-rotate)) skewX(var(--ps-tw-skew-x)) skewY(var(--ps-tw-skew-y)) scaleX(var(--ps-tw-scale-x)) scaleY(var(--ps-tw-scale-y))
}

.proads-space .ps--translate-y-full {
    --ps-tw-translate-y: -100%
}

.proads-space .ps-rotate-180 {
    --ps-tw-rotate: 180deg
}

.proads-space .ps-rotate-180, .proads-space .ps-transform {
    transform: translate(var(--ps-tw-translate-x), var(--ps-tw-translate-y)) rotate(var(--ps-tw-rotate)) skewX(var(--ps-tw-skew-x)) skewY(var(--ps-tw-skew-y)) scaleX(var(--ps-tw-scale-x)) scaleY(var(--ps-tw-scale-y))
}

.proads-space .ps-cursor-pointer {
    cursor: pointer
}

.proads-space .ps-select-none {
    -webkit-user-select: none;
    user-select: none
}

.proads-space .ps-appearance-none {
    -webkit-appearance: none;
    appearance: none
}

.proads-space .ps-flex-col {
    flex-direction: column
}

.proads-space .ps-content-center {
    align-content: center
}

.proads-space .ps-items-start {
    align-items: flex-start
}

.proads-space .ps-items-center {
    align-items: center
}

.proads-space .ps-justify-end {
    justify-content: flex-end
}

.proads-space .ps-justify-center {
    justify-content: center
}

.proads-space .ps-justify-between {
    justify-content: space-between
}

.proads-space .ps-gap-1 {
    gap: .25rem
}

.proads-space .ps-gap-2 {
    gap: .5rem
}

.proads-space .ps-gap-3 {
    gap: .75rem
}

.proads-space .ps-gap-4 {
    gap: 1rem
}

.proads-space .ps-overflow-hidden {
    overflow: hidden
}

.proads-space .ps-overflow-y-auto {
    overflow-y: auto
}

.proads-space .ps-overflow-x-hidden {
    overflow-x: hidden
}

.proads-space .ps-whitespace-nowrap {
    white-space: nowrap
}

.proads-space .ps-rounded {
    border-radius: .25rem
}

.proads-space .ps-rounded-full {
    border-radius: 9999px
}

.proads-space .ps-rounded-lg {
    border-radius: .5rem
}

.proads-space .ps-rounded-md {
    border-radius: .375rem
}

.proads-space .ps-border {
    border-width: 1px
}

.proads-space .ps-border-4 {
    border-width: 4px
}

.proads-space .ps-border-b {
    border-bottom-width: 1px
}

.proads-space .ps-border-t-2 {
    border-top-width: 2px
}

.proads-space .ps-border-gray-300 {
    --ps-tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--ps-tw-border-opacity, 1))
}

.proads-space .ps-border-gray-400 {
    --ps-tw-border-opacity: 1;
    border-color: rgb(203 213 224/var(--ps-tw-border-opacity, 1))
}

.proads-space .ps-border-gray-800 {
    --ps-tw-border-opacity: 1;
    border-color: rgb(45 55 72/var(--ps-tw-border-opacity, 1))
}

.proads-space .ps-border-red-700 {
    --ps-tw-border-opacity: 1;
    border-color: rgb(197 48 48/var(--ps-tw-border-opacity, 1))
}

.proads-space .ps-bg-\[rgb\(33\,33\,33\)\] {
    --ps-tw-bg-opacity: 1;
    background-color: rgb(33 33 33/var(--ps-tw-bg-opacity, 1))
}

.proads-space .ps-bg-black {
    --ps-tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--ps-tw-bg-opacity, 1))
}

.proads-space .ps-bg-blue-300 {
    --ps-tw-bg-opacity: 1;
    background-color: rgb(144 205 244/var(--ps-tw-bg-opacity, 1))
}

.proads-space .ps-bg-blue-400 {
    --ps-tw-bg-opacity: 1;
    background-color: rgb(99 179 237/var(--ps-tw-bg-opacity, 1))
}

.proads-space .ps-bg-blue-500 {
    --ps-tw-bg-opacity: 1;
    background-color: rgb(66 153 225/var(--ps-tw-bg-opacity, 1))
}

.proads-space .ps-bg-blue-600 {
    --ps-tw-bg-opacity: 1;
    background-color: rgb(49 130 206/var(--ps-tw-bg-opacity, 1))
}

.proads-space .ps-bg-gray-300 {
    --ps-tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--ps-tw-bg-opacity, 1))
}

.proads-space .ps-bg-green-500 {
    --ps-tw-bg-opacity: 1;
    background-color: rgb(72 187 120/var(--ps-tw-bg-opacity, 1))
}

.proads-space .ps-bg-red-100 {
    --ps-tw-bg-opacity: 1;
    background-color: rgb(255 245 245/var(--ps-tw-bg-opacity, 1))
}

.proads-space .ps-bg-transparent {
    background-color: initial
}

.proads-space .ps-bg-white {
    --ps-tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--ps-tw-bg-opacity, 1))
}

.proads-space .ps-bg-opacity-50 {
    --ps-tw-bg-opacity: 0.5
}

.proads-space .ps-bg-opacity-60 {
    --ps-tw-bg-opacity: 0.6
}

.proads-space .ps-bg-opacity-90 {
    --ps-tw-bg-opacity: 0.9
}

.proads-space .ps-fill-current {
    fill: currentColor
}

.proads-space .ps-p-1 {
    padding: .25rem
}

.proads-space .ps-p-2 {
    padding: .5rem
}

.proads-space .ps-p-4 {
    padding: 1rem
}

.proads-space .ps-px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.proads-space .ps-px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.proads-space .ps-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.proads-space .ps-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.proads-space .ps-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.proads-space .ps-py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.proads-space .ps-py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.proads-space .ps-py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.proads-space .ps-py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.proads-space .ps-py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.proads-space .ps-py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.proads-space .ps-py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.proads-space .ps-pb-0\.5 {
    padding-bottom: .125rem
}

.proads-space .ps-pb-2 {
    padding-bottom: .5rem
}

.proads-space .ps-pb-4 {
    padding-bottom: 1rem
}

.proads-space .ps-pb-5 {
    padding-bottom: 1.25rem
}

.proads-space .ps-pb-8 {
    padding-bottom: 2rem
}

.proads-space .ps-pl-10 {
    padding-left: 2.5rem
}

.proads-space .ps-pl-2 {
    padding-left: .5rem
}

.proads-space .ps-pl-3 {
    padding-left: .75rem
}

.proads-space .ps-pr-8 {
    padding-right: 2rem
}

.proads-space .ps-pt-0\.5 {
    padding-top: .125rem
}

.proads-space .ps-pt-1 {
    padding-top: .25rem
}

.proads-space .ps-pt-2 {
    padding-top: .5rem
}

.proads-space .ps-pt-4 {
    padding-top: 1rem
}

.proads-space .ps-pt-6 {
    padding-top: 1.5rem
}

.proads-space .ps-text-left {
    text-align: left
}

.proads-space .ps-text-center {
    text-align: center
}

.proads-space .ps-text-right {
    text-align: right
}

.proads-space .ps-align-middle {
    vertical-align: middle
}

.proads-space .ps-font-sans {
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.proads-space .ps-text-xxxs {
    font-size: .5rem;
    line-height: .75rem
}

.proads-space .ps-font-bold {
    font-weight: 700
}

.proads-space .ps-font-light {
    font-weight: 300
}

.proads-space .ps-font-semibold {
    font-weight: 600
}

.proads-space .ps-uppercase {
    text-transform: uppercase
}

.proads-space .ps-normal-case {
    text-transform: none
}

.proads-space .ps-leading-none {
    line-height: 1
}

.proads-space .ps-leading-tight {
    line-height: 1.25
}

.proads-space .ps-text-black {
    --ps-tw-text-opacity: 1;
    color: rgb(0 0 0/var(--ps-tw-text-opacity, 1))
}

.proads-space .ps-text-black\/25 {
    color: rgba(0, 0, 0, .2509803922)
}

.proads-space .ps-text-blue-700 {
    --ps-tw-text-opacity: 1;
    color: rgb(43 108 176/var(--ps-tw-text-opacity, 1))
}

.proads-space .ps-text-gray-400 {
    --ps-tw-text-opacity: 1;
    color: rgb(203 213 224/var(--ps-tw-text-opacity, 1))
}

.proads-space .ps-text-gray-500 {
    --ps-tw-text-opacity: 1;
    color: rgb(160 174 192/var(--ps-tw-text-opacity, 1))
}

.proads-space .ps-text-gray-600 {
    --ps-tw-text-opacity: 1;
    color: rgb(113 128 150/var(--ps-tw-text-opacity, 1))
}

.proads-space .ps-text-gray-700 {
    --ps-tw-text-opacity: 1;
    color: rgb(74 85 104/var(--ps-tw-text-opacity, 1))
}

.proads-space .ps-text-red-700 {
    --ps-tw-text-opacity: 1;
    color: rgb(197 48 48/var(--ps-tw-text-opacity, 1))
}

.proads-space .ps-text-white {
    --ps-tw-text-opacity: 1;
    color: rgb(255 255 255/var(--ps-tw-text-opacity, 1))
}

.proads-space .ps-opacity-0 {
    opacity: 0
}

.proads-space .ps-opacity-100 {
    opacity: 1
}

.proads-space .ps-shadow {
    --ps-tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --ps-tw-shadow-colored: 0 1px 3px 0 var(--ps-tw-shadow-color), 0 1px 2px -1px var(--ps-tw-shadow-color)
}

.proads-space .ps-shadow, .proads-space .ps-shadow-lg {
    box-shadow: var(--ps-tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--ps-tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--ps-tw-shadow)
}

.proads-space .ps-shadow-lg {
    --ps-tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --ps-tw-shadow-colored: 0 10px 15px -3px var(--ps-tw-shadow-color), 0 4px 6px -4px var(--ps-tw-shadow-color)
}

.proads-space .ps-drop-shadow-\[0_0_2px_rgba\(0\,0\,0\,0\.5\)\] {
    --ps-tw-drop-shadow: drop-shadow(0 0 2px #00000080);
    filter: var(--ps-tw-blur) var(--ps-tw-brightness) var(--ps-tw-contrast) var(--ps-tw-grayscale) var(--ps-tw-hue-rotate) var(--ps-tw-invert) var(--ps-tw-saturate) var(--ps-tw-sepia) var(--ps-tw-drop-shadow)
}

.proads-space .ps-transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.proads-space .ps-transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.proads-space .ps-transition-none {
    transition-property: none
}

.proads-space .ps-transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.proads-space .ps-duration-500 {
    transition-duration: .5s
}

.proads-space .ps-ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

div[data-type=banner] > div > div > div > iframe {
    margin: 0 auto
}

.landing_img_container {
    animation-delay: 1s;
    animation-direction: normal;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: protag_loading_start_animation;
    animation-timing-function: steps(12);
    height: 100%;
    position: absolute;
    right: 0;
    transform: rotate(0);
    width: calc(100% - 100px);
    z-index: 0
}

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

@keyframes protag_loading_start_animation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

div[data-type=content-locker] .gradient, div[data-type=reward] .gradient {
    position: relative
}

div[data-type=content-locker] .gradient:before, div[data-type=reward] .gradient:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
    bottom: 100%;
    content: "";
    height: 348px;
    left: -4px;
    margin-bottom: 4px;
    pointer-events: none;
    position: absolute;
    width: calc(100% + 8px);
    z-index: 1000
}

.proads-space .ps-clip-rect {
    clip: rect(0, auto, auto, 0) !important;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important
}

.proads-space .mm {
    color: orange
}

.proads-space .before\:ps-absolute:before {
    content: var(--ps-tw-content);
    position: absolute
}

.proads-space .before\:ps-left-2\/4:before {
    content: var(--ps-tw-content);
    left: 50%
}

.proads-space .before\:ps-top-2\/4:before {
    content: var(--ps-tw-content);
    top: 50%
}

.proads-space .before\:ps-block:before {
    content: var(--ps-tw-content);
    display: block
}

.proads-space .before\:ps-h-12:before {
    content: var(--ps-tw-content);
    height: 3rem
}

.proads-space .before\:ps-w-12:before {
    content: var(--ps-tw-content);
    width: 3rem
}

.proads-space .before\:ps--translate-x-2\/4:before {
    --ps-tw-translate-x: -50%
}

.proads-space .before\:ps--translate-x-2\/4:before, .proads-space .before\:ps--translate-y-2\/4:before {
    content: var(--ps-tw-content);
    transform: translate(var(--ps-tw-translate-x), var(--ps-tw-translate-y)) rotate(var(--ps-tw-rotate)) skewX(var(--ps-tw-skew-x)) skewY(var(--ps-tw-skew-y)) scaleX(var(--ps-tw-scale-x)) scaleY(var(--ps-tw-scale-y))
}

.proads-space .before\:ps--translate-y-2\/4:before {
    --ps-tw-translate-y: -50%
}

.proads-space .before\:ps-rounded-full:before {
    border-radius: 9999px;
    content: var(--ps-tw-content)
}

.proads-space .before\:ps-opacity-0:before {
    content: var(--ps-tw-content);
    opacity: 0
}

.proads-space .before\:ps-transition-opacity:before {
    content: var(--ps-tw-content);
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.proads-space .checked\:ps-border-gray-900:checked {
    --ps-tw-border-opacity: 1;
    border-color: rgb(26 32 44/var(--ps-tw-border-opacity, 1))
}

.proads-space .checked\:before\:ps-bg-gray-900:checked:before, .proads-space .checked\:ps-bg-gray-900:checked {
    --ps-tw-bg-opacity: 1;
    background-color: rgb(26 32 44/var(--ps-tw-bg-opacity, 1))
}

.proads-space .checked\:before\:ps-bg-gray-900:checked:before {
    content: var(--ps-tw-content)
}

.proads-space .hover\:ps-bg-blue-700:hover {
    --ps-tw-bg-opacity: 1;
    background-color: rgb(43 108 176/var(--ps-tw-bg-opacity, 1))
}

.proads-space .hover\:ps-bg-gray-200:hover {
    --ps-tw-bg-opacity: 1;
    background-color: rgb(237 242 247/var(--ps-tw-bg-opacity, 1))
}

.proads-space .hover\:ps-bg-gray-300:hover {
    --ps-tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--ps-tw-bg-opacity, 1))
}

.proads-space .hover\:ps-text-gray-900:hover {
    --ps-tw-text-opacity: 1;
    color: rgb(26 32 44/var(--ps-tw-text-opacity, 1))
}

.proads-space .hover\:ps-text-red-600:hover {
    --ps-tw-text-opacity: 1;
    color: rgb(229 62 62/var(--ps-tw-text-opacity, 1))
}

.proads-space .hover\:ps-opacity-80:hover {
    opacity: .8
}

.proads-space .hover\:before\:ps-opacity-10:hover:before {
    content: var(--ps-tw-content);
    opacity: .1
}

.proads-space .focus\:ps-outline-none:focus {
    outline: 2px solid rgba(0, 0, 0, 0);
    outline-offset: 2px
}

.proads-space :is(.ps-peer:checked~.peer-checked\:ps-opacity-100) {
    opacity: 1
}

@media (min-width: 640px) {
    .proads-space .sm\:ps-flex {
        display: flex
    }

    .proads-space .sm\:ps-w-1\/2 {
        width: 50%
    }

    .proads-space .sm\:ps-w-1\/3 {
        width: 33.333333%
    }

    .proads-space .sm\:ps-w-1\/4 {
        width: 25%
    }

    .proads-space .sm\:ps-justify-between {
        justify-content: space-between
    }

    .proads-space :is(.sm\:ps-space-x-5>:not([hidden])~:not([hidden])) {
        --ps-tw-space-x-reverse: 0;
        margin-left: calc(1.25rem * (1 - var(--ps-tw-space-x-reverse)));
        margin-right: calc(1.25rem * var(--ps-tw-space-x-reverse))
    }
}

@media (min-width: 768px) {
    .proads-space .md\:ps-inset-0 {
        inset: 0
    }

    .proads-space .md\:ps-w-1\/2 {
        width: 50%
    }

    .proads-space .md\:ps-p-7 {
        padding: 1.75rem
    }
}

.proads-space .gate-img {
    border-width: 0px;
}

body.n3_body__dark .proads-space div[data-label='advertisement-label'] {
    color: #cccccc;
}

body.n3_body__dark .proads-space .ps-text-xxxs * {
    color: #cccccc !important;
}

:root {
    --protag-custom-border-color: #e2dbd9;
}

body.n3_body__dark {
    --protag-custom-border-color: #47403e;
}

.qJTHM {
    -webkit-user-select: none;
    color: #202124;
    direction: ltr;
    -webkit-touch-callout: none;
    font-family: "Roboto-Regular", arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    -webkit-text-size-adjust: 100%
}

.ynRLnc {
    left: -9999px;
    position: absolute;
    top: -9999px
}

.L6cTce {
    display: none
}

.bltWBb {
    word-break: break-all
}

.hSRGPd {
    color: #1a73e8;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none
}

.Bz112c-W3lGp {
    height: 16px;
    width: 16px
}

.Bz112c-E3DyYd {
    height: 20px;
    width: 20px
}

.Bz112c-r9oPif {
    height: 24px;
    width: 24px
}

.Bz112c-uaxL4e {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.LgbsSe-Bz112c {
    display: block
}

.S9gUrf-YoZ4jf, .S9gUrf-YoZ4jf * {
    border: none;
    margin: 0;
    padding: 0
}

.fFW7wc-ibnC6b > .aZ2wEe > div {
    border-color: #4285f4
}

.P1ekSe-ZMv3u > div:nth-child(1) {
    background-color: #1a73e8 !important
}

.P1ekSe-ZMv3u > div:nth-child(2), .P1ekSe-ZMv3u > div:nth-child(3) {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #1a73e8, #1a73e8) !important
}

.haAclf {
    display: inline-block
}

.nsm7Bb-HzV7m-LgbsSe {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .218s, border-color .218s;
    transition: background-color .218s, border-color .218s;
    -webkit-user-select: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dadce0;
    color: #3c4043;
    cursor: pointer;
    font-family: "Google Sans", arial, sans-serif;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto
}

@media screen and (-ms-high-contrast: active) {
    .nsm7Bb-HzV7m-LgbsSe {
        border: 2px solid windowText;
        color: windowText
    }
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
    font-size: 14px;
    height: 32px;
    letter-spacing: 0.25px;
    padding: 0 10px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
    font-size: 11px;
    height: 20px;
    letter-spacing: 0.3px;
    padding: 0 8px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
    padding: 0;
    width: 40px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
    width: 32px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
    width: 20px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
    -webkit-border-radius: 16px;
    border-radius: 16px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
    border: none;
    color: #fff
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
    background-color: #1a73e8
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
    background-color: #202124;
    color: #e8eaed
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 18px;
    margin-right: 8px;
    min-width: 18px;
    width: 18px
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 14px;
    min-width: 14px;
    width: 14px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 10px;
    min-width: 10px;
    width: 10px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin-left: 8px;
    margin-right: -4px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin: 0;
    padding: 10px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    padding: 8px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    padding: 4px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    height: 36px;
    margin-left: -10px;
    margin-right: 12px;
    min-width: 36px;
    width: 36px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c, .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin: 0;
    padding: 0
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    height: 28px;
    margin-left: -8px;
    margin-right: 10px;
    min-width: 28px;
    width: 28px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    height: 16px;
    margin-left: -6px;
    margin-right: 8px;
    min-width: 16px;
    width: 16px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 2px;
    margin-right: 0;
    padding: 0
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 18px;
    border-radius: 18px
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 14px;
    border-radius: 14px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    position: relative;
    width: 100%
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
    justify-content: center
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    font-weight: 300
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    -webkit-transition: background-color .218s;
    transition: background-color .218s;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.nsm7Bb-HzV7m-LgbsSe:hover, .nsm7Bb-HzV7m-LgbsSe:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgb(210, 227, 252);
    outline: none
}

.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(66, 133, 244, .04)
}

.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(66, 133, 244, .1)
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(255, 255, 255, .24)
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(255, 255, 255, .32)
}

.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 20px;
    margin-left: -4px;
    margin-right: 8px;
    min-width: 20px;
    width: 20px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    font-family: "Roboto";
    font-size: 12px;
    text-align: left
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf, .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS {
    overflow: hidden;
    text-overflow: ellipsis
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #5f6368;
    fill: #5f6368;
    font-size: 11px;
    font-weight: 400
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    color: #e8eaed;
    fill: #e8eaed
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
    height: 18px;
    margin: -3px -3px -3px 2px;
    min-width: 18px;
    width: 18px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: 12px;
    margin-right: -10px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 18px;
    border-radius: 18px
}

.L5Fo6c-sM5MNb {
    border: 0;
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.L5Fo6c-bF1uUb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.L5Fo6c-bF1uUb:focus {
    border: none;
    outline: none
}

sentinel {
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.html-preview-link[data-v-30188453] {
    cursor: pointer;
    overflow: hidden
}

.html-preview-close.hidden[data-v-30188453] {
    display: none
}

.html-preview-box[data-v-30188453] {
    color: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.html-preview-text[data-v-30188453] {
    align-items: center;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    padding: 5px 10px;
    vertical-align: middle;
    width: 100%
}

.html-preview-close[data-v-30188453] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-preview-close[data-v-30188453]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close[data-v-fbf73852] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.medium-rectangle-preview-close[data-v-fbf73852]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close.hidden[data-v-fbf73852] {
    display: none
}

.medium-rectangle-preview-wrap[data-v-fbf73852] {
    cursor: pointer;
    overflow: hidden
}

.medium-rectangle-preview-box[data-v-fbf73852] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.medium-rectangle-header[data-v-fbf73852] {
    word-wrap: break-word;
    height: 1em
}

.medium-rectangle-main[data-v-fbf73852] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.medium-rectangle-button[data-v-fbf73852] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    padding: 5px;
    width: 70%
}

.bar-preview-close[data-v-499a59e2] {
    align-self: flex-start;
    cursor: pointer;
    font-size: 14px;
    margin: 0 5px;
    order: 2;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.bar-preview-close.hidden[data-v-499a59e2] {
    display: none
}

.bar-button-margin[data-v-499a59e2] {
    margin-right: 25px
}

.bar-wrap[data-v-499a59e2] {
    overflow: hidden;
    width: 100%
}

.bar-header[data-v-499a59e2] {
    color: #5e5e5e;
    display: none;
    font-size: 14px;
    justify-content: flex-end;
    min-height: 35px
}

.bar-close[data-v-499a59e2] {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0 20px;
    text-transform: uppercase
}

.bar-preview-link[data-v-499a59e2] {
    cursor: pointer;
    overflow: hidden
}

.bar-preview-box[data-v-499a59e2] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 5px 18px;
    position: relative;
    white-space: pre-line;
    width: 100%
}

.bar-main[data-v-499a59e2] {
    word-wrap: break-word;
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 5px;
    text-decoration: none
}

.bar-button[data-v-499a59e2] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center;
    white-space: nowrap
}

.bar-button-wrap[data-v-499a59e2] {
    align-items: center;
    display: flex;
    margin-left: auto;
    order: 1
}

@media (max-width: 640px) {
    .bar-preview-box[data-v-499a59e2] {
        flex-wrap: wrap;
        padding: 9px 20px
    }

    .bar-main[data-v-499a59e2] {
        flex: 1;
        margin-bottom: 9px;
        padding: 0 25px;
        text-align: center
    }

    .bar-button[data-v-499a59e2] {
        margin: auto;
        padding: 5px 15px;
        width: -moz-fit-content;
        width: fit-content
    }

    .bar-button-wrap[data-v-499a59e2] {
        flex-basis: 100%;
        order: 2
    }

    .bar-preview-close[data-v-499a59e2] {
        order: 1
    }
}

@media (max-width: 500px) {
    .bar-close-text-filled-bar[data-v-499a59e2] {
        display: flex
    }

    .bar-close-text-filled-button[data-v-499a59e2] {
        display: none
    }

    .bar-main[data-v-499a59e2] {
        padding: 0
    }
}

.collapsible-bar-wrap[data-v-2acfc6b9] {
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%
}

#banner-preview .collapsible-bar-wrap[data-v-2acfc6b9] {
    position: absolute !important
}

.collapsible-bar-preview-close[data-v-2acfc6b9] {
    font-size: 15px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: -5px
}

.collapsible-bar-preview-link[data-v-2acfc6b9] {
    cursor: pointer;
    overflow: hidden
}

.collapsible-bar-preview-box[data-v-2acfc6b9] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 10px 18px calc(10px + env(safe-area-inset-bottom));
    position: relative;
    white-space: pre-line;
    width: 100%
}

.collapsible-bar-main[data-v-2acfc6b9] {
    word-wrap: break-word;
    font-size: 17px;
    padding-right: 5px;
    text-decoration: none
}

.collapsible-bar-button[data-v-2acfc6b9] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center
}

.collapsible-bar-header[data-v-2acfc6b9] {
    align-items: center;
    background-color: #fff;
    color: #5e5e5e;
    display: flex;
    font-size: 14px;
    justify-content: center;
    min-height: 31px;
    position: relative
}

.collapsible-bar-title[data-v-2acfc6b9] {
    margin-bottom: 3px
}

.collapsible-bar-toggle[data-v-2acfc6b9] {
    align-items: stretch;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    height: 100%;
    padding-right: 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0
}

.collapsible-bar-toggle-button[data-v-2acfc6b9] {
    align-items: center;
    display: flex;
    gap: 4px
}

.collapsible-bar-body[data-v-2acfc6b9] {
    display: block;
    height: auto;
    transition: height .7s
}

@media (max-width: 640px) {
    .collapsible-bar-preview-box[data-v-2acfc6b9] {
        flex-direction: column;
        padding-left: 9px;
        padding-right: 9px
    }

    .collapsible-bar-main[data-v-2acfc6b9] {
        margin-bottom: 9px;
        text-align: center
    }

    .collapsible-bar-button[data-v-2acfc6b9] {
        padding: 5px 15px
    }
}

.short-message-preview-wrap[data-v-4e472091] {
    cursor: pointer
}

.short-message-preview-close[data-v-4e472091] {
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 40px
}

a.short-message-preview-close[data-v-4e472091]:after {
    content: "\00d7";
    display: block;
    font-size: 24px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

.short-message-preview-close.hidden[data-v-4e472091] {
    display: none
}

.short-message-preview-link[data-v-4e472091] {
    cursor: pointer;
    overflow: hidden
}

.short-message-preview-box[data-v-4e472091] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.short-message-main[data-v-4e472091] {
    word-wrap: break-word;
    font-size: 16px;
    padding: 10px;
    text-decoration: none
}

.short-message-preview-box.short-message-closable[data-v-4e472091] {
    padding-right: 40px
}

.overlay-rectangle-preview-close[data-v-d394d37e] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.overlay-rectangle-preview-close[data-v-d394d37e]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-d394d37e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.overlay-rectangle-preview-close.hidden[data-v-d394d37e] {
    display: none
}

.overlay-rectangle-image[data-v-d394d37e] {
    background-position: 50%;
    background-size: cover;
    max-height: 400px;
    min-width: 300px;
    overflow: hidden;
    width: 100%
}

.overlay-rectangle-image > img[data-v-d394d37e] {
    display: block;
    max-width: 100%;
    position: relative
}

.overlay-rectangle-overlay[data-v-d394d37e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-rectangle-overlay[data-v-d394d37e] {
    position: absolute
}

.overlay-rectangle-preview-link[data-v-d394d37e] {
    cursor: pointer;
    overflow: hidden
}

.overlay-rectangle-content[data-v-d394d37e] {
    justify-content: space-around;
    padding: 20px;
    width: 100%
}

.overlay-rectangle-content[data-v-d394d37e], .overlay-rectangle-preview-box[data-v-d394d37e] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.overlay-rectangle-preview-box[data-v-d394d37e] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.overlay-rectangle-header[data-v-d394d37e] {
    word-wrap: break-word;
    height: 1em;
    margin-bottom: 10px;
    padding: 0
}

.overlay-rectangle-main[data-v-d394d37e] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.overlay-rectangle-button[data-v-d394d37e] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    padding: 5px;
    width: 70%
}

.overlay-rectangle-wrap[data-v-d394d37e] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.overlay-rectangle-wrap.closeable[data-v-d394d37e] {
    padding-top: 40px
}

.html-overlay-rectangle-preview-close[data-v-cb135d10] {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-overlay-rectangle-preview-close[data-v-cb135d10]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-cb135d10] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.html-overlay-rectangle-preview-close.hidden[data-v-cb135d10] {
    display: none
}

.html-overlay-rectangle-image > img[data-v-cb135d10] {
    display: block;
    max-width: 100%;
    position: relative
}

.html-overlay-rectangle-overlay[data-v-cb135d10] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .html-overlay-rectangle-overlay[data-v-cb135d10] {
    position: absolute
}

.html-overlay-rectangle-preview-link[data-v-cb135d10] {
    display: block;
    overflow: hidden;
    position: relative
}

.html-overlay-rectangle-preview-link.clickable[data-v-cb135d10] {
    cursor: pointer
}

.html-overlay-rectangle-content[data-v-cb135d10] {
    justify-content: space-around;
    width: 100%
}

.html-overlay-rectangle-content[data-v-cb135d10], .html-overlay-rectangle-preview-box[data-v-cb135d10] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.html-overlay-rectangle-preview-box[data-v-cb135d10] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.html-overlay-rectangle-main[data-v-cb135d10] {
    word-wrap: break-word;
    font-size: 26px
}

.html-overlay-rectangle-wrap[data-v-cb135d10] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.html-overlay-rectangle-wrap.closeable[data-v-cb135d10] {
    padding-top: 40px
}

.preview-admin-close[data-v-ed79b64e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100001
}

.overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    position: absolute
}

.overlay-with-two-btn-signature[data-v-ed79b64e] {
    background-color: #fff;
    color: #181818;
    font-size: 18px;
    line-height: 1.33em;
    margin: auto;
    max-width: 690px;
    padding: 5px 18px;
    text-align: left
}

.overlay-with-two-btn-signature p[data-v-ed79b64e] {
    margin: .66em 0
}

.overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
    border: 2px solid #ccc;
    border-radius: 5px;
    color: initial;
    display: flex;
    flex: 1 1;
    flex-wrap: wrap;
    font-size: 110%;
    justify-content: center;
    margin: 2px 0;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none
}

.overlay-with-two-btn-signature .btn .item[data-v-ed79b64e] {
    align-self: center;
    white-space: normal;
    width: 100%
}

.overlay-with-two-btn-signature .btn .desc[data-v-ed79b64e] {
    font-size: 75%;
    font-weight: 200
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e] {
    background-color: #46b863;
    border-color: #46b863 #46b863 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:hover {
    background-color: #46b863;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e] {
    background-color: #3cb6d6;
    border-color: #3cb6d6 #3cb6d6 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:hover {
    background-color: #3cb6d6;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .close-button[data-v-ed79b64e] {
    flex: none;
    font-size: 80%;
    margin-top: 0;
    text-align: center
}

.overlay-with-two-btn-signature .close-button a[data-v-ed79b64e] {
    color: #999;
    cursor: pointer;
    text-decoration: underline
}

.overlay-with-two-btn-signature .signature[data-v-ed79b64e] {
    display: inline-block;
    font-size: 80%;
    line-height: 1.33;
    width: 260px
}

.overlay-with-two-btn-signature .signature img[data-v-ed79b64e] {
    width: 40%
}

.overlay-with-two-btn-signature .signature p[data-v-ed79b64e] {
    margin-top: 0
}

@media only screen and (max-width: 688px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        font-size: 16px
    }
}

@media only screen and (max-width: 629px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        padding: 2px 5px
    }

    .overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
        display: block
    }

    .overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
        display: block;
        font-size: 100%;
        min-width: auto;
        width: auto
    }

    .overlay-with-two-btn-signature .spacer[data-v-ed79b64e] {
        display: none
    }
}

.newsletter-rectangle-preview-close[data-v-0e784908] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.newsletter-rectangle-preview-close[data-v-0e784908]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.newsletter-rectangle-form[data-v-0e784908] {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    max-width: 420px;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.newsletter-rectangle-title[data-v-0e784908] {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 15px;
    margin-top: 18px
}

.newsletter-rectangle-text[data-v-0e784908] {
    font-size: 16px;
    margin-bottom: 15px;
    white-space: pre-line
}

.newsletter-rectangle-form-label[data-v-0e784908] {
    display: none
}

.newsletter-rectangle-form-inputs[data-v-0e784908] {
    border: none;
    margin: 20px 0;
    padding: 0
}

.newsletter-rectangle-form-input[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    color: #000;
    font-size: 16px;
    height: 50px;
    line-height: 22px;
    padding: 0 10px;
    width: 100%
}

.newsletter-rectangle-form-button[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    display: block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    width: 100%
}

.newsletter-rectangle-disclaimer[data-v-0e784908] {
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    margin: 10px 20px;
    text-align: center
}

.newsletter-rectangle-disclaimer a[data-v-0e784908] {
    text-decoration: underline;
    white-space: nowrap
}

.newsletter-rectangle-failure-message[data-v-0e784908] {
    text-align: left
}

.compact .newsletter-rectangle-text[data-v-0e784908], .compact .newsletter-rectangle-title[data-v-0e784908] {
    margin-bottom: 10px
}

.compact .newsletter-rectangle-form-inputs[data-v-0e784908] {
    margin: 10px 0
}

.compact .newsletter-rectangle-form-button[data-v-0e784908], .compact .newsletter-rectangle-form-input[data-v-0e784908] {
    height: 40px
}

.compact .newsletter-rectangle-form-button[data-v-0e784908] {
    line-height: 40px;
    margin-top: 7px
}

.compact.newsletter-rectangle-form[data-v-0e784908] {
    padding: 15px
}

.newsletter-rectangle-form-button.newsletter-rectangle-failure[data-v-0e784908] {
    color: #b00c28 !important
}

.newsletter-rectangle-form-button.newsletter-rectangle-doing-ajax[data-v-0e784908]:after {
    content: "\2022\2022\2022"
}

.serif {
    font-family: serif;
}

.sans-serif {
    font-family: sans-serif;
}

/* transitions */

.remp-banner #preview-close.hidden {
    display: none;
}

.remp-banner .fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.remp-banner .fade-enter,
.remp-banner .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.remp-banner .bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.remp-banner-text-input {
    /* Different fonts display accent characters in different ways,
     * e.g. putting 'ACUTE ACCENT' unicode char as a accent character on the following letter, therefore treating it as a normal letter accent.
     *
     * However, we want to show this to user in text inputs (while designing banner), so he/she is aware this might cause problems in some browsers.
     * Helvetica font displays 'ACUTE ACCENT' unicode character separately from the following letter.
     */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.n3_lock_buttons.e_lock_buttons {
    order: unset;
}

.n3_lock.b10_lock {
    padding: 0 !important;
    box-sizing: border-box;
    font-family: 'Lumin', serif;
    background: #2F0B80;
    white-space: initial;
    transition: all 0.1s ease;
    gap: 0 !important;
    overflow: hidden;
}

.n3_lock.b10_lock .hide {
    display: none !important;
}

.n3_lock.b10_lock h1 {
    margin: 0;
    color: #FBFAFA;
    font-size: 32px;
    line-height: 33px;
    font-style: normal;
    font-weight: 700;
    order: unset;
}

@media (min-width: 961px) {
    .n3_lock.b10_lock h1 {
        max-width: none;
    }
}

.n3_lock.b10_lock h2 {
    margin: 0;
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2f0b80;
}

.n3_lock.b10_lock p {
    color: #FBFAFA;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
}

.b10_body .n3_lock.b10_lock p {
    color: #2F0B80;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.n3_lock.b10_lock a {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    color: #FBFAFA;
    text-decoration: underline;
    text-underline-offset: 2px;
    display: flex;
    gap: 4px;
}

.n3_lock.b10_lock a:has(img) {
    display: flex !important;
}

.n3_lock.b10_lock a:hover, .n3_lock.b10_lock a:focus {
    background: transparent;
}

.n3_lock.b10_lock button img, .n3_lock.b10_lock a img {
    transition: transform 0.1s ease;
    margin-right: 5px;
    vertical-align: middle;
}

.n3_lock.b10_lock button:hover img, .n3_lock.b10_lock a:hover img {
    transform: translateX(5px);
}

.n3_lock.b10_lock #b10_icon {
    margin-right: 8px;
    width: 24px;
}

.n3_lock.b10_lock .b10_header {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    transition: all 0.1s ease;
    background: #2F0B80;
}

.n3_lock.b10_lock .b10_header .b10_header_container {
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.n3_lock.b10_lock .b10_header .b10_header p {
    max-width: 360px;
}

.n3_lock.b10_lock .b10_logo {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.n3_lock.b10_lock .b10_logo .b10_logo_text {
    background-color: #FFD8FC;
    color: #2D0B80;
    font-size: 19px;
    font-weight: 500;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.n3_lock.b10_lock .b10_logo .b10_logo_text .b10_logo_users__active {
    font-weight: 900;
    font-size: 24px;
}

@media (min-width: 430px) {
    .n3_lock.b10_lock .b10_logo .b10_logo_text {
        font-size: 24px;
    }

    .n3_lock.b10_lock .b10_logo .b10_logo_text .b10_logo_users__active {
        font-size: 30px;
    }
}

.n3_lock.b10_lock .b10_body {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    background-color: #FFAEE1;
    max-height: 1000px;
    transition: all 0.1s ease;
}

.n3_lock.b10_lock .b10_banner_section {
    box-sizing: border-box;
    font-family: Lumin, serif;
    background: #2F0B80;
    white-space: initial;
    padding: 0;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1200px) {
    .n3_lock.b10_lock .b10_banner_section {
        flex-direction: column;
    }
}

.n3_lock.b10_lock .b10_banner_section .b10_error {
    animation: b10_bounce 0.8s ease-out;
}

.n3_lock.b10_lock .b10_banner_section .b10_body {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px;
    background-color: #FFAEE1;
    transition: all 0.3s ease;
    text-align: left;
    color: #2D0B80;
}

@media (min-width: 1200px) {
    .n3_lock.b10_lock .b10_banner_section .b10_body {
        padding: 80px 70px;
        width: 100%;
    }
}

.n3_lock.b10_lock .b10_banner_section .b10_amount_selection {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.n3_lock.b10_lock .b10_banner_section .b10_amount_selection h3 {
    margin: 0;
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.n3_lock.b10_lock .b10_banner_section .b10_amount_options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
}

.n3_lock.b10_lock .b10_banner_section .b10_amount_options label {
    flex: 1 1 calc(50% - 4px);
    max-width: calc(50% - 4px);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #2F0B80;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 16px;
    border: 1px solid #2F0B80;
    background-color: transparent;
    padding: 16px 24px;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.2s ease;
}

@container (min-width: 475px) {
    flex: 1 1 calc(33.3% - 6px);
    max-width: calc(33.3% - 6px);
}

@container (min-width: 650px) {
    font-size: 16px;
    flex: 1 1 calc(16% - 4px);
    max-width: calc(16% - 4px);
}

.n3_lock.b10_lock .b10_banner_section .b10_amount_options input[type="checkbox"] {
    display: none;
}

.n3_lock.b10_lock .b10_banner_section .b10_amount_options label:has(input[type="checkbox"]:checked), .n3_lock.b10_lock .b10_banner_section .b10_amount_options label:has(input[type="checkbox"]:hover) {
    background-color: #2F0B80;
    color: #FBFAFA;
}

.n3_lock.b10_lock .b10_banner_section .b10_amount_custom {
    position: relative;
}

.n3_lock.b10_lock .b10_banner_section .b10_amount_custom label {
    position: absolute;
    top: 10px;
    left: 24px;
    font-family: 'Inter', sans-serif;
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2f0b80;
    pointer-events: none;
    transition: 0.3s ease all;
}

.n3_lock.b10_lock .b10_banner_section .b10_amount_custom input {
    box-sizing: border-box;
    width: 100%;
    padding: 21px 24px 12px;
    border: 1px solid #2f0b80;
    border-radius: 100px;
    outline: none;
    color: #2F0B80;
    background-color: transparent;
    text-align: left;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
}

.n3_lock.b10_lock .b10_banner_section .b10_amount_custom input[type="number"] {
    -webkit-appearance: none;
    appearance: none;
}

.n3_lock.b10_lock .b10_banner_section .b10_amount_custom input[type="number"]::-webkit-inner-spin-button, .n3_lock.b10_lock .b10_banner_section .b10_amount_custom input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.n3_lock.b10_lock .b10_banner_section .b10_amount_custom input::placeholder {
    box-sizing: border-box;
    color: #2F0B80;
    background-color: transparent;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
}

.n3_lock.b10_lock .b10_banner_section .b10_amount_custom input:focus::placeholder {
    color: transparent !important;
}

.n3_lock.b10_lock .b10_banner_section .b10_amount_custom .b10_amount_currency {
    position: absolute;
    right: 24px;
    top: 14px;
    color: #2F0B80;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Lumin', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
}

.n3_lock.b10_lock .b10_banner_section .b10_checkboxes {
    margin-top: 8px;
}

.n3_lock.b10_lock .b10_banner_section .b10_checkboxes .b10_checkbox_label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #2F0B80;
}

.n3_lock.b10_lock .b10_banner_section .b10_checkboxes .b10_checkbox_label input[type="checkbox"] {
    display: none;
}

.n3_lock.b10_lock .b10_banner_section .b10_checkboxes .b10_checkbox_label a, .n3_lock.b10_lock .b10_banner_section .b10_checkboxes .b10_checkbox_label p {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #2F0B80;
    text-underline-offset: 2px;
}

.n3_lock.b10_lock .b10_banner_section .b10_checkboxes .b10_checkbox_label a:hover {
    background-color: #2F0B80;
    color: #FBFAFA;
}

.n3_lock.b10_lock .b10_banner_section .b10_checkboxes .b10_checkbox_label .b10_checkbox_checkmark {
    width: 20px;
    height: 20px;
    border: 1px solid #2F0B80;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    transition: 0.1s ease all;
}

.n3_lock.b10_lock .b10_banner_section .b10_checkboxes .b10_checkbox_label input[type="checkbox"]:checked + .b10_checkbox_checkmark {
    background-color: #2F0B80;
}

.n3_lock.b10_lock .b10_banner_section .b10_checkboxes .b10_checkbox_label input[type="checkbox"]:checked + .b10_checkbox_checkmark::after {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    width: 6px;
    height: 13px;
    border: solid #FBFAFA;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.n3_lock.b10_lock .b10_banner_section .b10_buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

@media (min-width: 640px) {
    .n3_lock.b10_lock .b10_banner_section .b10_buttons {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .n3_lock.b10_lock .b10_banner_section .b10_buttons {
        flex-direction: column;
    }
}

@media (min-width: 1150px) {
    .n3_lock.b10_lock .b10_banner_section .b10_buttons {
        flex-direction: row;
    }
}

.n3_lock.b10_lock .b10_banner_section .b10_buttons div.b10_button {
    flex: 1;
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #FBFAFA;
    background-color: #1C1B1B;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    overflow-y: hidden;
    max-height: 40px;
}

.n3_lock.b10_lock .b10_banner_section .b10_buttons div.b10_button.inactive {
    opacity: 0.6;
    cursor: not-allowed;
}

.n3_lock.b10_lock .b10_banner_section .b10_terms {
    text-align: left;
}

.n3_lock.b10_lock .b10_banner_section .b10_recurrent_info {
    text-align: left;
    font-size: 14px;
}

@keyframes b10_bounce {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    5% {
        transform: translateY(-100%);
        opacity: 0;
    }
    15% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-50%);
    }
    40% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(-30%);
    }
    70% {
        transform: translateY(0%);
    }
    80% {
        transform: translateY(-15%);
    }
    90% {
        transform: translateY(0%);
    }
    95% {
        transform: translateY(-7%);
    }
    97% {
        transform: translateY(0%);
    }
    99% {
        transform: translateY(-3%);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.html-preview-link[data-v-30188453] {
    cursor: pointer;
    overflow: hidden
}

.html-preview-close.hidden[data-v-30188453] {
    display: none
}

.html-preview-box[data-v-30188453] {
    color: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.html-preview-text[data-v-30188453] {
    align-items: center;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    padding: 5px 10px;
    vertical-align: middle;
    width: 100%
}

.html-preview-close[data-v-30188453] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-preview-close[data-v-30188453]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close[data-v-fbf73852] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.medium-rectangle-preview-close[data-v-fbf73852]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close.hidden[data-v-fbf73852] {
    display: none
}

.medium-rectangle-preview-wrap[data-v-fbf73852] {
    cursor: pointer;
    overflow: hidden
}

.medium-rectangle-preview-box[data-v-fbf73852] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.medium-rectangle-header[data-v-fbf73852] {
    word-wrap: break-word;
    height: 1em
}

.medium-rectangle-main[data-v-fbf73852] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.medium-rectangle-button[data-v-fbf73852] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    padding: 5px;
    width: 70%
}

.bar-preview-close[data-v-499a59e2] {
    align-self: flex-start;
    cursor: pointer;
    font-size: 14px;
    margin: 0 5px;
    order: 2;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.bar-preview-close.hidden[data-v-499a59e2] {
    display: none
}

.bar-button-margin[data-v-499a59e2] {
    margin-right: 25px
}

.bar-wrap[data-v-499a59e2] {
    overflow: hidden;
    width: 100%
}

.bar-header[data-v-499a59e2] {
    color: #5e5e5e;
    display: none;
    font-size: 14px;
    justify-content: flex-end;
    min-height: 35px
}

.bar-close[data-v-499a59e2] {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0 20px;
    text-transform: uppercase
}

.bar-preview-link[data-v-499a59e2] {
    cursor: pointer;
    overflow: hidden
}

.bar-preview-box[data-v-499a59e2] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 5px 18px;
    position: relative;
    white-space: pre-line;
    width: 100%
}

.bar-main[data-v-499a59e2] {
    word-wrap: break-word;
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 5px;
    text-decoration: none
}

.bar-button[data-v-499a59e2] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center;
    white-space: nowrap
}

.bar-button-wrap[data-v-499a59e2] {
    align-items: center;
    display: flex;
    margin-left: auto;
    order: 1
}

@media (max-width: 640px) {
    .bar-preview-box[data-v-499a59e2] {
        flex-wrap: wrap;
        padding: 9px 20px
    }

    .bar-main[data-v-499a59e2] {
        flex: 1;
        margin-bottom: 9px;
        padding: 0 25px;
        text-align: center
    }

    .bar-button[data-v-499a59e2] {
        margin: auto;
        padding: 5px 15px;
        width: -moz-fit-content;
        width: fit-content
    }

    .bar-button-wrap[data-v-499a59e2] {
        flex-basis: 100%;
        order: 2
    }

    .bar-preview-close[data-v-499a59e2] {
        order: 1
    }
}

@media (max-width: 500px) {
    .bar-close-text-filled-bar[data-v-499a59e2] {
        display: flex
    }

    .bar-close-text-filled-button[data-v-499a59e2] {
        display: none
    }

    .bar-main[data-v-499a59e2] {
        padding: 0
    }
}

.collapsible-bar-wrap[data-v-2acfc6b9] {
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%
}

#banner-preview .collapsible-bar-wrap[data-v-2acfc6b9] {
    position: absolute !important
}

.collapsible-bar-preview-close[data-v-2acfc6b9] {
    font-size: 15px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: -5px
}

.collapsible-bar-preview-link[data-v-2acfc6b9] {
    cursor: pointer;
    overflow: hidden
}

.collapsible-bar-preview-box[data-v-2acfc6b9] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 10px 18px calc(10px + env(safe-area-inset-bottom));
    position: relative;
    white-space: pre-line;
    width: 100%
}

.collapsible-bar-main[data-v-2acfc6b9] {
    word-wrap: break-word;
    font-size: 17px;
    padding-right: 5px;
    text-decoration: none
}

.collapsible-bar-button[data-v-2acfc6b9] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center
}

.collapsible-bar-header[data-v-2acfc6b9] {
    align-items: center;
    background-color: #fff;
    color: #5e5e5e;
    display: flex;
    font-size: 14px;
    justify-content: center;
    min-height: 31px;
    position: relative
}

.collapsible-bar-title[data-v-2acfc6b9] {
    margin-bottom: 3px
}

.collapsible-bar-toggle[data-v-2acfc6b9] {
    align-items: stretch;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    height: 100%;
    padding-right: 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0
}

.collapsible-bar-toggle-button[data-v-2acfc6b9] {
    align-items: center;
    display: flex;
    gap: 4px
}

.collapsible-bar-body[data-v-2acfc6b9] {
    display: block;
    height: auto;
    transition: height .7s
}

@media (max-width: 640px) {
    .collapsible-bar-preview-box[data-v-2acfc6b9] {
        flex-direction: column;
        padding-left: 9px;
        padding-right: 9px
    }

    .collapsible-bar-main[data-v-2acfc6b9] {
        margin-bottom: 9px;
        text-align: center
    }

    .collapsible-bar-button[data-v-2acfc6b9] {
        padding: 5px 15px
    }
}

.short-message-preview-wrap[data-v-4e472091] {
    cursor: pointer
}

.short-message-preview-close[data-v-4e472091] {
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 40px
}

a.short-message-preview-close[data-v-4e472091]:after {
    content: "\00d7";
    display: block;
    font-size: 24px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

.short-message-preview-close.hidden[data-v-4e472091] {
    display: none
}

.short-message-preview-link[data-v-4e472091] {
    cursor: pointer;
    overflow: hidden
}

.short-message-preview-box[data-v-4e472091] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.short-message-main[data-v-4e472091] {
    word-wrap: break-word;
    font-size: 16px;
    padding: 10px;
    text-decoration: none
}

.short-message-preview-box.short-message-closable[data-v-4e472091] {
    padding-right: 40px
}

.overlay-rectangle-preview-close[data-v-d394d37e] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.overlay-rectangle-preview-close[data-v-d394d37e]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-d394d37e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.overlay-rectangle-preview-close.hidden[data-v-d394d37e] {
    display: none
}

.overlay-rectangle-image[data-v-d394d37e] {
    background-position: 50%;
    background-size: cover;
    max-height: 400px;
    min-width: 300px;
    overflow: hidden;
    width: 100%
}

.overlay-rectangle-image > img[data-v-d394d37e] {
    display: block;
    max-width: 100%;
    position: relative
}

.overlay-rectangle-overlay[data-v-d394d37e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-rectangle-overlay[data-v-d394d37e] {
    position: absolute
}

.overlay-rectangle-preview-link[data-v-d394d37e] {
    cursor: pointer;
    overflow: hidden
}

.overlay-rectangle-content[data-v-d394d37e] {
    justify-content: space-around;
    padding: 20px;
    width: 100%
}

.overlay-rectangle-content[data-v-d394d37e], .overlay-rectangle-preview-box[data-v-d394d37e] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.overlay-rectangle-preview-box[data-v-d394d37e] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.overlay-rectangle-header[data-v-d394d37e] {
    word-wrap: break-word;
    height: 1em;
    margin-bottom: 10px;
    padding: 0
}

.overlay-rectangle-main[data-v-d394d37e] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.overlay-rectangle-button[data-v-d394d37e] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    padding: 5px;
    width: 70%
}

.overlay-rectangle-wrap[data-v-d394d37e] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.overlay-rectangle-wrap.closeable[data-v-d394d37e] {
    padding-top: 40px
}

.html-overlay-rectangle-preview-close[data-v-cb135d10] {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-overlay-rectangle-preview-close[data-v-cb135d10]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-cb135d10] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.html-overlay-rectangle-preview-close.hidden[data-v-cb135d10] {
    display: none
}

.html-overlay-rectangle-image > img[data-v-cb135d10] {
    display: block;
    max-width: 100%;
    position: relative
}

.html-overlay-rectangle-overlay[data-v-cb135d10] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .html-overlay-rectangle-overlay[data-v-cb135d10] {
    position: absolute
}

.html-overlay-rectangle-preview-link[data-v-cb135d10] {
    display: block;
    overflow: hidden;
    position: relative
}

.html-overlay-rectangle-preview-link.clickable[data-v-cb135d10] {
    cursor: pointer
}

.html-overlay-rectangle-content[data-v-cb135d10] {
    justify-content: space-around;
    width: 100%
}

.html-overlay-rectangle-content[data-v-cb135d10], .html-overlay-rectangle-preview-box[data-v-cb135d10] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.html-overlay-rectangle-preview-box[data-v-cb135d10] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.html-overlay-rectangle-main[data-v-cb135d10] {
    word-wrap: break-word;
    font-size: 26px
}

.html-overlay-rectangle-wrap[data-v-cb135d10] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.html-overlay-rectangle-wrap.closeable[data-v-cb135d10] {
    padding-top: 40px
}

.preview-admin-close[data-v-ed79b64e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100001
}

.overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    position: absolute
}

.overlay-with-two-btn-signature[data-v-ed79b64e] {
    background-color: #fff;
    color: #181818;
    font-size: 18px;
    line-height: 1.33em;
    margin: auto;
    max-width: 690px;
    padding: 5px 18px;
    text-align: left
}

.overlay-with-two-btn-signature p[data-v-ed79b64e] {
    margin: .66em 0
}

.overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
    border: 2px solid #ccc;
    border-radius: 5px;
    color: initial;
    display: flex;
    flex: 1 1;
    flex-wrap: wrap;
    font-size: 110%;
    justify-content: center;
    margin: 2px 0;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none
}

.overlay-with-two-btn-signature .btn .item[data-v-ed79b64e] {
    align-self: center;
    white-space: normal;
    width: 100%
}

.overlay-with-two-btn-signature .btn .desc[data-v-ed79b64e] {
    font-size: 75%;
    font-weight: 200
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e] {
    background-color: #46b863;
    border-color: #46b863 #46b863 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:hover {
    background-color: #46b863;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e] {
    background-color: #3cb6d6;
    border-color: #3cb6d6 #3cb6d6 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:hover {
    background-color: #3cb6d6;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .close-button[data-v-ed79b64e] {
    flex: none;
    font-size: 80%;
    margin-top: 0;
    text-align: center
}

.overlay-with-two-btn-signature .close-button a[data-v-ed79b64e] {
    color: #999;
    cursor: pointer;
    text-decoration: underline
}

.overlay-with-two-btn-signature .signature[data-v-ed79b64e] {
    display: inline-block;
    font-size: 80%;
    line-height: 1.33;
    width: 260px
}

.overlay-with-two-btn-signature .signature img[data-v-ed79b64e] {
    width: 40%
}

.overlay-with-two-btn-signature .signature p[data-v-ed79b64e] {
    margin-top: 0
}

@media only screen and (max-width: 688px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        font-size: 16px
    }
}

@media only screen and (max-width: 629px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        padding: 2px 5px
    }

    .overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
        display: block
    }

    .overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
        display: block;
        font-size: 100%;
        min-width: auto;
        width: auto
    }

    .overlay-with-two-btn-signature .spacer[data-v-ed79b64e] {
        display: none
    }
}

.newsletter-rectangle-preview-close[data-v-0e784908] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.newsletter-rectangle-preview-close[data-v-0e784908]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.newsletter-rectangle-form[data-v-0e784908] {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    max-width: 420px;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.newsletter-rectangle-title[data-v-0e784908] {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 15px;
    margin-top: 18px
}

.newsletter-rectangle-text[data-v-0e784908] {
    font-size: 16px;
    margin-bottom: 15px;
    white-space: pre-line
}

.newsletter-rectangle-form-label[data-v-0e784908] {
    display: none
}

.newsletter-rectangle-form-inputs[data-v-0e784908] {
    border: none;
    margin: 20px 0;
    padding: 0
}

.newsletter-rectangle-form-input[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    color: #000;
    font-size: 16px;
    height: 50px;
    line-height: 22px;
    padding: 0 10px;
    width: 100%
}

.newsletter-rectangle-form-button[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    display: block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    width: 100%
}

.newsletter-rectangle-disclaimer[data-v-0e784908] {
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    margin: 10px 20px;
    text-align: center
}

.newsletter-rectangle-disclaimer a[data-v-0e784908] {
    text-decoration: underline;
    white-space: nowrap
}

.newsletter-rectangle-failure-message[data-v-0e784908] {
    text-align: left
}

.compact .newsletter-rectangle-text[data-v-0e784908], .compact .newsletter-rectangle-title[data-v-0e784908] {
    margin-bottom: 10px
}

.compact .newsletter-rectangle-form-inputs[data-v-0e784908] {
    margin: 10px 0
}

.compact .newsletter-rectangle-form-button[data-v-0e784908], .compact .newsletter-rectangle-form-input[data-v-0e784908] {
    height: 40px
}

.compact .newsletter-rectangle-form-button[data-v-0e784908] {
    line-height: 40px;
    margin-top: 7px
}

.compact.newsletter-rectangle-form[data-v-0e784908] {
    padding: 15px
}

.newsletter-rectangle-form-button.newsletter-rectangle-failure[data-v-0e784908] {
    color: #b00c28 !important
}

.newsletter-rectangle-form-button.newsletter-rectangle-doing-ajax[data-v-0e784908]:after {
    content: "\2022\2022\2022"
}

.serif {
    font-family: serif;
}

.sans-serif {
    font-family: sans-serif;
}

/* transitions */

.remp-banner #preview-close.hidden {
    display: none;
}

.remp-banner .fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.remp-banner .fade-enter,
.remp-banner .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.remp-banner .bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.remp-banner-text-input {
    /* Different fonts display accent characters in different ways,
     * e.g. putting 'ACUTE ACCENT' unicode char as a accent character on the following letter, therefore treating it as a normal letter accent.
     *
     * However, we want to show this to user in text inputs (while designing banner), so he/she is aware this might cause problems in some browsers.
     * Helvetica font displays 'ACUTE ACCENT' unicode character separately from the following letter.
     */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.trustpay-form-button-google, .trustpay-form-button-apple {
    height: 40px;
    flex: 1;
    width: 100%;
    display: flex;
    flex-basis: auto;
    overflow: hidden;
    border-radius: 100px;
}

.b10_amount_container {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.b10_banner_section {
    box-sizing: border-box;
    font-family: Inter, serif;
    background: #2F0B80;
    white-space: initial;
    padding: 0;
    display: flex;
    flex-direction: column;
    @media (min-width: 1200px) {
        flex-direction: row;
    }

    .b10_error {
        animation: b10_bounce 0.8s ease-out;
    }

    .b10_body {
        container-type: inline-size;
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
        max-height: 1000px;
        background-color: #FFAEE1;
        transition: all 0.3s ease;
        text-align: left;
        color: #2D0B80;

        p {
            color: #2D0B80;
        }
    }

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

        h3 {
            margin: 0;
            position: relative;
            font-family: 'Inter', sans-serif;
            font-size: 10px;
            text-transform: uppercase;
            font-weight: 500;
        }

        p {
            text-align: center;
            font-size: 19px;
            font-style: normal;
            font-weight: 300;
            line-height: 24px;
            margin: 0;
        }
    }

    .b10_amount_options {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px;

        label {
            flex: 1 1 calc(50% - 4px);
            max-width: calc(50% - 4px);
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            text-align: center;
            color: #2F0B80;
            font-family: 'Lumin', serif;
            font-size: 19px;
            font-style: normal;
            font-weight: 800;
            line-height: 16px;
            border: 1px solid #2F0B80;
            background-color: transparent;
            padding: 16px 24px;
            border-radius: 100px;
            cursor: pointer;
            transition: 0.2s ease;
            @media (min-width: 475px) {
                flex: 1 1 calc(33.3% - 6px);
                max-width: calc(33.3% - 6px);
            }
            @media (min-width: 1400px) {
                font-size: 16px;
                flex: 1 1 calc(16% - 4px);
                max-width: calc(16% - 4px);
            }
        }

        .b10_recommended {
            display: flex;
            flex-direction: column;
            padding-top: 7px;
            padding-bottom: 7px;
            gap: 2px;
            max-height: 50px;

            span {
                font-size: 9px;
                font-style: normal;
                font-weight: 500;
                font-family: 'Inter', sans-serif;
                margin-bottom: -10px;
            }
        }

        input[type="checkbox"] {
            display: none;
        }

        label:has(input[type="checkbox"]:checked),
        label:has(input[type="checkbox"]:hover) {
            background-color: #2F0B80;
            color: #FBFAFA;
        }
    }

    .b10_amount_custom {
        position: relative;

        label {
            position: absolute;
            top: 10px;
            left: 24px;
            font-family: 'Inter', sans-serif;
            margin: 0;
            font-size: 10px;
            text-transform: uppercase;
            font-weight: 500;
            color: #2f0b80;
            pointer-events: none;
            transition: 0.3s ease all;
        }

        input {
            box-sizing: border-box;
            width: 100%;
            padding: 21px 24px 12px;
            border: 1px solid #2f0b80;
            border-radius: 100px;
            outline: none;
            color: #2F0B80;
            background-color: transparent;
            text-align: left;
            font-family: 'Lumin', serif;
            font-size: 19px;
            font-style: normal;
            font-weight: 800;
            line-height: 19px;
        }

        input[type="number"] {
            -moz-appearance: textfield;
            -webkit-appearance: none;
            appearance: none;
        }

        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        input::placeholder {
            box-sizing: border-box;
            color: #2F0B80;
            background-color: transparent;
            font-family: 'Lumin', serif;
            font-size: 19px;
            font-style: normal;
            font-weight: 800;
            line-height: 19px;
        }

        input:focus::placeholder {
            color: transparent !important;
        }

        .b10_amount_currency {
            position: absolute;
            right: 24px;
            top: 14px;
            color: #2F0B80;
            text-align: center;
            font-feature-settings: 'liga' off, 'clig' off;
            font-family: 'Lumin', serif;
            font-size: 24px;
            font-style: normal;
            font-weight: 800;
            line-height: 28px;
        }
    }

    .b10_checkboxes {
        margin-top: 8px;

        .b10_checkbox_label {
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 8px;
            font-family: 'Inter', sans-serif;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
            color: #2F0B80;

            input[type="checkbox"] {
                display: none;
            }

            a, p {
                display: inline-block;
                font-family: 'Inter', sans-serif;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
                color: #2F0B80;
                text-underline-offset: 2px;
            }

            a:hover {
                background-color: #2F0B80;
                color: #FBFAFA;
            }

            .b10_checkbox_checkmark {
                width: 20px;
                height: 20px;
                border: 1px solid #2F0B80;
                display: inline-block;
                position: relative;
                vertical-align: middle;
                transition: 0.1s ease all;
            }

            input[type="checkbox"]:checked + .b10_checkbox_checkmark {
                background-color: #2F0B80;
            }

            input[type="checkbox"]:checked + .b10_checkbox_checkmark::after {
                content: '';
                position: absolute;
                top: 0;
                left: 5px;
                width: 6px;
                height: 13px;
                border: solid #FBFAFA;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
            }
        }
    }

    .b10_buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;

        div.b10_button {
            flex: 1;
            padding: 8px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            font-family: 'Inter', sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            color: #FBFAFA;
            background-color: #1C1B1B;
            border: none;
            border-radius: 100px;
            cursor: pointer;
            overflow-y: hidden;
            max-height: 40px;

            &.inactive {
                opacity: 0.6;
                cursor: not-allowed;
            }

            button {
                height: 40px;
            }
        }

        div.b10_google_button img {
            height: 17px;
        }
    }

    span.b10_payment_method_icons {
        display: flex;
        gap: 6px;
        justify-content: center;
        margin-top: -25px;
        height: 20px;

        img {
            background-color: #E2DBD9;
            width: 35px;
            height: 30px;
        }
    }

    .b10_terms {
        text-align: left;
    }

    .b10_recurrent_info {
        text-align: left;
        font-size: 14px;
    }
}

@keyframes b10_bounce {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    5% {
        transform: translateY(-100%);
        opacity: 0;
    }
    15% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-50%);
    }
    40% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(-30%);
    }
    70% {
        transform: translateY(0%);
    }
    80% {
        transform: translateY(-15%);
    }
    90% {
        transform: translateY(0%);
    }
    95% {
        transform: translateY(-7%);
    }
    97% {
        transform: translateY(0%);
    }
    99% {
        transform: translateY(-3%);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


.n3_content .n3_lock__shade::after {
    background-image: linear-gradient(to top, var(--wp--custom--background) 0, transparent 100%);
}

.n3_content .n3_lock::before {
    background-color: var(--wp--custom--background);
}

#fc-content {
    padding-bottom: 30px;
}

#fc-doublesquare {
    margin-top: 1000px
}

.fc-consent-root .fc-choice-dialog .fc-footer-buttons-container {
    position: relative !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-consent .fc-button-label {
    color: transparent !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-consent .fc-button-label:after {
    content: "Súhlasím";
    color: white;
    position: absolute;
    left: 0;
    width: 100%;
}

.fc-consent-root .fc-dialog-container .fc-cta-do-not-consent {
    position: absolute !important;
    left: 0 !important;
    top: 90px !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-do-not-consent .fc-button-label {
    color: transparent !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-do-not-consent .fc-button-label:after {
    content: "Pokračovať s nevyhnutnými cookies →";
    color: #666666 !important;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fc-consent-root .fc-choice-dialog .fc-cta-manage-options {
    width: calc(100% - 30px) !important;
    max-width: 416px !important;
    position: absolute !important;
    top: 43px !important;
    z-index: 2 !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-manage-options .fc-manage-options-third-button-label {
    color: transparent !important;
    background: rgb(58, 158, 83) !important;
    border-radius: 20px !important;
    height: 36px !important;
    line-height: 36px !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-manage-options .fc-manage-options-third-button-label:after {
    content: "Nastavenia";
    color: white;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fc-consent-root .fc-choice-dialog .fc-footer-buttons-container {
    height: 130px !important;
}

.fc-consent-root .fc-preference-container .fc-preference-slider .fc-slider-el {
    background-color: rgb(192, 192, 192) !important;
}

.fc-consent-root .fc-preference-container .fc-preference-slider .fc-slider-el:after {
    content: "nesúhlasím";
    position: absolute;
    right: 100%;
    top: 0;
    line-height: 20px;
    font-size: 12px;
    padding: 0 4px;
    color: rgb(192, 192, 192) !important;
}

.fc-consent-root .fc-preference-container .fc-preference-slider input:checked + .fc-slider-el {
    background-color: rgb(58, 158, 83) !important;
}

.fc-consent-root .fc-preference-container .fc-preference-slider input:checked + .fc-slider-el:after {
    content: "súhlasím";
    color: rgb(58, 158, 83) !important;
}

.fc-consent-root .fc-dialog .fc-header h2.fc-dialog-title {
    display: none !important;
}

.fc-consent-root .fc-cta-manage-options,
.fc-consent-root .fc-cta-do-not-consent,
.fc-consent-root .fc-manage-options-third-button-label {
    color: #666666 !important;
    font-weight: bold !important;
}

.fc-consent-root .fc-primary-button .fc-button-background {
    background: rgb(58, 158, 83) !important;
}

.fc-choice-dialog .fc-button {
    margin: 5px 0 0 !important;
    flex: none !important;
    width: 100% !important;
    display: inline-block !important;
}

.fc-choice-dialog .fc-primary-button {
    order: 1 !important;
}

.fc-choice-dialog .fc-footer-buttons {
    display: block !important;
    flex: 1 !important;
    text-align: center !important;
}

.fc-choice-dialog .fc-cta-manage-options {
    width: auto !important;
}

.fc-consent-root .fc-button:hover .fc-button-background {
    filter: brightness(100%) !important
}

@media screen and (max-width: 480px) {
    .fc-consent-root .fc-footer-buttons-container {
        max-height: 110px !important;
    }
}

.__theme_napunk .fc-consent-root .fc-dialog-container .fc-cta-consent .fc-button-label:after {
    content: "Elfogadom";
}

.__theme_napunk .fc-consent-root .fc-dialog-container .fc-cta-do-not-consent .fc-button-label:after {
    content: "Folytatás a szükséges sütikkel →";
}

.__theme_napunk .fc-consent-root .fc-dialog-container .fc-cta-manage-options .fc-manage-options-third-button-label:after {
    content: "Beállítások";
}

.__theme_napunk .fc-consent-root .fc-preference-container .fc-preference-slider .fc-slider-el:after {
    content: "elutasítom";
}

.__theme_napunk .fc-consent-root .fc-preference-container .fc-preference-slider input:checked + .fc-slider-el:after {
    content: "elfogadom";
}

.fslightbox-fade-in {
    animation: fslightbox-fade-in .3s cubic-bezier(0, 0, .7, 1)
}

.fslightbox-fade-out {
    animation: fslightbox-fade-out .3s ease
}

.fslightbox-fade-in-strong {
    animation: fslightbox-fade-in-strong forwards .3s cubic-bezier(0, 0, .7, 1)
}

.fslightbox-fade-out-strong {
    animation: fslightbox-fade-out-strong .3s ease
}

@keyframes fslightbox-fade-in {
    from {
        opacity: .65
    }
    to {
        opacity: 1
    }
}

@keyframes fslightbox-fade-out {
    from {
        opacity: .35
    }
    to {
        opacity: 0
    }
}

@keyframes fslightbox-fade-in-strong {
    from {
        opacity: .3
    }
    to {
        opacity: 1
    }
}

@keyframes fslightbox-fade-out-strong {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fslightbox-absoluted {
    position: absolute;
    top: 0;
    left: 0
}

.fslightboxcg {
    cursor: grabbing !important
}

.fslightbox-full-dimension {
    width: 100%;
    height: 100%
}

.fslightbox-open {
    overflow: hidden;
    height: 100%
}

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

.fslightbox-opacity-0 {
    opacity: 0 !important
}

.fslightbox-opacity-1 {
    opacity: 1 !important
}

.fslightboxx {
    opacity: 0 !important;
    z-index: -1 !important
}

.fslightbox-scrollbarfix {
    padding-right: 17px
}

.fslightboxtt {
    transition: transform .3s !important
}

.fslightbox-container {
    font-family: Arial, sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(30, 30, 30, .9), #000 1810%);
    touch-action: none;
    z-index: 1000000000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.fslightbox-container * {
    box-sizing: border-box
}

.fslightbox-svg-path {
    transition: fill .15s ease;
    fill: #d1d2d2
}

.fslightbox-loader {
    display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 67px;
    height: 67px
}

.fslightbox-loader-child {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 54px;
    height: 54px;
    margin: 6px;
    border: 5px solid;
    border-color: #999 transparent transparent transparent;
    border-radius: 50%;
    animation: fslightbox-loader 1.2s cubic-bezier(.5, 0, .5, 1) infinite
}

.fslightbox-loader-child:nth-child(1) {
    animation-delay: -.45s
}

.fslightbox-loader-child:nth-child(2) {
    animation-delay: -.3s
}

.fslightbox-loader-child:nth-child(3) {
    animation-delay: -.15s
}

@keyframes fslightbox-loader {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.fslightbox-thumbs-loader {
    width: 54px !important;
    height: 54px !important
}

.fslightbox-thumbs-loader div {
    border-width: 4px !important;
    width: 44px !important;
    height: 44px !important
}

.fslightbox-nav {
    height: 45px;
    width: 100%;
    transition: opacity .3s
}

.fslightbox-slide-number-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    font-size: 15px;
    color: #d7d7d7;
    z-index: 0;
    max-width: 55px;
    text-align: left
}

.fslightbox-slide-number-container .fslightbox-flex-centered {
    height: 100%
}

.fslightbox-slash {
    display: block;
    margin: 0 5px;
    width: 1px;
    height: 12px;
    transform: rotate(15deg);
    background: #fff
}

.fslightbox-toolbar {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    height: 45px;
    display: flex;
    background: rgba(35, 35, 35, .65)
}

.fslightbox-toolbar-button {
    height: 100%;
    width: 45px;
    cursor: pointer
}

.fslightbox-toolbar-button:hover .fslightbox-svg-path {
    fill: #fff
}

.fslightbox-slide-btn-container {
    display: flex;
    align-items: center;
    padding: 12px 12px 12px 6px;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 2;
    transform: translateY(-50%);
    transition: opacity .3s
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-container {
        padding: 22px 22px 22px 6px
    }
}

@media (min-width: 768px) {
    .fslightbox-slide-btn-container {
        padding: 30px 30px 30px 6px
    }
}

.fslightbox-slide-btn-container:hover .fslightbox-svg-path {
    fill: #f1f1f1
}

.fslightbox-slide-btn {
    padding: 9px;
    font-size: 26px;
    background: rgba(35, 35, 35, .65)
}

@media (min-width: 768px) {
    .fslightbox-slide-btn {
        padding: 10px
    }
}

@media (min-width: 1600px) {
    .fslightbox-slide-btn {
        padding: 11px
    }
}

.fslightbox-slide-btn-container-previous {
    left: 0
}

@media (max-width: 475.99px) {
    .fslightbox-slide-btn-container-previous {
        padding-left: 3px
    }
}

.fslightbox-slide-btn-container-next {
    right: 0;
    padding-left: 12px;
    padding-right: 3px
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-container-next {
        padding-left: 22px
    }
}

@media (min-width: 768px) {
    .fslightbox-slide-btn-container-next {
        padding-left: 30px
    }
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-container-next {
        padding-right: 6px
    }
}

.fslightboxh {
    z-index: 3
}

.fslightboxss {
    width: 0;
    height: 2px;
    z-index: 3;
    opacity: 0;
    background: #fff
}

.fslightboxin {
    font-size: 24px;
    color: #eaebeb;
    margin: auto
}

.fslightbox-video {
    object-fit: cover
}

.fslightboxyt {
    border: 0
}

.fslightboxs {
    position: relative;
    z-index: 3;
    display: block;
    opacity: 0;
    margin: auto;
    cursor: zoom-in
}

.fslightboxswc {
    z-index: 1;
    transition: transform .2s linear
}

.fslightboxswcp {
    transition: none !important
}

.fslightbox-thumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), #1e1e1e 100%);
    transition: opacity .2s;
    padding: 0 5px 12px 5px;
    height: 114px
}

@media (min-width: 992px) {
    .fslightbox-thumbs {
        padding-bottom: 13px;
        height: 120px
    }
}

@media (min-width: 1600px) {
    .fslightbox-thumbs {
        padding-bottom: 14px;
        height: 126px
    }
}

.fslightbox-thumbs-inner {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%
}

.fslightbox-thumb-wrapper {
    position: relative;
    height: 100%;
    margin: 0 4px;
    opacity: 0;
    transition: opacity .3s
}

.fslightbox-thumb-wrapper svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 1
}

.fslightbox-thumb-wrapper path {
    fill: #fff
}

.fslightboxtd {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: rgba(0, 0, 0, .4);
    cursor: pointer
}

.fslightbox-thumb {
    cursor: pointer;
    border-radius: 1px;
    height: 100%;
    width: auto !important;
    border: 2px solid transparent;
    max-width: unset;
    max-height: unset
}

.fslightboxta {
    border: 2px solid #fff !important
}

.fslightbox-thumb-invalid {
    background: linear-gradient(to bottom, #0f0f0f, rgba(15, 15, 15, .5));
    display: inline-block;
    min-width: 155px
}

.fslightbox-thumbs-cursorer {
    z-index: 3;
    cursor: grabbing
}

.fslightboxc {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    transition: opacity .2s, transform .3s;
    z-index: 2;
    user-select: text
}

.fslightboxc:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 1;
    transition: opacity 1s;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), #1e1e1e 100%)
}

.fslightboxci {
    padding: 20px 25px 30px 25px;
    max-width: 1200px;
    color: #eee;
    text-align: center;
    font-size: 14px
}

.fslightboxct {
    transform: translate(-50%, -101px)
}

.fslightboxct:after {
    opacity: 0;
    transition: none
}

@media (min-width: 992px) {
    .fslightboxct {
        transform: translate(-50%, -106px)
    }
}

.qJTHM {
    -webkit-user-select: none;
    color: #202124;
    direction: ltr;
    -webkit-touch-callout: none;
    font-family: "Roboto-Regular", arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    -webkit-text-size-adjust: 100%
}

.ynRLnc {
    left: -9999px;
    position: absolute;
    top: -9999px
}

.L6cTce {
    display: none
}

.bltWBb {
    word-break: break-all
}

.hSRGPd {
    color: #1a73e8;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none
}

.Bz112c-W3lGp {
    height: 16px;
    width: 16px
}

.Bz112c-E3DyYd {
    height: 20px;
    width: 20px
}

.Bz112c-r9oPif {
    height: 24px;
    width: 24px
}

.Bz112c-uaxL4e {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.LgbsSe-Bz112c {
    display: block
}

.S9gUrf-YoZ4jf, .S9gUrf-YoZ4jf * {
    border: none;
    margin: 0;
    padding: 0
}

.fFW7wc-ibnC6b > .aZ2wEe > div {
    border-color: #4285f4
}

.P1ekSe-ZMv3u > div:nth-child(1) {
    background-color: #1a73e8 !important
}

.P1ekSe-ZMv3u > div:nth-child(2), .P1ekSe-ZMv3u > div:nth-child(3) {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #1a73e8, #1a73e8) !important
}

.haAclf {
    display: inline-block
}

.nsm7Bb-HzV7m-LgbsSe {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .218s, border-color .218s;
    transition: background-color .218s, border-color .218s;
    -webkit-user-select: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dadce0;
    color: #3c4043;
    cursor: pointer;
    font-family: "Google Sans", arial, sans-serif;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto
}

@media screen and (-ms-high-contrast: active) {
    .nsm7Bb-HzV7m-LgbsSe {
        border: 2px solid windowText;
        color: windowText
    }
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
    font-size: 14px;
    height: 32px;
    letter-spacing: 0.25px;
    padding: 0 10px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
    font-size: 11px;
    height: 20px;
    letter-spacing: 0.3px;
    padding: 0 8px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
    padding: 0;
    width: 40px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
    width: 32px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
    width: 20px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
    -webkit-border-radius: 16px;
    border-radius: 16px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
    border: none;
    color: #fff
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
    background-color: #1a73e8
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
    background-color: #202124;
    color: #e8eaed
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 18px;
    margin-right: 8px;
    min-width: 18px;
    width: 18px
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 14px;
    min-width: 14px;
    width: 14px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 10px;
    min-width: 10px;
    width: 10px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin-left: 8px;
    margin-right: -4px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin: 0;
    padding: 10px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    padding: 8px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    padding: 4px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    height: 36px;
    margin-left: -10px;
    margin-right: 12px;
    min-width: 36px;
    width: 36px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c, .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin: 0;
    padding: 0
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    height: 28px;
    margin-left: -8px;
    margin-right: 10px;
    min-width: 28px;
    width: 28px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    height: 16px;
    margin-left: -6px;
    margin-right: 8px;
    min-width: 16px;
    width: 16px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 2px;
    margin-right: 0;
    padding: 0
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 18px;
    border-radius: 18px
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 14px;
    border-radius: 14px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    position: relative;
    width: 100%
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
    justify-content: center
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    font-weight: 300
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    -webkit-transition: background-color .218s;
    transition: background-color .218s;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.nsm7Bb-HzV7m-LgbsSe:hover, .nsm7Bb-HzV7m-LgbsSe:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgb(210, 227, 252);
    outline: none
}

.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(66, 133, 244, .04)
}

.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(66, 133, 244, .1)
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(255, 255, 255, .24)
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(255, 255, 255, .32)
}

.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 20px;
    margin-left: -4px;
    margin-right: 8px;
    min-width: 20px;
    width: 20px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    font-family: "Roboto";
    font-size: 12px;
    text-align: left
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf, .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS {
    overflow: hidden;
    text-overflow: ellipsis
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #5f6368;
    fill: #5f6368;
    font-size: 11px;
    font-weight: 400
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    color: #e8eaed;
    fill: #e8eaed
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
    height: 18px;
    margin: -3px -3px -3px 2px;
    min-width: 18px;
    width: 18px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: 12px;
    margin-right: -10px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 18px;
    border-radius: 18px
}

.L5Fo6c-sM5MNb {
    border: 0;
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.L5Fo6c-bF1uUb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.L5Fo6c-bF1uUb:focus {
    border: none;
    outline: none
}

sentinel {
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.html-preview-link[data-v-30188453] {
    cursor: pointer;
    overflow: hidden
}

.html-preview-close.hidden[data-v-30188453] {
    display: none
}

.html-preview-box[data-v-30188453] {
    color: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.html-preview-text[data-v-30188453] {
    align-items: center;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    padding: 5px 10px;
    vertical-align: middle;
    width: 100%
}

.html-preview-close[data-v-30188453] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-preview-close[data-v-30188453]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close[data-v-fbf73852] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.medium-rectangle-preview-close[data-v-fbf73852]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close.hidden[data-v-fbf73852] {
    display: none
}

.medium-rectangle-preview-wrap[data-v-fbf73852] {
    cursor: pointer;
    overflow: hidden
}

.medium-rectangle-preview-box[data-v-fbf73852] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.medium-rectangle-header[data-v-fbf73852] {
    word-wrap: break-word;
    height: 1em
}

.medium-rectangle-main[data-v-fbf73852] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.medium-rectangle-button[data-v-fbf73852] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    padding: 5px;
    width: 70%
}

.bar-preview-close[data-v-499a59e2] {
    align-self: flex-start;
    cursor: pointer;
    font-size: 14px;
    margin: 0 5px;
    order: 2;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.bar-preview-close.hidden[data-v-499a59e2] {
    display: none
}

.bar-button-margin[data-v-499a59e2] {
    margin-right: 25px
}

.bar-wrap[data-v-499a59e2] {
    overflow: hidden;
    width: 100%
}

.bar-header[data-v-499a59e2] {
    color: #5e5e5e;
    display: none;
    font-size: 14px;
    justify-content: flex-end;
    min-height: 35px
}

.bar-close[data-v-499a59e2] {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0 20px;
    text-transform: uppercase
}

.bar-preview-link[data-v-499a59e2] {
    cursor: pointer;
    overflow: hidden
}

.bar-preview-box[data-v-499a59e2] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 5px 18px;
    position: relative;
    white-space: pre-line;
    width: 100%
}

.bar-main[data-v-499a59e2] {
    word-wrap: break-word;
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 5px;
    text-decoration: none
}

.bar-button[data-v-499a59e2] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center;
    white-space: nowrap
}

.bar-button-wrap[data-v-499a59e2] {
    align-items: center;
    display: flex;
    margin-left: auto;
    order: 1
}

@media (max-width: 640px) {
    .bar-preview-box[data-v-499a59e2] {
        flex-wrap: wrap;
        padding: 9px 20px
    }

    .bar-main[data-v-499a59e2] {
        flex: 1;
        margin-bottom: 9px;
        padding: 0 25px;
        text-align: center
    }

    .bar-button[data-v-499a59e2] {
        margin: auto;
        padding: 5px 15px;
        width: -moz-fit-content;
        width: fit-content
    }

    .bar-button-wrap[data-v-499a59e2] {
        flex-basis: 100%;
        order: 2
    }

    .bar-preview-close[data-v-499a59e2] {
        order: 1
    }
}

@media (max-width: 500px) {
    .bar-close-text-filled-bar[data-v-499a59e2] {
        display: flex
    }

    .bar-close-text-filled-button[data-v-499a59e2] {
        display: none
    }

    .bar-main[data-v-499a59e2] {
        padding: 0
    }
}

.collapsible-bar-wrap[data-v-2acfc6b9] {
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%
}

#banner-preview .collapsible-bar-wrap[data-v-2acfc6b9] {
    position: absolute !important
}

.collapsible-bar-preview-close[data-v-2acfc6b9] {
    font-size: 15px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: -5px
}

.collapsible-bar-preview-link[data-v-2acfc6b9] {
    cursor: pointer;
    overflow: hidden
}

.collapsible-bar-preview-box[data-v-2acfc6b9] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 10px 18px calc(10px + env(safe-area-inset-bottom));
    position: relative;
    white-space: pre-line;
    width: 100%
}

.collapsible-bar-main[data-v-2acfc6b9] {
    word-wrap: break-word;
    font-size: 17px;
    padding-right: 5px;
    text-decoration: none
}

.collapsible-bar-button[data-v-2acfc6b9] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center
}

.collapsible-bar-header[data-v-2acfc6b9] {
    align-items: center;
    background-color: #fff;
    color: #5e5e5e;
    display: flex;
    font-size: 14px;
    justify-content: center;
    min-height: 31px;
    position: relative
}

.collapsible-bar-title[data-v-2acfc6b9] {
    margin-bottom: 3px
}

.collapsible-bar-toggle[data-v-2acfc6b9] {
    align-items: stretch;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    height: 100%;
    padding-right: 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0
}

.collapsible-bar-toggle-button[data-v-2acfc6b9] {
    align-items: center;
    display: flex;
    gap: 4px
}

.collapsible-bar-body[data-v-2acfc6b9] {
    display: block;
    height: auto;
    transition: height .7s
}

@media (max-width: 640px) {
    .collapsible-bar-preview-box[data-v-2acfc6b9] {
        flex-direction: column;
        padding-left: 9px;
        padding-right: 9px
    }

    .collapsible-bar-main[data-v-2acfc6b9] {
        margin-bottom: 9px;
        text-align: center
    }

    .collapsible-bar-button[data-v-2acfc6b9] {
        padding: 5px 15px
    }
}

.short-message-preview-wrap[data-v-4e472091] {
    cursor: pointer
}

.short-message-preview-close[data-v-4e472091] {
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 40px
}

a.short-message-preview-close[data-v-4e472091]:after {
    content: "\00d7";
    display: block;
    font-size: 24px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

.short-message-preview-close.hidden[data-v-4e472091] {
    display: none
}

.short-message-preview-link[data-v-4e472091] {
    cursor: pointer;
    overflow: hidden
}

.short-message-preview-box[data-v-4e472091] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.short-message-main[data-v-4e472091] {
    word-wrap: break-word;
    font-size: 16px;
    padding: 10px;
    text-decoration: none
}

.short-message-preview-box.short-message-closable[data-v-4e472091] {
    padding-right: 40px
}

.overlay-rectangle-preview-close[data-v-d394d37e] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.overlay-rectangle-preview-close[data-v-d394d37e]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-d394d37e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.overlay-rectangle-preview-close.hidden[data-v-d394d37e] {
    display: none
}

.overlay-rectangle-image[data-v-d394d37e] {
    background-position: 50%;
    background-size: cover;
    max-height: 400px;
    min-width: 300px;
    overflow: hidden;
    width: 100%
}

.overlay-rectangle-image > img[data-v-d394d37e] {
    display: block;
    max-width: 100%;
    position: relative
}

.overlay-rectangle-overlay[data-v-d394d37e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-rectangle-overlay[data-v-d394d37e] {
    position: absolute
}

.overlay-rectangle-preview-link[data-v-d394d37e] {
    cursor: pointer;
    overflow: hidden
}

.overlay-rectangle-content[data-v-d394d37e] {
    justify-content: space-around;
    padding: 20px;
    width: 100%
}

.overlay-rectangle-content[data-v-d394d37e], .overlay-rectangle-preview-box[data-v-d394d37e] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.overlay-rectangle-preview-box[data-v-d394d37e] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.overlay-rectangle-header[data-v-d394d37e] {
    word-wrap: break-word;
    height: 1em;
    margin-bottom: 10px;
    padding: 0
}

.overlay-rectangle-main[data-v-d394d37e] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.overlay-rectangle-button[data-v-d394d37e] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    padding: 5px;
    width: 70%
}

.overlay-rectangle-wrap[data-v-d394d37e] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.overlay-rectangle-wrap.closeable[data-v-d394d37e] {
    padding-top: 40px
}

.html-overlay-rectangle-preview-close[data-v-cb135d10] {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-overlay-rectangle-preview-close[data-v-cb135d10]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-cb135d10] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.html-overlay-rectangle-preview-close.hidden[data-v-cb135d10] {
    display: none
}

.html-overlay-rectangle-image > img[data-v-cb135d10] {
    display: block;
    max-width: 100%;
    position: relative
}

.html-overlay-rectangle-overlay[data-v-cb135d10] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .html-overlay-rectangle-overlay[data-v-cb135d10] {
    position: absolute
}

.html-overlay-rectangle-preview-link[data-v-cb135d10] {
    display: block;
    overflow: hidden;
    position: relative
}

.html-overlay-rectangle-preview-link.clickable[data-v-cb135d10] {
    cursor: pointer
}

.html-overlay-rectangle-content[data-v-cb135d10] {
    justify-content: space-around;
    width: 100%
}

.html-overlay-rectangle-content[data-v-cb135d10], .html-overlay-rectangle-preview-box[data-v-cb135d10] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.html-overlay-rectangle-preview-box[data-v-cb135d10] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.html-overlay-rectangle-main[data-v-cb135d10] {
    word-wrap: break-word;
    font-size: 26px
}

.html-overlay-rectangle-wrap[data-v-cb135d10] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.html-overlay-rectangle-wrap.closeable[data-v-cb135d10] {
    padding-top: 40px
}

.preview-admin-close[data-v-ed79b64e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100001
}

.overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    position: absolute
}

.overlay-with-two-btn-signature[data-v-ed79b64e] {
    background-color: #fff;
    color: #181818;
    font-size: 18px;
    line-height: 1.33em;
    margin: auto;
    max-width: 690px;
    padding: 5px 18px;
    text-align: left
}

.overlay-with-two-btn-signature p[data-v-ed79b64e] {
    margin: .66em 0
}

.overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
    border: 2px solid #ccc;
    border-radius: 5px;
    color: initial;
    display: flex;
    flex: 1 1;
    flex-wrap: wrap;
    font-size: 110%;
    justify-content: center;
    margin: 2px 0;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none
}

.overlay-with-two-btn-signature .btn .item[data-v-ed79b64e] {
    align-self: center;
    white-space: normal;
    width: 100%
}

.overlay-with-two-btn-signature .btn .desc[data-v-ed79b64e] {
    font-size: 75%;
    font-weight: 200
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e] {
    background-color: #46b863;
    border-color: #46b863 #46b863 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:hover {
    background-color: #46b863;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e] {
    background-color: #3cb6d6;
    border-color: #3cb6d6 #3cb6d6 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:hover {
    background-color: #3cb6d6;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .close-button[data-v-ed79b64e] {
    flex: none;
    font-size: 80%;
    margin-top: 0;
    text-align: center
}

.overlay-with-two-btn-signature .close-button a[data-v-ed79b64e] {
    color: #999;
    cursor: pointer;
    text-decoration: underline
}

.overlay-with-two-btn-signature .signature[data-v-ed79b64e] {
    display: inline-block;
    font-size: 80%;
    line-height: 1.33;
    width: 260px
}

.overlay-with-two-btn-signature .signature img[data-v-ed79b64e] {
    width: 40%
}

.overlay-with-two-btn-signature .signature p[data-v-ed79b64e] {
    margin-top: 0
}

@media only screen and (max-width: 688px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        font-size: 16px
    }
}

@media only screen and (max-width: 629px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        padding: 2px 5px
    }

    .overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
        display: block
    }

    .overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
        display: block;
        font-size: 100%;
        min-width: auto;
        width: auto
    }

    .overlay-with-two-btn-signature .spacer[data-v-ed79b64e] {
        display: none
    }
}

.newsletter-rectangle-preview-close[data-v-0e784908] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.newsletter-rectangle-preview-close[data-v-0e784908]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.newsletter-rectangle-form[data-v-0e784908] {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    max-width: 420px;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.newsletter-rectangle-title[data-v-0e784908] {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 15px;
    margin-top: 18px
}

.newsletter-rectangle-text[data-v-0e784908] {
    font-size: 16px;
    margin-bottom: 15px;
    white-space: pre-line
}

.newsletter-rectangle-form-label[data-v-0e784908] {
    display: none
}

.newsletter-rectangle-form-inputs[data-v-0e784908] {
    border: none;
    margin: 20px 0;
    padding: 0
}

.newsletter-rectangle-form-input[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    color: #000;
    font-size: 16px;
    height: 50px;
    line-height: 22px;
    padding: 0 10px;
    width: 100%
}

.newsletter-rectangle-form-button[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    display: block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    width: 100%
}

.newsletter-rectangle-disclaimer[data-v-0e784908] {
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    margin: 10px 20px;
    text-align: center
}

.newsletter-rectangle-disclaimer a[data-v-0e784908] {
    text-decoration: underline;
    white-space: nowrap
}

.newsletter-rectangle-failure-message[data-v-0e784908] {
    text-align: left
}

.compact .newsletter-rectangle-text[data-v-0e784908], .compact .newsletter-rectangle-title[data-v-0e784908] {
    margin-bottom: 10px
}

.compact .newsletter-rectangle-form-inputs[data-v-0e784908] {
    margin: 10px 0
}

.compact .newsletter-rectangle-form-button[data-v-0e784908], .compact .newsletter-rectangle-form-input[data-v-0e784908] {
    height: 40px
}

.compact .newsletter-rectangle-form-button[data-v-0e784908] {
    line-height: 40px;
    margin-top: 7px
}

.compact.newsletter-rectangle-form[data-v-0e784908] {
    padding: 15px
}

.newsletter-rectangle-form-button.newsletter-rectangle-failure[data-v-0e784908] {
    color: #b00c28 !important
}

.newsletter-rectangle-form-button.newsletter-rectangle-doing-ajax[data-v-0e784908]:after {
    content: "\2022\2022\2022"
}

.serif {
    font-family: serif;
}

.sans-serif {
    font-family: sans-serif;
}

/* transitions */

.remp-banner #preview-close.hidden {
    display: none;
}

.remp-banner .fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.remp-banner .fade-enter,
.remp-banner .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.remp-banner .bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.remp-banner-text-input {
    /* Different fonts display accent characters in different ways,
     * e.g. putting 'ACUTE ACCENT' unicode char as a accent character on the following letter, therefore treating it as a normal letter accent.
     *
     * However, we want to show this to user in text inputs (while designing banner), so he/she is aware this might cause problems in some browsers.
     * Helvetica font displays 'ACUTE ACCENT' unicode character separately from the following letter.
     */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.html-preview-link[data-v-30188453] {
    cursor: pointer;
    overflow: hidden
}

.html-preview-close.hidden[data-v-30188453] {
    display: none
}

.html-preview-box[data-v-30188453] {
    color: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.html-preview-text[data-v-30188453] {
    align-items: center;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    padding: 5px 10px;
    vertical-align: middle;
    width: 100%
}

.html-preview-close[data-v-30188453] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-preview-close[data-v-30188453]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close[data-v-fbf73852] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.medium-rectangle-preview-close[data-v-fbf73852]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close.hidden[data-v-fbf73852] {
    display: none
}

.medium-rectangle-preview-wrap[data-v-fbf73852] {
    cursor: pointer;
    overflow: hidden
}

.medium-rectangle-preview-box[data-v-fbf73852] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.medium-rectangle-header[data-v-fbf73852] {
    word-wrap: break-word;
    height: 1em
}

.medium-rectangle-main[data-v-fbf73852] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.medium-rectangle-button[data-v-fbf73852] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    padding: 5px;
    width: 70%
}

.bar-preview-close[data-v-499a59e2] {
    align-self: flex-start;
    cursor: pointer;
    font-size: 14px;
    margin: 0 5px;
    order: 2;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.bar-preview-close.hidden[data-v-499a59e2] {
    display: none
}

.bar-button-margin[data-v-499a59e2] {
    margin-right: 25px
}

.bar-wrap[data-v-499a59e2] {
    overflow: hidden;
    width: 100%
}

.bar-header[data-v-499a59e2] {
    color: #5e5e5e;
    display: none;
    font-size: 14px;
    justify-content: flex-end;
    min-height: 35px
}

.bar-close[data-v-499a59e2] {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0 20px;
    text-transform: uppercase
}

.bar-preview-link[data-v-499a59e2] {
    cursor: pointer;
    overflow: hidden
}

.bar-preview-box[data-v-499a59e2] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 5px 18px;
    position: relative;
    white-space: pre-line;
    width: 100%
}

.bar-main[data-v-499a59e2] {
    word-wrap: break-word;
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 5px;
    text-decoration: none
}

.bar-button[data-v-499a59e2] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center;
    white-space: nowrap
}

.bar-button-wrap[data-v-499a59e2] {
    align-items: center;
    display: flex;
    margin-left: auto;
    order: 1
}

@media (max-width: 640px) {
    .bar-preview-box[data-v-499a59e2] {
        flex-wrap: wrap;
        padding: 9px 20px
    }

    .bar-main[data-v-499a59e2] {
        flex: 1;
        margin-bottom: 9px;
        padding: 0 25px;
        text-align: center
    }

    .bar-button[data-v-499a59e2] {
        margin: auto;
        padding: 5px 15px;
        width: -moz-fit-content;
        width: fit-content
    }

    .bar-button-wrap[data-v-499a59e2] {
        flex-basis: 100%;
        order: 2
    }

    .bar-preview-close[data-v-499a59e2] {
        order: 1
    }
}

@media (max-width: 500px) {
    .bar-close-text-filled-bar[data-v-499a59e2] {
        display: flex
    }

    .bar-close-text-filled-button[data-v-499a59e2] {
        display: none
    }

    .bar-main[data-v-499a59e2] {
        padding: 0
    }
}

.collapsible-bar-wrap[data-v-2acfc6b9] {
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%
}

#banner-preview .collapsible-bar-wrap[data-v-2acfc6b9] {
    position: absolute !important
}

.collapsible-bar-preview-close[data-v-2acfc6b9] {
    font-size: 15px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: -5px
}

.collapsible-bar-preview-link[data-v-2acfc6b9] {
    cursor: pointer;
    overflow: hidden
}

.collapsible-bar-preview-box[data-v-2acfc6b9] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 10px 18px calc(10px + env(safe-area-inset-bottom));
    position: relative;
    white-space: pre-line;
    width: 100%
}

.collapsible-bar-main[data-v-2acfc6b9] {
    word-wrap: break-word;
    font-size: 17px;
    padding-right: 5px;
    text-decoration: none
}

.collapsible-bar-button[data-v-2acfc6b9] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center
}

.collapsible-bar-header[data-v-2acfc6b9] {
    align-items: center;
    background-color: #fff;
    color: #5e5e5e;
    display: flex;
    font-size: 14px;
    justify-content: center;
    min-height: 31px;
    position: relative
}

.collapsible-bar-title[data-v-2acfc6b9] {
    margin-bottom: 3px
}

.collapsible-bar-toggle[data-v-2acfc6b9] {
    align-items: stretch;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    height: 100%;
    padding-right: 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0
}

.collapsible-bar-toggle-button[data-v-2acfc6b9] {
    align-items: center;
    display: flex;
    gap: 4px
}

.collapsible-bar-body[data-v-2acfc6b9] {
    display: block;
    height: auto;
    transition: height .7s
}

@media (max-width: 640px) {
    .collapsible-bar-preview-box[data-v-2acfc6b9] {
        flex-direction: column;
        padding-left: 9px;
        padding-right: 9px
    }

    .collapsible-bar-main[data-v-2acfc6b9] {
        margin-bottom: 9px;
        text-align: center
    }

    .collapsible-bar-button[data-v-2acfc6b9] {
        padding: 5px 15px
    }
}

.short-message-preview-wrap[data-v-4e472091] {
    cursor: pointer
}

.short-message-preview-close[data-v-4e472091] {
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 40px
}

a.short-message-preview-close[data-v-4e472091]:after {
    content: "\00d7";
    display: block;
    font-size: 24px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

.short-message-preview-close.hidden[data-v-4e472091] {
    display: none
}

.short-message-preview-link[data-v-4e472091] {
    cursor: pointer;
    overflow: hidden
}

.short-message-preview-box[data-v-4e472091] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.short-message-main[data-v-4e472091] {
    word-wrap: break-word;
    font-size: 16px;
    padding: 10px;
    text-decoration: none
}

.short-message-preview-box.short-message-closable[data-v-4e472091] {
    padding-right: 40px
}

.overlay-rectangle-preview-close[data-v-d394d37e] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.overlay-rectangle-preview-close[data-v-d394d37e]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-d394d37e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.overlay-rectangle-preview-close.hidden[data-v-d394d37e] {
    display: none
}

.overlay-rectangle-image[data-v-d394d37e] {
    background-position: 50%;
    background-size: cover;
    max-height: 400px;
    min-width: 300px;
    overflow: hidden;
    width: 100%
}

.overlay-rectangle-image > img[data-v-d394d37e] {
    display: block;
    max-width: 100%;
    position: relative
}

.overlay-rectangle-overlay[data-v-d394d37e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-rectangle-overlay[data-v-d394d37e] {
    position: absolute
}

.overlay-rectangle-preview-link[data-v-d394d37e] {
    cursor: pointer;
    overflow: hidden
}

.overlay-rectangle-content[data-v-d394d37e] {
    justify-content: space-around;
    padding: 20px;
    width: 100%
}

.overlay-rectangle-content[data-v-d394d37e], .overlay-rectangle-preview-box[data-v-d394d37e] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.overlay-rectangle-preview-box[data-v-d394d37e] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.overlay-rectangle-header[data-v-d394d37e] {
    word-wrap: break-word;
    height: 1em;
    margin-bottom: 10px;
    padding: 0
}

.overlay-rectangle-main[data-v-d394d37e] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.overlay-rectangle-button[data-v-d394d37e] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    padding: 5px;
    width: 70%
}

.overlay-rectangle-wrap[data-v-d394d37e] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.overlay-rectangle-wrap.closeable[data-v-d394d37e] {
    padding-top: 40px
}

.html-overlay-rectangle-preview-close[data-v-cb135d10] {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-overlay-rectangle-preview-close[data-v-cb135d10]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-cb135d10] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.html-overlay-rectangle-preview-close.hidden[data-v-cb135d10] {
    display: none
}

.html-overlay-rectangle-image > img[data-v-cb135d10] {
    display: block;
    max-width: 100%;
    position: relative
}

.html-overlay-rectangle-overlay[data-v-cb135d10] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .html-overlay-rectangle-overlay[data-v-cb135d10] {
    position: absolute
}

.html-overlay-rectangle-preview-link[data-v-cb135d10] {
    display: block;
    overflow: hidden;
    position: relative
}

.html-overlay-rectangle-preview-link.clickable[data-v-cb135d10] {
    cursor: pointer
}

.html-overlay-rectangle-content[data-v-cb135d10] {
    justify-content: space-around;
    width: 100%
}

.html-overlay-rectangle-content[data-v-cb135d10], .html-overlay-rectangle-preview-box[data-v-cb135d10] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.html-overlay-rectangle-preview-box[data-v-cb135d10] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.html-overlay-rectangle-main[data-v-cb135d10] {
    word-wrap: break-word;
    font-size: 26px
}

.html-overlay-rectangle-wrap[data-v-cb135d10] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.html-overlay-rectangle-wrap.closeable[data-v-cb135d10] {
    padding-top: 40px
}

.preview-admin-close[data-v-ed79b64e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100001
}

.overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    position: absolute
}

.overlay-with-two-btn-signature[data-v-ed79b64e] {
    background-color: #fff;
    color: #181818;
    font-size: 18px;
    line-height: 1.33em;
    margin: auto;
    max-width: 690px;
    padding: 5px 18px;
    text-align: left
}

.overlay-with-two-btn-signature p[data-v-ed79b64e] {
    margin: .66em 0
}

.overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
    border: 2px solid #ccc;
    border-radius: 5px;
    color: initial;
    display: flex;
    flex: 1 1;
    flex-wrap: wrap;
    font-size: 110%;
    justify-content: center;
    margin: 2px 0;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none
}

.overlay-with-two-btn-signature .btn .item[data-v-ed79b64e] {
    align-self: center;
    white-space: normal;
    width: 100%
}

.overlay-with-two-btn-signature .btn .desc[data-v-ed79b64e] {
    font-size: 75%;
    font-weight: 200
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e] {
    background-color: #46b863;
    border-color: #46b863 #46b863 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:hover {
    background-color: #46b863;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e] {
    background-color: #3cb6d6;
    border-color: #3cb6d6 #3cb6d6 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:hover {
    background-color: #3cb6d6;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .close-button[data-v-ed79b64e] {
    flex: none;
    font-size: 80%;
    margin-top: 0;
    text-align: center
}

.overlay-with-two-btn-signature .close-button a[data-v-ed79b64e] {
    color: #999;
    cursor: pointer;
    text-decoration: underline
}

.overlay-with-two-btn-signature .signature[data-v-ed79b64e] {
    display: inline-block;
    font-size: 80%;
    line-height: 1.33;
    width: 260px
}

.overlay-with-two-btn-signature .signature img[data-v-ed79b64e] {
    width: 40%
}

.overlay-with-two-btn-signature .signature p[data-v-ed79b64e] {
    margin-top: 0
}

@media only screen and (max-width: 688px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        font-size: 16px
    }
}

@media only screen and (max-width: 629px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        padding: 2px 5px
    }

    .overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
        display: block
    }

    .overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
        display: block;
        font-size: 100%;
        min-width: auto;
        width: auto
    }

    .overlay-with-two-btn-signature .spacer[data-v-ed79b64e] {
        display: none
    }
}

.newsletter-rectangle-preview-close[data-v-0e784908] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.newsletter-rectangle-preview-close[data-v-0e784908]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.newsletter-rectangle-form[data-v-0e784908] {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    max-width: 420px;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.newsletter-rectangle-title[data-v-0e784908] {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 15px;
    margin-top: 18px
}

.newsletter-rectangle-text[data-v-0e784908] {
    font-size: 16px;
    margin-bottom: 15px;
    white-space: pre-line
}

.newsletter-rectangle-form-label[data-v-0e784908] {
    display: none
}

.newsletter-rectangle-form-inputs[data-v-0e784908] {
    border: none;
    margin: 20px 0;
    padding: 0
}

.newsletter-rectangle-form-input[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    color: #000;
    font-size: 16px;
    height: 50px;
    line-height: 22px;
    padding: 0 10px;
    width: 100%
}

.newsletter-rectangle-form-button[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    display: block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    width: 100%
}

.newsletter-rectangle-disclaimer[data-v-0e784908] {
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    margin: 10px 20px;
    text-align: center
}

.newsletter-rectangle-disclaimer a[data-v-0e784908] {
    text-decoration: underline;
    white-space: nowrap
}

.newsletter-rectangle-failure-message[data-v-0e784908] {
    text-align: left
}

.compact .newsletter-rectangle-text[data-v-0e784908], .compact .newsletter-rectangle-title[data-v-0e784908] {
    margin-bottom: 10px
}

.compact .newsletter-rectangle-form-inputs[data-v-0e784908] {
    margin: 10px 0
}

.compact .newsletter-rectangle-form-button[data-v-0e784908], .compact .newsletter-rectangle-form-input[data-v-0e784908] {
    height: 40px
}

.compact .newsletter-rectangle-form-button[data-v-0e784908] {
    line-height: 40px;
    margin-top: 7px
}

.compact.newsletter-rectangle-form[data-v-0e784908] {
    padding: 15px
}

.newsletter-rectangle-form-button.newsletter-rectangle-failure[data-v-0e784908] {
    color: #b00c28 !important
}

.newsletter-rectangle-form-button.newsletter-rectangle-doing-ajax[data-v-0e784908]:after {
    content: "\2022\2022\2022"
}

.serif {
    font-family: serif;
}

.sans-serif {
    font-family: sans-serif;
}

/* transitions */

.remp-banner #preview-close.hidden {
    display: none;
}

.remp-banner .fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.remp-banner .fade-enter,
.remp-banner .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.remp-banner .bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.remp-banner-text-input {
    /* Different fonts display accent characters in different ways,
     * e.g. putting 'ACUTE ACCENT' unicode char as a accent character on the following letter, therefore treating it as a normal letter accent.
     *
     * However, we want to show this to user in text inputs (while designing banner), so he/she is aware this might cause problems in some browsers.
     * Helvetica font displays 'ACUTE ACCENT' unicode character separately from the following letter.
     */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.html-preview-text:has(.b10_banner) {
    padding: 0 !important;
}

@media (max-width: 960px) {
    .n3_bar:has(.n3_bar_tab) .b10_banner {
        max-height: calc(100vh - 48px);
        max-height: calc(100dvh - 48px);
    }

    .n3_bar:has(.n3_bar_tab) .b10_banner.b10_half {
        max-height: 450px;
    }
}

@media (min-width: 961px) {
    .b10_banner.b10_banner_section {
        flex-direction: row;
    }
}

.b10_banner {
    bottom: 0;
    left: 0;
    width: 100vw;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    font-family: 'Lumin', serif !important;
    background: #2F0B80;
    white-space: initial;
    padding-bottom: 32px;
    max-height: 100vh;
    max-height: 100dvh;
    height: -moz-fit-content;
    height: fit-content;
}

@media (min-width: 961px) {
    .b10_banner {
        top: unset;
        bottom: 0;
        height: auto;
        display: flex;
        padding-bottom: 0;
    }
}

.b10_banner h1 {
    margin: 0;
    color: #FBFAFA;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
}

@media (min-width: 961px) {
    .b10_banner h1 {
        max-width: 430px;
    }
}

.b10_banner h2 {
    margin: 0;
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2f0b80;
}

.b10_banner p {
    color: #FBFAFA;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
}

.b10_body .b10_banner p {
    color: #2F0B80;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.b10_banner a {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    color: #FBFAFA;
    text-decoration: underline;
    text-underline-offset: 2px;
    display: flex;
    gap: 4px;
}

.b10_banner button img, .b10_banner a img {
    transition: transform 0.1s ease;
    margin-right: 5px;
}

.b10_banner button:hover img, .b10_banner a:hover img {
    transform: translateX(5px);
}

.b10_banner #b10_icon {
    margin-right: 8px;
    width: 24px;
}

.b10_banner .b10_header {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

@media (min-width: 961px) {
    .b10_banner .b10_header {
        gap: 32px;
        padding: 48px;
        width: 50%;
    }
}

.b10_banner .b10_header .b10_header_container {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    flex-direction: column-reverse;
}

@media (min-width: 961px) {
    .b10_banner .b10_header .b10_header_container {
        margin-bottom: auto;
    }
}

.b10_banner .b10_header .b10_header p {
    max-width: 360px;
}

.b10_banner .b10_logo {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (min-width: 961px) {
    .b10_banner .b10_logo {
        max-width: unset;
    }
}

@media (min-width: 961px) {
    .b10_banner .b10_logo img {
        max-width: 100%;
    }
}

.b10_banner .b10_logo .b10_logo_text {
    background-color: #FFD8FC;
    color: #2D0B80;
    font-size: 19px;
    font-weight: 500;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 961px) {
    .b10_banner .b10_logo .b10_logo_text {
        width: 100%;
        gap: 4px;
        padding-right: 8px;
        margin-bottom: 1px;
        height: 27px;
        justify-content: right;
    }
}

.b10_banner .b10_logo .b10_logo_users__active {
    font-weight: 900;
    font-size: 21px;
}

.b10_banner .b10_body {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    background-color: #FFAEE1;
    max-height: 1000px;
}

@media (min-width: 961px) {
    .b10_banner .b10_body {
        padding: 48px;
        width: 50%;
    }
}

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

.b10_banner .b10_amount_options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
}

.b10_banner .b10_amount_options label {
    flex: 1 1 calc(50% - 4px);
    max-width: calc(50% - 4px);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #2F0B80;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 16px;
    border: 1px solid #2F0B80;
    background-color: transparent;
    padding: 16px 24px;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.1s ease;
}

@media (min-width: 475px) {
    .b10_banner .b10_amount_options label {
        flex: 1 1 calc(33.3% - 6px);
        max-width: calc(33.3% - 6px);
    }
}

@media (min-width: 1400px) {
    .b10_banner .b10_amount_options label {
        font-size: 16px;
        flex: 1 1 calc(16% - 4px);
        max-width: calc(16% - 4px);
    }
}

.b10_banner .b10_amount_options input[type="checkbox"] {
    display: none;
}

.b10_banner .b10_amount_options label:has(input[type="checkbox"]:checked), .b10_banner .b10_amount_options label:has(input[type="checkbox"]:hover) {
    background-color: #2F0B80;
    color: #FBFAFA;
}

.b10_banner .b10_amount_custom {
    position: relative;
}

.b10_banner .b10_amount_custom label {
    position: absolute;
    top: 10px;
    left: 24px;
    font-family: 'Inter', sans-serif;
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2f0b80;
    pointer-events: none;
    transition: 0.1s ease all;
}

.b10_banner .b10_amount_custom input {
    box-sizing: border-box;
    width: 100%;
    padding: 21px 24px 12px;
    border: 1px solid #2f0b80;
    border-radius: 100px;
    outline: none;
    color: #2F0B80;
    background-color: transparent;
    text-align: left;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px; /* Firefox */
    -webkit-appearance: textfield; /* Chrome, Safari, Edge */
    appearance: textfield; /* Všeobecná podpora */
}

.b10_banner .b10_amount_custom input[type="number"]::-webkit-inner-spin-button, .b10_banner .b10_amount_custom input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.b10_banner .b10_amount_custom input::placeholder {
    box-sizing: border-box;
    color: #2F0B80;
    background-color: transparent;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
}

.b10_banner .b10_amount_custom input:focus::placeholder {
    color: transparent !important;
}

.b10_banner .b10_amount_custom .b10_amount_currency {
    position: absolute;
    right: 24px;
    top: 14px;
    color: #2F0B80;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Lumin', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
}

.b10_banner .b10_checkbox_label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #2F0B80;
}

.b10_banner .b10_checkbox_label a, .b10_banner .b10_checkbox_label p {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #2F0B80;
    text-underline-offset: 2px;
}

.b10_banner .b10_checkbox_label a:hover {
    background-color: #2F0B80;
    color: #FBFAFA;
}

.b10_banner .b10_checkbox_label .b10_checkbox_checkmark {
    width: 20px;
    height: 20px;
    border: 1px solid #2F0B80;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    transition: 0.1s ease all;
}

.b10_banner .b10_checkbox_label input[type="checkbox"] {
    display: none;
}

.b10_banner .b10_checkbox_label input[type="checkbox"]:checked + .b10_checkbox_checkmark {
    background-color: #2F0B80;
}

.b10_banner .b10_checkbox_label input[type="checkbox"]:checked + .b10_checkbox_checkmark::after {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    width: 6px;
    height: 13px;
    border: solid #FBFAFA;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.b10_banner .b10_checkbox_label.b10_error {
    animation: b10_bounce 0.8s ease-out;
}

.b10_banner .b10_buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

@media (min-width: 640px) {
    .b10_banner .b10_buttons {
        flex-direction: row;
    }
}

@media (min-width: 961px) {
    .b10_banner .b10_buttons {
        flex-direction: column;
    }
}

@media (min-width: 1150px) {
    .b10_banner .b10_buttons {
        flex-direction: row;
    }
}

.b10_banner .b10_buttons button {
    flex: 1;
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #FBFAFA;
    background-color: #1C1B1B;
    border: none;
    border-radius: 100px;
    cursor: pointer;
}

.b10_banner .b10_close {
    cursor: pointer;
    font-size: 0;
    position: unset;
    display: flex;
    gap: 4px;
    align-self: flex-end;
    z-index: 2;
}

@media (min-width: 375px) {
    .b10_banner .b10_close {
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        display: flex;
        align-items: center;
    }

    .b10_banner .b10_close:before {
        color: #FBFAFA;
        content: "Zatvoriť";
    }
}

@media (min-width: 961px) {
    .b10_banner .b10_close {
        position: absolute;
        right: 24px;
        top: 24px;
    }

    .b10_banner .b10_close:before {
        color: #2F0B80;
    }
}

.b10_banner .b10_close:after {
    content: url("https://a-static.projektn.sk/2024/12/arrowdownwhite.svg");
    display: block;
    height: 20px;
    width: 20px;
    transition: all 0.03s ease;
    transform: rotateZ(0deg);
}

@media (min-width: 961px) {
    .b10_banner .b10_close:after {
        content: url("https://a-static.projektn.sk/2024/12/arrowdown.svg");
        height: 24px;
        width: 24px;
    }
}

.b10_banner_section .b10_amount_selection h3 {
    margin: 0;
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.b10_banner_section .b10_buttons div.b10_button {
    flex: 1;
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #FBFAFA;
    background-color: #1C1B1B;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    overflow-y: hidden;
    max-height: 40px;
}

.b10_banner_section span.b10_payment_method_icons {
    display: flex;
    gap: 6px;
    justify-content: center;
    margin-top: -25px;
    height: 20px;
}

.b10_banner_section span.b10_payment_method_icons img {
    background-color: #E2DBD9;
    width: 35px;
    height: 30px;
}

.b10_banner .b10_buttons button {
    flex: 1;
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #FBFAFA;
    background-color: #1C1B1B;
    border: none;
    border-radius: 100px;
    cursor: pointer;
}

@media (max-width: 960px) {
    .b10_banner.b10_half {
        max-height: 450px;
    }

    .b10_banner.b10_half .b10_header p, .b10_banner.b10_half .b10_header a {
        display: none;
    }
}

.b10_banner.closed {
    height: 80px;
    overflow: hidden;
}

@media (min-width: 961px) {
    .b10_banner.closed {
        max-height: 96px;
    }
}

.b10_banner.closed .b10_header {
    width: 100%;
    padding: 24px;
}

.b10_banner.closed .b10_header > a, .b10_banner.closed .b10_header > p {
    display: none;
}

.b10_banner.closed .b10_header_container {
    gap: 24px;
    flex-direction: row;
}

@media (min-width: 961px) {
    .b10_banner.closed .b10_header_container {
        gap: 100px;
    }
}

.b10_banner.closed .b10_logo {
    max-width: 280px;
}

@media (min-width: 961px) {
    .b10_banner.closed .b10_logo {
        max-width: unset;
        flex-direction: row;
        align-items: end;
        gap: 0;
    }

    .b10_banner.closed .b10_logo img {
        max-width: 280px;
    }
}

.b10_banner.closed .b10_logo_text {
    display: none;
}

@media (min-width: 961px) {
    .b10_banner.closed .b10_logo_text {
        display: flex;
    }
}

.b10_banner.closed .b10_body {
    padding: 0;
    display: none;
}

.b10_banner.closed .b10_close {
    color: #fff;
    position: unset;
    align-self: unset;
}

.b10_banner.closed .b10_close:before {
    color: #FBFAFA;
    content: "Otvoriť";
}

.b10_banner.closed .b10_close:after {
    content: url("https://a-static.projektn.sk/2024/12/arrowdownwhite.svg");
    transform: rotateZ(180deg);
}

.b10_banner.closed .b10_amount_container {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.b10_banner.closed .b10_banner_section {
    box-sizing: border-box;
    font-family: Inter, serif;
    background: #2F0B80;
    white-space: initial;
    padding: 0;
    display: flex;
    flex-direction: column;
}

@media (min-width: 961px) {
    .b10_banner.closed .b10_banner_section {
        flex-direction: row;
    }
}

.b10_banner.closed .b10_banner_section .b10_error {
    animation: b10_bounce 0.8s ease-out;
}

.b10_banner.closed .b10_banner_section .b10_body {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px;
    background-color: #FFAEE1;
    transition: all 0.3s ease;
    text-align: left;
    color: #2D0B80;
}

@media (min-width: 1200px) {
    .b10_banner.closed .b10_banner_section .b10_body {
        padding: 80px 70px;
        width: 50%;
    }
}

.b10_banner.closed .b10_banner_section .b10_amount_selection {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.b10_banner.closed .b10_banner_section .b10_amount_selection h3 {
    margin: 0;
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.b10_banner.closed .b10_banner_section .b10_amount_options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
}

.b10_banner.closed .b10_banner_section .b10_amount_options label {
    flex: 1 1 calc(50% - 4px);
    max-width: calc(50% - 4px);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #2F0B80;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 16px;
    border: 1px solid #2F0B80;
    background-color: transparent;
    padding: 16px 24px;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.2s ease;
}

@container (min-width: 475px) {
    flex: 1 1 calc(33.3% - 6px);
    max-width: calc(33.3% - 6px);
}

@container (min-width: 650px) {
    font-size: 16px;
    flex: 1 1 calc(16% - 4px);
    max-width: calc(16% - 4px);
}

.b10_banner.closed .b10_banner_section .b10_amount_options input[type="checkbox"] {
    display: none;
}

.b10_banner.closed .b10_banner_section .b10_amount_options label:has(input[type="checkbox"]:checked), .b10_banner.closed .b10_banner_section .b10_amount_options label:has(input[type="checkbox"]:hover) {
    background-color: #2F0B80;
    color: #FBFAFA;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom {
    position: relative;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom label {
    position: absolute;
    top: 10px;
    left: 24px;
    font-family: 'Inter', sans-serif;
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2f0b80;
    pointer-events: none;
    transition: 0.3s ease all;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input {
    box-sizing: border-box;
    width: 100%;
    padding: 21px 24px 12px;
    border: 1px solid #2f0b80;
    border-radius: 100px;
    outline: none;
    color: #2F0B80;
    background-color: transparent;
    text-align: left;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input[type="number"] {
    -webkit-appearance: textfield;
    appearance: textfield;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input[type="number"]::-webkit-inner-spin-button, .b10_banner.closed .b10_banner_section .b10_amount_custom input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input::placeholder {
    box-sizing: border-box;
    color: #2F0B80;
    background-color: transparent;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input:focus::placeholder {
    color: transparent !important;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom .b10_amount_currency {
    position: absolute;
    right: 24px;
    top: 14px;
    color: #2F0B80;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Lumin', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes {
    margin-top: 8px;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #2F0B80;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label input[type="checkbox"] {
    display: none;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label a, .b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label p {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #2F0B80;
    text-underline-offset: 2px;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label a:hover {
    background-color: #2F0B80;
    color: #FBFAFA;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label .b10_checkbox_checkmark {
    width: 20px;
    height: 20px;
    border: 1px solid #2F0B80;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    transition: 0.1s ease all;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label input[type="checkbox"]:checked + .b10_checkbox_checkmark {
    background-color: #2F0B80;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label input[type="checkbox"]:checked + .b10_checkbox_checkmark::after {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    width: 6px;
    height: 13px;
    border: solid #FBFAFA;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.b10_banner.closed .b10_banner_section .b10_buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

@media (min-width: 640px) {
    .b10_banner.closed .b10_banner_section .b10_buttons {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .b10_banner.closed .b10_banner_section .b10_buttons {
        flex-direction: column;
    }
}

@media (min-width: 1150px) {
    .b10_banner.closed .b10_banner_section .b10_buttons {
        flex-direction: row;
    }
}

.b10_banner.closed .b10_banner_section .b10_buttons div.b10_button {
    flex: 1;
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #FBFAFA;
    background-color: #1C1B1B;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    overflow-y: hidden;
    max-height: 40px;
}

.b10_banner.closed .b10_banner_section .b10_buttons div.b10_button.inactive {
    opacity: 0.6;
    cursor: not-allowed;
}

.b10_banner.closed .b10_banner_section .b10_terms {
    text-align: left;
}

.b10_banner.closed .b10_banner_section .b10_recurrent_info {
    text-align: left;
    font-size: 14px;
}

@keyframes b10_bounce {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    5% {
        transform: translateY(-100%);
        opacity: 0;
    }
    15% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-50%);
    }
    40% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(-30%);
    }
    70% {
        transform: translateY(0%);
    }
    80% {
        transform: translateY(-15%);
    }
    90% {
        transform: translateY(0%);
    }
    95% {
        transform: translateY(-7%);
    }
    97% {
        transform: translateY(0%);
    }
    99% {
        transform: translateY(-3%);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.trustpay-form-button-google, .trustpay-form-button-apple {
    height: 40px;
    flex: 1;
    width: 100%;
    display: flex;
    flex-basis: auto;
    overflow: hidden;
    border-radius: 100px;
}

.b10_amount_container {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.b10_banner_section {
    box-sizing: border-box;
    font-family: Inter, serif;
    background: #2F0B80;
    white-space: initial;
    padding: 0;
    display: flex;
    flex-direction: column;
    @media (min-width: 1200px) {
        flex-direction: row;
    }

    .b10_error {
        animation: b10_bounce 0.8s ease-out;
    }

    .b10_body {
        container-type: inline-size;
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
        max-height: 1000px;
        background-color: #FFAEE1;
        transition: all 0.3s ease;
        text-align: left;
        color: #2D0B80;

        p {
            color: #2D0B80;
        }
    }

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

        h3 {
            margin: 0;
            position: relative;
            font-family: 'Inter', sans-serif;
            font-size: 10px;
            text-transform: uppercase;
            font-weight: 500;
        }

        p {
            text-align: center;
            font-size: 19px;
            font-style: normal;
            font-weight: 300;
            line-height: 24px;
            margin: 0;
        }
    }

    .b10_amount_options {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px;

        label {
            flex: 1 1 calc(50% - 4px);
            max-width: calc(50% - 4px);
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            text-align: center;
            color: #2F0B80;
            font-family: 'Lumin', serif;
            font-size: 19px;
            font-style: normal;
            font-weight: 800;
            line-height: 16px;
            border: 1px solid #2F0B80;
            background-color: transparent;
            padding: 16px 24px;
            border-radius: 100px;
            cursor: pointer;
            transition: 0.2s ease;
            @media (min-width: 475px) {
                flex: 1 1 calc(33.3% - 6px);
                max-width: calc(33.3% - 6px);
            }
            @media (min-width: 1400px) {
                font-size: 16px;
                flex: 1 1 calc(16% - 4px);
                max-width: calc(16% - 4px);
            }
        }

        .b10_recommended {
            display: flex;
            flex-direction: column;
            padding-top: 7px;
            padding-bottom: 7px;
            gap: 2px;
            max-height: 50px;

            span {
                font-size: 9px;
                font-style: normal;
                font-weight: 500;
                font-family: 'Inter', sans-serif;
                margin-bottom: -10px;
            }
        }

        input[type="checkbox"] {
            display: none;
        }

        label:has(input[type="checkbox"]:checked),
        label:has(input[type="checkbox"]:hover) {
            background-color: #2F0B80;
            color: #FBFAFA;
        }
    }

    .b10_amount_custom {
        position: relative;

        label {
            position: absolute;
            top: 10px;
            left: 24px;
            font-family: 'Inter', sans-serif;
            margin: 0;
            font-size: 10px;
            text-transform: uppercase;
            font-weight: 500;
            color: #2f0b80;
            pointer-events: none;
            transition: 0.3s ease all;
        }

        input {
            box-sizing: border-box;
            width: 100%;
            padding: 21px 24px 12px;
            border: 1px solid #2f0b80;
            border-radius: 100px;
            outline: none;
            color: #2F0B80;
            background-color: transparent;
            text-align: left;
            font-family: 'Lumin', serif;
            font-size: 19px;
            font-style: normal;
            font-weight: 800;
            line-height: 19px;
        }

        input[type="number"] {
            -moz-appearance: textfield;
            -webkit-appearance: none;
            appearance: none;
        }

        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        input::placeholder {
            box-sizing: border-box;
            color: #2F0B80;
            background-color: transparent;
            font-family: 'Lumin', serif;
            font-size: 19px;
            font-style: normal;
            font-weight: 800;
            line-height: 19px;
        }

        input:focus::placeholder {
            color: transparent !important;
        }

        .b10_amount_currency {
            position: absolute;
            right: 24px;
            top: 14px;
            color: #2F0B80;
            text-align: center;
            font-feature-settings: 'liga' off, 'clig' off;
            font-family: 'Lumin', serif;
            font-size: 24px;
            font-style: normal;
            font-weight: 800;
            line-height: 28px;
        }
    }

    .b10_checkboxes {
        margin-top: 8px;

        .b10_checkbox_label {
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 8px;
            font-family: 'Inter', sans-serif;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
            color: #2F0B80;

            input[type="checkbox"] {
                display: none;
            }

            a, p {
                display: inline-block;
                font-family: 'Inter', sans-serif;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
                color: #2F0B80;
                text-underline-offset: 2px;
            }

            a:hover {
                background-color: #2F0B80;
                color: #FBFAFA;
            }

            .b10_checkbox_checkmark {
                width: 20px;
                height: 20px;
                border: 1px solid #2F0B80;
                display: inline-block;
                position: relative;
                vertical-align: middle;
                transition: 0.1s ease all;
            }

            input[type="checkbox"]:checked + .b10_checkbox_checkmark {
                background-color: #2F0B80;
            }

            input[type="checkbox"]:checked + .b10_checkbox_checkmark::after {
                content: '';
                position: absolute;
                top: 0;
                left: 5px;
                width: 6px;
                height: 13px;
                border: solid #FBFAFA;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
            }
        }
    }

    .b10_buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;

        div.b10_button {
            flex: 1;
            padding: 8px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            font-family: 'Inter', sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            color: #FBFAFA;
            background-color: #1C1B1B;
            border: none;
            border-radius: 100px;
            cursor: pointer;
            overflow-y: hidden;
            max-height: 40px;

            &.inactive {
                opacity: 0.6;
                cursor: not-allowed;
            }

            button {
                height: 40px;
            }
        }

        div.b10_google_button img {
            height: 17px;
        }
    }

    span.b10_payment_method_icons {
        display: flex;
        gap: 6px;
        justify-content: center;
        margin-top: -25px;
        height: 20px;

        img {
            background-color: #E2DBD9;
            width: 35px;
            height: 30px;
        }
    }

    .b10_terms {
        text-align: left;
    }

    .b10_recurrent_info {
        text-align: left;
        font-size: 14px;
    }
}

@keyframes b10_bounce {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    5% {
        transform: translateY(-100%);
        opacity: 0;
    }
    15% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-50%);
    }
    40% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(-30%);
    }
    70% {
        transform: translateY(0%);
    }
    80% {
        transform: translateY(-15%);
    }
    90% {
        transform: translateY(0%);
    }
    95% {
        transform: translateY(-7%);
    }
    97% {
        transform: translateY(0%);
    }
    99% {
        transform: translateY(-3%);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


.fc-consent-root .fc-choice-dialog .fc-footer-buttons-container {
    position: relative !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-consent .fc-button-label {
    color: transparent !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-consent .fc-button-label:after {
    content: "Súhlasím";
    color: white;
    position: absolute;
    left: 0;
    width: 100%;
}

.fc-consent-root .fc-dialog-container .fc-cta-do-not-consent {
    position: absolute !important;
    left: 0 !important;
    top: 90px !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-do-not-consent .fc-button-label {
    color: transparent !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-do-not-consent .fc-button-label:after {
    content: "Pokračovať s nevyhnutnými cookies →";
    color: #666666 !important;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fc-consent-root .fc-choice-dialog .fc-cta-manage-options {
    width: calc(100% - 30px) !important;
    max-width: 416px !important;
    position: absolute !important;
    top: 43px !important;
    z-index: 2 !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-manage-options .fc-manage-options-third-button-label {
    color: transparent !important;
    background: rgb(58, 158, 83) !important;
    border-radius: 20px !important;
    height: 36px !important;
    line-height: 36px !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-manage-options .fc-manage-options-third-button-label:after {
    content: "Nastavenia";
    color: white;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fc-consent-root .fc-choice-dialog .fc-footer-buttons-container {
    height: 130px !important;
}

.fc-consent-root .fc-preference-container .fc-preference-slider .fc-slider-el {
    background-color: rgb(192, 192, 192) !important;
}

.fc-consent-root .fc-preference-container .fc-preference-slider .fc-slider-el:after {
    content: "nesúhlasím";
    position: absolute;
    right: 100%;
    top: 0;
    line-height: 20px;
    font-size: 12px;
    padding: 0 4px;
    color: rgb(192, 192, 192) !important;
}

.fc-consent-root .fc-preference-container .fc-preference-slider input:checked + .fc-slider-el {
    background-color: rgb(58, 158, 83) !important;
}

.fc-consent-root .fc-preference-container .fc-preference-slider input:checked + .fc-slider-el:after {
    content: "súhlasím";
    color: rgb(58, 158, 83) !important;
}

.fc-consent-root .fc-dialog .fc-header h2.fc-dialog-title {
    display: none !important;
}

.fc-consent-root .fc-cta-manage-options,
.fc-consent-root .fc-cta-do-not-consent,
.fc-consent-root .fc-manage-options-third-button-label {
    color: #666666 !important;
    font-weight: bold !important;
}

.fc-consent-root .fc-primary-button .fc-button-background {
    background: rgb(58, 158, 83) !important;
}

.fc-choice-dialog .fc-button {
    margin: 5px 0 0 !important;
    flex: none !important;
    width: 100% !important;
    display: inline-block !important;
}

.fc-choice-dialog .fc-primary-button {
    order: 1 !important;
}

.fc-choice-dialog .fc-footer-buttons {
    display: block !important;
    flex: 1 !important;
    text-align: center !important;
}

.fc-choice-dialog .fc-cta-manage-options {
    width: auto !important;
}

.fc-consent-root .fc-button:hover .fc-button-background {
    filter: brightness(100%) !important
}

@media screen and (max-width: 480px) {
    .fc-consent-root .fc-footer-buttons-container {
        max-height: 110px !important;
    }
}

.__theme_napunk .fc-consent-root .fc-dialog-container .fc-cta-consent .fc-button-label:after {
    content: "Elfogadom";
}

.__theme_napunk .fc-consent-root .fc-dialog-container .fc-cta-do-not-consent .fc-button-label:after {
    content: "Folytatás a szükséges sütikkel →";
}

.__theme_napunk .fc-consent-root .fc-dialog-container .fc-cta-manage-options .fc-manage-options-third-button-label:after {
    content: "Beállítások";
}

.__theme_napunk .fc-consent-root .fc-preference-container .fc-preference-slider .fc-slider-el:after {
    content: "elutasítom";
}

.__theme_napunk .fc-consent-root .fc-preference-container .fc-preference-slider input:checked + .fc-slider-el:after {
    content: "elfogadom";
}

.fslightbox-fade-in {
    animation: fslightbox-fade-in .3s cubic-bezier(0, 0, .7, 1)
}

.fslightbox-fade-out {
    animation: fslightbox-fade-out .3s ease
}

.fslightbox-fade-in-strong {
    animation: fslightbox-fade-in-strong forwards .3s cubic-bezier(0, 0, .7, 1)
}

.fslightbox-fade-out-strong {
    animation: fslightbox-fade-out-strong .3s ease
}

@keyframes fslightbox-fade-in {
    from {
        opacity: .65
    }
    to {
        opacity: 1
    }
}

@keyframes fslightbox-fade-out {
    from {
        opacity: .35
    }
    to {
        opacity: 0
    }
}

@keyframes fslightbox-fade-in-strong {
    from {
        opacity: .3
    }
    to {
        opacity: 1
    }
}

@keyframes fslightbox-fade-out-strong {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fslightbox-absoluted {
    position: absolute;
    top: 0;
    left: 0
}

.fslightboxcg {
    cursor: grabbing !important
}

.fslightbox-full-dimension {
    width: 100%;
    height: 100%
}

.fslightbox-open {
    overflow: hidden;
    height: 100%
}

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

.fslightbox-opacity-0 {
    opacity: 0 !important
}

.fslightbox-opacity-1 {
    opacity: 1 !important
}

.fslightboxx {
    opacity: 0 !important;
    z-index: -1 !important
}

.fslightbox-scrollbarfix {
    padding-right: 17px
}

.fslightboxtt {
    transition: transform .3s !important
}

.fslightbox-container {
    font-family: Arial, sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(30, 30, 30, .9), #000 1810%);
    touch-action: none;
    z-index: 1000000000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.fslightbox-container * {
    box-sizing: border-box
}

.fslightbox-svg-path {
    transition: fill .15s ease;
    fill: #d1d2d2
}

.fslightbox-loader {
    display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 67px;
    height: 67px
}

.fslightbox-loader-child {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 54px;
    height: 54px;
    margin: 6px;
    border: 5px solid;
    border-color: #999 transparent transparent transparent;
    border-radius: 50%;
    animation: fslightbox-loader 1.2s cubic-bezier(.5, 0, .5, 1) infinite
}

.fslightbox-loader-child:nth-child(1) {
    animation-delay: -.45s
}

.fslightbox-loader-child:nth-child(2) {
    animation-delay: -.3s
}

.fslightbox-loader-child:nth-child(3) {
    animation-delay: -.15s
}

@keyframes fslightbox-loader {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.fslightbox-thumbs-loader {
    width: 54px !important;
    height: 54px !important
}

.fslightbox-thumbs-loader div {
    border-width: 4px !important;
    width: 44px !important;
    height: 44px !important
}

.fslightbox-nav {
    height: 45px;
    width: 100%;
    transition: opacity .3s
}

.fslightbox-slide-number-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    font-size: 15px;
    color: #d7d7d7;
    z-index: 0;
    max-width: 55px;
    text-align: left
}

.fslightbox-slide-number-container .fslightbox-flex-centered {
    height: 100%
}

.fslightbox-slash {
    display: block;
    margin: 0 5px;
    width: 1px;
    height: 12px;
    transform: rotate(15deg);
    background: #fff
}

.fslightbox-toolbar {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    height: 45px;
    display: flex;
    background: rgba(35, 35, 35, .65)
}

.fslightbox-toolbar-button {
    height: 100%;
    width: 45px;
    cursor: pointer
}

.fslightbox-toolbar-button:hover .fslightbox-svg-path {
    fill: #fff
}

.fslightbox-slide-btn-container {
    display: flex;
    align-items: center;
    padding: 12px 12px 12px 6px;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 2;
    transform: translateY(-50%);
    transition: opacity .3s
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-container {
        padding: 22px 22px 22px 6px
    }
}

@media (min-width: 768px) {
    .fslightbox-slide-btn-container {
        padding: 30px 30px 30px 6px
    }
}

.fslightbox-slide-btn-container:hover .fslightbox-svg-path {
    fill: #f1f1f1
}

.fslightbox-slide-btn {
    padding: 9px;
    font-size: 26px;
    background: rgba(35, 35, 35, .65)
}

@media (min-width: 768px) {
    .fslightbox-slide-btn {
        padding: 10px
    }
}

@media (min-width: 1600px) {
    .fslightbox-slide-btn {
        padding: 11px
    }
}

.fslightbox-slide-btn-container-previous {
    left: 0
}

@media (max-width: 475.99px) {
    .fslightbox-slide-btn-container-previous {
        padding-left: 3px
    }
}

.fslightbox-slide-btn-container-next {
    right: 0;
    padding-left: 12px;
    padding-right: 3px
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-container-next {
        padding-left: 22px
    }
}

@media (min-width: 768px) {
    .fslightbox-slide-btn-container-next {
        padding-left: 30px
    }
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-container-next {
        padding-right: 6px
    }
}

.fslightboxh {
    z-index: 3
}

.fslightboxss {
    width: 0;
    height: 2px;
    z-index: 3;
    opacity: 0;
    background: #fff
}

.fslightboxin {
    font-size: 24px;
    color: #eaebeb;
    margin: auto
}

.fslightbox-video {
    object-fit: cover
}

.fslightboxyt {
    border: 0
}

.fslightboxs {
    position: relative;
    z-index: 3;
    display: block;
    opacity: 0;
    margin: auto;
    cursor: zoom-in
}

.fslightboxswc {
    z-index: 1;
    transition: transform .2s linear
}

.fslightboxswcp {
    transition: none !important
}

.fslightbox-thumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), #1e1e1e 100%);
    transition: opacity .2s;
    padding: 0 5px 12px 5px;
    height: 114px
}

@media (min-width: 992px) {
    .fslightbox-thumbs {
        padding-bottom: 13px;
        height: 120px
    }
}

@media (min-width: 1600px) {
    .fslightbox-thumbs {
        padding-bottom: 14px;
        height: 126px
    }
}

.fslightbox-thumbs-inner {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%
}

.fslightbox-thumb-wrapper {
    position: relative;
    height: 100%;
    margin: 0 4px;
    opacity: 0;
    transition: opacity .3s
}

.fslightbox-thumb-wrapper svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 1
}

.fslightbox-thumb-wrapper path {
    fill: #fff
}

.fslightboxtd {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: rgba(0, 0, 0, .4);
    cursor: pointer
}

.fslightbox-thumb {
    cursor: pointer;
    border-radius: 1px;
    height: 100%;
    width: auto !important;
    border: 2px solid transparent;
    max-width: unset;
    max-height: unset
}

.fslightboxta {
    border: 2px solid #fff !important
}

.fslightbox-thumb-invalid {
    background: linear-gradient(to bottom, #0f0f0f, rgba(15, 15, 15, .5));
    display: inline-block;
    min-width: 155px
}

.fslightbox-thumbs-cursorer {
    z-index: 3;
    cursor: grabbing
}

.fslightboxc {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    transition: opacity .2s, transform .3s;
    z-index: 2;
    user-select: text
}

.fslightboxc:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 1;
    transition: opacity 1s;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), #1e1e1e 100%)
}

.fslightboxci {
    padding: 20px 25px 30px 25px;
    max-width: 1200px;
    color: #eee;
    text-align: center;
    font-size: 14px
}

.fslightboxct {
    transform: translate(-50%, -101px)
}

.fslightboxct:after {
    opacity: 0;
    transition: none
}

@media (min-width: 992px) {
    .fslightboxct {
        transform: translate(-50%, -106px)
    }
}

.qJTHM {
    -webkit-user-select: none;
    color: #202124;
    direction: ltr;
    -webkit-touch-callout: none;
    font-family: "Roboto-Regular", arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    -webkit-text-size-adjust: 100%
}

.ynRLnc {
    left: -9999px;
    position: absolute;
    top: -9999px
}

.L6cTce {
    display: none
}

.bltWBb {
    word-break: break-all
}

.hSRGPd {
    color: #1a73e8;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none
}

.Bz112c-W3lGp {
    height: 16px;
    width: 16px
}

.Bz112c-E3DyYd {
    height: 20px;
    width: 20px
}

.Bz112c-r9oPif {
    height: 24px;
    width: 24px
}

.Bz112c-uaxL4e {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.LgbsSe-Bz112c {
    display: block
}

.S9gUrf-YoZ4jf, .S9gUrf-YoZ4jf * {
    border: none;
    margin: 0;
    padding: 0
}

.fFW7wc-ibnC6b > .aZ2wEe > div {
    border-color: #4285f4
}

.P1ekSe-ZMv3u > div:nth-child(1) {
    background-color: #1a73e8 !important
}

.P1ekSe-ZMv3u > div:nth-child(2), .P1ekSe-ZMv3u > div:nth-child(3) {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #1a73e8, #1a73e8) !important
}

.haAclf {
    display: inline-block
}

.nsm7Bb-HzV7m-LgbsSe {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .218s, border-color .218s;
    transition: background-color .218s, border-color .218s;
    -webkit-user-select: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dadce0;
    color: #3c4043;
    cursor: pointer;
    font-family: "Google Sans", arial, sans-serif;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto
}

@media screen and (-ms-high-contrast: active) {
    .nsm7Bb-HzV7m-LgbsSe {
        border: 2px solid windowText;
        color: windowText
    }
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
    font-size: 14px;
    height: 32px;
    letter-spacing: 0.25px;
    padding: 0 10px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
    font-size: 11px;
    height: 20px;
    letter-spacing: 0.3px;
    padding: 0 8px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
    padding: 0;
    width: 40px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
    width: 32px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
    width: 20px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
    -webkit-border-radius: 16px;
    border-radius: 16px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
    border: none;
    color: #fff
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
    background-color: #1a73e8
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
    background-color: #202124;
    color: #e8eaed
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 18px;
    margin-right: 8px;
    min-width: 18px;
    width: 18px
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 14px;
    min-width: 14px;
    width: 14px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 10px;
    min-width: 10px;
    width: 10px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin-left: 8px;
    margin-right: -4px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin: 0;
    padding: 10px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    padding: 8px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    padding: 4px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    height: 36px;
    margin-left: -10px;
    margin-right: 12px;
    min-width: 36px;
    width: 36px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c, .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin: 0;
    padding: 0
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    height: 28px;
    margin-left: -8px;
    margin-right: 10px;
    min-width: 28px;
    width: 28px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    height: 16px;
    margin-left: -6px;
    margin-right: 8px;
    min-width: 16px;
    width: 16px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 2px;
    margin-right: 0;
    padding: 0
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 18px;
    border-radius: 18px
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 14px;
    border-radius: 14px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    position: relative;
    width: 100%
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
    justify-content: center
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    font-weight: 300
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    -webkit-transition: background-color .218s;
    transition: background-color .218s;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.nsm7Bb-HzV7m-LgbsSe:hover, .nsm7Bb-HzV7m-LgbsSe:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgb(210, 227, 252);
    outline: none
}

.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(66, 133, 244, .04)
}

.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(66, 133, 244, .1)
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(255, 255, 255, .24)
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(255, 255, 255, .32)
}

.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 20px;
    margin-left: -4px;
    margin-right: 8px;
    min-width: 20px;
    width: 20px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    font-family: "Roboto";
    font-size: 12px;
    text-align: left
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf, .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS {
    overflow: hidden;
    text-overflow: ellipsis
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #5f6368;
    fill: #5f6368;
    font-size: 11px;
    font-weight: 400
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    color: #e8eaed;
    fill: #e8eaed
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
    height: 18px;
    margin: -3px -3px -3px 2px;
    min-width: 18px;
    width: 18px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: 12px;
    margin-right: -10px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 18px;
    border-radius: 18px
}

.L5Fo6c-sM5MNb {
    border: 0;
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.L5Fo6c-bF1uUb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.L5Fo6c-bF1uUb:focus {
    border: none;
    outline: none
}

sentinel {
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.html-preview-link[data-v-30188453] {
    cursor: pointer;
    overflow: hidden
}

.html-preview-close.hidden[data-v-30188453] {
    display: none
}

.html-preview-box[data-v-30188453] {
    color: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.html-preview-text[data-v-30188453] {
    align-items: center;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    padding: 5px 10px;
    vertical-align: middle;
    width: 100%
}

.html-preview-close[data-v-30188453] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-preview-close[data-v-30188453]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close[data-v-fbf73852] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.medium-rectangle-preview-close[data-v-fbf73852]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close.hidden[data-v-fbf73852] {
    display: none
}

.medium-rectangle-preview-wrap[data-v-fbf73852] {
    cursor: pointer;
    overflow: hidden
}

.medium-rectangle-preview-box[data-v-fbf73852] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.medium-rectangle-header[data-v-fbf73852] {
    word-wrap: break-word;
    height: 1em
}

.medium-rectangle-main[data-v-fbf73852] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.medium-rectangle-button[data-v-fbf73852] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    padding: 5px;
    width: 70%
}

.bar-preview-close[data-v-499a59e2] {
    align-self: flex-start;
    cursor: pointer;
    font-size: 14px;
    margin: 0 5px;
    order: 2;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.bar-preview-close.hidden[data-v-499a59e2] {
    display: none
}

.bar-button-margin[data-v-499a59e2] {
    margin-right: 25px
}

.bar-wrap[data-v-499a59e2] {
    overflow: hidden;
    width: 100%
}

.bar-header[data-v-499a59e2] {
    color: #5e5e5e;
    display: none;
    font-size: 14px;
    justify-content: flex-end;
    min-height: 35px
}

.bar-close[data-v-499a59e2] {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0 20px;
    text-transform: uppercase
}

.bar-preview-link[data-v-499a59e2] {
    cursor: pointer;
    overflow: hidden
}

.bar-preview-box[data-v-499a59e2] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 5px 18px;
    position: relative;
    white-space: pre-line;
    width: 100%
}

.bar-main[data-v-499a59e2] {
    word-wrap: break-word;
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 5px;
    text-decoration: none
}

.bar-button[data-v-499a59e2] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center;
    white-space: nowrap
}

.bar-button-wrap[data-v-499a59e2] {
    align-items: center;
    display: flex;
    margin-left: auto;
    order: 1
}

@media (max-width: 640px) {
    .bar-preview-box[data-v-499a59e2] {
        flex-wrap: wrap;
        padding: 9px 20px
    }

    .bar-main[data-v-499a59e2] {
        flex: 1;
        margin-bottom: 9px;
        padding: 0 25px;
        text-align: center
    }

    .bar-button[data-v-499a59e2] {
        margin: auto;
        padding: 5px 15px;
        width: -moz-fit-content;
        width: fit-content
    }

    .bar-button-wrap[data-v-499a59e2] {
        flex-basis: 100%;
        order: 2
    }

    .bar-preview-close[data-v-499a59e2] {
        order: 1
    }
}

@media (max-width: 500px) {
    .bar-close-text-filled-bar[data-v-499a59e2] {
        display: flex
    }

    .bar-close-text-filled-button[data-v-499a59e2] {
        display: none
    }

    .bar-main[data-v-499a59e2] {
        padding: 0
    }
}

.collapsible-bar-wrap[data-v-2acfc6b9] {
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%
}

#banner-preview .collapsible-bar-wrap[data-v-2acfc6b9] {
    position: absolute !important
}

.collapsible-bar-preview-close[data-v-2acfc6b9] {
    font-size: 15px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: -5px
}

.collapsible-bar-preview-link[data-v-2acfc6b9] {
    cursor: pointer;
    overflow: hidden
}

.collapsible-bar-preview-box[data-v-2acfc6b9] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 10px 18px calc(10px + env(safe-area-inset-bottom));
    position: relative;
    white-space: pre-line;
    width: 100%
}

.collapsible-bar-main[data-v-2acfc6b9] {
    word-wrap: break-word;
    font-size: 17px;
    padding-right: 5px;
    text-decoration: none
}

.collapsible-bar-button[data-v-2acfc6b9] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center
}

.collapsible-bar-header[data-v-2acfc6b9] {
    align-items: center;
    background-color: #fff;
    color: #5e5e5e;
    display: flex;
    font-size: 14px;
    justify-content: center;
    min-height: 31px;
    position: relative
}

.collapsible-bar-title[data-v-2acfc6b9] {
    margin-bottom: 3px
}

.collapsible-bar-toggle[data-v-2acfc6b9] {
    align-items: stretch;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    height: 100%;
    padding-right: 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0
}

.collapsible-bar-toggle-button[data-v-2acfc6b9] {
    align-items: center;
    display: flex;
    gap: 4px
}

.collapsible-bar-body[data-v-2acfc6b9] {
    display: block;
    height: auto;
    transition: height .7s
}

@media (max-width: 640px) {
    .collapsible-bar-preview-box[data-v-2acfc6b9] {
        flex-direction: column;
        padding-left: 9px;
        padding-right: 9px
    }

    .collapsible-bar-main[data-v-2acfc6b9] {
        margin-bottom: 9px;
        text-align: center
    }

    .collapsible-bar-button[data-v-2acfc6b9] {
        padding: 5px 15px
    }
}

.short-message-preview-wrap[data-v-4e472091] {
    cursor: pointer
}

.short-message-preview-close[data-v-4e472091] {
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 40px
}

a.short-message-preview-close[data-v-4e472091]:after {
    content: "\00d7";
    display: block;
    font-size: 24px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

.short-message-preview-close.hidden[data-v-4e472091] {
    display: none
}

.short-message-preview-link[data-v-4e472091] {
    cursor: pointer;
    overflow: hidden
}

.short-message-preview-box[data-v-4e472091] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.short-message-main[data-v-4e472091] {
    word-wrap: break-word;
    font-size: 16px;
    padding: 10px;
    text-decoration: none
}

.short-message-preview-box.short-message-closable[data-v-4e472091] {
    padding-right: 40px
}

.overlay-rectangle-preview-close[data-v-d394d37e] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.overlay-rectangle-preview-close[data-v-d394d37e]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-d394d37e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.overlay-rectangle-preview-close.hidden[data-v-d394d37e] {
    display: none
}

.overlay-rectangle-image[data-v-d394d37e] {
    background-position: 50%;
    background-size: cover;
    max-height: 400px;
    min-width: 300px;
    overflow: hidden;
    width: 100%
}

.overlay-rectangle-image > img[data-v-d394d37e] {
    display: block;
    max-width: 100%;
    position: relative
}

.overlay-rectangle-overlay[data-v-d394d37e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-rectangle-overlay[data-v-d394d37e] {
    position: absolute
}

.overlay-rectangle-preview-link[data-v-d394d37e] {
    cursor: pointer;
    overflow: hidden
}

.overlay-rectangle-content[data-v-d394d37e] {
    justify-content: space-around;
    padding: 20px;
    width: 100%
}

.overlay-rectangle-content[data-v-d394d37e], .overlay-rectangle-preview-box[data-v-d394d37e] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.overlay-rectangle-preview-box[data-v-d394d37e] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.overlay-rectangle-header[data-v-d394d37e] {
    word-wrap: break-word;
    height: 1em;
    margin-bottom: 10px;
    padding: 0
}

.overlay-rectangle-main[data-v-d394d37e] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.overlay-rectangle-button[data-v-d394d37e] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    padding: 5px;
    width: 70%
}

.overlay-rectangle-wrap[data-v-d394d37e] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.overlay-rectangle-wrap.closeable[data-v-d394d37e] {
    padding-top: 40px
}

.html-overlay-rectangle-preview-close[data-v-cb135d10] {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-overlay-rectangle-preview-close[data-v-cb135d10]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-cb135d10] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.html-overlay-rectangle-preview-close.hidden[data-v-cb135d10] {
    display: none
}

.html-overlay-rectangle-image > img[data-v-cb135d10] {
    display: block;
    max-width: 100%;
    position: relative
}

.html-overlay-rectangle-overlay[data-v-cb135d10] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .html-overlay-rectangle-overlay[data-v-cb135d10] {
    position: absolute
}

.html-overlay-rectangle-preview-link[data-v-cb135d10] {
    display: block;
    overflow: hidden;
    position: relative
}

.html-overlay-rectangle-preview-link.clickable[data-v-cb135d10] {
    cursor: pointer
}

.html-overlay-rectangle-content[data-v-cb135d10] {
    justify-content: space-around;
    width: 100%
}

.html-overlay-rectangle-content[data-v-cb135d10], .html-overlay-rectangle-preview-box[data-v-cb135d10] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.html-overlay-rectangle-preview-box[data-v-cb135d10] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.html-overlay-rectangle-main[data-v-cb135d10] {
    word-wrap: break-word;
    font-size: 26px
}

.html-overlay-rectangle-wrap[data-v-cb135d10] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.html-overlay-rectangle-wrap.closeable[data-v-cb135d10] {
    padding-top: 40px
}

.preview-admin-close[data-v-ed79b64e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100001
}

.overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    position: absolute
}

.overlay-with-two-btn-signature[data-v-ed79b64e] {
    background-color: #fff;
    color: #181818;
    font-size: 18px;
    line-height: 1.33em;
    margin: auto;
    max-width: 690px;
    padding: 5px 18px;
    text-align: left
}

.overlay-with-two-btn-signature p[data-v-ed79b64e] {
    margin: .66em 0
}

.overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
    border: 2px solid #ccc;
    border-radius: 5px;
    color: initial;
    display: flex;
    flex: 1 1;
    flex-wrap: wrap;
    font-size: 110%;
    justify-content: center;
    margin: 2px 0;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none
}

.overlay-with-two-btn-signature .btn .item[data-v-ed79b64e] {
    align-self: center;
    white-space: normal;
    width: 100%
}

.overlay-with-two-btn-signature .btn .desc[data-v-ed79b64e] {
    font-size: 75%;
    font-weight: 200
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e] {
    background-color: #46b863;
    border-color: #46b863 #46b863 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:hover {
    background-color: #46b863;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e] {
    background-color: #3cb6d6;
    border-color: #3cb6d6 #3cb6d6 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:hover {
    background-color: #3cb6d6;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .close-button[data-v-ed79b64e] {
    flex: none;
    font-size: 80%;
    margin-top: 0;
    text-align: center
}

.overlay-with-two-btn-signature .close-button a[data-v-ed79b64e] {
    color: #999;
    cursor: pointer;
    text-decoration: underline
}

.overlay-with-two-btn-signature .signature[data-v-ed79b64e] {
    display: inline-block;
    font-size: 80%;
    line-height: 1.33;
    width: 260px
}

.overlay-with-two-btn-signature .signature img[data-v-ed79b64e] {
    width: 40%
}

.overlay-with-two-btn-signature .signature p[data-v-ed79b64e] {
    margin-top: 0
}

@media only screen and (max-width: 688px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        font-size: 16px
    }
}

@media only screen and (max-width: 629px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        padding: 2px 5px
    }

    .overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
        display: block
    }

    .overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
        display: block;
        font-size: 100%;
        min-width: auto;
        width: auto
    }

    .overlay-with-two-btn-signature .spacer[data-v-ed79b64e] {
        display: none
    }
}

.newsletter-rectangle-preview-close[data-v-0e784908] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.newsletter-rectangle-preview-close[data-v-0e784908]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.newsletter-rectangle-form[data-v-0e784908] {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    max-width: 420px;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.newsletter-rectangle-title[data-v-0e784908] {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 15px;
    margin-top: 18px
}

.newsletter-rectangle-text[data-v-0e784908] {
    font-size: 16px;
    margin-bottom: 15px;
    white-space: pre-line
}

.newsletter-rectangle-form-label[data-v-0e784908] {
    display: none
}

.newsletter-rectangle-form-inputs[data-v-0e784908] {
    border: none;
    margin: 20px 0;
    padding: 0
}

.newsletter-rectangle-form-input[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    color: #000;
    font-size: 16px;
    height: 50px;
    line-height: 22px;
    padding: 0 10px;
    width: 100%
}

.newsletter-rectangle-form-button[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    display: block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    width: 100%
}

.newsletter-rectangle-disclaimer[data-v-0e784908] {
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    margin: 10px 20px;
    text-align: center
}

.newsletter-rectangle-disclaimer a[data-v-0e784908] {
    text-decoration: underline;
    white-space: nowrap
}

.newsletter-rectangle-failure-message[data-v-0e784908] {
    text-align: left
}

.compact .newsletter-rectangle-text[data-v-0e784908], .compact .newsletter-rectangle-title[data-v-0e784908] {
    margin-bottom: 10px
}

.compact .newsletter-rectangle-form-inputs[data-v-0e784908] {
    margin: 10px 0
}

.compact .newsletter-rectangle-form-button[data-v-0e784908], .compact .newsletter-rectangle-form-input[data-v-0e784908] {
    height: 40px
}

.compact .newsletter-rectangle-form-button[data-v-0e784908] {
    line-height: 40px;
    margin-top: 7px
}

.compact.newsletter-rectangle-form[data-v-0e784908] {
    padding: 15px
}

.newsletter-rectangle-form-button.newsletter-rectangle-failure[data-v-0e784908] {
    color: #b00c28 !important
}

.newsletter-rectangle-form-button.newsletter-rectangle-doing-ajax[data-v-0e784908]:after {
    content: "\2022\2022\2022"
}

.serif {
    font-family: serif;
}

.sans-serif {
    font-family: sans-serif;
}

/* transitions */

.remp-banner #preview-close.hidden {
    display: none;
}

.remp-banner .fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.remp-banner .fade-enter,
.remp-banner .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.remp-banner .bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.remp-banner-text-input {
    /* Different fonts display accent characters in different ways,
     * e.g. putting 'ACUTE ACCENT' unicode char as a accent character on the following letter, therefore treating it as a normal letter accent.
     *
     * However, we want to show this to user in text inputs (while designing banner), so he/she is aware this might cause problems in some browsers.
     * Helvetica font displays 'ACUTE ACCENT' unicode character separately from the following letter.
     */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.html-preview-link[data-v-30188453] {
    cursor: pointer;
    overflow: hidden
}

.html-preview-close.hidden[data-v-30188453] {
    display: none
}

.html-preview-box[data-v-30188453] {
    color: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.html-preview-text[data-v-30188453] {
    align-items: center;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    padding: 5px 10px;
    vertical-align: middle;
    width: 100%
}

.html-preview-close[data-v-30188453] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-preview-close[data-v-30188453]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close[data-v-fbf73852] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.medium-rectangle-preview-close[data-v-fbf73852]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close.hidden[data-v-fbf73852] {
    display: none
}

.medium-rectangle-preview-wrap[data-v-fbf73852] {
    cursor: pointer;
    overflow: hidden
}

.medium-rectangle-preview-box[data-v-fbf73852] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.medium-rectangle-header[data-v-fbf73852] {
    word-wrap: break-word;
    height: 1em
}

.medium-rectangle-main[data-v-fbf73852] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.medium-rectangle-button[data-v-fbf73852] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    padding: 5px;
    width: 70%
}

.bar-preview-close[data-v-499a59e2] {
    align-self: flex-start;
    cursor: pointer;
    font-size: 14px;
    margin: 0 5px;
    order: 2;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.bar-preview-close.hidden[data-v-499a59e2] {
    display: none
}

.bar-button-margin[data-v-499a59e2] {
    margin-right: 25px
}

.bar-wrap[data-v-499a59e2] {
    overflow: hidden;
    width: 100%
}

.bar-header[data-v-499a59e2] {
    color: #5e5e5e;
    display: none;
    font-size: 14px;
    justify-content: flex-end;
    min-height: 35px
}

.bar-close[data-v-499a59e2] {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0 20px;
    text-transform: uppercase
}

.bar-preview-link[data-v-499a59e2] {
    cursor: pointer;
    overflow: hidden
}

.bar-preview-box[data-v-499a59e2] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 5px 18px;
    position: relative;
    white-space: pre-line;
    width: 100%
}

.bar-main[data-v-499a59e2] {
    word-wrap: break-word;
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 5px;
    text-decoration: none
}

.bar-button[data-v-499a59e2] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center;
    white-space: nowrap
}

.bar-button-wrap[data-v-499a59e2] {
    align-items: center;
    display: flex;
    margin-left: auto;
    order: 1
}

@media (max-width: 640px) {
    .bar-preview-box[data-v-499a59e2] {
        flex-wrap: wrap;
        padding: 9px 20px
    }

    .bar-main[data-v-499a59e2] {
        flex: 1;
        margin-bottom: 9px;
        padding: 0 25px;
        text-align: center
    }

    .bar-button[data-v-499a59e2] {
        margin: auto;
        padding: 5px 15px;
        width: -moz-fit-content;
        width: fit-content
    }

    .bar-button-wrap[data-v-499a59e2] {
        flex-basis: 100%;
        order: 2
    }

    .bar-preview-close[data-v-499a59e2] {
        order: 1
    }
}

@media (max-width: 500px) {
    .bar-close-text-filled-bar[data-v-499a59e2] {
        display: flex
    }

    .bar-close-text-filled-button[data-v-499a59e2] {
        display: none
    }

    .bar-main[data-v-499a59e2] {
        padding: 0
    }
}

.collapsible-bar-wrap[data-v-2acfc6b9] {
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%
}

#banner-preview .collapsible-bar-wrap[data-v-2acfc6b9] {
    position: absolute !important
}

.collapsible-bar-preview-close[data-v-2acfc6b9] {
    font-size: 15px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: -5px
}

.collapsible-bar-preview-link[data-v-2acfc6b9] {
    cursor: pointer;
    overflow: hidden
}

.collapsible-bar-preview-box[data-v-2acfc6b9] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 10px 18px calc(10px + env(safe-area-inset-bottom));
    position: relative;
    white-space: pre-line;
    width: 100%
}

.collapsible-bar-main[data-v-2acfc6b9] {
    word-wrap: break-word;
    font-size: 17px;
    padding-right: 5px;
    text-decoration: none
}

.collapsible-bar-button[data-v-2acfc6b9] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center
}

.collapsible-bar-header[data-v-2acfc6b9] {
    align-items: center;
    background-color: #fff;
    color: #5e5e5e;
    display: flex;
    font-size: 14px;
    justify-content: center;
    min-height: 31px;
    position: relative
}

.collapsible-bar-title[data-v-2acfc6b9] {
    margin-bottom: 3px
}

.collapsible-bar-toggle[data-v-2acfc6b9] {
    align-items: stretch;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    height: 100%;
    padding-right: 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0
}

.collapsible-bar-toggle-button[data-v-2acfc6b9] {
    align-items: center;
    display: flex;
    gap: 4px
}

.collapsible-bar-body[data-v-2acfc6b9] {
    display: block;
    height: auto;
    transition: height .7s
}

@media (max-width: 640px) {
    .collapsible-bar-preview-box[data-v-2acfc6b9] {
        flex-direction: column;
        padding-left: 9px;
        padding-right: 9px
    }

    .collapsible-bar-main[data-v-2acfc6b9] {
        margin-bottom: 9px;
        text-align: center
    }

    .collapsible-bar-button[data-v-2acfc6b9] {
        padding: 5px 15px
    }
}

.short-message-preview-wrap[data-v-4e472091] {
    cursor: pointer
}

.short-message-preview-close[data-v-4e472091] {
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 40px
}

a.short-message-preview-close[data-v-4e472091]:after {
    content: "\00d7";
    display: block;
    font-size: 24px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

.short-message-preview-close.hidden[data-v-4e472091] {
    display: none
}

.short-message-preview-link[data-v-4e472091] {
    cursor: pointer;
    overflow: hidden
}

.short-message-preview-box[data-v-4e472091] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.short-message-main[data-v-4e472091] {
    word-wrap: break-word;
    font-size: 16px;
    padding: 10px;
    text-decoration: none
}

.short-message-preview-box.short-message-closable[data-v-4e472091] {
    padding-right: 40px
}

.overlay-rectangle-preview-close[data-v-d394d37e] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.overlay-rectangle-preview-close[data-v-d394d37e]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-d394d37e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.overlay-rectangle-preview-close.hidden[data-v-d394d37e] {
    display: none
}

.overlay-rectangle-image[data-v-d394d37e] {
    background-position: 50%;
    background-size: cover;
    max-height: 400px;
    min-width: 300px;
    overflow: hidden;
    width: 100%
}

.overlay-rectangle-image > img[data-v-d394d37e] {
    display: block;
    max-width: 100%;
    position: relative
}

.overlay-rectangle-overlay[data-v-d394d37e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-rectangle-overlay[data-v-d394d37e] {
    position: absolute
}

.overlay-rectangle-preview-link[data-v-d394d37e] {
    cursor: pointer;
    overflow: hidden
}

.overlay-rectangle-content[data-v-d394d37e] {
    justify-content: space-around;
    padding: 20px;
    width: 100%
}

.overlay-rectangle-content[data-v-d394d37e], .overlay-rectangle-preview-box[data-v-d394d37e] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.overlay-rectangle-preview-box[data-v-d394d37e] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.overlay-rectangle-header[data-v-d394d37e] {
    word-wrap: break-word;
    height: 1em;
    margin-bottom: 10px;
    padding: 0
}

.overlay-rectangle-main[data-v-d394d37e] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.overlay-rectangle-button[data-v-d394d37e] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    padding: 5px;
    width: 70%
}

.overlay-rectangle-wrap[data-v-d394d37e] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.overlay-rectangle-wrap.closeable[data-v-d394d37e] {
    padding-top: 40px
}

.html-overlay-rectangle-preview-close[data-v-cb135d10] {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-overlay-rectangle-preview-close[data-v-cb135d10]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-cb135d10] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.html-overlay-rectangle-preview-close.hidden[data-v-cb135d10] {
    display: none
}

.html-overlay-rectangle-image > img[data-v-cb135d10] {
    display: block;
    max-width: 100%;
    position: relative
}

.html-overlay-rectangle-overlay[data-v-cb135d10] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .html-overlay-rectangle-overlay[data-v-cb135d10] {
    position: absolute
}

.html-overlay-rectangle-preview-link[data-v-cb135d10] {
    display: block;
    overflow: hidden;
    position: relative
}

.html-overlay-rectangle-preview-link.clickable[data-v-cb135d10] {
    cursor: pointer
}

.html-overlay-rectangle-content[data-v-cb135d10] {
    justify-content: space-around;
    width: 100%
}

.html-overlay-rectangle-content[data-v-cb135d10], .html-overlay-rectangle-preview-box[data-v-cb135d10] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.html-overlay-rectangle-preview-box[data-v-cb135d10] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.html-overlay-rectangle-main[data-v-cb135d10] {
    word-wrap: break-word;
    font-size: 26px
}

.html-overlay-rectangle-wrap[data-v-cb135d10] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.html-overlay-rectangle-wrap.closeable[data-v-cb135d10] {
    padding-top: 40px
}

.preview-admin-close[data-v-ed79b64e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100001
}

.overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    position: absolute
}

.overlay-with-two-btn-signature[data-v-ed79b64e] {
    background-color: #fff;
    color: #181818;
    font-size: 18px;
    line-height: 1.33em;
    margin: auto;
    max-width: 690px;
    padding: 5px 18px;
    text-align: left
}

.overlay-with-two-btn-signature p[data-v-ed79b64e] {
    margin: .66em 0
}

.overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
    border: 2px solid #ccc;
    border-radius: 5px;
    color: initial;
    display: flex;
    flex: 1 1;
    flex-wrap: wrap;
    font-size: 110%;
    justify-content: center;
    margin: 2px 0;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none
}

.overlay-with-two-btn-signature .btn .item[data-v-ed79b64e] {
    align-self: center;
    white-space: normal;
    width: 100%
}

.overlay-with-two-btn-signature .btn .desc[data-v-ed79b64e] {
    font-size: 75%;
    font-weight: 200
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e] {
    background-color: #46b863;
    border-color: #46b863 #46b863 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:hover {
    background-color: #46b863;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e] {
    background-color: #3cb6d6;
    border-color: #3cb6d6 #3cb6d6 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:hover {
    background-color: #3cb6d6;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .close-button[data-v-ed79b64e] {
    flex: none;
    font-size: 80%;
    margin-top: 0;
    text-align: center
}

.overlay-with-two-btn-signature .close-button a[data-v-ed79b64e] {
    color: #999;
    cursor: pointer;
    text-decoration: underline
}

.overlay-with-two-btn-signature .signature[data-v-ed79b64e] {
    display: inline-block;
    font-size: 80%;
    line-height: 1.33;
    width: 260px
}

.overlay-with-two-btn-signature .signature img[data-v-ed79b64e] {
    width: 40%
}

.overlay-with-two-btn-signature .signature p[data-v-ed79b64e] {
    margin-top: 0
}

@media only screen and (max-width: 688px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        font-size: 16px
    }
}

@media only screen and (max-width: 629px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        padding: 2px 5px
    }

    .overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
        display: block
    }

    .overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
        display: block;
        font-size: 100%;
        min-width: auto;
        width: auto
    }

    .overlay-with-two-btn-signature .spacer[data-v-ed79b64e] {
        display: none
    }
}

.newsletter-rectangle-preview-close[data-v-0e784908] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.newsletter-rectangle-preview-close[data-v-0e784908]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.newsletter-rectangle-form[data-v-0e784908] {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    max-width: 420px;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.newsletter-rectangle-title[data-v-0e784908] {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 15px;
    margin-top: 18px
}

.newsletter-rectangle-text[data-v-0e784908] {
    font-size: 16px;
    margin-bottom: 15px;
    white-space: pre-line
}

.newsletter-rectangle-form-label[data-v-0e784908] {
    display: none
}

.newsletter-rectangle-form-inputs[data-v-0e784908] {
    border: none;
    margin: 20px 0;
    padding: 0
}

.newsletter-rectangle-form-input[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    color: #000;
    font-size: 16px;
    height: 50px;
    line-height: 22px;
    padding: 0 10px;
    width: 100%
}

.newsletter-rectangle-form-button[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    display: block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    width: 100%
}

.newsletter-rectangle-disclaimer[data-v-0e784908] {
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    margin: 10px 20px;
    text-align: center
}

.newsletter-rectangle-disclaimer a[data-v-0e784908] {
    text-decoration: underline;
    white-space: nowrap
}

.newsletter-rectangle-failure-message[data-v-0e784908] {
    text-align: left
}

.compact .newsletter-rectangle-text[data-v-0e784908], .compact .newsletter-rectangle-title[data-v-0e784908] {
    margin-bottom: 10px
}

.compact .newsletter-rectangle-form-inputs[data-v-0e784908] {
    margin: 10px 0
}

.compact .newsletter-rectangle-form-button[data-v-0e784908], .compact .newsletter-rectangle-form-input[data-v-0e784908] {
    height: 40px
}

.compact .newsletter-rectangle-form-button[data-v-0e784908] {
    line-height: 40px;
    margin-top: 7px
}

.compact.newsletter-rectangle-form[data-v-0e784908] {
    padding: 15px
}

.newsletter-rectangle-form-button.newsletter-rectangle-failure[data-v-0e784908] {
    color: #b00c28 !important
}

.newsletter-rectangle-form-button.newsletter-rectangle-doing-ajax[data-v-0e784908]:after {
    content: "\2022\2022\2022"
}

.serif {
    font-family: serif;
}

.sans-serif {
    font-family: sans-serif;
}

/* transitions */

.remp-banner #preview-close.hidden {
    display: none;
}

.remp-banner .fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.remp-banner .fade-enter,
.remp-banner .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.remp-banner .bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.remp-banner-text-input {
    /* Different fonts display accent characters in different ways,
     * e.g. putting 'ACUTE ACCENT' unicode char as a accent character on the following letter, therefore treating it as a normal letter accent.
     *
     * However, we want to show this to user in text inputs (while designing banner), so he/she is aware this might cause problems in some browsers.
     * Helvetica font displays 'ACUTE ACCENT' unicode character separately from the following letter.
     */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.html-preview-text:has(.b10_banner) {
    padding: 0 !important;
}

@media (max-width: 960px) {
    .n3_bar:has(.n3_bar_tab) .b10_banner {
        max-height: calc(100vh - 48px);
        max-height: calc(100dvh - 48px);
    }

    .n3_bar:has(.n3_bar_tab) .b10_banner.b10_half {
        max-height: 450px;
    }
}

@media (min-width: 961px) {
    .b10_banner.b10_banner_section {
        flex-direction: row;
    }
}

.b10_banner {
    bottom: 0;
    left: 0;
    width: 100vw;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    font-family: 'Lumin', serif !important;
    background: #2F0B80;
    white-space: initial;
    padding-bottom: 32px;
    max-height: 100vh;
    max-height: 100dvh;
    height: -moz-fit-content;
    height: fit-content;
}

@media (min-width: 961px) {
    .b10_banner {
        top: unset;
        bottom: 0;
        height: auto;
        display: flex;
        padding-bottom: 0;
    }
}

.b10_banner h1 {
    margin: 0;
    color: #FBFAFA;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
}

@media (min-width: 961px) {
    .b10_banner h1 {
        max-width: 430px;
    }
}

.b10_banner h2 {
    margin: 0;
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2f0b80;
}

.b10_banner p {
    color: #FBFAFA;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
}

.b10_body .b10_banner p {
    color: #2F0B80;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.b10_banner a {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    color: #FBFAFA;
    text-decoration: underline;
    text-underline-offset: 2px;
    display: flex;
    gap: 4px;
}

.b10_banner button img, .b10_banner a img {
    transition: transform 0.1s ease;
    margin-right: 5px;
}

.b10_banner button:hover img, .b10_banner a:hover img {
    transform: translateX(5px);
}

.b10_banner #b10_icon {
    margin-right: 8px;
    width: 24px;
}

.b10_banner .b10_header {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

@media (min-width: 961px) {
    .b10_banner .b10_header {
        gap: 32px;
        padding: 48px;
        width: 50%;
    }
}

.b10_banner .b10_header .b10_header_container {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    flex-direction: column-reverse;
}

@media (min-width: 961px) {
    .b10_banner .b10_header .b10_header_container {
        margin-bottom: auto;
    }
}

.b10_banner .b10_header .b10_header p {
    max-width: 360px;
}

.b10_banner .b10_logo {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (min-width: 961px) {
    .b10_banner .b10_logo {
        max-width: unset;
    }
}

@media (min-width: 961px) {
    .b10_banner .b10_logo img {
        max-width: 100%;
    }
}

.b10_banner .b10_logo .b10_logo_text {
    background-color: #FFD8FC;
    color: #2D0B80;
    font-size: 19px;
    font-weight: 500;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 961px) {
    .b10_banner .b10_logo .b10_logo_text {
        width: 100%;
        gap: 4px;
        padding-right: 8px;
        margin-bottom: 1px;
        height: 27px;
        justify-content: right;
    }
}

.b10_banner .b10_logo .b10_logo_users__active {
    font-weight: 900;
    font-size: 21px;
}

.b10_banner .b10_body {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    background-color: #FFAEE1;
    max-height: 1000px;
}

@media (min-width: 961px) {
    .b10_banner .b10_body {
        padding: 48px;
        width: 50%;
    }
}

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

.b10_banner .b10_amount_options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
}

.b10_banner .b10_amount_options label {
    flex: 1 1 calc(50% - 4px);
    max-width: calc(50% - 4px);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #2F0B80;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 16px;
    border: 1px solid #2F0B80;
    background-color: transparent;
    padding: 16px 24px;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.1s ease;
}

@media (min-width: 475px) {
    .b10_banner .b10_amount_options label {
        flex: 1 1 calc(33.3% - 6px);
        max-width: calc(33.3% - 6px);
    }
}

@media (min-width: 1400px) {
    .b10_banner .b10_amount_options label {
        font-size: 16px;
        flex: 1 1 calc(16% - 4px);
        max-width: calc(16% - 4px);
    }
}

.b10_banner .b10_amount_options input[type="checkbox"] {
    display: none;
}

.b10_banner .b10_amount_options label:has(input[type="checkbox"]:checked), .b10_banner .b10_amount_options label:has(input[type="checkbox"]:hover) {
    background-color: #2F0B80;
    color: #FBFAFA;
}

.b10_banner .b10_amount_custom {
    position: relative;
}

.b10_banner .b10_amount_custom label {
    position: absolute;
    top: 10px;
    left: 24px;
    font-family: 'Inter', sans-serif;
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2f0b80;
    pointer-events: none;
    transition: 0.1s ease all;
}

.b10_banner .b10_amount_custom input {
    box-sizing: border-box;
    width: 100%;
    padding: 21px 24px 12px;
    border: 1px solid #2f0b80;
    border-radius: 100px;
    outline: none;
    color: #2F0B80;
    background-color: transparent;
    text-align: left;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px; /* Firefox */
    -webkit-appearance: textfield; /* Chrome, Safari, Edge */
    appearance: textfield; /* Všeobecná podpora */
}

.b10_banner .b10_amount_custom input[type="number"]::-webkit-inner-spin-button, .b10_banner .b10_amount_custom input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.b10_banner .b10_amount_custom input::placeholder {
    box-sizing: border-box;
    color: #2F0B80;
    background-color: transparent;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
}

.b10_banner .b10_amount_custom input:focus::placeholder {
    color: transparent !important;
}

.b10_banner .b10_amount_custom .b10_amount_currency {
    position: absolute;
    right: 24px;
    top: 14px;
    color: #2F0B80;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Lumin', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
}

.b10_banner .b10_checkbox_label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #2F0B80;
}

.b10_banner .b10_checkbox_label a, .b10_banner .b10_checkbox_label p {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #2F0B80;
    text-underline-offset: 2px;
}

.b10_banner .b10_checkbox_label a:hover {
    background-color: #2F0B80;
    color: #FBFAFA;
}

.b10_banner .b10_checkbox_label .b10_checkbox_checkmark {
    width: 20px;
    height: 20px;
    border: 1px solid #2F0B80;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    transition: 0.1s ease all;
}

.b10_banner .b10_checkbox_label input[type="checkbox"] {
    display: none;
}

.b10_banner .b10_checkbox_label input[type="checkbox"]:checked + .b10_checkbox_checkmark {
    background-color: #2F0B80;
}

.b10_banner .b10_checkbox_label input[type="checkbox"]:checked + .b10_checkbox_checkmark::after {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    width: 6px;
    height: 13px;
    border: solid #FBFAFA;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.b10_banner .b10_checkbox_label.b10_error {
    animation: b10_bounce 0.8s ease-out;
}

.b10_banner .b10_buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

@media (min-width: 640px) {
    .b10_banner .b10_buttons {
        flex-direction: row;
    }
}

@media (min-width: 961px) {
    .b10_banner .b10_buttons {
        flex-direction: column;
    }
}

@media (min-width: 1150px) {
    .b10_banner .b10_buttons {
        flex-direction: row;
    }
}

.b10_banner .b10_buttons button {
    flex: 1;
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #FBFAFA;
    background-color: #1C1B1B;
    border: none;
    border-radius: 100px;
    cursor: pointer;
}

.b10_banner .b10_close {
    cursor: pointer;
    font-size: 0;
    position: unset;
    display: flex;
    gap: 4px;
    align-self: flex-end;
    z-index: 2;
}

@media (min-width: 375px) {
    .b10_banner .b10_close {
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        display: flex;
        align-items: center;
    }

    .b10_banner .b10_close:before {
        color: #FBFAFA;
        content: "Zatvoriť";
    }
}

@media (min-width: 961px) {
    .b10_banner .b10_close {
        position: absolute;
        right: 24px;
        top: 24px;
    }

    .b10_banner .b10_close:before {
        color: #2F0B80;
    }
}

.b10_banner .b10_close:after {
    content: url("https://a-static.projektn.sk/2024/12/arrowdownwhite.svg");
    display: block;
    height: 20px;
    width: 20px;
    transition: all 0.03s ease;
    transform: rotateZ(0deg);
}

@media (min-width: 961px) {
    .b10_banner .b10_close:after {
        content: url("https://a-static.projektn.sk/2024/12/arrowdown.svg");
        height: 24px;
        width: 24px;
    }
}

.b10_banner_section .b10_amount_selection h3 {
    margin: 0;
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.b10_banner_section .b10_buttons div.b10_button {
    flex: 1;
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #FBFAFA;
    background-color: #1C1B1B;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    overflow-y: hidden;
    max-height: 40px;
}

.b10_banner_section span.b10_payment_method_icons {
    display: flex;
    gap: 6px;
    justify-content: center;
    margin-top: -25px;
    height: 20px;
}

.b10_banner_section span.b10_payment_method_icons img {
    background-color: #E2DBD9;
    width: 35px;
    height: 30px;
}

.b10_banner .b10_buttons button {
    flex: 1;
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #FBFAFA;
    background-color: #1C1B1B;
    border: none;
    border-radius: 100px;
    cursor: pointer;
}

@media (max-width: 960px) {
    .b10_banner.b10_half {
        max-height: 450px;
    }

    .b10_banner.b10_half .b10_header p, .b10_banner.b10_half .b10_header a {
        display: none;
    }
}

.b10_banner.closed {
    height: 80px;
    overflow: hidden;
}

@media (min-width: 961px) {
    .b10_banner.closed {
        max-height: 96px;
    }
}

.b10_banner.closed .b10_header {
    width: 100%;
    padding: 24px;
}

.b10_banner.closed .b10_header > a, .b10_banner.closed .b10_header > p {
    display: none;
}

.b10_banner.closed .b10_header_container {
    gap: 24px;
    flex-direction: row;
}

@media (min-width: 961px) {
    .b10_banner.closed .b10_header_container {
        gap: 100px;
    }
}

.b10_banner.closed .b10_logo {
    max-width: 280px;
}

@media (min-width: 961px) {
    .b10_banner.closed .b10_logo {
        max-width: unset;
        flex-direction: row;
        align-items: end;
        gap: 0;
    }

    .b10_banner.closed .b10_logo img {
        max-width: 280px;
    }
}

.b10_banner.closed .b10_logo_text {
    display: none;
}

@media (min-width: 961px) {
    .b10_banner.closed .b10_logo_text {
        display: flex;
    }
}

.b10_banner.closed .b10_body {
    padding: 0;
    display: none;
}

.b10_banner.closed .b10_close {
    color: #fff;
    position: unset;
    align-self: unset;
}

.b10_banner.closed .b10_close:before {
    color: #FBFAFA;
    content: "Otvoriť";
}

.b10_banner.closed .b10_close:after {
    content: url("https://a-static.projektn.sk/2024/12/arrowdownwhite.svg");
    transform: rotateZ(180deg);
}

.b10_banner.closed .b10_amount_container {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.b10_banner.closed .b10_banner_section {
    box-sizing: border-box;
    font-family: Inter, serif;
    background: #2F0B80;
    white-space: initial;
    padding: 0;
    display: flex;
    flex-direction: column;
}

@media (min-width: 961px) {
    .b10_banner.closed .b10_banner_section {
        flex-direction: row;
    }
}

.b10_banner.closed .b10_banner_section .b10_error {
    animation: b10_bounce 0.8s ease-out;
}

.b10_banner.closed .b10_banner_section .b10_body {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px;
    background-color: #FFAEE1;
    transition: all 0.3s ease;
    text-align: left;
    color: #2D0B80;
}

@media (min-width: 1200px) {
    .b10_banner.closed .b10_banner_section .b10_body {
        padding: 80px 70px;
        width: 50%;
    }
}

.b10_banner.closed .b10_banner_section .b10_amount_selection {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.b10_banner.closed .b10_banner_section .b10_amount_selection h3 {
    margin: 0;
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.b10_banner.closed .b10_banner_section .b10_amount_options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
}

.b10_banner.closed .b10_banner_section .b10_amount_options label {
    flex: 1 1 calc(50% - 4px);
    max-width: calc(50% - 4px);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #2F0B80;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 16px;
    border: 1px solid #2F0B80;
    background-color: transparent;
    padding: 16px 24px;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.2s ease;
}

@container (min-width: 475px) {
    flex: 1 1 calc(33.3% - 6px);
    max-width: calc(33.3% - 6px);
}

@container (min-width: 650px) {
    font-size: 16px;
    flex: 1 1 calc(16% - 4px);
    max-width: calc(16% - 4px);
}

.b10_banner.closed .b10_banner_section .b10_amount_options input[type="checkbox"] {
    display: none;
}

.b10_banner.closed .b10_banner_section .b10_amount_options label:has(input[type="checkbox"]:checked), .b10_banner.closed .b10_banner_section .b10_amount_options label:has(input[type="checkbox"]:hover) {
    background-color: #2F0B80;
    color: #FBFAFA;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom {
    position: relative;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom label {
    position: absolute;
    top: 10px;
    left: 24px;
    font-family: 'Inter', sans-serif;
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2f0b80;
    pointer-events: none;
    transition: 0.3s ease all;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input {
    box-sizing: border-box;
    width: 100%;
    padding: 21px 24px 12px;
    border: 1px solid #2f0b80;
    border-radius: 100px;
    outline: none;
    color: #2F0B80;
    background-color: transparent;
    text-align: left;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input[type="number"] {
    -webkit-appearance: textfield;
    appearance: textfield;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input[type="number"]::-webkit-inner-spin-button, .b10_banner.closed .b10_banner_section .b10_amount_custom input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input::placeholder {
    box-sizing: border-box;
    color: #2F0B80;
    background-color: transparent;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input:focus::placeholder {
    color: transparent !important;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom .b10_amount_currency {
    position: absolute;
    right: 24px;
    top: 14px;
    color: #2F0B80;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Lumin', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes {
    margin-top: 8px;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #2F0B80;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label input[type="checkbox"] {
    display: none;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label a, .b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label p {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #2F0B80;
    text-underline-offset: 2px;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label a:hover {
    background-color: #2F0B80;
    color: #FBFAFA;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label .b10_checkbox_checkmark {
    width: 20px;
    height: 20px;
    border: 1px solid #2F0B80;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    transition: 0.1s ease all;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label input[type="checkbox"]:checked + .b10_checkbox_checkmark {
    background-color: #2F0B80;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label input[type="checkbox"]:checked + .b10_checkbox_checkmark::after {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    width: 6px;
    height: 13px;
    border: solid #FBFAFA;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.b10_banner.closed .b10_banner_section .b10_buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

@media (min-width: 640px) {
    .b10_banner.closed .b10_banner_section .b10_buttons {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .b10_banner.closed .b10_banner_section .b10_buttons {
        flex-direction: column;
    }
}

@media (min-width: 1150px) {
    .b10_banner.closed .b10_banner_section .b10_buttons {
        flex-direction: row;
    }
}

.b10_banner.closed .b10_banner_section .b10_buttons div.b10_button {
    flex: 1;
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #FBFAFA;
    background-color: #1C1B1B;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    overflow-y: hidden;
    max-height: 40px;
}

.b10_banner.closed .b10_banner_section .b10_buttons div.b10_button.inactive {
    opacity: 0.6;
    cursor: not-allowed;
}

.b10_banner.closed .b10_banner_section .b10_terms {
    text-align: left;
}

.b10_banner.closed .b10_banner_section .b10_recurrent_info {
    text-align: left;
    font-size: 14px;
}

@keyframes b10_bounce {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    5% {
        transform: translateY(-100%);
        opacity: 0;
    }
    15% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-50%);
    }
    40% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(-30%);
    }
    70% {
        transform: translateY(0%);
    }
    80% {
        transform: translateY(-15%);
    }
    90% {
        transform: translateY(0%);
    }
    95% {
        transform: translateY(-7%);
    }
    97% {
        transform: translateY(0%);
    }
    99% {
        transform: translateY(-3%);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.trustpay-form-button-google, .trustpay-form-button-apple {
    height: 40px;
    flex: 1;
    width: 100%;
    display: flex;
    flex-basis: auto;
    overflow: hidden;
    border-radius: 100px;
}

.b10_amount_container {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.b10_banner_section {
    box-sizing: border-box;
    font-family: Inter, serif;
    background: #2F0B80;
    white-space: initial;
    padding: 0;
    display: flex;
    flex-direction: column;
    @media (min-width: 1200px) {
        flex-direction: row;
    }

    .b10_error {
        animation: b10_bounce 0.8s ease-out;
    }

    .b10_body {
        container-type: inline-size;
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
        max-height: 1000px;
        background-color: #FFAEE1;
        transition: all 0.3s ease;
        text-align: left;
        color: #2D0B80;

        p {
            color: #2D0B80;
        }
    }

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

        h3 {
            margin: 0;
            position: relative;
            font-family: 'Inter', sans-serif;
            font-size: 10px;
            text-transform: uppercase;
            font-weight: 500;
        }

        p {
            text-align: center;
            font-size: 19px;
            font-style: normal;
            font-weight: 300;
            line-height: 24px;
            margin: 0;
        }
    }

    .b10_amount_options {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px;

        label {
            flex: 1 1 calc(50% - 4px);
            max-width: calc(50% - 4px);
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            text-align: center;
            color: #2F0B80;
            font-family: 'Lumin', serif;
            font-size: 19px;
            font-style: normal;
            font-weight: 800;
            line-height: 16px;
            border: 1px solid #2F0B80;
            background-color: transparent;
            padding: 16px 24px;
            border-radius: 100px;
            cursor: pointer;
            transition: 0.2s ease;
            @media (min-width: 475px) {
                flex: 1 1 calc(33.3% - 6px);
                max-width: calc(33.3% - 6px);
            }
            @media (min-width: 1400px) {
                font-size: 16px;
                flex: 1 1 calc(16% - 4px);
                max-width: calc(16% - 4px);
            }
        }

        .b10_recommended {
            display: flex;
            flex-direction: column;
            padding-top: 7px;
            padding-bottom: 7px;
            gap: 2px;
            max-height: 50px;

            span {
                font-size: 9px;
                font-style: normal;
                font-weight: 500;
                font-family: 'Inter', sans-serif;
                margin-bottom: -10px;
            }
        }

        input[type="checkbox"] {
            display: none;
        }

        label:has(input[type="checkbox"]:checked),
        label:has(input[type="checkbox"]:hover) {
            background-color: #2F0B80;
            color: #FBFAFA;
        }
    }

    .b10_amount_custom {
        position: relative;

        label {
            position: absolute;
            top: 10px;
            left: 24px;
            font-family: 'Inter', sans-serif;
            margin: 0;
            font-size: 10px;
            text-transform: uppercase;
            font-weight: 500;
            color: #2f0b80;
            pointer-events: none;
            transition: 0.3s ease all;
        }

        input {
            box-sizing: border-box;
            width: 100%;
            padding: 21px 24px 12px;
            border: 1px solid #2f0b80;
            border-radius: 100px;
            outline: none;
            color: #2F0B80;
            background-color: transparent;
            text-align: left;
            font-family: 'Lumin', serif;
            font-size: 19px;
            font-style: normal;
            font-weight: 800;
            line-height: 19px;
        }

        input[type="number"] {
            -moz-appearance: textfield;
            -webkit-appearance: none;
            appearance: none;
        }

        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        input::placeholder {
            box-sizing: border-box;
            color: #2F0B80;
            background-color: transparent;
            font-family: 'Lumin', serif;
            font-size: 19px;
            font-style: normal;
            font-weight: 800;
            line-height: 19px;
        }

        input:focus::placeholder {
            color: transparent !important;
        }

        .b10_amount_currency {
            position: absolute;
            right: 24px;
            top: 14px;
            color: #2F0B80;
            text-align: center;
            font-feature-settings: 'liga' off, 'clig' off;
            font-family: 'Lumin', serif;
            font-size: 24px;
            font-style: normal;
            font-weight: 800;
            line-height: 28px;
        }
    }

    .b10_checkboxes {
        margin-top: 8px;

        .b10_checkbox_label {
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 8px;
            font-family: 'Inter', sans-serif;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
            color: #2F0B80;

            input[type="checkbox"] {
                display: none;
            }

            a, p {
                display: inline-block;
                font-family: 'Inter', sans-serif;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
                color: #2F0B80;
                text-underline-offset: 2px;
            }

            a:hover {
                background-color: #2F0B80;
                color: #FBFAFA;
            }

            .b10_checkbox_checkmark {
                width: 20px;
                height: 20px;
                border: 1px solid #2F0B80;
                display: inline-block;
                position: relative;
                vertical-align: middle;
                transition: 0.1s ease all;
            }

            input[type="checkbox"]:checked + .b10_checkbox_checkmark {
                background-color: #2F0B80;
            }

            input[type="checkbox"]:checked + .b10_checkbox_checkmark::after {
                content: '';
                position: absolute;
                top: 0;
                left: 5px;
                width: 6px;
                height: 13px;
                border: solid #FBFAFA;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
            }
        }
    }

    .b10_buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;

        div.b10_button {
            flex: 1;
            padding: 8px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            font-family: 'Inter', sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            color: #FBFAFA;
            background-color: #1C1B1B;
            border: none;
            border-radius: 100px;
            cursor: pointer;
            overflow-y: hidden;
            max-height: 40px;

            &.inactive {
                opacity: 0.6;
                cursor: not-allowed;
            }

            button {
                height: 40px;
            }
        }

        div.b10_google_button img {
            height: 17px;
        }
    }

    span.b10_payment_method_icons {
        display: flex;
        gap: 6px;
        justify-content: center;
        margin-top: -25px;
        height: 20px;

        img {
            background-color: #E2DBD9;
            width: 35px;
            height: 30px;
        }
    }

    .b10_terms {
        text-align: left;
    }

    .b10_recurrent_info {
        text-align: left;
        font-size: 14px;
    }
}

@keyframes b10_bounce {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    5% {
        transform: translateY(-100%);
        opacity: 0;
    }
    15% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-50%);
    }
    40% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(-30%);
    }
    70% {
        transform: translateY(0%);
    }
    80% {
        transform: translateY(-15%);
    }
    90% {
        transform: translateY(0%);
    }
    95% {
        transform: translateY(-7%);
    }
    97% {
        transform: translateY(0%);
    }
    99% {
        transform: translateY(-3%);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.fslightbox-fade-in {
    animation: fslightbox-fade-in .3s cubic-bezier(0, 0, .7, 1)
}

.fslightbox-fade-out {
    animation: fslightbox-fade-out .3s ease
}

.fslightbox-fade-in-strong {
    animation: fslightbox-fade-in-strong forwards .3s cubic-bezier(0, 0, .7, 1)
}

.fslightbox-fade-out-strong {
    animation: fslightbox-fade-out-strong .3s ease
}

@keyframes fslightbox-fade-in {
    from {
        opacity: .65
    }
    to {
        opacity: 1
    }
}

@keyframes fslightbox-fade-out {
    from {
        opacity: .35
    }
    to {
        opacity: 0
    }
}

@keyframes fslightbox-fade-in-strong {
    from {
        opacity: .3
    }
    to {
        opacity: 1
    }
}

@keyframes fslightbox-fade-out-strong {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fslightbox-absoluted {
    position: absolute;
    top: 0;
    left: 0
}

.fslightboxcg {
    cursor: grabbing !important
}

.fslightbox-full-dimension {
    width: 100%;
    height: 100%
}

.fslightbox-open {
    overflow: hidden;
    height: 100%
}

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

.fslightbox-opacity-0 {
    opacity: 0 !important
}

.fslightbox-opacity-1 {
    opacity: 1 !important
}

.fslightboxx {
    opacity: 0 !important;
    z-index: -1 !important
}

.fslightbox-scrollbarfix {
    padding-right: 17px
}

.fslightboxtt {
    transition: transform .3s !important
}

.fslightbox-container {
    font-family: Arial, sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(30, 30, 30, .9), #000 1810%);
    touch-action: none;
    z-index: 1000000000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.fslightbox-container * {
    box-sizing: border-box
}

.fslightbox-svg-path {
    transition: fill .15s ease;
    fill: #d1d2d2
}

.fslightbox-loader {
    display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 67px;
    height: 67px
}

.fslightbox-loader-child {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 54px;
    height: 54px;
    margin: 6px;
    border: 5px solid;
    border-color: #999 transparent transparent transparent;
    border-radius: 50%;
    animation: fslightbox-loader 1.2s cubic-bezier(.5, 0, .5, 1) infinite
}

.fslightbox-loader-child:nth-child(1) {
    animation-delay: -.45s
}

.fslightbox-loader-child:nth-child(2) {
    animation-delay: -.3s
}

.fslightbox-loader-child:nth-child(3) {
    animation-delay: -.15s
}

@keyframes fslightbox-loader {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.fslightbox-thumbs-loader {
    width: 54px !important;
    height: 54px !important
}

.fslightbox-thumbs-loader div {
    border-width: 4px !important;
    width: 44px !important;
    height: 44px !important
}

.fslightbox-nav {
    height: 45px;
    width: 100%;
    transition: opacity .3s
}

.fslightbox-slide-number-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    font-size: 15px;
    color: #d7d7d7;
    z-index: 0;
    max-width: 55px;
    text-align: left
}

.fslightbox-slide-number-container .fslightbox-flex-centered {
    height: 100%
}

.fslightbox-slash {
    display: block;
    margin: 0 5px;
    width: 1px;
    height: 12px;
    transform: rotate(15deg);
    background: #fff
}

.fslightbox-toolbar {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    height: 45px;
    display: flex;
    background: rgba(35, 35, 35, .65)
}

.fslightbox-toolbar-button {
    height: 100%;
    width: 45px;
    cursor: pointer
}

.fslightbox-toolbar-button:hover .fslightbox-svg-path {
    fill: #fff
}

.fslightbox-slide-btn-container {
    display: flex;
    align-items: center;
    padding: 12px 12px 12px 6px;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 2;
    transform: translateY(-50%);
    transition: opacity .3s
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-container {
        padding: 22px 22px 22px 6px
    }
}

@media (min-width: 768px) {
    .fslightbox-slide-btn-container {
        padding: 30px 30px 30px 6px
    }
}

.fslightbox-slide-btn-container:hover .fslightbox-svg-path {
    fill: #f1f1f1
}

.fslightbox-slide-btn {
    padding: 9px;
    font-size: 26px;
    background: rgba(35, 35, 35, .65)
}

@media (min-width: 768px) {
    .fslightbox-slide-btn {
        padding: 10px
    }
}

@media (min-width: 1600px) {
    .fslightbox-slide-btn {
        padding: 11px
    }
}

.fslightbox-slide-btn-container-previous {
    left: 0
}

@media (max-width: 475.99px) {
    .fslightbox-slide-btn-container-previous {
        padding-left: 3px
    }
}

.fslightbox-slide-btn-container-next {
    right: 0;
    padding-left: 12px;
    padding-right: 3px
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-container-next {
        padding-left: 22px
    }
}

@media (min-width: 768px) {
    .fslightbox-slide-btn-container-next {
        padding-left: 30px
    }
}

@media (min-width: 476px) {
    .fslightbox-slide-btn-container-next {
        padding-right: 6px
    }
}

.fslightboxh {
    z-index: 3
}

.fslightboxss {
    width: 0;
    height: 2px;
    z-index: 3;
    opacity: 0;
    background: #fff
}

.fslightboxin {
    font-size: 24px;
    color: #eaebeb;
    margin: auto
}

.fslightbox-video {
    object-fit: cover
}

.fslightboxyt {
    border: 0
}

.fslightboxs {
    position: relative;
    z-index: 3;
    display: block;
    opacity: 0;
    margin: auto;
    cursor: zoom-in
}

.fslightboxswc {
    z-index: 1;
    transition: transform .2s linear
}

.fslightboxswcp {
    transition: none !important
}

.fslightbox-thumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), #1e1e1e 100%);
    transition: opacity .2s;
    padding: 0 5px 12px 5px;
    height: 114px
}

@media (min-width: 992px) {
    .fslightbox-thumbs {
        padding-bottom: 13px;
        height: 120px
    }
}

@media (min-width: 1600px) {
    .fslightbox-thumbs {
        padding-bottom: 14px;
        height: 126px
    }
}

.fslightbox-thumbs-inner {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%
}

.fslightbox-thumb-wrapper {
    position: relative;
    height: 100%;
    margin: 0 4px;
    opacity: 0;
    transition: opacity .3s
}

.fslightbox-thumb-wrapper svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 1
}

.fslightbox-thumb-wrapper path {
    fill: #fff
}

.fslightboxtd {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: rgba(0, 0, 0, .4);
    cursor: pointer
}

.fslightbox-thumb {
    cursor: pointer;
    border-radius: 1px;
    height: 100%;
    width: auto !important;
    border: 2px solid transparent;
    max-width: unset;
    max-height: unset
}

.fslightboxta {
    border: 2px solid #fff !important
}

.fslightbox-thumb-invalid {
    background: linear-gradient(to bottom, #0f0f0f, rgba(15, 15, 15, .5));
    display: inline-block;
    min-width: 155px
}

.fslightbox-thumbs-cursorer {
    z-index: 3;
    cursor: grabbing
}

.fslightboxc {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    transition: opacity .2s, transform .3s;
    z-index: 2;
    user-select: text
}

.fslightboxc:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 1;
    transition: opacity 1s;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), #1e1e1e 100%)
}

.fslightboxci {
    padding: 20px 25px 30px 25px;
    max-width: 1200px;
    color: #eee;
    text-align: center;
    font-size: 14px
}

.fslightboxct {
    transform: translate(-50%, -101px)
}

.fslightboxct:after {
    opacity: 0;
    transition: none
}

@media (min-width: 992px) {
    .fslightboxct {
        transform: translate(-50%, -106px)
    }
}

.qJTHM {
    -webkit-user-select: none;
    color: #202124;
    direction: ltr;
    -webkit-touch-callout: none;
    font-family: "Roboto-Regular", arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    -webkit-text-size-adjust: 100%
}

.ynRLnc {
    left: -9999px;
    position: absolute;
    top: -9999px
}

.L6cTce {
    display: none
}

.bltWBb {
    word-break: break-all
}

.hSRGPd {
    color: #1a73e8;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none
}

.Bz112c-W3lGp {
    height: 16px;
    width: 16px
}

.Bz112c-E3DyYd {
    height: 20px;
    width: 20px
}

.Bz112c-r9oPif {
    height: 24px;
    width: 24px
}

.Bz112c-uaxL4e {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.LgbsSe-Bz112c {
    display: block
}

.S9gUrf-YoZ4jf, .S9gUrf-YoZ4jf * {
    border: none;
    margin: 0;
    padding: 0
}

.fFW7wc-ibnC6b > .aZ2wEe > div {
    border-color: #4285f4
}

.P1ekSe-ZMv3u > div:nth-child(1) {
    background-color: #1a73e8 !important
}

.P1ekSe-ZMv3u > div:nth-child(2), .P1ekSe-ZMv3u > div:nth-child(3) {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #1a73e8, #1a73e8) !important
}

.haAclf {
    display: inline-block
}

.nsm7Bb-HzV7m-LgbsSe {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .218s, border-color .218s;
    transition: background-color .218s, border-color .218s;
    -webkit-user-select: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dadce0;
    color: #3c4043;
    cursor: pointer;
    font-family: "Google Sans", arial, sans-serif;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto
}

@media screen and (-ms-high-contrast: active) {
    .nsm7Bb-HzV7m-LgbsSe {
        border: 2px solid windowText;
        color: windowText
    }
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
    font-size: 14px;
    height: 32px;
    letter-spacing: 0.25px;
    padding: 0 10px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
    font-size: 11px;
    height: 20px;
    letter-spacing: 0.3px;
    padding: 0 8px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
    padding: 0;
    width: 40px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
    width: 32px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
    width: 20px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
    -webkit-border-radius: 16px;
    border-radius: 16px
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
    border: none;
    color: #fff
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
    background-color: #1a73e8
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
    background-color: #202124;
    color: #e8eaed
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 18px;
    margin-right: 8px;
    min-width: 18px;
    width: 18px
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 14px;
    min-width: 14px;
    width: 14px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 10px;
    min-width: 10px;
    width: 10px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin-left: 8px;
    margin-right: -4px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin: 0;
    padding: 10px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    padding: 8px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    padding: 4px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    height: 36px;
    margin-left: -10px;
    margin-right: 12px;
    min-width: 36px;
    width: 36px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c, .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin: 0;
    padding: 0
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    height: 28px;
    margin-left: -8px;
    margin-right: 10px;
    min-width: 28px;
    width: 28px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    height: 16px;
    margin-left: -6px;
    margin-right: 8px;
    min-width: 16px;
    width: 16px
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 2px;
    margin-right: 0;
    padding: 0
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 18px;
    border-radius: 18px
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 14px;
    border-radius: 14px
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    position: relative;
    width: 100%
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
    justify-content: center
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    font-weight: 300
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    -webkit-transition: background-color .218s;
    transition: background-color .218s;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.nsm7Bb-HzV7m-LgbsSe:hover, .nsm7Bb-HzV7m-LgbsSe:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgb(210, 227, 252);
    outline: none
}

.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(66, 133, 244, .04)
}

.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(66, 133, 244, .1)
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(255, 255, 255, .24)
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(255, 255, 255, .32)
}

.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 20px;
    margin-left: -4px;
    margin-right: 8px;
    min-width: 20px;
    width: 20px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    font-family: "Roboto";
    font-size: 12px;
    text-align: left
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf, .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS {
    overflow: hidden;
    text-overflow: ellipsis
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #5f6368;
    fill: #5f6368;
    font-size: 11px;
    font-weight: 400
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    color: #e8eaed;
    fill: #e8eaed
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
    height: 18px;
    margin: -3px -3px -3px 2px;
    min-width: 18px;
    width: 18px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: 12px;
    margin-right: -10px
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    -webkit-border-radius: 18px;
    border-radius: 18px
}

.L5Fo6c-sM5MNb {
    border: 0;
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.L5Fo6c-bF1uUb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.L5Fo6c-bF1uUb:focus {
    border: none;
    outline: none
}

sentinel {
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.html-preview-link[data-v-30188453] {
    cursor: pointer;
    overflow: hidden
}

.html-preview-close.hidden[data-v-30188453] {
    display: none
}

.html-preview-box[data-v-30188453] {
    color: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.html-preview-text[data-v-30188453] {
    align-items: center;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    padding: 5px 10px;
    vertical-align: middle;
    width: 100%
}

.html-preview-close[data-v-30188453] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-preview-close[data-v-30188453]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close[data-v-fbf73852] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.medium-rectangle-preview-close[data-v-fbf73852]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close.hidden[data-v-fbf73852] {
    display: none
}

.medium-rectangle-preview-wrap[data-v-fbf73852] {
    cursor: pointer;
    overflow: hidden
}

.medium-rectangle-preview-box[data-v-fbf73852] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.medium-rectangle-header[data-v-fbf73852] {
    word-wrap: break-word;
    height: 1em
}

.medium-rectangle-main[data-v-fbf73852] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.medium-rectangle-button[data-v-fbf73852] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    padding: 5px;
    width: 70%
}

.bar-preview-close[data-v-499a59e2] {
    align-self: flex-start;
    cursor: pointer;
    font-size: 14px;
    margin: 0 5px;
    order: 2;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.bar-preview-close.hidden[data-v-499a59e2] {
    display: none
}

.bar-button-margin[data-v-499a59e2] {
    margin-right: 25px
}

.bar-wrap[data-v-499a59e2] {
    overflow: hidden;
    width: 100%
}

.bar-header[data-v-499a59e2] {
    color: #5e5e5e;
    display: none;
    font-size: 14px;
    justify-content: flex-end;
    min-height: 35px
}

.bar-close[data-v-499a59e2] {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0 20px;
    text-transform: uppercase
}

.bar-preview-link[data-v-499a59e2] {
    cursor: pointer;
    overflow: hidden
}

.bar-preview-box[data-v-499a59e2] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 5px 18px;
    position: relative;
    white-space: pre-line;
    width: 100%
}

.bar-main[data-v-499a59e2] {
    word-wrap: break-word;
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 5px;
    text-decoration: none
}

.bar-button[data-v-499a59e2] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center;
    white-space: nowrap
}

.bar-button-wrap[data-v-499a59e2] {
    align-items: center;
    display: flex;
    margin-left: auto;
    order: 1
}

@media (max-width: 640px) {
    .bar-preview-box[data-v-499a59e2] {
        flex-wrap: wrap;
        padding: 9px 20px
    }

    .bar-main[data-v-499a59e2] {
        flex: 1;
        margin-bottom: 9px;
        padding: 0 25px;
        text-align: center
    }

    .bar-button[data-v-499a59e2] {
        margin: auto;
        padding: 5px 15px;
        width: -moz-fit-content;
        width: fit-content
    }

    .bar-button-wrap[data-v-499a59e2] {
        flex-basis: 100%;
        order: 2
    }

    .bar-preview-close[data-v-499a59e2] {
        order: 1
    }
}

@media (max-width: 500px) {
    .bar-close-text-filled-bar[data-v-499a59e2] {
        display: flex
    }

    .bar-close-text-filled-button[data-v-499a59e2] {
        display: none
    }

    .bar-main[data-v-499a59e2] {
        padding: 0
    }
}

.collapsible-bar-wrap[data-v-2acfc6b9] {
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%
}

#banner-preview .collapsible-bar-wrap[data-v-2acfc6b9] {
    position: absolute !important
}

.collapsible-bar-preview-close[data-v-2acfc6b9] {
    font-size: 15px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: -5px
}

.collapsible-bar-preview-link[data-v-2acfc6b9] {
    cursor: pointer;
    overflow: hidden
}

.collapsible-bar-preview-box[data-v-2acfc6b9] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 10px 18px calc(10px + env(safe-area-inset-bottom));
    position: relative;
    white-space: pre-line;
    width: 100%
}

.collapsible-bar-main[data-v-2acfc6b9] {
    word-wrap: break-word;
    font-size: 17px;
    padding-right: 5px;
    text-decoration: none
}

.collapsible-bar-button[data-v-2acfc6b9] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center
}

.collapsible-bar-header[data-v-2acfc6b9] {
    align-items: center;
    background-color: #fff;
    color: #5e5e5e;
    display: flex;
    font-size: 14px;
    justify-content: center;
    min-height: 31px;
    position: relative
}

.collapsible-bar-title[data-v-2acfc6b9] {
    margin-bottom: 3px
}

.collapsible-bar-toggle[data-v-2acfc6b9] {
    align-items: stretch;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    height: 100%;
    padding-right: 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0
}

.collapsible-bar-toggle-button[data-v-2acfc6b9] {
    align-items: center;
    display: flex;
    gap: 4px
}

.collapsible-bar-body[data-v-2acfc6b9] {
    display: block;
    height: auto;
    transition: height .7s
}

@media (max-width: 640px) {
    .collapsible-bar-preview-box[data-v-2acfc6b9] {
        flex-direction: column;
        padding-left: 9px;
        padding-right: 9px
    }

    .collapsible-bar-main[data-v-2acfc6b9] {
        margin-bottom: 9px;
        text-align: center
    }

    .collapsible-bar-button[data-v-2acfc6b9] {
        padding: 5px 15px
    }
}

.short-message-preview-wrap[data-v-4e472091] {
    cursor: pointer
}

.short-message-preview-close[data-v-4e472091] {
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 40px
}

a.short-message-preview-close[data-v-4e472091]:after {
    content: "\00d7";
    display: block;
    font-size: 24px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

.short-message-preview-close.hidden[data-v-4e472091] {
    display: none
}

.short-message-preview-link[data-v-4e472091] {
    cursor: pointer;
    overflow: hidden
}

.short-message-preview-box[data-v-4e472091] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.short-message-main[data-v-4e472091] {
    word-wrap: break-word;
    font-size: 16px;
    padding: 10px;
    text-decoration: none
}

.short-message-preview-box.short-message-closable[data-v-4e472091] {
    padding-right: 40px
}

.overlay-rectangle-preview-close[data-v-d394d37e] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.overlay-rectangle-preview-close[data-v-d394d37e]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-d394d37e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.overlay-rectangle-preview-close.hidden[data-v-d394d37e] {
    display: none
}

.overlay-rectangle-image[data-v-d394d37e] {
    background-position: 50%;
    background-size: cover;
    max-height: 400px;
    min-width: 300px;
    overflow: hidden;
    width: 100%
}

.overlay-rectangle-image > img[data-v-d394d37e] {
    display: block;
    max-width: 100%;
    position: relative
}

.overlay-rectangle-overlay[data-v-d394d37e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-rectangle-overlay[data-v-d394d37e] {
    position: absolute
}

.overlay-rectangle-preview-link[data-v-d394d37e] {
    cursor: pointer;
    overflow: hidden
}

.overlay-rectangle-content[data-v-d394d37e] {
    justify-content: space-around;
    padding: 20px;
    width: 100%
}

.overlay-rectangle-content[data-v-d394d37e], .overlay-rectangle-preview-box[data-v-d394d37e] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.overlay-rectangle-preview-box[data-v-d394d37e] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.overlay-rectangle-header[data-v-d394d37e] {
    word-wrap: break-word;
    height: 1em;
    margin-bottom: 10px;
    padding: 0
}

.overlay-rectangle-main[data-v-d394d37e] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.overlay-rectangle-button[data-v-d394d37e] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    padding: 5px;
    width: 70%
}

.overlay-rectangle-wrap[data-v-d394d37e] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.overlay-rectangle-wrap.closeable[data-v-d394d37e] {
    padding-top: 40px
}

.html-overlay-rectangle-preview-close[data-v-cb135d10] {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-overlay-rectangle-preview-close[data-v-cb135d10]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-cb135d10] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.html-overlay-rectangle-preview-close.hidden[data-v-cb135d10] {
    display: none
}

.html-overlay-rectangle-image > img[data-v-cb135d10] {
    display: block;
    max-width: 100%;
    position: relative
}

.html-overlay-rectangle-overlay[data-v-cb135d10] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .html-overlay-rectangle-overlay[data-v-cb135d10] {
    position: absolute
}

.html-overlay-rectangle-preview-link[data-v-cb135d10] {
    display: block;
    overflow: hidden;
    position: relative
}

.html-overlay-rectangle-preview-link.clickable[data-v-cb135d10] {
    cursor: pointer
}

.html-overlay-rectangle-content[data-v-cb135d10] {
    justify-content: space-around;
    width: 100%
}

.html-overlay-rectangle-content[data-v-cb135d10], .html-overlay-rectangle-preview-box[data-v-cb135d10] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.html-overlay-rectangle-preview-box[data-v-cb135d10] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.html-overlay-rectangle-main[data-v-cb135d10] {
    word-wrap: break-word;
    font-size: 26px
}

.html-overlay-rectangle-wrap[data-v-cb135d10] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.html-overlay-rectangle-wrap.closeable[data-v-cb135d10] {
    padding-top: 40px
}

.preview-admin-close[data-v-ed79b64e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100001
}

.overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    position: absolute
}

.overlay-with-two-btn-signature[data-v-ed79b64e] {
    background-color: #fff;
    color: #181818;
    font-size: 18px;
    line-height: 1.33em;
    margin: auto;
    max-width: 690px;
    padding: 5px 18px;
    text-align: left
}

.overlay-with-two-btn-signature p[data-v-ed79b64e] {
    margin: .66em 0
}

.overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
    border: 2px solid #ccc;
    border-radius: 5px;
    color: initial;
    display: flex;
    flex: 1 1;
    flex-wrap: wrap;
    font-size: 110%;
    justify-content: center;
    margin: 2px 0;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none
}

.overlay-with-two-btn-signature .btn .item[data-v-ed79b64e] {
    align-self: center;
    white-space: normal;
    width: 100%
}

.overlay-with-two-btn-signature .btn .desc[data-v-ed79b64e] {
    font-size: 75%;
    font-weight: 200
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e] {
    background-color: #46b863;
    border-color: #46b863 #46b863 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:hover {
    background-color: #46b863;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e] {
    background-color: #3cb6d6;
    border-color: #3cb6d6 #3cb6d6 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:hover {
    background-color: #3cb6d6;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .close-button[data-v-ed79b64e] {
    flex: none;
    font-size: 80%;
    margin-top: 0;
    text-align: center
}

.overlay-with-two-btn-signature .close-button a[data-v-ed79b64e] {
    color: #999;
    cursor: pointer;
    text-decoration: underline
}

.overlay-with-two-btn-signature .signature[data-v-ed79b64e] {
    display: inline-block;
    font-size: 80%;
    line-height: 1.33;
    width: 260px
}

.overlay-with-two-btn-signature .signature img[data-v-ed79b64e] {
    width: 40%
}

.overlay-with-two-btn-signature .signature p[data-v-ed79b64e] {
    margin-top: 0
}

@media only screen and (max-width: 688px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        font-size: 16px
    }
}

@media only screen and (max-width: 629px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        padding: 2px 5px
    }

    .overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
        display: block
    }

    .overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
        display: block;
        font-size: 100%;
        min-width: auto;
        width: auto
    }

    .overlay-with-two-btn-signature .spacer[data-v-ed79b64e] {
        display: none
    }
}

.newsletter-rectangle-preview-close[data-v-0e784908] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.newsletter-rectangle-preview-close[data-v-0e784908]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.newsletter-rectangle-form[data-v-0e784908] {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    max-width: 420px;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.newsletter-rectangle-title[data-v-0e784908] {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 15px;
    margin-top: 18px
}

.newsletter-rectangle-text[data-v-0e784908] {
    font-size: 16px;
    margin-bottom: 15px;
    white-space: pre-line
}

.newsletter-rectangle-form-label[data-v-0e784908] {
    display: none
}

.newsletter-rectangle-form-inputs[data-v-0e784908] {
    border: none;
    margin: 20px 0;
    padding: 0
}

.newsletter-rectangle-form-input[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    color: #000;
    font-size: 16px;
    height: 50px;
    line-height: 22px;
    padding: 0 10px;
    width: 100%
}

.newsletter-rectangle-form-button[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    display: block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    width: 100%
}

.newsletter-rectangle-disclaimer[data-v-0e784908] {
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    margin: 10px 20px;
    text-align: center
}

.newsletter-rectangle-disclaimer a[data-v-0e784908] {
    text-decoration: underline;
    white-space: nowrap
}

.newsletter-rectangle-failure-message[data-v-0e784908] {
    text-align: left
}

.compact .newsletter-rectangle-text[data-v-0e784908], .compact .newsletter-rectangle-title[data-v-0e784908] {
    margin-bottom: 10px
}

.compact .newsletter-rectangle-form-inputs[data-v-0e784908] {
    margin: 10px 0
}

.compact .newsletter-rectangle-form-button[data-v-0e784908], .compact .newsletter-rectangle-form-input[data-v-0e784908] {
    height: 40px
}

.compact .newsletter-rectangle-form-button[data-v-0e784908] {
    line-height: 40px;
    margin-top: 7px
}

.compact.newsletter-rectangle-form[data-v-0e784908] {
    padding: 15px
}

.newsletter-rectangle-form-button.newsletter-rectangle-failure[data-v-0e784908] {
    color: #b00c28 !important
}

.newsletter-rectangle-form-button.newsletter-rectangle-doing-ajax[data-v-0e784908]:after {
    content: "\2022\2022\2022"
}

.serif {
    font-family: serif;
}

.sans-serif {
    font-family: sans-serif;
}

/* transitions */

.remp-banner #preview-close.hidden {
    display: none;
}

.remp-banner .fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.remp-banner .fade-enter,
.remp-banner .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.remp-banner .bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.remp-banner-text-input {
    /* Different fonts display accent characters in different ways,
     * e.g. putting 'ACUTE ACCENT' unicode char as a accent character on the following letter, therefore treating it as a normal letter accent.
     *
     * However, we want to show this to user in text inputs (while designing banner), so he/she is aware this might cause problems in some browsers.
     * Helvetica font displays 'ACUTE ACCENT' unicode character separately from the following letter.
     */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.html-preview-link[data-v-30188453] {
    cursor: pointer;
    overflow: hidden
}

.html-preview-close.hidden[data-v-30188453] {
    display: none
}

.html-preview-box[data-v-30188453] {
    color: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.html-preview-text[data-v-30188453] {
    align-items: center;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    padding: 5px 10px;
    vertical-align: middle;
    width: 100%
}

.html-preview-close[data-v-30188453] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-preview-close[data-v-30188453]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close[data-v-fbf73852] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.medium-rectangle-preview-close[data-v-fbf73852]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.medium-rectangle-preview-close.hidden[data-v-fbf73852] {
    display: none
}

.medium-rectangle-preview-wrap[data-v-fbf73852] {
    cursor: pointer;
    overflow: hidden
}

.medium-rectangle-preview-box[data-v-fbf73852] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.medium-rectangle-header[data-v-fbf73852] {
    word-wrap: break-word;
    height: 1em
}

.medium-rectangle-main[data-v-fbf73852] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.medium-rectangle-button[data-v-fbf73852] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    padding: 5px;
    width: 70%
}

.bar-preview-close[data-v-499a59e2] {
    align-self: flex-start;
    cursor: pointer;
    font-size: 14px;
    margin: 0 5px;
    order: 2;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.bar-preview-close.hidden[data-v-499a59e2] {
    display: none
}

.bar-button-margin[data-v-499a59e2] {
    margin-right: 25px
}

.bar-wrap[data-v-499a59e2] {
    overflow: hidden;
    width: 100%
}

.bar-header[data-v-499a59e2] {
    color: #5e5e5e;
    display: none;
    font-size: 14px;
    justify-content: flex-end;
    min-height: 35px
}

.bar-close[data-v-499a59e2] {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0 20px;
    text-transform: uppercase
}

.bar-preview-link[data-v-499a59e2] {
    cursor: pointer;
    overflow: hidden
}

.bar-preview-box[data-v-499a59e2] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 5px 18px;
    position: relative;
    white-space: pre-line;
    width: 100%
}

.bar-main[data-v-499a59e2] {
    word-wrap: break-word;
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 5px;
    text-decoration: none
}

.bar-button[data-v-499a59e2] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center;
    white-space: nowrap
}

.bar-button-wrap[data-v-499a59e2] {
    align-items: center;
    display: flex;
    margin-left: auto;
    order: 1
}

@media (max-width: 640px) {
    .bar-preview-box[data-v-499a59e2] {
        flex-wrap: wrap;
        padding: 9px 20px
    }

    .bar-main[data-v-499a59e2] {
        flex: 1;
        margin-bottom: 9px;
        padding: 0 25px;
        text-align: center
    }

    .bar-button[data-v-499a59e2] {
        margin: auto;
        padding: 5px 15px;
        width: -moz-fit-content;
        width: fit-content
    }

    .bar-button-wrap[data-v-499a59e2] {
        flex-basis: 100%;
        order: 2
    }

    .bar-preview-close[data-v-499a59e2] {
        order: 1
    }
}

@media (max-width: 500px) {
    .bar-close-text-filled-bar[data-v-499a59e2] {
        display: flex
    }

    .bar-close-text-filled-button[data-v-499a59e2] {
        display: none
    }

    .bar-main[data-v-499a59e2] {
        padding: 0
    }
}

.collapsible-bar-wrap[data-v-2acfc6b9] {
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%
}

#banner-preview .collapsible-bar-wrap[data-v-2acfc6b9] {
    position: absolute !important
}

.collapsible-bar-preview-close[data-v-2acfc6b9] {
    font-size: 15px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: -5px
}

.collapsible-bar-preview-link[data-v-2acfc6b9] {
    cursor: pointer;
    overflow: hidden
}

.collapsible-bar-preview-box[data-v-2acfc6b9] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 68px;
    overflow: hidden;
    padding: 10px 18px calc(10px + env(safe-area-inset-bottom));
    position: relative;
    white-space: pre-line;
    width: 100%
}

.collapsible-bar-main[data-v-2acfc6b9] {
    word-wrap: break-word;
    font-size: 17px;
    padding-right: 5px;
    text-decoration: none
}

.collapsible-bar-button[data-v-2acfc6b9] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px;
    text-align: center
}

.collapsible-bar-header[data-v-2acfc6b9] {
    align-items: center;
    background-color: #fff;
    color: #5e5e5e;
    display: flex;
    font-size: 14px;
    justify-content: center;
    min-height: 31px;
    position: relative
}

.collapsible-bar-title[data-v-2acfc6b9] {
    margin-bottom: 3px
}

.collapsible-bar-toggle[data-v-2acfc6b9] {
    align-items: stretch;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    height: 100%;
    padding-right: 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0
}

.collapsible-bar-toggle-button[data-v-2acfc6b9] {
    align-items: center;
    display: flex;
    gap: 4px
}

.collapsible-bar-body[data-v-2acfc6b9] {
    display: block;
    height: auto;
    transition: height .7s
}

@media (max-width: 640px) {
    .collapsible-bar-preview-box[data-v-2acfc6b9] {
        flex-direction: column;
        padding-left: 9px;
        padding-right: 9px
    }

    .collapsible-bar-main[data-v-2acfc6b9] {
        margin-bottom: 9px;
        text-align: center
    }

    .collapsible-bar-button[data-v-2acfc6b9] {
        padding: 5px 15px
    }
}

.short-message-preview-wrap[data-v-4e472091] {
    cursor: pointer
}

.short-message-preview-close[data-v-4e472091] {
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 40px
}

a.short-message-preview-close[data-v-4e472091]:after {
    content: "\00d7";
    display: block;
    font-size: 24px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

.short-message-preview-close.hidden[data-v-4e472091] {
    display: none
}

.short-message-preview-link[data-v-4e472091] {
    cursor: pointer;
    overflow: hidden
}

.short-message-preview-box[data-v-4e472091] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: pre-line
}

.short-message-main[data-v-4e472091] {
    word-wrap: break-word;
    font-size: 16px;
    padding: 10px;
    text-decoration: none
}

.short-message-preview-box.short-message-closable[data-v-4e472091] {
    padding-right: 40px
}

.overlay-rectangle-preview-close[data-v-d394d37e] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.overlay-rectangle-preview-close[data-v-d394d37e]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-d394d37e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.overlay-rectangle-preview-close.hidden[data-v-d394d37e] {
    display: none
}

.overlay-rectangle-image[data-v-d394d37e] {
    background-position: 50%;
    background-size: cover;
    max-height: 400px;
    min-width: 300px;
    overflow: hidden;
    width: 100%
}

.overlay-rectangle-image > img[data-v-d394d37e] {
    display: block;
    max-width: 100%;
    position: relative
}

.overlay-rectangle-overlay[data-v-d394d37e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-rectangle-overlay[data-v-d394d37e] {
    position: absolute
}

.overlay-rectangle-preview-link[data-v-d394d37e] {
    cursor: pointer;
    overflow: hidden
}

.overlay-rectangle-content[data-v-d394d37e] {
    justify-content: space-around;
    padding: 20px;
    width: 100%
}

.overlay-rectangle-content[data-v-d394d37e], .overlay-rectangle-preview-box[data-v-d394d37e] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.overlay-rectangle-preview-box[data-v-d394d37e] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.overlay-rectangle-header[data-v-d394d37e] {
    word-wrap: break-word;
    height: 1em;
    margin-bottom: 10px;
    padding: 0
}

.overlay-rectangle-main[data-v-d394d37e] {
    word-wrap: break-word;
    font-size: 26px;
    text-decoration: none
}

.overlay-rectangle-button[data-v-d394d37e] {
    word-wrap: break-word;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    padding: 5px;
    width: 70%
}

.overlay-rectangle-wrap[data-v-d394d37e] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.overlay-rectangle-wrap.closeable[data-v-d394d37e] {
    padding-top: 40px
}

.html-overlay-rectangle-preview-close[data-v-cb135d10] {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.html-overlay-rectangle-preview-close[data-v-cb135d10]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.preview-admin-close[data-v-cb135d10] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100000
}

.html-overlay-rectangle-preview-close.hidden[data-v-cb135d10] {
    display: none
}

.html-overlay-rectangle-image > img[data-v-cb135d10] {
    display: block;
    max-width: 100%;
    position: relative
}

.html-overlay-rectangle-overlay[data-v-cb135d10] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .html-overlay-rectangle-overlay[data-v-cb135d10] {
    position: absolute
}

.html-overlay-rectangle-preview-link[data-v-cb135d10] {
    display: block;
    overflow: hidden;
    position: relative
}

.html-overlay-rectangle-preview-link.clickable[data-v-cb135d10] {
    cursor: pointer
}

.html-overlay-rectangle-content[data-v-cb135d10] {
    justify-content: space-around;
    width: 100%
}

.html-overlay-rectangle-content[data-v-cb135d10], .html-overlay-rectangle-preview-box[data-v-cb135d10] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.html-overlay-rectangle-preview-box[data-v-cb135d10] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    white-space: pre-line
}

.html-overlay-rectangle-main[data-v-cb135d10] {
    word-wrap: break-word;
    font-size: 26px
}

.html-overlay-rectangle-wrap[data-v-cb135d10] {
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .26);
    padding: 5px;
    position: relative
}

.html-overlay-rectangle-wrap.closeable[data-v-cb135d10] {
    padding-top: 40px
}

.preview-admin-close[data-v-ed79b64e] {
    background-color: #fff;
    color: #ff2e00;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    top: 14px;
    z-index: 100001
}

.overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#banner-preview .overlay-with-two-btn-signature-background[data-v-ed79b64e] {
    position: absolute
}

.overlay-with-two-btn-signature[data-v-ed79b64e] {
    background-color: #fff;
    color: #181818;
    font-size: 18px;
    line-height: 1.33em;
    margin: auto;
    max-width: 690px;
    padding: 5px 18px;
    text-align: left
}

.overlay-with-two-btn-signature p[data-v-ed79b64e] {
    margin: .66em 0
}

.overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
    border: 2px solid #ccc;
    border-radius: 5px;
    color: initial;
    display: flex;
    flex: 1 1;
    flex-wrap: wrap;
    font-size: 110%;
    justify-content: center;
    margin: 2px 0;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none
}

.overlay-with-two-btn-signature .btn .item[data-v-ed79b64e] {
    align-self: center;
    white-space: normal;
    width: 100%
}

.overlay-with-two-btn-signature .btn .desc[data-v-ed79b64e] {
    font-size: 75%;
    font-weight: 200
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e] {
    background-color: #46b863;
    border-color: #46b863 #46b863 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-primary[data-v-ed79b64e]:hover {
    background-color: #46b863;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e] {
    background-color: #3cb6d6;
    border-color: #3cb6d6 #3cb6d6 rgba(0, 0, 0, .25);
    color: #fff
}

.overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:focus, .overlay-with-two-btn-signature .btn-secondary[data-v-ed79b64e]:hover {
    background-color: #3cb6d6;
    border-bottom-color: rgba(0, 0, 0, .5)
}

.overlay-with-two-btn-signature .close-button[data-v-ed79b64e] {
    flex: none;
    font-size: 80%;
    margin-top: 0;
    text-align: center
}

.overlay-with-two-btn-signature .close-button a[data-v-ed79b64e] {
    color: #999;
    cursor: pointer;
    text-decoration: underline
}

.overlay-with-two-btn-signature .signature[data-v-ed79b64e] {
    display: inline-block;
    font-size: 80%;
    line-height: 1.33;
    width: 260px
}

.overlay-with-two-btn-signature .signature img[data-v-ed79b64e] {
    width: 40%
}

.overlay-with-two-btn-signature .signature p[data-v-ed79b64e] {
    margin-top: 0
}

@media only screen and (max-width: 688px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        font-size: 16px
    }
}

@media only screen and (max-width: 629px) {
    .overlay-with-two-btn-signature[data-v-ed79b64e] {
        padding: 2px 5px
    }

    .overlay-with-two-btn-signature .buttons[data-v-ed79b64e] {
        display: block
    }

    .overlay-with-two-btn-signature .btn[data-v-ed79b64e] {
        display: block;
        font-size: 100%;
        min-width: auto;
        width: auto
    }

    .overlay-with-two-btn-signature .spacer[data-v-ed79b64e] {
        display: none
    }
}

.newsletter-rectangle-preview-close[data-v-0e784908] {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .05em;
    line-height: 40px;
    min-width: 40px;
    padding-right: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0
}

a.newsletter-rectangle-preview-close[data-v-0e784908]:after {
    content: "\00a0\00d7\00a0";
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: sub
}

.newsletter-rectangle-form[data-v-0e784908] {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    max-width: 420px;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.newsletter-rectangle-title[data-v-0e784908] {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 15px;
    margin-top: 18px
}

.newsletter-rectangle-text[data-v-0e784908] {
    font-size: 16px;
    margin-bottom: 15px;
    white-space: pre-line
}

.newsletter-rectangle-form-label[data-v-0e784908] {
    display: none
}

.newsletter-rectangle-form-inputs[data-v-0e784908] {
    border: none;
    margin: 20px 0;
    padding: 0
}

.newsletter-rectangle-form-input[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    color: #000;
    font-size: 16px;
    height: 50px;
    line-height: 22px;
    padding: 0 10px;
    width: 100%
}

.newsletter-rectangle-form-button[data-v-0e784908] {
    border: 0;
    border-radius: 3px;
    display: block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    width: 100%
}

.newsletter-rectangle-disclaimer[data-v-0e784908] {
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    margin: 10px 20px;
    text-align: center
}

.newsletter-rectangle-disclaimer a[data-v-0e784908] {
    text-decoration: underline;
    white-space: nowrap
}

.newsletter-rectangle-failure-message[data-v-0e784908] {
    text-align: left
}

.compact .newsletter-rectangle-text[data-v-0e784908], .compact .newsletter-rectangle-title[data-v-0e784908] {
    margin-bottom: 10px
}

.compact .newsletter-rectangle-form-inputs[data-v-0e784908] {
    margin: 10px 0
}

.compact .newsletter-rectangle-form-button[data-v-0e784908], .compact .newsletter-rectangle-form-input[data-v-0e784908] {
    height: 40px
}

.compact .newsletter-rectangle-form-button[data-v-0e784908] {
    line-height: 40px;
    margin-top: 7px
}

.compact.newsletter-rectangle-form[data-v-0e784908] {
    padding: 15px
}

.newsletter-rectangle-form-button.newsletter-rectangle-failure[data-v-0e784908] {
    color: #b00c28 !important
}

.newsletter-rectangle-form-button.newsletter-rectangle-doing-ajax[data-v-0e784908]:after {
    content: "\2022\2022\2022"
}

.serif {
    font-family: serif;
}

.sans-serif {
    font-family: sans-serif;
}

/* transitions */

.remp-banner #preview-close.hidden {
    display: none;
}

.remp-banner .fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.remp-banner .fade-enter,
.remp-banner .fade-leave-to /* .fade-leave-active in <2.1.8 */
{
    opacity: 0
}

.remp-banner .bounce-enter-active {
    animation: bounce linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes bounce {
    0% {
        transform: translate(0px, 0px)
    }
    15% {
        transform: translate(0px, -25px)
    }
    30% {
        transform: translate(0px, 0px)
    }
    45% {
        transform: translate(0px, -15px)
    }
    60% {
        transform: translate(0px, 0px)
    }
    75% {
        transform: translate(0px, -5px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .shake-enter-active {
    animation: shake linear 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px)
    }
    10% {
        transform: translate(-10px, 0px)
    }
    20% {
        transform: translate(10px, 0px)
    }
    30% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(10px, 0px)
    }
    50% {
        transform: translate(-10px, 0px)
    }
    60% {
        transform: translate(10px, 0px)
    }
    70% {
        transform: translate(-10px, 0px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    90% {
        transform: translate(-10px, 0px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

.remp-banner .fade-in-down-enter-active {
    animation: fadeInDown ease 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards; /*when the spec is finished*/
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate(0px, -25px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

.remp-banner-text-input {
    /* Different fonts display accent characters in different ways,
     * e.g. putting 'ACUTE ACCENT' unicode char as a accent character on the following letter, therefore treating it as a normal letter accent.
     *
     * However, we want to show this to user in text inputs (while designing banner), so he/she is aware this might cause problems in some browsers.
     * Helvetica font displays 'ACUTE ACCENT' unicode character separately from the following letter.
     */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.html-preview-text:has(.b10_banner) {
    padding: 0 !important;
}

@media (max-width: 960px) {
    .n3_bar:has(.n3_bar_tab) .b10_banner {
        max-height: calc(100vh - 48px);
        max-height: calc(100dvh - 48px);
    }

    .n3_bar:has(.n3_bar_tab) .b10_banner.b10_half {
        max-height: 450px;
    }
}

@media (min-width: 961px) {
    .b10_banner.b10_banner_section {
        flex-direction: row;
    }
}

.b10_banner {
    bottom: 0;
    left: 0;
    width: 100vw;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    font-family: 'Lumin', serif !important;
    background: #2F0B80;
    white-space: initial;
    padding-bottom: 32px;
    max-height: 100vh;
    max-height: 100dvh;
    height: -moz-fit-content;
    height: fit-content;
}

@media (min-width: 961px) {
    .b10_banner {
        top: unset;
        bottom: 0;
        height: auto;
        display: flex;
        padding-bottom: 0;
    }
}

.b10_banner h1 {
    margin: 0;
    color: #FBFAFA;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
}

@media (min-width: 961px) {
    .b10_banner h1 {
        max-width: 430px;
    }
}

.b10_banner h2 {
    margin: 0;
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2f0b80;
}

.b10_banner p {
    color: #FBFAFA;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
}

.b10_body .b10_banner p {
    color: #2F0B80;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.b10_banner a {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    color: #FBFAFA;
    text-decoration: underline;
    text-underline-offset: 2px;
    display: flex;
    gap: 4px;
}

.b10_banner button img, .b10_banner a img {
    transition: transform 0.1s ease;
    margin-right: 5px;
}

.b10_banner button:hover img, .b10_banner a:hover img {
    transform: translateX(5px);
}

.b10_banner #b10_icon {
    margin-right: 8px;
    width: 24px;
}

.b10_banner .b10_header {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

@media (min-width: 961px) {
    .b10_banner .b10_header {
        gap: 32px;
        padding: 48px;
        width: 50%;
    }
}

.b10_banner .b10_header .b10_header_container {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    flex-direction: column-reverse;
}

@media (min-width: 961px) {
    .b10_banner .b10_header .b10_header_container {
        margin-bottom: auto;
    }
}

.b10_banner .b10_header .b10_header p {
    max-width: 360px;
}

.b10_banner .b10_logo {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (min-width: 961px) {
    .b10_banner .b10_logo {
        max-width: unset;
    }
}

@media (min-width: 961px) {
    .b10_banner .b10_logo img {
        max-width: 100%;
    }
}

.b10_banner .b10_logo .b10_logo_text {
    background-color: #FFD8FC;
    color: #2D0B80;
    font-size: 19px;
    font-weight: 500;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 961px) {
    .b10_banner .b10_logo .b10_logo_text {
        width: 100%;
        gap: 4px;
        padding-right: 8px;
        margin-bottom: 1px;
        height: 27px;
        justify-content: right;
    }
}

.b10_banner .b10_logo .b10_logo_users__active {
    font-weight: 900;
    font-size: 21px;
}

.b10_banner .b10_body {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    background-color: #FFAEE1;
    max-height: 1000px;
}

@media (min-width: 961px) {
    .b10_banner .b10_body {
        padding: 48px;
        width: 50%;
    }
}

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

.b10_banner .b10_amount_options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
}

.b10_banner .b10_amount_options label {
    flex: 1 1 calc(50% - 4px);
    max-width: calc(50% - 4px);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #2F0B80;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 16px;
    border: 1px solid #2F0B80;
    background-color: transparent;
    padding: 16px 24px;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.1s ease;
}

@media (min-width: 475px) {
    .b10_banner .b10_amount_options label {
        flex: 1 1 calc(33.3% - 6px);
        max-width: calc(33.3% - 6px);
    }
}

@media (min-width: 1400px) {
    .b10_banner .b10_amount_options label {
        font-size: 16px;
        flex: 1 1 calc(16% - 4px);
        max-width: calc(16% - 4px);
    }
}

.b10_banner .b10_amount_options input[type="checkbox"] {
    display: none;
}

.b10_banner .b10_amount_options label:has(input[type="checkbox"]:checked), .b10_banner .b10_amount_options label:has(input[type="checkbox"]:hover) {
    background-color: #2F0B80;
    color: #FBFAFA;
}

.b10_banner .b10_amount_custom {
    position: relative;
}

.b10_banner .b10_amount_custom label {
    position: absolute;
    top: 10px;
    left: 24px;
    font-family: 'Inter', sans-serif;
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2f0b80;
    pointer-events: none;
    transition: 0.1s ease all;
}

.b10_banner .b10_amount_custom input {
    box-sizing: border-box;
    width: 100%;
    padding: 21px 24px 12px;
    border: 1px solid #2f0b80;
    border-radius: 100px;
    outline: none;
    color: #2F0B80;
    background-color: transparent;
    text-align: left;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px; /* Firefox */
    -webkit-appearance: textfield; /* Chrome, Safari, Edge */
    appearance: textfield; /* Všeobecná podpora */
}

.b10_banner .b10_amount_custom input[type="number"]::-webkit-inner-spin-button, .b10_banner .b10_amount_custom input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.b10_banner .b10_amount_custom input::placeholder {
    box-sizing: border-box;
    color: #2F0B80;
    background-color: transparent;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
}

.b10_banner .b10_amount_custom input:focus::placeholder {
    color: transparent !important;
}

.b10_banner .b10_amount_custom .b10_amount_currency {
    position: absolute;
    right: 24px;
    top: 14px;
    color: #2F0B80;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Lumin', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
}

.b10_banner .b10_checkbox_label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #2F0B80;
}

.b10_banner .b10_checkbox_label a, .b10_banner .b10_checkbox_label p {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #2F0B80;
    text-underline-offset: 2px;
}

.b10_banner .b10_checkbox_label a:hover {
    background-color: #2F0B80;
    color: #FBFAFA;
}

.b10_banner .b10_checkbox_label .b10_checkbox_checkmark {
    width: 20px;
    height: 20px;
    border: 1px solid #2F0B80;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    transition: 0.1s ease all;
}

.b10_banner .b10_checkbox_label input[type="checkbox"] {
    display: none;
}

.b10_banner .b10_checkbox_label input[type="checkbox"]:checked + .b10_checkbox_checkmark {
    background-color: #2F0B80;
}

.b10_banner .b10_checkbox_label input[type="checkbox"]:checked + .b10_checkbox_checkmark::after {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    width: 6px;
    height: 13px;
    border: solid #FBFAFA;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.b10_banner .b10_checkbox_label.b10_error {
    animation: b10_bounce 0.8s ease-out;
}

.b10_banner .b10_buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

@media (min-width: 640px) {
    .b10_banner .b10_buttons {
        flex-direction: row;
    }
}

@media (min-width: 961px) {
    .b10_banner .b10_buttons {
        flex-direction: column;
    }
}

@media (min-width: 1150px) {
    .b10_banner .b10_buttons {
        flex-direction: row;
    }
}

.b10_banner .b10_buttons button {
    flex: 1;
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #FBFAFA;
    background-color: #1C1B1B;
    border: none;
    border-radius: 100px;
    cursor: pointer;
}

.b10_banner .b10_close {
    cursor: pointer;
    font-size: 0;
    position: unset;
    display: flex;
    gap: 4px;
    align-self: flex-end;
    z-index: 2;
}

@media (min-width: 375px) {
    .b10_banner .b10_close {
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        display: flex;
        align-items: center;
    }

    .b10_banner .b10_close:before {
        color: #FBFAFA;
        content: "Zatvoriť";
    }
}

@media (min-width: 961px) {
    .b10_banner .b10_close {
        position: absolute;
        right: 24px;
        top: 24px;
    }

    .b10_banner .b10_close:before {
        color: #2F0B80;
    }
}

.b10_banner .b10_close:after {
    content: url("https://a-static.projektn.sk/2024/12/arrowdownwhite.svg");
    display: block;
    height: 20px;
    width: 20px;
    transition: all 0.03s ease;
    transform: rotateZ(0deg);
}

@media (min-width: 961px) {
    .b10_banner .b10_close:after {
        content: url("https://a-static.projektn.sk/2024/12/arrowdown.svg");
        height: 24px;
        width: 24px;
    }
}

.b10_banner_section .b10_amount_selection h3 {
    margin: 0;
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.b10_banner_section .b10_buttons div.b10_button {
    flex: 1;
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #FBFAFA;
    background-color: #1C1B1B;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    overflow-y: hidden;
    max-height: 40px;
}

.b10_banner_section span.b10_payment_method_icons {
    display: flex;
    gap: 6px;
    justify-content: center;
    margin-top: -25px;
    height: 20px;
}

.b10_banner_section span.b10_payment_method_icons img {
    background-color: #E2DBD9;
    width: 35px;
    height: 30px;
}

.b10_banner .b10_buttons button {
    flex: 1;
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #FBFAFA;
    background-color: #1C1B1B;
    border: none;
    border-radius: 100px;
    cursor: pointer;
}

@media (max-width: 960px) {
    .b10_banner.b10_half {
        max-height: 450px;
    }

    .b10_banner.b10_half .b10_header p, .b10_banner.b10_half .b10_header a {
        display: none;
    }
}

.b10_banner.closed {
    height: 80px;
    overflow: hidden;
}

@media (min-width: 961px) {
    .b10_banner.closed {
        max-height: 96px;
    }
}

.b10_banner.closed .b10_header {
    width: 100%;
    padding: 24px;
}

.b10_banner.closed .b10_header > a, .b10_banner.closed .b10_header > p {
    display: none;
}

.b10_banner.closed .b10_header_container {
    gap: 24px;
    flex-direction: row;
}

@media (min-width: 961px) {
    .b10_banner.closed .b10_header_container {
        gap: 100px;
    }
}

.b10_banner.closed .b10_logo {
    max-width: 280px;
}

@media (min-width: 961px) {
    .b10_banner.closed .b10_logo {
        max-width: unset;
        flex-direction: row;
        align-items: end;
        gap: 0;
    }

    .b10_banner.closed .b10_logo img {
        max-width: 280px;
    }
}

.b10_banner.closed .b10_logo_text {
    display: none;
}

@media (min-width: 961px) {
    .b10_banner.closed .b10_logo_text {
        display: flex;
    }
}

.b10_banner.closed .b10_body {
    padding: 0;
    display: none;
}

.b10_banner.closed .b10_close {
    color: #fff;
    position: unset;
    align-self: unset;
}

.b10_banner.closed .b10_close:before {
    color: #FBFAFA;
    content: "Otvoriť";
}

.b10_banner.closed .b10_close:after {
    content: url("https://a-static.projektn.sk/2024/12/arrowdownwhite.svg");
    transform: rotateZ(180deg);
}

.b10_banner.closed .b10_amount_container {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.b10_banner.closed .b10_banner_section {
    box-sizing: border-box;
    font-family: Inter, serif;
    background: #2F0B80;
    white-space: initial;
    padding: 0;
    display: flex;
    flex-direction: column;
}

@media (min-width: 961px) {
    .b10_banner.closed .b10_banner_section {
        flex-direction: row;
    }
}

.b10_banner.closed .b10_banner_section .b10_error {
    animation: b10_bounce 0.8s ease-out;
}

.b10_banner.closed .b10_banner_section .b10_body {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px;
    background-color: #FFAEE1;
    transition: all 0.3s ease;
    text-align: left;
    color: #2D0B80;
}

@media (min-width: 1200px) {
    .b10_banner.closed .b10_banner_section .b10_body {
        padding: 80px 70px;
        width: 50%;
    }
}

.b10_banner.closed .b10_banner_section .b10_amount_selection {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.b10_banner.closed .b10_banner_section .b10_amount_selection h3 {
    margin: 0;
    position: relative;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.b10_banner.closed .b10_banner_section .b10_amount_options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
}

.b10_banner.closed .b10_banner_section .b10_amount_options label {
    flex: 1 1 calc(50% - 4px);
    max-width: calc(50% - 4px);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #2F0B80;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 16px;
    border: 1px solid #2F0B80;
    background-color: transparent;
    padding: 16px 24px;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.2s ease;
}

@container (min-width: 475px) {
    flex: 1 1 calc(33.3% - 6px);
    max-width: calc(33.3% - 6px);
}

@container (min-width: 650px) {
    font-size: 16px;
    flex: 1 1 calc(16% - 4px);
    max-width: calc(16% - 4px);
}

.b10_banner.closed .b10_banner_section .b10_amount_options input[type="checkbox"] {
    display: none;
}

.b10_banner.closed .b10_banner_section .b10_amount_options label:has(input[type="checkbox"]:checked), .b10_banner.closed .b10_banner_section .b10_amount_options label:has(input[type="checkbox"]:hover) {
    background-color: #2F0B80;
    color: #FBFAFA;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom {
    position: relative;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom label {
    position: absolute;
    top: 10px;
    left: 24px;
    font-family: 'Inter', sans-serif;
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2f0b80;
    pointer-events: none;
    transition: 0.3s ease all;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input {
    box-sizing: border-box;
    width: 100%;
    padding: 21px 24px 12px;
    border: 1px solid #2f0b80;
    border-radius: 100px;
    outline: none;
    color: #2F0B80;
    background-color: transparent;
    text-align: left;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input[type="number"] {
    -webkit-appearance: textfield;
    appearance: textfield;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input[type="number"]::-webkit-inner-spin-button, .b10_banner.closed .b10_banner_section .b10_amount_custom input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input::placeholder {
    box-sizing: border-box;
    color: #2F0B80;
    background-color: transparent;
    font-family: 'Lumin', serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom input:focus::placeholder {
    color: transparent !important;
}

.b10_banner.closed .b10_banner_section .b10_amount_custom .b10_amount_currency {
    position: absolute;
    right: 24px;
    top: 14px;
    color: #2F0B80;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Lumin', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes {
    margin-top: 8px;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #2F0B80;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label input[type="checkbox"] {
    display: none;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label a, .b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label p {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #2F0B80;
    text-underline-offset: 2px;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label a:hover {
    background-color: #2F0B80;
    color: #FBFAFA;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label .b10_checkbox_checkmark {
    width: 20px;
    height: 20px;
    border: 1px solid #2F0B80;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    transition: 0.1s ease all;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label input[type="checkbox"]:checked + .b10_checkbox_checkmark {
    background-color: #2F0B80;
}

.b10_banner.closed .b10_banner_section .b10_checkboxes .b10_checkbox_label input[type="checkbox"]:checked + .b10_checkbox_checkmark::after {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    width: 6px;
    height: 13px;
    border: solid #FBFAFA;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.b10_banner.closed .b10_banner_section .b10_buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

@media (min-width: 640px) {
    .b10_banner.closed .b10_banner_section .b10_buttons {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .b10_banner.closed .b10_banner_section .b10_buttons {
        flex-direction: column;
    }
}

@media (min-width: 1150px) {
    .b10_banner.closed .b10_banner_section .b10_buttons {
        flex-direction: row;
    }
}

.b10_banner.closed .b10_banner_section .b10_buttons div.b10_button {
    flex: 1;
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #FBFAFA;
    background-color: #1C1B1B;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    overflow-y: hidden;
    max-height: 40px;
}

.b10_banner.closed .b10_banner_section .b10_buttons div.b10_button.inactive {
    opacity: 0.6;
    cursor: not-allowed;
}

.b10_banner.closed .b10_banner_section .b10_terms {
    text-align: left;
}

.b10_banner.closed .b10_banner_section .b10_recurrent_info {
    text-align: left;
    font-size: 14px;
}

@keyframes b10_bounce {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    5% {
        transform: translateY(-100%);
        opacity: 0;
    }
    15% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-50%);
    }
    40% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(-30%);
    }
    70% {
        transform: translateY(0%);
    }
    80% {
        transform: translateY(-15%);
    }
    90% {
        transform: translateY(0%);
    }
    95% {
        transform: translateY(-7%);
    }
    97% {
        transform: translateY(0%);
    }
    99% {
        transform: translateY(-3%);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.trustpay-form-button-google, .trustpay-form-button-apple {
    height: 40px;
    flex: 1;
    width: 100%;
    display: flex;
    flex-basis: auto;
    overflow: hidden;
    border-radius: 100px;
}

.b10_amount_container {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.b10_banner_section {
    box-sizing: border-box;
    font-family: Inter, serif;
    background: #2F0B80;
    white-space: initial;
    padding: 0;
    display: flex;
    flex-direction: column;
    @media (min-width: 1200px) {
        flex-direction: row;
    }

    .b10_error {
        animation: b10_bounce 0.8s ease-out;
    }

    .b10_body {
        container-type: inline-size;
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
        max-height: 1000px;
        background-color: #FFAEE1;
        transition: all 0.3s ease;
        text-align: left;
        color: #2D0B80;

        p {
            color: #2D0B80;
        }
    }

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

        h3 {
            margin: 0;
            position: relative;
            font-family: 'Inter', sans-serif;
            font-size: 10px;
            text-transform: uppercase;
            font-weight: 500;
        }

        p {
            text-align: center;
            font-size: 19px;
            font-style: normal;
            font-weight: 300;
            line-height: 24px;
            margin: 0;
        }
    }

    .b10_amount_options {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px;

        label {
            flex: 1 1 calc(50% - 4px);
            max-width: calc(50% - 4px);
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            text-align: center;
            color: #2F0B80;
            font-family: 'Lumin', serif;
            font-size: 19px;
            font-style: normal;
            font-weight: 800;
            line-height: 16px;
            border: 1px solid #2F0B80;
            background-color: transparent;
            padding: 16px 24px;
            border-radius: 100px;
            cursor: pointer;
            transition: 0.2s ease;
            @media (min-width: 475px) {
                flex: 1 1 calc(33.3% - 6px);
                max-width: calc(33.3% - 6px);
            }
            @media (min-width: 1400px) {
                font-size: 16px;
                flex: 1 1 calc(16% - 4px);
                max-width: calc(16% - 4px);
            }
        }

        .b10_recommended {
            display: flex;
            flex-direction: column;
            padding-top: 7px;
            padding-bottom: 7px;
            gap: 2px;
            max-height: 50px;

            span {
                font-size: 9px;
                font-style: normal;
                font-weight: 500;
                font-family: 'Inter', sans-serif;
                margin-bottom: -10px;
            }
        }

        input[type="checkbox"] {
            display: none;
        }

        label:has(input[type="checkbox"]:checked),
        label:has(input[type="checkbox"]:hover) {
            background-color: #2F0B80;
            color: #FBFAFA;
        }
    }

    .b10_amount_custom {
        position: relative;

        label {
            position: absolute;
            top: 10px;
            left: 24px;
            font-family: 'Inter', sans-serif;
            margin: 0;
            font-size: 10px;
            text-transform: uppercase;
            font-weight: 500;
            color: #2f0b80;
            pointer-events: none;
            transition: 0.3s ease all;
        }

        input {
            box-sizing: border-box;
            width: 100%;
            padding: 21px 24px 12px;
            border: 1px solid #2f0b80;
            border-radius: 100px;
            outline: none;
            color: #2F0B80;
            background-color: transparent;
            text-align: left;
            font-family: 'Lumin', serif;
            font-size: 19px;
            font-style: normal;
            font-weight: 800;
            line-height: 19px;
        }

        input[type="number"] {
            -moz-appearance: textfield;
            -webkit-appearance: none;
            appearance: none;
        }

        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        input::placeholder {
            box-sizing: border-box;
            color: #2F0B80;
            background-color: transparent;
            font-family: 'Lumin', serif;
            font-size: 19px;
            font-style: normal;
            font-weight: 800;
            line-height: 19px;
        }

        input:focus::placeholder {
            color: transparent !important;
        }

        .b10_amount_currency {
            position: absolute;
            right: 24px;
            top: 14px;
            color: #2F0B80;
            text-align: center;
            font-feature-settings: 'liga' off, 'clig' off;
            font-family: 'Lumin', serif;
            font-size: 24px;
            font-style: normal;
            font-weight: 800;
            line-height: 28px;
        }
    }

    .b10_checkboxes {
        margin-top: 8px;

        .b10_checkbox_label {
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 8px;
            font-family: 'Inter', sans-serif;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
            color: #2F0B80;

            input[type="checkbox"] {
                display: none;
            }

            a, p {
                display: inline-block;
                font-family: 'Inter', sans-serif;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
                color: #2F0B80;
                text-underline-offset: 2px;
            }

            a:hover {
                background-color: #2F0B80;
                color: #FBFAFA;
            }

            .b10_checkbox_checkmark {
                width: 20px;
                height: 20px;
                border: 1px solid #2F0B80;
                display: inline-block;
                position: relative;
                vertical-align: middle;
                transition: 0.1s ease all;
            }

            input[type="checkbox"]:checked + .b10_checkbox_checkmark {
                background-color: #2F0B80;
            }

            input[type="checkbox"]:checked + .b10_checkbox_checkmark::after {
                content: '';
                position: absolute;
                top: 0;
                left: 5px;
                width: 6px;
                height: 13px;
                border: solid #FBFAFA;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
            }
        }
    }

    .b10_buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;

        div.b10_button {
            flex: 1;
            padding: 8px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            font-family: 'Inter', sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            color: #FBFAFA;
            background-color: #1C1B1B;
            border: none;
            border-radius: 100px;
            cursor: pointer;
            overflow-y: hidden;
            max-height: 40px;

            &.inactive {
                opacity: 0.6;
                cursor: not-allowed;
            }

            button {
                height: 40px;
            }
        }

        div.b10_google_button img {
            height: 17px;
        }
    }

    span.b10_payment_method_icons {
        display: flex;
        gap: 6px;
        justify-content: center;
        margin-top: -25px;
        height: 20px;

        img {
            background-color: #E2DBD9;
            width: 35px;
            height: 30px;
        }
    }

    .b10_terms {
        text-align: left;
    }

    .b10_recurrent_info {
        text-align: left;
        font-size: 14px;
    }
}

@keyframes b10_bounce {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    5% {
        transform: translateY(-100%);
        opacity: 0;
    }
    15% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-50%);
    }
    40% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(-30%);
    }
    70% {
        transform: translateY(0%);
    }
    80% {
        transform: translateY(-15%);
    }
    90% {
        transform: translateY(0%);
    }
    95% {
        transform: translateY(-7%);
    }
    97% {
        transform: translateY(0%);
    }
    99% {
        transform: translateY(-3%);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
 .fc-consent-root .fc-choice-dialog .fc-footer-buttons-container {
     position: relative !important;
 }

.fc-consent-root .fc-dialog-container .fc-cta-consent .fc-button-label {
    color: transparent !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-consent .fc-button-label:after {
    content: "Súhlasím";
    color: white;
    position: absolute;
    left: 0;
    width: 100%;
}

.fc-consent-root .fc-dialog-container .fc-cta-do-not-consent {
    position: absolute !important;
    left: 0 !important;
    top: 90px !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-do-not-consent .fc-button-label {
    color: transparent !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-do-not-consent .fc-button-label:after {
    content: "Pokračovať s nevyhnutnými cookies →";
    color: #666666 !important;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fc-consent-root .fc-choice-dialog .fc-cta-manage-options {
    width: calc(100% - 30px) !important;
    max-width: 416px !important;
    position: absolute !important;
    top: 43px !important;
    z-index: 2 !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-manage-options .fc-manage-options-third-button-label {
    color: transparent !important;
    background: rgb(58, 158, 83) !important;
    border-radius: 20px !important;
    height: 36px !important;
    line-height: 36px !important;
}

.fc-consent-root .fc-dialog-container .fc-cta-manage-options .fc-manage-options-third-button-label:after {
    content: "Nastavenia";
    color: white;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fc-consent-root .fc-choice-dialog .fc-footer-buttons-container {
    height: 130px !important;
}

.fc-consent-root .fc-preference-container .fc-preference-slider .fc-slider-el {
    background-color: rgb(192, 192, 192) !important;
}

.fc-consent-root .fc-preference-container .fc-preference-slider .fc-slider-el:after {
    content: "nesúhlasím";
    position: absolute;
    right: 100%;
    top: 0;
    line-height: 20px;
    font-size: 12px;
    padding: 0 4px;
    color: rgb(192, 192, 192) !important;
}

.fc-consent-root .fc-preference-container .fc-preference-slider input:checked + .fc-slider-el {
    background-color: rgb(58, 158, 83) !important;
}

.fc-consent-root .fc-preference-container .fc-preference-slider input:checked + .fc-slider-el:after {
    content: "súhlasím";
    color: rgb(58, 158, 83) !important;
}

.fc-consent-root .fc-dialog .fc-header h2.fc-dialog-title {
    display: none !important;
}

.fc-consent-root .fc-cta-manage-options,
.fc-consent-root .fc-cta-do-not-consent,
.fc-consent-root .fc-manage-options-third-button-label {
    color: #666666 !important;
    font-weight: bold !important;
}

.fc-consent-root .fc-primary-button .fc-button-background {
    background: rgb(58, 158, 83) !important;
}

.fc-choice-dialog .fc-button {
    margin: 5px 0 0 !important;
    flex: none !important;
    width: 100% !important;
    display: inline-block !important;
}

.fc-choice-dialog .fc-primary-button {
    order: 1 !important;
}

.fc-choice-dialog .fc-footer-buttons {
    display: block !important;
    flex: 1 !important;
    text-align: center !important;
}

.fc-choice-dialog .fc-cta-manage-options {
    width: auto !important;
}

.fc-consent-root .fc-button:hover .fc-button-background {
    filter: brightness(100%) !important
}

@media screen and (max-width: 480px) {
    .fc-consent-root .fc-footer-buttons-container {
        max-height: 110px !important;
    }
}

.__theme_napunk .fc-consent-root .fc-dialog-container .fc-cta-consent .fc-button-label:after {
    content: "Elfogadom";
}

.__theme_napunk .fc-consent-root .fc-dialog-container .fc-cta-do-not-consent .fc-button-label:after {
    content: "Folytatás a szükséges sütikkel →";
}

.__theme_napunk .fc-consent-root .fc-dialog-container .fc-cta-manage-options .fc-manage-options-third-button-label:after {
    content: "Beállítások";
}

.__theme_napunk .fc-consent-root .fc-preference-container .fc-preference-slider .fc-slider-el:after {
    content: "elutasítom";
}

.__theme_napunk .fc-consent-root .fc-preference-container .fc-preference-slider input:checked + .fc-slider-el:after {
    content: "elfogadom";
}