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