@supports (--css: variables) {
    :root {
        --headers-font-family: Lato, sans-serif;
        --headers-font-weight: initial;
        --text-big-font-weight: initial;
        --base-font-weight: initial
    }
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Light.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Light.woff") format("woff");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-LightItalic.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-LightItalic.woff") format("woff");
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Regular.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Regular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Italic.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Italic.woff") format("woff");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Semibold.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Semibold.woff") format("woff");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-SemiboldItalic.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-SemiboldItalic.woff") format("woff");
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Bold.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-BoldItalic.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-BoldItalic.woff") format("woff");
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    text-rendering: optimizeLegibility
}

@keyframes zoom {
    0% {
        transform: scale(0.8, 0.8)
    }

    100% {
        transform: scale(1, 1)
    }
}

@keyframes zoom-in-stamp {
    0% {
        transform: scale3d(1.5, 1.5, 1.5)
    }

    100% {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fade-in-out {
    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -10px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes spinleft {
    0% {
        transform: rotate(360deg)
    }

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

@keyframes spinright {
    0% {
        transform: rotate(0deg)
    }

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

@keyframes donut-rotate {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-140deg)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes preloader-rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes preloader-stroke {
    from {
        stroke-dasharray: 75;
        stroke-dashoffset: 219
    }

    to {
        stroke-dasharray: 75;
        stroke-dashoffset: 75
    }
}

@keyframes set-highlight-shadow {
    0% {
        box-shadow: none
    }

    100% {
        box-shadow: 0 5px 20px rgba(39,92,224,0.3)
    }
}

@keyframes unset-highlight-shadow {
    0% {
        box-shadow: 0 5px 20px rgba(39,92,224,0.3)
    }

    100% {
        box-shadow: none
    }
}

@keyframes showWithScaleUp {
    0% {
        opacity: 0;
        transform: scale(0.7)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-20px, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(20px, 0, 0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes smoothFadeInFromTop {
    0% {
        opacity: 0;
        transform: translateY(-5px)
    }

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

@keyframes fadeInFromTop {
    0% {
        transform: translateY(-150px)
    }

    100% {
        transform: translateY(0)
    }
}

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

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

@keyframes autofill {
    to {
        background: transparent
    }
}

@keyframes autofillcancel {
    from {
    }

    to {
    }
}

@keyframes bounce-x {
    0% {
        transform: translate3d(0, 0, 0)
    }

    10% {
        transform: translate3d(-6px, 0, 0)
    }

    20% {
        transform: translate3d(12px, 0, 0)
    }

    29% {
        transform: translate3d(-12px, 0, 0)
    }

    38% {
        transform: translate3d(11px, 0, 0)
    }

    47% {
        transform: translate3d(-9px, 0, 0)
    }

    56% {
        transform: translate3d(7px, 0, 0)
    }

    65% {
        transform: translate3d(-5px, 0, 0)
    }

    74% {
        transform: translate3d(3px, 0, 0)
    }

    83% {
        transform: translate3d(-1px, 0, 0)
    }

    92% {
        transform: translate3d(1px, 0, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@font-face {
    font-family: 'font_icons';
    font-style: normal;
    font-weight: normal;
    src: url("//ec-icons.shopsettings.com/static/fonts/icons/v18/fontIcons.eot");
    src: url("//ec-icons.shopsettings.com/static/fonts/icons/v18/fontIcons.eot?#iefix") format("embedded-opentype"),url("//ec-icons.shopsettings.com/static/fonts/icons/v18/fontIcons.ttf") format("truetype"),url("//ec-icons.shopsettings.com/static/fonts/icons/v18/fontIcons.woff") format("woff"),url("//ec-icons.shopsettings.com/static/fonts/icons/v18/fontIcons.svg#icomoon") format("svg")
}

.ecwid-g {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    letter-spacing: -.31em
}

.opera-only :-o-prefocus, .ecwid-g {
    word-spacing: -.43em
}

.ecwid-u {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    word-spacing: normal
}

.ecwid-u-1, .ecwid-u-1-2, .ecwid-u-1-3, .ecwid-u-2-3, .ecwid-u-1-4, .ecwid-u-3-4, .ecwid-u-1-5, .ecwid-u-2-5, .ecwid-u-3-5, .ecwid-u-4-5, .ecwid-u-1-6, .ecwid-u-5-6, .ecwid-u-1-8, .ecwid-u-2-8, .ecwid-u-3-8, .ecwid-u-5-8, .ecwid-u-7-8, .ecwid-u-1-12, .ecwid-u-5-12, .ecwid-u-7-12, .ecwid-u-11-12, .ecwid-u-1-24, .ecwid-u-5-24, .ecwid-u-7-24, .ecwid-u-11-24, .ecwid-u-13-24, .ecwid-u-17-24, .ecwid-u-19-24, .ecwid-u-23-24 {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    word-spacing: normal
}

.ecwid-u-1 {
    width: 100%
}

.ecwid-u-1-2 {
    width: 50%
}

.ecwid-u-1-3 {
    width: 33.3333%
}

.ecwid-u-2-3 {
    width: 66.6667%
}

.ecwid-u-1-4 {
    width: 25%
}

.ecwid-u-3-4 {
    width: 75%
}

.ecwid-u-1-5 {
    width: 20%
}

.ecwid-u-2-5 {
    width: 40%
}

.ecwid-u-3-5 {
    width: 60%
}

.ecwid-u-4-5 {
    width: 80%
}

.ecwid-u-1-6 {
    width: 16.6667%
}

.ecwid-u-5-6 {
    width: 83.3333%
}

.ecwid-u-1-8 {
    width: 12.5%
}

.ecwid-u-2-8 {
    width: 25%
}

.ecwid-u-3-8 {
    width: 37.5%
}

.ecwid-u-5-8 {
    width: 62.5%
}

.ecwid-u-7-8 {
    width: 87.5%
}

.ecwid-u-1-12 {
    width: 8.3333%
}

.ecwid-u-5-12 {
    width: 41.6667%
}

.ecwid-u-7-12 {
    width: 58.3333%
}

.ecwid-u-11-12 {
    width: 91.6667%
}

.ecwid-u-1-24 {
    width: 4.1667%
}

.ecwid-u-5-24 {
    width: 20.8333%
}

.ecwid-u-7-24 {
    width: 29.1667%
}

.ecwid-u-11-24 {
    width: 45.8333%
}

.ecwid-u-13-24 {
    width: 54.1667%
}

.ecwid-u-17-24 {
    width: 70.8333%
}

.ecwid-u-19-24 {
    width: 79.1667%
}

.ecwid-u-23-24 {
    width: 95.8333%
}

.ecwid-g-r {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    letter-spacing: -.31em
}

.opera-only :-o-prefocus, .ecwid-g-r {
    word-spacing: -.43em
}

    .ecwid-g-r img {
        max-width: 100%;
        height: auto
    }

@media (min-width: 980px) {
    .ecwid-visible-phone {
        display: none
    }

    .ecwid-visible-tablet {
        display: none
    }

    .ecwid-hidden-desktop {
        display: none
    }
}

@media screen and (max-width: 567px) {
    .ecwid-g-r > .ecwid-u, .ecwid-g-r > [class*="ecwid-u-"] {
        width: 100%
    }
}

@media screen and (max-width: 567px) {
    .ecwid-hidden-phone {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .ecwid-g-r > .ecwid-u, .ecwid-g-r > [class*="ecwid-u-"] {
        width: 100%
    }

    .ecwid-visible-desktop {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .ecwid-hidden-tablet {
        display: none
    }

    .ecwid-visible-desktop {
        display: none
    }
}

a, a:visited {
    color: #275ce0;
    transition: color .1s linear;
    text-decoration: none;
    cursor: pointer
}

    a:focus, a:hover, a:visited:focus, a:visited:hover {
        color: #1b409d
    }

    a:active, a:visited:active {
        color: #688de9
    }

    a.link-inverse, a.link-inverse:visited {
        color: #fff
    }

        a.link-inverse:hover, a.link-inverse:visited:hover {
            color: #b3b3b3
        }

        a.link-inverse:active, a.link-inverse:visited:active {
            color: #e9effc
        }

    a.link-as-plain-text, a.link-as-plain-text:visited {
        color: #0a1c2e
    }

        a.link-as-plain-text:hover, a.link-as-plain-text:visited:hover {
            color: #0a1c2e
        }

        a.link-as-plain-text:active, a.link-as-plain-text:visited:active {
            color: #0a1c2e
        }

        a.link-as-plain-text:focus, a.link-as-plain-text:visited:focus {
            color: #0a1c2e
        }

    a.ai {
        color: #a548be
    }

        a.ai:hover {
            color: #da9beb
        }

        a.ai:active {
            color: #a548be
        }

    a.disabled, a[disabled] {
        opacity: .4;
        color: #607385;
        cursor: default;
        pointer-events: none
    }

    a.link-upgrade .svg-icon svg {
        fill: #f9a650
    }

    a.link-upgrade:hover .svg-icon svg {
        fill: #ae7438
    }

.cursor-pointer {
    cursor: pointer
}

.no-pointer-events {
    pointer-events: none
}

.nowrap {
    white-space: nowrap
}

.wrap-long-word {
    word-wrap: break-word;
    word-break: break-word
}

.success {
    color: #0cac42
}

.muted {
    color: #607385
}

.error {
    color: #f43c36
}

.warning {
    color: #de9d1c
}

.info {
    color: #275ce0
}

.ai {
    color: #a548be
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 8px
}

h1 {
    font-size: 20px;
    line-height: 28px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    h1 {
        font-size: 32px;
        line-height: 38px
    }
}

h2 {
    font-size: 20px;
    line-height: 28px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    h2 {
        font-size: 24px;
        line-height: 30px
    }
}

h3 {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    h3 {
        font-size: 20px;
        line-height: 28px
    }
}

h4 {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

h5 {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

h6 {
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700)
}

.text-big {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

.text-default {
    font-size: 14px;
    line-height: 22px
}

.text-small {
    font-size: 12px;
    line-height: 18px
}

.text-uppercase {
    text-transform: uppercase
}

.text-bold, b, strong {
    font-weight: 600
}

.sub-title {
    font-weight: 500
}

.text-cross-out {
    text-decoration: line-through
}

.t-align--right {
    text-align: right
}

.t-align--center {
    text-align: center
}

.align-center {
    align-self: center
}

.text-disabled {
    color: #b5bfc9
}

.text-high {
    font-size: 16px;
    line-height: 24px
}

.btn {
    display: inline-block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    margin: 0;
    border: 0 solid transparent;
    outline: 0;
    box-shadow: transparent;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    transform: translate3d(0, 0, 0);
    transition: color .1s ease-out 0s, background-color .1s ease-out 0s, border-color .1s ease-out 0s, box-shadow .1s ease-out 0s, transform .1s ease-out 0s;
    cursor: pointer;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 500);
    min-width: 7.385em;
    height: 32px;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.45;
    background-color: #fff;
    color: #0a1c2e;
    background-image: none;
    box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
    box-shadow: none
}

    .btn.btn-loading::after {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        width: 23px;
        height: 23px;
        margin-top: -12px;
        margin-left: -12px;
        animation: fadein .1s 1 linear, spinright .5s infinite linear
    }

    .btn::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        background-color: rgba(204,204,204,0.5);
        background-image: none;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s
    }

    .btn:focus::before, .btn:hover::before {
        opacity: 1
    }

    .btn:hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #0a1c2e
    }

    .btn:focus {
        box-shadow: 0 1px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #0a1c2e
    }

    .btn:active {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #0a1c2e;
        transform: translate3d(0, 1px, 0)
    }

    .btn:focus:active {
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
    }

        .btn:focus:active::before {
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
        }

        .btn::before, .btn:hover, .btn:focus, .btn:active, .btn:focus:active, .btn:focus:active::before {
            box-shadow: none
        }

    .btn.btn-loading, .btn.btn-loading:hover, .btn.btn-loading:focus, .btn.btn-loading:focus:hover, .btn.btn-loading:active, .btn.btn-loading:focus:active {
        position: relative;
        overflow: visible;
        background-color: #fff
    }

        .btn.btn-loading::after, .btn.btn-loading:hover::after, .btn.btn-loading:focus::after, .btn.btn-loading:focus:hover::after, .btn.btn-loading:active::after, .btn.btn-loading:focus:active::after {
            background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%230a1c2e'/%3E%3C/svg%3E") center center no-repeat;
            background-size: contain
        }

        .btn.btn-loading svg, .btn.btn-loading .loader, .btn.btn-loading:hover svg, .btn.btn-loading:hover .loader, .btn.btn-loading:focus svg, .btn.btn-loading:focus .loader, .btn.btn-loading:focus:hover svg, .btn.btn-loading:focus:hover .loader, .btn.btn-loading:active svg, .btn.btn-loading:active .loader, .btn.btn-loading:focus:active svg, .btn.btn-loading:focus:active .loader {
            display: none
        }

    .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:focus:hover, .btn[disabled]:active, .btn[disabled]:focus:active {
        opacity: .4;
        cursor: default;
        pointer-events: none
    }

    .btn.btn-loading::before, .btn.btn-loading:hover::before, .btn.btn-loading:focus::before, .btn.btn-loading:focus:hover::before, .btn.btn-loading:active::before, .btn.btn-loading:focus:active::before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        opacity: 1;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        background-color: inherit;
        background-image: inherit;
        box-shadow: inherit;
        transition: opacity .3s ease-out
    }

    .btn.btn-loading {
        pointer-events: none
    }

@media screen and (max-width: 767px) {
    .btn--mobile-full-width {
        width: 100%
    }
}

.btn.btn--destructive:not(.btn-ai)::before {
    background-color: #f65954
}

.btn.btn--destructive:not(.btn-ai):hover {
    color: #fff
}

    .btn.btn--destructive:not(.btn-ai):hover::before {
        transition: opacity .1s ease-out 0s, background-color .1s ease-out 0s
    }

    .btn.btn--destructive:not(.btn-ai):hover:focus {
        box-shadow: 0 1px 6px 0 #f43c36,0 0 0 1px rgba(0,0,0,0.1) inset
    }

    .btn.btn--destructive:not(.btn-ai):hover:active {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        transform: translate3d(0, 1px, 0)
    }

    .btn.btn--destructive:not(.btn-ai):hover:focus:active {
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
    }

        .btn.btn--destructive:not(.btn-ai):hover:focus:active::before {
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
        }

.btn.btn--soc, .btn.btn--social {
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    text-align: left;
    height: auto;
    white-space: normal
}

    .btn.btn--soc.btn-large, .btn.btn--social.btn-large {
        min-height: 48px
    }

    .btn.btn--soc.btn-medium, .btn.btn--social.btn-medium {
        min-height: 40px
    }

    .btn.btn--soc.btn-small, .btn.btn--social.btn-small {
        min-height: 32px
    }

    .btn.btn--soc .svg-icon, .btn.btn--social .svg-icon {
        height: 24px;
        margin: 0 16px 0 0
    }

.btn-large {
    min-width: 144px;
    height: 48px;
    padding: 11px 16px;
    border-radius: 6px;
    font-size: 16px;
    line-height: 1.45
}

    .btn-large.btn-loading::after {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        width: 35px;
        height: 35px;
        margin-top: -18px;
        margin-left: -18px;
        animation: fadein .1s 1 linear, spinright .5s infinite linear
    }

.btn-medium {
    min-width: 120px;
    height: 40px;
    padding: 9px 12px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.45
}

    .btn-medium.btn-loading::after {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        width: 29px;
        height: 29px;
        margin-top: -15px;
        margin-left: -15px;
        animation: fadein .1s 1 linear, spinright .5s infinite linear
    }

.btn-small {
    min-width: 84px;
    height: 32px;
    padding: 8px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.2
}

    .btn-small.btn-loading::after {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        width: 23px;
        height: 23px;
        margin-top: -12px;
        margin-left: -12px;
        animation: fadein .1s 1 linear, spinright .5s infinite linear
    }

.btn-wide {
    min-width: 260px
}

.btn-fullwidth {
    width: 100%
}

.btn-responsive {
    height: auto;
    white-space: normal
}

    .btn-responsive.btn-large {
        min-height: 48px
    }

    .btn-responsive.btn-medium {
        min-height: 40px
    }

    .btn-responsive.btn-small {
        min-height: 32px
    }

.btn-default, a.btn-default {
    background-color: #fff;
    color: #0a1c2e;
    background-image: none;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px #808f9d inset;
    box-shadow: none;
    box-shadow: 0 0 0 1px #808f9d inset
}

    .btn-default::before, a.btn-default::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        background-color: rgba(231,240,248,0.5);
        background-image: none;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s
    }

    .btn-default:focus::before, .btn-default:hover::before, a.btn-default:focus::before, a.btn-default:hover::before {
        opacity: 1
    }

    .btn-default:hover, a.btn-default:hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px #808f9d inset;
        color: #0a1c2e
    }

    .btn-default:focus, a.btn-default:focus {
        box-shadow: 0 1px 6px 0 #607385,0 0 0 1px #808f9d inset;
        color: #0a1c2e
    }

    .btn-default:active, a.btn-default:active {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px #808f9d inset;
        color: #0a1c2e;
        transform: translate3d(0, 1px, 0)
    }

    .btn-default:focus:active, a.btn-default:focus:active {
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px #808f9d inset
    }

        .btn-default:focus:active::before, a.btn-default:focus:active::before {
            box-shadow: 0 0 0 1px #808f9d inset
        }

        .btn-default::before, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:focus:active, .btn-default:focus:active::before, a.btn-default::before, a.btn-default:hover, a.btn-default:focus, a.btn-default:active, a.btn-default:focus:active, a.btn-default:focus:active::before {
            box-shadow: none
        }

    .btn-default.btn-loading, .btn-default.btn-loading:hover, .btn-default.btn-loading:focus, .btn-default.btn-loading:focus:hover, .btn-default.btn-loading:active, .btn-default.btn-loading:focus:active, a.btn-default.btn-loading, a.btn-default.btn-loading:hover, a.btn-default.btn-loading:focus, a.btn-default.btn-loading:focus:hover, a.btn-default.btn-loading:active, a.btn-default.btn-loading:focus:active {
        position: relative;
        overflow: visible;
        background-color: #fff
    }

        .btn-default.btn-loading::after, .btn-default.btn-loading:hover::after, .btn-default.btn-loading:focus::after, .btn-default.btn-loading:focus:hover::after, .btn-default.btn-loading:active::after, .btn-default.btn-loading:focus:active::after, a.btn-default.btn-loading::after, a.btn-default.btn-loading:hover::after, a.btn-default.btn-loading:focus::after, a.btn-default.btn-loading:focus:hover::after, a.btn-default.btn-loading:active::after, a.btn-default.btn-loading:focus:active::after {
            background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%230a1c2e'/%3E%3C/svg%3E") center center no-repeat;
            background-size: contain
        }

        .btn-default.btn-loading svg, .btn-default.btn-loading .loader, .btn-default.btn-loading:hover svg, .btn-default.btn-loading:hover .loader, .btn-default.btn-loading:focus svg, .btn-default.btn-loading:focus .loader, .btn-default.btn-loading:focus:hover svg, .btn-default.btn-loading:focus:hover .loader, .btn-default.btn-loading:active svg, .btn-default.btn-loading:active .loader, .btn-default.btn-loading:focus:active svg, .btn-default.btn-loading:focus:active .loader, a.btn-default.btn-loading svg, a.btn-default.btn-loading .loader, a.btn-default.btn-loading:hover svg, a.btn-default.btn-loading:hover .loader, a.btn-default.btn-loading:focus svg, a.btn-default.btn-loading:focus .loader, a.btn-default.btn-loading:focus:hover svg, a.btn-default.btn-loading:focus:hover .loader, a.btn-default.btn-loading:active svg, a.btn-default.btn-loading:active .loader, a.btn-default.btn-loading:focus:active svg, a.btn-default.btn-loading:focus:active .loader {
            display: none
        }

    .btn-default .svg-icon, a.btn-default .svg-icon {
        color: #0a1c2e
    }

    .btn-default::before, a.btn-default::before {
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
    }

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:focus:active, .btn-default:focus:active::before, a.btn-default:hover, a.btn-default:focus, a.btn-default:active, a.btn-default:focus:active, a.btn-default:focus:active::before {
        box-shadow: 0 0 0 1px #808f9d inset
    }

    .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:focus:hover, .btn-default[disabled]:active, .btn-default[disabled]:focus:active {
        border-width: 1px;
        border-color: rgba(0,0,0,0);
        background-color: #fff;
        color: #0a1c2e;
        border-color: #d4d4d4
    }

    .btn-default.btn-ai {
        box-shadow: 0 0 0 1px #a548be inset
    }

        .btn-default.btn-ai:hover, .btn-default.btn-ai:focus, .btn-default.btn-ai:active, .btn-default.btn-ai:focus:active, .btn-default.btn-ai:focus:active::before {
            box-shadow: 0 0 0 1px #da9beb inset
        }

.btn-primary, a.btn-primary {
    background-color: #275ce0;
    color: #fff;
    background-image: none;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    box-shadow: none
}

    .btn-primary::before, a.btn-primary::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        background-color: rgba(71,116,229,0.5);
        background-image: none;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s
    }

    .btn-primary:focus::before, .btn-primary:hover::before, a.btn-primary:focus::before, a.btn-primary:hover::before {
        opacity: 1
    }

    .btn-primary:hover, a.btn-primary:hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff
    }

    .btn-primary:focus, a.btn-primary:focus {
        box-shadow: 0 1px 6px 0 #275ce0,0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff
    }

    .btn-primary:active, a.btn-primary:active {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff;
        transform: translate3d(0, 1px, 0)
    }

    .btn-primary:focus:active, a.btn-primary:focus:active {
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
    }

        .btn-primary:focus:active::before, a.btn-primary:focus:active::before {
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
        }

        .btn-primary::before, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:focus:active, .btn-primary:focus:active::before, a.btn-primary::before, a.btn-primary:hover, a.btn-primary:focus, a.btn-primary:active, a.btn-primary:focus:active, a.btn-primary:focus:active::before {
            box-shadow: none
        }

    .btn-primary.btn-loading, .btn-primary.btn-loading:hover, .btn-primary.btn-loading:focus, .btn-primary.btn-loading:focus:hover, .btn-primary.btn-loading:active, .btn-primary.btn-loading:focus:active, a.btn-primary.btn-loading, a.btn-primary.btn-loading:hover, a.btn-primary.btn-loading:focus, a.btn-primary.btn-loading:focus:hover, a.btn-primary.btn-loading:active, a.btn-primary.btn-loading:focus:active {
        position: relative;
        overflow: visible;
        background-color: #275ce0
    }

        .btn-primary.btn-loading::after, .btn-primary.btn-loading:hover::after, .btn-primary.btn-loading:focus::after, .btn-primary.btn-loading:focus:hover::after, .btn-primary.btn-loading:active::after, .btn-primary.btn-loading:focus:active::after, a.btn-primary.btn-loading::after, a.btn-primary.btn-loading:hover::after, a.btn-primary.btn-loading:focus::after, a.btn-primary.btn-loading:focus:hover::after, a.btn-primary.btn-loading:active::after, a.btn-primary.btn-loading:focus:active::after {
            background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
            background-size: contain
        }

        .btn-primary.btn-loading svg, .btn-primary.btn-loading .loader, .btn-primary.btn-loading:hover svg, .btn-primary.btn-loading:hover .loader, .btn-primary.btn-loading:focus svg, .btn-primary.btn-loading:focus .loader, .btn-primary.btn-loading:focus:hover svg, .btn-primary.btn-loading:focus:hover .loader, .btn-primary.btn-loading:active svg, .btn-primary.btn-loading:active .loader, .btn-primary.btn-loading:focus:active svg, .btn-primary.btn-loading:focus:active .loader, a.btn-primary.btn-loading svg, a.btn-primary.btn-loading .loader, a.btn-primary.btn-loading:hover svg, a.btn-primary.btn-loading:hover .loader, a.btn-primary.btn-loading:focus svg, a.btn-primary.btn-loading:focus .loader, a.btn-primary.btn-loading:focus:hover svg, a.btn-primary.btn-loading:focus:hover .loader, a.btn-primary.btn-loading:active svg, a.btn-primary.btn-loading:active .loader, a.btn-primary.btn-loading:focus:active svg, a.btn-primary.btn-loading:focus:active .loader {
            display: none
        }

    .btn-primary .svg-icon, a.btn-primary .svg-icon {
        color: #fff
    }

    .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:focus:hover, .btn-primary[disabled]:active, .btn-primary[disabled]:focus:active {
        border-width: 0;
        border-color: rgba(0,0,0,0);
        background-color: #275ce0;
        color: #fff
    }

    a.btn-primary.btn-ai, .btn-primary.btn-ai {
        background-color: #a548be;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        box-shadow: none
    }

        a.btn-primary.btn-ai::before, .btn-primary.btn-ai::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(218,155,235,0.5);
            background-image: none;
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
            transition: opacity .1s ease-out 0s
        }

        a.btn-primary.btn-ai:focus::before, a.btn-primary.btn-ai:hover::before, .btn-primary.btn-ai:focus::before, .btn-primary.btn-ai:hover::before {
            opacity: 1
        }

        a.btn-primary.btn-ai:hover, .btn-primary.btn-ai:hover {
            box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
            color: #fff
        }

        a.btn-primary.btn-ai:focus, .btn-primary.btn-ai:focus {
            box-shadow: 0 1px 6px 0 #a548be,0 0 0 1px rgba(0,0,0,0.1) inset;
            color: #fff
        }

        a.btn-primary.btn-ai:active, .btn-primary.btn-ai:active {
            box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
            color: #fff;
            transform: translate3d(0, 1px, 0)
        }

        a.btn-primary.btn-ai:focus:active, .btn-primary.btn-ai:focus:active {
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
        }

            a.btn-primary.btn-ai:focus:active::before, .btn-primary.btn-ai:focus:active::before {
                box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
            }

            a.btn-primary.btn-ai::before, a.btn-primary.btn-ai:hover, a.btn-primary.btn-ai:focus, a.btn-primary.btn-ai:active, a.btn-primary.btn-ai:focus:active, a.btn-primary.btn-ai:focus:active::before, .btn-primary.btn-ai::before, .btn-primary.btn-ai:hover, .btn-primary.btn-ai:focus, .btn-primary.btn-ai:active, .btn-primary.btn-ai:focus:active, .btn-primary.btn-ai:focus:active::before {
                box-shadow: none
            }

        a.btn-primary.btn-ai.btn-loading, a.btn-primary.btn-ai.btn-loading:hover, a.btn-primary.btn-ai.btn-loading:focus, a.btn-primary.btn-ai.btn-loading:focus:hover, a.btn-primary.btn-ai.btn-loading:active, a.btn-primary.btn-ai.btn-loading:focus:active, .btn-primary.btn-ai.btn-loading, .btn-primary.btn-ai.btn-loading:hover, .btn-primary.btn-ai.btn-loading:focus, .btn-primary.btn-ai.btn-loading:focus:hover, .btn-primary.btn-ai.btn-loading:active, .btn-primary.btn-ai.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #a548be
        }

            a.btn-primary.btn-ai.btn-loading::after, a.btn-primary.btn-ai.btn-loading:hover::after, a.btn-primary.btn-ai.btn-loading:focus::after, a.btn-primary.btn-ai.btn-loading:focus:hover::after, a.btn-primary.btn-ai.btn-loading:active::after, a.btn-primary.btn-ai.btn-loading:focus:active::after, .btn-primary.btn-ai.btn-loading::after, .btn-primary.btn-ai.btn-loading:hover::after, .btn-primary.btn-ai.btn-loading:focus::after, .btn-primary.btn-ai.btn-loading:focus:hover::after, .btn-primary.btn-ai.btn-loading:active::after, .btn-primary.btn-ai.btn-loading:focus:active::after {
                background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            a.btn-primary.btn-ai.btn-loading svg, a.btn-primary.btn-ai.btn-loading .loader, a.btn-primary.btn-ai.btn-loading:hover svg, a.btn-primary.btn-ai.btn-loading:hover .loader, a.btn-primary.btn-ai.btn-loading:focus svg, a.btn-primary.btn-ai.btn-loading:focus .loader, a.btn-primary.btn-ai.btn-loading:focus:hover svg, a.btn-primary.btn-ai.btn-loading:focus:hover .loader, a.btn-primary.btn-ai.btn-loading:active svg, a.btn-primary.btn-ai.btn-loading:active .loader, a.btn-primary.btn-ai.btn-loading:focus:active svg, a.btn-primary.btn-ai.btn-loading:focus:active .loader, .btn-primary.btn-ai.btn-loading svg, .btn-primary.btn-ai.btn-loading .loader, .btn-primary.btn-ai.btn-loading:hover svg, .btn-primary.btn-ai.btn-loading:hover .loader, .btn-primary.btn-ai.btn-loading:focus svg, .btn-primary.btn-ai.btn-loading:focus .loader, .btn-primary.btn-ai.btn-loading:focus:hover svg, .btn-primary.btn-ai.btn-loading:focus:hover .loader, .btn-primary.btn-ai.btn-loading:active svg, .btn-primary.btn-ai.btn-loading:active .loader, .btn-primary.btn-ai.btn-loading:focus:active svg, .btn-primary.btn-ai.btn-loading:focus:active .loader {
                display: none
            }

        .btn-primary.btn-ai[disabled], .btn-primary.btn-ai[disabled]:hover, .btn-primary.btn-ai[disabled]:focus, .btn-primary.btn-ai[disabled]:focus:hover, .btn-primary.btn-ai[disabled]:active, .btn-primary.btn-ai[disabled]:focus:active {
            border-width: 0;
            border-color: rgba(0,0,0,0);
            background-color: #a548be;
            color: #fff
        }

.btn-success, a.btn-success {
    background-color: #0cac42;
    color: #fff;
    background-image: none;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    box-shadow: none
}

    .btn-success::before, a.btn-success::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        background-color: rgba(48,184,94,0.5);
        background-image: none;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s
    }

    .btn-success:focus::before, .btn-success:hover::before, a.btn-success:focus::before, a.btn-success:hover::before {
        opacity: 1
    }

    .btn-success:hover, a.btn-success:hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff
    }

    .btn-success:focus, a.btn-success:focus {
        box-shadow: 0 1px 6px 0 #0cac42,0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff
    }

    .btn-success:active, a.btn-success:active {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff;
        transform: translate3d(0, 1px, 0)
    }

    .btn-success:focus:active, a.btn-success:focus:active {
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
    }

        .btn-success:focus:active::before, a.btn-success:focus:active::before {
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
        }

        .btn-success::before, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:focus:active, .btn-success:focus:active::before, a.btn-success::before, a.btn-success:hover, a.btn-success:focus, a.btn-success:active, a.btn-success:focus:active, a.btn-success:focus:active::before {
            box-shadow: none
        }

    .btn-success.btn-loading, .btn-success.btn-loading:hover, .btn-success.btn-loading:focus, .btn-success.btn-loading:focus:hover, .btn-success.btn-loading:active, .btn-success.btn-loading:focus:active, a.btn-success.btn-loading, a.btn-success.btn-loading:hover, a.btn-success.btn-loading:focus, a.btn-success.btn-loading:focus:hover, a.btn-success.btn-loading:active, a.btn-success.btn-loading:focus:active {
        position: relative;
        overflow: visible;
        background-color: #0cac42
    }

        .btn-success.btn-loading::after, .btn-success.btn-loading:hover::after, .btn-success.btn-loading:focus::after, .btn-success.btn-loading:focus:hover::after, .btn-success.btn-loading:active::after, .btn-success.btn-loading:focus:active::after, a.btn-success.btn-loading::after, a.btn-success.btn-loading:hover::after, a.btn-success.btn-loading:focus::after, a.btn-success.btn-loading:focus:hover::after, a.btn-success.btn-loading:active::after, a.btn-success.btn-loading:focus:active::after {
            background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
            background-size: contain
        }

        .btn-success.btn-loading svg, .btn-success.btn-loading .loader, .btn-success.btn-loading:hover svg, .btn-success.btn-loading:hover .loader, .btn-success.btn-loading:focus svg, .btn-success.btn-loading:focus .loader, .btn-success.btn-loading:focus:hover svg, .btn-success.btn-loading:focus:hover .loader, .btn-success.btn-loading:active svg, .btn-success.btn-loading:active .loader, .btn-success.btn-loading:focus:active svg, .btn-success.btn-loading:focus:active .loader, a.btn-success.btn-loading svg, a.btn-success.btn-loading .loader, a.btn-success.btn-loading:hover svg, a.btn-success.btn-loading:hover .loader, a.btn-success.btn-loading:focus svg, a.btn-success.btn-loading:focus .loader, a.btn-success.btn-loading:focus:hover svg, a.btn-success.btn-loading:focus:hover .loader, a.btn-success.btn-loading:active svg, a.btn-success.btn-loading:active .loader, a.btn-success.btn-loading:focus:active svg, a.btn-success.btn-loading:focus:active .loader {
            display: none
        }

    .btn-success .svg-icon, a.btn-success .svg-icon {
        color: #fff
    }

    .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:focus:hover, .btn-success[disabled]:active, .btn-success[disabled]:focus:active {
        border-width: 0;
        border-color: rgba(0,0,0,0);
        background-color: #0cac42;
        color: #fff
    }

.btn-alert:not(.btn-ai) {
    background-color: #f43c36;
    color: #fff;
    background-image: none;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    box-shadow: none
}

    .btn-alert:not(.btn-ai)::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        background-color: rgba(246,89,84,0.5);
        background-image: none;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s
    }

    .btn-alert:not(.btn-ai):focus::before, .btn-alert:not(.btn-ai):hover::before {
        opacity: 1
    }

    .btn-alert:not(.btn-ai):hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff
    }

    .btn-alert:not(.btn-ai):focus {
        box-shadow: 0 1px 6px 0 #f43c36,0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff
    }

    .btn-alert:not(.btn-ai):active {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff;
        transform: translate3d(0, 1px, 0)
    }

    .btn-alert:not(.btn-ai):focus:active {
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
    }

        .btn-alert:not(.btn-ai):focus:active::before {
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
        }

        .btn-alert:not(.btn-ai)::before, .btn-alert:not(.btn-ai):hover, .btn-alert:not(.btn-ai):focus, .btn-alert:not(.btn-ai):active, .btn-alert:not(.btn-ai):focus:active, .btn-alert:not(.btn-ai):focus:active::before {
            box-shadow: none
        }

    .btn-alert:not(.btn-ai).btn-loading, .btn-alert:not(.btn-ai).btn-loading:hover, .btn-alert:not(.btn-ai).btn-loading:focus, .btn-alert:not(.btn-ai).btn-loading:focus:hover, .btn-alert:not(.btn-ai).btn-loading:active, .btn-alert:not(.btn-ai).btn-loading:focus:active {
        position: relative;
        overflow: visible;
        background-color: #f43c36
    }

        .btn-alert:not(.btn-ai).btn-loading::after, .btn-alert:not(.btn-ai).btn-loading:hover::after, .btn-alert:not(.btn-ai).btn-loading:focus::after, .btn-alert:not(.btn-ai).btn-loading:focus:hover::after, .btn-alert:not(.btn-ai).btn-loading:active::after, .btn-alert:not(.btn-ai).btn-loading:focus:active::after {
            background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
            background-size: contain
        }

        .btn-alert:not(.btn-ai).btn-loading svg, .btn-alert:not(.btn-ai).btn-loading .loader, .btn-alert:not(.btn-ai).btn-loading:hover svg, .btn-alert:not(.btn-ai).btn-loading:hover .loader, .btn-alert:not(.btn-ai).btn-loading:focus svg, .btn-alert:not(.btn-ai).btn-loading:focus .loader, .btn-alert:not(.btn-ai).btn-loading:focus:hover svg, .btn-alert:not(.btn-ai).btn-loading:focus:hover .loader, .btn-alert:not(.btn-ai).btn-loading:active svg, .btn-alert:not(.btn-ai).btn-loading:active .loader, .btn-alert:not(.btn-ai).btn-loading:focus:active svg, .btn-alert:not(.btn-ai).btn-loading:focus:active .loader {
            display: none
        }

.btn-alert[disabled], .btn-alert[disabled]:hover, .btn-alert[disabled]:focus, .btn-alert[disabled]:focus:hover, .btn-alert[disabled]:active, .btn-alert[disabled]:focus:active {
    border-width: 0;
    border-color: rgba(0,0,0,0);
    background-color: #f43c36;
    color: #fff
}

.btn-muted-accent {
    background-color: #202427;
    color: #fff;
    background-image: none;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    box-shadow: none
}

    .btn-muted-accent::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        background-color: rgba(77,80,82,0.5);
        background-image: none;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s
    }

    .btn-muted-accent:focus::before, .btn-muted-accent:hover::before {
        opacity: 1
    }

    .btn-muted-accent:hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff
    }

    .btn-muted-accent:focus {
        box-shadow: 0 1px 6px 0 #202427,0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff
    }

    .btn-muted-accent:active {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff;
        transform: translate3d(0, 1px, 0)
    }

    .btn-muted-accent:focus:active {
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
    }

        .btn-muted-accent:focus:active::before {
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
        }

        .btn-muted-accent::before, .btn-muted-accent:hover, .btn-muted-accent:focus, .btn-muted-accent:active, .btn-muted-accent:focus:active, .btn-muted-accent:focus:active::before {
            box-shadow: none
        }

    .btn-muted-accent.btn-loading, .btn-muted-accent.btn-loading:hover, .btn-muted-accent.btn-loading:focus, .btn-muted-accent.btn-loading:focus:hover, .btn-muted-accent.btn-loading:active, .btn-muted-accent.btn-loading:focus:active {
        position: relative;
        overflow: visible;
        background-color: #202427
    }

        .btn-muted-accent.btn-loading::after, .btn-muted-accent.btn-loading:hover::after, .btn-muted-accent.btn-loading:focus::after, .btn-muted-accent.btn-loading:focus:hover::after, .btn-muted-accent.btn-loading:active::after, .btn-muted-accent.btn-loading:focus:active::after {
            background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
            background-size: contain
        }

        .btn-muted-accent.btn-loading svg, .btn-muted-accent.btn-loading .loader, .btn-muted-accent.btn-loading:hover svg, .btn-muted-accent.btn-loading:hover .loader, .btn-muted-accent.btn-loading:focus svg, .btn-muted-accent.btn-loading:focus .loader, .btn-muted-accent.btn-loading:focus:hover svg, .btn-muted-accent.btn-loading:focus:hover .loader, .btn-muted-accent.btn-loading:active svg, .btn-muted-accent.btn-loading:active .loader, .btn-muted-accent.btn-loading:focus:active svg, .btn-muted-accent.btn-loading:focus:active .loader {
            display: none
        }

    .btn-muted-accent .svg-icon {
        color: #fff
    }

.btn-primary-accent {
    background-color: #fddf00;
    color: #0a1c2e;
    background-image: none;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    box-shadow: none
}

    .btn-primary-accent::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        background-color: rgba(253,228,38,0.5);
        background-image: none;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s
    }

    .btn-primary-accent:focus::before, .btn-primary-accent:hover::before {
        opacity: 1
    }

    .btn-primary-accent:hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #0a1c2e
    }

    .btn-primary-accent:focus {
        box-shadow: 0 1px 6px 0 #fddf00,0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #0a1c2e
    }

    .btn-primary-accent:active {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #0a1c2e;
        transform: translate3d(0, 1px, 0)
    }

    .btn-primary-accent:focus:active {
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
    }

        .btn-primary-accent:focus:active::before {
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
        }

        .btn-primary-accent::before, .btn-primary-accent:hover, .btn-primary-accent:focus, .btn-primary-accent:active, .btn-primary-accent:focus:active, .btn-primary-accent:focus:active::before {
            box-shadow: none
        }

    .btn-primary-accent.btn-loading, .btn-primary-accent.btn-loading:hover, .btn-primary-accent.btn-loading:focus, .btn-primary-accent.btn-loading:focus:hover, .btn-primary-accent.btn-loading:active, .btn-primary-accent.btn-loading:focus:active {
        position: relative;
        overflow: visible;
        background-color: #fddf00
    }

        .btn-primary-accent.btn-loading::after, .btn-primary-accent.btn-loading:hover::after, .btn-primary-accent.btn-loading:focus::after, .btn-primary-accent.btn-loading:focus:hover::after, .btn-primary-accent.btn-loading:active::after, .btn-primary-accent.btn-loading:focus:active::after {
            background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%230a1c2e'/%3E%3C/svg%3E") center center no-repeat;
            background-size: contain
        }

        .btn-primary-accent.btn-loading svg, .btn-primary-accent.btn-loading .loader, .btn-primary-accent.btn-loading:hover svg, .btn-primary-accent.btn-loading:hover .loader, .btn-primary-accent.btn-loading:focus svg, .btn-primary-accent.btn-loading:focus .loader, .btn-primary-accent.btn-loading:focus:hover svg, .btn-primary-accent.btn-loading:focus:hover .loader, .btn-primary-accent.btn-loading:active svg, .btn-primary-accent.btn-loading:active .loader, .btn-primary-accent.btn-loading:focus:active svg, .btn-primary-accent.btn-loading:focus:active .loader {
            display: none
        }

    .btn-primary-accent .svg-icon {
        color: #0a1c2e
    }

.btn-promo-paypal, .btn-promo-sofort {
    background-color: #000;
    color: #fff;
    background-image: none;
    box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
    box-shadow: none
}

    .btn-promo-paypal::before, .btn-promo-sofort::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        background-color: rgba(0,0,0,0.5);
        background-image: none;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s
    }

    .btn-promo-paypal:focus::before, .btn-promo-paypal:hover::before, .btn-promo-sofort:focus::before, .btn-promo-sofort:hover::before {
        opacity: 1
    }

    .btn-promo-paypal:hover, .btn-promo-sofort:hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff
    }

    .btn-promo-paypal:focus, .btn-promo-sofort:focus {
        box-shadow: 0 1px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff
    }

    .btn-promo-paypal:active, .btn-promo-sofort:active {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
        color: #fff;
        transform: translate3d(0, 1px, 0)
    }

    .btn-promo-paypal:focus:active, .btn-promo-sofort:focus:active {
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
    }

        .btn-promo-paypal:focus:active::before, .btn-promo-sofort:focus:active::before {
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
        }

        .btn-promo-paypal::before, .btn-promo-paypal:hover, .btn-promo-paypal:focus, .btn-promo-paypal:active, .btn-promo-paypal:focus:active, .btn-promo-paypal:focus:active::before, .btn-promo-sofort::before, .btn-promo-sofort:hover, .btn-promo-sofort:focus, .btn-promo-sofort:active, .btn-promo-sofort:focus:active, .btn-promo-sofort:focus:active::before {
            box-shadow: none
        }

    .btn-promo-paypal.btn-loading, .btn-promo-paypal.btn-loading:hover, .btn-promo-paypal.btn-loading:focus, .btn-promo-paypal.btn-loading:focus:hover, .btn-promo-paypal.btn-loading:active, .btn-promo-paypal.btn-loading:focus:active, .btn-promo-sofort.btn-loading, .btn-promo-sofort.btn-loading:hover, .btn-promo-sofort.btn-loading:focus, .btn-promo-sofort.btn-loading:focus:hover, .btn-promo-sofort.btn-loading:active, .btn-promo-sofort.btn-loading:focus:active {
        position: relative;
        overflow: visible;
        background-color: #000
    }

        .btn-promo-paypal.btn-loading::after, .btn-promo-paypal.btn-loading:hover::after, .btn-promo-paypal.btn-loading:focus::after, .btn-promo-paypal.btn-loading:focus:hover::after, .btn-promo-paypal.btn-loading:active::after, .btn-promo-paypal.btn-loading:focus:active::after, .btn-promo-sofort.btn-loading::after, .btn-promo-sofort.btn-loading:hover::after, .btn-promo-sofort.btn-loading:focus::after, .btn-promo-sofort.btn-loading:focus:hover::after, .btn-promo-sofort.btn-loading:active::after, .btn-promo-sofort.btn-loading:focus:active::after {
            background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
            background-size: contain
        }

        .btn-promo-paypal.btn-loading svg, .btn-promo-paypal.btn-loading .loader, .btn-promo-paypal.btn-loading:hover svg, .btn-promo-paypal.btn-loading:hover .loader, .btn-promo-paypal.btn-loading:focus svg, .btn-promo-paypal.btn-loading:focus .loader, .btn-promo-paypal.btn-loading:focus:hover svg, .btn-promo-paypal.btn-loading:focus:hover .loader, .btn-promo-paypal.btn-loading:active svg, .btn-promo-paypal.btn-loading:active .loader, .btn-promo-paypal.btn-loading:focus:active svg, .btn-promo-paypal.btn-loading:focus:active .loader, .btn-promo-sofort.btn-loading svg, .btn-promo-sofort.btn-loading .loader, .btn-promo-sofort.btn-loading:hover svg, .btn-promo-sofort.btn-loading:hover .loader, .btn-promo-sofort.btn-loading:focus svg, .btn-promo-sofort.btn-loading:focus .loader, .btn-promo-sofort.btn-loading:focus:hover svg, .btn-promo-sofort.btn-loading:focus:hover .loader, .btn-promo-sofort.btn-loading:active svg, .btn-promo-sofort.btn-loading:active .loader, .btn-promo-sofort.btn-loading:focus:active svg, .btn-promo-sofort.btn-loading:focus:active .loader {
            display: none
        }

    .btn-promo-paypal .svg-icon, .btn-promo-sofort .svg-icon {
        color: #000
    }

.btn [class*="icon-"] {
    opacity: .8;
    margin-top: 1px;
    padding-right: .688em;
    color: inherit;
    font-size: 1.143em;
    vertical-align: text-top;
    opacity: 1
}

.btn .svg-icon {
    display: inline-block;
    box-sizing: border-box;
    opacity: .8;
    width: auto;
    height: 20px;
    margin-top: -2px;
    margin-right: 6px;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
    opacity: 1
}

    .btn .svg-icon svg {
        width: auto;
        height: 100%;
        fill: currentcolor
    }

.btn:not(.btn--soc):not(.btn--social):not(.pagination__nav) .svg-icon {
    display: inline-flex;
    height: auto
}

.btn-small .svg-icon {
    margin-top: -2px
}

.btn-large .svg-icon {
    margin-top: -3px
}

.btn.btn--ico-after .svg-icon {
    margin-right: 0;
    margin-left: 6px
}

.btn-icon {
    min-width: 40px
}

    .btn-icon.btn-large {
        min-width: 60px
    }

    .btn-icon.btn-medium {
        min-width: 45px
    }

    .btn-icon.btn-small {
        min-width: 30px
    }

    .btn-icon [class*='icon-'] {
        padding: 0
    }

    .btn-icon .svg-icon {
        margin-right: 0;
        margin-left: 0
    }

.btn-link {
    background-color: rgba(0,0,0,0);
    color: #275ce0;
    background-image: none;
    box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
    box-shadow: none
}

    .btn-link::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        background-color: rgba(231,240,248,0.5);
        background-image: none;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s
    }

    .btn-link:focus::before, .btn-link:hover::before {
        opacity: 1
    }

    .btn-link:hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px #808f9d inset;
        color: #0a1c2e
    }

    .btn-link:focus {
        box-shadow: 0 1px 6px 0 #607385,0 0 0 1px #808f9d inset;
        color: #0a1c2e
    }

    .btn-link:active {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px #808f9d inset;
        color: #0a1c2e;
        transform: translate3d(0, 1px, 0)
    }

    .btn-link:hover, .btn-link:focus, .btn-link:active {
        background-color: #fff
    }

        .btn-link:focus:active {
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px #808f9d inset
        }

            .btn-link:focus:active::before {
                box-shadow: 0 0 0 1px #808f9d inset
            }

            .btn-link::before, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link:focus:active, .btn-link:focus:active::before {
                box-shadow: none
            }

    .btn-link.btn-loading, .btn-link.btn-loading:hover, .btn-link.btn-loading:focus, .btn-link.btn-loading:focus:hover, .btn-link.btn-loading:active, .btn-link.btn-loading:focus:active {
        position: relative;
        overflow: visible;
        background-color: rgba(0,0,0,0)
    }

        .btn-link.btn-loading::after, .btn-link.btn-loading:hover::after, .btn-link.btn-loading:focus::after, .btn-link.btn-loading:focus:hover::after, .btn-link.btn-loading:active::after, .btn-link.btn-loading:focus:active::after {
            background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23275ce0'/%3E%3C/svg%3E") center center no-repeat;
            background-size: contain
        }

        .btn-link.btn-loading svg, .btn-link.btn-loading .loader, .btn-link.btn-loading:hover svg, .btn-link.btn-loading:hover .loader, .btn-link.btn-loading:focus svg, .btn-link.btn-loading:focus .loader, .btn-link.btn-loading:focus:hover svg, .btn-link.btn-loading:focus:hover .loader, .btn-link.btn-loading:active svg, .btn-link.btn-loading:active .loader, .btn-link.btn-loading:focus:active svg, .btn-link.btn-loading:focus:active .loader {
            display: none
        }

        .btn-link.btn-loading, .btn-link.btn-loading:hover, .btn-link.btn-loading:focus, .btn-link.btn-loading:focus:hover, .btn-link.btn-loading:active, .btn-link.btn-loading:focus:active {
            background: transparent;
            color: transparent
        }

            .btn-link.btn-loading::after, .btn-link.btn-loading:hover::after, .btn-link.btn-loading:focus::after, .btn-link.btn-loading:focus:hover::after, .btn-link.btn-loading:active::after, .btn-link.btn-loading:focus:active::after {
                background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23275ce0'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

    .btn-link .svg-icon {
        color: inherit
    }

        .btn-link .svg-icon svg {
            transform: translate(0, 0)
        }

    .btn-link.btn-link--inverse {
        color: #fff
    }

        .btn-link.btn-link--inverse:focus, .btn-link.btn-link--inverse:hover {
            color: #0a1c2e
        }

        .btn-link.btn-link--inverse:active {
            color: #0a1c2e
        }

    .btn-link.btn-ai, .btn-default.btn-ai {
        color: #a548be
    }

        .btn-link.btn-ai:hover, .btn-default.btn-ai:hover {
            color: #da9beb
        }

        .btn-link.btn-ai:active, .btn-default.btn-ai:active {
            color: #a548be
        }

.btn--inverted {
    background-color: rgba(0,0,0,0);
    color: #fff;
    background-image: none;
    box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
    box-shadow: none
}

    .btn--inverted::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        background-color: rgba(231,240,248,0.5);
        background-image: none;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s
    }

    .btn--inverted:focus::before, .btn--inverted:hover::before {
        opacity: 1
    }

    .btn--inverted:hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px #fff inset;
        color: #0a1c2e
    }

    .btn--inverted:focus {
        box-shadow: 0 1px 6px 0 #fff,0 0 0 1px #fff inset;
        color: #0a1c2e
    }

    .btn--inverted:active {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px #fff inset;
        color: #0a1c2e;
        transform: translate3d(0, 1px, 0)
    }

    .btn--inverted:hover, .btn--inverted:focus, .btn--inverted:active {
        background-color: #fff
    }

        .btn--inverted:focus:active {
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px #fff inset
        }

            .btn--inverted:focus:active::before {
                box-shadow: 0 0 0 1px #fff inset
            }

            .btn--inverted::before, .btn--inverted:hover, .btn--inverted:focus, .btn--inverted:active, .btn--inverted:focus:active, .btn--inverted:focus:active::before {
                box-shadow: none
            }

    .btn--inverted.btn-loading, .btn--inverted.btn-loading:hover, .btn--inverted.btn-loading:focus, .btn--inverted.btn-loading:focus:hover, .btn--inverted.btn-loading:active, .btn--inverted.btn-loading:focus:active {
        position: relative;
        overflow: visible;
        background-color: rgba(0,0,0,0)
    }

        .btn--inverted.btn-loading::after, .btn--inverted.btn-loading:hover::after, .btn--inverted.btn-loading:focus::after, .btn--inverted.btn-loading:focus:hover::after, .btn--inverted.btn-loading:active::after, .btn--inverted.btn-loading:focus:active::after {
            background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
            background-size: contain
        }

        .btn--inverted.btn-loading svg, .btn--inverted.btn-loading .loader, .btn--inverted.btn-loading:hover svg, .btn--inverted.btn-loading:hover .loader, .btn--inverted.btn-loading:focus svg, .btn--inverted.btn-loading:focus .loader, .btn--inverted.btn-loading:focus:hover svg, .btn--inverted.btn-loading:focus:hover .loader, .btn--inverted.btn-loading:active svg, .btn--inverted.btn-loading:active .loader, .btn--inverted.btn-loading:focus:active svg, .btn--inverted.btn-loading:focus:active .loader {
            display: none
        }

    .btn--inverted:hover {
        background-color: #e7f0f8;
        color: #0a1c2e
    }

    .btn--inverted:focus {
        color: #fff
    }

        .btn--inverted:focus:hover {
            background-color: #e7f0f8;
            box-shadow: 0 1px 6px 0 #607385,0 0 0 1px #fff inset;
            color: #0a1c2e
        }

        .btn--inverted:focus:active {
            box-shadow: 0 1px 2px 0 #fff,0 0 0 1px #fff inset
        }

    .btn--inverted.btn-loading {
        color: transparent
    }

.btn--bounce .btn__inner {
    position: relative;
    display: inline-block;
    animation: bounce-x 0.8s ease forwards 0s
}

.btn-dropdown {
    position: relative
}

.btn-group {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

    .btn-group > .btn {
        position: relative;
        float: left
    }

        .btn-group > .btn:focus {
            z-index: 1;
            outline: 0
        }

        .btn-group > .btn:hover {
            z-index: 1
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px
    }

    .btn-group.dropdown-toggle .icon-arr-down {
        margin-left: 8px
    }

    .btn-group .btn-dropdown {
        vertical-align: middle
    }

        .btn-group .btn-dropdown [class*='icon-'] {
            margin-top: -2px;
            padding: 0;
            font-size: .3em;
            vertical-align: middle
        }

        .btn-group .btn-dropdown .iconable-link {
            color: inherit
        }

        .btn-group .btn-dropdown .iconable-link__text {
            line-height: 1.5
        }

    .btn-group .list-dropdown {
        display: none;
        top: 100%;
        right: 0;
        margin: 2px 0 0;
        min-width: 200px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }

    .btn-group.drop-left .list-dropdown {
        right: auto;
        left: 0
    }

    .btn-group:not(.reset-min-width-dropdown) .btn-dropdown {
        min-width: 30px
    }

    .btn-group > .btn:not(:first-child):not(:last-child):not(.btn-dropdown) {
        border-radius: 0
    }

    .btn-group > .btn:first-child {
        margin-left: 0
    }

        .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle)::before {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

    .btn-group > .btn:last-child:not(:first-child), .btn-group:not(.dropdown-toggle) > .btn-dropdown:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

        .btn-group > .btn:last-child:not(:first-child) .iconable-link__icon, .btn-group:not(.dropdown-toggle) > .btn-dropdown:not(:first-child) .iconable-link__icon {
            padding-left: 0
        }

        .btn-group > .btn:last-child:not(:first-child)::before, .btn-group:not(.dropdown-toggle) > .btn-dropdown:not(:first-child)::before {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

.opened > .list-dropdown {
    display: block
}

.btn-group--select-all .dropdown-toggle .btn-default {
    background-color: #fff
}

.btn-delete {
    background-color: #f43c36;
    color: #fff
}

    .btn-delete:hover {
        background-color: #f43c36;
        color: #fff
    }

.btn-ai .svg-icon, a.btn-ai .svg-icon {
    color: currentcolor
}

.iconable-block {
    position: relative
}

@media screen and (min-width: 768px) {
    .iconable-block {
        display: flex
    }
}

.iconable-block .iconable-block__infographics {
    display: block;
    position: absolute;
    top: -2px;
    right: -2px;
    text-align: right
}

    .iconable-block .iconable-block__infographics .iconable-block__disabled {
        opacity: .5;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }

@media screen and (min-width: 768px) {
    .iconable-block .iconable-block__infographics {
        position: static;
        padding-right: 8px
    }
}

.iconable-block .iconable-block__infographics:empty {
    display: none
}

.iconable-block .iconable-block__infographics .iconable-block__icon {
    display: flex;
    position: relative;
    width: 32px;
    height: 32px;
    background-size: 100%;
    font-size: 32px
}

@media screen and (min-width: 768px) {
    .iconable-block .iconable-block__infographics .iconable-block__icon {
        width: 56px;
        height: 56px;
        margin-right: 16px;
        font-size: 56px
    }
}

.iconable-block .iconable-block__infographics .iconable-block__icon svg {
    width: 100%;
    height: 100%;
    fill: #275ce0
}

.iconable-block .iconable-block__infographics .iconable-block__icon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.iconable-block .iconable-block__content {
    align-self: center;
    width: 100%;
    height: 100%;
    min-height: 32px;
    -ms-grid-row-align: center
}

@media screen and (min-width: 768px) {
    .iconable-block .iconable-block__content {
        min-height: initial
    }
}

.iconable-block--base .iconable-block__infographics .iconable-block__icon svg {
    fill: #0a1c2e
}

.iconable-block--info .iconable-block__infographics .iconable-block__icon svg {
    fill: #275ce0
}

.iconable-block--success .iconable-block__infographics .iconable-block__icon svg {
    fill: #0cac42
}

.iconable-block--warning .iconable-block__infographics .iconable-block__icon svg {
    fill: #de9d1c
}

.iconable-block--error .iconable-block__infographics .iconable-block__icon svg {
    fill: #f43c36
}

.iconable-block.iconable-block--tinier .iconable-block__infographics {
    margin-top: 4px;
    padding-bottom: 8px
}

@media screen and (min-width: 768px) {
    .iconable-block.iconable-block--tinier .iconable-block__infographics .iconable-block__icon {
        width: 15px;
        height: 15px;
        margin: auto;
        font-size: 15px
    }
}

.iconable-block.iconable-block--tinier .iconable-block__infographics .iconable-block__icon svg {
    fill: currentColor
}

.iconable-block.iconable-block--tiny .iconable-block__infographics {
    height: 32px;
    margin-top: 8px;
    padding-bottom: 8px
}

@media screen and (min-width: 768px) {
    .iconable-block.iconable-block--tiny .iconable-block__infographics {
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) {
    .iconable-block.iconable-block--tiny .iconable-block__infographics .iconable-block__icon {
        width: 40px;
        height: 40px;
        margin-left: 4px;
        font-size: 40px
    }
}

.iconable-block.iconable-block--column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0 0 32px
}

    .iconable-block.iconable-block--column .iconable-block__infographics {
        display: block;
        position: static;
        height: auto;
        margin-top: 8px;
        padding: 0 0 8px 0;
        text-align: center
    }

        .iconable-block.iconable-block--column .iconable-block__infographics .iconable-block__icon {
            display: inline-block;
            margin: 0;
            padding: 0
        }

    .iconable-block.iconable-block--column .iconable-block__content {
        height: auto;
        padding: 0 21%;
        text-align: center
    }

.iconable-block.iconable-block--column-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0
}

    .iconable-block.iconable-block--column-left .iconable-block__infographics {
        display: block;
        position: static;
        height: auto;
        margin: 0;
        padding: 0 0 16px 0;
        text-align: left
    }

        .iconable-block.iconable-block--column-left .iconable-block__infographics .iconable-block__icon {
            margin: 0;
            padding: 0
        }

    .iconable-block.iconable-block--column-left .iconable-block__content {
        height: auto;
        padding: 0;
        text-align: left
    }

.iconable-block.iconable-block--hide-in-mobile .iconable-block__infographics {
    display: none
}

@media screen and (min-width: 768px) {
    .iconable-block.iconable-block--hide-in-mobile .iconable-block__infographics {
        display: block
    }
}

.iconable-block.iconable-block--hide-in-mobile .iconable-block__infographics:empty {
    display: none
}

.iconable-block.iconable-block--hide-in-mobile .iconable-block__content {
    min-height: initial
}

.iconable-block.iconable-block--disabled .iconable-block__infographics {
    opacity: .5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.iconable-block.iconable-block--editable .iconable-block__infographics {
    cursor: pointer
}

.iconable-block.iconable-block--icon-size-small .iconable-block__icon {
    width: 24px;
    height: 24px;
    font-size: 24px
}

@media screen and (min-width: 768px) {
    .iconable-block.iconable-block--icon-size-small .iconable-block__icon {
        width: 24px;
        height: 24px;
        margin-right: 8px;
        font-size: 24px
    }
}

.iconable-block.iconable-block--icon-size-small .iconable-block__content {
    min-height: 24px
}

.iconable-block.iconable-block--icon-size-middle .iconable-block__icon {
    width: 33px;
    height: 33px;
    font-size: 33px
}

@media screen and (min-width: 768px) {
    .iconable-block.iconable-block--icon-size-middle .iconable-block__icon {
        width: 33px;
        height: 33px;
        margin-right: 8px;
        margin-left: 0;
        font-size: 33px
    }
}

.iconable-block.ec-iconable-block--icon-size-medium .iconable-block__icon {
    width: 32px;
    height: 32px;
    font-size: 32px
}

@media screen and (min-width: 768px) {
    .iconable-block.ec-iconable-block--icon-size-medium .iconable-block__icon {
        width: 56px;
        height: 56px;
        margin-right: 8px;
        margin-left: 0;
        font-size: 56px
    }
}

.iconable-link {
    display: inline;
    position: relative;
    text-align: left;
    white-space: nowrap
}

    .iconable-link .iconable-link__text {
        display: inline;
        white-space: normal
    }

    .iconable-link .iconable-link__icon {
        display: inline-block;
        box-sizing: content-box;
        margin: -1px 0 0;
        padding: 0 0 0 .35em;
        line-height: 1em;
        vertical-align: middle
    }

        .iconable-link .iconable-link__icon svg {
            fill: currentColor
        }

        .iconable-link .iconable-link__icon > div {
            display: flex;
            align-items: center
        }

.iconable-link--prepend-icon {
    padding-left: .7em
}

    .iconable-link--prepend-icon .iconable-link__icon {
        margin-left: -.5833333333em;
        padding: 0 .35em 0 0
    }

        .iconable-link--prepend-icon .iconable-link__icon:not(:first-child) {
            position: absolute;
            top: 0;
            left: 0;
            margin: 0
        }

        .iconable-link--prepend-icon .iconable-link__icon:not--emoji(:first-child) {
            padding: 0;
            line-height: 1.5
        }

    .iconable-link--prepend-icon .iconable-link__label {
        vertical-align: baseline
    }

.iconable-link--append-icon .iconable-link__label {
    vertical-align: baseline
}

.iconable-link--large-icon .iconable-link__icon {
    font-size: 1.715em
}

.iconable-link--large-icon.iconable-link--prepend-icon {
    padding-left: 2.1em
}

    .iconable-link--large-icon.iconable-link--prepend-icon .iconable-link__icon {
        margin-left: -1.2244897959em
    }

        .iconable-link--large-icon.iconable-link--prepend-icon .iconable-link__icon:not(:first-child) {
            margin: -.1em 0 0
        }

.iconable-link--icon-only .iconable-link__icon {
    padding: 0
}

.iconable-link--inverse .iconable-link__icon {
    margin-top: -.25em;
    padding: .5em;
    border-radius: 4px;
    background-color: #275ce0;
    color: #fff;
    font-size: 1em;
    transition: background-color .1s linear
}

.iconable-link--inverse:hover .iconable-link__icon {
    background-color: #1b409d;
    color: #fff
}

.iconable-link--inverse:active .iconable-link__icon {
    background-color: #688de9;
    color: #fff
}

.iconable-link--inverse.iconable-link--prepend-icon {
    padding-left: 2.4em
}

.iconable-link--upgrade .iconable-link__icon svg {
    color: #f9a650
}

.iconable-link--upgrade:hover .iconable-link__icon svg {
    color: #ae7438
}

.iconable-link--success {
    pointer-events: none
}

    .iconable-link--success .iconable-link__text, .iconable-link--success .iconable-link__icon {
        color: #0cac42
    }

.iconable-link--menu, .iconable-link--menu:focus, .iconable-link--menu:hover {
    color: #0a1c2e
}

    .iconable-link--menu[disabled], .iconable-link--menu:focus[disabled], .iconable-link--menu:hover[disabled] {
        color: #0a1c2e
    }

    .iconable-link--menu .iconable-link__text, .iconable-link--menu:focus .iconable-link__text, .iconable-link--menu:hover .iconable-link__text {
        white-space: nowrap
    }

    .iconable-link--menu .iconable-link__icon, .iconable-link--menu:focus .iconable-link__icon, .iconable-link--menu:hover .iconable-link__icon {
        height: 20px;
        width: 20px;
        padding-right: .7em
    }

    .iconable-link--menu .iconable-link__active-text-block, .iconable-link--menu:focus .iconable-link__active-text-block, .iconable-link--menu:hover .iconable-link__active-text-block {
        display: inline-grid !important
    }

    .iconable-link--menu .iconable-link__active-text, .iconable-link--menu:focus .iconable-link__active-text, .iconable-link--menu:hover .iconable-link__active-text {
        grid-area: 1/-1
    }

    .iconable-link--menu .iconable-link--hide, .iconable-link--menu:focus .iconable-link--hide, .iconable-link--menu:hover .iconable-link--hide {
        visibility: hidden
    }

    .iconable-link--menu.iconable-link--destructive:not([disabled]) .iconable-link__text, .iconable-link--menu:focus.iconable-link--destructive:not([disabled]) .iconable-link__text, .iconable-link--menu:hover.iconable-link--destructive:not([disabled]) .iconable-link__text {
        color: #f43c36
    }

    .iconable-link--menu.iconable-link--destructive:not([disabled]) .iconable-link__icon, .iconable-link--menu:focus.iconable-link--destructive:not([disabled]) .iconable-link__icon, .iconable-link--menu:hover.iconable-link--destructive:not([disabled]) .iconable-link__icon {
        color: #f43c36
    }

.iconable-link--as-dropdown-list-item {
    padding-top: 13px;
    padding-bottom: 13px;
    display: block
}

    .iconable-link--as-dropdown-list-item.svg-auto-width .iconable-link__icon {
        padding-left: .35em;
        padding-right: .35em
    }

    .iconable-link--as-dropdown-list-item, .iconable-link--as-dropdown-list-item:focus, .iconable-link--as-dropdown-list-item:hover {
        color: #0a1c2e
    }

        .iconable-link--as-dropdown-list-item:hover {
            background-color: #e7f0f8
        }

.iconable-link--no-text-wrap .iconable-link__text {
    white-space: nowrap
}

.iconable-link--full-width {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .iconable-link--full-width .iconable-link__icon {
        height: 12px;
        margin: 0;
        padding-left: 12px;
        font-size: 1em
    }

.iconable-link__text-truncate {
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top
}

.iconable-link.ec-iconable-link--clear-svg-height .iconable-link__icon svg {
    height: auto
}

.iconable-link.ec-iconable-link--ai-svg .iconable-link__icon svg {
    fill: #a548be
}

.iconable-link.iconable-link--ai .iconable-link__text, .iconable-link.iconable-link--ai .iconable-link__icon {
    color: #a548be
}

.iconable-link.iconable-link--ai:hover .iconable-link__text, .iconable-link.iconable-link--ai:hover .iconable-link__icon {
    color: #da9beb
}

.svg-icon {
    color: #275ce0
}

    .svg-icon.svg-icon--success {
        color: #0cac42
    }

    .svg-icon.svg-icon--error {
        color: #f43c36
    }

    .svg-icon.svg-icon--warning {
        color: #de9d1c
    }

    .svg-icon.svg-icon--muted {
        color: #808f9d
    }

    .svg-icon svg {
        fill: currentColor;
        transition: fill .1s linear
    }

.svg-inline-icon svg {
    position: relative;
    top: .125em;
    width: auto;
    height: 1em;
    fill: currentColor;
    transition: fill .1s linear
}

.svg-inline-icon--large svg {
    height: 1.35em;
    margin: -.175em 0
}

.graphic-radio__hint, .bubble {
    position: absolute;
    z-index: 10000;
    top: 0;
    min-width: 130px;
    max-width: 240px;
    text-align: left;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15));
    font-size: 12px;
    line-height: 18px
}

    .graphic-radio__hint .bubble__image, .bubble .bubble__image {
        overflow: hidden;
        margin-bottom: 12px;
        border-radius: 3px
    }

        .graphic-radio__hint .bubble__image svg, .graphic-radio__hint .bubble__image img, .bubble .bubble__image svg, .bubble .bubble__image img {
            display: block;
            max-width: 100%;
            height: auto
        }

    .graphic-radio__hint .bbl-title, .graphic-radio__hint .bubble__title, .bubble .bbl-title, .bubble .bubble__title {
        font-weight: var(--text-big-font-weight, 600);
        margin-bottom: 4px
    }

    .graphic-radio__hint .bbl-text, .graphic-radio__hint .bubble__text, .bubble .bbl-text, .bubble .bubble__text {
        white-space: pre-line;
        word-wrap: break-word;
        word-break: break-word
    }

        .graphic-radio__hint .bbl-text.white-text .fieldset__title, .graphic-radio__hint .bubble__text.white-text .fieldset__title, .bubble .bbl-text.white-text .fieldset__title, .bubble .bubble__text.white-text .fieldset__title {
            color: white
        }

.graphic-radio__hint__arrow, .bubble__arrow {
    display: none
}

.graphic-radio__hint--no-arrow .bubble-success::before, .graphic-radio__hint--no-arrow .bubble-warning::before, .graphic-radio__hint--no-arrow .bubble-error::before, .graphic-radio__hint--no-arrow .bubble-info::before, .graphic-radio__hint--no-arrow .bubble__container::before, .bubble--no-arrow .bubble-success::before, .bubble--no-arrow .bubble-warning::before, .bubble--no-arrow .bubble-error::before, .bubble--no-arrow .bubble-info::before, .bubble--no-arrow .bubble__container::before {
    content: none
}

.graphic-radio__hint--has-custom-arrow .bubble__arrow, .bubble--has-custom-arrow .bubble__arrow {
    display: block
}

.graphic-radio__hint--no-title .bubble__title, .bubble--no-title .bubble__title {
    display: none
}

.graphic-radio__hint .bubble-left::before, .graphic-radio__hint--left .bubble__container .bubble__arrow, .graphic-radio__hint--left .bubble__container::before, .bubble .bubble-left::before, .bubble--left .bubble__container .bubble__arrow, .bubble--left .bubble__container::before {
    top: 50%;
    right: -15px;
    margin-top: -4px;
    transform: rotate(-90deg)
}

.graphic-radio__hint--left .bubble__container::after, .bubble--left .bubble__container::after {
    top: 50%;
    right: -21px;
    margin-top: -6px;
    transform: rotate(-90deg)
}

.graphic-radio__hint .bubble-right::before, .graphic-radio__hint--right .bubble__container .bubble__arrow, .graphic-radio__hint--right .bubble__container::before, .bubble .bubble-right::before, .bubble--right .bubble__container .bubble__arrow, .bubble--right .bubble__container::before {
    top: 50%;
    left: -15px;
    margin-top: -4px;
    transform: rotate(90deg)
}

.graphic-radio__hint--right .bubble__container::after, .bubble--right .bubble__container::after {
    top: 50%;
    left: -21px;
    margin-top: -6px;
    transform: rotate(90deg)
}

.graphic-radio__hint .bubble-bottom::before, .graphic-radio__hint--bottom .bubble__container .bubble__arrow, .graphic-radio__hint--bottom .bubble__container::before, .bubble .bubble-bottom::before, .bubble--bottom .bubble__container .bubble__arrow, .bubble--bottom .bubble__container::before {
    top: -8px;
    left: 50%;
    margin-left: -11px;
    transform: rotate(180deg)
}

.graphic-radio__hint--bottom .bubble__container::after, .bubble--bottom .bubble__container::after {
    top: -12px;
    left: 50%;
    margin-left: -15px;
    transform: rotate(180deg)
}

.graphic-radio__hint .bubble-top::before, .graphic-radio__hint--top .bubble__container .bubble__arrow, .graphic-radio__hint--top .bubble__container::before, .bubble .bubble-top::before, .bubble--top .bubble__container .bubble__arrow, .bubble--top .bubble__container::before {
    bottom: -8px;
    left: 50%;
    margin-left: -11px
}

.graphic-radio__hint--top .bubble__container::after, .bubble--top .bubble__container::after {
    bottom: -12px;
    left: 50%;
    margin-left: -15px
}

.graphic-radio__hint--fixed-width, .bubble--fixed-width {
    min-width: 240px
}

.graphic-radio__hint--error-message, .bubble--error-message {
    text-align: center
}

    .graphic-radio__hint--error-message:not(.bubble--fixed-width), .bubble--error-message:not(.bubble--fixed-width) {
        width: auto !important;
        max-width: 400px
    }

@media screen and (max-width: 767px) {
    .graphic-radio__hint--error-message:not(.bubble--fixed-width), .bubble--error-message:not(.bubble--fixed-width) {
        max-width: 260px
    }
}

.bubble-success, .bubble-warning, .bubble-error, .bubble-info, .bubble__container {
    position: relative;
    animation: zoom .1s 1 linear, fadein .1s 1 linear;
    box-sizing: border-box;
    padding: 12px;
    border: 0 solid transparent;
    border-radius: 6px;
    font-size: 12
}

    .bubble-success .bubble__arrow, .bubble-success::before, .bubble-warning .bubble__arrow, .bubble-warning::before, .bubble-error .bubble__arrow, .bubble-error::before, .bubble-info .bubble__arrow, .bubble-info::before, .bubble__container .bubble__arrow, .bubble__container::before {
        content: "";
        position: absolute;
        width: 22px;
        height: 8px;
        border: 0 solid transparent
    }

    .bubble-success::after, .bubble-warning::after, .bubble-error::after, .bubble-info::after, .bubble__container::after {
        content: "";
        display: block;
        position: absolute;
        width: 30px;
        height: 12px
    }

.bubble-error, .bubble--error .bubble__container {
    background-color: #feeceb;
    color: #0a1c2e
}

    .bubble-error .bbl-title, .bubble-error .bubble__title, .bubble--error .bubble__container .bbl-title, .bubble--error .bubble__container .bubble__title {
        color: #0a1c2e
    }

    .bubble-error .bubble__arrow, .bubble-error::before, .bubble--error .bubble__container .bubble__arrow, .bubble--error .bubble__container::before {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 7' fill='%23feeceb'%3E%3Cpath d='m9.246 5.525-3.48-3.302c-.598-.567-.897-.85-1.22-1.084A6 6 0 0 0 1.823.053C1.455.003.738 0 0 0l22 .002c-.945.008-1.53.04-2.087.181a6 6 0 0 0-1.807.792c-.626.408-1.151.978-2.202 2.117L13.8 5.372c-.769.835-1.153 1.252-1.609 1.418a2 2 0 0 1-1.246.042c-.465-.136-.877-.526-1.7-1.307Z'/%3E%3C/svg%3E") no-repeat center top
    }

.bubble-info, .bubble--info .bubble__container {
    background-color: #181d21;
    color: rgba(255,255,255,0.8)
}

    .bubble-info .bbl-title, .bubble-info .bubble__title, .bubble--info .bubble__container .bbl-title, .bubble--info .bubble__container .bubble__title {
        color: #fff
    }

    .bubble-info .bubble__arrow, .bubble-info::before, .bubble--info .bubble__container .bubble__arrow, .bubble--info .bubble__container::before {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 7' fill='%23181d21'%3E%3Cpath d='m9.246 5.525-3.48-3.302c-.598-.567-.897-.85-1.22-1.084A6 6 0 0 0 1.823.053C1.455.003.738 0 0 0l22 .002c-.945.008-1.53.04-2.087.181a6 6 0 0 0-1.807.792c-.626.408-1.151.978-2.202 2.117L13.8 5.372c-.769.835-1.153 1.252-1.609 1.418a2 2 0 0 1-1.246.042c-.465-.136-.877-.526-1.7-1.307Z'/%3E%3C/svg%3E") no-repeat center top
    }

    .bubble-info a, .bubble--info .bubble__container a {
        color: #8af
    }

.bubble-success, .bubble--success .bubble__container {
    background-color: #e7f7ec;
    color: #0a1c2e
}

    .bubble-success .bbl-title, .bubble-success .bubble__title, .bubble--success .bubble__container .bbl-title, .bubble--success .bubble__container .bubble__title {
        color: #0a1c2e
    }

    .bubble-success .bubble__arrow, .bubble-success::before, .bubble--success .bubble__container .bubble__arrow, .bubble--success .bubble__container::before {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 7' fill='%23e7f7ec'%3E%3Cpath d='m9.246 5.525-3.48-3.302c-.598-.567-.897-.85-1.22-1.084A6 6 0 0 0 1.823.053C1.455.003.738 0 0 0l22 .002c-.945.008-1.53.04-2.087.181a6 6 0 0 0-1.807.792c-.626.408-1.151.978-2.202 2.117L13.8 5.372c-.769.835-1.153 1.252-1.609 1.418a2 2 0 0 1-1.246.042c-.465-.136-.877-.526-1.7-1.307Z'/%3E%3C/svg%3E") no-repeat center top
    }

.bubble-warning, .bubble--warning .bubble__container {
    background-color: #fcf5e8;
    color: #0a1c2e
}

    .bubble-warning .bbl-title, .bubble-warning .bubble__title, .bubble--warning .bubble__container .bbl-title, .bubble--warning .bubble__container .bubble__title {
        color: #0a1c2e
    }

    .bubble-warning .bubble__arrow, .bubble-warning::before, .bubble--warning .bubble__container .bubble__arrow, .bubble--warning .bubble__container::before {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 7' fill='%23fcf5e8'%3E%3Cpath d='m9.246 5.525-3.48-3.302c-.598-.567-.897-.85-1.22-1.084A6 6 0 0 0 1.823.053C1.455.003.738 0 0 0l22 .002c-.945.008-1.53.04-2.087.181a6 6 0 0 0-1.807.792c-.626.408-1.151.978-2.202 2.117L13.8 5.372c-.769.835-1.153 1.252-1.609 1.418a2 2 0 0 1-1.246.042c-.465-.136-.877-.526-1.7-1.307Z'/%3E%3C/svg%3E") no-repeat center top
    }

.bubble-warning, .bubble--warning .bubble__container {
    background-color: #fcf5e8;
    color: #0a1c2e
}

    .bubble-warning .bbl-title, .bubble-warning .bubble__title, .bubble--warning .bubble__container .bbl-title, .bubble--warning .bubble__container .bubble__title {
        color: #0a1c2e
    }

    .bubble-warning .bubble__arrow, .bubble-warning::before, .bubble--warning .bubble__container .bubble__arrow, .bubble--warning .bubble__container::before {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 7' fill='%23fcf5e8'%3E%3Cpath d='m9.246 5.525-3.48-3.302c-.598-.567-.897-.85-1.22-1.084A6 6 0 0 0 1.823.053C1.455.003.738 0 0 0l22 .002c-.945.008-1.53.04-2.087.181a6 6 0 0 0-1.807.792c-.626.408-1.151.978-2.202 2.117L13.8 5.372c-.769.835-1.153 1.252-1.609 1.418a2 2 0 0 1-1.246.042c-.465-.136-.877-.526-1.7-1.307Z'/%3E%3C/svg%3E") no-repeat center top
    }

.bubble--withlabel .bubble__container {
    display: flex
}

.bubble--withlabel .bubble__contentwrapper {
    flex: 1
}

.bubble--withlabel .bubble__label {
    flex: none;
    margin-left: 12px;
    color: #607385
}

.bubble--withlabel-left .bubble__container {
    flex-direction: row-reverse
}

.bubble--withlabel-left .bubble__title {
    text-align: right
}

.bubble--withlabel-left .bubble__content {
    text-align: right
}

.bubble--withlabel-left .bubble__label {
    margin-right: 12px;
    margin-left: 0
}

.bubble__iconablelink {
    margin-top: 12px
}

.bubble--prompt {
    min-width: 176px;
    max-width: none
}

    .bubble--prompt .bubble__container {
        padding: 0 4px;
        font-size: 14px;
        line-height: 22px;
        background-color: #f4f7fd;
        color: #0a1c2e
    }

        .bubble--prompt .bubble__container .bbl-title, .bubble--prompt .bubble__container .bubble__title {
            color: #0a1c2e
        }

        .bubble--prompt .bubble__container .bubble__arrow, .bubble--prompt .bubble__container::before {
            background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 7' fill='%23f4f7fd'%3E%3Cpath d='m9.246 5.525-3.48-3.302c-.598-.567-.897-.85-1.22-1.084A6 6 0 0 0 1.823.053C1.455.003.738 0 0 0l22 .002c-.945.008-1.53.04-2.087.181a6 6 0 0 0-1.807.792c-.626.408-1.151.978-2.202 2.117L13.8 5.372c-.769.835-1.153 1.252-1.609 1.418a2 2 0 0 1-1.246.042c-.465-.136-.877-.526-1.7-1.307Z'/%3E%3C/svg%3E") no-repeat center top
        }

.bubble--fadeout .bubble__container {
    opacity: 0;
    transition: opacity .3s ease-out;
    animation: none
}

.graphic-radio__hint .bbl-title, .bubble.notitle .bbl-title {
    display: none
}

.tooltip {
    display: inline-block;
    position: relative;
    color: #275ce0
}

    .tooltip [class*="bubble-"] {
        padding: 1.2em 1.25em
    }

    .tooltip .bubble .bbl-title, .tooltip .bubble .bubble__title {
        margin-bottom: .6em;
        font-size: .9375em
    }

    .tooltip .bubble .bbl-text, .tooltip .bubble .bubble__text {
        position: relative;
        z-index: 100;
        font-size: .8125em;
        line-height: 1.6
    }

    .tooltip .bubble-info.bubble-bottom::before, .tooltip .bubble--info.bubble--bottom .bubble__container {
        top: -16px;
        margin-left: -14px;
        border-width: 0 14px 16px
    }

    .tooltip .bubble {
        display: none;
        max-width: 22.7em;
        margin: -2em 0 0 -9em;
        padding-top: 3.7em
    }

    .ecwid-no-touch .tooltip:hover, .tooltip.hover {
        color: #1b409d;
        cursor: pointer
    }

        .ecwid-no-touch .tooltip:hover .bubble, .tooltip.hover .bubble {
            display: block
        }

.ecwid-tip {
    position: relative;
    top: 2px;
    padding: 0 11px
}

.ecwid-tip--small {
    top: 0
}

.ecwid-tip__icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

    .ecwid-tip__icon svg {
        color: #275ce0;
        fill: #275ce0
    }

.iconable-tip {
    position: relative;
    top: 1px;
    margin-left: 3px;
    padding: 0 6px
}

.iconable-tip--black .iconable-tip__icon svg {
    color: #0a1c2e;
    fill: #0a1c2e
}

.iconable-tip__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

    .iconable-tip__icon svg {
        display: block;
        width: 12px;
        height: 12px;
        color: #275ce0;
        fill: #275ce0
    }

.ec-bubble .bubble__container::before {
    display: none
}

.ec-bubble .bubble__pointer {
    display: block;
    position: absolute;
    z-index: -1;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    pointer-events: none;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15))
}

.ec-bubble.bubble--info .bubble__pointer {
    background-color: #181d21
}

.ec-bubble.bubble--error .bubble__pointer {
    background-color: #feeceb
}

.ec-bubble.bubble--warning .bubble__pointer {
    background-color: #fcf5e8
}

.ec-bubble.bubble--success .bubble__pointer {
    background-color: #e7f7ec
}

.alert {
    box-sizing: border-box;
    padding: 1.1em 1.8em;
    border: 1px solid transparent;
    border-radius: 1px;
    font-size: 14px;
    border-width: 1px;
    border-color: #bfc7ce;
    background-color: #fff;
    color: #0a1c2e;
    line-height: 1.66em
}

    .alert .title {
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 24px;
        font-family: var(--headers-font-family);
        font-weight: var(--text-big-font-weight, 600);
        color: #0a1c2e
    }

    .alert a {
        text-decoration: none
    }

    .alert p {
        font-size: 12px;
        line-height: 18px;
        max-width: 10000px;
        margin: 2px 0 5px
    }

@media screen and (min-width: 768px) {
    .alert p {
        font-size: 14px
    }
}

.alert > .btn {
    margin: 15px 0
}

.alert .close {
    position: absolute;
    top: 16px;
    right: 14px;
    color: #808f9d;
    font-size: 1.142857em;
    cursor: pointer
}

    .alert .close:hover {
        color: #1b409d
    }

    .alert .close:active {
        color: #688de9
    }

.alert.alert-info {
    border-width: 2px;
    border-color: #275ce0;
    background-color: #fff;
    color: #0a1c2e
}

.alert.alert-success {
    border-width: 2px;
    border-color: #0cac42;
    background-color: #e7f7ec;
    color: #0a1c2e
}

.alert.alert-warning {
    border-width: 2px;
    border-color: #de9d1c;
    background-color: #fcf5e8;
    color: #0a1c2e
}

.alert.alert-error {
    border-width: 2px;
    border-color: #f43c36;
    background-color: #feeceb;
    color: #0a1c2e
}

    .alert.alert-error .has-error {
        color: #f43c36
    }

.alert.alert-icon {
    position: relative;
    padding: 7px 20px 16px;
    font-size: 12px;
    line-height: 1.667
}

    .alert.alert-icon .alert-inner {
        padding-right: 16px
    }

        .alert.alert-icon .alert-inner .title {
            display: block;
            padding: 5px 0 0
        }

    .alert.alert-icon em {
        font-style: normal;
        font-weight: 600
    }

    .alert.alert-icon span[class^=icon-] {
        color: #275ce0
    }

@media screen and (min-width: 768px) {
    .alert.alert-icon span[class^=icon-] {
        font-size: 40px
    }
}

.alert.alert-icon .icon .svg-icon {
    fill: #275ce0
}

@media screen and (min-width: 768px) {
    .alert.alert-icon {
        padding: 25px 20px 25px 95px;
        font-size: 14px;
        line-height: 1.7143
    }

        .alert.alert-icon .alert-inner .title {
            padding: 0
        }
}

.alert.alert-icon.alert-info span[class^=icon-] {
    color: #275ce0
}

.alert.alert-icon.alert-info .icon .svg-icon {
    fill: #275ce0
}

.alert.alert-icon.alert-success span[class^=icon-] {
    color: #0cac42
}

.alert.alert-icon.alert-success .icon .svg-icon {
    fill: #0cac42
}

.alert.alert-icon.alert-warning span[class^=icon-] {
    color: #de9d1c
}

.alert.alert-icon.alert-warning .icon .svg-icon {
    fill: #de9d1c
}

.alert.alert-icon.alert-error span[class^=icon-] {
    color: #f43c36
}

.alert.alert-icon.alert-error .icon .svg-icon {
    fill: #f43c36
}

.alert.alert-icon div.icon {
    display: none
}

@media screen and (min-width: 768px) {
    .alert.alert-icon div.icon {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100%;
        max-height: 102px
    }
}

.alert.alert-icon div.icon span[class^=icon-], .alert.alert-icon div.icon span.svg-icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    cursor: default
}

.alert.alert-icon .alert-action {
    display: none
}

.alert.alert-icon .alert-content p {
    max-width: 855px;
    margin-top: 8px;
    margin-bottom: 10px
}

.alert.alert-icon .alert-content .btn {
    min-width: 208px;
    height: 40px;
    margin: 10px 0;
    padding: 10px
}

.alert.alert-icon.alert-full .alert-content, .alert.alert-icon.alert-full .alert-action {
    display: inline-block;
    width: 100%;
    margin-right: -4px
}

.alert.alert-icon.alert-full .alert-content {
    vertical-align: top
}

.alert.alert-icon.alert-full .alert-action {
    display: block;
    padding: 18px 0 8px;
    text-align: left
}

    .alert.alert-icon.alert-full .alert-action .btn {
        min-width: 208px;
        height: 40px;
        margin-bottom: 10px;
        padding: 10px
    }

        .alert.alert-icon.alert-full .alert-action .btn + div {
            font-size: .9285em
        }

@media screen and (min-width: 768px) {
    .alert.alert-icon.alert-full {
        padding-bottom: 32px;
        font-size: 14px
    }

        .alert.alert-icon.alert-full .alert-inner {
            display: table;
            width: 100%
        }

        .alert.alert-icon.alert-full .alert-content, .alert.alert-icon.alert-full .alert-action {
            display: table-cell
        }

        .alert.alert-icon.alert-full .alert-action {
            width: 300px;
            padding: 0 27px 0 45px;
            text-align: center;
            vertical-align: middle
        }

            .alert.alert-icon.alert-full .alert-action .btn + div {
                margin-top: 15px
            }

        .alert.alert-icon.alert-full span[class^=icon-] {
            padding-top: 7px
        }
}

.alert.alert-icon.alert-short span[class^=icon-], .alert.alert-icon.alert-short span.svg-icon {
    display: none
}

.alert.alert-icon.alert-short .title {
    margin-bottom: 6px
}

@media screen and (min-width: 768px) {
    .alert.alert-icon.alert-short {
        padding: 15px 20px 17px 95px
    }

        .alert.alert-icon.alert-short span[class^=icon-], .alert.alert-icon.alert-short span.svg-icon {
            display: block;
            position: absolute;
            top: 50%;
            margin: -16px 0 0 -63px;
            cursor: default
        }

        .alert.alert-icon.alert-short span[class^=icon-] {
            font-size: 32px
        }
}

.alert.alert-icon.alert-short .title + div {
    display: none
}

.settings-page__header .alert, .settings-page__body .alert {
    max-width: 980px;
    margin-bottom: 48px;
    margin-left: 0
}

@media screen and (min-width: 1280px) {
    .settings-page__header .alert, .settings-page__body .alert {
        max-width: 1320px
    }
}

.alert-close-mark {
    position: absolute;
    top: -2px;
    right: 0;
    width: 20px;
    height: 20px;
    color: #808f9d;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .alert-close-mark {
        top: -10px;
        right: -14px
    }
}

.alert-close-mark:hover {
    color: #1b409d
}

.alert-close-mark:active {
    color: #688de9
}

.alert-close-mark svg {
    fill: currentColor
}

.inline-alert {
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

.inline-alert--success, .inline-alert--error, .inline-alert--warning {
    font-weight: 600
}

.inline-alert--success {
    color: #0cac42
}

.inline-alert--error {
    color: #f43c36
}

.inline-alert--warning {
    color: #de9d1c
}

.inline-alert-simple {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.inline-alert-simple--warning {
    color: #de9d1c
}

    .inline-alert-simple--warning a {
        color: #de9d1c;
        font-weight: 600;
        text-decoration: underline
    }

.inline-alert-simple--icon {
    width: 20px;
    height: 20px
}

.popup {
    box-sizing: border-box;
    padding: 17px 22px 25px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 1em;
    overflow: hidden
}

    .popup .popup-title {
        display: block;
        margin: 0 0 16px;
        font-size: 18px;
        font-weight: 600
    }

    .popup .popup-close {
        display: block;
        position: relative;
        top: -3px;
        right: -9px;
        float: right;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #808f9d;
        text-align: center;
        transition: opacity .1s linear
    }

        .popup .popup-close [class*="icon-"] {
            color: #fff;
            font-size: .75em
        }

        .popup .popup-close:hover {
            opacity: .5
        }

    .popup .popup-text {
        display: block;
        margin-top: 0 0 4px;
        font-size: 13px;
        line-height: 1.4
    }

.popup-success {
    border-width: 1px;
    border-color: rgba(0,0,0,0);
    background-color: #e7f7ec;
    color: #0cac42
}

.popup-warning {
    border-width: 1px;
    border-color: rgba(0,0,0,0);
    background-color: #fcf5e8;
    color: #0a1c2e
}

.popup-default {
    border-width: 1px;
    border-color: #275ce0;
    background-color: #fff;
    color: #0a1c2e
}

.popup-info {
    border-width: 1px;
    border-color: rgba(0,0,0,0);
    background-color: #eceef0;
    color: #0a1c2e
}

.ecwid-modal-open {
    position: fixed !important;
    overflow: hidden !important;
    box-sizing: border-box;
    width: 100%
}

.ecwid-dialog-open {
    overflow: hidden !important;
    box-sizing: border-box;
    width: 100%
}

.main-overlay {
    display: table \9;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    overflow-y: auto;
    width: 100vw;
    height: 100%;
    background: rgba(0,0,0,0.5)
}

.main-overlay--transparent {
    background: none
}

.main-overlay--hidden {
    background: none;
    pointer-events: none
}

.main-overlay_animation-hide, .main-overlay--animation-hide {
    opacity: 0;
    transition: opacity 75ms ease-out 75ms
}

    .main-overlay_animation-hide .main-popup, .main-overlay--animation-hide .main-popup {
        animation: smoothFadeOutToBottom 150ms ease-in
    }

.svg-close {
    fill: currentColor
}

.svg-rocket {
    fill: currentColor
}

.svg-question {
    fill: currentColor
}

.svg-error {
    fill: #808f9d
}

.svg-trash {
    fill: currentColor
}

.svg-rocket__circle {
    animation: rocket-circle 1.5s infinite ease-out
}

    .svg-rocket__circle:nth-child(2) {
        -webkit-animation-delay: .75s;
        animation-delay: .75s
    }

    .svg-rocket__circle:nth-child(3) {
        -webkit-animation-delay: .75s;
        animation-delay: .5s
    }

    .svg-rocket__circle:nth-child(4) {
        -webkit-animation-delay: .75s;
        animation-delay: .25s
    }

@keyframes rocket-circle {
    0%,100% {
        opacity: 1
    }

    80%,85% {
        opacity: 0
    }
}

.main-overlay-ie-fix, .main-popup-ie-fix {
    display: block
}

.main-popup {
    display: flex;
    overflow: auto;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transform: translateZ(0)
}

.main-popup_animation, .main-popup--animation {
    animation: smoothFadeInFromTop 150ms ease-in
}

.main-popup--thin-padding {
    text-align: left
}

    .main-popup--thin-padding .main-popup__logo {
        margin: 0 auto 0 0
    }

    .main-popup--thin-padding .main-popup__container {
        max-width: 780px;
        margin-right: 0;
        margin-left: 0
    }

@media screen and (max-width: 767px) {
    .main-popup--thin-padding .main-popup__container {
        min-height: 100%;
        border-radius: initial
    }
}

@media screen and (min-width: 768px) {
    .main-popup--thin-padding .main-popup__container {
        padding-right: 40px;
        padding-left: 40px
    }
}

.main-popup--thin-padding .main-popup__container-with-scroll {
    max-height: 100vh;
    overflow-y: auto
}

.main-popup--thin-padding .main-popup__subcontainer {
    height: 100%
}

@media screen and (max-width: 767px) {
    .main-popup--thin-padding .main-popup__buttons {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: flex-end
    }
}

@media screen and (min-width: 768px) {
    .main-popup--thin-padding .main-popup__buttons .btn:first-child:not(.btn-link) {
        min-width: 260px
    }
}

.main-popup--full-screen {
    align-items: flex-start
}

    .main-popup--full-screen .main-popup__container {
        justify-content: flex-start;
        min-width: 100%;
        max-width: 100%;
        min-height: 100%;
        margin-right: 0;
        margin-left: 0;
        border-radius: initial
    }

@media screen and (max-width: 767px) {
    .main-popup--full-screen .main-popup__container {
        padding: 12px 0
    }
}

.main-popup--error .main-popup__logo svg {
    fill: #f43c36
}

.main-popup--warning .main-popup__logo svg {
    fill: #de9d1c
}

.main-popup--success .main-popup__logo svg {
    fill: #0cac42
}

.main-popup--success .alert.alert-success {
    border-width: 1px;
    border-color: #bfc7ce;
    background-color: #fff;
    color: #0a1c2e;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15)
}

.main-popup--wide-logo .main-popup__logo {
    max-height: unset
}

    .main-popup--wide-logo .main-popup__logo img, .main-popup--wide-logo .main-popup__logo svg {
        max-width: 100%;
        max-height: unset
    }

.main-popup__container {
    display: flex;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-width: 290px;
    max-width: 600px;
    margin-right: 8px;
    margin-left: 8px;
    padding: 24px 24px 20px;
    color: #0a1c2e;
    word-wrap: break-word;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15),0 0 0 rgba(0,0,0,0.08) inset;
    transition: box-shadow .2s linear, border-color .2s linear, background-color .2s linear
}

@media screen and (min-width: 768px) {
    .main-popup__container {
        padding: 40px 60px 32px
    }
}

.main-popup__container > div {
    max-width: 100%
}

.main-popup__subcontainer {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%
}

.main-popup__close {
    display: flex;
    position: absolute;
    top: 16px;
    right: 16px;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #808f9d;
    cursor: pointer
}

    .main-popup__close svg {
        width: auto;
        height: 100%;
        fill: currentColor;
        transition: color .1s linear
    }

    .main-popup__close:hover {
        color: #1b409d
    }

    .main-popup__close:active {
        color: #688de9
    }

.main-popup__main-title {
    box-sizing: border-box;
    margin-bottom: 48px;
    font-size: 20px;
    line-height: 28px
}

@media screen and (min-width: 768px) {
    .main-popup__main-title {
        font-size: 32px;
        line-height: 38px
    }
}

.main-popup__title {
    box-sizing: border-box;
    max-width: 100%;
    margin-bottom: 8px
}

.main-popup__text {
    display: inline-block;
    max-width: 100%;
    font-size: 14px;
    line-height: 22px
}

    .main-popup__text.ecwid-multiLine {
        text-align: left
    }

    .main-popup__text p {
        margin: 0 0 8px
    }

.main-popup__buttons {
    min-width: 180px;
    padding: 16px 0 0
}

@media screen and (max-width: 767px) {
    .main-popup__buttons {
        margin-bottom: -8px
    }
}

.main-popup__buttons .btn {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .main-popup__buttons .btn {
        width: auto;
        margin: 0 8px 0 0
    }
}

.main-popup__note {
    margin-top: 8px
}

@media screen and (min-width: 768px) {
    .main-popup:not(.main-popup--thin-padding) .main-popup__buttons .btn {
        min-width: 180px
    }
}

.main-popup__logo {
    width: auto;
    height: 100%;
    max-height: 32px;
    margin: auto;
    padding-bottom: 16px
}

    .main-popup__logo img, .main-popup__logo svg {
        width: auto;
        min-width: 32px;
        max-width: 260px;
        height: 100%;
        max-height: 32px;
        fill: #275ce0
    }

@media screen and (min-width: 768px) {
    .main-popup__logo {
        max-height: 56px
    }

        .main-popup__logo img, .main-popup__logo svg {
            min-width: 56px;
            max-height: 56px
        }
}

.ec-dialog__logo {
    width: auto;
    height: 56px;
    margin-bottom: 16px
}

    .ec-dialog__logo img, .ec-dialog__logo svg {
        width: auto;
        max-width: 260px;
        height: 100%;
        max-height: 56px;
        fill: #275ce0
    }

.main-popup__footer-text {
    font-size: 12px;
    line-height: 18px;
    color: #607385
}

.main-popup .fieldset {
    width: 100%
}

.loader svg {
    width: 100%;
    height: 100%
}

[class*="loading"] .loader .spin-left {
    animation: spinleft 1s infinite linear
}

[class*="loading"] .loader .spin-right {
    animation: spinright .5s infinite linear
}

.btn .loader {
    display: none
}

.simple-svg-loader svg path {
    transform-origin: center center;
    animation: spinright .6s infinite linear
}

.ec-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 16px
}

.ec-loader__overlay {
    display: none;
    position: absolute;
    z-index: 1000000;
    top: 0;
    left: 0;
    opacity: .6;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.ec-loader--full-page {
    position: fixed;
    z-index: 10000001;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 1
}

    .ec-loader--full-page .ec-loader__overlay {
        display: block
    }

    .ec-loader--full-page .ec-loader__icon, .ec-loader--full-page .ec-loader__text {
        z-index: 10000002
    }

.ec-loader--fade-in {
    animation: fadein .3s linear
}

.ec-loader__icon {
    margin-bottom: 8px
}

    .ec-loader__icon svg {
        fill: #275ce0
    }

        .ec-loader__icon svg path {
            transform-origin: center center;
            animation: spinright .6s infinite linear
        }

.ec-loader--small .ec-loader__icon svg {
    width: 24px;
    height: 24px
}

.ec-loader--medium .ec-loader__icon svg {
    width: 33px;
    height: 33px
}

.ec-loader--large .ec-loader__icon svg {
    width: 56px;
    height: 56px
}

.ec-loader__image {
    max-width: 200px;
    max-height: 200px;
    margin-bottom: 32px
}

    .ec-loader__image img {
        max-width: 200px;
        max-height: 200px
    }

.ec-loader__image-animation {
    max-width: 200px;
    max-height: 200px;
    margin-bottom: 32px
}

.ec-loader__text {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.ec-loader__text--fade-in-out {
    animation: fade-in-out 5s linear;
    animation-iteration-count: infinite
}

.ec-loader div:last-child {
    margin-bottom: 0
}

.ec-loader :root {
    --lottie-animation-container-width: 0;
    --lottie-animation-container-height: 0
}

.ec-loader .lottie-animation-container {
    overflow: hidden;
    width: var(--lottie-animation-container-width);
    height: var(--lottie-animation-container-height)
}

html {
    font-size: 100%
}

body {
    color: #0a1c2e;
    font-family: lato,sans-serif;
    font-size: 14px;
    line-height: 22px
}

body, html {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-weight: 400
}

:focus {
    outline: none
}

*:active, *:hover, *:focus {
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent
}

select, textarea, input, button {
    font-family: lato,sans-serif;
    font-weight: 400
}

    button::-moz-focus-inner {
        border: none
    }

.fl {
    float: left
}

.fr {
    float: right
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

@media screen and (max-width: 1023px) {
    .before-desktop-hd-hidden {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .desktop-hd-hidden {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .before-desktop-hidden {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .desktop-hidden {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .mobile-hidden {
        display: none
    }
}

.cf::before, .cf::after {
    content: " ";
    display: table
}

.cf::after {
    clear: both
}

.active-hover {
    position: relative;
    cursor: pointer
}

    .active-hover::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        background-color: black;
        transition: opacity .1s ease-out, background-color .1s ease-out, box-shadow .1s ease-out, transform .1s ease-out
    }

    .active-hover:hover::after {
        opacity: .15
    }

.active-hover-dark {
    position: relative;
    cursor: pointer
}

    .active-hover-dark::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0.25);
        transition: background-color .1s linear
    }

    .active-hover-dark:hover::before {
        background-color: rgba(0,0,0,0.45)
    }

.fieldset {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

@media screen and (min-width: 768px) {
    .fieldset {
        width: auto;
        max-width: 100%
    }
}

.fieldset * {
    box-sizing: border-box
}

.fieldset__title {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.fieldset--with-centered-input .field__label, .fieldset--with-centered-input .field__input, .fieldset--with-centered-input .field__placeholder {
    text-align: center
}

.fieldset .field {
    display: inline-block;
    position: relative;
    width: 100%;
    border: 1px solid #808f9d;
    outline: 0;
    background-color: #f9f9fa;
    color: #0a1c2e;
    text-align: left;
    vertical-align: middle;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear, box-shadow .1s linear;
    cursor: text;
    box-shadow: 0 1px 1px transparent inset;
    height: 40px;
    padding: 2px 9px 3px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 19px
}

.fieldset .field__label {
    display: block;
    visibility: visible;
    overflow: hidden;
    opacity: 0;
    height: auto;
    margin-top: 2px;
    color: #607385;
    font-size: 10px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-backface-visibility: hidden;
    transition: opacity .1s ease-out, transform .1s ease-out;
    pointer-events: none
}

.fieldset .field__input {
    position: relative;
    z-index: 3;
    top: -3px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0a1c2e;
    font-size: 14px;
    line-height: 19px;
    -webkit-appearance: none;
    white-space: nowrap
}

.fieldset .field__input-textarea {
    line-height: 1.625;
    white-space: pre-wrap
}

.fieldset .field__select:-webkit-autofill, .fieldset .field__input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-duration: .0001s;
    -webkit-animation-fill-mode: both
}

.fieldset .field__select:not(:-webkit-autofill), .fieldset .field__input:not(:-webkit-autofill) {
    animation-name: autofillcancel
}

.fieldset .field__iframe {
    height: 22px
}

.fieldset .field__placeholder {
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 9px;
    right: 9px;
    left: 9px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    color: #607385;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    transition: opacity .1s ease-out, transform .1s ease-out;
    pointer-events: none
}

.fieldset .field svg {
    width: 100%;
    height: auto;
    fill: currentColor
}

.fieldset .field:hover, .fieldset .field--hover {
    background-color: #fff
}

    .fieldset .field:hover + .ec-field__action, .fieldset .field--hover + .ec-field__action {
        background-color: #fff
    }

.fieldset .field:active, .fieldset .field:focus, .fieldset .field--focus {
    border-color: #275ce0;
    outline: 0;
    background-color: #fff;
    box-shadow: 0 0 0 1px #275ce0 inset;
    color: #607385
}

.fieldset .field--autofilled {
    background-color: #fff4b2
}

.fieldset .field--textarea {
    height: auto
}

.fieldset .field .field-state--success, .fieldset .field .field-state--error, .fieldset .field .field-state--close {
    display: none;
    position: absolute;
    top: 8px;
    right: 9px;
    width: 16px;
    height: 16px;
    -webkit-font-smoothing: antialiased
}

.fieldset .field .field-state--success, .fieldset .field .field-state--error {
    width: 20px;
    height: 20px;
    color: #0cac42;
    pointer-events: none
}

    .fieldset .field .field-state--success svg, .fieldset .field .field-state--error svg {
        width: auto;
        height: 100%
    }

.fieldset .field .field-state--error {
    color: #f43c36
}

.fieldset .field .field-state--close {
    top: 8px;
    right: 9px;
    width: 20px;
    height: 20px;
    color: #f43c36;
    transition: color .1s ease-out;
    cursor: pointer
}

    .fieldset .field .field-state--close:hover {
        color: #ab2a26
    }

    .fieldset .field .field-state--close:active {
        color: #f77772
    }

.fieldset .field__arrow {
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    box-sizing: content-box;
    width: auto;
    height: auto;
    padding: 8px;
    color: #808f9d;
    -webkit-font-smoothing: antialiased;
    transition: opacity .1s ease-out, color .1s ease-out
}

    .fieldset .field__arrow svg {
        width: auto;
        height: 100%
    }

.fieldset .field--filled .field__label, .fieldset .field--focus .field__label, .fieldset .field--autofilled .field__label {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fieldset .field--filled .field__placeholder, .fieldset .field--focus .field__placeholder, .fieldset .field--autofilled .field__placeholder {
    opacity: 0;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
}

.fieldset .field--filled .select-target {
    opacity: 1
}

.fieldset .field--filled .field__select {
    opacity: 1
}

.fieldset .field--focus .select-target {
    opacity: 1
}

.fieldset .field__error, .fieldset .field__warning {
    display: none;
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 18px
}

.fieldset .field__error {
    color: #f43c36
}

.fieldset .field__warning {
    color: #de9d1c
}

.fieldset .field--monospace .field__input, .fieldset .field--monospace .field__textarea {
    font-family: monospace;
    font-size: 13px;
    line-height: 18px
}

.fieldset .field--large {
    height: 48px;
    padding: 3px 10px 4px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 22px
}

    .fieldset .field--large .field__input {
        top: -1px;
        font-size: 16px;
        line-height: 22px
    }

    .fieldset .field--large .field__placeholder {
        top: 12px;
        left: 10px;
        font-size: 16px;
        line-height: 22px
    }

    .fieldset .field--large .field-state--success, .fieldset .field--large .field-state--error, .fieldset .field--large .field-state--close {
        top: 13px;
        right: 10px
    }

    .fieldset .field--large .field__arrow {
        top: 4px;
        right: 4px
    }

    .fieldset .field--large.field--monospace .field__input, .fieldset .field--large.field--monospace .field__textarea {
        font-size: 15px;
        line-height: 20px
    }

    .fieldset .field--large ~ .fieldset__field-prefix {
        min-width: 36px;
        padding: 0 3px 0 6px
    }

    .fieldset .field--large ~ .fieldset__field-suffix {
        min-width: 36px;
        padding: 0 2px 0 7px
    }

    .fieldset .field--large ~ .fieldset__field-action {
        min-width: 40px;
        padding: 0 12px
    }

.fieldset .field--extra-large {
    height: 48px;
    padding: 3px 10px 4px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 22px
}

    .fieldset .field--extra-large .field__input {
        top: 2px
    }

    .fieldset .field--extra-large .field__placeholder {
        top: 12px;
        left: 9px;
        font-size: 16px;
        line-height: 22px
    }

    .fieldset .field--extra-large .field-state--success, .fieldset .field--extra-large .field-state--error, .fieldset .field--extra-large .field-state--close {
        top: 13px;
        right: 11px
    }

    .fieldset .field--extra-large .field__arrow {
        top: 8px;
        right: 6px
    }

    .fieldset .field--extra-large ~ .fieldset__field-prefix {
        min-width: 42px;
        padding: 0 8px 0 9px
    }

    .fieldset .field--extra-large ~ .fieldset__field-suffix {
        min-width: 42px;
        padding: 0 5px 0 10px
    }

    .fieldset .field--extra-large ~ .fieldset__field-action {
        min-width: 42px;
        padding: 0 12px
    }

@media screen and (min-width: 768px) {
    .fieldset .field--extra-large {
        height: 52px;
        padding: 5px 13px 6px;
        border-radius: 5px;
        font-size: 24px;
        line-height: 24px
    }

        .fieldset .field--extra-large .field__label {
            margin-top: 0;
            margin-bottom: 2px
        }

        .fieldset .field--extra-large .field__input {
            top: -5px;
            font-size: 24px;
            line-height: 1
        }

        .fieldset .field--extra-large .field__placeholder {
            top: 11px;
            left: 13px;
            font-size: 20px;
            font-weight: 400;
            line-height: 30px
        }

        .fieldset .field--extra-large .field-state--success, .fieldset .field--extra-large .field-state--error, .fieldset .field--extra-large .field-state--close {
            top: 13px;
            right: 14px
        }

        .fieldset .field--extra-large .field__arrow {
            top: 6px
        }
}

.fieldset:not(.fieldset--readonly) .field[readonly], .fieldset .field[disabled], .fieldset .field[disabled]:hover, .fieldset .field[disabled]:focus, .fieldset .field[disabled]:focus:hover, .fieldset .field[disabled]:active, .fieldset .field[disabled]:focus:active {
    opacity: .4;
    border-color: #808f9d;
    background-color: rgba(183,192,200,0.45);
    pointer-events: none;
    box-shadow: 0 1px 1px transparent inset
}

    .fieldset .field[disabled].field--filled .field__placeholder {
        display: none
    }

.fieldset__note {
    margin: 4px 0 0;
    color: #607385;
    font-size: 12px;
    line-height: 18px
}

.has-error + .fieldset__note, .has-warning + .fieldset__note {
    margin-top: -4px
}

.fieldset .field--small {
    height: 32px;
    padding: 3px 9px 3px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 19px
}

    .fieldset .field--small .field__input {
        margin-top: 8px;
        font-size: 12px;
        line-height: 14px
    }

    .fieldset .field--small .field__placeholder {
        top: 8px;
        font-size: 12px;
        line-height: 14px
    }

    .fieldset .field--small .field__arrow {
        top: 0;
        right: 0;
        padding: 6px
    }

    .fieldset .field--small .field__label {
        display: none
    }

    .fieldset .field--small .field__select {
        top: -13px
    }

.fieldset .field.field--small + .fieldset__field-prefix, .fieldset .field.field--small + .fieldset__field-prefix + .fieldset__field-suffix, .fieldset .field.field--small + .fieldset__field-suffix {
    height: 32px;
    font-size: 12px;
    line-height: 14px
}

.fieldset.has-success .field--small.field:active .field-state--success, .fieldset.has-success .field--small.field:focus .field-state--success, .fieldset.has-success .field--small.field--focus .field-state--success {
    top: 4px
}

.fieldset.has-success .field--small .field-state--success {
    top: 4px
}

.fieldset.has-error .field--small .field-state--close, .fieldset.has-error .field--small .field-state--error, .fieldset.has-warning .field--small .field-state--close, .fieldset.has-warning .field--small .field-state--error {
    top: 5px
}

.fieldset.fieldset--no-closemark.has-error .field-state--close, .fieldset.fieldset--no-closemark.has-warning .field-state--close {
    display: none
}

@media screen and (min-width: 768px) {
    .fieldset.fieldset--one-third {
        display: inline-block;
        width: auto;
        min-width: 270px
    }
}

.fieldset.has-error .field {
    border-color: #f43c36;
    background-color: #feeceb;
    box-shadow: 0 0 0 1px #f43c36 inset;
    color: #f43c36;
    transition: background .1s linear, color .1s linear, border-color .1s linear, box-shadow .1s linear
}

    .fieldset.has-error .field:hover, .fieldset.has-error .field--hover {
        background-color: #fff
    }

    .fieldset.has-error .field:focus {
        background-color: #fff
    }

.fieldset.has-error .field__label {
    opacity: 1;
    color: #f43c36;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fieldset.has-error .field__placeholder {
    color: #f43c36
}

.fieldset.has-error .field__error, .fieldset.has-error .field__warning {
    display: inline-block
}

.fieldset.has-error .field--filled .field__placeholder {
    display: none
}

.fieldset.has-error:not(.fieldset--no-closemark) .field__arrow {
    display: none
}

.fieldset.has-error:not(.fieldset--no-closemark) .field__input {
    width: calc(100% - 30px)
}

.fieldset.has-error.fieldset--with-label .field__placeholder {
    display: none
}

.fieldset.has-error .field-state--close {
    display: block;
    z-index: 13;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.fieldset.has-error.fieldset--with-prefix .field {
    padding-left: 9px
}

.fieldset.has-error.fieldset--with-prefix .field__placeholder {
    right: 14px;
    left: 14px
}

.fieldset.has-error.fieldset--with-prefix .field:hover + .fieldset__field-prefix, .fieldset.has-error.fieldset--with-prefix .field--hover + .fieldset__field-prefix {
    background-color: #fff
}

.fieldset.has-error.fieldset--with-prefix .field--large, .fieldset.has-error.fieldset--with-prefix .field--extra-large {
    padding-left: 16px
}

.fieldset.has-error.fieldset--with-prefix .fieldset__field-prefix {
    border-right-width: 0;
    border-color: #f43c36;
    background-color: #feeceb;
    box-shadow: 0 1px 0 0 #f43c36 inset,1px 0 0 #f43c36 inset,0 -1px 0 0 #f43c36 inset;
    color: #f43c36
}

    .fieldset.has-error.fieldset--with-prefix .fieldset__field-prefix::before {
        border-color: #f43c36
    }

.fieldset.has-error.fieldset--with-suffix .field {
    padding-right: 9px
}

.fieldset.has-error.fieldset--with-suffix .field__placeholder {
    right: 14px;
    left: 14px
}

.fieldset.has-error.fieldset--with-suffix .field:hover ~ .fieldset__field-suffix, .fieldset.has-error.fieldset--with-suffix .field--hover ~ .fieldset__field-suffix {
    background-color: #fff
}

.fieldset.has-error.fieldset--with-suffix .field--large, .fieldset.has-error.fieldset--with-suffix .field--extra-large {
    padding-right: 16px
}

.fieldset.has-error.fieldset--with-suffix .fieldset__field-suffix {
    border-left-width: 0;
    border-color: #f43c36;
    background-color: #feeceb;
    box-shadow: 0 1px 0 0 #f43c36 inset,-1px 0 0 #f43c36 inset,0 -1px 0 0 #f43c36 inset;
    color: #f43c36
}

    .fieldset.has-error.fieldset--with-suffix .fieldset__field-suffix::before {
        border-color: #f43c36
    }

.fieldset.has-error .field[disabled] + .fieldset__field-prefix::after {
    top: -2px;
    bottom: -2px;
    left: -2px
}

.fieldset.has-error .field[disabled] + .fieldset__field-prefix + .fieldset__field-suffix::after, .fieldset.has-error .field[disabled] + .fieldset__field-suffix::after {
    top: -2px;
    right: -2px;
    bottom: -2px
}

.fieldset.has-error .field-state--error {
    display: block;
    z-index: 13
}

.fieldset.has-warning .field {
    border-color: #de9d1c;
    background-color: #fcf5e8;
    box-shadow: 0 0 0 1px #de9d1c inset;
    color: #de9d1c;
    transition: background .1s linear, color .1s linear, border-color .1s linear, box-shadow .1s linear
}

    .fieldset.has-warning .field:hover, .fieldset.has-warning .field--hover {
        background-color: #fff
    }

    .fieldset.has-warning .field:focus {
        background-color: #fff
    }

.fieldset.has-warning .field__label {
    opacity: 1;
    color: #de9d1c;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fieldset.has-warning .field__placeholder {
    color: #de9d1c
}

.fieldset.has-warning .field__error, .fieldset.has-warning .field__warning {
    display: inline-block
}

.fieldset.has-warning .field--filled .field__placeholder {
    display: none
}

.fieldset.has-warning:not(.fieldset--no-closemark) .field__arrow {
    display: none
}

.fieldset.has-warning:not(.fieldset--no-closemark) .field__input {
    width: calc(100% - 30px)
}

.fieldset.has-warning.fieldset--with-label .field__placeholder {
    display: none
}

.fieldset.has-warning .field-state--close {
    display: block;
    z-index: 13;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.fieldset.has-warning.fieldset--with-prefix .field {
    padding-left: 9px
}

.fieldset.has-warning.fieldset--with-prefix .field__placeholder {
    right: 14px;
    left: 14px
}

.fieldset.has-warning.fieldset--with-prefix .field:hover + .fieldset__field-prefix, .fieldset.has-warning.fieldset--with-prefix .field--hover + .fieldset__field-prefix {
    background-color: #fff
}

.fieldset.has-warning.fieldset--with-prefix .field--large, .fieldset.has-warning.fieldset--with-prefix .field--extra-large {
    padding-left: 16px
}

.fieldset.has-warning.fieldset--with-prefix .fieldset__field-prefix {
    border-right-width: 0;
    border-color: #de9d1c;
    background-color: #fcf5e8;
    box-shadow: 0 1px 0 0 #de9d1c inset,1px 0 0 #de9d1c inset,0 -1px 0 0 #de9d1c inset;
    color: #de9d1c
}

    .fieldset.has-warning.fieldset--with-prefix .fieldset__field-prefix::before {
        border-color: #de9d1c
    }

.fieldset.has-warning.fieldset--with-suffix .field {
    padding-right: 9px
}

.fieldset.has-warning.fieldset--with-suffix .field__placeholder {
    right: 14px;
    left: 14px
}

.fieldset.has-warning.fieldset--with-suffix .field:hover ~ .fieldset__field-suffix, .fieldset.has-warning.fieldset--with-suffix .field--hover ~ .fieldset__field-suffix {
    background-color: #fff
}

.fieldset.has-warning.fieldset--with-suffix .field--large, .fieldset.has-warning.fieldset--with-suffix .field--extra-large {
    padding-right: 16px
}

.fieldset.has-warning.fieldset--with-suffix .fieldset__field-suffix {
    border-left-width: 0;
    border-color: #de9d1c;
    background-color: #fcf5e8;
    box-shadow: 0 1px 0 0 #de9d1c inset,-1px 0 0 #de9d1c inset,0 -1px 0 0 #de9d1c inset;
    color: #de9d1c
}

    .fieldset.has-warning.fieldset--with-suffix .fieldset__field-suffix::before {
        border-color: #de9d1c
    }

.fieldset.has-warning .field[disabled] + .fieldset__field-prefix::after {
    top: -2px;
    bottom: -2px;
    left: -2px
}

.fieldset.has-warning .field[disabled] + .fieldset__field-prefix + .fieldset__field-suffix::after, .fieldset.has-warning .field[disabled] + .fieldset__field-suffix::after {
    top: -2px;
    right: -2px;
    bottom: -2px
}

.fieldset.has-success .field {
    color: #0cac42;
    transition: background .1s linear, color .1s linear, border-color .1s linear, box-shadow .1s linear
}

.fieldset.has-success .field__input {
    width: calc(100% - 30px)
}

.fieldset.has-success .field__placeholder {
    right: 30px
}

.fieldset.has-success .field--focus, .fieldset.has-success .field:active {
    border-color: #0cac42;
    background-color: #fff;
    box-shadow: 0 0 0 1px #0cac42 inset;
    color: #0cac42;
    transition: background .1s linear, color .1s linear, border-color .1s linear, box-shadow .1s linear
}

    .fieldset.has-success .field--focus ~ .fieldset__field-prefix, .fieldset.has-success .field:active ~ .fieldset__field-prefix {
        padding-left: 11px;
        border-right-width: 0;
        border-color: #0cac42;
        background-color: #fff;
        box-shadow: 0 1px 0 0 #0cac42 inset,1px 0 0 #0cac42 inset,0 -1px 0 0 #0cac42 inset
    }

    .fieldset.has-success .field--focus ~ .fieldset__field-suffix, .fieldset.has-success .field:active ~ .fieldset__field-suffix {
        padding-right: 2px;
        border-left-width: 0;
        border-color: #0cac42;
        background-color: #fff;
        box-shadow: 0 1px 0 0 #0cac42 inset,-1px 0 0 #0cac42 inset,0 -1px 0 0 #0cac42 inset
    }

.fieldset.has-success .field:hover, .fieldset.has-success .field--hover {
    background-color: #fff
}

    .fieldset.has-success .field:hover ~ .fieldset__field-prefix, .fieldset.has-success .field:hover ~ .fieldset__field-suffix, .fieldset.has-success .field--hover ~ .fieldset__field-prefix, .fieldset.has-success .field--hover ~ .fieldset__field-suffix {
        background-color: #fff
    }

.fieldset.has-success .field__arrow {
    display: none
}

.fieldset.has-success .field-state--success {
    display: block;
    z-index: 13
}

.fieldset.has-success.fieldset--with-prefix .field--large, .fieldset.has-success.fieldset--with-prefix .field--extra-large {
    padding-left: 16px
}

.fieldset.has-success.fieldset--with-prefix .field__placeholder {
    left: 14px
}

.fieldset.has-success.fieldset--with-suffix .field--large, .fieldset.has-success.fieldset--with-suffix .field--extra-large {
    padding-right: 16px
}

.fieldset--no-label .field__label {
    display: none
}

.fieldset--no-label .field__input {
    margin-top: 10px
}

.fieldset--no-label.has-error .field__label, .fieldset--no-label.has-warning .field__label {
    display: none
}

.fieldset--readonly .field, .fieldset--readonly .field:active, .fieldset--readonly .field:focus, .fieldset--readonly .field--focus {
    border-color: transparent;
    background-color: #eceef0;
    box-shadow: none;
    pointer-events: none
}

    .fieldset--readonly .field .ec-field__action, .fieldset--readonly .field:active .ec-field__action, .fieldset--readonly .field:focus .ec-field__action, .fieldset--readonly .field--focus .ec-field__action {
        pointer-events: all
    }

.fieldset--readonly .fieldset__field-prefix, .fieldset--readonly .fieldset__field-suffix {
    border-color: transparent;
    background-color: #eceef0;
    box-shadow: none
}

.fieldset--readonly .field:hover, .fieldset--readonly .field--hover, .fieldset--readonly .fieldset__field-action {
    border-color: transparent;
    background-color: #eceef0;
    box-shadow: none
}

.fieldset--readonly .field__textarea-readonly {
    pointer-events: auto
}

.fieldset .field.field--large + .fieldset__field-prefix, .fieldset .field.field--large + .fieldset__field-prefix + .fieldset__field-suffix, .fieldset .field.field--large + .fieldset__field-suffix {
    height: 48px;
    font-size: 16px;
    line-height: 22px
}

.fieldset .field.field--extra-large + .fieldset__field-prefix, .fieldset .field.field--extra-large + .fieldset__field-prefix + .fieldset__field-suffix, .fieldset .field.field--extra-large + .fieldset__field-suffix {
    height: 48px;
    font-size: 16px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .fieldset .field.field--extra-large + .fieldset__field-prefix, .fieldset .field.field--extra-large + .fieldset__field-prefix + .fieldset__field-suffix, .fieldset .field.field--extra-large + .fieldset__field-suffix {
        height: 52px;
        font-size: 20px;
        line-height: 24px
    }
}

.fieldset--with-prefix .field--medium .field__label, .fieldset--with-suffix .field--medium .field__label {
    font-size: 11px
}

.fieldset--with-prefix .field--large .field__label, .fieldset--with-prefix .field--extra-large .field__label, .fieldset--with-suffix .field--large .field__label, .fieldset--with-suffix .field--extra-large .field__label {
    font-size: 12px
}

.fieldset.fieldset--with-prefix .field[disabled]::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    width: 4px;
    background-color: #fff
}

.fieldset.fieldset--with-prefix .field[disabled] ~ .fieldset__field-prefix {
    opacity: .4;
    border-color: #808f9d;
    background-color: rgba(183,192,200,0.45)
}

.fieldset.fieldset--with-suffix .field[disabled] {
    margin-right: 4px;
    border-right-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

    .fieldset.fieldset--with-suffix .field[disabled]::before {
        content: "";
        display: block;
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        width: 4px;
        background-color: #fff
    }

    .fieldset.fieldset--with-suffix .field[disabled] ~ .fieldset__field-suffix {
        opacity: .4;
        border-color: #808f9d;
        background-color: rgba(183,192,200,0.45)
    }

.fieldset--with-label.custom--global_extrafield {
    width: 192px
}

.fieldset--select .field__select {
    display: inline-block;
    position: relative;
    top: -18px;
    overflow: hidden;
    opacity: 0;
    width: calc(100% + 20px);
    height: 40px;
    margin: -1px 0 0 -10px;
    padding: 12px 35px 0 10px;
    border: none;
    outline: 0;
    background: transparent;
    color: #0a1c2e;
    font-size: 14px;
    line-height: 19px;
    text-decoration: none;
    text-indent: .01px;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: opacity .1s ease-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

    .fieldset--select .field__select:hover {
        border-color: #808f9d;
        color: #0a1c2e
    }

.fieldset--select .field__select-focused, .fieldset--select .field__select-focused:focus {
    border-color: #275ce0;
    outline: none
}

.fieldset--select .field__select::-ms-expand {
    display: none
}

.fieldset--select .field__select::-ms-value {
    background: none;
    color: #0a1c2e
}

.fieldset--select .field__select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.fieldset--select .field__select option {
    background: #fff;
    font-size: 14px
}

.fieldset--select .field--small .field__select {
    font-size: 12px;
    line-height: 14px
}

.fieldset--select .field__arrow {
    pointer-events: none
}

.fieldset--select .field--large .field__select {
    top: -19px;
    height: 48px;
    padding: 10px 35px 0 10px;
    font-size: 16px;
    line-height: 22px
}

.fieldset--select .field--extra-large .field__select {
    padding: 18px 30px 0 11px
}

@media screen and (min-width: 768px) {
    .fieldset--select .field--extra-large .field__select {
        top: -22px;
        width: calc(100% + 26px);
        height: 52px;
        margin-left: -13px;
        padding: 11px 35px 0 14px;
        font-size: 18px;
        line-height: 24px
    }
}

.fieldset--select .field--focus .field__placeholder {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fieldset--select .field--focus .field__label {
    opacity: 0
}

.fieldset--select .field--filled.field--focus .field__placeholder {
    opacity: 0
}

.fieldset--select .field--filled.field--focus .field__label {
    opacity: 1
}

.fieldset--select .field__placeholder {
    right: 30px
}

.fieldset--select.fieldset--no-label .field__select {
    top: -3px;
    padding-top: 0
}

.fieldset--select.fieldset--no-label .field--small .field__select {
    height: 32px
}

.fieldset--select.fieldset--no-label .field--large .field__select {
    padding-top: 1px
}

@media screen and (min-width: 768px) {
    .fieldset--select.fieldset--no-label .field--large .field__select {
        top: -4px
    }
}

@media screen and (min-width: 768px) {
    .fieldset--select.fieldset--no-label .field--extra-large .field__select {
        top: -4px
    }
}

@supports (-moz-appearance: meterbar) {
    .fieldset--select .field__select {
        padding-left: 5px
    }

        .fieldset--select .field__select option {
            padding-left: 7px
        }

    @media screen and (min-width: 768px) {
        .fieldset--select .field--large .field__select {
            padding-left: 7px
        }

            .fieldset--select .field--large .field__select option {
                padding-left: 9px
            }
    }

    .fieldset--select .field--extra-large .field__select {
        padding-left: 8px
    }

    @media screen and (min-width: 768px) {
        .fieldset--select .field--extra-large .field__select {
            padding-left: 12px
        }

            .fieldset--select .field--extra-large .field__select option {
                padding-left: 14px
            }
    }
}

.fieldset--textarea {
    width: 100%
}

    .fieldset--textarea .field {
        overflow: auto;
        min-height: 100px;
        padding: 0;
        resize: vertical
    }

        .fieldset--textarea .field .field__label {
            display: none;
            padding: 0 9px
        }

    .fieldset--textarea .field__textarea {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        padding: 2px 9px 3px;
        border: none;
        background: transparent;
        color: #0a1c2e;
        font-size: 14px;
        line-height: 19px;
        resize: none
    }

    .fieldset--textarea .field--filled .field__placeholder, .fieldset--textarea .field--autofilled .field__placeholder {
        opacity: 0
    }

    .fieldset--textarea .field .field__placeholder {
        white-space: normal
    }

@media screen and (min-width: 768px) {
    .fieldset--textarea .field--large .field__textarea {
        padding: 3px 10px 4px;
        font-size: 16px;
        line-height: 22px
    }
}

.fieldset--textarea.fieldset--with-label .custom_class {
    width: 192px
}

.fieldset--textarea.fieldset--with-label .field {
    height: auto
}

.fieldset--textarea.fieldset--with-label .field__label {
    display: block
}

.fieldset--textarea.fieldset--with-label .field__textarea {
    height: auto;
    min-height: 100px;
    padding-top: 0
}

.fieldset--textarea.fieldset--with-label.ec-fieldset .field__textarea {
    min-height: 40px
}

.fieldset--textarea.fieldset--no-label .field__textarea {
    padding-top: 9px
}

.fieldset--textarea.fieldset--readonly .field {
    resize: none
}

.fieldset--textarea:focus-within .field {
    border-color: #275ce0;
    outline: 0;
    background-color: #fff;
    box-shadow: 0 0 0 1px #275ce0 inset;
    color: #607385
}

.fieldset--textarea-auto-expand .field {
    overflow: hidden;
    height: auto;
    min-height: 40px;
    resize: none
}

    .fieldset--textarea-auto-expand .field .field__textarea {
        overflow: auto;
        max-height: 171px;
        padding-top: 9px;
        padding-bottom: 9px;
        pointer-events: all
    }

    .fieldset--textarea-auto-expand .field .field__textarea--hidden-placeholder {
        position: absolute;
        height: fit-content;
        visibility: hidden;
        white-space: pre-wrap
    }

@media (min-width: 768px) {
    .fieldset--textarea-auto-expand .field--large .field__textarea {
        max-height: 198px
    }
}

.fieldset--textarea-auto-expand .field.field--large {
    min-height: 48px
}

.fieldset--textarea-auto-expand.fieldset--with-label .field__textarea {
    min-height: initial;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 3px
}

.fieldset--full-height {
    height: 100%
}

    .fieldset--full-height .field {
        height: 100%
    }

.fieldset--combo .field {
    z-index: 110
}

.fieldset--combo .field__placeholder {
    right: 30px
}

.fieldset--combo .field__input {
    width: calc(100% - 30px)
}

.fieldset--combo .list-dropdown {
    display: none;
    overflow: auto;
    width: 100%;
    max-height: 250px;
    margin: 4px 0 0 -8px
}

.fieldset--combo .field--opened {
    z-index: 120
}

    .fieldset--combo .field--opened .list-dropdown {
        display: block
    }

.fieldset--combo .field--large .list-dropdown {
    margin-top: 8px;
    margin-left: -10px
}

.fieldset--combo .field--extra-large .list-dropdown {
    margin-top: 12px;
    margin-left: -13px
}

.fieldset--combo.fieldset--no-label .list-dropdown {
    margin-top: 10px
}

.fieldset--combo.fieldset--no-label .field--small .list-dropdown {
    margin-top: 6px
}

.fieldset--combo.fieldset--no-label .field--large .list-dropdown {
    margin-top: 14px
}

.fieldset--combo.fieldset--no-label .field--extra-large .list-dropdown {
    margin-top: 19px
}

.fieldset--combo .fieldset__field-prefix, .fieldset--combo .fieldset__field-suffix {
    z-index: 111
}

.fieldset--multiselect {
    position: relative
}

    .fieldset--multiselect .field__placeholder {
        right: 30px
    }

    .fieldset--multiselect .field__input {
        width: calc(100% - 30px);
        transform: scale(0.875);
        transform-origin: top left;
        font-size: 16px;
        line-height: 24px
    }

    .fieldset--multiselect .list-dropdown {
        display: none;
        z-index: 20;
        width: 100%;
        min-height: 250px;
        margin-top: 4px
    }

    .fieldset--multiselect .list-dropdown__content {
        z-index: 1;
        overflow: auto;
        max-height: 250px
    }

    .fieldset--multiselect .list-dropdown.list-dropdown--no-min-height {
        min-height: 0
    }

.fieldset--multiselect-opened .list-dropdown {
    display: flex
}

.fieldset--inline-multiselect .list-dropdown {
    display: flex;
    position: initial;
    border-radius: 5px
}

.fieldset--inline-multiselect .list-dropdown__buttons, .fieldset--inline-multiselect .list-dropdown__buttons-wrapper {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.fieldset--inline-multiselect .field__arrow {
    display: none
}

.fieldset--dropdown {
    position: relative
}

    .fieldset--dropdown .list-dropdown {
        display: none;
        z-index: 150;
        width: 100%;
        margin-top: 4px
    }

    .fieldset--dropdown .list-dropdown__content {
        z-index: 1;
        overflow: auto;
        flex-grow: 1;
        max-height: 250px
    }

    .fieldset--dropdown .empty-state {
        padding: 50px 0
    }

@media screen and (min-width: 768px) {
    .fieldset--dropdown .empty-state {
        padding: 70px 0
    }
}

.fieldset--dropdown-opened .list-dropdown {
    display: flex;
    flex-direction: column
}

.fieldset--iconic-select .field {
    cursor: pointer
}

.fieldset--iconic-select .list-dropdown {
    left: 0;
    margin-top: 3px
}

.fieldset--iconic-select .iconic-selection {
    display: flex;
    padding-right: 24px
}

.fieldset--iconic-select .iconic-selection__icon {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.fieldset--iconic-select .iconic-selection__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fieldset__field-wrapper {
    display: flex
}

.fieldset__field-prefix, .fieldset__field-suffix, .fieldset__field-action {
    display: none;
    z-index: 1;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    min-width: 35px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #808f9d;
    border-radius: 5px;
    background-color: #f9f9fa;
    box-shadow: 0 1px 0 0 transparent inset;
    color: #607385;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear, box-shadow .1s linear;
    font-size: 14px;
    line-height: 22px
}

.fieldset__field-prefix {
    position: relative;
    padding: 0 4px 0 5px;
    order: 0;
    margin-right: -4px;
    border-right-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

    .fieldset__field-prefix::before {
        content: "";
        display: block;
        position: absolute;
        top: 8px;
        right: 1px;
        bottom: 8px;
        border-width: 0 0 0 1px;
        border-style: solid;
        border-color: #808f9d;
        transition: border-color .1s linear
    }

.fieldset__field-suffix {
    position: relative;
    padding: 0 2px 0 6px
}

    .fieldset__field-suffix::before {
        content: "";
        display: block;
        position: absolute;
        top: 8px;
        bottom: 8px;
        left: 0;
        border-width: 0 0 0 1px;
        border-style: solid;
        border-color: #808f9d;
        transition: border-color .1s linear
    }

.fieldset__field-suffix-textarea {
    height: auto
}

.field {
    order: 1
}

.fieldset__field-suffix, .fieldset__field-action {
    order: 2;
    margin-left: -4px;
    border-left-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.fieldset__field-action {
    position: relative;
    align-items: flex-start;
    order: 3;
    height: auto;
    margin-left: -2px;
    padding: 2px 9px 3px;
    padding-top: 9px;
    background-color: #f9f9fa;
    color: #275ce0;
    font-size: 14px;
    line-height: 19px
}

    .fieldset__field-action > div, .fieldset__field-action > a {
        opacity: 1;
        transition: opacity .15s ease-out
    }

.fieldset__field-action--success {
    pointer-events: none
}

    .fieldset__field-action--success > div, .fieldset__field-action--success > a {
        opacity: 0
    }

    .fieldset__field-action--success::after {
        content: "";
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23275ce0' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M18.7072 4.70718L8.00008 15.4143L2.29297 9.70718L3.70718 8.29297L8.00008 12.5859L17.293 3.29297L18.7072 4.70718Z' clip-rule='evenodd'/%3E%3C/svg%3E") center center no-repeat;
        background-size: 20px;
        animation: fadein .15s linear, zoom-in-stamp .15s ease-in;
        animation-fill-mode: both
    }

.fieldset--with-prefix .fieldset__field-prefix {
    display: flex
}

.fieldset--with-suffix .fieldset__field-suffix {
    display: flex
}

.fieldset--with-action .field {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.fieldset--with-action .fieldset__field-action {
    display: flex
}

.ec-fieldset--with-action .field {
    display: flex;
    flex-direction: row
}

.ec-fieldset--with-action .ec-field__action-wrapper {
    flex-grow: 1
}

.ec-fieldset--with-action .ec-field__action {
    display: flex
}

.ec-field__action {
    display: none;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    align-items: flex-start;
    order: 3;
    color: #275ce0;
    font-size: 14px;
    line-height: 19px;
    justify-content: center;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear, box-shadow .1s linear;
    font-size: 14px;
    line-height: 22px
}

    .ec-field__action > div, .ec-field__action > a {
        opacity: 1;
        transition: opacity .15s ease-out;
        width: 100%;
        height: 100%;
        padding: 9px
    }

.ec-field__action--success {
    pointer-events: none
}

    .ec-field__action--success > div, .ec-field__action--success > a {
        opacity: 0
    }

    .ec-field__action--success::after {
        content: "";
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23275ce0' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M18.7072 4.70718L8.00008 15.4143L2.29297 9.70718L3.70718 8.29297L8.00008 12.5859L17.293 3.29297L18.7072 4.70718Z' clip-rule='evenodd'/%3E%3C/svg%3E") center center no-repeat;
        background-size: 20px;
        animation: fadein .15s linear, zoom-in-stamp .15s ease-in;
        animation-fill-mode: both
    }

.fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-prefix .field__placeholder {
    right: 14px;
    left: 14px
}

.fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-prefix .field:active + .fieldset__field-prefix, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-prefix .field--focus + .fieldset__field-prefix {
    border-right-width: 0;
    border-color: #275ce0;
    background-color: #fff;
    box-shadow: 0 1px 0 0 #275ce0 inset,1px 0 0 #275ce0 inset,0 -1px 0 0 #275ce0 inset
}

    .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-prefix .field:active + .fieldset__field-prefix::before, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-prefix .field--focus + .fieldset__field-prefix::before {
        border-color: #275ce0
    }

.fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-prefix .field:hover + .fieldset__field-prefix, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-prefix .field:not(.fieldset--readonly) .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-prefix .field--hover + .fieldset__field-prefix {
    background-color: #fff
}

.fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-prefix .field--large, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-prefix .field--extra-large {
    padding-left: 16px
}

.fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix .field:active ~ .fieldset__field-suffix, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix .field--focus ~ .fieldset__field-suffix {
    padding-right: 2px;
    border-left-width: 0;
    border-color: #275ce0;
    background-color: #fff;
    box-shadow: 0 1px 0 0 #275ce0 inset,-1px 0 0 #275ce0 inset,0 -1px 0 0 #275ce0 inset
}

    .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix .field:active ~ .fieldset__field-suffix::before, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix .field--focus ~ .fieldset__field-suffix::before {
        border-color: #275ce0
    }

.fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix .field:hover + .fieldset__field-prefix + .fieldset__field-suffix, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix .field:hover + .fieldset__field-suffix {
    background-color: #fff
}

.fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix .field--large, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix .field--extra-large {
    padding-right: 16px
}

.fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix:focus-within .field {
    border-color: #275ce0;
    outline: 0;
    background-color: #fff;
    box-shadow: 0 0 0 1px #275ce0 inset;
    color: #607385
}

    .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix:focus-within .field ~ .fieldset__field-suffix {
        border-color: #275ce0;
        background-color: #fff;
        box-shadow: 0 1px 0 0 #275ce0 inset,-1px 0 0 #275ce0 inset,0 -1px 0 0 #275ce0 inset;
        color: #1b409d
    }

        .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix:focus-within .field ~ .fieldset__field-suffix::before {
            border-color: #275ce0
        }

    .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix:focus-within .field ~ .fieldset__field-prefix {
        border-color: #275ce0;
        background-color: #fff;
        box-shadow: 0 1px 0 0 #275ce0 inset,1px 0 0 #275ce0 inset,0 -1px 0 0 #275ce0 inset;
        color: #1b409d
    }

        .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix:focus-within .field ~ .fieldset__field-prefix::before {
            border-color: #275ce0
        }

.fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-prefix:not(.fieldset--readonly) .field:not([disabled]).field--hover ~ .fieldset__field-prefix, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-prefix:not(.fieldset--readonly) .field:not([disabled]).field--hover ~ .fieldset__field-suffix, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix:not(.fieldset--readonly) .field:not([disabled]).field--hover ~ .fieldset__field-prefix, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-suffix:not(.fieldset--readonly) .field:not([disabled]).field--hover ~ .fieldset__field-suffix {
    background-color: #fff
}

.fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field:active + .fieldset__field-action, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field:active + .fieldset__field-prefix + .fieldset__field-action, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field:active + .fieldset__field-suffix + .fieldset__field-action, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field:active + .fieldset__field-prefix + .fieldset__field-suffix + .fieldset__field-action, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field--focus + .fieldset__field-action, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field--focus + .fieldset__field-prefix + .fieldset__field-action, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field--focus + .fieldset__field-suffix + .fieldset__field-action, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field--focus + .fieldset__field-prefix + .fieldset__field-suffix + .fieldset__field-action {
    padding: 8px 8px 2px;
    border-width: 2px;
    border-left-width: 0;
    border-color: #275ce0
}

    .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field:active + .fieldset__field-action .fieldset__field-action-btn, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field:active + .fieldset__field-prefix + .fieldset__field-action .fieldset__field-action-btn, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field:active + .fieldset__field-suffix + .fieldset__field-action .fieldset__field-action-btn, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field:active + .fieldset__field-prefix + .fieldset__field-suffix + .fieldset__field-action .fieldset__field-action-btn, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field--focus + .fieldset__field-action .fieldset__field-action-btn, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field--focus + .fieldset__field-prefix + .fieldset__field-action .fieldset__field-action-btn, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field--focus + .fieldset__field-suffix + .fieldset__field-action .fieldset__field-action-btn, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly) .field--focus + .fieldset__field-prefix + .fieldset__field-suffix + .fieldset__field-action .fieldset__field-action-btn {
        margin: -2px;
        margin-left: 0
    }

.fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly):focus-within .field + .fieldset__field-action, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly):focus-within .field + .fieldset__field-prefix + .fieldset__field-action, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly):focus-within .field + .fieldset__field-suffix + .fieldset__field-action, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly):focus-within .field + .fieldset__field-prefix + .fieldset__field-suffix + .fieldset__field-action {
    padding: 8px 8px 2px;
    border-width: 2px;
    border-left-width: 0;
    border-color: #275ce0
}

    .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly):focus-within .field + .fieldset__field-action .fieldset__field-action-btn, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly):focus-within .field + .fieldset__field-prefix + .fieldset__field-action .fieldset__field-action-btn, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly):focus-within .field + .fieldset__field-suffix + .fieldset__field-action .fieldset__field-action-btn, .fieldset:not(.has-success):not(.has-error):not(.has-warning).fieldset--with-action:not(.fieldset--readonly):focus-within .field + .fieldset__field-prefix + .fieldset__field-suffix + .fieldset__field-action .fieldset__field-action-btn {
        margin: -2px;
        margin-left: 0
    }

.fieldset.fieldset--wysiwyg .field {
    height: auto;
    padding: 2px;
    color: #0a1c2e
}

    .fieldset.fieldset--wysiwyg .field .redactor-box {
        margin-bottom: 0
    }

    .fieldset.fieldset--wysiwyg .field .redactor-editor {
        border: none
    }

.fieldset--icon .fieldset__svg-icon {
    display: block;
    position: absolute;
    top: 10px;
    width: 20px;
    height: 20px;
    color: #808f9d
}

.fieldset--icon .field__label {
    margin-left: 25px
}

.fieldset--icon .field__input {
    left: 25px;
    width: calc(100% - 25px)
}

.fieldset--icon .field__placeholder {
    right: 5px;
    left: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fieldset--icon .field:active .field__placeholder, .fieldset--icon .field:focus .field__placeholder, .fieldset--icon .field--focus .field__placeholder {
    right: 5px;
    left: 35px
}

.fieldset--icon .field--small .fieldset__svg-icon {
    top: 5px
}

.fieldset--icon .field--large .fieldset__svg-icon {
    top: 14px;
    width: 22px;
    height: 22px
}

.fieldset--icon .field--large .field__label {
    margin-left: 30px
}

.fieldset--icon .field--large .field__placeholder {
    left: 40px
}

.fieldset--icon .field--large .field__input {
    left: 30px;
    width: calc(100% - 30px)
}

.fieldset--icon .field--large:active .field__placeholder, .fieldset--icon .field--large:focus .field__placeholder, .fieldset--icon .field--large--focus .field__placeholder {
    left: 40px
}

.fieldset--advanced {
    position: relative;
    width: 100%
}

    .fieldset--advanced:not(.fieldset--dropdown-opened) .list-dropdown {
        display: none
    }

    .fieldset--advanced .field {
        cursor: pointer
    }

        .fieldset--advanced .field .field__input {
            width: 100%;
            text-overflow: ellipsis;
            cursor: pointer
        }

    .fieldset--advanced .list-dropdown {
        width: 100%;
        max-height: 320px;
        margin-top: 4px
    }

    .fieldset--advanced .list-dropdown__content {
        overflow: auto
    }

    .fieldset--advanced .list-dropdown .dropdown-list-item__icon {
        color: #275ce0
    }

    .fieldset--advanced .list-dropdown .dropdown-list-item__icon--type-checkbox {
        box-sizing: content-box
    }

.editable-data {
    font-size: 14px;
    line-height: 22px
}

    .editable-data .editable-data__title {
        display: block;
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 22px;
        font-family: var(--headers-font-family);
        font-weight: var(--text-big-font-weight, 600);
        color: #0a1c2e;
        color: #275ce0;
        transition: color .1s linear
    }

        .editable-data .editable-data__title:focus, .editable-data .editable-data__title:hover {
            color: #1b409d
        }

        .editable-data .editable-data__title:active {
            color: #688de9
        }

    .editable-data .editable-data__title--no-margin-bottom {
        margin-bottom: 0
    }

    .editable-data .editable-data__title-text {
        padding-right: 16px
    }

    .editable-data .editable-data__title-icon {
        display: inline;
        margin-left: -16px
    }

        .editable-data .editable-data__title-icon svg {
            width: 10px;
            height: 10px;
            fill: currentColor
        }

    .editable-data .editable-data__description {
        word-break: break-word;
        font-size: 14px;
        line-height: 22px
    }

    .editable-data .editable-data__edit {
        overflow: hidden;
        opacity: 0;
        height: 0
    }

    .editable-data .editable-data__value {
        font-size: 14px;
        line-height: 22px
    }

.editable-data--simple .editable-data__title {
    padding-top: 8px;
    font-family: lato,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.editable-data--simple .iconable-link__icon {
    display: none
}

.editable-data.editable-data--disabled {
    pointer-events: none
}

    .editable-data.editable-data--disabled .editable-data__title, .editable-data.editable-data--disabled .editable-data__description {
        color: #607385
    }

    .editable-data.editable-data--disabled a.disabled, .editable-data.editable-data--disabled a[disabled] {
        opacity: 1
    }

.editable-data.editable-data--edit {
    margin-bottom: 0
}

    .editable-data.editable-data--edit .editable-data__title {
        display: none
    }

    .editable-data.editable-data--edit .editable-data__title-icon {
        display: none
    }

    .editable-data.editable-data--edit .editable-data__description {
        margin-bottom: 0
    }

    .editable-data.editable-data--edit .editable-data__description, .editable-data.editable-data--edit .editable-data__value {
        overflow: hidden;
        opacity: 0;
        height: 0
    }

    .editable-data.editable-data--edit .editable-data__edit {
        overflow: visible;
        opacity: 1;
        height: auto
    }

.editable-option-list {
    font-size: 14px;
    line-height: 22px
}

    .editable-option-list .editable-option-list__title {
        font-size: 16px;
        line-height: 24px;
        display: block;
        margin-bottom: 8px;
        font-weight: 600
    }

    .editable-option-list .editable-option-list__title-icon {
        display: inline
    }

        .editable-option-list .editable-option-list__title-icon svg {
            width: 10px;
            height: 10px;
            fill: currentColor
        }

@media screen and (min-width: 768px) {
    .editable-option-list .editable-option-list__mobile-header {
        display: none
    }
}

.editable-option-list .editable-option-list__body {
    display: none
}

@media screen and (min-width: 768px) {
    .editable-option-list .editable-option-list__body {
        display: block
    }
}

.editable-option-list .editable-option-list__body .flex-table-block .flex-table__wrap {
    max-height: 264px
}

@media screen and (min-width: 768px) {
    .editable-option-list .editable-option-list__body .flex-table-block .flex-table__wrap {
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 5px 10px rgba(0,0,0,0.15), 0 0 0 rgba(0,0,0,0.08) inset;
        transition: box-shadow .2s linear, border-color .2s linear, background-color .2s linear;
        box-shadow: 0 1px 4px -1px rgba(15,17,22,0.1), 0 0 0 rgba(0,0,0,0.08) inset
    }
}

.editable-option-list .editable-option-list__body .flex-table-block .flex-table__wrap::before, .editable-option-list .editable-option-list__body .flex-table-block .flex-table__wrap::after {
    display: none
}

.editable-option-list .editable-option-list__body .flex-table-block .flex-table__wrap-inner {
    max-height: 264px;
    padding-bottom: 0
}

.editable-option-list--mobile-edit-mode .editable-option-list__mobile-header {
    display: none
}

.editable-option-list--mobile-edit-mode .editable-option-list__body {
    display: block
}

    .editable-option-list--mobile-edit-mode .editable-option-list__body .flex-table-block .flex-table__wrap {
        max-height: none
    }

        .editable-option-list--mobile-edit-mode .editable-option-list__body .flex-table-block .flex-table__wrap::after {
            display: none
        }

    .editable-option-list--mobile-edit-mode .editable-option-list__body .flex-table-block .flex-table__wrap-inner {
        max-height: none;
        padding-bottom: 0
    }

.form-area--height-limited {
    display: block;
    position: relative;
    overflow: hidden;
    max-height: 138px
}

    .form-area--height-limited::before {
        content: "";
        position: absolute;
        top: 75px;
        left: 0;
        width: 100%;
        height: 70px;
        background: -webkit-linear-gradient(#fff 100%, rgba(255,255,255,0) 0%);
        background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255,255,255,0)));
        background: -webkit-linear-gradient(bottom, #fff 0%, rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(bottom, #fff 0%, rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, #fff 0%, rgba(255,255,255,0) 100%)
    }

.form-area--height-limited--only-title + .collapsible-area {
    margin-top: 0
}

.form-area .form-area__title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.form-area .form-area__title--large {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .form-area .form-area__title--large {
        font-size: 20px;
        line-height: 28px
    }
}

.form-area .form-area__title--medium {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.form-area .form-area__title--small {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 18px;
    font-weight: var(--text-big-font-weight, 600)
}

.form-area .form-area__title.muted {
    color: #607385
}

.form-area .form-area__title h1, .form-area .form-area__title h2, .form-area .form-area__title h3, .form-area .form-area__title h4 {
    color: currentColor
}

.form-area .form-area__title--no-margin {
    margin: 0
}

.form-area .form-area__content {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 22px
}

    .form-area .form-area__content p {
        margin: 0 0 8px
    }

.form-area .form-area__content--no-margin {
    margin: 0
}

.form-area .form-area__content--reduce-extra-bottom-space {
    margin-bottom: 0
}

    .form-area .form-area__content--reduce-extra-bottom-space p {
        margin: 0 0 8px
    }

        .form-area .form-area__content--reduce-extra-bottom-space p:last-child {
            margin: 0
        }

    .form-area .form-area__content--reduce-extra-bottom-space .fieldsets-batch:last-child {
        padding-bottom: 0
    }

.form-area .form-area__content-without-bottom-margin {
    font-size: 14px;
    line-height: 22px
}

    .form-area .form-area__content-without-bottom-margin p {
        margin: 0 0 8px
    }

.form-area .form-area__action {
    margin-bottom: 16px
}

.form-area .form-area__action--no-margin {
    margin: 0
}

.form-area .form-area__action .btn {
    display: block;
    width: 100%;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .form-area .form-area__action .btn {
        display: inline-block;
        width: auto;
        margin-bottom: 0
    }
}

.form-area .form-area__action .btn:first-child:not(.btn-link):not(.btn-small) {
    min-width: 260px
}

.form-area .form-area__title-text {
    margin-right: 12px
}

.form-area.muted .form-area__title {
    color: #607385
}

.a-card .form-area {
    max-width: 700px
}

.a-card.muted .form-area__title {
    color: #607385
}

.a-card.a-card--wide-form-area-mode .form-area {
    max-width: none
}

.form-area__row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px
}

.form-area__column {
    display: inline-flex
}

    .form-area__column:first-child {
        flex: 1 1 auto
    }

    .form-area__column:not(:last-child) {
        padding-right: 16px
    }

.form-area__column--no-wrap > span {
    white-space: nowrap
}

.bullet {
    margin: 0 0 16px 0;
    padding: 0 0 0 1em;
    list-style-type: none
}

    .bullet > li {
        margin-bottom: 4px
    }

        .bullet > li::before {
            content: "\2013";
            display: inline-block;
            position: relative;
            width: 0;
            color: inherit;
            font-weight: 400;
            line-height: 1;
            text-align: left;
            text-indent: -1em
        }

.obullet {
    margin: 0 0 16px 0;
    padding: 0 0 0 1.2em
}

    .obullet > li {
        margin-bottom: 4px
    }

.ecwid-to-lightspeed-banner {
    background: #1b1e27;
    animation: fadeInDown .2s ease-in;
    animation-fill-mode: both;
    box-shadow: 32px 0 32px -32px #252e37 inset;
    padding-left: 8px;
    padding-right: 8px
}

@media screen and (min-width: 1024px) {
    .ecwid-to-lightspeed-banner {
        padding-left: 32px
    }
}

@media screen and (min-width: 1400px) {
    .ecwid-to-lightspeed-banner {
        padding-left: 40px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-to-lightspeed-banner {
        padding-right: 32px
    }
}

@media screen and (min-width: 1400px) {
    .ecwid-to-lightspeed-banner {
        padding-right: 40px
    }
}

.ecwid-to-lightspeed-banner--center {
    box-shadow: none
}

    .ecwid-to-lightspeed-banner--center .ecwid-to-lightspeed-banner__container {
        justify-content: center
    }

.ecwid-to-lightspeed-banner__container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    min-height: 64px
}

.ecwid-to-lightspeed-banner__icon {
    margin-right: 12px
}

    .ecwid-to-lightspeed-banner__icon svg {
        display: block
    }

.ecwid-to-lightspeed-banner__info {
    flex: 0 1 auto;
    padding: 8px 40px 8px 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 568px) {
    .ecwid-to-lightspeed-banner__info {
        font-size: 14px;
        line-height: 22px
    }
}

.ecwid-to-lightspeed-banner__title {
    overflow: hidden;
    color: #e7eaed;
    font-family: var(--headers-font-family)
}

.ecwid-to-lightspeed-banner__anchor {
    color: #8af;
    white-space: nowrap
}

    .ecwid-to-lightspeed-banner__anchor:hover, .ecwid-to-lightspeed-banner__anchor a:focus {
        color: #6c88cc
    }

.ecwid-to-lightspeed-banner__close {
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    width: 16px;
    height: 16px;
    border: 0;
    color: #607385;
    text-decoration: none;
    transform: translateY(-50%);
    cursor: pointer
}

    .ecwid-to-lightspeed-banner__close:active, .ecwid-to-lightspeed-banner__close:hover {
        color: #4d5c6a
    }

    .ecwid-to-lightspeed-banner__close svg {
        display: block;
        fill: currentColor
    }

div.ecwid-MessageBox {
    border: solid 10px #bfc7ce;
    background-color: #fff;
    z-index: 1001
}

div.ecwid-MessageBox-msg {
    font-size: 15px;
    color: #0a1c2e;
    width: 360px;
    padding: 0 50px 0 30px;
    overflow: hidden;
    text-align: left
}

div.ecwid-MessageBox-msg-info {
    background: transparent url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/msg_info.gif) no-repeat 0 0;
    margin-left: 30px;
    width: 33px;
    height: 33px
}

div.ecwid-MessageBox-msg-question {
    background: transparent url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/msg_quest.gif) no-repeat 0 0;
    margin-left: 30px;
    width: 33px;
    height: 33px
}

div.ecwid-MessageBox-msg-warning {
    background: transparent url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/msg_warning.gif) no-repeat 0 0;
    margin-left: 30px;
    width: 33px;
    height: 33px
}

div.ecwid-MessageBox-msg-error {
    background: transparent url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/msg_error.gif) no-repeat 0 0;
    margin-left: 30px;
    width: 33px;
    height: 33px
}

div.ecwid-ShadowedPopupPanel-content {
    background-color: #fff;
    position: relative
}

div.ecwid-ShadowedPopupPanel-shadow {
    background-color: #000;
    -moz-opacity: 0.1;
    opacity: 0.10;
    filter: alpha(opacity=10)
}

div.ecwid-ShadowedPopupPanel-content {
    max-width: 1000px
}

.ecwid-MessageBox {
    border-color: #275ce0
}

div.ecwid-MessageBox-paidFeature {
    background: transparent url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/transparent_black.png) repeat scroll 0 0
}

    div.ecwid-MessageBox-paidFeature .ecwid-popup-touchLimiter {
        margin-bottom: 13px
    }

div.ecwid-MessageBox-paidFeature-panel {
    background-color: #000;
    -moz-opacity: 0.70;
    opacity: 0.70;
    filter: alpha(opacity=70)
}

div.ecwid-MessageBox-paidFeature div.ecwid-MessageBox-msg {
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 180%;
    padding: 20px 50px 10px 0;
    width: 384px
}

html, body {
    height: 100%;
    background: transparent
}

body {
    font-size: 100%
}

@media screen and (min-width: 768px) {
    body {
        font-size: 1em
    }
}

p, h1 {
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .ecwid-g-r > .ecwid-u-1-2 {
        width: 50%
    }
}

.display-flex-align-center {
    display: flex;
    align-items: center
}

.login-wrapper {
    box-sizing: border-box;
    min-width: 20em;
    max-width: 56.25em;
    margin: 0 auto;
    padding: .625em;
    color: #0a1c2e;
    font-weight: 400
}

@media screen and (min-width: 768px) {
    .login-wrapper {
        padding: 2em 1.25em 1.25em
    }
}

.login-wrapper.new-login-wrapper {
    max-width: 1072px;
    padding: 0 .625em .625em .625em
}

@media screen and (min-width: 768px) {
    .login-wrapper.new-login-wrapper {
        padding: 56px 1.25em 1.25em
    }
}

@media screen and (max-width: 767px) {
    .login-wrapper.login-wrapper--has-captcha {
        padding-right: 8px;
        padding-left: 8px
    }
}

@media screen and (min-width: 768px) {
    .login-wrapper.login-wrapper--has-captcha .login-widget {
        width: 366px;
        min-width: 366px
    }
}

@media screen and (max-width: 767px) {
    .login-wrapper.login-wrapper--has-captcha .h-captcha {
        width: calc(100% + 48px);
        margin: 0 -24px;
        text-align: center
    }
}

.login-wrapper .widget {
    border: 0 solid #bfc7ce;
    border-radius: 8px;
    background-color: #e8ebed;
    font-weight: 400
}

.login-wrapper .login-links {
    display: none
}

.login-wrapper .login-widget ul {
    display: block;
    overflow: hidden;
    margin-bottom: .35em;
    padding: 0;
    list-style: none;
    font-size: 1em;
    text-align: center
}

@media screen and (min-width: 768px) {
    .login-wrapper .login-widget ul {
        font-size: .813em
    }
}

.login-wrapper .login-widget ul > li {
    display: block;
    padding: .25em 0 .5em;
    line-height: 1.4em
}

@media screen and (min-width: 768px) {
    .login-wrapper .login-widget ul > li {
        display: inline-block;
        padding: .25em 1.3em .5em
    }
}

.login-wrapper .login-widget ul > li a {
    text-decoration: none;
    white-space: normal
}

@media screen and (min-width: 768px) {
    .login-wrapper .login-widget ul > li a {
        white-space: nowrap
    }
}

.login-widget {
    position: relative;
    min-width: 18.75em;
    max-width: 21.25em;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .login-widget {
        width: 21.125em
    }
}

.login-widget.new-login-widget {
    float: none
}

@media screen and (min-width: 768px) {
    .login-widget.new-login-widget {
        float: right
    }
}

.login-widget.new-login-widget .logo a {
    min-height: 0
}

.login-widget.new-login-widget .logo img {
    max-width: 224px
}

@media screen and (min-width: 768px) {
    .login-widget.new-login-widget .logo img {
        max-height: 224px
    }
}

@media screen and (min-width: 768px) {
    .login-widget.new-login-widget h2 {
        margin: 32px 0 16px 0;
        padding: 10px 0 10px 0;
        font-size: 48px;
        text-align: left
    }
}

.login-widget.widget-loading .veil {
    position: absolute;
    z-index: 11;
    opacity: .5;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease-out, z-index 0s ease-out
}

.login-widget h3 {
    margin: 1.38em 0 .778em;
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5
}

@media screen and (min-width: 768px) {
    .login-widget h3 {
        margin: 1.38em 0;
        font-size: 1.125em
    }
}

.login-widget h4 {
    margin: 1.38em 0 .778em
}

@media screen and (min-width: 768px) {
    .login-widget h4 {
        margin: 1.38em 0
    }
}

.login-widget p {
    margin: 0 0 1em;
    font-size: .938em;
    line-height: 1.538
}

    .login-widget p > a {
        display: inline-block;
        padding-top: .4em;
        font-size: 1em;
        text-decoration: none
    }

@media screen and (min-width: 768px) {
    .login-widget p > a {
        font-size: .867em
    }
}

.login-widget .veil {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: opacity .5s ease-out, z-index 0s ease-out .5s
}

.login-widget .block-view-wrapper {
    position: relative
}

.login-widget .block-view-off {
    opacity: 0;
    padding: 0;
    border: 0;
    transition: opacity .3s ease-out
}

.login-widget .block-view-on {
    opacity: 1;
    padding: 0;
    border: 0;
    animation: fadein .2s 1 ease-in
}

    .login-widget .block-view-off::before, .login-widget .block-view-off::after, .login-widget .block-view-on::before, .login-widget .block-view-on::after {
        content: "";
        display: table
    }

    .login-widget .block-view-off::after, .login-widget .block-view-on::after {
        clear: both
    }

.login-widget .remember {
    white-space: nowrap
}

    .login-widget .remember span {
        font-size: 1em;
        line-height: 22px
    }

@media screen and (min-width: 768px) {
    .login-widget .remember span {
        font-size: .867em;
        line-height: 20px
    }
}

.login-widget .remember label {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer
}

.login-widget .remember input {
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 0;
    vertical-align: middle;
    cursor: pointer
}

.login-widget .fieldset {
    width: 100%;
    margin: 0 0 .313em
}

.login-widget .btn:not(.btn--social):not(.btn--soc) {
    position: relative;
    overflow: visible;
    width: 100%;
    margin-bottom: .3em;
    letter-spacing: .2px
}

@media screen and (max-width: 767px) {
    .login-widget .btn:not(.btn--social):not(.btn--soc) {
        font-size: .95em
    }
}

.login-widget .btn-primary {
    margin-bottom: .357em
}

.login-widget .btn-login-main {
    margin: .85em 0 .7em
}

@media screen and (min-width: 768px) {
    .login-widget .btn-login-main {
        margin-bottom: .4em
    }
}

.login-main {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    min-height: 22.813em;
    max-height: 22.813em;
    padding: .5em 1.5em 8%;
    border-radius: inherit;
    background-color: #fff;
    transition: background .2s ease-in, max-height .1s ease-out, min-height .1s ease-out;
    z-index: 5;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15)
}

@media screen and (min-width: 768px) {
    .login-main {
        padding-right: 2em;
        padding-left: 2em
    }
}

.login-main.create-view {
    transition: max-height .1s ease-out, min-height .1s ease-out
}

.login-main .btn {
    position: relative;
    overflow: visible;
    width: 100%;
    margin-bottom: .3em;
    letter-spacing: .2px
}

@media screen and (max-width: 767px) {
    .login-main .btn {
        font-size: .95em
    }
}

.login-main .btn-primary {
    margin-bottom: .357em
}

.login-main .reset-view {
    margin-bottom: 1.5em
}

@media screen and (max-width: 767px) {
    .login-main .reset-view {
        margin-bottom: 1.1em
    }
}

.login-main .reset-view p {
    font-size: .87em
}

.login-main .reset-view .btn-login-main {
    margin-top: 0
}

@media screen and (min-width: 768px) {
    .login-main .reset-view .btn-login-main {
        margin-top: 1.857em
    }
}

.login-main .reset-view .info-block {
    margin: 0 0 1em;
    text-align: center
}

@media screen and (min-width: 768px) {
    .login-main .reset-view .info-block {
        margin-top: 2em
    }
}

.login-main .reset-view .reset-form {
    margin-bottom: 1.563em
}

@media screen and (max-width: 767px) {
    .login-main .reset-view .reset-form {
        margin-bottom: 1.1em
    }
}

.login-main .reset-view .vertical-icolink {
    font-size: 1.125em
}

    .login-main .reset-view .vertical-icolink [class*='icon-'] {
        font-size: 4em
    }

.login-main .store-info {
    margin-bottom: 24px;
    padding-top: 6px
}

    .login-main .store-info p {
        margin-bottom: 0;
        letter-spacing: -.2px
    }

    .login-main .store-info .user-name {
        font-weight: 700
    }

    .login-main .store-info .store-id {
        margin: 9px 0 23px
    }

        .login-main .store-info .store-id span {
            font-size: 1.56em;
            font-weight: 700
        }

.login-advance {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    min-height: 20.0625em;
    max-height: 20.0625em;
    margin-top: 0;
    padding: 2.9em 1.5em 5.8%;
    border-radius: inherit;
    transition: max-height .5s ease-out
}

@media screen and (min-width: 768px) {
    .login-advance {
        padding-right: 2em;
        padding-left: 2em
    }
}

.login-advance:first-child {
    border-top-width: 1px
}

.login-advance:not(:first-child) {
    margin-top: -2em;
    padding-top: 4.14em;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-color: transparent
}

    .login-advance:not(:first-child) .or {
        display: block
    }

.login-advance .or {
    display: none;
    position: relative;
    z-index: 11;
    width: 3.75em;
    height: 3.75em;
    margin: -5.4em auto 1.55em;
    border-radius: 50%;
    background-color: #808f9d;
    color: #fff;
    font-size: .75em;
    line-height: 3.75em;
    text-align: center
}

.login-advance .login-btn-group {
    margin-bottom: 16px
}

    .login-advance .login-btn-group .btn {
        opacity: 1
    }

.login-advance .signin-view p > a {
    padding-top: 0
}

.login-advance .soc-btn-group, .login-advance .social-btn-group {
    margin-bottom: 8px
}

    .login-advance .soc-btn-group .btn, .login-advance .social-btn-group .btn {
        margin-bottom: 5px
    }

    .login-advance .soc-btn-group p, .login-advance .social-btn-group p {
        margin-bottom: 0
    }

.login-advance .soc-btn-group__more, .login-advance .social-btn-group__more {
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    transition: opacity .2s ease-out 0s
}

.login-advance .soc-btn-group__more--opened, .login-advance .social-btn-group__more--opened {
    overflow: initial;
    opacity: 1;
    max-height: 200px
}

.loading-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 16em;
    min-height: 8.75em;
    margin-top: -4.3em;
    margin-left: -8em;
    animation: zoom .3s 1 linear, fadein .5s 1 linear
}

@media (min-height: 480px) {
    .loading-panel {
        top: 43%
    }
}

.loading-panel .loading-info {
    position: absolute;
    width: 100%;
    margin-top: 6em;
    font-size: 1.16em;
    font-weight: normal;
    text-align: center
}

.page-loading .login-wrapper {
    opacity: 0;
    transition: opacity .3s linear 2s
}

@media screen and (min-width: 768px) {
    .page-loading .login-wrapper {
        transform: scale(1.1);
        transition: all .3s linear 2s
    }
}

.block-error {
    text-align: center
}

    .block-error .error-panel {
        box-sizing: border-box;
        max-width: 500px;
        margin: 0 auto;
        padding: 30px 20px;
        border: 1px solid #bfc7ce;
        border-radius: 1px;
        background-color: #fff;
        word-wrap: break-word;
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }

@media (min-width: 400px) {
    .block-error .error-panel {
        padding: 45px 20px
    }
}

.block-error .error-panel .error-title {
    margin: 10px 0;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

.block-error .error-panel .error-text {
    margin: 16px;
    font-size: 14px;
    line-height: 1.8em
}

    .block-error .error-panel .error-text a {
        text-decoration: none
    }

.block-error ul.link-group {
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
    text-align: center
}

    .block-error ul.link-group > li {
        display: inline-block;
        margin: 0 25px 5px
    }

@media screen and (max-width: 767px) {
    .block-error ul.link-group > li {
        display: block
    }
}

.block-error ul.link-group > li a {
    color: #607385;
    font-size: 14px;
    text-decoration: none
}

    .block-error ul.link-group > li a:hover {
        color: #1b409d
    }

    .block-error ul.link-group > li a:active {
        color: #688de9
    }

.login-widget .block-error {
    margin: 0 -1em 1.875em;
    padding: 0;
    text-align: left;
    word-wrap: break-word
}

@media screen and (min-width: 768px) {
    .login-widget .block-error {
        margin-top: .5em
    }
}

.login-widget .block-error .alert {
    padding: 1.143em
}

    .login-widget .block-error .alert .title {
        margin-bottom: 1.111em
    }

.no-register .login-widget {
    box-shadow: none
}

.no-register .login-main {
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    min-height: 18em;
    max-height: 18em
}

    .no-register .login-main .reset-view .reset-form {
        margin-bottom: 1em
    }

    .no-register .login-main .reset-view p > a {
        font-size: .929em
    }

.no-register .login-advance {
    display: none
}

.no-register .login-links {
    display: block
}

    .no-register .login-links .agreement-block {
        padding: 0 1.5em 16px
    }

@media screen and (min-width: 768px) {
    .no-register .login-links .agreement-block {
        padding-right: 2em;
        padding-left: 2em
    }
}

.login-content {
    display: none
}

body.alt-page-shown .login-container.page-error {
    background-color: #fff
}

    body.alt-page-shown .login-container.page-error .login-content {
        display: none
    }

body.alt-page-shown .login-widget.new-login-widget {
    float: none
}

@media screen and (min-width: 768px) {
    body.alt-page-shown .login-widget.new-login-widget {
        float: right
    }
}

@media screen and (min-width: 768px) {
    body.alt-page-shown .login-container {
        position: relative;
        min-height: 100%;
        background-color: #e8ebed;
        transition: background-color .3s linear 2s
    }

    body.alt-page-shown .login-container-inner {
        max-width: 1280px;
        height: 100%;
        margin: 0 auto;
        padding-top: 30px !important;
        background-color: #fff
    }

        body.alt-page-shown .login-container-inner.new-login-container-inner {
            max-width: 1072px;
            padding: 0;
            margin: 0 auto;
            padding-top: 0 !important;
            background-color: #fff
        }

    body.alt-page-shown .login-content {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        max-width: 1280px;
        height: 100%;
        background-color: #fff
    }

        body.alt-page-shown .login-content .logo {
            position: absolute;
            z-index: 10;
            top: 28px;
            left: 31px;
            width: 134px;
            height: 40px
        }

            body.alt-page-shown .login-content .logo svg {
                width: 100%;
                height: 100%
            }

    body.alt-page-shown .login-wrapper {
        position: relative;
        max-width: none;
        padding: 0 30px
    }

        body.alt-page-shown .login-wrapper.new-login-wrapper {
            max-width: 1072px;
            padding: 56px 1.25em 1.25em
        }

        body.alt-page-shown .login-wrapper .intro {
            display: none
        }

        body.alt-page-shown .login-wrapper .login-widget {
            float: right
        }

    body.alt-page-shown.page-loading .login-container {
        opacity: 0;
        transition: opacity .3s linear 2s
    }
}

.login-promo-link-wrapper {
    position: relative;
    font-weight: 500;
    text-align: left;
    z-index: 999;
    line-height: 32px
}

.promo-arrowed-link {
    color: #0a1c2e;
    text-decoration: none
}

    .promo-arrowed-link:hover, .promo-arrowed-link:visited, .promo-arrowed-link:visited:hover {
        color: #0a1c2e;
        text-decoration: none
    }

@media screen and (min-width: 750px) {
    .promo-arrowed-link {
        display: inline-block;
        position: relative;
        font-size: 18px;
        line-height: 32px
    }

        .promo-arrowed-link::after {
            content: "";
            position: absolute;
            top: 8px;
            right: -24px;
            width: 25px;
            height: 20px;
            background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%230a1c2e'%3E%3Cpath fill-rule='evenodd' d='M13.716 11.002H4a1 1 0 1 1 0-2h9.716L9.943 4.915a1 1 0 1 1 1.47-1.357l5.321 5.765a1 1 0 0 1 0 1.357l-5.324 5.763a.998.998 0 0 1-1.466-1.355l3.772-4.086Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat right 0;
            background-size: contain;
            transition: right .2s linear
        }

        .promo-arrowed-link:hover::after {
            right: -28px
        }
}

.login-promo-white {
    color: #fff
}

    .login-promo-white:hover, .login-promo-white:visited, .login-promo-white:visited:hover {
        color: #fff
    }

    .login-promo-white::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M13.716 11.002H4a1 1 0 1 1 0-2h9.716L9.943 4.915a1 1 0 1 1 1.47-1.357l5.321 5.765a1 1 0 0 1 0 1.357l-5.324 5.763a.998.998 0 0 1-1.466-1.355l3.772-4.086Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
    }

.agreement-block {
    font-size: 13px;
    margin-top: 16px
}

body.embedded {
    background-color: transparent !important
}

    body.embedded .login-wrapper.new-login-wrapper {
        padding: 0
    }

        body.embedded .login-wrapper.new-login-wrapper .ecwid-u-2-5 {
            width: 100%
        }

        body.embedded .login-wrapper.new-login-wrapper .ecwid-u-3-5 {
            display: none
        }

    body.embedded .login-content.registration-promo {
        display: none
    }

    body.embedded .login-wrapper .login-widget {
        float: none
    }

.login-wrapper.new-login-wrapper .intro {
    max-width: 21.25em
}

@media screen and (min-width: 1024px) {
    .login-wrapper.new-login-wrapper .intro {
        max-width: 39em
    }
}

@media screen and (min-width: 768px) {
    .login-wrapper.new-login-wrapper .intro p {
        font-size: 1em
    }
}

.intro {
    box-sizing: border-box;
    max-width: 22.833em;
    margin: 0 auto 1em;
    padding: 0 .75em
}

@media screen and (max-width: 767px) {
    .intro h1, .intro p {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .intro {
        margin: 0 auto 1.313em
    }
}

.intro.new-intro {
    min-width: 18.75em;
    max-width: 21.25em;
    margin: 32px auto 0;
    padding: 0 24px
}

    .intro.new-intro .login-photo {
        display: none
    }

@media screen and (min-width: 768px) {
    .intro.new-intro {
        margin: 0 auto 0;
        padding: 0
    }

        .intro.new-intro .login-photo {
            display: block;
            margin-top: 64px
        }
}

.intro.new-intro h2 {
    display: none;
    font-size: 23px
}

@media screen and (min-width: 768px) {
    .intro.new-intro h2 {
        display: block;
        margin: 0 0 16px 0;
        font-size: 44px;
        line-height: 1;
        text-align: left
    }
}

.intro .logo {
    margin-bottom: 32px
}

    .intro .logo a {
        display: block;
        width: 100%;
        max-width: 100%
    }

    .intro .logo img {
        display: block;
        max-width: 224px;
        height: auto;
        max-height: 56px;
        border: 0 none;
        vertical-align: top
    }

@media screen and (min-width: 768px) {
    .intro .logo img {
        max-height: 100px
    }
}

.intro .logo img[src$=".svg"] {
    height: 100%
}

.intro .logo svg {
    max-width: 100%;
    height: auto
}

@media screen and (min-width: 768px) {
    .intro h2 {
        margin: .867em 0 .5em 0;
        text-align: left
    }
}

@media screen and (min-width: 768px) {
    .intro p {
        font-size: .813em;
        letter-spacing: .25px;
        line-height: 1.6;
        word-spacing: 1px
    }
}

.login-header {
    display: none;
    font-size: 23px
}

@media screen and (min-width: 768px) {
    .login-header {
        display: block;
        margin: 0 0 16px 0;
        font-size: 44px;
        line-height: 1;
        text-align: left;
        font-family: var(--headers-font-family);
        font-weight: var(--headers-font-weight, 700)
    }
}

@media screen and (min-width: 768px) {
    .login-header--small {
        font-size: 32px
    }
}

.intro {
    box-sizing: border-box;
    min-width: 300px;
    max-width: 340px;
    margin: 32px auto 0;
    padding: 0 24px
}

@media screen and (min-width: 768px) {
    .intro {
        margin: 0 auto;
        padding: 0
    }
}

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

.logo {
    margin-bottom: 32px
}

    .logo a {
        display: block;
        width: 100%;
        max-width: 100%
    }

    .logo img {
        display: block;
        max-width: 224px;
        height: auto;
        max-height: 56px;
        border: 0 none;
        vertical-align: top
    }

@media screen and (min-width: 768px) {
    .logo img {
        max-height: 100px
    }
}

.logo img[src$=".svg"] {
    height: 100%
}

.login-header {
    font-size: 23px
}

@media screen and (min-width: 768px) {
    .login-header {
        margin: 0 0 16px 0;
        font-size: 44px;
        line-height: 1;
        text-align: left;
        font-family: var(--headers-font-family);
        font-weight: var(--headers-font-weight, 700)
    }
}

@media screen and (min-width: 768px) {
    .login-header--small {
        font-size: 32px
    }
}

.login-description {
    margin-bottom: 16px;
    letter-spacing: .25px;
    word-spacing: 1px;
    font-size: 16px;
    line-height: 24px
}

    .login-description p {
        margin-top: 0;
        margin-bottom: 8px;
        font-size: inherit;
        text-align: left
    }

@media screen and (min-width: 768px) {
    .login-photo {
        margin-top: 64px
    }
}

.login-wrapper.new-login-wrapper .login-note {
    margin-top: 64px;
    font-size: 14px;
    line-height: 22px;
    color: #607385
}

    .login-wrapper.new-login-wrapper .login-note p {
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 22px;
        color: #607385
    }

.login-wrapper.new-login-wrapper .login-note--inverted {
    color: #fff
}

    .login-wrapper.new-login-wrapper .login-note--inverted p {
        color: #fff
    }

@media screen and (min-width: 768px) {
    .registration-promo::before {
        content: "";
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 200px;
        background: linear-gradient(#000, transparent, transparent)
    }

    .registration-promo .login-bg-img {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 590px;
        max-height: 590px
    }

        .registration-promo .login-bg-img img {
            width: auto;
            height: 100%;
            margin-left: -200px
        }

    .registration-promo .login-bg-text {
        position: absolute;
        z-index: 5;
        bottom: 25px;
        left: 50px;
        max-width: 40%;
        color: white;
        font-weight: 300
    }

        .registration-promo .login-bg-text a {
            display: inline-block;
            margin-top: 8px
        }

    .registration-promo .login-intro {
        max-width: 980px;
        margin: 0 auto;
        font-size: 24px;
        font-weight: 300;
        line-height: 40px
    }

        .registration-promo .login-intro p {
            width: 42%;
            margin: 45px 0 0 50px
        }
}

@media screen and (min-width: 860px) {
    .registration-promo .login-bg-img img {
        margin-left: -145px
    }

    .registration-promo .login-bg-text {
        left: 7%
    }

    .registration-promo .login-intro p {
        width: 50%
    }
}

@media screen and (min-width: 1024px) {
    .registration-promo .login-bg-img {
        height: auto;
        max-height: 530px
    }

        .registration-promo .login-bg-img img {
            width: 100%;
            height: auto;
            margin: 0
        }

    .registration-promo .login-bg-text {
        left: 13%
    }

    .registration-promo .login-intro {
        font-size: 30px;
        line-height: 48px
    }

        .registration-promo .login-intro p {
            width: 57%;
            margin: 45px 0 0 15px
        }
}

@media screen and (min-width: 1280px) {
    .registration-promo .login-intro {
        font-size: 30px;
        line-height: 48px
    }
}

.new-login-container-inner .login-content.registration-promo {
    max-width: 1072px
}

    .new-login-container-inner .login-content.registration-promo .logo {
        top: 56px
    }

.loading-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 16em;
    min-height: 8.75em;
    margin-top: -4.3em;
    margin-left: -8em;
    font-size: 14px;
    animation: zoom .3s 1 linear, fadein .5s 1 linear
}

    .loading-panel .loader {
        position: absolute;
        z-index: 30;
        left: 50%;
        width: 88px;
        margin-left: -44px
    }

    .loading-panel .loading-info {
        position: absolute;
        width: 100%;
        margin-top: 6em;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        font-family: var(--headers-font-family);
        font-weight: var(--text-big-font-weight, 600);
        color: #0a1c2e
    }

.ecwid-loadingIndicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

    .ecwid-loadingIndicator .loader {
        position: absolute;
        z-index: 30;
        top: 50%;
        left: 50%;
        width: 88px;
        height: 88px;
        margin-top: -57px;
        margin-left: -57px;
        padding: 13px;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }

    .ecwid-loadingIndicator .loading-info {
        display: none
    }

    .loading-panel .loader .spinner-ball-outer, .ecwid-loadingIndicator .loader .spinner-ball-outer {
        width: 88px;
        height: 88px;
        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cpath fill='none' stroke='%23275ce0' stroke-linecap='round' stroke-width='3' d='M64.8 79.5C58.4 83.3 51 85.5 43 85.5 27 85.5 13 76.6 5.8 63.5M64.4 6.2C77 13.6 85.5 27.3 85.5 43 85.5 50.7 83.4 58 79.8 64.2M.5 43C.5 19.5 19.5.5 43 .5' transform='translate(1 1)'/%3E%3C/svg%3E") center center no-repeat;
        background-size: contain;
        animation: spinright .8s infinite linear
    }

    .loading-panel .loader .spinner-ball-inner, .ecwid-loadingIndicator .loader .spinner-ball-inner {
        width: 40px;
        height: 40px;
        margin: 0 auto;
        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23275ce0' d='M20 39.5C9.2 39.5.5 30.8.5 20S9.2.5 20 .5 39.5 9.2 39.5 20c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-9.1-7.4-16.5-16.5-16.5S3.5 10.9 3.5 20 10.9 36.5 20 36.5c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5z'/%3E%3C/svg%3E") center center no-repeat;
        background-size: contain;
        animation: spinleft .5s infinite linear
    }

    .loading-panel .loader .loader-object, .ecwid-loadingIndicator .loader .loader-object {
        width: 100%;
        height: 100%
    }

    .loading-panel .loader-mixed .spinner-ball-inner, .ecwid-loadingIndicator .loader-mixed .spinner-ball-inner {
        margin: -64px auto 64px
    }