.Page__main{display:flex;min-height:100vh}.Section{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;transform:translateZ(0);text-align:left}[dir=rtl] .Section{text-align:right}.Section--gettingMasks{background-color:var(--white);width:34.7222%}.Section--gettingMasks .Section__inner{width:305px}.Section--right{flex:1}.Section__logo{position:absolute;top:40px}.Block{position:absolute;top:0;bottom:0;display:block}.Block--usingMasks{left:0;right:85px}[dir=rtl] .Block--usingMasks{right:0;left:85px}.Block--usingMasks .Text--1{margin:32px 0 25px}.Block--usingMasks .Text--2{margin:37px 0 24px}.Block--creatingMasks{right:0;left:85px}[dir=rtl] .Block--creatingMasks{left:0;right:85px}.Section--usingMasksActive .Block--creatingMasks{pointer-events:none}.Block--creatingMasks .Text--1{margin:32px 0 25px}.Block--creatingMasks .Text--2{margin:25px 0 32px}.Block--usingMasks .Block__info{width:320px}.Block--creatingMasks .Block__info{width:290px}.Block__phone{position:relative;width:246px;height:492px}.Block__video{position:absolute;top:73px;left:0;right:0;margin:auto;width:194px;height:346px;background:url(/images/landings/vkmasks/mask_fallback.jpg)50% 50%/cover no-repeat}.Block--usingMasks .Block__phone{margin-right:48px;background:url(/images/landings/vkmasks/iphone_silver.png)50% 50%no-repeat}[dir=rtl] .Block--usingMasks .Block__phone{margin-right:0;margin-left:48px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.Block--usingMasks .Block__phone{background-image:url(/images/landings/vkmasks/iphone_silver_2x.png);background-size:246px 492px}}.Block--creatingMasks .Block__phone{height:506px;margin-left:48px;background:url(/images/landings/vkmasks/iphone_creating.png)50% 50%no-repeat}[dir=rtl] .Block--creatingMasks .Block__phone{margin-left:0;margin-right:48px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.Block--creatingMasks .Block__phone{background-image:url(/images/landings/vkmasks/iphone_creating_2x.png);background-size:248px 505px}}.Block__layer{position:absolute;top:0;left:0;right:0;bottom:0;display:block;transition:transform 1s cubic-bezier(.43,0,.06,1),background-color 1s cubic-bezier(.43,0,.06,1);transition-delay:.3s;transform:translateY(0)}.Block--usingMasks .Block__layer{background-color:var(--vkui--color_background_accent)}.Block--creatingMasks .Block__layer{background-color:var(--vkui--color_accent_azure);will-change:transform,background-color}.Section--usingMasksActive .Block--creatingMasks .Block__layer{transform:translateX(100%) translateX(-85px)}[dir=rtl] .Section--usingMasksActive .Block--creatingMasks .Block__layer{transform:translateX(-100%) translateX(85px)}.Section--creatingMasksActive .Block--usingMasks .Block__layer{background-color:#d8f3ff}.Block__content{position:absolute;top:50%;left:50%;display:flex;align-items:center;transform:translate(-50%,-50%)}[dir=rtl] .Block__content{left:auto;right:50%;transform:translate(50%,-50%)}.MaskIcons{display:flex}.MaskIcon{width:52px;height:52px;margin-right:15px;border-radius:15px;background:rgba(255,255,255,.2) center no-repeat}[dir=rtl] .MaskIcon{margin-right:0;margin-left:15px}.MaskIcon:last-child{margin-right:0}[dir=rtl] .MaskIcon:last-child{margin-right:0;margin-left:0}.MaskIcon--1{background-image:url(../../images/landings/vkmasks/mask1.png)}.MaskIcon--2{background-image:url(../../images/landings/vkmasks/mask2.png)}.MaskIcon--3{background-image:url(../../images/landings/vkmasks/mask3.png)}.MaskIcon--4{background-image:url(../../images/landings/vkmasks/mask4.png)}.MaskIcon--5{background-image:url(../../images/landings/vkmasks/mask5.png)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.MaskIcon--1{background-image:url(../../images/landings/vkmasks/mask1_2x.png);background-size:37px 37px}.MaskIcon--2{background-image:url(../../images/landings/vkmasks/mask2_2x.png);background-size:47px 47px}.MaskIcon--3{background-image:url(../../images/landings/vkmasks/mask3_2x.png);background-size:52px 52px}.MaskIcon--4{background-image:url(../../images/landings/vkmasks/mask4_2x.png);background-size:38px 38px}.MaskIcon--5{background-image:url(../../images/landings/vkmasks/mask5_2x.png);background-size:38px 38px}}.Section--gettingMasks .Text--1{margin:32px 0 25px}.Section--gettingMasks .Text--2{margin-top:30px}.Section--usingMasksActive .Toggle--usingMasks,.Section--creatingMasksActive .Toggle--creatingMasks{opacity:0;visibility:hidden}.ArrowButton{display:inline-block;font-size:18px;line-height:23px;padding-right:20px;transition:background-position .1s cubic-bezier(.43,0,.06,1)}[dir=rtl] .ArrowButton{padding-right:0;padding-left:20px}.ArrowButton--white{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20height%3D%2211%22%20width%3D%227%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.8%22%3E%3Cpath%20d%3D%22m5.5%204.3%201.2%201.2-5.5%205.5-1.2-1.2z%22%2F%3E%3Cpath%20d%3D%22m6.7%205.5-1.2%201.2-5.5-5.5%201.2-1.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)calc(100% - 4px) 50%no-repeat;color:#fff}[dir=rtl] .ArrowButton--white{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20height%3D%2211%22%20width%3D%227%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.8%22%3E%3Cpath%20d%3D%22m5.5%204.3%201.2%201.2-5.5%205.5-1.2-1.2z%22%2F%3E%3Cpath%20d%3D%22m6.7%205.5-1.2%201.2-5.5-5.5%201.2-1.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)4px 50%no-repeat}.ArrowButton:hover{transition-delay:0s!important;background-position-x:100%;text-decoration:none}[dir=rtl] .ArrowButton:hover{background-position-x:0}.Text{margin:0;color:var(--vkui--color_text_subhead)}.Text--small{line-height:22px;font-size:14px}.Text--medium{line-height:22px;font-size:15px}.Text--white{color:rgba(255,255,255,.9)}.Text--mobile{display:none}.Toggle{position:absolute;top:0;left:0;height:100%;width:85px;outline:0;transition:opacity 1s cubic-bezier(.43,0,.06,1),visibility 1s cubic-bezier(.43,0,.06,1),background-color 1s cubic-bezier(.43,0,.06,1);border:0;pointer-events:auto;opacity:1;visibility:visible;transition-delay:.3s}[dir=rtl] .Toggle{left:auto;right:0}.Toggle--creatingMasks{left:calc(100% - 85px);background-color:var(--vkui--color_accent_azure)}[dir=rtl] .Toggle--creatingMasks{left:auto;right:calc(100% - 85px)}.Toggle--usingMasks{background-color:var(--vkui--color_background_accent)}.Toggle__text{position:absolute;top:50%;left:50%;padding-left:26px;font-size:14px;line-height:18px;white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;transform:translate(-50%,-50%) rotate(-90deg);animation:moveInToggleLabel .65s cubic-bezier(.43,0,.06,1) .5s forwards}[dir=rtl] .Toggle__text{left:auto;right:50%;padding-left:0;padding-right:26px;transform:translate(50%,-50%) rotate(90deg)}.Toggle--creatingMasks .Toggle__text{color:var(--white);background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%206A8.5%208.5%200%201%200%206%2018%208.5%208.5%200%200%200%2018%206zm-5.3%206.7V16a.7.7%200%201%201-1.4%200v-3.3H8a.7.7%200%201%201%200-1.4h3.3V8a.7.7%200%201%201%201.4%200v3.3H16a.7.7%200%201%201%200%201.4h-3.3z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E)0 50%no-repeat}[dir=rtl] .Toggle--creatingMasks .Toggle__text{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%206A8.5%208.5%200%201%200%206%2018%208.5%208.5%200%200%200%2018%206zm-5.3%206.7V16a.7.7%200%201%201-1.4%200v-3.3H8a.7.7%200%201%201%200-1.4h3.3V8a.7.7%200%201%201%201.4%200v3.3H16a.7.7%200%201%201%200%201.4h-3.3z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E)100% 50%no-repeat}.Toggle--usingMasks .Toggle__text{color:var(--blue_400);background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%206A8.5%208.5%200%201%200%206%2018%208.5%208.5%200%200%200%2018%206zm-5.3%206.7V16a.7.7%200%201%201-1.4%200v-3.3H8a.7.7%200%201%201%200-1.4h3.3V8a.7.7%200%201%201%201.4%200v3.3H16a.7.7%200%201%201%200%201.4h-3.3z%22%20fill%3D%22%235080C1%22%2F%3E%3C%2Fsvg%3E)0 50%no-repeat}[dir=rtl] .Toggle--usingMasks .Toggle__text{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%206A8.5%208.5%200%201%200%206%2018%208.5%208.5%200%200%200%2018%206zm-5.3%206.7V16a.7.7%200%201%201-1.4%200v-3.3H8a.7.7%200%201%201%200-1.4h3.3V8a.7.7%200%201%201%201.4%200v3.3H16a.7.7%200%201%201%200%201.4h-3.3z%22%20fill%3D%22%235080C1%22%2F%3E%3C%2Fsvg%3E)100% 50%no-repeat}.Section--creatingMasksActive .Toggle--usingMasks{background-color:#d8f3ff}.Toggle:hover{cursor:pointer;text-decoration:none}.Links{display:none;margin-bottom:130px}.Link{display:inline-block;margin-right:12px;height:40px}[dir=rtl] .Link{margin-right:0;margin-left:12px}.Link__store{display:inline-block}.Link:last-child{margin-right:0}[dir=rtl] .Link:last-child{margin-right:0;margin-left:0}.Logo__image{display:inline-block;width:41px;height:41px;background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2048C0%2025.373%200%2014.059%207.03%207.03%2014.058%200%2025.372%200%2048%200h4c22.627%200%2033.941%200%2040.97%207.03C100%2014.058%20100%2025.372%20100%2048v4c0%2022.627%200%2033.941-7.03%2040.97C85.942%20100%2074.628%20100%2052%20100h-4c-22.627%200-33.941%200-40.97-7.03C0%2085.942%200%2074.628%200%2052v-4Z%22%20fill%3D%22%2307F%22%2F%3E%3Cpath%20d%3D%22M53.208%2072.042c-22.791%200-35.791-15.625-36.333-41.625h11.417C28.667%2049.5%2037.083%2057.584%2043.75%2059.25V30.417H54.5v16.458c6.584-.708%2013.5-8.208%2015.833-16.458h10.75c-1.792%2010.167-9.292%2017.667-14.625%2020.75%205.333%202.5%2013.876%209.042%2017.126%2020.875H71.75C69.208%2064.125%2062.875%2058%2054.5%2057.167v14.875h-1.292Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E)50% 50%/cover no-repeat}.Header{display:block;margin:0;font-family:TT Commons,"Noto Sans Armenian","Noto Sans Bengali","Noto Sans Cherokee","Noto Sans Devanagari","Noto Sans Ethiopic","Noto Sans Georgian","Noto Sans Hebrew","Noto Sans Kannada","Noto Sans Khmer","Noto Sans Lao","Noto Sans Osmanya","Noto Sans Tamil","Noto Sans Telugu","Noto Sans Thai",sans-serif}.Header--large{font-size:40px;line-height:43px;font-family:var(--vk-sans-display)}.Header--medium{font-size:24px;line-height:27px;font-family:var(--vk-sans-display)}.Header--blue{color:var(--vkui--color_accent_azure)}.Header--white{color:var(--white)}@media screen and (max-width:1200px){.Page__main{flex-direction:column}.Section{overflow:visible}.Section--right{background-color:var(--vkui--color_background_accent)}.Section--gettingMasks{width:100%}.Section--gettingMasks .Text--1{display:none}.Section--gettingMasks .Text--2{font-size:16px;line-height:26px}.Section--gettingMasks .Section__qr{display:none}.Section__inner,.Section--gettingMasks .Section__inner{width:auto;max-width:420px;padding:0 18px}.Section__logo{top:32px}.Block--creatingMasks,.Block__layer{display:none}.Block__info{width:auto}.Block--usingMasks{position:static}.Block--usingMasks .Block__info{width:auto}.Block__content{position:static;display:flex;flex-direction:column;transform:none}.Block--usingMasks .Block__phone{margin-top:-73px;margin-right:0}[dir=rtl] .Block--usingMasks .Block__phone{margin-right:0;margin-left:0}.Block__info{margin-bottom:50px}.MaskIcons{display:none}.Toggle{display:none}.Links{display:flex;justify-content:center}.MasksLogo{display:none}.MasksLogo--inline{display:block;margin-left:50px;margin-top:42px}[dir=rtl] .MasksLogo--inline{margin-left:0;margin-right:50px}.Block--usingMasks .Header{display:none}.Header--large{font-size:24px;line-height:26px;margin-top:40px;margin-left:50px;font-family:var(--vk-sans-display)}[dir=rtl] .Header--large{margin-left:0;margin-right:50px}.Text--mobile{margin-top:32px;display:block}.Text--full{display:none}.Block--usingMasks .Text.Text--2{margin:24px 0 32px}.Section--gettingMasks .Text.Text--2{margin:50px 0 40px}.Section--gettingMasks .ArrowButton{display:none}}@media screen and (min-width:1201px){.Block--usingMasks{animation:moveIn 1s cubic-bezier(.43,0,.06,1)}.Block--creatingMasks{transform:translateY(100%);animation:moveIn 1s cubic-bezier(.43,0,.06,1) forwards .2s}.Block--creatingMasks .Block__info>*,.Block--creatingMasks .Block__phone{transform:translateY(0);opacity:0}.Block--usingMasks .Block__info>*,.Block--usingMasks .Block__phone{transform:translateY(0);opacity:1}.Page--preload .Section--gettingMasks .Section__inner>*,.Page--preload .Block--usingMasks .Block__info>*{opacity:0;transform:translateY(100px)}.Page--preload .Block--usingMasks .Block__phone{opacity:0;transform:translateY(500px)}.Section--gettingMasks .Section__inner>*,.Block__info>*{transition-duration:.4s;transition-timing-function:cubic-bezier(.43,0,.06,1);transition-property:transform,opacity,background-position}.Block__phone{transition-property:transform,opacity;transition-duration:1.5s}.Section--usingMasksActive .Block--usingMasks .Block__info>:nth-child(1){transition-delay:.5s}.Section--usingMasksActive .Block--usingMasks .Block__info>:nth-child(2){transition-delay:.6s}.Section--usingMasksActive .Block--usingMasks .Block__info>:nth-child(4){transition-delay:.7s}.Section--usingMasksActive .Block--usingMasks .Block__info>:nth-child(5){transition-delay:.8s}.Section--usingMasksActive .Block--usingMasks .Block__info>:nth-child(6){transition-delay:.9s}.Section--gettingMasks .Section__inner>:nth-child(2){transition-delay:.1s}.Section--gettingMasks .Section__inner>:nth-child(3){transition-delay:.2s}.Section--gettingMasks .Section__inner>:nth-child(4){transition-delay:.3s}.Section--gettingMasks .Section__inner>:nth-child(5){transition-delay:.4s}.Page--loaded .Block--creatingMasks .Block__info>*,.Page--loaded .Block--creatingMasks .Block__phone{opacity:1}.Page--loaded .Section--usingMasksActive .Block--creatingMasks .Block__info>*,.Page--loaded .Section--creatingMasksActive .Block--usingMasks .Block__info>*{transform:translateY(100px);opacity:0}.Page--loaded .Section--usingMasksActive .Block--creatingMasks .Block__phone,.Page--loaded .Section--creatingMasksActive .Block--usingMasks .Block__phone{opacity:0;transform:scale(.8);transition-duration:.5s;transition-delay:.1s}.Page--loaded .Block--usingMasks .Block__phone,.Page--loaded .Block--creatingMasks .Block__phone{transition-duration:.8s;transition-timing-function:cubic-bezier(.43,0,.06,1);transition-delay:.7s}.Page--loaded .Section--creatingMasksActive .Block--usingMasks .Block__info>:nth-child(5){transition-delay:.1s}.Page--loaded .Section--creatingMasksActive .Block--usingMasks .Block__info>:nth-child(4){transition-delay:.2s}.Page--loaded .Section--creatingMasksActive .Block--usingMasks .Block__info>:nth-child(2){transition-delay:.3s}.Page--loaded .Section--creatingMasksActive .Block--usingMasks .Block__info>:nth-child(1){transition-delay:.4s}.Page--loaded .Section--usingMasksActive .Block--creatingMasks .Block__info>:nth-child(3){transition-delay:.1s}.Page--loaded .Section--usingMasksActive .Block--creatingMasks .Block__info>:nth-child(2){transition-delay:.2s}.Page--loaded .Section--usingMasksActive .Block--creatingMasks .Block__info>:nth-child(1){transition-delay:.3s}.Page--loaded .Section--usingMasksActive .Block--usingMasks .Block__info>:nth-child(1){transition-delay:.5s}.Page--loaded .Section--usingMasksActive .Block--usingMasks .Block__info>:nth-child(2){transition-delay:.6s}.Page--loaded .Section--usingMasksActive .Block--usingMasks .Block__info>:nth-child(4){transition-delay:.7s}.Page--loaded .Section--usingMasksActive .Block--usingMasks .Block__info>:nth-child(5){transition-delay:.8s}.Page--loaded .Section--usingMasksActive .Block--usingMasks .Block__info>:nth-child(6){transition-delay:.9s}.Page--loaded .Section--creatingMasksActive .Block--creatingMasks .Block__info>:nth-child(1){transition-delay:.5s}.Page--loaded .Section--creatingMasksActive .Block--creatingMasks .Block__info>:nth-child(2){transition-delay:.6s}.Page--loaded .Section--creatingMasksActive .Block--creatingMasks .Block__info>:nth-child(3){transition-delay:.7s}.Page--loaded .Section--creatingMasksActive .Block--creatingMasks .Block__info>:nth-child(4){transition-delay:.8s}}@keyframes moveInToggleLabel{0%{opacity:0;transform:translate(-50%,500px) rotate(-90deg)}to{opacity:1;transform:translate(-50%,-50%) rotate(-90deg)}}@keyframes moveIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}