/* DEFAULT */
    * {
        box-sizing: border-box;
    }
    .pc-hide {
        display: none;
    }
    .mob-hide {
        display: block;
    }
    .hidden {
        display: none !important;
    }
    [id$="__wrapper"] {
        max-width: 1332rem !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #main__content {
        max-width: 612rem;
        margin-right: 0;
    }
    /* MATTER */
    #matter-content {
        max-width: 1332rem;
        margin: 0 auto !important;
    }

    #matter-content > .lc-offsets {
        padding: 40rem 0 53rem !important;
    }

    #matter-content .title {
        font-weight: 500;
        font-size: 20rem;
        line-height: 120%;
        color: #000;
        padding-top: 68rem;
        background-image: url('https://avatars.mds.yandex.net/get-lpc/1635340/cd7e2fd0-55c1-4efc-aa19-3c78c4b84876/orig?width=41&height=41');
        background-size: 40rem;
        background-position: top left;
        background-repeat: no-repeat;
        max-width: 410rem;
    }

    #matter-content .text {
        font-weight: 300;
        font-size: 16rem;
        line-height: 140%;
        letter-spacing: 0.01em;
        color: #000;
        padding-top: 12rem;
        max-width: 440rem;
    }

    #matter-content .matter-more-url {
        display: inline-block;
        font-weight: 300;
        font-size: 16rem;
        line-height: 140%;
        color: #000;
        margin-top: 12rem;
        padding-right: 12rem;
        background-image: url('https://avatars.mds.yandex.net/get-lpc/12602567/7e2adc87-4f2e-48ed-9b51-8ae9ce9fd0cc/orig?width=11&height=19');
        background-size: 10rem;
        background-position: center right;
        background-repeat: no-repeat;
    }

    #matter-content .matter-more-btn {
        font-weight: 400;
        font-size: 14rem;
        line-height: 125%;
        color: #fff;
        width: 300rem;
        height: 40rem;
        border-radius: 40rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #7137ff;
        margin-top: 28rem;
    }

    /*  */

    @media (min-width: 1920px) {
        #matter-content-backgrounds .lc-image-background__image {
            background-position: center;
        }
    }

    @media(min-width: 768px) {
        #matter-content .matter-more-url:hover {
            text-decoration: underline;
        }

        #matter-content .matter-more-btn:hover {
            background-color: #191521;
        }
    }

    /* CARDS */
    #cards__wrapper {
        max-width: unset !important;
    }

    #card__content .card-content { 
        position: relative;
        margin-left: auto;
        margin-right: 0;
        width: calc(360rem - (24rem * 2));
        height: calc(470rem - (32rem + 40rem));
    }

    #card__content .card-content__item {
        position: absolute;
        top: 0;
        right: 0;
        display: none;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        height: 100%;
    }

    #card__content .card-content__item_active {
        display: flex;
    }

    #card__content .card-content__text {
        font-size: 16rem;
        font-weight: 300;
        line-height: 140%;
        margin-top: 12rem;
        max-width: 280rem;
    }

    #card__content .card-content__btn {
        display: inline-block;
        background-color: transparent;
        border: 1rem solid #FFF;
        border-radius: 39rem;
        color: #FFF;
        cursor: pointer;
        font-size: 14rem;
        font-family: inherit;
        font-weight: 400;
        line-height: 40rem;
        text-align: center;
        padding: 0;
        height: 40rem;
        max-width: 188rem;
        transition: .1s ease;
    }

    #card__content .card-content__qr {
        margin-top: 32rem;
        width: 140rem;
        height: 140rem;
    }

    /* LIGHT */
    [id^="light__slide"] .lc-positioned-background {
        max-width: 50%;
        margin-right: 0;
        margin-left: auto;
        left: 0;
        right: 0;
    }

    #light__pagination .light-pagination {
        position: absolute;
        top: 40rem;
        left: 40rem;
        display: inline-flex;
        flex-direction: column;
        align-items: start;
        gap: 12rem;
        z-index: 10;
    }

    #light__pagination .light-pagination__button {
        background-color: transparent;
        border: none;
        color: inherit;
        cursor: pointer;
        font-size: inherit;
        font-family: inherit;
        font-weight: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        padding: 0;
    }

    #light__pagination .light-pagination__button_active {
        color: #000;
    }

    #light__slider .lc-carousel_narrowSlides {
        max-width: unset;
    }

    #light__slider .lc-carousel_narrowSlides > .swiper-container {
        margin: 0;
        width: auto;
    }

    #light__slide-phrase {
        text-indent: -40rem;
        padding-left: 40rem !important;
    }

    /* CONNECT */
    #connect__title {
        max-width: 666rem;
    }

    #connect__text {
        max-width: 494rem;
    }

    /* VOICE */
    #voice__text {
        max-width: 610rem;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #voice__slider .lc-carousel_narrowSlides {
        max-width: unset;
    }

    #voice__slider .lc-carousel_narrowSlides > .swiper-container {
        width: 100%;
        margin: 0;
    }

    #voice__slider [id^="voice__slide_"] > .lc-image-background__mask-image-wrapper > .lc-image-background__image {
        transition: background-position .6s ease-in-out, background-size .6s ease-in-out;
    }

    #voice__slider .swiper-slide {
        transition: unset !important;
    }

    #voice__slider .swiper-slide:nth-child(2) [id^="voice__slide_"] > .lc-image-background__mask-image-wrapper > .lc-image-background__image {
        background-size: 135% !important;
    }

    #voice__slider .swiper-slide:nth-child(3) [id^="voice__slide_"] > .lc-image-background__mask-image-wrapper > .lc-image-background__image {
        background-size: 160% !important;
    }

    #voice__slider .swiper-slide-active:nth-child(1) [id^="voice__slide_"] > .lc-image-background__mask-image-wrapper > .lc-image-background__image {
        background-position: top -100rem right;
    }

    #voice__slider .swiper-slide-active:nth-child(2) [id^="voice__slide_"] > .lc-image-background__mask-image-wrapper > .lc-image-background__image {
        background-position: left bottom;
    }

    #voice__slider .swiper-slide-active:nth-child(3) [id^="voice__slide_"] > .lc-image-background__mask-image-wrapper > .lc-image-background__image {
        background-size: 100% !important;
    }

    #voice__slide-phrase {
        text-indent: -35rem;
        padding-left: 35rem !important;
    }

    [id^="voice__slide-card-"].lc-multi-background__backgrounds-container {
        border-radius: 12rem;
    }

    [id^="voice__slide-card-"] .lc-button2 {
        padding: 12rem 8rem 86rem;
    }

    [id^="voice__slide-card-"]  .lc-button2__text {
        justify-content: start;
        text-align: left;
    }

    #voice__pagination .voice-pagination {
        display: flex;
        position: absolute;
        top: 40rem;
        left: 24rem;
        z-index: 100;
        gap: 20rem;
    }

    #voice__pagination .voice-pagination__button {
        background-color: transparent;
        background-size: 50rem 50rem;
        background-repeat: no-repeat;
        background-position: center center;
        border: none;
        cursor: pointer;
        padding: 0;
        width: 50rem;
        height: 50rem;
    }

    #voice__pagination .voice-pagination__button:nth-child(1) {
        background-image: url("https://avatars.mds.yandex.net/get-lpc/12373972/a4afbd45-3120-420c-9d25-75b530e52a48/orig");
    }

    #voice__pagination .voice-pagination__button:nth-child(2) {
        background-image: url("https://avatars.mds.yandex.net/get-lpc/12373972/c06cc59c-4fdd-45cd-90d9-01a1aad66b98/orig");
    }

    #voice__pagination .voice-pagination__button:nth-child(3) {
        background-image: url("https://avatars.mds.yandex.net/get-lpc/10116223/1455523d-8e30-4c9b-84fc-1a732ac97b22/orig");
    }

    #voice__pagination .voice-pagination__button_active:nth-child(1) {
        background-image: url("https://avatars.mds.yandex.net/get-lpc/10116223/1b412fb3-e069-456a-b25e-06567c044cb3/orig");
    }

    #voice__pagination .voice-pagination__button_active:nth-child(2) {
        background-image: url("https://avatars.mds.yandex.net/get-lpc/12373972/248264c8-361c-4a18-aa37-2cdff15da02d/orig");
    }

    #voice__pagination .voice-pagination__button_active:nth-child(3) {
        background-image: url("https://avatars.mds.yandex.net/get-lpc/10116223/32378885-c38c-49de-ba96-8d37ac222967/orig");
    }

    /* AUTOMATE */
    #automate__title {
        max-width: 604rem;
    }

    #automate__text {
        max-width: 493rem;
    }

    #automate__text .automate-link {
        display: none;
    }

    /* MORE */
    #more {
        overflow: hidden;
    }

    #more__wrapper {
        max-width: 1352rem !important;
    }

    #more__title {
        max-width: 1120rem;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #more__button > .lc-offsets > .lc-button-component {
        text-align: center;
    }

    #more__slider .lc-carousel_narrowSlides {
        max-width: unset;
    }

    #more__slider .lc-carousel_narrowSlides > .swiper-container {
        width: 100%;
        margin: 0;
        overflow: visible;
    }

    #more__slider .swiper-slide {
        box-sizing: border-box;
        padding-left: 10rem;
        padding-right: 10rem; 
        max-width: 338rem;
    }

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

    #more__slide-list .list li:not(:last-child) {
        margin-bottom: 6rem;
    }

    #more__slide-button  .lc-button2__text {
        padding: 0;
    }

    #more__slide-button  .lc-button2__icon {
        width: 0 !important;
        margin: 0 !important;
        display: none;
    }

    #more__controls .more-pagination {
        position: absolute;
        left: 50% !important;
        bottom: calc(-32rem - 12rem) !important;
        width: auto !important;
        transform: translateX(-50%);
    }

    #more__controls .more-pagination .swiper-pagination-bullet {
        background-color: #D4D4D4;
        margin: 0 !important;
        width: 12rem;
        height: 12rem;
    }

    #more__controls .more-pagination .swiper-pagination-bullet:not(:last-child) {
        margin-right: 12rem !important;
    }

    #more__controls .more-pagination .swiper-pagination-bullet-active {
        background-color: #999999;
    }

    #more__controls .more-prev-button,
    #more__controls .more-next-button {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: calc((-560rem / 2) - (48rem / 2));
        background-image: url("https://avatars.mds.yandex.net/get-lpc/10704932/00320c42-8084-4e68-92c0-14fb522e4ae1/orig");
        background-size: 10rem 18rem;
        background-repeat: no-repeat;
        background-position: center center;
        border: none;
        cursor: pointer;
        color: #000000 !important;
        width: 48rem;
        height: 48rem;
        background-color: #F4F4F4;
        border-radius: 100%;
        box-shadow: 0 0 10rem rgb(0 0 0 / 10%);
        z-index: 10;
    }

    #more__controls .more-prev-button {
        rotate: 180deg;
        left: 0;
    }

    #more__controls .more-next-button {
        right: 0;
    }

    #more__controls .swiper-button-disabled {
        display: none;
    }

    /* FIXED-BUTTON */
    #fixed-button > .lc-offsets > .lc-button-component {
        position: fixed;
        left: 50%;
        bottom: 10rem;
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s ease;
        transform: translateX(-50%);
        z-index: 100;
    }

    /* POPUP */
    /* CONNECT-POPUP */
    #connect-popup__video {
        max-width: unset;
        padding: 0;
    }

    #connect-popup__video .lc-video-block__resizer {
        width: 100% !important;
        height: 583rem !important;
    }

    /* MORE-POPUP */
    #more-popup__tabs > .lc-offsets > section {
        max-width: unset;
        padding: 0;
    }

    #more-popup__tabs .lc-tabs__container-wrapper {
        margin-bottom: 52rem;
    }

    #more-popup__tabs .lc-tabs__scroll-wrapper {
        display: flex;
        border-radius: unset;
        gap: 8rem;
    }

    #more-popup__tabs .lc-tabs__arrow,
    #more-popup__tabs .lc-tabs__gradient {
        display: none;
    }

    #more-popup__tabs .lc-tabs__tab {
        background-color: #FFF;
        border: none;
        border-radius: 39rem;
        padding: 0 24rem;
    }

    #more-popup__tabs .lc-tabs__tab_active .lc-text-block:last-child {
        --color: #FFF !important; 
    }

    #more-popup__item-list .list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #more-popup__item-list .list li:not(:last-child) {
        margin-bottom: 10rem;
    }

    #more-popup__item-button .lc-button2__icon {
        width: 3rem;
    }

    #more-popup__all > .lc-offsets > .lc-group > .lc-group__content,
    #more-popup__e27 > .lc-offsets > .lc-group > .lc-group__content,
    #more-popup__gx53 > .lc-offsets > .lc-group > .lc-group__content,
    #more-popup__gu10 > .lc-offsets > .lc-group > .lc-group__content,
    #more-popup__e14 > .lc-offsets > .lc-group > .lc-group__content {
        display: flex;
        flex-direction: column;
        gap: 12rem;
    }

    .lc-modal__close {
        top: 36rem;
        right: 36rem;
        background-image: url("https://avatars.mds.yandex.net/get-lpc/12373972/7bb4362b-ffd9-4d21-8a83-dd0f3717e4bb/orig");
        background-size: 100%;
        background-repeat: no-repeat;
        width: 36rem;
        height: 36rem;
    }

    #connect-popup-backgrounds + .lc-multi-background__section-container > .lc-modal__close,
    #c062e3f6-504a-4041-a3f2-44d54c354427-backgrounds + .lc-multi-background__section-container > .lc-modal__close {
        background-image: url("https://avatars.mds.yandex.net/get-lpc/12602567/c474bb2c-0499-4e64-a690-1cbbf519156e/orig");
    }

    .lc-modal__close::after,
    .lc-modal__close::before {
        content: unset;
    }

    /* matter-pop-up */


    #matter-wrapper .lc-group__content {
        display: flex;
        flex-wrap: wrap;
    }

    #matter-wrapper .lc-group__content > div {
        width: 50%;
    }

    #matter-item-1, #matter-item-2 {
        min-height: 480rem;
    }

    #matter-item-3, #matter-item-4 {
        min-height: 336rem;
    }

    #matter-item-5, #matter-item-6 {
        min-height: 302rem;
    }

    #matter-item-2 > .lc-offsets {
        padding: 140rem 0 0 31rem !important;
    }

    #matter-item-3 > .lc-offsets {
        padding: 80rem 0 0 77rem !important;
    }

    #matter-item-5 > .lc-offsets {
        padding: 76rem 0 0 79rem !important;
    }

    #matter-item-6 > .lc-offsets {
        padding: 50rem 0 0 36rem !important;
    }

    [id^="matter-item-"] .large-title-msg {
        font-weight: 300;
        font-size: 49rem;
        line-height: 113%;
        letter-spacing: -0.01em;
        padding: 0 0 25rem;
    }

    #matter-item-2 .text-msg {
        max-width: 500rem;
    }

    #matter-item-3 .text-msg {
        max-width: 420rem;
    }

    #matter-item-5 .text-msg {
        max-width: 360rem;
    }

    #matter-item-6 .text-msg {
        max-width: 420rem;
    }

    [id^="matter-item-"] .title-msg {
        font-weight: 400;
        font-size: 22rem;
        line-height: 120%;
        padding-bottom: 16rem;
    }

    [id^="matter-item-"] .text-msg {
        font-weight: 300;
        font-size: 16rem;
        line-height: 140%;
        letter-spacing: 0.01em;
    }

    [id^="matter-item-"] .btn {
        display: inline-block;
        font-weight: 300;
        font-size: 16rem;
        line-height: 140%;
        color: #fff;
        padding-right: 12rem;
        background-image: url(https://avatars.mds.yandex.net/get-lpc/12373972/c2eb9da1-5bee-4ffe-bcbe-f8e964fab7ee/orig?width=11&height=19);
        background-size: 10rem;
        background-position: center right;
        background-repeat: no-repeat;
        margin-top: 20rem;
        cursor: pointer;
        position: relative;
        z-index: 5;
    }

    [id^="matter-item-"] .no-internet {
        display: inline-block;
        margin-bottom: 16rem;
        width: 27rem;
    }

    [id^="matter-item-"] .url {
        display: inline-block;
        font-weight: 300;
        font-size: 16rem;
        line-height: 137%;
        text-decoration: underline;
        text-decoration-skip-ink: none;
        color: inherit;
        margin-top: 14rem;
    }

    [id^="matter-item-"] .devices {
        width: 630rem;
        position: absolute;
        top: -102rem;
        right: 1rem;
    }

    /* VENDORS */
    #more__slide-button  .buy-product {
        width: 240rem;
        line-height: 40rem;
    }

    .button-text {
        background: left center / 3rem 15rem no-repeat url("https://avatars.mds.yandex.net/get-lpc/1635340/d485cc27-adae-43e4-ad3c-159a4809c2d5/orig?width=3&height=16");
        padding-left: 12rem;
    }

    .lc-carousel__pagination {
        display: none;
    }

    @media(min-width: 768px) {
        /* CARDS */
        #card__content .card-content__btn:hover {
            background-color: #FFF;
            color: #000;
        }

        /* MATTER */
        #matter__link .lc-button2:hover .underline {
            text-decoration: underline;
        }
    }

        @media(max-width: 767px) {
        /* DEFAULT */
        .pc-hide {
            display: block;
        }

        .mob-hide {
            display: none;
        }

        [id$="__wrapper"] {
            max-width: calc(100% - 32rem) !important;
        }

        /* MATTER */
        #matter-content {
            max-width: 328rem;
        }

        #matter-content > .lc-offsets {
            padding: 22rem 0 32rem !important;
        }

        #matter-content .title {
            padding-top: 42rem;
            background-size: 30rem;
            max-width: 301rem;
        }

        #matter-content .text {
            font-size: 14rem;
            letter-spacing: 0;
            max-width: 301rem;
        }

        #matter-content .matter-more-url {
            font-weight: 500;
            font-size: 14rem;
            background-size: 10rem;
        }

        #matter-content .matter-more-btn {
            width: 300rem;
            margin-top: 0;
            margin: 287rem auto 0;
        }

        /* CARDS */
        #card__content .card-content { 
            width: calc(360rem - (16rem * 2));
            height: calc(178rem - 48rem);
        }

        #card__content .card-content__text {
            font-size: 14rem;
            letter-spacing: -0.01em;
            margin-top: 8rem;
            max-width: 284rem;
        }

        #card__content .card-content__btn:active {
            background-color: #FFF;
            color: #000;
        }

        /* LIGHT */
        [id^="light__slide"] .lc-positioned-background {
            max-width: 100%;
            top: auto;
            bottom: 0;
            height: 356rem;
        }

        [id^="light__slide"] .lc-positioned-background__background-wrapper {
            left: 35%;
        }

        #light__pagination .light-pagination {
            top: 30rem;
            left: 16rem;
        }

        #light__pagination .light-pagination__button {
            position: absolute;
            display: none;
        }

        #light__pagination .light-pagination__button_active {
            display: inline-block;
            width: max-content;
        }

        #light__slide-phrase {
            text-indent: -22rem !important;
            padding-left: 22rem !important;
        }

        #light__slider .swiper-pagination {
            top: 12rem;
            left: 16rem;
            display: inline-flex;
            gap: 8rem;
            width: 296rem;
            height: 2rem;
            transform: unset;
        }

        #light__slider .lc-carousel__dot {
            position: relative;
            display: inline-block;
            border-radius: 18rem;
            opacity: 1;
            padding: 0;
            margin: 0;
            width: calc(296rem / 4);
            height: 2rem;
            pointer-events: none;
        }

        #light__slider .lc-carousel__dot::before {
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #696969;
            border-radius: 75rem;
            content: "";
            width: calc(100% * var(--progress));
            height: 100%;
        }

        /* CONNECT */
        #connect__button > .lc-offsets > .lc-button-component > .lc-button2,
        #connect__button > .lc-offsets > .lc-button-component > span {
            display: inline-block;
        }

        /* VOICE */
        #voice__wrapper {
            max-width: 100% !important;
        }

        #voice__slider .swiper-slide:nth-child(2) [id^="voice__slide_"] > .lc-image-background__mask-image-wrapper > .lc-image-background__image,
        #voice__slider .swiper-slide:nth-child(3) [id^="voice__slide_"] > .lc-image-background__mask-image-wrapper > .lc-image-background__image {
            background-size: 1349rem !important;
        }

        #voice__slider .swiper-slide-active:nth-child(1) [id^="voice__slide_"] > .lc-image-background__mask-image-wrapper > .lc-image-background__image {
            background-position: top right -120rem !important;
        }

        #voice__slider .swiper-slide-active:nth-child(2) [id^="voice__slide_"] > .lc-image-background__mask-image-wrapper > .lc-image-background__image {
            background-position: left -600rem top -50rem !important;
        }

        #voice__slider .swiper-slide-active:nth-child(3) [id^="voice__slide_"] > .lc-image-background__mask-image-wrapper > .lc-image-background__image {
            background-position: left -580rem top -65rem !important;
        }

        #voice__slide-phrase {
            text-indent: -27rem;
            padding-left: 27rem !important;
        }

        #voice__slide-cards {
            max-width: 360rem
        }

        .swiper-slide:nth-child(3) #voice__slide-cards > .lc-offsets > .lc-grid2 {
            overflow-x: auto;
            grid-template-columns: unset !important;
            padding-left: 16rem;
            padding-right: 16rem;
            scrollbar-width: none;
        }

        .swiper-slide:nth-child(3) #voice__slide-cards::-webkit-scrollbar {
            width: 0;
        }

        #voice__pagination .voice-pagination {
            top: 24rem;
            left: 16rem;
        }

        /* AUTOMATE */
        [id^="automate__qr"] {
            display: none;
        }

        #automate__text .automate-link {
            display: inline-block;
            border: 1rem solid #FFF;
            border-radius: 50rem;
            color: #FFF;
            line-height: 40rem;
            height: 40rem;
            padding: 0;
            padding-left: 28.5rem;
            padding-right: 28.5rem;
            margin-top: 20rem;
        }

        #automate__text .automate-link:active {
            background-color: #FFF;
            color: #000;
        }

        /* SCENARIOS */
        /* #scenarios__pagination .scenarios-pagination {
            top: 42rem;
            left: 32rem;
            width: calc(100% - 64rem);
        }

        #scenarios__pagination .scenarios-pagination__button {
            position: absolute;
            opacity: 0;
            visibility: hidden;
        }

        #scenarios__pagination .scenarios-pagination__button_active { 
            opacity: 1;
            visibility: visible;
        }

        #scenarios__pagination .scenarios-pagination__title {
            font-size: 20rem;
            font-weight: 500;
            line-height: 120%;
        }

        #scenarios__pagination .scenarios-pagination__text {
            opacity: 1;
            visibility: visible;
            height: auto;
            margin-top: 4rem !important;
        }

        #scenarios__slider .swiper-pagination {
            top: 16rem;
            left: 32rem;
            height: 2rem;
        }

        #scenarios__slider .lc-carousel__dot {
            height: 2rem;
            width: 100%;
            min-width: 93.33rem;
        } */

        /* MORE */
        #more__wrapper {
            max-width: 100% !important;
        }

        #more__button > .lc-offsets > .lc-button-component {
            text-align: left;
        }

        #more__button > .lc-offsets > .lc-button-component > .lc-button2,
        #more__button > .lc-offsets > .lc-button-component > span {
            display: inline-block;
        }

        #more__slider .lc-carousel_narrowSlides > .swiper-container {
            padding-left: 8rem;
            padding-right: 8rem;
        }

        #more__slider .swiper-slide {
            max-width: 316rem;
            padding-left: 8rem;
            padding-right: 8rem;
        }

        #more__controls .more-prev-button,
        #more__controls .more-next-button,
        #more__controls .more-pagination {
            display: none;
        }

        /* POPUP */
        /* CONNECT-POPUP */
        #connect-popup__wrapper {
            max-width: 100% !important;
        }

        #connect-popup__video .lc-video-block__resizer {
            width: 100% !important;
            height: 0 !important;
        }

        /* MORE-POPUP */
        #more-popup {
            max-width: calc(100% - 20rem) !important;
        }
        
        #more-popup__wrapper {
            background-color: #EDEDF0;
            max-width: calc(100% - 20rem) !important;
        }

        #more-popup__tabs .lc-tabs__container-wrapper {
            margin-bottom: 28rem;
        }

        #more-popup__tabs .lc-tabs__tab {
            padding: 0 14rem;
        }

        #more-popup__item-list .list li:not(:last-child) {
            margin-bottom: 4rem;
        }

        #more-popup__item-button .lc-button2__icon {
            width: 2rem;
        }

        /* POPUP-CARD-* */
        #popup-card-midi__wrapper,
        #popup-card-light__wrapper,
        #popup-card-light2__wrapper,
        #popup-card-lightx3__wrapper,
        #popup-card-switch__wrapper,
        #popup-card-lightstrip__wrapper {
            max-width: unset !important;
            position: fixed;
            bottom: 0;
        }

        #popup-card-midi__wrapper-backgrounds,
        #popup-card-light__wrapper-backgrounds,
        #popup-card-light2__wrapper-backgrounds,
        #popup-card-lightx3__wrapper-backgrounds,
        #popup-card-switch__wrapper-backgrounds,
        #popup-card-lightstrip__wrapper-backgrounds {
            position: fixed;
            bottom: 0;
            height: 385rem;
        }

        #popup-card-midi-backgrounds + .lc-multi-background__section-container > .lc-modal__close,
        #popup-card-light-backgrounds + .lc-multi-background__section-container > .lc-modal__close,
        #popup-card-light2-backgrounds + .lc-multi-background__section-container > .lc-modal__close,
        #popup-card-lightx3-backgrounds + .lc-multi-background__section-container > .lc-modal__close,
        #popup-card-switch-backgrounds + .lc-multi-background__section-container > .lc-modal__close,
        #popup-card-lightstrip-backgrounds + .lc-multi-background__section-container > .lc-modal__close {
            position: fixed;
            top: auto;
            right: 16rem;
            bottom: 335rem;
            z-index: 100;
        }

        .lc-modal__close {
            top: 16rem;
            right: 16rem;
            width: 30rem;
            height: 30rem;
        }

        /* matter-pop-up */

        #matter-wrapper .lc-group__content {
            flex-wrap: wrap;
        }

        #matter-wrapper .lc-group__content > div {
            width: 100%;
        }

        #matter-item-1, #matter-item-4 {
            display: none;
        }

        #matter-item-1, #matter-item-2 {
            min-height: auto;
        }

        #matter-item-3, #matter-item-4, #matter-item-5, #matter-item-6 {
            min-height: auto;
        }

        #matter-item-2 > .lc-offsets {
            padding: 81rem 0 55rem !important;
        }

        #matter-item-3 > .lc-offsets {
            padding: 170rem 0 40rem !important;
        }

        #matter-item-5 > .lc-offsets {
            padding: 37rem 0 !important;
        }

        #matter-item-6 > .lc-offsets {
            padding: 26rem 0 246rem !important;
        }

        #matter-item-2 .text-msg {
            max-width: 270rem;
        }

        #matter-item-3 .text-msg {
            max-width: 282rem;
        }

        #matter-item-5 .text-msg {
            max-width: 282rem;
        }

        #matter-item-6 .text-msg {
            max-width: 292rem;
        }

        [id^="matter-item-"] .content {
            max-width: 282rem;
            margin: 0 auto;
        }

        #matter-item-6 .content {
            max-width: 292rem !important;
        }

        [id^="matter-item-"] .large-title-msg {
            font-weight: 500;
            font-size: 18rem;
            line-height: 120%;
            letter-spacing: 0.02em;
            padding: 0 0 18rem;
        }

        [id^="matter-item-"] .title-msg {
            font-weight: 500;
            font-size: 14rem;
            line-height: 120%;
            padding-bottom: 12rem;
        }

        [id^="matter-item-"] .text-msg {
            font-weight: 300;
            font-size: 14rem;
            line-height: 140%;
            letter-spacing: -0.01em;
        }

        [id^="matter-item-"] .btn {
            font-weight: 400;
            font-size: 14rem;
            line-height: 110%;
            text-decoration: underline;
            margin-top: 15rem;
            background-image: none;
            padding-right: 0;
        }

        [id^="matter-item-"] .no-internet {
            margin-bottom: 12rem;
        }

        [id^="matter-item-"] .url {
            font-size: 14rem;
            line-height: 140%;
            margin-top: 12rem;
            max-width: 230rem;
        }

        [id^="matter-item-"] .devices {
            width: 326rem;
            position: absolute;
            top: -90rem;
            left: 10rem;
        }

        /* FIXED BUTTON */
        #fixed-button > .lc-offsets > .lc-button-component {
            bottom: 38rem;
        }
    }