@charset "UTF-8";

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-01 .common-user-icon-wrapper {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-02 .common-user-icon-wrapper {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-03 .common-user-icon-wrapper {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-04 .common-user-icon-wrapper {
    -webkit-border-radius: 40px 40px 40px 40px/20px 20px 20px 20px;
    -moz-border-radius: 40px 40px 40px 40px/20px 20px 20px 20px;
    -ms-border-radius: 40px 40px 40px 40px/20px 20px 20px 20px;
    border-radius: 40px 40px 40px 40px/20px 20px 20px 20px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-05 .common-user-icon-wrapper {
    -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    -webkit-clip-path: url("#avatarStyle05");
    clip-path: url("#avatarStyle05");
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-06 .common-user-icon-wrapper {
    -webkit-clip-path: polygon(50% 0, 100% 40%, 85% 100%, 15% 100%, 0 40%);
    clip-path: polygon(50% 0, 100% 40%, 85% 100%, 15% 100%, 0 40%);
    -webkit-clip-path: url("#avatarStyle06");
    clip-path: url("#avatarStyle06");
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-07 .common-user-icon-wrapper {
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    -webkit-clip-path: url("#avatarStyle07");
    clip-path: url("#avatarStyle07");
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-08 .common-user-icon-wrapper {
    -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: url("#avatarStyle08");
    clip-path: url("#avatarStyle08");
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-09 .common-user-icon-wrapper {
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    -webkit-clip-path: url("#avatarStyle09");
    clip-path: url("#avatarStyle09");
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-10 .common-user-icon-wrapper {
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    -webkit-clip-path: url("#avatarStyle10");
    clip-path: url("#avatarStyle10");
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.sensitive-content-section {
    height: 100%;
    min-height: inherit
}

.sensitive-content-section-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: inherit;
    min-height: inherit;
    color: #fff;
    max-width: 800px;
    margin: 0 auto
}

.sensitive-content-section-wrapper .sensitive-content-section-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    text-align: center
}

.sensitive-content-section-wrapper .sensitive-content-section-content .icon {
    padding-top: 20px
}

.sensitive-content-section-wrapper .sensitive-content-section-content .icon svg {
    width: 120px;
    height: 120px;
    fill: #fff
}

.sensitive-content-section-wrapper .sensitive-content-section-content h3 {
    font-size: 28px
}

.sensitive-content-section-wrapper .sensitive-content-section-content p {
    font-size: 16px
}

.sensitive-content-section-wrapper .sensitive-content-section-content .buttons-section {
    width: 100%
}

.sensitive-content-section-wrapper .sensitive-content-section-content .buttons-section-wrapper .button-item {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    display: block;
    outline: none;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    border: 2px solid transparent;
    margin-bottom: 15px;
    padding: 15px 20px;
    text-align: center
}

.sensitive-content-section-wrapper .sensitive-content-section-content .buttons-section-wrapper .button-item:first-child {
    border-color: #fff
}

.sensitive-content-section-wrapper .sensitive-content-section-content .buttons-section-wrapper .button-item:last-child {
    margin-bottom: 0
}

.sensitive-content-section-wrapper .sensitive-content-section-footer .preview-heylinkme-logo__component {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 50px;
    font-size: 20px;
    font-weight: 500;
    max-width: 155px;
    color: #fff
}

.sensitive-content-section-wrapper .sensitive-content-section-footer .preview-heylinkme-logo__component svg {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    fill: #47c3d1
}

.user-store__button {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    position: fixed;
    right: 16px;
    bottom: 16px;
    cursor: pointer;
    outline: none;
    font-family: inherit;
    background-color: transparent;
    color: #1d3548;
    font-size: 16px;
    text-align: center;
    border: none;
    z-index: 5
}

@media (max-width:755.98px) {
    .user-store__button {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        width: 100%;
        right: 0
    }
}

.user-store__button .user-store-button-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 80px;
    position: absolute;
    z-index: 3;
    background: #343498;
    opacity: 0.4
}

@media (min-width:756px) {
    .user-store__button .user-store-button-container {
        visibility: hidden
    }
}

@media (max-width:755.98px) {
    .user-store__button .user-store-button-container {
        visibility: visible
    }
}

.user-store__button .user-store-button-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    border-radius: inherit;
    width: auto;
    min-width: 100px;
    height: 100%;
    padding: 7px 15px;
    background-color: #fff;
    color: #1d3548;
    border: none;
    z-index: 4
}

@media (max-width:755.98px) {
    .user-store__button .user-store-button-content {
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -ms-border-radius: 25px;
        border-radius: 25px;
        width: 100%;
        max-width: 220px
    }
}

.user-store__button .user-store-button-content span {
    font-weight: 500;
    margin-right: 10px;
    word-break: break-word
}

.user-store__button .user-store-button-content i {
    display: inline-block;
    width: 25px;
    height: 24px
}

.user-store__button .user-store-button-content i svg {
    width: 100%;
    height: 100%
}

.user-store__button .user-store-button-content i svg path {
    fill: currentColor
}

.user-store-section-wrapper.active {
    width: 100vw;
    background: rgba(43, 41, 119, 0.85);
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 8
}

.user-store-section-wrapper .user-store__section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -ms-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    -webkit-box-shadow: 0 4px 24px rgba(45, 45, 51, 0.4);
    -moz-box-shadow: 0 4px 24px rgba(45, 45, 51, 0.4);
    box-shadow: 0 4px 24px rgba(45, 45, 51, 0.4);
    position: fixed;
    display: none;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 600px;
    font-family: inherit;
    background: #fff;
    margin: 0 auto;
    z-index: 999
}

@media (min-width:1044px) {
    .user-store-section-wrapper .user-store__section {
        max-width: 600px !important
    }
}

.user-store-section-wrapper .user-store__section .close-section {
    width: 100%;
    height: 50px;
    background: #eaecf1;
    border-radius: 15px 15px 0px 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.user-store-section-wrapper .user-store__section .close-section .close-store-btn {
    margin-right: 10px;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-store-section-wrapper .user-store__section .close-section .close-store-btn .btn-text {
    font-weight: 600;
    font-size: 15px;
    color: #000
}

.user-store-section-wrapper .user-store__section .close-section .close-store-btn img {
    width: 13px;
    margin-left: 5px
}

.user-store-section-wrapper .user-store__section .close-section .close-store-btn:hover img {
    transform: rotate(80deg)
}

.user-store-section-wrapper .user-store__section .store-title-description-wrapper {
    margin-bottom: 20px;
    padding: 0 20px
}

@media screen and (min-width:600px) {
    .user-store-section-wrapper .user-store__section .store-title-description-wrapper {
        text-align: center
    }
}

.user-store-section-wrapper .user-store__section .store-title-description-wrapper h3 {
    word-wrap: break-word;
    font-size: 16px;
    font-weight: 500;
    color: #000
}

.user-store-section-wrapper .user-store__section .store-title-description-wrapper .store-description {
    color: #1F3447;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    word-break: break-word
}

@media screen and (max-height:415px) {
    .user-store-section-wrapper .user-store__section .store-title-description-wrapper .store-description {
        max-height: 55px;
        overflow-y: scroll
    }
}

.user-store-section-wrapper .user-store__section .store-title-description-wrapper .link-icon-wrapper {
    margin: 5px 0 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:600px) {
    .user-store-section-wrapper .user-store__section .store-title-description-wrapper .link-icon-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.user-store-section-wrapper .user-store__section .store-title-description-wrapper .link-icon-wrapper a.link-to-store {
    margin-right: 5px;
    color: #1F3447;
    font-weight: 600;
    font-size: 15px
}

.user-store-section-wrapper .user-store__section .store-title-description-wrapper .link-icon-wrapper a.link-to-store:hover {
    margin-right: 15px
}

.user-store-section-wrapper .user-store__section .user-store-wrapper {
    scrollbar-color: rgba(179, 178, 208, 0.5) #C8CBDB;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1em
}

.user-store-section-wrapper .user-store__section .user-store-wrapper::-webkit-scrollbar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    height: 5px
}

.user-store-section-wrapper .user-store__section .user-store-wrapper::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #C8CBDB
}

.user-store-section-wrapper .user-store__section .user-store-wrapper::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #B3B2D0
}

.user-store-section-wrapper .user-store__section .user-store-wrapper::-webkit-scrollbar-thumb:hover {
    background: #b3b2d0
}

.user-store-section-wrapper .user-store__section .user-store-wrapper::-webkit-scrollbar-thumb {
    background: #1F3447
}

.user-store-section-wrapper .user-store__section .user-store-wrapper .user-store-content {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 16px
}

.user-store-section-wrapper .user-store__section .user-store-wrapper .user-store-content .user-store-item {
    display: inline-block;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    min-width: 100px;
    height: 145px;
    margin: 0 10px;
    text-decoration: none;
    overflow: hidden
}

.user-store-section-wrapper .user-store__section .user-store-wrapper .user-store-content .user-store-item:hover {
    cursor: pointer
}

.user-store-section-wrapper .user-store__section .user-store-wrapper .user-store-content .user-store-item:hover .label {
    text-decoration: underline
}

.user-store-section-wrapper .user-store__section .user-store-wrapper .user-store-content .user-store-item-wrapper .image-wrapper {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: relative
}

.user-store-section-wrapper .user-store__section .user-store-wrapper .user-store-content .user-store-item-wrapper .image-wrapper .image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: transform 0.25s;
    transition: transform 0.25s
}

.user-store-section-wrapper .user-store__section .user-store-wrapper .user-store-content .user-store-item-wrapper .image-wrapper .image:hover {
    transform: scale(1.1)
}

.user-store-section-wrapper .user-store__section .user-store-wrapper .user-store-content .user-store-item-wrapper .image-wrapper .image:hover {
    transform: scale(1.1)
}

.user-store-section-wrapper .user-store__section .user-store-wrapper .user-store-content .user-store-item-wrapper .image-wrapper .image.error {
    background-image: url("../../img/ic_default-product2.svg");
    background-size: contain
}

.user-store-section-wrapper .user-store__section .user-store-wrapper .user-store-content .user-store-item-wrapper .image-wrapper .price {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    position: absolute;
    padding: 3px 5px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 11px;
    right: 5px;
    bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-store-section-wrapper .user-store__section .user-store-wrapper .user-store-content .user-store-item-wrapper .label {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    color: #000;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 500
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper {
    width: 100%;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper {
    position: relative
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .selector,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .sort,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .filter,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .selector,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .sort,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .filter {
    width: 155px;
    height: 40px;
    border: 1px solid #DFE3EE;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@media screen and (max-width:330px) {

    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .selector,
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .sort,
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .filter,
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .selector,
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .sort,
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .filter {
        width: 125px
    }
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .selector .text,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .sort .text,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .filter .text,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .selector .text,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .sort .text,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .filter .text {
    margin-left: 5px;
    color: #1F3447;
    font-weight: 400;
    font-size: 14px
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .selector img,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .sort img,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .filter img,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .selector img,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .sort img,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .filter img {
    width: 19px
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .dropdown-list-options,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .dropdown-filter-options,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .dropdown-list-options,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .dropdown-filter-options {
    display: none;
    width: auto;
    background: #fff;
    border: 1px solid #DFE3EE;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    z-index: 4
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .dropdown-list-options .sort-item,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .dropdown-filter-options .sort-item,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .dropdown-list-options .sort-item,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .dropdown-filter-options .sort-item {
    padding: 5px;
    color: #1F3447;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .dropdown-list-options .sort-item:hover,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .dropdown-filter-options .sort-item:hover,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .dropdown-list-options .sort-item:hover,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .dropdown-filter-options .sort-item:hover {
    background: #d2d2e0
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .sort-dropdown-wrapper .dropdown-filter-options,
.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .filters-wrapper .filter-dropdown-wrapper .dropdown-filter-options {
    max-height: 215px;
    overflow-y: scroll
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper {
    max-height: 550px;
    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 40px;
    grid-column-gap: 20px;
    overflow-y: scroll
}

@media screen and (max-width:530px) {
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper {
        overflow-y: scroll;
        display: inline-grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 40px;
        grid-column-gap: 20px
    }
}

@media screen and (max-width:330px) {
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper {
        overflow-y: scroll;
        display: inline-grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 20px;
        grid-column-gap: 10px
    }
}

@media screen and (max-height:915px) {
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper {
        max-height: 500px;
        overflow-y: scroll
    }
}

@media screen and (max-height:851px) {
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper {
        max-height: 450px;
        overflow-y: scroll
    }
}

@media screen and (max-width:1180px) and (max-height:820px) {
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper {
        max-height: 400px;
        overflow-y: scroll
    }
}

@media screen and (max-height:815px) {
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper {
        max-height: 500px;
        overflow-y: scroll
    }
}

@media screen and (max-width:1024px) and (max-height:768px) {
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper {
        max-height: 345px;
        overflow-y: scroll
    }
}

@media screen and (max-height:740px) {
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper {
        max-height: 330px;
        overflow-y: scroll
    }
}

@media screen and (max-height:670px) {
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper {
        max-height: 280px;
        overflow-y: scroll
    }
}

@media screen and (max-width:720px) and (max-height:540px) {
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper {
        max-height: 195px;
        overflow-y: scroll
    }
}

@media screen and (max-height:415px) {
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper {
        max-height: 100px;
        overflow-y: scroll
    }
}

@media screen and (max-height:375px) {
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper {
        max-height: 75px;
        overflow-y: scroll
    }
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper a.store-link-item {
    width: 155px;
    height: 155px;
    text-decoration: none
}

@media screen and (max-width:330px) {
    .user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper a.store-link-item {
        width: 125px;
        height: 125px
    }
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper a.store-link-item:hover {
    text-decoration: underline
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper a.store-link-item .img-wrapper {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper a.store-link-item .img-wrapper .image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: transform 0.25s
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper a.store-link-item .img-wrapper .image:hover {
    transform: scale(1.1)
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper a.store-link-item .img-wrapper .image.error {
    background-image: url("../../img/ic_default-product2.svg");
    background-size: contain
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper a.store-link-item .img-wrapper .price {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    position: absolute;
    padding: 3px 5px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 11px;
    right: 5px;
    bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-store-section-wrapper .user-store__section .user-store-expanded-wrapper .user-store-items-wrapper a.store-link-item .item-name {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    color: #1F3447;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.preview-link-item__component.button-style-01 .common-expanded-block,
.preview-link-item__component.button-style-01 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-01 .common-expanded-block,
.preview-lock-link-item__component.button-style-01 .common-expanded-locked-block__component,
.preview-header-component.button-style-01 .common-expanded-block,
.preview-header-component.button-style-01 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-01 .preview-link-wrapper,
.preview-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-01 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-header-component.button-style-01 .preview-link-wrapper,
.preview-header-component.button-style-01 .preview-lock-link-wrapper,
.youtube-gallery.button-style-01,
.preview-commerce-link-item__component.button-style-01 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-01 .preview-link-wrapper,
.preview-location-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-01 .preview-link-wrapper,
.preview-menu-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-01,
.preview-location-item__component.button-style-01,
.preview-menu-item__component.button-style-01,
.preview-anonymous-messages__component.button-style-01,
.preview-signup-generator__component.button-style-01 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-link-item__component.button-style-02 .common-expanded-block,
.preview-link-item__component.button-style-02 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-02 .common-expanded-block,
.preview-lock-link-item__component.button-style-02 .common-expanded-locked-block__component,
.preview-header-component.button-style-02 .common-expanded-block,
.preview-header-component.button-style-02 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-02 .preview-link-wrapper,
.preview-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-02 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-header-component.button-style-02 .preview-link-wrapper,
.preview-header-component.button-style-02 .preview-lock-link-wrapper,
.youtube-gallery.button-style-02,
.preview-commerce-link-item__component.button-style-02 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-02 .preview-link-wrapper,
.preview-location-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-02 .preview-link-wrapper,
.preview-menu-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-02,
.preview-location-item__component.button-style-02,
.preview-menu-item__component.button-style-02,
.preview-anonymous-messages__component.button-style-02,
.preview-signup-generator__component.button-style-02 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.preview-link-item__component.button-style-03 .common-expanded-block,
.preview-link-item__component.button-style-03 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-03 .common-expanded-block,
.preview-lock-link-item__component.button-style-03 .common-expanded-locked-block__component,
.preview-header-component.button-style-03 .common-expanded-block,
.preview-header-component.button-style-03 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-03 .preview-link-wrapper,
.preview-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-03 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-header-component.button-style-03 .preview-link-wrapper,
.preview-header-component.button-style-03 .preview-lock-link-wrapper,
.youtube-gallery.button-style-03,
.preview-commerce-link-item__component.button-style-03 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-03 .preview-link-wrapper,
.preview-location-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-03 .preview-link-wrapper,
.preview-menu-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-03,
.preview-location-item__component.button-style-03,
.preview-menu-item__component.button-style-03,
.preview-anonymous-messages__component.button-style-03,
.preview-signup-generator__component.button-style-03 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px
}

.preview-link-item__component.button-style-04 .common-expanded-block,
.preview-link-item__component.button-style-04 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-04 .common-expanded-block,
.preview-lock-link-item__component.button-style-04 .common-expanded-locked-block__component,
.preview-header-component.button-style-04 .common-expanded-block,
.preview-header-component.button-style-04 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-04 .preview-link-wrapper,
.preview-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-04 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-header-component.button-style-04 .preview-link-wrapper,
.preview-header-component.button-style-04 .preview-lock-link-wrapper,
.youtube-gallery.button-style-04,
.preview-commerce-link-item__component.button-style-04 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-04 .preview-link-wrapper,
.preview-location-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-04 .preview-link-wrapper,
.preview-menu-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-04,
.preview-location-item__component.button-style-04,
.preview-menu-item__component.button-style-04,
.preview-anonymous-messages__component.button-style-04,
.preview-signup-generator__component.button-style-04 {
    -webkit-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -moz-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -ms-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border-radius: 50px 50px 50px 50px/25px 25px 25px 25px
}

.preview-link-item__component.button-style-05 .common-expanded-block,
.preview-link-item__component.button-style-05 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-05 .common-expanded-block,
.preview-lock-link-item__component.button-style-05 .common-expanded-locked-block__component,
.preview-header-component.button-style-05 .common-expanded-block,
.preview-header-component.button-style-05 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-05 .preview-link-wrapper,
.preview-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-05 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-header-component.button-style-05 .preview-link-wrapper,
.preview-header-component.button-style-05 .preview-lock-link-wrapper,
.youtube-gallery.button-style-05,
.preview-commerce-link-item__component.button-style-05 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-05 .preview-link-wrapper,
.preview-location-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-05 .preview-link-wrapper,
.preview-menu-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-05,
.preview-location-item__component.button-style-05,
.preview-menu-item__component.button-style-05,
.preview-anonymous-messages__component.button-style-05,
.preview-signup-generator__component.button-style-05 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-link-item__component.button-style-05 .link-underlayer,
.preview-lock-link-item__component.button-style-05 .link-underlayer,
.preview-header-component.button-style-05 .link-underlayer,
.preview-commerce-link-item__component.button-style-05 .link-underlayer,
.preview-location-item__component.button-style-05 .link-underlayer,
.preview-menu-item__component.button-style-05 .link-underlayer,
.preview-anonymous-messages__component.button-style-05 .link-underlayer,
.preview-signup-generator__component.button-style-05 .link-underlayer {
    top: 4px;
    left: 4px;
    border: 4px solid #239ae7
}

.preview-link-item__component.button-style-06 .common-expanded-block,
.preview-link-item__component.button-style-06 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-06 .common-expanded-block,
.preview-lock-link-item__component.button-style-06 .common-expanded-locked-block__component,
.preview-header-component.button-style-06 .common-expanded-block,
.preview-header-component.button-style-06 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-06 .preview-link-wrapper,
.preview-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-06 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-header-component.button-style-06 .preview-link-wrapper,
.preview-header-component.button-style-06 .preview-lock-link-wrapper,
.youtube-gallery.button-style-06,
.preview-commerce-link-item__component.button-style-06 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-06 .preview-link-wrapper,
.preview-location-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-06 .preview-link-wrapper,
.preview-menu-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-06,
.preview-location-item__component.button-style-06,
.preview-menu-item__component.button-style-06,
.preview-anonymous-messages__component.button-style-06,
.preview-signup-generator-terms__component.button-style-06,
.preview-signup-generator__component.button-style-06 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-07 .common-expanded-block,
.preview-link-item__component.button-style-07 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-07 .common-expanded-block,
.preview-lock-link-item__component.button-style-07 .common-expanded-locked-block__component,
.preview-header-component.button-style-07 .common-expanded-block,
.preview-header-component.button-style-07 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-07 .preview-link-wrapper,
.preview-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-07 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-header-component.button-style-07 .preview-link-wrapper,
.preview-header-component.button-style-07 .preview-lock-link-wrapper,
.youtube-gallery.button-style-07,
.preview-commerce-link-item__component.button-style-07 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-07 .preview-link-wrapper,
.preview-location-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-07 .preview-link-wrapper,
.preview-menu-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-07,
.preview-location-item__component.button-style-07,
.preview-menu-item__component.button-style-07,
.preview-anonymous-messages__component.button-style-07,
.preview-signup-generator-terms__component.button-style-07,
.preview-signup-generator__component.button-style-07 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-08 .common-expanded-block,
.preview-link-item__component.button-style-08 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-08 .common-expanded-block,
.preview-lock-link-item__component.button-style-08 .common-expanded-locked-block__component,
.preview-header-component.button-style-08 .common-expanded-block,
.preview-header-component.button-style-08 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-08 .preview-link-wrapper,
.preview-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-08 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-header-component.button-style-08 .preview-link-wrapper,
.preview-header-component.button-style-08 .preview-lock-link-wrapper,
.youtube-gallery.button-style-08,
.preview-commerce-link-item__component.button-style-08 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-08 .preview-link-wrapper,
.preview-location-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-08 .preview-link-wrapper,
.preview-menu-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-08,
.preview-location-item__component.button-style-08,
.preview-menu-item__component.button-style-08,
.preview-anonymous-messages__component.button-style-08,
.preview-signup-generator-terms__component.button-style-08,
.preview-signup-generator__component.button-style-08 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-09 .common-expanded-block,
.preview-link-item__component.button-style-09 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-09 .common-expanded-block,
.preview-lock-link-item__component.button-style-09 .common-expanded-locked-block__component,
.preview-header-component.button-style-09 .common-expanded-block,
.preview-header-component.button-style-09 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-09 .preview-link-wrapper,
.preview-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-09 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-header-component.button-style-09 .preview-link-wrapper,
.preview-header-component.button-style-09 .preview-lock-link-wrapper,
.youtube-gallery.button-style-09,
.preview-commerce-link-item__component.button-style-09 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-09 .preview-link-wrapper,
.preview-location-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-09 .preview-link-wrapper,
.preview-menu-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-09,
.preview-location-item__component.button-style-09,
.preview-menu-item__component.button-style-09,
.preview-anonymous-messages__component.button-style-09,
.preview-signup-generator-terms__component.button-style-09,
.preview-signup-generator__component.button-style-09 {
    -webkit-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -moz-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -ms-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-10 .common-expanded-block,
.preview-link-item__component.button-style-10 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-10 .common-expanded-block,
.preview-lock-link-item__component.button-style-10 .common-expanded-locked-block__component,
.preview-header-component.button-style-10 .common-expanded-block,
.preview-header-component.button-style-10 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-10 .preview-link-wrapper,
.preview-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-10 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-header-component.button-style-10 .preview-link-wrapper,
.preview-header-component.button-style-10 .preview-lock-link-wrapper,
.youtube-gallery.button-style-10,
.preview-commerce-link-item__component.button-style-10 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-10 .preview-link-wrapper,
.preview-location-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-10 .preview-link-wrapper,
.preview-menu-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-10,
.preview-location-item__component.button-style-10,
.preview-menu-item__component.button-style-10,
.preview-anonymous-messages__component.button-style-10,
.preview-signup-generator-terms__component.button-style-10,
.preview-signup-generator__component.button-style-10 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid #239ae7;
    background: transparent !important
}

.preview-link-item__component.button-style-10 .link-underlayer,
.preview-lock-link-item__component.button-style-10 .link-underlayer,
.preview-header-component.button-style-10 .link-underlayer,
.preview-commerce-link-item__component.button-style-10 .link-underlayer,
.preview-location-item__component.button-style-10 .link-underlayer,
.preview-menu-item__component.button-style-10 .link-underlayer,
.preview-anonymous-messages__component.button-style-10 .link-underlayer,
.preview-signup-generator__component.button-style-10 .link-underlayer {
    display: block;
    top: 3px;
    left: 3px;
    border: 1px solid #239ae7;
    border-width: 0 3px 3px 0
}

.preview-link-item__component.button-style-11 .common-expanded-block,
.preview-link-item__component.button-style-11 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-11 .common-expanded-block,
.preview-lock-link-item__component.button-style-11 .common-expanded-locked-block__component,
.preview-header-component.button-style-11 .common-expanded-block,
.preview-header-component.button-style-11 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-11 .preview-link-wrapper,
.preview-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-11 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-header-component.button-style-11 .preview-link-wrapper,
.preview-header-component.button-style-11 .preview-lock-link-wrapper,
.youtube-gallery.button-style-11,
.preview-commerce-link-item__component.button-style-11 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-11 .preview-link-wrapper,
.preview-location-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-11 .preview-link-wrapper,
.preview-menu-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-11,
.preview-location-item__component.button-style-11,
.preview-menu-item__component.button-style-11,
.preview-anonymous-messages__component.button-style-11,
.preview-signup-generator__component.button-style-11 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 2px solid #239ae7
}

.preview-link-item__component.button-style-12 .common-expanded-block,
.preview-link-item__component.button-style-12 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-12 .common-expanded-block,
.preview-lock-link-item__component.button-style-12 .common-expanded-locked-block__component,
.preview-header-component.button-style-12 .common-expanded-block,
.preview-header-component.button-style-12 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-12 .preview-link-wrapper,
.preview-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-12 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-header-component.button-style-12 .preview-link-wrapper,
.preview-header-component.button-style-12 .preview-lock-link-wrapper,
.youtube-gallery.button-style-12,
.preview-commerce-link-item__component.button-style-12 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-12 .preview-link-wrapper,
.preview-location-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-12 .preview-link-wrapper,
.preview-menu-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-12,
.preview-location-item__component.button-style-12,
.preview-menu-item__component.button-style-12,
.preview-anonymous-messages__component.button-style-12,
.preview-signup-generator__component.button-style-12 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #239ae7
}

.preview-link-item__component.button-style-13 .common-expanded-block,
.preview-link-item__component.button-style-13 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-13 .common-expanded-block,
.preview-lock-link-item__component.button-style-13 .common-expanded-locked-block__component,
.preview-header-component.button-style-13 .common-expanded-block,
.preview-header-component.button-style-13 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-13 .preview-link-wrapper,
.preview-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-13 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-header-component.button-style-13 .preview-link-wrapper,
.preview-header-component.button-style-13 .preview-lock-link-wrapper,
.youtube-gallery.button-style-13,
.preview-commerce-link-item__component.button-style-13 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-13 .preview-link-wrapper,
.preview-location-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-13 .preview-link-wrapper,
.preview-menu-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-13,
.preview-location-item__component.button-style-13,
.preview-menu-item__component.button-style-13,
.preview-anonymous-messages__component.button-style-13,
.preview-signup-generator__component.button-style-13 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    border: 2px solid #239ae7
}

.preview-link-item__component.button-style-14 .common-expanded-block,
.preview-link-item__component.button-style-14 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-14 .common-expanded-block,
.preview-lock-link-item__component.button-style-14 .common-expanded-locked-block__component,
.preview-header-component.button-style-14 .common-expanded-block,
.preview-header-component.button-style-14 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-14 .preview-link-wrapper,
.preview-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-14 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-header-component.button-style-14 .preview-link-wrapper,
.preview-header-component.button-style-14 .preview-lock-link-wrapper,
.youtube-gallery.button-style-14,
.preview-commerce-link-item__component.button-style-14 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-14 .preview-link-wrapper,
.preview-location-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-14 .preview-link-wrapper,
.preview-menu-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-14,
.preview-location-item__component.button-style-14,
.preview-menu-item__component.button-style-14,
.preview-anonymous-messages__component.button-style-14,
.preview-signup-generator__component.button-style-14 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.preview-link-item__component.button-style-14,
.preview-lock-link-item__component.button-style-14,
.preview-header-component.button-style-14,
.preview-anonymous-messages__component.button-style-14,
.preview-signup-generator__component.button-style-14 {
    margin-bottom: 20px !important
}

.preview-link-item__component.button-style-14 .link-underlayer::after,
.preview-lock-link-item__component.button-style-14 .link-underlayer::after,
.preview-header-component.button-style-14 .link-underlayer::after,
.preview-commerce-link-item__component.button-style-14 .link-underlayer::after,
.preview-location-item__component.button-style-14 .link-underlayer::after,
.preview-menu-item__component.button-style-14 .link-underlayer::after,
.preview-anonymous-messages__component.button-style-14 .link-underlayer::after,
.preview-signup-generator__component.button-style-14 .link-underlayer::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    border-color: inherit;
    border-width: 2px;
    border-style: dashed;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px
}

.preview-link-item__component.button-style-15 .common-expanded-block,
.preview-link-item__component.button-style-15 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-15 .common-expanded-block,
.preview-lock-link-item__component.button-style-15 .common-expanded-locked-block__component,
.preview-header-component.button-style-15 .common-expanded-block,
.preview-header-component.button-style-15 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-15 .preview-link-wrapper,
.preview-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-15 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-header-component.button-style-15 .preview-link-wrapper,
.preview-header-component.button-style-15 .preview-lock-link-wrapper,
.youtube-gallery.button-style-15,
.preview-commerce-link-item__component.button-style-15 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-15 .preview-link-wrapper,
.preview-location-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-15 .preview-link-wrapper,
.preview-menu-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-15,
.preview-location-item__component.button-style-15,
.preview-menu-item__component.button-style-15,
.preview-anonymous-messages__component.button-style-15,
.preview-signup-generator__component.button-style-15 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-link-item__component.button-style-15 .link-underlayer,
.preview-lock-link-item__component.button-style-15 .link-underlayer,
.preview-header-component.button-style-15 .link-underlayer,
.preview-commerce-link-item__component.button-style-15 .link-underlayer,
.preview-location-item__component.button-style-15 .link-underlayer,
.preview-menu-item__component.button-style-15 .link-underlayer,
.preview-anonymous-messages__component.button-style-15 .link-underlayer,
.preview-signup-generator__component.button-style-15 .link-underlayer {
    display: block;
    top: 5px;
    left: 5px;
    border: 2px solid #239ae7
}

.preview-signup-generator__component {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.preview-signup-generator__component::after {
    content: '';
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

.preview-signup-generator__component.button-style-04 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.preview-signup-generator__component.button-style-09 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.preview-signup-generator__component .link-underlayer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.preview-signup-generator__component .preview-signup-generator-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    position: relative
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    min-height: 70px;
    height: 70px;
    padding-right: 0;
    padding-left: 10px
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content .thumbnail {
    width: 54px;
    min-width: 54px;
    height: 54px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content .thumbnail svg {
    display: block;
    margin: 0 auto;
    height: 100%
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content .thumbnail .icon-name {
    display: none
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content:hover .thumbnail {
    transform: scale(1.1);
    transition: transform 0.5s ease
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content:hover svg {
    transform: scale(1.1);
    transition: transform 0.5s ease
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.click-button {
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.click-button span {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.click-button span.success-text {
    display: none;
    padding-right: 13px
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.click-button span.success-text.show {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.click-button span.success-text .icon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 25px;
    min-width: 25px;
    height: 25px;
    margin: 0 10px;
    background: url("../../img/ic_success.gif") center/contain no-repeat
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.click-button span.success-text span {
    display: inline-block
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview {
    display: none
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview>span {
    cursor: default
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    height: 100%
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field {
    height: 100%
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field.input-field {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 59%
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field {
    position: relative;
    height: inherit
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: inherit;
    width: 100%;
    border: none;
    height: inherit;
    background-color: transparent;
    outline: none;
    color: inherit;
    font-size: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 13px
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field input::placeholder {
    font-family: inherit;
    color: inherit;
    opacity: 1
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field input:-ms-input-placeholder {
    color: inherit;
    font-family: inherit
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field input::-ms-input-placeholder {
    color: inherit;
    font-family: inherit
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field input:focus::placeholder {
    font-family: inherit;
    color: inherit;
    opacity: 1
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field input:focus:-ms-input-placeholder {
    color: inherit;
    font-family: inherit
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field input:focus::-ms-input-placeholder {
    color: inherit;
    font-family: inherit
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field input:focus,
.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field input:hover,
.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field input:visited {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field input.validation-error {
    background-color: transparent
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field .validation-error.validation-async__error {
    display: none
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field .validation-error:not(input) {
    position: absolute;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    top: 50px;
    left: 0;
    margin: 5px 0;
    background: #f67261;
    color: #fff;
    font-size: inherit;
    padding: 5px 10px;
    z-index: 9999
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field .field .validation-error:not(input)::before {
    content: '';
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    border-radius: inherit;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: inherit;
    display: block;
    position: absolute;
    padding: 10px;
    left: 6px;
    top: -4px;
    z-index: -1
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: inherit;
    height: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-left: 2px solid currentColor;
    padding: 0 15px;
    outline: none;
    color: inherit;
    font-size: inherit
}

@media (max-width:755.98px) {
    .preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field button {
        padding: 0 5px
    }
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field button span {
    color: inherit;
    font-size: inherit
}

.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content.pseudo-input-preview form .form-field button svg {
    display: block;
    width: 15px;
    max-height: 12px;
    margin-left: 10px
}

.preview-signup-generator-terms__component {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    position: fixed !important;
    display: none;
    left: 0;
    top: 0;
    margin: 0 auto !important;
    padding: 0 !important;
    z-index: 9999
}

.preview-signup-generator-terms__component .notification__wrapper {
    color: inherit;
    font-family: inherit;
    min-height: 48px;
    background: inherit
}

.preview-signup-generator-terms__component .notification__wrapper .notication-text {
    color: inherit
}

.preview-signup-generator-terms__component .notification__wrapper .notication-text a {
    color: inherit;
    text-decoration: underline
}

.preview-signup-generator-terms__component .notification__wrapper .notication-text a:hover {
    color: inherit
}

.preview-link-item__component.button-style-01 .common-expanded-block,
.preview-link-item__component.button-style-01 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-01 .common-expanded-block,
.preview-lock-link-item__component.button-style-01 .common-expanded-locked-block__component,
.preview-header-component.button-style-01 .common-expanded-block,
.preview-header-component.button-style-01 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-01 .preview-link-wrapper,
.preview-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-01 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-header-component.button-style-01 .preview-link-wrapper,
.preview-header-component.button-style-01 .preview-lock-link-wrapper,
.youtube-gallery.button-style-01,
.preview-commerce-link-item__component.button-style-01 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-01 .preview-link-wrapper,
.preview-location-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-01 .preview-link-wrapper,
.preview-menu-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-01,
.preview-location-item__component.button-style-01,
.preview-menu-item__component.button-style-01,
.preview-anonymous-messages__component.button-style-01,
.preview-signup-generator__component.button-style-01 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-link-item__component.button-style-02 .common-expanded-block,
.preview-link-item__component.button-style-02 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-02 .common-expanded-block,
.preview-lock-link-item__component.button-style-02 .common-expanded-locked-block__component,
.preview-header-component.button-style-02 .common-expanded-block,
.preview-header-component.button-style-02 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-02 .preview-link-wrapper,
.preview-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-02 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-header-component.button-style-02 .preview-link-wrapper,
.preview-header-component.button-style-02 .preview-lock-link-wrapper,
.youtube-gallery.button-style-02,
.preview-commerce-link-item__component.button-style-02 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-02 .preview-link-wrapper,
.preview-location-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-02 .preview-link-wrapper,
.preview-menu-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-02,
.preview-location-item__component.button-style-02,
.preview-menu-item__component.button-style-02,
.preview-anonymous-messages__component.button-style-02,
.preview-signup-generator__component.button-style-02 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.preview-link-item__component.button-style-03 .common-expanded-block,
.preview-link-item__component.button-style-03 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-03 .common-expanded-block,
.preview-lock-link-item__component.button-style-03 .common-expanded-locked-block__component,
.preview-header-component.button-style-03 .common-expanded-block,
.preview-header-component.button-style-03 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-03 .preview-link-wrapper,
.preview-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-03 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-header-component.button-style-03 .preview-link-wrapper,
.preview-header-component.button-style-03 .preview-lock-link-wrapper,
.youtube-gallery.button-style-03,
.preview-commerce-link-item__component.button-style-03 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-03 .preview-link-wrapper,
.preview-location-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-03 .preview-link-wrapper,
.preview-menu-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-03,
.preview-location-item__component.button-style-03,
.preview-menu-item__component.button-style-03,
.preview-anonymous-messages__component.button-style-03,
.preview-signup-generator__component.button-style-03 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px
}

.preview-link-item__component.button-style-04 .common-expanded-block,
.preview-link-item__component.button-style-04 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-04 .common-expanded-block,
.preview-lock-link-item__component.button-style-04 .common-expanded-locked-block__component,
.preview-header-component.button-style-04 .common-expanded-block,
.preview-header-component.button-style-04 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-04 .preview-link-wrapper,
.preview-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-04 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-header-component.button-style-04 .preview-link-wrapper,
.preview-header-component.button-style-04 .preview-lock-link-wrapper,
.youtube-gallery.button-style-04,
.preview-commerce-link-item__component.button-style-04 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-04 .preview-link-wrapper,
.preview-location-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-04 .preview-link-wrapper,
.preview-menu-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-04,
.preview-location-item__component.button-style-04,
.preview-menu-item__component.button-style-04,
.preview-anonymous-messages__component.button-style-04,
.preview-signup-generator__component.button-style-04 {
    -webkit-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -moz-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -ms-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border-radius: 50px 50px 50px 50px/25px 25px 25px 25px
}

.preview-link-item__component.button-style-05 .common-expanded-block,
.preview-link-item__component.button-style-05 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-05 .common-expanded-block,
.preview-lock-link-item__component.button-style-05 .common-expanded-locked-block__component,
.preview-header-component.button-style-05 .common-expanded-block,
.preview-header-component.button-style-05 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-05 .preview-link-wrapper,
.preview-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-05 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-header-component.button-style-05 .preview-link-wrapper,
.preview-header-component.button-style-05 .preview-lock-link-wrapper,
.youtube-gallery.button-style-05,
.preview-commerce-link-item__component.button-style-05 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-05 .preview-link-wrapper,
.preview-location-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-05 .preview-link-wrapper,
.preview-menu-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-05,
.preview-location-item__component.button-style-05,
.preview-menu-item__component.button-style-05,
.preview-anonymous-messages__component.button-style-05,
.preview-signup-generator__component.button-style-05 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-link-item__component.button-style-05 .link-underlayer,
.preview-lock-link-item__component.button-style-05 .link-underlayer,
.preview-header-component.button-style-05 .link-underlayer,
.preview-commerce-link-item__component.button-style-05 .link-underlayer,
.preview-location-item__component.button-style-05 .link-underlayer,
.preview-menu-item__component.button-style-05 .link-underlayer,
.preview-anonymous-messages__component.button-style-05 .link-underlayer,
.preview-signup-generator__component.button-style-05 .link-underlayer {
    top: 4px;
    left: 4px;
    border: 4px solid #239ae7
}

.preview-link-item__component.button-style-06 .common-expanded-block,
.preview-link-item__component.button-style-06 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-06 .common-expanded-block,
.preview-lock-link-item__component.button-style-06 .common-expanded-locked-block__component,
.preview-header-component.button-style-06 .common-expanded-block,
.preview-header-component.button-style-06 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-06 .preview-link-wrapper,
.preview-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-06 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-header-component.button-style-06 .preview-link-wrapper,
.preview-header-component.button-style-06 .preview-lock-link-wrapper,
.youtube-gallery.button-style-06,
.preview-commerce-link-item__component.button-style-06 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-06 .preview-link-wrapper,
.preview-location-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-06 .preview-link-wrapper,
.preview-menu-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-06,
.preview-location-item__component.button-style-06,
.preview-menu-item__component.button-style-06,
.preview-anonymous-messages__component.button-style-06,
.preview-signup-generator__component.button-style-06,
.preview-signup-generator-terms__component.button-style-06 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-07 .common-expanded-block,
.preview-link-item__component.button-style-07 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-07 .common-expanded-block,
.preview-lock-link-item__component.button-style-07 .common-expanded-locked-block__component,
.preview-header-component.button-style-07 .common-expanded-block,
.preview-header-component.button-style-07 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-07 .preview-link-wrapper,
.preview-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-07 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-header-component.button-style-07 .preview-link-wrapper,
.preview-header-component.button-style-07 .preview-lock-link-wrapper,
.youtube-gallery.button-style-07,
.preview-commerce-link-item__component.button-style-07 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-07 .preview-link-wrapper,
.preview-location-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-07 .preview-link-wrapper,
.preview-menu-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-07,
.preview-location-item__component.button-style-07,
.preview-menu-item__component.button-style-07,
.preview-anonymous-messages__component.button-style-07,
.preview-signup-generator__component.button-style-07,
.preview-signup-generator-terms__component.button-style-07 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-08 .common-expanded-block,
.preview-link-item__component.button-style-08 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-08 .common-expanded-block,
.preview-lock-link-item__component.button-style-08 .common-expanded-locked-block__component,
.preview-header-component.button-style-08 .common-expanded-block,
.preview-header-component.button-style-08 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-08 .preview-link-wrapper,
.preview-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-08 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-header-component.button-style-08 .preview-link-wrapper,
.preview-header-component.button-style-08 .preview-lock-link-wrapper,
.youtube-gallery.button-style-08,
.preview-commerce-link-item__component.button-style-08 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-08 .preview-link-wrapper,
.preview-location-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-08 .preview-link-wrapper,
.preview-menu-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-08,
.preview-location-item__component.button-style-08,
.preview-menu-item__component.button-style-08,
.preview-anonymous-messages__component.button-style-08,
.preview-signup-generator__component.button-style-08,
.preview-signup-generator-terms__component.button-style-08 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-09 .common-expanded-block,
.preview-link-item__component.button-style-09 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-09 .common-expanded-block,
.preview-lock-link-item__component.button-style-09 .common-expanded-locked-block__component,
.preview-header-component.button-style-09 .common-expanded-block,
.preview-header-component.button-style-09 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-09 .preview-link-wrapper,
.preview-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-09 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-header-component.button-style-09 .preview-link-wrapper,
.preview-header-component.button-style-09 .preview-lock-link-wrapper,
.youtube-gallery.button-style-09,
.preview-commerce-link-item__component.button-style-09 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-09 .preview-link-wrapper,
.preview-location-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-09 .preview-link-wrapper,
.preview-menu-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-09,
.preview-location-item__component.button-style-09,
.preview-menu-item__component.button-style-09,
.preview-anonymous-messages__component.button-style-09,
.preview-signup-generator__component.button-style-09,
.preview-signup-generator-terms__component.button-style-09 {
    -webkit-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -moz-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -ms-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-10 .common-expanded-block,
.preview-link-item__component.button-style-10 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-10 .common-expanded-block,
.preview-lock-link-item__component.button-style-10 .common-expanded-locked-block__component,
.preview-header-component.button-style-10 .common-expanded-block,
.preview-header-component.button-style-10 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-10 .preview-link-wrapper,
.preview-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-10 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-header-component.button-style-10 .preview-link-wrapper,
.preview-header-component.button-style-10 .preview-lock-link-wrapper,
.youtube-gallery.button-style-10,
.preview-commerce-link-item__component.button-style-10 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-10 .preview-link-wrapper,
.preview-location-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-10 .preview-link-wrapper,
.preview-menu-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-10,
.preview-location-item__component.button-style-10,
.preview-menu-item__component.button-style-10,
.preview-anonymous-messages__component.button-style-10,
.preview-signup-generator__component.button-style-10,
.preview-signup-generator-terms__component.button-style-10 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid #239ae7;
    background: transparent !important
}

.preview-link-item__component.button-style-10 .link-underlayer,
.preview-lock-link-item__component.button-style-10 .link-underlayer,
.preview-header-component.button-style-10 .link-underlayer,
.preview-commerce-link-item__component.button-style-10 .link-underlayer,
.preview-location-item__component.button-style-10 .link-underlayer,
.preview-menu-item__component.button-style-10 .link-underlayer,
.preview-anonymous-messages__component.button-style-10 .link-underlayer,
.preview-signup-generator__component.button-style-10 .link-underlayer {
    display: block;
    top: 3px;
    left: 3px;
    border: 1px solid #239ae7;
    border-width: 0 3px 3px 0
}

.preview-link-item__component.button-style-11 .common-expanded-block,
.preview-link-item__component.button-style-11 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-11 .common-expanded-block,
.preview-lock-link-item__component.button-style-11 .common-expanded-locked-block__component,
.preview-header-component.button-style-11 .common-expanded-block,
.preview-header-component.button-style-11 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-11 .preview-link-wrapper,
.preview-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-11 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-header-component.button-style-11 .preview-link-wrapper,
.preview-header-component.button-style-11 .preview-lock-link-wrapper,
.youtube-gallery.button-style-11,
.preview-commerce-link-item__component.button-style-11 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-11 .preview-link-wrapper,
.preview-location-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-11 .preview-link-wrapper,
.preview-menu-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-11,
.preview-location-item__component.button-style-11,
.preview-menu-item__component.button-style-11,
.preview-anonymous-messages__component.button-style-11,
.preview-signup-generator__component.button-style-11 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 2px solid #239ae7
}

.preview-link-item__component.button-style-12 .common-expanded-block,
.preview-link-item__component.button-style-12 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-12 .common-expanded-block,
.preview-lock-link-item__component.button-style-12 .common-expanded-locked-block__component,
.preview-header-component.button-style-12 .common-expanded-block,
.preview-header-component.button-style-12 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-12 .preview-link-wrapper,
.preview-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-12 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-header-component.button-style-12 .preview-link-wrapper,
.preview-header-component.button-style-12 .preview-lock-link-wrapper,
.youtube-gallery.button-style-12,
.preview-commerce-link-item__component.button-style-12 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-12 .preview-link-wrapper,
.preview-location-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-12 .preview-link-wrapper,
.preview-menu-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-12,
.preview-location-item__component.button-style-12,
.preview-menu-item__component.button-style-12,
.preview-anonymous-messages__component.button-style-12,
.preview-signup-generator__component.button-style-12 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #239ae7
}

.preview-link-item__component.button-style-13 .common-expanded-block,
.preview-link-item__component.button-style-13 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-13 .common-expanded-block,
.preview-lock-link-item__component.button-style-13 .common-expanded-locked-block__component,
.preview-header-component.button-style-13 .common-expanded-block,
.preview-header-component.button-style-13 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-13 .preview-link-wrapper,
.preview-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-13 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-header-component.button-style-13 .preview-link-wrapper,
.preview-header-component.button-style-13 .preview-lock-link-wrapper,
.youtube-gallery.button-style-13,
.preview-commerce-link-item__component.button-style-13 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-13 .preview-link-wrapper,
.preview-location-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-13 .preview-link-wrapper,
.preview-menu-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-13,
.preview-location-item__component.button-style-13,
.preview-menu-item__component.button-style-13,
.preview-anonymous-messages__component.button-style-13,
.preview-signup-generator__component.button-style-13 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    border: 2px solid #239ae7
}

.preview-link-item__component.button-style-14 .common-expanded-block,
.preview-link-item__component.button-style-14 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-14 .common-expanded-block,
.preview-lock-link-item__component.button-style-14 .common-expanded-locked-block__component,
.preview-header-component.button-style-14 .common-expanded-block,
.preview-header-component.button-style-14 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-14 .preview-link-wrapper,
.preview-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-14 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-header-component.button-style-14 .preview-link-wrapper,
.preview-header-component.button-style-14 .preview-lock-link-wrapper,
.youtube-gallery.button-style-14,
.preview-commerce-link-item__component.button-style-14 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-14 .preview-link-wrapper,
.preview-location-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-14 .preview-link-wrapper,
.preview-menu-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-14,
.preview-location-item__component.button-style-14,
.preview-menu-item__component.button-style-14,
.preview-anonymous-messages__component.button-style-14,
.preview-signup-generator__component.button-style-14 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.preview-link-item__component.button-style-14,
.preview-lock-link-item__component.button-style-14,
.preview-header-component.button-style-14,
.preview-anonymous-messages__component.button-style-14,
.preview-signup-generator__component.button-style-14 {
    margin-bottom: 20px !important
}

.preview-link-item__component.button-style-14 .link-underlayer::after,
.preview-lock-link-item__component.button-style-14 .link-underlayer::after,
.preview-header-component.button-style-14 .link-underlayer::after,
.preview-commerce-link-item__component.button-style-14 .link-underlayer::after,
.preview-location-item__component.button-style-14 .link-underlayer::after,
.preview-menu-item__component.button-style-14 .link-underlayer::after,
.preview-anonymous-messages__component.button-style-14 .link-underlayer::after,
.preview-signup-generator__component.button-style-14 .link-underlayer::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    border-color: inherit;
    border-width: 2px;
    border-style: dashed;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px
}

.preview-link-item__component.button-style-15 .common-expanded-block,
.preview-link-item__component.button-style-15 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-15 .common-expanded-block,
.preview-lock-link-item__component.button-style-15 .common-expanded-locked-block__component,
.preview-header-component.button-style-15 .common-expanded-block,
.preview-header-component.button-style-15 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-15 .preview-link-wrapper,
.preview-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-15 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-header-component.button-style-15 .preview-link-wrapper,
.preview-header-component.button-style-15 .preview-lock-link-wrapper,
.youtube-gallery.button-style-15,
.preview-commerce-link-item__component.button-style-15 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-15 .preview-link-wrapper,
.preview-location-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-15 .preview-link-wrapper,
.preview-menu-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-15,
.preview-location-item__component.button-style-15,
.preview-menu-item__component.button-style-15,
.preview-anonymous-messages__component.button-style-15,
.preview-signup-generator__component.button-style-15 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-link-item__component.button-style-15 .link-underlayer,
.preview-lock-link-item__component.button-style-15 .link-underlayer,
.preview-header-component.button-style-15 .link-underlayer,
.preview-commerce-link-item__component.button-style-15 .link-underlayer,
.preview-location-item__component.button-style-15 .link-underlayer,
.preview-menu-item__component.button-style-15 .link-underlayer,
.preview-anonymous-messages__component.button-style-15 .link-underlayer,
.preview-signup-generator__component.button-style-15 .link-underlayer {
    display: block;
    top: 5px;
    left: 5px;
    border: 2px solid #239ae7
}

.preview-anonymous-messages__component {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.preview-anonymous-messages__component::after {
    content: '';
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

.preview-anonymous-messages__component.button-style-04 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.preview-anonymous-messages__component.button-style-09 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.preview-anonymous-messages__component .link-underlayer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    position: relative
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    min-height: 86px;
    padding: 13px
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.click-button {
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    display: none
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.click-button span.success-text {
    display: none;
    padding-right: 13px
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.click-button span.success-text.show {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:611.98px) {
    .preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.click-button span.success-text.show {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.click-button span.success-text .icon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 25px;
    min-width: 25px;
    height: 25px;
    margin-right: 10px;
    background: url("../../img/ic_success.gif") center/contain no-repeat
}

@media (max-width:611.98px) {
    .preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.click-button span.success-text .icon {
        margin-right: 0;
        margin-bottom: 5px
    }
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.click-button span.success-text span {
    display: inline-block
}

@media (max-width:611.98px) {
    .preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview {
        height: auto
    }
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview>span {
    cursor: default
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    height: 100%
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form.anonymous-messages {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:611.98px) {
    .preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form.anonymous-messages {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form.anonymous-messages>div:first-child {
    border-bottom: none
}

@media (max-width:611.98px) {
    .preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form.anonymous-messages .form-field {
        width: 100%
    }
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form.anonymous-messages .form-field.input-field {
    width: 59%
}

@media (max-width:611.98px) {
    .preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form.anonymous-messages .form-field.input-field {
        width: 100%;
        padding-bottom: 15px
    }
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form.anonymous-messages .form-field button {
    padding: 5px 0;
    padding-left: 15px;
    border-left: 2px solid currentColor
}

@media (max-width:611.98px) {
    .preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form.anonymous-messages .form-field button {
        padding-top: 10px;
        padding-left: 0;
        border-left: none;
        border-top: 2px solid currentColor
    }
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form>div:not(:last-child) {
    border-bottom: 1px solid currentColor
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field {
    height: 100%
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field.input-field {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field.input-field.message {
    padding-top: 20px;
    padding-bottom: 25px
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field.input-field.message input::placeholder {
    font-family: inherit;
    color: inherit;
    opacity: 1
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field.input-field.message input:-ms-input-placeholder {
    color: inherit;
    font-family: inherit
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field.input-field.message input::-ms-input-placeholder {
    color: inherit;
    font-family: inherit
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field {
    position: relative;
    height: inherit
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: inherit;
    width: 100%;
    border: none;
    height: inherit;
    background-color: transparent;
    outline: none;
    color: inherit;
    font-size: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 13px
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field input::placeholder {
    font-family: inherit;
    color: #73889f;
    opacity: 1
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field input:-ms-input-placeholder {
    color: #73889f;
    font-family: inherit
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field input::-ms-input-placeholder {
    color: #73889f;
    font-family: inherit
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field input:focus::placeholder {
    font-family: inherit;
    color: inherit;
    opacity: 1
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field input:focus:-ms-input-placeholder {
    color: inherit;
    font-family: inherit
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field input:focus::-ms-input-placeholder {
    color: inherit;
    font-family: inherit
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field input:focus,
.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field input:hover,
.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field input:visited {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field input.validation-error {
    background-color: transparent
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field .validation-error.validation-async__error {
    display: none
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field .validation-error:not(input) {
    position: absolute;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    top: 26px;
    left: 0;
    margin: 5px 0;
    background: #f67261;
    color: #fff;
    font-size: inherit;
    padding: 5px 10px;
    z-index: 9999
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field .validation-error:not(input)::before {
    content: '';
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    border-radius: inherit;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: inherit;
    display: block;
    position: absolute;
    padding: 10px;
    left: 6px;
    top: -4px;
    z-index: -1
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field .max-characters {
    display: none;
    position: absolute;
    bottom: 0;
    right: 5px;
    color: #73889f;
    font-size: 10px;
    font-weight: 300
}

@media (max-width:611.98px) {
    .preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field .field .max-characters {
        display: inline;
        bottom: -10px;
        right: 10px
    }
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    font-family: inherit;
    height: inherit;
    cursor: pointer;
    background-color: transparent;
    border: none;
    padding: 10px 0 5px;
    outline: none;
    color: inherit;
    font-size: inherit
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field button span {
    color: inherit;
    font-size: inherit
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field button .arrow {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 25px;
    min-width: 25px;
    height: 25px;
    margin-left: 10px;
    color: inherit
}

.preview-anonymous-messages__component .preview-anonymous-messages-wrapper .preview-anonymous-messages-content.pseudo-input-preview form .form-field button .arrow svg {
    fill: currentColor;
    width: inherit
}

.report-abuse-button__component {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    -webkit-tap-highlight-color: transparent;
    width: 36px;
    height: 50px;
    outline: none;
    z-index: 2;
    cursor: pointer
}

@media (max-width:755.98px) {
    .report-abuse-button__component {
        width: 44px
    }
}

@media (min-width:612px) {
    .report-abuse-button__component {
        bottom: 35px
    }
}

.report-abuse-button__component.position-left,
.report-abuse-button__component .position-right {
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.report-abuse-button__component.position-center {
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.report-abuse-button__component.expanded {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.report-abuse-button__component.expanded .report-abuse-button-info {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    color: inherit
}

.report-abuse-button__component .report-abuse-button-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: start;
    -webkit-box-align: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 0;
    outline: none;
    overflow: hidden;
    position: relative;
    stroke: inherit;
    -webkit-tap-highlight-color: transparent;
    text-align: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    z-index: 3;
    color: inherit
}

@media (max-width:755.98px) {
    .report-abuse-button__component .report-abuse-button-wrapper {
        width: 28px;
        min-width: 28px;
        height: 28px
    }
}

.report-abuse-button__component .report-abuse-button-wrapper svg {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 20px;
    height: 20px;
    margin: auto;
    fill: none !important;
    stroke: currentColor;
    stroke-opacity: 0.7
}

@media (max-width:755.98px) {
    .report-abuse-button__component .report-abuse-button-wrapper svg {
        width: 28px;
        height: 28px
    }
}

.report-abuse-button__component .report-abuse-button-wrapper svg:hover,
.report-abuse-button__component .report-abuse-button-wrapper svg:active,
.report-abuse-button__component .report-abuse-button-wrapper svg:focus {
    stroke-opacity: 1
}

.report-abuse-button__component .report-abuse-button-info {
    display: none
}

.report-abuse-button__component .report-abuse-button-info .report-abuse-button-info-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    font-size: 14px;
    color: inherit
}

@media (max-width:755.98px) {
    .report-abuse-button__component .report-abuse-button-info .report-abuse-button-info-wrapper {
        font-size: 12px
    }
}

.report-abuse-button__component .report-abuse-button-info .report-abuse-button-info-wrapper .page-report-section {
    color: inherit
}

.report-abuse-button__component .report-abuse-button-info .report-abuse-button-info-wrapper .page-report-section span a {
    color: inherit;
    font-weight: 500;
    letter-spacing: 0
}

.report-abuse-button__component .report-abuse-button-info .report-abuse-button-info-wrapper .page-report-section span a:hover,
.report-abuse-button__component .report-abuse-button-info .report-abuse-button-info-wrapper .page-report-section span a :active {
    color: inherit;
    text-decoration: none;
    opacity: 1
}

.report-abuse-button__component .report-abuse-button-info .report-abuse-button-info-wrapper .page-report-section .cookies-btn-wrapper {
    margin-top: 5px
}

.report-abuse-button__component .report-abuse-button-info .report-abuse-button-info-wrapper .page-report-section .cookies-btn-wrapper #ot-sdk-btn,
.report-abuse-button__component .report-abuse-button-info .report-abuse-button-info-wrapper .page-report-section .cookies-btn-wrapper .ot-sdk-show-settings {
    padding: 0 !important;
    color: currentColor !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    text-align: left !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-decoration-line: underline;
    white-space: nowrap
}

@media (max-width:755.98px) {

    .report-abuse-button__component .report-abuse-button-info .report-abuse-button-info-wrapper .page-report-section .cookies-btn-wrapper #ot-sdk-btn,
    .report-abuse-button__component .report-abuse-button-info .report-abuse-button-info-wrapper .page-report-section .cookies-btn-wrapper .ot-sdk-show-settings {
        font-size: 12px
    }
}

.report-abuse-button__component .report-abuse-button-info .report-abuse-button-info-wrapper .page-report-section .cookies-btn-wrapper #ot-sdk-btn:hover,
.report-abuse-button__component .report-abuse-button-info .report-abuse-button-info-wrapper .page-report-section .cookies-btn-wrapper .ot-sdk-show-settings:hover {
    background: none !important;
    border: none !important;
    text-decoration-line: none
}

.jquery-modal {
    font-size: 14px
}

.jquery-modal.blocker {
    z-index: 9998
}

.jquery-modal .report-abuse-modal__component {
    z-index: 9999
}

.jquery-modal .report-abuse-modal__component .close-modal {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: 12.5px;
    right: 12.5px;
    background: #239ae7 url("../../img/ic_close_store.svg") center/8px no-repeat
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper h4 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #1d3548;
    font-size: 18px;
    text-align: center
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper #reportAbuseReasonField,
.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper #reportAbuseReportIdField {
    display: none;
    visibility: hidden
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section {
    display: none
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section.active {
    display: block
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-button {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    margin: 5px auto;
    background: #f4f5f9;
    min-width: 26px;
    color: #1d3548;
    height: auto;
    padding: 16px 0;
    -webkit-box-shadow: 0 4px 4px rgba(45, 45, 51, 0.12);
    -moz-box-shadow: 0 4px 4px rgba(45, 45, 51, 0.12);
    box-shadow: 0 4px 4px rgba(45, 45, 51, 0.12);
    border: none;
    text-align: center;
    width: 99%;
    margin-left: 1px;
    cursor: pointer
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-button:hover {
    background: #e7f8ff;
    color: #239ae7
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-button span {
    pointer-events: none;
    touch-action: none
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-back-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    color: #239ae7;
    width: 99%;
    margin-left: 1px;
    padding: 16px 0;
    font-size: 14px;
    cursor: pointer;
    text-transform: capitalize
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-back-btn span:first-child {
    margin-right: 10px
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-textarea {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 99%;
    position: relative
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-textarea textarea {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    font-family: inherit;
    display: block;
    width: 96%;
    height: 120px;
    padding: 12px 10px 0;
    border: 2px solid #f4f5f9;
    color: #1d3548;
    background: #fff;
    resize: none
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-textarea textarea::placeholder {
    font-family: inherit;
    color: #c1c1c1;
    opacity: 1
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-textarea textarea:-ms-input-placeholder {
    color: #c1c1c1;
    font-family: inherit
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-textarea textarea::-ms-input-placeholder {
    color: #c1c1c1;
    font-family: inherit
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-textarea textarea:hover,
.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-textarea textarea:focus,
.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-textarea textarea:active {
    border: 2px solid #f4f5f9;
    outline: none
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-action-btn,
.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px -10px 10px
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-action-btn>div,
.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success>div {
    width: 49%;
    margin: 0 10px
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-action-btn>div.skip,
.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success>div.skip {
    background: #239ae7;
    color: #fff
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-action-btn>div.skip:hover,
.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success>div.skip:hover {
    background: #f67261;
    color: #fff
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-action-btn>div.send,
.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success>div.send {
    color: #c1c1c1
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-action-btn>div.send:hover,
.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success>div.send:hover {
    background: #239ae7;
    color: #fff
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success p {
    color: #1d3548;
    text-align: center
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success p.error {
    display: none;
    color: #f67367
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success p.helper {
    display: none
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success p span {
    color: #239ae7;
    text-decoration: underline
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success .modal-secion-success-actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px -10px 10px;
    width: 100%
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success .modal-secion-success-actions>div {
    width: 49%;
    margin: 0 10px
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success .modal-secion-success-actions .done,
.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success .modal-secion-success-actions .try-again {
    background: #239ae7;
    color: #fff
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success .modal-secion-success-actions .done:hover,
.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success .modal-secion-success-actions .try-again:hover {
    background: #f67261;
    color: #fff
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success .modal-secion-success-actions .try-again {
    display: none
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .modal-section-success .modal-secion-success-actions.undo:hover {
    background: #239ae7;
    color: #fff
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .back-section span svg {
    width: 15px;
    color: inherit
}

.jquery-modal .report-abuse-modal__component .report-abuse-modal-wrapper .back-section span svg path {
    fill: currentColor
}

.preview-image-sliders-list__component .gallery-name-block {
    min-height: 45px;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(14px);
    border-radius: 8px
}

.preview-image-sliders-list__component .gallery-name-block .text {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 45px;
    color: #FFF;
    text-align: center
}

.preview-image-sliders-list__component>div:not(:first-child) {
    margin-top: 20px
}

.preview-image-sliders-list__component .preview-image-slider-item__component {
    width: 100%;
    margin: 0 auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    position: relative
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper {
    outline: none
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper.slick-slider .slick-list {
    height: 100%
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper.slick-slider .slick-list .slick-track {
    height: 100%
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper.slick-slider .slick-list .slick-track:focus {
    outline: none
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper.slick-slider .slick-list .slick-track .slick-slide {
    height: 100%;
    outline: none
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper.slick-slider .slick-list .slick-track .slick-slide>div {
    height: 100%
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper.slick-slider .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 4;
    font-size: 0;
    width: 20px;
    height: 50px;
    border: none
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper.slick-slider .slick-arrow.slick-prev {
    width: 50px;
    height: 50px;
    left: 0px !important;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(7.5px);
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper.slick-slider .slick-arrow.slick-prev::before {
    content: '';
    width: 25px;
    height: 25px;
    margin: 0 auto;
    background: url("../../img/arrow-left.svg") 0 0/100% no-repeat;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper.slick-slider .slick-arrow.slick-next {
    right: 0px !important;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(7.5px);
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper.slick-slider .slick-arrow.slick-next::before {
    content: '';
    width: 25px;
    height: 25px;
    margin: 0 auto;
    background: url("../../img/arrow-right.svg") 0 0/100% no-repeat;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper .image-wrapper {
    height: 100%;
    outline: none;
    display: flex;
    flex-direction: column;
    position: relative
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper .image-wrapper .image {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper .image-wrapper .slide-info-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    backdrop-filter: blur(10px)
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper .image-wrapper .slide-info-wrapper .slide-title {
    margin-top: 5px;
    padding: 0 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #1a2c36;
    word-wrap: break-word
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper .image-wrapper .slide-info-wrapper .slide-description {
    margin-top: 5px;
    padding: 0 10px;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #1a2c36;
    word-wrap: break-word
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper .image-wrapper .slide-info-wrapper a {
    text-decoration: none
}

.preview-image-sliders-list__component .preview-image-slider-item__component .slider-wrapper .image-wrapper .slide-info-wrapper a .slide-link-text {
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
    word-wrap: break-word
}

.preview-image-sliders-list__component .preview-image-slider-item__component .description-wrapper {
    width: 100%;
    margin: 10px auto 0;
    backdrop-filter: blur(5px);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.preview-image-sliders-list__component .preview-image-slider-item__component .description-wrapper .title {
    font-weight: 600;
    word-wrap: break-word
}

.preview-image-sliders-list__component .preview-image-slider-item__component .description-wrapper .description {
    font-size: 12px;
    word-wrap: break-word
}

.preview-image-sliders-list__component .preview-image-slider-item__component .description-wrapper .title,
.preview-image-sliders-list__component .preview-image-slider-item__component .description-wrapper .description {
    margin: 5px 0;
    padding: 0 10px;
    text-align: center
}

.preview-image-sliders-list__component .preview-image-slider-item__component .description-wrapper .link {
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
    word-wrap: break-word
}

.preview-image-sliders-list__component .instagram-gallery {
    padding: 15px;
    background: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(10px) !important;
    border: none !important;
    box-shadow: unset !important
}

.preview-image-sliders-list__component .instagram-gallery .instagram-gallery-header {
    height: 45px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

@media screen and (max-width:500px) {
    .preview-image-sliders-list__component .instagram-gallery .instagram-gallery-header {
        gap: 5px
    }
}

.preview-image-sliders-list__component .instagram-gallery .instagram-gallery-header .instagram-icon img {
    width: 28px;
    height: 28px
}

.preview-image-sliders-list__component .instagram-gallery .instagram-gallery-header .instagram-title {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width:500px) {
    .preview-image-sliders-list__component .instagram-gallery .instagram-gallery-header .instagram-title {
        font-size: 15px
    }
}

.preview-image-sliders-list__component .instagram-gallery .instagram-gallery-header .subscribe-instagram-link {
    padding: 0 10px;
    text-decoration: none
}

.preview-image-sliders-list__component .instagram-gallery .instagram-gallery-header .subscribe-instagram-link .btn-wrapper {
    padding: 0 10px
}

.preview-image-sliders-list__component .instagram-gallery .instagram-gallery-header .subscribe-instagram-link .btn-wrapper .subscribe-button-url {
    height: 35px
}

@media screen and (max-width:500px) {
    .preview-image-sliders-list__component .instagram-gallery .instagram-gallery-header .subscribe-instagram-link .btn-wrapper .subscribe-button-url {
        font-size: 14px
    }
}

.preview-image-sliders-list__component .instagram-gallery .grid-wrapper {
    position: relative
}

.preview-image-sliders-list__component .instagram-gallery .grid-wrapper .grid-img img {
    width: 100%;
    border-radius: 5px
}

.preview-image-sliders-list__component .instagram-gallery .col_3 {
    width: 100%;
    display: inline-grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(33.33% - 20px), 1fr));
    grid-row-gap: 5px;
    grid-column-gap: 10px
}

.preview-image-sliders-list__component .instagram-gallery .col_3 .grid-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center
}

.preview-image-sliders-list__component .instagram-gallery .col_2 {
    width: 100%;
    display: inline-grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 10px), 1fr));
    grid-row-gap: 5px;
    grid-column-gap: 10px
}

.preview-image-sliders-list__component .instagram-gallery .col_2 .grid-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center
}

.preview-image-sliders-list__component .instagram-gallery .col_1 {
    width: 100%;
    display: inline-grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(100% - 10px), 1fr));
    grid-row-gap: 5px;
    grid-column-gap: 10px
}

.preview-image-sliders-list__component .instagram-gallery .col_1 .grid-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center
}

.preview-image-sliders-list__component .slider-grid {
    padding: 0px;
    border: none !important;
    box-shadow: unset !important;
    border-radius: inherit;
    background: none !important
}

.preview-image-sliders-list__component .slider-grid.blurred {
    padding: 15px !important;
    background: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(10px) !important
}

.preview-image-sliders-list__component .slider-grid .grid-slider-header {
    height: 45px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

@media screen and (max-width:500px) {
    .preview-image-sliders-list__component .slider-grid .grid-slider-header {
        gap: 5px
    }
}

.preview-image-sliders-list__component .slider-grid .grid-slider-header.blurred {
    padding: 15px !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(10px) !important
}

.preview-image-sliders-list__component .slider-grid .grid-slider-header .slider-grid-title {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width:500px) {
    .preview-image-sliders-list__component .slider-grid .grid-slider-header .slider-grid-title {
        font-size: 15px
    }
}

.preview-image-sliders-list__component .slider-grid .grid-wrapper {
    position: relative
}

.preview-image-sliders-list__component .slider-grid .grid-wrapper .grid-img img {
    width: 100%;
    border-radius: 5px
}

.preview-image-sliders-list__component .slider-grid .col_3 {
    width: 100%;
    display: inline-grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(33.33% - 20px), 1fr));
    grid-row-gap: 5px;
    grid-column-gap: 10px
}

.preview-image-sliders-list__component .slider-grid .col_3 .grid-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center
}

.preview-image-sliders-list__component .slider-grid .col_2 {
    width: 100%;
    display: inline-grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 10px), 1fr));
    grid-row-gap: 5px;
    grid-column-gap: 10px
}

.preview-image-sliders-list__component .slider-grid .col_2 .grid-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center
}

.preview-image-sliders-list__component .slider-grid .col_1 {
    width: 100%;
    display: inline-grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(100% - 10px), 1fr));
    grid-row-gap: 5px;
    grid-column-gap: 10px
}

.preview-image-sliders-list__component .slider-grid .col_1 .grid-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center
}

.preview-image-sliders-list__component .youtube-gallery {
    padding: 15px;
    background: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(10px) !important;
    border: none !important;
    box-shadow: unset !important
}

.preview-image-sliders-list__component .youtube-gallery .youtube-gallery-header {
    height: 45px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px
}

@media screen and (max-width:500px) {
    .preview-image-sliders-list__component .youtube-gallery .youtube-gallery-header {
        gap: 5px
    }
}

.preview-image-sliders-list__component .youtube-gallery .youtube-gallery-header .youtube-icon {
    width: 28px;
    height: 28px
}

.preview-image-sliders-list__component .youtube-gallery .youtube-gallery-header .youtube-icon img {
    width: 28px;
    height: 28px
}

.preview-image-sliders-list__component .youtube-gallery .youtube-gallery-header .youtube-title {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width:500px) {
    .preview-image-sliders-list__component .youtube-gallery .youtube-gallery-header .youtube-title {
        font-size: 15px
    }
}

.preview-image-sliders-list__component .youtube-gallery .youtube-gallery-header .subscribe-youtube-link {
    padding: 0 10px;
    text-decoration: none
}

.preview-image-sliders-list__component .youtube-gallery .youtube-gallery-header .subscribe-youtube-link .btn-wrapper {
    padding: 0 10px
}

.preview-image-sliders-list__component .youtube-gallery .youtube-gallery-header .subscribe-youtube-link .btn-wrapper .subscribe-button-url {
    height: 35px
}

@media screen and (max-width:500px) {
    .preview-image-sliders-list__component .youtube-gallery .youtube-gallery-header .subscribe-youtube-link .btn-wrapper .subscribe-button-url {
        font-size: 14px
    }
}

.preview-image-sliders-list__component .youtube-gallery .table-gallery-wrapper {
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: rgba(171, 169, 201, 0.5) #e8eaf2
}

.preview-image-sliders-list__component .youtube-gallery .table-gallery-wrapper::-webkit-scrollbar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: 5px
}

.preview-image-sliders-list__component .youtube-gallery .table-gallery-wrapper::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #e8eaf2
}

.preview-image-sliders-list__component .youtube-gallery .table-gallery-wrapper::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #aba9c9
}

.preview-image-sliders-list__component .youtube-gallery .table-gallery-wrapper::-webkit-scrollbar-thumb:hover {
    background: #aba9c9
}

.preview-image-sliders-list__component .youtube-gallery .table-gallery-wrapper .video-item {
    width: 99%
}

.preview-image-sliders-list__component .youtube-gallery .table-gallery-wrapper .video-item:not(:last-child) {
    margin-bottom: 10px
}

.preview-image-sliders-list__component .youtube-gallery .table-gallery-wrapper .video-item iframe {
    width: 100%;
    height: auto;
    min-height: 220px
}

.preview-image-sliders-list__component .youtube-gallery .list-gallery-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow-x: auto;
    scrollbar-color: rgba(171, 169, 201, 0.5) #e8eaf2
}

.preview-image-sliders-list__component .youtube-gallery .list-gallery-wrapper::-webkit-scrollbar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    height: 5px
}

.preview-image-sliders-list__component .youtube-gallery .list-gallery-wrapper::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #e8eaf2
}

.preview-image-sliders-list__component .youtube-gallery .list-gallery-wrapper::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #aba9c9
}

.preview-image-sliders-list__component .youtube-gallery .list-gallery-wrapper::-webkit-scrollbar-thumb:hover {
    background: #aba9c9
}

.preview-image-sliders-list__component .youtube-gallery .list-gallery-wrapper .video-item {
    min-width: 70%
}

.preview-image-sliders-list__component .youtube-gallery .list-gallery-wrapper .video-item:not(:last-child) {
    margin-right: 10px
}

.preview-image-sliders-list__component .youtube-gallery .list-gallery-wrapper .video-item iframe {
    width: 99%
}

.preview-image-sliders-list__component .youtube-gallery .grid-galery-wrapper {
    width: 100%;
    display: inline-grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(33.33% - 20px), 1fr));
    grid-row-gap: 5px;
    grid-column-gap: 10px
}

.preview-image-sliders-list__component .youtube-gallery .grid-galery-wrapper .grid-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.preview-commerce-link-item__component {
    background: #fff;
    border-radius: 8px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    line-height: 1.5
}

.preview-commerce-link-item__component:hover {
    cursor: pointer
}

.preview-commerce-link-item__component:hover .thumbnail {
    transform: scale(1.1);
    transition: transform 0.5s ease
}

.preview-commerce-link-item__component:hover .commerce-icon-wrapper svg {
    transform: translateX(5px);
    transition: transform 0.5s ease
}

.preview-commerce-link-item__component .title {
    min-height: 70px;
    font-size: 16px;
    font-weight: 500;
    padding: 0 20px 0 10px;
    word-wrap: break-word;
    border-radius: inherit;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preview-commerce-link-item__component .title .thumbnail {
    width: 54px;
    min-width: 54px;
    height: 54px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    border-radius: inherit;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.preview-commerce-link-item__component .title .thumbnail svg {
    display: block;
    margin: 0 auto;
    height: 100%
}

.preview-commerce-link-item__component .title .thumbnail .icon-name {
    display: none
}

.preview-commerce-link-item__component .title .title-text {
    width: 100%;
    padding: 0 20px 0 10px;
    word-wrap: break-word;
    word-break: break-word
}

.preview-commerce-link-item__component .title .commerce-icon-wrapper {
    width: 20px;
    height: 20px
}

.preview-commerce-link-item__component .title .commerce-icon-wrapper svg {
    width: 20px;
    height: 20px
}

.preview-commerce-link-item__component .left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preview-commerce-link-item__component .right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preview-commerce-link-item__component .center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preview-commerce-link-item__component .hidden {
    display: none
}

.preview-commerce-link-item__component .title-active {
    overflow: hidden;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.preview-commerce-link-item__component .preview-content {
    background: #fff;
    border-radius: inherit;
    font-family: "Poppins", sans-serif;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.preview-commerce-link-item__component .preview-content .hr {
    height: 2px;
    width: 100%;
    background: #1e41a4;
    margin: 0
}

.data-entry-cc {
    padding: 0 30px 30px 30px;
    background: transparent;
    border-radius: inherit
}

.data-entry-cc .amount {
    font-size: 28px;
    color: #FFF;
    text-align: center;
    padding-top: 20px
}

.data-entry-cc .commerce-description {
    margin-top: 20px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word;
    color: #FFF
}

.data-entry-cc .whom {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #FFF
}

.data-entry-cc .inp {
    height: 50px;
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 10px;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    margin: 5px 0 0px 0;
    color: #FFF
}

.data-entry-cc .inp::placeholder {
    color: #FFF;
    font-size: 18px;
    padding-left: 10px
}

.data-entry-cc .inp:focus {
    outline: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.1);
    color: #FFF
}

.data-entry-cc .inp-msg {
    height: 130px;
    width: 100%;
    resize: vertical;
    color: #FFF
}

.data-entry-cc label {
    color: #FFF
}

.data-entry-cc label.error {
    color: red;
    font-size: 14px
}

.data-entry-cc .card-error {
    color: red;
    font-size: 14px;
    margin-top: 0
}

.data-entry-cc div {
    margin-top: 20px
}

.data-entry-cc div input {
    height: 50px;
    width: 100%
}

.data-entry-cc div input[type='number']::-webkit-outer-spin-button,
.data-entry-cc div input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.data-entry-cc div .inp-card {
    height: 50px;
    padding-left: 10px;
    padding-top: 0.1px;
    color: #FFF !important
}

.data-entry-cc div .rest {
    float: right;
    font-size: 12px;
    margin-top: -5px;
    color: #FFF
}

.data-entry-cc .payment-request-btn {
    margin-top: 0
}

.data-entry-cc .btn {
    width: 100%;
    height: 50px;
    border-radius: 8px;
    color: #fff;
    margin: 30px 0;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    outline: none;
    border: 0;
    font-weight: 600
}

.data-entry-cc .btn:hover {
    cursor: pointer
}

.data-entry-cc .disable {
    background: #e0e4ee !important;
    color: #fff !important
}

.data-entry-cc .footer {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    margin-top: 20px;
    background: transparent
}

.data-entry-cc .footer a span {
    text-decoration: underline;
    color: #FFF;
    cursor: pointer
}

.data-entry-cc .arrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.data-entry-cc .arrow .btn-arrow {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.5);
    outline: none;
    border: 0;
    color: #fff;
    position: absolute;
    bottom: -65px;
    font-size: 25px;
    transform: rotate(90deg);
    padding-bottom: 10px
}

.data-entry-cc .arrow .btn-arrow:hover {
    cursor: pointer
}

@media screen and (max-width:576px) {
    .data-entry-cc {
        padding: 0 20px 20px 20px
    }
}

@media screen and (max-width:320px) {
    .data-entry-cc {
        padding: 0 10px 20px 10px
    }
}

.amount-form {
    padding: 0 30px;
    color: #FFF;
    border-radius: inherit
}

.amount-form .rise {
    font-size: 16px;
    padding-top: 20px;
    text-align: center;
    border-radius: inherit
}

.amount-form .rise .meter {
    box-sizing: content-box;
    height: 8px;
    position: relative;
    margin-top: 10px;
    border-radius: 25px;
    background: #DFE3EE
}

.amount-form .rise .meter>span {
    display: block;
    height: 100%;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

.amount-form .loader {
    margin-top: 7px
}

.amount-form .commerce-description {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    word-wrap: break-word !important
}

.amount-form .currency {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.amount-form .currency:nth-of-type(2) {
    font-weight: normal
}

.amount-form .rates {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.amount-form .rates .tips-rate {
    font-size: 18px;
    padding: 10px 35px;
    border: 1px solid #dfe3ee;
    border-radius: 8px;
    text-align: center;
    margin: 0 5px;
    cursor: pointer;
    outline: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500
}

.amount-form .rates .tips-rate:hover,
.amount-form .rates .tips-rate:active {
    cursor: pointer
}

@media screen and (max-width:576px) {
    .amount-form .rates .tips-rate {
        padding: 10px 18px;
        width: 15%
    }
}

@media screen and (max-width:375px) {
    .amount-form .rates .tips-rate {
        padding: 10px 18px;
        width: 15%
    }
}

@media screen and (max-width:320px) {
    .amount-form .rates .tips-rate {
        padding: 10px 15px;
        width: 15%
    }
}

.amount-form .input-wrapper .inp {
    height: 50px;
    width: -webkit-fill-available;
    background-color: transparent;
    border: 1px solid #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    text-indent: 20px;
    color: #FFF
}

.amount-form .input-wrapper .inp:focus {
    outline: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.1)
}

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

.amount-form .placeholder {
    margin: -2.3em 0 0 0.6em;
    color: #FFF
}

.amount-form .btn {
    width: 100%;
    height: 50px;
    border-radius: 8px;
    color: #fff;
    margin: 30px 0;
    font-weight: 500;
    font-size: 16px;
    outline: none;
    border: 0;
    font-weight: 600
}

.amount-form .btn:hover {
    cursor: pointer
}

.amount-form .disable {
    background: #e0e4ee !important;
    color: #fff !important
}

.amount-form .arrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.amount-form .arrow .btn-arrow {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.5);
    outline: none;
    border: 0;
    color: #fff;
    position: absolute;
    bottom: -65px;
    font-size: 25px;
    transform: rotate(90deg);
    padding-bottom: 10px
}

.amount-form .arrow .btn-arrow:hover {
    cursor: pointer
}

.payment-successful {
    padding: 0 30px 30px 30px;
    background: transparent;
    border-radius: inherit
}

.payment-successful .title-success {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #FFF;
    padding-top: 20px
}

.payment-successful .thanks-message {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
    color: #FFF
}

.payment-successful .receipt-view-link {
    text-decoration: none
}

.payment-successful .btn-shares {
    margin: 20px 0
}

.payment-successful .footer {
    background: transparent;
    color: #FFF
}

.payment-successful .footer span {
    color: #FFF
}

.receipt {
    background: linear-gradient(228.69deg, #308fdf 0%, #110a7b 100%), #c4c4c4;
    height: 100vh;
    padding: 30px 20px;
    text-align: center;
    position: relative;
    color: red
}

.receipt .wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    max-width: 600px;
    margin: 30px auto 20px;
    z-index: 3;
    position: relative;
    background: #fff;
    border-radius: 10px
}

.receipt .wrapper .header {
    background: #393aa7;
    position: relative;
    border-radius: 10px 10px 0 0
}

.receipt .wrapper .header:after {
    background: linear-gradient(-45deg, transparent 15px, #393aa7 0), linear-gradient(45deg, transparent 15px, #393aa7 0);
    background-position: left bottom;
    background-size: 10px 20px;
    content: '';
    display: block;
    height: 20px;
    width: 100%;
    position: absolute
}

.receipt .wrapper .header .logo {
    display: block;
    width: 30%;
    padding: 40px 0;
    margin: 0 auto
}

.receipt .wrapper .main {
    padding: 30px;
    color: #1f3447;
    text-align: center
}

.receipt .wrapper .main .company {
    font-size: 18px;
    font-weight: normal;
    margin-top: 10px
}

.receipt .wrapper .main .amount-currency {
    font-size: 28px;
    font-weight: 600;
    margin-top: 20px
}

.receipt .wrapper .main .block {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: normal;
    margin: 20px 0
}

.receipt .wrapper .main .data-amount {
    font-size: 18px
}

.receipt .wrapper .main .tax-description,
.receipt .wrapper .main .description {
    text-align: left
}

.receipt .wrapper .main .data-n-order {
    text-align: right
}

.receipt .wrapper .main .light-grey {
    color: #878CAC
}

.receipt .wrapper .main .hr {
    border-bottom: 1px dashed #DFE3EE
}

.receipt .wrapper .main .thanks {
    text-align: center;
    color: #1F3447;
    font-weight: 600;
    font-size: 18px;
    padding: 20px
}

@media (max-width:755.98px) {
    .receipt .wrapper .main .thanks {
        font-size: 16px
    }
}

.receipt .wrapper a {
    text-decoration: none
}

.receipt a.back {
    position: inherit;
    padding-top: 20px;
    color: #fff;
    text-decoration: none
}

@media (max-width:755.98px) {
    .receipt {
        height: auto
    }
}

.footer {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #878cac;
    margin-top: 20px;
    background: #FFF
}

.footer a span {
    text-decoration: underline;
    color: #878cac;
    cursor: pointer
}

.up-commerce,
.up-expanded {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.commerce-loader {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(43, 41, 119, 0.85);
    width: 100%;
    height: 100vh;
    z-index: 3;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.commerce-loader .window {
    width: 600px;
    margin: auto 20px;
    border-radius: 10px;
    background: #fff;
    padding-bottom: 35px
}

.commerce-loader .window .icon-animation {
    padding-top: 20px
}

.commerce-loader .window .icon-animation .img-center {
    display: block;
    margin: 0 auto
}

.commerce-loader .window .text {
    font-size: 14px;
    text-align: center;
    color: #1f3447
}

@media screen and (max-width:700px) {
    .commerce-loader .window {
        margin: auto 20px;
        max-width: 320px
    }

    .commerce-loader .window .img-center {
        width: 100%;
        height: auto
    }
}

.share-window {
    background: transparent;
    border-radius: inherit;
    padding: 0 30px 30px 30px;
    color: #FFF
}

.share-window h3 {
    margin-left: 20px;
    color: #FFF
}

.share-window .icons-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.share-window .icons-wrapper .link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #FFF
}

.share-window .icons-wrapper .link img {
    width: 60px;
    cursor: pointer
}

@media screen and (max-width:576px) {
    .share-window .icons-wrapper .link img {
        width: 50px
    }
}

@media screen and (max-width:375px) {
    .share-window .icons-wrapper .link img {
        width: 30px
    }
}

@media screen and (max-width:375px) {
    .share-window .icons-wrapper {
        grid-gap: 5px
    }

    .share-window .icons-wrapper .link p {
        font-size: 10px
    }
}

.share-window .share-link {
    background: #f4f5f93d;
    border-radius: 5px;
    height: 50px;
    width: 100%
}

.share-window .share-link .share-link-wrapper {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: 17px
}

.share-window .share-link .share-link-wrapper img {
    float: right;
    width: 15px;
    cursor: pointer
}

@media screen and (max-width:375px) {
    .share-window {
        padding: 0 10px 10px 10px
    }
}

.payment-form {
    padding: 0 20px 20px;
    color: #FFF;
    background: transparent;
    border-radius: inherit
}

.payment-form .rise {
    font-size: 15px;
    padding-top: 20px;
    text-align: center
}

.payment-form .rise .payment-form-meter {
    box-sizing: content-box;
    height: 8px;
    position: relative;
    margin-top: 10px;
    border-radius: 25px;
    background: #DFE3EE
}

.payment-form .rise .payment-form-meter>span {
    display: block;
    height: 100%;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

.payment-form .loader {
    margin-top: 7px
}

.payment-form .commerce-description {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    word-wrap: break-word !important
}

.payment-form .currency {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.payment-form .currency:nth-of-type(2) {
    font-weight: normal
}

.payment-form .pay-form-rates {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.payment-form .pay-form-rates .payment-form-rate {
    font-size: 18px;
    padding: 10px 20px;
    border: 1px solid #dfe3ee;
    border-radius: 5px;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
    outline: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-form .pay-form-rates .payment-form-rate p {
    text-align: left
}

.payment-form .pay-form-rates .payment-form-rate p:nth-child(2) {
    margin-left: 20px;
    word-break: break-word
}

@media screen and (max-width:576px) {
    .payment-form .pay-form-rates .payment-form-rate {
        font-size: 14px
    }
}

@media screen and (max-width:375px) {
    .payment-form .pay-form-rates .payment-form-rate {
        font-size: 14px
    }
}

@media screen and (max-width:320px) {
    .payment-form .pay-form-rates .payment-form-rate {
        padding: 10px 25px;
        width: 140px;
        font-size: 14px
    }

    .payment-form .pay-form-rates .payment-form-rate p {
        margin-left: 0px
    }
}

.payment-form .inp {
    height: 50px;
    width: 100%;
    background: #f4f5f9;
    border: none;
    border-radius: 10px;
    padding-left: 10px;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    background-image: url(/static/img/ic_dollar.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    text-indent: 20px
}

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

.payment-form .btn {
    width: 100%;
    height: 50px;
    border-radius: 8px;
    margin-top: 20px;
    font-size: 18px;
    outline: none;
    border: 0;
    font-weight: 600
}

.payment-form .btn:hover {
    cursor: pointer
}

.payment-form .disable {
    background: #e0e4ee !important;
    color: #fff !important
}

.payment-form .arrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.payment-form .arrow .btn-arrow {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.5);
    outline: none;
    border: 0;
    color: #fff;
    position: absolute;
    bottom: -65px;
    font-size: 25px;
    transform: rotate(90deg);
    padding-bottom: 10px
}

.payment-form .arrow .btn-arrow:hover {
    cursor: pointer
}

.video-link-wrapper {
    display: flex;
    justify-content: center;
    background: black;
    width: auto;
    height: 100%
}

.video-link-wrapper iframe {
    position: relative
}

.hidden {
    display: none
}

.up-video {
    margin-bottom: 20px;
    z-index: 2
}

.set-padding {
    padding: 0 !important
}

.default-border {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: none !important;
    outline-offset: 0 !important;
    outline: none !important
}

.preview-link-item__component.button-style-01 .common-expanded-block,
.preview-link-item__component.button-style-01 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-01 .common-expanded-block,
.preview-lock-link-item__component.button-style-01 .common-expanded-locked-block__component,
.preview-header-component.button-style-01 .common-expanded-block,
.preview-header-component.button-style-01 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-01 .preview-link-wrapper,
.preview-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-01 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-header-component.button-style-01 .preview-link-wrapper,
.preview-header-component.button-style-01 .preview-lock-link-wrapper,
.youtube-gallery.button-style-01,
.preview-commerce-link-item__component.button-style-01 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-01 .preview-link-wrapper,
.preview-location-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-01 .preview-link-wrapper,
.preview-menu-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-01,
.preview-location-item__component.button-style-01,
.preview-menu-item__component.button-style-01,
.preview-signup-generator__component.button-style-01,
.preview-anonymous-messages__component.button-style-01 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-link-item__component.button-style-02 .common-expanded-block,
.preview-link-item__component.button-style-02 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-02 .common-expanded-block,
.preview-lock-link-item__component.button-style-02 .common-expanded-locked-block__component,
.preview-header-component.button-style-02 .common-expanded-block,
.preview-header-component.button-style-02 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-02 .preview-link-wrapper,
.preview-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-02 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-header-component.button-style-02 .preview-link-wrapper,
.preview-header-component.button-style-02 .preview-lock-link-wrapper,
.youtube-gallery.button-style-02,
.preview-commerce-link-item__component.button-style-02 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-02 .preview-link-wrapper,
.preview-location-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-02 .preview-link-wrapper,
.preview-menu-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-02,
.preview-location-item__component.button-style-02,
.preview-menu-item__component.button-style-02,
.preview-signup-generator__component.button-style-02,
.preview-anonymous-messages__component.button-style-02 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.preview-link-item__component.button-style-03 .common-expanded-block,
.preview-link-item__component.button-style-03 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-03 .common-expanded-block,
.preview-lock-link-item__component.button-style-03 .common-expanded-locked-block__component,
.preview-header-component.button-style-03 .common-expanded-block,
.preview-header-component.button-style-03 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-03 .preview-link-wrapper,
.preview-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-03 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-header-component.button-style-03 .preview-link-wrapper,
.preview-header-component.button-style-03 .preview-lock-link-wrapper,
.youtube-gallery.button-style-03,
.preview-commerce-link-item__component.button-style-03 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-03 .preview-link-wrapper,
.preview-location-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-03 .preview-link-wrapper,
.preview-menu-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-03,
.preview-location-item__component.button-style-03,
.preview-menu-item__component.button-style-03,
.preview-signup-generator__component.button-style-03,
.preview-anonymous-messages__component.button-style-03 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px
}

.preview-link-item__component.button-style-04 .common-expanded-block,
.preview-link-item__component.button-style-04 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-04 .common-expanded-block,
.preview-lock-link-item__component.button-style-04 .common-expanded-locked-block__component,
.preview-header-component.button-style-04 .common-expanded-block,
.preview-header-component.button-style-04 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-04 .preview-link-wrapper,
.preview-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-04 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-header-component.button-style-04 .preview-link-wrapper,
.preview-header-component.button-style-04 .preview-lock-link-wrapper,
.youtube-gallery.button-style-04,
.preview-commerce-link-item__component.button-style-04 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-04 .preview-link-wrapper,
.preview-location-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-04 .preview-link-wrapper,
.preview-menu-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-04,
.preview-location-item__component.button-style-04,
.preview-menu-item__component.button-style-04,
.preview-signup-generator__component.button-style-04,
.preview-anonymous-messages__component.button-style-04 {
    -webkit-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -moz-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -ms-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border-radius: 50px 50px 50px 50px/25px 25px 25px 25px
}

.preview-link-item__component.button-style-05 .common-expanded-block,
.preview-link-item__component.button-style-05 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-05 .common-expanded-block,
.preview-lock-link-item__component.button-style-05 .common-expanded-locked-block__component,
.preview-header-component.button-style-05 .common-expanded-block,
.preview-header-component.button-style-05 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-05 .preview-link-wrapper,
.preview-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-05 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-header-component.button-style-05 .preview-link-wrapper,
.preview-header-component.button-style-05 .preview-lock-link-wrapper,
.youtube-gallery.button-style-05,
.preview-commerce-link-item__component.button-style-05 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-05 .preview-link-wrapper,
.preview-location-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-05 .preview-link-wrapper,
.preview-menu-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-05,
.preview-location-item__component.button-style-05,
.preview-menu-item__component.button-style-05,
.preview-signup-generator__component.button-style-05,
.preview-anonymous-messages__component.button-style-05 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-link-item__component.button-style-05 .link-underlayer,
.preview-lock-link-item__component.button-style-05 .link-underlayer,
.preview-header-component.button-style-05 .link-underlayer,
.preview-commerce-link-item__component.button-style-05 .link-underlayer,
.preview-location-item__component.button-style-05 .link-underlayer,
.preview-menu-item__component.button-style-05 .link-underlayer,
.preview-signup-generator__component.button-style-05 .link-underlayer,
.preview-anonymous-messages__component.button-style-05 .link-underlayer {
    top: 4px;
    left: 4px;
    border: 4px solid #239ae7
}

.preview-link-item__component.button-style-06 .common-expanded-block,
.preview-link-item__component.button-style-06 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-06 .common-expanded-block,
.preview-lock-link-item__component.button-style-06 .common-expanded-locked-block__component,
.preview-header-component.button-style-06 .common-expanded-block,
.preview-header-component.button-style-06 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-06 .preview-link-wrapper,
.preview-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-06 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-header-component.button-style-06 .preview-link-wrapper,
.preview-header-component.button-style-06 .preview-lock-link-wrapper,
.youtube-gallery.button-style-06,
.preview-commerce-link-item__component.button-style-06 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-06 .preview-link-wrapper,
.preview-location-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-06 .preview-link-wrapper,
.preview-menu-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-06,
.preview-location-item__component.button-style-06,
.preview-menu-item__component.button-style-06,
.preview-signup-generator__component.button-style-06,
.preview-signup-generator-terms__component.button-style-06,
.preview-anonymous-messages__component.button-style-06 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-07 .common-expanded-block,
.preview-link-item__component.button-style-07 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-07 .common-expanded-block,
.preview-lock-link-item__component.button-style-07 .common-expanded-locked-block__component,
.preview-header-component.button-style-07 .common-expanded-block,
.preview-header-component.button-style-07 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-07 .preview-link-wrapper,
.preview-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-07 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-header-component.button-style-07 .preview-link-wrapper,
.preview-header-component.button-style-07 .preview-lock-link-wrapper,
.youtube-gallery.button-style-07,
.preview-commerce-link-item__component.button-style-07 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-07 .preview-link-wrapper,
.preview-location-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-07 .preview-link-wrapper,
.preview-menu-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-07,
.preview-location-item__component.button-style-07,
.preview-menu-item__component.button-style-07,
.preview-signup-generator__component.button-style-07,
.preview-signup-generator-terms__component.button-style-07,
.preview-anonymous-messages__component.button-style-07 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-08 .common-expanded-block,
.preview-link-item__component.button-style-08 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-08 .common-expanded-block,
.preview-lock-link-item__component.button-style-08 .common-expanded-locked-block__component,
.preview-header-component.button-style-08 .common-expanded-block,
.preview-header-component.button-style-08 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-08 .preview-link-wrapper,
.preview-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-08 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-header-component.button-style-08 .preview-link-wrapper,
.preview-header-component.button-style-08 .preview-lock-link-wrapper,
.youtube-gallery.button-style-08,
.preview-commerce-link-item__component.button-style-08 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-08 .preview-link-wrapper,
.preview-location-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-08 .preview-link-wrapper,
.preview-menu-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-08,
.preview-location-item__component.button-style-08,
.preview-menu-item__component.button-style-08,
.preview-signup-generator__component.button-style-08,
.preview-signup-generator-terms__component.button-style-08,
.preview-anonymous-messages__component.button-style-08 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-09 .common-expanded-block,
.preview-link-item__component.button-style-09 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-09 .common-expanded-block,
.preview-lock-link-item__component.button-style-09 .common-expanded-locked-block__component,
.preview-header-component.button-style-09 .common-expanded-block,
.preview-header-component.button-style-09 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-09 .preview-link-wrapper,
.preview-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-09 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-header-component.button-style-09 .preview-link-wrapper,
.preview-header-component.button-style-09 .preview-lock-link-wrapper,
.youtube-gallery.button-style-09,
.preview-commerce-link-item__component.button-style-09 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-09 .preview-link-wrapper,
.preview-location-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-09 .preview-link-wrapper,
.preview-menu-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-09,
.preview-location-item__component.button-style-09,
.preview-menu-item__component.button-style-09,
.preview-signup-generator__component.button-style-09,
.preview-signup-generator-terms__component.button-style-09,
.preview-anonymous-messages__component.button-style-09 {
    -webkit-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -moz-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -ms-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-10 .common-expanded-block,
.preview-link-item__component.button-style-10 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-10 .common-expanded-block,
.preview-lock-link-item__component.button-style-10 .common-expanded-locked-block__component,
.preview-header-component.button-style-10 .common-expanded-block,
.preview-header-component.button-style-10 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-10 .preview-link-wrapper,
.preview-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-10 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-header-component.button-style-10 .preview-link-wrapper,
.preview-header-component.button-style-10 .preview-lock-link-wrapper,
.youtube-gallery.button-style-10,
.preview-commerce-link-item__component.button-style-10 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-10 .preview-link-wrapper,
.preview-location-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-10 .preview-link-wrapper,
.preview-menu-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-10,
.preview-location-item__component.button-style-10,
.preview-menu-item__component.button-style-10,
.preview-signup-generator__component.button-style-10,
.preview-signup-generator-terms__component.button-style-10,
.preview-anonymous-messages__component.button-style-10 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid #239ae7;
    background: transparent !important
}

.preview-link-item__component.button-style-10 .link-underlayer,
.preview-lock-link-item__component.button-style-10 .link-underlayer,
.preview-header-component.button-style-10 .link-underlayer,
.preview-commerce-link-item__component.button-style-10 .link-underlayer,
.preview-location-item__component.button-style-10 .link-underlayer,
.preview-menu-item__component.button-style-10 .link-underlayer,
.preview-signup-generator__component.button-style-10 .link-underlayer,
.preview-anonymous-messages__component.button-style-10 .link-underlayer {
    display: block;
    top: 3px;
    left: 3px;
    border: 1px solid #239ae7;
    border-width: 0 3px 3px 0
}

.preview-link-item__component.button-style-11 .common-expanded-block,
.preview-link-item__component.button-style-11 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-11 .common-expanded-block,
.preview-lock-link-item__component.button-style-11 .common-expanded-locked-block__component,
.preview-header-component.button-style-11 .common-expanded-block,
.preview-header-component.button-style-11 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-11 .preview-link-wrapper,
.preview-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-11 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-header-component.button-style-11 .preview-link-wrapper,
.preview-header-component.button-style-11 .preview-lock-link-wrapper,
.youtube-gallery.button-style-11,
.preview-commerce-link-item__component.button-style-11 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-11 .preview-link-wrapper,
.preview-location-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-11 .preview-link-wrapper,
.preview-menu-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-11,
.preview-location-item__component.button-style-11,
.preview-menu-item__component.button-style-11,
.preview-signup-generator__component.button-style-11,
.preview-anonymous-messages__component.button-style-11 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 2px solid #239ae7
}

.preview-link-item__component.button-style-12 .common-expanded-block,
.preview-link-item__component.button-style-12 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-12 .common-expanded-block,
.preview-lock-link-item__component.button-style-12 .common-expanded-locked-block__component,
.preview-header-component.button-style-12 .common-expanded-block,
.preview-header-component.button-style-12 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-12 .preview-link-wrapper,
.preview-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-12 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-header-component.button-style-12 .preview-link-wrapper,
.preview-header-component.button-style-12 .preview-lock-link-wrapper,
.youtube-gallery.button-style-12,
.preview-commerce-link-item__component.button-style-12 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-12 .preview-link-wrapper,
.preview-location-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-12 .preview-link-wrapper,
.preview-menu-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-12,
.preview-location-item__component.button-style-12,
.preview-menu-item__component.button-style-12,
.preview-signup-generator__component.button-style-12,
.preview-anonymous-messages__component.button-style-12 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #239ae7
}

.preview-link-item__component.button-style-13 .common-expanded-block,
.preview-link-item__component.button-style-13 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-13 .common-expanded-block,
.preview-lock-link-item__component.button-style-13 .common-expanded-locked-block__component,
.preview-header-component.button-style-13 .common-expanded-block,
.preview-header-component.button-style-13 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-13 .preview-link-wrapper,
.preview-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-13 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-header-component.button-style-13 .preview-link-wrapper,
.preview-header-component.button-style-13 .preview-lock-link-wrapper,
.youtube-gallery.button-style-13,
.preview-commerce-link-item__component.button-style-13 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-13 .preview-link-wrapper,
.preview-location-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-13 .preview-link-wrapper,
.preview-menu-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-13,
.preview-location-item__component.button-style-13,
.preview-menu-item__component.button-style-13,
.preview-signup-generator__component.button-style-13,
.preview-anonymous-messages__component.button-style-13 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    border: 2px solid #239ae7
}

.preview-link-item__component.button-style-14 .common-expanded-block,
.preview-link-item__component.button-style-14 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-14 .common-expanded-block,
.preview-lock-link-item__component.button-style-14 .common-expanded-locked-block__component,
.preview-header-component.button-style-14 .common-expanded-block,
.preview-header-component.button-style-14 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-14 .preview-link-wrapper,
.preview-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-14 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-header-component.button-style-14 .preview-link-wrapper,
.preview-header-component.button-style-14 .preview-lock-link-wrapper,
.youtube-gallery.button-style-14,
.preview-commerce-link-item__component.button-style-14 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-14 .preview-link-wrapper,
.preview-location-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-14 .preview-link-wrapper,
.preview-menu-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-14,
.preview-location-item__component.button-style-14,
.preview-menu-item__component.button-style-14,
.preview-signup-generator__component.button-style-14,
.preview-anonymous-messages__component.button-style-14 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.preview-link-item__component.button-style-14,
.preview-lock-link-item__component.button-style-14,
.preview-header-component.button-style-14,
.preview-signup-generator__component.button-style-14,
.preview-anonymous-messages__component.button-style-14 {
    margin-bottom: 20px !important
}

.preview-link-item__component.button-style-14 .link-underlayer::after,
.preview-lock-link-item__component.button-style-14 .link-underlayer::after,
.preview-header-component.button-style-14 .link-underlayer::after,
.preview-commerce-link-item__component.button-style-14 .link-underlayer::after,
.preview-location-item__component.button-style-14 .link-underlayer::after,
.preview-menu-item__component.button-style-14 .link-underlayer::after,
.preview-signup-generator__component.button-style-14 .link-underlayer::after,
.preview-anonymous-messages__component.button-style-14 .link-underlayer::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    border-color: inherit;
    border-width: 2px;
    border-style: dashed;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px
}

.preview-link-item__component.button-style-15 .common-expanded-block,
.preview-link-item__component.button-style-15 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-15 .common-expanded-block,
.preview-lock-link-item__component.button-style-15 .common-expanded-locked-block__component,
.preview-header-component.button-style-15 .common-expanded-block,
.preview-header-component.button-style-15 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-15 .preview-link-wrapper,
.preview-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-15 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-header-component.button-style-15 .preview-link-wrapper,
.preview-header-component.button-style-15 .preview-lock-link-wrapper,
.youtube-gallery.button-style-15,
.preview-commerce-link-item__component.button-style-15 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-15 .preview-link-wrapper,
.preview-location-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-15 .preview-link-wrapper,
.preview-menu-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-15,
.preview-location-item__component.button-style-15,
.preview-menu-item__component.button-style-15,
.preview-signup-generator__component.button-style-15,
.preview-anonymous-messages__component.button-style-15 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-link-item__component.button-style-15 .link-underlayer,
.preview-lock-link-item__component.button-style-15 .link-underlayer,
.preview-header-component.button-style-15 .link-underlayer,
.preview-commerce-link-item__component.button-style-15 .link-underlayer,
.preview-location-item__component.button-style-15 .link-underlayer,
.preview-menu-item__component.button-style-15 .link-underlayer,
.preview-signup-generator__component.button-style-15 .link-underlayer,
.preview-anonymous-messages__component.button-style-15 .link-underlayer {
    display: block;
    top: 5px;
    left: 5px;
    border: 2px solid #239ae7
}

.common-expanded-block {
    padding: 20px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    position: relative
}

.common-expanded-block::before {
    content: '';
    background: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: inherit;
    overflow: hidden
}

.common-expanded-block .iframe-wrapper {
    width: 100%;
    border-radius: inherit;
    box-sizing: border-box
}

.common-expanded-block .iframe-wrapper .data-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.common-expanded-block .iframe-wrapper .tiktok-embed {
    min-width: 250px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box
}

.common-expanded-block .description {
    color: #FFF
}

.default {
    border-radius: 8px
}

.bottom-border-radius {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important
}

.up-tiktok,
.up-opensea,
.up-pinterest,
.up-twitter,
.up-twitch,
.up-bank_details,
.up-nft_gallery,
.up-contact_details,
.up-book,
.up-dropdown,
.up-pdf,
.up-multi_button,
.up-google_review,
.up-podcast,
.up-gofundme,
.up-calendly,
.up-qrcode,
.up-commerce,
.up-threads,
.up-tiktok_feed {
    margin-bottom: 20px;
    margin-top: 0px;
    z-index: 2
}

.shortcut__component {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 8
}

.shortcut__component.active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:1024px) {
    .shortcut__component.active {
        display: none
    }
}

.shortcut__component .shortcut {
    width: 600px;
    height: 60px;
    margin-top: 20px;
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(7.5px);
    border-radius: 35px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:650px) {
    .shortcut__component .shortcut {
        border-radius: 0px;
        margin-top: 0px
    }
}

.shortcut__component .shortcut .avatar {
    max-width: 40px;
    margin-left: 10px;
    margin-top: 10px
}

.shortcut__component .shortcut .avatar img {
    width: 36px;
    height: 36px;
    border-radius: 50px
}

.shortcut__component .shortcut .shortcut-title {
    width: 100%;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shortcut__component .shortcut .shortcut-title.center {
    text-align: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.shortcut__component .shortcut .shortcut-title.left {
    text-align: left;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.shortcut__component .shortcut .shortcut-title.right {
    text-align: right;
    -webkit-justify-content: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.shortcut__component .shortcut .icons-wrapper {
    margin-right: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media screen and (max-width:450px) {
    .shortcut__component .shortcut .icons-wrapper {
        margin-right: 0px
    }
}

.shortcut__component .shortcut .icons-wrapper .message-icon {
    position: relative
}

.shortcut__component .shortcut .icons-wrapper .message-icon .dropdown__message {
    position: absolute;
    top: 10px;
    left: 30px
}

.shortcut__component .shortcut .icons-wrapper .icon {
    width: 20px;
    height: 20px;
    margin: auto 10px
}

.shortcut__component .shortcut .icons-wrapper .icon .ic {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.shortcut__component .dropdown-shortcut__message {
    position: absolute;
    top: 65px;
    right: 10px
}

.shortcut__component .dropdown-shortcut__message textarea {
    width: 100%;
    margin-top: 15px;
    color: #343438;
    background: #F4F5F9;
    font-family: 'Poppins';
    border-radius: 5px;
    outline: none;
    -moz-appearance: none;
    border: none;
    resize: none
}

.shortcut__component .dropdown-shortcut__message textarea::-webkit-input-placeholder {
    color: #878CAC;
    padding-left: 10px
}

.shortcut__component .dropdown-shortcut__message textarea:-moz-placeholder {
    color: #878CAC;
    padding-left: 10px
}

.shortcut__component .dropdown-shortcut__message textarea::-moz-placeholder {
    color: #878CAC;
    padding-left: 10px
}

.shortcut__component .dropdown-shortcut__message textarea:-ms-input-placeholder {
    color: #878CAC;
    padding-left: 10px
}

.shortcut__component .dropdown-shortcut__message .max-characters {
    font-size: 10px;
    color: #878CAC;
    text-align: right
}

.shortcut__component .dropdown-shortcut__message input {
    width: 100%;
    height: 50px;
    margin-top: 15px;
    text-indent: 10px;
    font-family: 'Poppins';
    font-size: 14px;
    color: #343438;
    background: #F4F5F9;
    border-radius: 5px;
    outline: none;
    -moz-appearance: none;
    border: none;
    text-overflow: ellipsis
}

.shortcut__component .dropdown-shortcut__message input::-webkit-input-placeholder {
    color: #878CAC;
    margin-right: 10px
}

.shortcut__component .dropdown-shortcut__message input:-moz-placeholder {
    color: #878CAC;
    margin-right: 10px
}

.shortcut__component .dropdown-shortcut__message input::-moz-placeholder {
    color: #878CAC;
    margin-right: 10px
}

.shortcut__component .dropdown-shortcut__message input:-ms-input-placeholder {
    color: #878CAC;
    margin-right: 10px
}

.shortcut__component .dropdown-shortcut__message .validation-error {
    font-size: 12px;
    color: red
}

.shortcut__component .dropdown-shortcut__message button {
    width: 100%;
    height: 50px;
    margin-top: 15px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    border: none;
    background: #2975CE;
    border-radius: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.shortcut__component .dropdown-shortcut__message button img {
    margin-left: 10px
}

.shortcut__component .dropdown-shortcut__message .shortcut-anonymous-msg-success-message {
    display: none;
    padding: 10px;
    color: #343438;
    text-align: center
}

.shortcut__component .dropdown__subscribe {
    position: absolute;
    top: 65px;
    right: 10px
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-nav {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-nav li {
    display: block;
    float: left;
    padding: 0;
    list-style: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-nav li a {
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    color: #878CAC
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-nav li a.active {
    border-bottom: 2px solid #00CC62;
    background: #fff;
    color: #1F3447
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .tab-input {
    width: 100%;
    height: 45px;
    margin-top: 30px;
    padding: 5px;
    background: #F4F5F9;
    border-radius: 5px;
    border: none
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .tab-input::placeholder {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .validation-error-shortcut {
    font-size: 12px;
    color: red
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .btn-subscribe {
    width: 100%;
    height: 45px;
    margin: 20px 0;
    color: #fff;
    background: #2975CE;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .btn-subscribe .btn-text {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .result-message {
    display: none;
    padding: 10px;
    text-align: center;
    font-family: 'Poppins';
    color: #1F3447
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .privacy {
    margin-top: 20px;
    text-align: center;
    color: #878CAC;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .privacy a {
    color: #239AE7
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info .username,
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info .preview-user-description__component {
    padding: 6px 10px;
    margin-top: 4px !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info .button-wrapper .preview-share-icon-wrapper .preview-share-icon__component {
    background-color: transparent
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info .username {
    margin-bottom: 12px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .cover-image-container.combined-style-02 .cover-image__component,
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .cover-image-container.combined-style-03 .cover-image__component,
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .cover-image-container.combined-style-04 .cover-image__component,
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .cover-image-container.combined-style-05 .cover-image__component,
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .cover-image-container.combined-style-06 .cover-image__component,
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .cover-image-container.combined-style-07 .cover-image__component,
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .cover-image-container.combined-style-10 .cover-image__component {
    background-position: top
}

.content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .logo-container {
    position: absolute;
    left: 24px;
    top: 126px;
    margin: 0;
    width: 160px;
    height: 160px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .logo-container {
        top: 82px;
        width: 100px;
        height: 100px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 24px;
    left: 24px;
    width: calc(100% - 48px)
}

.content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .button-wrapper .preview-share-icon-wrapper {
    align-items: center;
    justify-content: center;
    display: flex
}

.content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .button-wrapper .preview-share-icon-wrapper.flex-grow {
    flex-grow: 1
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
        bottom: 12px
    }
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
        justify-content: space-around
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined {
    border-radius: 12px
}

.content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined .username {
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined .preview-user-description__component {
    margin-top: 0 !important
}

.content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
    padding: 200px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
        padding: 125px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper {
    position: initial;
    padding: 0
}

.content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
    padding: 17px 25px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-01 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
        padding: 12px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-02 .user-page-section-content .user-info-wrapper .user-info .logo-container {
    position: absolute;
    top: 94px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: 160px;
    height: 160px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-02 .user-page-section-content .user-info-wrapper .user-info .logo-container {
        top: 74px;
        width: 100px;
        height: 100px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-02 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
    margin-bottom: 18px
}

.content-wrapper .user-page-section .wrapper.combined-style-02 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
    padding: 100px;
    margin-bottom: 64px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-02 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
        padding: 65px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-02 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper {
    position: initial;
    padding: 0
}

.content-wrapper .user-page-section .wrapper.combined-style-02 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
    padding: 16px 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-02 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
        padding: 12px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-02 .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component {
    margin-top: 4px
}

.content-wrapper .user-page-section .wrapper.combined-style-03 .user-page-section-content .user-info-wrapper .user-info .logo-container {
    margin: 0 14px 0 14px;
    position: initial;
    flex: 0 0 auto;
    position: absolute;
    bottom: 0;
    width: 160px;
    height: 160px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-03 .user-page-section-content .user-info-wrapper .user-info .logo-container {
        width: 100px;
        height: 100px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-03 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    margin-left: 190px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-03 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
        margin-left: 120px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-03 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
    padding: 100px;
    margin-bottom: 74px
}

.content-wrapper .user-page-section .wrapper.combined-style-03 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper {
    position: initial;
    flex-grow: 1;
    display: flex;
    justify-content: center
}

.content-wrapper .user-page-section .wrapper.combined-style-03 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
    padding: 10px 25px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-03 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
        padding: 10px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-03 .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component {
    margin-top: 0
}

.content-wrapper .user-page-section .wrapper.combined-style-03 .user-info-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 190px
}

.content-wrapper .user-page-section .wrapper.combined-style-04 .user-page-section-content .user-info-wrapper .user-info .logo-container {
    position: absolute;
    top: 48px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: 160px;
    height: 160px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-04 .user-page-section-content .user-info-wrapper .user-info .logo-container {
        top: 16px;
        width: 100px;
        height: 100px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-04 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 300px;
    left: 16px;
    width: calc(100% - 32px)
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-04 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
        justify-content: space-around;
        top: 190px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-04 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined {
    border-radius: 12px
}

.content-wrapper .user-page-section .wrapper.combined-style-04 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined .username {
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.content-wrapper .user-page-section .wrapper.combined-style-04 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined .preview-user-description__component {
    margin-top: 0 !important
}

.content-wrapper .user-page-section .wrapper.combined-style-04 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
    padding: 200px;
    margin-bottom: 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-04 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
        padding: 125px;
        margin-bottom: 16px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-04 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper {
    position: initial;
    padding: 0
}

.content-wrapper .user-page-section .wrapper.combined-style-04 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
    padding: 16px 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-04 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
        padding: 12px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-05 .user-page-section-content .user-info-wrapper .user-info .logo-container {
    position: absolute;
    top: 170px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: 160px;
    height: 160px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-05 .user-page-section-content .user-info-wrapper .user-info .logo-container {
        top: 90px;
        width: 100px;
        height: 100px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-05 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px
}

.content-wrapper .user-page-section .wrapper.combined-style-05 .user-page-section-content .user-info-wrapper .user-info .button-wrapper .preview-share-icon-wrapper {
    align-items: center;
    justify-content: center;
    display: flex
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-05 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
        justify-content: center
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-05 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined {
    border-radius: 12px
}

.content-wrapper .user-page-section .wrapper.combined-style-05 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined .username {
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.content-wrapper .user-page-section .wrapper.combined-style-05 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined .preview-user-description__component {
    margin-top: 0 !important
}

.content-wrapper .user-page-section .wrapper.combined-style-05 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
    padding: 80px;
    margin-bottom: 180px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-05 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
        padding: 40px;
        margin-bottom: 125px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-05 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper {
    position: initial;
    padding: 0
}

.content-wrapper .user-page-section .wrapper.combined-style-05 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
    padding: 16px 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-05 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
        padding: 12px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-06 .user-page-section-content .user-info-wrapper .user-info .logo-container {
    position: absolute;
    top: 24px;
    left: 24px;
    margin: 0;
    width: 160px;
    height: 160px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-06 .user-page-section-content .user-info-wrapper .user-info .logo-container {
        width: 100px;
        height: 100px;
        top: 16px;
        left: 8px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-06 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 72px;
    right: 34px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-06 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
        top: 42px;
        right: 8px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-06 .user-page-section-content .user-info-wrapper .user-info .button-wrapper .preview-share-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.content-wrapper .user-page-section .wrapper.combined-style-06 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined {
    border-radius: 12px
}

.content-wrapper .user-page-section .wrapper.combined-style-06 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined .username {
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.content-wrapper .user-page-section .wrapper.combined-style-06 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined .preview-user-description__component {
    margin-top: 0 !important
}

.content-wrapper .user-page-section .wrapper.combined-style-06 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
    padding: 100px;
    margin-bottom: 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-06 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
        padding: 65px;
        margin-bottom: 16px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-06 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper {
    position: initial;
    padding: 0
}

.content-wrapper .user-page-section .wrapper.combined-style-06 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
    padding: 16px 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-06 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
        padding: 12px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-07 .user-page-section-content .user-info-wrapper .user-info .logo-container {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: 160px;
    height: 160px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-07 .user-page-section-content .user-info-wrapper .user-info .logo-container {
        width: 100px;
        height: 100px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-07 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-07 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
        margin-bottom: 16px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-07 .user-page-section-content .user-info-wrapper .user-info .button-wrapper .preview-share-icon-wrapper {
    align-items: center;
    justify-content: center;
    display: flex
}

.content-wrapper .user-page-section .wrapper.combined-style-07 .user-page-section-content .user-info-wrapper .user-info .button-wrapper .preview-share-icon-wrapper.flex-grow {
    flex-grow: 1
}

.content-wrapper .user-page-section .wrapper.combined-style-07 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
    padding: 100px;
    margin-bottom: 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-07 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
        padding: 65px;
        margin-bottom: 16px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-07 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper {
    position: initial;
    padding: 0
}

.content-wrapper .user-page-section .wrapper.combined-style-07 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
    padding: 16px 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-07 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
        padding: 12px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .user-data_wrapper {
    display: flex;
    margin-bottom: 24px;
    gap: 30px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .user-data_wrapper {
        margin-bottom: 16px;
        gap: 16px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .user-data_wrapper>div:last-child {
    flex-grow: 1
}

.content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .user-data_wrapper .cover-image__component {
    margin-bottom: 0
}

.content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .user-data_wrapper .user-data_container .logo-container {
    align-self: center;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 0;
    margin: 0
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .user-data_wrapper .user-data_container .logo-container {
        width: 100px;
        height: 100px;
        top: 38px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
        margin-bottom: 16px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .button-wrapper .preview-share-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .button-wrapper .preview-share-icon-wrapper.flex-grow {
    flex-grow: 1
}

.content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
    padding: 100px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
        padding: 73px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper {
    position: initial;
    padding: 0
}

.content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
    padding: 16px 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-08 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
        padding: 12px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .logo-container {
    position: absolute;
    right: 24px;
    bottom: 125px;
    margin: 0;
    width: 160px;
    height: 160px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .logo-container {
        width: 100px;
        height: 100px;
        bottom: 76px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 48px;
    left: 24px;
    width: calc(100% - 48px)
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
        bottom: 16px;
        left: 16px;
        width: calc(100% - 32px)
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .button-wrapper .preview-share-icon-wrapper {
    align-items: center;
    justify-content: center;
    display: flex
}

.content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .button-wrapper .preview-share-icon-wrapper.flex-grow {
    flex-grow: 1
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
        justify-content: space-around
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .cover-image-container {
    margin-bottom: 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .cover-image-container {
        margin-bottom: 16px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
    padding: 200px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
        padding: 125px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper {
    position: initial;
    padding: 0
}

.content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
    padding: 16px 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
        padding: 12px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined {
    border-radius: 12px
}

.content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined .username {
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.content-wrapper .user-page-section .wrapper.combined-style-09 .user-page-section-content .user-info-wrapper .user-info .content-wrapper_combined .preview-user-description__component {
    margin-top: 0 !important
}

.content-wrapper .user-page-section .wrapper.combined-style-10 .user-page-section-content .user-info-wrapper .user-info .user-data_wrapper {
    display: flex;
    margin-bottom: 24px;
    gap: 30px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-10 .user-page-section-content .user-info-wrapper .user-info .user-data_wrapper {
        gap: 16px;
        margin-bottom: 16px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-10 .user-page-section-content .user-info-wrapper .user-info .user-data_wrapper>div:first-child {
    flex-grow: 1
}

.content-wrapper .user-page-section .wrapper.combined-style-10 .user-page-section-content .user-info-wrapper .user-info .user-data_wrapper .logo-container {
    width: 160px;
    height: 160px;
    top: 20px;
    right: 0;
    margin: 0
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-10 .user-page-section-content .user-info-wrapper .user-info .user-data_wrapper .logo-container {
        width: 100px;
        height: 100px;
        top: 38px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-10 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-10 .user-page-section-content .user-info-wrapper .user-info .button-wrapper {
        margin-bottom: 16px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-10 .user-page-section-content .user-info-wrapper .user-info .button-wrapper .preview-share-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.content-wrapper .user-page-section .wrapper.combined-style-10 .user-page-section-content .user-info-wrapper .user-info .button-wrapper .preview-share-icon-wrapper.flex-grow {
    flex-grow: 1
}

.content-wrapper .user-page-section .wrapper.combined-style-10 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
    padding: 100px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-10 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
        padding: 75px
    }
}

.content-wrapper .user-page-section .wrapper.combined-style-10 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper {
    position: initial;
    padding: 0
}

.content-wrapper .user-page-section .wrapper.combined-style-10 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
    padding: 16px 24px
}

@media screen and (max-width:500px) {
    .content-wrapper .user-page-section .wrapper.combined-style-10 .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
        padding: 12px
    }
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .cover-image-container.combined_styles .preview-share-icon__component {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .common-link svg {
    fill: none !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .common-link,
.content-wrapper .user-page-section .wrapper .user-page-section-content .social-link {
    display: block
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info .button-wrapper .preview-share-icon-wrapper .preview-share-icon__component svg {
    transition: transform .3s ease-in-out
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info .button-wrapper .preview-share-icon-wrapper .preview-share-icon__component:hover svg {
    transform: scale(120%)
}

.content-wrapper .user-page-section {
    position: relative
}

.content-wrapper .user-page-section.music-link-section {}

.content-wrapper .user-page-section.music-link-section .user-page-section-background {
    overflow: hidden
}

.content-wrapper .user-page-section.music-link-section .user-page-section-background .blurred-image {
    position: absolute;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    top: -20px;
    left: -20px;
    background-position: center;
    background-size: cover;
    -webkit-filter: blur(12px) brightness(0.8);
    -moz-filter: blur(12px) brightness(0.8);
    -o-filter: blur(12px) brightness(0.8);
    -ms-filter: blur(12px) brightness(0.8);
    filter: blur(12px) brightness(0.8);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2)
}

.content-wrapper .user-page-section.music-link-section .wrapper {
    padding-top: 35px
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .music-links-details-action-section {
    height: 40px
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .music-links-details-action-section .back-button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 12px;
    outline: none;
    cursor: pointer
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .music-links-details-action-section .back-button .icon {
    background: url("../../img/ic_back.svg") center/15px no-repeat;
    width: 20px;
    min-width: 20px;
    height: 20px
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .music-links-details-action-section .back-button .text {
    font-size: 14px;
    color: #fff;
    margin-left: 8px
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .thumbnail {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30%;
    background-position: center;
    background-size: cover;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    margin: 0 auto
}

@media (max-width:611.98px) {
    .content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .thumbnail {
        padding: 46%
    }
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .thumbnail audio {
    display: none
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .thumbnail .play-btn,
.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .thumbnail .pause-btn {
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -ms-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 60px;
    min-width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 5;
    color: #fff;
    opacity: .8
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .thumbnail .play-btn:hover,
.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .thumbnail .pause-btn:hover {
    opacity: 1
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .thumbnail .play-btn svg,
.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .thumbnail .pause-btn svg {
    width: inherit;
    height: inherit;
    fill: currentColor
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .video-frame {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .video-frame iframe {
    width: 95%
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .pause-btn {
    display: none
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .link-info {
    margin-top: 30px;
    padding: 5px 10px;
    z-index: 2
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .link-info .name {
    line-height: 1.5;
    font-size: 20px;
    font-weight: 500;
    word-wrap: break-word;
    color: #fff;
    text-align: center
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .track-description {
    padding: 0 20px;
    color: #fff;
    text-align: center;
    word-break: break-word
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .subtext {
    font-size: 12px;
    color: #73889f;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 30px
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .music-services-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 7px 13px;
    overflow: hidden
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .music-services-list .music-services-list-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 70px;
    padding: 8px;
    background: #fff;
    color: #1d3548;
    overflow: hidden;
    position: relative;
    z-index: 3;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500
}

@media (max-width:611.98px) {
    .content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .music-services-list .music-services-list-item {
        font-size: 14px
    }
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .music-services-list .music-services-list-item:last-child {
    margin-bottom: 0
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .music-services-list .music-services-list-item .music-service-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    background: #239ae7;
    width: 20px;
    height: 20px;
    padding: 4px;
    margin-right: 8px
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .music-services-list .music-services-list-item .music-service-icon svg {
    width: inherit;
    height: inherit;
    fill: currentColor
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .music-services-list .music-services-list-item .music-service-title {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .music-services-list .music-services-list-item .music-service-button {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    padding: 0 20px;
    line-height: 40px;
    background: #239ae7;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    text-align: center
}

@media (max-width:611.98px) {
    .content-wrapper .user-page-section.music-link-section .wrapper .user-page-section-content .music-services-list .music-services-list-item .music-service-button {
        line-height: 28px;
        font-size: 12px
    }
}

.content-wrapper .user-page-section.cv-link-section {}

.content-wrapper .user-page-section.cv-link-section .user-page-section-background {
    overflow: hidden;
    background: linear-gradient(277.9deg, #1361BF 0%, #216ECC 100%)
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-header {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-header .back-wrapper {
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-header .back-wrapper img {
    width: 16px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-header .back-wrapper .text {
    margin-left: 10px;
    color: #fff
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-header .share-qr-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-header .share-qr-wrapper img {
    width: 16px;
    height: 16px;
    margin-left: 30px;
    cursor: pointer
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details {
    padding: 20px;
    background: #D1E8FA
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .photo-contacts-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media screen and (max-width:645px) {
    .content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .photo-contacts-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .photo-contacts-wrapper img.cv-photo {
    width: 150px;
    height: 150px;
    margin-right: 20px;
    background: #cbcccb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@media screen and (max-width:645px) {
    .content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .photo-contacts-wrapper img.cv-photo {
        width: 240px;
        height: 240px;
        display: block;
        margin: 0 auto 20px
    }
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .photo-contacts-wrapper .contacts-wrapper {
    color: #1F3447
}

@media screen and (max-width:645px) {
    .content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .photo-contacts-wrapper .contacts-wrapper {
        margin-left: 0
    }
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .photo-contacts-wrapper .contacts-wrapper .first-last-name {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 18px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .photo-contacts-wrapper .contacts-wrapper .first-last-name .first-name {
    margin: 0 10px 0 0
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .photo-contacts-wrapper .contacts-wrapper .job-title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .photo-contacts-wrapper .contacts-wrapper .item-wrapper {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .photo-contacts-wrapper .contacts-wrapper .item-wrapper img {
    margin-right: 10px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .photo-contacts-wrapper .contacts-wrapper .item-wrapper .text {
    font-weight: 500;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .photo-contacts-wrapper .contacts-wrapper .item-wrapper .link {
    color: #009BFF;
    cursor: pointer
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .additional-personal-info {
    margin-top: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .additional-personal-info .info-item-wrapper {
    margin-bottom: 5px;
    font-size: 14px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .additional-personal-info .info-item-wrapper .parameter {
    color: #73889f
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .personal-details .additional-personal-info .info-item-wrapper .value {
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .professional-summary {
    padding: 0 20px 20px 20px;
    background: #D1E8FA;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .professional-summary .hr {
    height: 1px;
    background: #239ae7
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .professional-summary .text {
    margin-top: 15px;
    margin-top: 5px;
    color: #1F3447;
    font-weight: 400;
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-all
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .professional-summary .text p {
    margin-bottom: 0
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .websites-and-links {
    padding: 0 20px 20px 20px;
    background: #D1E8FA
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .websites-and-links .hr {
    display: block;
    height: 1px;
    background: #239ae7
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .websites-and-links .link-wrapper {
    margin-top: 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .websites-and-links .link-wrapper .link {
    color: #239ae7;
    text-decoration: underline;
    font-style: normal;
    font-weight: 500;
    font-size: 15px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .employment-history {
    padding: 20px 20px 0 20px;
    background: #fff
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .employment-history .title-block {
    color: #73889f;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .employment-history .hr {
    margin-top: 15px;
    height: 1px;
    background: #000
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .employment-history .cv-block-item-wrapper {
    padding: 0
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .employment-history .cv-block-item-wrapper .title {
    margin: 10px 0;
    font-weight: 600;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .employment-history .cv-block-item-wrapper .subtitle {
    margin-top: 5px;
    font-weight: 400;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .employment-history .cv-block-item-wrapper .date-location {
    margin-top: 10px;
    color: #73889f;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .employment-history .cv-block-item-wrapper .date-location .date {
    font-weight: 400;
    font-size: 14px;
    color: #73889f
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .employment-history .cv-block-item-wrapper .date-location .location-wrapper {
    margin-left: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .employment-history .cv-block-item-wrapper .date-location .location-wrapper .location {
    margin-left: 5px;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .employment-history .cv-block-item-wrapper .description {
    margin-top: 5px;
    color: #1F3447;
    font-weight: 400;
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-all
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .education {
    padding: 20px 20px 0 20px;
    background: #fff
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .education .title-block {
    color: #73889f;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .education .hr {
    margin-top: 15px;
    height: 1px;
    background: #000
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .education .cv-block-item-wrapper {
    padding: 0
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .education .cv-block-item-wrapper .title {
    margin: 10px 0;
    font-weight: 600;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .education .cv-block-item-wrapper .subtitle {
    margin-top: 5px;
    font-weight: 400;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .education .cv-block-item-wrapper .date-location {
    margin-top: 10px;
    color: #73889f;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .education .cv-block-item-wrapper .date-location .date {
    font-weight: 400;
    font-size: 14px;
    color: #73889f
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .education .cv-block-item-wrapper .date-location .location-wrapper {
    margin-left: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .education .cv-block-item-wrapper .date-location .location-wrapper .location {
    margin-left: 5px;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .education .cv-block-item-wrapper .description {
    margin-top: 5px;
    color: #1F3447;
    font-weight: 400;
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-all
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .activities {
    padding: 20px 20px 0 20px;
    background: #fff
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .activities .title-block {
    color: #73889f;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .activities .hr {
    margin-top: 15px;
    height: 1px;
    background: #000
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .activities .cv-block-item-wrapper {
    padding: 0
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .activities .cv-block-item-wrapper .title {
    margin: 10px 0;
    font-weight: 600;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .activities .cv-block-item-wrapper .subtitle {
    margin-top: 5px;
    font-weight: 400;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .activities .cv-block-item-wrapper .date-location {
    margin-top: 10px;
    color: #73889f;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .activities .cv-block-item-wrapper .date-location .date {
    font-weight: 400;
    font-size: 14px;
    color: #73889f
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .activities .cv-block-item-wrapper .date-location .location-wrapper {
    margin-left: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .activities .cv-block-item-wrapper .date-location .location-wrapper .location {
    margin-left: 5px;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .activities .cv-block-item-wrapper .description {
    margin-top: 5px;
    color: #1F3447;
    font-weight: 400;
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-all
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .courses {
    padding: 20px 20px 0 20px;
    background: #fff
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .courses .title-block {
    color: #73889f;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .courses .hr {
    margin-top: 15px;
    height: 1px;
    background: #000
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .courses .cv-block-item-wrapper {
    padding: 0
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .courses .cv-block-item-wrapper .title {
    margin: 10px 0;
    font-weight: 600;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .courses .cv-block-item-wrapper .subtitle {
    margin-top: 5px;
    font-weight: 400;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .courses .cv-block-item-wrapper .date-location {
    margin-top: 10px;
    color: #73889f;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .courses .cv-block-item-wrapper .date-location .date {
    font-weight: 400;
    font-size: 14px;
    color: #73889f
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .courses .cv-block-item-wrapper .date-location .location-wrapper {
    margin-left: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .courses .cv-block-item-wrapper .date-location .location-wrapper .location {
    margin-left: 5px;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .courses .cv-block-item-wrapper .description {
    margin-top: 5px;
    color: #1F3447;
    font-weight: 400;
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-all
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .languages {
    padding: 20px 20px 0 20px;
    background: #fff
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .languages .title-block {
    color: #73889f;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .languages .languages-item-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .languages .languages-item-wrapper .name-of-languages {
    margin-top: 10px;
    font-weight: 600;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .languages .languages-item-wrapper .level {
    margin-top: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .languages .hr {
    margin-top: 15px;
    height: 1px;
    background: #000
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .internship {
    padding: 20px 20px 0 20px;
    background: #fff
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .internship .title-block {
    color: #73889f;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .internship .hr {
    margin-top: 15px;
    height: 1px;
    background: #000
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .internship .cv-block-item-wrapper {
    padding: 0
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .internship .cv-block-item-wrapper .title {
    margin: 10px 0;
    font-weight: 600;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .internship .cv-block-item-wrapper .subtitle {
    margin-top: 5px;
    font-weight: 400;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .internship .cv-block-item-wrapper .date-location {
    margin-top: 10px;
    color: #73889f;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .internship .cv-block-item-wrapper .date-location .date {
    font-weight: 400;
    font-size: 14px;
    color: #73889f
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .internship .cv-block-item-wrapper .date-location .location-wrapper {
    margin-left: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .internship .cv-block-item-wrapper .date-location .location-wrapper .location {
    margin-left: 5px;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .internship .cv-block-item-wrapper .description {
    margin-top: 5px;
    color: #1F3447;
    font-weight: 400;
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-all
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .hobbies {
    padding: 20px 20px 0 20px;
    background: #fff
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .hobbies .title-block {
    color: #73889f;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .hobbies .hr {
    margin-top: 15px;
    height: 1px;
    background: #000
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .hobbies .cv-block-item-wrapper {
    padding: 0
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .hobbies .cv-block-item-wrapper .title {
    margin: 10px 0;
    font-weight: 600;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .hobbies .cv-block-item-wrapper .subtitle {
    margin-top: 5px;
    font-weight: 400;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .hobbies .cv-block-item-wrapper .date-location {
    margin-top: 10px;
    color: #73889f;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .hobbies .cv-block-item-wrapper .date-location .date {
    font-weight: 400;
    font-size: 14px;
    color: #73889f
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .hobbies .cv-block-item-wrapper .date-location .location-wrapper {
    margin-left: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .hobbies .cv-block-item-wrapper .date-location .location-wrapper .location {
    margin-left: 5px;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .hobbies .cv-block-item-wrapper .description {
    margin-top: 5px;
    color: #1F3447;
    font-weight: 400;
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-all
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .custom_section {
    padding: 20px 20px 0 20px;
    background: #fff
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .custom_section .title-block {
    color: #73889f;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .custom_section .hr {
    margin-top: 15px;
    height: 1px;
    background: #000
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .custom_section .cv-block-item-wrapper {
    padding: 0
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .custom_section .cv-block-item-wrapper .title {
    margin: 10px 0;
    font-weight: 600;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .custom_section .cv-block-item-wrapper .subtitle {
    margin-top: 5px;
    font-weight: 400;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .custom_section .cv-block-item-wrapper .date-location {
    margin-top: 10px;
    color: #73889f;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .custom_section .cv-block-item-wrapper .date-location .date {
    font-weight: 400;
    font-size: 14px;
    color: #73889f
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .custom_section .cv-block-item-wrapper .date-location .location-wrapper {
    margin-left: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .custom_section .cv-block-item-wrapper .date-location .location-wrapper .location {
    margin-left: 5px;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .custom_section .cv-block-item-wrapper .description {
    margin-top: 5px;
    color: #1F3447;
    font-weight: 400;
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-all
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .skills {
    padding: 20px 20px 0 20px;
    background: #fff
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .skills .title-block {
    color: #73889f;
    font-weight: 400;
    font-size: 14px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .skills .skills-item-wrapper {
    margin: 20px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:645px) {
    .content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .skills .skills-item-wrapper {
        display: block
    }
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .skills .skills-item-wrapper .name-of-skills {
    width: 280px;
    font-weight: 600;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .skills .skills-item-wrapper .rating-skills-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .skills .skills-item-wrapper .rating-skills-wrapper .stars {
    margin-right: 20px
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .skills .skills-item-wrapper .rating-skills-wrapper .skill-level {
    font-weight: 400;
    font-size: 16px;
    color: #1F3447
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .skills .hr {
    margin-top: 15px;
    height: 1px;
    background: #000
}

.content-wrapper .user-page-section.cv-link-section .cv-content .cv-container .buttons-wrapper {
    margin-top: -5px;
    padding: 20px;
    background: #fff
}

.content-wrapper .user-page-section.cv-link-section .cv-content .logo-footer {
    margin-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section .user-page-section-background {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100vh;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

.content-wrapper .user-page-section .user-page-section-background #bg-color {
    display: none
}

@media (max-width:755.98px) {
    .content-wrapper .user-page-section .user-page-section-background {
        height: 100vh
    }
}

.content-wrapper .user-page-section.earn-enabled .user-page-section-footer {
    margin-top: 20px
}

.content-wrapper .user-page-section.sensitive-content {
    min-height: 100vh;
    background: #349aff !important;
    background: -moz-linear-gradient(-45deg, #349aff 0%, #3a3985 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #349aff), color-stop(100%, #3a3985)) !important;
    background: -webkit-linear-gradient(-45deg, #349aff 0%, #3a3985 100%) !important;
    background: -o-linear-gradient(-45deg, #349aff 0%, #3a3985 100%) !important;
    background: -ms-linear-gradient(-45deg, #349aff 0%, #3a3985 100%) !important;
    background: linear-gradient(135deg, #349aff 0%, #3a3985 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#349aff', endColorstr='#3a3985', GradientType=1) !important
}

.content-wrapper .user-page-section .wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    align-items: center;
    max-width: 600px;
    min-height: calc(100vh - 50px) !important;
    margin: 0 auto;
    padding-top: 50px;
    z-index: 3;
    position: relative
}

@media (max-width:755.98px) {
    .content-wrapper .user-page-section .wrapper.padded-bottom {
        padding-bottom: 60px
    }
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info .highlights-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 12px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info .highlights-wrapper ul {
    padding-left: 20px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info .highlights-wrapper ul li {
    margin-bottom: 5px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info .highlights-wrapper .left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: start;
    -webkit-box-align: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info .highlights-wrapper .right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info .highlights-wrapper .center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info.button-wrapper {
    top: 0;
    left: -20px;
    right: -20px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    transform: translateY(-100%)
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info.button-wrapper .preview-share-icon-wrapper {
    cursor: pointer;
    border-radius: 3px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info.button-wrapper .preview-share-icon-wrapper:first-child {
    left: -20px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info.button-wrapper .preview-share-icon-wrapper:nth-child(2) {
    right: -20px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info.button-wrapper .preview-share-icon__component {
    position: static;
    padding: 3px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.content-wrapper .user-page-section .wrapper.avatar-page-layout .button-wrapper {
    position: absolute;
    top: 0;
    width: calc(100% + 40px);
    left: -20px;
    right: 0;
    height: 20px;
    transform: translateY(-100%);
    display: flex;
    justify-content: space-between
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .user-page-section-content .user-info .username {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .user-page-section-content .user-info .highlights-wrapper {
    margin-top: 16px
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .user-page-section-content .user-info .left {
    text-align: left
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .user-page-section-content .user-info .right {
    text-align: right
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .user-page-section-content .user-info .center {
    text-align: center
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .user-page-section-content .user-info .preview-user-description__component {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .user-page-section-content .user-info .preview-user-description__component .description-wrapper p img {
    width: 100%
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .user-page-section-content .user-info .preview-user-description__component .highlights-wrapper ul {
    padding-left: 20px
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .user-page-section-content .user-info .preview-user-description__component .highlights-wrapper .left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: start;
    -webkit-box-align: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .user-page-section-content .user-info .preview-user-description__component .highlights-wrapper .right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .user-page-section-content .user-info .preview-user-description__component .highlights-wrapper .center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .button-wrapper {
    top: 20px;
    left: 20px;
    right: 20px;
    display: flex;
    justify-content: space-between;
    position: absolute
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .button-wrapper .preview-share-icon-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
    padding: 10px
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .button-wrapper .preview-share-icon-wrapper:first-child {
    left: -20px
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .button-wrapper .preview-share-icon-wrapper:nth-child(2) {
    right: -20px
}

.content-wrapper .user-page-section .wrapper.cover-image-page-layout .button-wrapper .preview-share-icon-wrapper .preview-share-icon__component {
    position: static
}

.content-wrapper .user-page-section .wrapper .user-page-section-content {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media screen and (min-width:1024px) {
    .content-wrapper .user-page-section .wrapper .user-page-section-content.two-col:not(.music-link-content, .cv-content) {
        width: 1024px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        gap: 50px;
        position: relative
    }
}

.content-wrapper .user-page-section .wrapper .user-page-section-content>div:not(.user-info, .preview-signup-generator-terms__component, .preview-social-links__component),
.content-wrapper .user-page-section .wrapper .user-page-section-content .advertise-item__component:not(.user-info, .preview-signup-generator-terms__component, .preview-social-links__component),
.content-wrapper .user-page-section .wrapper .user-page-section-content .menu:not(.user-info, .preview-signup-generator-terms__component, .preview-social-links__component),
.content-wrapper .user-page-section .wrapper .user-page-section-content .location:not(.user-info, .preview-signup-generator-terms__component, .preview-social-links__component),
.content-wrapper .user-page-section .wrapper .user-page-section-content .crypto-link-item__component:not(.user-info, .preview-signup-generator-terms__component, .preview-social-links__component),
.content-wrapper .user-page-section .wrapper .user-page-section-content .preview-image-sliders-list__component:not(.user-info, .preview-signup-generator-terms__component, .preview-social-links__component) {
    margin-bottom: 0
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper {
    max-width: 600px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper.user-one-col {
    width: 100%;
    margin-bottom: 20px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper.user-two-col {
    height: 100vh
}

@media screen and (min-width:1024px) {
    .content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper.user-two-col {
        min-width: 480px;
        margin-top: 50px;
        position: relative
    }
}

@media screen and (max-width:1024px) {
    .content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper.user-two-col {
        width: 100%;
        height: auto;
        margin-bottom: 20px
    }
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info {
    max-width: 600px
}

@media screen and (min-width:1024px) {
    .content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info.user-info-two-col {
        width: 480px;
        height: 85%;
        padding-top: 20px;
        position: fixed;
        top: 90px;
        overflow-y: auto;
        scrollbar-width: thin
    }
}

@media screen and (max-height:717px) and (min-width:1024px) {
    .content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info.user-info-two-col {
        max-height: 600px;
        overflow-y: auto
    }
}

@media screen and (min-height:1400px) {
    .content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info.user-info-two-col {
        height: 90%
    }
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
    flex-shrink: 0
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    outline: none;
    cursor: pointer
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-02 {
    border: none !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-03 {
    border: none !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-04 {
    border: none !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-05 {
    border: none !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-06 {
    border: none !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-07 {
    border: none !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-08 {
    border: none !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-09 {
    border: none !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-10 {
    border: none !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component .common-user-icon-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../../img/defaults/avatar_new.svg")
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .combined_styles .logo-container .common-user-icon__component .common-user-icon-wrapper {
    background-image: url("../../img/defaults/avatar_combined.svg")
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .cover-image-container {
    position: relative;
    width: 100%;
    max-width: 600px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 16px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .cover-image-container.cover-style-02 .cover-image__component {
    padding: 37.5%;
    background-position: top
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .cover-image-container.cover-style-03 .cover-image__component {
    padding: 25%;
    background-position: top
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .cover-image-container .cover-image__component.default {
    background-image: url("../../img/defaults/cover_new.webp");
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center;
    background-size: 200px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    cursor: pointer
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .cover-image-container .preview-share-icon-wrapper .preview-share-icon__component {
    position: static;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-share-icon__component {
    top: -20px;
    right: -20px;
    cursor: pointer
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-share-icon__component.qr-code__component {
    right: auto;
    left: -20px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-share-icon__component>svg {
    width: 20px;
    min-width: 20px;
    height: 20px;
    display: block
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .username {
    line-height: 32px;
    word-wrap: break-word;
    word-break: break-word
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .left {
    text-align: left !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .right {
    text-align: right !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .center {
    text-align: center !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component {
    text-align: center;
    margin-top: 16px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component>* {
    margin: 0;
    margin-bottom: 10px;
    word-break: break-word
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component>*:last-child {
    margin-bottom: 0
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component .description-wrapper a {
    color: inherit;
    text-decoration: underline
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component .description-wrapper p img {
    width: 100%
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component .description-wrapper>* {
    margin-top: 0;
    margin-bottom: 10px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component .description-wrapper>*:first-child {
    margin-top: 0
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component .description-wrapper>*:last-child {
    margin-bottom: 0
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media screen and (min-width:1024px) {
    .content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper.blocks-wrapper-two-col {
        max-width: 480px;
        margin-top: 60px
    }
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-empty-placeholder__component {
    margin-bottom: 40px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-empty-placeholder__component svg {
    display: block;
    width: 271px;
    height: 241px;
    margin: 0 auto
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    gap: 20px
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component .preview-header-component {
    text-align: center;
    word-wrap: break-word
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component .preview-text-block-component h2.text-block-title {
    font-size: 16px !important
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component .preview-link-item__component,
.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component .preview-lock-link-item__component {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component .preview-link-item__component a,
.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component .preview-lock-link-item__component a {
    text-decoration: none
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component .preview-link-item__component .left,
.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component .preview-lock-link-item__component .left {
    text-align: left
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component .preview-link-item__component .right,
.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component .preview-lock-link-item__component .right {
    text-align: right
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component .preview-link-item__component .center,
.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component .preview-lock-link-item__component .center {
    text-align: center
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-social-links__component {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    z-index: 1
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-social-links__component .social-link-item-button__component {
    text-decoration: none
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-social-links__component .social-link-item__component {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    display: inline-block;
    width: 30px;
    min-width: 30px;
    height: 30px;
    margin: 0 8px 16px 8px;
    cursor: pointer;
    outline: none;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-social-links__component .social-link-item__component svg {
    width: 30px;
    min-width: 30px;
    height: 30px;
    fill: currentColor
}

.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-social-links__component .social-link-item__component svg:hover {
    width: 33px;
    height: 33px
}

.content-wrapper .user-page-section .wrapper .two-col-mobile-view {
    width: 100%;
    padding-bottom: 30px
}

@media screen and (min-width:1024px) {
    .content-wrapper .user-page-section .wrapper .two-col-mobile-view {
        display: none
    }
}

.content-wrapper .user-page-section .wrapper .preview-share-icon__component.social-link svg {
    fill: white
}

#ot-sdk-btn-floating {
    display: none !important;
    visibility: hidden !important
}

.notification__popup {
    width: 100%;
    min-height: 48px;
    background: #239ae7;
    display: none;
    position: fixed;
    top: 0;
    z-index: 99999
}

.notification__popup.opened {
    -webkit-box-shadow: 0 4px 24px rgba(45, 45, 51, 0.4);
    -moz-box-shadow: 0 4px 24px rgba(45, 45, 51, 0.4);
    box-shadow: 0 4px 24px rgba(45, 45, 51, 0.4);
    display: block
}

.notification__popup .notification__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.notification__popup .notification__wrapper .notication-text {
    color: inherit;
    text-align: center;
    padding: 10px 20px
}

.preview-link-item__component.button-style-01 .common-expanded-block,
.preview-link-item__component.button-style-01 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-01 .common-expanded-block,
.preview-lock-link-item__component.button-style-01 .common-expanded-locked-block__component,
.preview-header-component.button-style-01 .common-expanded-block,
.preview-header-component.button-style-01 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-01 .preview-link-wrapper,
.preview-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-01 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-header-component.button-style-01 .preview-link-wrapper,
.preview-header-component.button-style-01 .preview-lock-link-wrapper,
.youtube-gallery.button-style-01,
.preview-commerce-link-item__component.button-style-01 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-01 .preview-link-wrapper,
.preview-location-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-01 .preview-link-wrapper,
.preview-menu-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-01,
.preview-location-item__component.button-style-01,
.preview-menu-item__component.button-style-01,
.preview-signup-generator__component.button-style-01,
.preview-anonymous-messages__component.button-style-01 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-link-item__component.button-style-02 .common-expanded-block,
.preview-link-item__component.button-style-02 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-02 .common-expanded-block,
.preview-lock-link-item__component.button-style-02 .common-expanded-locked-block__component,
.preview-header-component.button-style-02 .common-expanded-block,
.preview-header-component.button-style-02 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-02 .preview-link-wrapper,
.preview-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-02 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-header-component.button-style-02 .preview-link-wrapper,
.preview-header-component.button-style-02 .preview-lock-link-wrapper,
.youtube-gallery.button-style-02,
.preview-commerce-link-item__component.button-style-02 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-02 .preview-link-wrapper,
.preview-location-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-02 .preview-link-wrapper,
.preview-menu-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-02,
.preview-location-item__component.button-style-02,
.preview-menu-item__component.button-style-02,
.preview-signup-generator__component.button-style-02,
.preview-anonymous-messages__component.button-style-02 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.preview-link-item__component.button-style-03 .common-expanded-block,
.preview-link-item__component.button-style-03 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-03 .common-expanded-block,
.preview-lock-link-item__component.button-style-03 .common-expanded-locked-block__component,
.preview-header-component.button-style-03 .common-expanded-block,
.preview-header-component.button-style-03 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-03 .preview-link-wrapper,
.preview-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-03 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-header-component.button-style-03 .preview-link-wrapper,
.preview-header-component.button-style-03 .preview-lock-link-wrapper,
.youtube-gallery.button-style-03,
.preview-commerce-link-item__component.button-style-03 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-03 .preview-link-wrapper,
.preview-location-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-03 .preview-link-wrapper,
.preview-menu-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-03,
.preview-location-item__component.button-style-03,
.preview-menu-item__component.button-style-03,
.preview-signup-generator__component.button-style-03,
.preview-anonymous-messages__component.button-style-03 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px
}

.preview-link-item__component.button-style-04 .common-expanded-block,
.preview-link-item__component.button-style-04 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-04 .common-expanded-block,
.preview-lock-link-item__component.button-style-04 .common-expanded-locked-block__component,
.preview-header-component.button-style-04 .common-expanded-block,
.preview-header-component.button-style-04 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-04 .preview-link-wrapper,
.preview-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-04 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-header-component.button-style-04 .preview-link-wrapper,
.preview-header-component.button-style-04 .preview-lock-link-wrapper,
.youtube-gallery.button-style-04,
.preview-commerce-link-item__component.button-style-04 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-04 .preview-link-wrapper,
.preview-location-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-04 .preview-link-wrapper,
.preview-menu-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-04,
.preview-location-item__component.button-style-04,
.preview-menu-item__component.button-style-04,
.preview-signup-generator__component.button-style-04,
.preview-anonymous-messages__component.button-style-04 {
    -webkit-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -moz-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -ms-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border-radius: 50px 50px 50px 50px/25px 25px 25px 25px
}

.preview-link-item__component.button-style-05 .common-expanded-block,
.preview-link-item__component.button-style-05 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-05 .common-expanded-block,
.preview-lock-link-item__component.button-style-05 .common-expanded-locked-block__component,
.preview-header-component.button-style-05 .common-expanded-block,
.preview-header-component.button-style-05 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-05 .preview-link-wrapper,
.preview-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-05 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-header-component.button-style-05 .preview-link-wrapper,
.preview-header-component.button-style-05 .preview-lock-link-wrapper,
.youtube-gallery.button-style-05,
.preview-commerce-link-item__component.button-style-05 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-05 .preview-link-wrapper,
.preview-location-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-05 .preview-link-wrapper,
.preview-menu-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-05,
.preview-location-item__component.button-style-05,
.preview-menu-item__component.button-style-05,
.preview-signup-generator__component.button-style-05,
.preview-anonymous-messages__component.button-style-05 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-link-item__component.button-style-05 .link-underlayer,
.preview-lock-link-item__component.button-style-05 .link-underlayer,
.preview-header-component.button-style-05 .link-underlayer,
.preview-commerce-link-item__component.button-style-05 .link-underlayer,
.preview-location-item__component.button-style-05 .link-underlayer,
.preview-menu-item__component.button-style-05 .link-underlayer,
.preview-signup-generator__component.button-style-05 .link-underlayer,
.preview-anonymous-messages__component.button-style-05 .link-underlayer {
    top: 4px;
    left: 4px;
    border: 4px solid #239ae7
}

.preview-link-item__component.button-style-06 .common-expanded-block,
.preview-link-item__component.button-style-06 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-06 .common-expanded-block,
.preview-lock-link-item__component.button-style-06 .common-expanded-locked-block__component,
.preview-header-component.button-style-06 .common-expanded-block,
.preview-header-component.button-style-06 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-06 .preview-link-wrapper,
.preview-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-06 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-header-component.button-style-06 .preview-link-wrapper,
.preview-header-component.button-style-06 .preview-lock-link-wrapper,
.youtube-gallery.button-style-06,
.preview-commerce-link-item__component.button-style-06 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-06 .preview-link-wrapper,
.preview-location-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-06 .preview-link-wrapper,
.preview-menu-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-06,
.preview-location-item__component.button-style-06,
.preview-menu-item__component.button-style-06,
.preview-signup-generator__component.button-style-06,
.preview-signup-generator-terms__component.button-style-06,
.preview-anonymous-messages__component.button-style-06 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-07 .common-expanded-block,
.preview-link-item__component.button-style-07 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-07 .common-expanded-block,
.preview-lock-link-item__component.button-style-07 .common-expanded-locked-block__component,
.preview-header-component.button-style-07 .common-expanded-block,
.preview-header-component.button-style-07 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-07 .preview-link-wrapper,
.preview-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-07 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-header-component.button-style-07 .preview-link-wrapper,
.preview-header-component.button-style-07 .preview-lock-link-wrapper,
.youtube-gallery.button-style-07,
.preview-commerce-link-item__component.button-style-07 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-07 .preview-link-wrapper,
.preview-location-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-07 .preview-link-wrapper,
.preview-menu-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-07,
.preview-location-item__component.button-style-07,
.preview-menu-item__component.button-style-07,
.preview-signup-generator__component.button-style-07,
.preview-signup-generator-terms__component.button-style-07,
.preview-anonymous-messages__component.button-style-07 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-08 .common-expanded-block,
.preview-link-item__component.button-style-08 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-08 .common-expanded-block,
.preview-lock-link-item__component.button-style-08 .common-expanded-locked-block__component,
.preview-header-component.button-style-08 .common-expanded-block,
.preview-header-component.button-style-08 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-08 .preview-link-wrapper,
.preview-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-08 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-header-component.button-style-08 .preview-link-wrapper,
.preview-header-component.button-style-08 .preview-lock-link-wrapper,
.youtube-gallery.button-style-08,
.preview-commerce-link-item__component.button-style-08 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-08 .preview-link-wrapper,
.preview-location-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-08 .preview-link-wrapper,
.preview-menu-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-08,
.preview-location-item__component.button-style-08,
.preview-menu-item__component.button-style-08,
.preview-signup-generator__component.button-style-08,
.preview-signup-generator-terms__component.button-style-08,
.preview-anonymous-messages__component.button-style-08 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-09 .common-expanded-block,
.preview-link-item__component.button-style-09 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-09 .common-expanded-block,
.preview-lock-link-item__component.button-style-09 .common-expanded-locked-block__component,
.preview-header-component.button-style-09 .common-expanded-block,
.preview-header-component.button-style-09 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-09 .preview-link-wrapper,
.preview-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-09 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-header-component.button-style-09 .preview-link-wrapper,
.preview-header-component.button-style-09 .preview-lock-link-wrapper,
.youtube-gallery.button-style-09,
.preview-commerce-link-item__component.button-style-09 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-09 .preview-link-wrapper,
.preview-location-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-09 .preview-link-wrapper,
.preview-menu-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-09,
.preview-location-item__component.button-style-09,
.preview-menu-item__component.button-style-09,
.preview-signup-generator__component.button-style-09,
.preview-signup-generator-terms__component.button-style-09,
.preview-anonymous-messages__component.button-style-09 {
    -webkit-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -moz-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -ms-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-link-item__component.button-style-10 .common-expanded-block,
.preview-link-item__component.button-style-10 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-10 .common-expanded-block,
.preview-lock-link-item__component.button-style-10 .common-expanded-locked-block__component,
.preview-header-component.button-style-10 .common-expanded-block,
.preview-header-component.button-style-10 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-10 .preview-link-wrapper,
.preview-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-10 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-header-component.button-style-10 .preview-link-wrapper,
.preview-header-component.button-style-10 .preview-lock-link-wrapper,
.youtube-gallery.button-style-10,
.preview-commerce-link-item__component.button-style-10 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-10 .preview-link-wrapper,
.preview-location-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-10 .preview-link-wrapper,
.preview-menu-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-10,
.preview-location-item__component.button-style-10,
.preview-menu-item__component.button-style-10,
.preview-signup-generator__component.button-style-10,
.preview-signup-generator-terms__component.button-style-10,
.preview-anonymous-messages__component.button-style-10 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid #239ae7;
    background: transparent !important
}

.preview-link-item__component.button-style-10 .link-underlayer,
.preview-lock-link-item__component.button-style-10 .link-underlayer,
.preview-header-component.button-style-10 .link-underlayer,
.preview-commerce-link-item__component.button-style-10 .link-underlayer,
.preview-location-item__component.button-style-10 .link-underlayer,
.preview-menu-item__component.button-style-10 .link-underlayer,
.preview-signup-generator__component.button-style-10 .link-underlayer,
.preview-anonymous-messages__component.button-style-10 .link-underlayer {
    display: block;
    top: 3px;
    left: 3px;
    border: 1px solid #239ae7;
    border-width: 0 3px 3px 0
}

.preview-link-item__component.button-style-11 .common-expanded-block,
.preview-link-item__component.button-style-11 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-11 .common-expanded-block,
.preview-lock-link-item__component.button-style-11 .common-expanded-locked-block__component,
.preview-header-component.button-style-11 .common-expanded-block,
.preview-header-component.button-style-11 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-11 .preview-link-wrapper,
.preview-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-11 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-header-component.button-style-11 .preview-link-wrapper,
.preview-header-component.button-style-11 .preview-lock-link-wrapper,
.youtube-gallery.button-style-11,
.preview-commerce-link-item__component.button-style-11 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-11 .preview-link-wrapper,
.preview-location-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-11 .preview-link-wrapper,
.preview-menu-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-11,
.preview-location-item__component.button-style-11,
.preview-menu-item__component.button-style-11,
.preview-signup-generator__component.button-style-11,
.preview-anonymous-messages__component.button-style-11 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 2px solid #239ae7
}

.preview-link-item__component.button-style-12 .common-expanded-block,
.preview-link-item__component.button-style-12 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-12 .common-expanded-block,
.preview-lock-link-item__component.button-style-12 .common-expanded-locked-block__component,
.preview-header-component.button-style-12 .common-expanded-block,
.preview-header-component.button-style-12 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-12 .preview-link-wrapper,
.preview-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-12 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-header-component.button-style-12 .preview-link-wrapper,
.preview-header-component.button-style-12 .preview-lock-link-wrapper,
.youtube-gallery.button-style-12,
.preview-commerce-link-item__component.button-style-12 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-12 .preview-link-wrapper,
.preview-location-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-12 .preview-link-wrapper,
.preview-menu-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-12,
.preview-location-item__component.button-style-12,
.preview-menu-item__component.button-style-12,
.preview-signup-generator__component.button-style-12,
.preview-anonymous-messages__component.button-style-12 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #239ae7
}

.preview-link-item__component.button-style-13 .common-expanded-block,
.preview-link-item__component.button-style-13 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-13 .common-expanded-block,
.preview-lock-link-item__component.button-style-13 .common-expanded-locked-block__component,
.preview-header-component.button-style-13 .common-expanded-block,
.preview-header-component.button-style-13 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-13 .preview-link-wrapper,
.preview-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-13 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-header-component.button-style-13 .preview-link-wrapper,
.preview-header-component.button-style-13 .preview-lock-link-wrapper,
.youtube-gallery.button-style-13,
.preview-commerce-link-item__component.button-style-13 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-13 .preview-link-wrapper,
.preview-location-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-13 .preview-link-wrapper,
.preview-menu-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-13,
.preview-location-item__component.button-style-13,
.preview-menu-item__component.button-style-13,
.preview-signup-generator__component.button-style-13,
.preview-anonymous-messages__component.button-style-13 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    border: 2px solid #239ae7
}

.preview-link-item__component.button-style-14 .common-expanded-block,
.preview-link-item__component.button-style-14 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-14 .common-expanded-block,
.preview-lock-link-item__component.button-style-14 .common-expanded-locked-block__component,
.preview-header-component.button-style-14 .common-expanded-block,
.preview-header-component.button-style-14 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-14 .preview-link-wrapper,
.preview-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-14 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-header-component.button-style-14 .preview-link-wrapper,
.preview-header-component.button-style-14 .preview-lock-link-wrapper,
.youtube-gallery.button-style-14,
.preview-commerce-link-item__component.button-style-14 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-14 .preview-link-wrapper,
.preview-location-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-14 .preview-link-wrapper,
.preview-menu-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-14,
.preview-location-item__component.button-style-14,
.preview-menu-item__component.button-style-14,
.preview-signup-generator__component.button-style-14,
.preview-anonymous-messages__component.button-style-14 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.preview-link-item__component.button-style-14,
.preview-lock-link-item__component.button-style-14,
.preview-header-component.button-style-14,
.preview-signup-generator__component.button-style-14,
.preview-anonymous-messages__component.button-style-14 {
    margin-bottom: 20px !important
}

.preview-link-item__component.button-style-14 .link-underlayer::after,
.preview-lock-link-item__component.button-style-14 .link-underlayer::after,
.preview-header-component.button-style-14 .link-underlayer::after,
.preview-commerce-link-item__component.button-style-14 .link-underlayer::after,
.preview-location-item__component.button-style-14 .link-underlayer::after,
.preview-menu-item__component.button-style-14 .link-underlayer::after,
.preview-signup-generator__component.button-style-14 .link-underlayer::after,
.preview-anonymous-messages__component.button-style-14 .link-underlayer::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    border-color: inherit;
    border-width: 2px;
    border-style: dashed;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px
}

.preview-link-item__component.button-style-15 .common-expanded-block,
.preview-link-item__component.button-style-15 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-15 .common-expanded-block,
.preview-lock-link-item__component.button-style-15 .common-expanded-locked-block__component,
.preview-header-component.button-style-15 .common-expanded-block,
.preview-header-component.button-style-15 .common-expanded-locked-block__component,
.preview-link-item__component.button-style-15 .preview-link-wrapper,
.preview-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-15 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-header-component.button-style-15 .preview-link-wrapper,
.preview-header-component.button-style-15 .preview-lock-link-wrapper,
.youtube-gallery.button-style-15,
.preview-commerce-link-item__component.button-style-15 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-15 .preview-link-wrapper,
.preview-location-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-15 .preview-link-wrapper,
.preview-menu-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-commerce-link-item__component.button-style-15,
.preview-location-item__component.button-style-15,
.preview-menu-item__component.button-style-15,
.preview-signup-generator__component.button-style-15,
.preview-anonymous-messages__component.button-style-15 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-link-item__component.button-style-15 .link-underlayer,
.preview-lock-link-item__component.button-style-15 .link-underlayer,
.preview-header-component.button-style-15 .link-underlayer,
.preview-commerce-link-item__component.button-style-15 .link-underlayer,
.preview-location-item__component.button-style-15 .link-underlayer,
.preview-menu-item__component.button-style-15 .link-underlayer,
.preview-signup-generator__component.button-style-15 .link-underlayer,
.preview-anonymous-messages__component.button-style-15 .link-underlayer {
    display: block;
    top: 5px;
    left: 5px;
    border: 2px solid #239ae7
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-title-wrapper .thumbnail.button-thumbnail-style-01,
.location .preview-location-item__component .preview-location-link-wrapper .map-title-wrapper .thumbnail.button-thumbnail-style-01,
.preview-link-item__component .preview-link-wrapper .thumbnail.button-thumbnail-style-01,
.preview-link-item__component .preview-lock-link-wrapper .thumbnail.button-thumbnail-style-01,
.preview-link-item__component .preview-music-link-wrapper .thumbnail.button-thumbnail-style-01,
.preview-lock-link-item__component .preview-link-wrapper .thumbnail.button-thumbnail-style-01,
.preview-lock-link-item__component .preview-lock-link-wrapper .thumbnail.button-thumbnail-style-01,
.preview-lock-link-item__component .preview-music-link-wrapper .thumbnail.button-thumbnail-style-01,
.preview-header-component .preview-link-wrapper .thumbnail.button-thumbnail-style-01,
.preview-header-component .preview-lock-link-wrapper .thumbnail.button-thumbnail-style-01,
.preview-header-component .preview-music-link-wrapper .thumbnail.button-thumbnail-style-01,
.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content .thumbnail.button-thumbnail-style-01,
.preview-commerce-link-item__component .title .thumbnail.button-thumbnail-style-01 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-title-wrapper .thumbnail.button-thumbnail-style-02,
.location .preview-location-item__component .preview-location-link-wrapper .map-title-wrapper .thumbnail.button-thumbnail-style-02,
.preview-link-item__component .preview-link-wrapper .thumbnail.button-thumbnail-style-02,
.preview-link-item__component .preview-lock-link-wrapper .thumbnail.button-thumbnail-style-02,
.preview-link-item__component .preview-music-link-wrapper .thumbnail.button-thumbnail-style-02,
.preview-lock-link-item__component .preview-link-wrapper .thumbnail.button-thumbnail-style-02,
.preview-lock-link-item__component .preview-lock-link-wrapper .thumbnail.button-thumbnail-style-02,
.preview-lock-link-item__component .preview-music-link-wrapper .thumbnail.button-thumbnail-style-02,
.preview-header-component .preview-link-wrapper .thumbnail.button-thumbnail-style-02,
.preview-header-component .preview-lock-link-wrapper .thumbnail.button-thumbnail-style-02,
.preview-header-component .preview-music-link-wrapper .thumbnail.button-thumbnail-style-02,
.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content .thumbnail.button-thumbnail-style-02,
.preview-commerce-link-item__component .title .thumbnail.button-thumbnail-style-02 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-title-wrapper .thumbnail.button-thumbnail-style-03,
.location .preview-location-item__component .preview-location-link-wrapper .map-title-wrapper .thumbnail.button-thumbnail-style-03,
.preview-link-item__component .preview-link-wrapper .thumbnail.button-thumbnail-style-03,
.preview-link-item__component .preview-lock-link-wrapper .thumbnail.button-thumbnail-style-03,
.preview-link-item__component .preview-music-link-wrapper .thumbnail.button-thumbnail-style-03,
.preview-lock-link-item__component .preview-link-wrapper .thumbnail.button-thumbnail-style-03,
.preview-lock-link-item__component .preview-lock-link-wrapper .thumbnail.button-thumbnail-style-03,
.preview-lock-link-item__component .preview-music-link-wrapper .thumbnail.button-thumbnail-style-03,
.preview-header-component .preview-link-wrapper .thumbnail.button-thumbnail-style-03,
.preview-header-component .preview-lock-link-wrapper .thumbnail.button-thumbnail-style-03,
.preview-header-component .preview-music-link-wrapper .thumbnail.button-thumbnail-style-03,
.preview-signup-generator__component .preview-signup-generator-wrapper .preview-signup-generator-content .thumbnail.button-thumbnail-style-03,
.preview-commerce-link-item__component .title .thumbnail.button-thumbnail-style-03 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

@-webkit-keyframes buzz {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    3% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    6% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    9% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    12% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    15% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    18% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    21% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    24% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    27% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    30% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    33% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg)
    }

    36% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes buzz {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    3% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    6% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    9% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    12% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    15% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    18% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    21% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    24% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    27% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    30% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    33% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg)
    }

    36% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes pop {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    20% {
        -webkit-transform: scale(1.07, 1.07);
        transform: scale(1.07, 1.07)
    }

    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes pop {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    20% {
        -webkit-transform: scale(1.07, 1.07);
        transform: scale(1.07, 1.07)
    }

    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes wobble {
    0% {
        top: 0
    }

    20% {
        top: 5px
    }

    25% {
        top: -2px
    }

    30% {
        top: 3px
    }

    35% {
        top: -1px
    }

    40% {
        top: 1px
    }

    45% {
        top: 0
    }
}

@keyframes wobble {
    0% {
        top: 0
    }

    20% {
        top: 5px
    }

    25% {
        top: -2px
    }

    30% {
        top: 3px
    }

    35% {
        top: -1px
    }

    40% {
        top: 1px
    }

    45% {
        top: 0
    }
}

@keyframes moveLight {
    0% {
        transform: translateX(-4em) skewX(-45deg)
    }

    15% {
        transform: translateX(80em) skewX(-45deg)
    }

    100% {
        transform: translateX(80em) skewX(-45deg)
    }
}

@-webkit-keyframes moveLight {
    0% {
        transform: translateX(-4em) skewX(-45deg)
    }

    15% {
        transform: translateX(80em) skewX(-45deg)
    }

    100% {
        transform: translateX(80em) skewX(-45deg)
    }
}

.preview-commerce-link-item__component,
.preview-location-item__component,
.preview-menu-item__component {
    position: relative
}

.preview-commerce-link-item__component .link-underlayer,
.preview-location-item__component .link-underlayer,
.preview-menu-item__component .link-underlayer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.preview-commerce-link-item__component p,
.preview-location-item__component p,
.preview-menu-item__component p {
    font-weight: normal
}

.preview-link-item__component,
.preview-lock-link-item__component,
.preview-header-component {
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.preview-link-item__component .link-underlayer,
.preview-lock-link-item__component .link-underlayer,
.preview-header-component .link-underlayer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.preview-link-item__component .preview-link-wrapper,
.preview-link-item__component .preview-lock-link-wrapper,
.preview-link-item__component .preview-music-link-wrapper,
.preview-lock-link-item__component .preview-link-wrapper,
.preview-lock-link-item__component .preview-lock-link-wrapper,
.preview-lock-link-item__component .preview-music-link-wrapper,
.preview-header-component .preview-link-wrapper,
.preview-header-component .preview-lock-link-wrapper,
.preview-header-component .preview-music-link-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 10px;
    min-height: 70px;
    background: #fff;
    color: #1d3548;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.preview-link-item__component .preview-link-wrapper::after,
.preview-link-item__component .preview-lock-link-wrapper::after,
.preview-link-item__component .preview-music-link-wrapper::after,
.preview-lock-link-item__component .preview-link-wrapper::after,
.preview-lock-link-item__component .preview-lock-link-wrapper::after,
.preview-lock-link-item__component .preview-music-link-wrapper::after,
.preview-header-component .preview-link-wrapper::after,
.preview-header-component .preview-lock-link-wrapper::after,
.preview-header-component .preview-music-link-wrapper::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.preview-link-item__component .preview-link-wrapper:hover,
.preview-link-item__component .preview-lock-link-wrapper:hover,
.preview-link-item__component .preview-music-link-wrapper:hover,
.preview-lock-link-item__component .preview-link-wrapper:hover,
.preview-lock-link-item__component .preview-lock-link-wrapper:hover,
.preview-lock-link-item__component .preview-music-link-wrapper:hover,
.preview-header-component .preview-link-wrapper:hover,
.preview-header-component .preview-lock-link-wrapper:hover,
.preview-header-component .preview-music-link-wrapper:hover {
    cursor: pointer
}

.preview-link-item__component .preview-link-wrapper.blink,
.preview-link-item__component .preview-lock-link-wrapper.blink,
.preview-link-item__component .preview-music-link-wrapper.blink,
.preview-lock-link-item__component .preview-link-wrapper.blink,
.preview-lock-link-item__component .preview-lock-link-wrapper.blink,
.preview-lock-link-item__component .preview-music-link-wrapper.blink,
.preview-header-component .preview-link-wrapper.blink,
.preview-header-component .preview-lock-link-wrapper.blink,
.preview-header-component .preview-music-link-wrapper.blink {
    position: relative;
    overflow: hidden;
    --inside-color: #fff
}

.preview-link-item__component .preview-link-wrapper.blink:before,
.preview-link-item__component .preview-lock-link-wrapper.blink:before,
.preview-link-item__component .preview-music-link-wrapper.blink:before,
.preview-lock-link-item__component .preview-link-wrapper.blink:before,
.preview-lock-link-item__component .preview-lock-link-wrapper.blink:before,
.preview-lock-link-item__component .preview-music-link-wrapper.blink:before,
.preview-header-component .preview-link-wrapper.blink:before,
.preview-header-component .preview-lock-link-wrapper.blink:before,
.preview-header-component .preview-music-link-wrapper.blink:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 80px;
    width: 2rem;
    height: 100%;
    background-color: var(--inside-color);
    transform: rotate(45deg) scale(5);
    z-index: 3;
    opacity: 0.8;
    -webkit-animation: moveLight 3s linear infinite normal;
    animation: moveLight 3s linear infinite normal
}

.preview-link-item__component .preview-link-wrapper .thumbnail,
.preview-link-item__component .preview-lock-link-wrapper .thumbnail,
.preview-link-item__component .preview-music-link-wrapper .thumbnail,
.preview-lock-link-item__component .preview-link-wrapper .thumbnail,
.preview-lock-link-item__component .preview-lock-link-wrapper .thumbnail,
.preview-lock-link-item__component .preview-music-link-wrapper .thumbnail,
.preview-header-component .preview-link-wrapper .thumbnail,
.preview-header-component .preview-lock-link-wrapper .thumbnail,
.preview-header-component .preview-music-link-wrapper .thumbnail {
    width: 54px;
    min-width: 54px;
    height: 54px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.preview-link-item__component .preview-link-wrapper .thumbnail svg,
.preview-link-item__component .preview-lock-link-wrapper .thumbnail svg,
.preview-link-item__component .preview-music-link-wrapper .thumbnail svg,
.preview-lock-link-item__component .preview-link-wrapper .thumbnail svg,
.preview-lock-link-item__component .preview-lock-link-wrapper .thumbnail svg,
.preview-lock-link-item__component .preview-music-link-wrapper .thumbnail svg,
.preview-header-component .preview-link-wrapper .thumbnail svg,
.preview-header-component .preview-lock-link-wrapper .thumbnail svg,
.preview-header-component .preview-music-link-wrapper .thumbnail svg {
    display: block;
    margin: 0 auto;
    height: 100%
}

.preview-link-item__component .preview-link-wrapper .thumbnail .icon-name,
.preview-link-item__component .preview-lock-link-wrapper .thumbnail .icon-name,
.preview-link-item__component .preview-music-link-wrapper .thumbnail .icon-name,
.preview-lock-link-item__component .preview-link-wrapper .thumbnail .icon-name,
.preview-lock-link-item__component .preview-lock-link-wrapper .thumbnail .icon-name,
.preview-lock-link-item__component .preview-music-link-wrapper .thumbnail .icon-name,
.preview-header-component .preview-link-wrapper .thumbnail .icon-name,
.preview-header-component .preview-lock-link-wrapper .thumbnail .icon-name,
.preview-header-component .preview-music-link-wrapper .thumbnail .icon-name {
    display: none
}

.preview-link-item__component .preview-link-wrapper .link-info,
.preview-link-item__component .preview-lock-link-wrapper .link-info,
.preview-link-item__component .preview-music-link-wrapper .link-info,
.preview-lock-link-item__component .preview-link-wrapper .link-info,
.preview-lock-link-item__component .preview-lock-link-wrapper .link-info,
.preview-lock-link-item__component .preview-music-link-wrapper .link-info,
.preview-header-component .preview-link-wrapper .link-info,
.preview-header-component .preview-lock-link-wrapper .link-info,
.preview-header-component .preview-music-link-wrapper .link-info {
    -webkit-flex: 3 0 auto;
    -ms-flex: 3 0 auto;
    flex: 3 0 auto;
    width: calc(100% - 54px - 20px * 2 - 20px);
    padding: 5px 8px
}

.preview-link-item__component .preview-link-wrapper .link-info .name,
.preview-link-item__component .preview-lock-link-wrapper .link-info .name,
.preview-link-item__component .preview-music-link-wrapper .link-info .name,
.preview-lock-link-item__component .preview-link-wrapper .link-info .name,
.preview-lock-link-item__component .preview-lock-link-wrapper .link-info .name,
.preview-lock-link-item__component .preview-music-link-wrapper .link-info .name,
.preview-header-component .preview-link-wrapper .link-info .name,
.preview-header-component .preview-lock-link-wrapper .link-info .name,
.preview-header-component .preview-music-link-wrapper .link-info .name {
    line-height: 1.5;
    font-weight: 500;
    word-wrap: break-word
}

.preview-link-item__component .preview-link-wrapper .link-info .url,
.preview-link-item__component .preview-lock-link-wrapper .link-info .url,
.preview-link-item__component .preview-music-link-wrapper .link-info .url,
.preview-lock-link-item__component .preview-link-wrapper .link-info .url,
.preview-lock-link-item__component .preview-lock-link-wrapper .link-info .url,
.preview-lock-link-item__component .preview-music-link-wrapper .link-info .url,
.preview-header-component .preview-link-wrapper .link-info .url,
.preview-header-component .preview-lock-link-wrapper .link-info .url,
.preview-header-component .preview-music-link-wrapper .link-info .url {
    font-size: 12px;
    color: #239ae7;
    word-wrap: break-word
}

.preview-link-item__component .preview-link-wrapper .link-info .description,
.preview-link-item__component .preview-lock-link-wrapper .link-info .description,
.preview-link-item__component .preview-music-link-wrapper .link-info .description,
.preview-lock-link-item__component .preview-link-wrapper .link-info .description,
.preview-lock-link-item__component .preview-lock-link-wrapper .link-info .description,
.preview-lock-link-item__component .preview-music-link-wrapper .link-info .description,
.preview-header-component .preview-link-wrapper .link-info .description,
.preview-header-component .preview-lock-link-wrapper .link-info .description,
.preview-header-component .preview-music-link-wrapper .link-info .description {
    margin-top: 5px;
    font-size: 12px
}

.preview-link-item__component .preview-link-wrapper .preview-share-icon__component,
.preview-link-item__component .preview-lock-link-wrapper .preview-share-icon__component,
.preview-link-item__component .preview-music-link-wrapper .preview-share-icon__component,
.preview-lock-link-item__component .preview-link-wrapper .preview-share-icon__component,
.preview-lock-link-item__component .preview-lock-link-wrapper .preview-share-icon__component,
.preview-lock-link-item__component .preview-music-link-wrapper .preview-share-icon__component,
.preview-header-component .preview-link-wrapper .preview-share-icon__component,
.preview-header-component .preview-lock-link-wrapper .preview-share-icon__component,
.preview-header-component .preview-music-link-wrapper .preview-share-icon__component {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    position: relative
}

.preview-link-item__component .preview-link-wrapper .preview-share-icon__component svg,
.preview-link-item__component .preview-lock-link-wrapper .preview-share-icon__component svg,
.preview-link-item__component .preview-music-link-wrapper .preview-share-icon__component svg,
.preview-lock-link-item__component .preview-link-wrapper .preview-share-icon__component svg,
.preview-lock-link-item__component .preview-lock-link-wrapper .preview-share-icon__component svg,
.preview-lock-link-item__component .preview-music-link-wrapper .preview-share-icon__component svg,
.preview-header-component .preview-link-wrapper .preview-share-icon__component svg,
.preview-header-component .preview-lock-link-wrapper .preview-share-icon__component svg,
.preview-header-component .preview-music-link-wrapper .preview-share-icon__component svg {
    width: 20px;
    min-width: 20px;
    height: 20px;
    display: block
}

.preview-link-item__component .preview-link-wrapper .shevron-icon__component,
.preview-link-item__component .preview-lock-link-wrapper .shevron-icon__component,
.preview-link-item__component .preview-music-link-wrapper .shevron-icon__component,
.preview-lock-link-item__component .preview-link-wrapper .shevron-icon__component,
.preview-lock-link-item__component .preview-lock-link-wrapper .shevron-icon__component,
.preview-lock-link-item__component .preview-music-link-wrapper .shevron-icon__component,
.preview-header-component .preview-link-wrapper .shevron-icon__component,
.preview-header-component .preview-lock-link-wrapper .shevron-icon__component,
.preview-header-component .preview-music-link-wrapper .shevron-icon__component {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    position: relative
}

.preview-link-item__component .preview-link-wrapper .shevron-icon__component svg,
.preview-link-item__component .preview-lock-link-wrapper .shevron-icon__component svg,
.preview-link-item__component .preview-music-link-wrapper .shevron-icon__component svg,
.preview-lock-link-item__component .preview-link-wrapper .shevron-icon__component svg,
.preview-lock-link-item__component .preview-lock-link-wrapper .shevron-icon__component svg,
.preview-lock-link-item__component .preview-music-link-wrapper .shevron-icon__component svg,
.preview-header-component .preview-link-wrapper .shevron-icon__component svg,
.preview-header-component .preview-lock-link-wrapper .shevron-icon__component svg,
.preview-header-component .preview-music-link-wrapper .shevron-icon__component svg {
    width: 20px;
    min-width: 20px;
    height: 20px;
    display: block
}

.preview-link-item__component .hidden,
.preview-lock-link-item__component .hidden,
.preview-header-component .hidden {
    display: none
}

.preview-link-item__component.buzz,
.preview-lock-link-item__component.buzz,
.preview-header-component.buzz {
    -webkit-animation: buzz 1.5s infinite;
    animation: buzz 1.5s infinite;
    z-index: 3
}

.preview-link-item__component.wobble,
.preview-lock-link-item__component.wobble,
.preview-header-component.wobble {
    position: relative;
    -webkit-animation: wobble 1.5s infinite;
    animation: wobble 1.5s infinite
}

.preview-link-item__component.pop,
.preview-lock-link-item__component.pop,
.preview-header-component.pop {
    -webkit-animation: pop 2s infinite;
    animation: pop 2s infinite;
    z-index: 3
}

.preview-link-wrapper:hover .thumbnail,
.preview-lock-link-wrapper:hover .thumbnail {
    transform: scale(1.1);
    transition: transform 0.5s ease
}

.preview-link-wrapper:hover :is(.preview-share-icon__component, .shevron-icon__component) svg,
.preview-lock-link-wrapper:hover :is(.preview-share-icon__component, .shevron-icon__component) svg {
    transform: scale(1.3);
    transition: transform 0.5s ease
}

.share-dropdown__menu {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    display: none;
    position: absolute;
    top: 35px;
    right: -30px;
    background: #fff;
    max-width: 360px;
    width: 320px;
    min-width: 280px;
    z-index: 9;
    font-family: "Poppins", sans-serif;
    cursor: default
}

@media (max-width:611.98px) {
    .share-dropdown__menu {
        right: -30px;
        max-width: 100%
    }
}

.share-dropdown__menu.closable .dropdow-menu__wrapper .dropdown-menu-title {
    padding: 20px 40px 0 20px
}

.share-dropdown__menu.active {
    display: block
}

.share-dropdown__menu.active.bottom {
    -webkit-transform: translate(0, -95%);
    -moz-transform: translate(0, -95%);
    -ms-transform: translate(0, -95%);
    -o-transform: translate(0, -95%);
    transform: translate(0, -95%);
    top: 0;
    z-index: 9999 !important
}

.share-dropdown__menu.active.bottom.share-dropdown-links .dropdow-menu__wrapper .dropdow-menu__container::before {
    top: auto;
    bottom: -3px
}

.share-dropdown__menu.share-dropdown-links {
    top: 75%;
    right: -20px
}

@media (max-width:611.98px) {
    .share-dropdown__menu.share-dropdown-links {
        right: 0;
        max-width: 100%
    }
}

@media (max-width:611.98px) {
    .share-dropdown__menu.share-dropdown-links .dropdow-menu__wrapper .dropdow-menu__container::before {
        right: 25px
    }
}

.share-dropdown__menu .dropdow-menu__wrapper {
    -webkit-box-shadow: 0 4px 24px rgba(45, 45, 51, 0.4);
    -moz-box-shadow: 0 4px 24px rgba(45, 45, 51, 0.4);
    box-shadow: 0 4px 24px rgba(45, 45, 51, 0.4);
    border-radius: inherit
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdown-menu__close {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-top: 10px;
    margin-right: 10px;
    line-height: 1;
    background: #239ae7;
    cursor: pointer
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdown-menu__close:hover {
    background-color: #1685cc
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdown-menu__close .dropdown-menu-close-btn span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 8px;
    height: 8px;
    color: #fff
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdown-menu__close .dropdown-menu-close-btn span svg {
    width: 100%;
    height: 100%
}

.share-dropdown__menu .dropdow-menu__wrapper h4.dropdown-menu-title {
    display: block;
    margin: 0;
    color: #1d3548;
    font-weight: 500;
    padding: 20px 20px 0
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: inherit;
    padding: 10px 0
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__container .dropdown-menu-item__wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    padding: 0 20px;
    min-width: calc(100% / 3);
    width: calc(100% / 3)
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__container .dropdown-menu-item__wrapper:hover .dropdown-menu__item .dropdown-item__text {
    color: #73889f
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__container .dropdown-menu-item__wrapper:hover .dropdown-menu__item .dropdown-item__icon svg.instagram-share-icon__svg,
.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__container .dropdown-menu-item__wrapper:hover .dropdown-menu__item .dropdown-item__icon svg.fb-share-icon__svg,
.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__container .dropdown-menu-item__wrapper:hover .dropdown-menu__item .dropdown-item__icon svg.tw-share-icon__svg,
.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__container .dropdown-menu-item__wrapper:hover .dropdown-menu__item .dropdown-item__icon svg.link-share-icon__svg {
    width: 30px;
    height: 30px
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__container .dropdown-menu-item__wrapper .dropdown-menu__item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #73889f;
    font-size: 14px;
    padding: 0 0 10px;
    z-index: 9001;
    cursor: pointer
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__container .dropdown-menu-item__wrapper .dropdown-menu__item.instagram img {
    display: none
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__container .dropdown-menu-item__wrapper .dropdown-menu__item .dropdown-item__text {
    white-space: nowrap;
    margin-top: 10px
}

@media (max-width:611.98px) {
    .share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__container .dropdown-menu-item__wrapper .dropdown-menu__item .dropdown-item__text {
        white-space: normal
    }
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__container .dropdown-menu-item__wrapper .dropdown-menu__item .dropdown-item__icon {
    width: 30px;
    height: 30px
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__container .dropdown-menu-item__wrapper .dropdown-menu__item .dropdown-item__icon svg {
    width: 30px;
    height: 30px
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__container .dropdown-menu-item__wrapper .dropdown-menu__item .dropdown-item__icon svg path {
    -webkit-transition: fill 0.15s ease-in-out;
    -moz-transition: fill 0.15s ease-in-out;
    -ms-transition: fill 0.15s ease-in-out;
    -o-transition: fill 0.15s ease-in-out;
    transition: fill 0.15s ease-in-out
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__footer {
    padding: 0 20px 20px
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__footer h4 {
    padding: 0 0 10px
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__footer .share-link--wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    border-radius: 22px;
    background: #e0e4ee;
    padding: 10px 10px
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__footer .share-link--wrapper span {
    font-size: 14px
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__footer .share-link--wrapper span.link-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #1d3548
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__footer .share-link--wrapper span.icon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 15px;
    min-width: 15px;
    height: 15px;
    display: block;
    margin-left: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__footer .share-link--wrapper span.icon:hover {
    cursor: pointer
}

.share-dropdown__menu .dropdow-menu__wrapper .dropdow-menu__footer .share-link--wrapper span.icon.copy {
    background-image: url("../../img/ic_copy.svg")
}

@media (max-width:1043.98px) {
    .qr-code-dropdown {
        left: -30px;
        right: auto;
        max-width: 100%
    }
}

@media (max-width:1043.98px) {
    .qr-code-dropdown .dropdow-menu__container::before {
        right: auto;
        left: 45px
    }
}

.qr-code-dropdown .dropdow-menu__container .qr-code-dropdown-content {
    width: 100%;
    padding-top: 10px
}

.qr-code-dropdown .dropdow-menu__container .qr-code-dropdown-content .qr-code-dropdown-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #1d3548;
    font-weight: 500;
    padding: 10px 20px 0
}

.qr-code-dropdown .dropdow-menu__container .qr-code-dropdown-content .qr-code-dropdown-header svg {
    width: 30px;
    height: 30px;
    fill: #47c3d1 !important;
    margin-right: 5px
}

.qr-code-dropdown .dropdow-menu__container .qr-code-dropdown-content .qr-code-dropdown-user-link {
    width: 100%;
    padding: 10px 20px 0;
    max-width: calc(100% - 40px)
}

.qr-code-dropdown .dropdow-menu__container .qr-code-dropdown-content .qr-code-dropdown-user-link span {
    display: block;
    color: #1d3548;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.qr-code-dropdown .dropdow-menu__container .qr-code-dropdown-content img {
    display: block;
    width: 100%;
    margin: 0 auto
}

.qr-code-dropdown .dropdow-menu__footer {
    width: 100%
}

.qr-code-dropdown .dropdow-menu__footer .download-qr-code-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 240px;
    margin: 0 auto;
    padding: 10px 24px;
    font-weight: 500;
    font-size: 14px;
    background-color: #239ae7;
    color: #fff;
    cursor: pointer
}

.qr-code-dropdown .dropdow-menu__footer .download-qr-code-btn:hover {
    background-color: #1685cc
}

.qr-code-dropdown .dropdow-menu__footer .download-qr-code-btn .icon {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../img/ic_qr-code.svg") center/contain no-repeat;
    margin-right: 15px
}

.qr-code-dropdown .dropdow-menu__footer .download-qr-code-btn .text {
    color: inherit
}

.social-link-item-button__component {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    width: 100%;
    height: 40px;
    color: #fff;
    cursor: pointer;
    padding: 0 5px
}

.social-link-item-button__component .icon {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.social-link-item-button__component .icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor
}

.social-link-item-button__component .text {
    color: inherit;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.google-promo-side-images__component {
    width: 100vh
}

.google-promo-side-images__component .left-section {
    width: 160px;
    height: 800px;
    font-size: 0px;
    position: fixed;
    top: 30px;
    left: -9999px
}

@media screen and (min-width:1355px) {
    .google-promo-side-images__component .left-section.two-col {
        width: 160px;
        height: 800px;
        z-index: 1;
        position: fixed;
        top: 110px;
        left: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:1640px) {
    .google-promo-side-images__component .left-section.two-col {
        width: 300px;
        height: 800px
    }
}

@media screen and (min-width:1024px) {
    .google-promo-side-images__component .left-section.one-col {
        width: 160px;
        height: 800px;
        z-index: 1;
        position: fixed;
        top: 30px;
        left: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:1350px) {
    .google-promo-side-images__component .left-section.one-col {
        width: 300px;
        height: 800px
    }
}

.google-promo-side-images__component .left-section .earn-block {
    width: 100%;
    height: 100%;
    margin-bottom: 20px
}

.google-promo-side-images__component .right-section {
    width: 160px;
    height: 800px;
    font-size: 0px;
    position: fixed;
    top: 30px;
    right: -9999px
}

@media screen and (min-width:1024px) {
    .google-promo-side-images__component .right-section.one-col {
        width: 160px;
        height: 800px;
        z-index: 1;
        position: fixed;
        top: 30px;
        right: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:1350px) {
    .google-promo-side-images__component .right-section.one-col {
        width: 300px;
        height: 800px
    }
}

@media screen and (min-width:1355px) {
    .google-promo-side-images__component .right-section.two-col {
        width: 160px;
        height: 800px;
        z-index: 1;
        position: fixed;
        top: 110px;
        right: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:1640px) {
    .google-promo-side-images__component .right-section.two-col {
        width: 300px;
        height: 800px
    }
}

.google-promo-side-images__component .right-section .earn-block {
    width: 100%;
    height: 100%;
    margin-bottom: 20px
}

.promo-top-wrapper-constant,
.promo-bottom-wrapper-constant,
.promo-bottom-wrapper-left,
.promo-bottom-wrapper-right {
    width: 100%;
    height: 250px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.promo-top-wrapper-constant .earn-block,
.promo-bottom-wrapper-constant .earn-block,
.promo-bottom-wrapper-left .earn-block,
.promo-bottom-wrapper-right .earn-block {
    width: 300px;
    height: 250px;
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .promo-top-wrapper-constant {
        display: none
    }
}

.heylink-promo-bottom img {
    width: 100%
}

.heylink-promo-top {
    margin-bottom: 20px
}

.heylink-promo-top img {
    width: 100%
}

@media screen and (min-width:1024px) {

    .promo-bottom-wrapper-left,
    .promo-bottom-wrapper-right {
        position: absolute;
        top: 0;
        left: -9999px
    }
}

.preview-mobile-apps-link-item__component {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0 auto 10px auto;
    min-height: 70px
}

.preview-mobile-apps-link-item__component:last-child {
    margin-bottom: 0
}

.preview-mobile-apps-link-item__component.blink {
    position: relative;
    overflow: hidden;
    --inside-color: #fff
}

.preview-mobile-apps-link-item__component.blink:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 80px;
    width: 2rem;
    height: 100%;
    background-color: var(--inside-color);
    transform: rotate(45deg) scale(5);
    z-index: 3;
    opacity: 0.8;
    -webkit-animation: moveLight 3s linear infinite normal;
    animation: moveLight 3s linear infinite normal
}

.preview-mobile-apps-link-item__component .link-image {
    width: 70px;
    min-width: 70px;
    height: 70px;
    margin-right: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.preview-mobile-apps-link-item__component .link-image:not(.custom-thumbnail) {
    background-size: 34px;
    background-color: #fff
}

.preview-mobile-apps-link-item__component .link-image.ios:not(.custom-thumbnail) {
    background-image: url("../../img/ic_app-store.svg");
    background-position: center 35%
}

.preview-mobile-apps-link-item__component .link-image.android:not(.custom-thumbnail) {
    background-image: url("../../img/ic_play-market.svg")
}

.preview-mobile-apps-link-item__component .link-image .icon-name {
    display: none
}

.preview-mobile-apps-link-item__component .link-name {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 10px 16px;
    min-height: 50px;
    font-size: 14px;
    word-wrap: break-word !important
}

.preview-music-link-item__component {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.preview-music-link-item__component:last-child {
    margin-bottom: 0
}

.preview-music-link-item__component .link-underlayer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-filter: blur(12px) brightness(0.8);
    -moz-filter: blur(12px) brightness(0.8);
    -o-filter: blur(12px) brightness(0.8);
    -ms-filter: blur(12px) brightness(0.8);
    filter: blur(12px) brightness(0.8)
}

.preview-music-link-item__component .preview-music-link-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    min-height: 70px;
    color: #fff;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    z-index: 2
}

.preview-music-link-item__component .preview-music-link-wrapper.blink {
    position: relative;
    overflow: hidden;
    --inside-color: #fff
}

.preview-music-link-item__component .preview-music-link-wrapper.blink:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 80px;
    width: 2rem;
    height: 100%;
    background-color: var(--inside-color);
    transform: rotate(45deg) scale(5);
    z-index: 100;
    opacity: 0.8;
    -webkit-animation: moveLight 3s linear infinite normal;
    animation: moveLight 3s linear infinite normal
}

.preview-music-link-item__component .preview-music-link-wrapper.buzz {
    -webkit-animation: buzz 1.5s infinite;
    animation: buzz 1.5s infinite;
    z-index: 3
}

.preview-music-link-item__component .preview-music-link-wrapper.wobble {
    position: relative;
    -webkit-animation: wobble 1.5s infinite;
    animation: wobble 1.5s infinite
}

.preview-music-link-item__component .preview-music-link-wrapper.pop {
    -webkit-animation: pop 2s infinite;
    animation: pop 2s infinite;
    z-index: 3
}

.preview-music-link-item__component .preview-music-link-wrapper .thumbnail {
    width: 54px;
    min-width: 54px;
    height: 54px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    z-index: 2;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    border-radius: inherit
}

.preview-music-link-item__component .preview-music-link-wrapper .link-info {
    width: 100%;
    padding: 5px 10px;
    z-index: 2
}

.preview-music-link-item__component .preview-music-link-wrapper .link-info .name {
    line-height: 1.5;
    font-weight: 500;
    word-wrap: break-word
}

.preview-music-link-item__component .preview-music-link-wrapper .link-shewron {
    width: 20px;
    min-width: 20px;
    height: 20px;
    background: url("../../img/ic_shewron_up.svg") center/14px no-repeat;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: 2;
    cursor: pointer
}

.book-links__component {
    padding: 20px;
    position: relative
}

.book-links__component .book-link-info-wrapper {
    text-align: center
}

.book-links__component .book-link-info-wrapper a .book-cover-image img {
    width: 160px
}

.book-links__component .book-link-info-wrapper a .book-name {
    margin: 10px 0;
    font-weight: 600;
    font-size: 16px;
    color: #FFF;
    line-height: 24px
}

.book-links__component .book-link-info-wrapper .author {
    font-weight: 400;
    font-size: 16px;
    color: #FFF
}

.book-links__component .book-link-info-wrapper .description-wrapper {
    margin-bottom: 10px;
    color: #FFF
}

.book-links__component .book-link-info-wrapper .description-wrapper .book-description {
    overflow: hidden;
    max-height: 4.5em
}

.book-links__component .book-link-info-wrapper .description-wrapper .see-more-btn,
.book-links__component .book-link-info-wrapper .description-wrapper .see-less-btn {
    margin-top: 10px;
    font-weight: 600;
    cursor: pointer;
    text-align: left
}

.book-links__component .format-selector {
    height: 50px;
    padding: 5px;
    background: #F4F5F9;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.book-links__component .format-selector .current-format {
    font-weight: 500;
    font-size: 14px;
    color: #1F3447
}

.book-links__component .format-selector img {
    transform: rotate(270deg)
}

.book-links__component .retailer-wrapper {
    max-height: 300px;
    margin-top: 20px;
    overflow: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    scrollbar-color: rgba(179, 178, 208, 0.5) #C8CBDB
}

.book-links__component .retailer-wrapper::-webkit-scrollbar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: 5px
}

.book-links__component .retailer-wrapper::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #C8CBDB
}

.book-links__component .retailer-wrapper::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #B3B2D0
}

.book-links__component .retailer-wrapper::-webkit-scrollbar-thumb:hover {
    background: #b3b2d0
}

.book-links__component .retailer-wrapper .retailer-item-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.book-links__component .retailer-wrapper .retailer-item-wrapper .item-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.book-links__component .retailer-wrapper .retailer-item-wrapper .item-wrapper .icon-name-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.book-links__component .retailer-wrapper .retailer-item-wrapper .item-wrapper .icon-name-wrapper .retailer-icon {
    width: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.book-links__component .retailer-wrapper .retailer-item-wrapper .item-wrapper .icon-name-wrapper .retailer-name {
    margin: auto 10px;
    color: #FFF;
    font-weight: 500;
    font-size: 14px
}

.book-links__component .retailer-wrapper .retailer-item-wrapper .item-wrapper .retailer-price {
    color: #FFF;
    font-weight: 600;
    font-size: 16px
}

.book-links__component .retailer-wrapper .retailer-item-wrapper .line {
    width: 100%;
    height: 2px;
    margin: 10px 0;
    background: #F4F5F9
}

.book-links__component .retailer-wrapper .hidden {
    display: none
}

.book-links__component .format-tabs-wrapper {
    margin-top: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.book-links__component .format-tabs-wrapper .tab-book-format {
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #1F3447;
    border: 1px solid #DFE3EE;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.book-links__component .format-tabs-wrapper .tab-book-format:hover {
    background: #E7F8FF
}

.book-links__component .format-tabs-wrapper .active {
    background: #E7F8FF;
    color: #1F3447
}

.dropdown-popup {
    display: none;
    width: 100vw;
    height: 100vh;
    background: rgba(43, 41, 119, 0.85);
    backdrop-filter: blur(10px);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9
}

.dropdown-popup .dropdown__container {
    margin: 0 0 63px 0
}

.dropdown-popup .popup-window {
    display: none;
    max-width: 620px;
    width: 100%;
    padding: 20px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: auto
}

@media screen and (max-width:915px) and (orientation:landscape) {
    .dropdown-popup .popup-window {
        max-width: 69%;
        max-height: 85%;
        overflow: auto
    }
}

@media screen and (max-width:896px) and (orientation:landscape) {
    .dropdown-popup .popup-window {
        max-width: 69%;
        max-height: 85%;
        overflow: auto
    }
}

@media screen and (max-width:844px) and (orientation:landscape) {
    .dropdown-popup .popup-window {
        max-width: 620px;
        max-height: 85%;
        overflow: auto
    }
}

@media screen and (max-width:745px) and (orientation:landscape) {
    .dropdown-popup .popup-window {
        max-width: 83%;
        max-height: 85%;
        overflow: auto
    }
}

@media screen and (max-width:660px) {
    .dropdown-popup .popup-window {
        max-width: 90%
    }
}

@media screen and (max-width:365px) {
    .dropdown-popup .popup-window {
        max-height: 90%;
        max-width: 88%
    }
}

.dropdown-popup .popup-window .popup-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdown-popup .popup-window .popup-header .title-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdown-popup .popup-window .popup-header .title-wrapper img {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.dropdown-popup .popup-window .popup-header .title-wrapper .dropdown-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #1F3447
}

.dropdown-popup .popup-window .popup-header .close-btn-wrapper .btn-close-popup {
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 5
}

.dropdown-popup .popup-window .popup-header .close-btn-wrapper .btn-close-popup:hover {
    transform: rotate(70deg)
}

.dropdown-popup.active {
    display: block
}

.btn-wrapper {
    width: 100%
}

.btn-wrapper .btn {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    z-index: 5;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.btn-wrapper .btn img {
    margin-right: 5px
}

@media (hover:none) {
    .btn-wrapper .btn {
        background: rgba(0, 0, 0, 0)
    }
}

.btn-wrapper .primary-blue-btn {
    background: #009BFF;
    color: #fff
}

.btn-wrapper .primary-blue-btn:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #009BFF
}

.btn-wrapper .primary-blue-btn:active {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #009BFF
}

.btn-wrapper .secondary-blue-btn {
    background: #fff;
    border: 1px solid #009BFF;
    color: #009BFF
}

.btn-wrapper .secondary-blue-btn:hover {
    color: #33afff;
    border: 1px solid #33afff
}

.btn-wrapper .secondary-blue-btn:active {
    color: #007ccc;
    border: 1px solid #007ccc
}

.btn-wrapper .primary-green-btn {
    background: #02A95C;
    color: #fff
}

.btn-wrapper .primary-green-btn:hover {
    background: #35BA7D
}

.btn-wrapper .primary-green-btn:active {
    background: #02874A
}

.btn-wrapper .secondary-green-btn {
    background: #fff;
    border: 1px solid #02A95C;
    color: #02A95C
}

.btn-wrapper .secondary-green-btn:hover {
    color: #35BA7D;
    border: 1px solid #35BA7D
}

.btn-wrapper .secondary-green-btn:active {
    color: #02874A;
    border: 1px solid #02874A
}

.btn-wrapper .primary-black-btn {
    background: #3C5770;
    color: #fff
}

.btn-wrapper .primary-black-btn:hover {
    color: #fff;
    background: #63798D
}

.btn-wrapper .primary-black-btn:active {
    background: #30465A
}

.btn-wrapper .primary-orange-btn {
    background: #EF6959;
    color: #fff
}

.btn-wrapper .primary-orange-btn:hover {
    color: #fff;
    background: #239AE7
}

.btn-wrapper .primary-white-btn {
    background: #fff;
    color: #239AE7
}

.btn-wrapper .primary-white-btn:hover {
    color: #fff;
    background: #EF6959
}

.btn-wrapper .primary-grey-btn {
    background: #DFE3EE;
    color: #1F3447
}

.btn-wrapper .primary-grey-btn:hover {
    background: #F4F5F9
}

.btn-wrapper .primary-disable-btn {
    background: #E8EAED;
    color: #fff
}

.btn-wrapper .transparent-btn {
    background: none;
    border: 1px solid #fff;
    color: #fff
}

.btn-wrapper .transparent-btn:hover {
    background: #239AE7;
    color: #fff;
    border: 1px solid #239AE7
}

.btn-wrapper .primary-blurred-btn {
    color: #FFF;
    background: rgba(244, 243, 248, 0.2);
    border: 1px solid #FFF
}

.btn-wrapper .primary-blurred-btn:hover {
    background: rgba(60, 59, 170, 0.15)
}

.btn-wrapper .secondary-white-btn {
    color: #000;
    background-color: #fff
}

.btn-wrapper .secondary-white-btn:hover {
    background: #ffffffb8
}

.close-btn-expanded-block {
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    outline: none;
    border: 0;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.close-btn-expanded-block img {
    width: 13px;
    height: 22px;
    margin: 0 auto
}

.close-btn-expanded-block:hover {
    cursor: pointer
}

@supports (-webkit-touch-callout:none) {
    .close-btn-expanded-block {
        display: -webkit-box;
        -webkit-box-pack: center;
        -webkit-box-align: center
    }

    .close-btn-expanded-block img {
        display: block;
        margin: 0 auto
    }
}

.snow-block {
    height: 100vh;
    overflow: hidden;
    filter: drop-shadow(0 0 10px white)
}

.snow {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%
}

.snow:nth-child(1) {
    opacity: 0.3978;
    transform: translate(95.998vw, -10px) scale(0.8532);
    animation: fall-1 10s -14s linear infinite
}

@keyframes fall-1 {
    35.563% {
        transform: translate(101.7684vw, 35.563vh) scale(0.8532)
    }

    to {
        transform: translate(98.8832vw, 100vh) scale(0.8532)
    }
}

.snow:nth-child(2) {
    opacity: 0.4216;
    transform: translate(89.4949vw, -10px) scale(0.7221);
    animation: fall-2 17s -22s linear infinite
}

@keyframes fall-2 {
    77.546% {
        transform: translate(96.9304vw, 77.546vh) scale(0.7221)
    }

    to {
        transform: translate(93.21265vw, 100vh) scale(0.7221)
    }
}

.snow:nth-child(3) {
    opacity: 0.1776;
    transform: translate(1.6984vw, -10px) scale(0.4405);
    animation: fall-3 23s -6s linear infinite
}

@keyframes fall-3 {
    48.246% {
        transform: translate(5.4881vw, 48.246vh) scale(0.4405)
    }

    to {
        transform: translate(3.59325vw, 100vh) scale(0.4405)
    }
}

.snow:nth-child(4) {
    opacity: 0.456;
    transform: translate(3.8977vw, -10px) scale(0.2397);
    animation: fall-4 23s -10s linear infinite
}

@keyframes fall-4 {
    64.598% {
        transform: translate(2.752vw, 64.598vh) scale(0.2397)
    }

    to {
        transform: translate(3.32485vw, 100vh) scale(0.2397)
    }
}

.snow:nth-child(5) {
    opacity: 0.8295;
    transform: translate(75.2707vw, -10px) scale(0.0886);
    animation: fall-5 19s -5s linear infinite
}

@keyframes fall-5 {
    51.938% {
        transform: translate(73.0821vw, 51.938vh) scale(0.0886)
    }

    to {
        transform: translate(74.1764vw, 100vh) scale(0.0886)
    }
}

.snow:nth-child(6) {
    opacity: 0.9342;
    transform: translate(88.3801vw, -10px) scale(0.4839);
    animation: fall-6 16s -29s linear infinite
}

@keyframes fall-6 {
    76.659% {
        transform: translate(94.9587vw, 76.659vh) scale(0.4839)
    }

    to {
        transform: translate(91.6694vw, 100vh) scale(0.4839)
    }
}

.snow:nth-child(7) {
    opacity: 0.7669;
    transform: translate(15.4698vw, -10px) scale(0.1158);
    animation: fall-7 17s -8s linear infinite
}

@keyframes fall-7 {
    54.492% {
        transform: translate(14.4308vw, 54.492vh) scale(0.1158)
    }

    to {
        transform: translate(14.9503vw, 100vh) scale(0.1158)
    }
}

.snow:nth-child(8) {
    opacity: 0.2091;
    transform: translate(15.2801vw, -10px) scale(0.2352);
    animation: fall-8 16s -15s linear infinite
}

@keyframes fall-8 {
    70.211% {
        transform: translate(24.1598vw, 70.211vh) scale(0.2352)
    }

    to {
        transform: translate(19.71995vw, 100vh) scale(0.2352)
    }
}

.snow:nth-child(9) {
    opacity: 0.7051;
    transform: translate(19.19vw, -10px) scale(0.2745);
    animation: fall-9 16s -11s linear infinite
}

@keyframes fall-9 {
    63.396% {
        transform: translate(28.9646vw, 63.396vh) scale(0.2745)
    }

    to {
        transform: translate(24.0773vw, 100vh) scale(0.2745)
    }
}

.snow:nth-child(10) {
    opacity: 0.5501;
    transform: translate(90.0352vw, -10px) scale(0.806);
    animation: fall-10 24s -14s linear infinite
}

@keyframes fall-10 {
    38.614% {
        transform: translate(98.5036vw, 38.614vh) scale(0.806)
    }

    to {
        transform: translate(94.2694vw, 100vh) scale(0.806)
    }
}

.snow:nth-child(11) {
    opacity: 0.7468;
    transform: translate(67.5012vw, -10px) scale(0.2127);
    animation: fall-11 19s -29s linear infinite
}

@keyframes fall-11 {
    32.151% {
        transform: translate(59.0848vw, 32.151vh) scale(0.2127)
    }

    to {
        transform: translate(63.293vw, 100vh) scale(0.2127)
    }
}

.snow:nth-child(12) {
    opacity: 0.624;
    transform: translate(5.0823vw, -10px) scale(0.001);
    animation: fall-12 25s -12s linear infinite
}

@keyframes fall-12 {
    41.191% {
        transform: translate(12.1607vw, 41.191vh) scale(0.001)
    }

    to {
        transform: translate(8.6215vw, 100vh) scale(0.001)
    }
}

.snow:nth-child(13) {
    opacity: 0.0568;
    transform: translate(33.3396vw, -10px) scale(0.3483);
    animation: fall-13 25s -4s linear infinite
}

@keyframes fall-13 {
    74.925% {
        transform: translate(32.2585vw, 74.925vh) scale(0.3483)
    }

    to {
        transform: translate(32.79905vw, 100vh) scale(0.3483)
    }
}

.snow:nth-child(14) {
    opacity: 0.5484;
    transform: translate(88.1411vw, -10px) scale(0.72);
    animation: fall-14 26s -26s linear infinite
}

@keyframes fall-14 {
    77.576% {
        transform: translate(90.5153vw, 77.576vh) scale(0.72)
    }

    to {
        transform: translate(89.3282vw, 100vh) scale(0.72)
    }
}

.snow:nth-child(15) {
    opacity: 0.0496;
    transform: translate(10.6144vw, -10px) scale(0.4314);
    animation: fall-15 27s -2s linear infinite
}

@keyframes fall-15 {
    65.841% {
        transform: translate(13.2772vw, 65.841vh) scale(0.4314)
    }

    to {
        transform: translate(11.9458vw, 100vh) scale(0.4314)
    }
}

.snow:nth-child(16) {
    opacity: 0.6046;
    transform: translate(78.3089vw, -10px) scale(0.559);
    animation: fall-16 16s -17s linear infinite
}

@keyframes fall-16 {
    74.078% {
        transform: translate(85.7735vw, 74.078vh) scale(0.559)
    }

    to {
        transform: translate(82.0412vw, 100vh) scale(0.559)
    }
}

.snow:nth-child(17) {
    opacity: 0.2779;
    transform: translate(51.456vw, -10px) scale(0.0411);
    animation: fall-17 14s -9s linear infinite
}

@keyframes fall-17 {
    36.372% {
        transform: translate(59.808vw, 36.372vh) scale(0.0411)
    }

    to {
        transform: translate(55.632vw, 100vh) scale(0.0411)
    }
}

.snow:nth-child(18) {
    opacity: 0.5739;
    transform: translate(22.1307vw, -10px) scale(0.3605);
    animation: fall-18 12s -26s linear infinite
}

@keyframes fall-18 {
    66.894% {
        transform: translate(19.6942vw, 66.894vh) scale(0.3605)
    }

    to {
        transform: translate(20.91245vw, 100vh) scale(0.3605)
    }
}

.snow:nth-child(19) {
    opacity: 0.6517;
    transform: translate(85.3232vw, -10px) scale(0.0827);
    animation: fall-19 14s -4s linear infinite
}

@keyframes fall-19 {
    42.66% {
        transform: translate(92.613vw, 42.66vh) scale(0.0827)
    }

    to {
        transform: translate(88.9681vw, 100vh) scale(0.0827)
    }
}

.snow:nth-child(20) {
    opacity: 0.1331;
    transform: translate(6.1871vw, -10px) scale(0.6812);
    animation: fall-20 25s -9s linear infinite
}

@keyframes fall-20 {
    54.518% {
        transform: translate(8.8923vw, 54.518vh) scale(0.6812)
    }

    to {
        transform: translate(7.5397vw, 100vh) scale(0.6812)
    }
}

.snow:nth-child(21) {
    opacity: 0.0403;
    transform: translate(59.4434vw, -10px) scale(0.229);
    animation: fall-21 19s -29s linear infinite
}

@keyframes fall-21 {
    79.539% {
        transform: translate(50.9362vw, 79.539vh) scale(0.229)
    }

    to {
        transform: translate(55.1898vw, 100vh) scale(0.229)
    }
}

.snow:nth-child(22) {
    opacity: 0.6324;
    transform: translate(70.7967vw, -10px) scale(0.5778);
    animation: fall-22 12s -15s linear infinite
}

@keyframes fall-22 {
    61.649% {
        transform: translate(78.4648vw, 61.649vh) scale(0.5778)
    }

    to {
        transform: translate(74.63075vw, 100vh) scale(0.5778)
    }
}

.snow:nth-child(23) {
    opacity: 0.2309;
    transform: translate(24.5253vw, -10px) scale(0.947);
    animation: fall-23 24s -23s linear infinite
}

@keyframes fall-23 {
    60.94% {
        transform: translate(14.5622vw, 60.94vh) scale(0.947)
    }

    to {
        transform: translate(19.54375vw, 100vh) scale(0.947)
    }
}

.snow:nth-child(24) {
    opacity: 0.3863;
    transform: translate(9.878vw, -10px) scale(0.8647);
    animation: fall-24 15s -20s linear infinite
}

@keyframes fall-24 {
    74.029% {
        transform: translate(6.6836vw, 74.029vh) scale(0.8647)
    }

    to {
        transform: translate(8.2808vw, 100vh) scale(0.8647)
    }
}

.snow:nth-child(25) {
    opacity: 0.4234;
    transform: translate(92.8572vw, -10px) scale(0.8659);
    animation: fall-25 15s -9s linear infinite
}

@keyframes fall-25 {
    68.799% {
        transform: translate(98.0283vw, 68.799vh) scale(0.8659)
    }

    to {
        transform: translate(95.44275vw, 100vh) scale(0.8659)
    }
}

.snow:nth-child(26) {
    opacity: 0.512;
    transform: translate(38.5651vw, -10px) scale(0.5443);
    animation: fall-26 23s -29s linear infinite
}

@keyframes fall-26 {
    63.495% {
        transform: translate(42.6439vw, 63.495vh) scale(0.5443)
    }

    to {
        transform: translate(40.6045vw, 100vh) scale(0.5443)
    }
}

.snow:nth-child(27) {
    opacity: 0.5236;
    transform: translate(68.5371vw, -10px) scale(0.5976);
    animation: fall-27 27s -8s linear infinite
}

@keyframes fall-27 {
    45.192% {
        transform: translate(73.9657vw, 45.192vh) scale(0.5976)
    }

    to {
        transform: translate(71.2514vw, 100vh) scale(0.5976)
    }
}

.snow:nth-child(28) {
    opacity: 0.8978;
    transform: translate(54.8438vw, -10px) scale(0.4461);
    animation: fall-28 18s -27s linear infinite
}

@keyframes fall-28 {
    71.023% {
        transform: translate(54.6729vw, 71.023vh) scale(0.4461)
    }

    to {
        transform: translate(54.75835vw, 100vh) scale(0.4461)
    }
}

.snow:nth-child(29) {
    opacity: 0.1179;
    transform: translate(89.2732vw, -10px) scale(0.1056);
    animation: fall-29 10s -15s linear infinite
}

@keyframes fall-29 {
    51.715% {
        transform: translate(87.8891vw, 51.715vh) scale(0.1056)
    }

    to {
        transform: translate(88.58115vw, 100vh) scale(0.1056)
    }
}

.snow:nth-child(30) {
    opacity: 0.1166;
    transform: translate(25.9247vw, -10px) scale(0.5432);
    animation: fall-30 19s -10s linear infinite
}

@keyframes fall-30 {
    38.322% {
        transform: translate(25.2085vw, 38.322vh) scale(0.5432)
    }

    to {
        transform: translate(25.5666vw, 100vh) scale(0.5432)
    }
}

.snow:nth-child(31) {
    opacity: 0.4687;
    transform: translate(56.5538vw, -10px) scale(0.0663);
    animation: fall-31 22s -15s linear infinite
}

@keyframes fall-31 {
    76.919% {
        transform: translate(57.9494vw, 76.919vh) scale(0.0663)
    }

    to {
        transform: translate(57.2516vw, 100vh) scale(0.0663)
    }
}

.snow:nth-child(32) {
    opacity: 0.1858;
    transform: translate(92.3553vw, -10px) scale(0.6612);
    animation: fall-32 20s -22s linear infinite
}

@keyframes fall-32 {
    35.641% {
        transform: translate(97.2415vw, 35.641vh) scale(0.6612)
    }

    to {
        transform: translate(94.7984vw, 100vh) scale(0.6612)
    }
}

.snow:nth-child(33) {
    opacity: 0.7066;
    transform: translate(33.8549vw, -10px) scale(0.7593);
    animation: fall-33 17s -5s linear infinite
}

@keyframes fall-33 {
    44.976% {
        transform: translate(40.1568vw, 44.976vh) scale(0.7593)
    }

    to {
        transform: translate(37.00585vw, 100vh) scale(0.7593)
    }
}

.snow:nth-child(34) {
    opacity: 0.2367;
    transform: translate(84.0668vw, -10px) scale(0.3995);
    animation: fall-34 24s -17s linear infinite
}

@keyframes fall-34 {
    55.174% {
        transform: translate(77.7544vw, 55.174vh) scale(0.3995)
    }

    to {
        transform: translate(80.9106vw, 100vh) scale(0.3995)
    }
}

.snow:nth-child(35) {
    opacity: 0.0701;
    transform: translate(94.6481vw, -10px) scale(0.9359);
    animation: fall-35 26s -4s linear infinite
}

@keyframes fall-35 {
    44.415% {
        transform: translate(100.6491vw, 44.415vh) scale(0.9359)
    }

    to {
        transform: translate(97.6486vw, 100vh) scale(0.9359)
    }
}

.snow:nth-child(36) {
    opacity: 0.9527;
    transform: translate(19.2073vw, -10px) scale(0.2687);
    animation: fall-36 25s -10s linear infinite
}

@keyframes fall-36 {
    47.535% {
        transform: translate(25.0773vw, 47.535vh) scale(0.2687)
    }

    to {
        transform: translate(22.1423vw, 100vh) scale(0.2687)
    }
}

.snow:nth-child(37) {
    opacity: 0.2008;
    transform: translate(69.7274vw, -10px) scale(0.9292);
    animation: fall-37 11s -9s linear infinite
}

@keyframes fall-37 {
    33.804% {
        transform: translate(79.5637vw, 33.804vh) scale(0.9292)
    }

    to {
        transform: translate(74.64555vw, 100vh) scale(0.9292)
    }
}

.snow:nth-child(38) {
    opacity: 0.0772;
    transform: translate(10.3446vw, -10px) scale(0.6031);
    animation: fall-38 27s -24s linear infinite
}

@keyframes fall-38 {
    43.354% {
        transform: translate(9.8303vw, 43.354vh) scale(0.6031)
    }

    to {
        transform: translate(10.08745vw, 100vh) scale(0.6031)
    }
}

.snow:nth-child(39) {
    opacity: 0.6913;
    transform: translate(56.9642vw, -10px) scale(0.4909);
    animation: fall-39 27s -5s linear infinite
}

@keyframes fall-39 {
    63.047% {
        transform: translate(59.806vw, 63.047vh) scale(0.4909)
    }

    to {
        transform: translate(58.3851vw, 100vh) scale(0.4909)
    }
}

.snow:nth-child(40) {
    opacity: 0.9882;
    transform: translate(21.0912vw, -10px) scale(0.001);
    animation: fall-40 30s -15s linear infinite
}

@keyframes fall-40 {
    47.814% {
        transform: translate(15.9083vw, 47.814vh) scale(0.001)
    }

    to {
        transform: translate(18.49975vw, 100vh) scale(0.001)
    }
}

.snow:nth-child(41) {
    opacity: 0.7166;
    transform: translate(46.5558vw, -10px) scale(0.2077);
    animation: fall-41 20s -8s linear infinite
}

@keyframes fall-41 {
    40.203% {
        transform: translate(56.293vw, 40.203vh) scale(0.2077)
    }

    to {
        transform: translate(51.4244vw, 100vh) scale(0.2077)
    }
}

.snow:nth-child(42) {
    opacity: 0.3934;
    transform: translate(68.6292vw, -10px) scale(0.9685);
    animation: fall-42 13s -4s linear infinite
}

@keyframes fall-42 {
    78.466% {
        transform: translate(69.5869vw, 78.466vh) scale(0.9685)
    }

    to {
        transform: translate(69.10805vw, 100vh) scale(0.9685)
    }
}

.snow:nth-child(43) {
    opacity: 0.7952;
    transform: translate(38.624vw, -10px) scale(0.1591);
    animation: fall-43 12s -11s linear infinite
}

@keyframes fall-43 {
    69.487% {
        transform: translate(47.898vw, 69.487vh) scale(0.1591)
    }

    to {
        transform: translate(43.261vw, 100vh) scale(0.1591)
    }
}

.snow:nth-child(44) {
    opacity: 0.1295;
    transform: translate(69.6042vw, -10px) scale(0.692);
    animation: fall-44 11s -16s linear infinite
}

@keyframes fall-44 {
    69.082% {
        transform: translate(71.2592vw, 69.082vh) scale(0.692)
    }

    to {
        transform: translate(70.4317vw, 100vh) scale(0.692)
    }
}

.snow:nth-child(45) {
    opacity: 0.4977;
    transform: translate(4.586vw, -10px) scale(0.5743);
    animation: fall-45 25s -18s linear infinite
}

@keyframes fall-45 {
    63.62% {
        transform: translate(4.907vw, 63.62vh) scale(0.5743)
    }

    to {
        transform: translate(4.7465vw, 100vh) scale(0.5743)
    }
}

.snow:nth-child(46) {
    opacity: 0.0351;
    transform: translate(13.2822vw, -10px) scale(0.5505);
    animation: fall-46 21s -23s linear infinite
}

@keyframes fall-46 {
    63.766% {
        transform: translate(6.1265vw, 63.766vh) scale(0.5505)
    }

    to {
        transform: translate(9.70435vw, 100vh) scale(0.5505)
    }
}

.snow:nth-child(47) {
    opacity: 0.5157;
    transform: translate(87.5647vw, -10px) scale(0.0385);
    animation: fall-47 20s -16s linear infinite
}

@keyframes fall-47 {
    76.151% {
        transform: translate(78.5328vw, 76.151vh) scale(0.0385)
    }

    to {
        transform: translate(83.04875vw, 100vh) scale(0.0385)
    }
}

.snow:nth-child(48) {
    opacity: 0.4621;
    transform: translate(25.8646vw, -10px) scale(0.9056);
    animation: fall-48 29s -30s linear infinite
}

@keyframes fall-48 {
    59.904% {
        transform: translate(24.7313vw, 59.904vh) scale(0.9056)
    }

    to {
        transform: translate(25.29795vw, 100vh) scale(0.9056)
    }
}

.snow:nth-child(49) {
    opacity: 0.6248;
    transform: translate(53.8876vw, -10px) scale(0.9253);
    animation: fall-49 30s -30s linear infinite
}

@keyframes fall-49 {
    76.109% {
        transform: translate(62.6087vw, 76.109vh) scale(0.9253)
    }

    to {
        transform: translate(58.24815vw, 100vh) scale(0.9253)
    }
}

.snow:nth-child(50) {
    opacity: 0.545;
    transform: translate(35.889vw, -10px) scale(0.4041);
    animation: fall-50 28s -29s linear infinite
}

@keyframes fall-50 {
    77.803% {
        transform: translate(44.2523vw, 77.803vh) scale(0.4041)
    }

    to {
        transform: translate(40.07065vw, 100vh) scale(0.4041)
    }
}

.snow:nth-child(51) {
    opacity: 0.2475;
    transform: translate(56.4382vw, -10px) scale(0.646);
    animation: fall-51 22s -5s linear infinite
}

@keyframes fall-51 {
    76.692% {
        transform: translate(61.6991vw, 76.692vh) scale(0.646)
    }

    to {
        transform: translate(59.06865vw, 100vh) scale(0.646)
    }
}

.snow:nth-child(52) {
    opacity: 0.0268;
    transform: translate(60.9353vw, -10px) scale(0.1357);
    animation: fall-52 17s -17s linear infinite
}

@keyframes fall-52 {
    33.919% {
        transform: translate(51.7231vw, 33.919vh) scale(0.1357)
    }

    to {
        transform: translate(56.3292vw, 100vh) scale(0.1357)
    }
}

.snow:nth-child(53) {
    opacity: 0.0608;
    transform: translate(91.2605vw, -10px) scale(0.1139);
    animation: fall-53 24s -16s linear infinite
}

@keyframes fall-53 {
    58.672% {
        transform: translate(99.7898vw, 58.672vh) scale(0.1139)
    }

    to {
        transform: translate(95.52515vw, 100vh) scale(0.1139)
    }
}

.snow:nth-child(54) {
    opacity: 0.4811;
    transform: translate(26.5131vw, -10px) scale(0.1542);
    animation: fall-54 22s -21s linear infinite
}

@keyframes fall-54 {
    67.502% {
        transform: translate(36.0632vw, 67.502vh) scale(0.1542)
    }

    to {
        transform: translate(31.28815vw, 100vh) scale(0.1542)
    }
}

.snow:nth-child(55) {
    opacity: 0.0609;
    transform: translate(75.4686vw, -10px) scale(0.821);
    animation: fall-55 23s -27s linear infinite
}

@keyframes fall-55 {
    33.904% {
        transform: translate(67.4959vw, 33.904vh) scale(0.821)
    }

    to {
        transform: translate(71.48225vw, 100vh) scale(0.821)
    }
}

.snow:nth-child(56) {
    opacity: 0.531;
    transform: translate(70.8297vw, -10px) scale(0.6627);
    animation: fall-56 18s -9s linear infinite
}

@keyframes fall-56 {
    45.554% {
        transform: translate(66.1155vw, 45.554vh) scale(0.6627)
    }

    to {
        transform: translate(68.4726vw, 100vh) scale(0.6627)
    }
}

.snow:nth-child(57) {
    opacity: 0.9418;
    transform: translate(60.6689vw, -10px) scale(0.6888);
    animation: fall-57 12s -22s linear infinite
}

@keyframes fall-57 {
    37.633% {
        transform: translate(68.7472vw, 37.633vh) scale(0.6888)
    }

    to {
        transform: translate(64.70805vw, 100vh) scale(0.6888)
    }
}

.snow:nth-child(58) {
    opacity: 0.0093;
    transform: translate(45.5559vw, -10px) scale(0.5186);
    animation: fall-58 30s -8s linear infinite
}

@keyframes fall-58 {
    50.532% {
        transform: translate(41.4743vw, 50.532vh) scale(0.5186)
    }

    to {
        transform: translate(43.5151vw, 100vh) scale(0.5186)
    }
}

.snow:nth-child(59) {
    opacity: 0.7685;
    transform: translate(19.2273vw, -10px) scale(0.1213);
    animation: fall-59 29s -26s linear infinite
}

@keyframes fall-59 {
    53.977% {
        transform: translate(15.5838vw, 53.977vh) scale(0.1213)
    }

    to {
        transform: translate(17.40555vw, 100vh) scale(0.1213)
    }
}

.snow:nth-child(60) {
    opacity: 0.8291;
    transform: translate(19.9401vw, -10px) scale(0.4226);
    animation: fall-60 17s -15s linear infinite
}

@keyframes fall-60 {
    56.604% {
        transform: translate(16.6893vw, 56.604vh) scale(0.4226)
    }

    to {
        transform: translate(18.3147vw, 100vh) scale(0.4226)
    }
}

.snow:nth-child(61) {
    opacity: 0.9029;
    transform: translate(83.7858vw, -10px) scale(0.8939);
    animation: fall-61 13s -20s linear infinite
}

@keyframes fall-61 {
    58.384% {
        transform: translate(79.1372vw, 58.384vh) scale(0.8939)
    }

    to {
        transform: translate(81.4615vw, 100vh) scale(0.8939)
    }
}

.snow:nth-child(62) {
    opacity: 0.828;
    transform: translate(84.4737vw, -10px) scale(0.0997);
    animation: fall-62 22s -13s linear infinite
}

@keyframes fall-62 {
    60.781% {
        transform: translate(76.1924vw, 60.781vh) scale(0.0997)
    }

    to {
        transform: translate(80.33305vw, 100vh) scale(0.0997)
    }
}

.snow:nth-child(63) {
    opacity: 0.3562;
    transform: translate(3.149vw, -10px) scale(0.9556);
    animation: fall-63 29s -13s linear infinite
}

@keyframes fall-63 {
    47.401% {
        transform: translate(8.1451vw, 47.401vh) scale(0.9556)
    }

    to {
        transform: translate(5.64705vw, 100vh) scale(0.9556)
    }
}

.snow:nth-child(64) {
    opacity: 0.2708;
    transform: translate(82.6763vw, -10px) scale(0.1224);
    animation: fall-64 20s -6s linear infinite
}

@keyframes fall-64 {
    54.759% {
        transform: translate(82.2476vw, 54.759vh) scale(0.1224)
    }

    to {
        transform: translate(82.46195vw, 100vh) scale(0.1224)
    }
}

.snow:nth-child(65) {
    opacity: 0.3367;
    transform: translate(86.4847vw, -10px) scale(0.4208);
    animation: fall-65 13s -2s linear infinite
}

@keyframes fall-65 {
    68.963% {
        transform: translate(83.8544vw, 68.963vh) scale(0.4208)
    }

    to {
        transform: translate(85.16955vw, 100vh) scale(0.4208)
    }
}

.snow:nth-child(66) {
    opacity: 0.7359;
    transform: translate(87.7887vw, -10px) scale(0.7964);
    animation: fall-66 29s -19s linear infinite
}

@keyframes fall-66 {
    61.676% {
        transform: translate(95.5017vw, 61.676vh) scale(0.7964)
    }

    to {
        transform: translate(91.6452vw, 100vh) scale(0.7964)
    }
}

.snow:nth-child(67) {
    opacity: 0.2024;
    transform: translate(87.7321vw, -10px) scale(0.3585);
    animation: fall-67 23s -5s linear infinite
}

@keyframes fall-67 {
    36.875% {
        transform: translate(80.4519vw, 36.875vh) scale(0.3585)
    }

    to {
        transform: translate(84.092vw, 100vh) scale(0.3585)
    }
}

.snow:nth-child(68) {
    opacity: 0.084;
    transform: translate(78.1706vw, -10px) scale(0.6257);
    animation: fall-68 13s -13s linear infinite
}

@keyframes fall-68 {
    69.725% {
        transform: translate(71.4435vw, 69.725vh) scale(0.6257)
    }

    to {
        transform: translate(74.80705vw, 100vh) scale(0.6257)
    }
}

.snow:nth-child(69) {
    opacity: 0.1536;
    transform: translate(13.9922vw, -10px) scale(0.3782);
    animation: fall-69 15s -3s linear infinite
}

@keyframes fall-69 {
    53.64% {
        transform: translate(8.9649vw, 53.64vh) scale(0.3782)
    }

    to {
        transform: translate(11.47855vw, 100vh) scale(0.3782)
    }
}

.snow:nth-child(70) {
    opacity: 0.9862;
    transform: translate(13.4053vw, -10px) scale(0.1909);
    animation: fall-70 13s -19s linear infinite
}

@keyframes fall-70 {
    73.747% {
        transform: translate(13.7282vw, 73.747vh) scale(0.1909)
    }

    to {
        transform: translate(13.56675vw, 100vh) scale(0.1909)
    }
}

.snow:nth-child(71) {
    opacity: 0.0012;
    transform: translate(67.5879vw, -10px) scale(0.4857);
    animation: fall-71 30s -19s linear infinite
}

@keyframes fall-71 {
    37.618% {
        transform: translate(74.9101vw, 37.618vh) scale(0.4857)
    }

    to {
        transform: translate(71.249vw, 100vh) scale(0.4857)
    }
}

.snow:nth-child(72) {
    opacity: 0.4186;
    transform: translate(53.3131vw, -10px) scale(0.623);
    animation: fall-72 23s -29s linear infinite
}

@keyframes fall-72 {
    72.584% {
        transform: translate(46.2631vw, 72.584vh) scale(0.623)
    }

    to {
        transform: translate(49.7881vw, 100vh) scale(0.623)
    }
}

.snow:nth-child(73) {
    opacity: 0.835;
    transform: translate(38.543vw, -10px) scale(0.4381);
    animation: fall-73 30s -28s linear infinite
}

@keyframes fall-73 {
    56.809% {
        transform: translate(45.141vw, 56.809vh) scale(0.4381)
    }

    to {
        transform: translate(41.842vw, 100vh) scale(0.4381)
    }
}

.snow:nth-child(74) {
    opacity: 0.307;
    transform: translate(82.9453vw, -10px) scale(0.673);
    animation: fall-74 23s -23s linear infinite
}

@keyframes fall-74 {
    63.331% {
        transform: translate(85.2568vw, 63.331vh) scale(0.673)
    }

    to {
        transform: translate(84.10105vw, 100vh) scale(0.673)
    }
}

.snow:nth-child(75) {
    opacity: 0.5475;
    transform: translate(58.9751vw, -10px) scale(0.9908);
    animation: fall-75 20s -13s linear infinite
}

@keyframes fall-75 {
    44.895% {
        transform: translate(62.2609vw, 44.895vh) scale(0.9908)
    }

    to {
        transform: translate(60.618vw, 100vh) scale(0.9908)
    }
}

.snow:nth-child(76) {
    opacity: 0.2292;
    transform: translate(41.3913vw, -10px) scale(0.5776);
    animation: fall-76 24s -14s linear infinite
}

@keyframes fall-76 {
    43.437% {
        transform: translate(48.2055vw, 43.437vh) scale(0.5776)
    }

    to {
        transform: translate(44.7984vw, 100vh) scale(0.5776)
    }
}

.snow:nth-child(77) {
    opacity: 0.6278;
    transform: translate(52.0893vw, -10px) scale(0.9769);
    animation: fall-77 27s -24s linear infinite
}

@keyframes fall-77 {
    77.176% {
        transform: translate(52.7955vw, 77.176vh) scale(0.9769)
    }

    to {
        transform: translate(52.4424vw, 100vh) scale(0.9769)
    }
}

.snow:nth-child(78) {
    opacity: 0.3053;
    transform: translate(77.1447vw, -10px) scale(0.426);
    animation: fall-78 19s -22s linear infinite
}

@keyframes fall-78 {
    69.359% {
        transform: translate(75.9185vw, 69.359vh) scale(0.426)
    }

    to {
        transform: translate(76.5316vw, 100vh) scale(0.426)
    }
}

.snow:nth-child(79) {
    opacity: 0.4875;
    transform: translate(11.1429vw, -10px) scale(0.7061);
    animation: fall-79 16s -6s linear infinite
}

@keyframes fall-79 {
    58.942% {
        transform: translate(3.0591vw, 58.942vh) scale(0.7061)
    }

    to {
        transform: translate(7.101vw, 100vh) scale(0.7061)
    }
}

.snow:nth-child(80) {
    opacity: 0.0052;
    transform: translate(51.0185vw, -10px) scale(0.1902);
    animation: fall-80 13s -30s linear infinite
}

@keyframes fall-80 {
    52.593% {
        transform: translate(49.16vw, 52.593vh) scale(0.1902)
    }

    to {
        transform: translate(50.08925vw, 100vh) scale(0.1902)
    }
}

.snow:nth-child(81) {
    opacity: 0.2693;
    transform: translate(48.4888vw, -10px) scale(0.0094);
    animation: fall-81 20s -29s linear infinite
}

@keyframes fall-81 {
    61.453% {
        transform: translate(51.2479vw, 61.453vh) scale(0.0094)
    }

    to {
        transform: translate(49.86835vw, 100vh) scale(0.0094)
    }
}

.snow:nth-child(82) {
    opacity: 0.6398;
    transform: translate(67.0638vw, -10px) scale(0.8778);
    animation: fall-82 18s -12s linear infinite
}

@keyframes fall-82 {
    32.681% {
        transform: translate(61.5799vw, 32.681vh) scale(0.8778)
    }

    to {
        transform: translate(64.32185vw, 100vh) scale(0.8778)
    }
}

.snow:nth-child(83) {
    opacity: 0.0304;
    transform: translate(24.4985vw, -10px) scale(0.6354);
    animation: fall-83 13s -15s linear infinite
}

@keyframes fall-83 {
    44.112% {
        transform: translate(16.9772vw, 44.112vh) scale(0.6354)
    }

    to {
        transform: translate(20.73785vw, 100vh) scale(0.6354)
    }
}

.snow:nth-child(84) {
    opacity: 0.1298;
    transform: translate(28.8477vw, -10px) scale(0.9896);
    animation: fall-84 15s -20s linear infinite
}

@keyframes fall-84 {
    40.358% {
        transform: translate(19.9115vw, 40.358vh) scale(0.9896)
    }

    to {
        transform: translate(24.3796vw, 100vh) scale(0.9896)
    }
}

.snow:nth-child(85) {
    opacity: 0.3311;
    transform: translate(22.7071vw, -10px) scale(0.8743);
    animation: fall-85 29s -14s linear infinite
}

@keyframes fall-85 {
    52.36% {
        transform: translate(20.7419vw, 52.36vh) scale(0.8743)
    }

    to {
        transform: translate(21.7245vw, 100vh) scale(0.8743)
    }
}

.snow:nth-child(86) {
    opacity: 0.9422;
    transform: translate(87.7537vw, -10px) scale(0.7254);
    animation: fall-86 26s -13s linear infinite
}

@keyframes fall-86 {
    74.007% {
        transform: translate(94.5305vw, 74.007vh) scale(0.7254)
    }

    to {
        transform: translate(91.1421vw, 100vh) scale(0.7254)
    }
}

.snow:nth-child(87) {
    opacity: 0.9612;
    transform: translate(38.5475vw, -10px) scale(0.4034);
    animation: fall-87 10s -28s linear infinite
}

@keyframes fall-87 {
    57.702% {
        transform: translate(34.5546vw, 57.702vh) scale(0.4034)
    }

    to {
        transform: translate(36.55105vw, 100vh) scale(0.4034)
    }
}

.snow:nth-child(88) {
    opacity: 0.8371;
    transform: translate(50.7862vw, -10px) scale(0.5352);
    animation: fall-88 16s -28s linear infinite
}

@keyframes fall-88 {
    52.604% {
        transform: translate(44.1399vw, 52.604vh) scale(0.5352)
    }

    to {
        transform: translate(47.46305vw, 100vh) scale(0.5352)
    }
}

.snow:nth-child(89) {
    opacity: 0.0797;
    transform: translate(60.6675vw, -10px) scale(0.9441);
    animation: fall-89 15s -27s linear infinite
}

@keyframes fall-89 {
    65.235% {
        transform: translate(67.2111vw, 65.235vh) scale(0.9441)
    }

    to {
        transform: translate(63.9393vw, 100vh) scale(0.9441)
    }
}

.snow:nth-child(90) {
    opacity: 0.6294;
    transform: translate(18.8158vw, -10px) scale(0.9211);
    animation: fall-90 19s -3s linear infinite
}

@keyframes fall-90 {
    55.673% {
        transform: translate(18.6284vw, 55.673vh) scale(0.9211)
    }

    to {
        transform: translate(18.7221vw, 100vh) scale(0.9211)
    }
}

.snow:nth-child(91) {
    opacity: 0.2141;
    transform: translate(95.3553vw, -10px) scale(0.9828);
    animation: fall-91 25s -21s linear infinite
}

@keyframes fall-91 {
    77.226% {
        transform: translate(92.6218vw, 77.226vh) scale(0.9828)
    }

    to {
        transform: translate(93.98855vw, 100vh) scale(0.9828)
    }
}

.snow:nth-child(92) {
    opacity: 0.9095;
    transform: translate(51.7318vw, -10px) scale(0.6764);
    animation: fall-92 27s -29s linear infinite
}

@keyframes fall-92 {
    48.614% {
        transform: translate(59.1211vw, 48.614vh) scale(0.6764)
    }

    to {
        transform: translate(55.42645vw, 100vh) scale(0.6764)
    }
}

.snow:nth-child(93) {
    opacity: 0.5232;
    transform: translate(36.5012vw, -10px) scale(0.4208);
    animation: fall-93 28s -24s linear infinite
}

@keyframes fall-93 {
    34.13% {
        transform: translate(32.3135vw, 34.13vh) scale(0.4208)
    }

    to {
        transform: translate(34.40735vw, 100vh) scale(0.4208)
    }
}

.snow:nth-child(94) {
    opacity: 0.7075;
    transform: translate(71.4887vw, -10px) scale(0.1647);
    animation: fall-94 18s -27s linear infinite
}

@keyframes fall-94 {
    31.213% {
        transform: translate(69.2255vw, 31.213vh) scale(0.1647)
    }

    to {
        transform: translate(70.3571vw, 100vh) scale(0.1647)
    }
}

.snow:nth-child(95) {
    opacity: 0.0411;
    transform: translate(77.6577vw, -10px) scale(0.1742);
    animation: fall-95 18s -26s linear infinite
}

@keyframes fall-95 {
    71.585% {
        transform: translate(82.1484vw, 71.585vh) scale(0.1742)
    }

    to {
        transform: translate(79.90305vw, 100vh) scale(0.1742)
    }
}

.snow:nth-child(96) {
    opacity: 0.4086;
    transform: translate(75.6864vw, -10px) scale(0.4798);
    animation: fall-96 20s -24s linear infinite
}

@keyframes fall-96 {
    77.519% {
        transform: translate(80.9425vw, 77.519vh) scale(0.4798)
    }

    to {
        transform: translate(78.31445vw, 100vh) scale(0.4798)
    }
}

.snow:nth-child(97) {
    opacity: 0.7326;
    transform: translate(15.5823vw, -10px) scale(0.344);
    animation: fall-97 13s -1s linear infinite
}

@keyframes fall-97 {
    50.594% {
        transform: translate(16.2192vw, 50.594vh) scale(0.344)
    }

    to {
        transform: translate(15.90075vw, 100vh) scale(0.344)
    }
}

.snow:nth-child(98) {
    opacity: 0.4113;
    transform: translate(45.5728vw, -10px) scale(0.0278);
    animation: fall-98 14s -20s linear infinite
}

@keyframes fall-98 {
    42.07% {
        transform: translate(44.9474vw, 42.07vh) scale(0.0278)
    }

    to {
        transform: translate(45.2601vw, 100vh) scale(0.0278)
    }
}

.snow:nth-child(99) {
    opacity: 0.8488;
    transform: translate(51.6115vw, -10px) scale(0.5164);
    animation: fall-99 24s -9s linear infinite
}

@keyframes fall-99 {
    30.207% {
        transform: translate(47.722vw, 30.207vh) scale(0.5164)
    }

    to {
        transform: translate(49.66675vw, 100vh) scale(0.5164)
    }
}

.snow:nth-child(100) {
    opacity: 0.1569;
    transform: translate(57.9915vw, -10px) scale(0.6424);
    animation: fall-100 17s -18s linear infinite
}

@keyframes fall-100 {
    74.101% {
        transform: translate(61.1622vw, 74.101vh) scale(0.6424)
    }

    to {
        transform: translate(59.57685vw, 100vh) scale(0.6424)
    }
}

.snow:nth-child(101) {
    opacity: 0.3839;
    transform: translate(71.1541vw, -10px) scale(0.7976);
    animation: fall-101 20s -17s linear infinite
}

@keyframes fall-101 {
    50.966% {
        transform: translate(73.4204vw, 50.966vh) scale(0.7976)
    }

    to {
        transform: translate(72.28725vw, 100vh) scale(0.7976)
    }
}

.snow:nth-child(102) {
    opacity: 0.9163;
    transform: translate(71.522vw, -10px) scale(0.8758);
    animation: fall-102 30s -19s linear infinite
}

@keyframes fall-102 {
    59.069% {
        transform: translate(62.4671vw, 59.069vh) scale(0.8758)
    }

    to {
        transform: translate(66.99455vw, 100vh) scale(0.8758)
    }
}

.snow:nth-child(103) {
    opacity: 0.253;
    transform: translate(89.5945vw, -10px) scale(0.4701);
    animation: fall-103 29s -2s linear infinite
}

@keyframes fall-103 {
    70.317% {
        transform: translate(93.4564vw, 70.317vh) scale(0.4701)
    }

    to {
        transform: translate(91.52545vw, 100vh) scale(0.4701)
    }
}

.snow:nth-child(104) {
    opacity: 0.9621;
    transform: translate(75.9408vw, -10px) scale(0.7568);
    animation: fall-104 18s -26s linear infinite
}

@keyframes fall-104 {
    43.856% {
        transform: translate(72.0623vw, 43.856vh) scale(0.7568)
    }

    to {
        transform: translate(74.00155vw, 100vh) scale(0.7568)
    }
}

.snow:nth-child(105) {
    opacity: 0.8514;
    transform: translate(66.743vw, -10px) scale(0.3045);
    animation: fall-105 20s -13s linear infinite
}

@keyframes fall-105 {
    72.715% {
        transform: translate(63.316vw, 72.715vh) scale(0.3045)
    }

    to {
        transform: translate(65.0295vw, 100vh) scale(0.3045)
    }
}

.snow:nth-child(106) {
    opacity: 0.7598;
    transform: translate(16.0412vw, -10px) scale(0.0258);
    animation: fall-106 21s -10s linear infinite
}

@keyframes fall-106 {
    39.837% {
        transform: translate(25.1678vw, 39.837vh) scale(0.0258)
    }

    to {
        transform: translate(20.6045vw, 100vh) scale(0.0258)
    }
}

.snow:nth-child(107) {
    opacity: 0.8158;
    transform: translate(17.3748vw, -10px) scale(0.0088);
    animation: fall-107 28s -26s linear infinite
}

@keyframes fall-107 {
    73.653% {
        transform: translate(26.8297vw, 73.653vh) scale(0.0088)
    }

    to {
        transform: translate(22.10225vw, 100vh) scale(0.0088)
    }
}

.snow:nth-child(108) {
    opacity: 0.2837;
    transform: translate(65.5239vw, -10px) scale(0.1995);
    animation: fall-108 26s -7s linear infinite
}

@keyframes fall-108 {
    57.591% {
        transform: translate(56.2919vw, 57.591vh) scale(0.1995)
    }

    to {
        transform: translate(60.9079vw, 100vh) scale(0.1995)
    }
}

.snow:nth-child(109) {
    opacity: 0.9894;
    transform: translate(20.6964vw, -10px) scale(0.1605);
    animation: fall-109 18s -24s linear infinite
}

@keyframes fall-109 {
    53.997% {
        transform: translate(22.8157vw, 53.997vh) scale(0.1605)
    }

    to {
        transform: translate(21.75605vw, 100vh) scale(0.1605)
    }
}

.snow:nth-child(110) {
    opacity: 0.8121;
    transform: translate(78.5574vw, -10px) scale(0.5709);
    animation: fall-110 30s -21s linear infinite
}

@keyframes fall-110 {
    44.395% {
        transform: translate(82.2973vw, 44.395vh) scale(0.5709)
    }

    to {
        transform: translate(80.42735vw, 100vh) scale(0.5709)
    }
}

.snow:nth-child(111) {
    opacity: 0.4009;
    transform: translate(57.5412vw, -10px) scale(0.1731);
    animation: fall-111 13s -13s linear infinite
}

@keyframes fall-111 {
    54.381% {
        transform: translate(48.6312vw, 54.381vh) scale(0.1731)
    }

    to {
        transform: translate(53.0862vw, 100vh) scale(0.1731)
    }
}

.snow:nth-child(112) {
    opacity: 0.711;
    transform: translate(1.4063vw, -10px) scale(0.3851);
    animation: fall-112 15s -10s linear infinite
}

@keyframes fall-112 {
    59.966% {
        transform: translate(-3.3286vw, 59.966vh) scale(0.3851)
    }

    to {
        transform: translate(-0.96115vw, 100vh) scale(0.3851)
    }
}

.snow:nth-child(113) {
    opacity: 0.3082;
    transform: translate(77.6833vw, -10px) scale(0.5441);
    animation: fall-113 28s -3s linear infinite
}

@keyframes fall-113 {
    75.524% {
        transform: translate(84.2319vw, 75.524vh) scale(0.5441)
    }

    to {
        transform: translate(80.9576vw, 100vh) scale(0.5441)
    }
}

.snow:nth-child(114) {
    opacity: 0.6655;
    transform: translate(7.5289vw, -10px) scale(0.2753);
    animation: fall-114 26s -3s linear infinite
}

@keyframes fall-114 {
    43.291% {
        transform: translate(10.9895vw, 43.291vh) scale(0.2753)
    }

    to {
        transform: translate(9.2592vw, 100vh) scale(0.2753)
    }
}

.snow:nth-child(115) {
    opacity: 0.6605;
    transform: translate(4.5201vw, -10px) scale(0.0119);
    animation: fall-115 27s -18s linear infinite
}

@keyframes fall-115 {
    38.112% {
        transform: translate(-0.6348vw, 38.112vh) scale(0.0119)
    }

    to {
        transform: translate(1.94265vw, 100vh) scale(0.0119)
    }
}

.snow:nth-child(116) {
    opacity: 0.042;
    transform: translate(78.5394vw, -10px) scale(0.6956);
    animation: fall-116 21s -17s linear infinite
}

@keyframes fall-116 {
    55.318% {
        transform: translate(72.6945vw, 55.318vh) scale(0.6956)
    }

    to {
        transform: translate(75.61695vw, 100vh) scale(0.6956)
    }
}

.snow:nth-child(117) {
    opacity: 0.2421;
    transform: translate(98.1951vw, -10px) scale(0.0191);
    animation: fall-117 23s -10s linear infinite
}

@keyframes fall-117 {
    60.211% {
        transform: translate(104.8009vw, 60.211vh) scale(0.0191)
    }

    to {
        transform: translate(101.498vw, 100vh) scale(0.0191)
    }
}

.snow:nth-child(118) {
    opacity: 0.8854;
    transform: translate(88.3664vw, -10px) scale(0.5231);
    animation: fall-118 26s -21s linear infinite
}

@keyframes fall-118 {
    51.888% {
        transform: translate(86.4792vw, 51.888vh) scale(0.5231)
    }

    to {
        transform: translate(87.4228vw, 100vh) scale(0.5231)
    }
}

.snow:nth-child(119) {
    opacity: 0.9717;
    transform: translate(57.3086vw, -10px) scale(0.7613);
    animation: fall-119 20s -16s linear infinite
}

@keyframes fall-119 {
    37.446% {
        transform: translate(53.2414vw, 37.446vh) scale(0.7613)
    }

    to {
        transform: translate(55.275vw, 100vh) scale(0.7613)
    }
}

.snow:nth-child(120) {
    opacity: 0.522;
    transform: translate(75.931vw, -10px) scale(0.8855);
    animation: fall-120 24s -9s linear infinite
}

@keyframes fall-120 {
    68.474% {
        transform: translate(85.2582vw, 68.474vh) scale(0.8855)
    }

    to {
        transform: translate(80.5946vw, 100vh) scale(0.8855)
    }
}

.snow:nth-child(121) {
    opacity: 0.4288;
    transform: translate(76.1527vw, -10px) scale(0.1324);
    animation: fall-121 25s -12s linear infinite
}

@keyframes fall-121 {
    30.881% {
        transform: translate(84.4465vw, 30.881vh) scale(0.1324)
    }

    to {
        transform: translate(80.2996vw, 100vh) scale(0.1324)
    }
}

.snow:nth-child(122) {
    opacity: 0.8767;
    transform: translate(35.3991vw, -10px) scale(0.7359);
    animation: fall-122 14s -30s linear infinite
}

@keyframes fall-122 {
    49.272% {
        transform: translate(43.2076vw, 49.272vh) scale(0.7359)
    }

    to {
        transform: translate(39.30335vw, 100vh) scale(0.7359)
    }
}

.snow:nth-child(123) {
    opacity: 0.9244;
    transform: translate(40.9779vw, -10px) scale(0.3841);
    animation: fall-123 29s -2s linear infinite
}

@keyframes fall-123 {
    58.974% {
        transform: translate(44.8838vw, 58.974vh) scale(0.3841)
    }

    to {
        transform: translate(42.93085vw, 100vh) scale(0.3841)
    }
}

.snow:nth-child(124) {
    opacity: 0.3639;
    transform: translate(81.1027vw, -10px) scale(0.49);
    animation: fall-124 16s -14s linear infinite
}

@keyframes fall-124 {
    54.314% {
        transform: translate(81.5637vw, 54.314vh) scale(0.49)
    }

    to {
        transform: translate(81.3332vw, 100vh) scale(0.49)
    }
}

.snow:nth-child(125) {
    opacity: 0.7543;
    transform: translate(16.2399vw, -10px) scale(0.91);
    animation: fall-125 11s -24s linear infinite
}

@keyframes fall-125 {
    79.213% {
        transform: translate(6.3668vw, 79.213vh) scale(0.91)
    }

    to {
        transform: translate(11.30335vw, 100vh) scale(0.91)
    }
}

.snow:nth-child(126) {
    opacity: 0.0743;
    transform: translate(98.4428vw, -10px) scale(0.9703);
    animation: fall-126 27s -1s linear infinite
}

@keyframes fall-126 {
    74.371% {
        transform: translate(93.0691vw, 74.371vh) scale(0.9703)
    }

    to {
        transform: translate(95.75595vw, 100vh) scale(0.9703)
    }
}

.snow:nth-child(127) {
    opacity: 0.6324;
    transform: translate(76.4041vw, -10px) scale(0.7711);
    animation: fall-127 23s -10s linear infinite
}

@keyframes fall-127 {
    31.963% {
        transform: translate(84.4731vw, 31.963vh) scale(0.7711)
    }

    to {
        transform: translate(80.4386vw, 100vh) scale(0.7711)
    }
}

.snow:nth-child(128) {
    opacity: 0.5447;
    transform: translate(21.3881vw, -10px) scale(0.8058);
    animation: fall-128 18s -9s linear infinite
}

@keyframes fall-128 {
    76.813% {
        transform: translate(13.6983vw, 76.813vh) scale(0.8058)
    }

    to {
        transform: translate(17.5432vw, 100vh) scale(0.8058)
    }
}

.snow:nth-child(129) {
    opacity: 0.9329;
    transform: translate(82.7193vw, -10px) scale(0.7314);
    animation: fall-129 14s -22s linear infinite
}

@keyframes fall-129 {
    78.851% {
        transform: translate(80.4744vw, 78.851vh) scale(0.7314)
    }

    to {
        transform: translate(81.59685vw, 100vh) scale(0.7314)
    }
}

.snow:nth-child(130) {
    opacity: 0.6512;
    transform: translate(68.0247vw, -10px) scale(0.5943);
    animation: fall-130 28s -21s linear infinite
}

@keyframes fall-130 {
    79.043% {
        transform: translate(69.458vw, 79.043vh) scale(0.5943)
    }

    to {
        transform: translate(68.74135vw, 100vh) scale(0.5943)
    }
}

.snow:nth-child(131) {
    opacity: 0.0459;
    transform: translate(8.4223vw, -10px) scale(0.9473);
    animation: fall-131 27s -25s linear infinite
}

@keyframes fall-131 {
    65.065% {
        transform: translate(9.3197vw, 65.065vh) scale(0.9473)
    }

    to {
        transform: translate(8.871vw, 100vh) scale(0.9473)
    }
}

.snow:nth-child(132) {
    opacity: 0.9796;
    transform: translate(16.7179vw, -10px) scale(0.9036);
    animation: fall-132 24s -18s linear infinite
}

@keyframes fall-132 {
    44.112% {
        transform: translate(26.0828vw, 44.112vh) scale(0.9036)
    }

    to {
        transform: translate(21.40035vw, 100vh) scale(0.9036)
    }
}

.snow:nth-child(133) {
    opacity: 0.7511;
    transform: translate(1.1652vw, -10px) scale(0.3029);
    animation: fall-133 22s -23s linear infinite
}

@keyframes fall-133 {
    56.618% {
        transform: translate(-8.1156vw, 56.618vh) scale(0.3029)
    }

    to {
        transform: translate(-3.4752vw, 100vh) scale(0.3029)
    }
}

.snow:nth-child(134) {
    opacity: 0.0661;
    transform: translate(96.2437vw, -10px) scale(0.6455);
    animation: fall-134 26s -3s linear infinite
}

@keyframes fall-134 {
    38.482% {
        transform: translate(100.6665vw, 38.482vh) scale(0.6455)
    }

    to {
        transform: translate(98.4551vw, 100vh) scale(0.6455)
    }
}

.snow:nth-child(135) {
    opacity: 0.3085;
    transform: translate(64.9518vw, -10px) scale(0.1279);
    animation: fall-135 29s -14s linear infinite
}

@keyframes fall-135 {
    35.827% {
        transform: translate(60.3584vw, 35.827vh) scale(0.1279)
    }

    to {
        transform: translate(62.6551vw, 100vh) scale(0.1279)
    }
}

.snow:nth-child(136) {
    opacity: 0.9093;
    transform: translate(1.695vw, -10px) scale(0.1413);
    animation: fall-136 17s -5s linear infinite
}

@keyframes fall-136 {
    32.858% {
        transform: translate(-7.6737vw, 32.858vh) scale(0.1413)
    }

    to {
        transform: translate(-2.98935vw, 100vh) scale(0.1413)
    }
}

.snow:nth-child(137) {
    opacity: 0.5009;
    transform: translate(65.5338vw, -10px) scale(0.3455);
    animation: fall-137 15s -24s linear infinite
}

@keyframes fall-137 {
    35.389% {
        transform: translate(60.1677vw, 35.389vh) scale(0.3455)
    }

    to {
        transform: translate(62.85075vw, 100vh) scale(0.3455)
    }
}

.snow:nth-child(138) {
    opacity: 0.2971;
    transform: translate(64.7763vw, -10px) scale(0.3202);
    animation: fall-138 11s -16s linear infinite
}

@keyframes fall-138 {
    36.727% {
        transform: translate(69.3425vw, 36.727vh) scale(0.3202)
    }

    to {
        transform: translate(67.0594vw, 100vh) scale(0.3202)
    }
}

.snow:nth-child(139) {
    opacity: 0.3098;
    transform: translate(76.0638vw, -10px) scale(0.8653);
    animation: fall-139 13s -18s linear infinite
}

@keyframes fall-139 {
    37.307% {
        transform: translate(82.2226vw, 37.307vh) scale(0.8653)
    }

    to {
        transform: translate(79.1432vw, 100vh) scale(0.8653)
    }
}

.snow:nth-child(140) {
    opacity: 0.3093;
    transform: translate(9.9123vw, -10px) scale(0.774);
    animation: fall-140 13s -27s linear infinite
}

@keyframes fall-140 {
    64.104% {
        transform: translate(6.6205vw, 64.104vh) scale(0.774)
    }

    to {
        transform: translate(8.2664vw, 100vh) scale(0.774)
    }
}

.snow:nth-child(141) {
    opacity: 0.7737;
    transform: translate(68.3541vw, -10px) scale(0.8853);
    animation: fall-141 18s -18s linear infinite
}

@keyframes fall-141 {
    57.145% {
        transform: translate(60.8413vw, 57.145vh) scale(0.8853)
    }

    to {
        transform: translate(64.5977vw, 100vh) scale(0.8853)
    }
}

.snow:nth-child(142) {
    opacity: 0.337;
    transform: translate(93.9355vw, -10px) scale(0.6452);
    animation: fall-142 15s -7s linear infinite
}

@keyframes fall-142 {
    68.206% {
        transform: translate(90.8704vw, 68.206vh) scale(0.6452)
    }

    to {
        transform: translate(92.40295vw, 100vh) scale(0.6452)
    }
}

.snow:nth-child(143) {
    opacity: 0.7605;
    transform: translate(82.7084vw, -10px) scale(0.205);
    animation: fall-143 19s -1s linear infinite
}

@keyframes fall-143 {
    75.851% {
        transform: translate(91.7185vw, 75.851vh) scale(0.205)
    }

    to {
        transform: translate(87.21345vw, 100vh) scale(0.205)
    }
}

.snow:nth-child(144) {
    opacity: 0.5966;
    transform: translate(7.6182vw, -10px) scale(0.4937);
    animation: fall-144 10s -13s linear infinite
}

@keyframes fall-144 {
    54.446% {
        transform: translate(3.1435vw, 54.446vh) scale(0.4937)
    }

    to {
        transform: translate(5.38085vw, 100vh) scale(0.4937)
    }
}

.snow:nth-child(145) {
    opacity: 0.9657;
    transform: translate(52.3965vw, -10px) scale(0.3924);
    animation: fall-145 29s -28s linear infinite
}

@keyframes fall-145 {
    77.989% {
        transform: translate(47.8252vw, 77.989vh) scale(0.3924)
    }

    to {
        transform: translate(50.11085vw, 100vh) scale(0.3924)
    }
}

.snow:nth-child(146) {
    opacity: 0.6176;
    transform: translate(95.7334vw, -10px) scale(0.8699);
    animation: fall-146 18s -14s linear infinite
}

@keyframes fall-146 {
    34.42% {
        transform: translate(98.876vw, 34.42vh) scale(0.8699)
    }

    to {
        transform: translate(97.3047vw, 100vh) scale(0.8699)
    }
}

.snow:nth-child(147) {
    opacity: 0.0537;
    transform: translate(24.498vw, -10px) scale(0.105);
    animation: fall-147 12s -8s linear infinite
}

@keyframes fall-147 {
    67.548% {
        transform: translate(21.0807vw, 67.548vh) scale(0.105)
    }

    to {
        transform: translate(22.78935vw, 100vh) scale(0.105)
    }
}

.snow:nth-child(148) {
    opacity: 0.731;
    transform: translate(73.8708vw, -10px) scale(0.1164);
    animation: fall-148 28s -24s linear infinite
}

@keyframes fall-148 {
    43.053% {
        transform: translate(72.4899vw, 43.053vh) scale(0.1164)
    }

    to {
        transform: translate(73.18035vw, 100vh) scale(0.1164)
    }
}

.snow:nth-child(149) {
    opacity: 0.473;
    transform: translate(49.5686vw, -10px) scale(0.7066);
    animation: fall-149 26s -20s linear infinite
}

@keyframes fall-149 {
    73.334% {
        transform: translate(55.5604vw, 73.334vh) scale(0.7066)
    }

    to {
        transform: translate(52.5645vw, 100vh) scale(0.7066)
    }
}

.snow:nth-child(150) {
    opacity: 0.1527;
    transform: translate(82.7814vw, -10px) scale(0.2308);
    animation: fall-150 14s -16s linear infinite
}

@keyframes fall-150 {
    67.774% {
        transform: translate(88.8261vw, 67.774vh) scale(0.2308)
    }

    to {
        transform: translate(85.80375vw, 100vh) scale(0.2308)
    }
}

.snow:nth-child(151) {
    opacity: 0.3849;
    transform: translate(21.1729vw, -10px) scale(0.0262);
    animation: fall-151 11s -22s linear infinite
}

@keyframes fall-151 {
    68.216% {
        transform: translate(30.3844vw, 68.216vh) scale(0.0262)
    }

    to {
        transform: translate(25.77865vw, 100vh) scale(0.0262)
    }
}

.snow:nth-child(152) {
    opacity: 0.7614;
    transform: translate(10.0977vw, -10px) scale(0.7181);
    animation: fall-152 29s -1s linear infinite
}

@keyframes fall-152 {
    66.806% {
        transform: translate(11.3295vw, 66.806vh) scale(0.7181)
    }

    to {
        transform: translate(10.7136vw, 100vh) scale(0.7181)
    }
}

.snow:nth-child(153) {
    opacity: 0.7755;
    transform: translate(4.2559vw, -10px) scale(0.6071);
    animation: fall-153 19s -10s linear infinite
}

@keyframes fall-153 {
    32.289% {
        transform: translate(1.2296vw, 32.289vh) scale(0.6071)
    }

    to {
        transform: translate(2.74275vw, 100vh) scale(0.6071)
    }
}

.snow:nth-child(154) {
    opacity: 0.2954;
    transform: translate(84.5374vw, -10px) scale(0.673);
    animation: fall-154 19s -13s linear infinite
}

@keyframes fall-154 {
    41.284% {
        transform: translate(77.6515vw, 41.284vh) scale(0.673)
    }

    to {
        transform: translate(81.09445vw, 100vh) scale(0.673)
    }
}

.snow:nth-child(155) {
    opacity: 0.9893;
    transform: translate(46.8771vw, -10px) scale(0.8581);
    animation: fall-155 29s -29s linear infinite
}

@keyframes fall-155 {
    38.971% {
        transform: translate(38.507vw, 38.971vh) scale(0.8581)
    }

    to {
        transform: translate(42.69205vw, 100vh) scale(0.8581)
    }
}

.snow:nth-child(156) {
    opacity: 0.6049;
    transform: translate(89.7339vw, -10px) scale(0.1038);
    animation: fall-156 19s -19s linear infinite
}

@keyframes fall-156 {
    50.971% {
        transform: translate(95.5952vw, 50.971vh) scale(0.1038)
    }

    to {
        transform: translate(92.66455vw, 100vh) scale(0.1038)
    }
}

.snow:nth-child(157) {
    opacity: 0.977;
    transform: translate(40.251vw, -10px) scale(0.6184);
    animation: fall-157 16s -19s linear infinite
}

@keyframes fall-157 {
    67.814% {
        transform: translate(44.3177vw, 67.814vh) scale(0.6184)
    }

    to {
        transform: translate(42.28435vw, 100vh) scale(0.6184)
    }
}

.snow:nth-child(158) {
    opacity: 0.3697;
    transform: translate(18.7186vw, -10px) scale(0.2033);
    animation: fall-158 23s -5s linear infinite
}

@keyframes fall-158 {
    43.161% {
        transform: translate(19.3546vw, 43.161vh) scale(0.2033)
    }

    to {
        transform: translate(19.0366vw, 100vh) scale(0.2033)
    }
}

.snow:nth-child(159) {
    opacity: 0.4175;
    transform: translate(33.3888vw, -10px) scale(0.2842);
    animation: fall-159 27s -10s linear infinite
}

@keyframes fall-159 {
    59.112% {
        transform: translate(35.6564vw, 59.112vh) scale(0.2842)
    }

    to {
        transform: translate(34.5226vw, 100vh) scale(0.2842)
    }
}

.snow:nth-child(160) {
    opacity: 0.9686;
    transform: translate(83.7306vw, -10px) scale(0.768);
    animation: fall-160 23s -26s linear infinite
}

@keyframes fall-160 {
    53.546% {
        transform: translate(89.6178vw, 53.546vh) scale(0.768)
    }

    to {
        transform: translate(86.6742vw, 100vh) scale(0.768)
    }
}

.snow:nth-child(161) {
    opacity: 0.1814;
    transform: translate(74.6083vw, -10px) scale(0.1325);
    animation: fall-161 28s -23s linear infinite
}

@keyframes fall-161 {
    75.803% {
        transform: translate(66.8723vw, 75.803vh) scale(0.1325)
    }

    to {
        transform: translate(70.7403vw, 100vh) scale(0.1325)
    }
}

.snow:nth-child(162) {
    opacity: 0.6716;
    transform: translate(60.2235vw, -10px) scale(0.8012);
    animation: fall-162 19s -29s linear infinite
}

@keyframes fall-162 {
    62.582% {
        transform: translate(55.9283vw, 62.582vh) scale(0.8012)
    }

    to {
        transform: translate(58.0759vw, 100vh) scale(0.8012)
    }
}

.snow:nth-child(163) {
    opacity: 0.8363;
    transform: translate(1.0151vw, -10px) scale(0.3919);
    animation: fall-163 27s -8s linear infinite
}

@keyframes fall-163 {
    51.737% {
        transform: translate(-4.6647vw, 51.737vh) scale(0.3919)
    }

    to {
        transform: translate(-1.8248vw, 100vh) scale(0.3919)
    }
}

.snow:nth-child(164) {
    opacity: 0.0777;
    transform: translate(41.9948vw, -10px) scale(0.5787);
    animation: fall-164 14s -18s linear infinite
}

@keyframes fall-164 {
    77.47% {
        transform: translate(49.0419vw, 77.47vh) scale(0.5787)
    }

    to {
        transform: translate(45.51835vw, 100vh) scale(0.5787)
    }
}

.snow:nth-child(165) {
    opacity: 0.5625;
    transform: translate(19.8313vw, -10px) scale(0.3644);
    animation: fall-165 16s -25s linear infinite
}

@keyframes fall-165 {
    37.493% {
        transform: translate(28.4425vw, 37.493vh) scale(0.3644)
    }

    to {
        transform: translate(24.1369vw, 100vh) scale(0.3644)
    }
}

.snow:nth-child(166) {
    opacity: 0.5679;
    transform: translate(86.5267vw, -10px) scale(0.2036);
    animation: fall-166 25s -20s linear infinite
}

@keyframes fall-166 {
    60.478% {
        transform: translate(88.6024vw, 60.478vh) scale(0.2036)
    }

    to {
        transform: translate(87.56455vw, 100vh) scale(0.2036)
    }
}

.snow:nth-child(167) {
    opacity: 0.5638;
    transform: translate(40.8292vw, -10px) scale(0.6972);
    animation: fall-167 26s -28s linear infinite
}

@keyframes fall-167 {
    37.455% {
        transform: translate(38.5391vw, 37.455vh) scale(0.6972)
    }

    to {
        transform: translate(39.68415vw, 100vh) scale(0.6972)
    }
}

.snow:nth-child(168) {
    opacity: 0.143;
    transform: translate(80.7046vw, -10px) scale(0.4798);
    animation: fall-168 14s -8s linear infinite
}

@keyframes fall-168 {
    57.881% {
        transform: translate(79.0364vw, 57.881vh) scale(0.4798)
    }

    to {
        transform: translate(79.8705vw, 100vh) scale(0.4798)
    }
}

.snow:nth-child(169) {
    opacity: 0.2218;
    transform: translate(46.5902vw, -10px) scale(0.8063);
    animation: fall-169 29s -27s linear infinite
}

@keyframes fall-169 {
    59.758% {
        transform: translate(43.649vw, 59.758vh) scale(0.8063)
    }

    to {
        transform: translate(45.1196vw, 100vh) scale(0.8063)
    }
}

.snow:nth-child(170) {
    opacity: 0.7744;
    transform: translate(82.8733vw, -10px) scale(0.4413);
    animation: fall-170 22s -26s linear infinite
}

@keyframes fall-170 {
    53.991% {
        transform: translate(77.2924vw, 53.991vh) scale(0.4413)
    }

    to {
        transform: translate(80.08285vw, 100vh) scale(0.4413)
    }
}

.snow:nth-child(171) {
    opacity: 0.822;
    transform: translate(39.1951vw, -10px) scale(0.8903);
    animation: fall-171 30s -22s linear infinite
}

@keyframes fall-171 {
    35.847% {
        transform: translate(31.9854vw, 35.847vh) scale(0.8903)
    }

    to {
        transform: translate(35.59025vw, 100vh) scale(0.8903)
    }
}

.snow:nth-child(172) {
    opacity: 0.3982;
    transform: translate(82.0732vw, -10px) scale(0.0245);
    animation: fall-172 11s -27s linear infinite
}

@keyframes fall-172 {
    77.015% {
        transform: translate(86.2151vw, 77.015vh) scale(0.0245)
    }

    to {
        transform: translate(84.14415vw, 100vh) scale(0.0245)
    }
}

.snow:nth-child(173) {
    opacity: 0.2325;
    transform: translate(42.4176vw, -10px) scale(0.4413);
    animation: fall-173 26s -5s linear infinite
}

@keyframes fall-173 {
    40.038% {
        transform: translate(41.6853vw, 40.038vh) scale(0.4413)
    }

    to {
        transform: translate(42.05145vw, 100vh) scale(0.4413)
    }
}

.snow:nth-child(174) {
    opacity: 0.4804;
    transform: translate(34.3407vw, -10px) scale(0.647);
    animation: fall-174 15s -14s linear infinite
}

@keyframes fall-174 {
    50.591% {
        transform: translate(27.022vw, 50.591vh) scale(0.647)
    }

    to {
        transform: translate(30.68135vw, 100vh) scale(0.647)
    }
}

.snow:nth-child(175) {
    opacity: 0.1005;
    transform: translate(1.6335vw, -10px) scale(0.4464);
    animation: fall-175 16s -17s linear infinite
}

@keyframes fall-175 {
    51.192% {
        transform: translate(7.1358vw, 51.192vh) scale(0.4464)
    }

    to {
        transform: translate(4.38465vw, 100vh) scale(0.4464)
    }
}

.snow:nth-child(176) {
    opacity: 0.6626;
    transform: translate(64.1425vw, -10px) scale(0.0659);
    animation: fall-176 23s -8s linear infinite
}

@keyframes fall-176 {
    51.654% {
        transform: translate(64.218vw, 51.654vh) scale(0.0659)
    }

    to {
        transform: translate(64.18025vw, 100vh) scale(0.0659)
    }
}

.snow:nth-child(177) {
    opacity: 0.3545;
    transform: translate(25.5712vw, -10px) scale(0.9316);
    animation: fall-177 14s -13s linear infinite
}

@keyframes fall-177 {
    64.495% {
        transform: translate(16.6382vw, 64.495vh) scale(0.9316)
    }

    to {
        transform: translate(21.1047vw, 100vh) scale(0.9316)
    }
}

.snow:nth-child(178) {
    opacity: 0.7414;
    transform: translate(11.168vw, -10px) scale(0.5619);
    animation: fall-178 10s -5s linear infinite
}

@keyframes fall-178 {
    54.85% {
        transform: translate(1.8599vw, 54.85vh) scale(0.5619)
    }

    to {
        transform: translate(6.51395vw, 100vh) scale(0.5619)
    }
}

.snow:nth-child(179) {
    opacity: 0.9997;
    transform: translate(58.1152vw, -10px) scale(0.5112);
    animation: fall-179 15s -7s linear infinite
}

@keyframes fall-179 {
    71.115% {
        transform: translate(66.337vw, 71.115vh) scale(0.5112)
    }

    to {
        transform: translate(62.2261vw, 100vh) scale(0.5112)
    }
}

.snow:nth-child(180) {
    opacity: 0.1785;
    transform: translate(73.5842vw, -10px) scale(0.9806);
    animation: fall-180 24s -13s linear infinite
}

@keyframes fall-180 {
    33.561% {
        transform: translate(67.7997vw, 33.561vh) scale(0.9806)
    }

    to {
        transform: translate(70.69195vw, 100vh) scale(0.9806)
    }
}

.snow:nth-child(181) {
    opacity: 0.4434;
    transform: translate(80.7334vw, -10px) scale(0.0173);
    animation: fall-181 26s -16s linear infinite
}

@keyframes fall-181 {
    55.617% {
        transform: translate(87.657vw, 55.617vh) scale(0.0173)
    }

    to {
        transform: translate(84.1952vw, 100vh) scale(0.0173)
    }
}

.snow:nth-child(182) {
    opacity: 0.4607;
    transform: translate(12.3853vw, -10px) scale(0.9758);
    animation: fall-182 25s -2s linear infinite
}

@keyframes fall-182 {
    44.98% {
        transform: translate(3.2995vw, 44.98vh) scale(0.9758)
    }

    to {
        transform: translate(7.8424vw, 100vh) scale(0.9758)
    }
}

.snow:nth-child(183) {
    opacity: 0.7947;
    transform: translate(14.9268vw, -10px) scale(0.182);
    animation: fall-183 27s -29s linear infinite
}

@keyframes fall-183 {
    48.025% {
        transform: translate(18.2792vw, 48.025vh) scale(0.182)
    }

    to {
        transform: translate(16.603vw, 100vh) scale(0.182)
    }
}

.snow:nth-child(184) {
    opacity: 0.0225;
    transform: translate(90.0096vw, -10px) scale(0.2301);
    animation: fall-184 27s -25s linear infinite
}

@keyframes fall-184 {
    45.726% {
        transform: translate(84.0251vw, 45.726vh) scale(0.2301)
    }

    to {
        transform: translate(87.01735vw, 100vh) scale(0.2301)
    }
}

.snow:nth-child(185) {
    opacity: 0.0706;
    transform: translate(84.0753vw, -10px) scale(0.872);
    animation: fall-185 12s -18s linear infinite
}

@keyframes fall-185 {
    46.918% {
        transform: translate(86.2292vw, 46.918vh) scale(0.872)
    }

    to {
        transform: translate(85.15225vw, 100vh) scale(0.872)
    }
}

.snow:nth-child(186) {
    opacity: 0.151;
    transform: translate(78.4854vw, -10px) scale(0.2872);
    animation: fall-186 21s -19s linear infinite
}

@keyframes fall-186 {
    31.839% {
        transform: translate(81.5496vw, 31.839vh) scale(0.2872)
    }

    to {
        transform: translate(80.0175vw, 100vh) scale(0.2872)
    }
}

.snow:nth-child(187) {
    opacity: 0.6811;
    transform: translate(10.6166vw, -10px) scale(0.1336);
    animation: fall-187 16s -18s linear infinite
}

@keyframes fall-187 {
    58.309% {
        transform: translate(9.6592vw, 58.309vh) scale(0.1336)
    }

    to {
        transform: translate(10.1379vw, 100vh) scale(0.1336)
    }
}

.snow:nth-child(188) {
    opacity: 0.0337;
    transform: translate(63.6912vw, -10px) scale(0.1779);
    animation: fall-188 24s -11s linear infinite
}

@keyframes fall-188 {
    44.513% {
        transform: translate(72.5954vw, 44.513vh) scale(0.1779)
    }

    to {
        transform: translate(68.1433vw, 100vh) scale(0.1779)
    }
}

.snow:nth-child(189) {
    opacity: 0.0812;
    transform: translate(70.098vw, -10px) scale(0.361);
    animation: fall-189 24s -3s linear infinite
}

@keyframes fall-189 {
    76.786% {
        transform: translate(69.5756vw, 76.786vh) scale(0.361)
    }

    to {
        transform: translate(69.8368vw, 100vh) scale(0.361)
    }
}

.snow:nth-child(190) {
    opacity: 0.5461;
    transform: translate(39.7733vw, -10px) scale(0.8838);
    animation: fall-190 25s -10s linear infinite
}

@keyframes fall-190 {
    41.192% {
        transform: translate(35.4799vw, 41.192vh) scale(0.8838)
    }

    to {
        transform: translate(37.6266vw, 100vh) scale(0.8838)
    }
}

.snow:nth-child(191) {
    opacity: 0.7665;
    transform: translate(64.6945vw, -10px) scale(0.366);
    animation: fall-191 23s -11s linear infinite
}

@keyframes fall-191 {
    48.4% {
        transform: translate(60.125vw, 48.4vh) scale(0.366)
    }

    to {
        transform: translate(62.40975vw, 100vh) scale(0.366)
    }
}

.snow:nth-child(192) {
    opacity: 0.4512;
    transform: translate(1.4751vw, -10px) scale(0.5867);
    animation: fall-192 28s -14s linear infinite
}

@keyframes fall-192 {
    52.75% {
        transform: translate(3.4741vw, 52.75vh) scale(0.5867)
    }

    to {
        transform: translate(2.4746vw, 100vh) scale(0.5867)
    }
}

.snow:nth-child(193) {
    opacity: 0.2787;
    transform: translate(47.3157vw, -10px) scale(0.9701);
    animation: fall-193 22s -25s linear infinite
}

@keyframes fall-193 {
    36.564% {
        transform: translate(49.3006vw, 36.564vh) scale(0.9701)
    }

    to {
        transform: translate(48.30815vw, 100vh) scale(0.9701)
    }
}

.snow:nth-child(194) {
    opacity: 0.3706;
    transform: translate(9.2392vw, -10px) scale(0.3484);
    animation: fall-194 15s -20s linear infinite
}

@keyframes fall-194 {
    45.016% {
        transform: translate(8.4755vw, 45.016vh) scale(0.3484)
    }

    to {
        transform: translate(8.85735vw, 100vh) scale(0.3484)
    }
}

.snow:nth-child(195) {
    opacity: 0.546;
    transform: translate(13.0751vw, -10px) scale(0.1593);
    animation: fall-195 12s -15s linear infinite
}

@keyframes fall-195 {
    71.98% {
        transform: translate(8.6346vw, 71.98vh) scale(0.1593)
    }

    to {
        transform: translate(10.85485vw, 100vh) scale(0.1593)
    }
}

.snow:nth-child(196) {
    opacity: 0.0537;
    transform: translate(16.9742vw, -10px) scale(0.2268);
    animation: fall-196 29s -2s linear infinite
}

@keyframes fall-196 {
    63.185% {
        transform: translate(11.2771vw, 63.185vh) scale(0.2268)
    }

    to {
        transform: translate(14.12565vw, 100vh) scale(0.2268)
    }
}

.snow:nth-child(197) {
    opacity: 0.5858;
    transform: translate(9.8913vw, -10px) scale(0.0683);
    animation: fall-197 26s -6s linear infinite
}

@keyframes fall-197 {
    39.127% {
        transform: translate(2.2237vw, 39.127vh) scale(0.0683)
    }

    to {
        transform: translate(6.0575vw, 100vh) scale(0.0683)
    }
}

.snow:nth-child(198) {
    opacity: 0.0762;
    transform: translate(63.4024vw, -10px) scale(0.6);
    animation: fall-198 22s -25s linear infinite
}

@keyframes fall-198 {
    35.33% {
        transform: translate(63.1749vw, 35.33vh) scale(0.6)
    }

    to {
        transform: translate(63.28865vw, 100vh) scale(0.6)
    }
}

.snow:nth-child(199) {
    opacity: 0.114;
    transform: translate(54.2844vw, -10px) scale(0.0588);
    animation: fall-199 29s -30s linear infinite
}

@keyframes fall-199 {
    57.871% {
        transform: translate(52.9722vw, 57.871vh) scale(0.0588)
    }

    to {
        transform: translate(53.6283vw, 100vh) scale(0.0588)
    }
}

.snow:nth-child(200) {
    opacity: 0.1346;
    transform: translate(81.7487vw, -10px) scale(0.489);
    animation: fall-200 24s -5s linear infinite
}

@keyframes fall-200 {
    62.956% {
        transform: translate(74.7355vw, 62.956vh) scale(0.489)
    }

    to {
        transform: translate(78.2421vw, 100vh) scale(0.489)
    }
}

.blur-background {
    width: 100vw;
    height: 100vh
}

.blur-context {
    color: white;
    font-size: 34px;
    z-index: 3
}

.blur-background span {
    width: 20vmin;
    height: 20vmin;
    border-radius: 20vmin;
    backface-visibility: hidden;
    position: absolute;
    animation-name: move;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.blur-background span:nth-child(1) {
    color: #FFACAC;
    top: 76%;
    left: 60%;
    animation-duration: 15.3s;
    animation-delay: -6.8s;
    transform-origin: 8vw 5vh;
    box-shadow: -40vmin 0 10.06153vmin currentColor
}

.blur-background span:nth-child(2) {
    color: #E45A84;
    top: 45%;
    left: 64%;
    animation-duration: 11.4s;
    animation-delay: -6s;
    transform-origin: -2vw -2vh;
    box-shadow: -40vmin 0 6.63149vmin currentColor
}

.blur-background span:nth-child(3) {
    color: #FFACAC;
    top: 76%;
    left: 73%;
    animation-duration: 14.5s;
    animation-delay: -3.2s;
    transform-origin: -2vw 13vh;
    box-shadow: 40vmin 0 5.39539vmin currentColor
}

.blur-background span:nth-child(4) {
    color: #583C87;
    top: 19%;
    left: 20%;
    animation-duration: 12.2s;
    animation-delay: -11.4s;
    transform-origin: 15vw -1vh;
    box-shadow: -40vmin 0 12.64897vmin currentColor
}

.blur-background span:nth-child(5) {
    color: #583C87;
    top: 88%;
    left: 91%;
    animation-duration: 16s;
    animation-delay: -10.3s;
    transform-origin: -8vw -5vh;
    box-shadow: 40vmin 0 7.45192vmin currentColor
}

.blur-background span:nth-child(6) {
    color: #FFACAC;
    top: 61%;
    left: 8%;
    animation-duration: 12s;
    animation-delay: -3.4s;
    transform-origin: -18vw -9vh;
    box-shadow: 40vmin 0 5.76071vmin currentColor
}

.blur-background span:nth-child(7) {
    color: #583C87;
    top: 12%;
    left: 52%;
    animation-duration: 14s;
    animation-delay: -2.9s;
    transform-origin: -13vw 12vh;
    box-shadow: 40vmin 0 13.01826vmin currentColor
}

.blur-background span:nth-child(8) {
    color: #583C87;
    top: 45%;
    left: 23%;
    animation-duration: 11.7s;
    animation-delay: -5.5s;
    transform-origin: 17vw -21vh;
    box-shadow: -40vmin 0 9.56636vmin currentColor
}

.blur-background span:nth-child(9) {
    color: #FFACAC;
    top: 34%;
    left: 40%;
    animation-duration: 13.1s;
    animation-delay: -13.1s;
    transform-origin: -2vw 0vh;
    box-shadow: -40vmin 0 14.17653vmin currentColor
}

.blur-background span:nth-child(10) {
    color: #583C87;
    top: 96%;
    left: 16%;
    animation-duration: 10.5s;
    animation-delay: -5s;
    transform-origin: 17vw -20vh;
    box-shadow: -40vmin 0 6.45654vmin currentColor
}

.blur-background span:nth-child(11) {
    color: #FFACAC;
    top: 32%;
    left: 63%;
    animation-duration: 13.9s;
    animation-delay: -3.9s;
    transform-origin: 24vw 10vh;
    box-shadow: -40vmin 0 7.91519vmin currentColor
}

.blur-background span:nth-child(12) {
    color: #E45A84;
    top: 5%;
    left: 42%;
    animation-duration: 15.4s;
    animation-delay: -2.6s;
    transform-origin: 4vw -7vh;
    box-shadow: -40vmin 0 13.99111vmin currentColor
}

.blur-background span:nth-child(13) {
    color: #583C87;
    top: 26%;
    left: 36%;
    animation-duration: 13.8s;
    animation-delay: -0.7s;
    transform-origin: 5vw -8vh;
    box-shadow: 40vmin 0 13.60387vmin currentColor
}

.blur-background span:nth-child(14) {
    color: #583C87;
    top: 13%;
    left: 75%;
    animation-duration: 11.8s;
    animation-delay: -5.3s;
    transform-origin: 5vw -21vh;
    box-shadow: 40vmin 0 10.01499vmin currentColor
}

.blur-background span:nth-child(15) {
    color: #FFACAC;
    top: 61%;
    left: 10%;
    animation-duration: 10.3s;
    animation-delay: -13s;
    transform-origin: 14vw 24vh;
    box-shadow: 40vmin 0 11.06364vmin currentColor
}

.blur-background span:nth-child(16) {
    color: #FFACAC;
    top: 88%;
    left: 38%;
    animation-duration: 14.3s;
    animation-delay: -0.6s;
    transform-origin: -6vw -19vh;
    box-shadow: -40vmin 0 14.35909vmin currentColor
}

.blur-background span:nth-child(17) {
    color: #FFACAC;
    top: 93%;
    left: 47%;
    animation-duration: 11.7s;
    animation-delay: -3.4s;
    transform-origin: 14vw 5vh;
    box-shadow: 40vmin 0 7.82821vmin currentColor
}

.blur-background span:nth-child(18) {
    color: #E45A84;
    top: 92%;
    left: 51%;
    animation-duration: 11.7s;
    animation-delay: -3.5s;
    transform-origin: -12vw -9vh;
    box-shadow: -40vmin 0 10.22632vmin currentColor
}

.blur-background span:nth-child(19) {
    color: #E45A84;
    top: 23%;
    left: 90%;
    animation-duration: 10.2s;
    animation-delay: -14.9s;
    transform-origin: 10vw 22vh;
    box-shadow: 40vmin 0 9.0786vmin currentColor
}

.blur-background span:nth-child(20) {
    color: #FFACAC;
    top: 18%;
    left: 16%;
    animation-duration: 12.9s;
    animation-delay: -12.3s;
    transform-origin: -18vw 9vh;
    box-shadow: -40vmin 0 6.58676vmin currentColor
}

@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg)
    }
}

.bubbles-block {
    margin: 0;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.bubble {
    position: absolute;
    left: var(--bubble-left-offset);
    bottom: -75%;
    display: block;
    width: var(--bubble-radius);
    height: var(--bubble-radius);
    border-radius: 50%;
    animation: float-up var(--bubble-float-duration) var(--bubble-float-delay) ease-in infinite
}

.bubble::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(136, 246, 251, 0.3);
    border-radius: inherit;
    animation: var(--bubble-sway-type) var(--bubble-sway-duration) var(--bubble-sway-delay) ease-in-out alternate infinite
}

.bubble:nth-child(0) {
    --bubble-left-offset: 49vw;
    --bubble-radius: 7vw;
    --bubble-float-duration: 9s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(1) {
    --bubble-left-offset: 89vw;
    --bubble-radius: 10vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 1s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(2) {
    --bubble-left-offset: 36vw;
    --bubble-radius: 1vw;
    --bubble-float-duration: 9s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(3) {
    --bubble-left-offset: 67vw;
    --bubble-radius: 3vw;
    --bubble-float-duration: 9s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 1s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(4) {
    --bubble-left-offset: 43vw;
    --bubble-radius: 2vw;
    --bubble-float-duration: 12s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(5) {
    --bubble-left-offset: 55vw;
    --bubble-radius: 9vw;
    --bubble-float-duration: 9s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 2s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(6) {
    --bubble-left-offset: 50vw;
    --bubble-radius: 7vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(7) {
    --bubble-left-offset: 74vw;
    --bubble-radius: 2vw;
    --bubble-float-duration: 9s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(8) {
    --bubble-left-offset: 22vw;
    --bubble-radius: 2vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(9) {
    --bubble-left-offset: 39vw;
    --bubble-radius: 1vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(10) {
    --bubble-left-offset: 96vw;
    --bubble-radius: 6vw;
    --bubble-float-duration: 10s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 2s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(11) {
    --bubble-left-offset: 7vw;
    --bubble-radius: 6vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(12) {
    --bubble-left-offset: 13vw;
    --bubble-radius: 6vw;
    --bubble-float-duration: 10s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(13) {
    --bubble-left-offset: 70vw;
    --bubble-radius: 3vw;
    --bubble-float-duration: 6s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(14) {
    --bubble-left-offset: 82vw;
    --bubble-radius: 2vw;
    --bubble-float-duration: 10s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(15) {
    --bubble-left-offset: 26vw;
    --bubble-radius: 2vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(16) {
    --bubble-left-offset: 78vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 12s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(17) {
    --bubble-left-offset: 74vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 12s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(18) {
    --bubble-left-offset: 64vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 12s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(19) {
    --bubble-left-offset: 45vw;
    --bubble-radius: 10vw;
    --bubble-float-duration: 9s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(20) {
    --bubble-left-offset: 8vw;
    --bubble-radius: 4vw;
    --bubble-float-duration: 9s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(21) {
    --bubble-left-offset: 80vw;
    --bubble-radius: 4vw;
    --bubble-float-duration: 10s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(22) {
    --bubble-left-offset: 13vw;
    --bubble-radius: 7vw;
    --bubble-float-duration: 12s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 2s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(23) {
    --bubble-left-offset: 71vw;
    --bubble-radius: 4vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(24) {
    --bubble-left-offset: 76vw;
    --bubble-radius: 1vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(25) {
    --bubble-left-offset: 12vw;
    --bubble-radius: 4vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(26) {
    --bubble-left-offset: 39vw;
    --bubble-radius: 1vw;
    --bubble-float-duration: 11s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(27) {
    --bubble-left-offset: 38vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 10s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(28) {
    --bubble-left-offset: 24vw;
    --bubble-radius: 3vw;
    --bubble-float-duration: 10s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(29) {
    --bubble-left-offset: 21vw;
    --bubble-radius: 4vw;
    --bubble-float-duration: 11s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 1s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(30) {
    --bubble-left-offset: 94vw;
    --bubble-radius: 7vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(31) {
    --bubble-left-offset: 44vw;
    --bubble-radius: 4vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(32) {
    --bubble-left-offset: 100vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 9s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(33) {
    --bubble-left-offset: 24vw;
    --bubble-radius: 3vw;
    --bubble-float-duration: 9s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(34) {
    --bubble-left-offset: 10vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 1s;
    --bubble-sway-delay: 2s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(35) {
    --bubble-left-offset: 51vw;
    --bubble-radius: 9vw;
    --bubble-float-duration: 12s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(36) {
    --bubble-left-offset: 75vw;
    --bubble-radius: 9vw;
    --bubble-float-duration: 10s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(37) {
    --bubble-left-offset: 10vw;
    --bubble-radius: 10vw;
    --bubble-float-duration: 10s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(38) {
    --bubble-left-offset: 52vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 11s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(39) {
    --bubble-left-offset: 3vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 6s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 2s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(40) {
    --bubble-left-offset: 75vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 12s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(41) {
    --bubble-left-offset: 67vw;
    --bubble-radius: 10vw;
    --bubble-float-duration: 12s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(42) {
    --bubble-left-offset: 52vw;
    --bubble-radius: 10vw;
    --bubble-float-duration: 11s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 2s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(43) {
    --bubble-left-offset: 38vw;
    --bubble-radius: 4vw;
    --bubble-float-duration: 9s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(44) {
    --bubble-left-offset: 22vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(45) {
    --bubble-left-offset: 90vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(46) {
    --bubble-left-offset: 99vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(47) {
    --bubble-left-offset: 22vw;
    --bubble-radius: 2vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(48) {
    --bubble-left-offset: 91vw;
    --bubble-radius: 10vw;
    --bubble-float-duration: 11s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(49) {
    --bubble-left-offset: 40vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 12s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(50) {
    --bubble-left-offset: 50vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 1s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-left-to-right
}

@keyframes float-up {
    to {
        transform: translateY(-175vh)
    }
}

@keyframes sway-left-to-right {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes sway-right-to-left {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(-100%)
    }
}

.bg {
    animation: slide 4s ease-in-out infinite alternate;
    bottom: 0;
    left: -50%;
    opacity: 0.5;
    position: fixed;
    right: -50%;
    top: 0;
    z-index: -1
}

.bg2 {
    animation-direction: alternate-reverse;
    animation-duration: 6s
}

.bg3 {
    animation-duration: 9s
}

@keyframes slide {
    0% {
        transform: translateX(-25%)
    }

    100% {
        transform: translateX(25%)
    }
}

.smoke-block {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    overflow: hidden
}

.smoke-block .wave {
    width: 2000px;
    height: 2025px;
    position: absolute;
    top: -25%;
    left: -60%;
    margin-left: -200px;
    margin-top: -500px;
    border-radius: 35%;
    animation: wave 15s infinite linear
}

.smoke-block .wave2 {
    width: 2000px;
    height: 2025px;
    position: absolute;
    top: -45%;
    left: 70%;
    margin-left: -200px;
    margin-top: -600px;
    border-radius: 40%;
    animation: wave 10s infinite linear
}

.smoke-block .wave3 {
    width: 2000px;
    height: 2300px;
    position: absolute;
    top: -65%;
    left: 65%;
    margin-left: -300px;
    margin-top: -400px;
    border-radius: 40%;
    animation: wave 17s infinite linear
}

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

    from {
        transform: rotate(180deg)
    }
}

.square-area {
    width: 100%;
    height: 100vh
}

.square-circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.square-circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.3);
    animation: animate 25s linear infinite;
    bottom: -150px
}

.square-circles li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s
}

.square-circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s
}

.square-circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s
}

.square-circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s
}

.square-circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s
}

.square-circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s
}

.square-circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s
}

.square-circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s
}

.square-circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s
}

.square-circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s
}

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%
    }
}

.waves-header {
    position: relative;
    text-align: center;
    color: white;
    height: 100vh
}

.inner-header {
    height: 65vh;
    width: 100%;
    margin: 0;
    padding: 0
}

.waves-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.waves {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 150px
}

.waves-content {
    position: relative;
    height: 20vh;
    text-align: center;
    background-color: white
}

.parallax>use {
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite
}

.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s
}

.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s
}

.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s
}

.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0)
    }

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

@media (max-width:768px) {
    .waves {
        height: 40px;
        min-height: 80px
    }

    .content {
        height: 25vh
    }
}

.wall {
    background: url("../../img/hyperspace.jpg");
    background-size: cover
}

.scene {
    display: inline-block;
    vertical-align: middle;
    perspective: 5px;
    perspective-origin: 50% 50%;
    position: absolute;
    top: 50%;
    left: 50%
}

.wrap {
    position: absolute;
    width: 1000px;
    height: 1000px;
    left: -500px;
    top: -500px;
    transform-style: preserve-3d;
    animation: moveHyperspace 12s infinite linear;
    animation-fill-mode: forwards
}

.wrap:nth-child(2) {
    animation: moveHyperspace 12s infinite linear;
    animation-delay: 6s
}

.wall {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    animation: fade 12s infinite linear;
    animation-delay: 0
}

.wrap:nth-child(2) .wall {
    animation-delay: 6s
}

.wall-right {
    transform: rotateY(90deg) translateZ(500px)
}

.wall-left {
    transform: rotateY(-90deg) translateZ(500px)
}

.wall-top {
    transform: rotateX(90deg) translateZ(500px)
}

.wall-bottom {
    transform: rotateX(-90deg) translateZ(500px)
}

.wall-back {
    transform: rotateX(180deg) translateZ(500px)
}

@keyframes moveHyperspace {
    0% {
        transform: translateZ(-500px) rotate(0deg)
    }

    100% {
        transform: translateZ(500px) rotate(0deg)
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.signup-form__component {
    display: none;
    background: rgba(43, 41, 119, 0.85);
    height: 100vh;
    width: 100vw;
    padding: 30px 20px;
    text-align: center;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999
}

.signup-form__component .signup-form-wrapper {
    display: none;
    max-width: 620px;
    width: 100%;
    border-radius: 20px 20px 0 0;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: auto
}

@media screen and (max-width:895px) and (orientation:landscape) {
    .signup-form__component .signup-form-wrapper {
        max-width: 69%;
        max-height: 95%;
        overflow: auto
    }
}

@media screen and (max-width:844px) and (orientation:landscape) {
    .signup-form__component .signup-form-wrapper {
        max-width: 620px;
        max-height: 95%;
        overflow: auto
    }
}

@media screen and (max-width:745px) and (orientation:landscape) {
    .signup-form__component .signup-form-wrapper {
        max-width: 83%;
        max-height: 95%;
        overflow: auto
    }
}

@media screen and (max-width:660px) {
    .signup-form__component .signup-form-wrapper {
        max-width: 90%
    }
}

@media screen and (max-width:320px) {
    .signup-form__component .signup-form-wrapper {
        max-height: 95%
    }
}

.signup-form__component .signup-form-wrapper .signup-banner {
    position: relative
}

.signup-form__component .signup-form-wrapper .signup-banner img {
    max-width: 100%;
    border-radius: 10px 10px 0 0
}

.signup-form__component .signup-form-wrapper .signup-banner .close-icon-wrapper {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 15px;
    right: 15px
}

@media screen and (max-width:576px) {
    .signup-form__component .signup-form-wrapper .signup-banner .close-icon-wrapper {
        width: 30px;
        height: 30px
    }
}

.signup-form__component .signup-form-wrapper .signup-banner .close-icon-wrapper img.close {
    width: 15px;
    height: 20px;
    display: block;
    margin: auto
}

@media screen and (max-width:576px) {
    .signup-form__component .signup-form-wrapper .signup-banner .close-icon-wrapper img.close {
        width: 10px;
        height: 15px
    }
}

.signup-form__component .signup-form-wrapper h1.signup-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #1f3447
}

.signup-form__component .signup-form-wrapper h1.signup-title span {
    font-weight: bold
}

@media screen and (max-width:576px) {
    .signup-form__component .signup-form-wrapper h1.signup-title {
        padding: 40px 20px
    }
}

@media screen and (max-width:420px) {
    .signup-form__component .signup-form-wrapper h1.signup-title {
        padding: 0 20px;
        line-height: 30px
    }
}

.signup-form__component .signup-form-wrapper .signup-form {
    padding: 20px 70px
}

@media screen and (max-width:576px) {
    .signup-form__component .signup-form-wrapper .signup-form {
        padding: 0 20px
    }
}

.signup-form__component .signup-form-wrapper .signup-form .field input {
    width: 100%;
    height: 30px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    outline: none;
    border: none;
    border-bottom: 2px solid #dee3ed;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #878cac
}

@media screen and (max-width:743px) {
    .signup-form__component .signup-form-wrapper .signup-form .field input {
        font-size: 14px
    }
}

@media screen and (max-width:420px) {
    .signup-form__component .signup-form-wrapper .signup-form .field input {
        margin-bottom: 15px
    }
}

@media screen and (max-width:375px) {
    .signup-form__component .signup-form-wrapper .signup-form .field input {
        padding-bottom: 0
    }
}

.signup-form__component .signup-form-wrapper .signup-form .field input.validation-error {
    background-color: transparent
}

.signup-form__component .signup-form-wrapper .signup-form .field .validation-error.validation-async__error {
    display: none
}

.signup-form__component .signup-form-wrapper .signup-form .field .validation-error:not(input) {
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    top: -15px;
    left: 0;
    margin: 5px 0;
    background: #f67261;
    color: #fff;
    font-size: inherit;
    padding: 5px 10px;
    z-index: 9999
}

.signup-form__component .signup-form-wrapper .signup-form .field .validation-error:not(input)::before {
    content: '';
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    border-radius: inherit;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: inherit;
    display: block;
    position: absolute;
    padding: 10px;
    left: 6px;
    top: -4px;
    z-index: -1
}

.signup-form__component .signup-form-wrapper .signup-form .form-field-button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.signup-form__component .signup-form-wrapper .signup-form .form-field-button button {
    width: 100%;
    height: 46px;
    background: #d4e3f5;
    border-radius: 50px;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    border: inherit;
    margin: 0 auto
}

@media screen and (max-width:375px) {
    .signup-form__component .signup-form-wrapper .signup-form .form-field-button button {
        height: 35px;
        font-size: 13px
    }
}

.signup-form__component .signup-form-wrapper .signup-form .form-field-button button:hover {
    cursor: pointer;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25)
}

.signup-form__component .signup-form-wrapper .signup-form .form-field-button .active {
    background: #2975ce
}

.signup-form__component .signup-form-wrapper .signup-form .validation-error-signup {
    display: none;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    top: -15px;
    left: 0;
    margin: 5px 0;
    background: #f67261;
    color: #fff;
    font-size: inherit;
    padding: 5px 10px;
    z-index: 9999
}

.signup-form__component .signup-form-wrapper .text-wrapper {
    padding: 5px 70px
}

@media screen and (max-width:576px) {
    .signup-form__component .signup-form-wrapper .text-wrapper {
        padding: 5px 20px
    }
}

.signup-form__component .signup-form-wrapper .text-wrapper .link {
    margin-top: 30px;
    text-align: center
}

@media screen and (max-width:420px) {
    .signup-form__component .signup-form-wrapper .text-wrapper .link {
        margin-top: 5px;
        font-size: 12px
    }
}

.signup-form__component .signup-form-wrapper .text-wrapper .link a {
    color: #2975ce;
    text-decoration-line: underline
}

.signup-form__component .signup-form-wrapper .text-wrapper a.social-button {
    width: 100%;
    height: 46px;
    margin: 7px auto;
    display: block;
    align-items: center;
    border-radius: 50px;
    border: 2px solid #dee3ed;
    background: #fff;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #1f3447;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:375px) {
    .signup-form__component .signup-form-wrapper .text-wrapper a.social-button {
        height: 35px;
        font-size: 13px
    }
}

.signup-form__component .signup-form-wrapper .text-wrapper a.social-button:hover {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25)
}

.signup-form__component .signup-form-wrapper .text-wrapper a.social-button img {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.signup-form__component .signup-form-wrapper .text-wrapper a.social-button span {
    font-weight: bold
}

.signup-form__component .signup-form-wrapper .text-wrapper .text {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #878cac;
    text-align: center
}

@media screen and (max-width:420px) {
    .signup-form__component .signup-form-wrapper .text-wrapper .text {
        padding: 10px
    }
}

.signup-form__component .signup-form-wrapper .text-wrapper .text a {
    color: #878cac;
    text-decoration-line: underline
}

.signup-form__component .signup-form-wrapper .text-wrapper .privacy {
    padding: 10px 10px
}

.signup-form__component .signup-form-wrapper .success-message .message-container {
    padding: 0 20p
}

.signup-form__component .signup-form-wrapper .success-message .email-icon {
    margin: 20px 0
}

.signup-form__component .signup-form-wrapper .success-message .user-email {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #878cac
}

.signup-form__component .signup-form-wrapper .success-message .subtext {
    margin-bottom: 20px;
    padding: 0 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.signup-form__component .signup-form-wrapper .success-message .buttons-block {
    padding: 0 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.signup-form__component .signup-form-wrapper .success-message .buttons-block a {
    color: #fff;
    width: 100%;
    max-width: 280px;
    height: 46px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 70px;
    padding: 0 20px;
    background: #2975ce;
    border-radius: 50px;
    border: inherit;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center
}

.signup-form__component .signup-form-wrapper .success-message .buttons-block a:hover {
    cursor: pointer;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25)
}

.signup-form__component .signup-form-wrapper .success-message .buttons-block a .text {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px
}

.signup-form__component .signup-form-wrapper .success-message .buttons-block a .icon img {
    vertical-align: middle;
    margin-left: 10px
}

.crypto-link-item__component {
    position: relative
}

.crypto-link-item__component .preview-item {
    max-width: 600px;
    min-height: 70px;
    padding: 5px 10px 0 5px;
    border-radius: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.crypto-link-item__component .preview-item:hover .crypto-icon {
    transform: scale(1.1);
    transition: transform 0.5s ease
}

.crypto-link-item__component .preview-item:hover :is(.shevron-icon__component) svg {
    transform: scale(1.3);
    transition: transform 0.5s ease
}

.crypto-link-item__component .preview-item .crypto-icon {
    width: 34px;
    height: 34px;
    padding-right: 10px;
    padding-left: 10px
}

@media screen and (max-width:460px) {
    .crypto-link-item__component .preview-item .crypto-icon {
        width: 30px;
        height: 30px
    }
}

.crypto-link-item__component .preview-item .crypto-icon svg {
    width: 100%;
    height: 100%
}

.crypto-link-item__component .preview-item .crypto-title {
    margin: 5px 0;
    padding-right: 10px;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 25px;
    word-break: break-all;
    text-align: center
}

@media screen and (max-width:460px) {
    .crypto-link-item__component .preview-item .crypto-title {
        font-size: 14px
    }
}

.crypto-link-item__component .preview-item .shevron-icon__component {
    width: 20px;
    height: 20px;
    padding: 5px 10px;
    transition: transform 0.1s ease
}

.crypto-link-item__component .preview-item .shevron-icon__component svg {
    width: 20px;
    height: 20px
}

.crypto-link-item__component .border-rad {
    border-radius: 10px 10px 0 0
}

.crypto-link-item__component .crypto-content {
    background: #fff;
    color: #1f3447;
    border-radius: 0 0 10px 10px
}

.crypto-link-item__component .crypto-content .crypto-title {
    padding: 20px;
    color: #878cac
}

.crypto-link-item__component .crypto-content .crypto-address-wrapper {
    padding: 0 20px 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.crypto-link-item__component .crypto-content .crypto-address-wrapper .address,
.crypto-link-item__component .crypto-content .crypto-address-wrapper .memo-code {
    word-break: break-all;
    padding-right: 20px
}

.crypto-link-item__component .crypto-content .crypto-address-wrapper .copy-address {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.crypto-link-item__component .crypto-content .crypto-qr-code-wrapper {
    padding: 20px 10px;
    text-align: center
}

.crypto-link-item__component .crypto-content .memo {
    padding-bottom: 20px
}

.crypto-link-item__component .crypto-close {
    margin-top: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.crypto-link-item__component .crypto-close button.crypto-btn-close {
    width: 25px;
    height: 25px;
    padding: 0 0 2px 0;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.5);
    outline: none;
    border: 0;
    color: #fff;
    font-size: 25px
}

.crypto-link-item__component .crypto-close button.crypto-btn-close img {
    width: 13px;
    height: 22px
}

.crypto-link-item__component .crypto-close button.crypto-btn-close:hover {
    cursor: pointer
}

.crypto-link-item__component .hidden {
    display: none
}

.location .preview-location-item__component {
    cursor: pointer;
    padding: 0;
    min-height: 70px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.location .preview-location-item__component .preview-location-link-wrapper {
    width: 100%;
    min-height: 70px;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    border-radius: inherit
}

.location .preview-location-item__component .preview-location-link-wrapper .map-title-wrapper {
    padding: 0 20px 0 10px;
    min-height: 70px;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    border-radius: inherit
}

.location .preview-location-item__component .preview-location-link-wrapper .map-title-wrapper:hover .thumbnail {
    transform: scale(1.1);
    transition: transform 0.5s ease
}

.location .preview-location-item__component .preview-location-link-wrapper .map-title-wrapper:hover .location-icon-wrapper svg {
    transform: scale(1.3);
    transition: transform 0.5s ease
}

.location .preview-location-item__component .preview-location-link-wrapper .map-title-wrapper .thumbnail {
    width: 54px;
    min-width: 54px;
    height: 54px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    border-radius: inherit;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.location .preview-location-item__component .preview-location-link-wrapper .map-title-wrapper .thumbnail svg {
    display: block;
    margin: 0 auto;
    height: 100%
}

.location .preview-location-item__component .preview-location-link-wrapper .map-title-wrapper .thumbnail .icon-name {
    display: none
}

.location .preview-location-item__component .preview-location-link-wrapper .map-title-wrapper .map-title {
    width: 100%;
    padding: 0px 20px 0px 10px;
    word-wrap: break-word;
    margin: 0
}

.location .preview-location-item__component .preview-location-link-wrapper .map-title-wrapper .location-icon-wrapper {
    width: 20px;
    height: 20px
}

.location .preview-location-item__component .preview-location-link-wrapper .map-title-wrapper .location-icon-wrapper svg {
    width: 20px;
    height: 20px
}

.location .preview-location-item__component .preview-location-link-wrapper .left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.location .preview-location-item__component .preview-location-link-wrapper .left>div {
    text-align: left
}

.location .preview-location-item__component .preview-location-link-wrapper .right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.location .preview-location-item__component .preview-location-link-wrapper .right>div {
    text-align: right
}

.location .preview-location-item__component .preview-location-link-wrapper .center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.location .preview-location-item__component .preview-location-link-wrapper .center>div {
    text-align: center
}

.location .preview-location-item__component .preview-location-link-wrapper .map-info-wrapper {
    padding: 20px;
    background: #fff;
    border-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.location .preview-location-item__component .preview-location-link-wrapper .map-info-wrapper .wrapper-map-pic .map-pic {
    width: 100%;
    height: 250px;
    border-radius: 10px
}

.location .preview-location-item__component .preview-location-link-wrapper .map-info-wrapper .address-btn-block {
    padding: 20px 0 0
}

.location .preview-location-item__component .preview-location-link-wrapper .map-info-wrapper .address-btn-block button.btn-marker {
    width: 100%;
    min-height: 50px;
    margin: 5px 0;
    border-radius: 10px;
    border: none;
    font-family: "Montserat", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer
}

.location .default {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px
}

.location .location-up {
    margin-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.location .hidden {
    display: none
}

.menu .preview-menu-item__component {
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.menu .preview-menu-item__component .preview-menu-link-wrapper {
    border-radius: inherit
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-title-wrapper {
    min-height: 70px;
    padding: 0 20px 0 10px;
    cursor: pointer;
    border-radius: inherit;
    box-sizing: content-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-title-wrapper:hover .thumbnail {
    transform: scale(1.1);
    transition: transform 0.5s ease
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-title-wrapper:hover .menu-icon-wrapper svg {
    transform: scale(1.3);
    transition: transform 0.5s ease
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-title-wrapper .thumbnail {
    width: 54px;
    min-width: 54px;
    height: 54px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    border-radius: inherit;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-title-wrapper .thumbnail svg {
    display: block;
    margin: 0 auto;
    height: 100%
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-title-wrapper .thumbnail .icon-name {
    display: none
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-title-wrapper .menu-title {
    width: 100%;
    padding: 0px 20px 0px 8px;
    word-wrap: break-word;
    margin: 0;
    overflow: auto;
    word-break: break-word
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-title-wrapper .menu-icon-wrapper {
    width: 20px;
    height: 20px
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-title-wrapper .menu-icon-wrapper svg {
    width: 20px;
    height: 20px
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-expanded-content {
    background: white;
    padding: 20px;
    border-radius: inherit;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-expanded-content .menus-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-expanded-content .menus-wrapper .item-wrapper .description {
    padding-right: 5px;
    font-size: 14px;
    line-height: 21px;
    color: #1f3447;
    word-wrap: break-word;
    word-break: break-word
}

@media screen and (max-width:350px) {
    .menu .preview-menu-item__component .preview-menu-link-wrapper .menu-expanded-content .menus-wrapper .item-wrapper .description {
        max-width: 150px
    }
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-expanded-content .menus-wrapper .item-wrapper .price {
    font-size: 14px;
    line-height: 32px;
    font-weight: bold;
    color: #1f3447
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-expanded-content .menus-wrapper .first-pic {
    cursor: pointer;
    position: relative
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-expanded-content .menus-wrapper .first-pic img {
    width: 100px;
    border-radius: 5px
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-expanded-content .menus-wrapper .first-pic .count-img {
    width: 35px;
    background: #1f3447;
    opacity: 0.8;
    border-radius: 0px 0px 5px 0px;
    color: white;
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    bottom: 7px;
    right: 0
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-expanded-content .menus-wrapper .first-pic .count-img .count-info {
    text-align: center
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-expanded-content hr {
    background-color: lightgrey;
    height: 1px;
    border: 0
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-expanded-content hr:last-child {
    display: none
}

.menu .preview-menu-item__component .preview-menu-link-wrapper .menu-expanded-content a .menu-btn {
    width: 100%;
    min-height: 50px;
    padding: 7px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    border: none;
    word-break: break-all
}

.menu .default {
    border-radius: 8px
}

.menu .menu-up {
    margin-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.menu .hidden {
    display: none
}

.menu-slider-wrapper {
    margin-top: 0 !important;
    background: #1f3447;
    height: 100vh;
    width: 100vw;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999
}

.menu-slider-wrapper .slide-description {
    margin-top: 20px;
    padding: 0 15px;
    color: white
}

.menu-slider-wrapper .number-of-slide {
    color: white
}

.menu-slider-wrapper .slide-price {
    font-weight: bold;
    color: white
}

.menu-slider-wrapper .btn-close-slider {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 10%;
    margin-top: 50px
}

.menu-slider-wrapper .btn-close-slider img {
    width: 15px;
    height: 15px;
    cursor: pointer
}

.menu-slider-wrapper .menu-slider {
    position: relative;
    min-width: 0
}

.menu-slider-wrapper .menu-slider .slick-list {
    overflow: hidden
}

.menu-slider-wrapper .menu-slider .slick-arrow {
    position: absolute;
    top: 650px;
    z-index: 10;
    font-size: 0;
    width: 20px;
    height: 50px;
    border: none
}

@media screen and (max-width:3600px) and (max-height:670px) {
    .menu-slider-wrapper .menu-slider .slick-arrow {
        top: 460px
    }
}

.menu-slider-wrapper .menu-slider .slick-arrow.slick-prev {
    left: 10% !important;
    background: url("../../img/ic_left.svg") 0 0/100% no-repeat
}

.menu-slider-wrapper .menu-slider .slick-arrow.slick-prev::before {
    display: none
}

.menu-slider-wrapper .menu-slider .slick-arrow.slick-next {
    right: 10% !important;
    background: url("../../img/ic_right.svg") 0 0/100% no-repeat
}

.menu-slider-wrapper .menu-slider .slick-arrow.slick-next::before {
    display: none
}

.menu-slider-wrapper .menu-slider .slide-item {
    display: flex;
    justify-content: center;
    margin: 20px 50px;
    color: white
}

.menu-slider-wrapper .menu-slider .slide-item img {
    height: 500px;
    width: 500px;
    object-fit: cover;
    border-radius: 5px
}

@media screen and (max-width:580px) {
    .menu-slider-wrapper .menu-slider .slide-item img {
        width: 400px;
        height: 400px
    }
}

@media screen and (max-width:430px) {
    .menu-slider-wrapper .menu-slider .slide-item img {
        width: 350px;
        height: 350px
    }
}

@media screen and (max-width:380px) {
    .menu-slider-wrapper .menu-slider .slide-item img {
        width: 280px;
        height: 280px
    }
}

.menu-slider-wrapper .hidden {
    display: none
}

.preview-signup-generator__component.button-style-01,
.preview-anonymous-messages__component.button-style-01,
.preview-commerce-link-item__component.button-style-01,
.preview-location-item__component.button-style-01,
.preview-menu-item__component.button-style-01,
.preview-commerce-link-item__component.button-style-01 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-01 .preview-link-wrapper,
.preview-location-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-01 .preview-link-wrapper,
.preview-menu-item__component.button-style-01 .preview-lock-link-wrapper,
.youtube-gallery.button-style-01,
.preview-link-item__component.button-style-01 .preview-link-wrapper,
.preview-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-01 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-01 .preview-lock-link-wrapper,
.preview-header-component.button-style-01 .preview-link-wrapper,
.preview-header-component.button-style-01 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-01 .common-expanded-block,
.preview-link-item__component.button-style-01 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-01 .common-expanded-block,
.preview-lock-link-item__component.button-style-01 .common-expanded-locked-block__component,
.preview-header-component.button-style-01 .common-expanded-block,
.preview-header-component.button-style-01 .common-expanded-locked-block__component {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-signup-generator__component.button-style-02,
.preview-anonymous-messages__component.button-style-02,
.preview-commerce-link-item__component.button-style-02,
.preview-location-item__component.button-style-02,
.preview-menu-item__component.button-style-02,
.preview-commerce-link-item__component.button-style-02 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-02 .preview-link-wrapper,
.preview-location-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-02 .preview-link-wrapper,
.preview-menu-item__component.button-style-02 .preview-lock-link-wrapper,
.youtube-gallery.button-style-02,
.preview-link-item__component.button-style-02 .preview-link-wrapper,
.preview-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-02 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-02 .preview-lock-link-wrapper,
.preview-header-component.button-style-02 .preview-link-wrapper,
.preview-header-component.button-style-02 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-02 .common-expanded-block,
.preview-link-item__component.button-style-02 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-02 .common-expanded-block,
.preview-lock-link-item__component.button-style-02 .common-expanded-locked-block__component,
.preview-header-component.button-style-02 .common-expanded-block,
.preview-header-component.button-style-02 .common-expanded-locked-block__component {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.preview-signup-generator__component.button-style-03,
.preview-anonymous-messages__component.button-style-03,
.preview-commerce-link-item__component.button-style-03,
.preview-location-item__component.button-style-03,
.preview-menu-item__component.button-style-03,
.preview-commerce-link-item__component.button-style-03 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-03 .preview-link-wrapper,
.preview-location-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-03 .preview-link-wrapper,
.preview-menu-item__component.button-style-03 .preview-lock-link-wrapper,
.youtube-gallery.button-style-03,
.preview-link-item__component.button-style-03 .preview-link-wrapper,
.preview-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-03 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-03 .preview-lock-link-wrapper,
.preview-header-component.button-style-03 .preview-link-wrapper,
.preview-header-component.button-style-03 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-03 .common-expanded-block,
.preview-link-item__component.button-style-03 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-03 .common-expanded-block,
.preview-lock-link-item__component.button-style-03 .common-expanded-locked-block__component,
.preview-header-component.button-style-03 .common-expanded-block,
.preview-header-component.button-style-03 .common-expanded-locked-block__component {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px
}

.preview-signup-generator__component.button-style-04,
.preview-anonymous-messages__component.button-style-04,
.preview-commerce-link-item__component.button-style-04,
.preview-location-item__component.button-style-04,
.preview-menu-item__component.button-style-04,
.preview-commerce-link-item__component.button-style-04 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-04 .preview-link-wrapper,
.preview-location-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-04 .preview-link-wrapper,
.preview-menu-item__component.button-style-04 .preview-lock-link-wrapper,
.youtube-gallery.button-style-04,
.preview-link-item__component.button-style-04 .preview-link-wrapper,
.preview-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-04 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-04 .preview-lock-link-wrapper,
.preview-header-component.button-style-04 .preview-link-wrapper,
.preview-header-component.button-style-04 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-04 .common-expanded-block,
.preview-link-item__component.button-style-04 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-04 .common-expanded-block,
.preview-lock-link-item__component.button-style-04 .common-expanded-locked-block__component,
.preview-header-component.button-style-04 .common-expanded-block,
.preview-header-component.button-style-04 .common-expanded-locked-block__component {
    -webkit-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -moz-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -ms-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border-radius: 50px 50px 50px 50px/25px 25px 25px 25px
}

.preview-signup-generator__component.button-style-05,
.preview-anonymous-messages__component.button-style-05,
.preview-commerce-link-item__component.button-style-05,
.preview-location-item__component.button-style-05,
.preview-menu-item__component.button-style-05,
.preview-commerce-link-item__component.button-style-05 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-05 .preview-link-wrapper,
.preview-location-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-05 .preview-link-wrapper,
.preview-menu-item__component.button-style-05 .preview-lock-link-wrapper,
.youtube-gallery.button-style-05,
.preview-link-item__component.button-style-05 .preview-link-wrapper,
.preview-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-05 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-05 .preview-lock-link-wrapper,
.preview-header-component.button-style-05 .preview-link-wrapper,
.preview-header-component.button-style-05 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-05 .common-expanded-block,
.preview-link-item__component.button-style-05 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-05 .common-expanded-block,
.preview-lock-link-item__component.button-style-05 .common-expanded-locked-block__component,
.preview-header-component.button-style-05 .common-expanded-block,
.preview-header-component.button-style-05 .common-expanded-locked-block__component {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-signup-generator__component.button-style-05 .link-underlayer,
.preview-anonymous-messages__component.button-style-05 .link-underlayer,
.preview-commerce-link-item__component.button-style-05 .link-underlayer,
.preview-location-item__component.button-style-05 .link-underlayer,
.preview-menu-item__component.button-style-05 .link-underlayer,
.preview-link-item__component.button-style-05 .link-underlayer,
.preview-lock-link-item__component.button-style-05 .link-underlayer,
.preview-header-component.button-style-05 .link-underlayer {
    top: 4px;
    left: 4px;
    border: 4px solid #239ae7
}

.preview-signup-generator__component.button-style-06,
.preview-signup-generator-terms__component.button-style-06,
.preview-anonymous-messages__component.button-style-06,
.preview-commerce-link-item__component.button-style-06,
.preview-location-item__component.button-style-06,
.preview-menu-item__component.button-style-06,
.preview-commerce-link-item__component.button-style-06 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-06 .preview-link-wrapper,
.preview-location-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-06 .preview-link-wrapper,
.preview-menu-item__component.button-style-06 .preview-lock-link-wrapper,
.youtube-gallery.button-style-06,
.preview-link-item__component.button-style-06 .preview-link-wrapper,
.preview-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-06 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-06 .preview-lock-link-wrapper,
.preview-header-component.button-style-06 .preview-link-wrapper,
.preview-header-component.button-style-06 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-06 .common-expanded-block,
.preview-link-item__component.button-style-06 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-06 .common-expanded-block,
.preview-lock-link-item__component.button-style-06 .common-expanded-locked-block__component,
.preview-header-component.button-style-06 .common-expanded-block,
.preview-header-component.button-style-06 .common-expanded-locked-block__component {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-signup-generator__component.button-style-07,
.preview-signup-generator-terms__component.button-style-07,
.preview-anonymous-messages__component.button-style-07,
.preview-commerce-link-item__component.button-style-07,
.preview-location-item__component.button-style-07,
.preview-menu-item__component.button-style-07,
.preview-commerce-link-item__component.button-style-07 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-07 .preview-link-wrapper,
.preview-location-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-07 .preview-link-wrapper,
.preview-menu-item__component.button-style-07 .preview-lock-link-wrapper,
.youtube-gallery.button-style-07,
.preview-link-item__component.button-style-07 .preview-link-wrapper,
.preview-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-07 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-07 .preview-lock-link-wrapper,
.preview-header-component.button-style-07 .preview-link-wrapper,
.preview-header-component.button-style-07 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-07 .common-expanded-block,
.preview-link-item__component.button-style-07 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-07 .common-expanded-block,
.preview-lock-link-item__component.button-style-07 .common-expanded-locked-block__component,
.preview-header-component.button-style-07 .common-expanded-block,
.preview-header-component.button-style-07 .common-expanded-locked-block__component {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-signup-generator__component.button-style-08,
.preview-signup-generator-terms__component.button-style-08,
.preview-anonymous-messages__component.button-style-08,
.preview-commerce-link-item__component.button-style-08,
.preview-location-item__component.button-style-08,
.preview-menu-item__component.button-style-08,
.preview-commerce-link-item__component.button-style-08 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-08 .preview-link-wrapper,
.preview-location-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-08 .preview-link-wrapper,
.preview-menu-item__component.button-style-08 .preview-lock-link-wrapper,
.youtube-gallery.button-style-08,
.preview-link-item__component.button-style-08 .preview-link-wrapper,
.preview-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-08 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-08 .preview-lock-link-wrapper,
.preview-header-component.button-style-08 .preview-link-wrapper,
.preview-header-component.button-style-08 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-08 .common-expanded-block,
.preview-link-item__component.button-style-08 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-08 .common-expanded-block,
.preview-lock-link-item__component.button-style-08 .common-expanded-locked-block__component,
.preview-header-component.button-style-08 .common-expanded-block,
.preview-header-component.button-style-08 .common-expanded-locked-block__component {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-signup-generator__component.button-style-09,
.preview-signup-generator-terms__component.button-style-09,
.preview-anonymous-messages__component.button-style-09,
.preview-commerce-link-item__component.button-style-09,
.preview-location-item__component.button-style-09,
.preview-menu-item__component.button-style-09,
.preview-commerce-link-item__component.button-style-09 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-09 .preview-link-wrapper,
.preview-location-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-09 .preview-link-wrapper,
.preview-menu-item__component.button-style-09 .preview-lock-link-wrapper,
.youtube-gallery.button-style-09,
.preview-link-item__component.button-style-09 .preview-link-wrapper,
.preview-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-09 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-09 .preview-lock-link-wrapper,
.preview-header-component.button-style-09 .preview-link-wrapper,
.preview-header-component.button-style-09 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-09 .common-expanded-block,
.preview-link-item__component.button-style-09 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-09 .common-expanded-block,
.preview-lock-link-item__component.button-style-09 .common-expanded-locked-block__component,
.preview-header-component.button-style-09 .common-expanded-block,
.preview-header-component.button-style-09 .common-expanded-locked-block__component {
    -webkit-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -moz-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    -ms-border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;
    border: 2px solid #239ae7;
    background: inherit !important
}

.preview-signup-generator__component.button-style-10,
.preview-signup-generator-terms__component.button-style-10,
.preview-anonymous-messages__component.button-style-10,
.preview-commerce-link-item__component.button-style-10,
.preview-location-item__component.button-style-10,
.preview-menu-item__component.button-style-10,
.preview-commerce-link-item__component.button-style-10 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-10 .preview-link-wrapper,
.preview-location-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-10 .preview-link-wrapper,
.preview-menu-item__component.button-style-10 .preview-lock-link-wrapper,
.youtube-gallery.button-style-10,
.preview-link-item__component.button-style-10 .preview-link-wrapper,
.preview-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-10 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-10 .preview-lock-link-wrapper,
.preview-header-component.button-style-10 .preview-link-wrapper,
.preview-header-component.button-style-10 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-10 .common-expanded-block,
.preview-link-item__component.button-style-10 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-10 .common-expanded-block,
.preview-lock-link-item__component.button-style-10 .common-expanded-locked-block__component,
.preview-header-component.button-style-10 .common-expanded-block,
.preview-header-component.button-style-10 .common-expanded-locked-block__component {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 1px solid #239ae7;
    background: transparent !important
}

.preview-signup-generator__component.button-style-10 .link-underlayer,
.preview-anonymous-messages__component.button-style-10 .link-underlayer,
.preview-commerce-link-item__component.button-style-10 .link-underlayer,
.preview-location-item__component.button-style-10 .link-underlayer,
.preview-menu-item__component.button-style-10 .link-underlayer,
.preview-link-item__component.button-style-10 .link-underlayer,
.preview-lock-link-item__component.button-style-10 .link-underlayer,
.preview-header-component.button-style-10 .link-underlayer {
    display: block;
    top: 3px;
    left: 3px;
    border: 1px solid #239ae7;
    border-width: 0 3px 3px 0
}

.preview-signup-generator__component.button-style-11,
.preview-anonymous-messages__component.button-style-11,
.preview-commerce-link-item__component.button-style-11,
.preview-location-item__component.button-style-11,
.preview-menu-item__component.button-style-11,
.preview-commerce-link-item__component.button-style-11 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-11 .preview-link-wrapper,
.preview-location-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-11 .preview-link-wrapper,
.preview-menu-item__component.button-style-11 .preview-lock-link-wrapper,
.youtube-gallery.button-style-11,
.preview-link-item__component.button-style-11 .preview-link-wrapper,
.preview-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-11 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-11 .preview-lock-link-wrapper,
.preview-header-component.button-style-11 .preview-link-wrapper,
.preview-header-component.button-style-11 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-11 .common-expanded-block,
.preview-link-item__component.button-style-11 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-11 .common-expanded-block,
.preview-lock-link-item__component.button-style-11 .common-expanded-locked-block__component,
.preview-header-component.button-style-11 .common-expanded-block,
.preview-header-component.button-style-11 .common-expanded-locked-block__component {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: 2px solid #239ae7
}

.preview-signup-generator__component.button-style-12,
.preview-anonymous-messages__component.button-style-12,
.preview-commerce-link-item__component.button-style-12,
.preview-location-item__component.button-style-12,
.preview-menu-item__component.button-style-12,
.preview-commerce-link-item__component.button-style-12 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-12 .preview-link-wrapper,
.preview-location-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-12 .preview-link-wrapper,
.preview-menu-item__component.button-style-12 .preview-lock-link-wrapper,
.youtube-gallery.button-style-12,
.preview-link-item__component.button-style-12 .preview-link-wrapper,
.preview-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-12 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-12 .preview-lock-link-wrapper,
.preview-header-component.button-style-12 .preview-link-wrapper,
.preview-header-component.button-style-12 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-12 .common-expanded-block,
.preview-link-item__component.button-style-12 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-12 .common-expanded-block,
.preview-lock-link-item__component.button-style-12 .common-expanded-locked-block__component,
.preview-header-component.button-style-12 .common-expanded-block,
.preview-header-component.button-style-12 .common-expanded-locked-block__component {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #239ae7
}

.preview-signup-generator__component.button-style-13,
.preview-anonymous-messages__component.button-style-13,
.preview-commerce-link-item__component.button-style-13,
.preview-location-item__component.button-style-13,
.preview-menu-item__component.button-style-13,
.preview-commerce-link-item__component.button-style-13 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-13 .preview-link-wrapper,
.preview-location-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-13 .preview-link-wrapper,
.preview-menu-item__component.button-style-13 .preview-lock-link-wrapper,
.youtube-gallery.button-style-13,
.preview-link-item__component.button-style-13 .preview-link-wrapper,
.preview-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-13 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-13 .preview-lock-link-wrapper,
.preview-header-component.button-style-13 .preview-link-wrapper,
.preview-header-component.button-style-13 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-13 .common-expanded-block,
.preview-link-item__component.button-style-13 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-13 .common-expanded-block,
.preview-lock-link-item__component.button-style-13 .common-expanded-locked-block__component,
.preview-header-component.button-style-13 .common-expanded-block,
.preview-header-component.button-style-13 .common-expanded-locked-block__component {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    border: 2px solid #239ae7
}

.preview-signup-generator__component.button-style-14,
.preview-anonymous-messages__component.button-style-14,
.preview-commerce-link-item__component.button-style-14,
.preview-location-item__component.button-style-14,
.preview-menu-item__component.button-style-14,
.preview-commerce-link-item__component.button-style-14 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-14 .preview-link-wrapper,
.preview-location-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-14 .preview-link-wrapper,
.preview-menu-item__component.button-style-14 .preview-lock-link-wrapper,
.youtube-gallery.button-style-14,
.preview-link-item__component.button-style-14 .preview-link-wrapper,
.preview-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-14 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-14 .preview-lock-link-wrapper,
.preview-header-component.button-style-14 .preview-link-wrapper,
.preview-header-component.button-style-14 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-14 .common-expanded-block,
.preview-link-item__component.button-style-14 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-14 .common-expanded-block,
.preview-lock-link-item__component.button-style-14 .common-expanded-locked-block__component,
.preview-header-component.button-style-14 .common-expanded-block,
.preview-header-component.button-style-14 .common-expanded-locked-block__component {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.preview-signup-generator__component.button-style-14,
.preview-anonymous-messages__component.button-style-14,
.preview-link-item__component.button-style-14,
.preview-lock-link-item__component.button-style-14,
.preview-header-component.button-style-14 {
    margin-bottom: 20px !important
}

.preview-signup-generator__component.button-style-14 .link-underlayer::after,
.preview-anonymous-messages__component.button-style-14 .link-underlayer::after,
.preview-commerce-link-item__component.button-style-14 .link-underlayer::after,
.preview-location-item__component.button-style-14 .link-underlayer::after,
.preview-menu-item__component.button-style-14 .link-underlayer::after,
.preview-link-item__component.button-style-14 .link-underlayer::after,
.preview-lock-link-item__component.button-style-14 .link-underlayer::after,
.preview-header-component.button-style-14 .link-underlayer::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    border-color: inherit;
    border-width: 2px;
    border-style: dashed;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px
}

.preview-signup-generator__component.button-style-15,
.preview-anonymous-messages__component.button-style-15,
.preview-commerce-link-item__component.button-style-15,
.preview-location-item__component.button-style-15,
.preview-menu-item__component.button-style-15,
.preview-commerce-link-item__component.button-style-15 .preview-link-wrapper,
.preview-commerce-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-location-item__component.button-style-15 .preview-link-wrapper,
.preview-location-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-menu-item__component.button-style-15 .preview-link-wrapper,
.preview-menu-item__component.button-style-15 .preview-lock-link-wrapper,
.youtube-gallery.button-style-15,
.preview-link-item__component.button-style-15 .preview-link-wrapper,
.preview-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-lock-link-item__component.button-style-15 .preview-link-wrapper,
.preview-lock-link-item__component.button-style-15 .preview-lock-link-wrapper,
.preview-header-component.button-style-15 .preview-link-wrapper,
.preview-header-component.button-style-15 .preview-lock-link-wrapper,
.preview-link-item__component.button-style-15 .common-expanded-block,
.preview-link-item__component.button-style-15 .common-expanded-locked-block__component,
.preview-lock-link-item__component.button-style-15 .common-expanded-block,
.preview-lock-link-item__component.button-style-15 .common-expanded-locked-block__component,
.preview-header-component.button-style-15 .common-expanded-block,
.preview-header-component.button-style-15 .common-expanded-locked-block__component {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.preview-signup-generator__component.button-style-15 .link-underlayer,
.preview-anonymous-messages__component.button-style-15 .link-underlayer,
.preview-commerce-link-item__component.button-style-15 .link-underlayer,
.preview-location-item__component.button-style-15 .link-underlayer,
.preview-menu-item__component.button-style-15 .link-underlayer,
.preview-link-item__component.button-style-15 .link-underlayer,
.preview-lock-link-item__component.button-style-15 .link-underlayer,
.preview-header-component.button-style-15 .link-underlayer {
    display: block;
    top: 5px;
    left: 5px;
    border: 2px solid #239ae7
}

.common-expanded-block {
    padding: 20px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    position: relative
}

.common-expanded-block::before {
    content: '';
    background: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: inherit;
    overflow: hidden
}

.common-expanded-block .iframe-wrapper {
    width: 100%;
    border-radius: inherit;
    box-sizing: border-box
}

.common-expanded-block .iframe-wrapper .data-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.common-expanded-block .iframe-wrapper .tiktok-embed {
    min-width: 250px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box
}

.common-expanded-block .description {
    color: #FFF
}

.default {
    border-radius: 8px
}

.bottom-border-radius {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important
}

.up-tiktok,
.up-opensea,
.up-pinterest,
.up-twitter,
.up-twitch,
.up-bank_details,
.up-nft_gallery,
.up-contact_details,
.up-book,
.up-dropdown,
.up-pdf,
.up-multi_button,
.up-google_review,
.up-podcast,
.up-gofundme,
.up-calendly,
.up-qrcode,
.up-commerce,
.up-threads,
.up-tiktok_feed {
    margin-bottom: 20px;
    margin-top: 0px;
    z-index: 2
}

.nft-link>div:not(:first-child) {
    margin-top: 20px
}

.nft-link .preview-nft-item__component {
    background: white;
    width: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-title-wrapper {
    height: 70px;
    background: #1f3447;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-title-wrapper .nft-logo {
    width: 22px;
    margin-right: 20px
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-title-wrapper .nft-title {
    color: white;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper {
    position: relative
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide {
    position: relative
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-image {
    position: relative
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-image img {
    max-width: 600px;
    width: 100%;
    max-height: 550px;
    object-fit: cover
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper {
    padding: 20px
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .token-title {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #1f3447;
    padding: 30px 0 10px
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .info-owner,
.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .info-creator {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .info-owner .icon-owner,
.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .info-creator .icon-owner {
    margin-right: 20px
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .info-owner .icon-owner img,
.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .info-creator .icon-owner img {
    width: 28px;
    height: 28px;
    border-radius: 100px
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .info-owner .owner-name,
.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .info-creator .owner-name {
    color: #878cac;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .info-owner .owner-name span,
.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .info-creator .owner-name span {
    margin-left: 20px;
    color: #2975ce
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .token-description {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 18px;
    color: #1f3447
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .info-creator {
    color: #878cac;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .info-creator span {
    margin-left: 20px;
    color: #2975ce
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .token-price {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #1f3447;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper button.buy-token {
    width: 60%;
    height: 50px;
    display: block;
    margin: 0 auto;
    text-align: center;
    background-color: #2975ce;
    border: none;
    box-sizing: border-box;
    border-radius: 50px;
    cursor: pointer
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper button.buy-token .btn-text {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px
}

@media screen and (max-width:576px) {
    .nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper button.buy-token {
        width: 100%
    }
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slide .nft-info-wrapper .info-royalty {
    text-align: center;
    margin-top: 20px
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slick-prev {
    left: 40 !important
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slick-arrow {
    position: absolute;
    top: 40%;
    margin: -15px 0 0 0;
    z-index: 22;
    font-size: 0;
    width: 130px;
    height: 130px
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slick-arrow.slick-prev {
    left: 0 !important
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slick-arrow.slick-next {
    right: 0 !important
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slick-dots {
    position: absolute;
    bottom: 315px;
    left: 0px;
    height: 30px
}

.nft-link .preview-nft-item__component .preview-nft-link-wrapper .nft-slider-wrapper .slick-dots li button:before {
    font-size: 10px !important
}

.drop-down-expanded__component {
    width: 100%;
    color: #FFF
}

.drop-down-expanded__component .dd-wrapper {
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.drop-down-expanded__component .dd-wrapper:not(:last-child) {
    margin: 0 0 10px 0
}

.drop-down-expanded__component .dd-wrapper .expand-button-icon {
    min-width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 30px;
    cursor: pointer
}

.drop-down-expanded__component .dd-wrapper .expand-button-icon.plus {
    background: url(../../img/ic_plus.svg) 50% 50% no-repeat
}

.drop-down-expanded__component .dd-wrapper .expand-button-icon.minus {
    background: url(../../img/ic_minus.svg) 50% 50% no-repeat
}

.drop-down-expanded__component .dd-wrapper .dd-header {
    margin-left: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    word-wrap: break-word;
    word-break: break-all
}

.drop-down-expanded__component .sub-item-wrapper-text {
    margin: 0px 0 20px 30px
}

.drop-down-expanded__component .sub-item-wrapper-text .sub-item-text {
    color: #FFF;
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

.drop-down-expanded__component .sub-item-wrapper-text:last-child {
    margin: 0px 0 0px 30px
}

.drop-down-expanded__component .hidden {
    display: none
}

.user-page-section-footer {
    width: 100%;
    margin-bottom: 50px
}

.user-page-section-footer .footer-wrapper {
    width: 100%;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.user-page-section-footer .footer-wrapper .abuse-report {
    margin: auto 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.user-page-section-footer .footer-wrapper .abuse-report.fl-position-center {
    margin: 10px auto 0;
    text-align: center;
    order: 1
}

.user-page-section-footer .footer-wrapper .abuse-report .footer-links-wrapper {
    font-size: 12px;
    font-weight: normal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.user-page-section-footer .footer-wrapper .abuse-report .footer-links-wrapper .footer-link {
    margin-bottom: 5px;
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

.user-page-section-footer .footer-wrapper .abuse-report .footer-links-wrapper .footer-link-dropdown__component {
    width: 100%;
    height: 80%
}

.user-page-section-footer .footer-wrapper .abuse-report .footer-links-wrapper .footer-link-dropdown__component .popup-window {
    height: 80%;
    font-size: 14px
}

.user-page-section-footer .footer-wrapper .abuse-report .cookies-wrapper {
    height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    color: #fff
}

.user-page-section-footer .footer-wrapper .abuse-report .cookies-wrapper.cookies-position-center {
    margin: auto
}

.user-page-section-footer .footer-wrapper.logo-position-right {
    position: relative;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user-page-section-footer .footer-wrapper.logo-position-right .logo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.user-page-section-footer .footer-wrapper.logo-position-left {
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    direction: rtl;
    position: relative
}

.user-page-section-footer .footer-wrapper.logo-position-left .logo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.user-page-section-footer .footer-wrapper.logo-position-center {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.user-page-section-footer .footer-wrapper.logo-position-center .logo {
    margin: 0 auto
}

.user-page-section-footer .footer-wrapper .preview-heylinkme-logo__component {
    font-size: 20px;
    font-weight: 500;
    cursor: pointer
}

.user-page-section-footer .footer-wrapper .preview-heylinkme-logo__component svg {
    margin-bottom: 5px;
    fill: currentColor
}

.user-page-section-footer .footer-wrapper .preview-heylinkme-logo__component img {
    margin-bottom: 5px
}

.user-page-section-footer .footer-wrapper .preview-heylinkme-logo__component .exclusive-theme-logo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user-page-section-footer .footer-wrapper .preview-heylinkme-logo__component .heylinkme-logo svg {
    width: 100%
}

.user-page-section-footer .footer-wrapper .preview-heylinkme-logo__component .large {
    width: 175px
}

.user-page-section-footer .footer-wrapper .preview-heylinkme-logo__component .medium {
    width: 150px
}

.user-page-section-footer .footer-wrapper .preview-heylinkme-logo__component .small {
    width: 100px
}

.bank-account-info__component {
    width: 100%;
    padding: 10px
}

.bank-account-info__component .bank-info-title {
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
    color: #cecece
}

.bank-account-info__component .bank-logo-wrapper {
    width: 100%
}

.bank-account-info__component .bank-logo-wrapper img {
    width: 100% !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px
}

.bank-account-info__component .bank-name-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.bank-account-info__component .bank-name-wrapper .bank-name,
.bank-account-info__component .bank-name-wrapper .account-holder,
.bank-account-info__component .bank-name-wrapper .bcb-code,
.bank-account-info__component .bank-name-wrapper .account-number {
    margin-top: 3px;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFF
}

.bank-account-info__component .bank-name-wrapper img {
    margin-left: 5px;
    cursor: pointer
}

.bank-account-info__component .buttons-wrapper {
    margin-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 10px
}

@media screen and (max-width:600px) {
    .bank-account-info__component .buttons-wrapper {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width:600px) {
    .bank-account-info__component .buttons-wrapper .copy-bank-info-btn {
        margin-bottom: 15px
    }
}

@media screen and (min-width:601px) {
    .bank-account-info__component .buttons-wrapper .copy-bank-info-btn {
        width: 100%
    }
}

.bank-account-info__component .buttons-wrapper .download-btn {
    height: 48px
}

@media screen and (min-width:601px) {
    .bank-account-info__component .buttons-wrapper .download-btn {
        width: 100%
    }
}

.shortcut__component {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 8
}

.shortcut__component.active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:1024px) {
    .shortcut__component.active {
        display: none
    }
}

.shortcut__component .shortcut {
    width: 600px;
    height: 60px;
    margin-top: 20px;
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(7.5px);
    border-radius: 35px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:650px) {
    .shortcut__component .shortcut {
        border-radius: 0px;
        margin-top: 0px
    }
}

.shortcut__component .shortcut .avatar {
    max-width: 40px;
    margin-left: 10px;
    margin-top: 10px
}

.shortcut__component .shortcut .avatar img {
    width: 36px;
    height: 36px;
    border-radius: 50px
}

.shortcut__component .shortcut .shortcut-title {
    width: 100%;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shortcut__component .shortcut .shortcut-title.center {
    text-align: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.shortcut__component .shortcut .shortcut-title.left {
    text-align: left;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.shortcut__component .shortcut .shortcut-title.right {
    text-align: right;
    -webkit-justify-content: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.shortcut__component .shortcut .icons-wrapper {
    margin-right: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media screen and (max-width:450px) {
    .shortcut__component .shortcut .icons-wrapper {
        margin-right: 0px
    }
}

.shortcut__component .shortcut .icons-wrapper .message-icon {
    position: relative
}

.shortcut__component .shortcut .icons-wrapper .message-icon .dropdown__message {
    position: absolute;
    top: 10px;
    left: 30px
}

.shortcut__component .shortcut .icons-wrapper .icon {
    width: 20px;
    height: 20px;
    margin: auto 10px
}

.shortcut__component .shortcut .icons-wrapper .icon .ic {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.shortcut__component .dropdown-shortcut__message {
    position: absolute;
    top: 65px;
    right: 10px
}

.shortcut__component .dropdown-shortcut__message textarea {
    width: 100%;
    margin-top: 15px;
    color: #343438;
    background: #F4F5F9;
    font-family: 'Poppins';
    border-radius: 5px;
    outline: none;
    -moz-appearance: none;
    border: none;
    resize: none
}

.shortcut__component .dropdown-shortcut__message textarea::-webkit-input-placeholder {
    color: #878CAC;
    padding-left: 10px
}

.shortcut__component .dropdown-shortcut__message textarea:-moz-placeholder {
    color: #878CAC;
    padding-left: 10px
}

.shortcut__component .dropdown-shortcut__message textarea::-moz-placeholder {
    color: #878CAC;
    padding-left: 10px
}

.shortcut__component .dropdown-shortcut__message textarea:-ms-input-placeholder {
    color: #878CAC;
    padding-left: 10px
}

.shortcut__component .dropdown-shortcut__message .max-characters {
    font-size: 10px;
    color: #878CAC;
    text-align: right
}

.shortcut__component .dropdown-shortcut__message input {
    width: 100%;
    height: 50px;
    margin-top: 15px;
    text-indent: 10px;
    font-family: 'Poppins';
    font-size: 14px;
    color: #343438;
    background: #F4F5F9;
    border-radius: 5px;
    outline: none;
    -moz-appearance: none;
    border: none;
    text-overflow: ellipsis
}

.shortcut__component .dropdown-shortcut__message input::-webkit-input-placeholder {
    color: #878CAC;
    margin-right: 10px
}

.shortcut__component .dropdown-shortcut__message input:-moz-placeholder {
    color: #878CAC;
    margin-right: 10px
}

.shortcut__component .dropdown-shortcut__message input::-moz-placeholder {
    color: #878CAC;
    margin-right: 10px
}

.shortcut__component .dropdown-shortcut__message input:-ms-input-placeholder {
    color: #878CAC;
    margin-right: 10px
}

.shortcut__component .dropdown-shortcut__message .validation-error {
    font-size: 12px;
    color: red
}

.shortcut__component .dropdown-shortcut__message button {
    width: 100%;
    height: 50px;
    margin-top: 15px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    border: none;
    background: #2975CE;
    border-radius: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.shortcut__component .dropdown-shortcut__message button img {
    margin-left: 10px
}

.shortcut__component .dropdown-shortcut__message .shortcut-anonymous-msg-success-message {
    display: none;
    padding: 10px;
    color: #343438;
    text-align: center
}

.shortcut__component .dropdown__subscribe {
    position: absolute;
    top: 65px;
    right: 10px
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-nav {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-nav li {
    display: block;
    float: left;
    padding: 0;
    list-style: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-nav li a {
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    color: #878CAC
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-nav li a.active {
    border-bottom: 2px solid #00CC62;
    background: #fff;
    color: #1F3447
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .tab-input {
    width: 100%;
    height: 45px;
    margin-top: 30px;
    padding: 5px;
    background: #F4F5F9;
    border-radius: 5px;
    border: none
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .tab-input::placeholder {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .validation-error-shortcut {
    font-size: 12px;
    color: red
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .btn-subscribe {
    width: 100%;
    height: 45px;
    margin: 20px 0;
    color: #fff;
    background: #2975CE;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .btn-subscribe .btn-text {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .result-message {
    display: none;
    padding: 10px;
    text-align: center;
    font-family: 'Poppins';
    color: #1F3447
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .privacy {
    margin-top: 20px;
    text-align: center;
    color: #878CAC;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%
}

.shortcut__component .dropdown__subscribe .subscribe-tabs .tabs-items .tabs-item .privacy a {
    color: #239AE7
}

.nft-gallery__component {
    width: 100%;
    padding-bottom: 20px
}

.nft-gallery__component .items-wrapper {
    width: 100%;
    max-height: 600px;
    overflow-y: scroll;
    padding-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:500px) {
    .nft-gallery__component .items-wrapper {
        max-height: 500px
    }
}

.nft-gallery__component .items-wrapper a.nft-url {
    width: calc(84% / 2);
    margin: 10px
}

.nft-gallery__component .items-wrapper a.nft-url .item-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nft-gallery__component .items-wrapper a.nft-url .item-wrapper img {
    width: 100%;
    border-radius: 5px
}

.nft-gallery__component .items-wrapper a.nft-url .item-wrapper .serial-number {
    margin-top: 5px;
    font-size: 14px;
    color: #FFF
}

.nft-gallery__component .items-wrapper a.nft-url .item-wrapper .nft-name {
    margin-top: 5px;
    font-size: 12px;
    color: #FFF
}

.nft-gallery__component .nft-gallery-btn {
    width: 100%;
    height: 50px;
    margin: 15px auto;
    background: #2975CE;
    cursor: pointer;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nft-gallery__component .nft-gallery-btn div {
    font-weight: 600;
    color: #fff
}

.nft-gallery__component .powered-wrapper {
    margin-top: 10px;
    color: #FFF;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nft-gallery__component .powered-wrapper img {
    margin: 0 10px
}

.nft-gallery__component .powered-wrapper .market-name {
    font-weight: 600;
    color: #FFF
}

.dropdown__share,
.dropdown__qrcode,
.cv_dropdown__share,
.cv_dropdown__qrcode {
    position: absolute;
    top: 65px;
    right: 10px;
    color: #1F3447
}

.dropdown__share .popup-share-title,
.dropdown__qrcode .popup-share-title,
.cv_dropdown__share .popup-share-title,
.cv_dropdown__qrcode .popup-share-title {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.dropdown__share .popup-share-title .avatar-wrapper img,
.dropdown__qrcode .popup-share-title .avatar-wrapper img,
.cv_dropdown__share .popup-share-title .avatar-wrapper img,
.cv_dropdown__qrcode .popup-share-title .avatar-wrapper img {
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.dropdown__share .popup-share-title .profile-share-text,
.dropdown__qrcode .popup-share-title .profile-share-text,
.cv_dropdown__share .popup-share-title .profile-share-text,
.cv_dropdown__qrcode .popup-share-title .profile-share-text {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.dropdown__share .field-share-link,
.dropdown__qrcode .field-share-link,
.cv_dropdown__share .field-share-link,
.cv_dropdown__qrcode .field-share-link {
    width: 100%;
    height: 45px;
    margin-bottom: 20px;
    background: #F4F5F9;
    border-radius: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdown__share .field-share-link .link-text,
.dropdown__qrcode .field-share-link .link-text,
.cv_dropdown__share .field-share-link .link-text,
.cv_dropdown__qrcode .field-share-link .link-text {
    margin: 0 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #1d3548
}

.dropdown__share .field-share-link .ic-copy-scroll-shortcut,
.dropdown__share .field-share-link .ic-copy-cv,
.dropdown__qrcode .field-share-link .ic-copy-scroll-shortcut,
.dropdown__qrcode .field-share-link .ic-copy-cv,
.cv_dropdown__share .field-share-link .ic-copy-scroll-shortcut,
.cv_dropdown__share .field-share-link .ic-copy-cv,
.cv_dropdown__qrcode .field-share-link .ic-copy-scroll-shortcut,
.cv_dropdown__qrcode .field-share-link .ic-copy-cv {
    margin-right: 15px;
    cursor: pointer
}

.dropdown__share .user-qr-code,
.dropdown__qrcode .user-qr-code,
.cv_dropdown__share .user-qr-code,
.cv_dropdown__qrcode .user-qr-code {
    margin-bottom: 20px;
    text-align: center
}

.dropdown__share .share-item,
.dropdown__qrcode .share-item,
.cv_dropdown__share .share-item,
.cv_dropdown__qrcode .share-item {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    background: #FFFFFF;
    border: 1px solid #DFE3EE;
    border-radius: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdown__share .share-item:hover,
.dropdown__qrcode .share-item:hover,
.cv_dropdown__share .share-item:hover,
.cv_dropdown__qrcode .share-item:hover {
    background: #DCEFFF
}

.dropdown__share .share-item .icon-title-wrapper,
.dropdown__qrcode .share-item .icon-title-wrapper,
.cv_dropdown__share .share-item .icon-title-wrapper,
.cv_dropdown__qrcode .share-item .icon-title-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdown__share .share-item .icon-title-wrapper img,
.dropdown__qrcode .share-item .icon-title-wrapper img,
.cv_dropdown__share .share-item .icon-title-wrapper img,
.cv_dropdown__qrcode .share-item .icon-title-wrapper img {
    margin: 0 20px
}

.dropdown__share .share-item img,
.dropdown__qrcode .share-item img,
.cv_dropdown__share .share-item img,
.cv_dropdown__qrcode .share-item img {
    margin-right: 10px
}

@media screen and (min-height:668px) {

    .dropdown__share .social-button-hidden,
    .dropdown__qrcode .social-button-hidden,
    .cv_dropdown__share .social-button-hidden,
    .cv_dropdown__qrcode .social-button-hidden {
        display: none
    }
}

@media screen and (max-height:667px) {

    .dropdown__share .social-items-hidden,
    .dropdown__qrcode .social-items-hidden,
    .cv_dropdown__share .social-items-hidden,
    .cv_dropdown__qrcode .social-items-hidden {
        display: none
    }
}

.dropdown__share .share-dropdown-footer-hidden,
.dropdown__qrcode .share-dropdown-footer-hidden,
.cv_dropdown__share .share-dropdown-footer-hidden,
.cv_dropdown__qrcode .share-dropdown-footer-hidden {
    display: none
}

.dropdown__share .hidden,
.dropdown__qrcode .hidden,
.cv_dropdown__share .hidden,
.cv_dropdown__qrcode .hidden {
    display: none
}

.dropdown__share .qrcode,
.dropdown__qrcode .qrcode,
.cv_dropdown__share .qrcode,
.cv_dropdown__qrcode .qrcode {
    width: 256px;
    display: block;
    margin: 10px auto
}

.dropdown__share .btn-wrapper,
.dropdown__qrcode .btn-wrapper,
.cv_dropdown__share .btn-wrapper,
.cv_dropdown__qrcode .btn-wrapper {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dropdown__share .btn-wrapper .btn-png .btn-text,
.dropdown__qrcode .btn-wrapper .btn-png .btn-text,
.cv_dropdown__share .btn-wrapper .btn-png .btn-text,
.cv_dropdown__qrcode .btn-wrapper .btn-png .btn-text {
    margin-left: 10px
}

.dropdown__share .btn-wrapper .btn-png img,
.dropdown__qrcode .btn-wrapper .btn-png img,
.cv_dropdown__share .btn-wrapper .btn-png img,
.cv_dropdown__qrcode .btn-wrapper .btn-png img {
    width: 20px;
    margin-right: 10px
}

.dropdown__share .btn-wrapper .cv-btn-png img,
.dropdown__qrcode .btn-wrapper .cv-btn-png img,
.cv_dropdown__share .btn-wrapper .cv-btn-png img,
.cv_dropdown__qrcode .btn-wrapper .cv-btn-png img {
    width: 20px;
    margin-right: 10px
}

.dropdown__share .dropdown-footer,
.dropdown__qrcode .dropdown-footer,
.cv_dropdown__share .dropdown-footer,
.cv_dropdown__qrcode .dropdown-footer {
    margin-top: 20px;
    margin-bottom: 45px
}

.dropdown__share .dropdown-footer .text-wrapper,
.dropdown__qrcode .dropdown-footer .text-wrapper,
.cv_dropdown__share .dropdown-footer .text-wrapper,
.cv_dropdown__qrcode .dropdown-footer .text-wrapper {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 18px
}

@media screen and (max-width:552px) {

    .dropdown__share .dropdown-footer .text-wrapper,
    .dropdown__qrcode .dropdown-footer .text-wrapper,
    .cv_dropdown__share .dropdown-footer .text-wrapper,
    .cv_dropdown__qrcode .dropdown-footer .text-wrapper {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.dropdown__share .dropdown-footer .dropdown-footer-buttons-wrapper,
.dropdown__qrcode .dropdown-footer .dropdown-footer-buttons-wrapper,
.cv_dropdown__share .dropdown-footer .dropdown-footer-buttons-wrapper,
.cv_dropdown__qrcode .dropdown-footer .dropdown-footer-buttons-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.dropdown__share .dropdown-footer .dropdown-footer-buttons-wrapper a,
.dropdown__qrcode .dropdown-footer .dropdown-footer-buttons-wrapper a,
.cv_dropdown__share .dropdown-footer .dropdown-footer-buttons-wrapper a,
.cv_dropdown__qrcode .dropdown-footer .dropdown-footer-buttons-wrapper a {
    width: 100%;
    text-decoration: none
}

.dropdown__share .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(1),
.dropdown__qrcode .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(1),
.cv_dropdown__share .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(1),
.cv_dropdown__qrcode .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(1) {
    margin-right: 10px
}

.dropdown__share .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(2),
.dropdown__qrcode .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(2),
.cv_dropdown__share .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(2),
.cv_dropdown__qrcode .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(2) {
    margin-left: 10px
}

@media screen and (max-width:552px) {

    .dropdown__share .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(1),
    .dropdown__qrcode .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(1),
    .cv_dropdown__share .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(1),
    .cv_dropdown__qrcode .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(1) {
        margin-right: 0
    }

    .dropdown__share .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(2),
    .dropdown__qrcode .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(2),
    .cv_dropdown__share .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(2),
    .cv_dropdown__qrcode .dropdown-footer .dropdown-footer-buttons-wrapper a:nth-child(2) {
        margin-left: 0
    }
}

@media screen and (max-width:552px) {

    .dropdown__share .dropdown-footer .dropdown-footer-buttons-wrapper,
    .dropdown__qrcode .dropdown-footer .dropdown-footer-buttons-wrapper,
    .cv_dropdown__share .dropdown-footer .dropdown-footer-buttons-wrapper,
    .cv_dropdown__qrcode .dropdown-footer .dropdown-footer-buttons-wrapper {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.contact-details__component {
    color: #FFFFFF
}

.contact-details__component .contact-header-wrapper .contact-name {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    font-size: 22px
}

.contact-details__component .contact-header-wrapper .organization-info {
    margin: 10px 0 20px
}

.contact-details__component .contact-header-wrapper .organization-info .organization-name,
.contact-details__component .contact-header-wrapper .organization-info .position {
    font-size: 14px
}

.contact-details__component .email-wrapper,
.contact-details__component .phones-wrapper,
.contact-details__component .buttons-wrapper {
    margin: 10px 0
}

.contact-details__component .email-wrapper .email-title,
.contact-details__component .email-wrapper .phone-title,
.contact-details__component .phones-wrapper .email-title,
.contact-details__component .phones-wrapper .phone-title,
.contact-details__component .buttons-wrapper .email-title,
.contact-details__component .buttons-wrapper .phone-title {
    margin-bottom: 8px;
    color: #FFFFFF
}

.contact-details__component .email-wrapper .btn-wrapper,
.contact-details__component .phones-wrapper .btn-wrapper,
.contact-details__component .buttons-wrapper .btn-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px
}

.contact-details__component .email-wrapper .btn-wrapper a,
.contact-details__component .phones-wrapper .btn-wrapper a,
.contact-details__component .buttons-wrapper .btn-wrapper a {
    width: 100%
}

.contact-details__component .email-wrapper .btn-wrapper a .btn-email,
.contact-details__component .email-wrapper .btn-wrapper a .btn-phone,
.contact-details__component .email-wrapper .btn-wrapper a .btn-locate,
.contact-details__component .email-wrapper .btn-wrapper a .btn-url,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-email,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-phone,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-locate,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-url,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-email,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-phone,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-locate,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-url {
    width: 100%;
    height: 46px;
    background: #FFFFFF;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 5px 7px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: 0.5s
}

.contact-details__component .email-wrapper .btn-wrapper a .btn-email:hover,
.contact-details__component .email-wrapper .btn-wrapper a .btn-phone:hover,
.contact-details__component .email-wrapper .btn-wrapper a .btn-locate:hover,
.contact-details__component .email-wrapper .btn-wrapper a .btn-url:hover,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-email:hover,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-phone:hover,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-locate:hover,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-url:hover,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-email:hover,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-phone:hover,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-locate:hover,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-url:hover {
    scale: 1.02
}

.contact-details__component .email-wrapper .btn-wrapper a .btn-email .icon-wrapper,
.contact-details__component .email-wrapper .btn-wrapper a .btn-phone .icon-wrapper,
.contact-details__component .email-wrapper .btn-wrapper a .btn-locate .icon-wrapper,
.contact-details__component .email-wrapper .btn-wrapper a .btn-url .icon-wrapper,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-email .icon-wrapper,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-phone .icon-wrapper,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-locate .icon-wrapper,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-url .icon-wrapper,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-email .icon-wrapper,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-phone .icon-wrapper,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-locate .icon-wrapper,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-url .icon-wrapper {
    width: 28px;
    height: 28px;
    margin: 0 10px
}

.contact-details__component .email-wrapper .btn-wrapper a .btn-email .icon-wrapper .icon,
.contact-details__component .email-wrapper .btn-wrapper a .btn-phone .icon-wrapper .icon,
.contact-details__component .email-wrapper .btn-wrapper a .btn-locate .icon-wrapper .icon,
.contact-details__component .email-wrapper .btn-wrapper a .btn-url .icon-wrapper .icon,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-email .icon-wrapper .icon,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-phone .icon-wrapper .icon,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-locate .icon-wrapper .icon,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-url .icon-wrapper .icon,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-email .icon-wrapper .icon,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-phone .icon-wrapper .icon,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-locate .icon-wrapper .icon,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-url .icon-wrapper .icon {
    width: 100%;
    height: 100%
}

.contact-details__component .email-wrapper .btn-wrapper a .btn-email .text,
.contact-details__component .email-wrapper .btn-wrapper a .btn-phone .text,
.contact-details__component .email-wrapper .btn-wrapper a .btn-locate .text,
.contact-details__component .email-wrapper .btn-wrapper a .btn-url .text,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-email .text,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-phone .text,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-locate .text,
.contact-details__component .phones-wrapper .btn-wrapper a .btn-url .text,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-email .text,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-phone .text,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-locate .text,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-url .text {
    color: #000000
}

.contact-details__component .buttons-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px
}

.contact-details__component .buttons-wrapper .btn-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contact-details__component .buttons-wrapper .btn-wrapper a .btn-url,
.contact-details__component .buttons-wrapper .btn-wrapper a .btn-locate {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contact-details__component .buttons-wrapper .save-to-contacts {
    height: auto;
    min-height: 44px
}

.contact-details__component .address-wrapper,
.contact-details__component .link-wrapper,
.contact-details__component .time-wrapper {
    margin: 20px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-details__component .address-wrapper img,
.contact-details__component .link-wrapper img,
.contact-details__component .time-wrapper img {
    height: 25px;
    margin-right: 20px
}

.contact-details__component .address-wrapper .info,
.contact-details__component .link-wrapper .info,
.contact-details__component .time-wrapper .info {
    word-break: break-all;
    color: #FFFFFF
}

.pdf-link__component {
    width: 100%
}

.pdf-link__component a {
    width: 100%
}

.pdf-link__component a .cover-pdf-image {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.pdf-link__component .link-pdf-btn {
    width: 100%
}

.pdf-link__component .link-pdf-btn .view-pdf-btn {
    margin-top: 12px
}

.multi-button__component .multi-button-description {
    font-weight: 400;
    font-size: 14px;
    color: #FFF
}

.multi-button__component a .link-btn {
    width: 100%;
    height: 50px;
    margin-top: 20px;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.multi-button__component a .link-btn .text {
    font-weight: 500;
    font-size: 16px
}

.common-expanded-locked-block__component {
    padding: 20px;
    background: #fff;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important
}

.common-expanded-locked-block__component>*:not(:first-child) {
    display: none
}

.lock-sensitive-content__component .lock-header,
.lock-code__component .lock-header,
.lock-age__component .lock-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lock-sensitive-content__component .lock-header .title,
.lock-code__component .lock-header .title,
.lock-age__component .lock-header .title {
    margin-left: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    color: #1F3447
}

.lock-sensitive-content__component .text,
.lock-code__component .text,
.lock-age__component .text {
    margin-top: 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #1F3447
}

.lock-sensitive-content__component .code-input,
.lock-sensitive-content__component .lock-datapicker,
.lock-code__component .code-input,
.lock-code__component .lock-datapicker,
.lock-age__component .code-input,
.lock-age__component .lock-datapicker {
    width: 100%;
    height: 50px;
    margin-top: 20px;
    padding: 0px;
    border: none;
    background: #F4F5F9;
    border-radius: 5px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

.lock-sensitive-content__component .continue-sensitive-btn,
.lock-sensitive-content__component .continue-code-btn,
.lock-sensitive-content__component .continue-age-btn,
.lock-code__component .continue-sensitive-btn,
.lock-code__component .continue-code-btn,
.lock-code__component .continue-age-btn,
.lock-age__component .continue-sensitive-btn,
.lock-age__component .continue-code-btn,
.lock-age__component .continue-age-btn {
    margin-top: 20px
}

.flash-message__component .dropdown-popup.flash-message {
    width: 100vw;
    display: none;
    background: rgba(43, 41, 119, 0.85);
    z-index: 3
}

.flash-message__component .dropdown-popup.flash-message.active {
    display: block
}

.flash-message__component .dropdown-popup.flash-message .popup-flash {
    display: block
}

.flash-message__component .dropdown-popup.flash-message .popup-flash .dropdown__container {
    margin-bottom: 60px
}

.flash-message__component .dropdown-popup.flash-message .popup-flash .flash-img-wrapper {
    width: 100%;
    margin-top: 20px;
    text-align: center
}

.flash-message__component .dropdown-popup.flash-message .popup-flash .flash-img-wrapper .cover-flash-image {
    width: 60%;
    max-height: 300px
}

.flash-message__component .dropdown-popup.flash-message .popup-flash .flash-title {
    margin-top: 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    text-align: center
}

.flash-message__component .dropdown-popup.flash-message .popup-flash .flash-description {
    margin-top: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center
}

.flash-message__component .dropdown-popup.flash-message .popup-flash a.flash-link {
    text-decoration: none
}

.flash-message__component .dropdown-popup.flash-message .popup-flash a.flash-link .flash-btn-link {
    width: 100%;
    height: 50px;
    margin-top: 20px;
    margin-bottom: 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.google-review__component {
    font-family: "Poppins", sans-serif
}

.google-review__component .title {
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    color: #FFF
}

.google-review__component .address {
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #FFF
}

.google-review__component .info-rate-wrapper {
    width: 100%;
    height: 55px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    background: #f4f5f991;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.google-review__component .info-rate-wrapper .rating {
    height: min-content;
    margin: 0 7px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    color: #FFF
}

@media screen and (max-width:410px) {
    .google-review__component .info-rate-wrapper .rating {
        font-size: 14px
    }
}

.google-review__component .info-rate-wrapper .stars {
    height: min-content;
    margin: 0 7px
}

.google-review__component .info-rate-wrapper .count-review {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #FFF;
    text-align: center
}

@media screen and (max-width:410px) {
    .google-review__component .info-rate-wrapper .count-review {
        width: 100%;
        font-size: 14px;
        text-align: center
    }
}

.google-review__component .qr-code-wrapper {
    max-width: 100%;
    margin-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.google-review__component .qr-code-wrapper img.qrcode {
    width: 280px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px
}

@media screen and (max-width:390px) {
    .google-review__component .qr-code-wrapper img.qrcode {
        width: 100%
    }
}

.google-review__component .description {
    margin-top: 30px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.google-review__component a .google-link-btn {
    min-height: 50px;
    margin-top: 20px;
    padding: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.google-review__component a .google-link-btn .text {
    text-align: center;
    word-break: break-all;
    word-wrap: break-word
}

.promo-link__component {
    margin-bottom: 20px
}

.promo-link__component .heylink-promo {
    max-width: 600px
}

.promo-link__component .heylink-promo img {
    width: 100%
}

.podcasts-links__component {
    padding: 20px
}

@media screen and (max-width:500px) {
    .podcasts-links__component {
        padding: 0px
    }
}

.podcasts-links__component .main-image-wrapper {
    width: 100%;
    text-align: center
}

.podcasts-links__component .main-image-wrapper .main-image {
    width: 70%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.podcasts-links__component .podcast-main-title {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #FFF
}

.podcasts-links__component .author-name {
    margin: 10px 0;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #FFF
}

.podcasts-links__component .podcast-description {
    max-height: 55px;
    overflow: hidden;
    transition: max-height 0.5s ease;
    color: #FFF
}

.podcasts-links__component .description-expanded {
    max-height: 200px;
    overflow-y: scroll
}

.podcasts-links__component .more-less-btn {
    margin-top: 6px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    cursor: pointer;
    color: #d1ecfe
}

.podcasts-links__component .platforms-wrapper .platforms-title-btn-wrapper {
    margin: 20px 0 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.podcasts-links__component .platforms-wrapper .platforms-title-btn-wrapper .platforms-title {
    color: #FFF
}

.podcasts-links__component .platforms-wrapper .platforms-title-btn-wrapper .see-all-platforms-button {
    color: #d1ecfe;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    cursor: pointer
}

.podcasts-links__component .platforms-wrapper .items-wrapper {
    height: 70px;
    margin-top: 10px;
    overflow-y: hidden
}

.podcasts-links__component .platforms-wrapper .items-wrapper .platform-item {
    width: 99%;
    height: 60px;
    margin-bottom: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #dfe3ee;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.podcasts-links__component .platforms-wrapper .items-wrapper .platform-item .icon-title-wrapper {
    margin-left: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.podcasts-links__component .platforms-wrapper .items-wrapper .platform-item .icon-title-wrapper .platform-name {
    margin-left: 8px;
    color: #FFF
}

.podcasts-links__component .platforms-wrapper .items-wrapper .platform-item .arrow-icon-wrapper {
    margin-right: 10px
}

.podcasts-links__component .platforms-wrapper .items-wrapper-expanded {
    height: 450px;
    overflow-y: scroll;
    scrollbar-color: rgba(171, 169, 201, 0.5) #e8eaf2
}

.podcasts-links__component .platforms-wrapper .items-wrapper-expanded::-webkit-scrollbar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: 5px
}

.podcasts-links__component .platforms-wrapper .items-wrapper-expanded::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #e8eaf2
}

.podcasts-links__component .platforms-wrapper .items-wrapper-expanded::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #aba9c9
}

.podcasts-links__component .platforms-wrapper .items-wrapper-expanded::-webkit-scrollbar-thumb:hover {
    background: #aba9c9
}

.podcasts-links__component .recent-episodes-block {
    margin-top: 20px
}

.podcasts-links__component .recent-episodes-block .section-title {
    margin-bottom: 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode {
    margin-bottom: 10px;
    background: #f4f5f9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode:hover {
    box-shadow: 0px 0px 15px #c3cadd
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode .episode-data-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode .episode-data-wrapper .episode-name-duration-date-wrapper {
    margin-left: 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode .episode-data-wrapper .episode-name-duration-date-wrapper .episode-name {
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode .episode-data-wrapper .episode-name-duration-date-wrapper .date-duration {
    margin-top: 7px;
    color: #878cac;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode .episode-data-wrapper .episode-name-duration-date-wrapper .date-duration img {
    margin: 0 5px
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode .episode-data-wrapper .episode-img-wrapper {
    padding: 10px
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode .episode-data-wrapper .episode-img-wrapper img {
    width: 64px;
    height: 64px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode .recent-episode-services {
    display: none;
    margin: 0 16px;
    padding-bottom: 10px
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode .recent-episode-services a.service-link-wrapper {
    width: 100%;
    height: 40px;
    margin-bottom: 8px;
    text-decoration: none;
    color: #1f3447;
    font-size: 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #dfe3ee;
    background: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode .recent-episode-services a.service-link-wrapper:hover {
    box-shadow: 0 0 20px #6fc5ff50;
    transform: scale(1.02)
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode .recent-episode-services a.service-link-wrapper .name-icon-wrapper {
    margin-left: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode .recent-episode-services a.service-link-wrapper .name-icon-wrapper .service-icon {
    margin-right: 5px
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode .recent-episode-services a.service-link-wrapper .name-icon-wrapper .service-icon svg {
    width: 20px
}

.podcasts-links__component .recent-episodes-block .episodes-wrapper .recent-episode .recent-episode-services a.service-link-wrapper .recent-episode-icon {
    margin-right: 10px
}

.podcasts-links__component .preview-podcast-block .spotify-btn-wrapper {
    margin-top: 20px
}

.payment-successful {
    padding: 0 30px 30px 30px;
    background: transparent;
    border-radius: inherit
}

.payment-successful .title-success {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #FFF;
    padding-top: 20px
}

.payment-successful .thanks-message {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
    color: #FFF
}

.payment-successful .receipt-view-link {
    text-decoration: none
}

.payment-successful .btn-shares {
    margin: 20px 0
}

.payment-successful .footer {
    background: transparent;
    color: #FFF
}

.payment-successful .footer span {
    color: #FFF
}

.unsubscribe-page-section {
    min-height: 100vh;
    background: #349aff;
    background: -moz-linear-gradient(-45deg, #349aff 0%, #3a3985 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #349aff), color-stop(100%, #3a3985));
    background: -webkit-linear-gradient(-45deg, #349aff 0%, #3a3985 100%);
    background: -o-linear-gradient(-45deg, #349aff 0%, #3a3985 100%);
    background: -ms-linear-gradient(-45deg, #349aff 0%, #3a3985 100%);
    background: linear-gradient(142.57deg, #4C96F4 20.73%, #19177E 78.32%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#349aff', endColorstr='#3a3985', GradientType=1)
}

.unsubscribe-page-section.deactivated-bg {
    min-height: 100vh;
    background: linear-gradient(105deg, #ED6F4C 0%, #A72A2A 51.81%, #5E0A09 100%)
}

.unsubscribe-page-section .unsubscribe-content-section {
    height: 100%;
    min-height: inherit
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: inherit;
    min-height: inherit;
    color: #fff;
    max-width: 800px;
    margin: 0 auto
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .unsubscribe-content-section-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    text-align: center
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .unsubscribe-content-section-content .icon {
    padding-top: 20px
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .unsubscribe-content-section-content .icon svg {
    width: 120px;
    height: 120px;
    fill: #fff
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .unsubscribe-content-section-content div.paragraph {
    color: #fff
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .unsubscribe-content-section-content div.paragraph a {
    color: inherit;
    text-decoration: underline
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .unsubscribe-content-section-content div.paragraph a:hover {
    color: #ddedfa;
    text-decoration: none
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .unsubscribe-content-section-content h3 {
    font-size: 28px
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .unsubscribe-content-section-content p {
    font-size: 12px;
    color: #fff
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .unsubscribe-content-section-content p a {
    color: inherit;
    text-decoration: underline
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .unsubscribe-content-section-content p a:hover {
    color: #ddedfa;
    text-decoration: none
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .unsubscribe-content-section-content p.subtitle {
    font-size: 14px
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .icons-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .icons-block .social-icon {
    padding: 20px
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .icons-block .social-icon svg {
    fill: #ffffff
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .icons-block .social-icon:hover p {
    color: #239AE7
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .icons-block .social-icon:hover svg {
    fill: #239AE7
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .buttons-section {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-evenly
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .buttons-section-wrapper .button-item {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    display: block;
    outline: none;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    border: 2px solid transparent;
    margin-bottom: 15px;
    padding: 15px 20px;
    text-align: center;
    width: 250px
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .buttons-section-wrapper .button-item:hover {
    background: linear-gradient(0deg, #239AE7, #239AE7)
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .buttons-section-wrapper .button-item:first-child {
    border-color: #fff;
    margin-top: 2em
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .buttons-section-wrapper .button-item:last-child {
    margin-bottom: 0
}

@media screen and (max-width:900px) {
    .unsubscribe-page-section .unsubscribe-content-section-wrapper .buttons-section {
        display: block
    }

    .unsubscribe-page-section .unsubscribe-content-section-wrapper .buttons-section-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .unsubscribe-content-section-footer .preview-heylinkme-logo__component {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 30px 0 50px 0;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 900;
    max-width: 155px;
    color: #fff
}

.unsubscribe-page-section .unsubscribe-content-section-wrapper .unsubscribe-content-section-footer .preview-heylinkme-logo__component svg {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    fill: #47c3d1
}

.block-page {
    height: 100vh;
    background: #393AA7
}

.block-page .info-wrapper {
    width: 100%;
    padding-top: 100px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.block-page .info-wrapper img {
    width: 200px
}

.block-page .info-wrapper .title {
    margin-top: 50px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF
}

.block-page .info-wrapper .subtitle {
    margin-top: 20px;
    padding: 0 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #FFFFFF;
    text-align: center
}

.block-page .info-wrapper .text {
    margin-top: 40px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFF
}

.block-page .info-wrapper a.create-acc {
    width: 280px;
    height: 60px;
    margin-top: 30px;
    background: #239AE7;
    text-decoration: none;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.block-page .info-wrapper a.create-acc div {
    margin: auto 0
}

.block-page .info-wrapper a.back-links {
    margin-top: 300px;
    color: #fff
}

@media screen and (max-width:500px) {
    .block-page .info-wrapper a.back-links {
        margin-top: 200px
    }
}

.qr-link__component {
    color: #FFF
}

.qr-link__component .qr-title {
    margin: 10px 0;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.qr-link__component .qr-description {
    margin: 0 0 10px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.qr-link__component .qr-image-wrapper {
    border-radius: 16px;
    width: 100%
}

.qr-link__component .qr-image-wrapper .img-wrapper {
    width: 100%;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.qr-link__component .qr-image-wrapper .img-wrapper .cover-qr {
    width: 80%;
    height: 80%;
    max-width: 400px;
    max-height: 400px;
    border-radius: 8px
}

.qr-link__component .qr-image-wrapper .bottom-title {
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 0px 0px 16px 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.qr-link__component .qr-image-wrapper .bottom-title .title {
    color: #FFF
}

.qr-link__component .qr-icon-wrapper {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.rating-page {
    position: relative
}

.rating-page .rating-header {
    min-height: 200px;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    word-break: break-all
}

.rating-page .rating-header h1 {
    padding: 25px 0 75px
}

.rating-page .page-container {
    margin-bottom: 150px;
    padding: 0 16px 16px
}

.rating-page .page-container .rating-container {
    max-width: 600px;
    margin: -100px auto 0;
    padding-bottom: 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background: #fff
}

.rating-page .page-container .rating-container img {
    width: 100%;
    max-width: 600px;
    border-radius: 10px 10px 0 0
}

.rating-page .page-container .rating-container h2 {
    margin: 20px 0;
    padding: 20px 10px;
    color: #000;
    word-break: break-all
}

.rating-page .page-container .rating-container .stars {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center
}

.rating-page .page-container .rating-container .stars .star {
    width: 50px;
    height: 50px;
    opacity: 0.4;
    transition: opacity 0.2s ease
}

.rating-page .page-container .rating-container .stars .star.selected {
    opacity: 1
}

.rating-page .page-container .rating-container .stars .star:hover {
    cursor: pointer
}

.rating-page .page-container .text-area-wrapper {
    width: 100%;
    max-width: 800px;
    margin: 20px auto 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.rating-page .page-container .text-area-wrapper .label {
    margin-bottom: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #1f3447
}

.rating-page .page-container .text-area-wrapper .rating-text-area {
    width: 100%;
    height: 125px;
    margin: 0 auto;
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    background: #f2f6fa;
    border: 1px solid transparent;
    font-size: 1rem;
    box-sizing: border-box;
    transition: border-color 0.3s cubic-bezier(0.25, 0.01, 0.25, 1) 0s, color 0.3s cubic-bezier(0.25, 0.01, 0.25, 1) 0s, background 0.2s cubic-bezier(0.25, 0.01, 0.25, 1) 0s;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #878cac;
    resize: vertical
}

.rating-page .page-container .text-area-wrapper .rating-text-area:hover:focus {
    outline: none;
    border-color: #009bff
}

.rating-page .page-container .text-area-wrapper:hover .rating-text-area {
    outline: none;
    border-color: #009bff
}

.rating-page .page-container .text-area-wrapper:hover .label {
    color: #009bff
}

.rating-page .page-container .rating-notification {
    max-width: 780px;
    display: none;
    padding: 10px;
    margin: 20px auto 0;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500
}

.rating-page .page-container .rating-notification.error {
    padding: 10px 10px;
    background: #f67261;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: inherit
}

.rating-page .page-container .rating-notification.success {
    background: #09d56f;
    padding: 10px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: inherit
}

.rating-page .page-container .btn-info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.rating-page .page-container .btn-info-wrapper p {
    margin: 20px 0;
    color: #5C8EE5;
    font-size: 14px;
    font-weight: 400;
    word-break: break-all
}

.rating-page .page-container .btn-info-wrapper button {
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer
}

.rating-page .page-container .btn-info-wrapper button.disabled {
    background-color: #caced3;
    cursor: not-allowed;
    opacity: 0.6
}

.rating-page footer {
    height: 50px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.rating-page footer a.rating-footer {
    display: block;
    width: fit-content;
    margin: 0 auto
}

body {
    font: 100% "Poppins", sans-serif;
    background-color: #fff;
    color: #717171;
    margin: 0;
    overflow-x: hidden
}

.container,
.sensitive-content-section,
.unsubscribe-page-section .unsubscribe-content-section {
    max-width: 1168px;
    min-width: 280px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto
}

@media (min-width:1044px) and (max-width:1187.98px) {

    .container,
    .sensitive-content-section,
    .unsubscribe-page-section .unsubscribe-content-section {
        max-width: 1024px
    }
}

@media (min-width:756px) and (max-width:1043.98px) {

    .container,
    .sensitive-content-section,
    .unsubscribe-page-section .unsubscribe-content-section {
        max-width: 736px
    }
}

@media (min-width:612px) and (max-width:755.98px) {

    .container,
    .sensitive-content-section,
    .unsubscribe-page-section .unsubscribe-content-section {
        max-width: 592px
    }
}

@media (max-width:611.98px) {

    .container,
    .sensitive-content-section,
    .unsubscribe-page-section .unsubscribe-content-section {
        max-width: 520px;
        min-width: calc(100% - 40px)
    }
}