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

[data-icon]::before {
    content: attr(data-icon);
    font-family: 'font_icons', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    speak: none
}

[class^="icon-"] {
    display: inline-block;
    font-family: 'font_icons', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    speak: none
}

.icon-success::before {
    content: "\e900"
}

.icon-apps::before {
    content: "\e630"
}

.icon-product_box::before {
    content: "\e62f"
}

.icon-odn::before {
    content: "\e639"
}

.icon-vk::before {
    content: "\e63a"
}

.icon-customer_groups::before {
    content: "\e62e"
}

.icon-unfinished::before {
    content: "\e62d"
}

.icon-table_cake::before {
    content: "\e62c"
}

.icon-coupons::before {
    content: "\e63b"
}

.icon-discounts::before {
    content: "\e63c"
}

.icon-marketplaces::before {
    content: "\e63d"
}

.icon-appointment::before {
    content: "\e62b"
}

.icon-trash::before {
    content: "\e62a"
}

.icon-lock::before {
    content: "\e621"
}

.icon-letter::before {
    content: "\e629"
}

.icon-vend::before {
    content: "\e628"
}

.icon-apple::before {
    content: "\e624"
}

.icon-discount::before {
    content: "\e625"
}

.icon-bag::before {
    content: "\e626"
}

.icon-phone::before {
    content: "\e627"
}

.icon-speaker::before {
    content: "\e622"
}

.icon-warning::before {
    content: "\e623"
}

.icon-radiobutton-checked::before {
    content: "\e61e"
}

.icon-radiobutton-unchecked::before {
    content: "\e61f"
}

.icon-update::before {
    content: "\e620"
}

.icon-settings::before {
    content: "\e619"
}

.icon-sales::before {
    content: "\e61b"
}

.icon-chart::before {
    content: "\e61c"
}

.icon-home::before {
    content: "\e61d"
}

.icon-print::before {
    content: "\e618"
}

.icon-search::before {
    content: "\e617"
}

.icon-calendar::before {
    content: "\e616"
}

.icon-show::before {
    content: "\e010"
}

.icon-hide::before {
    content: "\e011"
}

.icon-star::before {
    content: "\e615"
}

.icon-edit::before {
    content: "\e614"
}

.icon-categories::before {
    content: "\e613"
}

.icon-arrange::before {
    content: "\e612"
}

.icon-menu::before {
    content: "\e611"
}

.icon-import::before {
    content: "\e610"
}

.icon-gallery::before {
    content: "\e60f"
}

.icon-enable-all::before {
    content: "\e60e"
}

.icon-disable-all::before {
    content: "\e60d"
}

.icon-next::before {
    content: "\e000"
}

.icon-previous::before {
    content: "\e00a"
}

.icon-store::before {
    content: "\e001"
}

.icon-megaphone::before {
    content: "\e002"
}

.icon-product::before {
    content: "\e003"
}

.icon-geo::before {
    content: "\e004"
}

.icon-shipping::before {
    content: "\e005"
}

.icon-payments::before {
    content: "\e006"
}

.icon-launch::before {
    content: "\e007"
}

.icon-share::before {
    content: "\e008"
}

.icon-facebook::before {
    content: "\e009"
}

.icon-fb::before {
    content: "\e00b"
}

.icon-twitter::before {
    content: "\e00c"
}

.icon-chain::before {
    content: "\e00d"
}

.icon-checkmark::before {
    content: "\e00f"
}

.icon-close::before {
    content: "\e014"
}

.icon-sort::before {
    content: "\f0dc"
}

.icon-box::before {
    content: "\e00e"
}

.icon-cloud::before {
    content: "\e012"
}

.icon-rates::before {
    content: "\e015"
}

.icon-upload::before {
    content: "\e013"
}

.icon-arr-down::before {
    content: "\e018"
}

.icon-dropdown::before {
    content: "\e016"
}

.icon-cash::before {
    content: "\e019"
}

.icon-check::before {
    content: "\e01a"
}

.icon-google::before {
    content: "\e600"
}

.icon-paypal::before {
    content: "\e601"
}

.icon-envelope::before {
    content: "\e603"
}

.icon-help::before {
    content: "\e602"
}

.icon-chat::before {
    content: "\e604"
}

.icon-arr-left::before {
    content: "\e605"
}

.icon-arr-right::before {
    content: "\e606"
}

.icon-arr-up::before {
    content: "\e609"
}

.icon-open::before {
    content: "\e608"
}

.icon-user::before {
    content: "\e607"
}

.icon-tumbler::before {
    content: "\e60a"
}

.icon-taxes::before {
    content: "\e60b"
}

.icon-ecwid::before {
    content: "\e60c"
}

.img-responsive {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

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

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

.checkmark-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 14px;
    line-height: 22px
}

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

        .checkmark-list.checkmark-list--small .checkmark-list__item {
            margin-bottom: 4px;
            padding-left: 20px
        }

.checkmark-list__item {
    position: relative;
    margin: 0 0 8px;
    padding: 0 0 0 24px
}

    .checkmark-list__item::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%230a1c2e' 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") left top no-repeat;
        background-size: contain
    }

.columned-list {
    display: grid;
    margin: 0;
    padding: 0 0 8px 8px;
    list-style: none
}

.columned-list--default .columned-list__item {
    padding: 0 16px 16px 0;
    font-size: 14px;
    line-height: 22px
}

.columned-list--small .columned-list__item {
    padding: 0 8px 8px 0;
    font-size: 12px;
    line-height: 18px
}

.columned-list--2-columns {
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr)
}

.columned-list--3-columns {
    display: block;
    column-gap: 0;
    column-count: 2
}

@media screen and (min-width: 768px) {
    .columned-list--3-columns {
        grid-auto-flow: column;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, 1fr)
    }
}

.columned-list--3-columns-auto {
    display: block;
    column-gap: 0;
    column-count: 2
}

@media screen and (min-width: 768px) {
    .columned-list--3-columns-auto {
        column-count: 3
    }
}

.columned-list__item {
    margin: 0;
    padding: 0;
    break-inside: avoid
}

.ec-bullet-list {
    margin: 0 0 16px;
    padding: 0 0 0 1em;
    list-style-type: none;
    counter-reset: item
}

.ec-bullet-list-item {
    margin-bottom: 4px
}

    .ec-bullet-list-item::before {
        display: inline-block;
        position: relative;
        width: 0;
        color: inherit;
        font-weight: 400;
        line-height: 1;
        text-align: left;
        text-indent: -1em
    }

.ec-bullet-list--dashes .ec-bullet-list-item::before {
    content: "\2013"
}

.ec-bullet-list--bullets .ec-bullet-list-item::before {
    content: "\2022"
}

.ec-bullet-list--numbers .ec-bullet-list-item::before {
    content: counter(item) ". ";
    counter-increment: item
}

.ec-bullet-list--numbers {
    counter-reset: item
}

.ec-expandable-content {
    overflow: hidden;
    max-width: 400px
}

.ec-expandable-content__preview {
    display: flex;
    overflow: hidden;
    align-items: center;
    max-width: 400px;
    margin: 0;
    padding: 0;
    gap: 4px
}

    .ec-expandable-content__preview .product-thumbnail {
        margin-bottom: 0
    }

.ec-expandable-content__status {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
    color: #275ce0;
    font-size: 14px;
    cursor: pointer;
    user-select: none
}

.ec-expandable-content__toggle {
    margin-left: 5px;
    padding-top: 3px;
    color: #275ce0
}

    .ec-expandable-content__toggle svg {
        transition: transform .3s
    }

.ec-expandable-content__toggle--open svg {
    transform: rotate(180deg)
}

.ec-expandable-content__remaining-items-count {
    display: flex;
    position: relative;
    overflow: hidden;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #ecefff;
    color: #98989C;
    font-size: 16px;
    user-select: none;
    border-radius: 6px
}

.ec-products-item-list .product-thumbnail:last-child {
    margin-bottom: 0
}

.ec-products-item-list--multi-items > div {
    margin-bottom: 5px
}

.ec-products-item-list__item {
    display: flex;
    margin-bottom: 10px;
    gap: 10px
}

.ec-products-item-list__texts {
    overflow: hidden;
    font-size: 12px
}

.ec-products-item-list__titles {
    overflow: hidden;
    font-weight: 600;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ec-products-item-list__title {
    color: #0a1c2e
}

.ec-products-item-list__title-2 {
    margin-left: 10px;
    color: #525256
}

.ec-products-item-list__description {
    overflow: hidden;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ec-item-accordion {
    overflow: hidden;
    max-width: 400px
}

.ec-item-accordion__preview {
    display: flex;
    overflow: hidden;
    align-items: center;
    max-width: 400px;
    margin: 0;
    padding: 0;
    gap: 4px
}

    .ec-item-accordion__preview .product-thumbnail {
        margin-bottom: 0
    }

.ec-item-accordion__status {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
    color: #275ce0;
    font-size: 14px;
    cursor: pointer;
    user-select: none
}

.ec-item-accordion__toggle {
    margin-left: 5px;
    padding-top: 3px;
    color: #275ce0
}

    .ec-item-accordion__toggle svg {
        transition: transform .3s
    }

.ec-item-accordion__toggle--open svg {
    transform: rotate(180deg)
}

.ec-item-accordion__remaining-items-count {
    display: flex;
    position: relative;
    overflow: hidden;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #ecefff;
    color: #98989C;
    font-size: 16px;
    user-select: none;
    border-radius: 6px
}

.ec-item-accordion__list .product-thumbnail:last-child {
    margin-bottom: 0
}

.ec-item-accordion__list--multi-items > div {
    margin-bottom: 5px
}

.ec-item-accordion__list-item {
    display: flex;
    margin-bottom: 10px;
    gap: 10px
}

.ec-item-accordion__texts {
    overflow: hidden;
    font-size: 12px
}

.ec-item-accordion__titles {
    overflow: hidden;
    font-weight: 600;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ec-item-accordion__title {
    color: #0a1c2e
}

.ec-item-accordion__title-2 {
    margin-left: 10px;
    color: #525256
}

.ec-item-accordion__description {
    overflow: hidden;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

@media screen and (min-width: 768px) {
    .columned .columned__item {
        flex: 1;
        width: 0;
        margin-right: 8px
    }
}

@media screen and (min-width: 768px) {
    .columned .columned__item:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .columned .columned__item--padded {
        padding-top: 28px;
        padding-left: 16px
    }
}

@media screen and (min-width: 768px) {
    .columned .columned__item--shifted {
        padding-left: 16px
    }
}

.columned .columned__item--long {
    flex-grow: 2
}

.a-card .editable-data:not(.editable-data--responsive), .a-card .columned {
    max-width: 700px
}

.ec-pika-single {
    display: block;
    position: relative;
    z-index: 9999999;
    box-sizing: border-box;
    border: 1px solid #bfc7ce;
    background: #fff;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,0.14);
    color: #0a1c2e
}

    .ec-pika-single.ec-pika--hidden {
        display: none
    }

    .ec-pika-single.ec-pika--bound {
        position: absolute
    }

@media screen and (max-width: 567px) {
    .ec-pika-single {
        left: 0 !important;
        box-sizing: border-box;
        width: 100%;
        padding: 10px
    }
}

.ec-pika-single::before, .ec-pika-single::after {
    content: " ";
    display: table
}

.ec-pika-single::after {
    clear: both
}

.ec-pika-lendar {
    float: left;
    margin: 20px 10px 8px
}

.ec-pika-time-container {
    clear: both;
    margin: 8px
}

    .ec-pika-time-container .ec-store {
        padding: 0 10px
    }

        .ec-pika-time-container .ec-store .fieldsets-batch {
            width: 100%
        }

        .ec-pika-time-container .ec-store .btn {
            min-width: 80px
        }

.ec-pika-lendar, .ec-pika-time-container {
    width: 260px
}

@media screen and (max-width: 567px) {
    .ec-pika-lendar, .ec-pika-time-container {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

.ec-pika-button--bound.ec-pika-button--hidden {
    display: none
}

.ec-pika-title {
    position: relative;
    text-align: center
}

    .ec-pika-title select {
        position: absolute;
        z-index: 9998;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        height: auto;
        padding: 0 3px;
        border: 0;
        font-size: inherit;
        cursor: pointer
    }

.ec-pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    height: 30px;
    margin: 0;
    padding: 0 3px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    color: #0a1c2e
}

    .ec-pika-label:visited {
        color: #0a1c2e
    }

    .ec-pika-label:hover {
        color: #1b409d
    }

    .ec-pika-label:active {
        color: #688de9
    }

    .ec-pika-label:hover, .ec-pika-label:active {
        color: #275ce0
    }

.ec-pika-prev, .ec-pika-next {
    display: block;
    position: relative;
    overflow: hidden;
    opacity: .5;
    width: 40px;
    height: 30px;
    padding: 0;
    border: 0;
    outline: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    text-indent: 40px;
    white-space: nowrap;
    cursor: pointer
}

    .ec-pika-prev:hover, .ec-pika-next:hover {
        opacity: 1
    }

    .ec-pika-prev.ec-pika--disabled, .ec-pika-next.ec-pika--disabled {
        opacity: .4;
        cursor: default
    }

.ec-pika-prev, .ec-pika--rtl .ec-pika-next {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    background-position: center left
}

.ec-pika-next, .ec-pika--rtl .ec-pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    background-position: center right
}

.ec-pika-select {
    display: inline-block
}

.ec-pika-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: 0
}

    .ec-pika-table th, .ec-pika-table td {
        width: 14.285714285714286%;
        padding: 0
    }

    .ec-pika-table th {
        font-size: 12px;
        font-weight: 400;
        line-height: 25px;
        text-align: center
    }

    .ec-pika-table abbr {
        border-bottom: none;
        text-decoration: none;
        cursor: default
    }

.ec-pika-button {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 8px;
    border: 0;
    border-radius: 2px;
    outline: none;
    background: #fff;
    color: #0a1c2e;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    transition: background-color .1s linear 0s, color .1s linear 0s;
    cursor: pointer
}

.ec-pika-button--today .ec-pika-button {
    color: #275ce0;
    font-weight: 600
}

.ec-pika-button--selected .ec-pika-button {
    background: #275ce0;
    color: #fff
}

.ec-pika-button--disabled .ec-pika-button, .ec-pika-button--outside-current-month .ec-pika-button {
    opacity: .4;
    color: #0a1c2e;
    cursor: default;
    pointer-events: none
}

td .ec-pika-button:hover {
    background: #275ce0;
    color: #fff
}

.ec-pika-week {
    color: #0a1c2e;
    font-size: 11px
}

.ec-pika--inrange .ec-pika-button {
    background: #275ce0;
    color: #fff
}

.ec-pika--startrange .ec-pika-button {
    background: #275ce0;
    color: #fff
}

.ec-pika--endrange .ec-pika-button {
    background: #275ce0;
    color: #fff
}

.ec-pika-single.ec-pika-button--bound {
    box-shadow: 0 5px 10px rgba(0,0,0,0.15)
}

.custom-checkbox {
    position: relative;
    min-width: 20px;
    min-height: 20px;
    padding-left: 28px;
    font-size: 14px;
    line-height: 22px
}

    .custom-checkbox label {
        cursor: pointer
    }

        .custom-checkbox label .custom-checkbox__input:not([disabled]) + .custom-checkbox__label, .custom-checkbox label .custom-checkbox__input[disabled] + .custom-checkbox__label {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23808f9d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
        }

        .custom-checkbox label .custom-checkbox__input:checked + .custom-checkbox__label {
            background-image: 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='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
        }

        .custom-checkbox label .custom-checkbox__input:focus-visible + .custom-checkbox__label {
            outline: auto 5px #275ce0
        }

        .custom-checkbox label:hover .custom-checkbox__input:not([disabled]) + .custom-checkbox__label {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%235a646e' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
        }

        .custom-checkbox label:hover .custom-checkbox__input:not([disabled]):checked + .custom-checkbox__label {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231b409d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
        }

.custom-checkbox__note {
    margin-top: 4px
}

.custom-checkbox__label {
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    vertical-align: middle
}

.custom-checkbox__label--animated {
    animation: showWithScaleUp .2s ease-in-out
}

.custom-checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 20px;
    height: 20px;
    margin: 0
}

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

.custom-checkbox--disabled label {
    cursor: auto
}

.custom-checkbox--disabled .custom-checkbox__note, .custom-checkbox--disabled .custom-checkbox__text {
    color: #607385
}

.custom-checkbox--disabled .custom-checkbox__label {
    opacity: .4
}

.custom-checkbox + .custom-checkbox {
    margin-top: 8px
}

.custom-checkbox--micro {
    min-width: 12px;
    min-height: 12px;
    padding-left: 19px;
    font-size: 12px;
    line-height: 18px
}

    .custom-checkbox--micro label {
        font-size: 12px;
        line-height: 18px
    }

        .custom-checkbox--micro label .custom-checkbox__input:not([disabled]) + .custom-checkbox__label, .custom-checkbox--micro label .custom-checkbox__input[disabled] + .custom-checkbox__label {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpath fill='%23808f9d' fill-rule='evenodd' clip-rule='evenodd' d='M9 1H3c-1.1046 0-2 .8954-2 2v6c0 1.1046.8954 2 2 2h6c1.1046 0 2-.8954 2-2V3c0-1.1046-.8954-2-2-2ZM3 0C1.3432 0 0 1.3432 0 3v6c0 1.6569 1.3432 3 3 3h6c1.6569 0 3-1.3431 3-3V3c0-1.6568-1.3431-3-3-3H3Z'/%3E%3C/svg%3E")
        }

        .custom-checkbox--micro label .custom-checkbox__input:checked + .custom-checkbox__label {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpath fill='%23275ce0' d='M0 3c0-1.6568 1.3432-3 3-3h6c1.6569 0 3 1.3432 3 3v6c0 1.6569-1.3431 3-3 3H3c-1.6568 0-3-1.3431-3-3V3Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.6727 2.7656c.4156.3636.4577.9954.094 1.411l-4 5a1 1 0 0 1-1.4596.0487l-2-2c-.3906-.3906-.3906-1.0237 0-1.4143.3905-.3905 1.0236-.3905 1.4142 0l1.2441 1.2442 3.2962-4.1956c.3637-.4156.9954-.4577 1.411-.094Z' fill='%23fff'/%3E%3C/svg%3E")
        }

        .custom-checkbox--micro label:hover .custom-checkbox__input:not([disabled]) + .custom-checkbox__label {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpath fill='%235a646e' fill-rule='evenodd' clip-rule='evenodd' d='M9 1H3c-1.1046 0-2 .8954-2 2v6c0 1.1046.8954 2 2 2h6c1.1046 0 2-.8954 2-2V3c0-1.1046-.8954-2-2-2ZM3 0C1.3432 0 0 1.3432 0 3v6c0 1.6569 1.3432 3 3 3h6c1.6569 0 3-1.3431 3-3V3c0-1.6568-1.3431-3-3-3H3Z'/%3E%3C/svg%3E")
        }

        .custom-checkbox--micro label:hover .custom-checkbox__input:not([disabled]):checked + .custom-checkbox__label {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpath fill='%231b409d' d='M0 3c0-1.6568 1.3432-3 3-3h6c1.6569 0 3 1.3432 3 3v6c0 1.6569-1.3431 3-3 3H3c-1.6568 0-3-1.3431-3-3V3Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.6727 2.7656c.4156.3636.4577.9954.094 1.411l-4 5a1 1 0 0 1-1.4596.0487l-2-2c-.3906-.3906-.3906-1.0237 0-1.4143.3905-.3905 1.0236-.3905 1.4142 0l1.2441 1.2442 3.2962-4.1956c.3637-.4156.9954-.4577 1.411-.094Z' fill='%23fff'/%3E%3C/svg%3E")
        }

    .custom-checkbox--micro .custom-checkbox__input {
        width: 19px;
        height: 12px
    }

    .custom-checkbox--micro .custom-checkbox__label {
        width: 12px;
        height: 12px;
        background-size: 12px 12px
    }

    .custom-checkbox--micro .custom-checkbox__text {
        font-size: 12px;
        line-height: 18px;
        font-weight: var(--base-font-weight, 400);
        color: #607385
    }

.custom-checkbox--large {
    min-width: 24px;
    min-height: 24px;
    padding-left: 40px
}

    .custom-checkbox--large label .custom-checkbox__input:not([disabled]) + .custom-checkbox__label, .custom-checkbox--large label .custom-checkbox__input[disabled] + .custom-checkbox__label {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23808f9d' fill-rule='evenodd' clip-rule='evenodd' d='M24 6.6667C24 2.9847 21.0152 0 17.3333 0H6.6667C2.9847 0 0 2.9848 0 6.6667v10.6666C0 21.0152 2.9848 24 6.6667 24h10.6666C21.0152 24 24 21.0152 24 17.3333V6.6667ZM6.2857 2h11.4286l.2518.0073C20.2158 2.1376 22 4.0033 22 6.2857v11.4286l-.0073.2518C21.8624 20.2158 19.9967 22 17.7143 22H6.2857l-.2518-.0073C3.7842 21.8624 2 19.9967 2 17.7143V6.2857l.0073-.2518C2.1376 3.7842 4.0033 2 6.2857 2Z'/%3E%3C/svg%3E")
    }

    .custom-checkbox--large label .custom-checkbox__input:checked + .custom-checkbox__label {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23275ce0' d='M17.3333 0C21.0152 0 24 2.9848 24 6.6667v10.6666C24 21.0152 21.0152 24 17.3333 24H6.6667C2.9847 24 0 21.0152 0 17.3333V6.6667C0 2.9847 2.9848 0 6.6667 0h10.6666Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5797 6.297c.5115.4363.5634 1.1945.1158 1.6932l-8.6154 9.6c-.2243.25-.5449.3981-.8853.4091-.3405.0111-.6704-.1159-.9112-.3508l-4.9231-4.8a1.1788 1.1788 0 0 1 0-1.697c.4806-.4686 1.26-.4686 1.7405 0l3.9929 3.893 7.7491-8.6347c.4476-.4987 1.2251-.5493 1.7367-.1129Z' fill='%23fff'/%3E%3C/svg%3E")
    }

    .custom-checkbox--large label:hover .custom-checkbox__input:not([disabled]) + .custom-checkbox__label {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%235a646e' fill-rule='evenodd' clip-rule='evenodd' d='M24 6.6667C24 2.9847 21.0152 0 17.3333 0H6.6667C2.9847 0 0 2.9848 0 6.6667v10.6666C0 21.0152 2.9848 24 6.6667 24h10.6666C21.0152 24 24 21.0152 24 17.3333V6.6667ZM6.2857 2h11.4286l.2518.0073C20.2158 2.1376 22 4.0033 22 6.2857v11.4286l-.0073.2518C21.8624 20.2158 19.9967 22 17.7143 22H6.2857l-.2518-.0073C3.7842 21.8624 2 19.9967 2 17.7143V6.2857l.0073-.2518C2.1376 3.7842 4.0033 2 6.2857 2Z'/%3E%3C/svg%3E")
    }

    .custom-checkbox--large label:hover .custom-checkbox__input:not([disabled]):checked + .custom-checkbox__label {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%231b409d' d='M17.3333 0C21.0152 0 24 2.9848 24 6.6667v10.6666C24 21.0152 21.0152 24 17.3333 24H6.6667C2.9847 24 0 21.0152 0 17.3333V6.6667C0 2.9847 2.9848 0 6.6667 0h10.6666Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5797 6.297c.5115.4363.5634 1.1945.1158 1.6932l-8.6154 9.6c-.2243.25-.5449.3981-.8853.4091-.3405.0111-.6704-.1159-.9112-.3508l-4.9231-4.8a1.1788 1.1788 0 0 1 0-1.697c.4806-.4686 1.26-.4686 1.7405 0l3.9929 3.893 7.7491-8.6347c.4476-.4987 1.2251-.5493 1.7367-.1129Z' fill='%23fff'/%3E%3C/svg%3E")
    }

    .custom-checkbox--large .custom-checkbox__input {
        width: 40px;
        height: 24px
    }

    .custom-checkbox--large .custom-checkbox__label {
        top: 0;
        width: 24px;
        height: 24px;
        background-size: 24px 24px
    }

    .custom-checkbox--large .custom-checkbox__text {
        font-size: 16px;
        line-height: 24px;
        color: #275ce0
    }

    .custom-checkbox--large.custom-checkbox--disabled label {
        cursor: auto
    }

    .custom-checkbox--large.custom-checkbox--disabled .custom-checkbox__note, .custom-checkbox--large.custom-checkbox--disabled .custom-checkbox__text {
        color: #607385
    }

    .custom-checkbox--large.custom-checkbox--disabled .custom-checkbox__text {
        text-decoration: line-through
    }

    .custom-checkbox--large.custom-checkbox--disabled .custom-checkbox__label {
        opacity: .4
    }

.micro-checkbox {
    position: relative;
    min-width: 12px;
    min-height: 12px;
    padding-left: 19px;
    font-size: 12px;
    line-height: 18px
}

    .micro-checkbox .ecwid-tip {
        top: 0
    }

    .micro-checkbox label {
        cursor: pointer
    }

        .micro-checkbox label .micro-checkbox__input:not([disabled]) + .micro-checkbox__check, .micro-checkbox label .micro-checkbox__input[disabled] + .micro-checkbox__check {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpath fill='%23808f9d' fill-rule='evenodd' clip-rule='evenodd' d='M9 1H3c-1.1046 0-2 .8954-2 2v6c0 1.1046.8954 2 2 2h6c1.1046 0 2-.8954 2-2V3c0-1.1046-.8954-2-2-2ZM3 0C1.3432 0 0 1.3432 0 3v6c0 1.6569 1.3432 3 3 3h6c1.6569 0 3-1.3431 3-3V3c0-1.6568-1.3431-3-3-3H3Z'/%3E%3C/svg%3E")
        }

        .micro-checkbox label .micro-checkbox__input:checked + .micro-checkbox__check {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpath fill='%23275ce0' d='M0 3c0-1.6568 1.3432-3 3-3h6c1.6569 0 3 1.3432 3 3v6c0 1.6569-1.3431 3-3 3H3c-1.6568 0-3-1.3431-3-3V3Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.6727 2.7656c.4156.3636.4577.9954.094 1.411l-4 5a1 1 0 0 1-1.4596.0487l-2-2c-.3906-.3906-.3906-1.0237 0-1.4143.3905-.3905 1.0236-.3905 1.4142 0l1.2441 1.2442 3.2962-4.1956c.3637-.4156.9954-.4577 1.411-.094Z' fill='%23fff'/%3E%3C/svg%3E")
        }

        .micro-checkbox label:hover .micro-checkbox__input:not([disabled]) + .micro-checkbox__check {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpath fill='%235a646e' fill-rule='evenodd' clip-rule='evenodd' d='M9 1H3c-1.1046 0-2 .8954-2 2v6c0 1.1046.8954 2 2 2h6c1.1046 0 2-.8954 2-2V3c0-1.1046-.8954-2-2-2ZM3 0C1.3432 0 0 1.3432 0 3v6c0 1.6569 1.3432 3 3 3h6c1.6569 0 3-1.3431 3-3V3c0-1.6568-1.3431-3-3-3H3Z'/%3E%3C/svg%3E")
        }

        .micro-checkbox label:hover .micro-checkbox__input:not([disabled]):checked + .micro-checkbox__check {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpath fill='%231b409d' d='M0 3c0-1.6568 1.3432-3 3-3h6c1.6569 0 3 1.3432 3 3v6c0 1.6569-1.3431 3-3 3H3c-1.6568 0-3-1.3431-3-3V3Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.6727 2.7656c.4156.3636.4577.9954.094 1.411l-4 5a1 1 0 0 1-1.4596.0487l-2-2c-.3906-.3906-.3906-1.0237 0-1.4143.3905-.3905 1.0236-.3905 1.4142 0l1.2441 1.2442 3.2962-4.1956c.3637-.4156.9954-.4577 1.411-.094Z' fill='%23fff'/%3E%3C/svg%3E")
        }

.micro-checkbox--disabled label {
    cursor: auto
}

.micro-checkbox--disabled .micro-checkbox__label {
    color: #607385
}

.micro-checkbox--disabled .micro-checkbox__check {
    opacity: .4
}

.micro-checkbox--inlined {
    display: inline-block
}

.micro-checkbox__check {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    box-sizing: border-box;
    width: 12px;
    height: 12px
}

.micro-checkbox__check--animated {
    animation: showWithScaleUp .2s ease-in-out
}

.micro-checkbox__input {
    position: absolute;
    top: 3px;
    left: 0;
    opacity: 0;
    width: 19px;
    height: 12px;
    margin: 0
}

.micro-checkbox__label {
    font-size: 12px;
    line-height: 18px;
    color: #607385
}

.micro-checkbox + .micro-checkbox {
    margin-top: 8px
}

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

.editable-data-stack .editable-data {
    margin-top: 16px;
    margin-bottom: 16px
}

.editable-data-stack .editable-data--edit {
    margin-top: 24px;
    margin-bottom: 24px
}

.editable-data-stack .editable-data:first-child {
    margin-top: 0
}

.editable-data-stack .editable-data:last-child {
    margin-bottom: 0
}

.editable-row {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    width: 100%;
    margin-right: -16px
}

@media screen and (min-width: 768px) {
    .editable-row.editable-row--has-hiding-cells .editable-row__cell--hiding {
        visibility: hidden
    }
}

@media screen and (min-width: 768px) {
    .editable-row.editable-row--has-hiding-cells:hover .editable-row__cell--hiding {
        visibility: visible
    }
}

.editable-row--align-left {
    justify-content: flex-start
}

    .editable-row--align-left .editable-row__cell {
        flex: 0 1 auto
    }

.editable-row__cell {
    display: flex;
    flex: 1 1 100%;
    align-items: center;
    align-self: flex-start;
    min-height: 40px;
    padding-right: 16px
}

    .editable-row__cell:last-child {
        flex: 0 1 auto;
        min-width: 48px;
        margin-left: auto
    }

.editable-row__cell--valign-top {
    align-items: flex-start
}

@media screen and (max-width: 767px) {
    .editable-row__cell--desktop-only {
        display: none
    }
}

.editable-row__cell .fieldset {
    width: 100%
}

.fieldsets-batch {
    margin-bottom: 0;
    padding-bottom: 8px
}

    .fieldsets-batch .fieldset {
        display: block;
        width: 100%;
        margin-bottom: 8px
    }

        .fieldsets-batch .fieldset:last-child {
            margin-bottom: 0
        }

@media screen and (min-width: 768px) {
    .fieldsets-batch.fieldsets-batch--horizontal {
        display: flex
    }

        .fieldsets-batch.fieldsets-batch--horizontal .fieldset {
            margin-bottom: 0
        }

            .fieldsets-batch.fieldsets-batch--horizontal .fieldset:not(:first-child) {
                margin-left: 8px
            }
}

.fieldsets-batch.fieldsets-batch--horizontal .btn {
    width: 100%
}

@media screen and (min-width: 768px) {
    .fieldsets-batch.fieldsets-batch--horizontal .btn {
        flex-shrink: 0;
        width: auto
    }
}

.fieldsets-batch.fieldsets-batch--with-titles .fieldset {
    margin-bottom: 32px
}

    .fieldsets-batch.fieldsets-batch--with-titles .fieldset:last-child {
        margin-bottom: 0
    }

@media screen and (min-width: 768px) {
    .fieldsets-batch.fieldsets-batch--with-titles .fieldset:last-child {
        margin-bottom: 32px
    }
}

@media screen and (min-width: 768px) {
    .fieldsets-batch.fieldsets-batch--horizontal.fieldsets-batch--with-titles .fieldset {
        margin-bottom: 0
    }
}

.fieldsets-batch.fieldsets-batch--with-single-field {
    padding-bottom: 0
}

@media screen and (min-width: 768px) {
    .fieldsets-batch.fieldsets-batch--with-single-field {
        padding-bottom: 8px
    }
}

.fieldsets-batch.fieldsets-batch--with-single-field .fieldset {
    width: 100%
}

@media screen and (min-width: 768px) {
    .fieldsets-batch.fieldsets-batch--with-single-field .fieldset {
        display: inline-block;
        width: calc(50% - 4px);
        margin-right: 8px;
        margin-bottom: 0
    }
}

.fieldsets-batch.fieldsets-batch--always-horizontal {
    display: flex
}

    .fieldsets-batch.fieldsets-batch--always-horizontal .fieldset {
        margin-bottom: 0
    }

        .fieldsets-batch.fieldsets-batch--always-horizontal .fieldset:not(:first-child) {
            margin-left: 8px
        }

        .fieldsets-batch.fieldsets-batch--always-horizontal .fieldset.fieldset--one-third {
            flex-shrink: 2;
            min-width: 33%
        }

.fieldsets-batch .btn:not(:last-child) {
    margin-right: 8px
}

.fieldsets-batch.fieldsets-batch--limited-width > .fieldset {
    width: 100%
}

@media screen and (min-width: 768px) {
    .fieldsets-batch.fieldsets-batch--limited-width > .fieldset {
        display: inline-block;
        max-width: 360px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) {
    .single-fieldset-width {
        width: calc(50% - 4px)
    }
}

.form-actions-block {
    position: relative;
    display: flex;
    gap: 8px
}

    .form-actions-block .form-actions-block__action .btn {
        min-width: 260px
    }

    .form-actions-block .form-actions-block__service {
        display: flex;
        align-items: center
    }

@media screen and (max-width: 767px) {
    .form-actions-block .form-actions-block__service {
        display: none
    }
}

.form-actions-block .form-actions-block__service-mobile {
    display: none;
    align-items: center
}

@media screen and (max-width: 767px) {
    .form-actions-block.form-actions-block--submit {
        flex-wrap: wrap
    }
}

@media screen and (max-width: 767px) {
    .form-actions-block.form-actions-block--submit .form-actions-block__action {
        flex: 1 0 auto
    }

        .form-actions-block.form-actions-block--submit .form-actions-block__action .btn {
            width: 100%
        }
}

@media screen and (max-width: 767px) {
    .form-actions-block.form-actions-block--submit .form-actions-block__service-mobile {
        display: inline-flex;
        flex: 0 1 auto
    }
}

.form-actions-block.form-actions-block--submit .form-actions-block__service {
    justify-content: end;
    flex-grow: 1
}

@media screen and (max-width: 767px) {
    .form-actions-block.form-actions-block--submit .form-actions-block__cancel {
        flex: 1 0 100%
    }

        .form-actions-block.form-actions-block--submit .form-actions-block__cancel .btn {
            width: 100%
        }
}

.form-actions-block.form-actions-block--submit_right {
    flex-direction: row-reverse
}

@media screen and (max-width: 767px) {
    .form-actions-block.form-actions-block--submit_right {
        flex-direction: row
    }
}

@media screen and (max-width: 767px) {
    .form-actions-block.form-actions-block--submit_right .form-actions-block__action {
        flex: 1 0 auto
    }

        .form-actions-block.form-actions-block--submit_right .form-actions-block__action .btn {
            width: 100%
        }
}

.form-actions-block.form-actions-block--submit_right .form-actions-block__service {
    flex: 1 0 auto;
    justify-content: start
}

@media screen and (max-width: 767px) {
    .form-actions-block.form-actions-block--submit_right .form-actions-block__service-mobile {
        display: inline-flex;
        flex: 0 1 auto
    }
}

.form-actions-block.form-actions-block--single .form-actions-block__action {
    width: 100%
}

    .form-actions-block.form-actions-block--single .form-actions-block__action .btn {
        width: 100%
    }

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

.form-row {
    position: relative;
    padding-right: 34px
}

@media screen and (min-width: 768px) {
    .form-row--only-mobile {
        padding-right: 0
    }
}

.form-row__action {
    display: inline-block;
    position: absolute;
    top: 0;
    right: -6px
}

@media screen and (min-width: 768px) {
    .form-row__action {
        right: -10px
    }
}

.graphic-radio {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 4px;
    text-align: center;
    transition: color .1s linear 0s;
    font-size: 14px;
    line-height: 22px
}

.graphic-radio--small .graphic-radio__icon {
    height: 56px
}

    .graphic-radio--small .graphic-radio__icon .svg-icon {
        height: 32px
    }

.graphic-radio--disabled {
    opacity: .4
}

    .graphic-radio--disabled .graphic-radio__input {
        cursor: default
    }

    .graphic-radio--disabled .graphic-radio__icon:hover .graphic-radio__hint {
        display: none
    }

    .graphic-radio--disabled .graphic-radio__title {
        color: #0a1c2e
    }

.graphic-radio .graphic-radio__label {
    cursor: pointer
}

.graphic-radio__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
    z-index: 210
}

    .graphic-radio__input:checked + .graphic-radio__icon .graphic-radio__bg {
        opacity: 1
    }

    .graphic-radio__input:checked + .graphic-radio__icon ~ .graphic-radio__title {
        color: #275ce0
    }

.graphic-radio__label {
    display: inline-block;
    width: 100%;
    padding-bottom: 4px
}

.graphic-radio:not(.graphic-radio--disabled) .graphic-radio__input:hover + .graphic-radio__icon .graphic-radio__bg {
    margin: -4px;
    opacity: 1;
    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;
    transform: translate3d(0, 0, 0)
}

    .graphic-radio:not(.graphic-radio--disabled) .graphic-radio__input:hover + .graphic-radio__icon .graphic-radio__bg::before {
        opacity: 1
    }

.graphic-radio:not(.graphic-radio--disabled) .graphic-radio__input:hover ~ .graphic-radio__title {
    color: #1b409d
}

.graphic-radio:not(.graphic-radio--disabled) .graphic-radio__input:hover ~ .graphic-radio__hint {
    display: block
}

.graphic-radio:not(.graphic-radio--disabled) .graphic-radio__input:focus + .graphic-radio__icon .graphic-radio__bg {
    opacity: 1;
    box-shadow: 0 1px 6px 0 #275ce0,0 0 0 1px rgba(0,0,0,0.1) inset;
    color: #fff
}

.graphic-radio:not(.graphic-radio--disabled) .graphic-radio__input:active + .graphic-radio__icon .graphic-radio__bg {
    opacity: 1;
    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)
}

.graphic-radio:not(.graphic-radio--disabled) .graphic-radio__input:active:hover + .graphic-radio__icon .graphic-radio__bg {
    margin: -4px;
    transform: translate3d(0, 1px, 0)
}

.graphic-radio:not(.graphic-radio--disabled) .graphic-radio__input:focus:active + .graphic-radio__icon .graphic-radio__bg {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
}

    .graphic-radio:not(.graphic-radio--disabled) .graphic-radio__input:focus:active + .graphic-radio__icon .graphic-radio__bg::before {
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
    }

.graphic-radio__icon {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 88px;
    border-radius: 5px
}

    .graphic-radio__icon .svg-icon {
        display: flex;
        position: relative;
        z-index: 1;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 56px;
        color: #fff
    }

        .graphic-radio__icon .svg-icon svg {
            width: 100%;
            height: 100%
        }

.graphic-radio__bg {
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .3;
    border-radius: 5px;
    background-color: #275ce0;
    background-image: linear-gradient(false, #1e46d4, #3069e1);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    color: #fff;
    transform: translate3d(0, 0, 0);
    transition: opacity .1s ease-out 0s, background-color .1s ease-out 0s, margin .1s ease-out 0s, box-shadow .1s ease-out 0s, transform .1s ease-out 0s
}

    .graphic-radio__bg::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        border-radius: 6px;
        background-image: linear-gradient(false, #355be2, #5080e6);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .1s ease-out 0s, background-color .1s ease-out 0s, box-shadow .1s ease-out 0s, transform .1s ease-out 0s
    }

.graphic-radio__title {
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 4px;
    font-weight: 600;
    transition: color .1s linear;
    font-size: 12px;
    line-height: 18px
}

.graphic-radio__hint {
    display: none;
    position: absolute;
    z-index: 200;
    right: 50%;
    left: 50%;
    width: 240px;
    margin-top: -8px;
    margin-right: -120px;
    margin-left: -120px;
    padding-top: 16px;
    text-align: left
}

    .graphic-radio__hint .bubble-info {
        display: none
    }

@media screen and (min-width: 768px) {
    .graphic-radio__hint .bubble-info {
        display: block
    }
}

.graphic-radio-group__items {
    display: flex;
    overflow: hidden;
    justify-content: space-between
}

@media screen and (min-width: 768px) {
    .graphic-radio-group__items {
        overflow: initial
    }
}

.graphic-radio-group__items .graphic-radio {
    flex-grow: 1
}

.graphic-radio-group__hint {
    display: block;
    color: #607385;
    word-wrap: break-word;
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 768px) {
    .graphic-radio-group__hint {
        display: none
    }
}

.radio {
    --radio-icon-size: 18px;
    --radio-padding-top: 12px;
    --radio-padding-bottom: 8px;
    --radio-line-height: 22px;
    display: block;
    position: relative;
    min-width: var(--radio-icon-size);
    min-height: var(--radio-icon-size);
    text-align: left;
    transition: color .1s linear 0s;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px
}

    .radio input[type="radio"] {
        position: absolute;
        z-index: -1;
        opacity: 0
    }

        .radio input[type="radio"]:checked, .radio input[type="radio"]:focus {
            outline: none
        }

            .radio input[type="radio"]:checked ~ .radio__content {
                display: block;
                opacity: 1;
                max-height: none;
                animation: fadeinFromTop .2s 1 ease-out
            }

        .radio input[type="radio"] + .radio-label {
            display: inline-block;
            position: relative;
            z-index: 1;
            box-sizing: border-box;
            width: 100%;
            margin: 0;
            padding-top: var(--radio-padding-top);
            padding-bottom: var(--radio-padding-bottom);
            padding-left: calc(var(--radio-icon-size) * 2 - 2px);
            color: #808f9d;
            font-weight: normal;
            cursor: pointer;
            font-size: 14px;
            line-height: 22px
        }

            .radio input[type="radio"] + .radio-label:hover {
                color: #1b409d
            }

            .radio input[type="radio"] + .radio-label:active {
                color: #688de9
            }

            .radio input[type="radio"] + .radio-label::before {
                content: "";
                position: absolute;
                top: calc(var(--radio-padding-top) + (var(--radio-line-height) - var(--radio-icon-size)) / 2);
                left: 0;
                width: var(--radio-icon-size);
                height: var(--radio-icon-size);
                border-radius: initial;
                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='%23275ce0'%3E%3Cpath fill-rule='evenodd' d='M10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center
            }

        .radio input[type="radio"]:checked + .radio-label {
            color: #275ce0
        }

            .radio input[type="radio"]:checked + .radio-label:hover {
                color: #1b409d
            }

            .radio input[type="radio"]:checked + .radio-label::before {
                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='%23275ce0'%3E%3Cpath d='M13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
                animation: showWithScaleUp .2s ease-in-out
            }

            .radio input[type="radio"]:checked + .radio-label:active {
                color: #688de9
            }

            .radio input[type="radio"]:checked + .radio-label::after {
                background-color: currentColor
            }

        .radio input[type="radio"]:focus-visible + .radio-label {
            color: #1b409d
        }

        .radio input[type="radio"]:disabled + .radio-label::before, .radio input[type="radio"][disabled] + .radio-label::before, .radio input[type="radio"].disabled + .radio-label::before {
            color: #5a646e
        }

    .radio .radio-label {
        transition: color .1s linear 0s
    }

    .radio .radio-label--small {
        --radio-icon-size: 16px;
        --radio-padding-top: 0px;
        --radio-padding-bottom: 4px
    }

    .radio .radio-label .radio-label-title {
        display: flex;
        grid-gap: 16px;
        margin-bottom: 4px;
        font-size: 14px;
        line-height: 22px;
        font-family: var(--headers-font-family);
        font-weight: var(--text-big-font-weight, 600);
        color: #0a1c2e
    }

    .radio .radio-label .radio-label-tag {
        order: 1;
        transform: translateY(2px);
        height: fit-content
    }

    .radio .radio-label .radio-label-title-small {
        font-size: 14px;
        line-height: 22px;
        font-family: var(--headers-font-family);
        font-weight: var(--text-big-font-weight, 600);
        color: #0a1c2e;
        font-weight: var(--base-font-weight, 400)
    }

    .radio .radio-label .radio-label-note {
        margin: 0;
        font-weight: var(--base-font-weight, 400)
    }

.radio--disabled {
    opacity: .4;
    pointer-events: none
}

    .radio--disabled input[type="radio"] + .radio-label {
        color: #808f9d
    }

.radio--small {
    --radio-icon-size: 16px;
    --radio-padding-top: 0px;
    --radio-padding-bottom: 4px
}

.radio--no-info .radio-label .radio__content, .radio--no-info .radio-label .radio-label-title, .radio--no-info .radio-label .radio-label-note {
    display: none
}

.radio--no-info input[type="radio"] + .radio-label {
    display: block;
    padding: 0
}

    .radio--no-info input[type="radio"] + .radio-label::before {
        margin: 0
    }

.radio--border {
    border: 1px solid #bfc7ce;
    border-radius: 5px
}

    .radio--border label {
        display: block;
        padding: 0 12px;
        transition: background-color .1s linear 0s;
        cursor: pointer
    }

        .radio--border label:hover {
            background-color: #f9f9fa
        }

        .radio--border label:not([style*="display: none"]) + label {
            border-top: 1px solid #bfc7ce
        }

        .radio--border label:first-child:not(:last-child) {
            border-radius: 5px 5px 0 0
        }

        .radio--border label:first-child:last-child {
            border-radius: 5px
        }

        .radio--border label:last-child:not(:first-child) {
            border-radius: 0 0 5px 5px
        }

    .radio--border .radio-label .radio-label-note {
        color: #607385
    }

        .radio--border .radio-label .radio-label-note svg {
            display: inline-block;
            width: auto;
            height: 18px;
            margin: 0 8px 4px 0
        }

    .radio--border .radio-label .radio-label-sepa svg {
        height: 15px
    }

.radio__content {
    display: none;
    position: relative;
    box-sizing: border-box;
    opacity: 0;
    max-height: 0;
    margin-bottom: 8px;
    padding-left: calc(var(--radio-icon-size) * 2)
}

.radio-label-note {
    display: block;
    color: #0a1c2e;
    font-size: 14px;
    line-height: 22px
}

.radio.radio__checked-animation .radio-label::before {
    animation: showWithScaleUp .2s ease-in-out
}

.radio__extra-content {
    margin-bottom: 8px;
    color: #0a1c2e;
    cursor: auto;
    font-size: 14px;
    line-height: 22px
}

.radio__extra-content--animation {
    animation: fadeinFromTop .2s 1 ease-out
}

.radio-group--bordered {
    border: 1px solid rgba(128,143,157,0.3);
    border-radius: 5px
}

    .radio-group--bordered .radio {
        border-bottom: 1px solid rgba(128,143,157,0.3);
        padding: 2px 12px 4px 12px
    }

        .radio-group--bordered .radio:last-child {
            border-bottom: none
        }

        .radio-group--bordered .radio input[type="radio"] + .radio-label {
            padding-left: calc(var(--radio-icon-size) * 2 - 6px)
        }

.rowable {
    margin-right: -8px
}

    .rowable .rowable__item {
        flex: 1;
        margin-right: 8px
    }

        .rowable .rowable__item.rowable__item--three-fifths {
            flex-grow: 3
        }

        .rowable .rowable__item.rowable__item--two-fifths {
            flex-grow: 2
        }

        .rowable .rowable__item.rowable__item--vertical-align-center {
            align-self: center
        }

@media screen and (min-width: 568px) {
    .rowable.rowable--tablet {
        display: flex
    }
}

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

@media screen and (min-width: 1280px) {
    .rowable.rowable--desktop-large {
        display: flex
    }
}

.sample {
    display: block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    min-height: 40px;
    padding: 9px 12px;
    border-radius: 5px;
    background: rgba(255,255,255,0.35);
    color: rgba(255,255,255,0.65);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 22px
}

.sample--type-textarea {
    min-height: 85px;
    white-space: normal
}

.sample--type-select::after {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    right: 8px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='rgba(255,255,255,0.65)' d='M7.85 10l5.02 4.9 5.27-4.9c.65-.66 1.71-.66 2.36 0 .65.67.65 1.74 0 2.4l-6.45 6.1c-.33.33-.76.5-1.18.5-.43 0-.86-.17-1.18-.5l-6.21-6.1c-.65-.66-.65-1.74 0-2.41.66-.65 1.72-.65 2.37.01z'/%3E%3C/svg%3E") no-repeat center center
}

.sample--type-datepicker {
    padding-right: 27px
}

    .sample--type-datepicker::after {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        right: 12px;
        width: 20px;
        height: 20px;
        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='rgba(255,255,255,0.65)'%3E%3Cpath fill-rule='evenodd' d='M8 3a1 1 0 0 0-2 0v1H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V3a1 1 0 1 0-2 0v1H8V3ZM4 6h12v9H4V6Z' clip-rule='evenodd'%3E%3C/path%3E%3Cpath d='M6 9a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center
    }

.sample--type-radio {
    min-height: 0;
    margin-bottom: 4px;
    padding: 0 0 0 30px;
    background: transparent none;
    color: #fff;
    white-space: normal
}

    .sample--type-radio::before {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 0;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: rgba(255,255,255,0.35)
    }

    .sample--type-radio.sample--checked::after {
        content: '';
        display: block;
        position: absolute;
        top: 7px;
        left: 4px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: rgba(255,255,255,0.65)
    }

.sample--type-checkbox {
    min-height: 0;
    margin-bottom: 4px;
    padding: 0 0 0 25px;
    background: transparent none;
    color: #fff;
    white-space: normal
}

    .sample--type-checkbox::before {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 0;
        width: 17px;
        height: 17px;
        border-radius: 3px;
        background-color: rgba(255,255,255,0.35)
    }

    .sample--type-checkbox.sample--checked::before {
        background: rgba(255,255,255,0.35) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='rgba(255,255,255,0.65)' 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") no-repeat center center;
        background-size: 15px
    }

.sample--type-button {
    background: rgba(255,255,255,0.35);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    margin: 0 8px 8px 0;
    padding: 9px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.sample--type-button-selected {
    background: #fff;
    color: #e3696a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    margin: 0 8px 8px 0;
    padding: 9px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.sample--subtitle {
    color: rgba(255,255,255,0.65);
    margin-top: 5px;
    font-size: 12px;
    line-height: 18px
}

.sharing-button {
    display: inline-block
}

    .sharing-button:first-child {
        margin-left: -12px
    }

.sharing-button__link {
    display: flex;
    align-items: center;
    width: 72px;
    padding: 12px;
    transition: width .4s ease-in-out .1s;
    will-change: width
}

    .sharing-button__link:hover {
        width: 210px
    }

        .sharing-button__link:hover .sharing-button__icon {
            opacity: 1;
            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
        }

            .sharing-button__link:hover .sharing-button__icon svg stop:first-child {
                stop-color: #355be2
            }

            .sharing-button__link:hover .sharing-button__icon svg stop:last-child {
                stop-color: #5080e6
            }

@media screen and (min-width: 768px) {
    .sharing-button__link:hover .sharing-button__title {
        opacity: 1;
        transition: opacity .2s ease-out .5s
    }

    .sharing-button__link:hover .sharing-button__title-content {
        color: #1b409d
    }
}

.sharing-button__link:focus .sharing-button__icon, .sharing-button__link--selected .sharing-button__icon {
    opacity: 1;
    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
}

.sharing-button__link:focus:hover {
    width: 210px
}

    .sharing-button__link:focus:hover .sharing-button__icon {
        opacity: 1;
        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
    }

@media screen and (min-width: 768px) {
    .sharing-button__link:focus:hover .sharing-button__title {
        opacity: 1;
        transition: opacity .2s ease-out .5s
    }

    .sharing-button__link:focus:hover .sharing-button__title-content {
        color: #1b409d
    }
}

.sharing-button__link:active .sharing-button__icon {
    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
}

.sharing-button__link:focus:active .sharing-button__icon {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
}

.sharing-button__icon {
    display: flex;
    position: relative;
    opacity: .6;
    align-items: center;
    justify-content: center;
    width: 48px;
    min-width: 48px;
    height: 48px;
    max-height: 48px;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
    transition: opacity .1s ease-out 0s, background-color .1s ease-out 0s, box-shadow .1s ease-out 0s
}

    .sharing-button__icon .svg-icon {
        display: flex;
        position: relative;
        z-index: 1;
        align-items: center;
        justify-content: center;
        height: 100%;
        border-radius: 50%;
        color: #275ce0
    }

        .sharing-button__icon .svg-icon svg {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: #fff
        }

            .sharing-button__icon .svg-icon svg stop {
                transition: .1s ease-out 0s
            }

                .sharing-button__icon .svg-icon svg stop:first-child {
                    stop-color: #1e46d4
                }

                .sharing-button__icon .svg-icon svg stop:last-child {
                    stop-color: #3069e1
                }

.sharing-button__title {
    overflow: hidden;
    opacity: 0;
    max-height: 48px;
    transition: opacity .2s ease-out 0s;
    will-change: opacity
}

.sharing-button__title-content {
    padding-left: 10px;
    color: #275ce0;
    font-size: 14px;
    line-height: 22px
}

.sharing-group {
    margin-bottom: 16px
}

.sharing-group__items {
    display: flex;
    overflow: hidden;
    flex-wrap: wrap
}

@media screen and (min-width: 768px) {
    .sharing-group__items {
        overflow: initial
    }
}

.sharing-group__items .graphic-radio {
    flex-grow: 1
}

.text-selector {
    --box-shadow: none;
    --border-radius: 5px;
    --background-color: rgba(183,192,200,0.45);
    --item-padding: 2px;
    --item-background-color-selected: #fff;
    --item-text-color: #0a1c2e;
    --item-text-color-selected: #0a1c2e;
    --item-text-color-focus: #275ce0;
    --item-text-color-highlight: #275ce0;
    --item-text-color-badge: #fff;
    --item-text-color-badge-bg: #f9a650;
    --item-text-color-hover: #275ce0;
    position: relative;
    width: 100%;
    margin-bottom: 20px
}

.text-selector--round {
    --border-radius: 15px
}

.text-selector--inverted {
    --box-shadow: 0 1px 4px -1px rgba(15,17,22,0.1);
    --background-color: #fff;
    --item-background-color-selected: #dee6fa;
    --item-text-color: #0a1c2e;
    --item-text-color-selected: #275ce0
}

.text-selector__wrap {
    min-height: 30px;
    border-radius: var(--border-radius);
    background-color: var(--background-color);
    box-shadow: var(--box-shadow)
}

.text-selector__items {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
    justify-content: stretch;
    width: 100%
}

.text-selector__item {
    position: relative;
    width: 50%;
    padding: 7px 4px;
    color: var(--item-text-color);
    font-size: 14px;
    text-align: center;
    transition: color .1s linear 0s;
    overflow-wrap: break-word
}

    .text-selector__item:first-child {
        padding-left: 7px
    }

    .text-selector__item:last-child {
        padding-right: 7px
    }

.text-selector__highlight {
    color: var(--item-text-color-highlight);
    white-space: nowrap
}

.text-selector__badge {
    padding: 3px 5px;
    border-radius: 4px;
    background-color: var(--item-text-color-badge-bg);
    color: var(--item-text-color-badge);
    font-size: 12px;
    white-space: nowrap
}

.text-selector__slider {
    display: block;
    position: absolute;
    top: var(--item-padding);
    bottom: var(--item-padding);
    border-radius: calc(var(--border-radius) - var(--item-padding));
    background-color: var(--item-background-color-selected);
    box-shadow: 0 0 0 1px rgba(var(--item-background-color-selected), 0.05) inset;
    transition: left .15s ease 0s, right .15s ease 0s, box-shadow .1s linear 0s
}

.text-selector__radio {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

    .text-selector__radio:checked {
        cursor: default
    }

    .text-selector__radio:focus-visible ~ .text-selector__slider {
        box-shadow: 0 0 0 2px var(--item-text-color-focus)
    }

    .text-selector__radio:nth-child(1):nth-last-child(4) {
        left: 0%;
        width: 50%
    }

        .text-selector__radio:nth-child(1):nth-last-child(4):checked ~ .text-selector__slider {
            right: calc(50% - 1px);
            left: calc((var(--item-padding) + 1px) - 1px)
        }

    .text-selector__radio:nth-child(1):checked ~ .text-selector__items .text-selector__item:nth-child(1) {
        color: var(--item-text-color-selected)
    }

    .text-selector__radio:nth-child(1):not(:checked):hover ~ .text-selector__items .text-selector__item:nth-child(1) {
        color: var(--item-text-color-hover)
    }

    .text-selector__radio:nth-child(2):nth-last-child(3) {
        left: 50%;
        width: 50%
    }

        .text-selector__radio:nth-child(2):nth-last-child(3):checked ~ .text-selector__slider {
            right: calc((var(--item-padding) + 1px) - 1px);
            left: calc(50% - 1px)
        }

    .text-selector__radio:nth-child(2):checked ~ .text-selector__items .text-selector__item:nth-child(2) {
        color: var(--item-text-color-selected)
    }

    .text-selector__radio:nth-child(2):not(:checked):hover ~ .text-selector__items .text-selector__item:nth-child(2) {
        color: var(--item-text-color-hover)
    }

.text-selector-new {
    --box-shadow: none;
    --border-radius: 5px;
    --background-color: rgba(183,192,200,0.45);
    --item-margin: 3px;
    --item-padding-vertical: 5px;
    --item-padding-horizontal: 15px;
    --item-background-color-selected: #fff;
    --item-text-color: #607385;
    --item-text-color-selected: #0a1c2e;
    --item-text-color-focus: #275ce0;
    --item-text-color-highlight: #275ce0;
    --item-text-color-hover: #275ce0;
    position: relative;
    margin: 24px;
    text-align: center
}

.text-selector-new--round {
    --border-radius: 15px
}

.text-selector-new--inverted {
    --box-shadow: 0 1px 4px -1px rgba(15,17,22,0.1);
    --background-color: #fff;
    --item-background-color-selected: #dee6fa;
    --item-text-color: #607385;
    --item-text-color-selected: #275ce0
}

.text-selector-new__wrap {
    display: inline-block;
    min-height: 32px;
    border-radius: var(--border-radius);
    background-color: var(--background-color);
    box-shadow: var(--box-shadow)
}

.text-selector-new__items {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: stretch;
    justify-content: stretch;
    width: 100%
}

.text-selector-new__item {
    display: flex;
    position: relative;
    align-items: center;
    padding: var(--item-padding-vertical) var(--item-padding-horizontal);
    color: var(--item-text-color);
    transition: color .1s linear 0s;
    cursor: pointer;
    overflow-wrap: break-word
}

.text-selector-new__highlight {
    color: var(--item-text-color-highlight);
    white-space: nowrap
}

.text-selector-new__slider {
    display: block;
    position: absolute;
    top: var(--item-margin);
    right: var(--item-margin);
    bottom: var(--item-margin);
    left: var(--item-margin);
    opacity: 0;
    border-radius: calc(var(--border-radius) - var(--item-margin));
    background-color: var(--item-background-color-selected);
    box-shadow: 0 0 0 1px rgba(var(--item-background-color-selected), 0.05) inset;
    transform: translateX(20px);
    transition: opacity .15s ease 0s, transform .15s ease 0s
}

.text-selector-new__radio {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

    .text-selector-new__radio:focus-visible ~ .text-selector-new__slider {
        box-shadow: 0 0 0 2px var(--item-text-color-focus)
    }

    .text-selector-new__radio:nth-child(1):checked ~ .text-selector-new__items .text-selector-new__item:nth-child(1) {
        color: var(--item-text-color-selected);
        cursor: default
    }

        .text-selector-new__radio:nth-child(1):checked ~ .text-selector-new__items .text-selector-new__item:nth-child(1) .text-selector-new__slider {
            opacity: 1;
            transform: translateX(0)
        }

        .text-selector-new__radio:nth-child(1):checked ~ .text-selector-new__items .text-selector-new__item:nth-child(1) ~ .text-selector-new__item .text-selector-new__slider {
            transform: translateX(-20px)
        }

    .text-selector-new__radio:nth-child(1):not(:checked):hover ~ .text-selector-new__items .text-selector-new__item:nth-child(1) {
        color: var(--item-text-color-hover)
    }

    .text-selector-new__radio:nth-child(2):checked ~ .text-selector-new__items .text-selector-new__item:nth-child(2) {
        color: var(--item-text-color-selected);
        cursor: default
    }

        .text-selector-new__radio:nth-child(2):checked ~ .text-selector-new__items .text-selector-new__item:nth-child(2) .text-selector-new__slider {
            opacity: 1;
            transform: translateX(0)
        }

        .text-selector-new__radio:nth-child(2):checked ~ .text-selector-new__items .text-selector-new__item:nth-child(2) ~ .text-selector-new__item .text-selector-new__slider {
            transform: translateX(-20px)
        }

    .text-selector-new__radio:nth-child(2):not(:checked):hover ~ .text-selector-new__items .text-selector-new__item:nth-child(2) {
        color: var(--item-text-color-hover)
    }

    .text-selector-new__radio:nth-child(3):checked ~ .text-selector-new__items .text-selector-new__item:nth-child(3) {
        color: var(--item-text-color-selected);
        cursor: default
    }

        .text-selector-new__radio:nth-child(3):checked ~ .text-selector-new__items .text-selector-new__item:nth-child(3) .text-selector-new__slider {
            opacity: 1;
            transform: translateX(0)
        }

        .text-selector-new__radio:nth-child(3):checked ~ .text-selector-new__items .text-selector-new__item:nth-child(3) ~ .text-selector-new__item .text-selector-new__slider {
            transform: translateX(-20px)
        }

    .text-selector-new__radio:nth-child(3):not(:checked):hover ~ .text-selector-new__items .text-selector-new__item:nth-child(3) {
        color: var(--item-text-color-hover)
    }

.text-selector-new__text {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    font-weight: var(--text-big-font-weight, 600)
}

.form-control {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #808f9d;
    outline: 0;
    background-color: #f9f9fa;
    color: #0a1c2e;
    vertical-align: middle;
    box-shadow: 0 1px 1px transparent inset;
    height: 32px;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.75em;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear, box-shadow .1s linear
}

    .form-control:hover {
        background-color: #fff
    }

    .form-control:focus, .form-control.focus, .form-control:active, .form-control.active {
        border-color: #275ce0;
        background-color: #fff;
        box-shadow: 0 0 0 1px #275ce0 inset;
        color: #0a1c2e
    }

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

    .form-control::-moz-placeholder {
        color: #607385
    }

    .form-control::-webkit-input-placeholder {
        color: #607385
    }

    .form-control::-ms-input-placeholder {
        color: #607385
    }

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

    .has-error .form-control:hover {
        background-color: #fff
    }

    .has-error .form-control:focus {
        background-color: #fff
    }

.has-success .form-control {
    border-color: #0cac42;
    background-color: #e7f7ec;
    box-shadow: 0 0 0 1px #0cac42 inset;
    color: #0cac42;
    transition: background .15s linear, color .15s linear, border-color .15s linear, box-shadow .15s linear
}

    .has-success .form-control:focus {
        background-color: #fff
    }

.form-control.input-small {
    height: 28px;
    padding: 3px 6px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 1.5em
}

.form-control.input-medium {
    height: 40px;
    padding: 4px 11px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.75em
}

.form-control.input-large {
    height: 48px;
    padding: 4px 11px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 1.75em
}

select.form-control {
    position: relative;
    z-index: 10;
    overflow: hidden;
    outline: 0;
    background: #fff;
    white-space: nowrap;
    -webkit-appearance: button;
    -moz-appearance: none;
    box-shadow: 0 1px 1px transparent inset
}

    select.form-control option {
        padding: .2em 0 .2em .769em;
        color: #0a1c2e
    }

    select.form-control:focus {
        outline: 0;
        color: #0a1c2e
    }

    select.form-control.input-medium {
        padding: 8px 6px 8px 11px
    }

.select-wrap {
    display: inline-block;
    position: relative;
    vertical-align: baseline
}

    .select-wrap::before {
        content: "";
        position: absolute;
        z-index: 11;
        top: .2em;
        right: .2em;
        bottom: .2em;
        width: 1.6em;
        background-color: #fff;
        transition: background .15s linear;
        pointer-events: none
    }

    .select-wrap::after {
        content: "\e016";
        position: absolute;
        z-index: 12;
        top: 50%;
        right: .571em;
        margin-top: -.5em;
        color: #808f9d;
        font-family: 'font_icons', sans-serif;
        font-size: .875em;
        line-height: 1;
        pointer-events: none
    }

:-moz-any(.select-wrap)::before {
    z-index: 12;
    background-color: #fff;
    pointer-events: none
}

.select-wrap:hover, .select-wrap:hover::before {
    background-color: #fff
}

.has-error .select-wrap::before {
    background-color: #feeceb
}

.input-group {
    position: relative
}

    .input-group .form-control {
        padding-right: 95px
    }

    .input-group .input-suffix {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        box-sizing: border-box;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-color: #808f9d;
        outline: 0;
        background-color: #c6cdd3;
        color: #607385;
        vertical-align: middle;
        transition: background-color .1s linear, color .1s linear, border-color .1s linear, box-shadow .1s linear;
        height: 32px;
        padding: 4px 8px;
        border-radius: 0 3px 3px 0;
        font-size: 13px;
        line-height: 1.6em
    }

    .input-group .form-control:active + .input-suffix, .input-group .form-control:focus + .input-suffix {
        border-style: solid;
        border-color: #275ce0;
        outline: 0;
        background-color: rgba(39,92,224,0.5);
        color: #275ce0
    }

    .input-group .form-control.input-small {
        padding-right: 80px
    }

        .input-group .form-control.input-small + .input-suffix {
            height: 28px;
            padding: 3px 6px;
            border-radius: 0 3px 3px 0;
            font-size: 12px;
            line-height: 1.6em
        }

    .input-group .form-control.input-medium {
        padding-right: 105px
    }

        .input-group .form-control.input-medium + .input-suffix {
            height: 40px;
            padding: 4px 11px;
            border-radius: 0 3px 3px 0;
            font-size: 14px;
            line-height: 2.1em
        }

    .input-group .form-control.input-large {
        padding-right: 105px
    }

        .input-group .form-control.input-large + .input-suffix {
            height: 48px;
            padding: 4px 11px;
            border-radius: 0 3px 3px 0;
            font-size: 18px;
            line-height: 2.5em
        }

    .input-group.has-error .form-control + .input-suffix {
        border-color: #f43c36;
        background-color: rgba(244,60,54,0.5);
        color: #f43c36
    }

    .input-group.has-success .form-control + .input-suffix {
        border-color: #0cac42;
        background-color: rgba(12,172,66,0.5);
        color: #0cac42
    }

.control-group .form-control::-moz-placeholder {
    opacity: 0;
    color: #607385
}

.control-group .form-control::-webkit-input-placeholder {
    opacity: 0;
    color: #607385
}

.control-group .form-control::-ms-input-placeholder {
    opacity: 0;
    color: #607385
}

.control-group {
    box-sizing: border-box
}

    .control-group .form-control {
        position: relative;
        height: 3.5em;
        padding: 3px 0 3px 15px;
        border: 1px solid #808f9d;
        background-color: #f9f9fa;
        font-size: 1em;
        letter-spacing: normal;
        line-height: 1;
        box-shadow: 0 1px 1px transparent inset
    }

    .control-group .input-control {
        position: relative;
        z-index: 3;
        width: 100%;
        max-width: 97%;
        height: 1.2em;
        margin: -2px 0 0 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: #0a1c2e;
        font-size: 1.375em;
        -webkit-appearance: none
    }

    .control-group .form-control-filled .input-control {
        margin-top: 0
    }

    .control-group.has-error .input-control, .control-group.has-success .input-control, .control-group .form-control-combo .input-control {
        padding-right: 25px
    }

    .control-group .form-control-hover {
        background-color: #fff
    }

    .control-group .form-control:active, .control-group .form-control:focus, .control-group .form-control-focus {
        border-color: #275ce0;
        outline: 0;
        background-color: #fff;
        box-shadow: 0 0 0 1px #275ce0 inset;
        color: #0a1c2e
    }

    .control-group .form-control::after {
        content: "";
        position: absolute;
        z-index: 12;
        top: 14px;
        right: 10px;
        opacity: 0;
        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='%230cac42' 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: contain;
        transition: opacity .1s linear;
        pointer-events: none
    }

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

    .control-group.has-error .form-control-hover {
        background-color: #fff
    }

    .control-group.has-error .form-control-focus {
        background-color: #fff
    }

    .control-group.has-success .form-control-focus, .control-group.has-success .form-control:active {
        border-color: #0cac42;
        background-color: #fff;
        box-shadow: 0 0 0 1px #0cac42 inset;
        color: #0cac42;
        transition: background .15s linear, color .15s linear, border-color .15s linear, box-shadow .15s linear
    }

    .control-group.has-success .form-control::after {
        opacity: 1
    }

input[type='text'], input[type='number'] {
    box-sizing: border-box;
    -moz-appearance: textfield
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input::-ms-clear {
    display: none
}

.input-prefix-suffix input::-moz-placeholder {
    color: #607385
}

.input-prefix-suffix input::-webkit-input-placeholder {
    color: #607385
}

.input-prefix-suffix input::-ms-input-placeholder {
    color: #607385
}

.input-prefix-suffix {
    display: table;
    width: 100%;
    padding: 0 !important;
    border-collapse: separate
}

    .input-prefix-suffix > div {
        display: table-cell;
        vertical-align: middle
    }

    .input-prefix-suffix input {
        box-sizing: border-box;
        width: 100%;
        margin: -1px 0;
        padding: 4px 8px;
        border: 0;
        background-color: transparent;
        color: #0a1c2e;
        height: 32px;
        padding: 4px 8px;
        border-radius: 5px;
        font-size: 1em !important;
        line-height: 1.75em
    }

    .input-prefix-suffix.input-small input {
        height: 28px;
        line-height: 1.5em
    }

    .input-prefix-suffix.input-medium input {
        height: 40px
    }

    .input-prefix-suffix.input-large input {
        height: 48px
    }

    .input-prefix-suffix:hover {
        background-color: #fff
    }

    .input-prefix-suffix.focus {
        border-color: #275ce0;
        outline: 0;
        background-color: #fff;
        color: #0a1c2e
    }

        .input-prefix-suffix.focus input {
            margin: -2px 0;
            padding: 3px 8px
        }

    .input-prefix-suffix.has-prefix .prefix, .input-prefix-suffix.has-suffix .suffix {
        display: table-cell;
        vertical-align: middle
    }

    .input-prefix-suffix .prefix, .input-prefix-suffix .suffix {
        display: none;
        width: 1px;
        font-size: 1em;
        line-height: normal;
        white-space: nowrap
    }

    .input-prefix-suffix .prefix {
        padding-left: 8px
    }

    .input-prefix-suffix .suffix {
        padding-right: 8px
    }

    .input-prefix-suffix.focus .prefix, .input-prefix-suffix.has-error .prefix, .input-prefix-suffix.has-success .prefix {
        padding-left: 7px
    }

    .input-prefix-suffix.focus .suffix, .input-prefix-suffix.has-error .suffix, .input-prefix-suffix.has-success .suffix {
        padding-right: 7px
    }

    .input-prefix-suffix.input-small .prefix {
        padding-left: 6px
    }

    .input-prefix-suffix.input-small .suffix {
        padding-right: 6px
    }

    .input-prefix-suffix.input-small.focus .prefix, .input-prefix-suffix.input-small.has-error .prefix, .input-prefix-suffix.input-small.has-success .prefix {
        padding-left: 5px
    }

    .input-prefix-suffix.input-small.focus .suffix, .input-prefix-suffix.input-small.has-error .suffix, .input-prefix-suffix.input-small.has-success .suffix {
        padding-right: 5px
    }

    .input-prefix-suffix.input-medium .prefix, .input-prefix-suffix.input-large .prefix {
        padding-left: 11px
    }

    .input-prefix-suffix.input-medium .suffix, .input-prefix-suffix.input-large .suffix {
        padding-right: 11px
    }

    .input-prefix-suffix.input-medium.focus .prefix, .input-prefix-suffix.input-medium.has-error .prefix, .input-prefix-suffix.input-medium.has-success .prefix, .input-prefix-suffix.input-large.focus .prefix, .input-prefix-suffix.input-large.has-error .prefix, .input-prefix-suffix.input-large.has-success .prefix {
        padding-left: 10px
    }

    .input-prefix-suffix.input-medium.focus .suffix, .input-prefix-suffix.input-medium.has-error .suffix, .input-prefix-suffix.input-medium.has-success .suffix, .input-prefix-suffix.input-large.focus .suffix, .input-prefix-suffix.input-large.has-error .suffix, .input-prefix-suffix.input-large.has-success .suffix {
        padding-right: 10px
    }

    .input-prefix-suffix.has-error {
        border-width: 2px;
        border-color: #f43c36;
        background-color: #feeceb;
        color: #f43c36
    }

        .input-prefix-suffix.has-error input {
            margin: -2px 0;
            color: #f43c36
        }

        .input-prefix-suffix.has-error.hover {
            background-color: #fff
        }

        .input-prefix-suffix.has-error.focus {
            background-color: #fff
        }

    .input-prefix-suffix.has-success {
        border-width: 2px;
        border-color: #0cac42;
        background-color: #e7f7ec;
        color: #0cac42
    }

        .input-prefix-suffix.has-success input {
            margin: -2px 0;
            color: #0cac42
        }

        .input-prefix-suffix.has-success.hover {
            background-color: #fff
        }

        .input-prefix-suffix.has-success.focus {
            background-color: #fff
        }

    .input-prefix-suffix.disabled {
        opacity: .4;
        border-color: #808f9d;
        background-color: rgba(183,192,200,0.45);
        color: #607385;
        cursor: not-allowed;
        box-shadow: 0 1px 1px transparent inset
    }

        .input-prefix-suffix.disabled input {
            color: #607385;
            pointer-events: none
        }

.modal-dropdown {
    display: inline-block;
    position: absolute;
    z-index: 1001;
    overflow: hidden;
    padding: 1.2em 1.25em;
    border: 1px solid #bfc7ce;
    border-radius: 5px;
    background-color: #fff;
    font-size: 1em;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15)
}

    .modal-dropdown .dropdown-title {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 600
    }

    .modal-dropdown .dropdown-content span {
        font-size: 14px
    }

    .modal-dropdown .dropdown-content ul {
        list-style: none;
        font-size: 14px
    }

        .modal-dropdown .dropdown-content ul li {
            margin: 0;
            line-height: 1.7
        }

        .modal-dropdown .dropdown-content ul ul {
            padding-left: 15px
        }

    .modal-dropdown .dropdown-content > ul {
        margin: 0;
        padding: 0
    }

    .modal-dropdown .dropdown-content table.range-group {
        max-width: 300px;
        margin-bottom: 5px;
        padding: 0;
        border-collapse: collapse
    }

        .modal-dropdown .dropdown-content table.range-group td {
            padding: 0 0 0 3px;
            border: none
        }

            .modal-dropdown .dropdown-content table.range-group td:first-child {
                padding-left: 0
            }

    .modal-dropdown .dropdown-content input[type='checkbox'] {
        margin: -2px 5px 0 0;
        vertical-align: middle
    }

    .modal-dropdown .btn-container {
        margin: 1.5em 0 .5em;
        text-align: center
    }

        .modal-dropdown .btn-container .btn {
            margin-left: 15px
        }

            .modal-dropdown .btn-container .btn:first-child {
                margin-left: 0
            }

.list-dropdown {
    display: inline-block;
    position: absolute;
    z-index: 1001;
    padding: 0;
    border: 1px solid #bfc7ce;
    border-radius: 6px;
    background-color: #fff;
    font-size: 1em;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15)
}

    .list-dropdown ul > li > a {
        padding: 0 7px;
        font-size: 13px;
        line-height: 1.9em
    }

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

        .list-dropdown ul > li:not(.list-dropdown__item--with-subitems):not(.list-dropdown__item--disabled) {
            cursor: pointer
        }

        .list-dropdown ul > li {
            margin: 0;
            padding: 0;
            font-weight: 400;
            text-align: left
        }

            .list-dropdown ul > li:hover, .list-dropdown ul > li.list-dropdown__item--selected {
                background-color: #e7f0f8
            }

                .list-dropdown ul > li:hover a:not(.iconable-link), .list-dropdown ul > li.list-dropdown__item--selected a:not(.iconable-link) {
                    color: #0a1c2e
                }

                .list-dropdown ul > li:hover .svg-icon svg, .list-dropdown ul > li.list-dropdown__item--selected .svg-icon svg {
                    fill: #0a1c2e
                }

            .list-dropdown ul > li.selected {
                background-color: #d3dee8
            }

            .list-dropdown ul > li:first-child {
                border-top-right-radius: 6px;
                border-top-left-radius: 6px
            }

@media screen and (min-width: 768px) {
    .list-dropdown ul > li.list-dropdown__item--all-actions + li {
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }
}

.list-dropdown ul > li:last-child {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.list-dropdown ul > li > a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s linear
}

    .list-dropdown ul > li > a:focus {
        background-color: #e7f0f8
    }

    .list-dropdown ul > li > a:not(.iconable-link) {
        color: #0a1c2e
    }

.list-dropdown ul > li.list-dropdown__item--ai:hover > a, .list-dropdown ul > li.list-dropdown__item--ai > a {
    color: #a548be
}

.list-dropdown ul > li > a.list-dropdown-iconic-item {
    display: flex;
    padding: 12px 16px;
    white-space: normal
}

    .list-dropdown ul > li > a.list-dropdown-iconic-item .list-dropdown-iconic-item__icon {
        display: inline-block;
        flex-shrink: 0;
        align-items: center;
        width: 20px;
        height: 20px;
        margin-top: 1px;
        margin-right: 7px
    }

        .list-dropdown ul > li > a.list-dropdown-iconic-item .list-dropdown-iconic-item__icon svg {
            width: auto;
            height: 100%
        }

.list-dropdown ul > li > a.list-dropdown-iconic-item--prevent-text-wrapping {
    white-space: nowrap
}

.list-dropdown ul > li .svg-icon {
    display: inline-block;
    width: 20px;
    height: 14px;
    margin: -4px 12px 0 0;
    vertical-align: middle
}

    .list-dropdown ul > li .svg-icon svg {
        width: 100%;
        height: 100%;
        transition: fill .2s linear
    }

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

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

.list-dropdown.list-dropdown--top {
    top: auto;
    bottom: calc(100% + 4px)
}

.list-dropdown.list-dropdown--bottom {
    bottom: auto;
    top: calc(100% + 4px)
}

.list-dropdown--smoothed .list-dropdown__content {
    opacity: 0
}

.list-dropdown--animated-fadeOutToLeft {
    animation: fadeOutLeft .1s ease-out;
    pointer-events: none;
    animation-fill-mode: both
}

.list-dropdown--animated-fadeOutToRight {
    animation: fadeOutRight .1s ease-out;
    animation-fill-mode: both
}

.list-dropdown--animated-fadeInToLeft {
    animation: fadeInRight .1s ease-in;
    animation-fill-mode: both
}

.list-dropdown--animated-fadeInToRight {
    animation: fadeInLeft .1s ease-in;
    animation-fill-mode: both
}

.list-dropdown--with-buttons {
    display: flex;
    overflow: visible;
    flex-direction: column
}

    .list-dropdown--with-buttons .list-dropdown__content {
        flex-grow: 1
    }

    .list-dropdown--with-buttons::after {
        content: '';
        position: absolute;
        top: 100%;
        width: 100%;
        height: 65px;
        pointer-events: none
    }

.list-dropdown--inline-mode {
    padding: 8px 0;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    position: static
}

    .list-dropdown--inline-mode .list-dropdown__content {
        overflow-y: auto
    }

.list-dropdown--hidden {
    opacity: 0;
    pointer-events: none
}

.list-dropdown--scrollable {
    overflow-y: auto;
    width: max-content;
    max-width: 530px;
    max-height: 400px
}

@media screen and (max-width: 567px) {
    .list-dropdown--scrollable {
        max-width: 280px
    }
}

@media screen and (max-width: 1279px) {
    .list-dropdown--scrollable {
        left: 0
    }
}

.list-dropdown--scrollable ul > li > a {
    white-space: initial
}

.list-dropdown .list-dropdown {
    display: none
}

.list-dropdown.list-dropdown-medium.list-dropdown--submenu .iconable-link--prepend-icon {
    padding-left: calc(13px + 0.5em)
}

    .list-dropdown.list-dropdown-medium.list-dropdown--submenu .iconable-link--prepend-icon .iconable-link__icon {
        top: 13px;
        left: 13px
    }

.list-dropdown__content {
    transition: opacity 100ms ease-in-out
}

.list-dropdown__content-scroll.ps .ps__rail-y {
    margin-top: 4px;
    margin-bottom: 4px
}

.list-dropdown__content-scroll.ps .ps--active-y > .ps__rail-y {
    display: block
}

.list-dropdown__content-scroll.ps .ps--active-x > .ps__rail-x, .list-dropdown__content-scroll.ps .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent
}

.list-dropdown__content-scroll.ps .ps__thumb-y {
    right: 4px;
    width: 8px;
    height: 45px;
    border-radius: 8px;
    background: #bfc7ce
}

.list-dropdown__content-scroll.ps .ps__rail-y:hover > .ps__thumb-y, .list-dropdown__content-scroll.ps .ps__rail-y:focus > .ps__thumb-y, .list-dropdown__content-scroll.ps .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #bfc7ce
}

.list-dropdown__content-scroll.ps .ps .ps__rail-x:hover, .list-dropdown__content-scroll.ps .ps .ps__rail-y:hover, .list-dropdown__content-scroll.ps .ps .ps__rail-x:focus, .list-dropdown__content-scroll.ps .ps .ps__rail-y:focus, .list-dropdown__content-scroll.ps .ps .ps__rail-x.ps--clicking, .list-dropdown__content-scroll.ps .ps .ps__rail-y.ps--clicking {
    background-color: transparent
}

.list-dropdown__content-loader {
    width: 1em;
    height: 1em;
    margin-right: auto;
    margin-left: auto;
    padding: 16px
}

    .list-dropdown__content-loader .canonical-status {
        display: block
    }

.list-dropdown__buttons-wrapper {
    position: relative;
    height: 0
}

.list-dropdown__buttons-wrapper--show {
    height: auto;
    padding: 16px;
    border-top: 1px solid #bfc7ce
}

    .list-dropdown__buttons-wrapper--show .list-dropdown__buttons {
        opacity: 1
    }

    .list-dropdown__buttons-wrapper--show.list-dropdown__buttons-wrapper--small-paddings {
        padding: 8px
    }

.list-dropdown__buttons {
    display: block;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background-color: #fff;
    transition: opacity .2s ease-in-out .05s;
    will-change: opacity
}

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

.list-dropdown__buttons-custom-content {
    align-self: center;
    margin-left: auto
}

.list-dropdown__separator {
    border-bottom: 1px solid #bfc7ce
}

.list-dropdown__note {
    width: 250px;
    white-space: initial;
    cursor: default !important
}

    .list-dropdown__note:hover {
        background-color: initial !important
    }

.list-dropdown__item--with-subitems {
    position: relative;
    min-width: 200px
}

    .list-dropdown__item--with-subitems > a {
        cursor: default
    }

    .list-dropdown__item--with-subitems .list-dropdown {
        top: 0;
        right: unset;
        left: 100%;
        margin-top: -1px
    }

@media screen and (min-width: 768px) {
    .list-dropdown__item--with-subitems:hover > .list-dropdown {
        display: block
    }
}

@media screen and (min-width: 768px) {
    .list-dropdown__item--with-subitems:hover .list-dropdown__item--all-actions {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .list-dropdown__item--with-subitems:hover .list-dropdown-first-item {
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }
}

.list-dropdown__item--with-subitems:hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23808f9d'%3E%3Cpath fill-rule='evenodd' d='M6.58586 6.00008L3.29297 2.70718L4.70718 1.29297L9.41429 6.00008L4.70718 10.7072L3.29297 9.29297L6.58586 6.00008Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.list-dropdown__item--with-subitems::after {
    content: '';
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23808f9d'%3E%3Cpath fill-rule='evenodd' d='M6.58586 6.00008L3.29297 2.70718L4.70718 1.29297L9.41429 6.00008L4.70718 10.7072L3.29297 9.29297L6.58586 6.00008Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain
}

.list-dropdown__item .list-dropdown .iconable-link--prepend-icon {
    padding-left: calc(13px + 1.6em)
}

    .list-dropdown__item .list-dropdown .iconable-link--prepend-icon .iconable-link__icon {
        top: 13px;
        left: 13px
    }

.list-dropdown__item.list-dropdown__item--with-icon > a {
    padding-left: 22px
}

.list-dropdown__item.list-dropdown__item--danger > a {
    color: #f43c36
}

.list-dropdown__item--link {
    color: #275ce0 !important
}

.list-dropdown-large ul > li > a {
    padding: 14px 40px 14px 16px;
    font-size: 17px;
    line-height: 1.7em
}

.list-dropdown-large .list-dropdown__note {
    padding: 14px 40px 14px 16px;
    padding-right: 14px
}

.list-dropdown-large .list-dropdown__item--with-subitems::after {
    top: 20px
}

.list-dropdown-medium ul > li > a {
    padding: 13px 40px 13px 16px;
    font-size: 14px;
    line-height: 1.6em
}

.list-dropdown-medium .list-dropdown__note {
    padding: 13px 40px 13px 16px;
    padding-right: 13px
}

.list-dropdown-medium .list-dropdown__item--upgrade a {
    padding-left: calc(16px + 1.6em)
}

.list-dropdown-small ul > li > a {
    padding: 11px 40px 11px 16px;
    font-size: 12px;
    line-height: 1.5em
}

.list-dropdown-small .list-dropdown__note {
    padding: 11px 40px 11px 16px;
    padding-right: 11px
}

.list-dropdown-small .list-dropdown__item--with-subitems::after {
    top: 11px
}

.account-dropdown {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 27px;
    text-align: left
}

    .account-dropdown * {
        box-sizing: border-box
    }

    .account-dropdown a {
        font-size: 14px;
        text-decoration: none
    }

    .account-dropdown .target {
        display: block;
        position: relative;
        z-index: 11;
        width: 100%;
        white-space: nowrap;
        cursor: default
    }

        .account-dropdown .target .text {
            display: inline-block;
            overflow: hidden;
            max-width: 100%;
            text-overflow: ellipsis;
            vertical-align: bottom
        }

        .account-dropdown .target .icon-arr-down {
            margin: 0 0 0 7px;
            font-size: 7px
        }

    .account-dropdown .status, .account-dropdown .dropdown-content {
        position: relative;
        z-index: 11;
        font-size: 22px;
        line-height: 1
    }

        .account-dropdown .status a, .account-dropdown .dropdown-content a {
            white-space: nowrap
        }

        .account-dropdown .status.status-online {
            color: #0cac42
        }

        .account-dropdown .status.status-offline {
            color: #f43c36
        }

    .account-dropdown .dropdown-content {
        display: block;
        position: absolute;
        z-index: 10;
        top: -1px;
        left: -1px;
        overflow: hidden;
        box-sizing: content-box;
        min-width: 100%;
        margin: 0;
        padding: 0;
        border: 1px solid transparent;
        border-radius: 2px;
        background-color: transparent;
        transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear
    }

        .account-dropdown .dropdown-content .body {
            display: block;
            overflow: hidden;
            opacity: 0;
            margin: 42px -22px 0;
            border-top: 1px solid #bfc7ce;
            background-color: #fff;
            -webkit-transform: translateZ(0);
            transition: opacity .3s linear
        }

            .account-dropdown .dropdown-content .body a {
                display: block;
                overflow: hidden;
                max-width: 288px;
                height: 0;
                padding: 0 22px;
                color: #275ce0;
                line-height: 50px;
                text-decoration: none;
                text-overflow: ellipsis;
                transition: height .3s linear
            }

                .account-dropdown .dropdown-content .body a:hover {
                    background-color: #1b409d;
                    color: #fff
                }

@media screen and (min-width: 568px) {
    .account-dropdown .dropdown-content .body a {
        max-width: 368px
    }
}

.account-dropdown.opened .icon-arr-down::before {
    content: "\e609";
    color: #1b409d
}

.account-dropdown.opened .dropdown-content {
    margin: -14px -21px 0;
    padding: 14px 22px 0;
    border: 1px solid #bfc7ce;
    background-color: #fff;
    transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear
}

    .account-dropdown.opened .dropdown-content .body {
        opacity: 1;
        transition: opacity .3s linear
    }

        .account-dropdown.opened .dropdown-content .body a {
            height: 50px;
            transition: height .3s linear
        }

.account-dropdown.opened .status ~ .dropdown-content {
    padding-top: 42px
}

.linklike-dropdown {
    margin-right: 8px
}

    .linklike-dropdown .btn-group {
        vertical-align: text-top
    }

    .linklike-dropdown .btn-dropdown {
        height: auto;
        padding: 0;
        border: none;
        background: none;
        box-shadow: none;
        color: #275ce0;
        font-size: inherit
    }

        .linklike-dropdown .btn-dropdown::before {
            background: none;
            box-shadow: none
        }

        .linklike-dropdown .btn-dropdown [class*='icon-'] {
            margin-left: 5px
        }

        .linklike-dropdown .btn-dropdown:hover {
            color: #1b409d
        }

    .linklike-dropdown .btn:not([disabled]) + .btn-icon.btn-dropdown:focus, .linklike-dropdown.opened .btn-icon.btn-dropdown, .linklike-dropdown.opened .btn:not([disabled]) + .btn-icon.btn-dropdown, .linklike-dropdown .btn:not([disabled]) + .btn-default.btn-dropdown:focus, .linklike-dropdown.opened .btn-default.btn-dropdown, .linklike-dropdown.opened .btn:not([disabled]) + .btn-default.btn-dropdown {
        padding: 0;
        border: none;
        background: none;
        box-shadow: none
    }

    .linklike-dropdown.btn-group .list-dropdown.list-dropdown--left {
        left: -18px
    }

.list-dropdown__ribbon {
    display: flex;
    align-items: center;
    position: relative
}

.list-dropdown__ribbon-color {
    position: absolute;
    z-index: 2;
    margin-left: 13px;
    min-width: 20px
}

.list-dropdown ul > li > .list-dropdown__ribbon-text {
    padding-left: 44px
}

.list-dropdown__actions {
    margin-left: auto;
    line-height: 32px
}

.list-dropdown ul > li.list-dropdown__item--destructive a {
    color: #f43c36
}

    .list-dropdown ul > li.list-dropdown__item--destructive a:hover {
        color: #f43c36
    }

.msg {
    margin: .545em 0 .909em 0;
    padding: 0 .188em;
    color: #0a1c2e;
    font-size: .688em;
    font-weight: 300;
    line-height: 1.2;
    text-align: left;
    word-break: keep-all
}

    .msg.msg-error {
        color: #f43c36
    }

.vertical-icolink {
    display: inline-block;
    font-size: .813em;
    text-decoration: none
}

    .vertical-icolink:active {
        text-decoration: none
    }

    .vertical-icolink [class*="icon-"] {
        display: block;
        color: #275ce0;
        font-size: 1.62em;
        text-align: center;
        transition: color .1s linear
    }

        .vertical-icolink [class*="icon-"]:hover [class*="icon-"] {
            color: #1b409d
        }

        .vertical-icolink [class*="icon-"]:active [class*="icon-"] {
            color: #688de9
        }

.horizontal-icolink {
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 1.3em;
    text-align: left;
    text-decoration: none
}

    .horizontal-icolink:active {
        text-decoration: none
    }

        .horizontal-icolink:active .svg-icon {
            color: #688de9
        }

    .horizontal-icolink.icolink-prepend {
        padding-left: 1.9em
    }

        .horizontal-icolink.icolink-prepend [class*="icon-"], .horizontal-icolink.icolink-prepend .svg-icon {
            left: 0
        }

    .horizontal-icolink.icolink-append {
        padding-right: 1.9em
    }

        .horizontal-icolink.icolink-append [class*="icon-"], .horizontal-icolink.icolink-append .svg-icon {
            right: 0
        }

    .horizontal-icolink.icolink-inverse.icolink-prepend {
        padding-left: 2.4em
    }

    .horizontal-icolink.icolink-inverse.icolink-append {
        padding-right: 2.4em
    }

    .horizontal-icolink [class*="icon-"] {
        position: absolute;
        top: 0;
        margin: -5px 0 0 0;
        padding: .538em;
        font-size: .929em;
        text-align: center;
        vertical-align: text-top
    }

    .horizontal-icolink .svg-icon {
        position: absolute;
        top: 0;
        box-sizing: content-box;
        width: 1em;
        height: 1em;
        margin: 0;
        padding: .15em .53em;
        color: #275ce0;
        font-size: 1em;
        transition: color .1s linear
    }

        .horizontal-icolink .svg-icon svg {
            width: 100%;
            height: 100%;
            fill: currentColor;
            transition: fill .1s linear
        }

    .horizontal-icolink:hover .svg-icon {
        color: #1b409d
    }

    .horizontal-icolink.icolink-small .svg-icon {
        padding: .1em .2em .1em 1em
    }

    .horizontal-icolink.icolink-xsmall .svg-icon {
        padding: .1em .5em .1em 1.2em
    }

    .horizontal-icolink.icolink-inverse [class*="icon-"] {
        border-radius: 4px;
        background-color: #275ce0;
        color: #fff;
        transition: background-color .1s linear
    }

    .horizontal-icolink.icolink-inverse:hover [class*="icon-"] {
        background-color: #1b409d;
        color: #fff
    }

    .horizontal-icolink.icolink-inverse:active [class*="icon-"] {
        background-color: #688de9;
        color: #fff
    }

    .horizontal-icolink.horizontal-icolink--inline {
        white-space: nowrap
    }

        .horizontal-icolink.horizontal-icolink--inline .horizontal-icolink__text {
            white-space: normal
        }

        .horizontal-icolink.horizontal-icolink--inline .horizontal-icolink__emoji {
            font-size: 1.2em;
            vertical-align: middle
        }

            .horizontal-icolink.horizontal-icolink--inline .horizontal-icolink__emoji:first-child {
                padding: 0 2px 0 0
            }

            .horizontal-icolink.horizontal-icolink--inline .horizontal-icolink__emoji:last-child {
                padding: 0 0 0 2px
            }

        .horizontal-icolink.horizontal-icolink--inline .svg-icon {
            display: inline-block;
            position: static;
            top: 0;
            box-sizing: content-box;
            width: auto;
            height: 1em;
            margin: 0;
            padding: 0;
            font-size: 1em;
            line-height: 1em;
            vertical-align: middle
        }

            .horizontal-icolink.horizontal-icolink--inline .svg-icon:first-child {
                padding: 0 2px 0 0
            }

            .horizontal-icolink.horizontal-icolink--inline .svg-icon:last-child {
                padding: 0 0 0 2px
            }

            .horizontal-icolink.horizontal-icolink--inline .svg-icon svg {
                width: auto;
                height: 100%
            }

    .horizontal-icolink.horizontal-icolink--small {
        font-size: 12px
    }

        .horizontal-icolink.horizontal-icolink--small .svg-icon {
            padding: .1em .2em .1em 1em
        }

    .horizontal-icolink.horizontal-icolink--large {
        font-size: 16px;
        font-weight: 600
    }

.icolink-small {
    font-size: 12px
}

.icolink-xsmall {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase
}

.vertical-icolink.icolink-small [class*="icon-"] {
    margin: 0 0 .143em 0;
    font-size: 1.75em
}

.vertical-icolink.icolink-xsmall [class*="icon-"] {
    margin: 0 0 .19em 0;
    font-size: 1.9em
}

.horizontal-icolink.icolink-xsmall.icolink-prepend, .horizontal-icolink.icolink-inverse.icolink-xsmall.icolink-prepend {
    padding-left: 2.8em
}

.horizontal-icolink.icolink-small.icolink-prepend, .horizontal-icolink.icolink-inverse.icolink-small.icolink-prepend {
    padding-left: 2.5em
}

.horizontal-icolink.icolink-small [class*="icon-"] {
    margin: -.35em 0 0 0;
    padding: .25em;
    font-size: 1.5em
}

.horizontal-icolink.icolink-xsmall [class*="icon-"] {
    margin: -.35em 0 0 0;
    padding: .2em;
    font-size: 1.7em
}

.ecwid-status {
    display: inline-block;
    font-size: .875em;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

    .ecwid-status [class*="icon-"] {
        opacity: .7;
        margin-left: .54em;
        font-size: .75em;
        text-align: center;
        transition: color .1s linear
    }

.ecwid-status-blocked, .ecwid-status-blocked:hover, .ecwid-status-blocked [class*='icon-'] {
    color: #808f9d
}

.ecwid-status-success, .ecwid-status-success:hover, .ecwid-status-success [class*='icon-'] {
    color: #0cac42
}

.ecwid-status-error, .ecwid-status-error:hover, .ecwid-status-error [class*='icon-'] {
    color: #f43c36
}

.ecwid-status-warning, .ecwid-status-warning:hover, .ecwid-status-warning [class*='icon-'] {
    color: #de9d1c
}

.ecwid-status-info, .ecwid-status-info:hover, .ecwid-status-info [class*='icon-'] {
    color: #275ce0
}

.nav {
    margin: 0;
    padding: 0;
    list-style: none
}

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

    .nav::after {
        clear: both
    }

    .nav > li {
        display: block;
        margin: 0;
        white-space: nowrap
    }

.nav-btns > li {
    float: left;
    margin-left: .313em
}

    .nav-btns > li:first-child {
        margin-left: 0
    }

    .nav-btns > li > a {
        display: inline-block;
        padding: .625em .667em;
        border-radius: .188em;
        color: #0a1c2e;
        font-size: .938em;
        text-decoration: none;
        transition: color .1s linear, background .1s linear
    }

    .nav-btns > li:hover > a {
        background-color: #e7f0f8;
        transition: color .1s linear, background .1s linear
    }

    .nav-btns > li.active > a {
        background-color: #275ce0;
        color: #fff;
        transition: color .1s linear, background .1s linear
    }

.nav-blocks > li {
    float: left;
    margin-left: -1px
}

    .nav-blocks > li:first-child {
        margin-left: 0
    }

    .nav-blocks > li > a {
        display: inline-block;
        padding: 20px 10px;
        border-width: 0 1px 0 1px;
        border-style: solid;
        border-color: transparent;
        color: #0a1c2e;
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: none;
        transition: color .1s linear, background .1s linear
    }

    .nav-blocks > li.active > a {
        z-index: 1;
        border-color: #bfc7ce;
        background-color: #eceef0;
        color: #275ce0
    }

.nav-links > li {
    float: left;
    padding: 0;
    cursor: pointer
}

    .nav-links > li > a {
        display: inline-block;
        padding: 0 1.1em 0;
        color: #0a1c2e;
        font-size: .875em;
        line-height: 1.36em;
        text-decoration: none;
        transition: color .1s linear, border-color .1s linear
    }

        .nav-links > li > a > span {
            display: inline-block;
            padding: .625em 0 .8em;
            border-bottom: 4px solid transparent
        }

        .nav-links > li:hover > a, .nav-links > li > a:active {
            color: #275ce0;
            text-decoration: none
        }

    .nav-links > li.active > a {
        color: #275ce0;
        text-decoration: none;
        transition: color .1s linear, border-color .1s linear
    }

        .nav-links > li.active > a > span {
            border-bottom: 4px solid #275ce0
        }

    div.has-badge::after, .nav-links > li > a span.has-badge::after {
        content: attr(data-badge);
        display: inline-block;
        position: relative;
        bottom: 8px;
        left: 2px;
        color: #607385;
        font-size: .68em;
        transition: color .1s linear
    }

    .gwt-TabBarItem-selected div.has-badge::after, .nav-links > li:hover > a span.has-badge::after, .nav-links > li.active > a span.has-badge::after {
        color: #275ce0
    }

.notice {
    display: block;
    box-sizing: border-box;
    padding: .5em 1.7em;
    border-bottom: 1px solid transparent;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.7em
}

    .notice a {
        font-weight: 400
    }

.notice-warning {
    border-bottom: 1px solid #de9d1c;
    background-color: #de9d1c;
    color: #fff;
    transition: background-color .2s linear, color .2s linear
}

    .notice-warning a, .notice-warning a:visited {
        color: #fcf5e8
    }

        .notice-warning a:hover, .notice-warning a:visited:hover {
            color: #fff
        }

.notice-error {
    border-bottom: 1px solid #f43c36;
    background-color: #f43c36;
    color: #fff;
    transition: background-color .2s linear, color .2s linear
}

    .notice-error a, .notice-error a:visited {
        color: #feeceb
    }

        .notice-error a:hover, .notice-error a:visited:hover {
            color: #fff
        }

.notice-info {
    color: #fff
}

.notice__title {
    display: inline-block;
    opacity: 1;
    max-width: calc(100% - 40px);
    color: #fff;
    white-space: nowrap;
    transition: opacity .1s linear;
    cursor: pointer;
    font-size: 12px;
    line-height: 18px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

    .notice__title:hover {
        opacity: .7
    }

@media screen and (min-width: 768px) {
    .notice__title {
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 1023px) {
    .notice__title {
        padding-left: 4px
    }
}

.notice__title .notice__icon {
    width: 1.75em;
    height: 1.75em;
    margin: -.1em .3em
}

.notice__title-inner {
    white-space: normal
}

.notice__icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-left: 8px;
    vertical-align: bottom
}

    .notice__icon svg {
        width: 100%;
        height: 100%;
        fill: currentColor
    }

    .notice__icon + .notice__icon {
        margin-left: 0
    }

.divider {
    display: block;
    min-height: 1.5em;
    margin: 1.8em 0 2.9em;
    border: none;
    color: #fff;
    text-align: center
}

    .divider::before {
        content: "";
        display: block;
        position: relative;
        top: 1.5em;
        border-top: 1px solid #bfc7ce
    }

    .divider::after {
        content: attr(data-text);
        display: inline-block;
        position: relative;
        padding: .7em .9em;
        border-radius: 50%;
        background: #275ce0;
        font-size: 1em
    }

.horizontal-scroll-container {
    overflow-x: scroll
}

.height-limited {
    display: block;
    position: relative;
    overflow: hidden;
    max-height: 138px
}

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

.forward-block {
    font-size: 14px;
    line-height: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%
}

@media screen and (min-width: 768px) {
    .forward-block {
        padding-left: 8px
    }
}

.forward-block--has-action .forward-block__central {
    padding-right: 8px
}

.forward-block--has-action .forward-block__arrow {
    display: flex
}

.forward-block--align-content-to-top .forward-block__central {
    align-self: flex-start
}

.forward-block__infographics {
    align-self: start;
    margin-right: 16px;
    padding-top: 4px
}

@media screen and (min-width: 768px) {
    .forward-block__infographics {
        margin-right: 24px
    }
}

.forward-block__icon {
    width: 36px;
    height: 36px
}

    .forward-block__icon svg {
        width: 100%;
        height: auto
    }

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

    .forward-block__title .forward-block__comment {
        margin-left: 4px;
        color: #275ce0;
        font-size: 14px;
        font-weight: 400
    }

.forward-block__content {
    display: flex;
    align-items: baseline;
    font-size: 0
}

    .forward-block__content .iconable-link, .forward-block__content .btn {
        margin-top: 8px;
        margin-right: 8px;
        margin-bottom: 8px
    }

.forward-block__arrow {
    width: 20px;
    color: #808f9d;
    transition: color 0.1s linear,margin-right 0.2s cubic-bezier(0, 0.71, 0.57, 1),margin-left 0.2s cubic-bezier(0, 0.71, 0.57, 1);
    display: none;
    flex-shrink: 0
}

    .forward-block__arrow svg {
        width: 100%;
        height: 100%;
        fill: currentColor
    }

.forward-block--wide .forward-block__central {
    flex-grow: 1
}

.forward-block--wide.forward-block--has-action .forward-block__central {
    padding-right: 16px
}

.a-card--has-hover:hover .forward-block--has-action .forward-block__arrow, .teaser-card--has-hover:hover .forward-block--has-action .forward-block__arrow, .forward-block--has-action:hover .forward-block__arrow {
    margin-right: -4px;
    margin-left: 4px;
    color: #1b409d
}

.forward-block__custom-action {
    margin-top: 16px
}

.forward-block--only-title .forward-block__central, .forward-block--only-title .forward-block__title {
    margin-bottom: 0
}

.forward-block--disabled {
    pointer-events: none
}

    .forward-block--disabled .forward-block__title, .forward-block--disabled .forward-block__description {
        color: #607385
    }

    .forward-block--disabled .forward-block__icon, .forward-block--disabled .forward-block__arrow {
        opacity: .5;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }

.ec-cta-text-block__arrow.forward-block__arrow {
    width: 20px;
    height: 20px
}

.a-card {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 16px;
    padding: 0;
    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
}

    .a-card > *:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .a-card > *:last-child {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }

    .a-card .a-card__paddings {
        position: relative;
        height: 100%;
        padding: 0
    }

        .a-card .a-card__paddings.a-card__paddings--default-background {
            position: relative;
            background-color: #fff;
            background-clip: padding-box;
            border: 2px solid transparent
        }

    .a-card .a-card__button {
        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 2
    }

    .a-card:has(>.a-card__button) .a-card__paddings:has(>*) > *:first-child:not(:has(>*)) {
        margin-right: 40px
    }

    .a-card .a-card__paddings + .a-card__paddings {
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #bfc7ce
    }

    .a-card .a-card__paddings.a-card__paddings--default-background + .a-card__paddings {
        border-top: none
    }

.a-card--normal .a-card__paddings {
    padding: 16px
}

@media screen and (min-width: 768px) {
    .a-card--normal .a-card__paddings {
        padding: 24px 32px 24px 32px
    }
}

.a-card--compact .a-card__paddings {
    padding: 16px
}

@media screen and (min-width: 768px) {
    .a-card--compact .a-card__paddings {
        padding: 20px 24px
    }
}

.a-card--vertical-compact .a-card__paddings {
    padding: 16px
}

@media screen and (min-width: 768px) {
    .a-card--vertical-compact .a-card__paddings {
        padding: 20px 24px 20px 32px
    }
}

.a-card--tiny .a-card__paddings {
    padding: 16px
}

@media screen and (min-width: 768px) {
    .a-card--tiny .a-card__paddings {
        padding: 16px 24px
    }
}

.a-card--no-top-padding .a-card__paddings {
    padding-top: 0
}

.a-card--has-hover:focus, .a-card--has-hover:hover {
    background: #e7f0f8;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2)
}

.a-card.a-card--full-screen {
    margin-bottom: 0;
    border: none;
    box-shadow: none
}

.a-card.a-card--no-bottom-margin {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.a-card__menu-container {
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 5px
}

.a-card.a-card--no-bottom-margin:not(.hidden) + .a-card {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

    .a-card.a-card--no-bottom-margin:not(.hidden) + .a-card > *:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.a-card.a-card--background {
    color: #fff
}

    .a-card.a-card--background a {
        color: #fff
    }

        .a-card.a-card--background a:hover {
            color: #b3b3b3
        }

        .a-card.a-card--background a:active {
            color: #e9effc
        }

.a-card.a-card--background--promo--overview {
    background-color: #cee8ff
}

.a-card.a-card--background--promo--webstore {
    background-color: #fedbd6
}

.a-card.a-card--background--promo--shipping {
    background-color: #e1e2fe
}

.a-card.a-card--background--promo--payments {
    background-color: #cfeed2
}

.a-card-stack .a-card {
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid #bfc7ce;
    border-radius: 0;
    box-shadow: none
}

    .a-card-stack .a-card:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .a-card-stack .a-card:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }

.a-card-stack .a-card--info {
    border-bottom: none
}

.a-card-stack .a-card--success {
    border-bottom: none
}

.a-card-stack .a-card--warning {
    border-bottom: none
}

.a-card-stack .a-card--error {
    border-bottom: none
}

.a-card-stack .a-card--highlight {
    border-bottom: none
}

.a-card-stack .wizard-step:not(:last-child) .a-card:last-child {
    border-bottom: 1px solid #bfc7ce;
    border-radius: 0
}

.a-card-stack .wizard-step:last-child .a-card {
    border-bottom: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.a-card-stack--info .a-card:first-child {
    box-shadow: 0 0 0 rgba(0,0,0,0),0 2px 0 0 #275ce0 inset,2px 0 0 0 #275ce0 inset,-2px 0 0 0 #275ce0 inset
}

.a-card-stack--info .a-card:last-child {
    background-color: #e9effc;
    box-shadow: 0 0 0 rgba(0,0,0,0),0 -2px 0 0 #275ce0 inset,2px 0 0 0 #275ce0 inset,-2px 0 0 0 #275ce0 inset
}

.a-card-stack--success .a-card:first-child {
    box-shadow: 0 0 0 rgba(0,0,0,0),0 2px 0 0 #0cac42 inset,2px 0 0 0 #0cac42 inset,-2px 0 0 0 #0cac42 inset
}

.a-card-stack--success .a-card:last-child {
    background-color: #e7f7ec;
    box-shadow: 0 0 0 rgba(0,0,0,0),0 -2px 0 0 #0cac42 inset,2px 0 0 0 #0cac42 inset,-2px 0 0 0 #0cac42 inset
}

.a-card-stack--warning .a-card:first-child {
    box-shadow: 0 0 0 rgba(0,0,0,0),0 2px 0 0 #de9d1c inset,2px 0 0 0 #de9d1c inset,-2px 0 0 0 #de9d1c inset
}

.a-card-stack--warning .a-card:last-child {
    background-color: #fcf5e8;
    box-shadow: 0 0 0 rgba(0,0,0,0),0 -2px 0 0 #de9d1c inset,2px 0 0 0 #de9d1c inset,-2px 0 0 0 #de9d1c inset
}

.a-card-stack--error .a-card:first-child {
    box-shadow: 0 0 0 rgba(0,0,0,0),0 2px 0 0 #f43c36 inset,2px 0 0 0 #f43c36 inset,-2px 0 0 0 #f43c36 inset
}

.a-card-stack--error .a-card:last-child {
    background-color: #feeceb;
    box-shadow: 0 0 0 rgba(0,0,0,0),0 -2px 0 0 #f43c36 inset,2px 0 0 0 #f43c36 inset,-2px 0 0 0 #f43c36 inset
}

.a-card-stack--without-last-divider .a-card:nth-last-child(2) {
    border-bottom: none
}

.a-card-stack .a-card.a-card--without-divider {
    border-bottom: none
}

    .a-card-stack .a-card.a-card--without-divider + .a-card .a-card__paddings {
        padding-top: 8px
    }

    .a-card-stack .a-card.a-card--without-divider + .a-card {
        margin-top: -20px
    }

.a-card--info, .a-card-stack .a-card--info {
    background-color: #e9effc;
    box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 2px #275ce0 inset
}

.a-card--success, .a-card-stack .a-card--success {
    background-color: #e7f7ec;
    box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 2px #0cac42 inset
}

.a-card--warning, .a-card-stack .a-card--warning {
    background-color: #fcf5e8;
    box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 2px #de9d1c inset
}

.a-card--error, .a-card-stack .a-card--error {
    background-color: #feeceb;
    box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 2px #f43c36 inset
}

.a-card--highlight, .a-card-stack .a-card--highlight {
    background-color: #e9effc;
    box-shadow: 0 0 0 rgba(0,0,0,0),0 0 0 2px rgba(0,0,0,0) inset
}

.a-card.a-card--no-bottom-border, .a-card-stack .a-card.a-card--no-bottom-border {
    border-bottom: none
}

.settings-page__header > .a-card, .settings-page__header > .paid-promo-wrapper .a-card, .settings-page__body > .a-card, .settings-page__body > .paid-promo-wrapper .a-card {
    max-width: 980px;
    margin-bottom: 48px
}

@media screen and (min-width: 1280px) {
    .settings-page__header > .a-card, .settings-page__header > .paid-promo-wrapper .a-card, .settings-page__body > .a-card, .settings-page__body > .paid-promo-wrapper .a-card {
        max-width: 1320px
    }
}

.settings-page__header > .a-card.a-card--alert, .settings-page__body > .a-card.a-card--alert {
    margin-bottom: 16px
}

.a-card-promo--lspayments {
    max-width: 1044px;
    margin-left: auto;
    margin-right: auto
}

.a-card-promo--lspayments__onboarding {
    max-width: 772px
}

.a-card__close-mark {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 18px;
    height: 18px;
    color: #808f9d;
    cursor: pointer
}

    .a-card__close-mark:hover {
        color: #1b409d
    }

    .a-card__close-mark:active {
        color: #688de9
    }

    .a-card__close-mark svg {
        fill: currentColor
    }

.a-card--colored-green-one {
    border: none;
    background: linear-gradient(to right, #b7e279, #c2e585)
}

    .a-card--colored-green-one .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-green-one .btn::before {
            background-image: none
        }

        .a-card--colored-green-one .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(31,74,179,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-card--colored-green-one .btn:focus::before, .a-card--colored-green-one .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-green-one .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: #fff
        }

        .a-card--colored-green-one .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: #fff
        }

        .a-card--colored-green-one .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-green-one .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
        }

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

            .a-card--colored-green-one .btn::before, .a-card--colored-green-one .btn:hover, .a-card--colored-green-one .btn:focus, .a-card--colored-green-one .btn:active, .a-card--colored-green-one .btn:focus:active, .a-card--colored-green-one .btn:focus:active::before {
                box-shadow: none
            }

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

            .a-card--colored-green-one .btn.btn-loading::after, .a-card--colored-green-one .btn.btn-loading:hover::after, .a-card--colored-green-one .btn.btn-loading:focus::after, .a-card--colored-green-one .btn.btn-loading:focus:hover::after, .a-card--colored-green-one .btn.btn-loading:active::after, .a-card--colored-green-one .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .a-card--colored-green-one .btn.btn-loading svg, .a-card--colored-green-one .btn.btn-loading .loader, .a-card--colored-green-one .btn.btn-loading:hover svg, .a-card--colored-green-one .btn.btn-loading:hover .loader, .a-card--colored-green-one .btn.btn-loading:focus svg, .a-card--colored-green-one .btn.btn-loading:focus .loader, .a-card--colored-green-one .btn.btn-loading:focus:hover svg, .a-card--colored-green-one .btn.btn-loading:focus:hover .loader, .a-card--colored-green-one .btn.btn-loading:active svg, .a-card--colored-green-one .btn.btn-loading:active .loader, .a-card--colored-green-one .btn.btn-loading:focus:active svg, .a-card--colored-green-one .btn.btn-loading:focus:active .loader {
                display: none
            }

.a-card--colored-green-two {
    border: none;
    background: linear-gradient(to right, #31a9a3, #31a9a4)
}

    .a-card--colored-green-two .btn {
        background-image: none;
        background-color: #8fe237;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-green-two .btn::before {
            background-image: none
        }

        .a-card--colored-green-two .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(114,181,44,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-card--colored-green-two .btn:focus::before, .a-card--colored-green-two .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-green-two .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: #fff
        }

        .a-card--colored-green-two .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: #fff
        }

        .a-card--colored-green-two .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-green-two .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
        }

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

            .a-card--colored-green-two .btn::before, .a-card--colored-green-two .btn:hover, .a-card--colored-green-two .btn:focus, .a-card--colored-green-two .btn:active, .a-card--colored-green-two .btn:focus:active, .a-card--colored-green-two .btn:focus:active::before {
                box-shadow: none
            }

        .a-card--colored-green-two .btn.btn-loading, .a-card--colored-green-two .btn.btn-loading:hover, .a-card--colored-green-two .btn.btn-loading:focus, .a-card--colored-green-two .btn.btn-loading:focus:hover, .a-card--colored-green-two .btn.btn-loading:active, .a-card--colored-green-two .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #8fe237
        }

            .a-card--colored-green-two .btn.btn-loading::after, .a-card--colored-green-two .btn.btn-loading:hover::after, .a-card--colored-green-two .btn.btn-loading:focus::after, .a-card--colored-green-two .btn.btn-loading:focus:hover::after, .a-card--colored-green-two .btn.btn-loading:active::after, .a-card--colored-green-two .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .a-card--colored-green-two .btn.btn-loading svg, .a-card--colored-green-two .btn.btn-loading .loader, .a-card--colored-green-two .btn.btn-loading:hover svg, .a-card--colored-green-two .btn.btn-loading:hover .loader, .a-card--colored-green-two .btn.btn-loading:focus svg, .a-card--colored-green-two .btn.btn-loading:focus .loader, .a-card--colored-green-two .btn.btn-loading:focus:hover svg, .a-card--colored-green-two .btn.btn-loading:focus:hover .loader, .a-card--colored-green-two .btn.btn-loading:active svg, .a-card--colored-green-two .btn.btn-loading:active .loader, .a-card--colored-green-two .btn.btn-loading:focus:active svg, .a-card--colored-green-two .btn.btn-loading:focus:active .loader {
                display: none
            }

    .a-card--colored-green-two .feature-element .feature-element__title--clickable:hover {
        color: #adddda
    }

    .a-card--colored-green-two .feature-element .feature-element__title--clickable:active {
        color: #83cbc8
    }

    .a-card--colored-green-two .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .a-card--colored-green-two .feature-element__title {
        color: #fff
    }

.a-card--colored-green-dark {
    border: none;
    background: linear-gradient(to right, #006064, #006064);
    color: #fff
}

    .a-card--colored-green-dark .btn {
        background-image: none;
        background-color: #47b543;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-green-dark .btn::before {
            background-image: none
        }

        .a-card--colored-green-dark .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(57,145,54,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-card--colored-green-dark .btn:focus::before, .a-card--colored-green-dark .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-green-dark .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: #fff
        }

        .a-card--colored-green-dark .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: #fff
        }

        .a-card--colored-green-dark .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-green-dark .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
        }

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

            .a-card--colored-green-dark .btn::before, .a-card--colored-green-dark .btn:hover, .a-card--colored-green-dark .btn:focus, .a-card--colored-green-dark .btn:active, .a-card--colored-green-dark .btn:focus:active, .a-card--colored-green-dark .btn:focus:active::before {
                box-shadow: none
            }

        .a-card--colored-green-dark .btn.btn-loading, .a-card--colored-green-dark .btn.btn-loading:hover, .a-card--colored-green-dark .btn.btn-loading:focus, .a-card--colored-green-dark .btn.btn-loading:focus:hover, .a-card--colored-green-dark .btn.btn-loading:active, .a-card--colored-green-dark .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #47b543
        }

            .a-card--colored-green-dark .btn.btn-loading::after, .a-card--colored-green-dark .btn.btn-loading:hover::after, .a-card--colored-green-dark .btn.btn-loading:focus::after, .a-card--colored-green-dark .btn.btn-loading:focus:hover::after, .a-card--colored-green-dark .btn.btn-loading:active::after, .a-card--colored-green-dark .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .a-card--colored-green-dark .btn.btn-loading svg, .a-card--colored-green-dark .btn.btn-loading .loader, .a-card--colored-green-dark .btn.btn-loading:hover svg, .a-card--colored-green-dark .btn.btn-loading:hover .loader, .a-card--colored-green-dark .btn.btn-loading:focus svg, .a-card--colored-green-dark .btn.btn-loading:focus .loader, .a-card--colored-green-dark .btn.btn-loading:focus:hover svg, .a-card--colored-green-dark .btn.btn-loading:focus:hover .loader, .a-card--colored-green-dark .btn.btn-loading:active svg, .a-card--colored-green-dark .btn.btn-loading:active .loader, .a-card--colored-green-dark .btn.btn-loading:focus:active svg, .a-card--colored-green-dark .btn.btn-loading:focus:active .loader {
                display: none
            }

    .a-card--colored-green-dark .feature-element .feature-element__title--clickable:hover {
        color: #99bfc1
    }

    .a-card--colored-green-dark .feature-element .feature-element__title--clickable:active {
        color: #66a0a2
    }

    .a-card--colored-green-dark .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .a-card--colored-green-dark .feature-element__title {
        color: #fff
    }

.a-card--colored-blue-one {
    border: none;
    background: linear-gradient(to right, #0098f1, #0098f2)
}

    .a-card--colored-blue-one .btn {
        background-image: none;
        background-color: #ffcc01;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-blue-one .btn::before {
            background-image: none
        }

        .a-card--colored-blue-one .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,163,1,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-card--colored-blue-one .btn:focus::before, .a-card--colored-blue-one .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-blue-one .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: #fff
        }

        .a-card--colored-blue-one .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: #fff
        }

        .a-card--colored-blue-one .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-blue-one .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
        }

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

            .a-card--colored-blue-one .btn::before, .a-card--colored-blue-one .btn:hover, .a-card--colored-blue-one .btn:focus, .a-card--colored-blue-one .btn:active, .a-card--colored-blue-one .btn:focus:active, .a-card--colored-blue-one .btn:focus:active::before {
                box-shadow: none
            }

        .a-card--colored-blue-one .btn.btn-loading, .a-card--colored-blue-one .btn.btn-loading:hover, .a-card--colored-blue-one .btn.btn-loading:focus, .a-card--colored-blue-one .btn.btn-loading:focus:hover, .a-card--colored-blue-one .btn.btn-loading:active, .a-card--colored-blue-one .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #ffcc01
        }

            .a-card--colored-blue-one .btn.btn-loading::after, .a-card--colored-blue-one .btn.btn-loading:hover::after, .a-card--colored-blue-one .btn.btn-loading:focus::after, .a-card--colored-blue-one .btn.btn-loading:focus:hover::after, .a-card--colored-blue-one .btn.btn-loading:active::after, .a-card--colored-blue-one .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .a-card--colored-blue-one .btn.btn-loading svg, .a-card--colored-blue-one .btn.btn-loading .loader, .a-card--colored-blue-one .btn.btn-loading:hover svg, .a-card--colored-blue-one .btn.btn-loading:hover .loader, .a-card--colored-blue-one .btn.btn-loading:focus svg, .a-card--colored-blue-one .btn.btn-loading:focus .loader, .a-card--colored-blue-one .btn.btn-loading:focus:hover svg, .a-card--colored-blue-one .btn.btn-loading:focus:hover .loader, .a-card--colored-blue-one .btn.btn-loading:active svg, .a-card--colored-blue-one .btn.btn-loading:active .loader, .a-card--colored-blue-one .btn.btn-loading:focus:active svg, .a-card--colored-blue-one .btn.btn-loading:focus:active .loader {
                display: none
            }

    .a-card--colored-blue-one .feature-element .feature-element__title--clickable:hover {
        color: #99d6f9
    }

    .a-card--colored-blue-one .feature-element .feature-element__title--clickable:active {
        color: #66c1f7
    }

    .a-card--colored-blue-one .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .a-card--colored-blue-one .feature-element__title {
        color: #fff
    }

.a-card--colored-blue-two {
    border: none;
    background: linear-gradient(to right, #0a68c6, #0977c1)
}

    .a-card--colored-blue-two .btn {
        background-image: none;
        background-color: #5fddff;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-blue-two .btn::before {
            background-image: none
        }

        .a-card--colored-blue-two .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(76,177,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
        }

        .a-card--colored-blue-two .btn:focus::before, .a-card--colored-blue-two .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-blue-two .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: #fff
        }

        .a-card--colored-blue-two .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: #fff
        }

        .a-card--colored-blue-two .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-blue-two .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
        }

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

            .a-card--colored-blue-two .btn::before, .a-card--colored-blue-two .btn:hover, .a-card--colored-blue-two .btn:focus, .a-card--colored-blue-two .btn:active, .a-card--colored-blue-two .btn:focus:active, .a-card--colored-blue-two .btn:focus:active::before {
                box-shadow: none
            }

        .a-card--colored-blue-two .btn.btn-loading, .a-card--colored-blue-two .btn.btn-loading:hover, .a-card--colored-blue-two .btn.btn-loading:focus, .a-card--colored-blue-two .btn.btn-loading:focus:hover, .a-card--colored-blue-two .btn.btn-loading:active, .a-card--colored-blue-two .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #5fddff
        }

            .a-card--colored-blue-two .btn.btn-loading::after, .a-card--colored-blue-two .btn.btn-loading:hover::after, .a-card--colored-blue-two .btn.btn-loading:focus::after, .a-card--colored-blue-two .btn.btn-loading:focus:hover::after, .a-card--colored-blue-two .btn.btn-loading:active::after, .a-card--colored-blue-two .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .a-card--colored-blue-two .btn.btn-loading svg, .a-card--colored-blue-two .btn.btn-loading .loader, .a-card--colored-blue-two .btn.btn-loading:hover svg, .a-card--colored-blue-two .btn.btn-loading:hover .loader, .a-card--colored-blue-two .btn.btn-loading:focus svg, .a-card--colored-blue-two .btn.btn-loading:focus .loader, .a-card--colored-blue-two .btn.btn-loading:focus:hover svg, .a-card--colored-blue-two .btn.btn-loading:focus:hover .loader, .a-card--colored-blue-two .btn.btn-loading:active svg, .a-card--colored-blue-two .btn.btn-loading:active .loader, .a-card--colored-blue-two .btn.btn-loading:focus:active svg, .a-card--colored-blue-two .btn.btn-loading:focus:active .loader {
                display: none
            }

    .a-card--colored-blue-two .feature-element .feature-element__title--clickable:hover {
        color: #9dc3e8
    }

    .a-card--colored-blue-two .feature-element .feature-element__title--clickable:active {
        color: #6ca4dd
    }

    .a-card--colored-blue-two .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .a-card--colored-blue-two .feature-element__title {
        color: #fff
    }

.a-card--colored-yellow-one {
    border: none;
    background: linear-gradient(to right, #fcc460, #ffb852)
}

    .a-card--colored-yellow-one .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-yellow-one .btn::before {
            background-image: none
        }

        .a-card--colored-yellow-one .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(31,74,179,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-card--colored-yellow-one .btn:focus::before, .a-card--colored-yellow-one .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-yellow-one .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: #fff
        }

        .a-card--colored-yellow-one .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: #fff
        }

        .a-card--colored-yellow-one .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-yellow-one .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
        }

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

            .a-card--colored-yellow-one .btn::before, .a-card--colored-yellow-one .btn:hover, .a-card--colored-yellow-one .btn:focus, .a-card--colored-yellow-one .btn:active, .a-card--colored-yellow-one .btn:focus:active, .a-card--colored-yellow-one .btn:focus:active::before {
                box-shadow: none
            }

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

            .a-card--colored-yellow-one .btn.btn-loading::after, .a-card--colored-yellow-one .btn.btn-loading:hover::after, .a-card--colored-yellow-one .btn.btn-loading:focus::after, .a-card--colored-yellow-one .btn.btn-loading:focus:hover::after, .a-card--colored-yellow-one .btn.btn-loading:active::after, .a-card--colored-yellow-one .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .a-card--colored-yellow-one .btn.btn-loading svg, .a-card--colored-yellow-one .btn.btn-loading .loader, .a-card--colored-yellow-one .btn.btn-loading:hover svg, .a-card--colored-yellow-one .btn.btn-loading:hover .loader, .a-card--colored-yellow-one .btn.btn-loading:focus svg, .a-card--colored-yellow-one .btn.btn-loading:focus .loader, .a-card--colored-yellow-one .btn.btn-loading:focus:hover svg, .a-card--colored-yellow-one .btn.btn-loading:focus:hover .loader, .a-card--colored-yellow-one .btn.btn-loading:active svg, .a-card--colored-yellow-one .btn.btn-loading:active .loader, .a-card--colored-yellow-one .btn.btn-loading:focus:active svg, .a-card--colored-yellow-one .btn.btn-loading:focus:active .loader {
                display: none
            }

.a-card--colored-yellow-two {
    background-color: rgba(255,210,52,0.75)
}

.a-card--colored-yellow-three {
    background-color: #FFDD73
}

    .a-card--colored-yellow-three .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-yellow-three .btn::before {
            background-image: none
        }

        .a-card--colored-yellow-three .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(31,74,179,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-card--colored-yellow-three .btn:focus::before, .a-card--colored-yellow-three .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-yellow-three .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: #fff
        }

        .a-card--colored-yellow-three .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: #fff
        }

        .a-card--colored-yellow-three .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-yellow-three .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
        }

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

            .a-card--colored-yellow-three .btn::before, .a-card--colored-yellow-three .btn:hover, .a-card--colored-yellow-three .btn:focus, .a-card--colored-yellow-three .btn:active, .a-card--colored-yellow-three .btn:focus:active, .a-card--colored-yellow-three .btn:focus:active::before {
                box-shadow: none
            }

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

            .a-card--colored-yellow-three .btn.btn-loading::after, .a-card--colored-yellow-three .btn.btn-loading:hover::after, .a-card--colored-yellow-three .btn.btn-loading:focus::after, .a-card--colored-yellow-three .btn.btn-loading:focus:hover::after, .a-card--colored-yellow-three .btn.btn-loading:active::after, .a-card--colored-yellow-three .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .a-card--colored-yellow-three .btn.btn-loading svg, .a-card--colored-yellow-three .btn.btn-loading .loader, .a-card--colored-yellow-three .btn.btn-loading:hover svg, .a-card--colored-yellow-three .btn.btn-loading:hover .loader, .a-card--colored-yellow-three .btn.btn-loading:focus svg, .a-card--colored-yellow-three .btn.btn-loading:focus .loader, .a-card--colored-yellow-three .btn.btn-loading:focus:hover svg, .a-card--colored-yellow-three .btn.btn-loading:focus:hover .loader, .a-card--colored-yellow-three .btn.btn-loading:active svg, .a-card--colored-yellow-three .btn.btn-loading:active .loader, .a-card--colored-yellow-three .btn.btn-loading:focus:active svg, .a-card--colored-yellow-three .btn.btn-loading:focus:active .loader {
                display: none
            }

.a-card--colored-yellow-four {
    border: none;
    background: linear-gradient(to right, #fdcc3b, #fecc3b)
}

    .a-card--colored-yellow-four .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-yellow-four .btn::before {
            background-image: none
        }

        .a-card--colored-yellow-four .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(31,74,179,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-card--colored-yellow-four .btn:focus::before, .a-card--colored-yellow-four .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-yellow-four .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: #fff
        }

        .a-card--colored-yellow-four .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: #fff
        }

        .a-card--colored-yellow-four .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-yellow-four .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
        }

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

            .a-card--colored-yellow-four .btn::before, .a-card--colored-yellow-four .btn:hover, .a-card--colored-yellow-four .btn:focus, .a-card--colored-yellow-four .btn:active, .a-card--colored-yellow-four .btn:focus:active, .a-card--colored-yellow-four .btn:focus:active::before {
                box-shadow: none
            }

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

            .a-card--colored-yellow-four .btn.btn-loading::after, .a-card--colored-yellow-four .btn.btn-loading:hover::after, .a-card--colored-yellow-four .btn.btn-loading:focus::after, .a-card--colored-yellow-four .btn.btn-loading:focus:hover::after, .a-card--colored-yellow-four .btn.btn-loading:active::after, .a-card--colored-yellow-four .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .a-card--colored-yellow-four .btn.btn-loading svg, .a-card--colored-yellow-four .btn.btn-loading .loader, .a-card--colored-yellow-four .btn.btn-loading:hover svg, .a-card--colored-yellow-four .btn.btn-loading:hover .loader, .a-card--colored-yellow-four .btn.btn-loading:focus svg, .a-card--colored-yellow-four .btn.btn-loading:focus .loader, .a-card--colored-yellow-four .btn.btn-loading:focus:hover svg, .a-card--colored-yellow-four .btn.btn-loading:focus:hover .loader, .a-card--colored-yellow-four .btn.btn-loading:active svg, .a-card--colored-yellow-four .btn.btn-loading:active .loader, .a-card--colored-yellow-four .btn.btn-loading:focus:active svg, .a-card--colored-yellow-four .btn.btn-loading:focus:active .loader {
                display: none
            }

.a-card--colored-yellow-four-green-button {
    border: none;
    background: linear-gradient(to right, #fdcc3b, #fecc3b)
}

    .a-card--colored-yellow-four-green-button .btn {
        background-image: none;
        background-color: #0cac42;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-yellow-four-green-button .btn::before {
            background-image: none
        }

        .a-card--colored-yellow-four-green-button .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(10,138,53,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-card--colored-yellow-four-green-button .btn:focus::before, .a-card--colored-yellow-four-green-button .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-yellow-four-green-button .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: #fff
        }

        .a-card--colored-yellow-four-green-button .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: #fff
        }

        .a-card--colored-yellow-four-green-button .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-yellow-four-green-button .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
        }

            .a-card--colored-yellow-four-green-button .btn:focus:active::before {
                box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
            }

            .a-card--colored-yellow-four-green-button .btn::before, .a-card--colored-yellow-four-green-button .btn:hover, .a-card--colored-yellow-four-green-button .btn:focus, .a-card--colored-yellow-four-green-button .btn:active, .a-card--colored-yellow-four-green-button .btn:focus:active, .a-card--colored-yellow-four-green-button .btn:focus:active::before {
                box-shadow: none
            }

        .a-card--colored-yellow-four-green-button .btn.btn-loading, .a-card--colored-yellow-four-green-button .btn.btn-loading:hover, .a-card--colored-yellow-four-green-button .btn.btn-loading:focus, .a-card--colored-yellow-four-green-button .btn.btn-loading:focus:hover, .a-card--colored-yellow-four-green-button .btn.btn-loading:active, .a-card--colored-yellow-four-green-button .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #0cac42
        }

            .a-card--colored-yellow-four-green-button .btn.btn-loading::after, .a-card--colored-yellow-four-green-button .btn.btn-loading:hover::after, .a-card--colored-yellow-four-green-button .btn.btn-loading:focus::after, .a-card--colored-yellow-four-green-button .btn.btn-loading:focus:hover::after, .a-card--colored-yellow-four-green-button .btn.btn-loading:active::after, .a-card--colored-yellow-four-green-button .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .a-card--colored-yellow-four-green-button .btn.btn-loading svg, .a-card--colored-yellow-four-green-button .btn.btn-loading .loader, .a-card--colored-yellow-four-green-button .btn.btn-loading:hover svg, .a-card--colored-yellow-four-green-button .btn.btn-loading:hover .loader, .a-card--colored-yellow-four-green-button .btn.btn-loading:focus svg, .a-card--colored-yellow-four-green-button .btn.btn-loading:focus .loader, .a-card--colored-yellow-four-green-button .btn.btn-loading:focus:hover svg, .a-card--colored-yellow-four-green-button .btn.btn-loading:focus:hover .loader, .a-card--colored-yellow-four-green-button .btn.btn-loading:active svg, .a-card--colored-yellow-four-green-button .btn.btn-loading:active .loader, .a-card--colored-yellow-four-green-button .btn.btn-loading:focus:active svg, .a-card--colored-yellow-four-green-button .btn.btn-loading:focus:active .loader {
                display: none
            }

.a-card--colored-purple {
    background-color: #C3B5FD
}

.a-card--colored-amazon {
    border: none;
    background: linear-gradient(to right, #495860, #51626d)
}

    .a-card--colored-amazon .btn {
        background-image: none;
        background-color: #ffc128;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-amazon .btn::before {
            background-image: none
        }

        .a-card--colored-amazon .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,154,32,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-card--colored-amazon .btn:focus::before, .a-card--colored-amazon .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-amazon .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: #fff
        }

        .a-card--colored-amazon .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: #fff
        }

        .a-card--colored-amazon .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-amazon .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
        }

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

            .a-card--colored-amazon .btn::before, .a-card--colored-amazon .btn:hover, .a-card--colored-amazon .btn:focus, .a-card--colored-amazon .btn:active, .a-card--colored-amazon .btn:focus:active, .a-card--colored-amazon .btn:focus:active::before {
                box-shadow: none
            }

        .a-card--colored-amazon .btn.btn-loading, .a-card--colored-amazon .btn.btn-loading:hover, .a-card--colored-amazon .btn.btn-loading:focus, .a-card--colored-amazon .btn.btn-loading:focus:hover, .a-card--colored-amazon .btn.btn-loading:active, .a-card--colored-amazon .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #ffc128
        }

            .a-card--colored-amazon .btn.btn-loading::after, .a-card--colored-amazon .btn.btn-loading:hover::after, .a-card--colored-amazon .btn.btn-loading:focus::after, .a-card--colored-amazon .btn.btn-loading:focus:hover::after, .a-card--colored-amazon .btn.btn-loading:active::after, .a-card--colored-amazon .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

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

    .a-card--colored-amazon .feature-element .feature-element__title--clickable:hover {
        color: #b6bcbf
    }

    .a-card--colored-amazon .feature-element .feature-element__title--clickable:active {
        color: #929ba0
    }

    .a-card--colored-amazon .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .a-card--colored-amazon .feature-element__title {
        color: #fff
    }

.a-card--colored-square {
    border: none;
    background: linear-gradient(to right, #5bbde8, #5bbde8)
}

    .a-card--colored-square .btn {
        background-image: none;
        background-color: #3e4348;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-square .btn::before {
            background-image: none
        }

        .a-card--colored-square .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(50,54,58,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-card--colored-square .btn:focus::before, .a-card--colored-square .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-square .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: #fff
        }

        .a-card--colored-square .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: #fff
        }

        .a-card--colored-square .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-square .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
        }

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

            .a-card--colored-square .btn::before, .a-card--colored-square .btn:hover, .a-card--colored-square .btn:focus, .a-card--colored-square .btn:active, .a-card--colored-square .btn:focus:active, .a-card--colored-square .btn:focus:active::before {
                box-shadow: none
            }

        .a-card--colored-square .btn.btn-loading, .a-card--colored-square .btn.btn-loading:hover, .a-card--colored-square .btn.btn-loading:focus, .a-card--colored-square .btn.btn-loading:focus:hover, .a-card--colored-square .btn.btn-loading:active, .a-card--colored-square .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #3e4348
        }

            .a-card--colored-square .btn.btn-loading::after, .a-card--colored-square .btn.btn-loading:hover::after, .a-card--colored-square .btn.btn-loading:focus::after, .a-card--colored-square .btn.btn-loading:focus:hover::after, .a-card--colored-square .btn.btn-loading:active::after, .a-card--colored-square .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

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

    .a-card--colored-square .feature-element .feature-element__title--clickable:hover {
        color: #bde5f6
    }

    .a-card--colored-square .feature-element .feature-element__title--clickable:active {
        color: #9dd7f1
    }

.a-card--colored-shopapp {
    border: none;
    background: linear-gradient(to right, #006064, #006064);
    color: #fff
}

    .a-card--colored-shopapp .btn {
        background-image: none;
        background-color: #FFC127;
        color: #000;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-shopapp .btn::before {
            background-image: none
        }

        .a-card--colored-shopapp .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,154,31,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-card--colored-shopapp .btn:focus::before, .a-card--colored-shopapp .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-shopapp .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: #000
        }

        .a-card--colored-shopapp .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: #000
        }

        .a-card--colored-shopapp .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: #000;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-shopapp .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
        }

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

            .a-card--colored-shopapp .btn::before, .a-card--colored-shopapp .btn:hover, .a-card--colored-shopapp .btn:focus, .a-card--colored-shopapp .btn:active, .a-card--colored-shopapp .btn:focus:active, .a-card--colored-shopapp .btn:focus:active::before {
                box-shadow: none
            }

        .a-card--colored-shopapp .btn.btn-loading, .a-card--colored-shopapp .btn.btn-loading:hover, .a-card--colored-shopapp .btn.btn-loading:focus, .a-card--colored-shopapp .btn.btn-loading:focus:hover, .a-card--colored-shopapp .btn.btn-loading:active, .a-card--colored-shopapp .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #FFC127
        }

            .a-card--colored-shopapp .btn.btn-loading::after, .a-card--colored-shopapp .btn.btn-loading:hover::after, .a-card--colored-shopapp .btn.btn-loading:focus::after, .a-card--colored-shopapp .btn.btn-loading:focus:hover::after, .a-card--colored-shopapp .btn.btn-loading:active::after, .a-card--colored-shopapp .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='%23000'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

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

    .a-card--colored-shopapp .feature-element .feature-element__title--clickable:hover {
        color: #99bfc1
    }

    .a-card--colored-shopapp .feature-element .feature-element__title--clickable:active {
        color: #66a0a2
    }

    .a-card--colored-shopapp .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .a-card--colored-shopapp .feature-element__title {
        color: #fff
    }

.a-card--colored-ls-payments {
    border: none;
    background: linear-gradient(to right, #191513, #191513);
    color: #fff
}

    .a-card--colored-ls-payments .btn {
        background-image: none;
        background-color: #f43c36;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-ls-payments .btn::before {
            background-image: none
        }

        .a-card--colored-ls-payments .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(195,48,43,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-card--colored-ls-payments .btn:focus::before, .a-card--colored-ls-payments .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-ls-payments .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: #fff
        }

        .a-card--colored-ls-payments .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: #fff
        }

        .a-card--colored-ls-payments .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-ls-payments .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
        }

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

            .a-card--colored-ls-payments .btn::before, .a-card--colored-ls-payments .btn:hover, .a-card--colored-ls-payments .btn:focus, .a-card--colored-ls-payments .btn:active, .a-card--colored-ls-payments .btn:focus:active, .a-card--colored-ls-payments .btn:focus:active::before {
                box-shadow: none
            }

        .a-card--colored-ls-payments .btn.btn-loading, .a-card--colored-ls-payments .btn.btn-loading:hover, .a-card--colored-ls-payments .btn.btn-loading:focus, .a-card--colored-ls-payments .btn.btn-loading:focus:hover, .a-card--colored-ls-payments .btn.btn-loading:active, .a-card--colored-ls-payments .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #f43c36
        }

            .a-card--colored-ls-payments .btn.btn-loading::after, .a-card--colored-ls-payments .btn.btn-loading:hover::after, .a-card--colored-ls-payments .btn.btn-loading:focus::after, .a-card--colored-ls-payments .btn.btn-loading:focus:hover::after, .a-card--colored-ls-payments .btn.btn-loading:active::after, .a-card--colored-ls-payments .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .a-card--colored-ls-payments .btn.btn-loading svg, .a-card--colored-ls-payments .btn.btn-loading .loader, .a-card--colored-ls-payments .btn.btn-loading:hover svg, .a-card--colored-ls-payments .btn.btn-loading:hover .loader, .a-card--colored-ls-payments .btn.btn-loading:focus svg, .a-card--colored-ls-payments .btn.btn-loading:focus .loader, .a-card--colored-ls-payments .btn.btn-loading:focus:hover svg, .a-card--colored-ls-payments .btn.btn-loading:focus:hover .loader, .a-card--colored-ls-payments .btn.btn-loading:active svg, .a-card--colored-ls-payments .btn.btn-loading:active .loader, .a-card--colored-ls-payments .btn.btn-loading:focus:active svg, .a-card--colored-ls-payments .btn.btn-loading:focus:active .loader {
                display: none
            }

    .a-card--colored-ls-payments .feature-element .feature-element__title--clickable:hover {
        color: #a3a1a1
    }

    .a-card--colored-ls-payments .feature-element .feature-element__title--clickable:active {
        color: #757371
    }

    .a-card--colored-ls-payments .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .a-card--colored-ls-payments .feature-element__title {
        color: #fff
    }

.a-card--colored-facebook {
    border: none;
    background: linear-gradient(to right, #3860c6, #5780dd)
}

    .a-card--colored-facebook .btn {
        background-image: none;
        background-color: #ff9f08;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-facebook .btn::before {
            background-image: none
        }

        .a-card--colored-facebook .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,127,6,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-card--colored-facebook .btn:focus::before, .a-card--colored-facebook .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-facebook .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: #fff
        }

        .a-card--colored-facebook .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: #fff
        }

        .a-card--colored-facebook .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-facebook .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
        }

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

            .a-card--colored-facebook .btn::before, .a-card--colored-facebook .btn:hover, .a-card--colored-facebook .btn:focus, .a-card--colored-facebook .btn:active, .a-card--colored-facebook .btn:focus:active, .a-card--colored-facebook .btn:focus:active::before {
                box-shadow: none
            }

        .a-card--colored-facebook .btn.btn-loading, .a-card--colored-facebook .btn.btn-loading:hover, .a-card--colored-facebook .btn.btn-loading:focus, .a-card--colored-facebook .btn.btn-loading:focus:hover, .a-card--colored-facebook .btn.btn-loading:active, .a-card--colored-facebook .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #ff9f08
        }

            .a-card--colored-facebook .btn.btn-loading::after, .a-card--colored-facebook .btn.btn-loading:hover::after, .a-card--colored-facebook .btn.btn-loading:focus::after, .a-card--colored-facebook .btn.btn-loading:focus:hover::after, .a-card--colored-facebook .btn.btn-loading:active::after, .a-card--colored-facebook .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

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

    .a-card--colored-facebook .feature-element .feature-element__title--clickable:hover {
        color: #afbfe8
    }

    .a-card--colored-facebook .feature-element .feature-element__title--clickable:active {
        color: #88a0dd
    }

    .a-card--colored-facebook .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .a-card--colored-facebook .feature-element__title {
        color: #fff
    }

.a-card--colored-black {
    background-color: #000
}

    .a-card--colored-black .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .a-card--colored-black .feature-element__title {
        color: #fff
    }

.a-card--colored-ls-payments-promo {
    background-color: #0a1c2e;
    color: #fff
}

    .a-card--colored-ls-payments-promo .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .a-card--colored-ls-payments-promo .feature-element__title {
        color: #fff
    }

        .a-card--colored-ls-payments-promo .feature-element__title em {
            color: #fc7979;
            font-style: normal
        }

    .a-card--colored-ls-payments-promo .checkmark-list__item::before {
        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23fff' 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") left top no-repeat
    }

    .a-card--colored-ls-payments-promo .feature-element .feature-element__title--clickable:hover {
        color: #fec9c9
    }

    .a-card--colored-ls-payments-promo .feature-element .feature-element__title--clickable:active {
        color: #fdafaf
    }

    .a-card--colored-ls-payments-promo .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-ls-payments-promo .btn::before {
            background-image: none
        }

        .a-card--colored-ls-payments-promo .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(31,74,179,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-card--colored-ls-payments-promo .btn:focus::before, .a-card--colored-ls-payments-promo .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-ls-payments-promo .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: #fff
        }

        .a-card--colored-ls-payments-promo .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: #fff
        }

        .a-card--colored-ls-payments-promo .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-ls-payments-promo .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
        }

            .a-card--colored-ls-payments-promo .btn:focus:active::before {
                box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
            }

            .a-card--colored-ls-payments-promo .btn::before, .a-card--colored-ls-payments-promo .btn:hover, .a-card--colored-ls-payments-promo .btn:focus, .a-card--colored-ls-payments-promo .btn:active, .a-card--colored-ls-payments-promo .btn:focus:active, .a-card--colored-ls-payments-promo .btn:focus:active::before {
                box-shadow: none
            }

        .a-card--colored-ls-payments-promo .btn.btn-loading, .a-card--colored-ls-payments-promo .btn.btn-loading:hover, .a-card--colored-ls-payments-promo .btn.btn-loading:focus, .a-card--colored-ls-payments-promo .btn.btn-loading:focus:hover, .a-card--colored-ls-payments-promo .btn.btn-loading:active, .a-card--colored-ls-payments-promo .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #275ce0
        }

            .a-card--colored-ls-payments-promo .btn.btn-loading::after, .a-card--colored-ls-payments-promo .btn.btn-loading:hover::after, .a-card--colored-ls-payments-promo .btn.btn-loading:focus::after, .a-card--colored-ls-payments-promo .btn.btn-loading:focus:hover::after, .a-card--colored-ls-payments-promo .btn.btn-loading:active::after, .a-card--colored-ls-payments-promo .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .a-card--colored-ls-payments-promo .btn.btn-loading svg, .a-card--colored-ls-payments-promo .btn.btn-loading .loader, .a-card--colored-ls-payments-promo .btn.btn-loading:hover svg, .a-card--colored-ls-payments-promo .btn.btn-loading:hover .loader, .a-card--colored-ls-payments-promo .btn.btn-loading:focus svg, .a-card--colored-ls-payments-promo .btn.btn-loading:focus .loader, .a-card--colored-ls-payments-promo .btn.btn-loading:focus:hover svg, .a-card--colored-ls-payments-promo .btn.btn-loading:focus:hover .loader, .a-card--colored-ls-payments-promo .btn.btn-loading:active svg, .a-card--colored-ls-payments-promo .btn.btn-loading:active .loader, .a-card--colored-ls-payments-promo .btn.btn-loading:focus:active svg, .a-card--colored-ls-payments-promo .btn.btn-loading:focus:active .loader {
                display: none
            }

    .a-card--colored-ls-payments-promo a {
        color: #8aacff
    }

        .a-card--colored-ls-payments-promo a:hover, .a-card--colored-ls-payments-promo a a:focus {
            color: #6e8acc
        }

            .a-card--colored-ls-payments-promo a:hover span, .a-card--colored-ls-payments-promo a a:focus span {
                color: #6e8acc
            }

        .a-card--colored-ls-payments-promo a:visited {
            color: #8aacff
        }

.a-card--colored-paypal-upgrade-promo {
    background-color: #fcbb32
}

    .a-card--colored-paypal-upgrade-promo .feature-element .feature-element__title--clickable {
        color: #000
    }

    .a-card--colored-paypal-upgrade-promo .feature-element__title {
        color: #000
    }

    .a-card--colored-paypal-upgrade-promo .feature-element .feature-element__title--clickable:hover {
        color: #fee4ad
    }

    .a-card--colored-paypal-upgrade-promo .feature-element .feature-element__title--clickable:active {
        color: #fdd684
    }

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

        .a-card--colored-paypal-upgrade-promo .btn::before {
            background-image: none
        }

        .a-card--colored-paypal-upgrade-promo .btn::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
        }

        .a-card--colored-paypal-upgrade-promo .btn:focus::before, .a-card--colored-paypal-upgrade-promo .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-paypal-upgrade-promo .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: #fff
        }

        .a-card--colored-paypal-upgrade-promo .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: #fff
        }

        .a-card--colored-paypal-upgrade-promo .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-paypal-upgrade-promo .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
        }

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

            .a-card--colored-paypal-upgrade-promo .btn::before, .a-card--colored-paypal-upgrade-promo .btn:hover, .a-card--colored-paypal-upgrade-promo .btn:focus, .a-card--colored-paypal-upgrade-promo .btn:active, .a-card--colored-paypal-upgrade-promo .btn:focus:active, .a-card--colored-paypal-upgrade-promo .btn:focus:active::before {
                box-shadow: none
            }

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

            .a-card--colored-paypal-upgrade-promo .btn.btn-loading::after, .a-card--colored-paypal-upgrade-promo .btn.btn-loading:hover::after, .a-card--colored-paypal-upgrade-promo .btn.btn-loading:focus::after, .a-card--colored-paypal-upgrade-promo .btn.btn-loading:focus:hover::after, .a-card--colored-paypal-upgrade-promo .btn.btn-loading:active::after, .a-card--colored-paypal-upgrade-promo .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .a-card--colored-paypal-upgrade-promo .btn.btn-loading svg, .a-card--colored-paypal-upgrade-promo .btn.btn-loading .loader, .a-card--colored-paypal-upgrade-promo .btn.btn-loading:hover svg, .a-card--colored-paypal-upgrade-promo .btn.btn-loading:hover .loader, .a-card--colored-paypal-upgrade-promo .btn.btn-loading:focus svg, .a-card--colored-paypal-upgrade-promo .btn.btn-loading:focus .loader, .a-card--colored-paypal-upgrade-promo .btn.btn-loading:focus:hover svg, .a-card--colored-paypal-upgrade-promo .btn.btn-loading:focus:hover .loader, .a-card--colored-paypal-upgrade-promo .btn.btn-loading:active svg, .a-card--colored-paypal-upgrade-promo .btn.btn-loading:active .loader, .a-card--colored-paypal-upgrade-promo .btn.btn-loading:focus:active svg, .a-card--colored-paypal-upgrade-promo .btn.btn-loading:focus:active .loader {
                display: none
            }

    .a-card--colored-paypal-upgrade-promo .svg-icon {
        color: #000
    }

    .a-card--colored-paypal-upgrade-promo a {
        color: #fff
    }

        .a-card--colored-paypal-upgrade-promo a:hover, .a-card--colored-paypal-upgrade-promo a a:focus {
            color: #fee4ad
        }

            .a-card--colored-paypal-upgrade-promo a:hover span, .a-card--colored-paypal-upgrade-promo a a:focus span {
                color: #fee4ad
            }

.a-card--colored-wepay-migration {
    background-color: #2a2a2a;
    color: #fff
}

    .a-card--colored-wepay-migration .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .a-card--colored-wepay-migration .feature-element__title {
        color: #fff
    }

    .a-card--colored-wepay-migration .feature-element .feature-element__title--clickable:hover {
        color: #aaa
    }

    .a-card--colored-wepay-migration .feature-element .feature-element__title--clickable:active {
        color: #7f7f7f
    }

    .a-card--colored-wepay-migration .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-wepay-migration .btn::before {
            background-image: none
        }

        .a-card--colored-wepay-migration .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(31,74,179,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-card--colored-wepay-migration .btn:focus::before, .a-card--colored-wepay-migration .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-wepay-migration .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: #fff
        }

        .a-card--colored-wepay-migration .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: #fff
        }

        .a-card--colored-wepay-migration .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-wepay-migration .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
        }

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

            .a-card--colored-wepay-migration .btn::before, .a-card--colored-wepay-migration .btn:hover, .a-card--colored-wepay-migration .btn:focus, .a-card--colored-wepay-migration .btn:active, .a-card--colored-wepay-migration .btn:focus:active, .a-card--colored-wepay-migration .btn:focus:active::before {
                box-shadow: none
            }

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

            .a-card--colored-wepay-migration .btn.btn-loading::after, .a-card--colored-wepay-migration .btn.btn-loading:hover::after, .a-card--colored-wepay-migration .btn.btn-loading:focus::after, .a-card--colored-wepay-migration .btn.btn-loading:focus:hover::after, .a-card--colored-wepay-migration .btn.btn-loading:active::after, .a-card--colored-wepay-migration .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .a-card--colored-wepay-migration .btn.btn-loading svg, .a-card--colored-wepay-migration .btn.btn-loading .loader, .a-card--colored-wepay-migration .btn.btn-loading:hover svg, .a-card--colored-wepay-migration .btn.btn-loading:hover .loader, .a-card--colored-wepay-migration .btn.btn-loading:focus svg, .a-card--colored-wepay-migration .btn.btn-loading:focus .loader, .a-card--colored-wepay-migration .btn.btn-loading:focus:hover svg, .a-card--colored-wepay-migration .btn.btn-loading:focus:hover .loader, .a-card--colored-wepay-migration .btn.btn-loading:active svg, .a-card--colored-wepay-migration .btn.btn-loading:active .loader, .a-card--colored-wepay-migration .btn.btn-loading:focus:active svg, .a-card--colored-wepay-migration .btn.btn-loading:focus:active .loader {
                display: none
            }

    .a-card--colored-wepay-migration .btn-secondary {
        background-image: none;
        background-color: #2a2a2a;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-wepay-migration .btn-secondary::before {
            background-image: none
        }

        .a-card--colored-wepay-migration .btn-secondary::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(34,34,34,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-card--colored-wepay-migration .btn-secondary:focus::before, .a-card--colored-wepay-migration .btn-secondary:hover::before {
            opacity: 1
        }

        .a-card--colored-wepay-migration .btn-secondary: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-card--colored-wepay-migration .btn-secondary: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
        }

        .a-card--colored-wepay-migration .btn-secondary: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-card--colored-wepay-migration .btn-secondary: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-card--colored-wepay-migration .btn-secondary:focus:active::before {
                box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
            }

            .a-card--colored-wepay-migration .btn-secondary::before, .a-card--colored-wepay-migration .btn-secondary:hover, .a-card--colored-wepay-migration .btn-secondary:focus, .a-card--colored-wepay-migration .btn-secondary:active, .a-card--colored-wepay-migration .btn-secondary:focus:active, .a-card--colored-wepay-migration .btn-secondary:focus:active::before {
                box-shadow: none
            }

        .a-card--colored-wepay-migration .btn-secondary.btn-loading, .a-card--colored-wepay-migration .btn-secondary.btn-loading:hover, .a-card--colored-wepay-migration .btn-secondary.btn-loading:focus, .a-card--colored-wepay-migration .btn-secondary.btn-loading:focus:hover, .a-card--colored-wepay-migration .btn-secondary.btn-loading:active, .a-card--colored-wepay-migration .btn-secondary.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #2a2a2a
        }

            .a-card--colored-wepay-migration .btn-secondary.btn-loading::after, .a-card--colored-wepay-migration .btn-secondary.btn-loading:hover::after, .a-card--colored-wepay-migration .btn-secondary.btn-loading:focus::after, .a-card--colored-wepay-migration .btn-secondary.btn-loading:focus:hover::after, .a-card--colored-wepay-migration .btn-secondary.btn-loading:active::after, .a-card--colored-wepay-migration .btn-secondary.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-card--colored-wepay-migration .btn-secondary.btn-loading svg, .a-card--colored-wepay-migration .btn-secondary.btn-loading .loader, .a-card--colored-wepay-migration .btn-secondary.btn-loading:hover svg, .a-card--colored-wepay-migration .btn-secondary.btn-loading:hover .loader, .a-card--colored-wepay-migration .btn-secondary.btn-loading:focus svg, .a-card--colored-wepay-migration .btn-secondary.btn-loading:focus .loader, .a-card--colored-wepay-migration .btn-secondary.btn-loading:focus:hover svg, .a-card--colored-wepay-migration .btn-secondary.btn-loading:focus:hover .loader, .a-card--colored-wepay-migration .btn-secondary.btn-loading:active svg, .a-card--colored-wepay-migration .btn-secondary.btn-loading:active .loader, .a-card--colored-wepay-migration .btn-secondary.btn-loading:focus:active svg, .a-card--colored-wepay-migration .btn-secondary.btn-loading:focus:active .loader {
                display: none
            }

    .a-card--colored-wepay-migration .svg-icon {
        color: #fff
    }

    .a-card--colored-wepay-migration a {
        color: #275ce0
    }

        .a-card--colored-wepay-migration a:hover, .a-card--colored-wepay-migration a a:focus {
            color: #aaa
        }

            .a-card--colored-wepay-migration a:hover span, .a-card--colored-wepay-migration a a:focus span {
                color: #aaa
            }

.a-card--colored-wepay-shutdown {
    background-color: #c71213;
    color: #fff
}

    .a-card--colored-wepay-shutdown .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .a-card--colored-wepay-shutdown .feature-element__title {
        color: #fff
    }

    .a-card--colored-wepay-shutdown .feature-element .feature-element__title--clickable:hover {
        color: #e9a0a1
    }

    .a-card--colored-wepay-shutdown .feature-element .feature-element__title--clickable:active {
        color: #dd7171
    }

    .a-card--colored-wepay-shutdown .btn {
        background-image: none;
        background-color: #fff;
        color: #000;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-wepay-shutdown .btn::before {
            background-image: none
        }

        .a-card--colored-wepay-shutdown .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
        }

        .a-card--colored-wepay-shutdown .btn:focus::before, .a-card--colored-wepay-shutdown .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-wepay-shutdown .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: #000
        }

        .a-card--colored-wepay-shutdown .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: #000
        }

        .a-card--colored-wepay-shutdown .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: #000;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-wepay-shutdown .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
        }

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

            .a-card--colored-wepay-shutdown .btn::before, .a-card--colored-wepay-shutdown .btn:hover, .a-card--colored-wepay-shutdown .btn:focus, .a-card--colored-wepay-shutdown .btn:active, .a-card--colored-wepay-shutdown .btn:focus:active, .a-card--colored-wepay-shutdown .btn:focus:active::before {
                box-shadow: none
            }

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

            .a-card--colored-wepay-shutdown .btn.btn-loading::after, .a-card--colored-wepay-shutdown .btn.btn-loading:hover::after, .a-card--colored-wepay-shutdown .btn.btn-loading:focus::after, .a-card--colored-wepay-shutdown .btn.btn-loading:focus:hover::after, .a-card--colored-wepay-shutdown .btn.btn-loading:active::after, .a-card--colored-wepay-shutdown .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='%23000'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .a-card--colored-wepay-shutdown .btn.btn-loading svg, .a-card--colored-wepay-shutdown .btn.btn-loading .loader, .a-card--colored-wepay-shutdown .btn.btn-loading:hover svg, .a-card--colored-wepay-shutdown .btn.btn-loading:hover .loader, .a-card--colored-wepay-shutdown .btn.btn-loading:focus svg, .a-card--colored-wepay-shutdown .btn.btn-loading:focus .loader, .a-card--colored-wepay-shutdown .btn.btn-loading:focus:hover svg, .a-card--colored-wepay-shutdown .btn.btn-loading:focus:hover .loader, .a-card--colored-wepay-shutdown .btn.btn-loading:active svg, .a-card--colored-wepay-shutdown .btn.btn-loading:active .loader, .a-card--colored-wepay-shutdown .btn.btn-loading:focus:active svg, .a-card--colored-wepay-shutdown .btn.btn-loading:focus:active .loader {
                display: none
            }

    .a-card--colored-wepay-shutdown .btn-secondary {
        background-image: none;
        background-color: #c71213;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-wepay-shutdown .btn-secondary::before {
            background-image: none
        }

        .a-card--colored-wepay-shutdown .btn-secondary::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(159,14,15,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-card--colored-wepay-shutdown .btn-secondary:focus::before, .a-card--colored-wepay-shutdown .btn-secondary:hover::before {
            opacity: 1
        }

        .a-card--colored-wepay-shutdown .btn-secondary: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-card--colored-wepay-shutdown .btn-secondary: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
        }

        .a-card--colored-wepay-shutdown .btn-secondary: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-card--colored-wepay-shutdown .btn-secondary: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-card--colored-wepay-shutdown .btn-secondary:focus:active::before {
                box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
            }

            .a-card--colored-wepay-shutdown .btn-secondary::before, .a-card--colored-wepay-shutdown .btn-secondary:hover, .a-card--colored-wepay-shutdown .btn-secondary:focus, .a-card--colored-wepay-shutdown .btn-secondary:active, .a-card--colored-wepay-shutdown .btn-secondary:focus:active, .a-card--colored-wepay-shutdown .btn-secondary:focus:active::before {
                box-shadow: none
            }

        .a-card--colored-wepay-shutdown .btn-secondary.btn-loading, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:hover, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus:hover, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:active, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #c71213
        }

            .a-card--colored-wepay-shutdown .btn-secondary.btn-loading::after, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:hover::after, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus::after, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus:hover::after, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:active::after, .a-card--colored-wepay-shutdown .btn-secondary.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-card--colored-wepay-shutdown .btn-secondary.btn-loading svg, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading .loader, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:hover svg, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:hover .loader, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus svg, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus .loader, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus:hover svg, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus:hover .loader, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:active svg, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:active .loader, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus:active svg, .a-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus:active .loader {
                display: none
            }

    .a-card--colored-wepay-shutdown .svg-icon {
        color: #fff
    }

.a-card--colored-instagram {
    border: none;
    background: linear-gradient(to right, #ffabc9, #eab2c7)
}

    .a-card--colored-instagram .btn {
        background-image: none;
        background-color: #aa1d8f;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-instagram .btn::before {
            background-image: none
        }

        .a-card--colored-instagram .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(136,23,114,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-card--colored-instagram .btn:focus::before, .a-card--colored-instagram .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-instagram .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: #fff
        }

        .a-card--colored-instagram .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: #fff
        }

        .a-card--colored-instagram .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .a-card--colored-instagram .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
        }

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

            .a-card--colored-instagram .btn::before, .a-card--colored-instagram .btn:hover, .a-card--colored-instagram .btn:focus, .a-card--colored-instagram .btn:active, .a-card--colored-instagram .btn:focus:active, .a-card--colored-instagram .btn:focus:active::before {
                box-shadow: none
            }

        .a-card--colored-instagram .btn.btn-loading, .a-card--colored-instagram .btn.btn-loading:hover, .a-card--colored-instagram .btn.btn-loading:focus, .a-card--colored-instagram .btn.btn-loading:focus:hover, .a-card--colored-instagram .btn.btn-loading:active, .a-card--colored-instagram .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #aa1d8f
        }

            .a-card--colored-instagram .btn.btn-loading::after, .a-card--colored-instagram .btn.btn-loading:hover::after, .a-card--colored-instagram .btn.btn-loading:focus::after, .a-card--colored-instagram .btn.btn-loading:focus:hover::after, .a-card--colored-instagram .btn.btn-loading:active::after, .a-card--colored-instagram .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

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

.a-card--colored-green-two, .a-card--colored-blue-one, .a-card--colored-blue-two, .a-card--colored-amazon, .a-card--colored-black, .a-card--colored-facebook {
    color: #fff
}

    .a-card--colored-green-two .iconic-dropdown-menu, .a-card--colored-blue-one .iconic-dropdown-menu, .a-card--colored-blue-two .iconic-dropdown-menu, .a-card--colored-amazon .iconic-dropdown-menu, .a-card--colored-black .iconic-dropdown-menu, .a-card--colored-facebook .iconic-dropdown-menu {
        color: #fff
    }

        .a-card--colored-green-two .iconic-dropdown-menu:hover, .a-card--colored-blue-one .iconic-dropdown-menu:hover, .a-card--colored-blue-two .iconic-dropdown-menu:hover, .a-card--colored-amazon .iconic-dropdown-menu:hover, .a-card--colored-black .iconic-dropdown-menu:hover, .a-card--colored-facebook .iconic-dropdown-menu:hover {
            color: #b3b3b3
        }

    .a-card--colored-green-two .feature-element .feature-element__title--clickable, .a-card--colored-blue-one .feature-element .feature-element__title--clickable, .a-card--colored-blue-two .feature-element .feature-element__title--clickable, .a-card--colored-amazon .feature-element .feature-element__title--clickable, .a-card--colored-black .feature-element .feature-element__title--clickable, .a-card--colored-facebook .feature-element .feature-element__title--clickable {
        color: #fff
    }

.a-card--colored-info {
    border: none;
    background: linear-gradient(to right, #1e46d4, #3069e1)
}

    .a-card--colored-info .btn {
        background-image: none;
        background-color: #fff;
        color: #0a1c2e;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-info .btn::before {
            background-image: none
        }

        .a-card--colored-info .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
        }

        .a-card--colored-info .btn:focus::before, .a-card--colored-info .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-info .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
        }

        .a-card--colored-info .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
        }

        .a-card--colored-info .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)
        }

        .a-card--colored-info .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
        }

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

            .a-card--colored-info .btn::before, .a-card--colored-info .btn:hover, .a-card--colored-info .btn:focus, .a-card--colored-info .btn:active, .a-card--colored-info .btn:focus:active, .a-card--colored-info .btn:focus:active::before {
                box-shadow: none
            }

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

            .a-card--colored-info .btn.btn-loading::after, .a-card--colored-info .btn.btn-loading:hover::after, .a-card--colored-info .btn.btn-loading:focus::after, .a-card--colored-info .btn.btn-loading:focus:hover::after, .a-card--colored-info .btn.btn-loading:active::after, .a-card--colored-info .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
            }

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

.a-card--colored-success {
    border: none;
    background: linear-gradient(to right, #0b9944, #0db640)
}

    .a-card--colored-success .btn {
        background-image: none;
        background-color: #fff;
        color: #0a1c2e;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-success .btn::before {
            background-image: none
        }

        .a-card--colored-success .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
        }

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

        .a-card--colored-success .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
        }

        .a-card--colored-success .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
        }

        .a-card--colored-success .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)
        }

        .a-card--colored-success .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
        }

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

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

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

            .a-card--colored-success .btn.btn-loading::after, .a-card--colored-success .btn.btn-loading:hover::after, .a-card--colored-success .btn.btn-loading:focus::after, .a-card--colored-success .btn.btn-loading:focus:hover::after, .a-card--colored-success .btn.btn-loading:active::after, .a-card--colored-success .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
            }

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

.a-card--colored-warning {
    border: none;
    background: linear-gradient(to right, #cc9c1a, #e39c21)
}

    .a-card--colored-warning .btn {
        background-image: none;
        background-color: #fff;
        color: #0a1c2e;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-warning .btn::before {
            background-image: none
        }

        .a-card--colored-warning .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
        }

        .a-card--colored-warning .btn:focus::before, .a-card--colored-warning .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-warning .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
        }

        .a-card--colored-warning .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
        }

        .a-card--colored-warning .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)
        }

        .a-card--colored-warning .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
        }

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

            .a-card--colored-warning .btn::before, .a-card--colored-warning .btn:hover, .a-card--colored-warning .btn:focus, .a-card--colored-warning .btn:active, .a-card--colored-warning .btn:focus:active, .a-card--colored-warning .btn:focus:active::before {
                box-shadow: none
            }

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

            .a-card--colored-warning .btn.btn-loading::after, .a-card--colored-warning .btn.btn-loading:hover::after, .a-card--colored-warning .btn.btn-loading:focus::after, .a-card--colored-warning .btn.btn-loading:focus:hover::after, .a-card--colored-warning .btn.btn-loading:active::after, .a-card--colored-warning .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
            }

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

.a-card--colored-error {
    border: none;
    background: linear-gradient(to right, #f33723, #f54040)
}

    .a-card--colored-error .btn {
        background-image: none;
        background-color: #fff;
        color: #0a1c2e;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .a-card--colored-error .btn::before {
            background-image: none
        }

        .a-card--colored-error .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
        }

        .a-card--colored-error .btn:focus::before, .a-card--colored-error .btn:hover::before {
            opacity: 1
        }

        .a-card--colored-error .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
        }

        .a-card--colored-error .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
        }

        .a-card--colored-error .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)
        }

        .a-card--colored-error .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
        }

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

            .a-card--colored-error .btn::before, .a-card--colored-error .btn:hover, .a-card--colored-error .btn:focus, .a-card--colored-error .btn:active, .a-card--colored-error .btn:focus:active, .a-card--colored-error .btn:focus:active::before {
                box-shadow: none
            }

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

            .a-card--colored-error .btn.btn-loading::after, .a-card--colored-error .btn.btn-loading:hover::after, .a-card--colored-error .btn.btn-loading:focus::after, .a-card--colored-error .btn.btn-loading:focus:hover::after, .a-card--colored-error .btn.btn-loading:active::after, .a-card--colored-error .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
            }

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

.a-card--colored-info, .a-card--colored-success, .a-card--colored-warning, .a-card--colored-error {
    color: #fff
}

    .a-card--colored-info a, .a-card--colored-success a, .a-card--colored-warning a, .a-card--colored-error a {
        font-weight: var(--headers-font-weight, 600);
        color: #fff
    }

        .a-card--colored-info a:hover, .a-card--colored-success a:hover, .a-card--colored-warning a:hover, .a-card--colored-error a:hover {
            color: #b3b3b3
        }

        .a-card--colored-info a:active, .a-card--colored-success a:active, .a-card--colored-warning a:active, .a-card--colored-error a:active {
            color: #e9effc
        }

    .a-card--colored-info .iconic-dropdown-menu, .a-card--colored-success .iconic-dropdown-menu, .a-card--colored-warning .iconic-dropdown-menu, .a-card--colored-error .iconic-dropdown-menu {
        color: #fff
    }

        .a-card--colored-info .iconic-dropdown-menu:hover, .a-card--colored-success .iconic-dropdown-menu:hover, .a-card--colored-warning .iconic-dropdown-menu:hover, .a-card--colored-error .iconic-dropdown-menu:hover {
            color: #b3b3b3
        }

    .a-card--colored-info .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-dropdown, .a-card--colored-success .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-dropdown, .a-card--colored-warning .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-dropdown, .a-card--colored-error .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-dropdown {
        background: transparent;
        box-shadow: none;
        color: #fff
    }

        .a-card--colored-info .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-dropdown::before, .a-card--colored-success .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-dropdown::before, .a-card--colored-warning .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-dropdown::before, .a-card--colored-error .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-dropdown::before {
            background-color: transparent;
            box-shadow: none
        }

        .a-card--colored-info .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-dropdown:hover, .a-card--colored-success .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-dropdown:hover, .a-card--colored-warning .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-dropdown:hover, .a-card--colored-error .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-dropdown:hover {
            color: #b3b3b3
        }

.a-card-feed {
    box-sizing: border-box;
    margin-bottom: 16px;
    padding: 0;
    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
}

    .a-card-feed .a-card {
        margin-bottom: 0;
        border: 0;
        border-bottom: 1px solid #bfc7ce;
        border-radius: 0;
        box-shadow: none
    }

.a-card-feed__fixed .a-card:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.a-card-feed__scrollable {
    position: relative;
    z-index: 1;
    overflow: hidden;
    max-height: 500px;
    border-radius: 0 0 5px 5px
}

    .a-card-feed__scrollable::before {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: 32px;
        background: -webkit-linear-gradient(rgba(255,255,255,0) 100%, #fff 0%);
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255,255,255,0)));
        background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, #fff 100%);
        background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, #fff 100%);
        background: linear-gradient(to top, rgba(255,255,255,0) 0%, #fff 100%)
    }

    .a-card-feed__scrollable::after {
        content: "";
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 32px;
        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%)
    }

    .a-card-feed__scrollable .a-card:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }

.a-card-feed__scrollable-inner {
    position: relative;
    overflow: auto;
    max-height: 400px;
    border-radius: 0 0 5px 5px
}

.a-card-stack {
    box-sizing: border-box;
    margin-bottom: 16px;
    padding: 0;
    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
}

.a-card-stack--custom-borders .a-card-stack__first-visible-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.a-card-stack--custom-borders .a-card-stack__last-visible-child {
    border-bottom: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.a-card-stack--without-dividers .a-card {
    border-bottom: none
}

.animated-area--animated-fadeOutLeft {
    animation: fadeOutLeft .15s ease-out;
    animation-fill-mode: both
}

.animated-area--animated-fadeOutRight {
    animation: fadeOutRight .15s ease-out;
    animation-fill-mode: both
}

.animated-area--animated-fadeInRight {
    animation: fadeInRight .15s ease-in;
    animation-fill-mode: both
}

.animated-area--animated-fadeInLeft {
    animation: fadeInLeft .15s ease-in;
    animation-fill-mode: both
}

.background-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

    .background-block::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0.25)
    }

.a-card .background-block, .a-card .background-block::before {
    border-radius: 8px
}

.a-card-stack .a-card:first-child .background-block, .a-card-stack .a-card:first-child .background-block::before {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.a-card-stack .a-card:last-child .background-block, .a-card-stack .a-card:last-child .background-block::before {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.a-card-stack .a-card .background-block, .a-card-stack .a-card .background-block::before {
    border-radius: 0
}

.badge {
    display: inline-block;
    border-radius: 2px;
    padding: 2px 6px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px
}

.badge--success {
    background-color: #0cac42
}

.badge--warning {
    background-color: #de9d1c
}

.badge--error {
    background-color: #f43c36
}

.badge--light-half {
    background-color: rgba(128,143,157,0.5)
}

.badge--light {
    background-color: #808f9d
}

.badge--highlight {
    background-color: #202427
}

.badge--info {
    background-color: #275ce0
}

.blockquote {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 22px
}

.blockquote__quote {
    margin: 0 0 8px
}

.board-layout {
    max-width: 1320px
}

    .board-layout::after {
        content: "";
        display: table;
        clear: both
    }

.board-layout, .board-layout__content, .board-layout__sidebar {
    box-sizing: border-box
}

@media screen and (min-width: 1024px) {
    .board-layout.board-layout--sidebar-right .board-layout__sidebar {
        float: right;
        clear: right;
        width: 324px;
        padding-right: 0;
        padding-left: 16px
    }
}

@media screen and (min-width: 1280px) {
    .board-layout.board-layout--sidebar-right .board-layout__sidebar {
        width: 340px;
        padding-left: 32px
    }
}

@media screen and (min-width: 1400px) {
    .board-layout.board-layout--sidebar-right .board-layout__sidebar {
        padding-left: 40px
    }
}

@media screen and (min-width: 1024px) {
    .board-layout.board-layout--sidebar-right .board-layout__content {
        float: left;
        width: calc(100% - 324px)
    }
}

@media screen and (min-width: 1280px) {
    .board-layout.board-layout--sidebar-right .board-layout__content {
        width: calc(100% - 340px)
    }
}

@media screen and (min-width: 1280px) {
    .board-layout .board-layout__sidebar {
        float: left;
        clear: left;
        width: 420px;
        padding-right: 32px
    }
}

@media screen and (min-width: 1400px) {
    .board-layout .board-layout__sidebar {
        padding-right: 40px
    }
}

@media screen and (min-width: 1280px) {
    .board-layout .board-layout__content {
        float: right;
        width: calc(100% - 420px)
    }
}

@media screen and (min-width: 1024px) {
    .board-layout.board-layout--has-sticky-sidebar.board-layout--sidebar-right {
        display: flex
    }

        .board-layout.board-layout--has-sticky-sidebar.board-layout--sidebar-right .board-layout__content, .board-layout.board-layout--has-sticky-sidebar.board-layout--sidebar-right .board-layout__sidebar {
            float: none
        }

        .board-layout.board-layout--has-sticky-sidebar.board-layout--sidebar-right .board-layout__sidebar {
            padding-bottom: 32px
        }

        .board-layout.board-layout--has-sticky-sidebar.board-layout--sidebar-right .board-layout__sticky-sidebar-content {
            position: sticky;
            top: 17px
        }

        .board-layout.board-layout--has-sticky-sidebar.board-layout--sidebar-right .board-layout__content {
            order: 1
        }

        .board-layout.board-layout--has-sticky-sidebar.board-layout--sidebar-right .board-layout__sidebar {
            order: 2
        }
}

@media screen and (min-width: 1280px) {
    .board-layout.board-layout--has-sticky-sidebar.board-layout--sidebar-left {
        display: flex
    }

        .board-layout.board-layout--has-sticky-sidebar.board-layout--sidebar-left .board-layout__content, .board-layout.board-layout--has-sticky-sidebar.board-layout--sidebar-left .board-layout__sidebar {
            float: none
        }

        .board-layout.board-layout--has-sticky-sidebar.board-layout--sidebar-left .board-layout__sidebar {
            padding-bottom: 32px
        }

        .board-layout.board-layout--has-sticky-sidebar.board-layout--sidebar-left .board-layout__sticky-sidebar-content {
            position: sticky;
            top: 17px
        }

        .board-layout.board-layout--has-sticky-sidebar.board-layout--sidebar-left .board-layout__content {
            order: 2
        }

        .board-layout.board-layout--has-sticky-sidebar.board-layout--sidebar-left .board-layout__sidebar {
            order: 1
        }
}

@media screen and (min-width: 1400px) {
    .ecwid-vertical-menu .board-layout .board-layout__sidebar {
        width: 460px
    }
}

@media screen and (min-width: 1400px) {
    .ecwid-vertical-menu .board-layout .board-layout__content {
        width: calc(100% - 460px)
    }
}

@media screen and (min-width: 1280px) {
    .ecwid-vertical-menu .board-layout.board-layout--sidebar-right .board-layout__sidebar {
        width: 380px
    }
}

@media screen and (min-width: 1400px) {
    .ecwid-vertical-menu .board-layout.board-layout--sidebar-right .board-layout__sidebar {
        width: 440px
    }
}

@media screen and (min-width: 1280px) {
    .ecwid-vertical-menu .board-layout.board-layout--sidebar-right .board-layout__content {
        width: calc(100% - 380px)
    }
}

@media screen and (min-width: 1400px) {
    .ecwid-vertical-menu .board-layout.board-layout--sidebar-right .board-layout__content {
        width: calc(100% - 440px)
    }
}

@media screen and (min-width: 1280px) {
    .ecwid-no-menu .board-layout .board-layout__sidebar {
        width: 460px
    }
}

@media screen and (min-width: 1280px) {
    .ecwid-no-menu .board-layout .board-layout__content {
        width: calc(100% - 460px)
    }
}

@media screen and (min-width: 1280px) {
    .ecwid-no-menu .board-layout.board-layout--sidebar-right .board-layout__sidebar {
        width: 380px
    }
}

@media screen and (min-width: 1400px) {
    .ecwid-no-menu .board-layout.board-layout--sidebar-right .board-layout__sidebar {
        width: 440px
    }
}

@media screen and (min-width: 1280px) {
    .ecwid-no-menu .board-layout.board-layout--sidebar-right .board-layout__content {
        width: calc(100% - 380px)
    }
}

@media screen and (min-width: 1400px) {
    .ecwid-no-menu .board-layout.board-layout--sidebar-right .board-layout__content {
        width: calc(100% - 440px)
    }
}

@media screen and (min-width: 1024px) {
    .board-layout.board-layout--sidebar-left.board-layout--extended-column-mode .board-layout__sidebar, .board-layout.board-layout--sidebar-right.board-layout--extended-column-mode .board-layout__sidebar {
        width: 460px
    }
}

@media screen and (min-width: 1280px) {
    .board-layout.board-layout--sidebar-left.board-layout--extended-column-mode .board-layout__sidebar, .board-layout.board-layout--sidebar-right.board-layout--extended-column-mode .board-layout__sidebar {
        width: 600px
    }
}

@media screen and (min-width: 1024px) {
    .board-layout.board-layout--sidebar-left.board-layout--extended-column-mode .board-layout__content, .board-layout.board-layout--sidebar-right.board-layout--extended-column-mode .board-layout__content {
        width: calc(100% - 460px)
    }
}

@media screen and (min-width: 1280px) {
    .board-layout.board-layout--sidebar-left.board-layout--extended-column-mode .board-layout__content, .board-layout.board-layout--sidebar-right.board-layout--extended-column-mode .board-layout__content {
        width: calc(100% - 600px)
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .board-layout.board-layout--sidebar-left.board-layout--extended-content-mode, .board-layout.board-layout--sidebar-right.board-layout--extended-content-mode {
        display: block
    }

        .board-layout.board-layout--sidebar-left.board-layout--extended-content-mode .board-layout__sidebar, .board-layout.board-layout--sidebar-left.board-layout--extended-content-mode .board-layout__content, .board-layout.board-layout--sidebar-right.board-layout--extended-content-mode .board-layout__sidebar, .board-layout.board-layout--sidebar-right.board-layout--extended-content-mode .board-layout__content {
            float: none;
            width: 100%;
            padding-right: 0;
            padding-left: 0
        }
}

.board-layout.board-layout--single-column-mode .board-layout__sidebar, .board-layout.board-layout--single-column-mode .board-layout__content {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

@media screen and (min-width: 768px) {
    .board-layout__content {
        margin-bottom: 32px
    }
}

@media screen and (min-width: 768px) {
    .board-layout__content .section {
        margin-bottom: 32px
    }
}

.cta-detailed-card {
    display: flex;
    position: relative;
    box-sizing: border-box;
    flex-direction: row;
    margin-bottom: 16px;
    padding: 0;
    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
}

    .cta-detailed-card .cta-detailed-card__main {
        width: 100%;
        padding: 16px
    }

@media screen and (min-width: 768px) {
    .cta-detailed-card .cta-detailed-card__main {
        padding: 28px 32px 28px 32px
    }
}

.cta-detailed-card .cta-detailed-card__side {
    display: none;
    position: relative;
    width: 65%;
    min-width: 300px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 16px
}

@media screen and (min-width: 768px) {
    .cta-detailed-card .cta-detailed-card__side {
        padding: 28px 32px 28px 24px
    }
}

.cta-detailed-card .cta-detailed-card__side::before {
    content: "";
    position: absolute;
    top: 28px;
    bottom: 28px;
    left: 0;
    border-left: 1px solid #bfc7ce
}

@media screen and (min-width: 768px) {
    .cta-detailed-card .cta-detailed-card__side .cta-detailed-card__credit-cards {
        margin-bottom: 16px
    }
}

@media screen and (min-width: 768px) {
    .cta-detailed-card .cta-detailed-card__side .cta-detailed-card__credit-cards svg {
        margin-top: 0;
        margin-bottom: 8px
    }
}

.cta-detailed-card .cta-detailed-card__side p {
    font-size: 14px;
    line-height: 22px
}

.cta-detailed-card .cta-detailed-card__content {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 22px
}

    .cta-detailed-card .cta-detailed-card__content p {
        margin-top: 0;
        margin-bottom: 8px
    }

    .cta-detailed-card .cta-detailed-card__content .alert {
        margin-bottom: 0
    }

@media screen and (min-width: 768px) {
    .cta-detailed-card .cta-detailed-card__header {
        display: flex;
        margin-bottom: 16px
    }
}

.cta-detailed-card .cta-detailed-card__logo {
    margin-bottom: 16px;
    display: inline-block;
    width: auto;
    height: 26px;
    margin-right: 70px
}

@media screen and (min-width: 768px) {
    .cta-detailed-card .cta-detailed-card__logo {
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) {
    .cta-detailed-card .cta-detailed-card__logo {
        flex: 1 0 0;
        height: 40px
    }
}

.cta-detailed-card .cta-detailed-card__logo img, .cta-detailed-card .cta-detailed-card__logo svg {
    width: auto;
    height: 26px
}

@media screen and (min-width: 768px) {
    .cta-detailed-card .cta-detailed-card__logo img, .cta-detailed-card .cta-detailed-card__logo svg {
        height: 40px
    }
}

.cta-detailed-card .cta-detailed-card__credit-cards {
    display: inline-block;
    margin-bottom: 12px
}

@media screen and (min-width: 768px) {
    .cta-detailed-card .cta-detailed-card__credit-cards {
        display: flex;
        flex: 10 1 0;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 0
    }
}

.cta-detailed-card .cta-detailed-card__credit-cards svg {
    display: inline-block;
    flex: 0 0 auto;
    width: auto;
    height: 19px;
    max-height: 38px;
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 4px
}

@media screen and (min-width: 768px) {
    .cta-detailed-card .cta-detailed-card__credit-cards svg {
        height: 26px;
        margin-right: 12px
    }
}

.cta-detailed-card .cta-detailed-card__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
}

.cta-detailed-card .cta-detailed-card__title-big {
    margin-bottom: 8px;
    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) {
    .cta-detailed-card .cta-detailed-card__title-big {
        font-size: 24px;
        line-height: 30px
    }
}

.cta-detailed-card .cta-detailed-card__action .btn, .cta-detailed-card .cta-detailed-card__action .dropdown-button {
    width: 100%
}

@media screen and (min-width: 768px) {
    .cta-detailed-card .cta-detailed-card__action .btn, .cta-detailed-card .cta-detailed-card__action .dropdown-button {
        width: auto;
        min-width: 208px
    }
}

.cta-detailed-card .cta-detailed-card__footer:not(:empty) {
    margin-top: 16px
}

.cta-detailed-card .cta-detailed-card__footer p {
    margin-top: 0;
    margin-bottom: 8px;
    color: #607385;
    font-size: 12px;
    line-height: 18px
}

    .cta-detailed-card .cta-detailed-card__footer p:last-child {
        margin-bottom: 0
    }

.cta-detailed-card .cta-detailed-card__terms {
    margin-top: 16px;
    color: #607385;
    font-size: 12px;
    line-height: 18px
}

    .cta-detailed-card .cta-detailed-card__terms p {
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 18px
    }

        .cta-detailed-card .cta-detailed-card__terms p:last-child {
            margin-bottom: 0
        }

@media screen and (min-width: 768px) {
    .cta-detailed-card--extended .cta-detailed-card__main .cta-detailed-card__credit-cards, .cta-detailed-card--extended .cta-detailed-card__main .cta-detailed-card__terms {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .cta-detailed-card--extended .cta-detailed-card__side {
        display: flex;
        flex-flow: column nowrap
    }
}

.cta-detailed-card--extended .cta-detailed-card__side .cta-detailed-card__credit-cards {
    flex: 0 1 auto
}

.cta-detailed-card--extended .cta-detailed-card__side .cta-detailed-card__terms {
    display: none;
    margin-top: auto
}

@media screen and (min-width: 768px) {
    .cta-detailed-card--extended .cta-detailed-card__side .cta-detailed-card__terms {
        display: block
    }
}

@media screen and (min-width: 768px) {
    .cta-detailed-card--extended .cta-detailed-card__header {
        margin-bottom: 16px
    }
}

.cta-detailed-card--extended .cta-detailed-card__content {
    max-width: 700px
}

.cta-detailed-card--extended:not(.cta-detailed-card--hide-logo) .cta-detailed-card__title {
    display: none
}

.cta-detailed-card--hide-logo .cta-detailed-card__header {
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .cta-detailed-card--hide-logo .cta-detailed-card__header {
        margin-bottom: 0
    }
}

.cta-detailed-card--hide-logo .cta-detailed-card__credit-cards {
    margin-top: 0;
    margin-bottom: 0
}

.cta-detailed-card--hide-logo .cta-detailed-card__logo {
    display: none
}

.cta-detailed-card .form-area {
    max-width: 700px
}

.cta-detailed-card .cta-detailed-card__badge {
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .cta-detailed-card--small-logo .cta-detailed-card__logo {
        height: 26px
    }
}

@media screen and (min-width: 768px) {
    .cta-detailed-card--small-logo .cta-detailed-card__logo img, .cta-detailed-card--small-logo .cta-detailed-card__logo svg {
        height: 26px
    }
}

.canonical-status {
    display: inline;
    position: relative;
    text-align: left;
    white-space: nowrap;
    color: #0a1c2e;
    font-weight: 600
}

    .canonical-status .canonical-status__text {
        display: inline;
        white-space: normal
    }

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

        .canonical-status .canonical-status__icon svg {
            fill: currentColor
        }

        .canonical-status .canonical-status__icon > div {
            display: flex;
            align-items: center
        }

.canonical-status--prepend-icon {
    padding-left: .7em
}

    .canonical-status--prepend-icon .canonical-status__icon {
        margin-left: -.5833333333em;
        padding: 0 .35em 0 0
    }

        .canonical-status--prepend-icon .canonical-status__icon:not(:first-child) {
            position: absolute;
            top: 0;
            left: 0;
            margin: 0
        }

        .canonical-status--prepend-icon .canonical-status__icon:not--emoji(:first-child) {
            padding: 0;
            line-height: 1.5
        }

    .canonical-status--prepend-icon .canonical-status__label {
        vertical-align: baseline
    }

.canonical-status--append-icon .canonical-status__label {
    vertical-align: baseline
}

.canonical-status--large-icon .canonical-status__icon {
    font-size: 1.715em
}

.canonical-status--large-icon.canonical-status--prepend-icon {
    padding-left: 2.1em
}

    .canonical-status--large-icon.canonical-status--prepend-icon .canonical-status__icon {
        margin-left: -1.2244897959em
    }

        .canonical-status--large-icon.canonical-status--prepend-icon .canonical-status__icon:not(:first-child) {
            margin: -.1em 0 0
        }

.canonical-status--icon-only .iconable-link__icon {
    padding: 0
}

.canonical-status--info {
    color: #275ce0
}

.canonical-status--success {
    color: #0cac42
}

.canonical-status--warning {
    color: #de9d1c
}

.canonical-status--error {
    color: #f43c36
}

.canonical-status--disabled {
    color: #607385
}

.canonical-status .canonical-status__icon, .canonical-status .canonical-status__action {
    display: none
}

.canonical-status--has-icon .canonical-status__icon {
    display: inline-block
}

.canonical-status--has-action .canonical-status__action {
    display: inline-block
}

    .canonical-status--has-action .canonical-status__action .dropdown-menu {
        margin: 0
    }

.canonical-status--has-action .canonical-status__text {
    margin-right: 8px
}

.canonical-status--loading .canonical-status__icon svg {
    width: 1em;
    height: 1em;
    margin: 0
}

    .canonical-status--loading .canonical-status__icon svg path {
        transform-origin: center center;
        animation: spinright .6s infinite linear
    }

.canonical-status--prepend-icon {
    padding-left: 1.6em
}

    .canonical-status--prepend-icon .canonical-status__icon {
        height: 1em;
        font-size: 1.2em
    }

@media screen and (min-width: 768px) {
    .cards-row__inner {
        display: flex;
        justify-content: space-between;
        margin: 0 -8px
    }
}

.cards-row__item {
    flex-grow: 1
}

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

@media screen and (min-width: 768px) {
    .cards-row__item {
        display: flex;
        align-items: stretch;
        width: 50%;
        margin: 0 8px
    }
}

.cards-row__item .a-card {
    width: 100%
}

.chip {
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 34px;
    margin-right: 4px;
    margin-bottom: 8px;
    padding: 5px 12px;
    border: 1px solid rgba(128,143,157,0.3);
    border-radius: 17px;
    background: #fff;
    vertical-align: middle
}

    .chip .chip__color {
        width: 22px;
        height: 22px
    }

.chip--small {
    min-width: 34px;
    min-height: 34px;
    border-radius: 17px
}

    .chip--small .chip__color {
        width: 22px;
        height: 22px
    }

.chip--medium {
    min-width: 40px;
    min-height: 40px;
    border-radius: 20px
}

    .chip--medium .chip__color {
        width: 30px;
        height: 30px
    }

.chip--large {
    min-width: 48px;
    min-height: 48px;
    border-radius: 24px
}

    .chip--large .chip__color {
        width: 38px;
        height: 38px
    }

.chip__color-swatch {
    margin-right: 6px;
    margin-left: -6px
}

.collapsible {
    margin-bottom: 8px
}

.collapsible__header {
    cursor: pointer;
    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
}

    .collapsible__header::after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-bottom: 2px;
        margin-left: 4px;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%230a1c2e' d='M7.85 10l5.02 4.9 5.27-4.9c.65-.66 1.71-.66 2.36 0 .65.67.65 1.74 0 2.4l-6.45 6.1c-.33.33-.76.5-1.18.5-.43 0-.86-.17-1.18-.5l-6.21-6.1c-.65-.66-.65-1.74 0-2.41.66-.65 1.72-.65 2.37.01z'/%3E%3C/svg%3E") no-repeat center center;
        vertical-align: middle
    }

.collapsible__body {
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    transition: max-height 150ms ease-out 50ms, opacity 100ms ease-out
}

.collapsible--opened .collapsible__header::after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%230a1c2e' d='M18.1,18.5l-5-4.9l-5.3,4.9c-0.6,0.7-1.7,0.7-2.4,0c-0.6-0.7-0.6-1.7,0-2.4l6.5-6.1c0.3-0.3,0.8-0.5,1.2-0.5 c0.4,0,0.9,0.2,1.2,0.5l6.2,6.1c0.6,0.7,0.6,1.7,0,2.4C19.8,19.2,18.8,19.2,18.1,18.5z'/%3E%3C/svg%3E") no-repeat center center
}

.collapsible--opened .collapsible__body {
    opacity: 1;
    max-height: 200vh;
    transition: max-height 200ms ease-out, opacity 200ms ease-out 50ms
}

.collapsible-area {
    font-size: 14px;
    line-height: 22px
}

.collapsible-area--opened .form-area__content:empty {
    display: none
}

.collapsible-area--opened .collapsible-area__body {
    height: auto;
    max-height: 1500px;
    margin: 0 0 16px 0
}

.collapsible-area--opened .collapsible-area__static {
    display: block
}

.collapsible-area--opened .collapsible-area__animated {
    overflow: initial;
    animation: fadeInDown .15s ease-out;
    pointer-events: auto;
    animation-fill-mode: both
}

.collapsible-area--opened .collapsible-area__manage {
    display: none
}

.collapsible-area--opened .collapsible-area__hide {
    display: block
}

.collapsible-area__body {
    height: 0;
    margin: 0
}

.collapsible-area__static {
    display: none
}

.collapsible-area__animated {
    overflow: hidden;
    opacity: 0;
    pointer-events: none
}

.collapsible-area__toggle {
    position: relative;
    z-index: 2;
    padding-right: 40px;
    cursor: pointer
}

    .collapsible-area__toggle:hover a {
        color: #1b409d
    }

.collapsible-area__icon {
    position: absolute;
    top: -5px;
    right: -7px
}

.collapsible-area__hide {
    display: none
}

.color-swatch {
    display: inline-block;
    border-radius: 50%;
    width: 20px;
    height: 20px
}

.color-swatch--small {
    width: 20px;
    height: 20px
}

.color-swatch--bordered {
    border: 1px solid #bfc7ce
}

.copyable-text {
    white-space: nowrap;
    cursor: pointer
}

@media screen and (min-width: 568px) {
    .copyable-text:hover .copyable-text__icon, .copyable-text--success .copyable-text__icon {
        opacity: 1
    }
}

.copyable-text--show-icon .copyable-text__icon {
    opacity: 1
}

.copyable-text--small .copyable-text__icon {
    padding-left: 0
}

.copyable-text--small svg {
    width: 12px;
    height: 12px
}

.copyable-text__text {
    word-break: break-all;
    white-space: normal
}

.copyable-text__icon {
    display: inline-block;
    position: relative;
    padding: 0 0 0 .35em
}

@media screen and (min-width: 568px) {
    .copyable-text__icon {
        opacity: 0
    }
}

.copyable-text__copy-icon {
    opacity: 1;
    transition: opacity .1s ease-out
}

.copyable-text__copylink {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0
}

    .copyable-text__copylink > div {
        display: inline
    }

.copyable-text--success {
    cursor: default;
    pointer-events: none
}

    .copyable-text--success .copyable-text__copy-icon {
        opacity: 0
    }

    .copyable-text--success .copyable-text__copylink {
        opacity: 1
    }

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

.countable-block .countable-block__header {
    box-sizing: content-box
}

@media screen and (min-width: 1280px) {
    .countable-block .countable-block__header {
        width: calc(56px + 32px);
        min-width: calc(56px + 32px);
        padding-right: 24px
    }
}

.countable-block .countable-block__content {
    width: 100%;
    height: 100%
}

.cta-block {
    font-size: 14px;
    line-height: 22px;
    position: relative
}

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

.cta-block .cta-block__central {
    width: 100%;
    margin-bottom: -8px
}

@media screen and (min-width: 768px) {
    .cta-block .cta-block__central {
        align-self: center;
        padding-right: 24px;
        -ms-grid-row-align: center
    }
}

.cta-block .cta-block__title {
    padding-right: 44px;
    word-wrap: break-word;
    word-break: break-word;
    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
}

@media screen and (min-width: 768px) {
    .cta-block .cta-block__title {
        padding-right: 0
    }
}

.cta-block .cta-block__title--small {
    font-size: 14px;
    line-height: 22px
}

.cta-block .cta-block__title--success {
    color: #0cac42
}

.cta-block .cta-block__title--muted {
    color: #607385
}

.cta-block .cta-block__title--error {
    color: #f43c36
}

.cta-block .cta-block__title--warning {
    color: #de9d1c
}

.cta-block .cta-block__title--info {
    color: #275ce0
}

.cta-block .cta-block__content {
    display: block;
    margin-bottom: 8px
}

    .cta-block .cta-block__content p {
        margin: 0 0 8px
    }

    .cta-block .cta-block__content .btn {
        width: 100%
    }

@media screen and (min-width: 768px) {
    .cta-block .cta-block__content .btn {
        width: auto;
        min-width: 208px
    }
}

.cta-block .cta-block__content--success {
    color: #0cac42
}

.cta-block .cta-block__content--muted {
    color: #607385
}

.cta-block .cta-block__content--error {
    color: #f43c36
}

.cta-block .cta-block__content--warning {
    color: #de9d1c
}

.cta-block .cta-block__content--info {
    color: #275ce0
}

.cta-block .cta-block__cta {
    margin-top: 24px
}

@media screen and (min-width: 768px) {
    .cta-block .cta-block__cta {
        margin-top: 0
    }
}

@media screen and (min-width: 768px) {
    .cta-block .cta-block__cta {
        align-self: center;
        padding-right: 8px;
        -ms-grid-row-align: center
    }
}

.cta-block .cta-block__cta .btn {
    width: 100%
}

@media screen and (min-width: 768px) {
    .cta-block .cta-block__cta .btn {
        width: auto;
        min-width: 208px
    }
}

.cta-block .cta-block__cta .btn .svg-icon {
    display: none
}

@media screen and (min-width: 768px) {
    .cta-block .cta-block__cta .btn .svg-icon {
        display: inline-flex
    }
}

.cta-block--with-move-forward {
    display: flex
}

    .cta-block--with-move-forward .cta-block__title {
        margin-bottom: 4px;
        font-weight: var(--headers-font-weight, 700)
    }

    .cta-block--with-move-forward .cta-block__cta {
        display: flex;
        align-self: center;
        margin-top: 0
    }

@media screen and (min-width: 768px) {
    .cta-block--with-move-forward .cta-block__cta {
        padding-right: 0
    }
}

.cta-block.cta-block--tiny .cta-block__title {
    margin-bottom: 4px
}

.cta-block.cta-block--disabled .cta-block__central {
    color: #607385
}

.cta-block.cta-block--button-aligned-to-top .cta-block__cta {
    align-self: flex-start
}

.custom-content-card .custom-content-card__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;
    padding-right: 44px
}

@media screen and (min-width: 768px) {
    .custom-content-card .custom-content-card__title {
        padding-right: 0
    }
}

.custom-content-card .custom-content-card__description {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .custom-content-card .inputcard__group {
        display: flex
    }
}

.custom-content-card .inputcard__field {
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .custom-content-card .inputcard__field {
        width: 100%;
        margin-right: 8px
    }
}

.custom-content-card .inputcard__button {
    width: 100%;
    min-width: 176px
}

@media screen and (min-width: 768px) {
    .custom-content-card .inputcard__button {
        width: auto;
        min-width: 208px
    }
}

.customs-grid {
    display: grid;
    grid-column-gap: 8px;
    grid-template-areas: "declared-value-title" "declared-value" "qty-title" "qty" "net-weight-title" "net-weight" "brief-desc-title" "brief-desc" "country-title" "country" "hs-code-title" "hs-code";
    grid-template-columns: 1fr
}

@media screen and (min-width: 768px) {
    .customs-grid + .customs-grid {
        margin-top: 8px
    }
}

@media screen and (min-width: 768px) {
    .customs-grid {
        grid-template-areas: "declared-value-title qty-title . net-weight-title" "declared-value qty . net-weight" "brief-desc-title brief-desc-title . country-title" "brief-desc brief-desc . country" "hs-code-title hs-code-title . ." "hs-code hs-code . .";
        grid-template-columns: 0.96fr 80px minmax(0, 8px) 1fr
    }
}

.customs-grid [class$="title"] {
    margin-bottom: 4px;
    font-weight: 600
}

.customs-grid .customs-grid__cell {
    font-size: 14px;
    line-height: 22px
}

.customs-grid .customs-grid__cell--brief-desc-title {
    grid-area: brief-desc-title
}

.customs-grid .customs-grid__cell--brief-desc {
    grid-area: brief-desc
}

.customs-grid .customs-grid__cell--country-title {
    grid-area: country-title
}

.customs-grid .customs-grid__cell--country {
    grid-area: country
}

.customs-grid .customs-grid__cell--declared-value-title {
    grid-area: declared-value-title;
    margin-top: 0
}

.customs-grid .customs-grid__cell--declared-value {
    grid-area: declared-value
}

.customs-grid .customs-grid__cell--hs-code-title {
    grid-area: hs-code-title
}

.customs-grid .customs-grid__cell--hs-code {
    grid-area: hs-code
}

.customs-grid .customs-grid__cell--qty-title {
    grid-area: qty-title
}

.customs-grid .customs-grid__cell--qty {
    grid-area: qty
}

.customs-grid .customs-grid__cell--net-weight-title {
    grid-area: net-weight-title
}

.customs-grid .customs-grid__cell--net-weight {
    grid-area: net-weight
}

.customs-grid .customs-grid__cell--qty-weight-wrap {
    display: grid;
    grid-column-gap: 4px;
    grid-template-areas: "qty-title . net-weight-title" "qty . net-weight";
    grid-template-columns: 50% 0 auto
}

@media screen and (min-width: 768px) {
    .customs-grid .customs-grid__cell--qty-weight-wrap {
        display: contents
    }
}

.customs-grid--us-customary-weight .customs-grid__cell--qty-weight-wrap {
    grid-template-columns: auto 0 66%
}

.ec-datepicker-dropdown .dp__theme_light {
    --dp-text-color: #0a1c2e;
    --dp-hover-color: #e7f0f8;
    --dp-primary-color: #275ce0;
    --dp-primary-text-color: #fff;
    --dp-secondary-color: #607385;
    --dp-border-color: transparent;
    --dp-menu-border-color: transparent;
    --dp-disabled-color: transparent;
    --dp-month-year-select-color-hover: #275ce0;
    --dp-inner-nav-color-base: #275ce0;
    --dp-inner-nav-color-hover: #1b409d;
    --dp-inner-nav-color-disabled: #808f9d;
    --dp-inner-nav-background-color-hover: #fff;
    --dp-inner-nav-box-shadow-color: rgba(0,0,0,0.15);
    --dp-inner-nav-opacity-disabled: .4;
    --dp-today-border-color: rgba(128,143,157,0.3);
    --dp-range-between-color: rgba(211,222,232,0.5)
}

.ec-datepicker {
    position: relative;
    z-index: 3;
    font-size: 14px;
    line-height: 22px
}

    .ec-datepicker .iconic-selection__icon {
        color: #808f9d
    }

    .ec-datepicker .field__input.ec-datepicker__button-text {
        padding-right: 42px;
        width: auto
    }

.ec-datepicker__back-to-calendar {
    color: #275ce0;
    transition: color .1s linear
}

    .ec-datepicker__back-to-calendar:focus, .ec-datepicker__back-to-calendar:hover {
        color: #1b409d
    }

    .ec-datepicker__back-to-calendar:active {
        color: #688de9
    }

.ec-datepicker__button-text {
    max-width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ec-datepicker-dropdown {
    display: none;
    position: absolute;
    z-index: 10000;
    left: 0;
    padding: 0;
    border: 1px solid #bfc7ce;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15)
}

.ec-datepicker-dropdown--opened {
    display: block
}

@media screen and (max-width: 567px) {
    .ec-datepicker-dropdown {
        max-width: 100%
    }
}

@media screen and (min-width: 568px) {
    .ec-datepicker-dropdown__grid--has-presets {
        display: grid;
        grid-template-columns: 200px 1fr
    }

        .ec-datepicker-dropdown__grid--has-presets .ec-datepicker-dropdown__calendar {
            padding: 16px 24px;
            border-left: 1px solid #bfc7ce
        }
}

.ec-datepicker-dropdown__calendar {
    padding: 16px
}

@media screen and (max-width: 567px) {
    .ec-datepicker-dropdown__calendar {
        border-top: 1px solid #bfc7ce
    }
}

.ec-datepicker-dropdown__footer {
    display: flex;
    grid-column: 1 / span 2;
    padding: 16px 24px;
    column-gap: 8px;
    border-top: 1px solid #bfc7ce
}

@media screen and (max-width: 567px) {
    .ec-datepicker-dropdown__footer {
        justify-content: space-between
    }

        .ec-datepicker-dropdown__footer > * {
            flex: 1
        }
}

.ec-datepicker-dropdown__presets {
    padding: 14px 0 8px;
    font-size: 14px;
    line-height: 22px
}

@media screen and (max-width: 567px) {
    .ec-datepicker-dropdown__presets {
        display: none
    }
}

.ec-datepicker-dropdown__presets ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ec-datepicker-dropdown__presets-mobile {
    padding: 16px 24px 12px;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 568px) {
    .ec-datepicker-dropdown__presets-mobile {
        display: none
    }
}

.ec-datepicker-dropdown__presets-title {
    margin-bottom: 8px;
    font-weight: var(--text-big-font-weight, 600)
}

.ec-datepicker-preset {
    margin: 0;
    padding: 0;
    cursor: pointer
}

    .ec-datepicker-preset:hover {
        background-color: #e7f0f8
    }

        .ec-datepicker-preset:hover a {
            color: #0a1c2e
        }

.ec-datepicker-preset--selected {
    position: relative;
    min-width: 200px
}

    .ec-datepicker-preset--selected::after {
        content: "";
        position: absolute;
        top: 12px;
        right: 16px;
        width: 18px;
        height: 18px;
        background: 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") no-repeat center center;
        background-size: contain
    }

    .ec-datepicker-preset--selected > a {
        background-color: #e7f0f8
    }

.ec-datepicker-preset > a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 40px 10px 24px;
    color: #0a1c2e;
    text-decoration: none;
    transition: color .2s linear
}

    .ec-datepicker-preset > a:focus {
        background-color: #e7f0f8
    }

.report-datepicker {
    margin-bottom: 24px
}

    .report-datepicker .ec-datepicker {
        min-width: 300px
    }

@media screen and (min-width: 768px) {
    .report-datepicker .ec-datepicker {
        min-width: 360px
    }
}

.report-datepicker__compare-period {
    min-height: 44px
}

.ec-date-ranges {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-bottom: 3px
}

    .ec-date-ranges button:nth-last-child(1):nth-child(odd) {
        grid-column: span 2
    }

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

@media screen and (max-width: 767px) {
    .draggable-box-open .draggable-box {
        height: 100%;
        overflow-y: auto;
        scroll-behavior: smooth
    }
}

.draggable-box {
    position: fixed;
    z-index: 150;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    min-width: 290px;
    max-width: 580px;
    min-height: 100%;
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15),0 0 0 rgba(0,0,0,0.08) inset;
    color: #0a1c2e;
    word-wrap: break-word;
    animation: smoothFadeInFromTop .15s ease-in;
    transition: box-shadow .2s linear, border-color .2s linear, background-color .2s linear;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .draggable-box {
        display: flex;
        position: absolute;
        flex-direction: column;
        justify-content: center;
        min-height: auto;
        border-radius: 8px
    }
}

.draggable-box--animation-hide {
    animation: smoothFadeOutToBottom .15s ease-in;
    animation-fill-mode: both
}

.draggable-box--wide {
    max-width: 764px
}

.draggable-box__paddings {
    position: relative;
    padding: 16px
}

@media screen and (min-width: 768px) {
    .draggable-box__paddings {
        cursor: grab
    }

        .draggable-box__paddings:active {
            cursor: grabbing
        }
}

@media screen and (min-width: 768px) {
    .draggable-box__paddings {
        padding: 20px 24px
    }
}

.draggable-box__title {
    min-height: 16px;
    padding-right: 16px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e;
    word-wrap: break-word;
    word-break: break-word
}

.draggable-box__content {
    cursor: initial
}

.draggable-box__close {
    display: flex;
    position: absolute;
    top: 8px;
    right: 8px;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 8px;
    color: #808f9d;
    cursor: pointer
}

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

    .draggable-box__close:hover {
        color: #1b409d
    }

    .draggable-box__close:active {
        color: #688de9
    }

.draggable-box--width-auto {
    width: auto;
    min-width: 410px
}

@keyframes showFromTop {
    from {
        opacity: 0;
        margin-top: -40px
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

.draggable-item {
    position: relative;
    border-top: 1px solid #bfc7ce;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

    .draggable-item:last-child {
        border-bottom: 1px solid #bfc7ce
    }

    .draggable-item .dropdown-filter-panel__header {
        padding-top: 0;
        padding-bottom: 0
    }

    .draggable-item .dropdown-filter-panel.opened {
        padding-bottom: 0
    }

        .draggable-item .dropdown-filter-panel.opened .dropdown-filter-panel__header {
            margin-bottom: 8px
        }

@media screen and (min-width: 768px) {
    .draggable-item--hiding-actions .draggable-item__content-control {
        opacity: 0
    }

    .draggable-item--hiding-actions:hover .draggable-item__content-control {
        opacity: 1
    }

    .draggable-item--hiding-actions .draggable-item__content-control:focus-within {
        opacity: 1
    }
}

.draggable-item:focus-visible {
    outline: auto 5px #275ce0;
    outline-offset: -1px
}

.draggable-item__content {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    order: 3;
    padding: 12px 0;
    word-wrap: break-word;
    word-break: break-word
}

    .draggable-item__content .text-grey {
        color: #607385
    }

    .draggable-item__content .text-yellow {
        color: #de9d1c
    }

    .draggable-item__content .fieldsets-batch:first-child:last-child {
        padding-bottom: 0
    }

.draggable-item__control {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    order: 1;
    padding: 18px 16px 18px 0;
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
    touch-action: none
}

    .draggable-item__control:active .svg-icon-drag {
        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='%235a646e'%3E%3Cpath d='M9 4a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm6-12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z'%3E%3C/path%3E%3C/svg%3E") no-repeat
    }

.draggable-item__control--top {
    align-self: start;
    padding: 12px 16px 0 0
}

.draggable-item__control .svg-icon-drag {
    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' viewBox='0 0 20 20' fill='%23808f9d'%3E%3Cpath d='M9 4a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm6-12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z'%3E%3C/path%3E%3C/svg%3E") no-repeat
}

    .draggable-item__control .svg-icon-drag svg {
        display: none
    }

.draggable-item__icon {
    overflow: hidden;
    order: 2;
    width: 40px;
    height: 40px;
    margin: 12px 16px 12px 4px;
    border-radius: 6px
}

    .draggable-item__icon svg {
        width: 100%;
        height: 100%;
        fill: #275ce0
    }

    .draggable-item__icon img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.draggable-item__placeholder {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    transition: opacity .2s linear, z-index .2s linear;
    animation: fadeIn 200ms ease-in-out;
    z-index: -1
}

.draggable-item__body {
    display: flex;
    z-index: 1;
    box-sizing: content-box !important;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    border-color: transparent;
    background-color: #fff;
    transition: transform .2s ease-out,background-color .2s linear,box-shadow .1s linear .2s,z-index 0s linear .2s,padding 0.1s linear .3s,margin 0.1s linear .3s;
    box-shadow: 0 0 0 rgba(0,0,0,0)
}

.draggable-item--hovered .draggable-item__body {
    background-color: #e7f0f8
}

.draggable-item--hovered .draggable-item__control .svg-icon-drag {
    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='%235a646e'%3E%3Cpath d='M9 4a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm6-12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z'%3E%3C/path%3E%3C/svg%3E") no-repeat
}

.draggable-item--chosen .draggable-item__body, .draggable-item--dragged .draggable-item__body {
    position: relative;
    z-index: 4;
    margin-left: -16px;
    padding: 0 16px;
    border-radius: 2px;
    background-color: #e7f0f8;
    transition: transform 0s ease-out,background-color 0s linear,box-shadow .1s linear,z-index 0s linear,padding 0.1s linear,margin 0.1s linear;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15)
}

.draggable-item--chosen .draggable-item__control, .draggable-item--dragged .draggable-item__control {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.draggable-item--chosen .draggable-item__placeholder, .draggable-item--dragged .draggable-item__placeholder {
    z-index: 0;
    opacity: 1;
    transition: opacity .2s linear, z-index .2s linear
}

.draggable-item--chosen .draggable-item__placeholder-inner, .draggable-item--dragged .draggable-item__placeholder-inner {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background: rgba(39,92,224,0.5)
}

.draggable-item__placeholder-inner {
    opacity: .5;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background: rgba(39,92,224,0.5)
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: .5
    }

    to {
        opacity: 0
    }
}

.draggable-item--animate .draggable-item__body {
    transition: transform 0s ease-out, background-color 0s linear, box-shadow 0s linear, z-index 0s linear, padding .1s linear, margin .1s linear
}

.draggable-item--placing .draggable-item__placeholder {
    animation: fadeOut 200ms ease-in-out
}

.draggable-item--disabled {
    color: #607385
}

    .draggable-item--disabled .draggable-item__icon {
        opacity: .5;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }

.draggable-item--body-control .draggable-item__body {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

    .draggable-item--body-control .draggable-item__body:active .draggable-item__control .svg-icon-drag {
        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='%235a646e'%3E%3Cpath d='M9 4a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm6-12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z'%3E%3C/path%3E%3C/svg%3E") no-repeat
    }

.draggable-item--body-control.draggable-item--dragged .draggable-item__body {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.draggable-item--static .draggable-item__control {
    visibility: hidden
}

.draggable-item--input-content .draggable-item__control--top {
    align-self: flex-start;
    padding-top: 23px
}

.draggable-item--text-content .draggable-item__control--top {
    align-self: flex-start;
    padding-top: 14px
}

.draggable-area--right-control .draggable-item__content {
    order: 2
}

.draggable-area--right-control .draggable-item__control {
    order: 3;
    padding: 18px 0 18px 16px
}

.draggable-area--right-control .draggable-item__icon {
    order: 1
}

.draggable-area--vue.draggable-area--right-control .draggable-item__body:hover {
    cursor: grab
}

.draggable-area--vue .draggable-item--ghost .draggable-item__body {
    visibility: hidden
}

.draggable-area--vue .draggable-item--ghost .draggable-item__placeholder {
    z-index: 0;
    opacity: 1;
    transition: opacity .2s linear, z-index .2s linear
}

.draggable-area--vue .draggable-item--ghost .draggable-item__placeholder-inner {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background: rgba(39,92,224,0.5)
}

.draggable-area--vue .draggable-item--dragged {
    border: none
}

.draggable-area--vue .draggable-item--chosen .draggable-item__body {
    box-shadow: none
}

.draggable-area--vue .draggable-item--dragged {
    opacity: 1 !important
}

.draggable-area--vue .draggable-item__content {
    justify-content: normal
}

.draggable-area--vue .draggable-item__content-control {
    margin-left: auto
}

.draggable-area--vue .draggable-item__image {
    display: flex;
    overflow: hidden;
    flex: 0 0 36px;
    align-items: center;
    align-self: flex-start;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 6px
}

    .draggable-area--vue .draggable-item__image img {
        max-width: 100%;
        max-height: 100%
    }

    .draggable-area--vue .draggable-item__image .svg-icon {
        display: inline-block;
        width: 100%;
        height: 100%
    }

        .draggable-area--vue .draggable-item__image .svg-icon svg {
            width: 100%;
            height: 100%
        }

.disable-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.sorting-list .draggable-item {
    border-bottom: 1px solid #bfc7ce;
    border-top: none
}

    .sorting-list .draggable-item:first-child {
        border-top: 1px solid #bfc7ce
    }

.sorting-list .draggable-item__body {
    transform: none
}

.sorting-list .draggable-item__content {
    display: inline-block;
    padding: 12px 0
}

.sorting-list .draggable-item--chosen .draggable-item__inner, .sorting-list .draggable-item--dragged .draggable-item__inner {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.sorting-list .draggable-item--chosen .list-element, .sorting-list .draggable-item--dragged .list-element {
    background-color: #e7f0f8
}

.sorting-list .list-element.list-element--simple {
    min-height: auto;
    background-color: transparent
}

.dropdown-button {
    display: inline-block;
    position: relative
}

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

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

.dropdown-button__list {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-appearance: menulist-button
}

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

    .dropdown-button__list:hover ~ .btn-primary {
        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
    }

    .dropdown-button__list:hover ~ .btn-link {
        color: #1b409d
    }

.dropdown-icolink {
    position: relative;
    cursor: pointer
}

    .dropdown-icolink .svg-icon {
        color: inherit
    }

    .dropdown-icolink svg {
        width: auto;
        height: 100%
    }

    .dropdown-icolink:active .list-dropdown {
        margin-top: 11px
    }

    .dropdown-icolink .list-dropdown {
        display: none;
        margin-top: 12px;
        border: none
    }

    .dropdown-icolink.dropdown-icolink--opened .list-dropdown {
        display: block;
        overflow: visible
    }

.dropdown-list-group-title {
    display: block;
    margin-top: 12px;
    margin-left: 8px;
    font-family: var(--headers-font-family);
    font-size: 12px;
    line-height: 18px;
    font-weight: var(--text-big-font-weight, 600);
    color: #607385
}

.dropdown-list-item {
    font-size: 14px;
    line-height: 22px;
    min-height: 32px;
    cursor: pointer
}

.dropdown-list-item--expandable > .dropdown-list-item__header {
    padding-left: 0 !important
}

    .dropdown-list-item--expandable > .dropdown-list-item__header .dropdown-list-item__toggle-wrapper {
        display: flex;
        justify-content: flex-end
    }

.dropdown-list-item--expandable > .dropdown-list-item__subitems {
    display: none
}

.dropdown-list-item--disabled {
    cursor: default
}

.dropdown-list-item--expandable.dropdown-list-item--expanded > .dropdown-list-item__header:not(.dropdown-list-item__header--with-list-element) {
    font-weight: var(--text-big-font-weight, 600)
}

.dropdown-list-item--expandable.dropdown-list-item--expanded > .dropdown-list-item__header .dropdown-list-item__icon--toggle {
    transform: rotate(90deg)
}

    .dropdown-list-item--expandable.dropdown-list-item--expanded > .dropdown-list-item__header .dropdown-list-item__icon--toggle:hover {
        box-shadow: 3px 0 6px 0 rgba(0,0,0,0.15)
    }

.dropdown-list-item--expandable.dropdown-list-item--expanded > .dropdown-list-item__subitems {
    display: block
}

    .dropdown-list-item--expandable.dropdown-list-item--expanded > .dropdown-list-item__subitems > .dropdown-list-item > .dropdown-list-item__header > .dropdown-list-item__toggle-wrapper, .dropdown-list-item--expandable.dropdown-list-item--expanded > .dropdown-list-item__subitems > .dropdown-list-item > .dropdown-list-item__header > .dropdown-list-item__header-text, .dropdown-list-item--expandable.dropdown-list-item--expanded > .dropdown-list-item__subitems > .dropdown-list-item > .dropdown-list-item__header > .dropdown-list-item__icon {
        animation: fadeInDown .1s ease-out;
        animation-fill-mode: both
    }

.dropdown-list-item--expandable .dropdown-list-item__header--with-list-element {
    padding-left: 0;
    margin-bottom: 0
}

    .dropdown-list-item--expandable .dropdown-list-item__header--with-list-element .list-element--dropdown {
        min-height: 52px;
        padding: 0
    }

        .dropdown-list-item--expandable .dropdown-list-item__header--with-list-element .list-element--dropdown .list-element__header {
            margin-bottom: 0
        }

        .dropdown-list-item--expandable .dropdown-list-item__header--with-list-element .list-element--dropdown .list-element__image {
            margin: 8px 11px 8px 5px
        }

.dropdown-list-item__header {
    display: flex;
    position: relative;
    align-items: center;
    padding-right: 8px;
    padding-left: 8px;
    cursor: pointer;
    user-select: none;
    word-wrap: break-word;
    word-break: break-word
}

.dropdown-list-item__header--disabled {
    color: #607385;
    pointer-events: none
}

.dropdown-list-item__header--highlighted {
    background-color: #d3dee8
}

.dropdown-list-item__header--with-list-element {
    padding-left: 0
}

    .dropdown-list-item__header--with-list-element .list-element--dropdown .list-element__title {
        font-weight: normal
    }

.dropdown-list-item__header--highlighted.dropdown-list-item__header--with-list-element .list-element--dropdown .list-element__title {
    font-weight: var(--text-big-font-weight, 600)
}

.dropdown-list-item__header--highlighted:not(.dropdown-list-item__header--with-list-element) {
    font-weight: var(--text-big-font-weight, 600)
}

.dropdown-list-item__header:focus, .dropdown-list-item__header:hover {
    background-color: #e7f0f8
}

.dropdown-list-item__header-text {
    flex-grow: 1;
    margin-left: -1px;
    padding-top: 5px;
    padding-bottom: 5px
}

.dropdown-list-item__toggle-wrapper {
    display: none;
    flex-shrink: 0
}

    .dropdown-list-item__toggle-wrapper:hover .dropdown-list-item__icon--toggle {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='28' viewBox='0 0 12 28'%3E%3Cpath fill='%231b409d' fill-rule='evenodd' d='M1.1 20l5.7-5.8L1.1 8c-.8-.8-.8-2 0-2.7.8-.8 2-.8 2.8 0l7.1 7.5c.4.4.6.9.6 1.4 0 .5-.2 1-.6 1.4l-7.1 7.2c-.8.8-2 .8-2.8 0-.8-.8-.8-2.1 0-2.8z'/%3E%3C/svg%3E")
    }

.dropdown-list-item__icon {
    content: '';
    flex-shrink: 0;
    align-self: center;
    width: 32px;
    height: 32px;
    padding: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px
}

    .dropdown-list-item__icon svg {
        margin: 4px;
        fill: #275ce0
    }

        .dropdown-list-item__icon svg:hover {
            fill: #1b409d
        }

.dropdown-list-item__icon--toggle {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='28' viewBox='0 0 12 28'%3E%3Cpath fill='%23275ce0' fill-rule='evenodd' d='M1.1 20l5.7-5.8L1.1 8c-.8-.8-.8-2 0-2.7.8-.8 2-.8 2.8 0l7.1 7.5c.4.4.6.9.6 1.4 0 .5-.2 1-.6 1.4l-7.1 7.2c-.8.8-2 .8-2.8 0-.8-.8-.8-2.1 0-2.8z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    margin: 4px;
    border-radius: 12px;
    transition: transform .1s ease-out,box-shadow .1s ease-out
}

    .dropdown-list-item__icon--toggle:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='28' viewBox='0 0 12 28'%3E%3Cpath fill='%231b409d' fill-rule='evenodd' d='M1.1 20l5.7-5.8L1.1 8c-.8-.8-.8-2 0-2.7.8-.8 2-.8 2.8 0l7.1 7.5c.4.4.6.9.6 1.4 0 .5-.2 1-.6 1.4l-7.1 7.2c-.8.8-2 .8-2.8 0-.8-.8-.8-2.1 0-2.8z'/%3E%3C/svg%3E")
    }

.dropdown-list-item__icon--unchecked {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23808f9d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

    .dropdown-list-item__icon--unchecked:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%235a646e' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

.dropdown-list-item__icon--indeterminate {
    background-image: 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='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3Cpath d='M6 9H14V11H6V9Z'/%3E%3C/svg%3E")
}

    .dropdown-list-item__icon--indeterminate:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231b409d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3Cpath d='M6 9H14V11H6V9Z'/%3E%3C/svg%3E")
    }

.dropdown-list-item__icon--checked {
    background-image: 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='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

    .dropdown-list-item__icon--checked:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231b409d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

.dropdown-list-item__icon--no-icon {
    background: none
}

.dropdown-list-item__icon--animated {
    animation: showWithScaleUp .2s ease-in-out
}

.dropdown-list-item__icon--type-checkbox.dropdown-list-item__icon--unchecked {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23808f9d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

    .dropdown-list-item__icon--type-checkbox.dropdown-list-item__icon--unchecked:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%235a646e' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

.dropdown-list-item__icon--type-checkbox.dropdown-list-item__icon--indeterminate {
    background-image: 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='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3Cpath d='M6 9H14V11H6V9Z'/%3E%3C/svg%3E")
}

    .dropdown-list-item__icon--type-checkbox.dropdown-list-item__icon--indeterminate:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231b409d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3Cpath d='M6 9H14V11H6V9Z'/%3E%3C/svg%3E")
    }

.dropdown-list-item__icon--type-checkbox.dropdown-list-item__icon--checked {
    background-image: 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='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

    .dropdown-list-item__icon--type-checkbox.dropdown-list-item__icon--checked:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231b409d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

.dropdown-list-item__icon--type-radio.dropdown-list-item__icon--unchecked {
    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='%23808f9d'%3E%3Cpath fill-rule='evenodd' d='M10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
}

    .dropdown-list-item__icon--type-radio.dropdown-list-item__icon--unchecked:hover {
        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='%235a646e'%3E%3Cpath fill-rule='evenodd' d='M10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
    }

.dropdown-list-item__icon--type-radio.dropdown-list-item__icon--checked {
    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='%23275ce0'%3E%3Cpath d='M13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
}

    .dropdown-list-item__icon--type-radio.dropdown-list-item__icon--checked:hover {
        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 d='M13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
    }

.dropdown-list-item__icon--toggle:hover {
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15)
}

.dropdown-list-item__subitems {
    position: relative
}

    .dropdown-list-item__subitems::before {
        content: '';
        position: absolute;
        z-index: 1;
        left: 0;
        width: 15px;
        height: 100%;
        border-right: 1px solid #bfc7ce;
        pointer-events: none
    }

.dropdown-list-item--with-hierarchy .dropdown-list-item__header, .dropdown-list-item--expandable .dropdown-list-item__header, .dropdown-list-item--expanded .dropdown-list-item__header {
    padding-left: 32px
}

.dropdown-list-item--2-level > .dropdown-list-item__header {
    padding-left: 48px
}

    .dropdown-list-item--2-level > .dropdown-list-item__header .dropdown-list-item__toggle-wrapper {
        width: 48px
    }

.dropdown-list-item--2-level > .dropdown-list-item__subitems::before {
    padding-left: 16px
}

.dropdown-list-item--3-level > .dropdown-list-item__header {
    padding-left: 64px
}

    .dropdown-list-item--3-level > .dropdown-list-item__header .dropdown-list-item__toggle-wrapper {
        width: 64px
    }

.dropdown-list-item--3-level > .dropdown-list-item__subitems::before {
    padding-left: 32px
}

.dropdown-list-item--4-level > .dropdown-list-item__header {
    padding-left: 80px
}

    .dropdown-list-item--4-level > .dropdown-list-item__header .dropdown-list-item__toggle-wrapper {
        width: 80px
    }

.dropdown-list-item--4-level > .dropdown-list-item__subitems::before {
    padding-left: 48px
}

.dropdown-list-item--5-level > .dropdown-list-item__header {
    padding-left: 96px
}

    .dropdown-list-item--5-level > .dropdown-list-item__header .dropdown-list-item__toggle-wrapper {
        width: 96px
    }

.dropdown-list-item--5-level > .dropdown-list-item__subitems::before {
    padding-left: 64px
}

.dropdown-list-item--6-level > .dropdown-list-item__header {
    padding-left: 112px
}

    .dropdown-list-item--6-level > .dropdown-list-item__header .dropdown-list-item__toggle-wrapper {
        width: 112px
    }

.dropdown-list-item--6-level > .dropdown-list-item__subitems::before {
    padding-left: 80px
}

.dropdown-list-item--7-level > .dropdown-list-item__header {
    padding-left: 128px
}

    .dropdown-list-item--7-level > .dropdown-list-item__header .dropdown-list-item__toggle-wrapper {
        width: 128px
    }

.dropdown-list-item--7-level > .dropdown-list-item__subitems::before {
    padding-left: 96px
}

.dropdown-list-item--8-level > .dropdown-list-item__header {
    padding-left: 144px
}

    .dropdown-list-item--8-level > .dropdown-list-item__header .dropdown-list-item__toggle-wrapper {
        width: 144px
    }

.dropdown-list-item--8-level > .dropdown-list-item__subitems::before {
    padding-left: 112px
}

.dropdown-list-item--9-level > .dropdown-list-item__header {
    padding-left: 160px
}

    .dropdown-list-item--9-level > .dropdown-list-item__header .dropdown-list-item__toggle-wrapper {
        width: 160px
    }

.dropdown-list-item--9-level > .dropdown-list-item__subitems::before {
    padding-left: 128px
}

.dropdown-list-item--10-level > .dropdown-list-item__header {
    padding-left: 176px
}

    .dropdown-list-item--10-level > .dropdown-list-item__header .dropdown-list-item__toggle-wrapper {
        width: 176px
    }

.dropdown-list-item--10-level > .dropdown-list-item__subitems::before {
    padding-left: 144px
}

.dropdown-list-item--11-level > .dropdown-list-item__header {
    padding-left: 192px
}

    .dropdown-list-item--11-level > .dropdown-list-item__header .dropdown-list-item__toggle-wrapper {
        width: 192px
    }

.dropdown-list-item--11-level > .dropdown-list-item__subitems::before {
    padding-left: 160px
}

.dropdown-list-item--12-level > .dropdown-list-item__header {
    padding-left: 208px
}

    .dropdown-list-item--12-level > .dropdown-list-item__header .dropdown-list-item__toggle-wrapper {
        width: 208px
    }

.dropdown-list-item--12-level > .dropdown-list-item__subitems::before {
    padding-left: 176px
}

.dropdown-list-item__content {
    flex: 1
}

.dropdown-list-item--with-background .dropdown-list-item__header:focus, .dropdown-list-item--with-background .dropdown-list-item__header:hover {
    background-color: #dfe5eb
}

.dropdown-list-item--disable-animation.dropdown-list-item--expandable.dropdown-list-item--expanded > .dropdown-list-item__subitems > .dropdown-list-item > .dropdown-list-item__header > .dropdown-list-item__toggle-wrapper, .dropdown-list-item--disable-animation.dropdown-list-item--expandable.dropdown-list-item--expanded > .dropdown-list-item__subitems > .dropdown-list-item > .dropdown-list-item__header > .dropdown-list-item__header-text, .dropdown-list-item--disable-animation.dropdown-list-item--expandable.dropdown-list-item--expanded > .dropdown-list-item__subitems > .dropdown-list-item > .dropdown-list-item__header > .dropdown-list-item__icon {
    animation: none
}

.dropdown-multiselect-item {
    font-size: 14px;
    line-height: 22px;
    display: flex;
    position: relative;
    align-items: center;
    min-height: 32px;
    cursor: pointer
}

    .dropdown-multiselect-item:focus {
        background-color: #e7f0f8
    }

.dropdown-multiselect-item--bordered {
    border-bottom: 1px solid #bfc7ce
}

.dropdown-multiselect-item__content {
    flex-grow: 1;
    cursor: pointer;
    user-select: none;
    word-wrap: break-word;
    word-break: break-word
}

.dropdown-multiselect-item__content--disabled {
    color: #607385;
    cursor: default
}

.dropdown-multiselect-item__icon {
    content: '';
    position: absolute;
    right: 10px;
    width: 34px;
    height: 34px;
    padding: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px
}

.dropdown-multiselect-item__icon--toggle {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='28' viewBox='0 0 12 28'%3E%3Cpath fill='%23275ce0' fill-rule='evenodd' d='M1.1 20l5.7-5.8L1.1 8c-.8-.8-.8-2 0-2.7.8-.8 2-.8 2.8 0l7.1 7.5c.4.4.6.9.6 1.4 0 .5-.2 1-.6 1.4l-7.1 7.2c-.8.8-2 .8-2.8 0-.8-.8-.8-2.1 0-2.8z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    margin: 4px;
    border-radius: 12px;
    transition: transform .1s ease-out,box-shadow .1s ease-out
}

    .dropdown-multiselect-item__icon--toggle:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='28' viewBox='0 0 12 28'%3E%3Cpath fill='%231b409d' fill-rule='evenodd' d='M1.1 20l5.7-5.8L1.1 8c-.8-.8-.8-2 0-2.7.8-.8 2-.8 2.8 0l7.1 7.5c.4.4.6.9.6 1.4 0 .5-.2 1-.6 1.4l-7.1 7.2c-.8.8-2 .8-2.8 0-.8-.8-.8-2.1 0-2.8z'/%3E%3C/svg%3E")
    }

.dropdown-multiselect-item__icon--unchecked {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23808f9d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

    .dropdown-multiselect-item__icon--unchecked:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%235a646e' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

.dropdown-multiselect-item__icon--indeterminate {
    background-image: 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='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3Cpath d='M6 9H14V11H6V9Z'/%3E%3C/svg%3E")
}

    .dropdown-multiselect-item__icon--indeterminate:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231b409d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3Cpath d='M6 9H14V11H6V9Z'/%3E%3C/svg%3E")
    }

.dropdown-multiselect-item__icon--checked {
    background-image: 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='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

    .dropdown-multiselect-item__icon--checked:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231b409d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

.dropdown-multiselect-item__icon--unchecked-20 {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23808f9d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

    .dropdown-multiselect-item__icon--unchecked-20:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%235a646e' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

.dropdown-multiselect-item__icon--indeterminate-20 {
    background-image: 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='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3Cpath d='M6 9H14V11H6V9Z'/%3E%3C/svg%3E")
}

    .dropdown-multiselect-item__icon--indeterminate-20:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231b409d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3Cpath d='M6 9H14V11H6V9Z'/%3E%3C/svg%3E")
    }

.dropdown-multiselect-item__icon--checked-20 {
    background-image: 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='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

    .dropdown-multiselect-item__icon--checked-20:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231b409d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

.dropdown-multiselect-item__icon--no-icon {
    background: none
}

.dropdown-multiselect-item__icon--animated {
    animation: showWithScaleUp .2s ease-in-out
}

.dropdown-multiselect-item__icon--toggle:hover {
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15)
}

.ec-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none
}

.ec-pagination__item {
    margin: 0 1px;
    padding: 0
}

    .ec-pagination__item:first-child {
        margin-right: 5px
    }

    .ec-pagination__item:last-child {
        margin-left: 5px
    }

.ec-pagination__page {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 40px;
    border: 0;
    border-radius: 5px;
    outline: 0;
    background-color: transparent;
    color: #0a1c2e;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    line-height: 22px
}

    .ec-pagination__page:hover, .ec-pagination__page:focus {
        background-color: #dfe5eb
    }

.ec-pagination__page--selected {
    background-color: #d3dee8;
    pointer-events: none
}

.ec-pagination__ellipsis {
    min-width: 44px;
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.ec-item-placeholder {
    border: 1px dashed #3217e3;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ec-item-placeholder__image {
    flex-shrink: 0;
    max-width: 100%;
    max-height: 100%;
    color: #3217e3
}

.ec-item-placeholder__text {
    color: #3217e3;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 25%;
    padding: 0 5px 5px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word
}

.ec-item-placeholder--small {
    width: 36px;
    height: 36px
}

.ec-item-placeholder--medium {
    width: 56px;
    height: 56px
}

.ec-item-placeholder--large {
    width: 72px;
    height: 72px
}

.ec-item-placeholder--adaptive {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 100px;
    border-width: 2px;
    border-color: #3217e3;
    border-radius: 5px;
    box-sizing: border-box
}

    .ec-item-placeholder--adaptive .ec-item-placeholder__image {
        width: 24px;
        height: 24px
    }

.ec-item-placeholder .ec-item-placeholder--with-text .ec-item-placeholder__image {
    margin-bottom: 12px
}

.ec-item-placeholder.ec-item-placeholder--hoverable:hover {
    border-color: #1b409d
}

    .ec-item-placeholder.ec-item-placeholder--hoverable:hover .ec-item-placeholder__image {
        color: #1b409d
    }

    .ec-item-placeholder.ec-item-placeholder--hoverable:hover .ec-item-placeholder__text {
        color: #1b409d
    }

.ec-action-link {
    display: inline-flex;
    position: relative;
    font-size: 14px;
    overflow: hidden
}

    .ec-action-link .ec-action-link__image--combo {
        position: relative
    }

        .ec-action-link .ec-action-link__image--combo > * {
            position: absolute;
            transition: opacity ease-in-out 0.3s
        }

            .ec-action-link .ec-action-link__image--combo > *:first-child {
                opacity: 1
            }

            .ec-action-link .ec-action-link__image--combo > *:last-child {
                opacity: 0
            }

    .ec-action-link .ec-action-link__slide {
        display: flex;
        position: absolute;
        right: 0;
        bottom: 0;
        overflow: hidden;
        align-items: center;
        width: 20px;
        height: 100%;
        transition: .20s ease-out;
        transition-property: width
    }

        .ec-action-link .ec-action-link__slide .ec-action-link__image {
            margin-right: 6px;
            opacity: 0;
            transition-property: opacity
        }

    .ec-action-link .ec-action-link__slide__text {
        opacity: 0;
        transition: opacity 0.2s
    }

    .ec-action-link .ec-action-link__image {
        display: flex;
        width: 20px;
        height: 20px
    }

    .ec-action-link .ec-action-link__default-state {
        display: flex;
        transform: translateX(0);
        align-items: center;
        transition: all ease-in .2s
    }

    .ec-action-link .ec-action-link__default-state__text {
        opacity: 1;
        transition: opacity .4s
    }

    .ec-action-link .ec-action-link__default-state .ec-action-link__image {
        margin-left: 6px
    }

@media not all and (hover: none) {
    .ec-action-link:hover .ec-action-link__slide, .ec-action-link:focus-visible .ec-action-link__slide {
        width: 100%
    }

    .ec-action-link:hover .ec-action-link__default-state, .ec-action-link:focus-visible .ec-action-link__default-state {
        transform: translateX(calc(-100% + 20px));
        transition: all .2s
    }

    .ec-action-link:hover .ec-action-link__slide .ec-action-link__image, .ec-action-link:focus-visible .ec-action-link__slide .ec-action-link__image {
        transition-delay: 1s;
        opacity: 1
    }

    .ec-action-link:hover .ec-action-link__default-state__text, .ec-action-link:focus-visible .ec-action-link__default-state__text {
        opacity: 0
    }

    .ec-action-link:hover .ec-action-link__slide__text, .ec-action-link:focus-visible .ec-action-link__slide__text {
        opacity: 1
    }

    .ec-action-link:hover .ec-action-link__image--combo > *:first-child, .ec-action-link:focus-visible .ec-action-link__image--combo > *:first-child {
        opacity: 0
    }

    .ec-action-link:hover .ec-action-link__image--combo > *:last-child, .ec-action-link:focus-visible .ec-action-link__image--combo > *:last-child {
        opacity: 1
    }
}

.ec-copy-action-link .ec-loader {
    padding: 0;
    transform: scale(0.8);
    height: 20px
}

.ec-copy-action-link.disabled {
    color: #275ce0;
    opacity: 1
}

.fade-enter-active {
    animation: fade 0.2s
}

.fade-leave-active {
    animation: fade 0.2s reverse
}

@keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.ec-tag {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 36px;
    width: fit-content;
    border-radius: 18px;
    cursor: default;
    background-color: #eceef0;
    box-shadow: 0 1px 4px -1px rgba(15,17,22,0.1)
}

    .ec-tag:hover {
        background-color: #e7f0f8;
        box-shadow: 0 1px 2px 0 0 1px 4px rgba(0,0,0,0.2)
    }

    .ec-tag.readonly {
        background: rgba(255,255,255,0);
        border: 1px solid #bfc7ce;
        box-shadow: none
    }

.ec-tag--small {
    height: 28px
}

    .ec-tag--small .ec-tag__text {
        font-size: 12px;
        line-height: 18px;
        margin: 0 0 0 11px
    }

    .ec-tag--small .ec-tag__remove {
        margin-left: 8px
    }

    .ec-tag--small .ec-tag__color {
        margin-left: 4px;
        margin-right: -6px
    }

    .ec-tag--small.readonly .ec-tag__text {
        margin: 0 12px
    }

.ec-tag__text {
    display: flex;
    align-items: center;
    margin: 0 12px
}

.ec-tag__text-additional {
    color: #607385;
    font-size: 12px;
    margin-left: 8px
}

.ec-tag__color {
    display: flex;
    align-items: center;
    margin-left: 8px;
    margin-right: -4px
}

.ec-tag__remove {
    display: flex;
    cursor: pointer;
    margin-right: 10px
}

    .ec-tag__remove svg {
        fill: #607385;
        width: 12px;
        height: 12px
    }

    .ec-tag__remove:hover svg {
        fill: #275ce0
    }

.ec-tag-row {
    display: flex;
    flex-flow: wrap;
    gap: 8px
}

.ec-time-picker {
    min-width: 140px
}

    .ec-time-picker .field, .ec-time-picker .field__input {
        cursor: pointer
    }

.edit-marker {
    position: relative
}

    .edit-marker::before {
        content: '';
        position: absolute;
        top: 9px;
        left: -13px;
        width: 7px;
        height: 7px;
        border-radius: 10px;
        background-color: #de9d1c
    }

.edit-marker--muted::before {
    background-color: #607385
}

.edit-marker--on-half-from-top::before {
    top: 50%
}

.edit-marker--16-from-top::before {
    top: 16px
}

.empty-state {
    text-align: center
}

.expandable-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

    .expandable-area .expandable-area__collapsed-data {
        display: flex;
        flex-shrink: 0
    }

    .expandable-area .expandable-area__expanded-data {
        display: none
    }

    .expandable-area .expandable-area__toggler {
        font-weight: 600
    }

.expandable-area--expanded {
    display: block
}

    .expandable-area--expanded .expandable-area__collapsed-data {
        display: none
    }

    .expandable-area--expanded .expandable-area__expanded-data {
        display: block
    }

    .expandable-area--expanded .expandable-area__toggler {
        display: none
    }

.flex-table {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media screen and (max-width: 767px) {
    .flex-table {
        border-top: 1px solid #bfc7ce
    }
}

.flex-table--without-bottom-border .flex-table__head, .flex-table--without-bottom-border .flex-table__row {
    border-bottom: 0
}

.flex-table--fixed-last-column {
    border-top: 1px solid #bfc7ce
}

@media screen and (min-width: 768px) {
    .flex-table--fixed-last-column {
        border-top: none
    }
}

.flex-table--fixed-last-column .flex-table__col {
    flex: 1
}

@media screen and (max-width: 767px) {
    .flex-table--fixed-last-column .flex-table__row {
        display: grid;
        grid-column-gap: 24px
    }

    .flex-table--fixed-last-column .flex-table__col {
        margin-bottom: 4px
    }

        .flex-table--fixed-last-column .flex-table__col:nth-last-child(1), .flex-table--fixed-last-column .flex-table__col:nth-last-child(2) {
            margin-bottom: 0
        }

        .flex-table--fixed-last-column .flex-table__col:last-child {
            grid-column: last-col / span 1;
            grid-row: 1 / last-line;
            grid-row-start: span 1000;
            text-align: right
        }
}

.flex-table--discount-pricing .flex-table__col {
    flex-basis: 50%;
    padding-right: 0;
    padding-left: 0;
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 768px) {
    .flex-table--discount-pricing .flex-table__col:first-child {
        max-width: 120px
    }
}

.flex-table--discount-pricing .flex-table__col:last-child {
    min-width: 34px
}

@media screen and (min-width: 768px) {
    .flex-table--discount-pricing .flex-table__col:last-child {
        padding-left: 16px
    }
}

.flex-table--discount-pricing .flex-table__row:last-child {
    border-bottom: 0
}

@media screen and (min-width: 768px) {
    .flex-table--discount-pricing .flex-table__col:first-child .field {
        width: 48px
    }
}

.flex-table--discount-pricing .flex-table__col:nth-child(2) .form-row__action {
    top: -76px
}

@media screen and (min-width: 768px) {
    .flex-table--discount-pricing .flex-table__col:nth-child(2) .form-row__action {
        top: 0
    }
}

.flex-table--discount-pricing .flex-table__footer {
    padding-top: 12px;
    border-top: 1px solid #bfc7ce
}

.flex-table__head {
    display: none;
    padding-bottom: 8px;
    border-bottom: 1px solid #bfc7ce;
    color: #607385
}

@media screen and (min-width: 768px) {
    .flex-table__head {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-end
    }
}

.flex-table__head .flex-table__col {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px
}

.flex-table__subtitle {
    width: 100%;
    margin-bottom: 8px;
    color: #607385;
    font-weight: 600
}

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

.flex-table__row {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 12px 0;
    border-bottom: 1px solid #bfc7ce
}

@media screen and (min-width: 768px) {
    .flex-table__row {
        flex-direction: row
    }
}

.flex-table__row .flex-table__col {
    font-size: 14px;
    line-height: 22px
}

.flex-table__col {
    flex-basis: 50%;
    flex-grow: 1;
    padding: 0;
    text-align: left;
    word-wrap: break-word;
    word-break: break-word
}

@media screen and (min-width: 768px) {
    .flex-table__col {
        padding: 0 16px
    }

    .flex-table__col--no-side-paddings {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width: 768px) {
    .flex-table__col.flex-table__col--align-left {
        text-align: left
    }
}

@media screen and (min-width: 768px) {
    .flex-table__col.flex-table__col--align-right {
        text-align: right
    }
}

@media screen and (min-width: 768px) {
    .flex-table__col.flex-table__col--align-center {
        text-align: center
    }
}

.flex-table__col.flex-table__col--align-left:first-child {
    padding-left: 0
}

.flex-table__col.flex-table__col--align-right:last-child {
    padding-right: 0
}

.flex-table__col.flex-table__col--flex-1 {
    flex: 1
}

.flex-table__col.flex-table__col--flex-2 {
    flex: 2
}

.flex-table__col.flex-table__col--flex-3 {
    flex: 3
}

.flex-table__col.flex-table__col--word-break-all {
    word-break: break-all
}

.flex-table__footer {
    padding-top: 8px
}

    .flex-table__footer .btn {
        margin-bottom: 16px
    }

.a-card .flex-table__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
}

.flex-table-block .flex-table-block__head .btn {
    margin-bottom: 8px
}

.flex-table-block .flex-table__wrap {
    position: relative;
    overflow: hidden;
    max-height: 224px;
    -webkit-transform: translateZ(0)
}

    .flex-table-block .flex-table__wrap::after {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 32px;
        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%)
    }

.flex-table-block .flex-table__wrap-inner {
    overflow-x: auto;
    max-height: 224px;
    padding-bottom: 24px
}

.feature-title {
    margin-bottom: 8px;
    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) {
    .feature-title {
        font-size: 24px;
        line-height: 30px
    }
}

.feature-title--has-link .feature-title__link-prefix, .feature-title--has-link .feature-title__link {
    display: inline-block
}

.feature-title--has-link .feature-title__text, .feature-title--has-link .feature-title__extra-text {
    display: none
}

.feature-title--compact {
    font-size: 20px;
    line-height: 28px
}

.feature-title a.disabled, .feature-title a[disabled] {
    opacity: 1
}

.feature-title__link-prefix, .feature-title__link {
    display: none
}

.feature-title__text {
    padding-right: 8px
}

.feature-title__extra-text {
    display: inline-block
}

.feature-section {
    text-align: left;
    transition: color .1s linear
}

@media screen and (min-width: 768px) {
    .feature-section {
        max-width: 980px
    }
}

.feature-section--has-icon .feature-section__icon {
    display: block
}

.feature-section--has-action .feature-section__action {
    display: block
}

@media screen and (min-width: 768px) {
    .feature-section--has-icon.feature-section--has-action .feature-section__icon {
        display: none
    }
}

.feature-section__status {
    margin-bottom: 8px
}

.feature-section__core {
    display: flex;
    position: relative;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .feature-section__core {
        flex-direction: row
    }
}

.feature-section__data {
    order: 2;
    padding-right: 0
}

@media screen and (min-width: 768px) {
    .feature-section__data {
        flex: 1;
        order: 0;
        padding-right: 24px
    }
}

.feature-section__title {
    margin-bottom: 8px
}

.feature-section__content {
    font-size: 14px;
    line-height: 22px
}

    .feature-section__content .btn:not(.btn-link):not(.btn-dropdown) {
        display: block;
        width: 100%
    }

@media screen and (min-width: 768px) {
    .feature-section__content .btn:not(.btn-link):not(.btn-dropdown) {
        display: inline-block;
        width: auto;
        min-width: 260px
    }
}

.feature-section__icon {
    display: none;
    order: 1;
    width: 32px;
    height: 32px;
    margin: 0 0 8px 0;
    font-size: 32px;
    line-height: 32px
}

@media screen and (min-width: 768px) {
    .feature-section__icon {
        order: 0;
        width: 56px;
        height: 56px;
        font-size: 56px;
        line-height: 56px
    }
}

.feature-section__icon > div > img, .feature-section__icon > div > svg, .feature-section__icon > img, .feature-section__icon > svg {
    max-width: 100%;
    max-height: 100%
}

.feature-section__action {
    display: none;
    order: 3;
    width: 100%
}

@media screen and (min-width: 768px) {
    .feature-section__action {
        width: auto;
        margin-top: 8px
    }
}

.feature-section__action .btn {
    display: block;
    width: 100%
}

@media screen and (min-width: 768px) {
    .feature-section__action .btn {
        display: inline-block;
        width: auto;
        min-width: 260px
    }
}

.feature-section.feature-section--disabled .feature-section__icon {
    opacity: .5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.feature-section--has-action.feature-section--move-action-to-bottom-on-narrow-screen .feature-section__core {
    flex-direction: column
}

@media screen and (min-width: 1280px) {
    .feature-section--has-action.feature-section--move-action-to-bottom-on-narrow-screen .feature-section__core {
        flex-direction: row
    }
}

.feature-section--has-action.feature-section--move-action-to-bottom-on-narrow-screen .feature-section__data {
    flex-grow: 0;
    padding-right: 0
}

@media screen and (min-width: 1280px) {
    .feature-section--has-action.feature-section--move-action-to-bottom-on-narrow-screen .feature-section__data {
        flex-grow: 1;
        padding-right: 24px
    }
}

.feature-section--has-action.feature-section--move-action-to-bottom-on-narrow-screen .feature-section__action .btn {
    display: inline-block;
    min-width: 260px;
    margin-right: 8px;
    margin-bottom: 8px
}

@media screen and (min-width: 1280px) {
    .feature-section--has-action.feature-section--move-action-to-bottom-on-narrow-screen .feature-section__action .btn {
        display: block;
        margin-right: 0
    }
}

.feature-section--has-action.feature-section--move-action-to-bottom-on-narrow-screen .feature-section__action .btn:last-child {
    margin-right: 0
}

.feature-section--has-action.feature-section--move-action-to-bottom-on-narrow-screen .feature-section__action .btn-link {
    min-width: auto
}

@media screen and (min-width: 1280px) {
    .feature-section--has-action.feature-section--move-action-to-bottom-on-narrow-screen .feature-section__action .btn-link {
        min-width: 260px
    }
}

.greetings-card {
    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
}

.greetings-card--colored-green-one {
    border: none;
    background: linear-gradient(to right, #b7e279, #c2e585)
}

    .greetings-card--colored-green-one .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-green-one .btn::before {
            background-image: none
        }

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

        .greetings-card--colored-green-one .btn:focus::before, .greetings-card--colored-green-one .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-green-one .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: #fff
        }

        .greetings-card--colored-green-one .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: #fff
        }

        .greetings-card--colored-green-one .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-green-one .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
        }

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

            .greetings-card--colored-green-one .btn::before, .greetings-card--colored-green-one .btn:hover, .greetings-card--colored-green-one .btn:focus, .greetings-card--colored-green-one .btn:active, .greetings-card--colored-green-one .btn:focus:active, .greetings-card--colored-green-one .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-green-one .btn.btn-loading, .greetings-card--colored-green-one .btn.btn-loading:hover, .greetings-card--colored-green-one .btn.btn-loading:focus, .greetings-card--colored-green-one .btn.btn-loading:focus:hover, .greetings-card--colored-green-one .btn.btn-loading:active, .greetings-card--colored-green-one .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #275ce0
        }

            .greetings-card--colored-green-one .btn.btn-loading::after, .greetings-card--colored-green-one .btn.btn-loading:hover::after, .greetings-card--colored-green-one .btn.btn-loading:focus::after, .greetings-card--colored-green-one .btn.btn-loading:focus:hover::after, .greetings-card--colored-green-one .btn.btn-loading:active::after, .greetings-card--colored-green-one .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-green-one .btn.btn-loading svg, .greetings-card--colored-green-one .btn.btn-loading .loader, .greetings-card--colored-green-one .btn.btn-loading:hover svg, .greetings-card--colored-green-one .btn.btn-loading:hover .loader, .greetings-card--colored-green-one .btn.btn-loading:focus svg, .greetings-card--colored-green-one .btn.btn-loading:focus .loader, .greetings-card--colored-green-one .btn.btn-loading:focus:hover svg, .greetings-card--colored-green-one .btn.btn-loading:focus:hover .loader, .greetings-card--colored-green-one .btn.btn-loading:active svg, .greetings-card--colored-green-one .btn.btn-loading:active .loader, .greetings-card--colored-green-one .btn.btn-loading:focus:active svg, .greetings-card--colored-green-one .btn.btn-loading:focus:active .loader {
                display: none
            }

.greetings-card--colored-green-two {
    border: none;
    background: linear-gradient(to right, #31a9a3, #31a9a4)
}

    .greetings-card--colored-green-two .btn {
        background-image: none;
        background-color: #8fe237;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-green-two .btn::before {
            background-image: none
        }

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

        .greetings-card--colored-green-two .btn:focus::before, .greetings-card--colored-green-two .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-green-two .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: #fff
        }

        .greetings-card--colored-green-two .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: #fff
        }

        .greetings-card--colored-green-two .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-green-two .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
        }

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

            .greetings-card--colored-green-two .btn::before, .greetings-card--colored-green-two .btn:hover, .greetings-card--colored-green-two .btn:focus, .greetings-card--colored-green-two .btn:active, .greetings-card--colored-green-two .btn:focus:active, .greetings-card--colored-green-two .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-green-two .btn.btn-loading, .greetings-card--colored-green-two .btn.btn-loading:hover, .greetings-card--colored-green-two .btn.btn-loading:focus, .greetings-card--colored-green-two .btn.btn-loading:focus:hover, .greetings-card--colored-green-two .btn.btn-loading:active, .greetings-card--colored-green-two .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #8fe237
        }

            .greetings-card--colored-green-two .btn.btn-loading::after, .greetings-card--colored-green-two .btn.btn-loading:hover::after, .greetings-card--colored-green-two .btn.btn-loading:focus::after, .greetings-card--colored-green-two .btn.btn-loading:focus:hover::after, .greetings-card--colored-green-two .btn.btn-loading:active::after, .greetings-card--colored-green-two .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-green-two .btn.btn-loading svg, .greetings-card--colored-green-two .btn.btn-loading .loader, .greetings-card--colored-green-two .btn.btn-loading:hover svg, .greetings-card--colored-green-two .btn.btn-loading:hover .loader, .greetings-card--colored-green-two .btn.btn-loading:focus svg, .greetings-card--colored-green-two .btn.btn-loading:focus .loader, .greetings-card--colored-green-two .btn.btn-loading:focus:hover svg, .greetings-card--colored-green-two .btn.btn-loading:focus:hover .loader, .greetings-card--colored-green-two .btn.btn-loading:active svg, .greetings-card--colored-green-two .btn.btn-loading:active .loader, .greetings-card--colored-green-two .btn.btn-loading:focus:active svg, .greetings-card--colored-green-two .btn.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-green-two .feature-element .feature-element__title--clickable:hover {
        color: #adddda
    }

    .greetings-card--colored-green-two .feature-element .feature-element__title--clickable:active {
        color: #83cbc8
    }

    .greetings-card--colored-green-two .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .greetings-card--colored-green-two .feature-element__title {
        color: #fff
    }

.greetings-card--colored-green-dark {
    border: none;
    background: linear-gradient(to right, #006064, #006064);
    color: #fff
}

    .greetings-card--colored-green-dark .btn {
        background-image: none;
        background-color: #47b543;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-green-dark .btn::before {
            background-image: none
        }

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

        .greetings-card--colored-green-dark .btn:focus::before, .greetings-card--colored-green-dark .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-green-dark .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: #fff
        }

        .greetings-card--colored-green-dark .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: #fff
        }

        .greetings-card--colored-green-dark .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-green-dark .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
        }

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

            .greetings-card--colored-green-dark .btn::before, .greetings-card--colored-green-dark .btn:hover, .greetings-card--colored-green-dark .btn:focus, .greetings-card--colored-green-dark .btn:active, .greetings-card--colored-green-dark .btn:focus:active, .greetings-card--colored-green-dark .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-green-dark .btn.btn-loading, .greetings-card--colored-green-dark .btn.btn-loading:hover, .greetings-card--colored-green-dark .btn.btn-loading:focus, .greetings-card--colored-green-dark .btn.btn-loading:focus:hover, .greetings-card--colored-green-dark .btn.btn-loading:active, .greetings-card--colored-green-dark .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #47b543
        }

            .greetings-card--colored-green-dark .btn.btn-loading::after, .greetings-card--colored-green-dark .btn.btn-loading:hover::after, .greetings-card--colored-green-dark .btn.btn-loading:focus::after, .greetings-card--colored-green-dark .btn.btn-loading:focus:hover::after, .greetings-card--colored-green-dark .btn.btn-loading:active::after, .greetings-card--colored-green-dark .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-green-dark .btn.btn-loading svg, .greetings-card--colored-green-dark .btn.btn-loading .loader, .greetings-card--colored-green-dark .btn.btn-loading:hover svg, .greetings-card--colored-green-dark .btn.btn-loading:hover .loader, .greetings-card--colored-green-dark .btn.btn-loading:focus svg, .greetings-card--colored-green-dark .btn.btn-loading:focus .loader, .greetings-card--colored-green-dark .btn.btn-loading:focus:hover svg, .greetings-card--colored-green-dark .btn.btn-loading:focus:hover .loader, .greetings-card--colored-green-dark .btn.btn-loading:active svg, .greetings-card--colored-green-dark .btn.btn-loading:active .loader, .greetings-card--colored-green-dark .btn.btn-loading:focus:active svg, .greetings-card--colored-green-dark .btn.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-green-dark .feature-element .feature-element__title--clickable:hover {
        color: #99bfc1
    }

    .greetings-card--colored-green-dark .feature-element .feature-element__title--clickable:active {
        color: #66a0a2
    }

    .greetings-card--colored-green-dark .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .greetings-card--colored-green-dark .feature-element__title {
        color: #fff
    }

.greetings-card--colored-blue-one {
    border: none;
    background: linear-gradient(to right, #0098f1, #0098f2)
}

    .greetings-card--colored-blue-one .btn {
        background-image: none;
        background-color: #ffcc01;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-blue-one .btn::before {
            background-image: none
        }

        .greetings-card--colored-blue-one .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,163,1,0.5);
            background-image: none;
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
            transition: opacity .1s ease-out 0s
        }

        .greetings-card--colored-blue-one .btn:focus::before, .greetings-card--colored-blue-one .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-blue-one .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: #fff
        }

        .greetings-card--colored-blue-one .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: #fff
        }

        .greetings-card--colored-blue-one .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-blue-one .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
        }

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

            .greetings-card--colored-blue-one .btn::before, .greetings-card--colored-blue-one .btn:hover, .greetings-card--colored-blue-one .btn:focus, .greetings-card--colored-blue-one .btn:active, .greetings-card--colored-blue-one .btn:focus:active, .greetings-card--colored-blue-one .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-blue-one .btn.btn-loading, .greetings-card--colored-blue-one .btn.btn-loading:hover, .greetings-card--colored-blue-one .btn.btn-loading:focus, .greetings-card--colored-blue-one .btn.btn-loading:focus:hover, .greetings-card--colored-blue-one .btn.btn-loading:active, .greetings-card--colored-blue-one .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #ffcc01
        }

            .greetings-card--colored-blue-one .btn.btn-loading::after, .greetings-card--colored-blue-one .btn.btn-loading:hover::after, .greetings-card--colored-blue-one .btn.btn-loading:focus::after, .greetings-card--colored-blue-one .btn.btn-loading:focus:hover::after, .greetings-card--colored-blue-one .btn.btn-loading:active::after, .greetings-card--colored-blue-one .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-blue-one .btn.btn-loading svg, .greetings-card--colored-blue-one .btn.btn-loading .loader, .greetings-card--colored-blue-one .btn.btn-loading:hover svg, .greetings-card--colored-blue-one .btn.btn-loading:hover .loader, .greetings-card--colored-blue-one .btn.btn-loading:focus svg, .greetings-card--colored-blue-one .btn.btn-loading:focus .loader, .greetings-card--colored-blue-one .btn.btn-loading:focus:hover svg, .greetings-card--colored-blue-one .btn.btn-loading:focus:hover .loader, .greetings-card--colored-blue-one .btn.btn-loading:active svg, .greetings-card--colored-blue-one .btn.btn-loading:active .loader, .greetings-card--colored-blue-one .btn.btn-loading:focus:active svg, .greetings-card--colored-blue-one .btn.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-blue-one .feature-element .feature-element__title--clickable:hover {
        color: #99d6f9
    }

    .greetings-card--colored-blue-one .feature-element .feature-element__title--clickable:active {
        color: #66c1f7
    }

    .greetings-card--colored-blue-one .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .greetings-card--colored-blue-one .feature-element__title {
        color: #fff
    }

.greetings-card--colored-blue-two {
    border: none;
    background: linear-gradient(to right, #0a68c6, #0977c1)
}

    .greetings-card--colored-blue-two .btn {
        background-image: none;
        background-color: #5fddff;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-blue-two .btn::before {
            background-image: none
        }

        .greetings-card--colored-blue-two .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(76,177,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
        }

        .greetings-card--colored-blue-two .btn:focus::before, .greetings-card--colored-blue-two .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-blue-two .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: #fff
        }

        .greetings-card--colored-blue-two .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: #fff
        }

        .greetings-card--colored-blue-two .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-blue-two .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
        }

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

            .greetings-card--colored-blue-two .btn::before, .greetings-card--colored-blue-two .btn:hover, .greetings-card--colored-blue-two .btn:focus, .greetings-card--colored-blue-two .btn:active, .greetings-card--colored-blue-two .btn:focus:active, .greetings-card--colored-blue-two .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-blue-two .btn.btn-loading, .greetings-card--colored-blue-two .btn.btn-loading:hover, .greetings-card--colored-blue-two .btn.btn-loading:focus, .greetings-card--colored-blue-two .btn.btn-loading:focus:hover, .greetings-card--colored-blue-two .btn.btn-loading:active, .greetings-card--colored-blue-two .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #5fddff
        }

            .greetings-card--colored-blue-two .btn.btn-loading::after, .greetings-card--colored-blue-two .btn.btn-loading:hover::after, .greetings-card--colored-blue-two .btn.btn-loading:focus::after, .greetings-card--colored-blue-two .btn.btn-loading:focus:hover::after, .greetings-card--colored-blue-two .btn.btn-loading:active::after, .greetings-card--colored-blue-two .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-blue-two .btn.btn-loading svg, .greetings-card--colored-blue-two .btn.btn-loading .loader, .greetings-card--colored-blue-two .btn.btn-loading:hover svg, .greetings-card--colored-blue-two .btn.btn-loading:hover .loader, .greetings-card--colored-blue-two .btn.btn-loading:focus svg, .greetings-card--colored-blue-two .btn.btn-loading:focus .loader, .greetings-card--colored-blue-two .btn.btn-loading:focus:hover svg, .greetings-card--colored-blue-two .btn.btn-loading:focus:hover .loader, .greetings-card--colored-blue-two .btn.btn-loading:active svg, .greetings-card--colored-blue-two .btn.btn-loading:active .loader, .greetings-card--colored-blue-two .btn.btn-loading:focus:active svg, .greetings-card--colored-blue-two .btn.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-blue-two .feature-element .feature-element__title--clickable:hover {
        color: #9dc3e8
    }

    .greetings-card--colored-blue-two .feature-element .feature-element__title--clickable:active {
        color: #6ca4dd
    }

    .greetings-card--colored-blue-two .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .greetings-card--colored-blue-two .feature-element__title {
        color: #fff
    }

.greetings-card--colored-yellow-one {
    border: none;
    background: linear-gradient(to right, #fcc460, #ffb852)
}

    .greetings-card--colored-yellow-one .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-yellow-one .btn::before {
            background-image: none
        }

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

        .greetings-card--colored-yellow-one .btn:focus::before, .greetings-card--colored-yellow-one .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-yellow-one .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: #fff
        }

        .greetings-card--colored-yellow-one .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: #fff
        }

        .greetings-card--colored-yellow-one .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-yellow-one .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
        }

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

            .greetings-card--colored-yellow-one .btn::before, .greetings-card--colored-yellow-one .btn:hover, .greetings-card--colored-yellow-one .btn:focus, .greetings-card--colored-yellow-one .btn:active, .greetings-card--colored-yellow-one .btn:focus:active, .greetings-card--colored-yellow-one .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-yellow-one .btn.btn-loading, .greetings-card--colored-yellow-one .btn.btn-loading:hover, .greetings-card--colored-yellow-one .btn.btn-loading:focus, .greetings-card--colored-yellow-one .btn.btn-loading:focus:hover, .greetings-card--colored-yellow-one .btn.btn-loading:active, .greetings-card--colored-yellow-one .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #275ce0
        }

            .greetings-card--colored-yellow-one .btn.btn-loading::after, .greetings-card--colored-yellow-one .btn.btn-loading:hover::after, .greetings-card--colored-yellow-one .btn.btn-loading:focus::after, .greetings-card--colored-yellow-one .btn.btn-loading:focus:hover::after, .greetings-card--colored-yellow-one .btn.btn-loading:active::after, .greetings-card--colored-yellow-one .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-yellow-one .btn.btn-loading svg, .greetings-card--colored-yellow-one .btn.btn-loading .loader, .greetings-card--colored-yellow-one .btn.btn-loading:hover svg, .greetings-card--colored-yellow-one .btn.btn-loading:hover .loader, .greetings-card--colored-yellow-one .btn.btn-loading:focus svg, .greetings-card--colored-yellow-one .btn.btn-loading:focus .loader, .greetings-card--colored-yellow-one .btn.btn-loading:focus:hover svg, .greetings-card--colored-yellow-one .btn.btn-loading:focus:hover .loader, .greetings-card--colored-yellow-one .btn.btn-loading:active svg, .greetings-card--colored-yellow-one .btn.btn-loading:active .loader, .greetings-card--colored-yellow-one .btn.btn-loading:focus:active svg, .greetings-card--colored-yellow-one .btn.btn-loading:focus:active .loader {
                display: none
            }

.greetings-card--colored-yellow-two {
    background-color: rgba(255,210,52,0.75)
}

.greetings-card--colored-yellow-three {
    background-color: #FFDD73
}

    .greetings-card--colored-yellow-three .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-yellow-three .btn::before {
            background-image: none
        }

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

        .greetings-card--colored-yellow-three .btn:focus::before, .greetings-card--colored-yellow-three .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-yellow-three .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: #fff
        }

        .greetings-card--colored-yellow-three .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: #fff
        }

        .greetings-card--colored-yellow-three .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-yellow-three .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
        }

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

            .greetings-card--colored-yellow-three .btn::before, .greetings-card--colored-yellow-three .btn:hover, .greetings-card--colored-yellow-three .btn:focus, .greetings-card--colored-yellow-three .btn:active, .greetings-card--colored-yellow-three .btn:focus:active, .greetings-card--colored-yellow-three .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-yellow-three .btn.btn-loading, .greetings-card--colored-yellow-three .btn.btn-loading:hover, .greetings-card--colored-yellow-three .btn.btn-loading:focus, .greetings-card--colored-yellow-three .btn.btn-loading:focus:hover, .greetings-card--colored-yellow-three .btn.btn-loading:active, .greetings-card--colored-yellow-three .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #275ce0
        }

            .greetings-card--colored-yellow-three .btn.btn-loading::after, .greetings-card--colored-yellow-three .btn.btn-loading:hover::after, .greetings-card--colored-yellow-three .btn.btn-loading:focus::after, .greetings-card--colored-yellow-three .btn.btn-loading:focus:hover::after, .greetings-card--colored-yellow-three .btn.btn-loading:active::after, .greetings-card--colored-yellow-three .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-yellow-three .btn.btn-loading svg, .greetings-card--colored-yellow-three .btn.btn-loading .loader, .greetings-card--colored-yellow-three .btn.btn-loading:hover svg, .greetings-card--colored-yellow-three .btn.btn-loading:hover .loader, .greetings-card--colored-yellow-three .btn.btn-loading:focus svg, .greetings-card--colored-yellow-three .btn.btn-loading:focus .loader, .greetings-card--colored-yellow-three .btn.btn-loading:focus:hover svg, .greetings-card--colored-yellow-three .btn.btn-loading:focus:hover .loader, .greetings-card--colored-yellow-three .btn.btn-loading:active svg, .greetings-card--colored-yellow-three .btn.btn-loading:active .loader, .greetings-card--colored-yellow-three .btn.btn-loading:focus:active svg, .greetings-card--colored-yellow-three .btn.btn-loading:focus:active .loader {
                display: none
            }

.greetings-card--colored-yellow-four {
    border: none;
    background: linear-gradient(to right, #fdcc3b, #fecc3b)
}

    .greetings-card--colored-yellow-four .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-yellow-four .btn::before {
            background-image: none
        }

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

        .greetings-card--colored-yellow-four .btn:focus::before, .greetings-card--colored-yellow-four .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-yellow-four .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: #fff
        }

        .greetings-card--colored-yellow-four .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: #fff
        }

        .greetings-card--colored-yellow-four .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-yellow-four .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
        }

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

            .greetings-card--colored-yellow-four .btn::before, .greetings-card--colored-yellow-four .btn:hover, .greetings-card--colored-yellow-four .btn:focus, .greetings-card--colored-yellow-four .btn:active, .greetings-card--colored-yellow-four .btn:focus:active, .greetings-card--colored-yellow-four .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-yellow-four .btn.btn-loading, .greetings-card--colored-yellow-four .btn.btn-loading:hover, .greetings-card--colored-yellow-four .btn.btn-loading:focus, .greetings-card--colored-yellow-four .btn.btn-loading:focus:hover, .greetings-card--colored-yellow-four .btn.btn-loading:active, .greetings-card--colored-yellow-four .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #275ce0
        }

            .greetings-card--colored-yellow-four .btn.btn-loading::after, .greetings-card--colored-yellow-four .btn.btn-loading:hover::after, .greetings-card--colored-yellow-four .btn.btn-loading:focus::after, .greetings-card--colored-yellow-four .btn.btn-loading:focus:hover::after, .greetings-card--colored-yellow-four .btn.btn-loading:active::after, .greetings-card--colored-yellow-four .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-yellow-four .btn.btn-loading svg, .greetings-card--colored-yellow-four .btn.btn-loading .loader, .greetings-card--colored-yellow-four .btn.btn-loading:hover svg, .greetings-card--colored-yellow-four .btn.btn-loading:hover .loader, .greetings-card--colored-yellow-four .btn.btn-loading:focus svg, .greetings-card--colored-yellow-four .btn.btn-loading:focus .loader, .greetings-card--colored-yellow-four .btn.btn-loading:focus:hover svg, .greetings-card--colored-yellow-four .btn.btn-loading:focus:hover .loader, .greetings-card--colored-yellow-four .btn.btn-loading:active svg, .greetings-card--colored-yellow-four .btn.btn-loading:active .loader, .greetings-card--colored-yellow-four .btn.btn-loading:focus:active svg, .greetings-card--colored-yellow-four .btn.btn-loading:focus:active .loader {
                display: none
            }

.greetings-card--colored-yellow-four-green-button {
    border: none;
    background: linear-gradient(to right, #fdcc3b, #fecc3b)
}

    .greetings-card--colored-yellow-four-green-button .btn {
        background-image: none;
        background-color: #0cac42;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-yellow-four-green-button .btn::before {
            background-image: none
        }

        .greetings-card--colored-yellow-four-green-button .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(10,138,53,0.5);
            background-image: none;
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
            transition: opacity .1s ease-out 0s
        }

        .greetings-card--colored-yellow-four-green-button .btn:focus::before, .greetings-card--colored-yellow-four-green-button .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-yellow-four-green-button .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: #fff
        }

        .greetings-card--colored-yellow-four-green-button .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: #fff
        }

        .greetings-card--colored-yellow-four-green-button .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-yellow-four-green-button .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
        }

            .greetings-card--colored-yellow-four-green-button .btn:focus:active::before {
                box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
            }

            .greetings-card--colored-yellow-four-green-button .btn::before, .greetings-card--colored-yellow-four-green-button .btn:hover, .greetings-card--colored-yellow-four-green-button .btn:focus, .greetings-card--colored-yellow-four-green-button .btn:active, .greetings-card--colored-yellow-four-green-button .btn:focus:active, .greetings-card--colored-yellow-four-green-button .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-yellow-four-green-button .btn.btn-loading, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:hover, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:focus, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:focus:hover, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:active, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #0cac42
        }

            .greetings-card--colored-yellow-four-green-button .btn.btn-loading::after, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:hover::after, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:focus::after, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:focus:hover::after, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:active::after, .greetings-card--colored-yellow-four-green-button .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-yellow-four-green-button .btn.btn-loading svg, .greetings-card--colored-yellow-four-green-button .btn.btn-loading .loader, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:hover svg, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:hover .loader, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:focus svg, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:focus .loader, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:focus:hover svg, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:focus:hover .loader, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:active svg, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:active .loader, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:focus:active svg, .greetings-card--colored-yellow-four-green-button .btn.btn-loading:focus:active .loader {
                display: none
            }

.greetings-card--colored-purple {
    background-color: #C3B5FD
}

.greetings-card--colored-amazon {
    border: none;
    background: linear-gradient(to right, #495860, #51626d)
}

    .greetings-card--colored-amazon .btn {
        background-image: none;
        background-color: #ffc128;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-amazon .btn::before {
            background-image: none
        }

        .greetings-card--colored-amazon .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,154,32,0.5);
            background-image: none;
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
            transition: opacity .1s ease-out 0s
        }

        .greetings-card--colored-amazon .btn:focus::before, .greetings-card--colored-amazon .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-amazon .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: #fff
        }

        .greetings-card--colored-amazon .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: #fff
        }

        .greetings-card--colored-amazon .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-amazon .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
        }

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

            .greetings-card--colored-amazon .btn::before, .greetings-card--colored-amazon .btn:hover, .greetings-card--colored-amazon .btn:focus, .greetings-card--colored-amazon .btn:active, .greetings-card--colored-amazon .btn:focus:active, .greetings-card--colored-amazon .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-amazon .btn.btn-loading, .greetings-card--colored-amazon .btn.btn-loading:hover, .greetings-card--colored-amazon .btn.btn-loading:focus, .greetings-card--colored-amazon .btn.btn-loading:focus:hover, .greetings-card--colored-amazon .btn.btn-loading:active, .greetings-card--colored-amazon .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #ffc128
        }

            .greetings-card--colored-amazon .btn.btn-loading::after, .greetings-card--colored-amazon .btn.btn-loading:hover::after, .greetings-card--colored-amazon .btn.btn-loading:focus::after, .greetings-card--colored-amazon .btn.btn-loading:focus:hover::after, .greetings-card--colored-amazon .btn.btn-loading:active::after, .greetings-card--colored-amazon .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-amazon .btn.btn-loading svg, .greetings-card--colored-amazon .btn.btn-loading .loader, .greetings-card--colored-amazon .btn.btn-loading:hover svg, .greetings-card--colored-amazon .btn.btn-loading:hover .loader, .greetings-card--colored-amazon .btn.btn-loading:focus svg, .greetings-card--colored-amazon .btn.btn-loading:focus .loader, .greetings-card--colored-amazon .btn.btn-loading:focus:hover svg, .greetings-card--colored-amazon .btn.btn-loading:focus:hover .loader, .greetings-card--colored-amazon .btn.btn-loading:active svg, .greetings-card--colored-amazon .btn.btn-loading:active .loader, .greetings-card--colored-amazon .btn.btn-loading:focus:active svg, .greetings-card--colored-amazon .btn.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-amazon .feature-element .feature-element__title--clickable:hover {
        color: #b6bcbf
    }

    .greetings-card--colored-amazon .feature-element .feature-element__title--clickable:active {
        color: #929ba0
    }

    .greetings-card--colored-amazon .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .greetings-card--colored-amazon .feature-element__title {
        color: #fff
    }

.greetings-card--colored-square {
    border: none;
    background: linear-gradient(to right, #5bbde8, #5bbde8)
}

    .greetings-card--colored-square .btn {
        background-image: none;
        background-color: #3e4348;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-square .btn::before {
            background-image: none
        }

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

        .greetings-card--colored-square .btn:focus::before, .greetings-card--colored-square .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-square .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: #fff
        }

        .greetings-card--colored-square .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: #fff
        }

        .greetings-card--colored-square .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-square .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
        }

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

            .greetings-card--colored-square .btn::before, .greetings-card--colored-square .btn:hover, .greetings-card--colored-square .btn:focus, .greetings-card--colored-square .btn:active, .greetings-card--colored-square .btn:focus:active, .greetings-card--colored-square .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-square .btn.btn-loading, .greetings-card--colored-square .btn.btn-loading:hover, .greetings-card--colored-square .btn.btn-loading:focus, .greetings-card--colored-square .btn.btn-loading:focus:hover, .greetings-card--colored-square .btn.btn-loading:active, .greetings-card--colored-square .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #3e4348
        }

            .greetings-card--colored-square .btn.btn-loading::after, .greetings-card--colored-square .btn.btn-loading:hover::after, .greetings-card--colored-square .btn.btn-loading:focus::after, .greetings-card--colored-square .btn.btn-loading:focus:hover::after, .greetings-card--colored-square .btn.btn-loading:active::after, .greetings-card--colored-square .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-square .btn.btn-loading svg, .greetings-card--colored-square .btn.btn-loading .loader, .greetings-card--colored-square .btn.btn-loading:hover svg, .greetings-card--colored-square .btn.btn-loading:hover .loader, .greetings-card--colored-square .btn.btn-loading:focus svg, .greetings-card--colored-square .btn.btn-loading:focus .loader, .greetings-card--colored-square .btn.btn-loading:focus:hover svg, .greetings-card--colored-square .btn.btn-loading:focus:hover .loader, .greetings-card--colored-square .btn.btn-loading:active svg, .greetings-card--colored-square .btn.btn-loading:active .loader, .greetings-card--colored-square .btn.btn-loading:focus:active svg, .greetings-card--colored-square .btn.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-square .feature-element .feature-element__title--clickable:hover {
        color: #bde5f6
    }

    .greetings-card--colored-square .feature-element .feature-element__title--clickable:active {
        color: #9dd7f1
    }

.greetings-card--colored-shopapp {
    border: none;
    background: linear-gradient(to right, #006064, #006064);
    color: #fff
}

    .greetings-card--colored-shopapp .btn {
        background-image: none;
        background-color: #FFC127;
        color: #000;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-shopapp .btn::before {
            background-image: none
        }

        .greetings-card--colored-shopapp .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,154,31,0.5);
            background-image: none;
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
            transition: opacity .1s ease-out 0s
        }

        .greetings-card--colored-shopapp .btn:focus::before, .greetings-card--colored-shopapp .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-shopapp .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: #000
        }

        .greetings-card--colored-shopapp .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: #000
        }

        .greetings-card--colored-shopapp .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: #000;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-shopapp .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
        }

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

            .greetings-card--colored-shopapp .btn::before, .greetings-card--colored-shopapp .btn:hover, .greetings-card--colored-shopapp .btn:focus, .greetings-card--colored-shopapp .btn:active, .greetings-card--colored-shopapp .btn:focus:active, .greetings-card--colored-shopapp .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-shopapp .btn.btn-loading, .greetings-card--colored-shopapp .btn.btn-loading:hover, .greetings-card--colored-shopapp .btn.btn-loading:focus, .greetings-card--colored-shopapp .btn.btn-loading:focus:hover, .greetings-card--colored-shopapp .btn.btn-loading:active, .greetings-card--colored-shopapp .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #FFC127
        }

            .greetings-card--colored-shopapp .btn.btn-loading::after, .greetings-card--colored-shopapp .btn.btn-loading:hover::after, .greetings-card--colored-shopapp .btn.btn-loading:focus::after, .greetings-card--colored-shopapp .btn.btn-loading:focus:hover::after, .greetings-card--colored-shopapp .btn.btn-loading:active::after, .greetings-card--colored-shopapp .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='%23000'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-shopapp .btn.btn-loading svg, .greetings-card--colored-shopapp .btn.btn-loading .loader, .greetings-card--colored-shopapp .btn.btn-loading:hover svg, .greetings-card--colored-shopapp .btn.btn-loading:hover .loader, .greetings-card--colored-shopapp .btn.btn-loading:focus svg, .greetings-card--colored-shopapp .btn.btn-loading:focus .loader, .greetings-card--colored-shopapp .btn.btn-loading:focus:hover svg, .greetings-card--colored-shopapp .btn.btn-loading:focus:hover .loader, .greetings-card--colored-shopapp .btn.btn-loading:active svg, .greetings-card--colored-shopapp .btn.btn-loading:active .loader, .greetings-card--colored-shopapp .btn.btn-loading:focus:active svg, .greetings-card--colored-shopapp .btn.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-shopapp .feature-element .feature-element__title--clickable:hover {
        color: #99bfc1
    }

    .greetings-card--colored-shopapp .feature-element .feature-element__title--clickable:active {
        color: #66a0a2
    }

    .greetings-card--colored-shopapp .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .greetings-card--colored-shopapp .feature-element__title {
        color: #fff
    }

.greetings-card--colored-ls-payments {
    border: none;
    background: linear-gradient(to right, #191513, #191513);
    color: #fff
}

    .greetings-card--colored-ls-payments .btn {
        background-image: none;
        background-color: #f43c36;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-ls-payments .btn::before {
            background-image: none
        }

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

        .greetings-card--colored-ls-payments .btn:focus::before, .greetings-card--colored-ls-payments .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-ls-payments .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: #fff
        }

        .greetings-card--colored-ls-payments .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: #fff
        }

        .greetings-card--colored-ls-payments .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-ls-payments .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
        }

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

            .greetings-card--colored-ls-payments .btn::before, .greetings-card--colored-ls-payments .btn:hover, .greetings-card--colored-ls-payments .btn:focus, .greetings-card--colored-ls-payments .btn:active, .greetings-card--colored-ls-payments .btn:focus:active, .greetings-card--colored-ls-payments .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-ls-payments .btn.btn-loading, .greetings-card--colored-ls-payments .btn.btn-loading:hover, .greetings-card--colored-ls-payments .btn.btn-loading:focus, .greetings-card--colored-ls-payments .btn.btn-loading:focus:hover, .greetings-card--colored-ls-payments .btn.btn-loading:active, .greetings-card--colored-ls-payments .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #f43c36
        }

            .greetings-card--colored-ls-payments .btn.btn-loading::after, .greetings-card--colored-ls-payments .btn.btn-loading:hover::after, .greetings-card--colored-ls-payments .btn.btn-loading:focus::after, .greetings-card--colored-ls-payments .btn.btn-loading:focus:hover::after, .greetings-card--colored-ls-payments .btn.btn-loading:active::after, .greetings-card--colored-ls-payments .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-ls-payments .btn.btn-loading svg, .greetings-card--colored-ls-payments .btn.btn-loading .loader, .greetings-card--colored-ls-payments .btn.btn-loading:hover svg, .greetings-card--colored-ls-payments .btn.btn-loading:hover .loader, .greetings-card--colored-ls-payments .btn.btn-loading:focus svg, .greetings-card--colored-ls-payments .btn.btn-loading:focus .loader, .greetings-card--colored-ls-payments .btn.btn-loading:focus:hover svg, .greetings-card--colored-ls-payments .btn.btn-loading:focus:hover .loader, .greetings-card--colored-ls-payments .btn.btn-loading:active svg, .greetings-card--colored-ls-payments .btn.btn-loading:active .loader, .greetings-card--colored-ls-payments .btn.btn-loading:focus:active svg, .greetings-card--colored-ls-payments .btn.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-ls-payments .feature-element .feature-element__title--clickable:hover {
        color: #a3a1a1
    }

    .greetings-card--colored-ls-payments .feature-element .feature-element__title--clickable:active {
        color: #757371
    }

    .greetings-card--colored-ls-payments .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .greetings-card--colored-ls-payments .feature-element__title {
        color: #fff
    }

.greetings-card--colored-facebook {
    border: none;
    background: linear-gradient(to right, #3860c6, #5780dd)
}

    .greetings-card--colored-facebook .btn {
        background-image: none;
        background-color: #ff9f08;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-facebook .btn::before {
            background-image: none
        }

        .greetings-card--colored-facebook .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,127,6,0.5);
            background-image: none;
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
            transition: opacity .1s ease-out 0s
        }

        .greetings-card--colored-facebook .btn:focus::before, .greetings-card--colored-facebook .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-facebook .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: #fff
        }

        .greetings-card--colored-facebook .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: #fff
        }

        .greetings-card--colored-facebook .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-facebook .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
        }

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

            .greetings-card--colored-facebook .btn::before, .greetings-card--colored-facebook .btn:hover, .greetings-card--colored-facebook .btn:focus, .greetings-card--colored-facebook .btn:active, .greetings-card--colored-facebook .btn:focus:active, .greetings-card--colored-facebook .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-facebook .btn.btn-loading, .greetings-card--colored-facebook .btn.btn-loading:hover, .greetings-card--colored-facebook .btn.btn-loading:focus, .greetings-card--colored-facebook .btn.btn-loading:focus:hover, .greetings-card--colored-facebook .btn.btn-loading:active, .greetings-card--colored-facebook .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #ff9f08
        }

            .greetings-card--colored-facebook .btn.btn-loading::after, .greetings-card--colored-facebook .btn.btn-loading:hover::after, .greetings-card--colored-facebook .btn.btn-loading:focus::after, .greetings-card--colored-facebook .btn.btn-loading:focus:hover::after, .greetings-card--colored-facebook .btn.btn-loading:active::after, .greetings-card--colored-facebook .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-facebook .btn.btn-loading svg, .greetings-card--colored-facebook .btn.btn-loading .loader, .greetings-card--colored-facebook .btn.btn-loading:hover svg, .greetings-card--colored-facebook .btn.btn-loading:hover .loader, .greetings-card--colored-facebook .btn.btn-loading:focus svg, .greetings-card--colored-facebook .btn.btn-loading:focus .loader, .greetings-card--colored-facebook .btn.btn-loading:focus:hover svg, .greetings-card--colored-facebook .btn.btn-loading:focus:hover .loader, .greetings-card--colored-facebook .btn.btn-loading:active svg, .greetings-card--colored-facebook .btn.btn-loading:active .loader, .greetings-card--colored-facebook .btn.btn-loading:focus:active svg, .greetings-card--colored-facebook .btn.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-facebook .feature-element .feature-element__title--clickable:hover {
        color: #afbfe8
    }

    .greetings-card--colored-facebook .feature-element .feature-element__title--clickable:active {
        color: #88a0dd
    }

    .greetings-card--colored-facebook .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .greetings-card--colored-facebook .feature-element__title {
        color: #fff
    }

.greetings-card--colored-black {
    background-color: #000
}

    .greetings-card--colored-black .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .greetings-card--colored-black .feature-element__title {
        color: #fff
    }

.greetings-card--colored-ls-payments-promo {
    background-color: #0a1c2e;
    color: #fff
}

    .greetings-card--colored-ls-payments-promo .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .greetings-card--colored-ls-payments-promo .feature-element__title {
        color: #fff
    }

        .greetings-card--colored-ls-payments-promo .feature-element__title em {
            color: #fc7979;
            font-style: normal
        }

    .greetings-card--colored-ls-payments-promo .checkmark-list__item::before {
        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23fff' 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") left top no-repeat
    }

    .greetings-card--colored-ls-payments-promo .feature-element .feature-element__title--clickable:hover {
        color: #fec9c9
    }

    .greetings-card--colored-ls-payments-promo .feature-element .feature-element__title--clickable:active {
        color: #fdafaf
    }

    .greetings-card--colored-ls-payments-promo .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-ls-payments-promo .btn::before {
            background-image: none
        }

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

        .greetings-card--colored-ls-payments-promo .btn:focus::before, .greetings-card--colored-ls-payments-promo .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-ls-payments-promo .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: #fff
        }

        .greetings-card--colored-ls-payments-promo .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: #fff
        }

        .greetings-card--colored-ls-payments-promo .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-ls-payments-promo .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
        }

            .greetings-card--colored-ls-payments-promo .btn:focus:active::before {
                box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
            }

            .greetings-card--colored-ls-payments-promo .btn::before, .greetings-card--colored-ls-payments-promo .btn:hover, .greetings-card--colored-ls-payments-promo .btn:focus, .greetings-card--colored-ls-payments-promo .btn:active, .greetings-card--colored-ls-payments-promo .btn:focus:active, .greetings-card--colored-ls-payments-promo .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-ls-payments-promo .btn.btn-loading, .greetings-card--colored-ls-payments-promo .btn.btn-loading:hover, .greetings-card--colored-ls-payments-promo .btn.btn-loading:focus, .greetings-card--colored-ls-payments-promo .btn.btn-loading:focus:hover, .greetings-card--colored-ls-payments-promo .btn.btn-loading:active, .greetings-card--colored-ls-payments-promo .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #275ce0
        }

            .greetings-card--colored-ls-payments-promo .btn.btn-loading::after, .greetings-card--colored-ls-payments-promo .btn.btn-loading:hover::after, .greetings-card--colored-ls-payments-promo .btn.btn-loading:focus::after, .greetings-card--colored-ls-payments-promo .btn.btn-loading:focus:hover::after, .greetings-card--colored-ls-payments-promo .btn.btn-loading:active::after, .greetings-card--colored-ls-payments-promo .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-ls-payments-promo .btn.btn-loading svg, .greetings-card--colored-ls-payments-promo .btn.btn-loading .loader, .greetings-card--colored-ls-payments-promo .btn.btn-loading:hover svg, .greetings-card--colored-ls-payments-promo .btn.btn-loading:hover .loader, .greetings-card--colored-ls-payments-promo .btn.btn-loading:focus svg, .greetings-card--colored-ls-payments-promo .btn.btn-loading:focus .loader, .greetings-card--colored-ls-payments-promo .btn.btn-loading:focus:hover svg, .greetings-card--colored-ls-payments-promo .btn.btn-loading:focus:hover .loader, .greetings-card--colored-ls-payments-promo .btn.btn-loading:active svg, .greetings-card--colored-ls-payments-promo .btn.btn-loading:active .loader, .greetings-card--colored-ls-payments-promo .btn.btn-loading:focus:active svg, .greetings-card--colored-ls-payments-promo .btn.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-ls-payments-promo a {
        color: #8aacff
    }

        .greetings-card--colored-ls-payments-promo a:hover, .greetings-card--colored-ls-payments-promo a a:focus {
            color: #6e8acc
        }

            .greetings-card--colored-ls-payments-promo a:hover span, .greetings-card--colored-ls-payments-promo a a:focus span {
                color: #6e8acc
            }

        .greetings-card--colored-ls-payments-promo a:visited {
            color: #8aacff
        }

.greetings-card--colored-paypal-upgrade-promo {
    background-color: #fcbb32
}

    .greetings-card--colored-paypal-upgrade-promo .feature-element .feature-element__title--clickable {
        color: #000
    }

    .greetings-card--colored-paypal-upgrade-promo .feature-element__title {
        color: #000
    }

    .greetings-card--colored-paypal-upgrade-promo .feature-element .feature-element__title--clickable:hover {
        color: #fee4ad
    }

    .greetings-card--colored-paypal-upgrade-promo .feature-element .feature-element__title--clickable:active {
        color: #fdd684
    }

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

        .greetings-card--colored-paypal-upgrade-promo .btn::before {
            background-image: none
        }

        .greetings-card--colored-paypal-upgrade-promo .btn::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
        }

        .greetings-card--colored-paypal-upgrade-promo .btn:focus::before, .greetings-card--colored-paypal-upgrade-promo .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-paypal-upgrade-promo .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: #fff
        }

        .greetings-card--colored-paypal-upgrade-promo .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: #fff
        }

        .greetings-card--colored-paypal-upgrade-promo .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-paypal-upgrade-promo .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
        }

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

            .greetings-card--colored-paypal-upgrade-promo .btn::before, .greetings-card--colored-paypal-upgrade-promo .btn:hover, .greetings-card--colored-paypal-upgrade-promo .btn:focus, .greetings-card--colored-paypal-upgrade-promo .btn:active, .greetings-card--colored-paypal-upgrade-promo .btn:focus:active, .greetings-card--colored-paypal-upgrade-promo .btn:focus:active::before {
                box-shadow: none
            }

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

            .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading::after, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading:hover::after, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading:focus::after, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading:focus:hover::after, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading:active::after, .greetings-card--colored-paypal-upgrade-promo .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading svg, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading .loader, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading:hover svg, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading:hover .loader, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading:focus svg, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading:focus .loader, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading:focus:hover svg, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading:focus:hover .loader, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading:active svg, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading:active .loader, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading:focus:active svg, .greetings-card--colored-paypal-upgrade-promo .btn.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-paypal-upgrade-promo .svg-icon {
        color: #000
    }

    .greetings-card--colored-paypal-upgrade-promo a {
        color: #fff
    }

        .greetings-card--colored-paypal-upgrade-promo a:hover, .greetings-card--colored-paypal-upgrade-promo a a:focus {
            color: #fee4ad
        }

            .greetings-card--colored-paypal-upgrade-promo a:hover span, .greetings-card--colored-paypal-upgrade-promo a a:focus span {
                color: #fee4ad
            }

.greetings-card--colored-wepay-migration {
    background-color: #2a2a2a;
    color: #fff
}

    .greetings-card--colored-wepay-migration .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .greetings-card--colored-wepay-migration .feature-element__title {
        color: #fff
    }

    .greetings-card--colored-wepay-migration .feature-element .feature-element__title--clickable:hover {
        color: #aaa
    }

    .greetings-card--colored-wepay-migration .feature-element .feature-element__title--clickable:active {
        color: #7f7f7f
    }

    .greetings-card--colored-wepay-migration .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-wepay-migration .btn::before {
            background-image: none
        }

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

        .greetings-card--colored-wepay-migration .btn:focus::before, .greetings-card--colored-wepay-migration .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-wepay-migration .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: #fff
        }

        .greetings-card--colored-wepay-migration .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: #fff
        }

        .greetings-card--colored-wepay-migration .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-wepay-migration .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
        }

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

            .greetings-card--colored-wepay-migration .btn::before, .greetings-card--colored-wepay-migration .btn:hover, .greetings-card--colored-wepay-migration .btn:focus, .greetings-card--colored-wepay-migration .btn:active, .greetings-card--colored-wepay-migration .btn:focus:active, .greetings-card--colored-wepay-migration .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-wepay-migration .btn.btn-loading, .greetings-card--colored-wepay-migration .btn.btn-loading:hover, .greetings-card--colored-wepay-migration .btn.btn-loading:focus, .greetings-card--colored-wepay-migration .btn.btn-loading:focus:hover, .greetings-card--colored-wepay-migration .btn.btn-loading:active, .greetings-card--colored-wepay-migration .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #275ce0
        }

            .greetings-card--colored-wepay-migration .btn.btn-loading::after, .greetings-card--colored-wepay-migration .btn.btn-loading:hover::after, .greetings-card--colored-wepay-migration .btn.btn-loading:focus::after, .greetings-card--colored-wepay-migration .btn.btn-loading:focus:hover::after, .greetings-card--colored-wepay-migration .btn.btn-loading:active::after, .greetings-card--colored-wepay-migration .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-wepay-migration .btn.btn-loading svg, .greetings-card--colored-wepay-migration .btn.btn-loading .loader, .greetings-card--colored-wepay-migration .btn.btn-loading:hover svg, .greetings-card--colored-wepay-migration .btn.btn-loading:hover .loader, .greetings-card--colored-wepay-migration .btn.btn-loading:focus svg, .greetings-card--colored-wepay-migration .btn.btn-loading:focus .loader, .greetings-card--colored-wepay-migration .btn.btn-loading:focus:hover svg, .greetings-card--colored-wepay-migration .btn.btn-loading:focus:hover .loader, .greetings-card--colored-wepay-migration .btn.btn-loading:active svg, .greetings-card--colored-wepay-migration .btn.btn-loading:active .loader, .greetings-card--colored-wepay-migration .btn.btn-loading:focus:active svg, .greetings-card--colored-wepay-migration .btn.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-wepay-migration .btn-secondary {
        background-image: none;
        background-color: #2a2a2a;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-wepay-migration .btn-secondary::before {
            background-image: none
        }

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

        .greetings-card--colored-wepay-migration .btn-secondary:focus::before, .greetings-card--colored-wepay-migration .btn-secondary:hover::before {
            opacity: 1
        }

        .greetings-card--colored-wepay-migration .btn-secondary: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
        }

        .greetings-card--colored-wepay-migration .btn-secondary: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
        }

        .greetings-card--colored-wepay-migration .btn-secondary: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)
        }

        .greetings-card--colored-wepay-migration .btn-secondary: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
        }

            .greetings-card--colored-wepay-migration .btn-secondary:focus:active::before {
                box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
            }

            .greetings-card--colored-wepay-migration .btn-secondary::before, .greetings-card--colored-wepay-migration .btn-secondary:hover, .greetings-card--colored-wepay-migration .btn-secondary:focus, .greetings-card--colored-wepay-migration .btn-secondary:active, .greetings-card--colored-wepay-migration .btn-secondary:focus:active, .greetings-card--colored-wepay-migration .btn-secondary:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-wepay-migration .btn-secondary.btn-loading, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:hover, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:focus, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:focus:hover, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:active, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #2a2a2a
        }

            .greetings-card--colored-wepay-migration .btn-secondary.btn-loading::after, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:hover::after, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:focus::after, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:focus:hover::after, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:active::after, .greetings-card--colored-wepay-migration .btn-secondary.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
            }

            .greetings-card--colored-wepay-migration .btn-secondary.btn-loading svg, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading .loader, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:hover svg, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:hover .loader, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:focus svg, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:focus .loader, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:focus:hover svg, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:focus:hover .loader, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:active svg, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:active .loader, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:focus:active svg, .greetings-card--colored-wepay-migration .btn-secondary.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-wepay-migration .svg-icon {
        color: #fff
    }

    .greetings-card--colored-wepay-migration a {
        color: #275ce0
    }

        .greetings-card--colored-wepay-migration a:hover, .greetings-card--colored-wepay-migration a a:focus {
            color: #aaa
        }

            .greetings-card--colored-wepay-migration a:hover span, .greetings-card--colored-wepay-migration a a:focus span {
                color: #aaa
            }

.greetings-card--colored-wepay-shutdown {
    background-color: #c71213;
    color: #fff
}

    .greetings-card--colored-wepay-shutdown .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .greetings-card--colored-wepay-shutdown .feature-element__title {
        color: #fff
    }

    .greetings-card--colored-wepay-shutdown .feature-element .feature-element__title--clickable:hover {
        color: #e9a0a1
    }

    .greetings-card--colored-wepay-shutdown .feature-element .feature-element__title--clickable:active {
        color: #dd7171
    }

    .greetings-card--colored-wepay-shutdown .btn {
        background-image: none;
        background-color: #fff;
        color: #000;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-wepay-shutdown .btn::before {
            background-image: none
        }

        .greetings-card--colored-wepay-shutdown .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
        }

        .greetings-card--colored-wepay-shutdown .btn:focus::before, .greetings-card--colored-wepay-shutdown .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-wepay-shutdown .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: #000
        }

        .greetings-card--colored-wepay-shutdown .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: #000
        }

        .greetings-card--colored-wepay-shutdown .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: #000;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-wepay-shutdown .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
        }

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

            .greetings-card--colored-wepay-shutdown .btn::before, .greetings-card--colored-wepay-shutdown .btn:hover, .greetings-card--colored-wepay-shutdown .btn:focus, .greetings-card--colored-wepay-shutdown .btn:active, .greetings-card--colored-wepay-shutdown .btn:focus:active, .greetings-card--colored-wepay-shutdown .btn:focus:active::before {
                box-shadow: none
            }

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

            .greetings-card--colored-wepay-shutdown .btn.btn-loading::after, .greetings-card--colored-wepay-shutdown .btn.btn-loading:hover::after, .greetings-card--colored-wepay-shutdown .btn.btn-loading:focus::after, .greetings-card--colored-wepay-shutdown .btn.btn-loading:focus:hover::after, .greetings-card--colored-wepay-shutdown .btn.btn-loading:active::after, .greetings-card--colored-wepay-shutdown .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='%23000'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-wepay-shutdown .btn.btn-loading svg, .greetings-card--colored-wepay-shutdown .btn.btn-loading .loader, .greetings-card--colored-wepay-shutdown .btn.btn-loading:hover svg, .greetings-card--colored-wepay-shutdown .btn.btn-loading:hover .loader, .greetings-card--colored-wepay-shutdown .btn.btn-loading:focus svg, .greetings-card--colored-wepay-shutdown .btn.btn-loading:focus .loader, .greetings-card--colored-wepay-shutdown .btn.btn-loading:focus:hover svg, .greetings-card--colored-wepay-shutdown .btn.btn-loading:focus:hover .loader, .greetings-card--colored-wepay-shutdown .btn.btn-loading:active svg, .greetings-card--colored-wepay-shutdown .btn.btn-loading:active .loader, .greetings-card--colored-wepay-shutdown .btn.btn-loading:focus:active svg, .greetings-card--colored-wepay-shutdown .btn.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-wepay-shutdown .btn-secondary {
        background-image: none;
        background-color: #c71213;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-wepay-shutdown .btn-secondary::before {
            background-image: none
        }

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

        .greetings-card--colored-wepay-shutdown .btn-secondary:focus::before, .greetings-card--colored-wepay-shutdown .btn-secondary:hover::before {
            opacity: 1
        }

        .greetings-card--colored-wepay-shutdown .btn-secondary: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
        }

        .greetings-card--colored-wepay-shutdown .btn-secondary: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
        }

        .greetings-card--colored-wepay-shutdown .btn-secondary: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)
        }

        .greetings-card--colored-wepay-shutdown .btn-secondary: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
        }

            .greetings-card--colored-wepay-shutdown .btn-secondary:focus:active::before {
                box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
            }

            .greetings-card--colored-wepay-shutdown .btn-secondary::before, .greetings-card--colored-wepay-shutdown .btn-secondary:hover, .greetings-card--colored-wepay-shutdown .btn-secondary:focus, .greetings-card--colored-wepay-shutdown .btn-secondary:active, .greetings-card--colored-wepay-shutdown .btn-secondary:focus:active, .greetings-card--colored-wepay-shutdown .btn-secondary:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:hover, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus:hover, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:active, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #c71213
        }

            .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading::after, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:hover::after, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus::after, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus:hover::after, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:active::after, .greetings-card--colored-wepay-shutdown .btn-secondary.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
            }

            .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading svg, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading .loader, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:hover svg, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:hover .loader, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus svg, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus .loader, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus:hover svg, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus:hover .loader, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:active svg, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:active .loader, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus:active svg, .greetings-card--colored-wepay-shutdown .btn-secondary.btn-loading:focus:active .loader {
                display: none
            }

    .greetings-card--colored-wepay-shutdown .svg-icon {
        color: #fff
    }

.greetings-card--colored-instagram {
    border: none;
    background: linear-gradient(to right, #ffabc9, #eab2c7)
}

    .greetings-card--colored-instagram .btn {
        background-image: none;
        background-color: #aa1d8f;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .greetings-card--colored-instagram .btn::before {
            background-image: none
        }

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

        .greetings-card--colored-instagram .btn:focus::before, .greetings-card--colored-instagram .btn:hover::before {
            opacity: 1
        }

        .greetings-card--colored-instagram .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: #fff
        }

        .greetings-card--colored-instagram .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: #fff
        }

        .greetings-card--colored-instagram .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .greetings-card--colored-instagram .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
        }

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

            .greetings-card--colored-instagram .btn::before, .greetings-card--colored-instagram .btn:hover, .greetings-card--colored-instagram .btn:focus, .greetings-card--colored-instagram .btn:active, .greetings-card--colored-instagram .btn:focus:active, .greetings-card--colored-instagram .btn:focus:active::before {
                box-shadow: none
            }

        .greetings-card--colored-instagram .btn.btn-loading, .greetings-card--colored-instagram .btn.btn-loading:hover, .greetings-card--colored-instagram .btn.btn-loading:focus, .greetings-card--colored-instagram .btn.btn-loading:focus:hover, .greetings-card--colored-instagram .btn.btn-loading:active, .greetings-card--colored-instagram .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #aa1d8f
        }

            .greetings-card--colored-instagram .btn.btn-loading::after, .greetings-card--colored-instagram .btn.btn-loading:hover::after, .greetings-card--colored-instagram .btn.btn-loading:focus::after, .greetings-card--colored-instagram .btn.btn-loading:focus:hover::after, .greetings-card--colored-instagram .btn.btn-loading:active::after, .greetings-card--colored-instagram .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .greetings-card--colored-instagram .btn.btn-loading svg, .greetings-card--colored-instagram .btn.btn-loading .loader, .greetings-card--colored-instagram .btn.btn-loading:hover svg, .greetings-card--colored-instagram .btn.btn-loading:hover .loader, .greetings-card--colored-instagram .btn.btn-loading:focus svg, .greetings-card--colored-instagram .btn.btn-loading:focus .loader, .greetings-card--colored-instagram .btn.btn-loading:focus:hover svg, .greetings-card--colored-instagram .btn.btn-loading:focus:hover .loader, .greetings-card--colored-instagram .btn.btn-loading:active svg, .greetings-card--colored-instagram .btn.btn-loading:active .loader, .greetings-card--colored-instagram .btn.btn-loading:focus:active svg, .greetings-card--colored-instagram .btn.btn-loading:focus:active .loader {
                display: none
            }

.greetings-card--colored-green-two, .greetings-card--colored-blue-one, .greetings-card--colored-blue-two, .greetings-card--colored-amazon, .greetings-card--colored-black, .greetings-card--colored-facebook {
    color: #fff
}

    .greetings-card--colored-green-two .iconic-dropdown-menu, .greetings-card--colored-blue-one .iconic-dropdown-menu, .greetings-card--colored-blue-two .iconic-dropdown-menu, .greetings-card--colored-amazon .iconic-dropdown-menu, .greetings-card--colored-black .iconic-dropdown-menu, .greetings-card--colored-facebook .iconic-dropdown-menu {
        color: #fff
    }

        .greetings-card--colored-green-two .iconic-dropdown-menu:hover, .greetings-card--colored-blue-one .iconic-dropdown-menu:hover, .greetings-card--colored-blue-two .iconic-dropdown-menu:hover, .greetings-card--colored-amazon .iconic-dropdown-menu:hover, .greetings-card--colored-black .iconic-dropdown-menu:hover, .greetings-card--colored-facebook .iconic-dropdown-menu:hover {
            color: #b3b3b3
        }

    .greetings-card--colored-green-two .feature-element .feature-element__title--clickable, .greetings-card--colored-blue-one .feature-element .feature-element__title--clickable, .greetings-card--colored-blue-two .feature-element .feature-element__title--clickable, .greetings-card--colored-amazon .feature-element .feature-element__title--clickable, .greetings-card--colored-black .feature-element .feature-element__title--clickable, .greetings-card--colored-facebook .feature-element .feature-element__title--clickable {
        color: #fff
    }

.greetings-card__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: var(--headers-font-weight, 700);
    font-family: var(--headers-font-family)
}

.greetings-card__infographics svg, .greetings-card__infographics img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 200px;
    object-fit: cover
}

.greetings-card__content {
    padding: 16px
}

@media screen and (min-width: 768px) {
    .greetings-card__content {
        padding: 20px 24px
    }
}

.hideable {
    overflow: hidden;
    opacity: 1;
    transform: scale(1);
    transition: opacity .15s ease-in-out, transform .15s ease-in, max-height .15s ease-in-out
}

.hideable--dashboard-order-action {
    max-height: 200px
}

.hideable--hidden {
    opacity: 0;
    max-height: 0;
    transform: scale(0.9);
    transition: opacity .15s ease-in-out, transform .15s ease-out, max-height .15s ease-in-out
}

.horizontal-progress-bar {
    position: relative;
    width: 100%;
    height: 2px;
    margin: 8px 0;
    border-radius: 1px;
    background: rgba(128,143,157,0.5)
}

.horizontal-progress-bar--hidden {
    visibility: hidden
}

.horizontal-progress-bar__fill {
    position: absolute;
    top: -1px;
    left: 0;
    height: 4px;
    border-radius: 2px;
    background: #0cac42;
    transition: width .2s linear
}

.horizontal-progress-value {
    color: #0cac42
}

.icolink {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    padding: 6px;
    border-radius: 50%;
    text-align: center;
    transition: color .1s linear, box-shadow .1s linear, background-color .1s linear;
    cursor: pointer
}

    .icolink.secondary, .icolink.icolink--secondary {
        color: #607385
    }

        .icolink.secondary:hover, .icolink.icolink--secondary:hover {
            color: #275ce0
        }

        .icolink.secondary.icolink--ai:hover, .icolink.icolink--secondary.icolink--ai:hover {
            color: #a548be
        }

    .icolink.primary, .icolink.icolink--primary {
        color: #275ce0
    }

        .icolink.primary.icolink--ai, .icolink.icolink--primary.icolink--ai {
            color: #a548be
        }

    .icolink.icolink--single-mode {
        color: #607385
    }

    .icolink .svg-icon {
        color: inherit
    }

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

    .icolink:hover, .icolink.icolink--hover, .icolink:focus {
        background-color: #fff;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15)
    }

    .icolink:active {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15);
        transform: translateY(1px)
    }

    .icolink[aria-disabled="true"] {
        opacity: .4;
        color: #607385;
        cursor: default;
        pointer-events: none
    }

.icolink--medium {
    width: 40px;
    height: 40px;
    padding: 10px
}

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

.iconic-dropdown-menu {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    padding: 8px;
    border-radius: 16px;
    color: #607385;
    text-align: center;
    transition: color .1s linear, box-shadow .1s linear, background-color .1s linear;
    cursor: pointer
}

    .iconic-dropdown-menu .svg-icon {
        color: inherit
    }

    .iconic-dropdown-menu svg {
        width: 100%;
        height: 100%
    }

    .iconic-dropdown-menu:hover, .iconic-dropdown-menu.iconic-dropdown-menu--hover {
        color: #1b409d;
        background-color: #fff;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15)
    }

    .iconic-dropdown-menu:active {
        margin-top: 1px;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15)
    }

        .iconic-dropdown-menu:active .list-dropdown {
            margin-top: 11px
        }

    .iconic-dropdown-menu .list-dropdown {
        display: none;
        right: 0;
        margin-top: 12px
    }

    .iconic-dropdown-menu.iconic-dropdown-menu--opened .list-dropdown {
        display: block;
        overflow: visible
    }

.iconic-dropdown-menu--rotated .svg-icon svg {
    transform: rotate(180deg)
}

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

.inputcard .inputcard__field {
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .inputcard .inputcard__field {
        width: 100%;
        margin-right: 8px
    }
}

.inputcard .inputcard__field .fieldset {
    width: 100%
}

.inputcard .inputcard__button {
    width: 100%;
    min-width: 176px
}

@media screen and (min-width: 768px) {
    .inputcard .inputcard__button {
        width: auto;
        min-width: 208px
    }
}

.inputcard .inputcard__button .btn {
    width: 100%
}

@media screen and (min-width: 768px) {
    .iconable-block__content .inputcard {
        padding-right: 8px
    }
}

.inline-text-tag {
    display: inline-block;
    margin: -2px 0;
    padding: 2px 5px;
    border-radius: 2px;
    background: #275ce0;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px
}

.inline-text-tag--success {
    background: #0cac42
}

.inline-text-tag--warning {
    background: #de9d1c
}

.inline-text-tag--error {
    background: #f43c36
}

.inline-text-tag--light-half {
    background: rgba(128,143,157,0.5)
}

.inline-text-tag--light {
    background: #808f9d
}

.inline-text-tag--highlight {
    background: #202427
}

.inline-text-tag--parameter {
    background: #e3e3e3;
    padding: 1px 5px;
    color: unset
}

.ec-list-items-selector {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.ec-list-items-selector--opened .ec-list-items-selector__dropdown {
    display: block
}

.ec-list-items-selector--selected .btn-default {
    box-shadow: 0 0 0 1px #808f9d inset
}

    .ec-list-items-selector--selected .btn-default::before {
        opacity: 1
    }

.ec-list-items-selector__button {
    min-width: 30px;
    margin-right: 0;
    margin-left: -1px;
    padding-left: 20px
}

    .ec-list-items-selector__button .iconable-link {
        color: inherit
    }

    .ec-list-items-selector__button .iconable-link__text {
        display: inline;
        white-space: normal;
        font-size: 12px;
        line-height: 18px
    }

.ec-list-items-selector__checkbox {
    display: inline-block;
    position: relative;
    top: -2px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23808f9d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

    .ec-list-items-selector__checkbox:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%235a646e' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

.ec-list-items-selector__checkbox--not-all::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    vertical-align: baseline;
    background-image: 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='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3Cpath d='M6 9H14V11H6V9Z'/%3E%3C/svg%3E")
}

.ec-list-items-selector__checkbox--not-all:hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231b409d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3Cpath d='M6 9H14V11H6V9Z'/%3E%3C/svg%3E")
}

.ec-list-items-selector__checkbox--all::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    vertical-align: baseline;
    background-image: 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='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.ec-list-items-selector__checkbox--all:hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231b409d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.ec-list-items-selector__dropdown {
    display: none;
    top: 100%;
    right: 0;
    min-width: 200px;
    margin: 2px 0 0
}

.media-picker__main-block {
    flex-grow: 1
}

.media-picker__visual-block {
    display: none;
    width: 56px;
    height: 56px;
    margin-bottom: 8px
}

    .media-picker__visual-block img {
        max-width: 100%;
        max-height: 100%
    }

.media-picker__control-block .btn-default {
    width: 100%
}

    .media-picker__control-block .btn-default + .btn-default {
        margin-top: 10px
    }

@media screen and (min-width: 768px) {
    .media-picker__control-block .btn-default {
        width: auto;
        min-width: 208px
    }

        .media-picker__control-block .btn-default + .btn-default {
            margin-left: 10px;
            margin-top: 0
        }
}

.media-picker__edit-button {
    display: none
}

.media-picker__remove-button {
    display: none
}

.media-picker__remove-link {
    display: none
}

.media-picker--uploaded .media-picker__visual-block {
    display: block
}

.media-picker--uploaded .media-picker__add-button {
    display: none
}

.media-picker--uploaded .media-picker__edit-button {
    display: inline-block
}

.media-picker--uploaded .media-picker__remove-link {
    display: block
}

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

        .media-picker--responsive .media-picker__visual-block {
            width: 125px;
            height: 125px;
            display: block;
            margin-bottom: 0;
            text-align: center
        }

        .media-picker--responsive .media-picker__remove-link {
            display: none
        }
}

@media screen and (min-width: 768px) {
    .media-picker--uploaded.media-picker--responsive .media-picker__remove-button {
        display: inline-block
    }
}

.media-picker__icon svg {
    width: 100%;
    height: 100%
}

.media-picker--hide-picture .media-picker__visual-block {
    display: none
}

.media-picker--inline .media-picker__main-block {
    display: flex;
    flex-direction: column
}

.media-picker--inline .media-picker__control-block {
    order: 1
}

.media-picker--inline .media-picker__text-block {
    order: 2
}

.media-picker--inline .titles-block__title {
    display: none
}

.media-picker--inline .titles-block__subtitle {
    margin-bottom: 0
}

.ec-media-picker .media-picker__visual-block {
    max-width: 300px;
    margin-left: 24px
}

    .ec-media-picker .media-picker__visual-block .preloader {
        background: none
    }

@media screen and (min-width: 768px) {
    .ec-media-picker .media-picker--responsive {
        display: flex;
        justify-content: space-between
    }
}

.ec-media-picker .media-picker__buttons {
    display: flex;
    align-items: center
}

.ec-media-picker .media-picker__remove-button, .ec-media-picker .media-picker__remove-icon-button {
    margin-left: 12px;
    flex-shrink: 0
}

.ec-media-picker .media-picker__remove-button {
    display: none
}

@media screen and (min-width: 768px) {
    .ec-media-picker .media-picker__remove-button {
        display: block
    }
}

.ec-media-picker .media-picker__remove-icon-button {
    display: block
}

@media screen and (min-width: 768px) {
    .ec-media-picker .media-picker__remove-icon-button {
        display: none
    }
}

.metric--medium .metric__value {
    font-size: 24px;
    line-height: 30px
}

.metric--large .metric__value {
    font-size: 44px;
    line-height: 52px
}

.metric--look-inline .metric__value, .metric--look-inline .metric__text {
    display: inline
}

.metric__value {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700)
}

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

.named-area {
    margin-bottom: 40px
}

@media screen and (min-width: 768px) {
    .named-area {
        margin-bottom: 64px
    }
}

@media screen and (min-width: 1280px) {
    .named-area {
        display: flex
    }
}

.named-area.named-area--fixed-vertical-layout .named-area__header {
    max-width: 980px;
    padding-right: 0
}

@media screen and (min-width: 1280px) {
    .named-area--fixed-vertical-layout {
        display: block
    }
}

.named-area--headless .named-area__header {
    display: none
}

.named-area--headless .named-area__body {
    padding-top: 0
}

.named-area__header {
    max-width: 980px;
    margin-bottom: 16px
}

@media screen and (min-width: 1280px) {
    .named-area__header {
        flex: 1;
        flex-basis: 6%;
        max-width: 340px;
        margin-bottom: 0;
        padding-right: 16px
    }
}

@media screen and (min-width: 1680px) {
    .named-area__header {
        padding-right: 24px
    }
}

.named-area__body {
    flex-grow: 1;
    max-width: 980px
}

@media screen and (min-width: 1280px) {
    .named-area__body {
        flex: 1;
        flex-grow: 4;
        padding-top: 8px
    }
}

.named-area__body > *:last-child {
    margin-bottom: 0
}

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

.named-area__subtitle {
    font-size: 14px;
    line-height: 22px;
    display: none
}

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

.named-area__description {
    font-size: 14px;
    line-height: 22px
}

.named-area.named-area--fixed-vertical-layout .named-area__body {
    margin-bottom: 16px
}

.named-area--fixed-vertical-with-sidebar {
    display: flex;
    flex-wrap: wrap
}

    .named-area--fixed-vertical-with-sidebar .named-area__header {
        flex-basis: 900px;
        width: 100%;
        max-width: 900px;
        margin-right: 32px;
        padding-right: 0
    }

@media screen and (min-width: 1280px) {
    .named-area--fixed-vertical-with-sidebar .named-area__header {
        margin-right: 50px
    }
}

.named-area--fixed-vertical-with-sidebar .named-area__body {
    flex: 1;
    flex-basis: 900px;
    max-width: 900px;
    margin-bottom: 16px
}

@media screen and (min-width: 1280px) {
    .named-area--fixed-vertical-with-sidebar .named-area__body {
        margin-right: 32px
    }
}

.named-area--fixed-vertical-with-sidebar .named-area__sidebar {
    flex-grow: 1;
    max-width: 900px
}

@media screen and (min-width: 1280px) {
    .named-area--fixed-vertical-with-sidebar .named-area__sidebar {
        position: sticky;
        top: 0;
        flex: 1;
        align-self: flex-start;
        min-width: 130px;
        max-width: 300px;
        height: auto;
        padding-top: 8px
    }
}

.named-area--fixed-vertical-with-sidebar .named-area__sidebar--sticky {
    position: sticky;
    top: 0;
    height: auto
}

.named-area--fixed-vertical-with-sidebar .named-area__sidebar .help-block--hidden {
    visibility: hidden
}

.named-area--fixed-vertical-with-sidebar .named-area__sidebar .help-block--animated-fadeIn {
    animation: fadein .15s ease-out;
    animation-fill-mode: both
}

.named-area--fixed-vertical-with-sidebar .named-area__sidebar .help-block--animated-fadeOut {
    animation: fadeout .15s ease-out;
    animation-fill-mode: both
}

.named-area--fixed-vertical-with-sidebar .named-area__sidebar .help-block__title {
    margin-bottom: 10px;
    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) {
    .named-area--fixed-vertical-with-sidebar .named-area__sidebar .help-block__title {
        font-size: 20px;
        line-height: 28px
    }
}

.named-area--fixed-vertical-with-sidebar .named-area__sidebar .help-block__description {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px
}

.named-area--fixed-vertical-with-sidebar .named-area__sidebar .help-block .iconable-link__text {
    font-size: 14px;
    line-height: 22px
}

.named-area__footer {
    display: none;
    max-width: 980px;
    font-size: 14px;
    line-height: 22px
}

.named-area__footer-description {
    color: #607385
}

.named-area.named-area--with-description-in-footer .named-area__body {
    margin-bottom: 16px
}

@media screen and (min-width: 1280px) {
    .named-area.named-area--with-description-in-footer .named-area__body {
        margin-bottom: 0
    }
}

.named-area.named-area--with-description-in-footer .named-area__footer {
    display: block
}

@media screen and (min-width: 1280px) {
    .named-area.named-area--with-description-in-footer .named-area__footer {
        display: none
    }
}

.named-area.named-area--with-description-in-footer .named-area__subtitle {
    display: none
}

@media screen and (min-width: 1280px) {
    .named-area.named-area--with-description-in-footer .named-area__subtitle {
        display: block
    }
}

.named-area.named-area--fixed-vertical-layout.named-area--with-description-in-footer .named-area__subtitle {
    display: none
}

.named-area.named-area--fixed-vertical-layout.named-area--with-description-in-footer .named-area__body {
    margin-bottom: 16px
}

.named-area.named-area--fixed-vertical-layout.named-area--with-description-in-footer .named-area__footer {
    display: block
}

.named-area.named-area--with-description-in-mobile .named-area__subtitle {
    display: block
}

.named-area.named-area--with-footer-in-mobile .named-area__body {
    margin-bottom: 16px
}

.named-area.named-area--with-footer-in-mobile .named-area__footer {
    display: block
}

@media screen and (min-width: 768px) {
    .named-area.named-area--with-footer-in-mobile .named-area__footer {
        display: none
    }
}

.named-area--headless-mobile .named-area__header {
    display: none
}

@media screen and (min-width: 1280px) {
    .named-area--headless-mobile .named-area__header {
        display: block
    }
}

.named-area--headless-mobile .named-area__body {
    padding-top: 0
}

@media screen and (min-width: 1280px) {
    .named-area--headless-mobile .named-area__body {
        padding-top: 8px
    }
}

@media screen and (max-width: 1279px) {
    .named-area--reorder-mobile {
        display: flex;
        flex-direction: column
    }

        .named-area--reorder-mobile .named-area__header {
            order: 2;
            margin-bottom: 0
        }

        .named-area--reorder-mobile .named-area__body {
            order: 1;
            margin-bottom: 16px
        }
}

.dropdown-menu {
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .dropdown-menu .horizontal-icolink {
        font-size: inherit
    }

        .dropdown-menu .horizontal-icolink.icolink-append {
            padding-right: 20px
        }

    .dropdown-menu .icon-arr-down {
        top: 50%;
        margin-top: -6px;
        font-size: 6px;
        line-height: 1
    }

    .dropdown-menu.dropdown-menu--disabled .dropdown-menu__link {
        opacity: .4;
        cursor: default;
        pointer-events: none
    }

    .dropdown-menu[disabled], .dropdown-menu .disabled {
        cursor: default;
        pointer-events: none
    }

        .dropdown-menu[disabled] .dropdown-menu__link, .dropdown-menu[disabled] .dropdown-menu__list, .dropdown-menu .disabled .dropdown-menu__link, .dropdown-menu .disabled .dropdown-menu__list {
            opacity: .4
        }

    .dropdown-menu.dropdown-menu--upper .list-dropdown {
        position: absolute;
        z-index: 10000;
        bottom: 25px;
        overflow-y: scroll;
        max-height: 425px
    }

.dropdown-menu--focused .dropdown-menu__link a {
    color: #1b409d
}

.dropdown-menu--as-gallery-item-action {
    text-align: left;
    font-size: 12px;
    line-height: 18px
}

    .dropdown-menu--as-gallery-item-action .dropdown-menu__link a {
        color: #dfe7fa
    }

    .dropdown-menu--as-gallery-item-action .dropdown-menu__link:hover a {
        color: #b2b9c8
    }

    .dropdown-menu--as-gallery-item-action .dropdown-menu__link:active a {
        color: #e5ecfb
    }

.dropdown-menu__list {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-appearance: menulist-button
}

    .dropdown-menu__list:focus ~ .dropdown-menu__link a {
        color: #1b409d
    }

.dropdown-menu__icon {
    width: 20px;
    height: 20px;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .dropdown-menu__icon svg {
        flex: 1 0 auto
    }

.icon-enter-active, .icon-leave-active {
    transition: transform .1s linear, opacity .1s linear
}

.icon-enter-from {
    opacity: 0;
    transform: translateY(-4px)
}

.icon-leave-to {
    opacity: 0;
    transform: translateY(4px)
}

.icon-enter-to, .icon-leave-from {
    opacity: 1;
    transform: translateY(0)
}

.dnd-overlay-holder {
    position: relative
}

.dnd-overlay {
    display: none;
    visibility: hidden;
    position: absolute
}

.dnd-overlay--full-page {
    position: fixed
}

.dnd-overlay--active {
    display: flex;
    visibility: visible;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    background-color: rgba(39,92,224,0.85)
}

.dnd-overlay .dnd-overlay__inner {
    display: flex;
    position: relative;
    z-index: 100;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 330px;
    text-align: center
}

.dnd-overlay .dnd-overlay__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    margin-bottom: 8px
}

    .dnd-overlay .dnd-overlay__icon svg {
        width: 100%;
        height: 100%;
        color: #fff
    }

.dnd-overlay .dnd-overlay__text {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700)
}

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

.dnd-overlay .dnd-overlay__note {
    display: none;
    color: #fff;
    font-size: 14px;
    line-height: 22px
}

.dnd-overlay--has-note .dnd-overlay__note {
    display: block
}

.dnd-overlay--has-note .dnd-overlay__text {
    margin-bottom: 8px
}

.page-navigation {
    font-size: 14px;
    line-height: 22px
}

@media screen and (max-width: 1279px) {
    .page-navigation {
        display: none
    }
}

.page-navigation__list {
    display: block;
    margin: 4px 0 20px;
    padding: 0
}

.page-navigation__item {
    display: block;
    position: relative;
    margin: 0;
    padding: 4px 0 4px 10px;
    cursor: pointer
}

    .page-navigation__item::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        width: 2px;
        background: #275ce0;
        transition: opacity .1s linear
    }

    .page-navigation__item:hover::before, .page-navigation__item--active::before {
        opacity: 1
    }

.pagination {
    box-sizing: border-box;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px;
    padding: 0 16px;
    text-align: center;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .pagination .showing-status {
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase
    }

    .pagination .showing-status__show-all {
        font-weight: normal;
        text-decoration: none
    }

@media screen and (min-width: 768px) {
    .pagination .showing-status {
        font-size: 12px
    }
}

@media screen and (min-width: 768px) {
    .pagination {
        display: block;
        padding: 0
    }
}

.pagination__nav {
    min-width: 0;
    padding-right: 8px;
    padding-left: 8px
}

    .pagination__nav:focus {
        padding-right: 7px;
        padding-left: 7px
    }

    .pagination__nav .svg-icon {
        opacity: 1;
        width: 30px;
        margin: 0;
        padding: 0
    }

        .pagination__nav .svg-icon svg, .pagination__nav .svg-icon svg path {
            fill: #808f9d
        }

    .pagination__nav[disabled] {
        pointer-events: none
    }

.pagination__label {
    margin: 0 20px;
    vertical-align: middle
}

    .pagination__label .pagination__current {
        display: inline-block;
        position: relative;
        margin: 0 4px
    }

        .pagination__label .pagination__current .form-control {
            position: absolute;
            width: 100%;
            min-width: 50px;
            font-size: 14px;
            text-align: center
        }

@media screen and (min-width: 568px) {
    .pagination__label .pagination__current .form-control {
        font-size: 16px
    }
}

.pagination__label .pagination__current .input-size {
    visibility: hidden;
    position: static
}

.pagination__status {
    margin-bottom: 20px;
    text-align: right
}

.pagination__status--fix-spaces > :not(:last-child)::after, .pagination__label--fix-spaces > :not(:last-child)::after {
    content: ' '
}

.package-grid {
    display: grid;
    grid-gap: 8px;
    grid-template-areas: "weight-title weight-title weight-title" "weight weight weight" "dimensions-title dimensions-title dimensions-title" "length width height" "upgrade upgrade upgrade";
    grid-template-columns: 1fr 1fr 1fr
}

@media screen and (min-width: 768px) {
    .package-grid {
        grid-template-areas: "weight-title weight-title dimensions-title dimensions-title dimensions-title" "weight . length width height" ". . upgrade upgrade upgrade";
        grid-template-columns: 3fr minmax(0, 8px) 1fr 1fr 1fr
    }
}

.package-grid .package-grid__cell--weight-title {
    grid-area: weight-title
}

.package-grid .package-grid__cell--dimensions-title {
    grid-area: dimensions-title;
    margin-top: 16px
}

@media screen and (min-width: 768px) {
    .package-grid .package-grid__cell--dimensions-title {
        margin-top: 0
    }
}

.package-grid .package-grid__cell--weight {
    grid-area: weight
}

.package-grid .package-grid__cell--length {
    grid-area: length
}

.package-grid .package-grid__cell--width {
    grid-area: width
}

.package-grid .package-grid__cell--height {
    grid-area: height
}

.package-grid .package-grid__cell--upgrade {
    grid-area: upgrade
}

.package-grid .package-grid__cell--info {
    display: flex;
    grid-column-end: none;
    grid-column-start: length;
    align-items: center
}

@media screen and (min-width: 768px) {
    .package-grid .package-grid__cell--info {
        grid-row-start: weight
    }
}

.package-grid .package-grid__cell .fieldset {
    width: 100%
}

.package-grid .fieldsets-batch {
    padding-bottom: 0
}

.package-grid .form-area__title {
    margin-bottom: 0
}

.picture-uploader__visual-block {
    display: none;
    width: 56px;
    height: 56px;
    margin-bottom: 8px
}

    .picture-uploader__visual-block img {
        max-width: 100%;
        max-height: 100%
    }

.picture-uploader__control-block .btn-default:not(.btn-fullwidth) {
    width: 100%
}

@media screen and (min-width: 768px) {
    .picture-uploader__control-block .btn-default:not(.btn-fullwidth) {
        width: auto;
        min-width: 208px
    }
}

.picture-uploader__edit-button {
    display: none
}

.picture-uploader__remove-button {
    display: none
}

.picture-uploader__remove-link {
    display: none
}

.picture-uploader__add-action {
    display: inline-block
}

.picture-uploader__edit-action {
    display: none
}

.picture-uploader--buttons-full-width .picture-uploader__add-action {
    display: block
}

.a-card .picture-uploader {
    max-width: 700px
}

.picture-uploader--uploaded .picture-uploader__visual-block {
    display: block
}

.picture-uploader--uploaded .picture-uploader__add-button {
    display: none
}

.picture-uploader--uploaded .picture-uploader__edit-button {
    display: inline-block
}

.picture-uploader--uploaded .picture-uploader__add-action {
    display: none
}

.picture-uploader--uploaded .picture-uploader__edit-action {
    display: inline-block
}

.picture-uploader--uploaded.picture-uploader--buttons-full-width .picture-uploader__edit-action {
    display: block
}

@media screen and (min-width: 768px) {
    .picture-uploader--responsive {
        display: flex
    }

        .picture-uploader--responsive .picture-uploader__visual-block {
            display: block;
            min-width: 125px;
            height: 125px;
            margin-right: 24px;
            margin-bottom: 0;
            text-align: center
        }
}

.picture-uploader--responsive .picture-uploader__remove-link {
    display: none
}

@media screen and (min-width: 768px) {
    .picture-uploader--uploaded.picture-uploader--responsive .picture-uploader__remove-button {
        display: inline-block
    }
}

.picture-uploader__icon svg {
    width: 100%;
    height: 100%
}

.picture-uploader__main-block {
    width: 100%
}

.picture-uploader--hide-picture .picture-uploader__visual-block {
    display: none
}

.picture-uploader--inline .picture-uploader__main-block {
    display: flex;
    flex-direction: column
}

.picture-uploader--inline .picture-uploader__control-block {
    order: 1
}

.picture-uploader--inline .picture-uploader__text-block {
    order: 2;
    margin-bottom: -16px
}

.picture-uploader--inline .titles-block__title {
    display: none
}

.picture-uploader--inline .titles-block__subtitle {
    margin-bottom: 0
}

.picture-uploader__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: rgba(0,0,0,0.45);
    transition: opacity .2s;
    pointer-events: none
}

.picture-uploader--user-edit-content.picture-uploader--uploaded .picture-uploader__visual-block--hovered .picture-uploader__overlay, .picture-uploader--user-edit-content.picture-uploader--uploaded .picture-uploader__visual-block:hover .picture-uploader__overlay {
    opacity: 1;
    pointer-events: auto
}

.picture-uploader--user-edit-content.picture-uploader--uploaded .picture-uploader__remove {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    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='%23dfe7fa'%3E%3Cpath fill-rule='evenodd' d='M3.302 3.302a1.03 1.03 0 0 1 1.457 0L10 8.542l5.24-5.24a1.03 1.03 0 1 1 1.458 1.457L11.458 10l5.24 5.24a1.03 1.03 0 0 1-1.457 1.458L10 11.458l-5.24 5.24a1.03 1.03 0 0 1-1.458-1.457L8.542 10l-5.24-5.24a1.03 1.03 0 0 1 0-1.458Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
    background-size: 20px 20px;
    cursor: pointer
}

    .picture-uploader--user-edit-content.picture-uploader--uploaded .picture-uploader__remove:hover {
        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='%23b2b9c8'%3E%3Cpath fill-rule='evenodd' d='M3.302 3.302a1.03 1.03 0 0 1 1.457 0L10 8.542l5.24-5.24a1.03 1.03 0 1 1 1.458 1.457L11.458 10l5.24 5.24a1.03 1.03 0 0 1-1.457 1.458L10 11.458l-5.24 5.24a1.03 1.03 0 0 1-1.458-1.457L8.542 10l-5.24-5.24a1.03 1.03 0 0 1 0-1.458Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
    }

@keyframes loading {
    to {
        transform: translate(100%)
    }
}

.placeholder-blink {
    position: relative;
    overflow: hidden;
    background: #DFE3E7
}

    .placeholder-blink::after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.3), rgba(255,255,255,0));
        transform: translate(-100%);
        animation: loading 1.5s infinite
    }

.placeholder-blink--delay::after {
    animation-delay: .15s
}

.placeholder-blink--delay2x::after {
    animation-delay: .3s
}

.placeholder-blink--delay3x::after {
    animation-delay: .6s
}

.placeholder-blink--delay4x::after {
    animation-delay: .9s
}

.placeholders-container .named-area__body {
    padding-top: 0
}

.placeholders-list-page {
    overflow: hidden
}

.placeholder-titles {
    position: relative;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .placeholder-titles {
        margin-bottom: 24px
    }
}

.placeholder-titles .placeholder-title {
    width: 80%;
    max-width: 500px;
    height: 24px;
    margin: 0 0 16px;
    border-radius: 4px
}

@media screen and (min-width: 768px) {
    .placeholder-titles .placeholder-title {
        height: 24px
    }
}

.placeholder-titles .placeholder-subtitle {
    width: 80%;
    max-width: 800px;
    border-radius: 4px
}

    .placeholder-titles .placeholder-subtitle .placeholder-subtitle__line {
        height: 10px;
        margin: 0 0 8px;
        border-radius: 4px
    }

        .placeholder-titles .placeholder-subtitle .placeholder-subtitle__line:last-child {
            width: 80%;
            max-width: 500px
        }

.placeholder-titles.placeholder-titles--small {
    margin-bottom: 24px
}

    .placeholder-titles.placeholder-titles--small .placeholder-title {
        max-width: 400px;
        height: 18px
    }

    .placeholder-titles.placeholder-titles--small .placeholder-subtitle {
        width: 100%;
        max-width: 550px
    }

.named-area .named-area__header .placeholder-titles.placeholder-titles--small .placeholder-subtitle {
    display: none
}

@media screen and (min-width: 1280px) {
    .named-area .named-area__header .placeholder-titles.placeholder-titles--small .placeholder-subtitle {
        display: block
    }
}

.named-area--fixed-vertical-layout .named-area__header .placeholder-titles.placeholder-titles--small .placeholder-subtitle {
    display: none
}

.placeholder-btn {
    max-width: 150px;
    height: 32px;
    margin-bottom: 24px;
    border-radius: 6px
}

    .placeholder-btn:last-child {
        margin-bottom: 0
    }

.placeholder-image {
    width: 150px;
    height: 150px
}

.placeholder-input {
    height: 40px
}

.placeholder-list-page .settings-page__header .placeholder-input {
    margin-bottom: 56px
}

.placeholder-link {
    width: 66%;
    max-width: 228px;
    height: 12px;
    border-radius: 4px
}

.placeholder-chart {
    height: 294px;
    border-radius: 6px
}

.placeholder-pie-chart {
    padding: 36px 0
}

.placeholder-pie-chart__bagel {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 50%;
    background: #DFE3E7 conic-gradient(rgba(241,243,244,0.5) 0, rgba(241,243,244,0.5) 30%, transparent 0, transparent 100%)
}

    .placeholder-pie-chart__bagel::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50%;
        height: 50%;
        border-radius: 50%;
        background: #fff;
        transform: translate(-50%, -50%)
    }

.placeholder-funnel-chart__point {
    height: 48px;
    margin: 8px 0;
    border-radius: 0 8px 8px 0
}

.placeholder-funnel-chart__point--1 {
    width: 90%
}

.placeholder-funnel-chart__point--2 {
    width: 72%
}

.placeholder-funnel-chart__point--3 {
    width: 54%
}

.placeholder-funnel-chart__point--4 {
    width: 36%
}

.placeholder-funnel-chart__point--5 {
    width: 18%
}

.placeholder-paragraph__row {
    height: 12px;
    border-radius: 4px
}

.placeholder-paragraph__row--short {
    width: 66%;
    max-width: 228px
}

.placeholder-paragraph__row:nth-last-child(n + 2) {
    margin-bottom: 8px
}

.block-preloader__title {
    max-width: 200px;
    height: 20px
}

.block-preloader__subtitle {
    max-width: 292px;
    height: 8px
}

.block-preloader__cta {
    width: 272px;
    height: 28px;
    margin-right: 8px
}

.named-area__header .placeholder-blink, .settings-page__header .placeholder-blink {
    background: #C0C7CF
}

.preloader {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    align-items: center;
    background-color: rgba(255,255,255,0.65)
}

@keyframes circle-closure {
    0% {
        stroke-dasharray: 217 72
    }

    100% {
        stroke-dasharray: 289 0
    }
}

.preloader svg {
    width: 41px;
    height: 41px;
    margin: auto;
    animation: spinright .6s infinite linear
}

    .preloader svg circle {
        stroke-linecap: round;
        stroke-dasharray: 217 72;
        stroke: #275ce0;
        fill: transparent;
        transform-origin: center center
    }

.preloader.preloader--hiding {
    opacity: 0;
    transition-property: opacity;
    transition-duration: .1s;
    transition-timing-function: ease-in;
    transition-delay: .2s;
    pointer-events: none
}

    .preloader.preloader--hiding svg circle {
        stroke-dasharray: 289 0;
        transition-property: stroke-dasharray;
        transition-duration: .2s;
        transition-timing-function: ease-in
    }

.preloader--image-border-radius {
    border-radius: 6px
}

.preloader--without-lighten {
    background-color: transparent
}

.preloader--iconable svg {
    width: 32px;
    height: 32px;
    stroke-width: 4px
}

@media screen and (min-width: 768px) {
    .preloader--iconable svg {
        width: 56px;
        height: 56px
    }
}

.preloader-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 41px
}

    .preloader-wrapper .preloader-content > img {
        max-width: 100%;
        max-height: 100%
    }

.preloader-wrapper--inline {
    display: inline-block;
    width: auto;
    height: auto
}

.preloader-wrapper--sticky {
    position: sticky;
    top: 0;
    height: auto
}

.preloader-wrapper--success svg circle {
    stroke: #0cac42
}

.preloader--user-edit-content .preloader-content {
    display: flex;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #bfc7ce
}

    .preloader--user-edit-content .preloader-content img {
        flex-shrink: 0;
        max-width: 100%;
        max-height: 100%;
        image-orientation: from-image
    }

.preloader--user-edit-content .preloader-content--image-wide img {
    max-width: none
}

.preloader--user-edit-content .preloader-content--image-tall img {
    max-height: none
}

.preloader-circle {
    width: 40px;
    height: 40px;
    animation: preloader-rotate 1.4s linear 0s infinite
}

    .preloader-circle svg {
        display: block;
        width: 100%;
        height: 100%;
        stroke-width: 3;
        stroke-linecap: round;
        stroke-dasharray: 19;
        stroke-dashoffset: 60;
        animation: preloader-stroke 1.8s cubic-bezier(0.4, 0, 0.35, 1) 0s infinite
    }

.preview-container {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    min-height: 180px;
    padding: 24px;
    border-radius: 10px;
    background-image: linear-gradient(to right, #e3696a, #fdbd6e);
    background-position: 50% 50%;
    background-size: cover;
    color: #fff;
    text-align: left;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 1400px) {
    .preview-container {
        min-height: 230px
    }
}

.preview-container--grey {
    min-height: 0;
    background: #eceef0 none;
    color: #0a1c2e
}

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

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

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

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

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

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

.preview-container.preview-container--with-ribbon {
    min-width: 100px;
    min-height: 260px;
    padding: 0
}

.preview-container--qr-code {
    padding: 0;
    border-radius: 0;
    background: transparent
}

@media screen and (min-width: 1400px) {
    .preview-container--qr-code {
        min-height: 185px
    }
}

.preview-container--qr-code svg {
    width: 100%;
    height: 100%
}

.preview-container h4 {
    color: currentColor
}

.preview-container .preview-container__separator {
    border-bottom: 1px solid #bfc7ce
}

.product-thumbnail {
    display: flex;
    position: relative;
    overflow: hidden;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 6px
}

    .product-thumbnail > svg {
        width: 100%;
        height: 100%;
        fill: currentColor
    }

    .product-thumbnail::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 36px;
        height: 36px;
        background: #000;
        transition: opacity 150ms ease-out
    }

    .product-thumbnail .product-thumbnail__image {
        flex-shrink: 0;
        max-width: 100%;
        max-height: 100%
    }

    .product-thumbnail .product-thumbnail__image--wide {
        max-width: none
    }

    .product-thumbnail .product-thumbnail__image--tall {
        max-height: none
    }

    .product-thumbnail.product-thumbnail--medium {
        flex-basis: 48px;
        width: 48px;
        height: 48px
    }

@media screen and (min-width: 568px) {
    .product-thumbnail.product-thumbnail--medium {
        flex-basis: 64px;
        width: 64px;
        height: 64px
    }
}

@media screen and (min-width: 768px) {
    .product-thumbnail.product-thumbnail--medium {
        flex-basis: 72px;
        width: 72px;
        height: 72px
    }
}

.product-thumbnail.product-thumbnail--medium::after {
    width: 48px;
    height: 48px
}

@media screen and (min-width: 568px) {
    .product-thumbnail.product-thumbnail--medium::after {
        width: 64px;
        height: 64px
    }
}

@media screen and (min-width: 768px) {
    .product-thumbnail.product-thumbnail--medium::after {
        width: 72px;
        height: 72px
    }
}

.product-thumbnail.product-thumbnail--large {
    flex-basis: 125px;
    width: 125px;
    height: 125px
}

    .product-thumbnail.product-thumbnail--large::after {
        width: 125px;
        height: 125px
    }

.product-thumbnail.product-thumbnail--adaptive {
    width: 100%;
    height: 100%
}

.ec-product-thumbnail--medium {
    flex-basis: 56px;
    width: 56px;
    height: 56px
}

    .ec-product-thumbnail--medium::after {
        width: 56px;
        height: 56px
    }

.ec-product-thumbnail--large {
    flex-basis: 72px;
    width: 72px;
    height: 72px
}

    .ec-product-thumbnail--large::after {
        width: 72px;
        height: 72px
    }

.ec-product-thumbnail--disabled {
    opacity: .6;
    filter: grayscale(100%)
}

.ec-product-thumbnail__placeholder {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #607385;
    font-size: 16px;
    line-height: 24px
}

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

.ec-product-thumbnail__placeholder--colored-background-0 {
    background-color: #b5ebdc
}

.ec-product-thumbnail__placeholder--colored-background-1 {
    background-color: #f9d9e2
}

.ec-product-thumbnail__placeholder--colored-background-2 {
    background-color: #d4def4
}

.ec-product-thumbnail__placeholder--colored-background-3 {
    background-color: #d3f2ff
}

.ec-product-thumbnail__placeholder--colored-background-4 {
    background-color: #fee1d8
}

.ec-product-thumbnail__placeholder--colored-background-5 {
    background-color: #deecd3
}

.ec-product-thumbnail__placeholder--colored-background-6 {
    background-color: #ffefcf
}

.ec-product-thumbnail__placeholder--colored-background-7 {
    background-color: #fbced1
}

.ec-product-thumbnail__placeholder--colored-background-8 {
    background-color: #e7d7d3
}

.ec-product-thumbnail__placeholder--colored-background-9 {
    background-color: #caf0ed
}

.promo-block {
    margin: 0 auto 48px
}

@media screen and (min-width: 768px) {
    .promo-block {
        display: flex;
        max-width: 980px;
        padding-top: 32px
    }
}

.promo-block .promo-block__picture {
    margin-right: auto;
    margin-bottom: 32px;
    margin-left: auto;
    text-align: center
}

@media screen and (min-width: 768px) {
    .promo-block .promo-block__picture {
        width: 50%;
        margin-bottom: 0;
        padding-right: 16px
    }
}

.promo-block .promo-block__picture img, .promo-block .promo-block__picture svg {
    width: 100%;
    max-width: 400px;
    height: auto
}

.promo-block .promo-block__features {
    max-width: 600px;
    margin: 0 auto;
    text-align: center
}

@media screen and (min-width: 768px) {
    .promo-block .promo-block__features {
        width: 50%;
        max-width: none;
        padding-left: 16px;
        text-align: left
    }
}

.promo-block .promo-block__features .titled-items-list {
    margin: auto
}

@media screen and (min-width: 768px) {
    .promo-block.promo-block--fixed-vertical-layout {
        display: block;
        max-width: none
    }

        .promo-block.promo-block--fixed-vertical-layout .promo-block__picture {
            width: auto;
            margin-top: 0;
            margin-bottom: 32px;
            padding-right: 0
        }

        .promo-block.promo-block--fixed-vertical-layout .promo-block__features {
            width: auto;
            max-width: 600px;
            padding-top: 0;
            padding-left: 0;
            text-align: center
        }
}

.a-card .promo-block {
    max-width: 700px
}

    .a-card .promo-block .promo-block__features {
        max-width: 700px
    }

@media screen and (min-width: 768px) {
    .promo-row {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between
    }
}

@media screen and (min-width: 768px) {
    .promo-row__content {
        flex-grow: 1;
        padding-right: 24px
    }
}

.promo-row__image {
    max-width: 260px;
    font-size: 0
}

@media screen and (min-width: 768px) {
    .promo-row__image {
        flex-shrink: 0;
        text-align: right
    }
}

@media screen and (min-width: 1400px) {
    .promo-row__image {
        max-width: 360px
    }
}

.promo-row__image img {
    display: block;
    width: 100%;
    height: auto
}

.promo-video-block__video {
    position: relative;
    padding-top: 56.25%
}

    .promo-video-block__video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.promo-video-block__image img {
    display: block
}

.promo-video-block__hide {
    margin-top: 16px
}

.settings-area {
    margin-bottom: 40px
}

@media screen and (min-width: 768px) {
    .settings-area {
        display: flex;
        margin-bottom: 64px
    }
}

.settings-area__header {
    max-width: 980px;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .settings-area__header {
        width: 52%;
        max-width: 425px;
        margin-bottom: 0;
        padding-right: 16px
    }
}

@media screen and (min-width: 1680px) {
    .settings-area__header {
        max-width: 441px;
        padding-right: 32px
    }
}

.settings-area__body {
    max-width: 980px
}

@media screen and (min-width: 768px) {
    .settings-area__body {
        width: 48%;
        padding-top: 8px
    }
}

@media screen and (min-width: 1280px) {
    .settings-area__body {
        width: 100%
    }
}

.settings-area__body > *:last-child {
    margin-bottom: 0
}

.settings-area__title {
    font-family: var(--headers-font-family);
    font-size: 20px;
    line-height: 28px;
    font-weight: var(--headers-font-weight, 600)
}

    .settings-area__title:not(:empty) {
        margin-bottom: 8px
    }

.settings-area__description {
    font-size: 14px;
    line-height: 22px
}

.tax-invoice-editor-page .settings-area__body .preloader-wrapper--sticky, .in-frame-editor-page .settings-area__body .preloader-wrapper--sticky {
    top: 64px
}

@media screen and (min-width: 1024px) {
    .tax-invoice-editor-page .settings-area__body .preloader-wrapper--sticky, .in-frame-editor-page .settings-area__body .preloader-wrapper--sticky {
        top: 64px
    }
}

.settings-page {
    background-color: #eceef0
}

    .settings-page * {
        box-sizing: border-box
    }

    .settings-page p {
        margin: 16px auto
    }

.settings-page--center-layout .settings-page__header, .settings-page--center-layout .settings-page__body, .settings-page--center-layout .settings-page__section {
    box-sizing: content-box;
    max-width: 980px;
    margin-right: auto;
    margin-left: auto
}

.settings-page.large-margin-bottom {
    margin-bottom: 250px
}

@media screen and (max-width: 767px) {
    .settings-page.large-margin-bottom {
        margin-bottom: 170px
    }
}

.settings-page__title {
    margin: 0 auto 8px;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    color: #0a1c2e
}

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

.settings-page__titles {
    position: relative;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .settings-page__titles {
        margin-bottom: 24px
    }
}

.settings-page__titles--left .settings-page__title, .settings-page__titles--left .settings-page__subtitle {
    text-align: left
}

.settings-page__titles--left .settings-page__subtitle {
    margin-left: 0
}

.settings-page__subtitle {
    max-width: 800px;
    margin: 0 auto 16px;
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.settings-page__lead {
    max-width: 800px;
    margin: 0 auto 32px;
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.settings-page__header, .settings-page__body {
    min-width: 290px;
    padding: 16px 0 0;
    padding-left: 8px;
    padding-right: 8px
}

@media screen and (min-width: 1024px) {
    .settings-page__header, .settings-page__body {
        padding-top: 0
    }
}

@media screen and (min-width: 1024px) {
    .settings-page__header, .settings-page__body {
        padding-left: 32px
    }
}

@media screen and (min-width: 1400px) {
    .settings-page__header, .settings-page__body {
        padding-left: 40px
    }
}

@media screen and (min-width: 1024px) {
    .settings-page__header, .settings-page__body {
        padding-right: 32px
    }
}

@media screen and (min-width: 1400px) {
    .settings-page__header, .settings-page__body {
        padding-right: 40px
    }
}

.settings-page__body {
    padding-top: 0
}

@media screen and (max-width: 567px) {
    .settings-page__body {
        overflow: visible
    }
}

.settings-page__header--highlighted {
    background: #eceef0
}

@media screen and (min-width: 768px) {
    .settings-page__header--highlighted {
        padding-bottom: 50px
    }
}

.settings-page__section {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 40px
}

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

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

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

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

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

@media screen and (min-width: 768px) {
    .settings-page__section {
        margin-bottom: 64px
    }
}

.settings-page__cta-wrapper {
    margin-bottom: 48px;
    text-align: center
}

.settings-page__cta-button {
    margin-bottom: 8px
}

.settings-page__cta-description {
    font-size: 14px;
    line-height: 22px
}

    .settings-page__cta-description b {
        font-weight: 600;
        text-transform: uppercase
    }

.settings-page__img-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    height: 324px
}

@media screen and (min-width: 768px) {
    .settings-page__img-container {
        height: 356px
    }
}

@media screen and (min-width: 1024px) {
    .settings-page__img-container {
        height: 388px
    }
}

@media screen and (min-width: 1280px) {
    .settings-page__img-container {
        height: 420px
    }
}

.settings-page__img-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: opacity .4s ease-out;
    object-fit: cover
}

.settings-page__img-container::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(39,92,224,0.4) 0%, rgba(39,92,224,0) 40%),linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 100%)
}

.ecwid-vertical-menu .settings-page.settings-page--has-max-width-before-desktop-large .settings-page__header, .ecwid-vertical-menu .settings-page.settings-page--has-max-width-before-desktop-large .settings-page__body, .ecwid-vertical-menu .settings-page.settings-page--has-max-width .settings-page__header, .ecwid-vertical-menu .settings-page.settings-page--has-max-width .settings-page__body {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 1280px) {
    .ecwid-vertical-menu .settings-page.settings-page--has-max-width-before-desktop-large .settings-page__header, .ecwid-vertical-menu .settings-page.settings-page--has-max-width-before-desktop-large .settings-page__body, .ecwid-vertical-menu .settings-page.settings-page--has-max-width .settings-page__header, .ecwid-vertical-menu .settings-page.settings-page--has-max-width .settings-page__body {
        max-width: none
    }
}

.ecwid-no-menu .settings-page.settings-page--has-max-width-before-desktop-large .settings-page__header, .ecwid-no-menu .settings-page.settings-page--has-max-width-before-desktop-large .settings-page__body, .ecwid-no-menu .settings-page.settings-page--has-max-width .settings-page__header, .ecwid-no-menu .settings-page.settings-page--has-max-width .settings-page__body {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 1024px) {
    .ecwid-no-menu .settings-page.settings-page--has-max-width-before-desktop-large .settings-page__header, .ecwid-no-menu .settings-page.settings-page--has-max-width-before-desktop-large .settings-page__body, .ecwid-no-menu .settings-page.settings-page--has-max-width .settings-page__header, .ecwid-no-menu .settings-page.settings-page--has-max-width .settings-page__body {
        max-width: none
    }
}

.settings-page.settings-page--has-max-width-before-desktop-hd .settings-page__header, .settings-page.settings-page--has-max-width-before-desktop-hd .settings-page__body {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 1024px) {
    .settings-page.settings-page--has-max-width-before-desktop-hd .settings-page__header, .settings-page.settings-page--has-max-width-before-desktop-hd .settings-page__body {
        max-width: none
    }
}

@media screen and (min-width: 768px) {
    .ec-sidebar-layout {
        margin-bottom: 50px
    }
}

.ec-sidebar-layout__body {
    display: flex;
    position: relative
}

.ec-sidebar-layout__sidebar {
    overflow: hidden;
    opacity: 0;
    flex: 1 0 100%;
    width: 100%;
    height: 0;
    margin-right: -100%
}

@media screen and (min-width: 768px) {
    .ec-sidebar-layout__sidebar {
        opacity: 0;
        flex: 0 0 300px;
        width: 300px;
        min-width: 300px;
        margin-right: -300px
    }
}

.ec-sidebar-layout__sidebar--opened {
    opacity: 1;
    height: auto;
    margin-right: 1px;
    padding-right: 8px
}

@media screen and (max-width: 767px) {
    .ec-sidebar-layout__sidebar--opened {
        padding-left: 8px
    }
}

@media screen and (min-width: 768px) {
    .ec-sidebar-layout__sidebar--opened {
        opacity: 1;
        margin-right: 16px;
        padding-right: 0
    }
}

@media screen and (max-width: 767px) {
    .ec-sidebar-layout__sidebar--opened + .ec-sidebar-layout__main {
        position: absolute;
        overflow: hidden;
        width: 100%;
        height: 0
    }
}

@media screen and (min-width: 768px) {
    .ec-sidebar-layout__sidebar--opened + .ec-sidebar-layout__main {
        max-width: calc(100% - 316px)
    }
}

.ec-sidebar-layout__main {
    flex: 9999 0 100%
}

@media screen and (max-width: 767px) {
    .ec-sidebar-layout__main {
        right: 0;
        left: 0;
        transform: translateX(0)
    }
}

@media screen and (min-width: 768px) {
    .ec-sidebar-layout__main {
        flex: 1;
        width: 100%
    }
}

.sidebar-navigation {
    font-size: 14px;
    line-height: 22px
}

.sidebar-navigation__description {
    margin: 0 0 16px
}

.sidebar-navigation__list {
    display: block;
    margin: 0;
    padding: 0
}

.sidebar-navigation__item {
    display: block;
    position: relative;
    margin: 0 0 12px
}

.ec-skeleton div {
    line-height: 10px
}

.ec-skeleton--text, .ec-skeleton--heading, .ec-skeleton--thumbnail, .ec-skeleton--button, .ec-skeleton--preview-container {
    display: flex;
    position: relative;
    overflow: hidden;
    flex: 1 1 100%;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 4px;
    background: #DFE3E7
}

    .ec-skeleton--text::after, .ec-skeleton--heading::after, .ec-skeleton--thumbnail::after, .ec-skeleton--button::after, .ec-skeleton--preview-container::after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.3), rgba(255,255,255,0));
        transform: translate(-100%);
        animation: loading 1.5s infinite
    }

    .ec-skeleton--text:not(:last-child), .ec-skeleton--heading:not(:last-child), .ec-skeleton--thumbnail:not(:last-child), .ec-skeleton--button:not(:last-child), .ec-skeleton--preview-container:not(:last-child) {
        margin-bottom: 8px
    }

    .ec-skeleton--text div:last-child--text, .ec-skeleton--text div:last-child--heading, .ec-skeleton--text div:last-child--thumbnail, .ec-skeleton--text div:last-child--button, .ec-skeleton--heading div:last-child--text, .ec-skeleton--heading div:last-child--heading, .ec-skeleton--heading div:last-child--thumbnail, .ec-skeleton--heading div:last-child--button, .ec-skeleton--thumbnail div:last-child--text, .ec-skeleton--thumbnail div:last-child--heading, .ec-skeleton--thumbnail div:last-child--thumbnail, .ec-skeleton--thumbnail div:last-child--button, .ec-skeleton--button div:last-child--text, .ec-skeleton--button div:last-child--heading, .ec-skeleton--button div:last-child--thumbnail, .ec-skeleton--button div:last-child--button, .ec-skeleton--preview-container div:last-child--text, .ec-skeleton--preview-container div:last-child--heading, .ec-skeleton--preview-container div:last-child--thumbnail, .ec-skeleton--preview-container div:last-child--button {
        margin-bottom: 0
    }

.ec-skeleton--text {
    height: 10px
}

    .ec-skeleton--text + .ec-skeleton--text {
        max-width: 65.5%;
        margin-bottom: 0
    }

.ec-skeleton--heading.ec-skeleton--small {
    height: 18px
}

.ec-skeleton--heading.ec-skeleton--medium {
    height: 24px
}

.ec-skeleton--heading.ec-skeleton--large {
    height: 32px
}

.ec-skeleton--thumbnail {
    border-radius: 6px
}

    .ec-skeleton--thumbnail.ec-skeleton--small {
        width: 36px;
        height: 36px
    }

    .ec-skeleton--thumbnail.ec-skeleton--medium {
        width: 56px;
        height: 56px
    }

    .ec-skeleton--thumbnail.ec-skeleton--large {
        width: 72px;
        height: 72px
    }

.ec-skeleton--button {
    border-radius: 6px
}

    .ec-skeleton--button.ec-skeleton--small {
        height: 18px
    }

    .ec-skeleton--button.ec-skeleton--medium {
        height: 32px
    }

    .ec-skeleton--button.ec-skeleton--large {
        width: 220px;
        height: 40px
    }

.ec-skeleton--preview-container {
    display: none
}

@media screen and (min-width: 768px) {
    .ec-skeleton--preview-container {
        display: flex;
        height: 220px;
        border-radius: 8px
    }
}

.ec-skeleton--preview-container.ec-skeleton--large {
    max-width: 668px;
    min-height: 632px;
    margin: 0 auto
}

.ec-skeleton--list-item {
    display: flex;
    position: relative;
    overflow: hidden;
    flex: 1 1 100%;
    flex-wrap: wrap;
    align-items: center
}

.ec-skeleton--card {
    margin-bottom: 16px;
    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
}

.ec-skeleton--card__paddings {
    padding: 16px
}

@media screen and (min-width: 768px) {
    .ec-skeleton--card__paddings {
        padding: 20px 24px
    }
}

.ec-skeleton--card .ec-skeleton--heading {
    width: 40%;
    margin-bottom: 16px
}

.ec-skeleton--card .ec-skeleton--text {
    max-width: 700px
}

    .ec-skeleton--card .ec-skeleton--text:not(:last-child) {
        margin-bottom: 12px
    }

    .ec-skeleton--card .ec-skeleton--text:last-child {
        width: 26.85%;
        margin-bottom: 0
    }

.ec-skeleton--cta-card {
    margin-bottom: 16px;
    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
}

.ec-skeleton--cta-card__paddings {
    padding: 20px 32px
}

@media screen and (min-width: 768px) {
    .ec-skeleton--cta-card__inner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%
    }
}

.ec-skeleton--cta-card__thumbnail {
    width: auto;
    padding-right: 24px
}

@media screen and (max-width: 767px) {
    .ec-skeleton--cta-card__thumbnail {
        display: none
    }
}

.ec-skeleton--cta-card__content {
    width: 100%;
    padding-right: 24px
}

    .ec-skeleton--cta-card__content .ec-skeleton--heading {
        width: 20%;
        max-width: 84px;
        margin-bottom: 10px
    }

    .ec-skeleton--cta-card__content .ec-skeleton--text:first-child {
        max-width: 430px
    }

    .ec-skeleton--cta-card__content .ec-skeleton--text:last-child {
        max-width: 126px
    }

.ec-skeleton--cta-card__actions .ec-skeleton--button {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .ec-skeleton--cta-card__actions {
        margin-top: 24px
    }
}

.ec-skeleton--summary-card {
    margin-bottom: 16px;
    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
}

    .ec-skeleton--summary-card .ec-skeleton--card:first-child {
        margin-bottom: 0;
        border: 0;
        border-bottom: 1px solid #DFE3E7;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        box-shadow: none
    }

        .ec-skeleton--summary-card .ec-skeleton--card:first-child .ec-skeleton--heading {
            width: 84px;
            margin-bottom: 24px
        }

        .ec-skeleton--summary-card .ec-skeleton--card:first-child .ec-skeleton--summary-card__cell:first-child .ec-skeleton--text {
            width: 120px
        }

        .ec-skeleton--summary-card .ec-skeleton--card:first-child .ec-skeleton--summary-card__cell:first-child .ec-skeleton--button {
            width: 120px
        }

        .ec-skeleton--summary-card .ec-skeleton--card:first-child .ec-skeleton--summary-card__cell:last-child .ec-skeleton--text {
            width: 40px
        }

    .ec-skeleton--summary-card .ec-skeleton--card:last-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

        .ec-skeleton--summary-card .ec-skeleton--card:last-child .ec-skeleton--summary-card__cell:first-child .ec-skeleton--heading {
            width: 120px;
            margin-bottom: 0
        }

        .ec-skeleton--summary-card .ec-skeleton--card:last-child .ec-skeleton--summary-card__cell:last-child .ec-skeleton--heading {
            width: 40px;
            margin-bottom: 0
        }

    .ec-skeleton--summary-card .ec-skeleton--summary-card__row {
        display: flex;
        flex-grow: 1;
        justify-content: space-between;
        width: 100%
    }

    .ec-skeleton--summary-card .ec-skeleton--summary-card__cell {
        flex: 1 1 100%;
        padding-right: 8px
    }

        .ec-skeleton--summary-card .ec-skeleton--summary-card__cell:last-child {
            flex: 0 1 auto;
            align-self: flex-end;
            padding-right: 0
        }

    .ec-skeleton--summary-card .ec-skeleton--summary-card__row:not(:last-child) .ec-skeleton--text, .ec-skeleton--summary-card .ec-skeleton--summary-card__row:not(:last-child) .ec-skeleton--button {
        margin-bottom: 16px
    }

.ec-skeleton--list-element__thumbnail {
    width: auto;
    padding-right: 14px
}

.ec-skeleton--list-element__content {
    width: 100%;
    padding-right: 14px
}

    .ec-skeleton--list-element__content .ec-skeleton--text:first-child {
        max-width: 160px;
        margin-top: 4px
    }

    .ec-skeleton--list-element__content .ec-skeleton--text:last-child {
        max-width: 88px;
        margin-bottom: 0
    }

.ec-skeleton--list-element__actions .ec-skeleton--text {
    width: 40px;
    margin-top: 4px;
    margin-bottom: 0
}

.ec-skeleton--list-element-compact {
    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
}

    .ec-skeleton--list-element-compact .ec-skeleton--list-element__inner {
        display: flex;
        align-items: start;
        justify-content: center;
        padding: 15px 20px
    }

.ec-skeleton--list-element-normal {
    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
}

    .ec-skeleton--list-element-normal .ec-skeleton--list-element__inner {
        display: flex;
        align-items: start;
        justify-content: center;
        padding: 15px 20px
    }

    .ec-skeleton--list-element-normal .ec-skeleton--list-element__thumbnail {
        width: auto;
        padding-right: 14px
    }

    .ec-skeleton--list-element-normal .ec-skeleton--list-element__content {
        width: 100%;
        padding-right: 14px
    }

        .ec-skeleton--list-element-normal .ec-skeleton--list-element__content .ec-skeleton--text:first-child {
            max-width: 260px;
            margin-top: 8px
        }

        .ec-skeleton--list-element-normal .ec-skeleton--list-element__content .ec-skeleton--text:last-child {
            max-width: 126px;
            margin-bottom: 8px
        }

        .ec-skeleton--list-element-normal .ec-skeleton--list-element__content .ec-skeleton--text.ec-skeleton--horizontal {
            width: 76px;
            margin-top: 8px;
            margin-bottom: 0
        }

    .ec-skeleton--list-element-normal .ec-skeleton--list-element__actions .ec-skeleton--button {
        width: 100px;
        margin-top: 4px;
        margin-bottom: 0
    }

.ec-skeleton--list-element-detailed {
    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
}

    .ec-skeleton--list-element-detailed .ec-skeleton--list-element__inner {
        display: flex;
        align-items: start;
        justify-content: center;
        padding: 15px 20px
    }

    .ec-skeleton--list-element-detailed .ec-skeleton--list-element__thumbnail {
        width: auto;
        padding-right: 14px
    }

    .ec-skeleton--list-element-detailed .ec-skeleton--list-element__content {
        width: 100%;
        padding-right: 14px
    }

        .ec-skeleton--list-element-detailed .ec-skeleton--list-element__content .ec-skeleton--horizontal.ec-skeleton--heading:first-child {
            width: 100px;
            margin-right: 16px
        }

        .ec-skeleton--list-element-detailed .ec-skeleton--list-element__content .ec-skeleton--horizontal.ec-skeleton--heading:last-child {
            width: 145px;
            margin-top: 8px;
            margin-bottom: 8px
        }

        .ec-skeleton--list-element-detailed .ec-skeleton--list-element__content .ec-skeleton--text:first-child {
            max-width: 260px;
            margin-top: 8px
        }

        .ec-skeleton--list-element-detailed .ec-skeleton--list-element__content .ec-skeleton--text:last-child {
            max-width: 126px;
            margin-bottom: 8px
        }

        .ec-skeleton--list-element-detailed .ec-skeleton--list-element__content .ec-skeleton--text.ec-skeleton--horizontal {
            width: 122px;
            margin-top: 8px;
            margin-bottom: 0
        }

    .ec-skeleton--list-element-detailed .ec-skeleton--list-element__actions .ec-skeleton--button {
        width: 100px;
        margin-top: 4px;
        margin-bottom: 0
    }

.ec-skeleton--horizontal {
    display: inline-block
}

    .ec-skeleton--horizontal.ec-skeleton--text {
        margin-right: 16px;
        margin-bottom: 0
    }

.ec-skeleton-animation-delay2x .ec-skeleton::after {
    animation-delay: .3s
}

.ec-skeleton-animation-delay3x .ec-skeleton::after {
    animation-delay: .6s
}

.ec-skeleton-animation-delay4x .ec-skeleton::after {
    animation-delay: .9s
}

@keyframes loading {
    to {
        transform: translate(100%)
    }
}

.ec-skeleton--sidebar {
    max-width: 56px;
    height: 100%;
    background-color: #F8F8F9
}

    .ec-skeleton--sidebar .ec-skeleton__paddings {
        padding: 26px 20px
    }

    .ec-skeleton--sidebar .ec-skeleton__inner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .ec-skeleton--sidebar .ec-skeleton__thumbnail {
        width: auto
    }

    .ec-skeleton--sidebar .ec-skeleton__content {
        display: none
    }

    .ec-skeleton--sidebar .ec-skeleton--thumbnail {
        width: 28px;
        height: 27px
    }

    .ec-skeleton--sidebar .ec-skeleton--heading {
        width: 80px;
        height: 16px;
        margin-bottom: 4px
    }

    .ec-skeleton--sidebar .ec-skeleton--text {
        width: 80px;
        height: 7px
    }

    .ec-skeleton--sidebar .ec-skeleton__section {
        margin-top: 40px
    }

        .ec-skeleton--sidebar .ec-skeleton__section .ec-skeleton--thumbnail {
            width: 16px;
            height: 16px
        }

        .ec-skeleton--sidebar .ec-skeleton__section .ec-skeleton--text {
            width: 100px;
            height: 10px
        }

        .ec-skeleton--sidebar .ec-skeleton__section + .ec-skeleton__section {
            margin-top: 50px
        }

        .ec-skeleton--sidebar .ec-skeleton__section .ec-skeleton__inner + .ec-skeleton__inner {
            margin-top: 24px
        }

        .ec-skeleton--sidebar .ec-skeleton__section .ec-skeleton__inner:nth-child(1) .ec-skeleton--text {
            width: 110px
        }

        .ec-skeleton--sidebar .ec-skeleton__section .ec-skeleton__inner:nth-child(2) .ec-skeleton--text {
            width: 80px
        }

    .ec-skeleton--sidebar.ec-skeleton--wide {
        max-width: 100%
    }

        .ec-skeleton--sidebar.ec-skeleton--wide .ec-skeleton__content {
            display: block;
            width: 100%
        }

        .ec-skeleton--sidebar.ec-skeleton--wide .ec-skeleton__thumbnail {
            padding-right: 14px
        }

        .ec-skeleton--sidebar.ec-skeleton--wide .ec-skeleton__head .ec-skeleton__thumbnail {
            padding-right: 10px
        }

.ec-skeleton-settings-page .named-area:not(:last-child) {
    margin-bottom: 64px
}

.ec-skeleton-settings-page .ec-skeleton--text {
    margin-bottom: 8px;
    max-width: 740px
}

.ec-skeleton-settings-page .named-area__header .ec-skeleton--heading, .ec-skeleton-settings-page .named-area__header .ec-skeleton--text, .ec-skeleton-settings-page .named-area__header .ec-skeleton--thumbnail, .ec-skeleton-settings-page .named-area__header .ec-skeleton--button {
    background: #C0C7CF
}

.ec-skeleton-settings-page .named-area__header .ec-skeleton--heading {
    margin-bottom: 12px;
    max-width: 150px
}

.ec-skeleton-settings-page .named-area__additional .ec-skeleton--text {
    max-width: 316px
}

.ec-skeleton-settings-page .named-area__additional div:last-child .ec-skeleton--text {
    max-width: 188px;
    margin-bottom: 0
}

.ec-skeleton-settings-page .named-area__body {
    padding-top: 0
}

    .ec-skeleton-settings-page .named-area__body .ec-skeleton--heading {
        max-width: 280px
    }

    .ec-skeleton-settings-page .named-area__body .ec-skeleton--text:last-child {
        max-width: 188px;
        margin-bottom: 0
    }

.ec-skeleton-stack div[class*="ec-skeleton--list-element-"]:not(:first-child) {
    box-shadow: 0 1px 0 0 #bfc7ce inset
}

.ec-skeleton-stack div[class*="ec-skeleton--list-element-"]:first-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ec-skeleton-stack div[class*="ec-skeleton--list-element-"]:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ec-skeleton-stack div[class*="ec-skeleton--list-element-"]:not(:first-child):not(:last-child) {
    border-radius: 0
}

@media screen and (min-width: 568px) {
    .ec-skeleton-stack {
        border-radius: 8px;
        box-shadow: 0 1px 4px -1px rgba(15,17,22,0.1), 0 0 0 rgba(0,0,0,0.08) inset
    }
}

.smart-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0 -8px -16px;
    transition: color .1s linear
}

    .smart-row.smart-row--equal-growth .smart-row__column:last-child {
        flex-grow: 1
    }

.smart-row__column {
    flex-basis: 50%;
    flex-grow: 1;
    margin-bottom: 16px;
    padding: 0 8px
}

@media screen and (min-width: 768px) {
    .smart-row__column {
        flex-basis: 25%
    }
}

.smart-row__column:last-child {
    flex-grow: 9999
}

.smart-row__column--no-wrap {
    white-space: nowrap
}

.smart-row--multiline-value {
    align-items: flex-start
}

.smart-row.smart-row--disabled {
    color: #607385
}

.smooth-value {
    opacity: 1;
    transition: opacity .1s linear
}

.smooth-value--hide {
    opacity: .5
}

.smooth-panel {
    transition: color .3s linear
}

.smooth-panel--hide {
    animation: smoothFadeOutToBottom .15s ease-in;
    animation-fill-mode: both
}

.smooth-panel--show {
    animation: smoothFadeInFromTop .15s ease-in .15s;
    animation-fill-mode: both
}

.smooth-height-panel {
    transition: height .15s ease-out
}

.smooth-height-panel__inner {
    transition: opacity .15s ease-out
}

.smooth-height-panel--hide .smooth-height-panel__inner {
    opacity: 0
}

.smooth-height-panel--show .smooth-height-panel__inner {
    opacity: 1
}

.star-rating__item-wrapper {
    position: relative;
    display: inline-block
}

.star-rating__item--background {
    color: #EBEDF0;
    z-index: 1
}

.star-rating__item--background-storefront-style {
    color: #C0C7CF;
    z-index: 1
}

.star-rating__item--foreground {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #f9a650;
    z-index: 2
}

.star-rating__item--spacing-mr {
    margin-right: 2px
}

    .star-rating__item--spacing-mr:last-child {
        margin-right: 0
    }

.statistic-grid {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr;
    text-align: left
}

.statistic-grid--compact .statistic-grid__value {
    font-size: 16px;
    line-height: 24px
}

.statistic-grid--row-count-2 {
    grid-template-rows: repeat(2, auto)
}

.statistic-grid--row-count-3 {
    grid-template-rows: repeat(3, auto)
}

.statistic-grid--col-count-3 {
    grid-template-columns: repeat(3, 1fr)
}

.statistic-grid--col-count-4 {
    grid-template-columns: repeat(4, 1fr)
}

.statistic-grid--col-count-5 {
    grid-template-columns: repeat(5, 1fr)
}

.statistic-grid--col-count-6 {
    grid-template-columns: repeat(6, 1fr)
}

@media screen and (max-width: 767px) {
    .statistic-grid--row-count-3.statistic-grid--col-count-3 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(6, auto)
    }

        .statistic-grid--row-count-3.statistic-grid--col-count-3 :nth-child(4) {
            order: 7
        }

        .statistic-grid--row-count-3.statistic-grid--col-count-3 :nth-child(5) {
            order: 8
        }

        .statistic-grid--row-count-3.statistic-grid--col-count-3 :nth-child(6) {
            order: 9
        }

        .statistic-grid--row-count-3.statistic-grid--col-count-3 :nth-child(7) {
            grid-row-start: 4
        }

        .statistic-grid--row-count-3.statistic-grid--col-count-3 :nth-child(8) {
            grid-row-start: 5
        }

        .statistic-grid--row-count-3.statistic-grid--col-count-3 :nth-child(9) {
            grid-row-start: 6
        }

        .statistic-grid--row-count-3.statistic-grid--col-count-3 :nth-child(7), .statistic-grid--row-count-3.statistic-grid--col-count-3 :nth-child(8), .statistic-grid--row-count-3.statistic-grid--col-count-3 :nth-child(9) {
            grid-column-start: 1;
            grid-column-end: 3
        }

        .statistic-grid--row-count-3.statistic-grid--col-count-3 :nth-child(3) {
            margin-bottom: 24px
        }
}

@media screen and (max-width: 767px) {
    .statistic-grid--row-count-3.statistic-grid--col-count-4 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(6, auto)
    }

        .statistic-grid--row-count-3.statistic-grid--col-count-4 :nth-child(4) {
            order: 7
        }

        .statistic-grid--row-count-3.statistic-grid--col-count-4 :nth-child(5) {
            order: 8
        }

        .statistic-grid--row-count-3.statistic-grid--col-count-4 :nth-child(6) {
            order: 9
        }

        .statistic-grid--row-count-3.statistic-grid--col-count-4 :nth-child(10) {
            order: 10
        }

        .statistic-grid--row-count-3.statistic-grid--col-count-4 :nth-child(11) {
            order: 11
        }

        .statistic-grid--row-count-3.statistic-grid--col-count-4 :nth-child(12) {
            order: 12
        }

        .statistic-grid--row-count-3.statistic-grid--col-count-4 :nth-child(3) {
            margin-bottom: 24px
        }
}

@media screen and (max-width: 767px) {
    .statistic-grid--row-count-2.statistic-grid--col-count-6 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(6, auto)
    }

        .statistic-grid--row-count-2.statistic-grid--col-count-6 :nth-child(3) {
            order: 7
        }

        .statistic-grid--row-count-2.statistic-grid--col-count-6 :nth-child(4) {
            order: 8
        }

        .statistic-grid--row-count-2.statistic-grid--col-count-6 :nth-child(7) {
            order: 9
        }

        .statistic-grid--row-count-2.statistic-grid--col-count-6 :nth-child(8) {
            order: 10
        }

        .statistic-grid--row-count-2.statistic-grid--col-count-6 :nth-child(11) {
            order: 11
        }

        .statistic-grid--row-count-2.statistic-grid--col-count-6 :nth-child(12) {
            order: 12
        }

        .statistic-grid--row-count-2.statistic-grid--col-count-6 :nth-child(2), .statistic-grid--row-count-2.statistic-grid--col-count-6 :nth-child(6) {
            margin-bottom: 24px
        }
}

.statistic-grid__title {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 4px
}

.statistic-grid__value {
    font-size: 24px;
    line-height: 30px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    padding-bottom: 4px
}

.statistic-grid__subvalue {
    font-size: 12px;
    line-height: 18px;
    color: #607385
}

.statistic-grid--row-count-3.statistic-grid--mark-col-3 :nth-child(7), .statistic-grid--row-count-3.statistic-grid--mark-col-3 :nth-child(8), .statistic-grid--row-count-3.statistic-grid--mark-col-3 :nth-child(9) {
    position: relative
}

    .statistic-grid--row-count-3.statistic-grid--mark-col-3 :nth-child(7)::before, .statistic-grid--row-count-3.statistic-grid--mark-col-3 :nth-child(8)::before, .statistic-grid--row-count-3.statistic-grid--mark-col-3 :nth-child(9)::before {
        content: '';
        position: absolute;
        right: 100%;
        width: 8px;
        height: 100%;
        border-left: 1px solid #bfc7ce
    }

.statistic-grid--row-count-3.statistic-grid--mark-col-4 :nth-child(10), .statistic-grid--row-count-3.statistic-grid--mark-col-4 :nth-child(11), .statistic-grid--row-count-3.statistic-grid--mark-col-4 :nth-child(12) {
    position: relative
}

    .statistic-grid--row-count-3.statistic-grid--mark-col-4 :nth-child(10)::before, .statistic-grid--row-count-3.statistic-grid--mark-col-4 :nth-child(11)::before, .statistic-grid--row-count-3.statistic-grid--mark-col-4 :nth-child(12)::before {
        content: '';
        position: absolute;
        right: 100%;
        width: 8px;
        height: 100%;
        border-left: 1px solid #bfc7ce
    }

.statistic-grid--row-count-2.statistic-grid--mark-col-6 :nth-child(11), .statistic-grid--row-count-2.statistic-grid--mark-col-6 :nth-child(12) {
    position: relative
}

    .statistic-grid--row-count-2.statistic-grid--mark-col-6 :nth-child(11)::before, .statistic-grid--row-count-2.statistic-grid--mark-col-6 :nth-child(12)::before {
        content: '';
        position: absolute;
        right: 100%;
        width: 8px;
        height: 100%;
        border-left: 1px solid #bfc7ce
    }

.statistic-grid--small-before-desktop-large .statistic-grid__title, .statistic-grid--small-before-desktop-large .statistic-grid__value {
    font-size: 12px;
    line-height: 18px
}

@media screen and (max-width: 567px) {
    .statistic-grid--small-before-desktop-large.statistic-grid--compact {
        grid-template-columns: max-content;
        grid-column-gap: 80px
    }
}

@media screen and (min-width: 1280px) {
    .statistic-grid--small-before-desktop-large.statistic-grid--compact .statistic-grid__title {
        font-size: 14px;
        line-height: 18px
    }

    .statistic-grid--small-before-desktop-large.statistic-grid--compact .statistic-grid__value {
        font-size: 16px;
        line-height: 24px
    }
}

.statistic-grid--small .statistic-grid__title, .statistic-grid--small .statistic-grid__value {
    font-size: 12px;
    line-height: 18px
}

.statistic-grid--small.statistic-grid--compact .statistic-grid__value {
    font-size: 12px;
    line-height: 18px
}

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

.statistic-grid--large .statistic-grid__value {
    font-size: 20px;
    line-height: 28px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700)
}

@media screen and (min-width: 768px) {
    .statistic-grid--large .statistic-grid__value {
        font-size: 24px;
        line-height: 30px
    }
}

.statistic-grid--hidden {
    opacity: 0
}

.statistic-grid-unavailable {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center
}

.sticky-table {
    min-width: 100%;
    border-collapse: collapse
}

.sticky-table__head .sticky-table__col {
    padding-top: 0;
    color: #607385;
    font-weight: 600;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px
}

.sticky-table__row {
    border-bottom: 1px solid #bfc7ce
}

.sticky-table__row--disabled {
    color: #607385
}

.sticky-table__col {
    padding: 12px 16px 12px 0;
    text-align: left;
    word-break: break-word;
    vertical-align: middle
}

    .sticky-table__col:last-child {
        padding-right: 0
    }

.sticky-table__col--head {
    word-break: keep-all;
    user-select: none
}

.sticky-table__col--align-left .sticky-table__col-sort {
    margin-left: 4px
}

.sticky-table__col--align-right {
    text-align: right
}

    .sticky-table__col--align-right .sticky-table__col-sort {
        margin-right: 4px
    }

.sticky-table__col--align-center {
    text-align: center
}

    .sticky-table__col--align-center .sticky-table__col-sort {
        margin-right: 4px
    }

.sticky-table__col--number {
    min-width: initial;
    padding-right: 16px;
    text-align: right;
    word-break: keep-all
}

.sticky-table__col--small-paddings {
    padding-top: 6px;
    padding-bottom: 6px
}

.sticky-table__col--has-sorting.sticky-table__col--head {
    cursor: pointer
}

    .sticky-table__col--has-sorting.sticky-table__col--head:hover .sticky-table__col-sort {
        opacity: 1;
        color: #1b409d
    }

    .sticky-table__col--has-sorting.sticky-table__col--head:hover .sticky-table__col-text {
        color: #1b409d
    }

.sticky-table__col--has-sorting .sticky-table__col-sort {
    display: inline
}

.sticky-table__col--has-tip .sticky-table__col-text {
    margin-right: 16px
}

.sticky-table__col--has-tip .sticky-table__col-tip {
    width: 0;
    margin-left: -12px
}

.sticky-table__metric-value {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600
}

.sticky-table__metric-note {
    font-size: 12px;
    line-height: 18px;
    color: #607385;
    white-space: nowrap
}

.sticky-table__col-sort {
    display: none;
    position: relative;
    top: 1px;
    opacity: 0;
    padding: 3px 6px;
    vertical-align: top;
    transition: opacity .1s ease-out 0s;
    cursor: pointer
}

.sticky-table__col-sort--is-sorted {
    opacity: 1;
    color: #275ce0
}

.sticky-table__col-sort .sticky-table__col-sort-icon svg, .sticky-table__col-sort--desc .sticky-table__col-sort-icon svg {
    transform: rotate(180deg)
}

.sticky-table__col-sort--asc .sticky-table__col-sort-icon svg {
    transform: rotate(0deg)
}

.sticky-table__col-sort-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

    .sticky-table__col-sort-icon svg {
        display: block;
        width: 12px;
        height: 12px
    }

.sticky-table__col-text {
    word-break: normal
}

.sticky-table__col-period {
    font-size: 10px;
    word-break: normal
}

.sticky-table__col-tip {
    margin-left: 4px
}

    .sticky-table__col-tip .iconable-tip {
        margin-left: 0
    }

@media screen and (max-width: 567px) {
    .sticky-table-wrapper--with-shadow {
        position: relative
    }

        .sticky-table-wrapper--with-shadow::after {
            content: '';
            display: block;
            position: absolute;
            z-index: 1;
            top: 0;
            bottom: 0;
            left: 0;
            width: 136px;
            box-shadow: 0 0 15px rgba(0,0,0,0.08);
            pointer-events: none
        }

    .sticky-table-block {
        z-index: 1;
        overflow-x: scroll;
        border: 1px solid #bfc7ce;
        border-radius: 4px;
        scroll-snap-type: x mandatory
    }

        .sticky-table-block .sticky-table__head .sticky-table__col {
            padding-top: 12px
        }

        .sticky-table-block .sticky-table__body .sticky-table__row:last-child {
            border-bottom: 0
        }

        .sticky-table-block .sticky-table__row {
            align-items: stretch;
            column-gap: 0
        }

        .sticky-table-block .sticky-table__col {
            min-width: 136px;
            padding-right: 12px;
            padding-left: 12px;
            scroll-snap-align: end
        }

            .sticky-table-block .sticky-table__col:not(:last-child):not(.sticky-table__col--primary) {
                border-right: 1px solid #bfc7ce
            }

        .sticky-table-block .sticky-table__col--primary {
            position: sticky;
            z-index: 1;
            left: 0;
            border-right: 0;
            background: white;
            box-shadow: inset -1px 0 0 #bfc7ce
        }
}

.status-block {
    position: relative;
    font-size: 14px;
    line-height: 22px
}

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

.status-block .status-block__central {
    align-self: center;
    width: 100%;
    word-wrap: break-word;
    transition: color .1s linear;
    -ms-grid-row-align: center
}

@media screen and (min-width: 768px) {
    .status-block .status-block__central {
        padding-right: 24px
    }
}

.status-block .status-block__central p {
    margin-top: 0;
    margin-bottom: 8px
}

    .status-block .status-block__central p:last-child {
        margin-bottom: 0
    }

.status-block .status-block__header {
    display: table;
    padding-right: 56px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e;
    word-wrap: break-word;
    word-break: break-word
}

@media screen and (min-width: 768px) {
    .status-block .status-block__header {
        padding-right: 0
    }
}

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

.status-block .status-block__edit {
    display: none;
    opacity: 0
}

.status-block .status-block__content {
    margin-top: 8px
}

.status-block .status-block__actions-dropdown {
    margin-top: 16px
}

@media screen and (min-width: 768px) {
    .status-block .status-block__actions-dropdown {
        margin-top: 8px;
        margin-right: 8px;
        margin-bottom: 8px
    }
}

.status-block .status-block__actions-dropdown .list-dropdown {
    max-width: 250px
}

.status-block .status-block__actions-dropdown .btn {
    min-width: 126px
}

.status-block .status-block__primary-action {
    display: block;
    position: absolute;
    top: -3px;
    right: 0
}

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

@media screen and (min-width: 768px) {
    .status-block .status-block__primary-action label.checkbox {
        margin-top: 12px;
        margin-left: 24px
    }
}

@media screen and (min-width: 768px) {
    .status-block .status-block__primary-action .btn {
        margin-top: 8px;
        margin-right: 0;
        margin-bottom: 8px
    }
}

.status-block .status-block__primary-action:empty {
    display: none
}

.status-block label.checkbox.big > div::before, .status-block label.checkbox.big > div::after {
    display: none
}

@media screen and (min-width: 768px) {
    .status-block label.checkbox.big > div::before, .status-block label.checkbox.big > div::after {
        display: block
    }
}

.status-block.status-block--editable .status-block__central {
    cursor: pointer
}

    .status-block.status-block--editable .status-block__central:hover {
        color: #1b409d
    }

        .status-block.status-block--editable .status-block__central:hover .status-block__header {
            color: currentColor
        }

@media screen and (min-width: 768px) {
    .status-block.status-block--editable .status-block__central:hover .status-block__edit {
        opacity: 1
    }
}

@media screen and (min-width: 768px) {
    .status-block.status-block--editable .status-block__edit {
        display: inline;
        opacity: 0;
        padding-left: 10px;
        font-weight: 400;
        white-space: nowrap;
        transition: opacity .1s linear;
        will-change: opacity
    }
}

.status-block.status-block--without-toggle .status-block__actions-dropdown {
    margin-bottom: -8px
}

@media screen and (min-width: 768px) {
    .status-block.status-block--without-toggle .status-block__actions-dropdown {
        align-self: center;
        margin-top: 0;
        margin-bottom: 0
    }
}

.status-block.status-block--without-toggle .status-block__primary-action {
    position: static;
    margin-top: 16px
}

@media screen and (min-width: 768px) {
    .status-block.status-block--without-toggle .status-block__primary-action {
        align-self: center;
        margin-top: 0
    }
}

.status-block.status-block--without-toggle .status-block__primary-action .btn {
    width: 100%
}

@media screen and (min-width: 768px) {
    .status-block.status-block--without-toggle .status-block__primary-action .btn {
        width: auto;
        min-width: 208px
    }
}

.status-block.status-block--disabled .status-block__central, .status-block.status-block--disabled .status-block__header {
    color: #607385
}

.status-block.status-block--disabled .inline-alert {
    color: #607385
}

.status-block.status-block--height-limited .status-block__content {
    display: block;
    position: relative;
    overflow: hidden;
    max-height: 138px
}

    .status-block.status-block--height-limited .status-block__content::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%)
    }

    .status-block.status-block--height-limited .status-block__content * {
        font-size: 14px !important;
        line-height: 24px !important
    }

    .status-block.status-block--height-limited .status-block__content img, .status-block.status-block--height-limited .status-block__content svg, .status-block.status-block--height-limited .status-block__content object, .status-block.status-block--height-limited .status-block__content embed {
        display: none
    }

    .status-block.status-block--height-limited .status-block__content .card__text-indent {
        display: block;
        margin-bottom: 8px;
        padding-right: 20px
    }

        .status-block.status-block--height-limited .status-block__content .card__text-indent:last-child {
            margin-bottom: 0;
            padding-right: 0
        }

.summary-row {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 12px
}

.summary-row__cell {
    flex: 1 1 100%;
    padding-right: 8px
}

    .summary-row__cell:last-child {
        display: flex;
        flex: 1 0 auto;
        align-self: start;
        justify-content: flex-end;
        padding-right: 0;
        font-weight: var(--headers-font-weight, 700)
    }

    .summary-row__cell .tooltip {
        color: inherit
    }

.summary-row:last-child {
    margin-bottom: 0
}

.summary-row__description {
    font-size: 12px;
    line-height: 18px;
    color: #607385
}

.summary-row__previous-value {
    font-weight: var(--text-big-font-weight, 600);
    color: #607385;
    text-decoration: line-through
}

.summary-row__current-value {
    margin-left: 8px;
    font-weight: var(--text-big-font-weight, 600)
}

.summary-row--total:last-child {
    margin-bottom: 0
}

.summary-row--total .summary-row__title, .summary-row--total .summary-row__current-value, .summary-row--total .summary-row__previous-value {
    font-size: 20px;
    line-height: 28px;
    font-weight: var(--headers-font-weight, 700)
}

.summary-row--total.edit-marker::before {
    top: 11px;
    left: -13px
}

.summary-row__title {
    word-wrap: break-word;
    word-break: break-word
}

.summary-row--disabled {
    color: #607385
}

    .summary-row--disabled .ecwid-tip__icon svg {
        color: #607385;
        fill: #607385
    }

.summary-row .tooltip {
    color: inherit
}

.summary-row .edit-marker::before {
    top: 9px;
    left: -13px
}

.summary-table .btn {
    width: 100%;
    margin-bottom: 8px
}

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

.teaser-card {
    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;
    display: flex;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    width: 100%
}

.teaser-card--has-hover .teaser-card__infographics {
    position: relative;
    cursor: pointer
}

    .teaser-card--has-hover .teaser-card__infographics::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
    }

    .teaser-card--has-hover .teaser-card__infographics:hover::after {
        opacity: .15
    }

    .teaser-card--has-hover .teaser-card__infographics::after {
        transition: opacity .2s linear
    }

.teaser-card--has-hover:focus, .teaser-card--has-hover:hover {
    background: #e7f0f8;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2)
}

    .teaser-card--has-hover:focus .teaser-card__infographics::after, .teaser-card--has-hover:hover .teaser-card__infographics::after {
        opacity: .15
    }

.teaser-card__infographics {
    flex-basis: 148px;
    min-height: 148px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

    .teaser-card__infographics img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.teaser-card__content {
    padding: 16px;
    display: flex;
    flex-grow: 1
}

@media screen and (min-width: 768px) {
    .teaser-card__content {
        padding: 20px 24px
    }
}

.teaser-card__content.teaser-card__content--align-top {
    align-items: flex-start
}

@media screen and (min-width: 768px) {
    .teaser-card--linear {
        flex-direction: row;
        flex-wrap: nowrap
    }

        .teaser-card--linear .teaser-card__infographics {
            flex-basis: 50%;
            flex-shrink: 0
        }

        .teaser-card--linear .teaser-card__content {
            flex-basis: 50%;
            flex-shrink: 0;
            align-self: center
        }
}

.teaser-card--horizontal {
    flex-direction: row
}

    .teaser-card--horizontal .teaser-card__infographics {
        flex-basis: 560px;
        max-width: 560px
    }

@media screen and (min-width: 768px) {
    .teaser-card-layout .cards-row__inner {
        display: block;
        margin: 0
    }

    .teaser-card-layout .cards-row__item {
        width: 100%;
        margin: 0 0 8px 0
    }
}

@media screen and (min-width: 1024px) {
    .teaser-card-layout {
        display: grid;
        grid-auto-flow: column;
        grid-column-gap: 16px
    }

        .teaser-card-layout .cards-row__inner {
            display: flex;
            flex-grow: 1;
            flex-wrap: wrap;
            margin: -8px 0 0 -8px
        }

            .teaser-card-layout .cards-row__inner .cards-row__item {
                width: 100%;
                margin: 8px 0 8px 8px
            }

    .teaser-card-layout--col-count-1 {
        grid-template-columns: repeat(1, 1fr)
    }

        .teaser-card-layout--col-count-1 .teaser-card {
            flex-direction: row
        }

        .teaser-card-layout--col-count-1 .teaser-card__infographics {
            flex-basis: 560px;
            max-width: 560px
        }

    .teaser-card-layout--col-count-2 .cards-row__inner .cards-row__item, .teaser-card-layout--col-count-4 .cards-row__inner .cards-row__item, .teaser-card-layout--col-count-3 .cards-row__inner .cards-row__item:nth-child(1n+0), .teaser-card-layout--col-count-3 .cards-row__inner .cards-row__item:nth-child(2n+0) {
        max-width: calc(50% - 12px)
    }

    .teaser-card-layout--col-count-3 .cards-row__inner .cards-row__item:nth-child(3n+0) {
        max-width: none
    }

        .teaser-card-layout--col-count-3 .cards-row__inner .cards-row__item:nth-child(3n+0) .teaser-card {
            flex-direction: row
        }

        .teaser-card-layout--col-count-3 .cards-row__inner .cards-row__item:nth-child(3n+0) .teaser-card__infographics {
            flex-basis: 560px;
            max-width: 560px
        }
}

.text-copy-link__action:not(:last-child)::after {
    content: "";
    display: block;
    height: 1px;
    margin: 0 8px;
    background-color: #bfc7ce
}

.text-copy-link__action--success {
    color: #0cac42;
    pointer-events: none
}

.text-copy-link__action a {
    padding: 8px
}

    .text-copy-link__action a:hover {
        font-weight: 600
    }

.text-copy-link__action:first-child a {
    padding-top: 12px
}

.text-copy-link__action:last-child a {
    padding-bottom: 12px
}

.titled-item {
    width: 100%;
    padding: 0
}

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

.titled-item__content {
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

    .titled-item__content p {
        margin: 0 0 8px
    }

.titled-items-list {
    width: 100%;
    max-width: 600px;
    margin: 0;
    padding: 0;
    list-style: none
}

.titled-items-list--no-max-width {
    max-width: none
}

.titled-items-list--small .titled-items-list__item {
    margin-bottom: 8px
}

.titled-items-list--small .titled-item__title {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.titled-items-list.titled-items-list--ordered {
    list-style-position: inside;
    list-style-type: decimal
}

    .titled-items-list.titled-items-list--ordered .titled-item {
        display: block
    }

    .titled-items-list.titled-items-list--ordered .titled-item__title {
        display: list-item
    }

.titled-items-list__item {
    margin-bottom: 24px
}

.titled-item.titled-item--small .titled-item__title {
    margin-bottom: 4px
}

.titled-value {
    width: 100%
}

    .titled-value.titled-value--small .titled-value__value {
        font-size: 16px;
        line-height: 24px
    }

    .titled-value.titled-value--extra-small .titled-value__value {
        font-size: 14px;
        line-height: 22px
    }

    .titled-value.titled-value--responsive .titled-value__value {
        word-wrap: break-word;
        word-break: break-word
    }

.titled-value__title {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 18px
}

.titled-value__value {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 30px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700)
}

    .titled-value__value .svg-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-left: 8px
    }

        .titled-value__value .svg-icon svg {
            display: block;
            width: 100%;
            height: 100%
        }

.titled-value__action {
    font-size: 14px;
    line-height: 22px
}

.titled-subvalue {
    font-size: 12px;
    line-height: 18px;
    display: block;
    margin-top: -4px;
    margin-bottom: 16px;
    color: #607385
}

.titles-block {
    margin-bottom: 16px
}

    .titles-block .titles-block__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
    }

    .titles-block .titles-block__subtitle {
        font-size: 14px;
        line-height: 22px
    }

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

.a-card .titles-block {
    max-width: 700px
}

label.checkbox {
    display: inline-block;
    position: relative;
    height: 30px;
    text-align: justify;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

    label.checkbox > div {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 50px;
        height: 30px;
        padding: 2px;
        border-radius: 15px;
        background-color: #808f9d;
        transition: background-color .2s ease-out 0s
    }

        label.checkbox > div::before, label.checkbox > div::after {
            content: attr(data-off);
            display: block;
            position: absolute;
            top: 100%;
            left: -20%;
            overflow: hidden;
            opacity: 1;
            width: 140%;
            margin-left: 0;
            padding-top: 25%;
            color: #607385;
            font-size: 11px;
            line-height: 1em;
            text-align: center;
            text-overflow: ellipsis;
            text-transform: uppercase;
            transition: margin .2s ease-out 0s, opacity .2s ease-out 0s, color .2s ease-out 0s;
            cursor: pointer;
            font-weight: var(--text-big-font-weight, 600)
        }

        label.checkbox > div::after {
            content: attr(data-on);
            opacity: 0;
            margin-left: -40%;
            color: #0cac42
        }

        label.checkbox > div > div {
            display: block;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background-color: #fff;
            transition: margin .2s ease-out 0s
        }

    label.checkbox input {
        display: block;
        position: relative;
        z-index: 2;
        box-sizing: border-box;
        opacity: 0;
        width: 50px;
        height: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        cursor: pointer
    }

        label.checkbox input:checked + div {
            background-color: #0cac42
        }

            label.checkbox input:checked + div::after {
                opacity: 1;
                margin-left: 0
            }

            label.checkbox input:checked + div::before {
                opacity: 0;
                margin-left: 40%
            }

            label.checkbox input:checked + div > div {
                margin-left: 20px
            }

        label.checkbox input:not([disabled]):hover + div {
            background-color: #66727e
        }

            label.checkbox input:not([disabled]):hover + div::before {
                color: #43515d
            }

            label.checkbox input:not([disabled]):hover + div::after {
                color: #08782e
            }

        label.checkbox input:not([disabled]):active + div {
            background-color: #99a5b1
        }

            label.checkbox input:not([disabled]):active + div::before {
                color: #909daa
            }

            label.checkbox input:not([disabled]):active + div::after {
                color: #55c57b
            }

        label.checkbox input:not([disabled]):checked:hover + div {
            background-color: #0a8a35
        }

        label.checkbox input:not([disabled]):checked:active + div {
            background-color: #3dbd68
        }

    label.checkbox:not(.big) {
        height: 24px
    }

        label.checkbox:not(.big) > div {
            width: 40px;
            height: 24px
        }

            label.checkbox:not(.big) > div::before, label.checkbox:not(.big) > div::after {
                top: 5px;
                left: 100%;
                width: auto;
                margin: 0;
                padding: 0 0 0 28%;
                font-size: 14px;
                white-space: nowrap
            }

            label.checkbox:not(.big) > div::after {
                margin: 25% 0 0 0
            }

            label.checkbox:not(.big) > div > div {
                width: 20px;
                height: 20px
            }

        label.checkbox:not(.big) input {
            width: 40px
        }

            label.checkbox:not(.big) input:checked + div > div {
                margin-left: 16px
            }

            label.checkbox:not(.big) input:checked + div::after {
                margin: 0
            }

            label.checkbox:not(.big) input:checked + div::before {
                margin: -25% 0 0 0
            }

    label.checkbox.tiny > div::before, label.checkbox.tiny > div::after {
        display: none
    }

    label.checkbox input[disabled], label.checkbox input[disabled] + div::before, label.checkbox input[disabled] + div::after {
        cursor: default
    }

        label.checkbox input[disabled] + div {
            opacity: .4
        }

    label.checkbox.micro {
        height: 22px;
        margin-right: 12px;
        line-height: 22px
    }

        label.checkbox.micro > div {
            top: 4px;
            width: 22px;
            height: 14px
        }

            label.checkbox.micro > div::before, label.checkbox.micro > div::after {
                top: -5px;
                width: max-content;
                max-width: none;
                line-height: 22px;
                text-transform: initial
            }

            label.checkbox.micro > div > div {
                width: 10px;
                height: 10px
            }

        label.checkbox.micro input {
            width: 22px
        }

            label.checkbox.micro input:checked + div > div {
                margin-left: 8px
            }

        label.checkbox.micro .checkbox__on-text-placeholder, label.checkbox.micro .checkbox__off-text-placeholder {
            padding-left: 26px
        }

        label.checkbox.micro input:checked ~ .checkbox__on-text-placeholder {
            display: block
        }

        label.checkbox.micro input:not(:checked) ~ .checkbox__off-text-placeholder {
            display: block
        }

.checkbox__on-text-placeholder, .checkbox__off-text-placeholder {
    display: none;
    overflow: hidden;
    opacity: 0;
    height: 0
}

.total-row {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    width: 100%;
    margin-right: -8px
}

.total-row--grand {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700)
}

    .total-row--grand:last-child {
        margin-bottom: 0
    }

.total-row__cell {
    flex: 1 1 100%;
    padding-right: 8px
}

    .total-row__cell:last-child {
        flex: 0 1 auto;
        align-self: start;
        padding-right: 0;
        font-weight: var(--headers-font-weight, 700)
    }

    .total-row__cell .tooltip {
        color: inherit
    }

.utilities-bar {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 568px) {
    .utilities-bar {
        margin-bottom: 24px
    }
}

.utilities-bar__body {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-bottom: 8px;
    column-gap: 8px;
    row-gap: 8px
}

@media screen and (min-width: 568px) {
    .utilities-bar__body {
        flex-wrap: nowrap;
        justify-content: space-between
    }
}

.utilities-bar__left, .utilities-bar__right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
    row-gap: 8px
}

.utilities-bar__left {
    flex: 1 1 auto
}

    .utilities-bar__left .utilities-bar__item--link, .utilities-bar__left .utilities-bar__item:has(+.utilities-bar__item--link) {
        margin-right: 8px
    }

    .utilities-bar__left .utilities-bar__item:last-child {
        margin-right: 0
    }

    .utilities-bar__left .utilities-bar__item:first-child, .utilities-bar__left .utilities-bar__item--link + .utilities-bar__item--link {
        margin-left: 0
    }

@media screen and (max-width: 567px) {
    .utilities-bar__left {
        display: contents
    }
}

.utilities-bar__right {
    flex: 1 1 auto;
    justify-content: flex-end
}

@media screen and (min-width: 568px) {
    .utilities-bar__right {
        flex-grow: 0
    }
}

.utilities-bar__item {
    display: inline-block;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .utilities-bar__item .horizontal-icolink.icolink-append {
        padding-right: 20px
    }

    .utilities-bar__item .icon-arr-down {
        top: 50%;
        margin-top: -6px;
        font-size: 6px;
        line-height: 1
    }

.utilities-bar__item--dropdown {
    display: inline-block;
    position: relative;
    z-index: 3;
    cursor: pointer
}

.vertical-filters__filter-list-item {
    display: flex;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    color: #275ce0;
    transition: color .1s linear
}

    .vertical-filters__filter-list-item:focus, .vertical-filters__filter-list-item:hover {
        color: #1b409d
    }

    .vertical-filters__filter-list-item:active {
        color: #688de9
    }

    .vertical-filters__filter-list-item.visited {
        color: #0a1c2e
    }

.vertical-filters__custom-filter-list-item {
    overflow: hidden;
    box-sizing: content-box;
    height: 22px;
    transition: height .2s,padding-bottom .2s,padding-top .2s
}

    .vertical-filters__custom-filter-list-item:hover {
        color: #275ce0
    }

        .vertical-filters__custom-filter-list-item:hover .vertical-filters__filter-close {
            opacity: 1
        }

    .vertical-filters__custom-filter-list-item:active {
        color: #275ce0
    }

    .vertical-filters__custom-filter-list-item .vertical-filters__filter-name {
        color: #275ce0;
        transition: color .1s linear
    }

        .vertical-filters__custom-filter-list-item .vertical-filters__filter-name:focus, .vertical-filters__custom-filter-list-item .vertical-filters__filter-name:hover {
            color: #1b409d
        }

        .vertical-filters__custom-filter-list-item .vertical-filters__filter-name:active {
            color: #688de9
        }

        .vertical-filters__custom-filter-list-item .vertical-filters__filter-name.visited {
            color: #0a1c2e
        }

    .vertical-filters__custom-filter-list-item .vertical-filters__filter-count {
        display: none
    }

    .vertical-filters__custom-filter-list-item .vertical-filters__filter-close {
        display: block;
        opacity: 0
    }

        .vertical-filters__custom-filter-list-item .vertical-filters__filter-close::after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            right: 8px;
            width: 14px;
            height: 14px;
            margin-top: -8px;
            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='%23808f9d'%3E%3Cpath fill-rule='evenodd' d='M3.302 3.302a1.03 1.03 0 0 1 1.457 0L10 8.542l5.24-5.24a1.03 1.03 0 1 1 1.458 1.457L11.458 10l5.24 5.24a1.03 1.03 0 0 1-1.457 1.458L10 11.458l-5.24 5.24a1.03 1.03 0 0 1-1.458-1.457L8.542 10l-5.24-5.24a1.03 1.03 0 0 1 0-1.458Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
            background-size: contain;
            cursor: pointer
        }

        .vertical-filters__custom-filter-list-item .vertical-filters__filter-close: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='M3.302 3.302a1.03 1.03 0 0 1 1.457 0L10 8.542l5.24-5.24a1.03 1.03 0 1 1 1.458 1.457L11.458 10l5.24 5.24a1.03 1.03 0 0 1-1.457 1.458L10 11.458l-5.24 5.24a1.03 1.03 0 0 1-1.458-1.457L8.542 10l-5.24-5.24a1.03 1.03 0 0 1 0-1.458Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
        }

        .vertical-filters__custom-filter-list-item .vertical-filters__filter-close:active::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='%23688de9'%3E%3Cpath fill-rule='evenodd' d='M3.302 3.302a1.03 1.03 0 0 1 1.457 0L10 8.542l5.24-5.24a1.03 1.03 0 1 1 1.458 1.457L11.458 10l5.24 5.24a1.03 1.03 0 0 1-1.457 1.458L10 11.458l-5.24 5.24a1.03 1.03 0 0 1-1.458-1.457L8.542 10l-5.24-5.24a1.03 1.03 0 0 1 0-1.458Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
        }

    .vertical-filters__custom-filter-list-item.zero-height {
        height: 0;
        padding-top: 0;
        padding-bottom: 0
    }

.vertical-filters__filter-close {
    display: none;
    width: 22px;
    height: 22px
}

.vertical-filters__filter-name, .vertical-filters__filter-count {
    font-size: 14px;
    line-height: 22px;
    margin-right: 8px
}

.vertical-filters__filter-name {
    overflow: hidden;
    flex-grow: 1;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vertical-filters__names-list {
    padding-bottom: 24px;
    border-bottom: 1px solid #bfc7ce
}

.vertical-filters__dropdowns-list-item {
    border-top: 1px solid #bfc7ce;
    border-bottom: 1px solid #bfc7ce
}

    .vertical-filters__dropdowns-list-item:first-child {
        border-top: 0
    }

    .vertical-filters__dropdowns-list-item + .vertical-filters__dropdowns-list-item {
        border-top: none
    }

.vertical-filters__save-panel {
    margin-bottom: 8px;
    padding-top: 8px
}

.vertical-filters__save-panel-link {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px
}

.vertical-filters__save-panel-body {
    display: none;
    text-align: justify
}

    .vertical-filters__save-panel-body .fieldset {
        display: inline-block;
        width: 100%;
        margin-bottom: 8px
    }

        .vertical-filters__save-panel-body .fieldset.has-error {
            margin-bottom: 0
        }

    .vertical-filters__save-panel-body .btn {
        width: 100%
    }

.vertical-filters__save-panel.vertical-filters__save-panel-body-input-visible .vertical-filters__save-panel-link {
    display: none
}

.vertical-filters__save-panel.vertical-filters__save-panel-body-input-visible .vertical-filters__save-panel-body {
    display: block
}

.dropdown-filter-panel {
    padding-bottom: 0
}

.dropdown-filter-panel__header {
    display: flex;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    line-height: 22px
}

    .dropdown-filter-panel__header:focus-visible {
        outline: auto 5px #275ce0
    }

.dropdown-filter-panel__header-icon {
    opacity: .8;
    align-self: center;
    margin-top: 2px;
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='28' viewBox='0 0 12 28'%3E%3Cpath fill='%230a1c2e' fill-rule='evenodd' d='M1.1 20l5.7-5.8L1.1 8c-.8-.8-.8-2 0-2.7.8-.8 2-.8 2.8 0l7.1 7.5c.4.4.6.9.6 1.4 0 .5-.2 1-.6 1.4l-7.1 7.2c-.8.8-2 .8-2.8 0-.8-.8-.8-2.1 0-2.8z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 6px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out;
    -ms-grid-row-align: center
}

.dropdown-filter-panel__header-title {
    position: relative;
    font-weight: 500
}

.dropdown-filter-panel__header-clear {
    display: none;
    margin-left: auto;
    color: #607385;
    cursor: pointer;
    font-size: 12px;
    line-height: 18px
}

    .dropdown-filter-panel__header-clear:hover {
        color: #1b409d
    }

    .dropdown-filter-panel__header-clear:active {
        color: #688de9
    }

    .dropdown-filter-panel__header-clear:focus-visible {
        outline: auto 5px #275ce0
    }

.dropdown-filter-panel__body {
    position: relative;
    overflow: hidden;
    opacity: 0;
    height: 0
}

    .dropdown-filter-panel__body .ecwid-orders-filter-popup, .dropdown-filter-panel__body .filter-dropdown-body {
        overflow-y: auto
    }

        .dropdown-filter-panel__body .ecwid-orders-filter-popup .options-list__item, .dropdown-filter-panel__body .filter-dropdown-body .options-list__item {
            border-top: none
        }

        .dropdown-filter-panel__body .ecwid-orders-filter-popup .options-list__item--active .options-list__label, .dropdown-filter-panel__body .filter-dropdown-body .options-list__item--active .options-list__label {
            font-weight: normal
        }

        .dropdown-filter-panel__body .ecwid-orders-filter-popup .options-list__label .svg-icon, .dropdown-filter-panel__body .ecwid-orders-filter-popup .radio-btn-icon, .dropdown-filter-panel__body .filter-dropdown-body .options-list__label .svg-icon, .dropdown-filter-panel__body .filter-dropdown-body .radio-btn-icon {
            right: 16px
        }

        .dropdown-filter-panel__body .ecwid-orders-filter-popup .options-list__label input[type=checkbox]:checked + .options-list__label-text, .dropdown-filter-panel__body .filter-dropdown-body .options-list__label input[type=checkbox]:checked + .options-list__label-text {
            background-color: #d3dee8
        }

.dropdown-filter-panel__body-long:not(.dropdown-filter-panel__body--noscroll)::after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 0;
    pointer-events: none;
    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%)
}

.dropdown-filter-panel__body-long:not(.dropdown-filter-panel__body--noscroll) .ecwid-orders-filter-popup::after, .dropdown-filter-panel__body-long:not(.dropdown-filter-panel__body--noscroll) .filter-dropdown-body::after {
    content: "";
    display: block;
    width: 100%;
    height: 10px
}

.content-bg-grey .dropdown-filter-panel__body-long:not(.dropdown-filter-panel__body--noscroll)::after {
    background: -webkit-linear-gradient(#eceef0 100%, rgba(255,255,255,0) 0%);
    background: -webkit-gradient(linear, left bottom, left top, from(#eceef0), to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(bottom, #eceef0 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(bottom, #eceef0 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to top, #eceef0 0%, rgba(255,255,255,0) 100%)
}

.dropdown-filter-panel.opened, .dropdown-filter-panel--opened {
    padding-bottom: 24px
}

    .dropdown-filter-panel.opened .dropdown-filter-panel__body, .dropdown-filter-panel--opened .dropdown-filter-panel__body {
        height: auto;
        max-height: 284px;
        animation: fadeInDown .2s ease-in;
        animation-fill-mode: both
    }

    .dropdown-filter-panel.opened .dropdown-filter-panel__body--noscroll, .dropdown-filter-panel--opened .dropdown-filter-panel__body--noscroll {
        height: auto;
        max-height: initial
    }

    .dropdown-filter-panel.opened .dropdown-filter-panel__header-icon, .dropdown-filter-panel--opened .dropdown-filter-panel__header-icon {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out,-webkit-transform .2s ease-out
    }

    .dropdown-filter-panel.opened .dropdown-filter-panel__body-long::after, .dropdown-filter-panel--opened .dropdown-filter-panel__body-long::after {
        height: 20px
    }

.dropdown-filter-panel.filled .dropdown-filter-panel__header-title, .dropdown-filter-panel--filled .dropdown-filter-panel__header-title {
    padding-left: 20px
}

    .dropdown-filter-panel.filled .dropdown-filter-panel__header-title::after, .dropdown-filter-panel--filled .dropdown-filter-panel__header-title::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 7px;
        width: 8px;
        height: 8px;
        margin-top: -3px;
        border-radius: 50%;
        background: #808f9d
    }

.dropdown-filter-panel.filled .dropdown-filter-panel__header:hover .dropdown-filter-panel__header-title::after, .dropdown-filter-panel--filled .dropdown-filter-panel__header:hover .dropdown-filter-panel__header-title::after {
    background: #1b409d
}

.dropdown-filter-panel.filled .dropdown-filter-panel__header:active .dropdown-filter-panel__header-title::after, .dropdown-filter-panel--filled .dropdown-filter-panel__header:active .dropdown-filter-panel__header-title::after {
    background: #688de9
}

.dropdown-filter-panel.filled .dropdown-filter-panel__header-clear, .dropdown-filter-panel--filled .dropdown-filter-panel__header-clear {
    display: block
}

.dropdown-filter-panel.no-body .dropdown-filter-panel__body {
    display: none
}

.dropdown-filter-panel.no-body.opened {
    padding-bottom: 0
}

.dropdown-filter-panel.date .dropdown-filter-panel__body .range-periods, .dropdown-filter-panel.date-time .dropdown-filter-panel__body .range-periods, .dropdown-filter-panel.total .dropdown-filter-panel__body .range-periods {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-left: -8px
}

    .dropdown-filter-panel.date .dropdown-filter-panel__body .range-periods .btn, .dropdown-filter-panel.date-time .dropdown-filter-panel__body .range-periods .btn, .dropdown-filter-panel.total .dropdown-filter-panel__body .range-periods .btn {
        flex: 1 0 25%;
        min-width: 146px;
        margin-bottom: 8px;
        margin-left: 8px
    }

@media screen and (min-width: 768px) {
    .dropdown-filter-panel.date .dropdown-filter-panel__body .range-periods .btn, .dropdown-filter-panel.date-time .dropdown-filter-panel__body .range-periods .btn, .dropdown-filter-panel.total .dropdown-filter-panel__body .range-periods .btn {
        margin-right: 0
    }
}

.dropdown-filter-panel.date .range-group {
    margin-right: -3px;
    margin-left: -5px
}

.dropdown-filter-panel.total .range-group, .dropdown-filter-panel.date .range-group {
    display: flex;
    margin-bottom: 16px
}

    .dropdown-filter-panel.total .range-group > .fieldset, .dropdown-filter-panel.date .range-group > .fieldset {
        padding: 2px 3px 2px 5px
    }

.dropdown-filter-panel.date-time .range-group {
    margin-bottom: 8px
}

    .dropdown-filter-panel.date-time .range-group > .fieldset {
        width: 100%;
        margin-bottom: 8px
    }

@media screen and (min-width: 768px) {
    .dropdown-filter-panel.payment-status.opened .dropdown-filter-panel__body:not(.dropdown-filter-panel__body--noscroll) {
        height: 234px
    }
}

@media screen and (min-width: 768px) {
    .dropdown-filter-panel.fullfilment-status.opened .dropdown-filter-panel__body:not(.dropdown-filter-panel__body--noscroll) {
        height: 273px
    }
}

@media screen and (min-width: 768px) {
    .dropdown-filter-panel.fullfilment-status.opened .dropdown-filter-panel__body:not(.dropdown-filter-panel__body--noscroll) .ecwid-orders-filter-popup, .dropdown-filter-panel.fullfilment-status.opened .dropdown-filter-panel__body:not(.dropdown-filter-panel__body--noscroll) .filter-dropdown-body {
        max-height: 273px
    }
}

.dropdown-filter-panel__body:not(.dropdown-filter-panel__body--noscroll) .ecwid-orders-filter-popup {
    max-height: 284px
}

.dropdown-filter-panel__body--noscroll .filter-dropdown-body {
    overflow-y: hidden
}

@media screen and (min-width: 768px) {
    .ecwid-orders-list {
        padding: 0
    }
}

.ecwid-orders__body {
    display: flex
}

@media screen and (min-width: 768px) {
    .ecwid-orders__body {
        margin-bottom: 50px
    }
}

.ecwid-orders__filter-panel {
    opacity: 0;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    height: 0;
    margin-right: -100%;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .ecwid-orders__filter-panel {
        opacity: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        width: 300px;
        min-width: 300px;
        margin-right: -300px
    }
}

.ecwid-orders__filter-panel.opened {
    opacity: 1;
    height: auto;
    margin-right: 1px;
    padding-right: 8px
}

@media screen and (max-width: 767px) {
    .ecwid-orders__filter-panel.opened {
        box-sizing: border-box;
        padding-left: 8px
    }
}

@media screen and (min-width: 768px) {
    .ecwid-orders__filter-panel.opened {
        opacity: 1;
        margin-right: 16px;
        padding-right: 0
    }
}

.ecwid-orders__main-panel {
    flex: 9999 0 100%
}

@media screen and (max-width: 767px) {
    .ecwid-orders__main-panel {
        right: 0;
        left: 0;
        transform: translateX(0)
    }
}

@media screen and (min-width: 768px) {
    .ecwid-orders__main-panel {
        flex: 1;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .ecwid-orders__filter-panel.opened + .ecwid-orders__main-panel, .ecwid-orders__filter-panel.opened + .products-list__items {
        position: absolute;
        overflow: hidden;
        width: 100%;
        height: 0
    }
}

@media screen and (min-width: 768px) {
    .ecwid-orders__filter-panel.opened + .ecwid-orders__main-panel, .ecwid-orders__filter-panel.opened + .products-list__items {
        max-width: calc(100% - 316px)
    }
}

.filter-panel {
    display: flex;
    padding-bottom: 16px
}

.filter-panel__select-all div.btn {
    min-width: 0;
    padding-right: 0
}

.filter-panel__select-all .btn-dropdown.btn-default {
    border-left: 0
}

.filter-panel__select-all input {
    width: 16px;
    height: 16px;
    border: 1px solid #bfc7ce;
    border-radius: 3px
}

.filter-panel .btn.btn-dropdown {
    border-radius: 3px
}

.filter-panel .list-dropdown ul li .ecwid-orders-active-filter {
    position: relative;
    padding-right: 42px
}

    .filter-panel .list-dropdown ul li .ecwid-orders-active-filter::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 12px;
        width: 8px;
        height: 8px;
        margin-top: -3px;
        border-radius: 50%;
        background: #808f9d
    }

.filter-panel .list-dropdown ul li:hover .ecwid-orders-active-filter::after {
    background-color: #fff
}

.filter-panel--with-status .filter-panel-toggle {
    align-self: flex-start
}

@media screen and (min-width: 568px) {
    .filter-panel {
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-pack: justify
    }
}

.filter-panel-toggle {
    position: relative;
    z-index: 1;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: var(--headers-font-family)
}

    .filter-panel-toggle .dropdown-filter-panel__header {
        padding: 0
    }

    .filter-panel-toggle .dropdown-filter-panel__header-title {
        margin-right: 8px
    }

    .filter-panel-toggle.no-body.opened {
        padding-bottom: 8px
    }

.filter-panel__status {
    flex: 1 0 0;
    align-self: center
}

@media screen and (max-width: 767px) {
    .filter-panel {
        display: grid;
        grid-template-columns: 30% 70%
    }
}

.filter-panel__search {
    flex: 1 0 0;
    margin-left: 8px
}

    .filter-panel__search .fieldset {
        min-width: 100%
    }

        .filter-panel__search .fieldset .field__label {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .filter-panel__search .fieldset .field__input:read-only {
            cursor: pointer
        }

@media screen and (max-width: 767px) {
    .filter-panel__search {
        max-width: 100%
    }
}

.vertical-filters__sticky-panel {
    position: fixed;
    z-index: 100000;
    right: 0;
    bottom: -144px;
    left: 0;
    box-sizing: border-box;
    height: 72px;
    padding: 16px 8px;
    background: rgba(255,255,255,0.5);
    text-align: center;
    transition: bottom .2s ease-out;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15)
}

@media screen and (min-width: 768px) {
    .vertical-filters__sticky-panel {
        display: none
    }
}

.vertical-filters__sticky-panel .btn {
    width: 100%;
    margin: auto
}

.vertical-filters__sticky-panel--sticky {
    bottom: 0
}

@media screen and (min-width: 768px) {
    .customers-list {
        padding: 0
    }
}

.customers-list__body {
    display: flex
}

@media screen and (min-width: 768px) {
    .customers-list__body {
        margin-bottom: 50px
    }
}

.customers-list__filter-panel {
    opacity: 0;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    height: 0;
    margin-right: -100%;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .customers-list__filter-panel {
        opacity: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        width: 300px;
        min-width: 300px;
        margin-right: -300px
    }
}

.customers-list__filter-panel.opened {
    opacity: 1;
    height: auto;
    margin-right: 1px;
    padding-right: 8px
}

@media screen and (max-width: 767px) {
    .customers-list__filter-panel.opened {
        box-sizing: border-box;
        padding-left: 8px
    }
}

@media screen and (min-width: 768px) {
    .customers-list__filter-panel.opened {
        opacity: 1;
        margin-right: 16px;
        padding-right: 0
    }
}

.customers-list__main-panel {
    flex: 9999 0 100%
}

@media screen and (max-width: 767px) {
    .customers-list__main-panel {
        right: 0;
        left: 0;
        transform: translateX(0)
    }
}

@media screen and (min-width: 768px) {
    .customers-list__main-panel {
        flex: 1;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .customers-list__filter-panel.opened + .customers-list__main-panel, .customers-list__filter-panel.opened + .customers-list__items {
        position: absolute;
        overflow: hidden;
        width: 100%;
        height: 0
    }
}

@media screen and (min-width: 768px) {
    .customers-list__filter-panel.opened + .customers-list__main-panel, .customers-list__filter-panel.opened + .customers-list__items {
        max-width: calc(100% - 316px)
    }
}

.dropdown-filter-panel .options-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left
}

.dropdown-filter-panel .options-list__item {
    position: relative;
    margin: 0;
    border-top: 1px solid #808f9d;
    color: #0a1c2e
}

    .dropdown-filter-panel .options-list__item:first-child {
        border-top: none
    }

    .dropdown-filter-panel .options-list__item:not(.options-list__item--disabled):hover {
        background-color: #dfe5eb
    }

.dropdown-filter-panel .options-list__label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer
}

    .dropdown-filter-panel .options-list__label .svg-icon {
        position: absolute;
        top: 50%;
        right: 8px;
        width: 1em;
        height: 1em;
        margin-top: -.65em
    }

    .dropdown-filter-panel .options-list__label .svg-icon--checked {
        display: none
    }

        .dropdown-filter-panel .options-list__label .svg-icon--checked svg {
            fill: #275ce0
        }

    .dropdown-filter-panel .options-list__label .svg-icon--locked {
        color: #607385
    }

    .dropdown-filter-panel .options-list__label input {
        position: absolute
    }

        .dropdown-filter-panel .options-list__label input:checked + .options-list__label-text {
            position: relative
        }

            .dropdown-filter-panel .options-list__label input:checked + .options-list__label-text .svg-icon--checked {
                display: block
            }

        .dropdown-filter-panel .options-list__label input[type=radio]:checked + .radio-btn-icon + .options-list__label-text {
            background-color: #d3dee8
        }

        .dropdown-filter-panel .options-list__label input[type=radio]:checked + .radio-btn-icon {
            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='%23275ce0'%3E%3Cpath d='M13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center
        }

        .dropdown-filter-panel .options-list__label input:focus-visible + .options-list__label-text {
            outline: auto 5px #275ce0;
            outline-offset: -1px
        }

.dropdown-filter-panel .options-list__item--active .options-list__label {
    font-weight: 600
}

.dropdown-filter-panel .options-list__label-text {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 40px 10px 8px;
    background-color: transparent;
    transition: background-color 150ms ease-out
}

.dropdown-filter-panel .options-list__radio, .dropdown-filter-panel .options-list__checkbox {
    opacity: 0;
    margin-left: auto
}

.dropdown-filter-panel .options-list__item--disabled {
    pointer-events: none;
    color: #607385
}

    .dropdown-filter-panel .options-list__item--disabled .options-list__label {
        cursor: default
    }

.dropdown-filter-panel .options-list__item--hidden {
    display: none
}

.dropdown-filter-panel .options-block {
    min-width: 240px
}

@media screen and (min-width: 568px) {
    .dropdown-filter-panel .options-block {
        padding-right: 16px
    }
}

.dropdown-filter-panel .radio-btn-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 8px;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    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='%23275ce0'%3E%3Cpath fill-rule='evenodd' d='M10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0 2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    transform: translateY(2px)
}

.dropdown-filter-panel .radio-btn-icon--big {
    font-size: 32px
}

    .dropdown-filter-panel .radio-btn-icon--big::after {
        top: 8px;
        right: 8px;
        bottom: 8px;
        left: 8px
    }

.dropdown-filter-panel.opened .dropdown-filter-panel__body--scroll-options {
    max-height: none
}

    .dropdown-filter-panel.opened .dropdown-filter-panel__body--scroll-options .options-list {
        max-height: 420px;
        overflow-y: auto
    }

.gallery-icon {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 2px solid #bfc7ce;
    border-radius: 5px
}

    .gallery-icon .gallery-icon__icon {
        display: block;
        overflow: hidden;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        border-radius: 3px
    }

        .gallery-icon .gallery-icon__icon svg {
            width: 100%;
            height: 100%
        }

    .gallery-icon .gallery-icon__text {
        display: flex;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 25%;
        padding: 0 4px 8px;
        color: #607385;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        white-space: normal;
        word-wrap: break-word;
        word-break: break-word
    }

        .gallery-icon .gallery-icon__text .gallery-icon__text-label {
            width: 100%;
            min-width: 0
        }

.gallery-icon--upload {
    border: 2px dashed #275ce0;
    cursor: pointer;
    transition: background-color 0.1s linear
}

    .gallery-icon--upload .gallery-icon__icon {
        color: #275ce0;
        transition: color 0.1s linear
    }

        .gallery-icon--upload .gallery-icon__icon svg {
            fill: currentColor
        }

    .gallery-icon--upload .gallery-icon__text {
        color: #275ce0;
        transition: color 0.1s linear
    }

    .gallery-icon--upload:hover {
        border-color: #1b409d
    }

        .gallery-icon--upload:hover .gallery-icon__icon {
            color: #1b409d
        }

        .gallery-icon--upload:hover .gallery-icon__text {
            color: #1b409d
        }

.gallery-image {
    display: flex;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #bfc7ce
}

    .gallery-image .gallery-image__img {
        flex-shrink: 0;
        max-width: 100%;
        max-height: 100%;
        image-orientation: from-image
    }

.gallery-image--tall .gallery-image__img {
    max-height: none
}

.gallery-image--wide .gallery-image__img {
    max-width: none
}

.gallery {
    box-sizing: border-box;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .gallery .gallery__hidden-input {
        display: none
    }

    .gallery .gallery__items-inner {
        overflow-x: auto;
        overflow-y: hidden;
        box-sizing: border-box;
        margin: 0 -16px -8px -16px;
        padding: 0 8px 0 16px;
        font-size: 0;
        white-space: nowrap;
        transition: height .1s ease-out;
        -webkit-overflow-scrolling: touch
    }

        .gallery .gallery__items-inner::-webkit-scrollbar {
            box-sizing: border-box;
            height: 5px
        }

        .gallery .gallery__items-inner::-webkit-scrollbar-thumb {
            box-sizing: border-box;
            height: 5px;
            border-radius: 2px;
            background: #808f9d;
            cursor: move
        }

        .gallery .gallery__items-inner::-webkit-scrollbar-button {
            display: block;
            box-sizing: border-box;
            width: 8px;
            height: 8px;
            background: transparent
        }

@media screen and (min-width: 768px) {
    .gallery .gallery__items-inner {
        margin: 0 -24px -8px -24px;
        padding: 0 16px 0 24px
    }

        .gallery .gallery__items-inner::-webkit-scrollbar-button {
            width: 12px
        }
}

@media screen and (min-width: 1024px) {
    .gallery .gallery__items-inner {
        overflow: visible;
        margin: 0 -8px -8px 0;
        padding: 0;
        white-space: normal
    }
}

@media screen and (min-width: 1024px) {
    .gallery--hide-items .gallery__items-inner {
        overflow: hidden;
        white-space: nowrap
    }
}

.gallery .gallery__item {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 125px;
    min-width: 100px;
    max-width: 150px;
    margin: 0 8px 8px 0;
    font-size: 14px;
    vertical-align: top
}

    .gallery .gallery__item::before {
        content: '';
        display: block;
        box-sizing: border-box;
        padding-top: 100%
    }

.gallery .gallery__item-inner {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: width .2s,height .2s,max-width .2s,min-width .2s
}

.gallery .gallery__item-placeholder {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    box-sizing: border-box;
    border-radius: 16px;
    background-color: rgba(39,92,224,0.5)
}

.gallery .gallery__item-img {
    display: block;
    position: relative;
    box-sizing: border-box;
    flex-basis: auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    image-orientation: from-image
}

.gallery .gallery__item-overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    opacity: 0;
    -ms-grid-columns: 100%;
    -ms-grid-rows: 35px 1fr 35px;
    grid-template-columns: 100%;
    grid-template-rows: 35px 1fr 35px;
    align-content: space-between;
    align-items: center;
    background: rgba(0,0,0,0.45);
    color: #fff;
    text-align: center;
    transition: opacity .2s;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    line-height: 18px;
    border-radius: 6px
}

    .gallery .gallery__item-overlay .gallery__item-overlay-text {
        display: block;
        box-sizing: border-box;
        -ms-grid-row: 2;
        grid-row: 2;
        width: 100%;
        padding: 0 2px;
        font-weight: 600;
        line-height: 1;
        text-align: center;
        white-space: normal;
        word-wrap: break-word;
        word-break: break-word
    }

.gallery .gallery__item-actions, .gallery .gallery__item-link {
    box-sizing: border-box;
    -ms-grid-row: 3;
    grid-row: 3;
    width: 100%;
    padding: 0 4px;
    color: #dfe7fa;
    font-weight: 600;
    line-height: 1;
    white-space: normal;
    transition: color .1s linear;
    cursor: pointer;
    word-wrap: break-word;
    word-break: break-word
}

    .gallery .gallery__item-actions:hover, .gallery .gallery__item-link:hover {
        color: #b2b9c8
    }

    .gallery .gallery__item-actions:active, .gallery .gallery__item-link:active {
        color: #e5ecfb
    }

.gallery .gallery__item-controls {
    display: flex;
    box-sizing: border-box;
    -ms-grid-row: 1;
    grid-row: 1;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%
}

    .gallery .gallery__item-controls .gallery__item-control {
        box-sizing: border-box;
        width: 35px;
        height: 35px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 20px 20px;
        cursor: pointer
    }

    .gallery .gallery__item-controls .gallery__item-control--remove {
        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='%23dfe7fa'%3E%3Cpath fill-rule='evenodd' d='M3.302 3.302a1.03 1.03 0 0 1 1.457 0L10 8.542l5.24-5.24a1.03 1.03 0 1 1 1.458 1.457L11.458 10l5.24 5.24a1.03 1.03 0 0 1-1.457 1.458L10 11.458l-5.24 5.24a1.03 1.03 0 0 1-1.458-1.457L8.542 10l-5.24-5.24a1.03 1.03 0 0 1 0-1.458Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
    }

        .gallery .gallery__item-controls .gallery__item-control--remove:hover {
            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='%23b2b9c8'%3E%3Cpath fill-rule='evenodd' d='M3.302 3.302a1.03 1.03 0 0 1 1.457 0L10 8.542l5.24-5.24a1.03 1.03 0 1 1 1.458 1.457L11.458 10l5.24 5.24a1.03 1.03 0 0 1-1.457 1.458L10 11.458l-5.24 5.24a1.03 1.03 0 0 1-1.458-1.457L8.542 10l-5.24-5.24a1.03 1.03 0 0 1 0-1.458Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
        }

    .gallery .gallery__item-controls .gallery__item-control--edit {
        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='%23dfe7fa'%3E%3Cpath fill-rule='evenodd' d='M15.171 2.172a1 1 0 0 0-1.414 0L3.061 12.697 2 18l5.303-1.06L18 6.413A1 1 0 0 0 18 5l-2.83-2.828ZM5.396 13.19l9.068-8.897 1.415 1.414-9.069 8.897-1.414-1.414Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
        background-size: 20px 20px
    }

        .gallery .gallery__item-controls .gallery__item-control--edit:hover {
            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='%23b2b9c8'%3E%3Cpath fill-rule='evenodd' d='M15.171 2.172a1 1 0 0 0-1.414 0L3.061 12.697 2 18l5.303-1.06L18 6.413A1 1 0 0 0 18 5l-2.83-2.828ZM5.396 13.19l9.068-8.897 1.415 1.414-9.069 8.897-1.414-1.414Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
        }

    .gallery .gallery__item-controls .gallery__item-control--hidden {
        opacity: 0;
        pointer-events: none
    }

.gallery .gallery__item-content {
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.gallery .gallery__item--hovered .gallery__item-overlay, .ecwid-no-touch .gallery .gallery__item--ghost .gallery__item-overlay, .ecwid-no-touch .gallery .gallery__item:hover .gallery__item-overlay {
    opacity: 1;
    pointer-events: auto
}

.gallery .ecwid-supports-touch .gallery__item {
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.gallery .gallery__item--draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .gallery .gallery__item--draggable .gallery__item-placeholder {
        display: block
    }

.gallery .gallery__item--overlay-enabled .gallery__item-overlay {
    display: -ms-grid;
    display: grid
}

.gallery .gallery__item--hidden {
    display: none
}

.gallery .gallery__item--ghost {
    position: absolute;
    z-index: 550;
    animation: set-highlight-shadow .2s 1 linear;
    cursor: -webkit-grabbing;
    cursor: grabbing;
    box-shadow: 0 5px 20px rgba(39,92,224,0.3)
}

    .gallery .gallery__item--ghost .gallery__item-overlay {
        transition: none
    }

    .gallery .gallery__item--ghost.gallery__item--ghost-removing {
        box-shadow: none;
        animation: unset-highlight-shadow .2s 1 linear
    }

.gallery .gallery__item--dragged {
    z-index: 500;
    border: 0 none;
    box-shadow: none;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

    .gallery .gallery__item--dragged .gallery__item-inner {
        opacity: 0;
        transition: none
    }

.gallery .gallery__item--smooth {
    transition: width .1s,height .1s,box-shadow .2s
}

    .gallery .gallery__item--smooth .gallery__item-overlay {
        transition: none
    }

.gallery .gallery__item-loader {
    display: none;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px
}

.gallery .gallery__item--loading {
    animation: fadein .3s linear;
    pointer-events: none
}

    .gallery .gallery__item--loading .gallery__item-loader {
        display: block
    }

    .gallery .gallery__item--loading .gallery__item-mark, .gallery .gallery__item--loading .gallery__item-overlay, .gallery .gallery__item--loading .gallery__item-img {
        display: none
    }

.gallery .gallery__item--deleting {
    opacity: 0;
    transition: opacity .2s
}

.gallery .gallery__item-mark {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 1px;
    box-sizing: border-box;
    max-width: 0;
    height: 2em;
    padding: 0;
    background: #275ce0;
    box-shadow: -1px 1px 5px rgba(14,32,78,0.3);
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 2em;
    text-align: center;
    white-space: nowrap;
    transition: max-width .2s .2s,padding .2s .2s
}

    .gallery .gallery__item-mark > span {
        display: inline-block;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
        max-width: 100%
    }

.gallery .gallery__item-mark--left {
    right: auto;
    left: 1px;
    box-shadow: 1px 1px 5px rgba(14,32,78,0.3)
}

.gallery .gallery__item--marked .gallery__item-mark {
    max-width: 90%;
    padding: 0 8px
}

.gallery .gallery__item-removed-overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -ms-grid-columns: 100%;
    -ms-grid-rows: 1fr 35px;
    grid-template-columns: 100%;
    grid-template-rows: 1fr 35px;
    align-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 35px;
    background: rgba(176,185,194,0.5);
    font-weight: 600;
    text-align: center;
    cursor: default;
    font-size: 12px;
    line-height: 18px;
    border-radius: 6px
}

    .gallery .gallery__item-removed-overlay .gallery__item-removed-text {
        -ms-grid-row: 1;
        grid-row: 1;
        color: #0a1c2e;
        line-height: 1;
        white-space: normal;
        word-wrap: break-word;
        word-break: break-word
    }

    .gallery .gallery__item-removed-overlay .gallery__item-undo {
        -ms-grid-row: 2;
        grid-row: 2;
        font-weight: 600;
        white-space: normal;
        cursor: pointer;
        transition: color 0.1s linear;
        word-wrap: break-word;
        word-break: break-word
    }

        .gallery .gallery__item-removed-overlay .gallery__item-undo .iconable-link {
            padding: 0;
            text-align: center;
            word-break: break-all;
            white-space: normal
        }

            .gallery .gallery__item-removed-overlay .gallery__item-undo .iconable-link .iconable-link__icon {
                position: static;
                padding: 0 3px 0 0;
                margin-left: 0
            }

.gallery .gallery__item--removed {
    pointer-events: none
}

    .gallery .gallery__item--removed .gallery__item-removed-overlay {
        display: -ms-grid;
        display: grid
    }

        .gallery .gallery__item--removed .gallery__item-removed-overlay .iconable-link {
            pointer-events: auto
        }

    .gallery .gallery__item--removed .gallery__item-overlay {
        display: none
    }

    .gallery .gallery__item--removed .gallery__item-content {
        opacity: .4
    }

.gallery .gallery__item-change {
    display: none
}

.gallery--responsive .gallery__items-inner {
    white-space: normal
}

.gallery--small-items .gallery__item {
    width: 100px;
    min-width: 120px;
    max-width: 80px
}

.gallery--single-item .gallery__item {
    cursor: default
}

.gallery--single-item .gallery__item-overlay .gallery__item-overlay-text {
    display: none
}

.gallery .gallery__change-link, .gallery .gallery__upload-link {
    margin-top: 8px
}

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

    .labeled-icon .labeled-icon__text {
        display: inline;
        white-space: normal
    }

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

        .labeled-icon .labeled-icon__icon svg {
            fill: currentColor
        }

        .labeled-icon .labeled-icon__icon > div {
            display: flex;
            align-items: center
        }

.labeled-icon--prepend-icon {
    padding-left: .7em
}

    .labeled-icon--prepend-icon .labeled-icon__icon {
        margin-left: -.5833333333em;
        padding: 0 .35em 0 0
    }

        .labeled-icon--prepend-icon .labeled-icon__icon:not(:first-child) {
            position: absolute;
            top: 0;
            left: 0;
            margin: 0
        }

        .labeled-icon--prepend-icon .labeled-icon__icon:not--emoji(:first-child) {
            padding: 0;
            line-height: 1.5
        }

    .labeled-icon--prepend-icon .labeled-icon__label {
        vertical-align: baseline
    }

.labeled-icon--append-icon .labeled-icon__label {
    vertical-align: baseline
}

.labeled-icon--large-icon .labeled-icon__icon {
    font-size: 1.715em
}

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

    .labeled-icon--large-icon.labeled-icon--prepend-icon .labeled-icon__icon {
        margin-left: -1.2244897959em
    }

        .labeled-icon--large-icon.labeled-icon--prepend-icon .labeled-icon__icon:not(:first-child) {
            margin: -.1em 0 0
        }

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

.labeled-icon .labeled-icon__icon {
    color: #888A8F
}

.labeled-icon--muted, .labeled-icon.muted {
    color: #63656A
}

    .labeled-icon--muted .labeled-icon__icon, .labeled-icon.muted .labeled-icon__icon {
        color: #888A8F
    }

.labeled-icon--prepend-icon > .labeled-icon__label:first-child {
    padding-left: 1em
}

.labeled-icon--prepend-icon .labeled-icon__icon:not(:first-child) {
    top: -2px
}

.labeled-icon {
    margin-right: 18px;
    margin-bottom: 4px
}

.labeled-icon__label {
    display: inline;
    white-space: normal;
    vertical-align: middle
}

.labeled-icon__icon--emoji {
    line-height: 1.1
}

.payment-card {
    display: flex;
    position: relative;
    box-sizing: border-box;
    flex-direction: row;
    margin-bottom: 16px;
    padding: 0;
    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
}

    .payment-card .payment-card__main {
        width: 100%;
        padding: 16px
    }

@media screen and (min-width: 768px) {
    .payment-card .payment-card__main {
        padding: 28px 32px 28px 32px
    }
}

.payment-card .payment-card__side {
    display: none;
    position: relative;
    width: 65%;
    min-width: 300px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 16px
}

@media screen and (min-width: 768px) {
    .payment-card .payment-card__side {
        padding: 28px 32px 28px 24px
    }
}

.payment-card .payment-card__side::before {
    content: "";
    position: absolute;
    top: 28px;
    bottom: 28px;
    left: 0;
    border-left: 1px solid #bfc7ce
}

@media screen and (min-width: 768px) {
    .payment-card .payment-card__side .payment-card__credit-cards {
        margin-bottom: 16px
    }
}

@media screen and (min-width: 768px) {
    .payment-card .payment-card__side .payment-card__credit-cards svg {
        margin-top: 0;
        margin-bottom: 8px
    }
}

.payment-card .payment-card__side p {
    font-size: 14px;
    line-height: 22px
}

.payment-card .payment-card__content {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 22px
}

    .payment-card .payment-card__content p {
        margin-top: 0;
        margin-bottom: 8px
    }

    .payment-card .payment-card__content .alert {
        margin-bottom: 0
    }

@media screen and (min-width: 768px) {
    .payment-card .payment-card__header {
        display: flex;
        margin-bottom: 16px
    }
}

.payment-card .payment-card__logo {
    margin-bottom: 16px;
    display: inline-block;
    width: auto;
    height: 26px;
    margin-right: 70px
}

@media screen and (min-width: 768px) {
    .payment-card .payment-card__logo {
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) {
    .payment-card .payment-card__logo {
        flex: 1 0 0;
        height: 40px
    }
}

.payment-card .payment-card__logo img, .payment-card .payment-card__logo svg {
    width: auto;
    height: 26px
}

@media screen and (min-width: 768px) {
    .payment-card .payment-card__logo img, .payment-card .payment-card__logo svg {
        height: 40px
    }
}

.payment-card .payment-card__credit-cards {
    display: inline-block;
    margin-bottom: 12px
}

@media screen and (min-width: 768px) {
    .payment-card .payment-card__credit-cards {
        display: flex;
        flex: 10 1 0;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 0
    }
}

.payment-card .payment-card__credit-cards svg {
    display: inline-block;
    flex: 0 0 auto;
    width: auto;
    height: 19px;
    max-height: 38px;
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 4px
}

@media screen and (min-width: 768px) {
    .payment-card .payment-card__credit-cards svg {
        height: 26px;
        margin-right: 12px
    }
}

.payment-card .payment-card__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
}

.payment-card .payment-card__title-big {
    margin-bottom: 8px;
    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) {
    .payment-card .payment-card__title-big {
        font-size: 24px;
        line-height: 30px
    }
}

.payment-card .payment-card__action .btn, .payment-card .payment-card__action .dropdown-button {
    width: 100%
}

@media screen and (min-width: 768px) {
    .payment-card .payment-card__action .btn, .payment-card .payment-card__action .dropdown-button {
        width: auto;
        min-width: 208px
    }
}

.payment-card .payment-card__footer:not(:empty) {
    margin-top: 16px
}

.payment-card .payment-card__footer p {
    margin-top: 0;
    margin-bottom: 8px;
    color: #607385;
    font-size: 12px;
    line-height: 18px
}

    .payment-card .payment-card__footer p:last-child {
        margin-bottom: 0
    }

.payment-card .payment-card__terms {
    margin-top: 16px;
    color: #607385;
    font-size: 12px;
    line-height: 18px
}

    .payment-card .payment-card__terms p {
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 18px
    }

        .payment-card .payment-card__terms p:last-child {
            margin-bottom: 0
        }

@media screen and (min-width: 768px) {
    .payment-card--extended .payment-card__main .payment-card__credit-cards, .payment-card--extended .payment-card__main .payment-card__terms {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .payment-card--extended .payment-card__side {
        display: flex;
        flex-flow: column nowrap
    }
}

.payment-card--extended .payment-card__side .payment-card__credit-cards {
    flex: 0 1 auto
}

.payment-card--extended .payment-card__side .payment-card__terms {
    display: none;
    margin-top: auto
}

@media screen and (min-width: 768px) {
    .payment-card--extended .payment-card__side .payment-card__terms {
        display: block
    }
}

@media screen and (min-width: 768px) {
    .payment-card--extended .payment-card__header {
        margin-bottom: 16px
    }
}

.payment-card--extended .payment-card__content {
    max-width: 700px
}

.payment-card--extended:not(.payment-card--hide-logo) .payment-card__title {
    display: none
}

.payment-card--hide-logo .payment-card__header {
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .payment-card--hide-logo .payment-card__header {
        margin-bottom: 0
    }
}

.payment-card--hide-logo .payment-card__credit-cards {
    margin-top: 0;
    margin-bottom: 0
}

.payment-card--hide-logo .payment-card__logo {
    display: none
}

.payment-card .form-area {
    max-width: 700px
}

.payment-card .payment-card__badge {
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .payment-card--small-logo .payment-card__logo {
        height: 26px
    }
}

@media screen and (min-width: 768px) {
    .payment-card--small-logo .payment-card__logo img, .payment-card--small-logo .payment-card__logo svg {
        height: 26px
    }
}

.promo-card-mini {
    text-align: left;
    position: relative
}

@media screen and (min-width: 768px) {
    .promo-card-mini {
        max-width: 980px
    }
}

.promo-card-mini__logo {
    margin-bottom: 24px;
    display: inline-block;
    width: auto;
    height: 26px;
    margin-right: 70px
}

@media screen and (min-width: 768px) {
    .promo-card-mini__logo {
        flex: 1 0 0;
        height: 40px
    }
}

.promo-card-mini__logo img, .promo-card-mini__logo svg {
    width: auto;
    height: 26px
}

@media screen and (min-width: 768px) {
    .promo-card-mini__logo img, .promo-card-mini__logo svg {
        height: 40px
    }
}

.promo-card-mini__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
}

.promo-card-mini__content {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 22px
}

.promo-card-mini__close {
    position: absolute;
    top: -2px;
    right: 0;
    width: 14px;
    height: 14px;
    color: #808f9d;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .promo-card-mini__close {
        top: -10px;
        right: -8px
    }
}

.promo-card-mini__close:hover {
    color: #1b409d
}

.promo-card-mini__close:active {
    color: #688de9
}

.promo-card-mini__close svg {
    fill: currentColor
}

.upgrade-element {
    text-align: left
}

@media screen and (min-width: 768px) {
    .upgrade-element {
        max-width: 980px
    }
}

.upgrade-element__core {
    position: relative
}

@media screen and (min-width: 768px) {
    .upgrade-element__core {
        display: flex;
        flex-wrap: nowrap
    }
}

@media screen and (min-width: 768px) {
    .upgrade-element__data {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: space-between;
        padding-right: 8px
    }
}

.upgrade-element__title {
    margin-bottom: 8px;
    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) {
    .upgrade-element__title {
        font-size: 24px;
        line-height: 30px
    }
}

.upgrade-element__content {
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .upgrade-element__content {
        flex: 1
    }
}

.upgrade-element__text {
    max-width: 600px;
    margin-bottom: 24px
}

@media screen and (min-width: 768px) {
    .upgrade-element__text {
        margin-bottom: 16px
    }
}

.upgrade-element__text p {
    margin-top: 0;
    margin-bottom: 8px
}

.upgrade-element__note {
    margin-top: 8px;
    font-size: 12px;
    line-height: 18px
}

    .upgrade-element__note:empty {
        display: none
    }

.upgrade-element__picture {
    position: relative;
    flex-basis: 260px;
    max-width: 260px;
    text-align: right
}

    .upgrade-element__picture > img, .upgrade-element__picture > svg {
        max-width: 100%;
        height: auto
    }

@media screen and (max-width: 767px) {
    .upgrade-element__picture {
        margin: 24px auto 0
    }
}

@media screen and (min-width: 768px) {
    .upgrade-element__picture {
        flex-basis: 260px;
        max-width: 260px;
        text-align: right
    }
}

@media screen and (min-width: 1400px) {
    .upgrade-element__picture {
        flex-basis: 360px;
        max-width: 360px
    }
}

.upgrade-element__picture--compact {
    flex-basis: 260px;
    max-width: 260px
}

.upgrade-element__action {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .upgrade-element__action {
        margin-bottom: 8px
    }
}

.upgrade-element__button {
    margin-bottom: 8px
}

@media screen and (max-width: 767px) {
    .upgrade-element__button {
        display: block;
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .upgrade-element__button {
        min-width: 260px
    }
}

.upgrade-element.upgrade-element--inverted {
    color: #fff
}

    .upgrade-element.upgrade-element--inverted a {
        color: #fff
    }

        .upgrade-element.upgrade-element--inverted a:hover {
            color: #b3b3b3
        }

        .upgrade-element.upgrade-element--inverted a:active {
            color: #e9effc
        }

    .upgrade-element.upgrade-element--inverted .checkmark-list__item::before {
        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23fff' 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") left top no-repeat
    }

    .upgrade-element.upgrade-element--inverted .upgrade-element__title {
        color: #fff
    }

    .upgrade-element.upgrade-element--inverted .upgrade-element__note {
        opacity: .5
    }

@keyframes batchEditCellFadeInRight {
    0% {
        opacity: 0;
        border-right-color: transparent;
        transform: translate3d(10px, 0, 0)
    }

    100% {
        opacity: 1;
        border-right-color: transparent;
        transform: translateZ(0)
    }
}

@media screen and (max-width: 567px) {
    .batch-edit-container {
        position: relative;
        margin-right: -8px;
        margin-left: -8px
    }
}

.batch-edit {
    max-width: 100%;
    margin-bottom: 45px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15)
}

@media screen and (min-width: 568px) {
    .batch-edit {
        border-radius: 8px
    }
}

.batch-edit__head {
    position: sticky;
    z-index: 6;
    top: 0;
    overflow-x: hidden;
    -webkit-user-select: none;
    user-select: none
}

@media screen and (min-width: 568px) {
    .batch-edit__head {
        border-radius: 8px 8px 0 0
    }
}

.batch-edit__body {
    overflow-x: auto;
    scroll-behavior: smooth
}

@media screen and (min-width: 568px) {
    .batch-edit__body {
        border-radius: 0 0 8px 8px
    }
}

.batch-edit-row {
    display: flex;
    position: relative;
    flex-wrap: nowrap;
    width: max-content;
    min-width: 100%;
    background: #fff;
    transition: box-shadow .15s linear;
    contain-intrinsic-size: auto 44px;
    content-visibility: auto
}

    .batch-edit-row::after {
        content: '';
        position: absolute;
        z-index: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 1px;
        background: rgba(191,199,206,0.5)
    }

.batch-edit-row--placeholder .batch-edit-cell {
    height: 44px
}

.batch-edit-row--fade-in .batch-edit-cell > .batch-edit-text, .batch-edit-row--fade-in .batch-edit-cell > .batch-edit-field, .batch-edit-row--fade-in .batch-edit-cell > .batch-edit-cell__action {
    animation: fadein .15s linear
}

.batch-edit-row--changed .batch-edit-cell:first-child::after {
    content: '';
    opacity: 1
}

.batch-edit-row::before {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 5px;
    opacity: 0;
    width: 5px;
    height: 5px;
    margin-top: -2.5px;
    border-radius: 50%;
    background: #808f9d;
    transition: opacity .15s linear
}

.batch-edit-row--changed-ext .batch-edit-cell:first-child::after {
    display: none
}

.batch-edit-row--changed-ext::before {
    content: '';
    opacity: 1
}

.batch-edit--with-hover-effects .batch-edit__body .batch-edit-row:hover {
    position: relative;
    z-index: 4;
    background: #eceef0;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2)
}

.batch-edit-cell {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 146px;
    height: 44px;
    background: inherit;
    box-shadow: inset -1px -1px 0 0 #bfc7ce;
    contain: strict;
    font-size: 14px;
    line-height: 22px
}

    .batch-edit-cell::before {
        position: absolute;
        opacity: 0;
        border: 2px solid #275ce0;
        transition: opacity .15s linear;
        pointer-events: none;
        inset: 0 1px 1px 0
    }

    .batch-edit-cell:hover, .batch-edit-cell--focus-within, .batch-edit-cell:focus-within {
        position: relative
    }

        .batch-edit-cell:hover .batch-edit-cell__action--sort, .batch-edit-cell--focus-within .batch-edit-cell__action--sort, .batch-edit-cell:focus-within .batch-edit-cell__action--sort {
            opacity: 1
        }

        .batch-edit-cell:hover .batch-edit-cell__resizer, .batch-edit-cell--focus-within .batch-edit-cell__resizer, .batch-edit-cell:focus-within .batch-edit-cell__resizer {
            background: #275ce0
        }

        .batch-edit-cell:hover .batch-edit-field__arrow, .batch-edit-cell--focus-within .batch-edit-field__arrow, .batch-edit-cell:focus-within .batch-edit-field__arrow {
            color: #000
        }

            .batch-edit-cell:hover .batch-edit-field__arrow:active, .batch-edit-cell--focus-within .batch-edit-field__arrow:active, .batch-edit-cell:focus-within .batch-edit-field__arrow:active {
                color: #a6b1ba
            }

    .batch-edit-cell:first-child {
        padding-left: 5px
    }

        .batch-edit-cell:first-child::after {
            position: absolute;
            top: 50%;
            left: 5px;
            opacity: 0;
            width: 5px;
            height: 5px;
            margin-top: -2.5px;
            border-radius: 50%;
            background: #808f9d;
            transition: opacity .15s linear
        }

    .batch-edit-cell--focus-within, .batch-edit-cell:focus-within {
        z-index: 2
    }

.batch-edit-cell--wide {
    width: 250px
}

.batch-edit-cell--readonly:not(.batch-edit-cell--product-description):not(.batch-edit-cell--combination-description):not(.batch-edit-cell--combination-categories) .batch-edit-field {
    pointer-events: none
}

.batch-edit-cell--animated-right-in {
    animation: fadeInRightSmall .15s ease-out
}

.batch-edit-cell--sorted {
    position: relative
}

    .batch-edit-cell--sorted .batch-edit-cell__action--sort {
        opacity: 1
    }

    .batch-edit-cell--sorted[data-sort-direction="asc"] .batch-edit-cell__action--sort::before {
        transform: rotate(-90deg) translateX(-1px)
    }

    .batch-edit-cell--sorted[data-sort-direction="desc"] .batch-edit-cell__action--sort::before {
        transform: rotate(90deg)
    }

.batch-edit-cell--combination-name {
    padding-left: 20px;
    background: #eceef0;
    color: #607385
}

    .batch-edit-cell--combination-name::after {
        left: 25px
    }

.batch-edit-cell--combination-description, .batch-edit-cell--combination-subtitle, .batch-edit-cell--combination-categories, .batch-edit-cell--combination-attribute, .batch-edit-cell--combination-ribbon, .batch-edit-cell--readonly {
    background: #eceef0;
    color: #607385
}

.batch-edit-cell--has-hint {
    position: relative
}

.batch-edit-cell--has-error {
    position: relative;
    background-color: #feeceb;
    transition: background .1s linear
}

    .batch-edit-cell--has-error::before {
        content: '';
        opacity: 1;
        border-color: #f43c36;
        transition: opacity .1s linear
    }

    .batch-edit-cell--has-error:hover {
        background-color: #fff
    }

    .batch-edit-cell--has-error:focus {
        background-color: #fff
    }

    .batch-edit-cell--has-error .batch-edit-text {
        color: #f43c36;
        transition: color .1s linear
    }

.batch-edit-cell--no-resize {
    width: 72px
}

    .batch-edit-cell--no-resize:first-child {
        padding-left: 0
    }

    .batch-edit-cell--no-resize .batch-edit-cell__resizer {
        pointer-events: none
    }

.batch-edit-cell--has-icon .batch-edit-text {
    display: none
}

.batch-edit .batch-edit-cell--sticky {
    position: sticky;
    z-index: 3;
    left: 0
}

.batch-edit__head .batch-edit-cell {
    font-weight: bold;
    cursor: pointer
}

.batch-edit__body .batch-edit-cell--focus-within::before, .batch-edit__body .batch-edit-cell:focus-within::before {
    content: '';
    opacity: 1
}

.batch-edit__body > .batch-edit-row:last-child::after, .batch-edit__body > :last-child .batch-edit-row--alone::after, .batch-edit__body > :last-child > :last-child > .batch-edit-row:last-child::after {
    content: none
}

.batch-edit__body > .batch-edit-row:last-child .batch-edit-cell, .batch-edit__body > :last-child .batch-edit-row--alone .batch-edit-cell, .batch-edit__body > :last-child > :last-child > .batch-edit-row:last-child .batch-edit-cell {
    box-shadow: inset -1px 0 0 0 #bfc7ce
}

    .batch-edit__body > .batch-edit-row:last-child .batch-edit-cell::before, .batch-edit__body > :last-child .batch-edit-row--alone .batch-edit-cell::before, .batch-edit__body > :last-child > :last-child > .batch-edit-row:last-child .batch-edit-cell::before {
        bottom: 0
    }

@media screen and (min-width: 568px) {
    .batch-edit__body > .batch-edit-row:last-child .batch-edit-cell:first-child::before, .batch-edit__body > :last-child .batch-edit-row--alone .batch-edit-cell:first-child::before, .batch-edit__body > :last-child > :last-child > .batch-edit-row:last-child .batch-edit-cell:first-child::before {
        border-bottom-left-radius: 8px
    }
}

.batch-edit--with-hover-effects .batch-edit__body .batch-edit-cell:hover {
    background: #e7f0f8
}

.batch-edit--with-hover-effects .batch-edit__body .batch-edit-cell--focus-within input::placeholder, .batch-edit--with-hover-effects .batch-edit__body .batch-edit-cell:focus-within input::placeholder {
    color: transparent
}

.batch-edit--with-hover-effects .batch-edit__body .batch-edit-cell--focus-within input:focus::placeholder, .batch-edit--with-hover-effects .batch-edit__body .batch-edit-cell--focus-within input:-ms-input-placeholder, .batch-edit--with-hover-effects .batch-edit__body .batch-edit-cell:focus-within input:focus::placeholder, .batch-edit--with-hover-effects .batch-edit__body .batch-edit-cell:focus-within input:-ms-input-placeholder {
    color: transparent
}

.batch-edit--with-hover-effects .batch-edit__body .batch-edit-cell--focus-within input:focus::-webkit-input-placeholder, .batch-edit--with-hover-effects .batch-edit__body .batch-edit-cell:focus-within input:focus::-webkit-input-placeholder {
    color: transparent
}

.batch-edit--with-hover-effects .batch-edit__body .batch-edit-cell--focus-within:not(.batch-edit-cell--readonly):not(.batch-edit-cell--combination-name), .batch-edit--with-hover-effects .batch-edit__body .batch-edit-cell:focus-within:not(.batch-edit-cell--readonly):not(.batch-edit-cell--combination-name) {
    background: #fff
}

.batch-edit-cell__action {
    position: relative;
    opacity: 1;
    flex: 0 0 auto;
    width: 22px;
    min-width: 22px;
    height: calc(100% - 1px);
    margin-right: 1px;
    padding-right: 10px;
    cursor: pointer
}

.batch-edit-cell__action--sort {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: content-box;
    opacity: 0;
    background: inherit;
    transition: opacity .15s linear
}

    .batch-edit-cell__action--sort::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 22px;
        height: 22px;
        margin-top: -11px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='28' viewBox='0 0 12 28'%3E%3Cpath fill='%230a1c2e' fill-rule='evenodd' d='M1.1 20l5.7-5.8L1.1 8c-.8-.8-.8-2 0-2.7.8-.8 2-.8 2.8 0l7.1 7.5c.4.4.6.9.6 1.4 0 .5-.2 1-.6 1.4l-7.1 7.2c-.8.8-2 .8-2.8 0-.8-.8-.8-2.1 0-2.8z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 6px;
        transform: rotate(-90deg) translateX(-1px);
        transition: transform .15s linear
    }

.batch-edit-cell__hint {
    position: absolute;
    z-index: 3;
    pointer-events: none;
    inset: 0 1px 0 0
}

    .batch-edit-cell__hint::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        border-width: 12px 0 0 12px;
        border-style: solid;
        border-color: #808f9d transparent transparent transparent;
        cursor: pointer;
        pointer-events: all
    }

.batch-edit-cell__hint--warning::after {
    border-top-color: #de9d1c
}

.batch-edit-cell__resizer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 4px;
    cursor: col-resize;
    z-index: 2
}

    .batch-edit-cell__resizer::before {
        position: absolute;
        opacity: 0;
        background-color: rgba(71,116,229,0.5);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
        transition: opacity .15s linear;
        inset: 0
    }

    .batch-edit-cell__resizer::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 16px
    }

    .batch-edit-cell__resizer:hover {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15)
    }

        .batch-edit-cell__resizer:hover::before {
            content: '';
            opacity: 1
        }

    .batch-edit-cell__resizer:active {
        background: #4774e5;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15)
    }

.batch-edit-icon {
    display: inline-block;
    margin: 6px 0 0 16px
}

.batch-edit-text {
    overflow: hidden;
    flex: auto;
    margin-right: 15px;
    padding: 11px 0 11px 15px;
    white-space: nowrap;
    user-select: text
}

.batch-edit-field {
    display: block;
    position: relative;
    z-index: 2;
    flex: auto;
    padding: 0;
    outline: 0;
    background-color: transparent;
    text-align: left;
    cursor: pointer
}

.batch-edit-field--checkbox {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

    .batch-edit-field--checkbox .custom-checkbox__label {
        position: relative;
        top: 0
    }

    .batch-edit-field--checkbox .custom-checkbox__input {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer
    }

.batch-edit-field--quantity, .batch-edit-field--subtitle, .batch-edit-field--attribute, .batch-edit-field--ribbon {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-self: stretch;
    justify-content: space-between;
    max-width: 100%;
    padding: 0
}

.batch-edit-field--equals-default .batch-edit-field__input:not(:focus) {
    opacity: .4
}

.batch-edit-field--image {
    display: flex;
    justify-content: center;
    padding: 3px 0
}

    .batch-edit-field--image .batch-edit-field__image {
        flex-shrink: 0;
        max-width: 100%;
        max-height: 100%
    }

    .batch-edit-field--image .batch-edit-field__image--wide {
        max-width: none
    }

    .batch-edit-field--image .batch-edit-field__image--tall {
        max-height: none
    }

    .batch-edit-field--image .batch-edit-field__image-inner {
        display: flex;
        overflow: hidden;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 6px
    }

    .batch-edit-field--image .batch-edit-field__image-placeholder {
        font-size: 14px;
        line-height: 22px
    }

    .batch-edit-field--image::before {
        content: '';
        display: none;
        position: absolute;
        z-index: 2;
        margin: auto;
        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23fff' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M15.171 2.172a1 1 0 0 0-1.414 0L3.061 12.697 2 18l5.303-1.06L18 6.413A1 1 0 0 0 18 5l-2.83-2.828ZM5.396 13.19l9.068-8.897 1.415 1.414-9.069 8.897-1.414-1.414Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;
        background-size: 20px;
        inset: 0
    }

    .batch-edit-field--image[data-images-count]::before {
        content: attr(data-images-count);
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        color: #fff
    }

    .batch-edit-field--image[data-images-count]:hover::before {
        content: '';
        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23fff' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M15.171 2.172a1 1 0 0 0-1.414 0L3.061 12.697 2 18l5.303-1.06L18 6.413A1 1 0 0 0 18 5l-2.83-2.828ZM5.396 13.19l9.068-8.897 1.415 1.414-9.069 8.897-1.414-1.414Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") center center no-repeat
    }

    .batch-edit-field--image[data-images-count] .batch-edit-field__thumbnail::before {
        display: block
    }

    .batch-edit-field--image.batch-edit-field--empty::before {
        content: '';
        display: none;
        position: absolute;
        width: 34px;
        height: 34px;
        border: 1px dashed #275ce0;
        border-radius: 1px;
        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 d='M10.998 9.04h6.029a.973.973 0 1 1 0 1.946h-6.03V17a1 1 0 0 1-1 1h-.023a1 1 0 0 1-1-1v-6.012h-6a.974.974 0 0 1 0-1.948h6V3a1 1 0 0 1 1-1h.024a1 1 0 0 1 1 1v6.04Z'%3E%3C/path%3E%3C/svg%3E") center center no-repeat
    }

    .batch-edit-field--image:hover::before {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .batch-edit-field--image:hover:not(.batch-edit-field--empty) .batch-edit-field__thumbnail::before {
        display: block
    }

.batch-edit-field .batch-edit-field__thumbnail::before {
    content: '';
    display: none;
    position: absolute;
    z-index: 1;
    margin: auto;
    border-radius: 6px;
    background: rgba(0,0,0,0.35);
    inset: 0
}

.batch-edit-field--description, .batch-edit-field--combination-description {
    display: flex;
    overflow: hidden;
    height: 100%
}

.batch-edit-field--categories {
    overflow: hidden;
    padding: 11px 0
}

    .batch-edit-field--categories > div {
        overflow: hidden;
        text-overflow: ellipsis
    }

.batch-edit-field__input {
    width: 100%;
    margin: 0;
    padding: 11px 15px;
    border: 0;
    background: transparent;
    color: inherit;
    appearance: none;
    font-size: 14px;
    line-height: 22px
}

    .batch-edit-field__input:-webkit-autofill {
        -webkit-animation-name: autofill;
        -webkit-animation-duration: .0001s;
        -webkit-animation-fill-mode: both
    }

    .batch-edit-field__input:not(:-webkit-autofill) {
        animation-name: autofillcancel
    }

    .batch-edit-field__input[disabled] {
        opacity: .4
    }

.batch-edit-cell--has-error .batch-edit-field__input {
    color: #f43c36;
    transition: color .1s linear
}

.batch-edit-field__placeholder {
    position: absolute;
    z-index: 2;
    overflow: hidden;
    padding: 11px 15px;
    color: #607385;
    white-space: nowrap;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    transition: opacity .1s ease-out, transform .1s ease-out;
    pointer-events: none;
    inset: 0;
    font-size: 14px;
    line-height: 22px
}

.batch-edit-field__input:focus + .batch-edit-field__placeholder, .batch-edit-field--filled .batch-edit-field__placeholder {
    opacity: 0;
    transform: translate3d(0, -5px, 0)
}

.batch-edit-field__checkbox {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.batch-edit-field__checkbox-label {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    margin: -8px 0 0 -8px;
    padding: 1px;
    border: 1px solid #bfc7ce;
    border-radius: 3px;
    font-size: 17px;
    line-height: 30px;
    vertical-align: middle
}

.batch-edit-field__checkbox:checked + .batch-edit-field__checkbox-label {
    border-color: #275ce0;
    background: #275ce0 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='%23fff'%3E%3Cpath d='M5 12l5.02 4.9L21.15 4c.65-.66 1.71-.66 2.36 0 .65.67.65 1.74 0 2.4l-12.3 14.1c-.33.33-.76.5-1.18.5-.43 0-.86-.17-1.18-.5l-6.21-6.1c-.65-.66-.65-1.74 0-2.41.65-.65 1.71-.65 2.36.01z'/%3E%3C/svg%3E") no-repeat center
}

.batch-edit-field__checkbox[disabled] + .batch-edit-field__checkbox-label {
    opacity: .4
}

.batch-edit-field__arrow {
    position: absolute;
    right: 0;
    box-sizing: content-box;
    flex: 0 0 auto;
    width: 22px;
    min-width: 22px;
    height: 100%;
    padding-right: 10px;
    color: #808f9d;
    -webkit-font-smoothing: antialiased;
    transition: color .15s linear;
    cursor: pointer
}

    .batch-edit-field__arrow svg {
        position: absolute;
        top: 50%;
        left: 4px;
        width: auto;
        height: auto;
        margin-top: -5px;
        fill: currentColor;
        pointer-events: none
    }

.batch-edit-field__list-dropdown {
    position: absolute;
    z-index: 20;
    overflow: auto;
    max-width: 250px;
    max-height: 266px;
    margin: 0 0 0 -1px
}

    .batch-edit-field__list-dropdown ul > li > a {
        overflow: hidden;
        text-overflow: ellipsis
    }

        .batch-edit-field__list-dropdown ul > li > a.iconable-link {
            color: #0a1c2e
        }

        .batch-edit-field__list-dropdown ul > li > a .iconable-link__text {
            white-space: nowrap
        }

        .batch-edit-field__list-dropdown ul > li > a.iconable-link--prepend-icon {
            padding-left: calc(18px + 1.6em)
        }

        .batch-edit-field__list-dropdown ul > li > a .iconable-link__text {
            padding-left: 6px
        }

.batch-edit-field__text, .batch-edit-cell--combination-description .batch-edit-text {
    overflow: hidden;
    flex: 1;
    padding: 11px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 22px
}

.batch-edit-field--ribbon .batch-edit-field__wrapper {
    position: relative
}

.batch-edit-field--ribbon .batch-edit-field__input {
    padding-right: 46px;
    padding-left: 8px
}

.batch-edit-field--ribbon .batch-edit-field__color {
    min-width: 20px;
    margin-left: 15px
}

.batch-edit-field--ribbon .batch-edit-field__arrow {
    display: none
}

.batch-edit-field--filled {
    cursor: pointer
}

    .batch-edit-field--filled .batch-edit-field__arrow {
        display: inline-block
    }

.batch-edit-field__dots-menu {
    position: absolute;
    z-index: 1
}

.batch-edit-sidebar {
    margin-bottom: 45px
}

.batch-edit-sidebar__text {
    color: #607385;
    font-size: 14px;
    line-height: 22px
}

.product-table-item {
    display: flex;
    align-items: center;
    column-gap: 8px
}

.product-table-item--removed {
    color: #607385
}

@media screen and (max-width: 567px) {
    .product-table-item {
        align-items: initial
    }
}

.product-table-item__description {
    max-width: 320px
}

.product-table-item__name {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.product-table-item__name--without-sku {
    -webkit-line-clamp: 2
}

.product-table-item__name a {
    color: #0a1c2e
}

    .product-table-item__name a:hover {
        color: #1b409d
    }

.product-table-item__sku {
    font-size: 12px;
    line-height: 18px
}

    .product-table-item__sku a {
        color: #607385
    }

        .product-table-item__sku a:hover {
            color: #1b409d
        }

.product-table-item__number {
    flex: 0 0 auto;
    min-width: 18px
}

.product-table-item__image {
    margin-right: 8px
}

.reports-grid, .reports-grid__subgrid {
    display: grid;
    column-gap: 24px;
    row-gap: 8px
}

.reports-grid {
    grid-template-columns: repeat(6, 1fr);
    margin-bottom: 64px
}

.reports-grid__item {
    display: flex;
    grid-column: span 6;
    flex-direction: column;
    margin: 0
}

    .reports-grid__item > * {
        flex: 1
    }

@media screen and (min-width: 1024px) {
    .reports-grid--dashboard .reports-grid__item--small {
        grid-column: span 2
    }

    .reports-grid--dashboard .reports-grid__item--desktop-medium {
        grid-column: span 3
    }

    .reports-grid--dashboard .reports-grid__item--desktop-large {
        grid-column: span 6
    }
}

@media screen and (min-width: 1280px) {
    .reports-grid--dashboard .reports-grid__item--small, .reports-grid--dashboard .reports-grid__item--desktop-medium, .reports-grid--dashboard .reports-grid__item--desktop-large {
        grid-column: span 2
    }
}

@media screen and (min-width: 1024px) {
    .reports-grid--details .reports-grid__item--small, .reports-grid--details .reports-grid__item--desktop-medium, .reports-grid--details .reports-grid__item--desktop-large {
        grid-column: span 3
    }
}

.reports-grid__subgrid {
    display: grid;
    grid-template-columns: 1fr
}

.report-card, .report-card__header, .report-card__content, .report-card__footer {
    display: flex;
    flex-direction: column
}

    .report-card > *, .report-card__header > *, .report-card__content > *, .report-card__footer > * {
        flex: 0 0 auto
    }

.report-card, .report-card__content, .report-card__footer {
    row-gap: 24px
}

.report-card__header {
    row-gap: 8px
}

.report-card {
    justify-content: space-between;
    height: 100%
}

.report-card__title {
    margin-bottom: 0
}

.report-card__content {
    flex: 1 0 auto
}

.report-card__footer {
    margin-bottom: 4px
}

    .report-card__footer:empty {
        display: none
    }

.report-chart {
    margin: 0 -16px
}

.report-chart--pie {
    margin-top: -16px
}

    .report-chart--pie.report-chart--zero-state {
        margin-bottom: -12px
    }

.report-chart--zero-state {
    margin-right: 0
}

.report-chart__funnel-bar.highcharts-series .highcharts-point {
    clip-path: inset(2px 2px -4px 2px round 4px)
}

.report-chart__time {
    fill: #607385
}

.report-chart__tooltip {
    font-size: 12px;
    line-height: 18px
}

.report-chart__tooltip-header {
    margin-bottom: 5px
}

.report-chart__tooltip-aggregated-segment {
    opacity: 0.8
}

.report-top-one-product {
    display: grid;
    grid-template-columns: 72px 1fr;
    column-gap: 24px
}

.report-top-one-product__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    row-gap: 8px
}

    .report-top-one-product__right > * {
        flex: 0 0 auto
    }

.report-top-one-product__title {
    margin-bottom: 0
}

.report-top-one-product__name {
    flex: 1 0 auto
}

.report-top-one-product__value {
    font-family: var(--headers-font-family)
}

    .report-top-one-product__value span {
        font-size: 24px;
        line-height: 30px;
        font-weight: var(--headers-font-weight, 700)
    }

.in-stock--zero, .in-stock--negative {
    color: #f43c36
}

.stocks-delta {
    display: inline-flex;
    column-gap: 4px
}

.stocks-delta--negative .stocks-delta__icon svg {
    transform: rotate(180deg)
}

.stocks-delta--positive-coloring .stocks-delta__icon, .stocks-delta--positive-coloring.stocks-delta--colorize-value {
    color: #0cac42
}

.stocks-delta--negative-coloring .stocks-delta__icon, .stocks-delta--negative-coloring.stocks-delta--colorize-value {
    color: #f43c36
}

.stocks-delta--muted .stocks-delta__icon, .stocks-delta--muted.stocks-delta--colorize-value {
    color: #607385
}

.stocks-delta__value {
    white-space: nowrap
}

.stocks-delta__icon svg {
    position: relative;
    top: 5px;
    vertical-align: top
}

.stocks-delta__icon--room {
    display: inline-block;
    width: 12px
}

.stocks__value {
    font-size: 44px;
    line-height: 52px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700)
}

.stocks__delta {
    display: inline-block;
    margin-top: .25em;
    margin-left: 8px;
    vertical-align: top;
    font-size: 16px;
    line-height: 24px
}

.stocks__delta--large {
    font-size: 24px;
    line-height: 30px
}

.color-palette-group {
    display: flex;
    margin: -4px -4px 6px;
    overflow: hidden
}

    .color-palette-group .color-palette-item {
        margin: 4px
    }

.color-palette-item {
    display: inline-block;
    position: relative;
    flex: 1;
    min-width: 40px;
    height: 40px;
    padding: 4px;
    border-radius: 6px;
    color: #fff;
    text-align: center;
    transition: color .1s linear 0s;
    font-size: 14px;
    line-height: 22px
}

    .color-palette-item:first-child {
        order: 1
    }

.color-palette-item__input {
    position: absolute;
    z-index: 140;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer
}

    .color-palette-item__input:checked ~ .color-palette-item__bg {
        box-shadow: inset 0 0 0 2px #275ce0,inset 0 0 0 4px #fff;
        transform: translate3d(0, 0, 0) scale(1.1)
    }

    .color-palette-item__input:checked:hover ~ .color-palette-item__bg {
        box-shadow: inset 0 0 0 2px #275ce0,inset 0 0 0 4px #fff
    }

    .color-palette-item__input:checked:hover ~ .color-palette-item__title {
        color: #275ce0
    }

    .color-palette-item__input:checked:active ~ .color-palette-item__bg {
        transform: translate3d(0, 1px, 0) scale(1.1)
    }

    .color-palette-item__input:checked:active ~ .color-palette-item__title {
        transform: translate3d(0, 1px, 0)
    }

    .color-palette-item__input:not(:checked):hover ~ .color-palette-item__bg {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
    }

        .color-palette-item__input:not(:checked):hover ~ .color-palette-item__bg::before {
            opacity: 1
        }

    .color-palette-item__input:not(:checked):hover ~ .color-palette-item__title {
        color: #1b409d
    }

    .color-palette-item__input:not(:checked):active ~ .color-palette-item__bg {
        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)
    }

    .color-palette-item__input:not(:checked):focus:active ~ .color-palette-item__bg {
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
    }

        .color-palette-item__input:not(:checked):focus:active ~ .color-palette-item__bg::before {
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
        }

.color-palette-item__bg {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    transform: translate3d(0, 0, 0) scale(1);
    transition: opacity .1s ease-out 0s, background-color .1s ease-out 0s, box-shadow .1s ease-out 0s, transform .1s ease-out 0s
}

    .color-palette-item__bg::before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        border-radius: 6px;
        background-color: rgba(0,0,0,0.08);
        transition: opacity .1s ease-out 0s
    }

.color-palette-item__title {
    display: inline-block;
    position: relative;
    padding-top: 6px;
    color: #0a1c2e;
    font-weight: 600;
    transform: translate3d(0, 0, 0);
    transition: color .1s ease-out 0s, transform .1s ease-out 0s;
    font-size: 14px;
    line-height: 22px
}

.color-picker--dark-background .color-palette-item__title {
    color: #fff
}

.color-picker {
    display: flex;
    flex-direction: column
}

    .color-picker .fieldset--select {
        width: 100%;
        max-width: 104px;
        margin-right: 8px
    }

        .color-picker .fieldset--select .field {
            border: none;
            background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gainsboro" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
            background-size: 10px;
            box-shadow: none
        }

            .color-picker .fieldset--select .field:active, .color-picker .fieldset--select .field:focus, .color-picker .fieldset--select .field--focus {
                border-color: #808f9d
            }

        .color-picker .fieldset--select .field__arrow {
            z-index: 2;
            top: 2px;
            left: 37px;
            opacity: 0;
            transform: translateY(-5px);
            transition: opacity .1s ease-out 0s, transform .1s ease-out 0s
        }

@media screen and (min-width: 768px) {
    .color-picker .fieldset--select .field__arrow {
        top: 7px
    }
}

.color-picker .fieldset--select:hover .field__arrow {
    opacity: 1;
    transform: translateY(0)
}

.color-picker .color-picker__swatch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    cursor: pointer
}

.color-picker .color-picker__preset {
    z-index: 0;
    width: 100%;
    margin-bottom: 20px
}

.color-picker .color-picker__custom {
    display: flex;
    position: relative
}

    .color-picker .color-picker__custom .field__input {
        font-family: monospace
    }

@media screen and (min-width: 768px) {
    .color-picker .color-picker__custom .field__input {
        font-size: 18px
    }
}

.color-picker .palette {
    display: flex;
    flex-wrap: wrap;
    margin: -8px -8px 0 0;
    padding: 0;
    list-style-type: none;
    text-align: center
}

    .color-picker .palette[data-columns='3'] .palette__item {
        width: calc(100% / 3 - 8.05px)
    }

    .color-picker .palette[data-columns='4'] .palette__item {
        width: calc(25% - 8.05px);
        min-height: 64px
    }

    .color-picker .palette[data-columns='5'] .palette__item {
        width: calc(20% - 8.05px)
    }

    .color-picker .palette[data-columns='6'] .palette__item {
        width: calc(100% / 6 - 8.05px);
        min-width: 40px
    }

.color-picker .palette__item {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin: 8px 8px 0 0;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 48px;
    cursor: pointer
}

    .color-picker .palette__item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gainsboro" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
        background-size: 10px
    }

.color-picker .palette__item--bordered {
    box-shadow: inset 0 0 0 1px #bfc7ce
}

.color-picker .palette__item--empty::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23979797' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cpath d='M1 1l15 15M1 16L16 1'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px
}

.color-picker .palette__item--selected {
    border: 1px solid #275ce0;
    box-shadow: inset 0 0 0 1px #275ce0,inset 0 0 0 3px #fff
}

    .color-picker .palette__item--selected::after {
        content: '';
        position: absolute;
        right: 1px;
        bottom: 1px;
        width: 18px;
        height: 18px;
        border-top-left-radius: 3px;
        border-bottom-right-radius: 3px;
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.49l3.376 3.007L11 1' stroke='%23189BED' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 4px 4px;
        background-size: 12px
    }

.color-picker--has-transparency-background .palette__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gainsboro" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: 10px
}

.color-picker--has-transparency-background .field__input {
    font-family: monospace
}

@media screen and (min-width: 768px) {
    .color-picker--has-transparency-background .field__input {
        font-size: 18px
    }
}

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

.color-picker__body {
    padding: 2px;
    font-size: 14px;
    line-height: 22px
}

.color-picker__custom + .btn {
    display: none
}

.color-picker__custom--collapsed {
    position: relative;
    overflow: hidden;
    max-height: 0
}

    .color-picker__custom--collapsed + .btn {
        display: block;
        position: relative;
        cursor: pointer
    }

.fieldsets-batch--horizontal .color-picker__custom .fieldset:nth-child(2) {
    margin-right: 0
}

.pickr {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: visible;
    opacity: 0;
    width: 100%;
    height: 100%
}

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

    .pickr .pcr-button {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 4px;
        background: transparent;
        transition: background-color .3s;
        cursor: pointer
    }

        .pickr .pcr-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
            border-radius: 5px;
            background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gainsboro" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
            background-size: 10px
        }

        .pickr .pcr-button::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat center;
            background-size: 70%
        }

        .pickr .pcr-button.clear::after {
            opacity: 1
        }

        .pickr .pcr-button.disabled {
            cursor: not-allowed
        }

.pcr-app {
    display: flex;
    visibility: hidden;
    position: absolute;
    z-index: 10000;
    top: 5px;
    opacity: 0;
    flex-direction: column;
    width: 100%;
    max-width: calc(100% - 18px);
    max-width: 272px;
    height: 204px;
    padding: 10px 10px 2px 10px;
    border: 1.3px solid #bfc7ce;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15),0 0 0 rgba(0,0,0,0.08) inset;
    transition: opacity .3s
}

    .pcr-app.visible {
        visibility: visible;
        opacity: 1
    }

    .pcr-app .swatches {
        display: flex;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(1.6em, 1fr));
        flex-wrap: wrap;
        margin-bottom: 8px
    }

        .pcr-app .swatches > div {
            position: relative;
            overflow: hidden;
            flex-shrink: 0;
            width: 1.5em;
            height: 1.5em;
            margin: 0 2px 2px 0;
            border-radius: .15em;
            transition: all .3s;
            cursor: pointer;
            justify-self: center
        }

            .pcr-app .swatches > div::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                z-index: -1;
                width: 100%;
                height: 100%;
                border-radius: 5px;
                background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gainsboro" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
                background-size: 6px
            }

            .pcr-app .swatches > div::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                box-sizing: border-box;
                width: 100%;
                height: 100%;
                border: 1px solid rgba(0,0,0,0.05);
                border-radius: .15em;
                background: currentColor
            }

            .pcr-app .swatches > div:hover {
                filter: brightness(1.1)
            }

    .pcr-app .fieldset {
        width: 100%;
        margin-bottom: 8px
    }

        .pcr-app .fieldset .field__input {
            font-family: monospace
        }

    .pcr-app .pcr-interaction {
        display: flex;
        align-items: center
    }

        .pcr-app .pcr-interaction .pcr-type.active {
            background: #fff;
            color: #fff
        }

        .pcr-app .pcr-interaction .pcr-clear, .pcr-app .pcr-interaction .pcr-save {
            width: auto;
            color: #fff
        }

        .pcr-app .pcr-interaction .pcr-save {
            background: #fff
        }

            .pcr-app .pcr-interaction .pcr-save:hover {
                background: #4774e5;
                color: #fff
            }

        .pcr-app .pcr-interaction .pcr-clear {
            background: #f43c36
        }

            .pcr-app .pcr-interaction .pcr-clear:hover {
                background: #ab2a26;
                color: #fff
            }

    .pcr-app .pcr-selection {
        display: flex;
        flex-grow: 1;
        justify-content: space-between;
        margin-bottom: 8px
    }

        .pcr-app .pcr-selection .pcr-picker {
            position: absolute;
            width: 18px;
            height: 18px;
            border: 2px solid #fff;
            border-radius: 100%;
            box-shadow: 0 0 0 8px transparent;
            cursor: -moz-grab;
            cursor: -webkit-grabbing;
            user-select: none
        }

@media screen and (min-width: 768px) {
    .pcr-app .pcr-selection .pcr-picker {
        box-shadow: none
    }
}

.pcr-app .pcr-selection .pcr-color-preview {
    display: flex;
    position: relative;
    z-index: 1;
    flex-direction: column;
    justify-content: space-between;
    width: 2em;
    margin-right: .75em
}

    .pcr-app .pcr-selection .pcr-color-preview::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gainsboro" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
        background-size: 10px
    }

    .pcr-app .pcr-selection .pcr-color-preview .pcr-last-color {
        border-radius: .15em .15em 0 0;
        transition: background-color .3s;
        cursor: pointer
    }

    .pcr-app .pcr-selection .pcr-color-preview .pcr-current-color {
        border-radius: 0 0 .15em .15em
    }

    .pcr-app .pcr-selection .pcr-color-preview .pcr-last-color, .pcr-app .pcr-selection .pcr-color-preview .pcr-current-color {
        width: 100%;
        height: 50%;
        background: transparent
    }

.pcr-app .pcr-selection .pcr-color-palette, .pcr-app .pcr-selection .pcr-color-chooser, .pcr-app .pcr-selection .pcr-color-opacity {
    display: flex;
    position: relative;
    flex-direction: column;
    user-select: none
}

.pcr-app .pcr-selection .pcr-color-palette {
    z-index: 1;
    width: 100%
}

    .pcr-app .pcr-selection .pcr-color-palette .pcr-palette {
        height: 100%;
        border-radius: 5px
    }

        .pcr-app .pcr-selection .pcr-color-palette .pcr-palette::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
            border-radius: 5px;
            background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gainsboro" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
            background-size: 10px
        }

.pcr-app .pcr-selection .pcr-color-chooser, .pcr-app .pcr-selection .pcr-color-opacity {
    margin-left: 1.375em
}

@media screen and (min-width: 768px) {
    .pcr-app .pcr-selection .pcr-color-chooser, .pcr-app .pcr-selection .pcr-color-opacity {
        margin-left: .75em
    }
}

.pcr-app .pcr-selection .pcr-color-chooser .pcr-picker, .pcr-app .pcr-selection .pcr-color-opacity .pcr-picker {
    left: 50%;
    transform: translateX(-50%)
}

.pcr-app .pcr-selection .pcr-color-chooser .pcr-slider, .pcr-app .pcr-selection .pcr-color-opacity .pcr-slider {
    width: 8px;
    height: 100%;
    border-radius: 50em
}

.pcr-app .pcr-selection .pcr-color-chooser .pcr-slider {
    background: linear-gradient(to bottom, red, #ff0, lime, cyan, blue, #f0f, red)
}

.pcr-app .pcr-selection .pcr-color-opacity .pcr-slider {
    background: linear-gradient(to bottom, transparent, #000),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: 100%, 50%
}

.color-picker__custom-settings {
    overflow: hidden;
    opacity: 0;
    max-height: 0
}

.color-picker__custom-settings--opened {
    overflow: visible;
    opacity: 1;
    max-height: 100vh
}

.color-picker__picker {
    display: flex;
    position: relative
}

.color-picker--small {
    position: sticky;
    max-height: none
}

    .color-picker--small .color-palette-item {
        height: 24px;
        min-width: 24px
    }

    .color-picker--small .color-palette-item__title {
        padding-top: 2px
    }

    .color-picker--small .color-picker__custom-settings--opened .pcr-app {
        max-width: 210px
    }

        .color-picker--small .color-picker__custom-settings--opened .pcr-app.visible {
            position: static !important;
            height: 180px
        }

.toggle-row--compact .toggle-row__title {
    display: flex;
    justify-content: space-between
}

.toggle-row--compact .form-area .form-area__title-text {
    margin-right: 0
}

.toggle-row--compact .checkbox.tiny {
    min-width: 0
}

.toggle-row__content {
    margin-top: 16px
}

.toggle-row .form-area .form-area__content {
    margin-bottom: 0
}

.zero-state {
    display: grid;
    grid-gap: 8px;
    justify-content: center;
    text-align: center;
    margin: 40px auto 0;
    max-width: 800px;
    padding: 64px 8px 24px 8px
}

@media screen and (min-width: 480px) {
    .zero-state {
        padding: 64px;
        margin-top: 100px
    }
}

@media screen and (min-width: 768px) {
    .zero-state {
        grid-gap: 16px;
        padding-top: 56px;
        margin-top: 152px
    }
}

@media screen and (min-width: 1024px) {
    .zero-state {
        margin-top: 48px
    }
}

.zero-state:before, .zero-state:after {
    content: " ";
    display: table
}

.zero-state__image {
    margin: 0 auto 16px;
    max-width: 304px;
    max-height: 160px
}

@media screen and (min-width: 480px) {
    .zero-state__image {
        max-height: 192px
    }
}

@media screen and (min-width: 768px) {
    .zero-state__image {
        margin-bottom: 24px
    }
}

.zero-state__image img, .zero-state__image svg {
    width: 100%;
    height: 100%
}

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

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

.zero-state__text {
    text-align: center;
    margin: 0 auto;
    max-width: 600px
}

.zero-state__text, .zero-state__additional-content {
    font-size: 14px;
    line-height: 22px
}

.zero-state__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 16px auto 0
}

    .zero-state__actions button {
        flex: 1 0 auto
    }

@media screen and (min-width: 768px) {
    .zero-state__actions {
        margin-top: 8px
    }
}

.zero-state__content {
    text-align: left;
    margin-top: 16px
}

@media screen and (min-width: 768px) {
    .zero-state__content {
        margin-top: 8px
    }
}

.zero-state--has-content {
    margin-top: 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
}

.plate {
    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;
    position: relative;
    padding: 16px;
    background-clip: padding-box
}

    .plate.opened {
        background: #fff;
        box-shadow: 0 5px 10px rgba(0,0,0,0.15)
    }

    .plate.plate-live {
        cursor: pointer
    }

        .plate.plate-live:hover, .plate.plate-live.opened:hover {
            background: #e7f0f8;
            cursor: pointer;
            box-shadow: 0 5px 10px rgba(0,0,0,0.15)
        }

        .plate.plate-live:active, .plate.plate-live.opened:active {
            background: #fff
        }

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

.dialog {
    box-sizing: border-box;
    padding: 30px;
    border: 1px solid transparent;
    border-radius: .375em;
    font-size: 1em;
    margin-top: 18px;
    padding: 30px 30px 3px 30px;
    border: 1px solid #bfc7ce;
    background: #fff;
    background-clip: padding-box
}

    .dialog .dialog-title {
        display: block;
        margin: 0 0 16px;
        font-size: 1.75em;
        font-weight: 600;
        line-height: 1.2
    }

    .dialog .dialog-cancel {
        position: relative;
        top: 6px;
        right: 7px;
        float: right
    }

        .dialog .dialog-cancel:visited {
            color: #607385
        }

            .dialog .dialog-cancel:hover, .dialog .dialog-cancel:visited:hover {
                color: #1b409d
            }

            .dialog .dialog-cancel:active, .dialog .dialog-cancel:visited:active {
                color: #688de9
            }

    .dialog .dialog-body {
        display: block;
        margin-top: 0 0 4px;
        line-height: 1.4
    }

    .dialog input {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-padding-start: 0;
        -webkit-text-size-adjust: none
    }

@media only screen and (max-width: 768px) {
    .dialog {
        margin-top: 0;
        padding-right: 15px;
        padding-left: 15px;
        border: none
    }

        .dialog .dialog-title {
            font-size: 1.375em
        }

    .dialog-body p {
        font-size: .875em
    }
}

.notify {
    display: flex;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    opacity: 0;
    flex-direction: column;
    width: 100%;
    max-height: 700px;
    margin-bottom: 24px;
    transition: box-shadow .2s linear, border-color .2s linear, background-color .2s linear, opacity .2s linear 0s, transform .2s ease 0s;
    animation: hideToBottom .4s ease-out forwards 0s;
    animation-iteration-count: 1;
    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;
    padding: 16px;
    color: #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15)
}

@media screen and (min-width: 768px) {
    .notify {
        padding: 24px 32px 24px 32px
    }
}

.notify--show {
    animation: showFromTop .2s ease-out forwards 0s
}

.notify--remove {
    animation: hideToRemove .1s ease-out forwards 0s
}

.notify--info {
    border: none;
    background: linear-gradient(to right, #1e46d4, #3069e1)
}

.notify--success {
    border: none;
    background: linear-gradient(to right, #0b9944, #0db640)
}

.notify--warning {
    border: none;
    background: linear-gradient(to right, #cc9c1a, #e39c21)
}

.notify--error {
    border: none;
    background: linear-gradient(to right, #f33723, #f54040)
}

.notify .notify--colored-green-one {
    border: none;
    background: linear-gradient(to right, #b7e279, #c2e585)
}

    .notify .notify--colored-green-one .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-green-one .btn::before {
            background-image: none
        }

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

        .notify .notify--colored-green-one .btn:focus::before, .notify .notify--colored-green-one .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-green-one .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: #fff
        }

        .notify .notify--colored-green-one .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: #fff
        }

        .notify .notify--colored-green-one .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-green-one .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
        }

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

            .notify .notify--colored-green-one .btn::before, .notify .notify--colored-green-one .btn:hover, .notify .notify--colored-green-one .btn:focus, .notify .notify--colored-green-one .btn:active, .notify .notify--colored-green-one .btn:focus:active, .notify .notify--colored-green-one .btn:focus:active::before {
                box-shadow: none
            }

        .notify .notify--colored-green-one .btn.btn-loading, .notify .notify--colored-green-one .btn.btn-loading:hover, .notify .notify--colored-green-one .btn.btn-loading:focus, .notify .notify--colored-green-one .btn.btn-loading:focus:hover, .notify .notify--colored-green-one .btn.btn-loading:active, .notify .notify--colored-green-one .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #275ce0
        }

            .notify .notify--colored-green-one .btn.btn-loading::after, .notify .notify--colored-green-one .btn.btn-loading:hover::after, .notify .notify--colored-green-one .btn.btn-loading:focus::after, .notify .notify--colored-green-one .btn.btn-loading:focus:hover::after, .notify .notify--colored-green-one .btn.btn-loading:active::after, .notify .notify--colored-green-one .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .notify .notify--colored-green-one .btn.btn-loading svg, .notify .notify--colored-green-one .btn.btn-loading .loader, .notify .notify--colored-green-one .btn.btn-loading:hover svg, .notify .notify--colored-green-one .btn.btn-loading:hover .loader, .notify .notify--colored-green-one .btn.btn-loading:focus svg, .notify .notify--colored-green-one .btn.btn-loading:focus .loader, .notify .notify--colored-green-one .btn.btn-loading:focus:hover svg, .notify .notify--colored-green-one .btn.btn-loading:focus:hover .loader, .notify .notify--colored-green-one .btn.btn-loading:active svg, .notify .notify--colored-green-one .btn.btn-loading:active .loader, .notify .notify--colored-green-one .btn.btn-loading:focus:active svg, .notify .notify--colored-green-one .btn.btn-loading:focus:active .loader {
                display: none
            }

.notify .notify--colored-green-two {
    border: none;
    background: linear-gradient(to right, #31a9a3, #31a9a4)
}

    .notify .notify--colored-green-two .btn {
        background-image: none;
        background-color: #8fe237;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-green-two .btn::before {
            background-image: none
        }

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

        .notify .notify--colored-green-two .btn:focus::before, .notify .notify--colored-green-two .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-green-two .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: #fff
        }

        .notify .notify--colored-green-two .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: #fff
        }

        .notify .notify--colored-green-two .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-green-two .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
        }

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

            .notify .notify--colored-green-two .btn::before, .notify .notify--colored-green-two .btn:hover, .notify .notify--colored-green-two .btn:focus, .notify .notify--colored-green-two .btn:active, .notify .notify--colored-green-two .btn:focus:active, .notify .notify--colored-green-two .btn:focus:active::before {
                box-shadow: none
            }

        .notify .notify--colored-green-two .btn.btn-loading, .notify .notify--colored-green-two .btn.btn-loading:hover, .notify .notify--colored-green-two .btn.btn-loading:focus, .notify .notify--colored-green-two .btn.btn-loading:focus:hover, .notify .notify--colored-green-two .btn.btn-loading:active, .notify .notify--colored-green-two .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #8fe237
        }

            .notify .notify--colored-green-two .btn.btn-loading::after, .notify .notify--colored-green-two .btn.btn-loading:hover::after, .notify .notify--colored-green-two .btn.btn-loading:focus::after, .notify .notify--colored-green-two .btn.btn-loading:focus:hover::after, .notify .notify--colored-green-two .btn.btn-loading:active::after, .notify .notify--colored-green-two .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .notify .notify--colored-green-two .btn.btn-loading svg, .notify .notify--colored-green-two .btn.btn-loading .loader, .notify .notify--colored-green-two .btn.btn-loading:hover svg, .notify .notify--colored-green-two .btn.btn-loading:hover .loader, .notify .notify--colored-green-two .btn.btn-loading:focus svg, .notify .notify--colored-green-two .btn.btn-loading:focus .loader, .notify .notify--colored-green-two .btn.btn-loading:focus:hover svg, .notify .notify--colored-green-two .btn.btn-loading:focus:hover .loader, .notify .notify--colored-green-two .btn.btn-loading:active svg, .notify .notify--colored-green-two .btn.btn-loading:active .loader, .notify .notify--colored-green-two .btn.btn-loading:focus:active svg, .notify .notify--colored-green-two .btn.btn-loading:focus:active .loader {
                display: none
            }

    .notify .notify--colored-green-two .feature-element .feature-element__title--clickable:hover {
        color: #adddda
    }

    .notify .notify--colored-green-two .feature-element .feature-element__title--clickable:active {
        color: #83cbc8
    }

    .notify .notify--colored-green-two .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .notify .notify--colored-green-two .feature-element__title {
        color: #fff
    }

.notify .notify--colored-green-dark {
    border: none;
    background: linear-gradient(to right, #006064, #006064);
    color: #fff
}

    .notify .notify--colored-green-dark .btn {
        background-image: none;
        background-color: #47b543;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-green-dark .btn::before {
            background-image: none
        }

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

        .notify .notify--colored-green-dark .btn:focus::before, .notify .notify--colored-green-dark .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-green-dark .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: #fff
        }

        .notify .notify--colored-green-dark .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: #fff
        }

        .notify .notify--colored-green-dark .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-green-dark .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
        }

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

            .notify .notify--colored-green-dark .btn::before, .notify .notify--colored-green-dark .btn:hover, .notify .notify--colored-green-dark .btn:focus, .notify .notify--colored-green-dark .btn:active, .notify .notify--colored-green-dark .btn:focus:active, .notify .notify--colored-green-dark .btn:focus:active::before {
                box-shadow: none
            }

        .notify .notify--colored-green-dark .btn.btn-loading, .notify .notify--colored-green-dark .btn.btn-loading:hover, .notify .notify--colored-green-dark .btn.btn-loading:focus, .notify .notify--colored-green-dark .btn.btn-loading:focus:hover, .notify .notify--colored-green-dark .btn.btn-loading:active, .notify .notify--colored-green-dark .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #47b543
        }

            .notify .notify--colored-green-dark .btn.btn-loading::after, .notify .notify--colored-green-dark .btn.btn-loading:hover::after, .notify .notify--colored-green-dark .btn.btn-loading:focus::after, .notify .notify--colored-green-dark .btn.btn-loading:focus:hover::after, .notify .notify--colored-green-dark .btn.btn-loading:active::after, .notify .notify--colored-green-dark .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .notify .notify--colored-green-dark .btn.btn-loading svg, .notify .notify--colored-green-dark .btn.btn-loading .loader, .notify .notify--colored-green-dark .btn.btn-loading:hover svg, .notify .notify--colored-green-dark .btn.btn-loading:hover .loader, .notify .notify--colored-green-dark .btn.btn-loading:focus svg, .notify .notify--colored-green-dark .btn.btn-loading:focus .loader, .notify .notify--colored-green-dark .btn.btn-loading:focus:hover svg, .notify .notify--colored-green-dark .btn.btn-loading:focus:hover .loader, .notify .notify--colored-green-dark .btn.btn-loading:active svg, .notify .notify--colored-green-dark .btn.btn-loading:active .loader, .notify .notify--colored-green-dark .btn.btn-loading:focus:active svg, .notify .notify--colored-green-dark .btn.btn-loading:focus:active .loader {
                display: none
            }

    .notify .notify--colored-green-dark .feature-element .feature-element__title--clickable:hover {
        color: #99bfc1
    }

    .notify .notify--colored-green-dark .feature-element .feature-element__title--clickable:active {
        color: #66a0a2
    }

    .notify .notify--colored-green-dark .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .notify .notify--colored-green-dark .feature-element__title {
        color: #fff
    }

.notify .notify--colored-blue-one {
    border: none;
    background: linear-gradient(to right, #0098f1, #0098f2)
}

    .notify .notify--colored-blue-one .btn {
        background-image: none;
        background-color: #ffcc01;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-blue-one .btn::before {
            background-image: none
        }

        .notify .notify--colored-blue-one .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,163,1,0.5);
            background-image: none;
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
            transition: opacity .1s ease-out 0s
        }

        .notify .notify--colored-blue-one .btn:focus::before, .notify .notify--colored-blue-one .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-blue-one .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: #fff
        }

        .notify .notify--colored-blue-one .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: #fff
        }

        .notify .notify--colored-blue-one .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-blue-one .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
        }

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

            .notify .notify--colored-blue-one .btn::before, .notify .notify--colored-blue-one .btn:hover, .notify .notify--colored-blue-one .btn:focus, .notify .notify--colored-blue-one .btn:active, .notify .notify--colored-blue-one .btn:focus:active, .notify .notify--colored-blue-one .btn:focus:active::before {
                box-shadow: none
            }

        .notify .notify--colored-blue-one .btn.btn-loading, .notify .notify--colored-blue-one .btn.btn-loading:hover, .notify .notify--colored-blue-one .btn.btn-loading:focus, .notify .notify--colored-blue-one .btn.btn-loading:focus:hover, .notify .notify--colored-blue-one .btn.btn-loading:active, .notify .notify--colored-blue-one .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #ffcc01
        }

            .notify .notify--colored-blue-one .btn.btn-loading::after, .notify .notify--colored-blue-one .btn.btn-loading:hover::after, .notify .notify--colored-blue-one .btn.btn-loading:focus::after, .notify .notify--colored-blue-one .btn.btn-loading:focus:hover::after, .notify .notify--colored-blue-one .btn.btn-loading:active::after, .notify .notify--colored-blue-one .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .notify .notify--colored-blue-one .btn.btn-loading svg, .notify .notify--colored-blue-one .btn.btn-loading .loader, .notify .notify--colored-blue-one .btn.btn-loading:hover svg, .notify .notify--colored-blue-one .btn.btn-loading:hover .loader, .notify .notify--colored-blue-one .btn.btn-loading:focus svg, .notify .notify--colored-blue-one .btn.btn-loading:focus .loader, .notify .notify--colored-blue-one .btn.btn-loading:focus:hover svg, .notify .notify--colored-blue-one .btn.btn-loading:focus:hover .loader, .notify .notify--colored-blue-one .btn.btn-loading:active svg, .notify .notify--colored-blue-one .btn.btn-loading:active .loader, .notify .notify--colored-blue-one .btn.btn-loading:focus:active svg, .notify .notify--colored-blue-one .btn.btn-loading:focus:active .loader {
                display: none
            }

    .notify .notify--colored-blue-one .feature-element .feature-element__title--clickable:hover {
        color: #99d6f9
    }

    .notify .notify--colored-blue-one .feature-element .feature-element__title--clickable:active {
        color: #66c1f7
    }

    .notify .notify--colored-blue-one .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .notify .notify--colored-blue-one .feature-element__title {
        color: #fff
    }

.notify .notify--colored-blue-two {
    border: none;
    background: linear-gradient(to right, #0a68c6, #0977c1)
}

    .notify .notify--colored-blue-two .btn {
        background-image: none;
        background-color: #5fddff;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-blue-two .btn::before {
            background-image: none
        }

        .notify .notify--colored-blue-two .btn::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            border-radius: 6px;
            background-color: rgba(76,177,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
        }

        .notify .notify--colored-blue-two .btn:focus::before, .notify .notify--colored-blue-two .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-blue-two .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: #fff
        }

        .notify .notify--colored-blue-two .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: #fff
        }

        .notify .notify--colored-blue-two .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-blue-two .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
        }

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

            .notify .notify--colored-blue-two .btn::before, .notify .notify--colored-blue-two .btn:hover, .notify .notify--colored-blue-two .btn:focus, .notify .notify--colored-blue-two .btn:active, .notify .notify--colored-blue-two .btn:focus:active, .notify .notify--colored-blue-two .btn:focus:active::before {
                box-shadow: none
            }

        .notify .notify--colored-blue-two .btn.btn-loading, .notify .notify--colored-blue-two .btn.btn-loading:hover, .notify .notify--colored-blue-two .btn.btn-loading:focus, .notify .notify--colored-blue-two .btn.btn-loading:focus:hover, .notify .notify--colored-blue-two .btn.btn-loading:active, .notify .notify--colored-blue-two .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #5fddff
        }

            .notify .notify--colored-blue-two .btn.btn-loading::after, .notify .notify--colored-blue-two .btn.btn-loading:hover::after, .notify .notify--colored-blue-two .btn.btn-loading:focus::after, .notify .notify--colored-blue-two .btn.btn-loading:focus:hover::after, .notify .notify--colored-blue-two .btn.btn-loading:active::after, .notify .notify--colored-blue-two .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .notify .notify--colored-blue-two .btn.btn-loading svg, .notify .notify--colored-blue-two .btn.btn-loading .loader, .notify .notify--colored-blue-two .btn.btn-loading:hover svg, .notify .notify--colored-blue-two .btn.btn-loading:hover .loader, .notify .notify--colored-blue-two .btn.btn-loading:focus svg, .notify .notify--colored-blue-two .btn.btn-loading:focus .loader, .notify .notify--colored-blue-two .btn.btn-loading:focus:hover svg, .notify .notify--colored-blue-two .btn.btn-loading:focus:hover .loader, .notify .notify--colored-blue-two .btn.btn-loading:active svg, .notify .notify--colored-blue-two .btn.btn-loading:active .loader, .notify .notify--colored-blue-two .btn.btn-loading:focus:active svg, .notify .notify--colored-blue-two .btn.btn-loading:focus:active .loader {
                display: none
            }

    .notify .notify--colored-blue-two .feature-element .feature-element__title--clickable:hover {
        color: #9dc3e8
    }

    .notify .notify--colored-blue-two .feature-element .feature-element__title--clickable:active {
        color: #6ca4dd
    }

    .notify .notify--colored-blue-two .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .notify .notify--colored-blue-two .feature-element__title {
        color: #fff
    }

.notify .notify--colored-yellow-one {
    border: none;
    background: linear-gradient(to right, #fcc460, #ffb852)
}

    .notify .notify--colored-yellow-one .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-yellow-one .btn::before {
            background-image: none
        }

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

        .notify .notify--colored-yellow-one .btn:focus::before, .notify .notify--colored-yellow-one .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-yellow-one .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: #fff
        }

        .notify .notify--colored-yellow-one .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: #fff
        }

        .notify .notify--colored-yellow-one .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-yellow-one .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
        }

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

            .notify .notify--colored-yellow-one .btn::before, .notify .notify--colored-yellow-one .btn:hover, .notify .notify--colored-yellow-one .btn:focus, .notify .notify--colored-yellow-one .btn:active, .notify .notify--colored-yellow-one .btn:focus:active, .notify .notify--colored-yellow-one .btn:focus:active::before {
                box-shadow: none
            }

        .notify .notify--colored-yellow-one .btn.btn-loading, .notify .notify--colored-yellow-one .btn.btn-loading:hover, .notify .notify--colored-yellow-one .btn.btn-loading:focus, .notify .notify--colored-yellow-one .btn.btn-loading:focus:hover, .notify .notify--colored-yellow-one .btn.btn-loading:active, .notify .notify--colored-yellow-one .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #275ce0
        }

            .notify .notify--colored-yellow-one .btn.btn-loading::after, .notify .notify--colored-yellow-one .btn.btn-loading:hover::after, .notify .notify--colored-yellow-one .btn.btn-loading:focus::after, .notify .notify--colored-yellow-one .btn.btn-loading:focus:hover::after, .notify .notify--colored-yellow-one .btn.btn-loading:active::after, .notify .notify--colored-yellow-one .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .notify .notify--colored-yellow-one .btn.btn-loading svg, .notify .notify--colored-yellow-one .btn.btn-loading .loader, .notify .notify--colored-yellow-one .btn.btn-loading:hover svg, .notify .notify--colored-yellow-one .btn.btn-loading:hover .loader, .notify .notify--colored-yellow-one .btn.btn-loading:focus svg, .notify .notify--colored-yellow-one .btn.btn-loading:focus .loader, .notify .notify--colored-yellow-one .btn.btn-loading:focus:hover svg, .notify .notify--colored-yellow-one .btn.btn-loading:focus:hover .loader, .notify .notify--colored-yellow-one .btn.btn-loading:active svg, .notify .notify--colored-yellow-one .btn.btn-loading:active .loader, .notify .notify--colored-yellow-one .btn.btn-loading:focus:active svg, .notify .notify--colored-yellow-one .btn.btn-loading:focus:active .loader {
                display: none
            }

.notify .notify--colored-yellow-two {
    background-color: rgba(255,210,52,0.75)
}

.notify .notify--colored-yellow-three {
    background-color: #FFDD73
}

    .notify .notify--colored-yellow-three .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-yellow-three .btn::before {
            background-image: none
        }

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

        .notify .notify--colored-yellow-three .btn:focus::before, .notify .notify--colored-yellow-three .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-yellow-three .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: #fff
        }

        .notify .notify--colored-yellow-three .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: #fff
        }

        .notify .notify--colored-yellow-three .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-yellow-three .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
        }

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

            .notify .notify--colored-yellow-three .btn::before, .notify .notify--colored-yellow-three .btn:hover, .notify .notify--colored-yellow-three .btn:focus, .notify .notify--colored-yellow-three .btn:active, .notify .notify--colored-yellow-three .btn:focus:active, .notify .notify--colored-yellow-three .btn:focus:active::before {
                box-shadow: none
            }

        .notify .notify--colored-yellow-three .btn.btn-loading, .notify .notify--colored-yellow-three .btn.btn-loading:hover, .notify .notify--colored-yellow-three .btn.btn-loading:focus, .notify .notify--colored-yellow-three .btn.btn-loading:focus:hover, .notify .notify--colored-yellow-three .btn.btn-loading:active, .notify .notify--colored-yellow-three .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #275ce0
        }

            .notify .notify--colored-yellow-three .btn.btn-loading::after, .notify .notify--colored-yellow-three .btn.btn-loading:hover::after, .notify .notify--colored-yellow-three .btn.btn-loading:focus::after, .notify .notify--colored-yellow-three .btn.btn-loading:focus:hover::after, .notify .notify--colored-yellow-three .btn.btn-loading:active::after, .notify .notify--colored-yellow-three .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .notify .notify--colored-yellow-three .btn.btn-loading svg, .notify .notify--colored-yellow-three .btn.btn-loading .loader, .notify .notify--colored-yellow-three .btn.btn-loading:hover svg, .notify .notify--colored-yellow-three .btn.btn-loading:hover .loader, .notify .notify--colored-yellow-three .btn.btn-loading:focus svg, .notify .notify--colored-yellow-three .btn.btn-loading:focus .loader, .notify .notify--colored-yellow-three .btn.btn-loading:focus:hover svg, .notify .notify--colored-yellow-three .btn.btn-loading:focus:hover .loader, .notify .notify--colored-yellow-three .btn.btn-loading:active svg, .notify .notify--colored-yellow-three .btn.btn-loading:active .loader, .notify .notify--colored-yellow-three .btn.btn-loading:focus:active svg, .notify .notify--colored-yellow-three .btn.btn-loading:focus:active .loader {
                display: none
            }

.notify .notify--colored-yellow-four {
    border: none;
    background: linear-gradient(to right, #fdcc3b, #fecc3b)
}

    .notify .notify--colored-yellow-four .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-yellow-four .btn::before {
            background-image: none
        }

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

        .notify .notify--colored-yellow-four .btn:focus::before, .notify .notify--colored-yellow-four .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-yellow-four .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: #fff
        }

        .notify .notify--colored-yellow-four .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: #fff
        }

        .notify .notify--colored-yellow-four .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-yellow-four .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
        }

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

            .notify .notify--colored-yellow-four .btn::before, .notify .notify--colored-yellow-four .btn:hover, .notify .notify--colored-yellow-four .btn:focus, .notify .notify--colored-yellow-four .btn:active, .notify .notify--colored-yellow-four .btn:focus:active, .notify .notify--colored-yellow-four .btn:focus:active::before {
                box-shadow: none
            }

        .notify .notify--colored-yellow-four .btn.btn-loading, .notify .notify--colored-yellow-four .btn.btn-loading:hover, .notify .notify--colored-yellow-four .btn.btn-loading:focus, .notify .notify--colored-yellow-four .btn.btn-loading:focus:hover, .notify .notify--colored-yellow-four .btn.btn-loading:active, .notify .notify--colored-yellow-four .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #275ce0
        }

            .notify .notify--colored-yellow-four .btn.btn-loading::after, .notify .notify--colored-yellow-four .btn.btn-loading:hover::after, .notify .notify--colored-yellow-four .btn.btn-loading:focus::after, .notify .notify--colored-yellow-four .btn.btn-loading:focus:hover::after, .notify .notify--colored-yellow-four .btn.btn-loading:active::after, .notify .notify--colored-yellow-four .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .notify .notify--colored-yellow-four .btn.btn-loading svg, .notify .notify--colored-yellow-four .btn.btn-loading .loader, .notify .notify--colored-yellow-four .btn.btn-loading:hover svg, .notify .notify--colored-yellow-four .btn.btn-loading:hover .loader, .notify .notify--colored-yellow-four .btn.btn-loading:focus svg, .notify .notify--colored-yellow-four .btn.btn-loading:focus .loader, .notify .notify--colored-yellow-four .btn.btn-loading:focus:hover svg, .notify .notify--colored-yellow-four .btn.btn-loading:focus:hover .loader, .notify .notify--colored-yellow-four .btn.btn-loading:active svg, .notify .notify--colored-yellow-four .btn.btn-loading:active .loader, .notify .notify--colored-yellow-four .btn.btn-loading:focus:active svg, .notify .notify--colored-yellow-four .btn.btn-loading:focus:active .loader {
                display: none
            }

.notify .notify--colored-yellow-four-green-button {
    border: none;
    background: linear-gradient(to right, #fdcc3b, #fecc3b)
}

    .notify .notify--colored-yellow-four-green-button .btn {
        background-image: none;
        background-color: #0cac42;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-yellow-four-green-button .btn::before {
            background-image: none
        }

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

        .notify .notify--colored-yellow-four-green-button .btn:focus::before, .notify .notify--colored-yellow-four-green-button .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-yellow-four-green-button .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: #fff
        }

        .notify .notify--colored-yellow-four-green-button .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: #fff
        }

        .notify .notify--colored-yellow-four-green-button .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-yellow-four-green-button .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
        }

            .notify .notify--colored-yellow-four-green-button .btn:focus:active::before {
                box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
            }

            .notify .notify--colored-yellow-four-green-button .btn::before, .notify .notify--colored-yellow-four-green-button .btn:hover, .notify .notify--colored-yellow-four-green-button .btn:focus, .notify .notify--colored-yellow-four-green-button .btn:active, .notify .notify--colored-yellow-four-green-button .btn:focus:active, .notify .notify--colored-yellow-four-green-button .btn:focus:active::before {
                box-shadow: none
            }

        .notify .notify--colored-yellow-four-green-button .btn.btn-loading, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:hover, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:focus, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:focus:hover, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:active, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #0cac42
        }

            .notify .notify--colored-yellow-four-green-button .btn.btn-loading::after, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:hover::after, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:focus::after, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:focus:hover::after, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:active::after, .notify .notify--colored-yellow-four-green-button .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .notify .notify--colored-yellow-four-green-button .btn.btn-loading svg, .notify .notify--colored-yellow-four-green-button .btn.btn-loading .loader, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:hover svg, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:hover .loader, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:focus svg, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:focus .loader, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:focus:hover svg, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:focus:hover .loader, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:active svg, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:active .loader, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:focus:active svg, .notify .notify--colored-yellow-four-green-button .btn.btn-loading:focus:active .loader {
                display: none
            }

.notify .notify--colored-purple {
    background-color: #C3B5FD
}

.notify .notify--colored-amazon {
    border: none;
    background: linear-gradient(to right, #495860, #51626d)
}

    .notify .notify--colored-amazon .btn {
        background-image: none;
        background-color: #ffc128;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-amazon .btn::before {
            background-image: none
        }

        .notify .notify--colored-amazon .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,154,32,0.5);
            background-image: none;
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
            transition: opacity .1s ease-out 0s
        }

        .notify .notify--colored-amazon .btn:focus::before, .notify .notify--colored-amazon .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-amazon .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: #fff
        }

        .notify .notify--colored-amazon .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: #fff
        }

        .notify .notify--colored-amazon .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-amazon .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
        }

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

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

        .notify .notify--colored-amazon .btn.btn-loading, .notify .notify--colored-amazon .btn.btn-loading:hover, .notify .notify--colored-amazon .btn.btn-loading:focus, .notify .notify--colored-amazon .btn.btn-loading:focus:hover, .notify .notify--colored-amazon .btn.btn-loading:active, .notify .notify--colored-amazon .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #ffc128
        }

            .notify .notify--colored-amazon .btn.btn-loading::after, .notify .notify--colored-amazon .btn.btn-loading:hover::after, .notify .notify--colored-amazon .btn.btn-loading:focus::after, .notify .notify--colored-amazon .btn.btn-loading:focus:hover::after, .notify .notify--colored-amazon .btn.btn-loading:active::after, .notify .notify--colored-amazon .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

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

    .notify .notify--colored-amazon .feature-element .feature-element__title--clickable:hover {
        color: #b6bcbf
    }

    .notify .notify--colored-amazon .feature-element .feature-element__title--clickable:active {
        color: #929ba0
    }

    .notify .notify--colored-amazon .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .notify .notify--colored-amazon .feature-element__title {
        color: #fff
    }

.notify .notify--colored-square {
    border: none;
    background: linear-gradient(to right, #5bbde8, #5bbde8)
}

    .notify .notify--colored-square .btn {
        background-image: none;
        background-color: #3e4348;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-square .btn::before {
            background-image: none
        }

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

        .notify .notify--colored-square .btn:focus::before, .notify .notify--colored-square .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-square .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: #fff
        }

        .notify .notify--colored-square .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: #fff
        }

        .notify .notify--colored-square .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-square .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
        }

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

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

        .notify .notify--colored-square .btn.btn-loading, .notify .notify--colored-square .btn.btn-loading:hover, .notify .notify--colored-square .btn.btn-loading:focus, .notify .notify--colored-square .btn.btn-loading:focus:hover, .notify .notify--colored-square .btn.btn-loading:active, .notify .notify--colored-square .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #3e4348
        }

            .notify .notify--colored-square .btn.btn-loading::after, .notify .notify--colored-square .btn.btn-loading:hover::after, .notify .notify--colored-square .btn.btn-loading:focus::after, .notify .notify--colored-square .btn.btn-loading:focus:hover::after, .notify .notify--colored-square .btn.btn-loading:active::after, .notify .notify--colored-square .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

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

    .notify .notify--colored-square .feature-element .feature-element__title--clickable:hover {
        color: #bde5f6
    }

    .notify .notify--colored-square .feature-element .feature-element__title--clickable:active {
        color: #9dd7f1
    }

.notify .notify--colored-shopapp {
    border: none;
    background: linear-gradient(to right, #006064, #006064);
    color: #fff
}

    .notify .notify--colored-shopapp .btn {
        background-image: none;
        background-color: #FFC127;
        color: #000;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-shopapp .btn::before {
            background-image: none
        }

        .notify .notify--colored-shopapp .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,154,31,0.5);
            background-image: none;
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
            transition: opacity .1s ease-out 0s
        }

        .notify .notify--colored-shopapp .btn:focus::before, .notify .notify--colored-shopapp .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-shopapp .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: #000
        }

        .notify .notify--colored-shopapp .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: #000
        }

        .notify .notify--colored-shopapp .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: #000;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-shopapp .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
        }

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

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

        .notify .notify--colored-shopapp .btn.btn-loading, .notify .notify--colored-shopapp .btn.btn-loading:hover, .notify .notify--colored-shopapp .btn.btn-loading:focus, .notify .notify--colored-shopapp .btn.btn-loading:focus:hover, .notify .notify--colored-shopapp .btn.btn-loading:active, .notify .notify--colored-shopapp .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #FFC127
        }

            .notify .notify--colored-shopapp .btn.btn-loading::after, .notify .notify--colored-shopapp .btn.btn-loading:hover::after, .notify .notify--colored-shopapp .btn.btn-loading:focus::after, .notify .notify--colored-shopapp .btn.btn-loading:focus:hover::after, .notify .notify--colored-shopapp .btn.btn-loading:active::after, .notify .notify--colored-shopapp .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='%23000'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

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

    .notify .notify--colored-shopapp .feature-element .feature-element__title--clickable:hover {
        color: #99bfc1
    }

    .notify .notify--colored-shopapp .feature-element .feature-element__title--clickable:active {
        color: #66a0a2
    }

    .notify .notify--colored-shopapp .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .notify .notify--colored-shopapp .feature-element__title {
        color: #fff
    }

.notify .notify--colored-ls-payments {
    border: none;
    background: linear-gradient(to right, #191513, #191513);
    color: #fff
}

    .notify .notify--colored-ls-payments .btn {
        background-image: none;
        background-color: #f43c36;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-ls-payments .btn::before {
            background-image: none
        }

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

        .notify .notify--colored-ls-payments .btn:focus::before, .notify .notify--colored-ls-payments .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-ls-payments .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: #fff
        }

        .notify .notify--colored-ls-payments .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: #fff
        }

        .notify .notify--colored-ls-payments .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-ls-payments .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
        }

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

            .notify .notify--colored-ls-payments .btn::before, .notify .notify--colored-ls-payments .btn:hover, .notify .notify--colored-ls-payments .btn:focus, .notify .notify--colored-ls-payments .btn:active, .notify .notify--colored-ls-payments .btn:focus:active, .notify .notify--colored-ls-payments .btn:focus:active::before {
                box-shadow: none
            }

        .notify .notify--colored-ls-payments .btn.btn-loading, .notify .notify--colored-ls-payments .btn.btn-loading:hover, .notify .notify--colored-ls-payments .btn.btn-loading:focus, .notify .notify--colored-ls-payments .btn.btn-loading:focus:hover, .notify .notify--colored-ls-payments .btn.btn-loading:active, .notify .notify--colored-ls-payments .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #f43c36
        }

            .notify .notify--colored-ls-payments .btn.btn-loading::after, .notify .notify--colored-ls-payments .btn.btn-loading:hover::after, .notify .notify--colored-ls-payments .btn.btn-loading:focus::after, .notify .notify--colored-ls-payments .btn.btn-loading:focus:hover::after, .notify .notify--colored-ls-payments .btn.btn-loading:active::after, .notify .notify--colored-ls-payments .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .notify .notify--colored-ls-payments .btn.btn-loading svg, .notify .notify--colored-ls-payments .btn.btn-loading .loader, .notify .notify--colored-ls-payments .btn.btn-loading:hover svg, .notify .notify--colored-ls-payments .btn.btn-loading:hover .loader, .notify .notify--colored-ls-payments .btn.btn-loading:focus svg, .notify .notify--colored-ls-payments .btn.btn-loading:focus .loader, .notify .notify--colored-ls-payments .btn.btn-loading:focus:hover svg, .notify .notify--colored-ls-payments .btn.btn-loading:focus:hover .loader, .notify .notify--colored-ls-payments .btn.btn-loading:active svg, .notify .notify--colored-ls-payments .btn.btn-loading:active .loader, .notify .notify--colored-ls-payments .btn.btn-loading:focus:active svg, .notify .notify--colored-ls-payments .btn.btn-loading:focus:active .loader {
                display: none
            }

    .notify .notify--colored-ls-payments .feature-element .feature-element__title--clickable:hover {
        color: #a3a1a1
    }

    .notify .notify--colored-ls-payments .feature-element .feature-element__title--clickable:active {
        color: #757371
    }

    .notify .notify--colored-ls-payments .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .notify .notify--colored-ls-payments .feature-element__title {
        color: #fff
    }

.notify .notify--colored-facebook {
    border: none;
    background: linear-gradient(to right, #3860c6, #5780dd)
}

    .notify .notify--colored-facebook .btn {
        background-image: none;
        background-color: #ff9f08;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-facebook .btn::before {
            background-image: none
        }

        .notify .notify--colored-facebook .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,127,6,0.5);
            background-image: none;
            box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
            transition: opacity .1s ease-out 0s
        }

        .notify .notify--colored-facebook .btn:focus::before, .notify .notify--colored-facebook .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-facebook .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: #fff
        }

        .notify .notify--colored-facebook .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: #fff
        }

        .notify .notify--colored-facebook .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-facebook .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
        }

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

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

        .notify .notify--colored-facebook .btn.btn-loading, .notify .notify--colored-facebook .btn.btn-loading:hover, .notify .notify--colored-facebook .btn.btn-loading:focus, .notify .notify--colored-facebook .btn.btn-loading:focus:hover, .notify .notify--colored-facebook .btn.btn-loading:active, .notify .notify--colored-facebook .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #ff9f08
        }

            .notify .notify--colored-facebook .btn.btn-loading::after, .notify .notify--colored-facebook .btn.btn-loading:hover::after, .notify .notify--colored-facebook .btn.btn-loading:focus::after, .notify .notify--colored-facebook .btn.btn-loading:focus:hover::after, .notify .notify--colored-facebook .btn.btn-loading:active::after, .notify .notify--colored-facebook .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

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

    .notify .notify--colored-facebook .feature-element .feature-element__title--clickable:hover {
        color: #afbfe8
    }

    .notify .notify--colored-facebook .feature-element .feature-element__title--clickable:active {
        color: #88a0dd
    }

    .notify .notify--colored-facebook .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .notify .notify--colored-facebook .feature-element__title {
        color: #fff
    }

.notify .notify--colored-black {
    background-color: #000
}

    .notify .notify--colored-black .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .notify .notify--colored-black .feature-element__title {
        color: #fff
    }

.notify .notify--colored-ls-payments-promo {
    background-color: #0a1c2e;
    color: #fff
}

    .notify .notify--colored-ls-payments-promo .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .notify .notify--colored-ls-payments-promo .feature-element__title {
        color: #fff
    }

        .notify .notify--colored-ls-payments-promo .feature-element__title em {
            color: #fc7979;
            font-style: normal
        }

    .notify .notify--colored-ls-payments-promo .checkmark-list__item::before {
        background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23fff' 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") left top no-repeat
    }

    .notify .notify--colored-ls-payments-promo .feature-element .feature-element__title--clickable:hover {
        color: #fec9c9
    }

    .notify .notify--colored-ls-payments-promo .feature-element .feature-element__title--clickable:active {
        color: #fdafaf
    }

    .notify .notify--colored-ls-payments-promo .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-ls-payments-promo .btn::before {
            background-image: none
        }

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

        .notify .notify--colored-ls-payments-promo .btn:focus::before, .notify .notify--colored-ls-payments-promo .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-ls-payments-promo .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: #fff
        }

        .notify .notify--colored-ls-payments-promo .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: #fff
        }

        .notify .notify--colored-ls-payments-promo .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-ls-payments-promo .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
        }

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

            .notify .notify--colored-ls-payments-promo .btn::before, .notify .notify--colored-ls-payments-promo .btn:hover, .notify .notify--colored-ls-payments-promo .btn:focus, .notify .notify--colored-ls-payments-promo .btn:active, .notify .notify--colored-ls-payments-promo .btn:focus:active, .notify .notify--colored-ls-payments-promo .btn:focus:active::before {
                box-shadow: none
            }

        .notify .notify--colored-ls-payments-promo .btn.btn-loading, .notify .notify--colored-ls-payments-promo .btn.btn-loading:hover, .notify .notify--colored-ls-payments-promo .btn.btn-loading:focus, .notify .notify--colored-ls-payments-promo .btn.btn-loading:focus:hover, .notify .notify--colored-ls-payments-promo .btn.btn-loading:active, .notify .notify--colored-ls-payments-promo .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #275ce0
        }

            .notify .notify--colored-ls-payments-promo .btn.btn-loading::after, .notify .notify--colored-ls-payments-promo .btn.btn-loading:hover::after, .notify .notify--colored-ls-payments-promo .btn.btn-loading:focus::after, .notify .notify--colored-ls-payments-promo .btn.btn-loading:focus:hover::after, .notify .notify--colored-ls-payments-promo .btn.btn-loading:active::after, .notify .notify--colored-ls-payments-promo .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .notify .notify--colored-ls-payments-promo .btn.btn-loading svg, .notify .notify--colored-ls-payments-promo .btn.btn-loading .loader, .notify .notify--colored-ls-payments-promo .btn.btn-loading:hover svg, .notify .notify--colored-ls-payments-promo .btn.btn-loading:hover .loader, .notify .notify--colored-ls-payments-promo .btn.btn-loading:focus svg, .notify .notify--colored-ls-payments-promo .btn.btn-loading:focus .loader, .notify .notify--colored-ls-payments-promo .btn.btn-loading:focus:hover svg, .notify .notify--colored-ls-payments-promo .btn.btn-loading:focus:hover .loader, .notify .notify--colored-ls-payments-promo .btn.btn-loading:active svg, .notify .notify--colored-ls-payments-promo .btn.btn-loading:active .loader, .notify .notify--colored-ls-payments-promo .btn.btn-loading:focus:active svg, .notify .notify--colored-ls-payments-promo .btn.btn-loading:focus:active .loader {
                display: none
            }

    .notify .notify--colored-ls-payments-promo a {
        color: #8aacff
    }

        .notify .notify--colored-ls-payments-promo a:hover, .notify .notify--colored-ls-payments-promo a a:focus {
            color: #6e8acc
        }

            .notify .notify--colored-ls-payments-promo a:hover span, .notify .notify--colored-ls-payments-promo a a:focus span {
                color: #6e8acc
            }

        .notify .notify--colored-ls-payments-promo a:visited {
            color: #8aacff
        }

.notify .notify--colored-paypal-upgrade-promo {
    background-color: #fcbb32
}

    .notify .notify--colored-paypal-upgrade-promo .feature-element .feature-element__title--clickable {
        color: #000
    }

    .notify .notify--colored-paypal-upgrade-promo .feature-element__title {
        color: #000
    }

    .notify .notify--colored-paypal-upgrade-promo .feature-element .feature-element__title--clickable:hover {
        color: #fee4ad
    }

    .notify .notify--colored-paypal-upgrade-promo .feature-element .feature-element__title--clickable:active {
        color: #fdd684
    }

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

        .notify .notify--colored-paypal-upgrade-promo .btn::before {
            background-image: none
        }

        .notify .notify--colored-paypal-upgrade-promo .btn::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
        }

        .notify .notify--colored-paypal-upgrade-promo .btn:focus::before, .notify .notify--colored-paypal-upgrade-promo .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-paypal-upgrade-promo .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: #fff
        }

        .notify .notify--colored-paypal-upgrade-promo .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: #fff
        }

        .notify .notify--colored-paypal-upgrade-promo .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-paypal-upgrade-promo .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
        }

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

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

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

            .notify .notify--colored-paypal-upgrade-promo .btn.btn-loading::after, .notify .notify--colored-paypal-upgrade-promo .btn.btn-loading:hover::after, .notify .notify--colored-paypal-upgrade-promo .btn.btn-loading:focus::after, .notify .notify--colored-paypal-upgrade-promo .btn.btn-loading:focus:hover::after, .notify .notify--colored-paypal-upgrade-promo .btn.btn-loading:active::after, .notify .notify--colored-paypal-upgrade-promo .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

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

    .notify .notify--colored-paypal-upgrade-promo .svg-icon {
        color: #000
    }

    .notify .notify--colored-paypal-upgrade-promo a {
        color: #fff
    }

        .notify .notify--colored-paypal-upgrade-promo a:hover, .notify .notify--colored-paypal-upgrade-promo a a:focus {
            color: #fee4ad
        }

            .notify .notify--colored-paypal-upgrade-promo a:hover span, .notify .notify--colored-paypal-upgrade-promo a a:focus span {
                color: #fee4ad
            }

.notify .notify--colored-wepay-migration {
    background-color: #2a2a2a;
    color: #fff
}

    .notify .notify--colored-wepay-migration .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .notify .notify--colored-wepay-migration .feature-element__title {
        color: #fff
    }

    .notify .notify--colored-wepay-migration .feature-element .feature-element__title--clickable:hover {
        color: #aaa
    }

    .notify .notify--colored-wepay-migration .feature-element .feature-element__title--clickable:active {
        color: #7f7f7f
    }

    .notify .notify--colored-wepay-migration .btn {
        background-image: none;
        background-color: #275ce0;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-wepay-migration .btn::before {
            background-image: none
        }

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

        .notify .notify--colored-wepay-migration .btn:focus::before, .notify .notify--colored-wepay-migration .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-wepay-migration .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: #fff
        }

        .notify .notify--colored-wepay-migration .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: #fff
        }

        .notify .notify--colored-wepay-migration .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-wepay-migration .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
        }

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

            .notify .notify--colored-wepay-migration .btn::before, .notify .notify--colored-wepay-migration .btn:hover, .notify .notify--colored-wepay-migration .btn:focus, .notify .notify--colored-wepay-migration .btn:active, .notify .notify--colored-wepay-migration .btn:focus:active, .notify .notify--colored-wepay-migration .btn:focus:active::before {
                box-shadow: none
            }

        .notify .notify--colored-wepay-migration .btn.btn-loading, .notify .notify--colored-wepay-migration .btn.btn-loading:hover, .notify .notify--colored-wepay-migration .btn.btn-loading:focus, .notify .notify--colored-wepay-migration .btn.btn-loading:focus:hover, .notify .notify--colored-wepay-migration .btn.btn-loading:active, .notify .notify--colored-wepay-migration .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #275ce0
        }

            .notify .notify--colored-wepay-migration .btn.btn-loading::after, .notify .notify--colored-wepay-migration .btn.btn-loading:hover::after, .notify .notify--colored-wepay-migration .btn.btn-loading:focus::after, .notify .notify--colored-wepay-migration .btn.btn-loading:focus:hover::after, .notify .notify--colored-wepay-migration .btn.btn-loading:active::after, .notify .notify--colored-wepay-migration .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .notify .notify--colored-wepay-migration .btn.btn-loading svg, .notify .notify--colored-wepay-migration .btn.btn-loading .loader, .notify .notify--colored-wepay-migration .btn.btn-loading:hover svg, .notify .notify--colored-wepay-migration .btn.btn-loading:hover .loader, .notify .notify--colored-wepay-migration .btn.btn-loading:focus svg, .notify .notify--colored-wepay-migration .btn.btn-loading:focus .loader, .notify .notify--colored-wepay-migration .btn.btn-loading:focus:hover svg, .notify .notify--colored-wepay-migration .btn.btn-loading:focus:hover .loader, .notify .notify--colored-wepay-migration .btn.btn-loading:active svg, .notify .notify--colored-wepay-migration .btn.btn-loading:active .loader, .notify .notify--colored-wepay-migration .btn.btn-loading:focus:active svg, .notify .notify--colored-wepay-migration .btn.btn-loading:focus:active .loader {
                display: none
            }

    .notify .notify--colored-wepay-migration .btn-secondary {
        background-image: none;
        background-color: #2a2a2a;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-wepay-migration .btn-secondary::before {
            background-image: none
        }

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

        .notify .notify--colored-wepay-migration .btn-secondary:focus::before, .notify .notify--colored-wepay-migration .btn-secondary:hover::before {
            opacity: 1
        }

        .notify .notify--colored-wepay-migration .btn-secondary: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
        }

        .notify .notify--colored-wepay-migration .btn-secondary: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
        }

        .notify .notify--colored-wepay-migration .btn-secondary: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)
        }

        .notify .notify--colored-wepay-migration .btn-secondary: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
        }

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

            .notify .notify--colored-wepay-migration .btn-secondary::before, .notify .notify--colored-wepay-migration .btn-secondary:hover, .notify .notify--colored-wepay-migration .btn-secondary:focus, .notify .notify--colored-wepay-migration .btn-secondary:active, .notify .notify--colored-wepay-migration .btn-secondary:focus:active, .notify .notify--colored-wepay-migration .btn-secondary:focus:active::before {
                box-shadow: none
            }

        .notify .notify--colored-wepay-migration .btn-secondary.btn-loading, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:hover, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:focus, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:focus:hover, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:active, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #2a2a2a
        }

            .notify .notify--colored-wepay-migration .btn-secondary.btn-loading::after, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:hover::after, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:focus::after, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:focus:hover::after, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:active::after, .notify .notify--colored-wepay-migration .btn-secondary.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
            }

            .notify .notify--colored-wepay-migration .btn-secondary.btn-loading svg, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading .loader, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:hover svg, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:hover .loader, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:focus svg, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:focus .loader, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:focus:hover svg, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:focus:hover .loader, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:active svg, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:active .loader, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:focus:active svg, .notify .notify--colored-wepay-migration .btn-secondary.btn-loading:focus:active .loader {
                display: none
            }

    .notify .notify--colored-wepay-migration .svg-icon {
        color: #fff
    }

    .notify .notify--colored-wepay-migration a {
        color: #275ce0
    }

        .notify .notify--colored-wepay-migration a:hover, .notify .notify--colored-wepay-migration a a:focus {
            color: #aaa
        }

            .notify .notify--colored-wepay-migration a:hover span, .notify .notify--colored-wepay-migration a a:focus span {
                color: #aaa
            }

.notify .notify--colored-wepay-shutdown {
    background-color: #c71213;
    color: #fff
}

    .notify .notify--colored-wepay-shutdown .feature-element .feature-element__title--clickable {
        color: #fff
    }

    .notify .notify--colored-wepay-shutdown .feature-element__title {
        color: #fff
    }

    .notify .notify--colored-wepay-shutdown .feature-element .feature-element__title--clickable:hover {
        color: #e9a0a1
    }

    .notify .notify--colored-wepay-shutdown .feature-element .feature-element__title--clickable:active {
        color: #dd7171
    }

    .notify .notify--colored-wepay-shutdown .btn {
        background-image: none;
        background-color: #fff;
        color: #000;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-wepay-shutdown .btn::before {
            background-image: none
        }

        .notify .notify--colored-wepay-shutdown .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
        }

        .notify .notify--colored-wepay-shutdown .btn:focus::before, .notify .notify--colored-wepay-shutdown .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-wepay-shutdown .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: #000
        }

        .notify .notify--colored-wepay-shutdown .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: #000
        }

        .notify .notify--colored-wepay-shutdown .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: #000;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-wepay-shutdown .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
        }

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

            .notify .notify--colored-wepay-shutdown .btn::before, .notify .notify--colored-wepay-shutdown .btn:hover, .notify .notify--colored-wepay-shutdown .btn:focus, .notify .notify--colored-wepay-shutdown .btn:active, .notify .notify--colored-wepay-shutdown .btn:focus:active, .notify .notify--colored-wepay-shutdown .btn:focus:active::before {
                box-shadow: none
            }

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

            .notify .notify--colored-wepay-shutdown .btn.btn-loading::after, .notify .notify--colored-wepay-shutdown .btn.btn-loading:hover::after, .notify .notify--colored-wepay-shutdown .btn.btn-loading:focus::after, .notify .notify--colored-wepay-shutdown .btn.btn-loading:focus:hover::after, .notify .notify--colored-wepay-shutdown .btn.btn-loading:active::after, .notify .notify--colored-wepay-shutdown .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='%23000'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

            .notify .notify--colored-wepay-shutdown .btn.btn-loading svg, .notify .notify--colored-wepay-shutdown .btn.btn-loading .loader, .notify .notify--colored-wepay-shutdown .btn.btn-loading:hover svg, .notify .notify--colored-wepay-shutdown .btn.btn-loading:hover .loader, .notify .notify--colored-wepay-shutdown .btn.btn-loading:focus svg, .notify .notify--colored-wepay-shutdown .btn.btn-loading:focus .loader, .notify .notify--colored-wepay-shutdown .btn.btn-loading:focus:hover svg, .notify .notify--colored-wepay-shutdown .btn.btn-loading:focus:hover .loader, .notify .notify--colored-wepay-shutdown .btn.btn-loading:active svg, .notify .notify--colored-wepay-shutdown .btn.btn-loading:active .loader, .notify .notify--colored-wepay-shutdown .btn.btn-loading:focus:active svg, .notify .notify--colored-wepay-shutdown .btn.btn-loading:focus:active .loader {
                display: none
            }

    .notify .notify--colored-wepay-shutdown .btn-secondary {
        background-image: none;
        background-color: #c71213;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-wepay-shutdown .btn-secondary::before {
            background-image: none
        }

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

        .notify .notify--colored-wepay-shutdown .btn-secondary:focus::before, .notify .notify--colored-wepay-shutdown .btn-secondary:hover::before {
            opacity: 1
        }

        .notify .notify--colored-wepay-shutdown .btn-secondary: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
        }

        .notify .notify--colored-wepay-shutdown .btn-secondary: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
        }

        .notify .notify--colored-wepay-shutdown .btn-secondary: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)
        }

        .notify .notify--colored-wepay-shutdown .btn-secondary: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
        }

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

            .notify .notify--colored-wepay-shutdown .btn-secondary::before, .notify .notify--colored-wepay-shutdown .btn-secondary:hover, .notify .notify--colored-wepay-shutdown .btn-secondary:focus, .notify .notify--colored-wepay-shutdown .btn-secondary:active, .notify .notify--colored-wepay-shutdown .btn-secondary:focus:active, .notify .notify--colored-wepay-shutdown .btn-secondary:focus:active::before {
                box-shadow: none
            }

        .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:hover, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:focus, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:focus:hover, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:active, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #c71213
        }

            .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading::after, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:hover::after, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:focus::after, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:focus:hover::after, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:active::after, .notify .notify--colored-wepay-shutdown .btn-secondary.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
            }

            .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading svg, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading .loader, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:hover svg, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:hover .loader, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:focus svg, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:focus .loader, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:focus:hover svg, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:focus:hover .loader, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:active svg, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:active .loader, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:focus:active svg, .notify .notify--colored-wepay-shutdown .btn-secondary.btn-loading:focus:active .loader {
                display: none
            }

    .notify .notify--colored-wepay-shutdown .svg-icon {
        color: #fff
    }

.notify .notify--colored-instagram {
    border: none;
    background: linear-gradient(to right, #ffabc9, #eab2c7)
}

    .notify .notify--colored-instagram .btn {
        background-image: none;
        background-color: #aa1d8f;
        color: #fff;
        background-image: none;
        box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
        box-shadow: none
    }

        .notify .notify--colored-instagram .btn::before {
            background-image: none
        }

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

        .notify .notify--colored-instagram .btn:focus::before, .notify .notify--colored-instagram .btn:hover::before {
            opacity: 1
        }

        .notify .notify--colored-instagram .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: #fff
        }

        .notify .notify--colored-instagram .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: #fff
        }

        .notify .notify--colored-instagram .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: #fff;
            transform: translate3d(0, 1px, 0)
        }

        .notify .notify--colored-instagram .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
        }

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

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

        .notify .notify--colored-instagram .btn.btn-loading, .notify .notify--colored-instagram .btn.btn-loading:hover, .notify .notify--colored-instagram .btn.btn-loading:focus, .notify .notify--colored-instagram .btn.btn-loading:focus:hover, .notify .notify--colored-instagram .btn.btn-loading:active, .notify .notify--colored-instagram .btn.btn-loading:focus:active {
            position: relative;
            overflow: visible;
            background-color: #aa1d8f
        }

            .notify .notify--colored-instagram .btn.btn-loading::after, .notify .notify--colored-instagram .btn.btn-loading:hover::after, .notify .notify--colored-instagram .btn.btn-loading:focus::after, .notify .notify--colored-instagram .btn.btn-loading:focus:hover::after, .notify .notify--colored-instagram .btn.btn-loading:active::after, .notify .notify--colored-instagram .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='%23fff'/%3E%3C/svg%3E") center center no-repeat;
                background-size: contain
            }

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

.notify .notify--colored-green-two, .notify .notify--colored-blue-one, .notify .notify--colored-blue-two, .notify .notify--colored-amazon, .notify .notify--colored-black, .notify .notify--colored-facebook {
    color: #fff
}

    .notify .notify--colored-green-two .iconic-dropdown-menu, .notify .notify--colored-blue-one .iconic-dropdown-menu, .notify .notify--colored-blue-two .iconic-dropdown-menu, .notify .notify--colored-amazon .iconic-dropdown-menu, .notify .notify--colored-black .iconic-dropdown-menu, .notify .notify--colored-facebook .iconic-dropdown-menu {
        color: #fff
    }

        .notify .notify--colored-green-two .iconic-dropdown-menu:hover, .notify .notify--colored-blue-one .iconic-dropdown-menu:hover, .notify .notify--colored-blue-two .iconic-dropdown-menu:hover, .notify .notify--colored-amazon .iconic-dropdown-menu:hover, .notify .notify--colored-black .iconic-dropdown-menu:hover, .notify .notify--colored-facebook .iconic-dropdown-menu:hover {
            color: #b3b3b3
        }

    .notify .notify--colored-green-two .feature-element .feature-element__title--clickable, .notify .notify--colored-blue-one .feature-element .feature-element__title--clickable, .notify .notify--colored-blue-two .feature-element .feature-element__title--clickable, .notify .notify--colored-amazon .feature-element .feature-element__title--clickable, .notify .notify--colored-black .feature-element .feature-element__title--clickable, .notify .notify--colored-facebook .feature-element .feature-element__title--clickable {
        color: #fff
    }

.notify__content {
    position: relative;
    margin-bottom: -16px
}

    .notify__content svg {
        width: 100%;
        height: 100%;
        fill: currentColor
    }

    .notify__content a {
        font-weight: var(--headers-font-weight, 600)
    }

    .notify__content a {
        color: #fff
    }

        .notify__content a:hover {
            color: #b3b3b3
        }

        .notify__content a:active {
            color: #e9effc
        }

.notify__icon {
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    margin-bottom: 16px;
    background-size: 100%
}

@media screen and (min-width: 768px) {
    .notify__icon {
        width: 56px;
        height: 56px
    }
}

.notify__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;
    color: #fff
}

.notify__text {
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

.notify__action {
    margin-top: 16px;
    margin-bottom: 16px
}

    .notify__action .btn:not(:last-child) {
        margin-bottom: 8px
    }

.notify__close {
    position: absolute;
    top: 0;
    right: 0;
    opacity: .5;
    width: 18px;
    height: 18px;
    transition: opacity .1s linear 0s;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .notify__close {
        top: -9px;
        right: -16px
    }
}

.notify__close:hover {
    opacity: .7
}

.notify__image {
    margin: -16px -16px 24px
}

@media screen and (min-width: 768px) {
    .notify__image {
        margin: -24px -32px 24px
    }
}

.notify__image svg, .notify__image img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 200px;
    object-fit: cover
}

.notify__menu {
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 5px
}

.notify-stack {
    display: flex;
    position: fixed;
    z-index: 1000;
    top: 56px;
    right: 20px;
    left: 20px;
    flex-flow: column;
    align-items: center;
    max-width: 360px;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .notify-stack {
        left: auto;
        align-items: flex-end;
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .notify-stack {
        top: 56px
    }
}

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

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

@keyframes hideToBottom {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes hideToRemove {
    to {
        max-height: 0;
        margin: 0;
        padding: 0
    }
}

.input-output-dialog__container {
    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;
    display: flex;
    position: relative;
    box-sizing: border-box;
    min-width: 290px;
    min-height: 400px;
    margin-right: 8px;
    margin-left: 8px;
    color: #0a1c2e;
    word-wrap: break-word;
    text-align: left
}

    .input-output-dialog__container > * {
        box-sizing: border-box
    }

.input-output-dialog--thin-padding .input-output-dialog__container {
    margin-right: 0;
    margin-left: 0
}

@media screen and (max-width: 1023px) {
    .input-output-dialog--thin-padding .input-output-dialog__container {
        min-height: 100vh;
        min-width: 100%;
        border-radius: initial
    }
}

.input-output-dialog__main {
    display: flex;
    flex-direction: column;
    padding: 32px;
    width: 400px
}

@media screen and (max-width: 1023px) {
    .input-output-dialog__main {
        width: 100%;
        padding: 32px 24px
    }
}

.input-output-dialog__container--open .input-output-dialog__main {
    padding-right: 24px
}

.input-output-dialog__title {
    font-size: 16px;
    font-weight: 600;
    word-break: break-word
}

.input-output-dialog__icon {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle
}

.input-output-dialog__description {
    margin-top: 8px
}

.input-output-dialog__main-content {
    flex: 1 0 auto;
    margin-top: 24px
}

.input-output-dialog__main-actions {
    margin-top: 24px
}

    .input-output-dialog__main-actions > .btn {
        width: 100%
    }

.input-output-dialog__output {
    display: flex;
    flex-direction: column;
    width: 600px;
    padding: 32px 0;
    overflow-x: hidden;
    border-left: 1px #bfc7ce solid;
    z-index: 3
}

@media screen and (max-width: 1023px) {
    .input-output-dialog__output {
        max-width: 100%;
        max-height: 100vh;
        height: 100%;
        min-width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff
    }
}

.input-output-dialog__output-content, .input-output-dialog__output-actions {
    box-sizing: border-box;
    padding: 0 32px 0 24px
}

@media screen and (max-width: 1023px) {
    .input-output-dialog__output-content, .input-output-dialog__output-actions {
        padding-right: 24px
    }
}

.input-output-dialog__output-content {
    flex: 1 1 auto;
    overflow-y: auto
}

@media screen and (max-width: 1023px) {
    .input-output-dialog__output-content {
        margin-top: 24px
    }
}

.input-output-dialog__output-actions {
    margin-top: 24px
}

.input-output-dialog__close {
    z-index: 4
}

.input-output-dialog__back {
    display: none
}

@media screen and (max-width: 1023px) {
    .input-output-dialog__back {
        display: block;
        position: absolute;
        top: 16px;
        left: 16px
    }
}

.show-output-enter-active {
    animation: input-output-dialog-slide-in 300ms ease-in-out
}

@media screen and (max-width: 1023px) {
    .show-output-enter-active {
        animation: input-output-dialog-slide-in-mobile 150ms ease-out
    }
}

.show-output-leave-active {
    animation: input-output-dialog-slide-out 300ms ease-in-out
}

@media screen and (max-width: 1023px) {
    .show-output-leave-active {
        animation: input-output-dialog-slide-out-mobile 150ms ease-out
    }
}

@keyframes input-output-dialog-slide-in {
    0% {
        width: 0
    }

    100% {
        width: 600px
    }
}

@keyframes input-output-dialog-slide-in-mobile {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

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

@keyframes input-output-dialog-slide-out {
    0% {
        width: 600px
    }

    100% {
        width: 0
    }
}

@keyframes input-output-dialog-slide-out-mobile {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

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

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

.numeric {
    margin: 0 0 16px 0;
    padding: 0 0 0 1.3em;
    list-style: none;
    text-indent: -1.3em;
    counter-reset: numericlist
}

    .numeric > li {
        margin-bottom: 4px;
        counter-increment: numericlist
    }

        .numeric > li::before {
            content: counter(numericlist) ".";
            display: inline-block;
            box-sizing: border-box;
            width: 1.3em;
            padding-right: .3em;
            color: inherit;
            line-height: 1;
            text-align: right;
            text-indent: 0
        }

.ec-ai-modal-output {
    display: flex;
    flex-direction: column;
    height: 100%
}

.ec-ai-modal-output__generation-status {
    display: flex;
    margin-bottom: 8px;
    flex: 1
}

.ec-ai-modal-output__description-container {
    overflow: hidden;
    height: 100%
}

.ec-ai-modal-output__description-scrollable-wrapper {
    background-color: #eceef0;
    border-radius: 12px;
    height: fit-content;
    max-height: 100%;
    overflow: scroll
}

.ec-ai-modal-output__description-content {
    padding: 12px 16px;
    box-sizing: border-box
}

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
    }

.feature-element {
    text-align: left;
    transition: color .1s linear
}

@media screen and (min-width: 768px) {
    .feature-element {
        max-width: 980px
    }
}

.feature-element__core {
    display: flex;
    position: relative;
    flex-wrap: wrap
}

@media screen and (min-width: 768px) {
    .feature-element__core {
        flex-wrap: nowrap
    }
}

.feature-element__data {
    order: 2;
    width: 100%;
    padding-right: 0
}

@media screen and (min-width: 768px) {
    .feature-element__data {
        flex: 1;
        order: 0;
        width: auto;
        padding-right: 24px
    }
}

.feature-element__title {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 28px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e;
    padding-right: 48px
}

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

@media screen and (min-width: 768px) {
    .feature-element__title {
        padding-right: 0
    }
}

.feature-element__title--clickable {
    cursor: pointer;
    transition: color .1s linear
}

    .feature-element__title--clickable:hover {
        color: #2c3f51
    }

    .feature-element__title--clickable:active {
        color: #3e5062
    }

.feature-element__title .iconable-link .iconable-link__icon {
    font-size: 1em
}

.feature-element__content {
    font-size: 14px;
    line-height: 22px
}

    .feature-element__content .alert {
        margin: 0 0 16px 0
    }

.feature-element__text {
    max-width: 600px;
    margin-bottom: 24px
}

.feature-element__text--wide {
    max-width: none
}

.feature-element__text b {
    font-weight: 600;
    text-transform: uppercase
}

.feature-element__text p {
    margin-top: 0;
    margin-bottom: 8px
}

.ec-feature-element__text {
    max-width: 600px
}

.ec-feature-element__text--wide {
    max-width: none
}

.ec-feature-element__text b {
    font-weight: 600;
    text-transform: uppercase
}

.ec-feature-element__text p {
    margin-top: 0;
    margin-bottom: 8px
}

.feature-element__action-note {
    margin-top: 16px
}

.feature-element.has-icon .feature-element__icon, .feature-element--has-icon .feature-element__icon {
    display: block
}

@media screen and (min-width: 768px) {
    .feature-element.has-icon.has-picture .feature-element__icon, .feature-element--has-icon.feature-element--has-picture .feature-element__icon {
        display: none
    }
}

.feature-element__icon {
    display: none;
    order: 1;
    width: 32px;
    height: 32px;
    margin: 0 0 8px 0;
    font-size: 32px;
    line-height: 32px;
    color: #275ce0
}

@media screen and (min-width: 768px) {
    .feature-element__icon {
        order: 0;
        width: 56px;
        height: 56px;
        font-size: 56px;
        line-height: 56px
    }
}

.feature-element__icon > div > img, .feature-element__icon > div > svg, .feature-element__icon > img, .feature-element__icon > svg {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px
}

@media screen and (min-width: 768px) {
    .feature-element__icon > div > img, .feature-element__icon > div > svg, .feature-element__icon > img, .feature-element__icon > svg {
        width: 56px;
        height: 56px;
        font-size: 56px;
        line-height: 56px
    }
}

.feature-element__picture {
    display: none;
    position: relative;
    width: 100%;
    max-width: 260px;
    text-align: right
}

    .feature-element__picture > img, .feature-element__picture > svg {
        max-width: 100%;
        height: auto;
        max-height: 100%
    }

@media screen and (min-width: 768px) {
    .feature-element__picture {
        text-align: right
    }
}

@media screen and (min-width: 1400px) {
    .feature-element__picture {
        flex-basis: 360px;
        max-width: 360px;
        max-height: 400px
    }
}

.feature-element__picture--compact {
    flex-basis: 260px;
    max-width: 260px;
    max-height: 200px
}

.feature-element__picture--center {
    align-self: center
}

.feature-element__picture--sticky {
    position: sticky;
    top: 28px
}

.feature-element__picture--no-max-height {
    max-height: unset
}

@media screen and (min-width: 768px) {
    .feature-element.has-picture .feature-element__picture {
        display: block
    }
}

.feature-element-adds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px 0 16px 24px;
    border-top: 1px solid #bfc7ce
}

@media screen and (min-width: 768px) {
    .feature-element-adds {
        padding: 32px 0 16px 64px
    }
}

.feature-element__status {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
    font-weight: 600
}

.feature-element__status-title {
    display: inline-block;
    margin-right: 4px
}

.feature-element__status-text {
    display: inline-block;
    font-weight: 400
}

.feature-element__status-dropdown-container {
    display: inline-block
}

    .feature-element__status-dropdown-container .feature-element__status-dropdown {
        margin-top: -3px
    }

        .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-default {
            color: #275ce0
        }

            .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-default:hover {
                color: #1b409d
            }

@media screen and (min-width: 1024px) {
    .feature-element__status-dropdown-container .feature-element__status-dropdown .btn-dropdown {
        font-size: 14px
    }
}

.feature-element__status-dropdown-container .feature-element__status-dropdown.btn-group .btn-dropdown [class*='icon-'] {
    font-size: .4em
}

.feature-element__status-dropdown-container .feature-element__status-dropdown.btn-group.opened .btn-default.btn-dropdown {
    border: none;
    background: none;
    box-shadow: none
}

.feature-element__status--info .feature-element__status-title {
    color: #275ce0
}

.feature-element__status--success .feature-element__status-title {
    color: #0cac42
}

.feature-element__status--error .feature-element__status-title {
    color: #f43c36
}

.feature-element__status--warning .feature-element__status-title {
    color: #de9d1c
}

.feature-element__status--disable .feature-element__status-title {
    color: #607385
}

.feature-element.has-picture .feature-element__picture, .feature-element--has-picture .feature-element__picture {
    display: none
}

@media screen and (min-width: 768px) {
    .feature-element.has-picture .feature-element__picture, .feature-element--has-picture .feature-element__picture {
        display: block
    }
}

.feature-element__action {
    margin-top: 24px;
    margin-bottom: 0;
    order: 3;
    width: 100%
}

@media screen and (min-width: 768px) {
    .feature-element__action {
        width: auto;
        margin-top: 8px
    }
}

.feature-element__action .btn {
    display: block;
    width: 100%;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .feature-element__action .btn {
        display: inline-block;
        width: auto;
        min-width: 260px;
        margin-right: 8px;
        margin-bottom: 8px
    }
}

.feature-element__action .btn:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .feature-element__action .btn:last-child {
        margin-bottom: 8px
    }
}

@media screen and (min-width: 768px) {
    .feature-element__action .btn-link {
        width: auto;
        min-width: auto
    }
}

.feature-element__action .fieldset {
    display: block;
    width: 100%;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .feature-element__action .fieldset {
        max-width: 260px
    }
}

.feature-element__select {
    margin-bottom: 8px
}

.feature-element__button {
    margin-bottom: 16px
}

.feature-element__checkbox {
    margin-bottom: 16px
}

.feature-element__notable-button {
    margin-bottom: 16px
}

    .feature-element__notable-button .btn {
        display: block;
        width: 100%;
        margin-bottom: 8px
    }

@media screen and (min-width: 768px) {
    .feature-element__notable-button .btn {
        width: auto;
        min-width: 260px
    }
}

.feature-element.feature-element--disabled {
    color: #607385
}

    .feature-element.feature-element--disabled .feature-element__title {
        color: #607385
    }

    .feature-element.feature-element--disabled .feature-element__icon, .feature-element.feature-element--disabled .feature-element__picture {
        opacity: .5;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }

.feature-element--promo-view .feature-element__title {
    font-size: 20px;
    line-height: 28px
}

@media screen and (min-width: 768px) {
    .feature-element--promo-view .feature-element__title {
        font-size: 24px;
        line-height: 30px
    }
}

.feature-element--promo-view .feature-element__title--clickable:hover {
    color: #2c3f51
}

.feature-element--promo-view .feature-element__title--clickable:active {
    color: #3e5062
}

@media screen and (min-width: 768px) {
    .feature-element--promo-view .feature-element__icon {
        display: none
    }
}

@media screen and (min-width: 1400px) {
    .feature-element--promo-view .feature-element__picture {
        flex-basis: 360px;
        max-width: 360px
    }
}

.feature-element--promo-view .feature-element__picture--compact {
    flex-basis: 260px;
    max-width: 260px
}

.feature-element.feature-element--with-picture-in-mobile .feature-element__core {
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .feature-element.feature-element--with-picture-in-mobile .feature-element__core {
        display: grid
    }
}

.feature-element.feature-element--with-picture-in-mobile .feature-element__data {
    order: 1
}

@media screen and (min-width: 768px) {
    .feature-element.feature-element--with-picture-in-mobile .feature-element__data {
        grid-column: 1;
        grid-row: 1
    }
}

.feature-element.feature-element--with-picture-in-mobile .feature-element__picture {
    display: block;
    margin: 0 auto 16px auto;
    order: 2
}

@media screen and (min-width: 768px) {
    .feature-element.feature-element--with-picture-in-mobile .feature-element__picture {
        margin: 0;
        grid-column: 2;
        grid-row: 1 / 3
    }
}

.feature-element.feature-element--with-picture-in-mobile .feature-element__action {
    order: 3
}

@media screen and (min-width: 768px) {
    .feature-element.feature-element--with-picture-in-mobile .feature-element__action {
        grid-column: 1;
        grid-row: 2
    }
}

.feature-element--has-bottom .feature-element__data {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.feature-element--has-bottom .feature-element__content {
    flex: 1 0 auto
}

.feature-element__bottom {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px
}

.feature-element--lspayments-offer__title {
    color: #fc7979
}

.feature-element--lspayments-offer__link {
    color: #8af
}

    .feature-element--lspayments-offer__link:hover, .feature-element--lspayments-offer__link a:focus {
        color: #6c88cc
    }

.live-picture {
    display: flex;
    position: relative;
    overflow: hidden;
    flex-direction: column-reverse;
    justify-content: space-between;
    width: 100%;
    min-height: 132px;
    font-size: 14px;
    line-height: 22px;
    font-weight: var(--headers-font-weight, 600)
}

@media screen and (min-width: 1400px) {
    .live-picture {
        min-height: 182px
    }
}

.live-picture--with-background {
    text-align: center
}

    .live-picture--with-background .live-picture__header, .live-picture--with-background .live-picture__body {
        display: none
    }

    .live-picture--with-background .live-picture__footer a {
        text-align: center
    }

.live-picture__header {
    z-index: 2;
    order: 3;
    font-weight: var(--headers-font-weight, 700);
    font-family: var(--headers-font-family);
    font-size: 20px;
    line-height: 28px
}

.live-picture__body {
    z-index: 2;
    order: 2;
    padding-bottom: 2px;
    font-weight: var(--headers-font-weight, 700);
    font-family: var(--headers-font-family);
    font-size: 44px;
    line-height: 52px
}

.live-picture__footer {
    z-index: 2;
    order: 1;
    min-height: 22px
}

    .live-picture__footer a, .live-picture__footer a:hover, .live-picture__footer a:active {
        position: static;
        color: #fff
    }

.preview-ribbon {
    display: flex;
    position: relative;
    overflow: hidden;
    flex-direction: column-reverse;
    justify-content: space-between;
    width: 100%;
    min-height: 248px;
    font-size: 14px;
    line-height: 22px;
    font-weight: var(--headers-font-weight, 600)
}

.payment-method .payment-method__header {
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .payment-method .payment-method__header {
        display: flex
    }
}

.payment-method .payment-method__logo {
    width: auto;
    height: 40px;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .payment-method .payment-method__logo {
        flex: 1 0 0;
        margin-right: 70px;
        margin-bottom: 0
    }
}

.payment-method .payment-method__logo img, .payment-method .payment-method__logo svg {
    width: auto;
    height: 40px
}

.payment-method .payment-method__credit-cards {
    display: flex;
    align-items: center;
    white-space: nowrap
}

@media screen and (min-width: 768px) {
    .payment-method .payment-method__credit-cards {
        flex: 10 1 0
    }
}

.payment-method .payment-method__credit-cards svg {
    display: inline-block;
    flex: 0 0 auto;
    height: 19px;
    max-height: 38px;
    margin-right: 8px
}

@media screen and (max-width: 768px) {
    .payment-method .payment-method__credit-cards svg {
        width: auto
    }
}

@media screen and (min-width: 768px) {
    .payment-method .payment-method__credit-cards svg {
        height: 26px
    }
}

.payment-method .payment-method__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
}

.payment-method .payment-method__content {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 16px
}

    .payment-method .payment-method__content p {
        margin-top: 0;
        margin-bottom: 8px
    }

    .payment-method .payment-method__content .alert {
        margin-bottom: 0
    }

.payment-method .payment-method__action .btn {
    width: 100%
}

@media screen and (min-width: 768px) {
    .payment-method .payment-method__action .btn {
        width: auto;
        min-width: 208px
    }
}

.payment-method .payment-method__footer {
    margin-top: 8px
}

    .payment-method .payment-method__footer p {
        margin-top: 0;
        margin-bottom: 8px;
        color: #607385;
        font-size: 12px;
        line-height: 18px
    }

.ec-list-element {
    display: flex;
    box-sizing: border-box;
    opacity: 1;
    flex-direction: row;
    align-items: flex-start;
    padding: 12px 8px;
    background-color: #fff;
    transition: border-color 0.1s ease-out,opacity .2s ease-in-out
}

    .ec-list-element:focus-visible {
        outline: auto 5px #275ce0;
        outline-offset: -1px
    }

@media screen and (min-width: 568px) {
    .ec-list-element:first-child:not(.ec-list-element--inline-mode) {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }
}

@media screen and (min-width: 568px) {
    .ec-list-element:last-child:not(.ec-list-element--inline-mode) {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }
}

@media screen and (min-width: 568px) {
    .ec-list-element {
        padding: 12px 16px 12px 24px;
        border-width: 1px
    }
}

@media screen and (min-width: 1280px) {
    .ec-list-element {
        padding: 16px 16px 16px 28px
    }
}

@media screen and (min-width: 568px) {
    .ec-list-element--selected {
        border-color: #275ce0;
        box-shadow: 0 0 0 2px #275ce0 inset, 2px 0 0 0 #275ce0 inset, -2px 0 0 0 #275ce0 inset, 0 -2px 0 0 #275ce0 inset
    }
}

@media screen and (min-width: 568px) {
    .ec-list-element--selected + .ec-list-element--selected {
        box-shadow: 0 0 0 0 #275ce0 inset, 2px 0 0 0 #275ce0 inset, -2px 0 0 0 #275ce0 inset, 0 -2px 0 0 #275ce0 inset
    }
}

.ec-list-element--selected:first-child {
    box-shadow: 0 0 0 2px #275ce0 inset
}

.ec-list-element--selected + .ec-list-element:not(.ec-list-element--selected) {
    margin-top: 0;
    border-top-width: 0
}

.ec-list-element--disabled {
    color: #607385
}

.ec-list-element--inline-mode, .ec-list-element--has-hover {
    transition: border-color 0.1s ease-out,opacity .2s ease-in-out,background-color 0.2s linear
}

@media (hover: hover) {
    .ec-list-element--inline-mode:hover, .ec-list-element--has-hover:hover {
        background-color: #e7f0f8
    }
}

.ec-list-element .ec-list-element__toggle {
    display: none;
    box-sizing: content-box;
    height: fit-content;
    margin-left: -8px;
    cursor: default
}

@media screen and (min-width: 568px) {
    .ec-list-element .ec-list-element__toggle {
        display: inline-block;
        position: relative;
        flex: 0 0 18px;
        align-self: stretch;
        -ms-grid-row-align: stretch
    }
}

.ec-list-element .ec-list-element__toggle-checkbox {
    display: none
}

    .ec-list-element .ec-list-element__toggle-checkbox + .ec-list-element__toggle-label {
        content: '';
        display: inline-block;
        box-sizing: border-box;
        width: 17px;
        height: 17px;
        border: 1px solid #bfc7ce;
        border-radius: 3px;
        vertical-align: baseline
    }

    .ec-list-element .ec-list-element__toggle-checkbox:checked + .ec-list-element__toggle-label {
        border-color: #275ce0;
        background: #275ce0 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='%23fff'%3E%3Cpath d='M5 12l5.02 4.9L21.15 4c.65-.66 1.71-.66 2.36 0 .65.67.65 1.74 0 2.4l-12.3 14.1c-.33.33-.76.5-1.18.5-.43 0-.86-.17-1.18-.5l-6.21-6.1c-.65-.66-.65-1.74 0-2.41.65-.65 1.71-.65 2.36.01z'/%3E%3C/svg%3E") no-repeat center
    }

.ec-list-element .ec-list-element__toggle:hover .ec-list-element__toggle-label {
    border-color: #275ce0
}

.ec-list-element .ec-list-element__image {
    display: flex;
    align-self: start;
    justify-content: left
}

.ec-list-element .ec-list-element__content {
    flex: 1;
    align-self: center;
    max-width: 100%
}

.ec-list-element .ec-list-element__info, .ec-list-element .ec-list-element__middle_area_info {
    flex: 1 1 auto;
    align-self: start;
    max-width: 700px
}

.ec-list-element .ec-list-element__info {
    min-width: 40%
}

.ec-list-element .ec-list-element__right_area_info {
    display: flex;
    margin-top: 8px
}

@media screen and (min-width: 568px) {
    .ec-list-element .ec-list-element__right_area_info {
        flex: 1 1 auto;
        flex-wrap: wrap;
        align-self: start;
        justify-content: end;
        margin-top: 0;
        padding-left: 12px;
        text-align: right
    }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
    .ec-list-element .ec-list-element__right_area_info {
        flex: 1 1 35%
    }
}

.ec-list-element .ec-list-element__header {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: space-between;
    width: 100%
}

    .ec-list-element .ec-list-element__header .ec-list-element__main-info {
        font-size: 0;
        line-height: 0;
        width: inherit
    }

    .ec-list-element .ec-list-element__header .ec-list-element__price {
        flex-shrink: 0;
        max-width: 35%
    }

.ec-list-element .ec-list-element__title {
    display: inline-block;
    margin-right: 16px;
    word-wrap: break-word;
    word-break: break-word;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

    .ec-list-element .ec-list-element__title.clickable:hover {
        cursor: pointer;
        color: #1b409d
    }

.ec-list-element .ec-list-element__description {
    display: inline-flex;
    margin-right: 16px
}

@media screen and (max-width: 567px) {
    .ec-list-element .ec-list-element__mobile-hidden {
        display: none
    }
}

.ec-list-element .ec-list-element__move-forward-arrow {
    display: none
}

@media screen and (min-width: 568px) {
    .ec-list-element .ec-list-element__move-forward-arrow {
        display: flex;
        align-items: center;
        align-self: stretch;
        margin-right: -8px;
        padding-right: 12px;
        padding-left: 12px;
        cursor: pointer
    }

        .ec-list-element .ec-list-element__move-forward-arrow::after {
            content: '';
            display: block;
            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
        }

        .ec-list-element .ec-list-element__move-forward-arrow: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")
        }
}

.ec-list-element .ec-list-element__mobile-action {
    display: none
}

.ec-list-element.ec-list-element--detailed .ec-list-element__toggle {
    margin-right: 8px
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--detailed .ec-list-element__toggle {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .ec-list-element.ec-list-element--detailed .ec-list-element__toggle {
        margin-right: 16px
    }
}

.ec-list-element.ec-list-element--detailed .ec-list-element__image {
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--detailed .ec-list-element__image {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .ec-list-element.ec-list-element--detailed .ec-list-element__image {
        margin-right: 20px
    }
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--detailed .ec-list-element__content {
        display: flex;
        flex-wrap: nowrap;
        margin-right: 8px
    }
}

.ec-list-element.ec-list-element--detailed .ec-list-element__header {
    margin-bottom: 4px
}

.ec-list-element.ec-list-element--detailed .ec-list-element__toggle {
    margin-top: 2px
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--detailed .ec-list-element__toggle {
        margin-top: 7px
    }
}

@media screen and (min-width: 768px) {
    .ec-list-element.ec-list-element--detailed .ec-list-element__toggle {
        margin-top: 6px
    }
}

@media screen and (min-width: 1280px) {
    .ec-list-element.ec-list-element--detailed .ec-list-element__toggle {
        margin-top: 5px
    }
}

.ec-list-element.ec-list-element--detailed .ec-list-element__title {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--detailed .ec-list-element__title {
        margin-top: 4px
    }
}

@media screen and (min-width: 768px) {
    .ec-list-element.ec-list-element--detailed .ec-list-element__title {
        margin-top: 0;
        font-size: 20px;
        line-height: 28px
    }
}

@media screen and (min-width: 1280px) {
    .ec-list-element.ec-list-element--detailed .ec-list-element__title {
        font-size: 24px;
        line-height: 30px
    }
}

.ec-list-element.ec-list-element--detailed .ec-list-element__description {
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 1280px) {
    .ec-list-element.ec-list-element--detailed .ec-list-element__description {
        font-size: 16px;
        line-height: 24px
    }
}

.ec-list-element.ec-list-element--detailed .ec-list-element__data-row--hidden-detailed {
    display: none
}

.ec-list-element.ec-list-element--normal .ec-list-element__toggle {
    margin-right: 8px
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--normal .ec-list-element__toggle {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .ec-list-element.ec-list-element--normal .ec-list-element__toggle {
        margin-right: 16px
    }
}

.ec-list-element.ec-list-element--normal .ec-list-element__image {
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--normal .ec-list-element__image {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .ec-list-element.ec-list-element--normal .ec-list-element__image {
        margin-right: 20px
    }
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--normal .ec-list-element__content {
        display: flex;
        flex-wrap: nowrap;
        margin-right: 8px
    }
}

.ec-list-element.ec-list-element--normal .ec-list-element__header {
    margin-bottom: 4px
}

.ec-list-element.ec-list-element--normal .ec-list-element__toggle {
    margin-top: 3px
}

@media screen and (min-width: 1280px) {
    .ec-list-element.ec-list-element--normal .ec-list-element__toggle {
        margin-top: 3px
    }
}

.ec-list-element.ec-list-element--normal .ec-list-element__title {
    font-size: 16px;
    line-height: 24px
}

.ec-list-element.ec-list-element--normal .ec-list-element__description {
    font-size: 14px;
    line-height: 22px
}

.ec-list-element.ec-list-element--normal .ec-list-element__data-row--hidden-normal {
    display: none
}

.ec-list-element.ec-list-element--compact {
    min-height: 66px;
    padding-top: 8px;
    padding-bottom: 8px
}

    .ec-list-element.ec-list-element--compact .ec-list-element__toggle {
        margin-right: 8px
    }

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--compact .ec-list-element__toggle {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .ec-list-element.ec-list-element--compact .ec-list-element__toggle {
        margin-right: 16px
    }
}

.ec-list-element.ec-list-element--compact .ec-list-element__image {
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--compact .ec-list-element__image {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .ec-list-element.ec-list-element--compact .ec-list-element__image {
        margin-right: 20px
    }
}

.ec-list-element.ec-list-element--compact .ec-list-element__toggle {
    padding-top: 1px
}

.ec-list-element.ec-list-element--compact .ec-list-element__image {
    margin-top: 2px
}

.ec-list-element.ec-list-element--compact .ec-list-element__content {
    display: flex;
    flex-wrap: nowrap
}

.ec-list-element.ec-list-element--compact .ec-list-element__info {
    margin-bottom: 0;
    align-self: start
}

.ec-list-element.ec-list-element--compact .ec-list-element__header {
    margin-bottom: 4px
}

.ec-list-element.ec-list-element--compact .ec-list-element__right_area_info {
    flex-shrink: 0;
    align-self: center;
    max-width: 50%
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--compact .ec-list-element__right_area_info {
        max-width: none
    }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
    .ec-list-element.ec-list-element--compact .ec-list-element__right_area_info {
        flex: 1 1 35%
    }
}

.ec-list-element.ec-list-element--compact .ec-list-element__title {
    font-size: 14px;
    line-height: 22px
}

.ec-list-element.ec-list-element--compact .ec-list-element__description {
    font-size: 14px;
    line-height: 22px
}

.ec-list-element.ec-list-element--compact .ec-list-element__data-row--hidden-compact {
    display: none
}

.ec-list-element.ec-list-element--one-line {
    container-type: inline-size;
    container-name: oneLineElement;
    min-height: 48px;
    padding-top: 8px;
    padding-bottom: 8px
}

    .ec-list-element.ec-list-element--one-line .ec-list-element__toggle {
        margin-right: 8px
    }

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--one-line .ec-list-element__toggle {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .ec-list-element.ec-list-element--one-line .ec-list-element__toggle {
        margin-right: 16px
    }
}

.ec-list-element.ec-list-element--one-line .ec-list-element__info {
    flex: none
}

.ec-list-element.ec-list-element--one-line .ec-list-element__toggle {
    align-self: center
}

.ec-list-element.ec-list-element--one-line .ec-list-element__content {
    display: flex;
    flex-wrap: nowrap
}

@media screen and (max-width: 767px) {
    .ec-list-element.ec-list-element--one-line .ec-list-element__content {
        display: initial
    }
}

.ec-list-element.ec-list-element--one-line .ec-list-element__info {
    margin-bottom: 0;
    align-self: start
}

@media screen and (min-width: 768px) {
    .ec-list-element.ec-list-element--one-line .ec-list-element__info {
        max-width: 40%
    }
}

@container oneLineElement (max-width: 750px) {
    .ec-list-element.ec-list-element--one-line .ec-list-element__content {
        display: grid
    }

    .ec-list-element.ec-list-element--one-line .ec-list-element__info {
        max-width: none
    }
}

.ec-list-element.ec-list-element--one-line .ec-list-element__header {
    margin-bottom: 0
}

.ec-list-element.ec-list-element--one-line .ec-list-element__right_area_info {
    flex-shrink: 0;
    align-self: center;
    max-width: 50%
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--one-line .ec-list-element__right_area_info {
        max-width: none
    }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
    .ec-list-element.ec-list-element--one-line .ec-list-element__right_area_info {
        flex: 1 1 35%
    }
}

.ec-list-element.ec-list-element--one-line .ec-list-element__title {
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .ec-list-element.ec-list-element--one-line .ec-list-element__title {
        width: inherit;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.ec-list-element.ec-list-element--one-line .ec-list-element__description {
    font-size: 14px;
    line-height: 22px
}

.ec-list-element.ec-list-element--one-line .ec-list-element__data-row--hidden-compact {
    display: none
}

.ec-list-element.ec-list-element--one-line .ec-list-element__toggle {
    align-self: center
}

.ec-list-element.ec-list-element--inline-mode {
    border: 1px solid #bfc7ce;
    border-width: 1px 0;
    padding-left: 0;
    padding-right: 0
}

    .ec-list-element.ec-list-element--inline-mode .ec-list-element__actions {
        align-self: start
    }

    .ec-list-element.ec-list-element--inline-mode .ec-list-element__info {
        width: 100%
    }

    .ec-list-element.ec-list-element--inline-mode + .ec-list-element.ec-list-element--inline-mode {
        margin-top: -1px
    }

    .ec-list-element.ec-list-element--inline-mode .ec-list-element__toggle {
        margin-left: 5px
    }

.ec-list-element.ec-list-element--dropdown {
    min-height: 56px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: none;
    background-color: transparent
}

.dropdown-list-item--with-hierarchy .ec-list-element.ec-list-element--dropdown {
    padding-left: 0
}

.ec-list-element.ec-list-element--dropdown .ec-list-element__toggle {
    margin-right: 8px
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--dropdown .ec-list-element__toggle {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .ec-list-element.ec-list-element--dropdown .ec-list-element__toggle {
        margin-right: 16px
    }
}

.ec-list-element.ec-list-element--dropdown .ec-list-element__image {
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--dropdown .ec-list-element__image {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .ec-list-element.ec-list-element--dropdown .ec-list-element__image {
        margin-right: 20px
    }
}

.ec-list-element.ec-list-element--dropdown .ec-list-element__toggle {
    padding-top: 12px
}

.ec-list-element.ec-list-element--dropdown .ec-list-element__content {
    display: flex;
    flex-wrap: nowrap
}

.ec-list-element.ec-list-element--dropdown .ec-list-element__info {
    margin-bottom: -4px
}

.ec-list-element.ec-list-element--dropdown .ec-list-element__header {
    margin-bottom: 4px
}

    .ec-list-element.ec-list-element--dropdown .ec-list-element__header .ec-list-element__price {
        display: none
    }

.ec-list-element.ec-list-element--dropdown .ec-list-element__actions {
    flex-shrink: 0;
    align-self: center;
    max-width: 50%;
    -ms-grid-row-align: center
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--dropdown .ec-list-element__actions {
        max-width: none
    }
}

.ec-list-element.ec-list-element--dropdown .ec-list-element__title {
    font-size: 14px;
    line-height: 22px
}

.ec-list-element.ec-list-element--dropdown .ec-list-element__price {
    font-size: 14px;
    line-height: 22px;
    align-self: center;
    -ms-grid-row-align: center
}

.ec-list-element.ec-list-element--dropdown .ec-list-element__description {
    font-size: 14px;
    line-height: 22px
}

.ec-list-element.ec-list-element--dropdown .ec-list-element__status-row {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 4px
}

.ec-list-element.ec-list-element--dropdown .ec-list-element__data-row {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px
}

.ec-list-element.ec-list-element--dropdown .ec-list-element__right_area_info {
    margin-top: 4px;
    flex-shrink: 0;
    align-self: center;
    max-width: 50%
}

@media screen and (min-width: 568px) {
    .ec-list-element.ec-list-element--dropdown .ec-list-element__right_area_info {
        max-width: none
    }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
    .ec-list-element.ec-list-element--dropdown .ec-list-element__right_area_info {
        flex: 1 1 35%
    }
}

.ec-list-element__checkbox {
    top: -3px;
    padding-left: 0
}

.ec-list-element__mobile-button {
    display: inline-block;
    top: -4px
}

@media screen and (min-width: 568px) {
    .ec-list-element__mobile-button {
        top: 0
    }
}

@media screen and (min-width: 1024px) {
    .ec-list-element__mobile-button {
        display: none
    }
}

.ec-list-element__desktop-button {
    display: none
}

@media screen and (min-width: 1024px) {
    .ec-list-element__desktop-button {
        display: inline-block
    }
}

.ec-list-element--has-actions .ec-list-element__actions {
    display: inline-block;
    padding-left: 8px
}

    .ec-list-element--has-actions .ec-list-element__actions .list-dropdown {
        right: 0;
        left: auto
    }

.ec-list-element--has-actions .ec-list-element__mobile-action {
    right: 40px
}

.ec-list-element--has-actions.ec-list-element--compact .ec-list-element__actions {
    display: flex;
    align-self: center
}

@media screen and (max-width: 567px) {
    .ec-list-element-stack {
        margin-right: -8px;
        margin-left: -8px
    }
}

@media screen and (min-width: 568px) {
    .ec-list-element-stack {
        border-radius: 8px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.15)
    }
}

.ec-list-element-stack .ec-list-element:not(.ec-list-element--selected):not(:first-child) {
    box-shadow: 0 2px 0 0 #bfc7ce inset
}

.ec-list-element-stack .ec-list-element--selected + .ec-list-element:not(.ec-list-element--selected) {
    box-shadow: none
}

.list-filter-panel {
    display: flex;
    flex-direction: column
}

.list-filter-panel__filter-list-item {
    display: flex;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    color: #275ce0;
    transition: color .1s linear
}

    .list-filter-panel__filter-list-item:focus, .list-filter-panel__filter-list-item:hover {
        color: #1b409d
    }

    .list-filter-panel__filter-list-item:active {
        color: #688de9
    }

    .list-filter-panel__filter-list-item.visited {
        color: #0a1c2e
    }

.list-filter-panel__custom-filter-list-item {
    overflow: hidden;
    box-sizing: content-box;
    height: 22px;
    transition: height .2s,padding-bottom .2s,padding-top .2s
}

    .list-filter-panel__custom-filter-list-item:hover {
        color: #275ce0
    }

        .list-filter-panel__custom-filter-list-item:hover .list-filter-panel__filter-close {
            opacity: 1
        }

    .list-filter-panel__custom-filter-list-item:active {
        color: #275ce0
    }

    .list-filter-panel__custom-filter-list-item .list-filter-panel__filter-name {
        color: #275ce0;
        transition: color .1s linear
    }

        .list-filter-panel__custom-filter-list-item .list-filter-panel__filter-name:focus, .list-filter-panel__custom-filter-list-item .list-filter-panel__filter-name:hover {
            color: #1b409d
        }

        .list-filter-panel__custom-filter-list-item .list-filter-panel__filter-name:active {
            color: #688de9
        }

        .list-filter-panel__custom-filter-list-item .list-filter-panel__filter-name.visited {
            color: #0a1c2e
        }

    .list-filter-panel__custom-filter-list-item .list-filter-panel__filter-count {
        display: none
    }

    .list-filter-panel__custom-filter-list-item .list-filter-panel__filter-close {
        display: block;
        opacity: 0
    }

        .list-filter-panel__custom-filter-list-item .list-filter-panel__filter-close::after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            right: 8px;
            width: 14px;
            height: 14px;
            margin-top: -8px;
            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='%23808f9d'%3E%3Cpath fill-rule='evenodd' d='M3.302 3.302a1.03 1.03 0 0 1 1.457 0L10 8.542l5.24-5.24a1.03 1.03 0 1 1 1.458 1.457L11.458 10l5.24 5.24a1.03 1.03 0 0 1-1.457 1.458L10 11.458l-5.24 5.24a1.03 1.03 0 0 1-1.458-1.457L8.542 10l-5.24-5.24a1.03 1.03 0 0 1 0-1.458Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
            background-size: contain;
            cursor: pointer
        }

        .list-filter-panel__custom-filter-list-item .list-filter-panel__filter-close: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='M3.302 3.302a1.03 1.03 0 0 1 1.457 0L10 8.542l5.24-5.24a1.03 1.03 0 1 1 1.458 1.457L11.458 10l5.24 5.24a1.03 1.03 0 0 1-1.457 1.458L10 11.458l-5.24 5.24a1.03 1.03 0 0 1-1.458-1.457L8.542 10l-5.24-5.24a1.03 1.03 0 0 1 0-1.458Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
        }

        .list-filter-panel__custom-filter-list-item .list-filter-panel__filter-close:active::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='%23688de9'%3E%3Cpath fill-rule='evenodd' d='M3.302 3.302a1.03 1.03 0 0 1 1.457 0L10 8.542l5.24-5.24a1.03 1.03 0 1 1 1.458 1.457L11.458 10l5.24 5.24a1.03 1.03 0 0 1-1.457 1.458L10 11.458l-5.24 5.24a1.03 1.03 0 0 1-1.458-1.457L8.542 10l-5.24-5.24a1.03 1.03 0 0 1 0-1.458Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
        }

    .list-filter-panel__custom-filter-list-item.zero-height {
        height: 0;
        padding-top: 0;
        padding-bottom: 0
    }

.list-filter-panel__filter-close {
    display: none;
    width: 22px;
    height: 22px
}

.list-filter-panel__filter-name, .list-filter-panel__filter-count {
    font-size: 14px;
    line-height: 22px;
    margin-right: 8px
}

.list-filter-panel__filter-name {
    overflow: hidden;
    flex-grow: 1;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list-filter-panel__names-list {
    padding-bottom: 24px;
    border-bottom: 1px solid #bfc7ce
}

.list-filter-panel__dropdowns-list-item {
    border-top: 1px solid #bfc7ce;
    border-bottom: 1px solid #bfc7ce
}

    .list-filter-panel__dropdowns-list-item:first-child {
        border-top: 0
    }

    .list-filter-panel__dropdowns-list-item + .list-filter-panel__dropdowns-list-item {
        border-top: none
    }

.list-filter-panel__save-panel {
    margin-bottom: 8px;
    padding-top: 8px
}

.list-filter-panel__save-panel-link {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px
}

.list-filter-panel__save-panel-body {
    display: none;
    text-align: justify
}

    .list-filter-panel__save-panel-body .fieldset {
        display: inline-block;
        width: 100%;
        margin-bottom: 8px
    }

        .list-filter-panel__save-panel-body .fieldset.has-error {
            margin-bottom: 0
        }

    .list-filter-panel__save-panel-body .btn {
        width: 100%
    }

.list-filter-panel__save-panel.list-filter-panel__save-panel-body-input-visible .list-filter-panel__save-panel-link {
    display: none
}

.list-filter-panel__save-panel.list-filter-panel__save-panel-body-input-visible .list-filter-panel__save-panel-body {
    display: block
}

.list-filter-panel__sticky-panel {
    position: fixed;
    z-index: 100000;
    right: 0;
    bottom: -144px;
    left: 0;
    box-sizing: border-box;
    height: 72px;
    padding: 16px 8px;
    background: rgba(255,255,255,0.5);
    text-align: center;
    transition: bottom .2s ease-out;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15)
}

@media screen and (min-width: 768px) {
    .list-filter-panel__sticky-panel {
        display: none
    }
}

.list-filter-panel__sticky-panel .btn {
    width: 100%;
    margin: auto
}

.list-filter-panel__sticky-panel--sticky {
    bottom: 0
}

.list-element {
    display: flex;
    box-sizing: border-box;
    opacity: 1;
    flex-direction: row;
    align-items: flex-start;
    padding: 12px 8px;
    border: 1px solid #bfc7ce;
    border-width: 1px 0;
    background-color: #fff;
    transition: border-color 0.1s ease-out,opacity .2s ease-in-out
}

@media screen and (min-width: 568px) {
    .list-element {
        padding: 12px 16px 12px 24px;
        border-width: 1px
    }
}

@media screen and (min-width: 1280px) {
    .list-element {
        padding: 16px 16px 16px 24px
    }
}

.list-element + .list-element {
    margin-top: -1px
}

@media screen and (min-width: 568px) {
    .list-element--selected {
        border-color: #275ce0;
        box-shadow: 0 0 0 rgba(0,0,0,0), 0 0 0 1px #275ce0 inset
    }
}

.list-element--selected + .list-element:not(.list-element--selected) {
    margin-top: 0;
    border-top-width: 0
}

.list-element--disabled:not(.list-element--extended) {
    color: #607385
}

    .list-element--disabled:not(.list-element--extended) .list-element__image {
        opacity: .4
    }

.list-element--has-click {
    cursor: pointer
}

.list-element--has-hover {
    transition: border-color 0.1s ease-out,opacity .2s ease-in-out,background-color 0.2s linear
}

@media (hover: hover) {
    .list-element--has-hover:hover {
        background-color: #e7f0f8
    }
}

.list-element--has-hover:focus-within {
    background-color: #e7f0f8
}

.list-element .list-element__toggle {
    display: none;
    box-sizing: content-box;
    margin-left: -8px;
    cursor: default
}

@media screen and (min-width: 568px) {
    .list-element .list-element__toggle {
        display: inline-block;
        position: relative;
        flex: 0 0 18px;
        align-self: stretch;
        -ms-grid-row-align: stretch
    }
}

.list-element .list-element__toggle-checkbox {
    display: none
}

    .list-element .list-element__toggle-checkbox + .list-element__toggle-label {
        content: '';
        display: inline-block;
        box-sizing: border-box;
        width: 17px;
        height: 17px;
        border: 1px solid #bfc7ce;
        border-radius: 3px;
        vertical-align: baseline
    }

    .list-element .list-element__toggle-checkbox:checked + .list-element__toggle-label {
        border-color: #275ce0;
        background: #275ce0 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='%23fff'%3E%3Cpath d='M5 12l5.02 4.9L21.15 4c.65-.66 1.71-.66 2.36 0 .65.67.65 1.74 0 2.4l-12.3 14.1c-.33.33-.76.5-1.18.5-.43 0-.86-.17-1.18-.5l-6.21-6.1c-.65-.66-.65-1.74 0-2.41.65-.65 1.71-.65 2.36.01z'/%3E%3C/svg%3E") no-repeat center
    }

.list-element .list-element__toggle:hover .list-element__toggle-label {
    border-color: #275ce0
}

.list-element .list-element__image {
    display: flex;
    overflow: hidden;
    flex: 0 0 36px;
    align-items: center;
    align-self: flex-start;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 6px
}

    .list-element .list-element__image img {
        max-width: 100%;
        max-height: 100%;
        object-fit: cover
    }

    .list-element .list-element__image .svg-icon {
        display: inline-block;
        width: 100%;
        height: 100%
    }

        .list-element .list-element__image .svg-icon svg {
            width: 100%;
            height: 100%
        }

.list-element .list-element__content {
    flex: 1;
    align-self: center;
    max-width: 100%;
    -ms-grid-row-align: center
}

.list-element .list-element__content--align-top {
    align-self: flex-start
}

.list-element .list-element__info {
    flex: 1 1 auto;
    align-self: center;
    max-width: 700px;
    -ms-grid-row-align: center
}

@media screen and (min-width: 568px) {
    .list-element .list-element__actions {
        display: flex;
        flex: 1 1 auto;
        flex-wrap: wrap;
        align-self: flex-start;
        justify-content: flex-end;
        padding-left: 12px;
        text-align: right
    }
}

.list-element .list-element__header {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: space-between;
    width: 100%
}

    .list-element .list-element__header .list-element__main-info {
        font-size: 0;
        line-height: 0
    }

    .list-element .list-element__header .list-element__price {
        flex-shrink: 0;
        max-width: 35%
    }

.list-element .list-element__title {
    display: inline-block;
    margin-right: 16px;
    word-wrap: break-word;
    word-break: break-word;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

.list-element .list-element__description {
    display: inline-flex;
    margin-right: 16px
}

.list-element .list-element__price {
    text-align: right;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    word-wrap: break-word;
    word-break: break-word;
    color: #0a1c2e
}

.list-element .list-element__price--old {
    text-decoration: line-through;
    color: #607385
}

.list-element .list-element__detailed-price {
    color: #607385;
    font-size: 12px;
    line-height: 18px;
    font-weight: var(--base-font-weight, 400)
}

.list-element .list-element__status-element {
    display: inline-block;
    margin-right: 16px
}

.list-element .list-element__status-element--info, .list-element .list-element__status-element--success, .list-element .list-element__status-element--error, .list-element .list-element__status-element--warning {
    font-weight: 600
}

.list-element .list-element__status-element--success {
    color: #0cac42
}

.list-element .list-element__status-element--error {
    color: #f43c36
}

.list-element .list-element__status-element--warning {
    color: #de9d1c
}

.list-element .list-element__status-element--info {
    color: #275ce0
}

.list-element .list-element__buttons-set {
    display: inline-block;
    box-sizing: border-box;
    order: 1;
    max-width: 100%;
    margin-bottom: -8px;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width: 568px) {
    .list-element .list-element__buttons-set {
        order: 2;
        margin-left: 8px
    }
}

.list-element .list-element__buttons-set .btn-group {
    max-width: 100%
}

    .list-element .list-element__buttons-set .btn-group .btn {
        max-width: 100%
    }

        .list-element .list-element__buttons-set .btn-group .btn + .btn {
            margin-left: 0
        }

    .list-element .list-element__buttons-set .btn-group .btn-dropdown-container {
        display: inline-block;
        overflow: hidden;
        max-width: calc(100% - 12px);
        text-overflow: ellipsis;
        vertical-align: top
    }

    .list-element .list-element__buttons-set .btn-group .iconable-link__text {
        white-space: nowrap
    }

    .list-element .list-element__buttons-set .btn-group .list-dropdown {
        right: auto;
        left: 0
    }

@media screen and (min-width: 568px) {
    .list-element .list-element__buttons-set .btn-group .list-dropdown {
        right: 0;
        left: auto
    }
}

.list-element .list-element__buttons-set .list-element__button-wrapper > .btn {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis
}

.list-element .list-element__button-wrapper {
    display: inline-block;
    max-width: calc(100% + 12px);
    margin-bottom: 8px
}

    .list-element .list-element__button-wrapper + .list-element__button-wrapper {
        margin-left: 8px
    }

    .list-element .list-element__button-wrapper:last-child {
        max-width: none
    }

@media screen and (max-width: 567px) {
    .list-element .list-element__mobile-hidden {
        display: none
    }
}

@media screen and (min-width: 568px) {
    .list-element .list-element__tablet-hidden {
        display: none
    }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
    .list-element .list-element__tablet-only-hidden {
        display: none
    }
}

.list-element .list-element__move-forward-arrow {
    display: none
}

@media screen and (min-width: 568px) {
    .list-element .list-element__move-forward-arrow {
        display: flex;
        align-items: center;
        align-self: stretch;
        margin-right: -8px;
        padding-right: 12px;
        padding-left: 12px;
        cursor: pointer
    }

        .list-element .list-element__move-forward-arrow::after {
            content: '';
            display: block;
            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
        }

        .list-element .list-element__move-forward-arrow: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")
        }
}

.list-element .list-element__mobile-action {
    display: none
}

.list-element.list-element--detailed .list-element__toggle {
    margin-right: 8px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--detailed .list-element__toggle {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--detailed .list-element__toggle {
        margin-right: 20px
    }
}

.list-element.list-element--detailed .list-element__image {
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--detailed .list-element__image {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--detailed .list-element__image {
        margin-right: 20px
    }
}

@media screen and (min-width: 568px) {
    .list-element.list-element--detailed .list-element__image {
        flex-basis: 56px;
        width: 56px;
        height: 56px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--detailed .list-element__image {
        flex-basis: 76px;
        width: 76px;
        height: 76px
    }
}

@media screen and (min-width: 568px) {
    .list-element.list-element--detailed .list-element__content {
        display: flex;
        flex-wrap: nowrap;
        margin-right: 8px
    }
}

.list-element.list-element--detailed .list-element__header {
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--detailed .list-element__header .list-element__price {
        display: none
    }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
    .list-element.list-element--detailed .list-element__actions {
        flex: 1 1 35%
    }
}

.list-element.list-element--detailed .list-element__actions .list-element__price {
    display: none;
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--detailed .list-element__actions .list-element__price {
        display: block
    }
}

.list-element.list-element--detailed .list-element__info {
    margin-bottom: -4px
}

.list-element.list-element--detailed .list-element__data-row {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--detailed .list-element__data-row {
        font-size: 14px;
        line-height: 22px
    }
}

.list-element.list-element--detailed .list-element__status-row {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 4px;
    padding-bottom: 4px
}

.list-element.list-element--detailed .list-element__buttons-set {
    padding-top: 16px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--detailed .list-element__buttons-set {
        padding-top: 0
    }
}

.list-element.list-element--detailed .list-element__toggle {
    margin-top: 3px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--detailed .list-element__toggle {
        margin-top: 8px
    }
}

@media screen and (min-width: 768px) {
    .list-element.list-element--detailed .list-element__toggle {
        margin-top: 7px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--detailed .list-element__toggle {
        margin-top: 8px
    }
}

.list-element.list-element--detailed .list-element__title, .list-element.list-element--detailed .list-element__price {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--detailed .list-element__title, .list-element.list-element--detailed .list-element__price {
        margin-top: 5px
    }
}

@media screen and (min-width: 768px) {
    .list-element.list-element--detailed .list-element__title, .list-element.list-element--detailed .list-element__price {
        margin-top: 2px;
        font-size: 20px;
        line-height: 28px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--detailed .list-element__title, .list-element.list-element--detailed .list-element__price {
        margin-top: 2px;
        font-size: 24px;
        line-height: 30px
    }
}

.list-element.list-element--detailed .list-element__description {
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--detailed .list-element__description {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--detailed .list-element__status-row {
        font-size: 16px;
        line-height: 24px
    }
}

.list-element.list-element--detailed .list-element__data-row--hidden-detailed {
    display: none
}

.list-element.list-element--normal .list-element__toggle {
    margin-right: 8px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--normal .list-element__toggle {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--normal .list-element__toggle {
        margin-right: 20px
    }
}

.list-element.list-element--normal .list-element__image {
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--normal .list-element__image {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--normal .list-element__image {
        margin-right: 20px
    }
}

@media screen and (min-width: 568px) {
    .list-element.list-element--normal .list-element__image {
        flex-basis: 56px;
        width: 56px;
        height: 56px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--normal .list-element__image {
        flex-basis: 76px;
        width: 76px;
        height: 76px
    }
}

@media screen and (min-width: 568px) {
    .list-element.list-element--normal .list-element__content {
        display: flex;
        flex-wrap: nowrap;
        margin-right: 8px
    }
}

.list-element.list-element--normal .list-element__header {
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--normal .list-element__header .list-element__price {
        display: none
    }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
    .list-element.list-element--normal .list-element__actions {
        flex: 1 1 35%
    }
}

.list-element.list-element--normal .list-element__actions .list-element__price {
    display: none;
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--normal .list-element__actions .list-element__price {
        display: block
    }
}

.list-element.list-element--normal .list-element__info {
    margin-bottom: -4px
}

.list-element.list-element--normal .list-element__data-row {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--normal .list-element__data-row {
        font-size: 14px;
        line-height: 22px
    }
}

.list-element.list-element--normal .list-element__status-row {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 4px;
    padding-bottom: 4px
}

.list-element.list-element--normal .list-element__buttons-set {
    padding-top: 16px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--normal .list-element__buttons-set {
        padding-top: 0
    }
}

.list-element.list-element--normal .list-element__toggle {
    margin-top: 8px
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--normal .list-element__toggle {
        margin-top: 7px
    }
}

.list-element.list-element--normal .list-element__title, .list-element.list-element--normal .list-element__price {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--normal .list-element__title, .list-element.list-element--normal .list-element__price {
        margin-top: 5px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--normal .list-element__title, .list-element.list-element--normal .list-element__price {
        margin-top: 2px;
        font-size: 20px;
        line-height: 28px
    }
}

.list-element.list-element--normal .list-element__description {
    font-size: 14px;
    line-height: 22px
}

.list-element.list-element--normal .list-element__data-row--hidden-normal {
    display: none
}

.list-element.list-element--compact {
    min-height: 66px;
    padding-top: 8px;
    padding-bottom: 8px
}

    .list-element.list-element--compact .list-element__toggle {
        margin-right: 8px
    }

@media screen and (min-width: 568px) {
    .list-element.list-element--compact .list-element__toggle {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--compact .list-element__toggle {
        margin-right: 20px
    }
}

.list-element.list-element--compact .list-element__image {
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--compact .list-element__image {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--compact .list-element__image {
        margin-right: 20px
    }
}

.list-element.list-element--compact .list-element__image.list-element__image--small-icon {
    flex-basis: 18px;
    width: 18px;
    height: 22px;
    margin-top: 5px;
    margin-right: 16px;
    margin-bottom: 5px;
    border-radius: 0
}

@media screen and (min-width: 768px) {
    .list-element.list-element--compact .list-element__image.list-element__image--small-icon {
        height: 32px
    }
}

.list-element.list-element--compact .list-element__image.list-element__image--small-icon svg {
    display: block
}

.list-element.list-element--compact .list-element__toggle {
    padding-top: 0
}

.list-element.list-element--compact .list-element__content {
    display: flex;
    flex-wrap: nowrap
}

.list-element.list-element--compact .list-element__info {
    margin-bottom: -4px
}

.list-element.list-element--compact .list-element__header {
    margin-bottom: 4px
}

    .list-element.list-element--compact .list-element__header .list-element__price {
        display: none
    }

.list-element.list-element--compact .list-element__actions {
    flex-shrink: 0;
    align-items: baseline;
    align-self: center;
    max-width: 50%;
    -ms-grid-row-align: center
}

@media screen and (min-width: 568px) {
    .list-element.list-element--compact .list-element__actions {
        max-width: none
    }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
    .list-element.list-element--compact .list-element__actions {
        flex: 1 1 35%
    }
}

.list-element.list-element--compact .list-element__actions .list-element__price {
    align-self: initial
}

.list-element.list-element--compact .list-element__actions .list-element__price-value {
    display: inline-block;
    margin-bottom: 4px
}

@media screen and (min-width: 568px) and (max-width: 767px) {
    .list-element.list-element--compact .list-element__buttons-set {
        white-space: nowrap
    }
}

.list-element.list-element--compact .list-element__title {
    font-size: 14px;
    line-height: 22px
}

.list-element.list-element--compact .list-element__price {
    font-size: 14px;
    line-height: 22px;
    align-self: center;
    -ms-grid-row-align: center
}

.list-element.list-element--compact .list-element__description {
    font-size: 14px;
    line-height: 22px
}

.list-element.list-element--compact .list-element__status-row {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px
}

.list-element.list-element--compact .list-element__data-row {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px
}

.list-element.list-element--compact .list-element__data-row--hidden-compact {
    display: none
}

.list-element.list-element--compact.list-element--desktop .list-element__info--has-middle {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: 360px 1fr
}

.list-element.list-element--compact.list-element--no-min-height {
    min-height: 0
}

.list-element.list-element--compact.list-element--hiding-actions .list-element__actions {
    display: flex;
    padding-left: 0
}

@media screen and (min-width: 768px) {
    .list-element.list-element--compact.list-element--hiding-actions .list-element__buttons-set {
        visibility: hidden
    }
}

@media screen and (min-width: 768px) {
    .list-element.list-element--compact.list-element--hiding-actions:hover .list-element__buttons-set {
        visibility: visible
    }
}

@media screen and (min-width: 768px) {
    .list-element.list-element--compact.list-element--hiding-actions:hover .list-element__price {
        display: none
    }
}

.list-element.list-element--selectable .list-element__toggle {
    display: inline-block
}

.list-element--deleting {
    opacity: 0
}

.list-element--has-main-action .list-element__title, .list-element--has-main-action .list-element__image {
    cursor: pointer
}

@media screen and (max-width: 567px) {
    .list-element--has-main-action {
        position: relative
    }

        .list-element--has-main-action .list-element__buttons-set {
            display: none
        }

        .list-element--has-main-action .list-element__mobile-action {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            cursor: pointer
        }
}

.list-element.list-element--inline-mode {
    border-width: 1px 0
}

    .list-element.list-element--inline-mode .list-element__actions {
        align-self: start
    }

    .list-element.list-element--inline-mode .list-element__info {
        width: 100%
    }

.list-element.list-element--simple {
    padding: 0;
    border: none
}

    .list-element.list-element--simple .list-element__title {
        margin-right: 8px
    }

    .list-element.list-element--simple .list-element__description {
        margin-right: 0
    }

    .list-element.list-element--simple.list-element--normal .list-element__image {
        flex-basis: 56px;
        width: 56px;
        height: 56px;
        margin-left: 0
    }

.list-element.list-element--extended, .list-element.list-element--note {
    min-height: auto;
    padding: 13px 26px 13px 16px;
    border: none
}

    .list-element.list-element--extended .list-element__image, .list-element.list-element--note .list-element__image {
        margin-top: 4px;
        margin-right: 8px;
        margin-bottom: 4px
    }

@media screen and (min-width: 568px) {
    .list-element.list-element--extended .list-element__image, .list-element.list-element--note .list-element__image {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--extended .list-element__image, .list-element.list-element--note .list-element__image {
        margin-right: 20px
    }
}

.list-element.list-element--extended .list-element__content, .list-element.list-element--note .list-element__content {
    display: flex;
    flex-wrap: nowrap
}

.list-element.list-element--extended .list-element__info, .list-element.list-element--note .list-element__info {
    margin-bottom: -4px
}

.list-element.list-element--extended .list-element__header, .list-element.list-element--note .list-element__header {
    margin-bottom: 4px
}

    .list-element.list-element--extended .list-element__header .list-element__price, .list-element.list-element--note .list-element__header .list-element__price {
        display: none
    }

.list-element.list-element--extended .list-element__data-row, .list-element.list-element--note .list-element__data-row {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px
}

.list-element.list-element--extended .list-element__actions, .list-element.list-element--note .list-element__actions {
    flex-shrink: 0;
    align-self: center;
    max-width: 50%;
    -ms-grid-row-align: center
}

@media screen and (min-width: 568px) {
    .list-element.list-element--extended .list-element__actions, .list-element.list-element--note .list-element__actions {
        max-width: none
    }
}

.list-element.list-element--extended .list-element__title, .list-element.list-element--note .list-element__title {
    font-family: lato,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.list-element.list-element--extended .list-element__description, .list-element.list-element--note .list-element__description {
    font-size: 14px;
    line-height: 22px
}

.list-element.list-element--extended.list-element--disabled {
    cursor: default;
    pointer-events: none
}

    .list-element.list-element--extended.list-element--disabled .list-element__info {
        opacity: .35
    }

.list-element.list-element--extended:not(.list-element--disabled):hover {
    cursor: pointer
}

.list-element.list-element--note:hover {
    cursor: default
}

.list-element.list-element--note .list-element__title {
    font-weight: 600
}

.list-element.list-element--dropdown {
    min-height: 66px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: none;
    background-color: transparent
}

    .list-element.list-element--dropdown .list-element__toggle {
        margin-right: 8px
    }

@media screen and (min-width: 568px) {
    .list-element.list-element--dropdown .list-element__toggle {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--dropdown .list-element__toggle {
        margin-right: 20px
    }
}

.list-element.list-element--dropdown .list-element__image {
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .list-element.list-element--dropdown .list-element__image {
        margin-right: 12px
    }
}

@media screen and (min-width: 1280px) {
    .list-element.list-element--dropdown .list-element__image {
        margin-right: 20px
    }
}

.list-element.list-element--dropdown .list-element__toggle {
    padding-top: 12px
}

.list-element.list-element--dropdown .list-element__content {
    display: flex;
    flex-wrap: nowrap
}

.list-element.list-element--dropdown .list-element__info {
    margin-bottom: -4px
}

.list-element.list-element--dropdown .list-element__header {
    margin-bottom: 4px
}

    .list-element.list-element--dropdown .list-element__header .list-element__price {
        display: none
    }

.list-element.list-element--dropdown .list-element__actions {
    flex-shrink: 0;
    align-self: center;
    max-width: 50%;
    -ms-grid-row-align: center
}

@media screen and (min-width: 568px) {
    .list-element.list-element--dropdown .list-element__actions {
        max-width: none
    }
}

.list-element.list-element--dropdown .list-element__title {
    font-size: 14px;
    line-height: 22px
}

.list-element.list-element--dropdown .list-element__price {
    font-size: 14px;
    line-height: 22px;
    align-self: center;
    -ms-grid-row-align: center
}

.list-element.list-element--dropdown .list-element__description {
    font-size: 14px;
    line-height: 22px
}

.list-element.list-element--dropdown .list-element__status-row {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 4px
}

.list-element.list-element--dropdown .list-element__data-row {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px
}

.list-element.list-element--no-horizontal-padding {
    padding-right: 0;
    padding-left: 0
}

.list-element.list-element--highlighted {
    background-color: rgba(211,222,232,0.5)
}

    .list-element.list-element--highlighted .list-element__title {
        font-weight: var(--text-big-font-weight, 600)
    }

.list-element--radio {
    border: none;
    border-top: 1px solid #bfc7ce
}

    .list-element--radio:first-child {
        border-top-width: 0;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .list-element--radio:last-child {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }

    .list-element--radio.list-element--disabled .muted {
        color: #607385
    }

    .list-element--radio.list-element--selected {
        border-color: #275ce0;
        box-shadow: 0 0 0 1px #275ce0 inset,2px 0 0 0 #275ce0 inset,-2px 0 0 0 #275ce0 inset,0 -2px 0 0 #275ce0 inset
    }

        .list-element--radio.list-element--selected + .list-element--selected {
            box-shadow: 0 0 0 0 #275ce0 inset,2px 0 0 0 #275ce0 inset,-2px 0 0 0 #275ce0 inset,0 -2px 0 0 #275ce0 inset
        }

        .list-element--radio.list-element--selected:first-child {
            box-shadow: 0 0 0 2px #275ce0 inset
        }

@media screen and (max-width: 567px) {
    .list-element--radio.list-element--compact {
        padding-right: 16px;
        padding-left: 14px
    }
}

.list-element--radio.list-element--compact .list-element__info {
    align-self: flex-start
}

.list-element--radio.list-element--compact .list-element__actions {
    align-self: flex-start;
    max-width: 43%;
    text-align: right
}

.list-element--radio .list-element__radio {
    top: -11px;
    cursor: pointer
}

.list-element .ecwid-EcwidHintingLink {
    font-size: inherit
}

@media screen and (max-width: 567px) {
    .a-card .long-list .list-element {
        padding-right: 0;
        padding-left: 0
    }
}

.list-element__checkbox {
    top: -3px;
    padding-left: 0
}

.list-element__mobile-button {
    display: inline-block;
    top: -4px
}

@media screen and (min-width: 568px) {
    .list-element__mobile-button {
        top: 0
    }
}

@media screen and (min-width: 1024px) {
    .list-element__mobile-button {
        display: none
    }
}

.list-element__desktop-button {
    display: none
}

@media screen and (min-width: 1024px) {
    .list-element__desktop-button {
        display: inline-block
    }
}

.list-element--has-actions-nowrap .list-element__actions {
    flex-wrap: nowrap
}

@media screen and (max-width: 1023px) {
    .list-element--hiding-forward-arrow-on-mobile .list-element__move-forward-arrow {
        display: none
    }
}

.list-element--has-dropdown-actions .list-element__dropdown-actions {
    display: inline-block;
    padding-left: 8px
}

    .list-element--has-dropdown-actions .list-element__dropdown-actions .list-dropdown {
        right: 0;
        left: auto
    }

.list-element--has-dropdown-actions .list-element__mobile-action {
    right: 40px
}

.list-element--has-dropdown-actions.list-element--compact .list-element__dropdown-actions {
    display: flex;
    align-self: center
}

.list-item {
    display: flex;
    align-items: flex-start;
    padding: 1px 2px;
    border: 1px solid #bfc7ce;
    border-width: 1px 0;
    background-color: #fff;
    transition: border-color 100ms ease-out
}

@media screen and (min-width: 768px) {
    .list-item {
        padding: 1px;
        border-width: 1px
    }
}

.list-item + .list-item {
    margin-top: -1px
}

.list-item--selected {
    padding-top: 0;
    padding-bottom: 0
}

    .list-item--selected + .list-item--selected {
        margin-top: -2px;
        padding-top: 1px
    }

@media screen and (min-width: 568px) {
    .list-item--selected {
        border-width: 2px 0;
        border-color: #275ce0;
        transition: border-color 100ms ease-out
    }
}

@media screen and (min-width: 768px) {
    .list-item--selected {
        padding: 0;
        border-width: 2px
    }
}

.list-item--selected + .list-item:not(.list-item--selected) {
    margin-top: 0;
    border-top-width: 0
}

.list-item--disabled {
    color: #607385
}

@media screen and (min-width: 768px) {
    .list-item:hover {
        background-color: #e7f0f8
    }
}

.list-item__toggle {
    display: none;
    box-sizing: content-box;
    padding-top: 16px;
    padding-bottom: 22px;
    cursor: default
}

@media screen and (min-width: 568px) {
    .list-item__toggle {
        display: inline-block;
        position: relative;
        flex: 0 0 30px;
        align-self: stretch;
        padding-right: 0;
        padding-left: 24px;
        -ms-grid-row-align: stretch
    }
}

@media screen and (min-width: 768px) {
    .list-item__toggle {
        padding-top: 21px;
        padding-left: 15px
    }
}

.list-item__toggle--animated .list-item__toggle-label {
    animation: showWithScaleUp .2s ease-in-out
}

.list-item__toggle-checkbox {
    display: none
}

    .list-item__toggle-checkbox + .list-item__toggle-label {
        display: inline-block;
        box-sizing: border-box;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px 20px;
        vertical-align: baseline;
        cursor: pointer;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23808f9d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

        .list-item__toggle-checkbox + .list-item__toggle-label:hover {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%235a646e' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
        }

    .list-item__toggle-checkbox:checked + .list-item__toggle-label {
        background-image: 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='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
    }

        .list-item__toggle-checkbox:checked + .list-item__toggle-label:hover {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231b409d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
        }

.list-item__content {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 15px 8px
}

@media screen and (min-width: 568px) {
    .list-item__content {
        max-width: calc(100% - 74px);
        padding-right: 12px;
        padding-left: 12px
    }
}

@media screen and (min-width: 768px) {
    .list-item__content {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.list-item__content--error .order__number {
    color: #f43c36
}

    .list-item__content--error .order__number:hover, .list-item__content--error .order__number:visited:hover {
        color: #ab2a26
    }

    .list-item__content--error .order__number:active, .list-item__content--error .order__number:visited:active {
        color: #f77772
    }

.list-item__info {
    flex: 1;
    max-width: 65%
}

@media screen and (min-width: 568px) {
    .list-item__info {
        max-width: 60%
    }
}

@media screen and (min-width: 600px) {
    .list-item__info {
        max-width: 65%
    }
}

@media screen and (min-width: 1400px) {
    .list-item__info {
        max-width: 60%
    }
}

.list-item__actions {
    flex: 1;
    max-width: 35%;
    margin-left: auto;
    padding-left: 12px;
    text-align: right
}

@media screen and (min-width: 568px) {
    .list-item__actions {
        max-width: 40%
    }
}

@media screen and (min-width: 600px) {
    .list-item__actions {
        max-width: 35%
    }
}

@media screen and (min-width: 1400px) {
    .list-item__actions {
        max-width: 40%
    }
}

.list-item__ribbons {
    display: inline-block;
    margin-bottom: 8px;
    margin-left: auto;
    padding-left: 16px;
    text-align: right
}

@media screen and (min-width: 768px) {
    .list-item__ribbons {
        vertical-align: middle
    }
}

.list-item__buttons-set {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    padding-left: 4px;
    line-height: 32px;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .list-item__buttons-set .btn-group {
        display: inline-block;
        max-width: 100%
    }

        .list-item__buttons-set .btn-group .btn {
            max-width: 100%
        }

            .list-item__buttons-set .btn-group .btn + .btn {
                margin-left: 0
            }

        .list-item__buttons-set .btn-group .btn-dropdown-container {
            display: inline-block;
            overflow: hidden;
            max-width: calc(100% - 12px);
            text-overflow: ellipsis;
            vertical-align: top
        }

    .list-item__buttons-set .list-item__button-wrapper > .btn {
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis
    }

    .list-item__buttons-set .list-item__button-wrapper {
        max-width: calc(100% + 12px)
    }

.list-item__button-wrapper {
    display: inline-block;
    max-width: calc(100% - 4px);
    margin: -8px -8px 0 -4px;
    padding: 8px;
    cursor: pointer
}

    .list-item__button-wrapper:last-child {
        max-width: none
    }

    .list-item__button-wrapper:hover .btn, .list-item__button-wrapper:hover .btn-group .btn.btn-dropdown {
        border-color: #1f4ab3;
        background-color: #e7f0f8;
        color: #0a1c2e
    }

@media screen and (max-width: 567px) {
    .list-item__mobile-hidden {
        display: none !important
    }
}

@media screen and (min-width: 568px) {
    .list-item__tablet-hidden {
        display: none !important
    }
}

@media screen and (min-width: 768px) {
    .list-item__desktop-hidden {
        display: none !important
    }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
    .list-item__tablet-only-hidden {
        display: none !important
    }
}

@keyframes showhide {
    0% {
        background: none
    }

    100% {
        background: none
    }
}

@keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        display: block;
        opacity: 1
    }

    99% {
        display: block;
        opacity: 0
    }

    100% {
        display: none;
        opacity: 0
    }
}

.list-item-details {
    max-width: 100%;
    margin: -8px;
    padding: 8px
}

    .list-item-details .list-item-show-more {
        color: #275ce0;
        cursor: pointer
    }

        .list-item-details .list-item-show-more:hover {
            color: #1b409d
        }

    .list-item-details .list-item__button-wrapper {
        margin-left: -8px
    }

    .list-item-details.list-item-details--collapsed {
        animation: showhide 200ms ease-in
    }

.list-item-details--expanded .list-item__buttons-set {
    padding-left: 0;
    text-align: left
}

    .list-item-details--expanded .list-item__buttons-set .btn {
        margin-right: 8px
    }

        .list-item-details--expanded .list-item__buttons-set .btn + .btn, .list-item-details--expanded .list-item__buttons-set .btn + .btn-group {
            margin-left: 0
        }

.list-item-details--expanded .list-item-details__toggle:hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%231b409d' d='M18.1,18.5l-5-4.9l-5.3,4.9c-0.6,0.7-1.7,0.7-2.4,0c-0.6-0.7-0.6-1.7,0-2.4l6.5-6.1c0.3-0.3,0.8-0.5,1.2-0.5 c0.4,0,0.9,0.2,1.2,0.5l6.2,6.1c0.6,0.7,0.6,1.7,0,2.4C19.8,19.2,18.8,19.2,18.1,18.5z'/%3E%3C/svg%3E")
}

.list-item-details:not(.list-item-details--expanded) .list-item-details__collapsible {
    display: none
}

.list-item-details:not(.list-item-details--expanded) .order-products-list {
    overflow: hidden;
    height: 36px;
    margin-bottom: 8px
}

.list-item-details:not(.list-item-details--expanded) .list-item-show-more {
    display: none
}

.list-item-details.list-item-details--animated.list-item-details--expanded .list-item-details__collapsible {
    animation: fadeOut 200ms ease-in forwards
}

.list-item-details.list-item-details--expanded .list-item-details__collapsible {
    animation: fadeIn 200ms ease-in forwards
}

.list-item-details.list-item-details--expanded .list-item-details__toggle::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23275ce0' d='M18.1,18.5l-5-4.9l-5.3,4.9c-0.6,0.7-1.7,0.7-2.4,0c-0.6-0.7-0.6-1.7,0-2.4l6.5-6.1c0.3-0.3,0.8-0.5,1.2-0.5 c0.4,0,0.9,0.2,1.2,0.5l6.2,6.1c0.6,0.7,0.6,1.7,0,2.4C19.8,19.2,18.8,19.2,18.1,18.5z'/%3E%3C/svg%3E")
}

.list-item-details__toggle {
    display: block;
    padding-bottom: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 1280px) {
    .list-item-details__toggle {
        font-size: 14px;
        line-height: 22px
    }
}

.list-item-details__toggle::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23275ce0' d='M7.85 10l5.02 4.9 5.27-4.9c.65-.66 1.71-.66 2.36 0 .65.67.65 1.74 0 2.4l-6.45 6.1c-.33.33-.76.5-1.18.5-.43 0-.86-.17-1.18-.5l-6.21-6.1c-.65-.66-.65-1.74 0-2.41.66-.65 1.72-.65 2.37.01z'/%3E%3C/svg%3E") center center no-repeat;
    vertical-align: -2px
}

.list-item-details__toggle:hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%231b409d' d='M7.85 10l5.02 4.9 5.27-4.9c.65-.66 1.71-.66 2.36 0 .65.67.65 1.74 0 2.4l-6.45 6.1c-.33.33-.76.5-1.18.5-.43 0-.86-.17-1.18-.5l-6.21-6.1c-.65-.66-.65-1.74 0-2.41.66-.65 1.72-.65 2.37.01z'/%3E%3C/svg%3E")
}

.list-item-details:hover:not(.list-item-details--expanded) .list-item-details__toggle {
    color: #1b409d
}

    .list-item-details:hover:not(.list-item-details--expanded) .list-item-details__toggle::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%231b409d' d='M7.85 10l5.02 4.9 5.27-4.9c.65-.66 1.71-.66 2.36 0 .65.67.65 1.74 0 2.4l-6.45 6.1c-.33.33-.76.5-1.18.5-.43 0-.86-.17-1.18-.5l-6.21-6.1c-.65-.66-.65-1.74 0-2.41.66-.65 1.72-.65 2.37.01z'/%3E%3C/svg%3E")
    }

.list-item-details--single {
    margin-top: 0
}

    .list-item-details--single .list-item-details__toggle {
        display: none
    }

.list-item-details__link {
    display: none
}

@media screen and (min-width: 568px) {
    .list-item-details__link {
        display: flex;
        align-items: center;
        align-self: stretch;
        padding: 15px 12px;
        cursor: pointer;
        -ms-grid-column-align: center;
        justify-items: center
    }

        .list-item-details__link::after {
            content: '';
            display: block;
            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
        }

        .list-item-details__link: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")
        }
}

.long-list * {
    box-sizing: border-box
}

@media screen and (max-width: 567px) {
    .long-list {
        margin-right: -8px;
        margin-left: -8px
    }
}

@media screen and (min-width: 568px) {
    .long-list {
        border-radius: 8px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.15)
    }
}

@media screen and (min-width: 768px) {
    .long-list--singleline .list-item__toggle {
        padding: 15px
    }
}

@media screen and (min-width: 768px) {
    .long-list--singleline .list-item__content {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media screen and (min-width: 568px) {
    .long-list--nodetails .list-item__content {
        max-width: calc(100% - 65px)
    }
}

.long-list--nodetails .list-item-details__link {
    display: none
}

@media screen and (max-width: 567px) {
    .a-card .long-list {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (max-width: 767px) {
    .long-list-select-bar {
        padding-left: 1px
    }
}

.long-list-select-bar .filter-status {
    display: inline-block;
    position: relative;
    top: -2px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23808f9d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

@media screen and (max-width: 1279px) {
    .long-list-select-bar .filter-status {
        margin-right: 6px
    }
}

.long-list-select-bar .filter-status:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%235a646e' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.long-list-select-bar .filter-status--notall::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    vertical-align: baseline;
    background-image: 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='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3Cpath d='M6 9H14V11H6V9Z'/%3E%3C/svg%3E")
}

.long-list-select-bar .filter-status--notall:hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231b409d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16 4H4V16H16V4ZM4 2C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4Z' clip-rule='evenodd'/%3E%3Cpath d='M6 9H14V11H6V9Z'/%3E%3C/svg%3E")
}

.long-list-select-bar .filter-status--all::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    vertical-align: baseline;
    background-image: 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='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.long-list-select-bar .filter-status--all:hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%231b409d' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM9.00008 13.9143L15.7072 7.20718L14.293 5.79297L9.00008 11.0859L6.20718 8.29297L4.79297 9.70718L9.00008 13.9143Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.long-list-select-bar .btn {
    margin-right: 16px
}

.long-list-select-bar .btn-group--filter {
    margin-bottom: 8px;
    white-space: nowrap
}

    .long-list-select-bar .btn-group--filter .btn-dropdown [class*='icon-'] {
        margin: -2px 8px 0
    }

.long-list-select-bar .btn-group--select-all .btn-dropdown {
    padding-left: 20px
}

@media screen and (max-width: 1279px) {
    .long-list-select-bar .btn-group--select-all .btn-dropdown {
        padding-left: 16px
    }
}

.limited-list {
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    height: 36px
}

.limited-list__item {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px
}

    .limited-list__item svg, .limited-list__item img {
        max-width: 100%;
        max-height: 100%;
        border-radius: 6px
    }

.limited-list__item--faded .limited-list__item-overlay {
    display: flex
}

.limited-list__item-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.45);
    color: #fff;
    border-radius: 6px
}

.filtered-list__body {
    display: flex
}

.filtered-list__items {
    z-index: 1;
    flex: 9999 0 100%;
    margin-bottom: 24px
}

@media screen and (min-width: 768px) {
    .filtered-list__items {
        flex: 1;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .vertical-filters.opened + .filtered-list__items {
        position: absolute;
        overflow: hidden;
        height: 0;
        transform: translateX(102%);
        transition: transform .2s ease
    }
}

.radio-list {
    border-radius: 8px;
    box-shadow: 0 0 0 1px #bfc7ce
}

    .radio-list.radio-list__scroll.ps .ps__rail-y {
        margin-top: 4px;
        margin-bottom: 4px
    }

    .radio-list.radio-list__scroll.ps .ps--active-y > .ps__rail-y {
        display: block
    }

    .radio-list.radio-list__scroll.ps .ps--active-x > .ps__rail-x, .radio-list.radio-list__scroll.ps .ps--active-y > .ps__rail-y {
        display: block;
        background-color: transparent
    }

    .radio-list.radio-list__scroll.ps .ps__thumb-y {
        right: 4px;
        width: 8px;
        height: 45px;
        border-radius: 8px;
        background: #bfc7ce
    }

    .radio-list.radio-list__scroll.ps .ps__rail-y:hover > .ps__thumb-y, .radio-list.radio-list__scroll.ps .ps__rail-y:focus > .ps__thumb-y, .radio-list.radio-list__scroll.ps .ps__rail-y.ps--clicking .ps__thumb-y {
        background-color: #bfc7ce
    }

    .radio-list.radio-list__scroll.ps .ps .ps__rail-x:hover, .radio-list.radio-list__scroll.ps .ps .ps__rail-y:hover, .radio-list.radio-list__scroll.ps .ps .ps__rail-x:focus, .radio-list.radio-list__scroll.ps .ps .ps__rail-y:focus, .radio-list.radio-list__scroll.ps .ps .ps__rail-x.ps--clicking, .radio-list.radio-list__scroll.ps .ps .ps__rail-y.ps--clicking {
        background-color: transparent
    }

.radio-list__loader {
    width: 1em;
    height: 1em;
    margin-right: auto;
    margin-left: auto;
    padding: 16px
}

    .radio-list__loader .canonical-status {
        display: block
    }

.toolbar {
    margin-bottom: 8px
}

    .toolbar .btn {
        margin-right: 8px;
        margin-bottom: 8px
    }

    .toolbar.toolbar-with-tip {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

        .toolbar.toolbar-with-tip .dnd-tip {
            align-self: center;
            margin-bottom: 8px
        }

.range {
    position: relative
}

    .range [type='range'] {
        --range: calc(var(--max) - var(--min));
        --ratio: calc((var(--val) - var(--min)) / var(--range));
        --sx: calc(.5 * 24px + var(--ratio) * (100% - 24px));
        width: 100%;
        height: 24px;
        margin: 0;
        margin-bottom: 8px;
        padding: 0;
        background: transparent;
        font: 1em/1 arial, sans-serif
    }

        .range [type='range'], .range [type='range']::-webkit-slider-thumb {
            -webkit-appearance: none
        }

            .range [type='range']::-webkit-slider-runnable-track {
                box-sizing: border-box;
                width: 100%;
                height: 4px;
                border: 0 solid;
                border-radius: 2px;
                background: #bfc7ce;
                cursor: pointer
            }

            .range [type='range']::-webkit-slider-runnable-track {
                background: linear-gradient(#275ce0, #275ce0) 0/var(--sx) 100% no-repeat #bfc7ce
            }

            .range [type='range']::-moz-range-track {
                box-sizing: border-box;
                width: 100%;
                height: 4px;
                border: 0 solid;
                border-radius: 2px;
                background: #bfc7ce;
                cursor: pointer
            }

            .range [type='range']::-ms-track {
                box-sizing: border-box;
                width: 100%;
                height: 4px;
                border: 0 solid;
                border-radius: 2px;
                background: #bfc7ce;
                cursor: pointer
            }

            .range [type='range']::-moz-range-progress {
                height: 4px;
                border-radius: 2px;
                background: #275ce0
            }

            .range [type='range']::-ms-fill-lower {
                height: 4px;
                border-radius: 2px;
                background: #275ce0
            }

            .range [type='range']::-webkit-slider-thumb {
                margin-top: -10px;
                box-sizing: border-box;
                width: 24px;
                height: 24px;
                border: 1px solid #275ce0;
                border-radius: 50%;
                background: #275ce0;
                box-shadow: 0 0 0 5px #fff inset,0 0 0 2px transparent;
                transition: border-color 60ms ease-out 0s, background 60ms ease-out 0s, box-shadow 60ms ease-out 0s;
                cursor: pointer
            }

                .range [type='range']::-webkit-slider-thumb:hover {
                    border-color: #1f4ab3;
                    background: #1f4ab3;
                    box-shadow: 0 0 0 4px #fff inset,0 0 0 2px transparent
                }

                .range [type='range']::-webkit-slider-thumb:active {
                    border-color: #527de6;
                    background: #527de6;
                    box-shadow: 0 0 0 6px #fff inset,0 0 0 2px transparent
                }

            .range [type='range']::-moz-range-thumb {
                box-sizing: border-box;
                width: 24px;
                height: 24px;
                border: 1px solid #275ce0;
                border-radius: 50%;
                background: #275ce0;
                box-shadow: 0 0 0 5px #fff inset,0 0 0 2px transparent;
                transition: border-color 60ms ease-out 0s, background 60ms ease-out 0s, box-shadow 60ms ease-out 0s;
                cursor: pointer
            }

                .range [type='range']::-moz-range-thumb:hover {
                    border-color: #1f4ab3;
                    background: #1f4ab3;
                    box-shadow: 0 0 0 4px #fff inset,0 0 0 2px transparent
                }

                .range [type='range']::-moz-range-thumb:active {
                    border-color: #527de6;
                    background: #527de6;
                    box-shadow: 0 0 0 6px #fff inset,0 0 0 2px transparent
                }

            .range [type='range']::-ms-thumb {
                margin-top: 0;
                box-sizing: border-box;
                width: 24px;
                height: 24px;
                border: 1px solid #275ce0;
                border-radius: 50%;
                background: #275ce0;
                box-shadow: 0 0 0 5px #fff inset,0 0 0 2px transparent;
                transition: border-color 60ms ease-out 0s, background 60ms ease-out 0s, box-shadow 60ms ease-out 0s;
                cursor: pointer
            }

                .range [type='range']::-ms-thumb:hover {
                    border-color: #1f4ab3;
                    background: #1f4ab3;
                    box-shadow: 0 0 0 4px #fff inset,0 0 0 2px transparent
                }

                .range [type='range']::-ms-thumb:active {
                    border-color: #527de6;
                    background: #527de6;
                    box-shadow: 0 0 0 6px #fff inset,0 0 0 2px transparent
                }

            .range [type='range']::-ms-tooltip {
                display: none
            }

            .range [type='range']::-moz-focus-outer {
                border: 0
            }

            .range [type='range']:focus {
                outline: 0
            }

    .range .range__title {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: left
    }

    .range .range__limits {
        display: inline-block;
        width: 100%;
        color: #607385;
        font-size: 12px;
        cursor: pointer
    }

    .range .range__limit--start {
        float: left;
        opacity: 0;
        text-align: left;
        transition: opacity .1s ease-out 0s
    }

    .range .range__limit--end {
        float: right;
        opacity: 0;
        text-align: right;
        transition: opacity .1s ease-out 0s
    }

    .range .range__tooltip {
        display: block;
        position: absolute;
        width: 100px;
        margin-left: -38px;
        font-size: 12px;
        text-align: center
    }

.range--limit-start .range__limit--start {
    opacity: 1
}

.range--limit-end .range__limit--end {
    opacity: 1
}

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

.spacer-anchor {
    height: 16px;
    margin-top: -16px
}

.click-and-drop-empty-list__container {
    margin: 40px auto 0;
    text-align: center;
    max-width: 700px
}

    .click-and-drop-empty-list__container img {
        width: 300px
    }

.click-and-drop-header__container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.click-and-drop-header__column {
    width: 50%
}

    .click-and-drop-header__column div {
        margin-bottom: 8px
    }

.click-and-drop-enabled__status .iconable-link__text {
    color: #0cac42
}

.click-and-drop-enabled__status .iconable-link__icon {
    color: #0cac42
}

.click-and-drop-disabled__status .iconable-link__text {
    color: #f43c36
}

.click-and-drop-disabled__status .iconable-link__icon {
    color: #f43c36
}

.check-list-item-row__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #C0C7CF;
    padding-bottom: 10px;
    margin-top: 10px
}

.click-and-drop__delete-link {
    margin: -6px 0 16px auto
}

.click-and-drop__header-subtitle {
    max-width: 800px;
    margin: -16px 0px 16px;
    font-weight: 400;
    text-align: left;
    font-size: 14px;
    line-height: 22px
}