@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.7915;
    transform: translate(30.0675vw, -10px) scale(0.3143);
    animation: fall-1 17s -18s linear infinite
}

@keyframes fall-1 {
    48.598% {
        transform: translate(26.9498vw, 48.598vh) scale(0.3143)
    }
    to {
        transform: translate(28.50865vw, 100vh) scale(0.3143)
    }
}

.snow:nth-child(2) {
    opacity: 0.5273;
    transform: translate(78.1634vw, -10px) scale(0.7718);
    animation: fall-2 11s -8s linear infinite
}

@keyframes fall-2 {
    30.829% {
        transform: translate(80.4814vw, 30.829vh) scale(0.7718)
    }
    to {
        transform: translate(79.3224vw, 100vh) scale(0.7718)
    }
}

.snow:nth-child(3) {
    opacity: 0.7208;
    transform: translate(26.9165vw, -10px) scale(0.0495);
    animation: fall-3 28s -23s linear infinite
}

@keyframes fall-3 {
    35.852% {
        transform: translate(28.3675vw, 35.852vh) scale(0.0495)
    }
    to {
        transform: translate(27.642vw, 100vh) scale(0.0495)
    }
}

.snow:nth-child(4) {
    opacity: 0.7819;
    transform: translate(23.5914vw, -10px) scale(0.4137);
    animation: fall-4 19s -29s linear infinite
}

@keyframes fall-4 {
    77.737% {
        transform: translate(20.9443vw, 77.737vh) scale(0.4137)
    }
    to {
        transform: translate(22.26785vw, 100vh) scale(0.4137)
    }
}

.snow:nth-child(5) {
    opacity: 0.5293;
    transform: translate(19.1393vw, -10px) scale(0.5066);
    animation: fall-5 17s -5s linear infinite
}

@keyframes fall-5 {
    75.545% {
        transform: translate(10.7264vw, 75.545vh) scale(0.5066)
    }
    to {
        transform: translate(14.93285vw, 100vh) scale(0.5066)
    }
}

.snow:nth-child(6) {
    opacity: 0.9675;
    transform: translate(81.8182vw, -10px) scale(0.6941);
    animation: fall-6 26s -4s linear infinite
}

@keyframes fall-6 {
    47.782% {
        transform: translate(75.1742vw, 47.782vh) scale(0.6941)
    }
    to {
        transform: translate(78.4962vw, 100vh) scale(0.6941)
    }
}

.snow:nth-child(7) {
    opacity: 0.8304;
    transform: translate(14.3258vw, -10px) scale(0.7385);
    animation: fall-7 11s -12s linear infinite
}

@keyframes fall-7 {
    77.859% {
        transform: translate(18.8815vw, 77.859vh) scale(0.7385)
    }
    to {
        transform: translate(16.60365vw, 100vh) scale(0.7385)
    }
}

.snow:nth-child(8) {
    opacity: 0.619;
    transform: translate(26.6719vw, -10px) scale(0.3475);
    animation: fall-8 29s -22s linear infinite
}

@keyframes fall-8 {
    70.733% {
        transform: translate(30.9829vw, 70.733vh) scale(0.3475)
    }
    to {
        transform: translate(28.8274vw, 100vh) scale(0.3475)
    }
}

.snow:nth-child(9) {
    opacity: 0.4913;
    transform: translate(51.6663vw, -10px) scale(0.9521);
    animation: fall-9 30s -25s linear infinite
}

@keyframes fall-9 {
    56.475% {
        transform: translate(43.4238vw, 56.475vh) scale(0.9521)
    }
    to {
        transform: translate(47.54505vw, 100vh) scale(0.9521)
    }
}

.snow:nth-child(10) {
    opacity: 0.9063;
    transform: translate(85.2393vw, -10px) scale(0.1791);
    animation: fall-10 11s -12s linear infinite
}

@keyframes fall-10 {
    50.717% {
        transform: translate(76.8891vw, 50.717vh) scale(0.1791)
    }
    to {
        transform: translate(81.0642vw, 100vh) scale(0.1791)
    }
}

.snow:nth-child(11) {
    opacity: 0.3134;
    transform: translate(45.8265vw, -10px) scale(0.8069);
    animation: fall-11 26s -15s linear infinite
}

@keyframes fall-11 {
    33.539% {
        transform: translate(39.5319vw, 33.539vh) scale(0.8069)
    }
    to {
        transform: translate(42.6792vw, 100vh) scale(0.8069)
    }
}

.snow:nth-child(12) {
    opacity: 0.2181;
    transform: translate(14.4384vw, -10px) scale(0.8933);
    animation: fall-12 21s -24s linear infinite
}

@keyframes fall-12 {
    47.984% {
        transform: translate(19.4392vw, 47.984vh) scale(0.8933)
    }
    to {
        transform: translate(16.9388vw, 100vh) scale(0.8933)
    }
}

.snow:nth-child(13) {
    opacity: 0.1773;
    transform: translate(37.0934vw, -10px) scale(0.6128);
    animation: fall-13 16s -2s linear infinite
}

@keyframes fall-13 {
    49.069% {
        transform: translate(33.8313vw, 49.069vh) scale(0.6128)
    }
    to {
        transform: translate(35.46235vw, 100vh) scale(0.6128)
    }
}

.snow:nth-child(14) {
    opacity: 0.6028;
    transform: translate(79.8683vw, -10px) scale(0.5368);
    animation: fall-14 13s -7s linear infinite
}

@keyframes fall-14 {
    34.711% {
        transform: translate(76.4248vw, 34.711vh) scale(0.5368)
    }
    to {
        transform: translate(78.14655vw, 100vh) scale(0.5368)
    }
}

.snow:nth-child(15) {
    opacity: 0.7128;
    transform: translate(6.7069vw, -10px) scale(0.9507);
    animation: fall-15 26s -18s linear infinite
}

@keyframes fall-15 {
    52.78% {
        transform: translate(10.1513vw, 52.78vh) scale(0.9507)
    }
    to {
        transform: translate(8.4291vw, 100vh) scale(0.9507)
    }
}

.snow:nth-child(16) {
    opacity: 0.8124;
    transform: translate(68.4052vw, -10px) scale(0.5036);
    animation: fall-16 15s -11s linear infinite
}

@keyframes fall-16 {
    72.49% {
        transform: translate(76.8877vw, 72.49vh) scale(0.5036)
    }
    to {
        transform: translate(72.64645vw, 100vh) scale(0.5036)
    }
}

.snow:nth-child(17) {
    opacity: 0.1711;
    transform: translate(75.6663vw, -10px) scale(0.9647);
    animation: fall-17 24s -1s linear infinite
}

@keyframes fall-17 {
    60.288% {
        transform: translate(66.7923vw, 60.288vh) scale(0.9647)
    }
    to {
        transform: translate(71.2293vw, 100vh) scale(0.9647)
    }
}

.snow:nth-child(18) {
    opacity: 0.5912;
    transform: translate(95.4611vw, -10px) scale(0.0201);
    animation: fall-18 30s -14s linear infinite
}

@keyframes fall-18 {
    49.381% {
        transform: translate(100.0134vw, 49.381vh) scale(0.0201)
    }
    to {
        transform: translate(97.73725vw, 100vh) scale(0.0201)
    }
}

.snow:nth-child(19) {
    opacity: 0.2531;
    transform: translate(28.5383vw, -10px) scale(0.9345);
    animation: fall-19 18s -4s linear infinite
}

@keyframes fall-19 {
    72.47% {
        transform: translate(30.8375vw, 72.47vh) scale(0.9345)
    }
    to {
        transform: translate(29.6879vw, 100vh) scale(0.9345)
    }
}

.snow:nth-child(20) {
    opacity: 0.787;
    transform: translate(18.7137vw, -10px) scale(0.1381);
    animation: fall-20 22s -14s linear infinite
}

@keyframes fall-20 {
    37.18% {
        transform: translate(13.5467vw, 37.18vh) scale(0.1381)
    }
    to {
        transform: translate(16.1302vw, 100vh) scale(0.1381)
    }
}

.snow:nth-child(21) {
    opacity: 0.0213;
    transform: translate(3.0318vw, -10px) scale(0.6853);
    animation: fall-21 27s -18s linear infinite
}

@keyframes fall-21 {
    56.879% {
        transform: translate(4.2511vw, 56.879vh) scale(0.6853)
    }
    to {
        transform: translate(3.64145vw, 100vh) scale(0.6853)
    }
}

.snow:nth-child(22) {
    opacity: 0.8203;
    transform: translate(76.4986vw, -10px) scale(0.155);
    animation: fall-22 20s -3s linear infinite
}

@keyframes fall-22 {
    64.225% {
        transform: translate(85.2762vw, 64.225vh) scale(0.155)
    }
    to {
        transform: translate(80.8874vw, 100vh) scale(0.155)
    }
}

.snow:nth-child(23) {
    opacity: 0.2198;
    transform: translate(33.3735vw, -10px) scale(0.2723);
    animation: fall-23 30s -5s linear infinite
}

@keyframes fall-23 {
    71.057% {
        transform: translate(34.2911vw, 71.057vh) scale(0.2723)
    }
    to {
        transform: translate(33.8323vw, 100vh) scale(0.2723)
    }
}

.snow:nth-child(24) {
    opacity: 0.1082;
    transform: translate(40.7933vw, -10px) scale(0.647);
    animation: fall-24 15s -17s linear infinite
}

@keyframes fall-24 {
    76.984% {
        transform: translate(35.5644vw, 76.984vh) scale(0.647)
    }
    to {
        transform: translate(38.17885vw, 100vh) scale(0.647)
    }
}

.snow:nth-child(25) {
    opacity: 0.2693;
    transform: translate(7.2434vw, -10px) scale(0.4259);
    animation: fall-25 25s -27s linear infinite
}

@keyframes fall-25 {
    53.263% {
        transform: translate(5.8677vw, 53.263vh) scale(0.4259)
    }
    to {
        transform: translate(6.55555vw, 100vh) scale(0.4259)
    }
}

.snow:nth-child(26) {
    opacity: 0.7866;
    transform: translate(81.0891vw, -10px) scale(0.3177);
    animation: fall-26 12s -26s linear infinite
}

@keyframes fall-26 {
    63.554% {
        transform: translate(84.8386vw, 63.554vh) scale(0.3177)
    }
    to {
        transform: translate(82.96385vw, 100vh) scale(0.3177)
    }
}

.snow:nth-child(27) {
    opacity: 0.1279;
    transform: translate(64.2306vw, -10px) scale(0.3239);
    animation: fall-27 22s -19s linear infinite
}

@keyframes fall-27 {
    53.823% {
        transform: translate(61.6553vw, 53.823vh) scale(0.3239)
    }
    to {
        transform: translate(62.94295vw, 100vh) scale(0.3239)
    }
}

.snow:nth-child(28) {
    opacity: 0.2338;
    transform: translate(92.8922vw, -10px) scale(0.0696);
    animation: fall-28 30s -2s linear infinite
}

@keyframes fall-28 {
    58.803% {
        transform: translate(92.7964vw, 58.803vh) scale(0.0696)
    }
    to {
        transform: translate(92.8443vw, 100vh) scale(0.0696)
    }
}

.snow:nth-child(29) {
    opacity: 0.2681;
    transform: translate(44.1733vw, -10px) scale(0.7146);
    animation: fall-29 23s -18s linear infinite
}

@keyframes fall-29 {
    38.893% {
        transform: translate(39.0279vw, 38.893vh) scale(0.7146)
    }
    to {
        transform: translate(41.6006vw, 100vh) scale(0.7146)
    }
}

.snow:nth-child(30) {
    opacity: 0.3304;
    transform: translate(9.6765vw, -10px) scale(0.7374);
    animation: fall-30 22s -14s linear infinite
}

@keyframes fall-30 {
    79.526% {
        transform: translate(13.4443vw, 79.526vh) scale(0.7374)
    }
    to {
        transform: translate(11.5604vw, 100vh) scale(0.7374)
    }
}

.snow:nth-child(31) {
    opacity: 0.5566;
    transform: translate(88.9035vw, -10px) scale(0.3394);
    animation: fall-31 24s -19s linear infinite
}

@keyframes fall-31 {
    60.798% {
        transform: translate(93.4719vw, 60.798vh) scale(0.3394)
    }
    to {
        transform: translate(91.1877vw, 100vh) scale(0.3394)
    }
}

.snow:nth-child(32) {
    opacity: 0.7699;
    transform: translate(11.4422vw, -10px) scale(0.9945);
    animation: fall-32 18s -22s linear infinite
}

@keyframes fall-32 {
    60.235% {
        transform: translate(16.2633vw, 60.235vh) scale(0.9945)
    }
    to {
        transform: translate(13.85275vw, 100vh) scale(0.9945)
    }
}

.snow:nth-child(33) {
    opacity: 0.621;
    transform: translate(41.4889vw, -10px) scale(0.5842);
    animation: fall-33 21s -13s linear infinite
}

@keyframes fall-33 {
    35.618% {
        transform: translate(33.0533vw, 35.618vh) scale(0.5842)
    }
    to {
        transform: translate(37.2711vw, 100vh) scale(0.5842)
    }
}

.snow:nth-child(34) {
    opacity: 0.7503;
    transform: translate(39.033vw, -10px) scale(0.3558);
    animation: fall-34 11s -11s linear infinite
}

@keyframes fall-34 {
    53.008% {
        transform: translate(38.7798vw, 53.008vh) scale(0.3558)
    }
    to {
        transform: translate(38.9064vw, 100vh) scale(0.3558)
    }
}

.snow:nth-child(35) {
    opacity: 0.7042;
    transform: translate(25.4182vw, -10px) scale(0.6397);
    animation: fall-35 13s -24s linear infinite
}

@keyframes fall-35 {
    78.398% {
        transform: translate(27.1944vw, 78.398vh) scale(0.6397)
    }
    to {
        transform: translate(26.3063vw, 100vh) scale(0.6397)
    }
}

.snow:nth-child(36) {
    opacity: 0.7438;
    transform: translate(41.2441vw, -10px) scale(0.2378);
    animation: fall-36 21s -19s linear infinite
}

@keyframes fall-36 {
    53.239% {
        transform: translate(46.0284vw, 53.239vh) scale(0.2378)
    }
    to {
        transform: translate(43.63625vw, 100vh) scale(0.2378)
    }
}

.snow:nth-child(37) {
    opacity: 0.5332;
    transform: translate(54.5841vw, -10px) scale(0.5691);
    animation: fall-37 13s -10s linear infinite
}

@keyframes fall-37 {
    66.795% {
        transform: translate(59.8889vw, 66.795vh) scale(0.5691)
    }
    to {
        transform: translate(57.2365vw, 100vh) scale(0.5691)
    }
}

.snow:nth-child(38) {
    opacity: 0.0326;
    transform: translate(89.6327vw, -10px) scale(0.1619);
    animation: fall-38 25s -19s linear infinite
}

@keyframes fall-38 {
    39.207% {
        transform: translate(99.1273vw, 39.207vh) scale(0.1619)
    }
    to {
        transform: translate(94.38vw, 100vh) scale(0.1619)
    }
}

.snow:nth-child(39) {
    opacity: 0.7931;
    transform: translate(64.8519vw, -10px) scale(0.0872);
    animation: fall-39 16s -2s linear infinite
}

@keyframes fall-39 {
    35.779% {
        transform: translate(65.058vw, 35.779vh) scale(0.0872)
    }
    to {
        transform: translate(64.95495vw, 100vh) scale(0.0872)
    }
}

.snow:nth-child(40) {
    opacity: 0.2666;
    transform: translate(85.4035vw, -10px) scale(0.1756);
    animation: fall-40 13s -26s linear infinite
}

@keyframes fall-40 {
    74.285% {
        transform: translate(87.5946vw, 74.285vh) scale(0.1756)
    }
    to {
        transform: translate(86.49905vw, 100vh) scale(0.1756)
    }
}

.snow:nth-child(41) {
    opacity: 0.3719;
    transform: translate(23.2306vw, -10px) scale(0.4695);
    animation: fall-41 28s -24s linear infinite
}

@keyframes fall-41 {
    37.629% {
        transform: translate(24.1142vw, 37.629vh) scale(0.4695)
    }
    to {
        transform: translate(23.6724vw, 100vh) scale(0.4695)
    }
}

.snow:nth-child(42) {
    opacity: 0.4848;
    transform: translate(89.8786vw, -10px) scale(0.2081);
    animation: fall-42 15s -24s linear infinite
}

@keyframes fall-42 {
    57.361% {
        transform: translate(85.4035vw, 57.361vh) scale(0.2081)
    }
    to {
        transform: translate(87.64105vw, 100vh) scale(0.2081)
    }
}

.snow:nth-child(43) {
    opacity: 0.5876;
    transform: translate(46.7044vw, -10px) scale(0.7924);
    animation: fall-43 26s -23s linear infinite
}

@keyframes fall-43 {
    55.659% {
        transform: translate(55.8543vw, 55.659vh) scale(0.7924)
    }
    to {
        transform: translate(51.27935vw, 100vh) scale(0.7924)
    }
}

.snow:nth-child(44) {
    opacity: 0.6304;
    transform: translate(81.1367vw, -10px) scale(0.0662);
    animation: fall-44 18s -14s linear infinite
}

@keyframes fall-44 {
    31.705% {
        transform: translate(78.8vw, 31.705vh) scale(0.0662)
    }
    to {
        transform: translate(79.96835vw, 100vh) scale(0.0662)
    }
}

.snow:nth-child(45) {
    opacity: 0.9397;
    transform: translate(12.5613vw, -10px) scale(0.7264);
    animation: fall-45 19s -7s linear infinite
}

@keyframes fall-45 {
    31.508% {
        transform: translate(12.657vw, 31.508vh) scale(0.7264)
    }
    to {
        transform: translate(12.60915vw, 100vh) scale(0.7264)
    }
}

.snow:nth-child(46) {
    opacity: 0.8163;
    transform: translate(23.8541vw, -10px) scale(0.2094);
    animation: fall-46 15s -20s linear infinite
}

@keyframes fall-46 {
    65.135% {
        transform: translate(31.4826vw, 65.135vh) scale(0.2094)
    }
    to {
        transform: translate(27.66835vw, 100vh) scale(0.2094)
    }
}

.snow:nth-child(47) {
    opacity: 0.8581;
    transform: translate(7.6328vw, -10px) scale(0.3474);
    animation: fall-47 21s -15s linear infinite
}

@keyframes fall-47 {
    52.965% {
        transform: translate(-0.4408vw, 52.965vh) scale(0.3474)
    }
    to {
        transform: translate(3.596vw, 100vh) scale(0.3474)
    }
}

.snow:nth-child(48) {
    opacity: 0.2003;
    transform: translate(42.2886vw, -10px) scale(0.3381);
    animation: fall-48 30s -25s linear infinite
}

@keyframes fall-48 {
    79.384% {
        transform: translate(40.3033vw, 79.384vh) scale(0.3381)
    }
    to {
        transform: translate(41.29595vw, 100vh) scale(0.3381)
    }
}

.snow:nth-child(49) {
    opacity: 0.4071;
    transform: translate(84.8897vw, -10px) scale(0.6468);
    animation: fall-49 14s -25s linear infinite
}

@keyframes fall-49 {
    32.094% {
        transform: translate(82.0117vw, 32.094vh) scale(0.6468)
    }
    to {
        transform: translate(83.4507vw, 100vh) scale(0.6468)
    }
}

.snow:nth-child(50) {
    opacity: 0.2109;
    transform: translate(22.7185vw, -10px) scale(0.318);
    animation: fall-50 30s -8s linear infinite
}

@keyframes fall-50 {
    32.932% {
        transform: translate(23.3053vw, 32.932vh) scale(0.318)
    }
    to {
        transform: translate(23.0119vw, 100vh) scale(0.318)
    }
}

.snow:nth-child(51) {
    opacity: 0.9177;
    transform: translate(22.7491vw, -10px) scale(0.8417);
    animation: fall-51 23s -23s linear infinite
}

@keyframes fall-51 {
    67.641% {
        transform: translate(23.1417vw, 67.641vh) scale(0.8417)
    }
    to {
        transform: translate(22.9454vw, 100vh) scale(0.8417)
    }
}

.snow:nth-child(52) {
    opacity: 0.1811;
    transform: translate(57.1151vw, -10px) scale(0.7233);
    animation: fall-52 10s -10s linear infinite
}

@keyframes fall-52 {
    35.715% {
        transform: translate(58.3499vw, 35.715vh) scale(0.7233)
    }
    to {
        transform: translate(57.7325vw, 100vh) scale(0.7233)
    }
}

.snow:nth-child(53) {
    opacity: 0.5602;
    transform: translate(3.5018vw, -10px) scale(0.5923);
    animation: fall-53 18s -13s linear infinite
}

@keyframes fall-53 {
    46.861% {
        transform: translate(11.8501vw, 46.861vh) scale(0.5923)
    }
    to {
        transform: translate(7.67595vw, 100vh) scale(0.5923)
    }
}

.snow:nth-child(54) {
    opacity: 0.5321;
    transform: translate(61.8647vw, -10px) scale(0.1292);
    animation: fall-54 28s -24s linear infinite
}

@keyframes fall-54 {
    69.974% {
        transform: translate(56.3448vw, 69.974vh) scale(0.1292)
    }
    to {
        transform: translate(59.10475vw, 100vh) scale(0.1292)
    }
}

.snow:nth-child(55) {
    opacity: 0.1039;
    transform: translate(87.334vw, -10px) scale(0.7146);
    animation: fall-55 23s -11s linear infinite
}

@keyframes fall-55 {
    66.042% {
        transform: translate(79.8932vw, 66.042vh) scale(0.7146)
    }
    to {
        transform: translate(83.6136vw, 100vh) scale(0.7146)
    }
}

.snow:nth-child(56) {
    opacity: 0.6762;
    transform: translate(87.9103vw, -10px) scale(0.3081);
    animation: fall-56 21s -20s linear infinite
}

@keyframes fall-56 {
    48% {
        transform: translate(91.522vw, 48vh) scale(0.3081)
    }
    to {
        transform: translate(89.71615vw, 100vh) scale(0.3081)
    }
}

.snow:nth-child(57) {
    opacity: 0.7633;
    transform: translate(55.7971vw, -10px) scale(0.2472);
    animation: fall-57 16s -19s linear infinite
}

@keyframes fall-57 {
    58.131% {
        transform: translate(58.065vw, 58.131vh) scale(0.2472)
    }
    to {
        transform: translate(56.93105vw, 100vh) scale(0.2472)
    }
}

.snow:nth-child(58) {
    opacity: 0.3686;
    transform: translate(54.6683vw, -10px) scale(0.563);
    animation: fall-58 18s -9s linear infinite
}

@keyframes fall-58 {
    78.524% {
        transform: translate(45.8503vw, 78.524vh) scale(0.563)
    }
    to {
        transform: translate(50.2593vw, 100vh) scale(0.563)
    }
}

.snow:nth-child(59) {
    opacity: 0.1217;
    transform: translate(65.8349vw, -10px) scale(0.9303);
    animation: fall-59 16s -7s linear infinite
}

@keyframes fall-59 {
    33.887% {
        transform: translate(67.7458vw, 33.887vh) scale(0.9303)
    }
    to {
        transform: translate(66.79035vw, 100vh) scale(0.9303)
    }
}

.snow:nth-child(60) {
    opacity: 0.0899;
    transform: translate(76.9833vw, -10px) scale(0.1666);
    animation: fall-60 20s -7s linear infinite
}

@keyframes fall-60 {
    46.158% {
        transform: translate(75.0781vw, 46.158vh) scale(0.1666)
    }
    to {
        transform: translate(76.0307vw, 100vh) scale(0.1666)
    }
}

.snow:nth-child(61) {
    opacity: 0.2748;
    transform: translate(89.5268vw, -10px) scale(0.658);
    animation: fall-61 23s -26s linear infinite
}

@keyframes fall-61 {
    52.981% {
        transform: translate(92.9973vw, 52.981vh) scale(0.658)
    }
    to {
        transform: translate(91.26205vw, 100vh) scale(0.658)
    }
}

.snow:nth-child(62) {
    opacity: 0.8937;
    transform: translate(17.9247vw, -10px) scale(0.232);
    animation: fall-62 29s -18s linear infinite
}

@keyframes fall-62 {
    57.855% {
        transform: translate(11.0384vw, 57.855vh) scale(0.232)
    }
    to {
        transform: translate(14.48155vw, 100vh) scale(0.232)
    }
}

.snow:nth-child(63) {
    opacity: 0.9496;
    transform: translate(41.312vw, -10px) scale(0.5087);
    animation: fall-63 10s -10s linear infinite
}

@keyframes fall-63 {
    44.783% {
        transform: translate(50.0609vw, 44.783vh) scale(0.5087)
    }
    to {
        transform: translate(45.68645vw, 100vh) scale(0.5087)
    }
}

.snow:nth-child(64) {
    opacity: 0.1687;
    transform: translate(46.195vw, -10px) scale(0.2064);
    animation: fall-64 23s -8s linear infinite
}

@keyframes fall-64 {
    55.444% {
        transform: translate(52.6856vw, 55.444vh) scale(0.2064)
    }
    to {
        transform: translate(49.4403vw, 100vh) scale(0.2064)
    }
}

.snow:nth-child(65) {
    opacity: 0.9556;
    transform: translate(65.5366vw, -10px) scale(0.8107);
    animation: fall-65 30s -8s linear infinite
}

@keyframes fall-65 {
    44.856% {
        transform: translate(57.1503vw, 44.856vh) scale(0.8107)
    }
    to {
        transform: translate(61.34345vw, 100vh) scale(0.8107)
    }
}

.snow:nth-child(66) {
    opacity: 0.3482;
    transform: translate(72.1335vw, -10px) scale(0.0841);
    animation: fall-66 20s -30s linear infinite
}

@keyframes fall-66 {
    53.253% {
        transform: translate(74.565vw, 53.253vh) scale(0.0841)
    }
    to {
        transform: translate(73.34925vw, 100vh) scale(0.0841)
    }
}

.snow:nth-child(67) {
    opacity: 0.0154;
    transform: translate(38.8776vw, -10px) scale(0.081);
    animation: fall-67 21s -21s linear infinite
}

@keyframes fall-67 {
    56.712% {
        transform: translate(47.7426vw, 56.712vh) scale(0.081)
    }
    to {
        transform: translate(43.3101vw, 100vh) scale(0.081)
    }
}

.snow:nth-child(68) {
    opacity: 0.6335;
    transform: translate(12.1105vw, -10px) scale(0.8389);
    animation: fall-68 28s -23s linear infinite
}

@keyframes fall-68 {
    49.849% {
        transform: translate(21.6159vw, 49.849vh) scale(0.8389)
    }
    to {
        transform: translate(16.8632vw, 100vh) scale(0.8389)
    }
}

.snow:nth-child(69) {
    opacity: 0.3401;
    transform: translate(24.0941vw, -10px) scale(0.0349);
    animation: fall-69 15s -22s linear infinite
}

@keyframes fall-69 {
    76.257% {
        transform: translate(16.3609vw, 76.257vh) scale(0.0349)
    }
    to {
        transform: translate(20.2275vw, 100vh) scale(0.0349)
    }
}

.snow:nth-child(70) {
    opacity: 0.5981;
    transform: translate(35.352vw, -10px) scale(0.5311);
    animation: fall-70 27s -10s linear infinite
}

@keyframes fall-70 {
    60.962% {
        transform: translate(42.3404vw, 60.962vh) scale(0.5311)
    }
    to {
        transform: translate(38.8462vw, 100vh) scale(0.5311)
    }
}

.snow:nth-child(71) {
    opacity: 0.5924;
    transform: translate(40.6353vw, -10px) scale(0.5997);
    animation: fall-71 15s -20s linear infinite
}

@keyframes fall-71 {
    37.139% {
        transform: translate(31.0731vw, 37.139vh) scale(0.5997)
    }
    to {
        transform: translate(35.8542vw, 100vh) scale(0.5997)
    }
}

.snow:nth-child(72) {
    opacity: 0.3438;
    transform: translate(18.9169vw, -10px) scale(0.9704);
    animation: fall-72 23s -27s linear infinite
}

@keyframes fall-72 {
    55.151% {
        transform: translate(24.4609vw, 55.151vh) scale(0.9704)
    }
    to {
        transform: translate(21.6889vw, 100vh) scale(0.9704)
    }
}

.snow:nth-child(73) {
    opacity: 0.753;
    transform: translate(14.3351vw, -10px) scale(0.369);
    animation: fall-73 18s -17s linear infinite
}

@keyframes fall-73 {
    66.212% {
        transform: translate(18.0869vw, 66.212vh) scale(0.369)
    }
    to {
        transform: translate(16.211vw, 100vh) scale(0.369)
    }
}

.snow:nth-child(74) {
    opacity: 0.0689;
    transform: translate(78.1893vw, -10px) scale(0.6399);
    animation: fall-74 28s -3s linear infinite
}

@keyframes fall-74 {
    78.048% {
        transform: translate(76.0973vw, 78.048vh) scale(0.6399)
    }
    to {
        transform: translate(77.1433vw, 100vh) scale(0.6399)
    }
}

.snow:nth-child(75) {
    opacity: 0.3953;
    transform: translate(86.1822vw, -10px) scale(0.65);
    animation: fall-75 30s -13s linear infinite
}

@keyframes fall-75 {
    67.532% {
        transform: translate(80.7225vw, 67.532vh) scale(0.65)
    }
    to {
        transform: translate(83.45235vw, 100vh) scale(0.65)
    }
}

.snow:nth-child(76) {
    opacity: 0.2258;
    transform: translate(73.4669vw, -10px) scale(0.2065);
    animation: fall-76 12s -20s linear infinite
}

@keyframes fall-76 {
    56.622% {
        transform: translate(67.4279vw, 56.622vh) scale(0.2065)
    }
    to {
        transform: translate(70.4474vw, 100vh) scale(0.2065)
    }
}

.snow:nth-child(77) {
    opacity: 0.7661;
    transform: translate(16.0039vw, -10px) scale(0.8849);
    animation: fall-77 14s -21s linear infinite
}

@keyframes fall-77 {
    61.961% {
        transform: translate(15.5925vw, 61.961vh) scale(0.8849)
    }
    to {
        transform: translate(15.7982vw, 100vh) scale(0.8849)
    }
}

.snow:nth-child(78) {
    opacity: 0.2028;
    transform: translate(67.0349vw, -10px) scale(0.4569);
    animation: fall-78 27s -2s linear infinite
}

@keyframes fall-78 {
    43.123% {
        transform: translate(64.3357vw, 43.123vh) scale(0.4569)
    }
    to {
        transform: translate(65.6853vw, 100vh) scale(0.4569)
    }
}

.snow:nth-child(79) {
    opacity: 0.8273;
    transform: translate(39.3707vw, -10px) scale(0.7386);
    animation: fall-79 20s -14s linear infinite
}

@keyframes fall-79 {
    73.639% {
        transform: translate(44.6879vw, 73.639vh) scale(0.7386)
    }
    to {
        transform: translate(42.0293vw, 100vh) scale(0.7386)
    }
}

.snow:nth-child(80) {
    opacity: 0.69;
    transform: translate(73.9966vw, -10px) scale(0.3888);
    animation: fall-80 20s -11s linear infinite
}

@keyframes fall-80 {
    59.826% {
        transform: translate(75.4662vw, 59.826vh) scale(0.3888)
    }
    to {
        transform: translate(74.7314vw, 100vh) scale(0.3888)
    }
}

.snow:nth-child(81) {
    opacity: 0.0058;
    transform: translate(97.3282vw, -10px) scale(0.2492);
    animation: fall-81 24s -26s linear infinite
}

@keyframes fall-81 {
    78.589% {
        transform: translate(105.9595vw, 78.589vh) scale(0.2492)
    }
    to {
        transform: translate(101.64385vw, 100vh) scale(0.2492)
    }
}

.snow:nth-child(82) {
    opacity: 0.601;
    transform: translate(68.8625vw, -10px) scale(0.7909);
    animation: fall-82 26s -28s linear infinite
}

@keyframes fall-82 {
    39.798% {
        transform: translate(72.028vw, 39.798vh) scale(0.7909)
    }
    to {
        transform: translate(70.44525vw, 100vh) scale(0.7909)
    }
}

.snow:nth-child(83) {
    opacity: 0.8182;
    transform: translate(48.1656vw, -10px) scale(0.022);
    animation: fall-83 11s -26s linear infinite
}

@keyframes fall-83 {
    74.017% {
        transform: translate(53.7577vw, 74.017vh) scale(0.022)
    }
    to {
        transform: translate(50.96165vw, 100vh) scale(0.022)
    }
}

.snow:nth-child(84) {
    opacity: 0.8314;
    transform: translate(35.133vw, -10px) scale(0.2149);
    animation: fall-84 13s -25s linear infinite
}

@keyframes fall-84 {
    58.402% {
        transform: translate(29.2902vw, 58.402vh) scale(0.2149)
    }
    to {
        transform: translate(32.2116vw, 100vh) scale(0.2149)
    }
}

.snow:nth-child(85) {
    opacity: 0.7052;
    transform: translate(82.9047vw, -10px) scale(0.382);
    animation: fall-85 27s -6s linear infinite
}

@keyframes fall-85 {
    78.68% {
        transform: translate(88.3667vw, 78.68vh) scale(0.382)
    }
    to {
        transform: translate(85.6357vw, 100vh) scale(0.382)
    }
}

.snow:nth-child(86) {
    opacity: 0.3342;
    transform: translate(85.1965vw, -10px) scale(0.5642);
    animation: fall-86 30s -22s linear infinite
}

@keyframes fall-86 {
    41.151% {
        transform: translate(84.4979vw, 41.151vh) scale(0.5642)
    }
    to {
        transform: translate(84.8472vw, 100vh) scale(0.5642)
    }
}

.snow:nth-child(87) {
    opacity: 0.1465;
    transform: translate(23.6892vw, -10px) scale(0.2112);
    animation: fall-87 15s -18s linear infinite
}

@keyframes fall-87 {
    47.231% {
        transform: translate(23.3764vw, 47.231vh) scale(0.2112)
    }
    to {
        transform: translate(23.5328vw, 100vh) scale(0.2112)
    }
}

.snow:nth-child(88) {
    opacity: 0.6325;
    transform: translate(11.8412vw, -10px) scale(0.8791);
    animation: fall-88 24s -19s linear infinite
}

@keyframes fall-88 {
    39.511% {
        transform: translate(20.1029vw, 39.511vh) scale(0.8791)
    }
    to {
        transform: translate(15.97205vw, 100vh) scale(0.8791)
    }
}

.snow:nth-child(89) {
    opacity: 0.7249;
    transform: translate(26.9046vw, -10px) scale(0.5095);
    animation: fall-89 26s -8s linear infinite
}

@keyframes fall-89 {
    39.674% {
        transform: translate(35.4131vw, 39.674vh) scale(0.5095)
    }
    to {
        transform: translate(31.15885vw, 100vh) scale(0.5095)
    }
}

.snow:nth-child(90) {
    opacity: 0.7035;
    transform: translate(0.1488vw, -10px) scale(0.6551);
    animation: fall-90 23s -5s linear infinite
}

@keyframes fall-90 {
    43.574% {
        transform: translate(-6.3523vw, 43.574vh) scale(0.6551)
    }
    to {
        transform: translate(-3.10175vw, 100vh) scale(0.6551)
    }
}

.snow:nth-child(91) {
    opacity: 0.8684;
    transform: translate(43.1891vw, -10px) scale(0.1677);
    animation: fall-91 29s -1s linear infinite
}

@keyframes fall-91 {
    64.723% {
        transform: translate(41.4402vw, 64.723vh) scale(0.1677)
    }
    to {
        transform: translate(42.31465vw, 100vh) scale(0.1677)
    }
}

.snow:nth-child(92) {
    opacity: 0.3013;
    transform: translate(51.3715vw, -10px) scale(0.2952);
    animation: fall-92 13s -16s linear infinite
}

@keyframes fall-92 {
    35.812% {
        transform: translate(41.3858vw, 35.812vh) scale(0.2952)
    }
    to {
        transform: translate(46.37865vw, 100vh) scale(0.2952)
    }
}

.snow:nth-child(93) {
    opacity: 0.9439;
    transform: translate(53.4075vw, -10px) scale(0.4538);
    animation: fall-93 12s -7s linear infinite
}

@keyframes fall-93 {
    38.446% {
        transform: translate(56.8368vw, 38.446vh) scale(0.4538)
    }
    to {
        transform: translate(55.12215vw, 100vh) scale(0.4538)
    }
}

.snow:nth-child(94) {
    opacity: 0.0922;
    transform: translate(71.5772vw, -10px) scale(0.3778);
    animation: fall-94 16s -3s linear infinite
}

@keyframes fall-94 {
    77.983% {
        transform: translate(67.9398vw, 77.983vh) scale(0.3778)
    }
    to {
        transform: translate(69.7585vw, 100vh) scale(0.3778)
    }
}

.snow:nth-child(95) {
    opacity: 0.1718;
    transform: translate(76.5506vw, -10px) scale(0.071);
    animation: fall-95 12s -4s linear infinite
}

@keyframes fall-95 {
    55.785% {
        transform: translate(83.6206vw, 55.785vh) scale(0.071)
    }
    to {
        transform: translate(80.0856vw, 100vh) scale(0.071)
    }
}

.snow:nth-child(96) {
    opacity: 0.0445;
    transform: translate(90.4174vw, -10px) scale(0.112);
    animation: fall-96 18s -22s linear infinite
}

@keyframes fall-96 {
    74.629% {
        transform: translate(81.0776vw, 74.629vh) scale(0.112)
    }
    to {
        transform: translate(85.7475vw, 100vh) scale(0.112)
    }
}

.snow:nth-child(97) {
    opacity: 0.2167;
    transform: translate(96.1507vw, -10px) scale(0.9664);
    animation: fall-97 30s -16s linear infinite
}

@keyframes fall-97 {
    75.308% {
        transform: translate(103.4443vw, 75.308vh) scale(0.9664)
    }
    to {
        transform: translate(99.7975vw, 100vh) scale(0.9664)
    }
}

.snow:nth-child(98) {
    opacity: 0.6037;
    transform: translate(21.7547vw, -10px) scale(0.073);
    animation: fall-98 29s -14s linear infinite
}

@keyframes fall-98 {
    34.644% {
        transform: translate(31.5228vw, 34.644vh) scale(0.073)
    }
    to {
        transform: translate(26.63875vw, 100vh) scale(0.073)
    }
}

.snow:nth-child(99) {
    opacity: 0.4617;
    transform: translate(61.5365vw, -10px) scale(0.0649);
    animation: fall-99 17s -22s linear infinite
}

@keyframes fall-99 {
    67.988% {
        transform: translate(70.7871vw, 67.988vh) scale(0.0649)
    }
    to {
        transform: translate(66.1618vw, 100vh) scale(0.0649)
    }
}

.snow:nth-child(100) {
    opacity: 0.1169;
    transform: translate(81.5062vw, -10px) scale(0.8201);
    animation: fall-100 24s -5s linear infinite
}

@keyframes fall-100 {
    37.924% {
        transform: translate(73.6952vw, 37.924vh) scale(0.8201)
    }
    to {
        transform: translate(77.6007vw, 100vh) scale(0.8201)
    }
}

.snow:nth-child(101) {
    opacity: 0.1601;
    transform: translate(93.3058vw, -10px) scale(0.2934);
    animation: fall-101 15s -6s linear infinite
}

@keyframes fall-101 {
    37.595% {
        transform: translate(87.6525vw, 37.595vh) scale(0.2934)
    }
    to {
        transform: translate(90.47915vw, 100vh) scale(0.2934)
    }
}

.snow:nth-child(102) {
    opacity: 0.6549;
    transform: translate(55.0575vw, -10px) scale(0.5253);
    animation: fall-102 11s -6s linear infinite
}

@keyframes fall-102 {
    40.375% {
        transform: translate(50.254vw, 40.375vh) scale(0.5253)
    }
    to {
        transform: translate(52.65575vw, 100vh) scale(0.5253)
    }
}

.snow:nth-child(103) {
    opacity: 0.1016;
    transform: translate(9.2813vw, -10px) scale(0.3162);
    animation: fall-103 12s -2s linear infinite
}

@keyframes fall-103 {
    75.167% {
        transform: translate(7.9347vw, 75.167vh) scale(0.3162)
    }
    to {
        transform: translate(8.608vw, 100vh) scale(0.3162)
    }
}

.snow:nth-child(104) {
    opacity: 0.136;
    transform: translate(66.0299vw, -10px) scale(0.8073);
    animation: fall-104 23s -7s linear infinite
}

@keyframes fall-104 {
    58.436% {
        transform: translate(64.1624vw, 58.436vh) scale(0.8073)
    }
    to {
        transform: translate(65.09615vw, 100vh) scale(0.8073)
    }
}

.snow:nth-child(105) {
    opacity: 0.8105;
    transform: translate(42.7369vw, -10px) scale(0.19);
    animation: fall-105 26s -25s linear infinite
}

@keyframes fall-105 {
    64.237% {
        transform: translate(47.8237vw, 64.237vh) scale(0.19)
    }
    to {
        transform: translate(45.2803vw, 100vh) scale(0.19)
    }
}

.snow:nth-child(106) {
    opacity: 0.6527;
    transform: translate(21.3832vw, -10px) scale(0.3865);
    animation: fall-106 11s -19s linear infinite
}

@keyframes fall-106 {
    48.262% {
        transform: translate(17.8251vw, 48.262vh) scale(0.3865)
    }
    to {
        transform: translate(19.60415vw, 100vh) scale(0.3865)
    }
}

.snow:nth-child(107) {
    opacity: 0.0144;
    transform: translate(52.1103vw, -10px) scale(0.49);
    animation: fall-107 14s -15s linear infinite
}

@keyframes fall-107 {
    70.525% {
        transform: translate(51.3774vw, 70.525vh) scale(0.49)
    }
    to {
        transform: translate(51.74385vw, 100vh) scale(0.49)
    }
}

.snow:nth-child(108) {
    opacity: 0.4032;
    transform: translate(87.3288vw, -10px) scale(0.1643);
    animation: fall-108 28s -10s linear infinite
}

@keyframes fall-108 {
    32.411% {
        transform: translate(97.0294vw, 32.411vh) scale(0.1643)
    }
    to {
        transform: translate(92.1791vw, 100vh) scale(0.1643)
    }
}

.snow:nth-child(109) {
    opacity: 0.2048;
    transform: translate(1.1013vw, -10px) scale(0.2874);
    animation: fall-109 13s -5s linear infinite
}

@keyframes fall-109 {
    59.644% {
        transform: translate(1.8299vw, 59.644vh) scale(0.2874)
    }
    to {
        transform: translate(1.4656vw, 100vh) scale(0.2874)
    }
}

.snow:nth-child(110) {
    opacity: 0.9737;
    transform: translate(94.3961vw, -10px) scale(0.2385);
    animation: fall-110 14s -16s linear infinite
}

@keyframes fall-110 {
    78.071% {
        transform: translate(84.9211vw, 78.071vh) scale(0.2385)
    }
    to {
        transform: translate(89.6586vw, 100vh) scale(0.2385)
    }
}

.snow:nth-child(111) {
    opacity: 0.694;
    transform: translate(34.8897vw, -10px) scale(0.3344);
    animation: fall-111 16s -2s linear infinite
}

@keyframes fall-111 {
    45.838% {
        transform: translate(35.8716vw, 45.838vh) scale(0.3344)
    }
    to {
        transform: translate(35.38065vw, 100vh) scale(0.3344)
    }
}

.snow:nth-child(112) {
    opacity: 0.1474;
    transform: translate(26.8747vw, -10px) scale(0.8984);
    animation: fall-112 26s -7s linear infinite
}

@keyframes fall-112 {
    78.768% {
        transform: translate(26.8722vw, 78.768vh) scale(0.8984)
    }
    to {
        transform: translate(26.87345vw, 100vh) scale(0.8984)
    }
}

.snow:nth-child(113) {
    opacity: 0.8374;
    transform: translate(1.8153vw, -10px) scale(0.7856);
    animation: fall-113 28s -10s linear infinite
}

@keyframes fall-113 {
    74.124% {
        transform: translate(8.9012vw, 74.124vh) scale(0.7856)
    }
    to {
        transform: translate(5.35825vw, 100vh) scale(0.7856)
    }
}

.snow:nth-child(114) {
    opacity: 0.5977;
    transform: translate(6.6886vw, -10px) scale(0.2415);
    animation: fall-114 29s -6s linear infinite
}

@keyframes fall-114 {
    68.359% {
        transform: translate(0.6529vw, 68.359vh) scale(0.2415)
    }
    to {
        transform: translate(3.67075vw, 100vh) scale(0.2415)
    }
}

.snow:nth-child(115) {
    opacity: 0.8433;
    transform: translate(69.1649vw, -10px) scale(0.5622);
    animation: fall-115 19s -3s linear infinite
}

@keyframes fall-115 {
    45.937% {
        transform: translate(65.4876vw, 45.937vh) scale(0.5622)
    }
    to {
        transform: translate(67.32625vw, 100vh) scale(0.5622)
    }
}

.snow:nth-child(116) {
    opacity: 0.1508;
    transform: translate(28.6976vw, -10px) scale(0.2305);
    animation: fall-116 29s -16s linear infinite
}

@keyframes fall-116 {
    70.972% {
        transform: translate(21.8576vw, 70.972vh) scale(0.2305)
    }
    to {
        transform: translate(25.2776vw, 100vh) scale(0.2305)
    }
}

.snow:nth-child(117) {
    opacity: 0.8344;
    transform: translate(27.5422vw, -10px) scale(0.361);
    animation: fall-117 21s -30s linear infinite
}

@keyframes fall-117 {
    30.283% {
        transform: translate(20.5715vw, 30.283vh) scale(0.361)
    }
    to {
        transform: translate(24.05685vw, 100vh) scale(0.361)
    }
}

.snow:nth-child(118) {
    opacity: 0.7442;
    transform: translate(0.7374vw, -10px) scale(0.033);
    animation: fall-118 23s -16s linear infinite
}

@keyframes fall-118 {
    56.219% {
        transform: translate(-4.4879vw, 56.219vh) scale(0.033)
    }
    to {
        transform: translate(-1.87525vw, 100vh) scale(0.033)
    }
}

.snow:nth-child(119) {
    opacity: 0.7334;
    transform: translate(99.8613vw, -10px) scale(0.7541);
    animation: fall-119 28s -15s linear infinite
}

@keyframes fall-119 {
    36.014% {
        transform: translate(93.5815vw, 36.014vh) scale(0.7541)
    }
    to {
        transform: translate(96.7214vw, 100vh) scale(0.7541)
    }
}

.snow:nth-child(120) {
    opacity: 0.3337;
    transform: translate(55.8897vw, -10px) scale(0.9097);
    animation: fall-120 14s -22s linear infinite
}

@keyframes fall-120 {
    65.196% {
        transform: translate(51.0162vw, 65.196vh) scale(0.9097)
    }
    to {
        transform: translate(53.45295vw, 100vh) scale(0.9097)
    }
}

.snow:nth-child(121) {
    opacity: 0.2328;
    transform: translate(9.4484vw, -10px) scale(0.6775);
    animation: fall-121 21s -12s linear infinite
}

@keyframes fall-121 {
    72.231% {
        transform: translate(11.1823vw, 72.231vh) scale(0.6775)
    }
    to {
        transform: translate(10.31535vw, 100vh) scale(0.6775)
    }
}

.snow:nth-child(122) {
    opacity: 0.6171;
    transform: translate(35.2727vw, -10px) scale(0.2455);
    animation: fall-122 29s -1s linear infinite
}

@keyframes fall-122 {
    76.167% {
        transform: translate(42.8289vw, 76.167vh) scale(0.2455)
    }
    to {
        transform: translate(39.0508vw, 100vh) scale(0.2455)
    }
}

.snow:nth-child(123) {
    opacity: 0.7444;
    transform: translate(13.3448vw, -10px) scale(0.0709);
    animation: fall-123 27s -29s linear infinite
}

@keyframes fall-123 {
    62.133% {
        transform: translate(8.4278vw, 62.133vh) scale(0.0709)
    }
    to {
        transform: translate(10.8863vw, 100vh) scale(0.0709)
    }
}

.snow:nth-child(124) {
    opacity: 0.3771;
    transform: translate(47.4912vw, -10px) scale(0.458);
    animation: fall-124 29s -17s linear infinite
}

@keyframes fall-124 {
    57.241% {
        transform: translate(49.1603vw, 57.241vh) scale(0.458)
    }
    to {
        transform: translate(48.32575vw, 100vh) scale(0.458)
    }
}

.snow:nth-child(125) {
    opacity: 0.7774;
    transform: translate(75.9269vw, -10px) scale(0.6066);
    animation: fall-125 17s -9s linear infinite
}

@keyframes fall-125 {
    48.912% {
        transform: translate(78.5629vw, 48.912vh) scale(0.6066)
    }
    to {
        transform: translate(77.2449vw, 100vh) scale(0.6066)
    }
}

.snow:nth-child(126) {
    opacity: 0.6042;
    transform: translate(61.0226vw, -10px) scale(0.0063);
    animation: fall-126 29s -1s linear infinite
}

@keyframes fall-126 {
    78.468% {
        transform: translate(68.5894vw, 78.468vh) scale(0.0063)
    }
    to {
        transform: translate(64.806vw, 100vh) scale(0.0063)
    }
}

.snow:nth-child(127) {
    opacity: 0.4936;
    transform: translate(77.7281vw, -10px) scale(0.5414);
    animation: fall-127 26s -6s linear infinite
}

@keyframes fall-127 {
    50.12% {
        transform: translate(72.6457vw, 50.12vh) scale(0.5414)
    }
    to {
        transform: translate(75.1869vw, 100vh) scale(0.5414)
    }
}

.snow:nth-child(128) {
    opacity: 0.5315;
    transform: translate(94.8098vw, -10px) scale(0.867);
    animation: fall-128 17s -12s linear infinite
}

@keyframes fall-128 {
    45.15% {
        transform: translate(93.7046vw, 45.15vh) scale(0.867)
    }
    to {
        transform: translate(94.2572vw, 100vh) scale(0.867)
    }
}

.snow:nth-child(129) {
    opacity: 0.5007;
    transform: translate(7.4651vw, -10px) scale(0.512);
    animation: fall-129 12s -15s linear infinite
}

@keyframes fall-129 {
    52.203% {
        transform: translate(4.0107vw, 52.203vh) scale(0.512)
    }
    to {
        transform: translate(5.7379vw, 100vh) scale(0.512)
    }
}

.snow:nth-child(130) {
    opacity: 0.8771;
    transform: translate(23.2686vw, -10px) scale(0.7701);
    animation: fall-130 20s -5s linear infinite
}

@keyframes fall-130 {
    45.971% {
        transform: translate(16.0972vw, 45.971vh) scale(0.7701)
    }
    to {
        transform: translate(19.6829vw, 100vh) scale(0.7701)
    }
}

.snow:nth-child(131) {
    opacity: 0.3076;
    transform: translate(36.4044vw, -10px) scale(0.536);
    animation: fall-131 22s -16s linear infinite
}

@keyframes fall-131 {
    55.013% {
        transform: translate(42.0381vw, 55.013vh) scale(0.536)
    }
    to {
        transform: translate(39.22125vw, 100vh) scale(0.536)
    }
}

.snow:nth-child(132) {
    opacity: 0.0932;
    transform: translate(57.3384vw, -10px) scale(0.7067);
    animation: fall-132 15s -6s linear infinite
}

@keyframes fall-132 {
    39.484% {
        transform: translate(56.0529vw, 39.484vh) scale(0.7067)
    }
    to {
        transform: translate(56.69565vw, 100vh) scale(0.7067)
    }
}

.snow:nth-child(133) {
    opacity: 0.6441;
    transform: translate(18.8415vw, -10px) scale(0.4951);
    animation: fall-133 11s -29s linear infinite
}

@keyframes fall-133 {
    37.103% {
        transform: translate(27.2579vw, 37.103vh) scale(0.4951)
    }
    to {
        transform: translate(23.0497vw, 100vh) scale(0.4951)
    }
}

.snow:nth-child(134) {
    opacity: 0.3933;
    transform: translate(29.1884vw, -10px) scale(0.6415);
    animation: fall-134 22s -21s linear infinite
}

@keyframes fall-134 {
    69.883% {
        transform: translate(20.8691vw, 69.883vh) scale(0.6415)
    }
    to {
        transform: translate(25.02875vw, 100vh) scale(0.6415)
    }
}

.snow:nth-child(135) {
    opacity: 0.1942;
    transform: translate(11.3474vw, -10px) scale(0.549);
    animation: fall-135 26s -22s linear infinite
}

@keyframes fall-135 {
    45.481% {
        transform: translate(16.8401vw, 45.481vh) scale(0.549)
    }
    to {
        transform: translate(14.09375vw, 100vh) scale(0.549)
    }
}

.snow:nth-child(136) {
    opacity: 0.9289;
    transform: translate(7.2345vw, -10px) scale(0.0076);
    animation: fall-136 27s -30s linear infinite
}

@keyframes fall-136 {
    62.259% {
        transform: translate(8.6659vw, 62.259vh) scale(0.0076)
    }
    to {
        transform: translate(7.9502vw, 100vh) scale(0.0076)
    }
}

.snow:nth-child(137) {
    opacity: 0.7569;
    transform: translate(49.4451vw, -10px) scale(0.5408);
    animation: fall-137 22s -28s linear infinite
}

@keyframes fall-137 {
    68.135% {
        transform: translate(42.0976vw, 68.135vh) scale(0.5408)
    }
    to {
        transform: translate(45.77135vw, 100vh) scale(0.5408)
    }
}

.snow:nth-child(138) {
    opacity: 0.9048;
    transform: translate(3.7941vw, -10px) scale(0.164);
    animation: fall-138 25s -19s linear infinite
}

@keyframes fall-138 {
    56.544% {
        transform: translate(-3.723vw, 56.544vh) scale(0.164)
    }
    to {
        transform: translate(0.03555vw, 100vh) scale(0.164)
    }
}

.snow:nth-child(139) {
    opacity: 0.845;
    transform: translate(74.5673vw, -10px) scale(0.2319);
    animation: fall-139 22s -2s linear infinite
}

@keyframes fall-139 {
    35.396% {
        transform: translate(80.2313vw, 35.396vh) scale(0.2319)
    }
    to {
        transform: translate(77.3993vw, 100vh) scale(0.2319)
    }
}

.snow:nth-child(140) {
    opacity: 0.4271;
    transform: translate(5.3051vw, -10px) scale(0.4372);
    animation: fall-140 11s -11s linear infinite
}

@keyframes fall-140 {
    77.707% {
        transform: translate(1.5365vw, 77.707vh) scale(0.4372)
    }
    to {
        transform: translate(3.4208vw, 100vh) scale(0.4372)
    }
}

.snow:nth-child(141) {
    opacity: 0.2793;
    transform: translate(97.7486vw, -10px) scale(0.4656);
    animation: fall-141 16s -23s linear infinite
}

@keyframes fall-141 {
    48.175% {
        transform: translate(102.9305vw, 48.175vh) scale(0.4656)
    }
    to {
        transform: translate(100.33955vw, 100vh) scale(0.4656)
    }
}

.snow:nth-child(142) {
    opacity: 0.0333;
    transform: translate(70.8634vw, -10px) scale(0.2762);
    animation: fall-142 19s -7s linear infinite
}

@keyframes fall-142 {
    48.177% {
        transform: translate(69.2288vw, 48.177vh) scale(0.2762)
    }
    to {
        transform: translate(70.0461vw, 100vh) scale(0.2762)
    }
}

.snow:nth-child(143) {
    opacity: 0.5406;
    transform: translate(66.4392vw, -10px) scale(0.6259);
    animation: fall-143 27s -10s linear infinite
}

@keyframes fall-143 {
    61.542% {
        transform: translate(62.5427vw, 61.542vh) scale(0.6259)
    }
    to {
        transform: translate(64.49095vw, 100vh) scale(0.6259)
    }
}

.snow:nth-child(144) {
    opacity: 0.4048;
    transform: translate(29.5691vw, -10px) scale(0.1884);
    animation: fall-144 25s -9s linear infinite
}

@keyframes fall-144 {
    35.064% {
        transform: translate(27.8794vw, 35.064vh) scale(0.1884)
    }
    to {
        transform: translate(28.72425vw, 100vh) scale(0.1884)
    }
}

.snow:nth-child(145) {
    opacity: 0.5988;
    transform: translate(74.1041vw, -10px) scale(0.632);
    animation: fall-145 18s -5s linear infinite
}

@keyframes fall-145 {
    35.138% {
        transform: translate(77.3715vw, 35.138vh) scale(0.632)
    }
    to {
        transform: translate(75.7378vw, 100vh) scale(0.632)
    }
}

.snow:nth-child(146) {
    opacity: 0.2657;
    transform: translate(3.5149vw, -10px) scale(0.6143);
    animation: fall-146 30s -6s linear infinite
}

@keyframes fall-146 {
    48.044% {
        transform: translate(3.2255vw, 48.044vh) scale(0.6143)
    }
    to {
        transform: translate(3.3702vw, 100vh) scale(0.6143)
    }
}

.snow:nth-child(147) {
    opacity: 0.4467;
    transform: translate(46.3632vw, -10px) scale(0.1394);
    animation: fall-147 13s -23s linear infinite
}

@keyframes fall-147 {
    40.296% {
        transform: translate(40.5296vw, 40.296vh) scale(0.1394)
    }
    to {
        transform: translate(43.4464vw, 100vh) scale(0.1394)
    }
}

.snow:nth-child(148) {
    opacity: 0.8563;
    transform: translate(62.2033vw, -10px) scale(0.0805);
    animation: fall-148 24s -24s linear infinite
}

@keyframes fall-148 {
    56.195% {
        transform: translate(69.6299vw, 56.195vh) scale(0.0805)
    }
    to {
        transform: translate(65.9166vw, 100vh) scale(0.0805)
    }
}

.snow:nth-child(149) {
    opacity: 0.9148;
    transform: translate(59.4323vw, -10px) scale(0.6149);
    animation: fall-149 22s -22s linear infinite
}

@keyframes fall-149 {
    67.136% {
        transform: translate(63.7625vw, 67.136vh) scale(0.6149)
    }
    to {
        transform: translate(61.5974vw, 100vh) scale(0.6149)
    }
}

.snow:nth-child(150) {
    opacity: 0.6673;
    transform: translate(23.7559vw, -10px) scale(0.2645);
    animation: fall-150 16s -8s linear infinite
}

@keyframes fall-150 {
    50.766% {
        transform: translate(14.3811vw, 50.766vh) scale(0.2645)
    }
    to {
        transform: translate(19.0685vw, 100vh) scale(0.2645)
    }
}

.snow:nth-child(151) {
    opacity: 0.6032;
    transform: translate(7.3411vw, -10px) scale(0.7609);
    animation: fall-151 18s -28s linear infinite
}

@keyframes fall-151 {
    55.346% {
        transform: translate(5.1608vw, 55.346vh) scale(0.7609)
    }
    to {
        transform: translate(6.25095vw, 100vh) scale(0.7609)
    }
}

.snow:nth-child(152) {
    opacity: 0.1401;
    transform: translate(35.3171vw, -10px) scale(0.1346);
    animation: fall-152 26s -9s linear infinite
}

@keyframes fall-152 {
    59.542% {
        transform: translate(30.7898vw, 59.542vh) scale(0.1346)
    }
    to {
        transform: translate(33.05345vw, 100vh) scale(0.1346)
    }
}

.snow:nth-child(153) {
    opacity: 0.6844;
    transform: translate(27.7836vw, -10px) scale(0.7399);
    animation: fall-153 14s -28s linear infinite
}

@keyframes fall-153 {
    52% {
        transform: translate(34.2034vw, 52vh) scale(0.7399)
    }
    to {
        transform: translate(30.9935vw, 100vh) scale(0.7399)
    }
}

.snow:nth-child(154) {
    opacity: 0.9925;
    transform: translate(89.9335vw, -10px) scale(0.5949);
    animation: fall-154 19s -13s linear infinite
}

@keyframes fall-154 {
    31.584% {
        transform: translate(93.3935vw, 31.584vh) scale(0.5949)
    }
    to {
        transform: translate(91.6635vw, 100vh) scale(0.5949)
    }
}

.snow:nth-child(155) {
    opacity: 0.0295;
    transform: translate(61.181vw, -10px) scale(0.5326);
    animation: fall-155 26s -23s linear infinite
}

@keyframes fall-155 {
    53.186% {
        transform: translate(68.3526vw, 53.186vh) scale(0.5326)
    }
    to {
        transform: translate(64.7668vw, 100vh) scale(0.5326)
    }
}

.snow:nth-child(156) {
    opacity: 0.2153;
    transform: translate(7.4669vw, -10px) scale(0.8287);
    animation: fall-156 13s -13s linear infinite
}

@keyframes fall-156 {
    49.283% {
        transform: translate(16.0832vw, 49.283vh) scale(0.8287)
    }
    to {
        transform: translate(11.77505vw, 100vh) scale(0.8287)
    }
}

.snow:nth-child(157) {
    opacity: 0.8243;
    transform: translate(28.0122vw, -10px) scale(0.8882);
    animation: fall-157 11s -21s linear infinite
}

@keyframes fall-157 {
    74.7% {
        transform: translate(36.6922vw, 74.7vh) scale(0.8882)
    }
    to {
        transform: translate(32.3522vw, 100vh) scale(0.8882)
    }
}

.snow:nth-child(158) {
    opacity: 0.2149;
    transform: translate(71.4006vw, -10px) scale(0.3845);
    animation: fall-158 25s -10s linear infinite
}

@keyframes fall-158 {
    44.565% {
        transform: translate(68.7325vw, 44.565vh) scale(0.3845)
    }
    to {
        transform: translate(70.06655vw, 100vh) scale(0.3845)
    }
}

.snow:nth-child(159) {
    opacity: 0.8898;
    transform: translate(89.266vw, -10px) scale(0.1527);
    animation: fall-159 16s -11s linear infinite
}

@keyframes fall-159 {
    47.483% {
        transform: translate(97.9254vw, 47.483vh) scale(0.1527)
    }
    to {
        transform: translate(93.5957vw, 100vh) scale(0.1527)
    }
}

.snow:nth-child(160) {
    opacity: 0.9598;
    transform: translate(22.0039vw, -10px) scale(0.8843);
    animation: fall-160 24s -5s linear infinite
}

@keyframes fall-160 {
    74.086% {
        transform: translate(20.7309vw, 74.086vh) scale(0.8843)
    }
    to {
        transform: translate(21.3674vw, 100vh) scale(0.8843)
    }
}

.snow:nth-child(161) {
    opacity: 0.2874;
    transform: translate(37.4635vw, -10px) scale(0.7479);
    animation: fall-161 29s -19s linear infinite
}

@keyframes fall-161 {
    78.717% {
        transform: translate(40.7514vw, 78.717vh) scale(0.7479)
    }
    to {
        transform: translate(39.10745vw, 100vh) scale(0.7479)
    }
}

.snow:nth-child(162) {
    opacity: 0.074;
    transform: translate(14.6561vw, -10px) scale(0.2933);
    animation: fall-162 11s -7s linear infinite
}

@keyframes fall-162 {
    77.803% {
        transform: translate(16.2618vw, 77.803vh) scale(0.2933)
    }
    to {
        transform: translate(15.45895vw, 100vh) scale(0.2933)
    }
}

.snow:nth-child(163) {
    opacity: 0.463;
    transform: translate(84.2929vw, -10px) scale(0.4254);
    animation: fall-163 20s -10s linear infinite
}

@keyframes fall-163 {
    79.976% {
        transform: translate(93.3129vw, 79.976vh) scale(0.4254)
    }
    to {
        transform: translate(88.8029vw, 100vh) scale(0.4254)
    }
}

.snow:nth-child(164) {
    opacity: 0.7951;
    transform: translate(72.8003vw, -10px) scale(0.0298);
    animation: fall-164 20s -4s linear infinite
}

@keyframes fall-164 {
    52.348% {
        transform: translate(73.3477vw, 52.348vh) scale(0.0298)
    }
    to {
        transform: translate(73.074vw, 100vh) scale(0.0298)
    }
}

.snow:nth-child(165) {
    opacity: 0.9211;
    transform: translate(12.0019vw, -10px) scale(0.684);
    animation: fall-165 26s -7s linear infinite
}

@keyframes fall-165 {
    70.744% {
        transform: translate(21.3143vw, 70.744vh) scale(0.684)
    }
    to {
        transform: translate(16.6581vw, 100vh) scale(0.684)
    }
}

.snow:nth-child(166) {
    opacity: 0.5141;
    transform: translate(59.9113vw, -10px) scale(0.9705);
    animation: fall-166 25s -6s linear infinite
}

@keyframes fall-166 {
    39.32% {
        transform: translate(69.0437vw, 39.32vh) scale(0.9705)
    }
    to {
        transform: translate(64.4775vw, 100vh) scale(0.9705)
    }
}

.snow:nth-child(167) {
    opacity: 0.6177;
    transform: translate(95.0915vw, -10px) scale(0.3529);
    animation: fall-167 21s -18s linear infinite
}

@keyframes fall-167 {
    45.149% {
        transform: translate(91.8044vw, 45.149vh) scale(0.3529)
    }
    to {
        transform: translate(93.44795vw, 100vh) scale(0.3529)
    }
}

.snow:nth-child(168) {
    opacity: 0.0239;
    transform: translate(59.1476vw, -10px) scale(0.7394);
    animation: fall-168 14s -21s linear infinite
}

@keyframes fall-168 {
    40.395% {
        transform: translate(49.9025vw, 40.395vh) scale(0.7394)
    }
    to {
        transform: translate(54.52505vw, 100vh) scale(0.7394)
    }
}

.snow:nth-child(169) {
    opacity: 0.5221;
    transform: translate(78.2918vw, -10px) scale(0.8102);
    animation: fall-169 10s -7s linear infinite
}

@keyframes fall-169 {
    69.708% {
        transform: translate(86.6486vw, 69.708vh) scale(0.8102)
    }
    to {
        transform: translate(82.4702vw, 100vh) scale(0.8102)
    }
}

.snow:nth-child(170) {
    opacity: 0.0865;
    transform: translate(69.566vw, -10px) scale(0.4104);
    animation: fall-170 16s -2s linear infinite
}

@keyframes fall-170 {
    66.849% {
        transform: translate(62.3142vw, 66.849vh) scale(0.4104)
    }
    to {
        transform: translate(65.9401vw, 100vh) scale(0.4104)
    }
}

.snow:nth-child(171) {
    opacity: 0.9949;
    transform: translate(47.8191vw, -10px) scale(0.1798);
    animation: fall-171 27s -8s linear infinite
}

@keyframes fall-171 {
    68.433% {
        transform: translate(43.1341vw, 68.433vh) scale(0.1798)
    }
    to {
        transform: translate(45.4766vw, 100vh) scale(0.1798)
    }
}

.snow:nth-child(172) {
    opacity: 0.3049;
    transform: translate(38.7682vw, -10px) scale(0.1766);
    animation: fall-172 26s -22s linear infinite
}

@keyframes fall-172 {
    37.992% {
        transform: translate(37.9465vw, 37.992vh) scale(0.1766)
    }
    to {
        transform: translate(38.35735vw, 100vh) scale(0.1766)
    }
}

.snow:nth-child(173) {
    opacity: 0.6792;
    transform: translate(33.6021vw, -10px) scale(0.0855);
    animation: fall-173 30s -26s linear infinite
}

@keyframes fall-173 {
    76.114% {
        transform: translate(25.4103vw, 76.114vh) scale(0.0855)
    }
    to {
        transform: translate(29.5062vw, 100vh) scale(0.0855)
    }
}

.snow:nth-child(174) {
    opacity: 0.2143;
    transform: translate(15.2509vw, -10px) scale(0.5993);
    animation: fall-174 24s -9s linear infinite
}

@keyframes fall-174 {
    47.197% {
        transform: translate(5.5561vw, 47.197vh) scale(0.5993)
    }
    to {
        transform: translate(10.4035vw, 100vh) scale(0.5993)
    }
}

.snow:nth-child(175) {
    opacity: 0.4133;
    transform: translate(73.9152vw, -10px) scale(0.7014);
    animation: fall-175 18s -24s linear infinite
}

@keyframes fall-175 {
    44.351% {
        transform: translate(70.5226vw, 44.351vh) scale(0.7014)
    }
    to {
        transform: translate(72.2189vw, 100vh) scale(0.7014)
    }
}

.snow:nth-child(176) {
    opacity: 0.5942;
    transform: translate(69.3013vw, -10px) scale(0.7862);
    animation: fall-176 10s -5s linear infinite
}

@keyframes fall-176 {
    71.081% {
        transform: translate(78.1325vw, 71.081vh) scale(0.7862)
    }
    to {
        transform: translate(73.7169vw, 100vh) scale(0.7862)
    }
}

.snow:nth-child(177) {
    opacity: 0.3802;
    transform: translate(92.5518vw, -10px) scale(0.2168);
    animation: fall-177 30s -11s linear infinite
}

@keyframes fall-177 {
    47.28% {
        transform: translate(96.7875vw, 47.28vh) scale(0.2168)
    }
    to {
        transform: translate(94.66965vw, 100vh) scale(0.2168)
    }
}

.snow:nth-child(178) {
    opacity: 0.1744;
    transform: translate(6.4457vw, -10px) scale(0.4675);
    animation: fall-178 19s -13s linear infinite
}

@keyframes fall-178 {
    32.113% {
        transform: translate(-3.1828vw, 32.113vh) scale(0.4675)
    }
    to {
        transform: translate(1.63145vw, 100vh) scale(0.4675)
    }
}

.snow:nth-child(179) {
    opacity: 0.0379;
    transform: translate(13.0809vw, -10px) scale(0.8175);
    animation: fall-179 30s -8s linear infinite
}

@keyframes fall-179 {
    30.78% {
        transform: translate(22.1298vw, 30.78vh) scale(0.8175)
    }
    to {
        transform: translate(17.60535vw, 100vh) scale(0.8175)
    }
}

.snow:nth-child(180) {
    opacity: 0.6228;
    transform: translate(38.685vw, -10px) scale(0.7326);
    animation: fall-180 19s -7s linear infinite
}

@keyframes fall-180 {
    55.814% {
        transform: translate(34.4818vw, 55.814vh) scale(0.7326)
    }
    to {
        transform: translate(36.5834vw, 100vh) scale(0.7326)
    }
}

.snow:nth-child(181) {
    opacity: 0.9187;
    transform: translate(99.4105vw, -10px) scale(0.8072);
    animation: fall-181 19s -28s linear infinite
}

@keyframes fall-181 {
    48.133% {
        transform: translate(107.929vw, 48.133vh) scale(0.8072)
    }
    to {
        transform: translate(103.66975vw, 100vh) scale(0.8072)
    }
}

.snow:nth-child(182) {
    opacity: 0.8569;
    transform: translate(11.6983vw, -10px) scale(0.3993);
    animation: fall-182 30s -5s linear infinite
}

@keyframes fall-182 {
    45.975% {
        transform: translate(5.3538vw, 45.975vh) scale(0.3993)
    }
    to {
        transform: translate(8.52605vw, 100vh) scale(0.3993)
    }
}

.snow:nth-child(183) {
    opacity: 0.0797;
    transform: translate(2.3816vw, -10px) scale(0.9647);
    animation: fall-183 28s -27s linear infinite
}

@keyframes fall-183 {
    73.008% {
        transform: translate(5.4449vw, 73.008vh) scale(0.9647)
    }
    to {
        transform: translate(3.91325vw, 100vh) scale(0.9647)
    }
}

.snow:nth-child(184) {
    opacity: 0.8255;
    transform: translate(8.9652vw, -10px) scale(0.1798);
    animation: fall-184 19s -10s linear infinite
}

@keyframes fall-184 {
    64.931% {
        transform: translate(18.2898vw, 64.931vh) scale(0.1798)
    }
    to {
        transform: translate(13.6275vw, 100vh) scale(0.1798)
    }
}

.snow:nth-child(185) {
    opacity: 0.7513;
    transform: translate(7.59vw, -10px) scale(0.0176);
    animation: fall-185 11s -11s linear infinite
}

@keyframes fall-185 {
    37.601% {
        transform: translate(11.9757vw, 37.601vh) scale(0.0176)
    }
    to {
        transform: translate(9.78285vw, 100vh) scale(0.0176)
    }
}

.snow:nth-child(186) {
    opacity: 0.5555;
    transform: translate(89.7835vw, -10px) scale(0.6631);
    animation: fall-186 18s -7s linear infinite
}

@keyframes fall-186 {
    33.92% {
        transform: translate(93.967vw, 33.92vh) scale(0.6631)
    }
    to {
        transform: translate(91.87525vw, 100vh) scale(0.6631)
    }
}

.snow:nth-child(187) {
    opacity: 0.347;
    transform: translate(46.4235vw, -10px) scale(0.7536);
    animation: fall-187 13s -18s linear infinite
}

@keyframes fall-187 {
    43.329% {
        transform: translate(51.113vw, 43.329vh) scale(0.7536)
    }
    to {
        transform: translate(48.76825vw, 100vh) scale(0.7536)
    }
}

.snow:nth-child(188) {
    opacity: 0.7424;
    transform: translate(79.6388vw, -10px) scale(0.206);
    animation: fall-188 10s -21s linear infinite
}

@keyframes fall-188 {
    42.131% {
        transform: translate(78.2605vw, 42.131vh) scale(0.206)
    }
    to {
        transform: translate(78.94965vw, 100vh) scale(0.206)
    }
}

.snow:nth-child(189) {
    opacity: 0.577;
    transform: translate(14.8832vw, -10px) scale(0.5786);
    animation: fall-189 28s -17s linear infinite
}

@keyframes fall-189 {
    72.375% {
        transform: translate(17.0455vw, 72.375vh) scale(0.5786)
    }
    to {
        transform: translate(15.96435vw, 100vh) scale(0.5786)
    }
}

.snow:nth-child(190) {
    opacity: 0.8113;
    transform: translate(0.4749vw, -10px) scale(0.408);
    animation: fall-190 23s -23s linear infinite
}

@keyframes fall-190 {
    30.526% {
        transform: translate(5.6062vw, 30.526vh) scale(0.408)
    }
    to {
        transform: translate(3.04055vw, 100vh) scale(0.408)
    }
}

.snow:nth-child(191) {
    opacity: 0.2469;
    transform: translate(28.037vw, -10px) scale(0.1974);
    animation: fall-191 13s -9s linear infinite
}

@keyframes fall-191 {
    68.121% {
        transform: translate(36.8007vw, 68.121vh) scale(0.1974)
    }
    to {
        transform: translate(32.41885vw, 100vh) scale(0.1974)
    }
}

.snow:nth-child(192) {
    opacity: 0.1685;
    transform: translate(49.4547vw, -10px) scale(0.8855);
    animation: fall-192 11s -27s linear infinite
}

@keyframes fall-192 {
    37.026% {
        transform: translate(58.3604vw, 37.026vh) scale(0.8855)
    }
    to {
        transform: translate(53.90755vw, 100vh) scale(0.8855)
    }
}

.snow:nth-child(193) {
    opacity: 0.8988;
    transform: translate(50.788vw, -10px) scale(0.8887);
    animation: fall-193 13s -10s linear infinite
}

@keyframes fall-193 {
    33.313% {
        transform: translate(51.6634vw, 33.313vh) scale(0.8887)
    }
    to {
        transform: translate(51.2257vw, 100vh) scale(0.8887)
    }
}

.snow:nth-child(194) {
    opacity: 0.0181;
    transform: translate(17.1867vw, -10px) scale(0.5745);
    animation: fall-194 22s -10s linear infinite
}

@keyframes fall-194 {
    37.598% {
        transform: translate(12.7193vw, 37.598vh) scale(0.5745)
    }
    to {
        transform: translate(14.953vw, 100vh) scale(0.5745)
    }
}

.snow:nth-child(195) {
    opacity: 0.2869;
    transform: translate(76.7981vw, -10px) scale(0.6803);
    animation: fall-195 20s -3s linear infinite
}

@keyframes fall-195 {
    30.744% {
        transform: translate(81.2402vw, 30.744vh) scale(0.6803)
    }
    to {
        transform: translate(79.01915vw, 100vh) scale(0.6803)
    }
}

.snow:nth-child(196) {
    opacity: 0.983;
    transform: translate(12.319vw, -10px) scale(0.2497);
    animation: fall-196 10s -9s linear infinite
}

@keyframes fall-196 {
    67.447% {
        transform: translate(5.5606vw, 67.447vh) scale(0.2497)
    }
    to {
        transform: translate(8.9398vw, 100vh) scale(0.2497)
    }
}

.snow:nth-child(197) {
    opacity: 0.8029;
    transform: translate(4.0286vw, -10px) scale(0.2543);
    animation: fall-197 24s -8s linear infinite
}

@keyframes fall-197 {
    74.48% {
        transform: translate(8.3765vw, 74.48vh) scale(0.2543)
    }
    to {
        transform: translate(6.20255vw, 100vh) scale(0.2543)
    }
}

.snow:nth-child(198) {
    opacity: 0.6443;
    transform: translate(45.2965vw, -10px) scale(0.3638);
    animation: fall-198 22s -19s linear infinite
}

@keyframes fall-198 {
    42.547% {
        transform: translate(54.0245vw, 42.547vh) scale(0.3638)
    }
    to {
        transform: translate(49.6605vw, 100vh) scale(0.3638)
    }
}

.snow:nth-child(199) {
    opacity: 0.5068;
    transform: translate(95.9963vw, -10px) scale(0.5398);
    animation: fall-199 14s -9s linear infinite
}

@keyframes fall-199 {
    33.541% {
        transform: translate(96.5995vw, 33.541vh) scale(0.5398)
    }
    to {
        transform: translate(96.2979vw, 100vh) scale(0.5398)
    }
}

.snow:nth-child(200) {
    opacity: 0.8239;
    transform: translate(95.3688vw, -10px) scale(0.0575);
    animation: fall-200 11s -3s linear infinite
}

@keyframes fall-200 {
    58.42% {
        transform: translate(100.3034vw, 58.42vh) scale(0.0575)
    }
    to {
        transform: translate(97.8361vw, 100vh) scale(0.0575)
    }
}

.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: 28%;
    left: 59%;
    animation-duration: 15.8s;
    animation-delay: -0.7s;
    transform-origin: -13vw 5vh;
    box-shadow: 40vmin 0 14.44068vmin currentColor
}

.blur-background span:nth-child(2) {
    color: #E45A84;
    top: 83%;
    left: 73%;
    animation-duration: 14.6s;
    animation-delay: -0.9s;
    transform-origin: 9vw -13vh;
    box-shadow: 40vmin 0 8.11971vmin currentColor
}

.blur-background span:nth-child(3) {
    color: #E45A84;
    top: 93%;
    left: 49%;
    animation-duration: 14.7s;
    animation-delay: -12.1s;
    transform-origin: 11vw -20vh;
    box-shadow: -40vmin 0 9.57558vmin currentColor
}

.blur-background span:nth-child(4) {
    color: #E45A84;
    top: 61%;
    left: 17%;
    animation-duration: 10.4s;
    animation-delay: -6.2s;
    transform-origin: -2vw -4vh;
    box-shadow: 40vmin 0 10.36952vmin currentColor
}

.blur-background span:nth-child(5) {
    color: #E45A84;
    top: 84%;
    left: 59%;
    animation-duration: 14.7s;
    animation-delay: -14.1s;
    transform-origin: 5vw -24vh;
    box-shadow: 40vmin 0 9.99847vmin currentColor
}

.blur-background span:nth-child(6) {
    color: #E45A84;
    top: 86%;
    left: 44%;
    animation-duration: 12.1s;
    animation-delay: -13.8s;
    transform-origin: -1vw 14vh;
    box-shadow: -40vmin 0 11.92915vmin currentColor
}

.blur-background span:nth-child(7) {
    color: #E45A84;
    top: 61%;
    left: 8%;
    animation-duration: 14.5s;
    animation-delay: -4.9s;
    transform-origin: -19vw -20vh;
    box-shadow: 40vmin 0 10.81452vmin currentColor
}

.blur-background span:nth-child(8) {
    color: #FFACAC;
    top: 28%;
    left: 37%;
    animation-duration: 11.3s;
    animation-delay: -3.7s;
    transform-origin: -21vw 13vh;
    box-shadow: -40vmin 0 11.92867vmin currentColor
}

.blur-background span:nth-child(9) {
    color: #583C87;
    top: 46%;
    left: 88%;
    animation-duration: 13.4s;
    animation-delay: -12.7s;
    transform-origin: -5vw -6vh;
    box-shadow: 40vmin 0 9.32008vmin currentColor
}

.blur-background span:nth-child(10) {
    color: #583C87;
    top: 75%;
    left: 54%;
    animation-duration: 12s;
    animation-delay: -10.6s;
    transform-origin: 13vw 18vh;
    box-shadow: -40vmin 0 6.0244vmin currentColor
}

.blur-background span:nth-child(11) {
    color: #583C87;
    top: 16%;
    left: 2%;
    animation-duration: 10.4s;
    animation-delay: -9s;
    transform-origin: -13vw 18vh;
    box-shadow: -40vmin 0 6.88863vmin currentColor
}

.blur-background span:nth-child(12) {
    color: #FFACAC;
    top: 54%;
    left: 21%;
    animation-duration: 15.9s;
    animation-delay: -1.2s;
    transform-origin: 2vw -21vh;
    box-shadow: -40vmin 0 13.64785vmin currentColor
}

.blur-background span:nth-child(13) {
    color: #583C87;
    top: 55%;
    left: 83%;
    animation-duration: 14.7s;
    animation-delay: -0.4s;
    transform-origin: 1vw 4vh;
    box-shadow: 40vmin 0 14.25168vmin currentColor
}

.blur-background span:nth-child(14) {
    color: #E45A84;
    top: 43%;
    left: 93%;
    animation-duration: 14s;
    animation-delay: -12.1s;
    transform-origin: -10vw 8vh;
    box-shadow: -40vmin 0 11.97994vmin currentColor
}

.blur-background span:nth-child(15) {
    color: #FFACAC;
    top: 29%;
    left: 59%;
    animation-duration: 16s;
    animation-delay: -7.5s;
    transform-origin: 18vw 12vh;
    box-shadow: -40vmin 0 10.49118vmin currentColor
}

.blur-background span:nth-child(16) {
    color: #E45A84;
    top: 37%;
    left: 67%;
    animation-duration: 12s;
    animation-delay: -1.1s;
    transform-origin: -1vw -20vh;
    box-shadow: 40vmin 0 11.62062vmin currentColor
}

.blur-background span:nth-child(17) {
    color: #583C87;
    top: 32%;
    left: 96%;
    animation-duration: 15.7s;
    animation-delay: -11.6s;
    transform-origin: 22vw -22vh;
    box-shadow: 40vmin 0 5.53693vmin currentColor
}

.blur-background span:nth-child(18) {
    color: #FFACAC;
    top: 52%;
    left: 61%;
    animation-duration: 15.7s;
    animation-delay: -10.2s;
    transform-origin: -22vw -2vh;
    box-shadow: -40vmin 0 6.92241vmin currentColor
}

.blur-background span:nth-child(19) {
    color: #FFACAC;
    top: 79%;
    left: 47%;
    animation-duration: 15.6s;
    animation-delay: -9.3s;
    transform-origin: 25vw 6vh;
    box-shadow: -40vmin 0 9.86558vmin currentColor
}

.blur-background span:nth-child(20) {
    color: #FFACAC;
    top: 26%;
    left: 33%;
    animation-duration: 12s;
    animation-delay: -7.4s;
    transform-origin: -11vw 16vh;
    box-shadow: 40vmin 0 12.34859vmin 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: 89vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(1) {
    --bubble-left-offset: 22vw;
    --bubble-radius: 3vw;
    --bubble-float-duration: 6s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 1s;
    --bubble-sway-delay: 2s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(2) {
    --bubble-left-offset: 1vw;
    --bubble-radius: 7vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 1s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(3) {
    --bubble-left-offset: 28vw;
    --bubble-radius: 9vw;
    --bubble-float-duration: 10s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(4) {
    --bubble-left-offset: 26vw;
    --bubble-radius: 1vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(5) {
    --bubble-left-offset: 85vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(6) {
    --bubble-left-offset: 99vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 12s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(7) {
    --bubble-left-offset: 44vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 9s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(8) {
    --bubble-left-offset: 30vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 12s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(9) {
    --bubble-left-offset: 0vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 10s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(10) {
    --bubble-left-offset: 60vw;
    --bubble-radius: 10vw;
    --bubble-float-duration: 6s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(11) {
    --bubble-left-offset: 62vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(12) {
    --bubble-left-offset: 9vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 11s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(13) {
    --bubble-left-offset: 77vw;
    --bubble-radius: 1vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 2s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(14) {
    --bubble-left-offset: 65vw;
    --bubble-radius: 2vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 2s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(15) {
    --bubble-left-offset: 78vw;
    --bubble-radius: 1vw;
    --bubble-float-duration: 11s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(16) {
    --bubble-left-offset: 79vw;
    --bubble-radius: 2vw;
    --bubble-float-duration: 9s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(17) {
    --bubble-left-offset: 34vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(18) {
    --bubble-left-offset: 0vw;
    --bubble-radius: 4vw;
    --bubble-float-duration: 6s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(19) {
    --bubble-left-offset: 5vw;
    --bubble-radius: 7vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(20) {
    --bubble-left-offset: 55vw;
    --bubble-radius: 1vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(21) {
    --bubble-left-offset: 11vw;
    --bubble-radius: 5vw;
    --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(22) {
    --bubble-left-offset: 98vw;
    --bubble-radius: 3vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(23) {
    --bubble-left-offset: 46vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(24) {
    --bubble-left-offset: 67vw;
    --bubble-radius: 9vw;
    --bubble-float-duration: 6s;
    --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: 70vw;
    --bubble-radius: 2vw;
    --bubble-float-duration: 6s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(26) {
    --bubble-left-offset: 44vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 1s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(27) {
    --bubble-left-offset: 51vw;
    --bubble-radius: 2vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(28) {
    --bubble-left-offset: 72vw;
    --bubble-radius: 7vw;
    --bubble-float-duration: 6s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 2s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(29) {
    --bubble-left-offset: 46vw;
    --bubble-radius: 10vw;
    --bubble-float-duration: 11s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(30) {
    --bubble-left-offset: 90vw;
    --bubble-radius: 4vw;
    --bubble-float-duration: 11s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(31) {
    --bubble-left-offset: 98vw;
    --bubble-radius: 10vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(32) {
    --bubble-left-offset: 54vw;
    --bubble-radius: 6vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(33) {
    --bubble-left-offset: 29vw;
    --bubble-radius: 10vw;
    --bubble-float-duration: 10s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(34) {
    --bubble-left-offset: 89vw;
    --bubble-radius: 1vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(35) {
    --bubble-left-offset: 20vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(36) {
    --bubble-left-offset: 8vw;
    --bubble-radius: 7vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 2s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(37) {
    --bubble-left-offset: 80vw;
    --bubble-radius: 7vw;
    --bubble-float-duration: 6s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(38) {
    --bubble-left-offset: 77vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 11s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(39) {
    --bubble-left-offset: 96vw;
    --bubble-radius: 3vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(40) {
    --bubble-left-offset: 23vw;
    --bubble-radius: 9vw;
    --bubble-float-duration: 11s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 4s;
    --bubble-sway-delay: 1s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(41) {
    --bubble-left-offset: 39vw;
    --bubble-radius: 2vw;
    --bubble-float-duration: 10s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(42) {
    --bubble-left-offset: 88vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 6s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 1s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(43) {
    --bubble-left-offset: 53vw;
    --bubble-radius: 3vw;
    --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(44) {
    --bubble-left-offset: 27vw;
    --bubble-radius: 1vw;
    --bubble-float-duration: 9s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 1s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(45) {
    --bubble-left-offset: 11vw;
    --bubble-radius: 4vw;
    --bubble-float-duration: 10s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 0s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(46) {
    --bubble-left-offset: 14vw;
    --bubble-radius: 3vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 5s;
    --bubble-float-delay: 0s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(47) {
    --bubble-left-offset: 77vw;
    --bubble-radius: 8vw;
    --bubble-float-duration: 8s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 3s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(48) {
    --bubble-left-offset: 74vw;
    --bubble-radius: 2vw;
    --bubble-float-duration: 7s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 1s;
    --bubble-sway-delay: 4s;
    --bubble-sway-type: sway-right-to-left
}

.bubble:nth-child(49) {
    --bubble-left-offset: 79vw;
    --bubble-radius: 1vw;
    --bubble-float-duration: 10s;
    --bubble-sway-duration: 4s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-left-to-right
}

.bubble:nth-child(50) {
    --bubble-left-offset: 23vw;
    --bubble-radius: 5vw;
    --bubble-float-duration: 12s;
    --bubble-sway-duration: 6s;
    --bubble-float-delay: 2s;
    --bubble-sway-delay: 3s;
    --bubble-sway-type: sway-right-to-left
}

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