:root{--color-white:#fff;--color-orange:#f60;--color-lightgray:#b6b6b6;--color-black:#333}.v-mobileAppBanner{background:linear-gradient(269deg,#ffcba6 .44%,#feecb1 99.36%),#fff;border-radius:24px;padding:4rem 64rem 4rem 6.4rem;position:relative}@media screen and (max-width:1220px){.v-mobileAppBanner{padding:4rem 45rem 4rem 4rem}}@media screen and (max-width:992px){.v-mobileAppBanner{padding:3.2rem}}@media screen and (max-width:640px){.v-mobileAppBanner{padding:3.2rem 2.4rem}}.v-mobileAppBanner.appsInfo{background:#f4f4f4;min-height:32.4rem;overflow:hidden;padding:4rem 44rem 4rem 4.8rem}@media screen and (max-width:1220px){.v-mobileAppBanner.appsInfo{padding:3.2rem 33.6rem 3.2rem 4rem}}@media screen and (max-width:992px){.v-mobileAppBanner.appsInfo{padding:2.4rem}.v-mobileAppBanner.appsInfo .v-mobileAppBanner__content{margin-right:20rem}}@media screen and (max-width:640px){.v-mobileAppBanner.appsInfo .v-mobileAppBanner__content{margin-right:unset}}.v-mobileAppBanner.appsInfo .v-mobileAppBanner__title{font-size:2.2rem;line-height:3rem}@media screen and (max-width:992px){.v-mobileAppBanner.appsInfo .v-mobileAppBanner__title{font-size:2rem;line-height:2.8rem}}@media screen and (max-width:640px){.v-mobileAppBanner.appsInfo .v-mobileAppBanner__title{font-size:1.8rem;line-height:2.6rem}}.v-mobileAppBanner.appsInfo .v-mobileAppBanner__appsWrap .v-mobileAppBanner__app{max-width:20rem}@media screen and (max-width:1220px){.v-mobileAppBanner.appsInfo .v-mobileAppBanner__appsWrap .v-mobileAppBanner__app{max-width:16.8rem}}@media screen and (max-width:640px){.v-mobileAppBanner.appsInfo .v-mobileAppBanner__appsWrap .v-mobileAppBanner__app{max-width:unset}}.v-mobileAppBanner.appsInfo .v-mobileAppBanner__imgWrap{bottom:-17rem;height:52.2rem;width:43.5rem}@media screen and (max-width:1220px){.v-mobileAppBanner.appsInfo .v-mobileAppBanner__imgWrap{bottom:-12rem;height:44.6rem;right:-2rem;width:37.3rem}}@media screen and (max-width:992px){.v-mobileAppBanner.appsInfo .v-mobileAppBanner__imgWrap{bottom:1rem;height:32.6rem;right:-2rem;width:27.3rem}}.v-mobileAppBanner.appsInfo .v-mobileAppBanner__bg{display:none}.v-mobileAppBanner.connectionApps .v-mobileAppBanner__imgWrap{bottom:0;height:41.7rem;overflow:hidden;position:absolute;right:3rem;width:50.7rem;z-index:2}@media screen and (max-width:1220px){.v-mobileAppBanner.connectionApps .v-mobileAppBanner__imgWrap{right:-1.9rem;width:49.1rem}}@media screen and (max-width:992px){.v-mobileAppBanner.connectionApps .v-mobileAppBanner__imgWrap{right:0;width:36.3rem}}@media screen and (max-width:640px){.v-mobileAppBanner.connectionApps .v-mobileAppBanner__imgWrap{display:none}}.v-mobileAppBanner.connectionApps .v-mobileAppBanner__imgWrap .v-image{width:100%}.v-mobileAppBanner.connectionApps .v-mobileAppBanner__bg{bottom:0;height:18rem;left:0;width:100%}@media screen and (max-width:1220px){.v-mobileAppBanner.connectionApps .v-mobileAppBanner__bg{height:14.9rem}}@media screen and (max-width:992px){.v-mobileAppBanner.connectionApps .v-mobileAppBanner__bg{height:14.6rem}}@media screen and (max-width:640px){.v-mobileAppBanner.connectionApps .v-mobileAppBanner__bg{height:9.1rem}}.v-mobileAppBanner.connectionApps .v-mobileAppBanner__bg:after{bottom:-1.4rem;height:18rem;left:0;width:100%}@media screen and (max-width:1220px){.v-mobileAppBanner.connectionApps .v-mobileAppBanner__bg:after{bottom:-3rem;height:14.9rem}}@media screen and (max-width:992px){.v-mobileAppBanner.connectionApps .v-mobileAppBanner__bg:after{bottom:0;height:14.6rem}}@media screen and (max-width:640px){.v-mobileAppBanner.connectionApps .v-mobileAppBanner__bg:after{bottom:.9rem;height:9.1rem}.v-mobileAppBanner.connectionApps .v-mobileAppBanner__appsWrap{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,1fr);margin-top:3.2rem}.v-mobileAppBanner.connectionApps .v-mobileAppBanner__app{display:flex}}.v-mobileAppBanner.mobileApps .v-mobileAppBanner__imgWrap{bottom:-8rem;height:50.7rem;overflow:hidden;position:absolute;right:0;width:50.1rem;z-index:2}@media screen and (max-width:1220px){.v-mobileAppBanner.mobileApps .v-mobileAppBanner__imgWrap{bottom:-7.5rem;height:46.4rem;right:-4.4rem;width:47rem}}@media screen and (max-width:992px){.v-mobileAppBanner.mobileApps .v-mobileAppBanner__imgWrap{bottom:1.5rem;height:40.5rem;right:-6.1rem;width:41rem}}@media screen and (max-width:640px){.v-mobileAppBanner.mobileApps .v-mobileAppBanner__imgWrap{display:none}}.v-mobileAppBanner.mobileApps .v-mobileAppBanner__imgWrap .v-image{height:50.7rem;width:50.1rem}@media screen and (max-width:1220px){.v-mobileAppBanner.mobileApps .v-mobileAppBanner__imgWrap .v-image{height:46.4rem;width:47rem}}@media screen and (max-width:992px){.v-mobileAppBanner.mobileApps .v-mobileAppBanner__imgWrap .v-image{height:40.5rem;width:41rem}}.v-mobileAppBanner.mobileApps .v-mobileAppBanner__bg{bottom:0;height:18rem;left:0;width:100%}@media screen and (max-width:1220px){.v-mobileAppBanner.mobileApps .v-mobileAppBanner__bg{height:14.9rem}}@media screen and (max-width:992px){.v-mobileAppBanner.mobileApps .v-mobileAppBanner__bg{height:14.6rem}}@media screen and (max-width:640px){.v-mobileAppBanner.mobileApps .v-mobileAppBanner__bg{bottom:15.5rem;height:9.1rem}}.v-mobileAppBanner.mobileApps .v-mobileAppBanner__bg:after{bottom:0;height:18rem;left:0;width:100%}@media screen and (max-width:1220px){.v-mobileAppBanner.mobileApps .v-mobileAppBanner__bg:after{height:14.9rem}}@media screen and (max-width:992px){.v-mobileAppBanner.mobileApps .v-mobileAppBanner__bg:after{height:14.6rem}}@media screen and (max-width:640px){.v-mobileAppBanner.mobileApps .v-mobileAppBanner__bg:after{height:9.1rem}}.v-mobileAppBanner.appsSocials{padding:4rem 6.4rem}.v-mobileAppBanner.appsSocials .v-mobileAppBanner__content{width:49.6rem}@media screen and (max-width:1220px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__content{width:50.2rem}}@media screen and (max-width:992px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__content{width:26.2rem}}@media screen and (max-width:640px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__content{width:auto}}@media screen and (max-width:1220px){.v-mobileAppBanner.appsSocials{padding:4rem 45rem 4rem 4rem}}@media screen and (max-width:992px){.v-mobileAppBanner.appsSocials{padding:3.2rem}}@media screen and (max-width:640px){.v-mobileAppBanner.appsSocials{align-items:center;display:flex;flex-direction:column;padding:3.2rem 2.4rem;text-align:center;width:100%}}.v-mobileAppBanner.appsSocials .v-mobileAppBanner__imgWrap{bottom:0;height:60.7rem;overflow:hidden;position:absolute;right:3rem;width:50.7rem;z-index:2}@media screen and (max-width:1220px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__imgWrap{height:58.8rem;right:-1rem;width:49.1rem}}@media screen and (max-width:992px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__imgWrap{height:43.5rem;right:0;width:36.3rem}}@media screen and (max-width:640px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__imgWrap{display:none}}.v-mobileAppBanner.appsSocials .v-mobileAppBanner__imgWrap .v-image{position:absolute;right:0;top:19rem}@media screen and (max-width:1220px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__imgWrap .v-image{height:100%;top:17rem}}@media screen and (max-width:992px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__imgWrap .v-image{top:2rem}}.v-mobileAppBanner.appsSocials .v-mobileAppBanner__bg{bottom:0;height:18rem;left:0;width:100%}@media screen and (max-width:1220px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__bg{height:14.9rem}}@media screen and (max-width:992px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__bg{height:14.6rem}}@media screen and (max-width:640px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__bg{bottom:1rem;height:9.1rem}}.v-mobileAppBanner.appsSocials .v-mobileAppBanner__bg:after{bottom:0;height:18rem;left:0;width:100%}@media screen and (max-width:1220px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__bg:after{height:14.9rem}}@media screen and (max-width:992px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__bg:after{height:14.6rem}}@media screen and (max-width:640px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__bg:after{height:9.1rem}}.v-mobileAppBanner.appsSocials .v-mobileAppBanner__appsWrap{flex-wrap:nowrap;margin-top:2.4rem}@media screen and (max-width:640px){.v-mobileAppBanner.appsSocials .v-mobileAppBanner__appsWrap{display:grid;gap:1.6rem;grid-template-columns:repeat(3,1fr);margin-top:1.6rem}}.v-mobileAppBanner.appsSocials .v-mobileAppBanner__app{background:none;flex:0}.v-mobileAppBanner.appsSocials .v-mobileAppBanner__app .v-icon{height:4.8rem;width:4.8rem}.v-mobileAppBanner.appsSocials .v-mobileAppBanner__app.vk-logo{grid-area:1/3}.v-mobileAppBanner.appsSocials .v-mobileAppBanner__app.telegram-logo{grid-area:2/1}.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__appsWrap{display:inline-flex;margin-top:3.2rem}@media screen and (max-width:992px){.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__appsWrap{margin-top:2.4rem}}@media screen and (max-width:640px){.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__appsWrap{margin-top:3.2rem}}.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__app{height:4.2rem;padding:.9rem 2rem .9rem 1.6rem;width:fit-content}.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__app .v-icon{color:#f60;height:2.4rem;width:2.4rem}.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__imgWrap{bottom:0;height:46.7rem;overflow:hidden;position:absolute;right:3rem;width:50.7rem;z-index:2}@media screen and (max-width:1220px){.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__imgWrap{height:44.8rem;right:-1.9rem;width:49.1rem}}@media screen and (max-width:992px){.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__imgWrap{height:35.8rem;right:0;width:36.3rem}}@media screen and (max-width:640px){.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__imgWrap{display:none}}.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__imgWrap .v-image{width:100%}.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__bg{height:18rem;width:100%}@media screen and (max-width:1220px){.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__bg{height:14.9rem}}@media screen and (max-width:992px){.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__bg{height:14.6rem}}@media screen and (max-width:640px){.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__bg{bottom:0;height:9.1rem}}.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__bg:after{bottom:unset;height:18rem;left:unset;width:100%}@media screen and (max-width:1220px){.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__bg:after{height:14.9rem}}@media screen and (max-width:992px){.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__bg:after{height:14.6rem}}@media screen and (max-width:640px){.v-mobileAppBanner.allAccessOptions .v-mobileAppBanner__bg:after{height:9.1rem}}.v-mobileAppBanner .v-mobileAppBanner__title{font-size:3.2rem;line-height:4rem;margin-bottom:2.4rem}@media screen and (max-width:992px){.v-mobileAppBanner .v-mobileAppBanner__title{font-size:2.2rem;line-height:3rem}}@media screen and (max-width:640px){.v-mobileAppBanner .v-mobileAppBanner__title{font-size:2rem;line-height:2.8rem;margin-bottom:1.6rem}}.v-mobileAppBanner .v-mobileAppBanner__desc{font-size:1.8rem;line-height:2.6rem}@media screen and (max-width:992px){.v-mobileAppBanner .v-mobileAppBanner__desc{font-size:1.4rem;line-height:2.4rem}}.v-mobileAppBanner__imgWrap{bottom:0;position:absolute;right:0;width:50.7rem;z-index:2}@media screen and (max-width:1220px){.v-mobileAppBanner__imgWrap{right:-3.6rem;width:46.6rem}}@media screen and (max-width:992px){.v-mobileAppBanner__imgWrap{bottom:8rem;right:-6.1rem;width:41rem}}@media screen and (max-width:640px){.v-mobileAppBanner__imgWrap{display:none}}.v-mobileAppBanner__imgWrap .v-image{width:100%}.v-mobileAppBanner__content{position:relative;z-index:3}@media screen and (max-width:992px){.v-mobileAppBanner__content{margin-right:31.4rem}}@media screen and (max-width:640px){.v-mobileAppBanner__content{margin-right:unset}}.v-mobileAppBanner__appsWrap{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:4rem;position:relative;z-index:3}@media screen and (max-width:640px){.v-mobileAppBanner__appsWrap{flex-direction:column;margin-top:3.2rem}}.v-mobileAppBanner__appsWrap .v-mobileAppBanner__app{--color-rect:#333;--color-path:#fff;fill:var(--color-rect),var(--color-path)}@media (hover:hover){.v-mobileAppBanner__appsWrap .v-mobileAppBanner__app:hover.vk-logo{--color-rect:#2974e4;fill:var(--color-rect)}.v-mobileAppBanner__appsWrap .v-mobileAppBanner__app:hover.rutube-logo{--color-rect:#100943;--color-path:#ed143b;fill:var(--color-rect),var(--color-path)}.v-mobileAppBanner__appsWrap .v-mobileAppBanner__app:hover.vkVideo-logo{--color-rect:#ff2b42;--color-path:#07f;fill:var(--color-rect),var(--color-path)}.v-mobileAppBanner__appsWrap .v-mobileAppBanner__app:hover.telegram-logo{--color-rect:#26a4e3;fill:var(--color-rect)}.v-mobileAppBanner__appsWrap .v-mobileAppBanner__app:hover.ok-logo{--color-rect:#f79a38;fill:var(--color-rect)}.v-mobileAppBanner__appsWrap .v-mobileAppBanner__app:hover.dzen-logo{--color-rect:#2b2e34;fill:var(--color-rect)}}.v-mobileAppBanner__appsWrap .v-mobileAppBanner__app.rutube-logo,.v-mobileAppBanner__appsWrap .v-mobileAppBanner__app.vkVideo-logo{--color-path:#6f6f6f;fill:var(--color-path)}.v-mobileAppBanner__app{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#333;border-radius:8px;color:#fff;display:flex;flex:1 0 30%;font-weight:700;height:4.8rem;justify-content:center;width:100%}@media screen and (max-width:640px){.v-mobileAppBanner__app{flex:unset}}@media (hover:hover){.v-mobileAppBanner__app:hover{background-color:#272727}}@media screen and (hover:hover) and (max-width:992px){.v-mobileAppBanner__app:hover{background-color:#333}}.v-mobileAppBanner__app .v-icon{height:3.2rem;width:3.2rem}.v-mobileAppBanner__bg{bottom:0;height:16.4rem;left:0;overflow:hidden;pointer-events:none;position:absolute;width:116rem;z-index:1}@media screen and (max-width:1220px){.v-mobileAppBanner__bg{height:13.6rem;width:95.9rem}}@media screen and (max-width:992px){.v-mobileAppBanner__bg{height:13.3rem;width:64rem}}@media screen and (max-width:640px){.v-mobileAppBanner__bg{bottom:15.5rem;width:100%}}.v-mobileAppBanner__bg:after{background-image:url(../images/components/Banners/MobileAppBanner/bgLine.svg);background-size:cover;bottom:-1.5rem;content:"";display:block;height:17.9rem;left:-2.9rem;position:absolute;width:118.9rem}@media screen and (max-width:1220px){.v-mobileAppBanner__bg:after{bottom:-1.2rem;height:14.8rem;left:-2.4rem;width:98.3rem}}@media screen and (max-width:992px){.v-mobileAppBanner__bg:after{height:14.5rem;width:96rem}}@media screen and (max-width:640px){.v-mobileAppBanner__bg:after{bottom:-.8rem;height:9rem;left:-1.5rem;width:59.7rem}}
