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

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
}

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

.spacing--pt0 {
    padding-top: 0px
}

.spacing--pt1 {
    padding-top: 8px
}

.spacing--pt2 {
    padding-top: 16px
}

.spacing--pt3 {
    padding-top: 24px
}

.spacing--pt4 {
    padding-top: 32px
}

.spacing--pt5 {
    padding-top: 40px
}

.spacing--pt6 {
    padding-top: 48px
}

.spacing--pt7 {
    padding-top: 56px
}

.spacing--pt8 {
    padding-top: 64px
}

.spacing--pt9 {
    padding-top: 72px
}

.spacing--pr0 {
    padding-right: 0px
}

.spacing--pr1 {
    padding-right: 8px
}

.spacing--pr2 {
    padding-right: 16px
}

.spacing--pr3 {
    padding-right: 24px
}

.spacing--pr4 {
    padding-right: 32px
}

.spacing--pr5 {
    padding-right: 40px
}

.spacing--pr6 {
    padding-right: 48px
}

.spacing--pr7 {
    padding-right: 56px
}

.spacing--pr8 {
    padding-right: 64px
}

.spacing--pr9 {
    padding-right: 72px
}

.spacing--pl0 {
    padding-left: 0px
}

.spacing--pl1 {
    padding-left: 8px
}

.spacing--pl2 {
    padding-left: 16px
}

.spacing--pl3 {
    padding-left: 24px
}

.spacing--pl4 {
    padding-left: 32px
}

.spacing--pl5 {
    padding-left: 40px
}

.spacing--pl6 {
    padding-left: 48px
}

.spacing--pl7 {
    padding-left: 56px
}

.spacing--pl8 {
    padding-left: 64px
}

.spacing--pl9 {
    padding-left: 72px
}

.spacing--pb0 {
    padding-bottom: 0px
}

.spacing--pb1 {
    padding-bottom: 8px
}

.spacing--pb2 {
    padding-bottom: 16px
}

.spacing--pb3 {
    padding-bottom: 24px
}

.spacing--pb4 {
    padding-bottom: 32px
}

.spacing--pb5 {
    padding-bottom: 40px
}

.spacing--pb6 {
    padding-bottom: 48px
}

.spacing--pb7 {
    padding-bottom: 56px
}

.spacing--pb8 {
    padding-bottom: 64px
}

.spacing--pb9 {
    padding-bottom: 72px
}

.spacing--mt0 {
    margin-top: 0px
}

.spacing--mt1 {
    margin-top: 8px
}

.spacing--mt2 {
    margin-top: 16px
}

.spacing--mt3 {
    margin-top: 24px
}

.spacing--mt4 {
    margin-top: 32px
}

.spacing--mt5 {
    margin-top: 40px
}

.spacing--mt6 {
    margin-top: 48px
}

.spacing--mt7 {
    margin-top: 56px
}

.spacing--mt8 {
    margin-top: 64px
}

.spacing--mt9 {
    margin-top: 72px
}

.spacing--mr0 {
    margin-right: 0px
}

.spacing--mr1 {
    margin-right: 8px
}

.spacing--mr2 {
    margin-right: 16px
}

.spacing--mr3 {
    margin-right: 24px
}

.spacing--mr4 {
    margin-right: 32px
}

.spacing--mr5 {
    margin-right: 40px
}

.spacing--mr6 {
    margin-right: 48px
}

.spacing--mr7 {
    margin-right: 56px
}

.spacing--mr8 {
    margin-right: 64px
}

.spacing--mr9 {
    margin-right: 72px
}

.spacing--ml0 {
    margin-left: 0px
}

.spacing--ml1 {
    margin-left: 8px
}

.spacing--ml2 {
    margin-left: 16px
}

.spacing--ml3 {
    margin-left: 24px
}

.spacing--ml4 {
    margin-left: 32px
}

.spacing--ml5 {
    margin-left: 40px
}

.spacing--ml6 {
    margin-left: 48px
}

.spacing--ml7 {
    margin-left: 56px
}

.spacing--ml8 {
    margin-left: 64px
}

.spacing--ml9 {
    margin-left: 72px
}

.spacing--mb0 {
    margin-bottom: 0px
}

.spacing--mb1 {
    margin-bottom: 8px
}

.spacing--mb2 {
    margin-bottom: 16px
}

.spacing--mb3 {
    margin-bottom: 24px
}

.spacing--mb4 {
    margin-bottom: 32px
}

.spacing--mb5 {
    margin-bottom: 40px
}

.spacing--mb6 {
    margin-bottom: 48px
}

.spacing--mb7 {
    margin-bottom: 56px
}

.spacing--mb8 {
    margin-bottom: 64px
}

.spacing--mb9 {
    margin-bottom: 72px
}

.spacing--mb-half {
    margin-bottom: 4px
}

.spacing--mb-quarter {
    margin-bottom: 2px
}

.spacing--mr-half {
    margin-right: 4px
}

.spacing--mt-half {
    margin-top: 4px
}

.spacing--mb1-5 {
    margin-bottom: 12px
}

.spacing--mt1-5 {
    margin-top: 12px
}

.spacing--mt2-5 {
    margin-top: 20px
}

.spacing--ml2-5 {
    margin-left: 20px
}

.spacing--negative-mt2 {
    margin-top: -16px
}

.spacing--negative-mb1 {
    margin-bottom: -8px
}

.spacing--negative-mt1 {
    margin-top: -8px
}

.spacing--negative-mt1-5 {
    margin-top: -12px
}

.spacing--negative-mt4 {
    margin-top: -32px
}

.spacing--p1 {
    padding: 8px
}

.spacing--v-center {
    display: flex;
    align-items: center
}

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

.plain-page {
    display: flex;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    opacity: 0;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #eceef0;
    text-align: center;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    transition: transform .3s ease-out 0s, opacity .3s ease-out 0s, z-index 0s linear .3s;
    padding-left: 8px;
    padding-right: 8px
}

@media screen and (min-width: 1024px) {
    .plain-page {
        padding-left: 32px
    }
}

@media screen and (min-width: 1400px) {
    .plain-page {
        padding-left: 40px
    }
}

@media screen and (min-width: 1024px) {
    .plain-page {
        padding-right: 32px
    }
}

@media screen and (min-width: 1400px) {
    .plain-page {
        padding-right: 40px
    }
}

.plain-page.opened {
    z-index: 10000;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: transform .3s ease-out 0s, opacity .3s ease-out 0s
}

.plain-page .logo {
    height: 32px;
    margin-top: 16px;
    margin-bottom: 8px;
    align-self: center
}

@media screen and (min-width: 768px) {
    .plain-page .logo {
        height: 48px;
        margin-bottom: 16px
    }
}

.plain-page .logo.default-logo {
    height: 40px;
    padding-left: 8px
}

@media screen and (min-width: 1024px) {
    .plain-page .logo.default-logo {
        padding-left: 32px
    }
}

@media screen and (min-width: 1400px) {
    .plain-page .logo.default-logo {
        padding-left: 40px
    }
}

.plain-page__logo-container {
    width: 100%;
    min-width: 290px;
    max-width: 800px;
    margin: 0 auto;
    text-align: left
}

.plain-page .dialog {
    display: block;
    margin: 0 auto;
    text-align: left
}

    .plain-page .dialog .dialog-cancel, .plain-page .dialog .billing-changeHead {
        display: none
    }

    .plain-page .dialog .billing-changePay {
        margin-top: 20px
    }

.plain-page .billing-page {
    max-width: 800px;
    margin: 0 auto;
    text-align: left
}

.plain-page .skip {
    display: block;
    margin: 18px 15px;
    font-size: 14px;
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .plain-page .skip {
        font-size: 16px
    }
}

.plain-page .skip:focus {
    color: #275ce0
}

.plain-page .mini-footer {
    max-width: 732px;
    margin: auto auto 25px;
    border-top: 1px solid #bfc7ce
}

.plain-page .mini-footer--noborder {
    border: none
}

.plain-page .mini-footer .copy {
    font-size: 12px;
    line-height: 18px;
    margin-top: 18px;
    color: #607385
}

.plain-page .mini-footer a {
    display: inline-block;
    margin: 10px 10px 0;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px
}

.plain-page--intended-mode .plain-page__logo-container {
    display: none
}

.plain-page--intended-mode .plain-page__content {
    width: 100%;
    max-width: 1138px;
    margin: 0 auto;
    text-align: left
}

@media screen and (min-width: 1280px) {
    .plain-page--intended-mode .plain-page__content {
        margin-top: 32px
    }
}

.plain-page .plain-page__content .logo.default-logo {
    padding-left: 0
}

.my-stores-store {
    position: relative;
    padding: 16px 48px 16px 24px;
    transition: background-color .1s linear;
    cursor: pointer
}

    .my-stores-store .store-title {
        word-wrap: break-word;
        font-size: 14px;
        line-height: 22px;
        font-family: var(--headers-font-family);
        font-weight: var(--text-big-font-weight, 600);
        color: #0a1c2e
    }

    .my-stores-store .store-id {
        color: #607385;
        font-size: 12px;
        line-height: 18px
    }

    .my-stores-store::after {
        content: '';
        position: absolute;
        top: 38%;
        right: 16px;
        width: 10px;
        height: 17px;
        background: 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='%23808f9d'%3E%3Cpath fill-rule='evenodd' d='M12.6569 9.99985L6.29297 16.3638L7.70718 17.778L15.4854 9.99986L7.70718 2.22168L6.29297 3.63589L12.6569 9.99985Z' clip-rule='evenodd'/%3E%3C/svg%3E") center top no-repeat
    }

    .my-stores-store:hover {
        background-color: #eceef0
    }

        .my-stores-store:hover::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='%231b409d'%3E%3Cpath fill-rule='evenodd' d='M12.6569 9.99985L6.29297 16.3638L7.70718 17.778L15.4854 9.99986L7.70718 2.22168L6.29297 3.63589L12.6569 9.99985Z' clip-rule='evenodd'/%3E%3C/svg%3E")
        }

        .my-stores-store:hover:active {
            background-color: #e7f0f8
        }

.my-stores-list {
    overflow-x: scroll;
    max-height: 500px
}

.my-stores-store + .my-stores-store, .my-stores-store + .my-stores-list {
    border-top: 1px solid #bfc7ce
}

.my-stores-suspended-store {
    cursor: default;
    background-color: #F2F2F2;
    color: #607385
}

    .my-stores-suspended-store::after {
        content: none
    }

    .my-stores-suspended-store:hover, .my-stores-suspended-store:hover:active {
        background-color: #F2F2F2
    }

    .my-stores-suspended-store .my-store-link {
        cursor: default
    }

.my-store-link + .my-store-link .my-stores-store {
    border-top: 1px solid #bfc7ce
}

.my-store-link:focus .my-stores-store {
    background-color: #eceef0
}

    .my-store-link:focus .my-stores-store::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='%231b409d'%3E%3Cpath fill-rule='evenodd' d='M12.6569 9.99985L6.29297 16.3638L7.70718 17.778L15.4854 9.99986L7.70718 2.22168L6.29297 3.63589L12.6569 9.99985Z' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

.plain-page .plain-page-text-content {
    max-width: 500px;
    margin: 0 auto 24px;
    text-align: left
}

.plain-page .my-stores-container {
    max-width: 500px;
    margin: 0 auto 24px;
    text-align: left;
    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;
    overflow: hidden
}

    .plain-page .my-stores-container a {
        color: inherit
    }

.plain-page .my-stores-store {
    padding-top: 24px;
    padding-bottom: 24px
}

    .plain-page .my-stores-store .store-title {
        margin-bottom: 4px;
        font-size: 16px;
        line-height: 24px;
        font-family: var(--headers-font-family);
        font-weight: var(--text-big-font-weight, 600)
    }

    .plain-page .my-stores-store .store-id {
        color: inherit
    }

@media screen and (min-width: 768px) {
    .plain-page .my-stores-store .store-id {
        font-size: 14px;
        line-height: 22px
    }
}

.plain-page .my-stores-store .store-subtitle {
    margin-bottom: 4px
}

.plain-page .my-stores-store .store-subtitle, .plain-page .my-stores-store .store-description {
    font-size: 14px;
    line-height: 22px;
    color: #607385
}

.plain-page .create-store-invite {
    text-align: center;
    padding-top: 24px;
    padding-bottom: 48px
}

.plain-page .create-store-invite__image {
    margin-bottom: 24px
}

.plain-page .create-store-invite__title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 24px
}

@media screen and (min-width: 768px) {
    .plain-page .create-store-invite__title {
        font-size: 16px;
        line-height: 24px
    }
}

.plain-page .choose-store-footer {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 22px
}

@media screen and (min-width: 768px) {
    .plain-page .choose-store-footer {
        font-size: 14px;
        line-height: 22px
    }
}

.plain-page .alert {
    max-width: 500px;
    margin: 0 auto 40px;
    text-align: left;
    transition: opacity .3s ease-out .25s, max-height .3s ease-out .0s, margin-bottom .3s ease-out .0s, padding .3s ease-out .0s;
    opacity: 1;
    max-height: 300px;
    overflow: hidden
}