.main-menu {
    display: inherit;
    color: #dcdada;
    z-index: 11;
    margin: auto;
}

.MenuIconMobile {
    display: none;
}

.Fs30-mobile-menu {
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 35px;
    position: relative;
    left: 35vw;
    top: -49px;
    letter-spacing: -0.04em;
    color: white;
}

.diemend-menu-mobile {
    position: absolute;
    right: 0px;
    top: 70px;
    width: 40%;
}

.diemend-menu-mobile {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.diemend-menu-mobile {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}


.flower-menu-mobile {
    position: absolute;
    left: 40px;
    bottom: 100px;
    width: 40%;
}

.mean-menu-mobile {
    position: absolute;
    right: 0px;
    width: 40%;
    bottom: 0px;
}

.PushTopTop {
    border-radius: 5px;
    -webkit-animation: fadein .7s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein .7s;
    /* Firefox < 16 */
    -ms-animation: fadein .7s;
    /* Internet Explorer */
    -o-animation: fadein .7s;
    /* Opera < 12.1 */
    animation: fadein .7s;
    background: radial-gradient(169.32% 571.83% at 98.4% 19.88%, #8fb3ffb3 0%, #9d6be8a8 27.72%, #de2778a1 54.29%, #b03de2ad 100%) !important;
    backdrop-filter: blur(100px) !important;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: white;
    cursor: pointer;
}

.bg-scroll {
    -webkit-animation: fadein .7s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein .7s;
    /* Firefox < 16 */
    -ms-animation: fadein .7s;
    /* Internet Explorer */
    -o-animation: fadein .7s;
    /* Opera < 12.1 */
    animation: fadein .7s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.bg-scroll {
    background: radial-gradient(169.32% 571.83% at 98.4% 19.88%, #8fb3ffb3 0%, #9d6be8a8 27.72%, #de2778a1 54.29%, #b03de2ad 100%) !important;
    backdrop-filter: blur(100px) !important;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
    width: 100%;
    margin: auto;
    /* box-shadow: 2px 13px 18px -4px #c80cfa1c; */
    height: 70px;
    display: inherit;
    padding-top: 10px;
    position: fixed;
}

.main-menu-main {
    background-color: #1a1a1a;
    width: 100%;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
    margin: auto;
    /* box-shadow: 2px 13px 18px -4px #c80cfa1c; */
    height: 70px;
    display: inherit;
    padding-top: 10px;
    z-index: 11;
    position: fixed;
}


.menu-item {
    padding: 0px 20px;
    font-size: 18px;
    font-family: inherit;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all .2s ease;
    font-weight: 400;
}

.menu-item:hover {
    color: white;
    -webkit-transition: all 0.2s ease;
    transition: all .2s ease;
}

.w-checkbox {
    display: block;
    margin-bottom: 5px;
    padding-left: 20px
}

.w-checkbox::before {
    content: ' ';
    display: table;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1
}

.w-checkbox::after {
    content: ' ';
    display: table;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    clear: both
}

.w-checkbox-input {
    float: left;
    margin-bottom: 0;
    margin-left: -20px;
    margin-right: 0;
    margin-top: 4px;
    line-height: normal
}

.w-checkbox-input--inputType-custom {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    width: 12px;
    height: 12px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    border-top-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    border-right-color: #3898ec;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec
}

.w-form-formradioinput--inputType-custom {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    width: 12px;
    height: 12px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 4px;
    border-right-width: 4px;
    border-top-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    border-right-color: #3898ec
}

body {
    background-color: #f4f4f7;
    font-family: Graphik, sans-serif;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

h1 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 38px;
    line-height: 44px;
    font-weight: 400
}

h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

h5 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

p {
    margin-bottom: 10px
}

a {
    color: #1a1a1a;
    text-decoration: none
}

a:focus {
    border: 0 none #000
}

ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
    white-space: normal
}

ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px
}

li {
    margin-bottom: 5px
}

img {
    display: inline-block;
    max-width: 100%
}

label {
    display: block;
    margin-bottom: 0;
    font-weight: 700
}

strong {
    font-weight: 600
}

blockquote {
    margin-bottom: 10px;
    padding: 10px 20px;
    border-left: 5px solid #e2e2e2;
    font-size: 18px;
    line-height: 22px
}

figure {
    margin-top: 15px;
    margin-bottom: 15px
}

figcaption {
    margin-top: 5px;
    text-align: center
}

.success-message {
    border-radius: 4px;
    background-color: #fe6667;
    color: #fff;
    font-weight: 300
}

.form {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.paragraph {
    font-size: 15px;
    line-height: 1.6em
}

.paragraph.paragraph-large {
    font-size: 19px
}

.paragraph.paragraph-large.paragraph-large-max500 {
    max-width: 500px
}

.paragraph.paragraph-large.paragraph-large-center-m35 {
    margin-bottom: 35px;
    text-align: center
}

.paragraph.paragraph-hiw {
    max-width: 450px;
    margin-bottom: 20px;
    font-size: 17px
}

.paragraph.paragraph-error {
    margin-bottom: 35px
}

.paragraph.paragraph-copyright {
    color: #929292;
    font-size: 14px
}

.paragraph.paragraph-contact {
    margin-bottom: 0;
    color: #929292;
    font-size: 17px
}

.paragraph.paragraph-sca-confirm {
    margin-bottom: 35px
}

.paragraph.paragraph-unsubscribe {
    margin-bottom: 30px;
    text-align: center
}

.paragraph.paragraph-key {
    margin-bottom: 0;
    color: #929292
}

.paragraph.paragraph-affiliate {
    margin-bottom: 30px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px
}

.text-field {
    width: 100%;
    min-height: 60px;
    margin-bottom: 15px;
    border-style: none none none solid;
    border-width: 1px 1px 1px 4px;
    border-color: transparent;
    border-radius: 1px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 400
}

.text-field:hover {
    border-left-color: #dbdbdb
}

.text-field:focus {
    border-color: transparent transparent transparent #3673fc;
    border-bottom-style: none
}

.text-field::-webkit-input-placeholder {
    color: #b1b1b1;
    text-transform: none
}

.text-field:-ms-input-placeholder {
    color: #b1b1b1;
    text-transform: none
}

.text-field::-ms-input-placeholder {
    color: #b1b1b1;
    text-transform: none
}

.text-field::placeholder {
    color: #b1b1b1;
    text-transform: none
}

.text-field.text-field-username {
    margin-bottom: 0;
    padding-left: 73px
}

.text-field.text-field-half {
    width: 49%
}

.text-field.text-field-search {
    padding-left: 55px;
    background-color: #f4f4f7
}

.text-field.text-field-search::-webkit-input-placeholder {
    color: #b6b6b6
}

.text-field.text-field-search:-ms-input-placeholder {
    color: #b6b6b6
}

.text-field.text-field-search::-ms-input-placeholder {
    color: #b6b6b6
}

.text-field.text-field-search::placeholder {
    color: #b6b6b6
}

.text-field.text-field-search.text-field-search-dark {
    background-color: #242424;
    color: #fff
}

.text-field.text-field-search {
    margin-bottom: 0;
    padding-left: 57px
}

.text-field.text-field-capture {
    min-height: 60px;
    margin-bottom: 0;
    border-radius: 0;
    background-color: #f4f4f7
}

.text-field.text-field-capture.text-field-capture-dark {
    background-color: #242424;
    color: #fff
}

.text-field.text-field-capture.text-field-capture-dark:hover {
    border-left-color: #5c5c5c
}

.text-field.text-field-capture.text-field-capture-dark:focus {
    border-left-color: #3673fc
}

.text-field.text-field-capture.text-field-capture-dark::-webkit-input-placeholder {
    color: #5c5c5c
}

.text-field.text-field-capture.text-field-capture-dark:-ms-input-placeholder {
    color: #5c5c5c
}

.text-field.text-field-capture.text-field-capture-dark::-ms-input-placeholder {
    color: #5c5c5c
}

.text-field.text-field-capture.text-field-capture-dark::placeholder {
    color: #5c5c5c
}

.text-field.text-field-capture.text-field-capture-msim {
    min-height: 50px
}

.text-field.text-field-extra-dark {
    background-color: #1a1a1a
}

.text-field.text-field-disabled {
    background-color: #e9e9f0
}

.text-field.text-field-disabled:focus {
    border-left-color: transparent
}

.profile-image {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01)
}

.profile-image.profile-image-square {
    border-radius: 5px
}

.profile-name {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 29px;
    font-weight: 500;
    text-align: center
}

.profile-name.profile-name-msim {
    font-size: 22px;
    line-height: 1em
}

.profile-bio {
    margin-bottom: 10px;
    text-align: center
}

.profile-solo-logo {
    height: 18px
}

.profile-side-button {
    display: none;
    width: 25px;
    opacity: .25
}

.profile-side-button.profile-side-button-dark {
    opacity: .45
}

.profile-logo-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-location-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    margin-left: -5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #929292;
    font-size: 16px;
    font-weight: 300;
    text-align: center
}

.profile-location-box.profile-location-box-long {
    margin-left: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.location-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.location-icon.location-icon-long {
    margin-right: 0;
    margin-bottom: 5px
}

.link-item-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 49%;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.link-item-wrapper.link-item-wrapper-full-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.link-item-wrapper.link-item-wrapper-msim {
    width: 100%
}

.link-button.link-button-void {
    background-color: #1a1a1a;
    color: #fff;
}

.link-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 80px;
    padding-left: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    background-color: #1a1a1a;
    box-shadow: 0 14px 30px -5px rgba(0, 0, 0, .13);
    color: white;
    font-size: 16px;
    text-decoration: none
}

.link-button.link-button-dark {
    background-color: #333;
    color: #fff
}

.link-button.link-button-full-width {
    width: 99%
}

.link-button.link-button-embed {
    width: 99%;
    border-style: dashed;
    border-width: 1px;
    border-color: #b6b6b6
}

.link-button.link-button-embed:focus {
    border-style: dashed;
    border-width: 1px;
    border-color: #b6b6b6
}

.link-button.link-button-minimal {
    width: 100%;
    padding-left: 25px
}

.link-button.link-button-msim {
    width: 90%;
    padding-left: 50px
}

.link-button.link-button-black {
    background-color: #1a1a1a;
    color: #fff
}

.link-icon-float {
    position: absolute;
    left: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    height: 60px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    box-shadow: 0 9px 14px -4px rgba(82, 82, 82, .65)
}

.link-icon-float.link-icon-float-msim {
    left: -10%
}

.link-block-text-wrapper {
    overflow: hidden;
    width: 95%;
}

.link-main-rate {
    width: 96%;
    height: 10px;
    background: #242424;
    border-radius: 5px;
    margin-top: 10px;
}

.link-rate {
    width: 20%;
    height: 10px;
    opacity: 0.8;
    background: radial-gradient(169.32% 571.83% at 98.4% 19.88%, #8fb3ffd9 0%, #9d6be8d1 27.72%, #de2778d6 54.29%, #b03de2d9 100%) !important;
    border-radius: 5px;
    margin-top: 10px;
    margin-left: -0px;
}

.link-name {
    margin-bottom: 2px
}

.link-url {
    color: #929292;
    font-size: 14px;
    font-weight: 300
}

.link-arrows {
    height: 12px
}

.link-arrows.link-arrows-embed {
    height: 15px
}

.footer-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #d1d1d1
}

.footer-wrapper.footer-wrapper-dark {
    border-top-color: #929292
}

.footer-wrapper.footer-wrapper-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-link {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #929292;
    font-size: 13px;
    text-decoration: none
}

.footer-link:hover {
    color: #1a1a1a
}

.footer-link.footer-link-dark:hover {
    color: #fff
}

.brand {
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.brand.footerbrand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #929292;
    text-decoration: none
}

.brand.footerbrand:hover {
    color: #1a1a1a
}

.brand.footerbrand.footerbrand-dark:hover {
    color: #fff
}

.navbar {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    z-index: 100;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: transparent
}

.nav-image {
    width: auto;
    height: 28px
}

.mobile-nav-menu-wrapper {
    display: none
}

.mobile-nav-close-link {
    display: none
}

.nav-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.nav-link {
    position: relative;
    padding: 15px 17px 13px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #929292;
    text-decoration: none
}

.nav-link:hover {
    color: #1a1a1a
}

.nav-link.w--current {
    border-bottom-color: #ff5c5f
}

.nav-link.hidden {
    display: none
}

.nav-link.nav-link-logo {
    display: none
}

.nav-link-hover {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background-color: #333;
    opacity: 0
}

.nav-link-hover.nav-link-hover-blue {
    background-color: #3673fc
}

.nav-button-text {
    position: relative;
    display: inline
}

.nav-link-spacer {
    position: relative;
    margin-right: 13px;
    padding: 15px 10px 13px;
    color: #929292;
    text-decoration: none
}

.nav-link-spacer.w--current {
    border-bottom-color: #ff5c5f;
    color: #fff
}

.nav-button {
    position: relative;
    margin-right: 8px;
    margin-left: 8px;
    padding: 15px 17px 13px;
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc;
    border-radius: 1px;
    -webkit-transition: color .3s cubic-bezier(.86, 0, .07, 1);
    transition: color .3s cubic-bezier(.86, 0, .07, 1);
    color: #3673fc;
    text-decoration: none
}

.nav-button:focus {
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc
}

.profile-bkg-hero-wrapper {
    position: relative;
    overflow: hidden;
    height: 460px;
    background-image: url('../images/bg-default-stars-mid.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.profile-bkg-hero-wrapper.profile-bkg-hero-wrapper-msim {
    height: 125px
}

.profile-bkg-hero-wrapper.profile-bkg-hero-wrapper-full-bg {
    background-image: none
}

.section-container {
    width: 90%;
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.section-container.section-container-hero {
    width: 85%
}

.section-container.section-container-msim {
    width: 85%
}

.profile-info-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1000px;
    margin-top: -225px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 18px 45px 0 rgba(0, 0, 0, .13)
}

.profile-info-wrapper.profile-info-wrapper-dark {
    background-color: #333;
    color: #fff
}

.profile-info-wrapper.profile-info-wrapper-msim {
    margin-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    box-shadow: none
}

.profile-info-wrapper.theme-black {
    background-color: #1a1a1a;
    color: #fff
}

.profile-info-top-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -60px;
    padding-bottom: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-info-bottom-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 640px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.section {
    position: relative;
    padding-top: 65px;
    padding-bottom: 65px
}

.section.info-card {
    padding-top: 0;
    padding-bottom: 0
}

.section.profile-footer {
    padding-top: 0;
    padding-bottom: 8px;
    font-family: Graphik, sans-serif
}

.section.login-page-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 135px;
    padding-bottom: 100px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.section.link-section {
    padding-top: 45px;
    padding-bottom: 45px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.section.link-section.link-section-msim {
    padding-top: 15px;
    padding-bottom: 20px
}

.section.section-home-footer {
    padding-top: 150px;
    padding-bottom: 115px;
    border-bottom: 5px solid #3673fc;
    background-color: #fff
}

.section.sectino-cta {
    position: relative;
    padding-bottom: 120px
}

.section.section-faq {
    padding-top: 100px;
    padding-bottom: 125px
}

.section.section-page {
    padding-top: 175px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.section.section-compare-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 200px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.section.section-key {
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px
}

.section.section-affiliate-hero {
    padding-top: 175px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section.sectino-affiliate-cta {
    position: relative;
    padding-bottom: 120px
}

.section.section-nfc-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-top: 175px;
    padding-bottom: 300px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.profile-link-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.footer-brand-image {
    width: 34px;
    height: auto;
    margin-right: 8px
}

.profile-brand-link {
    position: absolute;
    left: 15px;
    top: 15px;
    right: auto;
    bottom: auto;
    display: none;
    padding: 10px
}

.image {
    width: 40px
}

.profile-brand-link-center {
    padding: 8px 15px
}

.profile-image-wrapper {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../assets/images/60fb9568cec9b4_11468428.jpg');
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 200px;
    height: 200px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-radius: 50%;
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .21)
}

.profile-image-wrapper.profile-image-wrapper-msim {
    width: 120px;
    height: 120px
}

.profile-image-wrapper.profile-image-wrapper-square {
    border-radius: 5px
}

.login-header {
    margin-top: 0;
    margin-bottom: 35px;
    font-size: 50px;
    line-height: 1em;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize
}

.login-header.login-header-w-subtitle {
    margin-bottom: 25px
}

.login-banner-paragraph {
    max-width: 300px;
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 25px;
    text-align: center
}

.button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 70px;
    padding-right: 50px;
    padding-left: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #3673fc;
    box-shadow: 0 14px 30px -5px rgba(0, 0, 0, .13);
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-decoration: none
}

.button.button-submit {
    margin: 20px auto;
    box-shadow: 0 14px 30px -5px rgba(0, 0, 0, .13);
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    color: #fff
}

.button.button-nav {
    height: auto;
    padding: 15px 17px;
    font-size: 14px
}

.button.button-nav.button-nav-outline {
    margin-right: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc;
    background-color: transparent;
    box-shadow: none;
    color: #3673fc
}

.button.button-small {
    height: 60px;
    padding-right: 25px;
    padding-left: 25px
}

.button.button-checkout {
    margin-bottom: 15px;
    text-align: center
}

.button.button-upgrade {
    width: 75%;
    height: 60px;
    margin: 10px auto 25px;
    padding-right: 30px;
    padding-left: 30px
}

.button.button-upgrade.button-upgrade-outline {
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc;
    background-color: transparent;
    box-shadow: none;
    color: #3673fc
}

.button.button-upgrade.button-upgrade-discount {
    overflow: hidden;
    height: auto;
    padding-top: 15px;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.button.button-upgrade.button-upgrade-discount.button-upgrade-discount-full {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.button.button-hero-register {
    margin-bottom: 10px
}

.button.button-hero-outline {
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc;
    background-color: transparent;
    box-shadow: none;
    color: #3673fc
}

.button.button-inactive {
    background-color: #b6b6b6;
    cursor: default
}

.button.button-compare {
    opacity: 0
}

.button.button-index1 {
    z-index: 1
}

.button.button-full-width {
    width: 100%
}

.button.button-2fa {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: auto;
    padding: 10px 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e4e4e4;
    background-color: transparent;
    box-shadow: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #3673fc;
    font-size: 14px
}

.button.button-2fa:hover {
    border-color: #3673fc
}

.button.button-2fa.button-2fa-enabled {
    -webkit-transition-property: none;
    transition-property: none;
    color: #1a1a1a
}

.button.button-2fa.button-2fa-enabled:hover {
    border-color: #e4e4e4
}

.login-create-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.login-form-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.login-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.username-field-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 15px
}

.username-static-url-wrapper {
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin-left: 1px;
    padding-top: 1px;
    padding-right: 0;
    padding-left: 18px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    font-size: 16px;
    font-weight: 500
}

.text-snippet {
    color: #1a1a1a;
    font-size: 16px
}

.text-snippet.text-snippet-grey {
    margin-right: auto;
    margin-left: auto;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #929292;
    text-decoration: none
}

.text-snippet.text-snippet-grey:hover {
    color: #1a1a1a
}

.forgot-password-link {
    margin-left: 5px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #afafaf;
    text-align: right;
    text-decoration: none
}

.forgot-password-link:hover {
    color: #1a1a1a
}

.dashboard-profile-image-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 175px;
    height: 175px;
    margin-top: -100px;
    margin-right: 25px;
    margin-left: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .21);
    cursor: pointer
}

.dashboard-profile-image {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 1;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01)
}

.dashboard-profile-image-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(54, 115, 252, .75);
    opacity: 0
}

.file-upload-icon {
    position: relative;
    width: 45px
}

.section-heading-wrapper {
    position: relative;
    z-index: 1
}

.section-heading-wrapper.section-heading-wrapper-45-per {
    width: 45%;
    margin-bottom: 65px
}

.section-heading-wrapper.section-heading-wrapper-45-center {
    width: 45%;
    margin-right: auto;
    margin-bottom: 65px;
    margin-left: auto;
    text-align: center
}

.section-heading-wrapper.section-heading-wrapper-center {
    width: 50%;
    margin-right: auto;
    margin-bottom: 65px;
    margin-left: auto;
    text-align: center
}

.section-heading {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 60px;
    line-height: 1em;
    font-weight: 600
}

.section-heading.section-heading-key {
    margin-bottom: 50px
}

.plans-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.plan-item-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 24%;
    min-width: 200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    background-color: #fff
}

.plan-item-wrapper.plan-item-wrapper-beta {
    width: 49%;
    margin-bottom: 20px
}

.plan-item-wrapper.plan-item-wrapper-beta.plan-item-wrapper-dark {
    background-color: #333;
    color: #fff
}

.plan-item-wrapper.plan-item-wrapper-current {
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc
}

.plan-title-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 25px 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px
}

.plan-features-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 20px 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.plan-price-text {
    position: relative;
    margin-right: 10px;
    font-size: 40px;
    line-height: 40px;
    font-weight: 600
}

.price-name-text {
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 400
}

.plan-price-text-small {
    font-size: 20px;
    line-height: 20px
}

.feature-list {
    width: 100%;
    margin-bottom: 0
}

.feature-list.feature-list-upgrade {
    width: 48%
}

.feature-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-size: 16px
}

.feature-list-check {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('../images/check-circle-regular.svg');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    color: #2ee07e
}

.feature-list-check.feature-list-check-inactive {
    background-image: url('../images/check-circle-regular-inactive.svg')
}

.plan-subtitle-wrapper {
    padding: 15px 25px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    background-color: transparent;
    color: #3673fc;
    font-weight: 500
}

.plan-subtitle-wrapper.plan-subtitle-wrapper-dark {
    border-top-color: #1a1a1a;
    border-bottom-color: #1a1a1a
}

.text-block-4 {
    line-height: 14px
}

.feature-name-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px
}

.feature-name-wrapper.feature-name-wrapper-inactive {
    color: #b6b6b6
}

.feature-arrow {
    height: 10px;
    margin-top: 5px;
    margin-left: 10px;
    opacity: .75
}

.feature-arrow.feature-arrow-dark {
    opacity: 1;
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.feature-link-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    cursor: pointer
}

.feature-link-button.feature-link-button-dark {
    color: #fff
}

.feature-paragraph {
    overflow: hidden;
    margin-bottom: 0;
    margin-left: 27px;
    color: #818181;
    font-size: 15px;
    line-height: 1.3em
}

.pricing-toggle-wrapper {
    display: block;
    height: auto;
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.price-toggle-titles {
    margin-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    text-decoration: none
}

.price-toggle-titles.price-toggle-titles-upgrade-right {
    margin-right: 5px
}

.plan-price-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.plan-price-text-free {
    position: relative;
    margin-right: 10px;
    font-size: 40px;
    line-height: 40px;
    font-weight: 600
}

.annual-only-text {
    font-size: 30px
}

.plan-initial-pricing-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.plan-price-savings-text {
    color: #929292
}

.remember-forgot-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 1%;
    padding-left: 1%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.error-message-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    color: #ee4266
}

.error-message-wrapper.error-message-wrapper-left-align {
    margin-bottom: 25px;
    padding-left: 0
}

.error-message-wrapper.error-message-wrapper-left-align.error-message-wrapper-left-align-m15 {
    margin-bottom: 15px
}

.error-message-wrapper.error-message-wrapper-center {
    margin-bottom: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.error-message-icon {
    height: 20px;
    margin-right: 7px
}

.message-text {
    display: inline-block;
    font-size: 14px
}

.message-text-bold {
    font-weight: 500
}

.success-message-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    color: #1fcc6d
}

.success-message-wrapper.success-message-wrapper-sca {
    margin-bottom: 35px;
    padding-left: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.dashboard-nav-username {
    margin-top: 3px;
    white-space: nowrap
}

.dashboard-nav-username.dashboard-nav-username-dark {
    color: #fff
}

.dashboard-nav-seperator {
    margin-top: 3px;
    margin-right: 5px;
    margin-left: 5px;
    color: #dfdfdf;
    font-size: 20px;
    font-weight: 300
}

.db-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    right: auto;
    bottom: 0;
    z-index: 100;
    display: block;
    overflow: auto;
    width: 275px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 5px 0 30px 0 rgba(189, 189, 191, .15)
}

.db-sidebar.db-sidebar-dark {
    background-color: #333;
    box-shadow: none
}

.link-thumbnail-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 75px;
    height: 75px;
    margin-right: 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 1px
}

.link-thumbnail-image {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 1px;
    opacity: 1
}

.link-thumbnail-image.link-thumbnail-image-inverted {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.inline-link {
    border-bottom: 1px solid #d8d8d8;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #3673fc;
    line-height: 1.3em
}

.inline-link:hover {
    border-bottom-color: #3673fc;
    color: #2566fa
}

.inline-link:focus {
    border-bottom: 1px solid #3673fc
}

.inline-link.inline-link-red {
    color: #ee4266
}

.inline-link.inline-link-red:hover {
    border-bottom-color: #ee4266
}

.inline-link.inline-link-red:focus {
    border-bottom: 1px solid #ee4266
}

.inline-link.inline-link-red.inline-link-left-padding {
    margin-left: 3px
}

.element-section-title {
    margin-right: 50px;
    margin-bottom: 45px;
    margin-left: 50px;
    font-size: 35px;
    line-height: 35px;
    font-weight: 500;
    cursor: default
}

.element-section-title.element-section-title-standalone {
    margin-bottom: 25px;
    margin-left: 15px
}

.element-section-title.element-section-title-standalone.element-section-title-standalone-dark {
    color: #fff
}

.element-section-title.element-section-title-w-button {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.element-section-title.element-section-title-help {
    margin-bottom: 25px
}

.element-section-title.element-section-title-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.element-section-title.element-section-title-payout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.element-section-title.element-section-title-left-align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.element-card {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-bottom: 55px;
    margin-left: auto;
    padding-top: 40px;
    padding-bottom: 95px;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .15)
}

.element-card.element-card-feedback-form {
    padding-bottom: 25px
}

.element-card.element-card-preview {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #f4f4f7;
    box-shadow: none
}

.element-card.element-card-analytics {
    padding-bottom: 40px
}

.element-card.element-card-editor {
    padding-top: 50px
}

.element-card.element-card-usernames {
    padding-bottom: 60px
}

.element-card.element-card-feedback-result {
    padding-top: 10px;
    padding-bottom: 35px
}

.element-card.element-card-even-spacing {
    padding-bottom: 40px
}

.element-card.element-card-integrations {
    padding-top: 15px
}

.element-card.element-card-dark {
    background-color: #333;
    box-shadow: none;
    color: #fff
}

.element-card.element-card-no-padding {
    padding-top: 0;
    padding-bottom: 0
}

.text-field-on-white {
    height: 60px;
    margin-bottom: 15px;
    border-style: none none none solid;
    border-top-width: 1px;
    border-top-color: #000;
    border-right-width: 1px;
    border-right-color: #000;
    border-left-width: 4px;
    border-left-color: transparent;
    background-color: #f4f4f7;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #1a1a1a;
    font-size: 16px
}

.text-field-on-white:hover {
    border-bottom-color: #929292;
    border-left-color: #dbdbdb
}

.text-field-on-white:focus {
    border-bottom-color: #3673fc;
    border-left-color: #3673fc
}

.text-field-on-white::-webkit-input-placeholder {
    color: #ccc
}

.text-field-on-white:-ms-input-placeholder {
    color: #ccc
}

.text-field-on-white::-ms-input-placeholder {
    color: #ccc
}

.text-field-on-white::placeholder {
    color: #ccc
}

.text-field-on-white.text-field-long {
    height: 105px;
    padding-top: 18px;
    padding-bottom: 18px
}

.text-field-on-white.text-field-on-white-username {
    margin-bottom: 0;
    padding-left: 73px
}

.text-field-on-white.text-field-on-white-delete-confirm {
    margin-bottom: 0
}

.text-field-on-white.text-field-on-white-color-picker {
    height: 45px;
    min-width: 0;
    margin-bottom: 0
}

.text-field-on-white.text-field-on-white-dark {
    background-color: #242424;
    color: #fff
}

.text-field-on-white.text-field-on-white-invite {
    margin-bottom: 0;
    padding-left: 102px
}

.text-field-on-white.text-field-on-white-no-margin {
    margin-bottom: 0
}

.text-field-on-white.text-field-on-white-collab {
    margin-bottom: 0
}

.text-field-on-white.text-field-on-white-nfc-signup {
    margin-right: 15px;
    margin-bottom: 0
}

.save-button {
    position: absolute;
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 60px;
    padding-right: 35px;
    padding-left: 35px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #3673fc;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
    text-decoration: none
}

.save-button.save-button-inactive {
    background-color: #b6b6b6;
    cursor: default
}

.save-button.save-button-inactive.save-button-inactive-dark {
    background-color: #494949
}

.card-field-label {
    margin-bottom: 10px;
    color: #929292;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
    cursor: default
}

.card-field-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 20px
}

.card-field-wrapper.card-field-wrapper-half {
    width: 49%;
    margin-bottom: 5px
}

.card-field-wrapper.card-field-send-wrapper {
    width: 75%;
    margin-right: 15px;
    margin-bottom: 0
}

.card-field-wrapper.card-field-wrapper-toggle {
    margin-bottom: 0
}

.card-form-block {
    margin-bottom: 0
}

.card-form-block.card-form-block-affiliate {
    width: 100%
}

.card-2-field-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.logo-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px
}

.cc-logo {
    width: 70px;
    max-height: 40px
}

.expiration-wrapper {
    padding: 10px;
    border-radius: 3px;
    font-size: 14px
}

.card-number {
    margin-bottom: 10px;
    font-weight: 400;
    letter-spacing: .5px
}

.cc-middle-content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Graphik, sans-serif
}

.cc-bottom-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.cc-front-wrapper {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 6px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 115, 252, .88)), to(rgba(54, 115, 252, .88))), url('../images/card-front.jpg');
    background-image: linear-gradient(180deg, rgba(54, 115, 252, .88), rgba(54, 115, 252, .88)), url('../images/card-front.jpg');
    background-position: 0 0, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .25);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    font-family: 'Roboto Mono', sans-serif;
    color: #fff;
    font-weight: 400
}

.cc-text {
    color: #fff
}

.cc-text.numbers {
    display: inline-block;
    font-size: 18px;
    line-height: 20px
}

.cc-text.name {
    font-size: 18px;
    line-height: 22px
}

.cc-text.blocked {
    display: inline-block;
    margin-right: 15px;
    font-size: 26px
}

.cc-number-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Roboto Mono', sans-serif
}

.billing-content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.billing-plan-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 350px;
    min-width: 300px;
    padding: 25px 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.billing-plan-name {
    width: auto;
    margin-bottom: 10px;
    font-size: 25px
}

.billing-plan-price {
    position: relative;
    margin-right: 10px;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 40px;
    font-weight: 600
}

.card-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    margin-bottom: 10px;
    padding-right: 17px;
    padding-left: 17px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #3673fc;
    box-shadow: 0 14px 30px -5px rgba(0, 0, 0, .13);
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-decoration: none
}

.card-button.card-button-alt {
    margin-bottom: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc;
    background-color: transparent;
    box-shadow: none;
    color: #3673fc
}

.card-button.card-button-alt.card-button-alt-red {
    border-color: #ee4266;
    color: #ee4266
}

.card-button.card-button-send {
    margin-top: 21px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.card-button.card-button-send.card-button-send-collab {
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: none
}

.card-button.card-button-inactive {
    background-color: #b6b6b6;
    cursor: default
}

.card-button.card-button-inactive.card-button-inactive-dark {
    background-color: #494949
}

.card-button.card-button-unavailable {
    border-style: solid;
    border-width: 1px;
    border-color: #b6b6b6;
    background-color: transparent;
    box-shadow: none;
    color: #929292;
    cursor: default
}

.card-section-heading {
    width: auto;
    margin-bottom: 40px;
    padding: 25px 50px;
    border-top: 1px none #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    font-size: 25px;
    line-height: 1em;
    font-weight: 400;
    cursor: default
}

.card-section-heading.card-section-heading-dark {
    border-bottom-color: #1a1a1a;
    color: #fff
}

.card-section-heading.card-section-heading-options {
    margin-bottom: 0
}

.card-section-heading.card-section-heading-top {
    padding-top: 0
}

.team-accounts-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.team-member-item {
    padding: 17px 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #d8d8d8;
    font-size: 15px
}

.team-member-item.team-member-item-dark {
    border-top-color: #1a1a1a
}

.team-member-item-info-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.card-section-content {
    position: relative;
    padding-right: 50px;
    padding-left: 50px
}

.card-section-content.card-section-content-billing {
    position: relative
}

.card-section-content.card-section-content-chart {
    padding-right: 31px;
    padding-left: 28px
}

.card-section-content.card-section-content-spacing {
    margin-bottom: 40px
}

.plan-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-plan-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.card-plan-price-text {
    position: relative;
    margin-right: 10px;
    font-size: 25px;
    line-height: 40px;
    font-weight: 600
}

.card-price-name-text {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 400
}

.card-plan-price-savings {
    margin-bottom: 10px;
    color: #929292;
    font-size: 12px;
    line-height: 12px
}

.card-plan-price-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-plan-price-wrapper.card-plan-price-wrapper-upgrade {
    width: auto;
    margin-bottom: 0;
    text-align: right
}

.card-plan-price-text-free {
    position: relative;
    margin-right: 10px;
    font-size: 25px;
    line-height: 40px;
    font-weight: 600
}

.new-link-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 15px;
    height: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    text-align: center
}

.card-info-link-arrow {
    height: 12px;
    margin-bottom: 2px;
    margin-left: 10px
}

.card-info-link-arrow.card-info-link-arrow-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.cc-back-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 115, 252, .88)), to(rgba(54, 115, 252, .88))), url('../images/card-bkg-image-rev.jpg');
    background-image: linear-gradient(180deg, rgba(54, 115, 252, .88), rgba(54, 115, 252, .88)), url('../images/card-bkg-image-rev.jpg');
    background-position: 0 0, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .3);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateX(0) rotateY(-180deg) rotateZ(0);
    transform: rotateX(0) rotateY(-180deg) rotateZ(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cc-wrapper {
    position: relative;
    width: 450px;
    height: 283px;
    min-height: 283px;
    min-width: 450px;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.cc-save-link {
    margin-left: auto;
    padding: 10px 15px;
    border-radius: 2px;
    background-color: #fff;
    color: #3673fc;
    font-size: 14px;
    text-align: center;
    text-decoration: none
}

.billing-plan-expand-wrapper {
    overflow: hidden;
    height: auto;
    opacity: 1
}

.page-bkg-editor {
    position: relative;
    width: 100%;
    height: 200px;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.page-info-editor-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.page-info-field-wrapper {
    margin-top: 25px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.page-bkg-editor-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(54, 115, 252, .75);
    opacity: 0
}

.page-bkg-image-text {
    margin-top: 10px;
    color: #fff;
    font-size: 15px;
    letter-spacing: normal
}

.page-bkg-editor-overlay-text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.billing-plan-renewal-date {
    margin-bottom: 15px;
    color: #929292;
    font-size: 15px
}

.new-link-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-right: 15px;
    margin-bottom: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3673fc;
    font-size: 25px;
    line-height: 25px;
    text-transform: capitalize;
    cursor: pointer
}

.new-link-button.new-link-button-inactive {
    opacity: .51;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default
}

.new-link-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.new-link-icon-circle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #3673fc
}

.edit-link-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    opacity: 1
}

.edit-link-wrapper.edit-link-wrapper-dark {
    border-color: #1a1a1a;
    background-color: #333
}

.edit-link-details-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.edit-link-text-wrapper {
    overflow: hidden;
    font-size: 16px
}

.edit-link-name {
    margin-bottom: 2px
}

.edit-link-url {
    color: #929292;
    font-size: 14px;
    font-weight: 400
}

.link-move-icon-image {
    height: 25px
}

.link-move-icon-image.link-move-icon-image-dark {
    -webkit-filter: brightness(75%);
    filter: brightness(75%)
}

.link-move-icon-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #b6b6b6;
    cursor: -webkit-grab;
    cursor: grab
}

.edit-link-editor-wrapper {
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 25px
}

.info-link-wrapper {
    font-size: 16px;
    text-align: center
}

.info-link-wrapper.info-link-wrapper-invocies {
    margin-top: 15px;
    margin-bottom: 15px
}

.switch-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.switch-wrapper.switch-wrapper-no-margin {
    position: relative;
    margin-top: 0;
    margin-bottom: 0
}

.switch-reveal-section {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    opacity: 1
}

.switch-reveal-section.switch-reveal-section-verticle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-toggle-field-wrapper {
    width: 100%;
    margin-bottom: 0
}

.edit-link-footer-button-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.edit-link-footer-button-wrapper.edit-link-footer-button-wrapper-referral {
    margin-top: 25px
}

.edit-link-footer-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 45px;
    padding-right: 35px;
    padding-left: 35px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #3673fc;
    box-shadow: 0 14px 30px -5px rgba(0, 0, 0, .13);
    color: #fff;
    font-size: 16px;
    text-decoration: none
}

.edit-link-footer-button.edit-link-footer-button-outline {
    border-style: solid;
    border-width: 1px;
    border-color: #ee4266;
    background-color: transparent;
    box-shadow: none;
    color: #ee4266
}

.edit-link-footer-button.edit-link-footer-button-outline-blue {
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc;
    background-color: transparent;
    box-shadow: none;
    color: #3673fc
}

.link-close-icon-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 10px 10px 10px 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #b6b6b6
}

.checkout-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 100vh;
    padding-top: 60px;
    padding-bottom: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
    max-width: 600px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .15)
}

.checkout-heading {
    padding: 15px 30px;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    background-color: #3673fc;
    color: #fff;
    text-align: center
}

.checkout-section-heading {
    width: auto;
    padding: 25px 30px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 25px;
    line-height: 1.1em;
    font-weight: 300;
    text-align: left
}

.checkout-section-heading.checkout-section-heading-middle {
    border-top: 1px solid #e4e4e4
}

.checkout-section-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px none #e4e4e4;
    border-bottom: 1px none #e4e4e4;
    font-size: 16px
}

.checkout-review-line {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: auto;
    height: 1px;
    margin-right: 10px;
    margin-left: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px dashed #e4e4e4
}

.checkout-review-item-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 20px;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.checkout-form.checkout-form-no-payment-fields {
    padding-bottom: 0
}

.checkout-savings-text {
    display: inline;
    overflow: hidden;
    margin-left: 5px;
    color: #929292;
    font-size: 14px;
    text-align: center
}

.checkout-total-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 25px;
    margin-bottom: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout-header-image {
    height: 25px
}

.checkout-total-price {
    position: relative;
    display: inline-block;
    font-size: 25px;
    line-height: 25px;
    font-weight: 500
}

.checkout-item-price {
    position: relative;
    display: inline-block
}

.checkout-item-price.checkout-item-price-bg {
    padding-left: 10px;
    background-color: #fff
}

.checkout-item-text {
    position: relative;
    display: inline-block;
    background-color: #fff
}

.checkout-item-price-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.checkout-pay-button-text-wrapper {
    overflow: hidden;
    height: 20px
}

.body-dark {
    background-color: #0e0e0e
}

.checkout-total-price-wrapper {
    width: 100%;
    text-align: center
}

.annual-only-text-account {
    font-size: 25px
}

.annual-only-text-account.annual-only-text-account-upgrade {
    font-size: 20px
}

.referral-invite-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 35px;
    padding-left: 35px
}

.invite-image {
    width: 80%;
    opacity: 1
}

.invite-image-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.invite-email-sender-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 20px 40px 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.invite-description-paragraph {
    margin-bottom: 45px;
    font-size: 16px;
    line-height: 1.6em;
    text-align: center
}

.invite-description-paragraph.invite-description-paragraph-no-bottom-spacing {
    margin-top: 10px;
    margin-bottom: 15px
}

.referral-list-item-data-wrapper {
    width: 27.5%
}

.referral-list-item-data-wrapper.referral-list-item-data-wrapper-end {
    text-align: right
}

.referral-list-item-data-wrapper.referral-list-item-data-wrapper-front {
    position: relative;
    width: 45%
}

.text-field-transparent {
    height: 60px;
    margin-bottom: 15px;
    border-style: none none none solid;
    border-width: 1px 1px 1px 4px;
    border-color: transparent;
    background-color: hsla(0, 0%, 97%, .1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-family: 'Roboto Mono', sans-serif;
    color: #fff;
    font-size: 16px
}

.text-field-transparent:hover {
    border-left-color: hsla(0, 0%, 100%, .25)
}

.text-field-transparent:focus {
    border-left-color: #fff
}

.text-field-transparent::-webkit-input-placeholder {
    color: hsla(0, 0%, 96.9%, .7)
}

.text-field-transparent:-ms-input-placeholder {
    color: hsla(0, 0%, 96.9%, .7)
}

.text-field-transparent::-ms-input-placeholder {
    color: hsla(0, 0%, 96.9%, .7)
}

.text-field-transparent::placeholder {
    color: hsla(0, 0%, 96.9%, .7)
}

.card-information-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.card-message-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #ff849e
}

.stripeelement {
    opacity: 0
}

.modal-wrapper {
    position: fixed;
    z-index: 10000;
    display: none;
    width: 100%;
    min-height: 100vh;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(8, 17, 38, .65);
    opacity: 0
}

.modal-wrapper.modal-wrapper-onboard {
    display: none;
    opacity: 0
}

.modal-content-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 450px;
    min-width: 350px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .15)
}

.modal-content-card.modal-content-card-croppie {
    min-width: 300px
}

.modal-heading-wrapper {
    padding: 25px 30px;
    background-color: #3673fc;
    color: #fff;
    font-size: 21px;
    font-weight: 400;
    text-align: left
}

.modal-message-wrapper {
    padding: 25px 30px 15px;
    font-size: 15px;
    line-height: 1.4em
}

.modal-message-wrapper.modal-message-wrapper-center {
    padding-right: 45px;
    padding-left: 45px;
    text-align: center
}

.modal-confirm-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 30px 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-confirm-button-wrapper.modal-confirm-button-wrapper-croppie {
    padding-top: 0
}

.modal-confirm-button-wrapper.modal-confirm-button-wrapper-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-action-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 45px;
    padding-right: 35px;
    padding-left: 35px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #3673fc;
    box-shadow: 0 14px 30px -5px rgba(0, 0, 0, .13);
    color: #fff;
    font-size: 16px;
    text-decoration: none
}

.modal-action-button.modal-action-button-outline {
    border-style: solid;
    border-width: 1px;
    border-color: #b6b6b6;
    background-color: transparent;
    box-shadow: none;
    color: #929292
}

.modal-action-button.modal-action-button-red {
    background-color: #ee4266
}

.modal-action-button.modal-action-button-color {
    margin-left: 10px
}

.checkout-form-wrapper {
    margin-bottom: 0
}

.checkout-total-price-annually {
    position: relative;
    top: -26px;
    display: inline-block;
    font-size: 25px;
    line-height: 25px;
    font-weight: 500
}

.checkout-item-price-annually {
    position: relative;
    top: -20px;
    display: inline-block
}

.checkout-item-price-annually.checkout-item-price-annually-bg {
    padding-left: 10px;
    background-color: #fff
}

.account-price-toggle-form-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.team-member-list-text-link {
    display: inline-block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3673fc
}

.invoice-icon {
    width: 12px;
    margin-right: 8px;
    margin-bottom: 4px
}

.invoice-download-text {
    display: inline-block
}

.invoice-download-text:hover {
    text-decoration: underline
}

.team-current-wrapper-see-all {
    overflow: hidden
}

.toggle-button {
    position: relative;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 50%;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .38)
}

.toggle-button-bg-off {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 50%;
    background-color: #3673fc;
    opacity: 0
}

.toggle-bg-off {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: #e4e4e4
}

.toggle-checkbox-lable-hidden {
    display: none
}

.toggle-bg-on {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: #3673fc
}

.toggle-button-bg-on {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 50%;
    background-color: #e4e4e4;
    opacity: 1
}

.toggle-checkbox {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    opacity: 0;
    cursor: pointer
}

.toggle-element-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.toggle-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 65px;
    height: 35px;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 10px;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.edit-button-form-block {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.edit-button-form-block.blank-form-block-searchbar {
    margin-bottom: 15px
}

.checkout-switch-title-left {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    text-align: right;
    text-decoration: none
}

.small-toggle-checkbox {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    opacity: 0;
    cursor: pointer
}

.checkout-switch-title-right-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.small-toggle-wrapper-off {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 55px;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 10px;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.small-toggle-button-bg-on {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 50%;
    background-color: #e4e4e4;
    opacity: 1
}

.small-toggle-button-bg-on.small-toggle-button-bg-on-dark {
    background-color: #333
}

.checkout-switch-title-right {
    display: inline;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    text-align: left;
    text-decoration: none
}

.small-toggle-bg-off {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: #e4e4e4
}

.small-toggle-bg-off.small-toggle-bg-off-dark {
    background-color: #242424
}

.small-toggle-bg-on {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: #3673fc;
    opacity: 1
}

.small-toggle-bg-on.small-toggle-bg-on-bottom {
    opacity: 0
}

.small-toggle-button {
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 50%;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .38)
}

.small-toggle-button-bg-off {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 50%;
    background-color: #3673fc;
    opacity: 1
}

.checkout-switch-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.small-toggle-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 55px;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 10px;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.plan-buttons {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 70px;
    padding-right: 50px;
    padding-left: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    background-color: #3673fc;
    box-shadow: 0 14px 30px -5px rgba(0, 0, 0, .13);
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-decoration: none
}

.plan-buttons.plan-buttons-current {
    background-color: transparent;
    box-shadow: none;
    color: #3673fc;
    cursor: default
}

.hiw-wrapper {
    position: relative;
    padding: 50px 40px;
    background-color: #fff;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .15)
}

.hiw-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-right: auto;
    margin-bottom: 150px;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hiw-item.hiw-item-last {
    margin-bottom: 0
}

.hiw-item-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.hiw-item-title {
    margin-bottom: 25px;
    font-size: 50px;
    line-height: 1em;
    font-weight: 500
}

.hero-content-title {
    margin-top: 0;
    margin-bottom: 25px;
    color: #1a1a1a;
    font-size: 70px;
    line-height: 1.1em;
    font-weight: 500
}

.hero-content-title.hero-content-title-affiliate {
    margin-bottom: 0
}

.hero-content-subtitle {
    max-width: 600px;
    margin-top: 0;
    margin-bottom: 35px;
    color: #929292;
    font-size: 23px;
    line-height: 1.5em;
    font-weight: 300
}

.hero-content-subtitle.hero-content-subtitle-nfc {
    max-width: 500px;
    margin-bottom: 65px
}

.utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 310px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: center
}

.utility-page-content.utility-page-content-unsub {
    max-width: 350px
}

.password-page-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.form-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 275px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.password-page-image {
    width: 200px;
    margin-right: auto;
    margin-bottom: 45px;
    margin-left: auto
}

.dashboard-section {
    width: 100%
}

.dashboard-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 100vh
}

.db-page {
    overflow: hidden;
    margin-left: 275px;
    padding-bottom: 35px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.db-sidebar-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.db-sidebar-info-wrapper {
    position: relative;
    width: 100px;
    height: 100px;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
    border-radius: 50%;
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .21)
}

.db-sidebar-info-logo-image {
    width: auto;
    height: 23px
}

.db-sidebar-info-user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 5px;
    padding: 6px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    color: #1a1a1a
}

.db-sidebar-info-user:hover {
    color: #3673fc
}

.db-sidebar-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.db-sidebar-nav-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #1a1a1a;
    font-size: 15px;
    line-height: 1em;
    font-weight: 400;
    letter-spacing: .5px
}

.db-sidebar-nav-button:hover {
    background-color: #f7f7fa
}

.db-sidebar-nav-button.w--current {
    color: #3673fc;
    font-weight: 500
}

.db-sidebar-nav-button.db-sidebar-nav-button-dark {
    color: #fff
}

.db-sidebar-nav-button.db-sidebar-nav-button-dark:hover {
    background-color: #242424
}

.db-sidebar-nav-button-icon {
    height: 20px;
    opacity: .3
}

.db-sidebar-nav-button-icon.db-sidebar-nav-button-icon-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.db-sidebar-nav-button-icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    margin-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.db-sidebar-nav-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 375px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.db-sidebar-nav-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px none #e4e4e4;
    color: #cfcfcf;
    text-align: center
}

.db-page-header {
    z-index: 90;
    display: block;
    margin-bottom: 25px;
    padding-top: 35px;
    padding-bottom: 35px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.db-page-header-title {
    margin-top: 0;
    margin-bottom: 0;
    padding: 3px;
    color: #3673fc;
    font-size: 45px;
    line-height: 1em;
    font-weight: 600;
    text-align: left
}

.db-sidebar-footer-logo {
    height: 22px;
    opacity: .25;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.db-sidebar-footer-logo:hover {
    opacity: 1
}

.db-page-content {
    width: 90%;
    max-width: 900px;
    min-width: 675px;
    margin-right: auto;
    margin-left: auto
}

.db-page-content.db-page-content-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.menu-button {
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.menu-line-top {
    width: 22px;
    height: 3px;
    margin-bottom: 5px;
    background-color: #1a1a1a
}

.menu-line-bottom {
    width: 15px;
    height: 3px;
    margin-bottom: 0;
    background-color: #1a1a1a
}

.menu-line-middle {
    width: 22px;
    height: 3px;
    margin-bottom: 5px;
    background-color: #1a1a1a
}

.db-sidebar-close-button {
    display: none
}

.dropdown-arrow-icon {
    margin-right: 20px
}

.db-page-header-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    max-width: 900px;
    min-width: 675px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.db-page-header-content-title-wrapper {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.db-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    display: none;
    background-color: rgba(8, 17, 38, .55);
    opacity: 0
}

.db-sidebar-symbol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.db-sidebar-mobile {
    position: fixed;
    left: 0;
    top: 0;
    right: auto;
    bottom: 0;
    z-index: 100;
    display: none;
    overflow: auto;
    width: 275px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 5px 0 30px 0 rgba(189, 189, 191, .15)
}

.db-page-header-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 14px 30px -5px rgba(0, 0, 0, .09);
    color: #1a1a1a;
    font-size: 16px;
    text-align: center;
    letter-spacing: .25px
}

.db-page-header-button.w--open {
    font-weight: 500
}

.db-page-header-button.db-page-header-button-dropdown {
    z-index: 2;
    padding-right: 55px;
    box-shadow: none;
    font-weight: 400
}

.db-page-header-button.db-page-header-button-dropdown.db-page-header-button-dropdown-dark {
    background-color: #333;
    color: #fff
}

.db-page-header-button.db-page-header-button-dark {
    background-color: #333;
    color: #fff
}

.slice-div {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: -100px;
    height: 200px;
    background-color: #f4f4f7;
    opacity: 1;
    -webkit-transform: skew(-10deg, 0deg) rotate(-6.5deg);
    -ms-transform: skew(-10deg, 0deg) rotate(-6.5deg);
    transform: skew(-10deg, 0deg) rotate(-6.5deg)
}

.slice-div.slice-div-large {
    left: 0;
    top: 345px;
    right: 0;
    bottom: auto;
    height: 100%;
    -webkit-transform: skew(-7deg, 0deg) rotate(-6.5deg);
    -ms-transform: skew(-7deg, 0deg) rotate(-6.5deg);
    transform: skew(-7deg, 0deg) rotate(-6.5deg)
}

.slice-div.slice-div-large.slice-div-large-dark {
    background-color: #242424
}

.slice-div.slide-div-dark {
    background-color: #0e0e0e
}

.slice-div.slice-div-msim {
    display: none
}

.slice-div.slice-div-none {
    display: none
}

.inline-links-see-all {
    border-bottom: 1px solid #d8d8d8;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #3673fc
}

.inline-links-see-all:hover {
    border-bottom-color: #3673fc;
    color: #2566fa
}

.inline-link-see-less {
    border-bottom: 1px solid #d8d8d8;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #3673fc
}

.inline-link-see-less:hover {
    border-bottom-color: #3673fc;
    color: #2566fa
}

.plan-shrink-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    min-width: 375px;
    margin-bottom: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.db-page-header-title-desktop {
    margin-top: 0;
    margin-bottom: 0;
    padding: 3px;
    color: #3673fc;
    font-size: 45px;
    line-height: 1em;
    font-weight: 600;
    text-align: left;
    cursor: default
}

.page-slider-bkg {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #ececec
}

.page-slider-bkg.page-slider-bkg-dark {
    background-color: #1a1a1a
}

.page-slider-item {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding: 15px 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    cursor: pointer
}

.page-slider-item.page-slider-item-dark {
    color: #fff
}

.page-slider-item-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.page-slider-tab {
    width: 49%;
    height: 100%;
    margin-right: 0;
    margin-left: 0;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 4px 7px 0 rgba(189, 189, 191, .35)
}

.page-slider-tab.page-slider-tab-dark {
    background-color: #333;
    box-shadow: 0 4px 7px 0 rgba(12, 12, 12, .4)
}

.page-slider-item-text-right {
    color: #b6b6b6
}

.db-page-header-button-icon-left {
    height: 19px;
    margin-right: 10px;
    opacity: .3
}

.db-page-header-button-icon-left.db-page-header-button-icon-left-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.db-page-header-button-icon-right {
    height: 19px;
    margin-right: 10px;
    opacity: .3
}

.db-page-header-button-icon-right.db-page-header-button-icon-right-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.my-page-preview-wrapper.my-page-preview-wrapper-msim {
    width: 428px;
    margin-right: auto;
    margin-left: auto
}

.billing-plans-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.db-page-header-button-arrow {
    height: 12px;
    margin-left: 10px
}

.db-page-header-button-arrow.db-page-header-button-arrow-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.go-to-profile-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    text-align: right
}

.small-toggle-wrapper-off-editor {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 55px;
    height: 30px;
    margin-bottom: 15px;
    margin-left: 1px;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.list-row-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 17px;
    padding-bottom: 17px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #d8d8d8
}

.row-title-middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 27.5%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.row-title-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.list-column-title {
    color: #929292;
    font-size: 12px;
    line-height: 11px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase
}

.list-column-title.list-column-title-right {
    text-align: right
}

.row-title-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 27.5%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.list-row-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 8px;
    border-bottom: 1px solid #e4e4e4
}

.list-row-title-wrapper.list-row-title-wrapper-dark {
    border-bottom-color: #1a1a1a
}

.row-item-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 54.5%;
    margin-right: 2%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.row-item-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.row-item-middle {
    width: 41.5%;
    margin-right: 2%
}

.list-row-wrapper-stack {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.list-item-text {
    font-size: 15px;
    line-height: 1.3em
}

.list-item-text-right {
    line-height: 1em;
    text-align: right
}

.list-item-text-right.list-item-text-right-dark {
    color: #f7f7fa
}

.mobile-nav-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mobile-nav-menu-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    display: none;
    background-color: rgba(8, 17, 38, .55);
    opacity: 0
}

.rich-media-wrapper {
    position: relative;
    width: 80%;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    box-shadow: none
}

.rich-media-wrapper.rich-media-wrapper-120 {
    height: 120px
}

.rich-media-wrapper.rich-media-wrapper-150 {
    height: 150px;
    border-radius: 11px
}

.rich-media-wrapper.rich-media-wrapper-150.rich-media-wrapper-border {
    height: 152px
}

.rich-media-wrapper.rich-media-wrapper-80 {
    height: 80px
}

.rich-media-wrapper.rich-media-wrapper-220 {
    height: 220px;
    border-radius: 11px
}

.rich-media-wrapper.rich-media-wrapper-220.rich-media-wrapper-border {
    height: 222px
}

.rich-media-wrapper.rich-media-wrapper-border {
    border: 1px solid #e4e4e4;
    border-radius: 11px
}

.rich-media-wrapper.rich-media-wrapper-100 {
    height: 100px
}

.rich-media-wrapper.rich-media-wrapper-140 {
    height: 140px;
    border-radius: 11px
}

.rich-media-wrapper.rich-media-wrapper-270 {
    height: 270px
}

.rich-media-wrapper.rich-media-wrapper-230 {
    height: 230px
}

.rich-media-wrapper.rich-media-wrapper-173 {
    height: 173px
}

.rich-media-wrapper.rich-media-wrapper-buzzsprout {
    overflow: hidden;
    height: 366px;
    border-radius: 5px
}

.rich-media-wrapper.rich-media-wrapper-175 {
    height: 175px
}

.rich-media-wrapper.rich-media-wrapper-175.rich-media-wrapper-border {
    height: 177px
}

.rich-media-wrapper.rich-media-wrapper-450 {
    height: 450px;
    border-radius: 11px
}

.rich-media-wrapper.rich-media-wrapper-450.rich-media-wrapper-border {
    height: 452px
}

.rich-media-wrapper.rich-media-wrapper-tiktok {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 523px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #fff
}

.rich-media-wrapper.rich-media-wrapper-tiktok.rich-media-wrapper-tiktok-dark {
    background-color: #1a1a1a
}

.rich-media-wrapper.rich-media-wrapper-tweet {
    min-height: 208px;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    background-color: #fff;
    background-image: url('../images/twitter-icon.svg');
    background-position: 50% 50%;
    background-size: 40px;
    background-repeat: no-repeat
}

.rich-media-wrapper.rich-media-wrapper-tweet.rich-media-wrapper-tweet-dark {
    background-color: #000
}

.rich-media-wrapper.rich-media-wrapper-tiktok {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 523px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #fff
}

.rich-media-wrapper.rich-media-wrapper-tiktok.rich-media-wrapper-tiktok-dark {
    background-color: #1a1a1a
}

.rich-media-wrapper.rich-media-wrapper-bandsintown {
    padding: 15px;
    border-radius: 2px;
    background-color: #fff
}

.rich-media-wrapper.rich-media-wrapper-180 {
    height: 180px
}

.rich-media-wrapper.rich-media-wrapper-325 {
    height: 325px
}

.rich-media-wrapper.rich-media-wrapper-250 {
    height: 250px
}

.rich-media-wrapper.rich-media-wrapper-335 {
    height: 335px
}

.link-icon-float-image {
    position: relative;
    border-radius: 2px
}

.link-icon-float-image.link-icon-float-image-invert {
    /* -webkit-filter: invert(100%); */
    /* filter: invert(100%) */
}

.link-arrow-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-right: 25px;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.edit-link-details-click {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer
}

.edit-link-details-click.edit-link-details-click-section {
    padding-left: 8px
}

.new-link-buttons-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.error-header {
    color: #3673fc;
    font-size: 75px;
    line-height: 1em;
    font-weight: 500
}

.preview-bkg.preview-bkg-dark {
    background-color: #242424
}

.small-toggle-wrapper-on-editor {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 55px;
    height: 30px;
    margin-bottom: 15px;
    margin-left: 1px;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.small-toggle-wrapper-on-editor.small-toggle-wrapper-on-editor-no-bottom-margin {
    margin-bottom: 0
}

.editor-upload-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 45px;
    margin-bottom: 15px;
    padding-right: 25px;
    padding-left: 23px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: dashed;
    border-width: 1px;
    border-color: #3673fc;
    border-radius: 1px;
    color: #3673fc;
    font-size: 16px;
    text-decoration: none
}

.editor-upload-button:focus {
    border-style: dashed;
    border-width: 1px;
    border-color: #3673fc
}

.editor-upload-button-icon {
    height: 22px;
    margin-right: 10px
}

.coming-soon-card {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-bottom: 55px;
    margin-left: auto;
    padding: 200px 60px;
    border-radius: 1px
}

.coming-soon-text {
    color: #e0e0e3;
    font-size: 50px;
    line-height: 1em;
    font-weight: 500;
    text-align: center;
    cursor: default
}

.coming-soon-text.coming-soon-text-dark {
    color: #333
}

.link-button-beacon {
    position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 3px;
    background-color: #3673fc;
    opacity: .85
}

.home-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.home-footer-column {
    width: 17.5%;
    padding-right: 20px
}

.home-footer-column.home-footer-column-brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.home-footer-column-logo {
    width: 150px;
    margin-bottom: 15px
}

.home-footer-column-logo.w--current {
    width: 150px
}

.home-footer-column-header {
    margin-top: 0;
    margin-bottom: 30px;
    color: #1a1a1a;
    font-size: 19px;
    font-weight: 500
}

.home-footer-column-item {
    margin-bottom: 25px;
    color: #929292;
    font-size: 15px;
    text-transform: none
}

.home-footer-link {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #929292
}

.home-footer-link:hover {
    display: block;
    width: auto;
    color: #1a1a1a
}

.page-switch-button {
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 11px 15px;
    border: 1px solid #e4e4e4;
    box-shadow: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-size: 16px
}

.page-switch-button:hover {
    border-color: #3673fc
}

.page-switch-button:focus {
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc
}

.page-switch-button.page-switch-button-handle {
    margin-right: 0;
    margin-bottom: 0
}

.page-switch-button-text {
    color: #3673fc
}

.call-to-action {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 500px;
    padding: 75px 55px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .15)
}

.cta-header {
    margin-bottom: 30px;
    font-size: 60px;
    line-height: 1em;
    font-weight: 600;
    text-align: center
}

.curve-shape-1 {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 0;
    height: 70%
}

.curve-shape-2 {
    position: absolute;
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
    z-index: 0;
    height: 70%
}

.cta-content-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 500px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.faq-item-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.faq-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 32.5%;
    margin-bottom: 15px;
    padding: 35px 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: none
}

.heading {
    margin-bottom: 20px;
    font-weight: 500
}

.legal-wrapper {
    max-width: 1050px;
    margin-right: auto;
    margin-left: auto
}

.legal-content {
    padding: 55px 65px;
    background-color: #fff;
    font-size: 16px
}

.legal-rich-text h2 {
    margin-top: 40px;
    line-height: 1.2em;
    font-weight: 500
}

.legal-rich-text p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5em
}

.legal-rich-text li {
    margin-bottom: 10px;
    line-height: 1.6em
}

.legal-rich-text h4 {
    margin-bottom: 40px;
    color: #929292;
    font-size: 14px;
    font-weight: 400
}

.legal-rich-text a {
    border-bottom: 1px solid #d8d8d8;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #3673fc
}

.legal-rich-text a:hover {
    border-bottom-color: #3673fc;
    color: #2566fa
}

.remember-me-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.remember-toggle-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.remember-checkbox {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    height: 20px;
    margin-top: 0;
    margin-left: 0;
    opacity: 0;
    cursor: pointer
}

.remember-toggle-button-bg-off {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 50%;
    background-color: #3673fc;
    opacity: 1
}

.remember-toggle-button {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .38)
}

.page-heading {
    margin-top: 0;
    margin-bottom: 45px;
    font-size: 50px;
    line-height: 1em;
    font-weight: 600;
    text-align: center
}

.section-heading-small {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 50px;
    line-height: 1em;
    font-weight: 500
}

.remember-toggle-button-bg-on {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 50%;
    background-color: #f4f4f7;
    opacity: 1
}

.tiny-toggle-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35px;
    height: 14px;
    margin-right: 5px;
    margin-bottom: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.builder-wrapper {
    min-height: 100vh;
    padding: 73px
}

.builder-card {
    padding: 60px;
    background-color: #fff
}

.builder-card.builder-card-dark {
    background-color: #f4f4f7
}

.contact-method-title {
    width: 100%;
    margin-bottom: 25px
}

.select-field {
    position: relative;
    width: 100%;
    height: 60px;
    margin-bottom: 15px;
    padding-right: 12px;
    padding-left: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #e2e2e2;
    border-radius: 1px;
    background-color: #f4f4f7;
    background-image: url('../images/feature-arrow.svg');
    background-position: 98% 50%;
    background-size: auto 11px;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer
}

.select-field:focus {
    border-color: #e2e2e2
}

.select-field::-webkit-input-placeholder {
    color: #d1d1d1;
    text-transform: none
}

.select-field:-ms-input-placeholder {
    color: #d1d1d1;
    text-transform: none
}

.select-field::-ms-input-placeholder {
    color: #d1d1d1;
    text-transform: none
}

.select-field::placeholder {
    color: #d1d1d1;
    text-transform: none
}

.select-field.select-field-short {
    background-position: 95% 50%
}

.select-field.select-field-dark {
    border-color: #1a1a1a;
    background-color: #242424;
    color: #fff
}

.element-card-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-bottom: 40px;
    padding: 20px 50px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px none #e4e4e4;
    border-bottom: 1px solid #e4e4e4
}

.element-card-header.element-card-header-dark {
    border-bottom-color: #1a1a1a
}

.feedback-card-details {
    font-size: 16px;
    font-weight: 400
}

.feedback-card-details.feedback-card-details-spacer {
    margin-right: 8px;
    margin-left: 8px
}

.feedback-card-details-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.feedback-subject-header {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 500
}

.feedback-card-email {
    display: block;
    margin-right: 15px;
    border-bottom: 1px solid #d8d8d8;
    color: #3673fc;
    font-size: 25px;
    line-height: 1em
}

.feedback-card-agent-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #929292;
    line-height: 1.5em
}

.feedback-delete-button {
    color: #ee4266
}

.beta-welcome-logo {
    display: block;
    height: 30px
}

.beta-message-rich-text p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5em
}

.beta-message-rich-text h4 {
    margin-top: 20px;
    margin-bottom: 10px
}

.beta-message-rich-text h2 {
    font-size: 31px;
    font-weight: 400
}

.beta-message-rich-text h3 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: 400
}

.beta-message-rich-text ol {
    font-size: 16px
}

.beta-message-rich-text li {
    margin-bottom: 15px;
    line-height: 1.5em
}

.beta-message-rich-text figcaption {
    color: #929292;
    font-size: 12px;
    font-style: italic
}

.beta-message-rich-text a {
    border-bottom: 1px solid #d4d4d4;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #3673fc
}

.beta-message-rich-text a:hover {
    border-bottom-color: #3673fc
}

.beta-message-rich-text a:focus {
    border-bottom: 1px solid #3673fc
}

.beta-message-rich-text strong {
    font-weight: 600
}

.beta-message-rich-text figure {
    margin-top: 30px;
    margin-bottom: 30px
}

.db-sidebar-notification {
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    bottom: auto;
    z-index: 999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 23px;
    height: 23px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #ff2653;
    color: #fff;
    font-size: 11px;
    line-height: 1em;
    font-weight: 500
}

.db-sidebar-info-image {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.preset-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.preset-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 23%;
    height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 20px 5px 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e4e4e4;
    font-weight: 400
}

.preset-image {
    height: 100%;
    margin-right: 10px
}

.preset-request-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.feedback-card-title {
    margin-right: 15px;
    font-size: 25px
}

.copy-link-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    padding: 7px 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid #e4e4e4;
    border-radius: 1px;
    background-color: #fff;
    color: #3673fc;
    line-height: 16px;
    cursor: pointer
}

.copy-link-button.copy-link-button-icon-only {
    width: 40px;
    height: 40px
}

.copy-link-button.copy-link-button-icon-only:focus {
    border: 1px solid #e4e4e4
}

.copy-link-button.copy-link-button-icon-only.copy-link-button-icon-only-dark {
    border-color: #1a1a1a;
    background-color: #333
}

.copy-link-button.copy-link-button-dark {
    border-color: #333;
    background-color: #242424
}

.copy-link-icon {
    height: 20px;
    margin-right: 8px
}

.copy-link-icon.copy-link-icon-only {
    margin-right: 0
}

.copy-link-icon.copy-link-icon-only-check {
    height: 18px;
    margin-right: 0
}

.copy-link-icon.copy-link-icon-only-check.copy-link-icon-only-check-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.copy-link-icon.copy-link-icon-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.copy-link-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    opacity: 0;
    color: #1a1a1a;
    font-size: 15px
}

.copy-link-overlay.copy-link-overlay-dark {
    background-color: #333;
    color: #fff
}

.social-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.social-button-wrapper.social-button-wrapper-bottom {
    margin-top: 15px;
    margin-bottom: 0
}

.social-button-wrapper.social-button-wrapper-bottom.social-button-wrapper-msim.social-button-wrapper-msim-bottom {
    margin-bottom: 0
}

.social-button-wrapper.social-button-wrapper-dark {
    background-color: #333
}

.social-button-wrapper.social-button-wrapper-msim {
    margin-bottom: 3px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.social-button-wrapper.social-button-wrapper-preview {
    margin-bottom: 3px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.social-button {
    position: relative;
    margin-right: 5px;
    margin-left: 5px
}

.social-button.facebook-like-button {
    min-height: 25px;
    min-width: 25px;
    margin-bottom: 0
}

.social-button.facebook-like-button.facebook-like-button-fix {
    margin-right: 0;
    margin-left: 0
}

.social-button.twitter-share-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    margin-top: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.social-button.youtube-sub-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 29px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.social-button.spotify-follow-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    margin-bottom: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.feedback-user-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 25px;
    line-height: 1em
}

.small-user-image-wrapper {
    width: 50px;
    height: 50px;
    margin-right: 15px
}

.small-user-image-wrapper.small-user-image-wrapper-xs {
    position: relative;
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.small-user-image-wrapper.small-user-image-wrapper-page {
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.save-indicator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #333;
    color: #333;
    cursor: default
}

.save-indicator.save-indicator-dark {
    border-color: #fff;
    color: #fcfcfc
}

.style-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.style-nav {
    width: 20%
}

.style-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.style-nav-list-item {
    padding-top: 5px;
    padding-bottom: 5px
}

.style-nav-link {
    display: inline-block;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #b6b6b6;
    font-size: 20px;
    font-weight: 400
}

.style-nav-link:hover {
    color: #1a1a1a
}

.style-nav-link.w--current {
    color: #1a1a1a
}

.style-nav-list {
    padding-top: 35px;
    padding-right: 20px;
    padding-left: 0
}

.style-nav-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 50px
}

.style-logo-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 75px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.style-content-item {
    width: 32%;
    margin-bottom: 15px
}

.style-content-item.style-content-item-half {
    width: 49%
}

.style-logo-preview {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 200px;
    margin-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #e6e6e6;
    background-image: url('../images/checker.svg');
    background-position: 0 0;
    background-size: 13px
}

.style-logo-description {
    line-height: 1.7em
}

.solo-logo-preview-image {
    max-height: 40px
}

.solo-logo-preview-image.solo-logo-preview-image-vertical {
    max-height: 75px;
    max-width: 80%
}

.solo-logo-preview-image.solo-logo-preview-image-banner {
    max-height: 115px;
    max-width: 80%
}

.style-content-section-title {
    width: 100%;
    margin-bottom: 25px;
    padding-top: 50px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 25px
}

.style-color-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.style-color {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 200px;
    margin-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.style-color.style-color-blue {
    border-radius: 1px;
    background-color: #3673fc
}

.style-color.style-color-ultrablue {
    border: 1px solid #e4e4e4;
    background-color: #f4f4f7
}

.style-color.style-color-black {
    border-radius: 1px;
    background-color: #1a1a1a
}

.style-color.style-color-white {
    background-color: #fff
}

.style-color.style-color-grey {
    background-color: #e4e4e4
}

.style-color.style-color-red {
    border-radius: 1px;
    background-color: #ee4266
}

.style-color.style-color-green {
    border-radius: 1px;
    background-color: #1fcc6d
}

.style-color.style-color-purple {
    border-radius: 1px;
    background-color: #7f7eff
}

.copy-hover-text {
    z-index: 0;
    opacity: 0;
    color: #b6b6b6;
    cursor: default
}

.copy-link-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fineprint {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fineprint-link-wrapper {
    color: #929292
}

.email-brand {
    padding-top: 30px;
    padding-bottom: 30px
}

.email-content {
    width: 90%;
    max-width: 700px;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
    padding: 60px 20px 30px;
    border-bottom: 5px solid #3673fc;
    background-color: #fff;
    line-height: 1em
}

.email-footer {
    padding-top: 35px;
    padding-bottom: 30px;
    line-height: 1em
}

.email-container {
    width: 90%;
    margin-right: auto;
    margin-left: auto
}

.email-container.email-container-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.email-content-greeting {
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 1em;
    font-weight: 500
}

.email-content-paragraph {
    margin-bottom: 40px;
    color: #929292;
    font-size: 17px;
    line-height: 1.5em
}

.email-content-paragraph.email-content-paragraph-small {
    font-size: 14px
}

.email-brand-logo {
    height: 35px
}

.email-content-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.email-content-signature-text {
    margin-bottom: 10px;
    color: #929292;
    font-size: 17px;
    line-height: 1.4em
}

.email-content-signature-image {
    height: 55px;
    margin-bottom: 45px;
    opacity: .7
}

.email-content-line {
    width: 100%;
    height: 1px;
    margin-bottom: 25px;
    background-color: #e4e4e4
}

.email-footer-links {
    margin-bottom: 25px;
    color: #929292;
    font-size: 16px;
    text-align: center
}

.email-footer-details {
    margin-bottom: 25px;
    color: #b6b6b6;
    font-size: 14px;
    line-height: 1.5em;
    text-align: center
}

.email-footer-logo {
    height: 25px;
    opacity: .4
}

.user-item {
    margin-bottom: 10px;
    border: 1px solid #e4e4e4
}

.user-item.user-item-dark {
    border-color: #1a1a1a
}

.user-item-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 5px solid #3673fc
}

.user-item-wrapper.user-item-wrapper-entrepreneur {
    border-left-color: rgba(54, 115, 252, .5)
}

.user-item-wrapper.user-item-wrapper-personal {
    border-left-color: rgba(54, 115, 252, .2)
}

.user-item-wrapper.user-item-wrapper-beginner {
    border-left-color: #e4e4e4
}

.user-item-wrapper.user-item-wrapper-beginner.user-item-wrapper-beginner-dark {
    border-left-color: #242424
}

.user-item-wrapper.user-item-wrapper-paid {
    border-left-color: #2ee07e
}

.user-item-arrow {
    height: 12px
}

.user-item-arrow.user-item-arrow-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.user-item-arrow-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 5%;
    padding-left: 15px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.user-item-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer
}

.user-item-info-username {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 47%;
    padding-right: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.user-item-info-email {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 53%;
    padding-right: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.user-item-info-email.user-item-info-email-bounced {
    color: #ee4266
}

.user-item-text {
    width: 100%;
    font-size: 15px;
    line-height: 1.3em
}

.user-item-text.user-item-text-username {
    width: 100%
}

.small-user-image {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.user-item-details {
    padding-right: 20px;
    padding-left: 20px
}

.user-item-details-title {
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 1em;
    font-weight: 500
}

.user-item-details-title.user-item-details-title-info {
    margin-top: 30px
}

.user-item-details-info-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.user-item-details-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    margin-bottom: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.user-item-details-info.user-item-details-info-email {
    display: none
}

.user-item-details-info-title {
    margin-right: 5px;
    font-weight: 500
}

.user-item-details-info-data {
    display: inline-block;
    margin-right: 5px;
    color: #929292
}

.user-item-details-info-data.user-item-details-info-data-copy {
    position: relative;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.user-item-details-info-data.user-item-details-info-data-copy:hover {
    color: #3673fc
}

.user-item-info-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fineprint-link {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #929292
}

.fineprint-link:hover {
    color: #1a1a1a
}

.fineprint-link.fineprint-link-dark:hover {
    color: #fff
}

.style-logo-download {
    position: absolute;
    left: auto;
    top: auto;
    right: 15px;
    bottom: 10px;
    height: 20px;
    opacity: 0
}

.analytics-card-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.analytics-card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 49%;
    margin-bottom: 20px;
    padding: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 1px solid #e4e4e4;
    border-radius: 1px
}

.analytics-card.analytics-card-links {
    width: 100%;
    min-width: 0;
    padding-bottom: 10px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.analytics-card.analytics-card-dark {
    border-color: #1a1a1a
}

.analytics-card-title {
    margin-bottom: 25px;
    font-size: 25px;
    line-height: 1em;
    font-weight: 400
}

.analytics-card-count {
    color: #3673fc;
    font-size: 65px;
    line-height: 1em;
    font-weight: 500
}

.analytics-card-count.analytics-card-count-blurred {
    -webkit-filter: blur(14px);
    filter: blur(14px)
}

.analytics-card-list {
    width: 100%;
    margin-bottom: 35px
}

.analytics-card-list.analytics-card-list-v2 {
    margin-bottom: 20px
}

.analytics-card-change-wrapper {
    position: static;
    left: auto;
    top: auto;
    right: 20px;
    bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #929292
}

.analytics-card-change-icon {
    height: 10px;
    margin-right: 7px;
    margin-bottom: 1px
}

.analytics-card-change-text {
    margin-right: 7px;
    color: #1fcc6d;
    font-size: 16px;
    line-height: 1em;
    font-weight: 500
}

.analytics-card-change-text.analytics-card-change-text-red {
    color: #ee4266
}

.analytics-dropdown-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    padding-right: 50px;
    padding-left: 50px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.analytics-dropdown {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 55px 15px 25px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e4e4e4;
    border-radius: 1px;
    font-size: 16px;
    text-align: center;
    letter-spacing: .25px;
    cursor: pointer
}

.analytics-dropdown.analytics-dropdown-dark {
    border-color: #1a1a1a
}

.analytics-card-list-item {
    margin-bottom: 10px;
    padding: 7px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px solid #e4e4e4;
    cursor: pointer
}

.analytics-card-list-item.analytics-card-list-item-selected {
    border-color: rgba(54, 115, 252, .75)
}

.analytics-card-list-item.analytics-card-list-item-selected.analytics-card-list-item-selected-dark {
    border-color: #3673fc
}

.analytics-card-list-item.analytics-card-list-item-dark {
    border-color: #1a1a1a
}

.analytics-card-list-item-title {
    margin-bottom: 1px;
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 400
}

.analytics-card-list-item-url {
    color: #929292;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 400
}

.analytics-card-list-item-count {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 1em;
    font-weight: 400
}

.analytics-card-list-item-count.analytics-card-list-item-count-key {
    font-size: 15px
}

.analytics-card-list-item-count.analytics-card-list-item-count-key-mobile {
    display: none;
    font-size: 14px
}

.analytics-card-list-item-count.analytics-card-list-item-count-blurred {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.analytics-card-list-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.analytics-thumbnail-wrapper {
    width: 50px;
    height: 50px;
    margin-right: 12px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.analytics-card-list-stat-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 8px;
    padding-left: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.dropdown-list {
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    bottom: auto;
    display: none;
    width: 105%;
    margin-top: 10px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    box-shadow: 0 15px 30px 0 rgba(189, 189, 191, .2)
}

.dropdown-list.w--open {
    width: 110%;
    margin-top: 5px;
    border: 1px solid #e4e4e4;
    border-radius: 1px;
    background-color: transparent;
    box-shadow: 0 14px 20px -5px rgba(0, 0, 0, .09);
    opacity: 1;
    font-weight: 500
}

.dropdown-list.dropdown-list-dark {
    display: none;
    border-color: #242424
}

.dropdown-link {
    width: 100%;
    padding: 15px 30px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: left
}

.dropdown-link:hover {
    background-color: #f7f7fa
}

.dropdown-link.dropdown-link-dark {
    background-color: #333;
    color: #fff
}

.dropdown-link.dropdown-link-dark:hover {
    background-color: #2b2b2b
}

.analytics-dropdown-holder {
    position: relative;
    z-index: 1
}

.utility-error-message-wrapper {
    margin-bottom: 15px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    color: #ee4266
}

.user-action-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.send-link-icon {
    position: absolute;
    height: 20px;
    opacity: 0
}

.send-link-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    margin-right: 10px;
    padding: 7px 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid #e4e4e4;
    border-radius: 1px;
    background-color: #fff;
    color: #3673fc;
    line-height: 16px;
    cursor: pointer
}

.send-link-button:focus {
    border: 1px solid #e4e4e4
}

.send-link-button.send-link-button-inactive {
    cursor: default
}

.expired-link-icon {
    height: 14px;
    opacity: .55
}

.element-card-announcment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.delete-confirmation-text {
    color: #ee4266;
    font-weight: 600;
    text-align: center
}

.delete-confirmation-paragraph {
    margin-bottom: 20px;
    font-weight: 500
}

.analytics-card-list-item-count-spacer {
    padding-right: 5px;
    padding-left: 5px;
    color: #b6b6b6;
    font-size: 14px
}

.analytics-card-list-key-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.analytics-card-list-item-content-wrapper {
    overflow: hidden
}

.analytics-card-list-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hiw-video-wrapper {
    display: block;
    overflow: hidden;
    width: 45%;
    height: 500px;
    margin-right: 50px;
    padding: 70px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.overflow-block {
    overflow: hidden;
    margin-bottom: 5px
}

.sign-up-profile-pic {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-image: url('../images/marc.jpg');
    background-position: 50% 50%;
    background-size: cover;
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .21)
}

.sign-up-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 325px;
    height: 60px;
    margin-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f7;
    color: #3673fc;
    font-size: 18px;
    line-height: 1em;
    font-weight: 500
}

.sign-up-profile-bio {
    margin-bottom: 0;
    font-size: 11px;
    text-align: center
}

.sign-up-profile-name {
    position: relative;
    font-size: 16px;
    font-weight: 500
}

.sign-up-profile-location-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 5px;
    margin-bottom: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #929292;
    font-size: 11px;
    font-weight: 300
}

.sign-up-bar-url {
    width: 100%;
    height: 18px
}

.sign-up-profile-bkg {
    position: relative;
    height: 100px;
    background-image: url('../images/marc-bg.jpg');
    background-position: 50% 50%;
    background-size: cover;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.hiw-animation-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    height: 500px;
    margin-right: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sign-up-location-icon {
    width: 12px;
    height: 12px;
    margin-right: 5px
}

.sign-up-profile-wrapper {
    overflow: hidden;
    width: 325px;
    height: 250px;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.sign-up-profile-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -50px;
    padding-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.addc-link-wrapper {
    width: 100%;
    margin-bottom: 15px
}

.addc-link-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 98%;
    height: 80px;
    margin-left: 2%;
    padding-left: 70px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    box-shadow: 0 14px 30px -5px rgba(0, 0, 0, .08);
    font-size: 16px;
    text-decoration: none
}

.addc-link-button:focus {
    border: 1px solid #e4e4e4
}

.link-url-2 {
    color: #929292;
    font-size: 14px;
    font-weight: 300
}

.share-solo-icon {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 3px;
    box-shadow: 0 15px 35px 0 rgba(54, 115, 252, .4)
}

.share-item-icon {
    border-radius: 3px;
    -webkit-filter: blur(0px);
    filter: blur(0px)
}

.share-solo-icon-wrapper {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90px;
    height: 90px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.share-item-logo-wrapper {
    position: absolute;
    width: 50px;
    height: 50px
}

.color-picker-wrapper {
    max-width: 300px
}

.color-picker-display {
    height: 175px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3673fc;
    line-height: 1em
}

.color-picker-swatches {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.color-picker-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px
}

.color-picker-swatch {
    width: 40px;
    height: 40px;
    margin: 5px;
    border-radius: 2px;
    background-color: #3673fc;
    cursor: pointer
}

.swatch-icon {
    position: relative;
    width: 35px
}

.add-link-menu {
    position: absolute;
    left: 100px;
    top: -10px;
    z-index: 100;
    min-width: 200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    box-shadow: 0 15px 30px 0 rgba(189, 189, 191, .2);
    opacity: 1;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}

.add-link-menu.add-link-menu-dark {
    border-color: #1a1a1a;
    background-color: #333;
    box-shadow: 0 15px 30px 0 rgba(15, 15, 15, .2)
}

.add-link-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 10px 15px 25px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e4e4e4;
    color: #3673fc;
    font-size: 20px;
    line-height: 25px;
    cursor: pointer
}

.add-link-menu-item:hover {
    background-color: #f7f7fa
}

.add-link-menu-item.add-link-menu-item-bottom {
    border-bottom-style: none
}

.add-link-menu-item.add-link-menu-item-dark {
    border-bottom-color: #1a1a1a
}

.add-link-menu-item.add-link-menu-item-dark:hover {
    background-color: #2b2b2b
}

.add-link-menu-icon {
    width: 25px;
    height: 22px;
    margin-right: 15px
}

.add-link-menu-icon.add-link-menu-icon-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.social-button-placeholder {
    height: 28px;
    margin-right: 5px;
    margin-left: 5px
}

.social-button-placeholder.social-button-placeholder-small {
    height: 24px
}

.social-button-placeholder.social-button-placeholder-preview {
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 4px
}

.social-button-placeholder.social-button-placeholder-msim {
    margin-bottom: 10px
}

.scheduled-indicator-tag {
    position: absolute;
    left: auto;
    top: -7px;
    right: 10px;
    bottom: auto;
    z-index: 1;
    padding: 3px 6px 2px;
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc;
    border-radius: 2px;
    background-color: #fff;
    color: #3673fc;
    font-size: 10px;
    line-height: 1.8em;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
    cursor: default
}

.scheduled-indicator-tag.scheduled-indicator-tag-dark {
    background-color: #333
}

.scheduled-indicator-tag.scheduled-indicator-tag-archived {
    border-color: #b6b6b6;
    color: #929292
}

.hd-article {
    margin-right: auto;
    margin-left: auto;
    padding: 30px;
    border-bottom: 5px solid #3673fc;
    background-color: #fff;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .15)
}

.hd-article-richtext {
    font-size: 16px
}

.hd-article-richtext figcaption {
    color: #929292;
    font-size: 14px
}

.hd-article-richtext h2 {
    margin-bottom: 30px;
    font-weight: 500
}

.hd-article-richtext h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500
}

.hd-article-richtext a {
    border-bottom: 1px solid #d8d8d8;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #3673fc
}

.hd-article-richtext a:hover {
    border-bottom-color: #3673fc
}

.hd-article-richtext p {
    margin-bottom: 20px;
    line-height: 1.5em
}

.hd-article-richtext ol {
    margin-bottom: 15px;
    line-height: 1.8em
}

.hd-article-richtext ul {
    line-height: 1.5em
}

.hd-article-richtext blockquote {
    margin-top: 20px;
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    border-color: #e4e4e4 #e4e4e4 #e4e4e4 #3673fc;
    border-radius: 1px;
    font-size: 16px;
    font-style: italic
}

.hd-article-wrapper {
    width: 90%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto
}

.hd-article-title {
    margin-top: 0;
    margin-bottom: 50px;
    color: #3673fc;
    font-size: 45px;
    line-height: 1em;
    font-weight: 600;
    text-align: left
}

.hd-hero {
    padding-top: 135px;
    padding-bottom: 65px
}

.hd-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: center
}

.hd-search-title {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 40px;
    line-height: 1em;
    font-weight: 500
}

.hd-category-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hd-category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 25px;
    padding: 45px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 5px solid transparent;
    background-color: #fff;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.hd-category:hover {
    border-bottom-color: #3673fc
}

.hd-category-article-count {
    color: #3673fc;
    font-size: 16px
}

.contact-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-button-wrapper.contact-button-wrapper-dark {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #333
}

.contact-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 5px;
    margin-left: 5px;
    padding: 10px 13px 9px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid #e4e4e4;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-weight: 400;
    cursor: pointer
}

.contact-button:hover {
    border-color: #b6b6b6
}

.contact-button:focus {
    border: 1px solid #e4e4e4
}

.contact-button.contact-button-dark {
    border-color: #929292;
    color: #fff
}

.contact-button.contact-button-dark:hover {
    border-color: #fff
}

.contact-button.contact-button-colorful {
    padding: 11px 14px 10px;
    border-style: none;
    background-color: #f4f4f7
}

.contact-button.contact-button-colorful:hover {
    background-color: #e5e5e8
}

.contact-button.contact-button-colorful.contact-button-colorful-dark {
    background-color: #242424;
    color: #fff
}

.contact-button.contact-button-colorful.contact-button-colorful-dark:hover {
    background-color: #141414
}

.contact-button-image {
    height: 18px;
    margin-right: 10px
}

.contact-button-image.contact-button-image-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.contact-button-text {
    line-height: 1em;
    text-align: center
}

.social-button-wrapper-yt.social-button-wrapper-yt-msim {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.upgrade-modal-heading {
    position: relative;
    padding: 25px 45px 5px
}

.upgrade-modal-logo {
    display: block;
    height: 25px;
    margin-right: auto;
    margin-left: auto
}

.upgrade-modal-action {
    padding: 25px 45px
}

.upgrade-modal-content {
    padding-top: 10px;
    padding-right: 45px;
    padding-left: 45px
}

.upgrade-modal-feature-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px
}

.upgrade-modal-feature-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.upgrade-modal-close-button {
    position: absolute;
    left: auto;
    top: 15px;
    right: 15px;
    bottom: auto;
    width: 25px;
    height: 25px;
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.form-fineprint {
    color: #929292;
    font-size: 12px;
    line-height: 1.5em
}

.form-fineprint.form-fineprint-home-register {
    margin-bottom: 10px
}

.element-test {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.lottie-animation {
    position: absolute;
    width: 24px;
    height: 24px;
    opacity: 0
}

.home-hero {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    min-height: 100vh;
    padding-top: 100px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.hero-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    max-width: 511px;
    min-width: 500px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.hero-home-register {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column-gap: 15px;
    grid-row-gap: 0px
}

.hero-home-register.hero-home-register-mobile {
    display: none
}

.home-hero-register-form {
    max-width: 500px
}

.home-hero-blob {
    position: absolute;
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
    z-index: 0;
    height: 500px
}

.referral-link-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 2px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8e8eb;
    opacity: 0;
    font-size: 15px;
    cursor: pointer
}

.referral-link-overlay.referral-link-overlay-white {
    background-color: #fff
}

.mobile-sub-button {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none
}

.mobile-sub-button-wrapper {
    position: relative
}

.hidden-animation-trigger {
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    bottom: auto;
    display: none;
    width: 20px;
    height: 20px;
    background-color: #3673fc
}

.cta-logo {
    height: 45px;
    margin-bottom: 15px
}

.spacer {
    height: 500px
}

.consent {
    position: fixed;
    left: 20px;
    top: auto;
    right: auto;
    bottom: 20px;
    z-index: 1000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 275px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-style: solid;
    border-width: 1px;
    border-color: #f4f4f7;
    background-color: #fff
}

.consent-button {
    padding: 10px;
    background-color: #3673fc;
    color: #fff;
    text-align: center
}

.consent-info {
    padding: 17px;
    font-size: 13px
}

.modal-onboard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 500px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .15)
}

.modal-onboard-slider {
    height: auto;
    background-color: transparent
}

.modal-onboard-arrow-icon {
    color: #1a1a1a;
    font-size: 25px
}

.onboard-slider-nav {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 40px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 8px
}

.modal-onboard-arrow {
    position: relative;
    width: 50px;
    height: 40px;
    float: left
}

.modal-onboard-arrow.modal-onboard-arrow-left {
    left: 25px;
    top: auto;
    right: auto;
    bottom: 0
}

.modal-onboard-arrow.modal-onboard-arrow-right {
    left: auto;
    top: auto;
    right: 25px;
    bottom: 0;
    float: right
}

.onboard-slider-mask {
    width: 100%
}

.onboard-slide-title {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500
}

.onboard-slide-text {
    padding: 20px 30px;
    text-align: center
}

.onboard-slide-subtitle {
    color: #929292;
    font-size: 13px
}

.onboard-slide-image {
    width: 100%;
    height: 225px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0%;
    object-position: 50% 0%
}

.onboard-slide-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.onboard-slide-subtitle-username {
    color: #3673fc;
    font-weight: 500
}

.home-hero-image-slider {
    width: 45%;
    height: 100%;
    min-width: 575px;
    margin-left: 50px;
    background-color: transparent
}

.home-hero-slider-arrow {
    display: none
}

.home-hero-container {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 85%;
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home-hero-slider-nav {
    left: 50px;
    top: auto;
    right: auto;
    bottom: 8%;
    font-size: 7px
}

.upgrade {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.upgrade-info {
    width: 65%;
    margin-right: 50px;
    background-color: #fff;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .15)
}

.upgrade-action {
    padding-top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.upgrade-info-header {
    padding: 25px 35px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e4e4e4
}

.upgrade-info-plan-title {
    font-size: 30px;
    line-height: 1.2em
}

.upgrade-section-heading {
    margin-bottom: 50px
}

.upgrade-info-list-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 35px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.inactive-feature-text {
    color: #b6b6b6
}

.upgrade-action-plan-wrapper {
    margin-bottom: 40px;
    padding-bottom: 15px;
    border-bottom: 1px solid #b6b6b6
}

.upgrade-action-plan {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 70px;
    margin-bottom: 10px;
    padding-right: 18px;
    padding-left: 18px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #b6b6b6;
    font-size: 25px;
    line-height: 1em;
    cursor: pointer
}

.upgrade-action-plan:hover {
    color: #1a1a1a
}

.upgrade-action-plan.upgrade-action-plan-active {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(189, 189, 191, .15);
    color: #3673fc
}

.upgrade-action-title {
    margin-bottom: 50px;
    font-size: 30px;
    line-height: 1em
}

.upgrade-action-plan-current {
    font-size: 20px;
    font-weight: 500
}

.upgrade-switch-title-right-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.upgrade-saving-text {
    display: inline;
    overflow: hidden;
    color: #929292;
    font-size: 14px;
    text-align: center
}

.upgrade-action-info {
    display: none
}

.lock-icon {
    position: absolute;
    left: 65px;
    top: 7px;
    right: auto;
    bottom: auto;
    width: 17px;
    opacity: .35
}

.lock-icon.lock-icon-embed {
    position: relative;
    left: 10px;
    top: 0
}

.lock-icon.lock-icon-analytics {
    position: static;
    left: 110px;
    margin-top: 6px;
    margin-left: 10px
}

.lock-icon.lock-icon-social-buttons {
    position: relative;
    left: 2px;
    top: 11px
}

.lock-icon.lock-icon-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.lock-icon.lock-icon-collab {
    position: relative;
    left: 6px;
    top: -1px
}

.analytics-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.referral-card-list-item {
    padding: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-left: 5px solid #3673fc
}

.referral-card-list-item.referral-card-list-item-beginner {
    border-left-color: #e4e4e4
}

.referral-card-list-item.referral-card-list-item-beginner.referral-card-list-item-beginner-dark {
    border-left-color: #242424
}

.referral-card-list-item.referral-card-list-item-personal {
    border-left-color: rgba(54, 115, 252, .2)
}

.referral-card-list-item.referral-card-list-item-entrepreneur {
    border-left-color: rgba(54, 115, 252, .5)
}

.referral-card-list-item.referral-card-list-item-pro {
    border-left-color: #3673fc
}

.referral-card-list-item-info-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer
}

.referral-card-list-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.referral-card-list-item-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.referral-link-editor-wrapper {
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 25px
}

.referral-card-list-stat-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 8px;
    padding-left: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.referral-card-list-item-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.referral-card-list-item-outline {
    margin-bottom: 10px;
    border: 1px solid #e4e4e4
}

.referral-card-list-item-outline.referral-card-list-item-outline-dark {
    border-color: #1a1a1a
}

.sign-up-announcement {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 4px solid #2ee07e;
    background-color: #fff;
    color: #1fcc6d
}

.sign-up-announcement-icon {
    width: 15px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.sign-up-announcement-icon.sign-up-announcement-icon-white {
    -webkit-filter: brightness(0%) invert(100%);
    filter: brightness(0%) invert(100%)
}

.add-button-beacon {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #3673fc;
    opacity: .85
}

.link-placeholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: dashed;
    border-width: 1px;
    border-color: #b6b6b6;
    color: #b6b6b6
}

.minimal-button {
    width: 42px;
    height: 42px;
    margin-top: 0;
    margin-right: 8px;
    margin-left: 8px;
    padding: 0;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.minimal-button:hover {
    border-color: #b6b6b6
}

.minimal-button:focus {
    border: 1px solid #e4e4e4
}

.minimal-button.minimal-button-colorful {
    border-style: none;
    background-color: #f4f4f7
}

.minimal-button.minimal-button-colorful:hover {
    background-color: #e5e5e8
}

.minimal-button.minimal-button-colorful.minimal-button-colorful-dark {
    border-style: none;
    background-color: #242424
}

.minimal-button.minimal-button-colorful.minimal-button-colorful-dark:hover {
    background-color: #141414
}

.minimal-button.minimal-button-colorful.minimal-button-colorful-dark.minimal-button-colorful-dark-bottom {
    background-color: #333
}

.minimal-button.minimal-button-colorful.minimal-button-colorful-dark.minimal-button-colorful-dark-bottom:hover {
    background-color: #1a1a1a
}

.minimal-button.minimal-button-colorful.minimal-button-preview:hover {
    background-color: #f4f4f7
}

.minimal-button.minimal-button-colorful.minimal-button-colorful-bottom {
    background-color: #fff
}

.minimal-button.minimal-button-colorful.minimal-button-colorful-bottom:hover {
    background-color: #e5e5e8
}

.minimal-button.minimal-button-preview {
    margin-right: 4px;
    margin-left: 4px
}

.minimal-button.minimal-button-preview:hover {
    border-color: #e4e4e4
}

.minimal-button.minimal-button-preview.minimal-button-preview-edit {
    margin-right: 10px;
    margin-left: 0;
    -webkit-transition-property: none;
    transition-property: none
}

.minimal-button.minimal-button-square {
    border-radius: 0
}

.minimal-button.minimal-button-dark {
    border-color: #929292
}

.minimal-button.minimal-button-dark:hover {
    border-color: #fff
}

.minimal-button.minimal-button-msim {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px
}

.minimal-button.minimal-button-colorful-filled {
    border-style: none
}

.minimal-button.minimal-button-colorful-filled:hover {
    -webkit-filter: brightness(112%);
    filter: brightness(112%)
}

.minimal-button.minimal-button-colorful-filled.minimal-button-colorful-filled-lightbg:hover {
    -webkit-filter: brightness(96%);
    filter: brightness(96%)
}

.minimal-button.minimal-button-filled {
    border-style: none;
    background-color: #242424
}

.minimal-button.minimal-button-filled.minimal-button-filled-dark {
    background-color: #fff
}

.minimal-button-icon {
    border-radius: 50%
}

.minimal-button-icon.minimal-button-icon-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.minimal-button-icon.minimal-button-icon-inverted {
    -webkit-filter: invert(90%);
    filter: invert(90%)
}

.minimal-button-icon.minimal-button-icon-white {
    -webkit-filter: brightness(0%) invert(100%);
    filter: brightness(0%) invert(100%)
}

.advanced-card-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    padding: 15px 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-bottom: 1px solid #e4e4e4
}

.advanced-card-menu.advanced-card-menu-dark {
    border-bottom-color: #1a1a1a
}

.advanced-card-menu-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.social-oneclick-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.social-oneclick-wrapper.social-oneclick-wrapper-bottom {
    width: 100%;
    margin-top: 20px
}

.toggle-dollar-sign {
    margin-right: 10px;
    color: #1fcc6d;
    font-size: 20px;
    font-weight: 400
}

.user-search-tools {
    margin-bottom: 40px
}

.user-search-advanced-card {
    margin-bottom: 15px;
    padding: 15px;
    background-color: #fff
}

.email-section-title {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 1em;
    font-weight: 500
}

.email-image {
    margin-top: 10px;
    margin-bottom: 20px
}

.email-section {
    margin-bottom: 50px
}

.email-section.email-section-bottom {
    margin-bottom: 50px
}

.email-section.email-section-flex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.email-newsletter-title {
    margin-bottom: 40px;
    color: #3673fc;
    font-size: 30px;
    line-height: 1em;
    font-weight: 500
}

.email-spotlight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.email-spotlight-photo {
    width: 100px;
    height: 100px;
    margin-right: 30px;
    border: 1px solid #e4e4e4;
    border-radius: 50%
}

.email-spotlight-link {
    margin-bottom: 15px;
    color: #3673fc;
    font-size: 17px
}

.email-spotlight-job {
    font-size: 13px;
    text-align: left
}

.profile-location-text {
    text-align: center
}

.profile-location-text.profile-location-text-long {
    width: 100%
}

.search-static-icon-wrapper {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin-left: 1px;
    padding-top: 1px;
    padding-right: 0;
    padding-left: 18px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    font-size: 16px;
    font-weight: 500
}

.user-search-section {
    width: 48%
}

.user-search-section-title {
    margin-bottom: 10px;
    font-size: 16px
}

.user-search-sorting {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search-dropdown-holder {
    position: relative;
    width: 49%
}

.user-search-tools-facets {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card-field-info-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.field-label-info-button {
    position: relative;
    z-index: 2;
    width: 12px;
    height: 12px;
    margin-bottom: 10px;
    margin-left: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.field-label-info-button.field-label-info-button-analytics {
    margin-top: 8px;
    margin-bottom: 0
}

.field-label-info-button.field-label-info-button-referrals {
    margin-top: 2px;
    margin-bottom: 0;
    margin-left: 8px
}

.field-label-info-button.field-label-info-button-card-status {
    margin-right: 5px;
    margin-bottom: 0;
    margin-left: 0
}

.field-label-info-button-icon {
    position: relative;
    display: block;
    cursor: pointer
}

.info-popup {
    position: absolute;
    left: -49px;
    top: auto;
    bottom: 27px;
    display: none;
    width: 235px;
    height: auto;
    padding: 13px 16px;
    border: 1px solid #e4e4e4;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 15px 30px 0 rgba(189, 189, 191, .2);
    opacity: 0;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: 24% 50%;
    -ms-transform-origin: 24% 50%;
    transform-origin: 24% 50%;
    font-size: 13px;
    line-height: 1.5em
}

.info-popup.info-popup-right {
    left: -174px;
    display: none;
    opacity: 0;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: 75% 50%;
    -ms-transform-origin: 75% 50%;
    transform-origin: 75% 50%
}

.info-popup.info-popup-center {
    left: -115px;
    right: auto;
    display: none;
    opacity: 0;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.info-popup.info-popup-dark {
    display: none;
    border-color: #1a1a1a;
    background-color: #242424;
    box-shadow: 0 15px 30px 0 rgba(15, 15, 15, .2);
    opacity: 0
}

.info-popup.info-popup-collab {
    left: auto;
    right: auto;
    bottom: 50px;
    z-index: 1;
    width: auto;
    padding: 6px 8px;
    border-color: transparent;
    background-color: #242424;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    color: #fff
}

.info-popup-text {
    margin-bottom: 5px
}

.info-popup-text.info-popup-text-alone {
    margin-bottom: 0
}

.pop-up-message-carrot {
    position: absolute;
    left: 47px;
    bottom: -8px;
    width: 15px;
    height: 15px;
    border-style: none none solid solid;
    border-width: 1px;
    border-color: #e4e4e4;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pop-up-message-carrot.pop-up-message-carrot-right {
    left: 172px
}

.pop-up-message-carrot.pop-up-message-carrot-center {
    left: 113px
}

.pop-up-message-carrot.pop-up-message-carrot-dark {
    border-bottom-color: #1a1a1a;
    border-left-color: #1a1a1a;
    background-color: #242424
}

.pop-up-message-carrot.pop-up-message-carrot-collab {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    border-bottom-color: transparent;
    border-left-color: transparent;
    background-color: #242424
}

.info-popup-buffer {
    position: absolute;
    left: 44px;
    bottom: -28px;
    width: 20px;
    height: 30px;
    cursor: pointer
}

.info-popup-buffer.info-popup-buffer-right {
    left: 170px
}

.info-popup-buffer.info-popup-buffer-center {
    left: 110px
}

.info-popup-buffer.info-popup-buffer-collab {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto
}

.most-popular-tag {
    position: absolute;
    left: auto;
    top: -7px;
    right: 15px;
    bottom: auto;
    z-index: 1;
    padding: 3px 6px;
    border-radius: 1px;
    background-color: #3673fc;
    color: #fff;
    font-size: 10px;
    line-height: 1.8em;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
    cursor: default
}

.addc-wrapper {
    width: 325px
}

.addc-video-wrapper {
    position: relative;
    height: 188px
}

.addc-song-embed {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 74px;
    margin-bottom: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.addc-spotify-image {
    position: absolute;
    width: 100%;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .15);
    opacity: 1
}

.addc-apple-image {
    position: absolute;
    width: 100%;
    border-radius: 11px;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .15);
    opacity: 0
}

.addc-button-wrapper {
    margin-bottom: 15px
}

.addc-social-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.addc-social-button {
    width: 35px;
    height: 35px;
    margin-right: 8px;
    margin-left: 8px;
    padding: 0;
    border-radius: 50%;
    background-color: #f4f4f7;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.addc-social-button:hover {
    border-color: #b6b6b6;
    background-color: #e4e4e4
}

.addc-soundcloud-image {
    position: absolute;
    width: 100%;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .15);
    opacity: 0
}

.addc-vimeo-image {
    position: absolute;
    width: 100%;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .15)
}

.addc-youtube-image {
    position: absolute;
    width: 100%;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .15);
    opacity: 0
}

.compare-logo {
    width: 175px;
    max-height: 38px;
    margin-bottom: 20px
}

.compare {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #fff;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .15)
}

.compare-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e4e4e4
}

.compare-row-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    padding: 20px 20px 20px 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.compare-row-company {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
    padding: 15px 25px 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.compare-row-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
    padding: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.compare-item-check {
    width: 22px
}

.compare-header-feature {
    font-size: 17px
}

.compare-row-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #3673fc
}

.compare-header-section {
    font-size: 23px;
    font-weight: 500
}

.compare-row-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #fff
}

.compare-container {
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px
}

.compare-row-top-border {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #e4e4e4;
    opacity: 0
}

.compare-border-trigger {
    height: 0
}

.compare-plan {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 15%;
    font-size: 16px;
    text-align: center
}

.compare-item-text {
    font-size: 14px
}

.compare-row-cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.key {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 500px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.key-image-wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    min-height: 500px;
    min-width: 600px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.key-info {
    position: relative;
    z-index: 1;
    width: 45%;
    min-width: 500px;
    margin-right: 75px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.key-info-item-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.key-info-item {
    width: 48%;
    margin-bottom: 20px;
    padding: 25px;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .15)
}

.key-item-title {
    font-size: 20px;
    font-weight: 500
}

.key-item-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.key-item-icon {
    height: 25px;
    max-width: 25px;
    margin-right: 15px
}

.key-blob-top {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%
}

.square-switch-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    margin-bottom: 15px
}

.square-switch-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 85px;
    height: 100%;
    margin-bottom: 0;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px
}

.square-switch-button.square-switch-button-active {
    background-color: #3673fc;
    color: #fff
}

.square-switch-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #f4f4f7
}

.square-switch-container.square-switch-container-dark {
    background-color: #242424
}

.square-switch-radio {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    border-style: none;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    cursor: pointer
}

.square-switch-radio:hover {
    border-color: #abb0c7
}

.square-switch-radio.w--redirected-checked {
    border-style: none
}

.square-switch-radio.w--redirected-focus {
    box-shadow: none
}

.checkbox-label {
    position: relative;
    z-index: 5;
    margin-bottom: 0
}

.compare-hero-content {
    width: 50%;
    min-width: 550px;
    margin-top: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.review-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -180px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.review {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 24%;
    padding: 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-bottom: 4px solid #3673fc;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(51, 51, 51, .08)
}

.review-text {
    margin-bottom: 20px;
    color: #3673fc;
    font-size: 21px;
    line-height: 1.5em;
    font-weight: 500
}

.key-image {
    width: 45%;
    margin-right: 30px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-style: solid;
    border-width: 1px;
    border-color: #1a1a1a;
    border-radius: 35px;
    box-shadow: 0 25px 50px 0 rgba(51, 51, 51, .3)
}

.key-image.key-image-light {
    box-shadow: 0 25px 50px 0 rgba(51, 51, 51, .15)
}

.review-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.review-image-wrapper {
    width: 32px;
    height: 32px;
    margin-right: 15px
}

.review-name {
    color: #b6b6b6;
    font-size: 15px;
    font-weight: 500
}

.compare-hero-image-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    min-height: 500px;
    min-width: 500px;
    margin-right: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.compare-hero-container {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 85%;
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.compare-hero-image {
    width: 35%;
    height: auto;
    border-style: solid;
    border-width: 1px;
    border-color: #1a1a1a;
    border-radius: 25px;
    box-shadow: 0 25px 40px 0 rgba(51, 51, 51, .2)
}

.compare-hero-image.compare-hero-image-solo {
    width: 47%;
    margin-left: -57px;
    border-radius: 30px;
    background-color: #f4f4f7
}

.compare-hero-title {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 60px;
    line-height: 1.1em;
    font-weight: 500
}

.referral-social-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 32%;
    height: 45px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #f4f4f7;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    cursor: pointer
}

.referral-social-button:hover {
    background-color: #e8e8eb
}

.referral-social-button.referral-social-button-dark {
    background-color: #242424;
    color: #fff
}

.referral-social-button.referral-social-button-dark:hover {
    background-color: #1a1a1a
}

.referral-social-button.referral-social-button-white {
    background-color: #fff;
    color: #1a1a1a
}

.referral-social-button-icon {
    width: 19px;
    margin-right: 12px
}

.referral-social-button-icon.referral-social-button-icon-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.referral-social-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal-message-title {
    margin-bottom: 7px;
    font-weight: 600
}

.news-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #3673fc;
    color: #fff
}

.news-banner.news-banner-red {
    background-color: #ee4266
}

.share-style-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.share-style-option-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 110px;
    margin-right: 20px;
    margin-bottom: 0;
    padding-top: 30px;
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.share-style-radio-button {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    border-color: #e4e4e4;
    border-radius: 0;
    cursor: pointer
}

.share-style-radio-button.w--redirected-checked {
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc
}

.share-style-radio-button.w--redirected-focus {
    box-shadow: none
}

.share-style-radio-button.share-style-radio-button-active {
    border-color: #3673fc
}

.share-style-radio-button.share-style-radio-button-dark {
    border-color: #1a1a1a
}

.share-style-button-label {
    position: absolute;
    top: 20px;
    font-size: 15px
}

.asset-card {
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding: 40px;
    background-color: #fff
}

.asset-card-title {
    margin-bottom: 45px;
    font-size: 35px;
    line-height: 1em;
    font-weight: 500
}

.asset-card-content {
    margin-bottom: 15px
}

.asset-heading {
    margin-top: 0;
    margin-bottom: 50px;
    color: #3673fc;
    font-size: 80px;
    line-height: 1em;
    font-weight: 600
}

.platform-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.platform-label {
    margin-right: 10px
}

.platform-icon {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 12px;
    height: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.edit-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px solid #e4e4e4;
    background-color: #fff
}

.edit-button-wrapper.edit-button-wrapper-dark {
    border-color: #1a1a1a;
    background-color: #333
}

.platform {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 9px 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #b6b6b6;
    font-size: 14px;
    cursor: pointer
}

.platform:focus {
    border: 1px solid #e4e4e4
}

.platform.platform-inactive {
    opacity: .55;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default
}

.platform.platform-dark {
    color: #fff
}

.platform-checkbox {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    opacity: 1;
    color: #b6b6b6;
    font-size: 14px
}

.platform-checkbox:focus {
    border: 1px solid #e4e4e4
}

.platform-checkbox.w--redirected-checked {
    border: 0 none transparent;
    border-radius: 0;
    background-color: transparent;
    background-image: none
}

.platform-checkbox.w--redirected-focus {
    box-shadow: none
}

.platform-checkbox.platform-checkbox-dark {
    border-color: #1a1a1a
}

.platform-on {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 11px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc;
    background-color: #3673fc;
    opacity: 0;
    color: #fff;
    font-weight: 400
}

.platform-on.platform-on-fixed {
    border-color: #b6b6b6;
    background-color: #b6b6b6;
    opacity: 1;
    cursor: default
}

.platform-icon-white {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 12px;
    height: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-filter: brightness(0%) invert(100%);
    filter: brightness(0%) invert(100%)
}

.platform-see-more {
    position: relative;
    margin-right: 10px;
    padding: 8px 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc;
    color: #3673fc;
    cursor: pointer
}

.platform-see-more:focus {
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc
}

.social-move-icon-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #b6b6b6;
    cursor: -webkit-grab;
    cursor: grab
}

.social-button-link-details-click {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 15px;
    cursor: pointer
}

.social-button-link-details-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.asset-card-title-subtitle {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1em
}

.compare-memo {
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    color: #b6b6b6;
    font-size: 13px
}

.social-button-wrapper-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.social-button-wrapper-row.social-button-wrapper-row-msim {
    margin-bottom: 7px
}

.social-button-wrapper-row.social-button-wrapper-row-preview {
    margin-bottom: 7px
}

.user-item-details-button {
    margin-right: 10px;
    padding: 7px 8px;
    border: 1px solid #e4e4e4;
    color: #3673fc;
    font-size: 13px;
    line-height: 1em;
    cursor: pointer
}

.user-item-details-button:focus {
    border: 1px solid #e4e4e4
}

.user-item-details-button.user-item-details-button-delete {
    color: #ee4266
}

.user-item-details-button.user-item-details-button-dark {
    border-color: #1a1a1a
}

.user-item-details-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 20px
}

.twitch-chat-wrapper {
    overflow: hidden;
    height: 0;
    -webkit-transition: all .4s cubic-bezier(.86, 0, .07, 1);
    transition: all .4s cubic-bezier(.86, 0, .07, 1)
}

.twitch-chat-open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    color: #3673fc;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer
}

.twitch-chat-open.twitch-chat-open-dark {
    background-color: #333;
    color: #fff
}

.twitch-chat-open-arrow {
    height: 10px;
    margin-top: 2px;
    margin-left: 10px;
    -webkit-filter: invert(44%) sepia(77%) saturate(4437%) hue-rotate(211deg) brightness(100%) contrast(98%);
    filter: invert(44%) sepia(77%) saturate(4437%) hue-rotate(211deg) brightness(100%) contrast(98%);
    -webkit-transition: -webkit-transform 250ms linear;
    transition: -webkit-transform 250ms linear;
    transition: transform 250ms linear;
    transition: transform 250ms linear, -webkit-transform 250ms linear
}

.twitch-chat-open-arrow.twitch-chat-open-arrow-dark {
    -webkit-filter: invert(100%) brightness(200%);
    filter: invert(100%) brightness(200%)
}

.checkout-item-price-total {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    background-color: #fff
}

.checkout-review-item-wrapper-total {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 20px;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500
}

.checkout-review-item-wrapper-total.checkout-review-item-wrapper-total-monthly {
    opacity: 0
}

.capture-wrapper {
    position: relative;
    width: 80%;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding: 20px 25px;
    border-bottom: 4px solid #3673fc;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: #fff;
    box-shadow: 0 14px 30px -5px rgba(0, 0, 0, .13)
}

.capture-wrapper.capture-wrapper-dark {
    background-color: #333;
    color: #fff
}

.capture-wrapper.capture-wrapper-msim {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px
}

.capture-title {
    margin-bottom: 15px;
    font-size: 16px
}

.capture-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.capture-success {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    padding: 15px 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e4e4e4
}

.capture-success.capture-success-white-bg {
    background-color: #fff
}

.capture-success-icon {
    height: 15px;
    margin-right: 10px
}

.blank-success-message {
    padding: 0;
    background-color: transparent
}

.capture-error {
    margin-top: 5px;
    padding: 0;
    background-color: transparent;
    color: #ee4266;
    font-size: 13px
}

.affiliate-stats-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.affiliate-stats-item {
    width: 23%;
    padding: 20px;
    border: 1px solid #e4e4e4
}

.affiliate-stats-item.affiliate-stats-item-dark {
    border-color: #1a1a1a
}

.affiliate-stats-title {
    font-size: 18px;
    line-height: 1em
}

.affiliate-stats-number {
    color: #3673fc;
    font-size: 22px;
    line-height: 1em;
    font-weight: 500
}

.affiliate-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.affiliate-info-logo {
    height: 35px;
    margin-bottom: 20px
}

.affiliate-info-logo.affiliate-info-logo-dark {
    -webkit-filter: brightness(130%);
    filter: brightness(130%)
}

.affiliate-signup-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-style: solid;
    border-width: 1px;
    border-color: #f4f4f7;
    background-color: #f4f4f7
}

.affiliate-signup-wrapper.affiliate-signup-wrapper-active {
    border: 1px solid #e4e4e4;
    background-color: transparent
}

.affiliate-signup-wrapper.affiliate-signup-wrapper-active.affiliate-signup-wrapper-active-dark {
    border-color: #1a1a1a
}

.affiliate-signup-wrapper.affiliate-signup-wrapper-dark {
    border-color: #242424;
    background-color: #242424
}

.affiliate-details-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    padding: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-right: 1px solid #e4e4e4
}

.affiliate-details-wrapper.affiliate-details-wrapper-dark {
    border-right-color: #1a1a1a
}

.affiliate-details-title {
    margin-bottom: 15px;
    font-size: 25px;
    line-height: 1em;
    font-weight: 500
}

.affiliate-details-title.affiliate-details-title-no-margin {
    margin-bottom: 0
}

.capture-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 56px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #3673fc
}

.capture-submit.capture-submit-msim {
    width: 45px
}

.capture-submit-arrow {
    height: 12px
}

.capture-submit-arrow.capture-submit-arrow-inverted {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.capture-select-tab-wrapper {
    width: 100%
}

.capture-select-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    padding: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e4e4e4;
    background-color: transparent;
    cursor: pointer
}

.capture-select-tab:focus {
    border: 1px solid #e4e4e4
}

.capture-select-tab.w--current {
    border-color: #3673fc;
    background-color: transparent
}

.capture-select-tab.capture-select-tab-active {
    border-color: #3673fc
}

.capture-select-tab-icon {
    height: 25px;
    margin-right: 12px
}

.capture-select-tab-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.capture-legal {
    padding-top: 8px;
    color: #929292;
    font-size: 12px;
    line-height: 1.3em
}

.capture-legal-wrapper {
    display: none
}

.banner-inline-link {
    color: #fff;
    text-decoration: underline
}

.user-item-details-page-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.user-item-details-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 200px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e4e4e4
}

.user-item-details-page.user-item-details-page-dark {
    border-color: #1a1a1a
}

.page-switch-button-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page-switch-avatar-wrapper {
    position: relative;
    width: 35px;
    height: 35px;
    margin-right: 10px
}

.setups {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.setups-heading {
    width: 45%;
    min-width: 500px;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.setups-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.setup-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 23%;
    height: 225px;
    padding: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(189, 189, 191, .15);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.setup-item:hover {
    color: #3673fc
}

.setup-item.setup-item-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #3673fc
}

.setup-title-wrapper {
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.setup-item-title {
    margin-bottom: 15px;
    color: #3673fc;
    font-size: 28px;
    line-height: 1em;
    font-weight: 500
}

.setup-item-title.setup-item-title-more {
    margin-bottom: 10px;
    color: #fff
}

.setup-item-title.setup-item-title-more.setup-item-title-more-bottom {
    margin-bottom: 0
}

.setup-item-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.setup-item-button-arrow {
    height: 12px;
    margin-left: 10px
}

.setup-icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.setup-icon {
    overflow: hidden;
    width: 35px;
    height: 35px;
    margin-right: 15px;
    border-radius: 50%
}

.setup-icon.setup-icon-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc
}

.setup-icon-image {
    height: 11px
}

.setup-icon-pair {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.affiliate-stats-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.affiliate-active-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.affiliate-active-icon {
    width: 18px;
    margin-right: 10px
}

.sign-up-announcement-text {
    line-height: 1.4em
}

.announcement-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding: 12px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #2ee07e;
    color: #fff
}

.announcement-banner.announcement-banner-full {
    margin-bottom: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.announcement-banner.announcement-banner-centered {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.checkout-review-item-text {
    position: relative;
    z-index: 1;
    padding-right: 10px;
    background-color: #fff
}

.asset-button-wrapper {
    width: 275px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.upgrade-button-discount-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 15px;
    padding: 3px 6px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #2ee07e;
    font-size: 11px;
    line-height: 1.8em;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase
}

.profile-name-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.verified-icon {
    position: absolute;
    left: auto;
    top: 8px;
    right: -25px;
    bottom: auto;
    width: 16px;
    height: 16px
}

.payout-actions-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.payout-action-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    padding: 9px 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e4e4e4;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    cursor: pointer
}

.payout-action-button:focus {
    border: 1px solid #e4e4e4
}

.payout-action-button.payout-action-button-dark {
    border-color: #1a1a1a;
    color: #fff
}

.payout-action-button-icon {
    width: 12px;
    max-height: 13px;
    margin-left: 8px
}

.payout-action-button-icon.payout-action-button-icon-check {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}

.payout-table-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.payout-table-row.payout-table-row-total {
    padding-top: 15px;
    padding-bottom: 0;
    border-top: 1px solid #e4e4e4;
    font-weight: 600
}

.payout-table-row.payout-table-row-total.payout-table-row-total-dark {
    border-top-color: #1a1a1a
}

.payout-table-row.payout-table-row-odd {
    padding-right: 8px;
    padding-left: 8px;
    border-top-style: none;
    background-color: #f4f4f7
}

.payout-table-row.payout-table-row-odd.payout-table-row-odd-dark {
    background-color: #242424
}

.payout-table-row.payout-table-row-more {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #e4e4e4
}

.payout-table-row.payout-table-row-more.payout-table-row-more-dark {
    border-top-color: #1a1a1a
}

.payout-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.db-page-header-button-drop-arrow {
    margin-right: 25px
}

.nav-dropdown {
    z-index: 1;
    margin-right: 0;
    margin-left: 0;
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, .09)
}

.nav-dropdown-list {
    z-index: 1
}

.nav-dropdown-list.w--open {
    overflow: hidden;
    background-color: transparent;
    box-shadow: 0 14px 30px -5px rgba(0, 0, 0, .09)
}

.affiliate-paypal-email {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    padding-right: 12px;
    padding-left: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f7;
    font-size: 16px
}

.affiliate-paypal-email.affiliate-paypal-email-dark {
    background-color: #242424
}

.affiliate-hero-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1000px;
    margin-bottom: 65px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pre-title {
    margin-bottom: 30px;
    font-family: 'Roboto Mono', sans-serif;
    font-size: 15px;
    line-height: 1em;
    letter-spacing: .5px;
    text-transform: uppercase;
    cursor: default
}

.pre-title.pre-title-blue {
    font-family: 'Roboto Mono', sans-serif;
    color: #3673fc;
    line-height: 1em
}

.pre-title.pre-title-m45 {
    margin-bottom: 45px
}

.affiliate-hero-images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.affiliate-hero-image-wrapper {
    position: relative;
    width: 100px;
    height: 100px;
    margin-right: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 50%;
    box-shadow: 0 15px 35px 0 #bfbfbf
}

.referral-empty-message {
    padding: 30px 40px;
    color: #b6b6b6;
    font-size: 16px;
    line-height: 1.3em;
    text-align: center
}

.affiliate-hero-image-icon-wrapper {
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #2ee07e;
    box-shadow: 0 2px 11px 0 rgba(46, 224, 126, .65);
    color: #fff;
    font-size: 14px
}

.affiliate-hero-image {
    border-radius: 50%
}

.affiliate-details {
    position: relative;
    padding: 70px 60px;
    background-color: #fff;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .15)
}

.affiliate-specs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.affiliate-specs-item {
    width: 28%;
    padding-right: 30px;
    padding-left: 30px
}

.affiliate-spec-title {
    margin-bottom: 15px;
    color: #3673fc;
    font-size: 30px;
    line-height: 1em;
    font-weight: 500
}

.affiliate-reason-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.affiliate-reason-item.affiliate-reason-item-bottom {
    margin-bottom: 0
}

.reason-item-title {
    color: #3673fc;
    font-size: 21px;
    font-weight: 500
}

.affiliate-reason-item-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.affiliate-rules {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 750px;
    margin-right: auto;
    margin-left: auto;
    padding: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #fff;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .15)
}

.affiliate-rules-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.affiliate-rules-list-item.affiliate-rules-list-item-bottom {
    margin-bottom: 0
}

.affiliate-rules-number {
    margin-right: 30px;
    font-size: 25px;
    line-height: 1em;
    font-weight: 600
}

.affiliate-rules-number-info {
    font-size: 16px;
    line-height: 1.6em
}

.affiliate-start {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.affiliate-start-steps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.affiliate-start-steps-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .15)
}

.affiliate-start-steps-item-title {
    margin-bottom: 15px;
    font-size: 25px;
    line-height: 1em;
    font-weight: 500
}

.affiliate-start-steps-item-header {
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px
}

.affiliate-start-steps-item-image-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.affiliate-start-steps-item-image {
    width: 100%
}

.affiliate-start-steps-item-image.affiliate-start-steps-item-image-activate {
    width: 85%;
    margin-right: auto;
    margin-left: auto
}

.payout-action-updating-icon {
    width: 23px;
    height: 23px
}

.affiliate-cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .15)
}

.affiliate-cta-details {
    width: 35%;
    padding: 60px 50px;
    border-right: 1px solid #e4e4e4
}

.affiliate-cta-message {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 60px 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.affiliate-cta-blob {
    position: absolute;
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
    z-index: 0;
    height: 65%
}

.affiliate-cta-message-header {
    position: relative;
    z-index: 1;
    margin-bottom: 40px
}

.affiliate-copy-link-label {
    margin-bottom: 10px;
    font-weight: 500
}

.affiliate-start-link-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e4e4e4;
    font-size: 16px
}

.affiliate-start-link-button {
    position: absolute;
    left: auto;
    top: 0;
    right: 12px;
    bottom: 0;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    margin-bottom: 12px;
    padding: 3px 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #3673fc;
    box-shadow: 0 5px 16px 0 rgba(43, 83, 172, .2);
    color: #fff;
    font-size: 11px;
    line-height: 1.8em;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
    cursor: pointer
}

.payout-table-row-arrow {
    height: 10px;
    margin-left: 10px
}

.payout-table-row-arrow.payout-table-row-arrow-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.affiliate-start-link-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    opacity: 0
}

.display-link-wrapper {
    position: relative;
    overflow: hidden;
    width: 80%;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 14px 30px -5px rgba(0, 0, 0, .13)
}

.display-link-image {
    width: 100%;
    height: 400px;
    background-image: url('../images/pexels-photo-2618782.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.display-link-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 75px;
    padding-left: 25px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}

.shadow-picker-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.shadow-picker-swatch {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border-radius: 2px;
    background-color: #3673fc;
    cursor: pointer
}

.music-page-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    min-height: 100vh;
    margin-left: 30%
}

.music-page-info {
    position: fixed;
    left: 0;
    top: 0;
    right: auto;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
    padding-top: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

.music-page-links {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.music-page-info-title {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 1.2em;
    font-weight: 500
}

.music-page-info-title-subtitle {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 400
}

.music-page-heading {
    margin-right: 65px;
    margin-bottom: 50px;
    margin-left: 65px
}

.music-page-artwork {
    position: relative;
    left: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    box-shadow: 0 15px 40px 0 rgba(34, 127, 164, .4)
}

.music-page-links-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/pexels-photo-4906295.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-filter: blur(25px);
    filter: blur(25px);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.music-page-links-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 200px 100px 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.music-page-link-container {
    width: 70%;
    max-width: 650px;
    margin-right: auto;
    margin-left: auto
}

.music-page-info-artist {
    font-weight: 500
}

.music-page-footer-wrapper {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.music-page-artwork-image {
    width: 100%;
    height: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.music-page-artwork-player {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    padding-left: 4px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #f4f4f7;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .35)
}

.music-page-artwork-player-icon {
    width: 18px;
    height: 18px
}

.hidden-checkbox-label {
    display: none
}

.payout-checkbox-wrapper {
    margin-right: 10px;
    margin-bottom: 0;
    padding-left: 0;
    cursor: pointer
}

.payout-checkbox-wrapper.payout-checkbox-wrapper-header {
    margin-left: 8px
}

.payout-checkbox {
    width: 17px;
    height: 18px;
    margin-top: 0;
    margin-left: 0;
    border-color: #e4e4e4;
    background-color: #fff
}

.payout-checkbox.w--redirected-checked {
    border-color: #3673fc;
    background-color: #3673fc;
    background-image: url('../images/white-check.svg');
    background-position: 50% 50%;
    background-size: 11px 10px
}

.payout-checkbox.w--redirected-focus {
    box-shadow: none
}

.payout-checkbox.payout-checkbox-inactive {
    border-color: #e4e4e4;
    background-color: #f0f0f0;
    background-image: none;
    cursor: default
}

.active-page-wrapper {
    margin-bottom: 20px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 1px solid #e4e4e4
}

.active-page-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 11px 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e4e4e4
}

.active-page-tag {
    z-index: 1;
    margin-left: 15px;
    padding: 3px 6px;
    border-radius: 1px;
    background-color: #3673fc;
    color: #fff;
    font-size: 10px;
    line-height: 1.8em;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
    cursor: default
}

.active-page-collab {
    padding: 15px
}

.active-page-header-user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}

.collab-person-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.simple-add-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3673fc;
    cursor: pointer
}

.simple-add-button-icon {
    width: 11px;
    margin-right: 5px
}

.active-page-collab-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.active-page-collab-content {
    padding-top: 10px
}

.collab-indicator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    background-color: #f4f4f7
}

.collab-indicator.collab-indicator-button {
    margin-right: 0;
    margin-left: 10px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.collab-indicator.collab-indicator-button:hover {
    background-color: #e4e4e4
}

.collab-indicator-icon {
    width: 10px;
    height: 10px;
    -webkit-filter: none;
    filter: none
}

.captcha-text {
    position: absolute;
    left: auto;
    top: auto;
    right: 15px;
    bottom: 15px;
    max-width: 244px;
    color: #b6b6b6;
    font-size: 10px;
    line-height: 1.5em;
    text-align: right
}

.captcha-text.captcha-text-home {
    left: auto;
    right: 15px;
    text-align: right
}

.captcha-link {
    color: #929292
}

.captcha-text-bg {
    display: inline;
    padding: 2px;
    background-color: #fff
}

.affiliate-start-link-overlay-icon {
    height: 14px;
    margin-top: 2px;
    margin-right: 8px
}

.collab-person-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-right: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.capture-multi-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f4f4f7
}

.capture-field-separator {
    width: 1px;
    height: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #e4e4e4
}

.capture-field-separator.capture-field-separator-dark {
    background-color: #363636
}

.pending-invite-icon {
    height: 16px;
    margin-right: 8px
}

.upgrade-modal-fineprint {
    margin-top: 10px;
    color: #b6b6b6;
    font-size: 12px;
    line-height: 1em;
    text-align: center
}

.tiktok-pattern-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/tiktok-pattern.svg');
    background-position: 50% 50%;
    background-size: 50px;
    opacity: .1
}

.tiktok-pattern-overlay.tiktok-pattern-overlay-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.tiktok-embed-wrapper {
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.tiktok-embed-wrapper.tiktok-embed-wrapper-dark {
    background-color: #1a1a1a
}

.tiktok-embed-wrapper.tiktok-embed-wrapper-dark {
    background-color: #1a1a1a
}

.tiktok-embed {
    margin-top: -5px;
    margin-right: -2px;
    margin-left: -4px
}

.twitter-embed-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    max-width: 548px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px
}

.twitter-embed {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 102%;
    height: 100%;
    margin: -11px -3px -11px -1px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.view-switch-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    border: 1px solid #e4e4e4;
    border-radius: 1px
}

.view-switch-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.view-switch-button.view-switch-button-active {
    background-color: #fff
}

.view-switch-button.view-switch-button-right {
    border-left: 1px solid #e4e4e4
}

.view-switch-icon {
    width: 16px
}

.view-switch-icon.view-switch-icon-inactive {
    opacity: .15;
    -webkit-filter: brightness(0%);
    filter: brightness(0%)
}

.go-to-profile-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bg-theme.bg-theme-black {
    background-color: #000
}

.analytics-thumbnail-image {
    width: 100%;
    height: 100%
}

.analytics-thumbnail-image.analytics-thumbnail-image-inverted {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.link-icon-float-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 2px
}

.color-picker-form-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 0
}

.divider-wrapper {
    width: 80%;
    margin: 20px auto 40px;
    text-align: center
}

.divider-wrapper.divider-wrapper-title {
    margin-top: 15px;
    margin-bottom: 30px
}

.divider-wrapper.divider-wrapper-top {
    margin-top: 0
}

.divider-title {
    margin-bottom: 0;
    color: #1a1a1a;
    font-size: 23px;
    line-height: 1.4em;
    font-weight: 500
}

.divider-title.divider-title-dark {
    color: #fff
}

.divider-line {
    width: 100%;
    height: 2px;
    background-color: #1a1a1a
}

.divider-line.divider-line-dark {
    background-color: #fff
}

.section-line-dash {
    width: 40px;
    height: 2px;
    margin-right: 18px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #1a1a1a
}

.social-button-categories {
    margin-bottom: 25px
}

.full-bg {
    background-image: url('../images/pexels-guillaume-meurice-1894350.jpg');
    background-position: 50% 50%;
    background-size: auto;
    background-attachment: fixed
}

.home-hero-image-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 55px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.hero-mockup-image {
    width: 42%;
    height: auto;
    border-style: solid;
    border-width: 1px;
    border-color: #1a1a1a;
    border-radius: 30px;
    box-shadow: 0 25px 40px 0 rgba(51, 51, 51, .15)
}

.hero-mockup-image.hero-mockup-image-large {
    width: 51%;
    margin-left: -50px;
    border-radius: 35px
}

.id-copy-indicator {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    min-width: 12px;
    margin-right: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    opacity: 0
}

.nfc-hero-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.nfc-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nfc-hero-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    max-height: 400px;
    margin-right: auto;
    margin-left: auto;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.nfc-hero-image-logo {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 125px;
    height: 125px;
    margin-left: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid #000;
    border-radius: 50%;
    background-image: url('../images/solo.to.svg');
    background-position: 50% 50%;
    background-size: cover;
    box-shadow: 0 20px 60px 0 rgba(27, 58, 128, .4)
}

.ncf-hero-image-logo-ring {
    position: absolute;
    width: 250px;
    height: 250px;
    margin-right: auto;
    margin-left: auto;
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc;
    border-radius: 50%
}

.ncf-hero-image-logo-ring.ncf-hero-image-logo-ring-2 {
    width: 375px;
    height: 375px;
    border-color: rgba(54, 115, 252, .6);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.ncf-hero-image-logo-ring.ncf-hero-image-logo-ring-3 {
    width: 500px;
    height: 500px;
    border-color: rgba(54, 115, 252, .35)
}

.slider-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 275px;
    margin: 15px auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.slider {
    height: 20px
}

.rotate {
    height: 20px
}

.paragraph-list {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 15px
}

.paragraph-list.paragraph-list-checklist {
    list-style-type: none
}

.paragraph-list-item {
    position: relative;
    margin-bottom: 10px
}

.verify-form-field-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.verify-form-field-icon {
    height: 40px;
    margin-top: 10px;
    margin-right: 15px;
    border-radius: 50%
}

.verify-field-wrapper {
    margin-bottom: 25px
}

.verify-status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 20px 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 1px solid #e4e4e4
}

.verify-status-icon {
    height: 16px;
    margin-top: 4px;
    margin-right: 13px
}

.verified-icon-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.verified-icon-image.verified-icon-image-dark {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.paragraph-list-item-icon {
    position: absolute;
    left: -28px;
    top: 3px;
    bottom: 0;
    display: inline-block;
    height: 15px;
    margin-bottom: 2px;
    margin-left: 5px
}

.checkout-climate-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f7;
    font-size: 13px
}

.checkout-climate-message.checkout-climate-message-upgrade {
    margin-top: 15px;
    margin-bottom: 0;
    background-color: #fff
}

.checkout-climate-icon {
    height: 25px;
    margin-right: 12px
}

.checkout-climate-text {
    line-height: 1.4em
}

.social-button-tab-menu {
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4
}

.social-button-tab {
    margin-right: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f7;
    text-align: center
}

.social-button-tab.w--current {
    background-color: #3673fc;
    color: #fff
}

.footer-climate-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #929292
}

.footer-climate-message:hover {
    color: #1a1a1a
}

.footer-climate-icon {
    height: 15px;
    margin-right: 10px
}

.footer-climate-text {
    font-size: 13px;
    white-space: nowrap
}

.nfc-hero-phone {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 290px;
    height: 600px;
    margin-top: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid #000;
    border-radius: 35px;
    background-color: #fff;
    box-shadow: 0 25px 40px 0 rgba(51, 51, 51, .2)
}

.nfc-phone-notfication {
    position: relative;
    top: 15px;
    z-index: 1;
    display: block;
    margin-right: 15px;
    margin-left: 15px;
    padding: 10px;
    border-radius: 10px;
    background-color: rgba(244, 244, 247, .78);
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .25);
    cursor: pointer
}

.nfc-phone-notification-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #6b6b6b;
    font-size: 11px
}

.nfc-phone-notification-info-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #929292;
    font-size: 10px;
    font-weight: 400
}

.nfc-phone-notification-info-nfc-icon {
    height: 16px;
    margin-right: 5px;
    padding: 1px;
    border-radius: 5px;
    background-color: #000
}

.nfc-phone-notfication-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 13px
}

.nfc-phone-notfication-title-icon {
    height: 30px;
    border-radius: 8px
}

.nfc-hero-phone-image-solo {
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0
}

.nfc-hero-phone-image-apple {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-filter: blur(7px);
    filter: blur(7px)
}

.nfc-overview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.nfc-overview-info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 450px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.nfc-overview-info-item.nfc-overview-info-item-initial {
    margin-top: 230px
}

.nfc-overview-info-item.nfc-overview-info-item-end {
    margin-bottom: 220px
}

.nfc-overview-image {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    overflow: hidden;
    width: 48%;
    height: 650px;
    margin-right: 50px;
    border-style: solid;
    border-width: 1px;
    border-color: #1a1a1a;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .2)
}

.nfc-overview-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.nfc-setup-phone {
    position: relative;
    top: 55px;
    right: -15px;
    z-index: 2;
    height: 535px;
    border: 1px solid #000;
    border-radius: 35px;
    box-shadow: 0 20px 45px 0 rgba(51, 51, 51, .35)
}

.nfc-setup-phone.nfc-setup-phone-large {
    left: -15px;
    top: 30px;
    height: 565px
}

.nfc-overview-setup {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    opacity: 1
}

.nfc-overview-place {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0
}

.nfc-place-phone {
    position: absolute;
    top: -150px;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 325px;
    height: 690px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    border: 1px solid #000;
    border-radius: 40px;
    background-color: #1a1a1a;
    box-shadow: 0 20px 45px 0 rgba(51, 51, 51, .35)
}

.nfc-tap-phone {
    position: absolute;
    z-index: 2;
    overflow: hidden;
    width: 325px;
    height: 690px;
    border: 1px solid #000;
    border-radius: 40px;
    background-color: #fff;
    box-shadow: 0 20px 45px 0 rgba(51, 51, 51, .35);
    -webkit-transform: translate(0, 725px);
    -ms-transform: translate(0, 725px);
    transform: translate(0, 725px)
}

.nfc-phone-notfication-title-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.nfc-phone-notfication-title-beacon-wrapper {
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 50%;
    background-color: #3673fc
}

.nfc-phone-notfication-title-beacon {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #3673fc
}

.nfc-tap-phone-notfication {
    position: relative;
    top: 15px;
    z-index: 1;
    display: block;
    margin-right: 15px;
    margin-left: 15px;
    padding: 10px;
    border-radius: 10px;
    background-color: rgba(244, 244, 247, .78);
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .25);
    cursor: pointer
}

.nfc-tap-image {
    position: absolute;
    width: 100%
}

.nfc-cta-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 35%;
    height: 450px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #e4e4e4;
    background-image: url('../images/nfc-mockup-isometric.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.nfc-tap-image-solo {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0
}

.nfc-wrapper {
    position: relative;
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .15)
}

.nfc-place-phone-image {
    position: absolute
}

.nfc-place-portal {
    position: relative;
    overflow: hidden;
    width: 115px;
    height: 115px;
    margin-bottom: 75px;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 50%;
    background-color: #3673fc
}

.nfc-overview-image-mobile {
    display: none
}

.nfc-setup-phone-mobile {
    position: relative;
    top: 55px;
    right: -15px;
    z-index: 2;
    height: 535px;
    border: 1px solid #000;
    border-radius: 35px;
    box-shadow: 0 20px 45px 0 rgba(51, 51, 51, .35)
}

.nfc-place-phone-image-mobile {
    position: absolute
}

.nfc-place-portal-mobile {
    position: relative;
    overflow: hidden;
    width: 115px;
    height: 115px;
    margin-bottom: 75px;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 50%;
    background-color: #3673fc
}

.nfc-overview-tap-mobile {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.nfc-tap-phone-mobile {
    position: absolute;
    z-index: 2;
    overflow: hidden;
    width: 325px;
    height: 690px;
    border: 1px solid #000;
    border-radius: 40px;
    background-color: #fff;
    box-shadow: 0 20px 45px 0 rgba(51, 51, 51, .35);
    -webkit-transform: translate(0, 725px);
    -ms-transform: translate(0, 725px);
    transform: translate(0, 725px)
}

.nfc-tap-image-solo-mobile {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0
}

.nfc-signup-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.nfc-signup-form-wrapper {
    position: relative;
    width: 100%;
    max-width: 500px
}

.nfc-setup-title {
    margin-bottom: 25px;
    font-size: 25px;
    line-height: 1.3em;
    font-weight: 400
}

.nfc-setup-title.nfc-setup-title-subtitle {
    margin-bottom: 5px
}

.nfc-setup-pretitle {
    margin-top: 65px;
    margin-bottom: 15px;
    font-family: 'Roboto Mono', sans-serif;
    color: #3673fc;
    font-size: 16px;
    line-height: 1em;
    font-weight: 400;
    letter-spacing: .5px;
    text-transform: uppercase
}

.nfc-setup-pretitle.nfc-setup-pretitle-top {
    margin-top: 0
}

.nfc-setup-guide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.nfc-setup-image {
    margin-top: 0;
    margin-bottom: 25px;
    border: 1px solid #e4e4e4
}

.nfc-setup-image.nfc-setup-image-no-margin {
    margin-bottom: 0
}

.nfc-setup-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    padding-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #e4e4e4
}

.nfc-setup-section.nfc-setup-section-last {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-style: none
}

.nfc-setup-tab-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 65px
}

.nfc-setup-header {
    margin-bottom: 10px;
    font-size: 35px;
    line-height: 35px;
    font-weight: 500
}

.nfc-portal-paragraph {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.6em
}

.nfc-setup-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    padding-left: 29px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e4e4e4;
    background-color: transparent
}

.nfc-setup-tab:focus {
    border: 1px solid #e4e4e4
}

.nfc-setup-tab.w--current {
    border-color: #3673fc;
    background-color: transparent
}

.nfc-setup-tab-icon {
    width: 20px;
    max-height: 17px;
    margin-right: 10px;
    margin-bottom: 3px
}

.nfc-setup-tab-icon.nfc-setup-tab-icon-android {
    margin-bottom: 1px
}

.nfc-announcement {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.announcement-image {
    width: 35%;
    background-image: url('../images/nfc-portal-indicator.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.announcement-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-left: 1px solid #e4e4e4
}

.announcement-dismiss {
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-right: 10px;
    padding: 2px 2px 2px 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    color: #b6b6b6
}

.announcement-dismiss-icon {
    width: 17px;
    margin-left: 5px
}

.collect-options-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.font-alt {
    font-family: Maitree, sans-serif
}

.font-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.font-item {
    position: relative;
    margin-right: 10px;
    margin-bottom: 0;
    padding: 17px 20px;
    text-align: center;
    cursor: pointer
}

.font-item-example {
    font-size: 20px;
    line-height: 1em
}

.font-item-example.font-item-example-roboto {
    position: relative;
    font-family: 'Roboto Mono', sans-serif
}

.font-item-example.font-item-example-maitree {
    position: relative;
    bottom: -1px;
    font-family: Maitree, sans-serif;
    line-height: 1em
}

.font-item-example.font-item-example-graphik {
    font-family: Graphik, sans-serif
}

.font-item-radio-button {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    opacity: 1
}

.font-item-radio-button.w--redirected-checked {
    border-width: 1px;
    border-color: #3673fc
}

.font-item-radio-button.w--redirected-focus {
    border-style: solid;
    border-width: 1px;
    border-color: #3673fc;
    border-radius: 0;
    box-shadow: none
}

.font-item-radio-button.font-item-radio-button-active {
    border-color: #3673fc
}

.offer-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px solid #e4e4e4
}

.offer-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.offer-title {
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 1em;
    font-weight: 500
}

.offer-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.offer-item-image {
    width: 42%;
    border-right: 1px solid #e4e4e4;
    background-image: url('../images/nfc-portal-indicator.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.offer-item-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 42%;
    padding: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #e4e4e4
}

.offer-detail-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px
}

.offer-detail-item-icon {
    height: 15px;
    margin-top: 3px;
    margin-right: 10px
}

.element-card-accordion {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-bottom: 55px;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 20px 50px 0 rgba(189, 189, 191, .15)
}

.appearance-menu {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    border: 1px solid #e4e4e4
}

.appearance-menu-content {
    overflow: hidden;
    height: 0;
    padding-top: 15px
}

.element-card-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 50px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.element-card-title {
    font-size: 35px;
    line-height: 35px;
    font-weight: 500
}

.element-card-title-arrow {
    width: 20px;
    height: 20px
}

.element-card-content {
    position: relative;
    padding-bottom: 95px
}

.element-card-content.element-card-content-no-save {
    padding-bottom: 40px
}

.offer-subtext {
    margin-bottom: 30px;
    color: #929292;
    font-size: 15px
}

.page-bag-wrapper {
    margin-bottom: 20px;
    padding: 15px 20px 10px;
    border: 1px solid #e4e4e4
}

.page-bage-title {
    font-size: 19px;
    line-height: 1em
}

.page-bage-title.page-bage-title-count {
    margin-left: 6px;
    color: #929292;
    font-size: 14px;
    font-weight: 400
}

.page-bag-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page-list-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.page-switch-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    margin-bottom: 10px
}

.page-button-handle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 23px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid solid solid none;
    border-width: 1px;
    border-color: #e4e4e4;
    background-color: #f4f4f7;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: -webkit-grab;
    cursor: grab
}

.page-button-handle:hover {
    background-color: #ededf0
}

.page-button-handle-line {
    width: 3px;
    height: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    border-radius: 50%;
    background-color: #b6b6b6
}

._2fa-icon {
    height: 17px;
    margin-right: 8px;
    margin-bottom: 2px;
    -webkit-filter: none;
    filter: none
}

._2fa-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

._2fa-qr-code {
    position: relative;
    display: block;
    width: 45%;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

._2fa-manual-key {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e4e4e4;
    font-size: 18px;
    line-height: 1em;
    text-align: center;
    cursor: pointer
}

._2f-detail-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

._2fa-input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._2fa-input-wrapper._2fa-input-wrapper-large {
    margin-bottom: 30px
}

._2fa-input-field {
    width: 13%;
    height: 60px;
    margin-bottom: 0;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #1a1a1a;
    font-size: 30px;
    text-align: center
}

._2fa-input-field:focus {
    border-color: #3673fc
}

._2fa-input-field::-webkit-input-placeholder {
    color: #ccc
}

._2fa-input-field:-ms-input-placeholder {
    color: #ccc
}

._2fa-input-field::-ms-input-placeholder {
    color: #ccc
}

._2fa-input-field::placeholder {
    color: #ccc
}

._2fa-input-field._2fa-input-field-modal {
    height: 50px;
    border-color: #e4e4e4;
    background-color: #fff
}

._2fa-input-field._2fa-input-field-modal:focus {
    border-color: #3673fc
}

._2fa-separator {
    width: 10px;
    height: 2px;
    background-color: #b6b6b6
}

._2fa-message {
    margin-bottom: 15px;
    text-align: center
}

._2fa-key-icon {
    height: 18px;
    margin-left: 8px;
    -webkit-filter: invert(46%) sepia(83%) saturate(4145%) hue-rotate(210deg) brightness(97%) contrast(104%);
    filter: invert(46%) sepia(83%) saturate(4145%) hue-rotate(210deg) brightness(97%) contrast(104%)
}

._2fa-key-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    padding-right: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    opacity: 0;
    font-size: 16px;
    text-align: center;
    cursor: pointer
}

.discord-un {
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    font-weight: 500
}

.discord-un:hover {
    color: #5865f2
}

.oneclick-social-button-image {
    height: 100%
}

.feedback-message {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 1.4em
}

.feedback-cta-wrapper {
    padding: 40px 40px 30px;
    background-color: #3673fc;
    color: #fff
}

.linkpage-cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.feedback-message-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.feedback-message-icon {
    height: 17px;
    margin-top: 4px;
    margin-right: 8px
}

.card-status-message {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    margin-right: 130px;
    margin-left: 25px
}

.card-status-indicator {
    position: absolute;
    left: auto;
    top: auto;
    right: 120px;
    bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 9px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: rgba(54, 115, 252, .2);
    cursor: pointer
}

.card-status-indicator-icon {
    width: 12px;
    height: 12px;
    margin-right: 5px
}

.card-status-indicator-text {
    color: #3673fc;
    font-size: 11px;
    line-height: 1.8em;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase
}

html.w-mod-js [data-ix=home-element-fade-in] {
    opacity: 0
}

html.w-mod-js [data-ix=nav-dropdown] {
    height: 0
}

@media screen and (min-width:1920px) {
    .section.section-nfc-hero {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .slice-div.slice-div-large {
        left: -1%;
        -webkit-transform: skew(-10deg, 0deg) rotate(-4deg);
        -ms-transform: skew(-10deg, 0deg) rotate(-4deg);
        transform: skew(-10deg, 0deg) rotate(-4deg)
    }

    .key-blob-top {
        height: 400px
    }

    .nfc-overview-info-item.nfc-overview-info-item-initial {
        margin-top: 270px
    }

    .nfc-overview-info-item.nfc-overview-info-item-end {
        margin-bottom: 260px
    }

    .nfc-overview-image {
        height: 750px;
        margin-right: 90px
    }

    .nfc-overview-setup {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .announcement-dismiss {
        padding: 2px
    }
}

@media screen and (max-width:991px) {
    ul {
        padding-left: 30px
    }

    .text-field.text-field-capture {
        min-height: 50px
    }

    .profile-image {
        height: 150px
    }

    .profile-name {
        margin-bottom: 15px
    }

    .profile-location-box {
        margin-bottom: 15px
    }

    .link-item-wrapper {
        width: 100%
    }

    .link-button.link-button-full-width {
        width: 98%
    }

    .link-url {
        width: 100%
    }

    .footer-wrapper {
        padding-bottom: 15px
    }

    .navbar {
        position: absolute;
        background-color: transparent
    }

    .mobile-nav-menu-wrapper {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
        display: none;
        overflow: scroll;
        width: 100%;
        height: auto;
        padding-top: 90px;
        padding-bottom: 65px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fcfcfc;
        opacity: 1;
        -webkit-transform-origin: 100% 0%;
        -ms-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        text-align: center
    }

    .mobile-nav-close-link {
        position: absolute;
        left: auto;
        top: 3%;
        right: 5%;
        bottom: auto;
        display: block;
        width: 30px;
        height: 30px
    }

    .nav-container {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .nav-link {
        width: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 20px
    }

    .nav-link.nav-link-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #929292;
        font-size: 25px;
        line-height: 25px;
        text-align: center;
        text-transform: capitalize
    }

    .nav-link.nav-link-mobile:hover {
        border-bottom-color: transparent
    }

    .nav-link.nav-link-mobile.hidden {
        display: none
    }

    .nav-link.nav-link-logo {
        display: block;
        padding-top: 15px;
        padding-bottom: 25px
    }

    .nav-menu-icon {
        width: 30px;
        height: 30px;
        margin-right: 15px
    }

    .mobile-nav-brand {
        height: 30px;
        margin-right: auto;
        margin-left: auto
    }

    .nav-link-spacer {
        display: none
    }

    .nav-button {
        width: 70%;
        max-width: 300px;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 16px
    }

    .nav-button.nav-button-nav-menu {
        margin-top: 20px;
        padding: 18px 30px;
        font-size: 25px;
        line-height: 25px
    }

    .nav-button.nav-button-nav-menu:hover {
        color: #3673fc
    }

    .mobile-nav-brand-wrapper {
        margin-bottom: 45px;
        text-align: center
    }

    .profile-bkg-hero-wrapper {
        height: 200px;
        text-align: center
    }

    .profile-info-wrapper {
        margin-top: 0;
        padding-bottom: 0;
        background-color: transparent;
        box-shadow: none
    }

    .profile-info-wrapper.profile-info-wrapper-dark {
        background-color: transparent
    }

    .page-wrapper {
        position: relative
    }

    .section {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .section.info-card {
        padding-top: 0;
        padding-bottom: 0
    }

    .section.link-section {
        padding-top: 15px;
        padding-bottom: 25px
    }

    .section.section-home-footer {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .section.section-page {
        padding-top: 110px
    }

    .section.section-compare-hero {
        padding-bottom: 225px
    }

    .section.section-key {
        padding-top: 65px;
        padding-bottom: 65px
    }

    .section.section-affiliate-hero {
        padding-top: 110px
    }

    .section.section-nfc-hero {
        padding-top: 110px
    }

    .image {
        width: 30px
    }

    .profile-image-wrapper {
        width: 150px;
        height: 150px
    }

    .button.button-nav {
        width: 70%;
        max-width: 300px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 22px;
        padding-bottom: 22px;
        font-size: 18px
    }

    .button.button-nav.button-nav-outline {
        margin: 20px auto 15px
    }

    .button.button-hero-register {
        width: 49%
    }

    .button.button-hero-outline {
        width: 49%
    }

    .dashboard-profile-image-overlay {
        background-color: rgba(32, 32, 32, .45);
        opacity: 1
    }

    .section-heading-wrapper.section-heading-wrapper-45-per {
        width: 65%
    }

    .section-heading-wrapper.section-heading-wrapper-45-center {
        width: 65%
    }

    .section-heading-wrapper.section-heading-wrapper-center {
        width: 65%
    }

    .plans-wrapper {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .plan-item-wrapper {
        width: 48%;
        margin-bottom: 25px
    }

    .db-sidebar {
        display: none
    }

    .billing-content-wrapper {
        margin-bottom: 45px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .billing-plan-wrapper {
        width: 100%;
        max-width: 400px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 0
    }

    .plan-item {
        width: 50%;
        margin-bottom: 10px
    }

    .cc-wrapper {
        margin-right: auto;
        margin-left: auto
    }

    .billing-plan-expand-wrapper {
        height: auto;
        opacity: 1
    }

    .page-bkg-editor-overlay {
        background-color: rgba(32, 32, 32, .45);
        opacity: 1
    }

    .referral-invite-wrapper {
        padding-right: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .invite-email-sender-wrapper {
        padding-right: 40px
    }

    .hiw-item {
        margin-bottom: 50px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .hiw-item.hiw-item-signup {
        margin-bottom: 25px
    }

    .db-page {
        margin-left: 0
    }

    .db-sidebar-info {
        position: relative;
        padding-right: 0;
        padding-left: 0
    }

    .db-sidebar-info-logo-image {
        height: 20px
    }

    .db-sidebar-nav {
        padding-top: 0
    }

    .db-page-header-title {
        display: inline-block;
        margin-right: auto
    }

    .menu-button {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0
    }

    .menu-button.menu-button-dark {
        -webkit-filter: invert(100%);
        filter: invert(100%)
    }

    .db-sidebar-close-button {
        position: absolute;
        left: auto;
        top: 5px;
        right: 5px;
        bottom: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 10px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #b6b6b6
    }

    .db-sidebar-close-icon {
        width: 20px;
        height: 20px
    }

    .db-page-header-content-title-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .db-overlay {
        display: none
    }



    .db-sidebar-mobile {
        display: none;
        -webkit-transform: translate(-275px, 0);
        -ms-transform: translate(-275px, 0);
        transform: translate(-275px, 0)
    }

    .db-sidebar-mobile.db-sidebar-mobile-dark {
        background-color: #333;
        box-shadow: 5px 0 30px 0 rgba(0, 0, 0, .2)
    }

    .slice-div {
        display: none
    }

    .plan-shrink-wrapper {
        width: 100%;
        min-width: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .db-page-header-title-desktop {
        display: none;
        margin-right: auto
    }

    .billing-plans-wrapper {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mobile-nav-menu {
        z-index: 100;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: scroll;
        width: 100%;
        padding-top: 80px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #fff;
        box-shadow: -5px 0 30px 0 rgba(189, 189, 191, .15)
    }

    .mobile-nav-menu-overlay {
        display: none;
        opacity: 0
    }

    .mobile-nav-link-logo {
        width: 50px
    }

    .mobile-nav-link-logo:hover {
        opacity: 1
    }

    .mobile-nav-button-1 {
        position: relative;
        z-index: 100;
        padding: 12px
    }

    .mobile-nav-button-1.w--open {
        background-color: transparent
    }

    .rich-media-wrapper {
        width: 100%
    }

    .home-footer {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .home-footer-column {
        width: 25%;
        padding-right: 0;
        text-align: center
    }

    .home-footer-column.home-footer-column-brand {
        width: 100%;
        margin-bottom: 40px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .home-footer-column-item {
        margin-bottom: 15px
    }

    .home-footer-link {
        display: block;
        padding-top: 7px;
        padding-bottom: 5px
    }

    .page-switch-button {
        border-color: #3673fc
    }

    .call-to-action {
        padding-top: 55px
    }

    .curve-shape-1 {
        height: 50%
    }

    .curve-shape-2 {
        height: 50%
    }

    .cta-content-wrapper {
        position: relative;
        min-width: 450px
    }

    .faq-item {
        width: 32%
    }

    .legal-rich-text ol {
        padding-left: 30px
    }

    .select-field {
        background-position: 97% 50%
    }

    .feedback-card-agent-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .feedback-agent-text {
        margin-bottom: 15px
    }

    .beta-welcome-logo.beta-welcome-logo-hidden {
        display: none
    }

    .preset-item {
        width: 31%
    }

    .copy-link-overlay {
        padding-top: 0
    }

    .social-button-wrapper.social-button-wrapper-bottom {
        margin-top: 5px
    }

    .social-button.twitter-share-button {
        margin-top: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .social-button.spotify-follow-button {
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .style-nav {
        width: 25%
    }

    .style-content-item {
        width: 49%;
        margin-bottom: 25px
    }

    .hiw-video-wrapper {
        overflow: hidden;
        width: 100%;
        height: 400px;
        margin-right: 0;
        margin-bottom: 50px
    }

    .hiw-animation-box {
        width: 100%;
        height: 400px;
        margin-right: 0;
        margin-bottom: 50px
    }

    .hiw-animation-box.hiw-animation-box-signup {
        height: 335px;
        margin-top: 10px
    }

    .hiw-animation-box.hiw-animation-box-add {
        height: 575px;
        margin-bottom: 25px
    }

    .link-url-2 {
        width: 100%
    }

    .hd-article-title {
        display: none;
        margin-right: auto
    }

    .hd-category {
        width: 100%
    }

    .contact-button.contact-button-colorful {
        background-color: #fff
    }

    .contact-button.contact-button-colorful.contact-button-colorful-dark {
        background-color: #333
    }

    .contact-button.contact-button-colorful.contact-button-colorful-preview {
        background-color: #f4f4f7
    }

    .form-fineprint {
        display: none
    }

    .form-fineprint.form-fineprint-home-register {
        display: block
    }

    .form-fineprint.form-fineprint-mobile {
        display: block
    }

    .hero-content {
        width: 100%;
        max-width: none
    }

    .hero-home-register {
        display: none
    }

    .hero-home-register.hero-home-register-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 25px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-auto-columns: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto
    }

    .home-hero-register-form {
        max-width: none
    }

    .referral-link-overlay {
        padding-top: 0
    }

    .mobile-sub-button {
        display: block
    }

    .cta-logo {
        height: 35px
    }

    .home-hero-image-slider {
        position: relative;
        width: 100%;
        margin-left: 0
    }

    .home-hero-container {
        max-height: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .upgrade {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .upgrade-info {
        width: 100%;
        margin-right: 0
    }

    .upgrade-action {
        margin-bottom: 50px;
        padding-top: 0
    }

    .upgrade-action-plan-wrapper {
        margin-bottom: 10px
    }

    .upgrade-action-title {
        margin-bottom: 35px
    }

    .upgrade-switch-title-right-wrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .upgrade-action-info {
        display: block;
        margin-bottom: 30px;
        margin-left: 18px;
        color: #929292
    }

    .minimal-button.minimal-button-colorful {
        background-color: #fff
    }

    .minimal-button.minimal-button-colorful.minimal-button-colorful-dark {
        background-color: #333
    }

    .minimal-button.minimal-button-colorful.minimal-button-preview {
        background-color: #f4f4f7
    }

    .minimal-button.minimal-button-colorful-filled {
        background-color: #fff
    }

    .social-oneclick-wrapper {
        margin-bottom: 10px
    }

    .social-oneclick-wrapper.social-oneclick-wrapper-bottom {
        margin-top: 10px
    }

    .user-search-section {
        width: 100%;
        margin-bottom: 15px
    }

    .user-search-tools-facets {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .compare-row-header {
        width: 44%
    }

    .compare-row-company {
        width: 28%
    }

    .compare-row-item {
        width: 28%
    }

    .compare-plan {
        font-size: 14px
    }

    .compare-row-cta {
        width: 44%
    }

    .key {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .key-image-wrapper {
        width: 100%;
        min-height: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .key-info {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px
    }

    .key-blob-top {
        height: 300px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .compare-hero-content {
        width: 100%;
        margin-top: 0;
        margin-bottom: 25px
    }

    .review-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .review {
        width: 49%;
        margin-bottom: 20px
    }

    .key-image {
        width: 40%;
        height: auto
    }

    .key-image.key-image-end {
        margin-right: 0
    }

    .compare-hero-image-wrapper {
        width: 100%;
        margin-right: 0
    }

    .compare-hero-container {
        max-height: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .compare-hero-image {
        border-radius: 25px
    }

    .compare-hero-image.compare-hero-image-solo {
        border-radius: 35px
    }

    .referral-social-button {
        width: 100%;
        margin-bottom: 10px
    }

    .referral-social-button-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .capture-wrapper {
        width: 100%;
        padding-bottom: 20px
    }

    .capture-success {
        height: 50px
    }

    .affiliate-stats-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .affiliate-stats-item {
        width: 49%;
        margin-bottom: 13px
    }

    .affiliate-signup-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .affiliate-details-wrapper {
        width: 100%;
        border-bottom: 1px solid #e4e4e4;
        border-right-style: none
    }

    .capture-submit {
        width: 50px
    }

    .setup-item {
        width: 48%;
        margin-bottom: 30px
    }

    .setup-title-wrapper {
        max-width: 400px
    }

    .payout-actions-wrapper {
        display: none
    }

    .affiliate-hero-content {
        width: 100%;
        margin-bottom: 65px
    }

    .affiliate-hero-images {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .affiliate-hero-image-wrapper {
        margin-bottom: 30px
    }

    .affiliate-details {
        padding: 50px
    }

    .affiliate-specs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .affiliate-specs-item {
        width: 100%;
        margin-bottom: 40px;
        padding-right: 0;
        padding-left: 0
    }

    .affiliate-specs-item.affiliate-specs-item-end {
        margin-bottom: 0
    }

    .affiliate-reason-item {
        width: 100%;
        margin-bottom: 40px;
        padding: 0
    }

    .affiliate-start-steps {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .affiliate-start-steps-item {
        width: 100%;
        margin-bottom: 30px
    }

    .affiliate-start-steps-item-image {
        width: auto
    }

    .affiliate-cta {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .affiliate-cta-details {
        width: 100%;
        padding: 40px;
        border-bottom: 1px solid #e4e4e4;
        border-right-style: none
    }

    .affiliate-cta-message {
        padding: 50px 40px
    }

    .affiliate-cta-blob {
        height: 50%
    }

    .affiliate-cta-message-header {
        margin-bottom: 50px
    }

    .display-link-wrapper {
        width: 100%
    }

    .display-link-content {
        padding-left: 20px
    }

    .music-page-footer-wrapper {
        padding-bottom: 15px
    }

    .collab-indicator:hover {
        background-color: #f4f4f7
    }

    .captcha-text.captcha-text-home {
        display: none
    }

    .divider-wrapper {
        width: 90%
    }

    .divider-wrapper.divider-wrapper-title {
        width: 90%
    }

    .home-hero-image-wrapper {
        width: 100%;
        margin-right: 0
    }

    .nfc-hero-content {
        width: 100%;
        margin-bottom: 100px
    }

    .nfc-hero {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .nfc-hero-image {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .nfc-hero-image-logo {
        margin-left: 50px
    }

    .footer-climate-message {
        position: absolute;
        bottom: 40px
    }

    .nfc-hero-phone {
        margin-left: -125px
    }

    .nfc-overview {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .nfc-overview-info-item {
        width: 100%;
        margin-bottom: 150px
    }

    .nfc-overview-info-item.nfc-overview-info-item-initial {
        margin-top: 0
    }

    .nfc-overview-info-item.nfc-overview-info-item-end {
        margin-bottom: 25px
    }

    .nfc-overview-image {
        display: none;
        width: 100%
    }

    .nfc-overview-info {
        width: 100%;
        max-width: none;
        margin-right: 0
    }

    .nfc-cta-details {
        width: 100%;
        height: 350px;
        padding: 40px;
        border-bottom: 1px solid #e4e4e4;
        border-right-style: none;
        background-position: 50% 100%;
        background-size: cover
    }

    .nfc-overview-image-mobile {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        height: 450px;
        margin-bottom: 50px;
        border: 1px solid #000
    }

    .nfc-overview-setup-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .nfc-setup-phone-mobile {
        height: 435px;
        max-width: none;
        border-radius: 30px;
        box-shadow: 0 20px 45px 0 rgba(51, 51, 51, .25)
    }

    .nfc-setup-phone-mobile.nfc-setup-phone-mobile-large {
        left: -15px;
        top: 30px;
        height: 465px;
        max-width: none
    }

    .nfc-overview-place-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .nfc-place-phone-mobile {
        position: relative;
        top: -50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        width: 275px;
        height: 500px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        border: 1px solid #000;
        border-bottom-left-radius: 35px;
        border-bottom-right-radius: 35px;
        background-color: #1a1a1a
    }

    .nfc-place-phone-image-mobile {
        left: 0;
        top: -90px;
        right: 0;
        bottom: 0
    }

    .nfc-place-portal-mobile {
        width: 100px;
        height: 100px
    }

    .nfc-tap-phone-mobile {
        width: 275px;
        height: 100%;
        border-radius: 35px;
        -webkit-transform: translate(0, 500px);
        -ms-transform: translate(0, 500px);
        transform: translate(0, 500px)
    }

    .nfc-tap-image-solo-mobile {
        height: auto
    }

    .font-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .font-item {
        width: 100%;
        margin-bottom: 10px
    }
}

@media screen and (max-width:767px) {
    .text-field.text-field-half {
        width: 100%
    }

    .link-name.link-name-small {
        font-size: 15px
    }

    .link-name.link-name-xs {
        font-size: 14px
    }

    .mobile-nav-menu-wrapper {
        display: none;
        min-height: 100vh;
        text-align: center
    }

    .mobile-nav-close-link {
        margin-right: 10px
    }

    .mobile-nav-brand-wrapper {
        margin-right: auto;
        margin-left: auto
    }

    .profile-bkg-hero-wrapper {
        height: 125px;
        margin-top: 0px !important;
    }

    .main-menu-main {
        display: none;
    }

    .section.login-page-wrapper {
        padding-top: 110px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .section.section-home-footer {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .section.section-page {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .section.section-nfc-hero {
        padding-bottom: 175px
    }

    .profile-brand-link {
        left: 0;
        top: auto
    }

    .button.button-hero-register {
        width: auto
    }

    .button.button-hero-outline {
        width: auto
    }

    .dashboard-profile-image-wrapper {
        margin-top: -35px;
        margin-right: auto;
        margin-left: auto;
        border-style: none
    }

    .section-heading-wrapper.section-heading-wrapper-45-per {
        width: 100%
    }

    .section-heading-wrapper.section-heading-wrapper-45-center {
        width: 100%
    }

    .section-heading-wrapper.section-heading-wrapper-center {
        width: 100%
    }

    .section-heading {
        font-size: 45px
    }

    .plan-item-wrapper {
        width: 100%
    }

    .plan-item-wrapper.plan-item-wrapper-beta {
        width: 100%
    }

    .feature-list.feature-list-upgrade {
        width: 100%
    }

    .element-section-title {
        margin-right: 25px;
        margin-left: 25px
    }

    .element-section-title.element-section-title-payout {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .text-field-on-white.text-field-on-white-collab {
        margin-bottom: 15px
    }

    .card-field-wrapper.card-field-wrapper-half {
        width: 100%
    }

    .card-field-wrapper.card-field-send-wrapper {
        width: 100%;
        margin-bottom: 0
    }

    .card-2-field-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-front-wrapper {
        padding: 26px
    }

    .card-button.card-button-send {
        margin-top: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }

    .card-section-heading {
        padding-right: 25px;
        padding-left: 25px
    }

    .card-section-content {
        padding-right: 25px;
        padding-left: 25px
    }

    .card-section-content.card-section-content-chart {
        padding-right: 10px;
        padding-left: 10px
    }

    .cc-wrapper {
        width: 400px;
        height: 252px;
        min-height: 0;
        min-width: 0
    }

    .page-bkg-editor {
        height: 160px
    }

    .page-info-editor-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page-bkg-editor-overlay {
        padding-bottom: 20px
    }

    .edit-link-name.edit-link-name-small {
        font-size: 15px
    }

    .edit-link-name.edit-link-name-xs {
        font-size: 14px
    }

    .switch-wrapper {
        margin-bottom: 15px
    }

    .checkout-section {
        min-height: auto;
        padding-top: 0;
        padding-bottom: 60px
    }

    .checkout-wrapper {
        width: 100%;
        box-shadow: none
    }

    .checkout-section-heading {
        padding-right: 35px;
        padding-left: 35px
    }

    .referral-invite-wrapper {
        padding-left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .invite-image {
        width: 50%
    }

    .invite-image-wrapper {
        width: 80%;
        margin-right: auto;
        margin-left: auto
    }

    .text-field-transparent {
        height: 40px;
        font-size: 16px
    }

    .card-message-wrapper {
        padding-right: 5px
    }

    .modal-wrapper.modal-wrapper-onboard {
        overflow: scroll
    }

    .hiw-wrapper {
        padding: 40px 30px
    }

    .hiw-item {
        margin-bottom: 65px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .hiw-item-content {
        width: 100%
    }

    .hiw-item-title {
        font-size: 35px
    }

    .hero-content-title {
        margin-bottom: 10px;
        font-size: 60px;
        text-align: left
    }

    .hero-content-title.hero-content-title-affiliate {
        font-size: 50px
    }

    .hero-content-subtitle {
        font-size: 20px;
        text-align: left
    }

    .hero-content-subtitle.hero-content-subtitle-nfc {
        margin-bottom: 35px
    }

    .db-sidebar-info {
        padding-bottom: 25px
    }

    .db-page-header {
        margin-bottom: 0;
        padding-bottom: 25px;
        border-bottom-style: none
    }

    .db-page-content {
        width: 95%;
        min-width: auto
    }

    .db-page-content.db-page-content-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .db-page-header-content {
        width: 90%;
        min-width: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .db-page-header-content-title-wrapper {
        margin-bottom: 15px
    }

    .db-page-header-button {
        margin-bottom: 15px
    }

    .db-page-header-button.db-page-header-button-dropdown {
        margin-bottom: 0
    }

    .plan-shrink-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }

    .page-slider-bkg {
        width: 100%
    }

    .row-title-middle {
        display: none
    }

    .row-title-right {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .row-item-left {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .row-item-middle {
        width: 100%
    }

    .list-row-wrapper-stack {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .list-item-text.list-item-text-username {
        margin-bottom: 5px;
        padding-right: 5%;
        font-weight: 500
    }

    .mobile-nav-menu {
        width: 100%
    }

    .rich-media-wrapper {
        box-shadow: 0 14px 30px -5px rgba(0, 0, 0, .13)
    }

    .home-footer-column {
        width: 50%;
        margin-bottom: 20px
    }

    .home-footer-column-header {
        font-size: 21px
    }

    .home-footer-column-item {
        font-size: 17px
    }

    .cta-header {
        font-size: 40px
    }

    .curve-shape-1 {
        height: 45%
    }

    .curve-shape-2 {
        height: 45%
    }

    .cta-content-wrapper {
        width: 100%;
        min-width: auto
    }

    .faq-item {
        width: 100%
    }

    .legal-content {
        padding: 35px
    }

    .legal-rich-text h2 {
        font-size: 25px
    }

    .section-heading-small {
        font-size: 45px
    }

    .element-card-header {
        padding-right: 25px;
        padding-left: 25px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .preset-item {
        width: 47%
    }

    .social-button-wrapper {
        margin-bottom: 3px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .social-button {
        width: 49%;
        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto
    }

    .social-button.facebook-like-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        margin-right: 5px;
        margin-bottom: 10px;
        margin-left: 5px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .social-button.twitter-share-button {
        width: auto;
        margin-right: 5px;
        margin-left: 5px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }

    .social-button.youtube-sub-button {
        width: 100%;
        margin-bottom: 5px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .social-button.spotify-follow-button {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .style-nav {
        display: none
    }

    .style-logo-wrapper {
        margin-bottom: 0
    }

    .style-content-item.style-content-item-half {
        width: 100%
    }

    .user-item-arrow-wrapper {
        width: 10%
    }

    .user-item-info-username {
        width: 100%
    }

    .user-item-info-email {
        display: none
    }

    .user-item-details-info-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .user-item-details-info.user-item-details-info-email {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .user-item-info-wrapper {
        width: 90%
    }

    .analytics-card-wrapper {
        margin-bottom: 10px
    }

    .analytics-card {
        width: 100%;
        margin-bottom: 20px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .analytics-card.analytics-card-links {
        padding-right: 20px;
        padding-left: 20px
    }

    .analytics-card-change-wrapper {
        margin-top: 5px
    }

    .analytics-dropdown-wrapper {
        padding-right: 25px;
        padding-left: 25px
    }

    .analytics-card-list-item-title {
        text-align: left
    }

    .analytics-card-list-item-count.analytics-card-list-item-count-key {
        color: #929292
    }

    .analytics-card-list-item-count.analytics-card-list-item-count-key-mobile {
        display: block;
        margin-top: 1px;
        margin-right: 8px;
        color: #929292
    }

    .analytics-card-list-item-content {
        margin-bottom: 10px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }

    .analytics-card-list-stat-wrapper {
        padding: 12px 10px 5px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 1px solid #e4e4e4
    }

    .dropdown-list {
        width: 100%
    }

    .dropdown-list.w--open {
        width: 100%
    }

    .analytics-dropdown-holder {
        width: 100%
    }

    .user-action-wrapper {
        margin-bottom: 12px
    }

    .analytics-card-list-key-wrapper {
        display: none
    }

    .analytics-card-list-item-content-wrapper {
        text-align: left
    }

    .analytics-card-list-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .analytics-card-list-item-count-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .hiw-animation-box {
        width: 100%;
        margin-bottom: 35px
    }

    .add-link-menu {
        left: 75px
    }

    .social-button-placeholder {
        margin-bottom: 10px
    }

    .contact-button-wrapper {
        margin-bottom: 20px
    }

    .social-button-wrapper-yt {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .hero-content {
        min-width: 0
    }

    .hero-home-register.hero-home-register-mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mobile-sub-button-wrapper {
        width: 100%
    }

    .upgrade-info-list-wrapper {
        padding-right: 25px;
        padding-left: 25px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .lock-icon.lock-icon-analytics {
        left: 141px
    }

    .referral-card-list-item-info-wrapper {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .referral-card-list-item-content {
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }

    .referral-card-list-stat-wrapper {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .advanced-card-menu {
        padding-right: 35px;
        padding-left: 35px
    }

    .social-oneclick-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .email-section.email-section-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .email-spotlight {
        width: 100%;
        margin-bottom: 40px
    }

    .search-dropdown-holder {
        width: 100%
    }

    .field-label-info-button.field-label-info-button-analytics {
        display: block
    }

    .field-label-info-button.field-label-info-button-referrals {
        display: block
    }

    .info-popup.info-popup-right {
        text-align: left
    }

    .info-popup.info-popup-center {
        text-align: left
    }

    .compare-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-bottom-style: none
    }

    .compare-row-header {
        width: 100%;
        background-color: #f7f7fa
    }

    .compare-row-company {
        width: 45%
    }

    .compare-row-item {
        width: 45%
    }

    .compare-row-top {
        margin-bottom: 15px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .compare-row-cta {
        display: none
    }

    .key-image-wrapper {
        min-width: 0
    }

    .key-info {
        min-width: 0;
        margin-bottom: 35px
    }

    .key-info-item {
        width: 100%
    }

    .compare-hero-content {
        min-width: 0
    }

    .review {
        width: 100%
    }

    .key-image {
        border-radius: 25px
    }

    .compare-hero-image-wrapper {
        min-width: 0
    }

    .compare-hero-image {
        width: 48%;
        border-radius: 30px
    }

    .compare-hero-image.compare-hero-image-solo {
        width: 63%;
        border-radius: 36px
    }

    .compare-hero-title {
        margin-bottom: 10px;
        font-size: 60px;
        text-align: left
    }

    .share-style-wrapper {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .share-style-option-wrapper {
        width: 31%;
        height: 110px;
        margin-right: 0;
        padding-top: 30px
    }

    .share-style-option-wrapper.share-style-option-wrapper-half {
        width: 48%
    }

    .share-style-button-label {
        top: 20px
    }

    .asset-card-title {
        margin-right: 25px;
        margin-left: 25px
    }

    .edit-button-wrapper {
        padding-left: 10px
    }

    .social-button-wrapper-row {
        margin-bottom: 7px
    }

    .affiliate-stats-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .affiliate-signup-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .affiliate-details-wrapper {
        width: 100%;
        border-bottom: 1px solid #e4e4e4;
        border-right-style: none
    }

    .capture-submit {
        width: 45px
    }

    .capture-submit.capture-submit-multi {
        position: absolute;
        left: auto;
        top: auto;
        right: 0;
        bottom: 0;
        height: 100%
    }

    .user-item-details-page {
        width: 100%
    }

    .setup-item {
        width: 100%;
        height: 200px
    }

    .setup-title-wrapper {
        max-width: 300px
    }

    .sign-up-announcement-text {
        line-height: 1.4em
    }

    .payout-action-button {
        margin-left: 0
    }

    .nav-dropdown {
        margin-bottom: 15px
    }

    .nav-dropdown-list {
        width: 100%
    }

    .affiliate-hero-content {
        min-width: 0;
        margin-bottom: 50px
    }

    .affiliate-hero-images {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .affiliate-hero-image-wrapper {
        width: 75px;
        height: 75px
    }

    .affiliate-hero-image-wrapper.affiliate-hero-image-wrapper-mobile {
        display: none
    }

    .affiliate-hero-image-icon-wrapper {
        top: -5px;
        right: -5px;
        width: 25px;
        height: 25px
    }

    .affiliate-details {
        padding: 40px 30px
    }

    .affiliate-cta-blob {
        height: 45%
    }

    .display-link-image {
        height: 300px
    }

    .capture-multi-field {
        position: relative;
        overflow: hidden;
        height: 50px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .capture-multi-field.capture-multi-field-dark {
        background-color: #242424
    }

    .capture-field-separator {
        width: auto;
        height: 1px;
        margin-right: 55px;
        margin-left: 10px
    }

    .home-hero-image-wrapper {
        min-width: 0
    }

    .hero-mockup-image {
        box-shadow: 0 25px 40px 0 rgba(51, 51, 51, .15)
    }

    .nfc-hero-content {
        min-width: 0;
        margin-bottom: 50px
    }

    .nfc-hero-image-logo {
        width: 100px;
        height: 100px;
        margin-left: 20px
    }

    .social-button-tab-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .social-button-tab {
        margin-bottom: 5px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .social-button-tab.social-button-tab-large {
        min-width: 45%
    }

    .nfc-hero-phone {
        width: 250px;
        height: 510px;
        border-radius: 30px
    }

    .nfc-overview-info-item {
        margin-bottom: 150px
    }

    .nfc-overview-info-item.nfc-overview-info-item-end {
        margin-bottom: 0
    }

    .nfc-cta-details {
        height: 225px;
        background-position: 50% 100%
    }

    .nfc-wrapper {
        padding: 40px 30px
    }

    .nfc-announcement {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .announcement-image {
        width: 100%;
        height: 325px
    }

    .announcement-content {
        border-top: 1px solid #e4e4e4;
        border-left-style: none
    }

    .offer-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .offer-item-image {
        width: 100%;
        height: 275px;
        border-right-style: none
    }

    .offer-item-list {
        width: 100%;
        padding-top: 0;
        border-right-style: none
    }

    .element-card-title-wrapper {
        padding: 35px 25px
    }
}

@media screen and (max-width:479px) {
    body {
        background-color: #f4f4f7
    }

    ul {
        padding-left: 20px
    }

    .form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .profile-image {
        height: 120px
    }

    .profile-name {
        margin-bottom: 15px;
        font-size: 22px;
        line-height: 1em;
        font-weight: 500;
        text-align: center
    }

    .profile-bio {
        margin-bottom: 15px;
        padding: 0px 36px;
    }

    .MenuIconMobile {
        display: block;
        position: fixed;
        z-index: 11;
        background: radial-gradient(169.32% 571.83% at 98.4% 19.88%, #8fb3ff 0%, #9d6be8 27.72%, #de2778 54.29%, #b03de2 100%) !important;
        width: 40px;
        height: 40px;
        text-align: center;
        padding-top: 5px;
        border-radius: 5px;
        left: 10px;
        top: 10px;
    }

    .profile-side-button {
        height: 21px
    }

    .profile-logo-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .profile-location-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-style: none;
        border-width: 1px;
        border-color: #929292;
        border-radius: 20px;
        color: #929292;
        font-size: 15px;
        font-weight: 300
    }

    .location-icon {
        height: 20px;
        margin-right: 8px
    }

    .link-item-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .link-button {
        width: 100%;
    }

    .link-button.link-button-full-width {
        width: 90%
    }

    .link-icon-float {
        position: absolute;
        left: -10%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 60px;
        height: 60px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 5px
    }

    .link-arrows {
        opacity: .7
    }

    .footer-link {
        padding-right: 0
    }

    .mobile-nav-menu-wrapper {
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto auto auto;
        grid-template-rows: auto auto auto auto
    }

    .section-container {
        width: 85%
    }

    .section-container.section-container-legal {
        width: 100%
    }

    .section-container.section-container-hiw {
        width: 100%
    }

    .profile-info-bottom-wrapper {
        max-width: 320px
    }

    .page-wrapper {
        min-height: 100vh
    }

    .section.login-page-wrapper {
        padding-top: 100px
    }

    .section.link-section {
        padding-top: 15px;
        padding-bottom: 20px
    }

    .section.sectino-affiliate-cta {
        padding-bottom: 65px
    }

    .profile-image-wrapper {
        width: 120px;
        height: 120px
    }

    .login-header {
        font-size: 40px;
        text-align: center
    }

    .button {
        position: relative
    }

    .button.button-small {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .button.button-checkout {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .forgot-password-link {
        margin-bottom: 12px
    }

    .section-heading {
        font-size: 40px
    }

    .plans-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .feature-list {
        white-space: normal
    }

    .remember-forgot-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .error-message-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .db-sidebar {
        -webkit-transform: translate(-315px, 0);
        -ms-transform: translate(-315px, 0);
        transform: translate(-315px, 0)
    }

    .link-thumbnail-wrapper {
        width: 70px;
        height: 70px;
        margin-right: 16px
    }

    .element-section-title.element-section-title-w-button {
        margin-bottom: 15px
    }

    .element-card {
        margin-bottom: 35px;
        box-shadow: none
    }

    .text-field-on-white.text-field-on-white-nfc-signup {
        margin-right: 0;
        margin-bottom: 15px
    }

    .card-field-wrapper.card-field-wrapper-half {
        width: 100%
    }

    .card-field-wrapper.card-field-send-wrapper {
        width: 100%
    }

    .card-2-field-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-logo {
        width: 50px
    }

    .expiration-wrapper {
        padding: 6px
    }

    .card-number {
        font-size: 12px
    }

    .cc-middle-content-wrapper {
        padding-left: 5px
    }

    .cc-front-wrapper {
        padding: 20px
    }

    .cc-text {
        font-size: 14px
    }

    .cc-text.numbers {
        font-size: 18px
    }

    .cc-text.name {
        font-size: 16px
    }

    .cc-text.blocked {
        font-size: 18px
    }

    .billing-content-wrapper {
        min-width: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .billing-plan-wrapper {
        max-width: none;
        margin-right: 0;
        margin-left: 0
    }

    .card-button.card-button-send {
        width: 100%
    }

    .card-section-heading {
        padding-right: 15px;
        padding-left: 15px
    }

    .team-accounts-heading {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .team-member-item {
        font-size: 15px
    }

    .card-section-content {
        padding-right: 15px;
        padding-left: 15px
    }

    .plan-item {
        width: 100%
    }

    .card-plan-price-text {
        text-align: left
    }

    .cc-back-wrapper {
        padding: 10px
    }

    .cc-wrapper {
        width: 325px;
        height: 205px;
        min-height: 205px;
        min-width: 325px;
        margin-right: 0;
        margin-left: 0
    }

    .edit-link-text-wrapper {
        text-align: left
    }

    .link-move-icon-button {
        margin-right: 0
    }

    .edit-link-editor-wrapper {
        padding-right: 5px;
        padding-left: 5px
    }

    .edit-link-footer-button-wrapper {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .edit-link-footer-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .link-close-icon-button {
        margin-right: 0
    }

    .checkout-section-heading {
        padding-right: 15px;
        padding-left: 15px
    }

    .checkout-form {
        padding-right: 15px;
        padding-left: 15px
    }

    .checkout-savings-text {
        margin-left: 0
    }

    .invite-email-sender-wrapper {
        padding-right: 15px;
        padding-left: 15px
    }

    .modal-content-card {
        min-width: 310px
    }

    .modal-content-card.modal-content-card-raised {
        position: relative;
        margin-top: -30%
    }

    .modal-heading-wrapper {
        line-height: 1.3em
    }

    .modal-message-wrapper.modal-message-wrapper-center {
        padding-top: 10px;
        padding-bottom: 5px
    }

    .modal-action-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .checkout-switch-title-right-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .checkout-switch-wrapper {
        margin-bottom: 35px
    }

    .modal-title {
        line-height: 25px
    }

    .hiw-wrapper {
        padding-right: 20px;
        padding-left: 20px
    }

    .hiw-item {
        width: 100%
    }

    .hero-content-title {
        font-size: 40px
    }

    .hero-content-title.hero-content-title-affiliate {
        font-size: 38px
    }

    .hero-content-subtitle {
        font-size: 18px;
        font-weight: 400
    }

    .utility-page-content.utility-page-content-unsub {
        max-width: 310px
    }

    .db-page {
        margin-left: 0
    }

    .db-page-header {
        padding-top: 25px;
        padding-bottom: 25px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .db-page-header-title {
        margin-right: 10px;
        font-size: 30px;
        line-height: 1em
    }

    .db-page-content {
        width: 100%
    }

    .menu-button {
        margin-right: 0
    }

    .dropdown-arrow-icon {
        margin-top: 16px;
        margin-bottom: 16px;
        margin-left: 20px
    }

    .db-page-header-content {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .db-page-header-content-title-wrapper {
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .db-overlay {
        opacity: 1
    }

    .db-page-header-button {
        width: 100%;
        margin-top: 0;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #fff
    }

    .plan-shrink-wrapper {
        width: 100%;
        min-width: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }

    .db-page-header-title-desktop {
        margin-right: 10px;
        font-size: 30px;
        line-height: 1em
    }

    .billing-plans-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .go-to-profile-wrapper {
        width: 90%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .row-title-middle {
        display: none
    }

    .row-title-left {
        margin-right: 2%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .row-item-left {
        width: 100%;
        margin-right: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .row-item-right {
        width: 30%
    }

    .row-item-middle {
        width: 100%;
        margin-right: 0
    }

    .list-row-wrapper-stack {
        width: 70%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .list-item-text.list-item-text-username {
        width: 100%;
        margin-bottom: 5px;
        font-weight: 500
    }

    .mobile-nav-menu {
        width: 100%;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0)
    }

    .mobile-nav-menu-overlay {
        opacity: 1
    }

    .rich-media-wrapper.rich-media-wrapper-tweet {
        min-height: 191px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .link-arrow-wrapper {
        padding-right: 20px
    }

    .new-link-buttons-wrapper {
        margin-left: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .editor-upload-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .coming-soon-card {
        margin-bottom: 35px;
        box-shadow: none
    }

    .home-footer-column {
        width: 100%
    }

    .home-footer-column-header {
        margin-bottom: 25px
    }

    .page-switch-button {
        width: 100%;
        text-align: center
    }

    .call-to-action {
        padding-right: 35px;
        padding-left: 35px
    }

    .cta-header {
        font-size: 37px
    }

    .curve-shape-1 {
        height: 40%
    }

    .curve-shape-2 {
        height: 40%
    }

    .cta-content-wrapper {
        min-width: auto
    }

    .faq-item {
        width: 100%
    }

    .legal-content {
        padding: 25px
    }

    .legal-rich-text ul {
        white-space: normal
    }

    .remember-me-wrapper {
        margin-right: 5px;
        margin-bottom: 12px
    }

    .page-heading {
        margin-bottom: 25px;
        font-size: 40px;
        text-align: center
    }

    .page-heading-wrapper {
        margin-bottom: 45px;
        text-align: center
    }

    .section-heading-small {
        font-size: 40px
    }

    .select-field {
        background-position: 96% 50%
    }

    .element-card-header {
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .feedback-agent-text {
        margin-bottom: 15px
    }

    .preset-item {
        width: 46%
    }

    .feedback-card-title {
        margin-bottom: 15px
    }

    .social-button-wrapper {
        padding-right: 0;
        padding-left: 0;
        margin-top: -20px;
        margin-bottom: 20px;
    }

    .social-button {
        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto
    }

    .feedback-user-info {
        margin-bottom: 15px
    }

    .small-user-image-wrapper.small-user-image-wrapper-xs {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .small-user-image-wrapper.small-user-image-wrapper-page {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .style-content-item {
        width: 100%
    }

    .fineprint {
        padding-right: 15px;
        padding-left: 15px
    }

    .fineprint.fineprint-w-terms {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .fineprint-link-wrapper {
        margin-top: 10px
    }

    .email-content {
        width: 100%
    }

    .user-item-arrow-wrapper {
        width: 10%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .user-item-info-username {
        width: 100%
    }

    .user-item-info-email {
        display: none
    }

    .user-item-details {
        padding-right: 10px;
        padding-left: 10px
    }

    .user-item-details-info.user-item-details-info-email {
        width: 100%
    }

    .user-item-info-wrapper {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .analytics-card {
        margin-bottom: 35px;
        box-shadow: none
    }

    .analytics-card.analytics-card-links {
        padding: 0;
        border-style: none
    }

    .analytics-card-list.analytics-card-list-v2 {
        margin-bottom: 0
    }

    .analytics-dropdown-wrapper {
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .analytics-dropdown {
        width: 100%;
        margin-top: 0;
        margin-bottom: 10px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #fff
    }

    .analytics-card-list-item-content {
        overflow: hidden;
        width: auto;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .dropdown-list.w--open {
        box-shadow: 0 14px 20px -5px rgba(0, 0, 0, .15)
    }

    .analytics-dropdown-holder {
        width: 100%
    }

    .utility-error-message-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .analytics-card-list-item-content-wrapper {
        overflow: hidden
    }

    .sign-up-profile-bio {
        margin-bottom: 15px
    }

    .sign-up-profile-location-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-style: none;
        border-width: 1px;
        border-color: #929292;
        border-radius: 20px
    }

    .hiw-animation-box.hiw-animation-box-signup {
        overflow: visible
    }

    .sign-up-location-icon {
        height: 20px;
        margin-right: 8px
    }

    .addc-link-wrapper {
        width: 93%;
        margin-left: auto
    }

    .addc-link-button {
        padding-left: 50px
    }

    .social-button-placeholder.social-button-placeholder-preview {
        height: 23px;
        margin-right: 0;
        margin-bottom: 0
    }

    .hd-article-title {
        margin-right: 10px;
        font-size: 30px;
        line-height: 1em
    }

    .hd-category {
        padding: 30px
    }

    .contact-button-wrapper {
        padding-right: 0;
        padding-left: 0
    }

    .social-button-wrapper-yt {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .upgrade-modal-logo {
        height: 25px
    }

    .upgrade-modal-action {
        padding-top: 15px;
        padding-bottom: 20px
    }

    .home-hero {
        overflow: hidden
    }

    .hero-home-register.hero-home-register-mobile {
        margin-bottom: 15px
    }

    .home-hero-blob {
        height: 350px
    }

    .consent {
        left: 0;
        bottom: 0;
        width: 100%;
        border-style: solid none none
    }

    .modal-onboard {
        width: 99%;
        min-width: 0;
        margin-top: -30%
    }

    .home-hero-image-slider {
        max-width: none;
        min-width: 380px
    }

    .upgrade-info-plan-title {
        font-size: 25px
    }

    .upgrade-action-plan {
        height: auto;
        padding-top: 12px;
        padding-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .upgrade-action-plan.upgrade-action-plan-active {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .upgrade-action-title {
        font-size: 25px
    }

    .upgrade-action-plan-current {
        margin-top: 5px
    }

    .upgrade-switch-title-right-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .referral-card-list-item-content {
        overflow: hidden;
        width: auto;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .referral-link-editor-wrapper {
        padding-right: 5px;
        padding-left: 5px
    }

    .minimal-button {
        margin: 5px 5px 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .minimal-button.minimal-button-preview {
        width: 35px;
        height: 35px;
        cursor: default
    }

    .minimal-button.minimal-button-preview.minimal-button-preview-edit {
        margin-top: 0
    }

    .advanced-card-menu {
        padding-right: 15px;
        padding-left: 15px
    }

    .advanced-card-menu-button {
        position: relative
    }

    .search-dropdown-holder {
        width: 100%
    }

    .info-popup {
        left: -36px;
        padding: 11px 14px
    }

    .info-popup.info-popup-center {
        left: -92px;
        display: none
    }

    .pop-up-message-carrot {
        left: 34px
    }

    .pop-up-message-carrot.pop-up-message-carrot-center {
        left: 90px
    }

    .info-popup-buffer {
        left: 27px
    }

    .info-popup-buffer.info-popup-buffer-center {
        left: 87px
    }

    .addc-wrapper {
        width: 100%;
        max-width: 325px
    }

    .addc-social-button-wrapper {
        padding-right: 15px;
        padding-left: 15px
    }

    .addc-social-button {
        margin: 5px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .compare-row-company {
        width: 45%;
        padding: 10px 10px 25px
    }

    .compare-row-top {
        padding-right: 15px;
        padding-left: 15px
    }

    .compare-container {
        padding-right: 0;
        padding-left: 0
    }

    .key-image {
        margin-right: 20px;
        border-radius: 15px
    }

    .compare-hero-image {
        border-radius: 20px
    }

    .compare-hero-image.compare-hero-image-solo {
        border-radius: 25px
    }

    .compare-hero-title {
        font-size: 40px
    }

    .share-style-option-wrapper {
        height: 100px
    }

    .share-style-option-wrapper.share-style-option-wrapper-half {
        width: 48%
    }

    .share-style-button-label.share-style-button-label-contact {
        top: 15px
    }

    .social-move-icon-button {
        margin-right: 0
    }

    .social-button-editor-wrapper {
        padding-right: 5px;
        padding-left: 5px
    }

    .user-item-details-button {
        margin-bottom: 10px
    }

    .user-item-details-actions {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .capture-wrapper {
        padding-right: 20px;
        padding-left: 20px
    }

    .capture-form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .blank-success-message {
        padding: 0
    }

    .affiliate-stats-item {
        width: 100%
    }

    .affiliate-info {
        padding: 30px
    }

    .affiliate-details-wrapper {
        padding: 30px
    }

    .capture-submit.capture-submit-multi {
        position: absolute;
        left: auto;
        top: auto;
        right: 0;
        bottom: 0;
        height: 100%
    }

    .capture-select-tab-icon {
        margin-right: 0
    }

    .page-switch-button-content {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .setup-title-wrapper {
        max-width: 250px
    }

    .sign-up-announcement-text {
        line-height: 1.4em
    }

    .verified-icon {
        top: 5px;
        right: -22px;
        width: 14px;
        height: 14px
    }

    .nav-dropdown {
        width: 100%
    }

    .nav-dropdown-list.w--open {
        width: 100%;
        margin-left: 0
    }

    .affiliate-hero-images {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .affiliate-hero-image-wrapper {
        width: 80px;
        height: 80px;
        margin-right: 25px
    }

    .affiliate-reason-item {
        margin-bottom: 40px;
        padding: 0
    }

    .affiliate-rules {
        padding: 30px
    }

    .affiliate-rules-list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .affiliate-rules-number {
        margin-right: 0;
        margin-bottom: 10px
    }

    .affiliate-start-steps-item-image-wrapper {
        padding: 30px
    }

    .affiliate-start-steps-item-image.affiliate-start-steps-item-image-activate {
        width: 100%
    }

    .affiliate-cta-details {
        padding: 30px
    }

    .affiliate-cta-message {
        padding: 30px
    }

    .affiliate-cta-blob {
        height: 30%
    }

    .display-link-image {
        height: 200px
    }

    .collab-indicator {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .captcha-text {
        left: 0;
        right: 0;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .divider-title {
        font-size: 19px;
        line-height: 1.4em
    }

    .hero-mockup-image {
        border-radius: 20px;
        box-shadow: 0 25px 40px 0 rgba(51, 51, 51, .2)
    }

    .hero-mockup-image.hero-mockup-image-large {
        border-radius: 25px;
        box-shadow: 0 25px 40px 0 rgba(51, 51, 51, .2)
    }

    .nfc-hero-image {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .social-button-tab {
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }

    .nfc-hero-phone {
        margin-left: 0
    }

    .nfc-cta-details {
        padding: 30px
    }

    .nfc-wrapper {
        padding-right: 20px;
        padding-left: 20px
    }

    .nfc-overview-image-mobile {
        height: 350px;
        margin-bottom: 25px
    }

    .nfc-setup-phone-mobile {
        height: 325px;
        border-radius: 25px;
        box-shadow: 0 20px 45px 0 rgba(51, 51, 51, .15)
    }

    .nfc-setup-phone-mobile.nfc-setup-phone-mobile-large {
        height: 350px
    }

    .nfc-place-phone-mobile {
        width: 250px
    }

    .nfc-overview-tap-mobile {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .nfc-tap-phone-mobile {
        width: 250px;
        height: 450px
    }

    .nfc-signup-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .capture-select-text {
        display: none
    }

    .element-card-accordion {
        margin-bottom: 35px;
        box-shadow: none
    }

    .element-card-title-wrapper {
        padding-right: 25px;
        padding-left: 25px
    }

    ._2fa-input-field._2fa-input-field-modal {
        width: 14%;
        font-size: 25px
    }

    .card-status-message {
        padding: 10px
    }
}

.cc-window {
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    transition: max-height 1s
}

.cc-window {
    position: fixed;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 275px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-style: solid;
    border-width: 1px;
    border-color: #f4f4f7
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.cc-revoke {
    display: none
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn, .cc-close, .cc-link {
    cursor: pointer
}

.cc-link {
    display: inline-block;
    color: #3673fc !important;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d8d8d8
}

.cc-link.cc-link-page {
    color: #929292 !important
}

.cc-link.cc-link-page-dark {
    color: #fff !important
}

.cc-link:hover {
    opacity: 1 color: #2566fa !important;
    border-bottom-color: #3673fc
}

.cc-link.cc-link-page-dark:hover, .cc-link.cc-link-page:hover {
    border-bottom-color: #929292
}

.cc-link:focus {
    border-bottom: 1px solid #d8d8d8
}

.cc-link:active, .cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: 11px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    background-color: #3673fc;
    outline-style: solid;
    outline-color: #3673fc;
    outline-width: 1px;
    white-space: nowrap
}

.cc-highlight .cc-btn:first-child {
    background-color: #fff !important;
    color: #3673fc !important
}

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
    text-decoration: none !important;
    background-color: #fff !important;
    outline-style: solid;
    outline-color: #3673fc;
    outline-width: 1px
}

.cc-color-override--1771424731 .cc-btn:focus, .cc-color-override--1771424731 .cc-btn:hover {
    background-color: #3673fc !important;
    outline-style: solid;
    outline-color: #3673fc;
    outline-width: 1px
}

.cc-color-override--1128040128 .cc-btn:focus, .cc-color-override--1128040128 .cc-btn:hover {
    background-color: #333 !important;
    outline-style: solid;
    outline-color: #333;
    outline-width: 1px
}

.cc-color-override--68002880 .cc-btn:focus, .cc-color-override--68002880 .cc-btn:hover {
    outline-style: solid;
    outline-color: #fff;
    outline-width: 1px
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus, .cc-close:hover {
    opacity: 1
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating>.cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cc-window.cc-banner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em
}

.cc-compliance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-floating .cc-compliance>.cc-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cc-btn+.cc-btn {
    margin-left: .5em
}

@media print {
    .cc-window {
        display: none
    }
}

@media screen and (max-width:900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width:414px) and (orientation:portrait), screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .cc-window.cc-floating {
        max-width: none;
        border: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset
    }

    .cc-window.cc-banner .cc-message {
        margin-right: 0
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 17px
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0
}

button:focus, input:focus {
    outline: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #333
}

select:-moz-focusring * {
    color: #333;
    text-shadow: none
}

:-moz-ui-invalid {
    box-shadow: none
}

.logo-rings path {
    --total-length: 136px;
    stroke-linecap: round;
    stroke-width: 6;
    stroke: #3673fc;
    fill: none;
    stroke-dasharray: var(--total-length) var(--total-length);
    animation: circle 3s cubic-bezier(0, .2, .6, .85) infinite
}

@keyframes circle {
    0% {
        stroke-dashoffset: calc(-1 * var(--total-length))
    }

    30%, 50% {
        stroke-dashoffset: 0
    }

    100%, 80% {
        stroke-dashoffset: var(--total-length)
    }
}

.logo-rings.non-loop path {
    animation: circle-once 3s cubic-bezier(0, .2, .6, .85)
}

@keyframes circle-once {
    0% {
        stroke-dashoffset: calc(-1 * var(--total-length))
    }

    30%, 50% {
        stroke-dashoffset: 0
    }
}

.id {
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.id:hover {
    border-bottom-color: #3673fc;
    color: #2566fa
}

.profile-bio.profile-bio-dark a {
    color: #fff
}

.text-field[disabled] {
    background-color: #e9e9f0;
    cursor: default
}

.grecaptcha-badge {
    visibility: hidden
}

.w-slider-dot {
    background: #e4e4e4
}

.w-slider-dot.w-active {
    background: #3673fc
}

.analytics-card-list-item-title, .analytics-card-list-item-url, .collab-email, .edit-link-url, .link-url, .list-item-text, .user-item.text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.StripeElement {
    height: 60px;
    margin-bottom: 15px;
    border-style: none none none solid;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 16px;
    padding: 20px 8px 0 12px;
    border-top-width: 1px;
    border-top-color: #000;
    border-right-width: 1px;
    border-right-color: #000;
    border-left-width: 4px;
    border-left-color: transparent;
    background-color: #f4f4f7
}

.StripeElement--focus {
    border-bottom-color: hsla(221.51515151515153, 97.06%, 60%, 1);
    border-left-color: hsla(221.51515151515153, 97.06%, 60%, 1)
}

#card-holder-name {
    font-family: 'Roboto Mono', sans-serif
}

@font-face {
    font-family: Graphik;
    font-style: normal;
    font-weight: 400;
    src: url('https://cdx.solo.to/fonts/Graphik-Regular-Gr-Web.woff2') format('woff2'), url('https://cdx.solo.to/fonts/Graphik-Regular-Gr-Web.woff') format('woff')
}

@font-face {
    font-family: Graphik;
    font-style: normal;
    font-weight: 300;
    src: url('https://cdx.solo.to/fonts/Graphik-Light-Gr-Web.woff2') format('woff2'), url('https://cdx.solo.to/fonts/Graphik-Light-Gr-Web.woff') format('woff')
}

@font-face {
    font-family: Graphik;
    font-style: normal;
    font-weight: 600;
    src: url('https://cdx.solo.to/fonts/Graphik-Semibold-Gr-Web.woff2') format('woff2'), url('https://cdx.solo.to/fonts/Graphik-Semibold-Gr-Web.woff') format('woff')
}

@font-face {
    font-family: Graphik;
    font-style: normal;
    font-weight: 500;
    src: url('https://cdx.solo.to/fonts/Graphik-Medium-Gr-Web.woff2') format('woff2'), url('https://cdx.solo.to/fonts/Graphik-Medium-Gr-Web.woff') format('woff')
}

@font-face {
    font-family: Graphik;
    font-style: normal;
    font-weight: 700;
    src: url('https://cdx.solo.to/fonts/Graphik-Bold-Gr-Web.woff2') format('woff2'), url('https://cdx.solo.to/fonts/Graphik-Bold-Gr-Web.woff') format('woff')
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 300;
    src: url('https://cdx.solo.to/fonts/roboto-mono-v13-latin_greek-300.woff2') format('woff2'), url('https://cdx.solo.to/fonts/roboto-mono-v13-latin_greek-300.woff') format('woff')
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: url('https://cdx.solo.to/fonts/roboto-mono-v13-latin_greek-regular.woff2') format('woff2'), url('https://cdx.solo.to/fonts/roboto-mono-v13-latin_greek-regular.woff') format('woff')
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 500;
    src: url('https://cdx.solo.to/fonts/roboto-mono-v13-latin_greek-500.woff2') format('woff2'), url('https://cdx.solo.to/fonts/roboto-mono-v13-latin_greek-500.woff') format('woff')
}

@font-face {
    font-family: Maitree;
    font-style: normal;
    font-weight: 400;
    src: url('https://cdx.solo.to/fonts/maitree-v5-latin-regular.woff2') format('woff2'), url('https://cdx.solo.to/fonts/maitree-v5-latin-regular.woff') format('woff')
}

@font-face {
    font-family: Maitree;
    font-style: normal;
    font-weight: 300;
    src: url('https://cdx.solo.to/fonts/maitree-v5-latin-300.woff2') format('woff2'), url('https://cdx.solo.to/fonts/maitree-v5-latin-300.woff') format('woff')
}

@font-face {
    font-family: Maitree;
    font-style: normal;
    font-weight: 500;
    src: url('https://cdx.solo.to/fonts/maitree-v5-latin-500.woff2') format('woff2'), url('https://cdx.solo.to/fonts/maitree-v5-latin-500.woff') format('woff')
}