.variedPlatformInfoBlock-d5Syt5PA {
    overflow: hidden;
    padding-inline: 20px;
    position: relative;
    text-align: center
}

@media (min-width:1024px) {
    .variedPlatformInfoBlock-d5Syt5PA {
        padding-inline: 32px
    }
}

@media (min-width:1440px) {
    .variedPlatformInfoBlock-d5Syt5PA {
        padding-inline: 40px
    }
}

@media (min-width:1920px) {
    .variedPlatformInfoBlock-d5Syt5PA {
        padding-inline: 100px
    }
}

@media (min-width:1280px) {
    .variedPlatformInfoBlock-d5Syt5PA {
        isolation: isolate;
        -webkit-mask: linear-gradient(0deg, transparent 20px, #000 106px), linear-gradient(90deg, transparent, #000 90px calc(100% - 90px), transparent);
        mask: linear-gradient(0deg, transparent 20px, #000 106px), linear-gradient(90deg, transparent, #000 90px calc(100% - 90px), transparent);
        -webkit-mask-composite: intersect;
        mask-composite: intersect;
        min-height: 794px
    }
}

@media (min-width:1920px) {
    .variedPlatformInfoBlock-d5Syt5PA {
        -webkit-mask: linear-gradient(0deg, transparent 20px, #000 195px), linear-gradient(90deg, transparent, #000 165px calc(100% - 165px), transparent);
        mask: linear-gradient(0deg, transparent 20px, #000 195px), linear-gradient(90deg, transparent, #000 165px calc(100% - 165px), transparent);
        -webkit-mask-composite: intersect;
        mask-composite: intersect;
        min-height: 1064px
    }
}

@media (min-width:1280px) {
    .variedPlatformInfoBlock-d5Syt5PA:before {
        background-image: url('/img/left-fade-laptop.72469b2dee92f3f93fda.svg');
        background-position: top 120px right;
        background-repeat: no-repeat;
        background-size: auto;
        bottom: 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 70px;
        width: 52%;
        z-index: -1
    }
}

@media (min-width:1920px) {
    .variedPlatformInfoBlock-d5Syt5PA:before {
        background-image: url('/img/left-fade-large.6b83ccdba6bf9b171184.svg')
    }
}

@media (min-width:1280px) {
    .variedPlatformInfoBlock-d5Syt5PA:after {
        background-image: url('/img/right-fade-laptop.c8df129f936cff6382e0.svg');
        background-position: top -30px left;
        background-repeat: no-repeat;
        background-size: auto;
        bottom: 0;
        content: "";
        height: 90%;
        position: absolute;
        right: 0;
        top: 190px;
        width: 52%;
        z-index: -1
    }
}

@media (min-width:1920px) {
    .variedPlatformInfoBlock-d5Syt5PA:after {
        background-image: url('/img/right-fade-large.978c4030d7c44f9d04fa.svg');
        height: 100%;
        width: 54%
    }
}

.textContent-d5Syt5PA {
    margin: 0 auto
}

@media (min-width:768px) {
    .textContent-d5Syt5PA {
        max-width: 670px
    }
}

.title-d5Syt5PA {
    width: auto
}

.linkBtnsBlock-d5Syt5PA {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center
}

@media (min-width:1280px) {
    .linkBtnsBlock-d5Syt5PA {
        gap: 24px
    }
}

.linkBtn-d5Syt5PA {
    --ui-lib-size: 4
}

@media (min-width:768px) {
    .linkBtn-d5Syt5PA {
        --ui-lib-size: 6
    }
}

@media (min-width:1280px) {
    .linkBtn-d5Syt5PA {
        --ui-lib-size: 7
    }
}

.mediaBlock-d5Syt5PA {
    direction: ltr;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 128px 1fr;
    height: 182px;
    isolation: isolate;
    justify-content: center;
    margin-inline: -20px;
    -webkit-mask: linear-gradient(0deg, transparent, #000 106px), linear-gradient(90deg, transparent, #000 90px calc(100% - 90px), transparent);
    mask: linear-gradient(0deg, transparent, #000 106px), linear-gradient(90deg, transparent, #000 90px calc(100% - 90px), transparent);
    -webkit-mask-composite: intersect;
    mask-composite: intersect;
    overflow: hidden;
    padding-top: 48px;
    position: relative
}

.mediaBlock-d5Syt5PA:before {
    background-image: url('/img/tablet-bottom-fade.e8cac66c8e5def9f28e4.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:1280px) {
    .mediaBlock-d5Syt5PA:before {
        display: none
    }
}

@media (min-width:768px) {
    .mediaBlock-d5Syt5PA {
        gap: 38px;
        grid-template-columns: 1fr 263px 1fr;
        height: 456px;
        padding-top: 64px
    }
}

@media (min-width:1280px) {
    .mediaBlock-d5Syt5PA {
        align-items: flex-start;
        display: flex;
        height: auto;
        -webkit-mask: none;
        mask: none;
        padding-top: 0;
        position: static
    }
}

.imageWrapper-d5Syt5PA {
    box-shadow: 0 0 16px 0 rgba(113, 19, 207, .5);
    display: flex;
    overflow: hidden
}

@media (min-width:768px) {
    .imageWrapper-d5Syt5PA {
        box-shadow: 0 0 33px 0 rgba(113, 19, 207, .5)
    }
}

@media (min-width:1280px) {
    .imageWrapper-d5Syt5PA {
        display: none
    }
}

.leftImagePhone-d5Syt5PA {
    border-top-right-radius: 12px;
    justify-content: flex-end
}

@media (min-width:768px) {
    .leftImagePhone-d5Syt5PA {
        display: none
    }
}

.centralImagePhone-d5Syt5PA {
    border-radius: 14px 14px 0 0;
    height: fit-content
}

@media (min-width:768px) {
    .centralImagePhone-d5Syt5PA {
        display: none
    }
}

.centralImagePhone-d5Syt5PA .image-d5Syt5PA {
    width: 100%
}

.rightImagePhone-d5Syt5PA {
    border-top-left-radius: 6px
}

@media (min-width:768px) {
    .rightImagePhone-d5Syt5PA {
        display: none
    }
}

.leftImageTablet-d5Syt5PA {
    display: none
}

@media (min-width:768px) {
    .leftImageTablet-d5Syt5PA {
        border-top-right-radius: 24px;
        display: flex;
        justify-content: flex-end
    }
}

@media (min-width:1280px) {
    .leftImageTablet-d5Syt5PA {
        display: none
    }
}

.centralImageTablet-d5Syt5PA {
    display: none;
    height: fit-content
}

@media (min-width:768px) {
    .centralImageTablet-d5Syt5PA {
        border-radius: 29px 29px 0 0;
        display: flex
    }
}

@media (min-width:1280px) {
    .centralImageTablet-d5Syt5PA {
        display: none
    }
}

.centralImageTablet-d5Syt5PA .image-d5Syt5PA {
    width: 100%
}

.rightImageTablet-d5Syt5PA {
    display: none
}

@media (min-width:768px) {
    .rightImageTablet-d5Syt5PA {
        border-top-left-radius: 12px;
        display: flex
    }
}

@media (min-width:1280px) {
    .rightImageTablet-d5Syt5PA {
        display: none
    }
}

.leftImageLaptop-d5Syt5PA {
    display: none
}

@media (min-width:1280px) {
    .leftImageLaptop-d5Syt5PA {
        border-radius: 22px;
        box-shadow: 0 0 48px 0 rgba(113, 19, 207, .5);
        display: flex;
        position: absolute;
        top: calc(var(--v-rhythm-spacing-1) + 40px);
        transform: translateX(-680px);
        z-index: 5
    }
}

@media (min-width:1440px) {
    .leftImageLaptop-d5Syt5PA {
        transform: translateX(-710px)
    }
}

@media (min-width:1920px) {
    .leftImageLaptop-d5Syt5PA {
        border-radius: 32px;
        transform: translateX(-960px)
    }
}

@media (min-width:1280px) {
    .leftImageLaptop-d5Syt5PA .image-d5Syt5PA {
        height: 620px;
        width: 474px
    }
}

@media (min-width:1920px) {
    .leftImageLaptop-d5Syt5PA .image-d5Syt5PA {
        height: 884px;
        width: 676px
    }
}

.leftVideo-d5Syt5PA {
    display: none
}

@media (min-width:1280px) {
    .leftVideo-d5Syt5PA {
        background: #212121;
        border: 1px solid hsla(0, 0%, 100%, .2);
        border-radius: 32px;
        display: flex;
        height: fit-content;
        position: absolute;
        top: 373px;
        transform: translateX(-530px);
        z-index: 6
    }
}

@media (min-width:1440px) {
    .leftVideo-d5Syt5PA {
        top: 453px;
        transform: translateX(-540px)
    }
}

@media (min-width:1920px) {
    .leftVideo-d5Syt5PA {
        top: 543px;
        transform: translateX(-700px)
    }
}

@media (min-width:1280px) {
    .leftVideo-d5Syt5PA .video-d5Syt5PA {
        border: 5px solid transparent;
        border-radius: inherit;
        box-sizing: border-box;
        height: 578px
    }
}

@media (min-width:1920px) {
    .leftVideo-d5Syt5PA .video-d5Syt5PA {
        height: 814px
    }
}

.rightVideo-d5Syt5PA {
    display: none
}

@media (min-width:1280px) {
    .rightVideo-d5Syt5PA {
        background: #212121;
        border: 1px solid hsla(0, 0%, 100%, .2);
        border-radius: 18px;
        box-shadow: 0 0 48px 0 rgba(113, 19, 207, .5);
        display: flex;
        height: fit-content;
        left: auto;
        position: absolute;
        top: 230px;
        transform: translateX(918px);
        z-index: 6
    }
}

@media (min-width:1440px) {
    .rightVideo-d5Syt5PA {
        top: 320px;
        transform: translateX(920px)
    }
}

@media (min-width:1920px) {
    .rightVideo-d5Syt5PA {
        top: 318px;
        transform: translateX(1220px)
    }
}

@media (min-width:1280px) {
    .rightVideo-d5Syt5PA .video-d5Syt5PA {
        border: 5px solid transparent;
        border-radius: inherit;
        box-sizing: border-box;
        height: 578px
    }
}

@media (min-width:1920px) {
    .rightVideo-d5Syt5PA .video-d5Syt5PA {
        height: 826px
    }
}