From: Snapshot-Content-Location: https://cloud.mail.ru/attaches/17887887021699099053%3B0%3B1?folder-id=500000&x-email=davik200319%40mail.ru&cvg=f&mv=1 Subject: =?utf-8?Q?=D0=A1=D0=B1=D0=BE=D1=80=D0=BD=D0=B8=D0=BA_=D0=9C=D0=9A-17-26.p?= =?utf-8?Q?df=20/=20=D0=9E=D0=B1=D0=BB=D0=B0=D0=BA=D0=BE=20Mail?= Date: Sat, 17 Oct 2026 13:48:02 GMT MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m----" ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: binary Content-Location: https://cloud.mail.ru/attaches/17887887021699099053%3B0%3B1?folder-id=500000&x-email=davik200319%40mail.ru&cvg=f&mv=1 Сборник_МК-17-26.pdf / Облако Mail
Облако Mail
Из почты
Все
Входящие
Отправленные
Karta_pret...2_kurs_mag
.docx
55.1 КБ
zupinfo@alexfitness.ru
Rassylka ras...t 2026-10-09
.zip
56.2 КБ
Karta_pret...2 курс маг
.docx
62.8 КБ
Ф4756-ВШ
.pdf
2.45 МБ
Критерии отбора
.docx
30.3 КБ
2006-ОД-1...теристика
.docx
24.1 КБ
2006-ОД-1-8_Согласие ПДн
.docx
35.7 КБ
2006-ОД-1-6_Анкета
.docx
36.1 КБ
2006-ОД-1...окументов
.docx
23.4 КБ
надо срочно
.pdf
3.98 МБ
надо срочно
.pdf
3.98 МБ
IMG_20260917_153652
.jpg
2.65 МБ
IMG_20260918_161110
.jpg
2.73 МБ
davik200319@mail.ru
практика
.rar
828 КБ
zupinfo@alexfitness.ru
Rassylka ras...t 2026-09-10
.zip
56.3 КБ
Сборник_МК-17-26
.pdf
14.5 МБ
Отзыв Дав...ихайловна
.docx
20 КБ
Отзыв Дав...ихайловна
.docx
30.5 КБ
Документ Microsoft Word
.docx
19.4 КБ
Отзыв руководителя
.pdf
2.35 МБ
Отзыв руководителя
.pdf
2.35 МБ
ПП Агроинженерия
.docx
13.1 КБ
zupinfo@alexfitness.ru
Rassylka ras...t 2026-08-10
.zip
57 КБ
zupinfo@alexfitness.ru
Rassylka ras...t 2026-07-10
.zip
57.2 КБ
zupinfo@alexfitness.ru
Rassylka ras...t 2026-06-10
.zip
57.1 КБ
2026.06.0..._Ф3136-ВШ
.pdf
469 КБ
Произошла ошибка, попробуйте перезагрузить страницу или воспользуйтесь сервисом позже.
Сборник_МК-17-26
.pdf
1 из 1
Сборник_МК-17-26
.pdf
------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: image/gif Content-Transfer-Encoding: binary Content-Location: https://rs.mail.ru/un?uniq2=WwkCAMYm+QAB8B4AATzcaAIBCAAAAQ==&euniq2=WgkBAHsTAAAJCAAAAQ==&rnd=117943827 GIF89a!,L; ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: image/gif Content-Transfer-Encoding: binary Content-Location: https://ad.mail.ru/cm.gif?p=123 GIF89a!,D; ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: image/gif Content-Transfer-Encoding: binary Content-Location: https://b2.mail.ru/count/U_4amautHtK505u0488WCPTsrL400000O9WBSFJqW908a042m042s06AXnte0O01y0ACkfAo1h030g06gWF91hi-4Mkr5qq5gGU6her73VSAJj070l8D0FeD088E0000 GIF89a!,D; ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: image/gif Content-Transfer-Encoding: binary Content-Location: https://an.mail.ru/count/U_4amautHtK505u0488WCPTsrL400000O9WBSFJqW908a042m042s06AXnte0O01y0ACkfAo1h030g06gWF91hi-4Mkr5qq5gGU6her73VSAJj070l8D0FeD088E0000 GIF89a!,D; ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: image/gif Content-Transfer-Encoding: binary Content-Location: https://rs.mail.ru/d4367894.gif?rnd=469143019&ts=1792244873 GIF89a!,L; ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: image/jpeg Content-Transfer-Encoding: binary Content-Location: https://filin.mail.ru/pic?width=90&height=90&email=davik200319%40mail.ru&name=davik200319%40mail.ru&version=4&build=7 ZZ" }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr $4%&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz ?+5Khdyg,EdlP{g?ڃIDHb?څm$'PTW2`3`c >*[',g޿֚u{%8&H$ԍ.ooq5sx >+*8ycVL<:t-4Rr*Scz^p5J3Tu*PׅI{,:y:T]ZJ/6jCX|7%[ /2*4ڇ=>9\XGm=T+/ BEHcVUq_yXDM0ȉ,kK3\4}5N;F)Rzt!)s\ܤ+\\^ka{n' "Hp` 3C =ߺuu G5ZtַZmC3" YL~|`#K F"se #c!wG*NI?!O7V2[W0x'^&a$1KiZ/<  |+}/KI%5ֳJUQ[bkEܣS2ڹ??b>#wiYfIo5ZZv%6WR[)iOͳ\;K u(rRJuNp#mj*9ky8ɤڼ]Lq'!H,EW\D0"L-mR`zG|_>*EtcXZZHwVcH2ꡒv /Ÿ]n֛-Icw^IÏmg 7k*[_Mvx~ e{O:[=Y]\4jeK^B?,y60LF&N1QqI]44|OdUJ e9N0+Bm$98y$?C1Okw6Q}6S+n;WsJщl*bIk%:*=Bv1TBV2A'rrGX Nᗁlb_BWOzs%T \nb++Woi'|#񿂴IVMYmH'ft{;ƊFG_ F^ 4 |OǞѵ nmwߢi^}v˾Mo-Mq Ưo^(u4ڧ5V-l&MdAi>Fc vp[ AA CwWH{ŋĵTu_/+4K*W1ZLY . J?4xt/hzص h!Y.Y!i8"B6\&F?oG9°>_] M[ZUt.<^^Mom\K4_ wl92XԥW Fz0OiΟ4ux f~d+2| fN]n#RJuN.ү9sap 8?iʒ%?7s=O =XֹqykK-;U4(WD^1r]hHZn$?Y>4*asFѥYAaq Kq?HkWIɻ`.͖) XW7F<5d߰5*:~cy6U{33l0B1TTjiU .J2\IFֵ{+ۨ4S.YC"H$ )-J 7+\##E9`KdRʼnʼn$y&@cKhOo UUPʯq~VVbJ vfAcɏv,gb|==? L',aէ(4TڨAYs;oTxX bXe[*tQ{\׼kkZ#e_xbNhEm-!Yqqq+(eRmWiߵOQkV:Q#4;KY%YLA.@MtPjx^*mIKCRnfg;+mL!C6..#3'5_=g^gqv.j>:5zl-{KbKCyZ;OsxQXA_4-3_: yOzqjVmmcUltvReo#]WR I7fK *BU9UQK0ӤIJr\3g xy^"tj}]U1T8eE)Χ:RQ=6MZ-W^Ro}tzt/ KZ[a5Ic{.vq-hϛ A#?/^ 3HCڌ6 s5,Rk'gqtG&\>?x3I {\cR{F/*q%a`@XoʩJ9aXRYO;VQs攣1uqv UiNZo8ңB*U%9rJY7"w? O~"aEuF8_ݮwȏcU`m~x@6BwD_e > W-_ki$ JQdʏJw(M5KuHV5XV'1D F P\d^C^#FUbVFxӯEΕeJᣌd[?ro2*f n WT*ӜQ8eg̥F.-T(ßO75._^IѬtCHifEVٲHMG!/*/7>kom2dDоy|8mOP؅\Ee+2]/4jQR\\K#Dd ;zw?D=>"+~xeMfojDf^.Υ: ֺ18xOǓp\? 熧MwV*mw8+U*5%FhT 97u9gݟgHn|I kn/)5F,eISteI|YV#=lPg҆x)b6*>DSZ^^]yfY3_W2XOh7Xw{ji4Wg$P&~m`^~^;t?C{xc/n|Y_ZFgjwo(wԮA<lwG[TMq)!vX\m?:'B-7vJ)+]& D-NH# #YK@w<֓Z{Muw(YvO-7^Em \0?O-|#˟%k!6ycH] H*!s˕wŹ bOc_rb{us2ޟ"S_ v?ѳCNJtMc#bWZ-ցZ^ <.NJoIn7g[n.DFP_d<{0Da.n,bd֯-6:mtrڄ1i~ {#o-.9?:oɶۓqpL/2g̯㒬zj#3Ѡ$W DܾGYgqy+Pr8sMǚ(䜚KT?ԏ& <<̝J|IcX>#] LVU >pq *Z~[|;kwZCii%w%A$v6<<X[˪ &k+OsO{tw~ Z~X|8#-XѬ/ :Ƶ}wA; tz:]jKE'о+tO[k*+e[7GU6Gv\`_o&GžuдfUf&C EE1q&G¼+ZJ75,K4Z#}]'(T1nqzThOCMPӆ2U]XGX<%ha8;C n2|^Y[O}JL.d-k7ȶGw6*{,WiQѣ|1^Ek%&k.ֶY0]fw؋,_l _1<淊D~[p;NC\~g3YA koAm ij#bU*'IVЌk\#*MC9ѢoMhzU*0Nr//7W-4>B l.1  UA,7H  ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: image/jpeg Content-Transfer-Encoding: binary Content-Location: https://filin.mail.ru/pic?from=ph&email=davik200319%40mail.ru&width=45&height=45&name=%D0%92%D0%B8%D0%BA%D1%82%D0%BE%D1%80%D0%B8%D1%8F%20%D0%94%D0%B0%D0%B2%D1%8B%D0%B4%D0%BE%D0%B2%D0%B0 ZZ" }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr $4%&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz ?+5Khdyg,EdlP{g?ڃIDHb?څm$'PTW2`3`c >*[',g޿֚u{%8&H$ԍ.ooq5sx >+*8ycVL<:t-4Rr*Scz^p5J3Tu*PׅI{,:y:T]ZJ/6jCX|7%[ /2*4ڇ=>9\XGm=T+/ BEHcVUq_yXDM0ȉ,kK3\4}5N;F)Rzt!)s\ܤ+\\^ka{n' "Hp` 3C =ߺuu G5ZtַZmC3" YL~|`#K F"se #c!wG*NI?!O7V2[W0x'^&a$1KiZ/<  |+}/KI%5ֳJUQ[bkEܣS2ڹ??b>#wiYfIo5ZZv%6WR[)iOͳ\;K u(rRJuNp#mj*9ky8ɤڼ]Lq'!H,EW\D0"L-mR`zG|_>*EtcXZZHwVcH2ꡒv /Ÿ]n֛-Icw^IÏmg 7k*[_Mvx~ e{O:[=Y]\4jeK^B?,y60LF&N1QqI]44|OdUJ e9N0+Bm$98y$?C1Okw6Q}6S+n;WsJщl*bIk%:*=Bv1TBV2A'rrGX Nᗁlb_BWOzs%T \nb++Woi'|#񿂴IVMYmH'ft{;ƊFG_ F^ 4 |OǞѵ nmwߢi^}v˾Mo-Mq Ưo^(u4ڧ5V-l&MdAi>Fc vp[ AA CwWH{ŋĵTu_/+4K*W1ZLY . J?4xt/hzص h!Y.Y!i8"B6\&F?oG9°>_] M[ZUt.<^^Mom\K4_ wl92XԥW Fz0OiΟ4ux f~d+2| fN]n#RJuN.ү9sap 8?iʒ%?7s=O =XֹqykK-;U4(WD^1r]hHZn$?Y>4*asFѥYAaq Kq?HkWIɻ`.͖) XW7F<5d߰5*:~cy6U{33l0B1TTjiU .J2\IFֵ{+ۨ4S.YC"H$ )-J 7+\##E9`KdRʼnʼn$y&@cKhOo UUPʯq~VVbJ vfAcɏv,gb|==? L',aէ(4TڨAYs;oTxX bXe[*tQ{\׼kkZ#e_xbNhEm-!Yqqq+(eRmWiߵOQkV:Q#4;KY%YLA.@MtPjx^*mIKCRnfg;+mL!C6..#3'5_=g^gqv.j>:5zl-{KbKCyZ;OsxQXA_4-3_: yOzqjVmmcUltvReo#]WR I7fK *BU9UQK0ӤIJr\3g xy^"tj}]U1T8eE)Χ:RQ=6MZ-W^Ro}tzt/ KZ[a5Ic{.vq-hϛ A#?/^ 3HCڌ6 s5,Rk'gqtG&\>?x3I {\cR{F/*q%a`@XoʩJ9aXRYO;VQs攣1uqv UiNZo8ңB*U%9rJY7"w? O~"aEuF8_ݮwȏcU`m~x@6BwD_e > W-_ki$ JQdʏJw(M5KuHV5XV'1D F P\d^C^#FUbVFxӯEΕeJᣌd[?ro2*f n WT*ӜQ8eg̥F.-T(ßO75._^IѬtCHifEVٲHMG!/*/7>kom2dDоy|8mOP؅\Ee+2]/4jQR\\K#Dd ;zw?D=>"+~xeMfojDf^.Υ: ֺ18xOǓp\? 熧MwV*mw8+U*5%FhT 97u9gݟgHn|I kn/)5F,eISteI|YV#=lPg҆x)b6*>DSZ^^]yfY3_W2XOh7Xw{ji4Wg$P&~m`^~^;t?C{xc/n|Y_ZFgjwo(wԮA<lwG[TMq)!vX\m?:'B-7vJ)+]& D-NH# #YK@w<֓Z{Muw(YvO-7^Em \0?O-|#˟%k!6ycH] H*!s˕wŹ bOc_rb{us2ޟ"S_ v?ѳCNJtMc#bWZ-ցZ^ <.NJoIn7g[n.DFP_d<{0Da.n,bd֯-6:mtrڄ1i~ {#o-.9?:oɶۓqpL/2g̯㒬zj#3Ѡ$W DܾGYgqy+Pr8sMǚ(䜚KT?ԏ& <<̝J|IcX>#] LVU >pq *Z~[|;kwZCii%w%A$v6<<X[˪ &k+OsO{tw~ Z~X|8#-XѬ/ :Ƶ}wA; tz:]jKE'о+tO[k*+e[7GU6Gv\`_o&GžuдfUf&C EE1q&G¼+ZJ75,K4Z#}]'(T1nqzThOCMPӆ2U]XGX<%ha8;C n2|^Y[O}JL.d-k7ȶGw6*{,WiQѣ|1^Ek%&k.ֶY0]fw؋,_l _1<淊D~[p;NC\~g3YA koAm ij#bU*'IVЌk\#*MC9ѢoMhzU*0Nr//7W-4>B l.1  UA,7H F+ \AQ@2@҇tQ.ӹ-IQ˻xXr #;Ov*RXQ}zf :bwGq>{d\yGckȫWFϞ過0Iה3)L, ~^  ر pTHHq1AΨvr. \NOI-T^3'hOQ ql`$%qM"w=^@#kxIr*G GQ*qBrʎB@(IFfKFd2xrD"Itq}&z l'$Ŋoä7R]'=Y:WHFl5Q OEn9Ƅ[t&H9Ɓ%KˇzŅu|kK Z|Y KP /~IENDB` ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://limg.imgsmail.ru/whiteline/2.233.3/external.css @charset "utf-8"; .ph-container.svelte-6xw9r7, .ph-whiteline { height: 36px; position: relative; } .ph-container.svelte-6xw9r7 { font-size: 13px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; display: flex; justify-content: space-between; box-sizing: border-box; width: 100%; padding: 4px 12px; color: var(--ph-color-text-primary); z-index: 1003; background-color: var(--ph-custom-color-main-block); transition: background-color 0.2s; } .ph-container *, .ph-container ::before, .ph-container ::after { box-sizing: inherit; } .ph-container button { margin: 0px; outline: none; appearance: button; box-shadow: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .ph-container a { text-decoration: none; } .ph-container a:link, .ph-container a:visited { color: var(--ph-color-text-primary); } .ph-container h3 { text-transform: none; } .ph-container svg { fill: var(--ph-color-text-primary); pointer-events: none; } .ph-account-icon svg { fill: var(--ph-color-icon-medium) !important; color: var(--ph-color-icon-medium) !important; } .ph-container img { -webkit-user-drag: none; user-select: none; } .ph-image-loader { background-color: var(--ph-custom-color-account-add); } @keyframes svelte-mvi5hm-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-mvi5hm-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-mvi5hm-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-mvi5hm-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-lang.svelte-mvi5hm { z-index: 2; display: flex; justify-content: flex-end; flex-shrink: 0; } .ph-lang-select.svelte-mvi5hm { display: inline-flex; height: 28px; align-items: center; padding: 4px 8px; border-radius: 8px; text-align: center; position: relative; vertical-align: middle; white-space: nowrap; cursor: pointer; user-select: none; } .ph-lang-select.svelte-mvi5hm:focus { outline: none; } .ph-lang-select.svelte-mvi5hm:focus, .ph-lang-select.svelte-mvi5hm:hover { background-color: var(--ph-color-transparent--hover); } .ph-lang-select.svelte-mvi5hm:active { background-color: var(--ph-color-transparent--active); } .ph-lang-select_open.svelte-mvi5hm, .ph-lang-select_open.svelte-mvi5hm:hover { background-color: var(--ph-color-transparent--active) !important; } .ph-lang-select__icon.svelte-mvi5hm { margin-right: 8px; } .ph-help.svelte-mvi5hm { display: inline-flex; height: 28px; align-items: center; padding: 4px 8px; border-radius: 8px; text-align: center; position: relative; vertical-align: middle; white-space: nowrap; cursor: pointer; user-select: none; } .ph-help.svelte-mvi5hm:focus { outline: none; } .ph-help.svelte-mvi5hm:focus, .ph-help.svelte-mvi5hm:hover { background-color: var(--ph-color-transparent--hover); } .ph-help.svelte-mvi5hm:active { background-color: var(--ph-color-transparent--active); } @keyframes svelte-fxwh2g-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-fxwh2g-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-fxwh2g-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-fxwh2g-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-projects.svelte-fxwh2g { margin-right: auto; flex-grow: 1; z-index: 1; user-select: none; display: flex; align-items: center; } .ph-projects__list.svelte-fxwh2g { display: flex; margin: 0px; padding: 0px; list-style: none; } .ph-project.svelte-fxwh2g { display: inline-flex; height: 28px; align-items: center; padding: 4px 8px; border-radius: 8px; text-align: center; position: relative; vertical-align: middle; white-space: nowrap; cursor: pointer; user-select: none; font-size: 13px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; background: transparent; color: var(--ph-color-project,var(--ph-color-text-primary)); } .ph-project.svelte-fxwh2g:focus { outline: none; } .ph-project.svelte-fxwh2g:focus, .ph-project.svelte-fxwh2g:hover { background-color: var(--ph-color-transparent--hover); } .ph-project.svelte-fxwh2g:active { background-color: var(--ph-color-transparent--active); } .ph-project_open.svelte-fxwh2g, .ph-project_open.svelte-fxwh2g:hover { background-color: var(--ph-color-transparent--active) !important; } .ph-project.svelte-fxwh2g:focus, .ph-project.svelte-fxwh2g:hover { background-color: var(--ph-custom-color-project-dark-bg--hover); } .ph-project.svelte-fxwh2g:active { background-color: var(--ph-custom-color-project-dark-bg--active); } .ph-project_open.svelte-fxwh2g, .ph-project_open.svelte-fxwh2g:hover { background-color: var(--ph-custom-color-project-dark-bg--active) !important; } .ph-project__all-projects-text.svelte-fxwh2g { margin-right: 8px; } @keyframes svelte-gxe5fv-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-gxe5fv-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-gxe5fv-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-gxe5fv-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-auth.svelte-gxe5fv.svelte-gxe5fv { z-index: 2; transform: translateZ(0px); display: flex; justify-content: flex-end; flex-shrink: 0; } .ph-switch-snow.svelte-gxe5fv.svelte-gxe5fv { margin-right: 4px; display: inline-flex; padding: 4px 0px; } .ph-switch-snow__auth.svelte-gxe5fv.svelte-gxe5fv { margin-right: 12px; } .ph-project.svelte-gxe5fv.svelte-gxe5fv { height: 28px; align-items: center; padding: 4px 8px; border-radius: 8px; text-align: center; position: relative; vertical-align: middle; white-space: nowrap; cursor: pointer; user-select: none; display: flex; flex-shrink: 1; min-width: 0px; } .ph-project.svelte-gxe5fv.svelte-gxe5fv:focus { outline: none; } .ph-project.svelte-gxe5fv.svelte-gxe5fv:focus, .ph-project.svelte-gxe5fv.svelte-gxe5fv:hover { background-color: var(--ph-color-transparent--hover); } .ph-project.svelte-gxe5fv.svelte-gxe5fv:active { background-color: var(--ph-color-transparent--active); } .ph-project_open.svelte-gxe5fv.svelte-gxe5fv, .ph-project_open.svelte-gxe5fv.svelte-gxe5fv:hover { background-color: var(--ph-color-transparent--active) !important; } .ph-project-any.svelte-gxe5fv.svelte-gxe5fv:focus, .ph-project-any.svelte-gxe5fv.svelte-gxe5fv:hover { background-color: var(--ph-custom-color-project-dark-bg--hover); } .ph-project-any.svelte-gxe5fv.svelte-gxe5fv:active { background-color: var(--ph-custom-color-project-dark-bg--active); } .ph-project-marusia.svelte-gxe5fv.svelte-gxe5fv { min-width: 30px; margin-right: 1px; } .ph-project__user-icon.svelte-gxe5fv.svelte-gxe5fv { margin-right: 8px; flex-shrink: 0; display: flex; justify-self: center; align-items: center; position: relative; } .ph-project__user-icon__notify.svelte-gxe5fv.svelte-gxe5fv { position: absolute; top: -5px; right: -5px; width: 11px; height: 11px; border: 2px solid var(--ph-custom-color-main-block); border-radius: 50%; background-color: var(--ph-color-background-accent); } .ph-project__user-icon__notify_open.svelte-gxe5fv.svelte-gxe5fv { border: 2px solid var(--ph-color-background-content--active) !important; } .ph-project__account.svelte-gxe5fv:focus .ph-project__user-icon__notify.svelte-gxe5fv, .ph-project__account.svelte-gxe5fv:hover .ph-project__user-icon__notify.svelte-gxe5fv { border: 2px solid var(--ph-custom-color-main-block--hover); } .ph-project__account.svelte-gxe5fv:active .ph-project__user-icon__notify.svelte-gxe5fv { border: 2px solid var(--ph-custom-color-main-block--active); } .ph-project__user-name.svelte-gxe5fv.svelte-gxe5fv { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ph-project__register.svelte-gxe5fv.svelte-gxe5fv { color: var(--ph-color-text-accent) !important; margin-right: 1px; } .ph-project__register.svelte-gxe5fv.svelte-gxe5fv:focus, .ph-project__register.svelte-gxe5fv.svelte-gxe5fv:hover { background-color: var(--ph-custom-color-project-dark-bg--hover); } .ph-project__register.svelte-gxe5fv.svelte-gxe5fv:active { background-color: var(--ph-custom-color-project-dark-bg--active); } .ph-project-widgets { margin-right: 4px; } .ph-marusia.svelte-gxe5fv.svelte-gxe5fv { width: 14px; height: 18px; display: flex; justify-content: center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABICAYAAACjpDbfAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAA7DgAAOw4BzLahgwAAABJ0RVh0U29mdHdhcmUAZXpnaWYuY29toMOzWAAAFqZJREFUaIG9m3usbVd1n78x5lz7vO69vvf6Gj8abAy1HQxtENDyqFPspk3SEvqIYluBRKINUBQoCVUDKgFzQ4VC0iZRS1GURoQGVRRMkVIlFVUlHmmiVFWjorahEEUJQaQtrt+ce89jrzXH6B9jzLXXscEY4mZLU2vtdc7Ze33rN15zzHmEp/4lr/vQP7ly+8yFG3ZO7zyrbO/cVLdXz9FSr1G4RlXdvO3jfp9PfG59vP7ceHzwucNLl77w3r/2d+5/ym/mqfqc1/ziT/2ps7c86/adM6deMWxv316KXOmIuud3+Ff/ZsERFcdpNk3/7fjw4P3To/sff88d3/+HT8mN/XH++PaLt9dnf9urvu389df9yNbuzh2Uel5gxxxxFxxw7xgbxv6lIo7mUQARENwwO0T4T0dfufxTv/vTv/ypj370o+1PGlB+6IM//5zrbn3GO1and1+O6E5z1BzMAS2UrW3KagsZBqQoIgpacPegtoa3hrcRO17T1keINRRHpcNign3+aP/S6//RC77nN/5EAO98z1uvuPk7bnvb1qnTP4jq1c1F4/FWyt4uZWcPqQOOBEcePb8ujqlcwhRxVBxbH9MODmhHh+Atr4M6k9M+Nu1feuPFF77igf9vgD987/ue97Rn3/QvZLX1Z8x1u7ngpTKcOYNu72KuNARzIdTcnM9m6rMpooCKU9Qp4hQCVMVoly8x7u8j3ijqVMHd7T6b1j/wzud85yeeWsCL6I++9EN3n/uWa3+SUm6YTDGE4Yoz6O5pGkozobkwmWAozaB5XDMXuk/2l+Lhg+JUSUBxquZ7NdQb4/4+7fJ+QjpFcR+P3/qOW//KP35KAO+8885yw5vufsOZqy7cY1LOTybiwzZb589iumJKqHm4MHkH3oCa64kgo1iYnzhVbFZxSLhBfYaSac364QcpbYzfUzcx+4W33/KyN4jIY+PziVf9OnTlxjfe9aN7V111z4SeaabI7h7DmXOMKGMTRlMmF8a2hFSmvN5caCazuQago6KzakWUKhbqqVNVqOoMagwKQ9liuHA14yMPMR0fUt10pfr6d//ur2+5+2ueCPKJFJS3/MbHXrt34cJPNtHzkynl7Fl09zSjKaMLownrpvG+xfvJNEHjdyZTbDZVkPRBTZ8rYlQNBQdxqhq1eAJ2yDhfFaM9+hDt8DJbWDfnd739lr/4zm8Y8PW/+ou3X/PMP/3hpvXqyZV6xTlk7xRrU9ZNOTZltFBw3U4Cji1VbGmyC8gA7MpZ+p9RSsCEH8JQbANZjFVxttTYSkg/vMRKjJW6iU2vfOetd3zkSQO++n0Xr7n+Zd/+SS+rZ4+ulFNn0NNnObYAO+6ATVmbMC4Ax5ZgCzVnf/RIGR2uA6qmcrOJ5ijOkGNLjVUJwO1iTA/dT1kfslJjkHYw+Hjr22/9ji8+luVxPnjnnXeWa1/yop+lbt0ymiDbu+jpsxw15dhKHgNy3WSjXvrj2CQAm9A64MIPmU1UKTAHl6pCLd6DCENxqjlDCzXXRdkyYzLDvLF99irGB+4DP0ZgV4SPuPtLHuuPjwO87jV/46/W7b3vGk20Udg6fS4UawF3aIWjSTlKwHEBOOWxpYKtbcCa9cQPgmQEXQQadUr6XlFYl1CwFmcwYct8fliGYEXYPnsl6we/HI6t+qJ3/s9ffzXwga9pondevHjq5r/57f/Rt7aft24q9eyV+NYeh63EMOWw1RlwbMLxlIpNwtSYoVojj4JZT/yZ6CETeh7VUSVNFbQ4pZCAcVxVY6s6O8XYqY3d2tgtjXLwMHrwSPin2H3nzuiNf//pLz38qgqeff7N32V1+9nTJMJqB1Z7HLeAOWqFo1Y4nJSjqXDczTPBpkmYpgRs0Aysw1nAmcX3KKGkCohKHkEVWgEtQikwzqCwNmU0p1XDMlipw97OFUwHl9A2okWufmh/ej3wc49T8CVvfvPOS1/5vZ+Rod4yubC6cDVj2ebYCgdNOWiVg6lwMAXk8RQm2qYAmibC7yawFnABGaq5gxvgQjhiqCcCpQMWz2OMUqDUzXGozk419mrj9DCxVydODROr468g+w+yKkYt/r937j++4eIdd0wnFLz5xS/8c6b1GdYUhhVNt1lPmkoV1pPm+1RwUsaJAJoC0FqcWxO8hWIdEAe3CDJOBBoTQQSQALMiaAFLQCvx961CMXBT1GBw5xhlQFmj1OEUzfdhPMYb13HlzsuBf3sCcPvCda9tUxmaQd07w7jWOcetJ4mIOUmYZI7WYBoDqi0AvYFPoZjPgAK2mRNmQEUEXGVWzhWkgBewGpDVQAzMHDNhRBhdWLuyNqXWgtZd1gcTqGHN/3YHVIDbL/7cWSnbt41r0dEq6B7jWpjWwrRWplHzXLC14GvwY8eOwdfMRz/eDOvv18DiOsfAscBRXl/8nS1GW37uGsjho+NraGulrSXvTaGeYhqVca1Mx/qXL372s6tZwWtuuelWa+W8m8L2DusxS7GetLvZTRLKTMAEjJtzT+XoP2sCDdS672VkWXq/ZBDQ8EEpi9FAqiDNkZafkZ/jGZHNI1KPRah1xdQq+ISJ7335y5duAz5ZAQqrP9sm3TWEurtDW2eh3ITWFJskAePmJYeOcezXNP2RBrowU1lALrOwaEJKQi4AtRJwQ6Y5d8Qd8Q1kWxQRkynIDtP6Egi4lDtmQC+7L2qjVgOqbdHWMucwN/BJAqKBjCCjowlU+s8msDF+J3zQ45hP3tMHw/FSQiUulEgXokDxAGwBqXZyiDnS1bRIQ60qrTjq27T15fBr0RcD1Be87nWDyuov2KjZXljR1oI1xU3wJmFuHWSEkkFFRyiTn/iZt42K3uIYgAk3A27MlA7WVayhuraInsWc0pxikfs0j/Qg1iICi29ja8EUXPzP4y71mhtfdkpsuMHWQKnYcc6+2ybc0zYm2OFqKimTIJOjk2DjSV902wDOkMuXeMD1sfS/VLCYJyQUd6qFuWqaPpatqSIUHbCpYDQUzrzyQ791fd1m+5xPujIHoUbUSuXcgEniCxNQJw+zHFO59EObwDtgKsgyOJjHzWSK6Mn+cYB1AdgCpFiAVQc1p3j+nidkA4rgBaStsHaUBcTet9bJt6/ydfRLVCt+HEUxDcQkwBoLn4tQLTOco6Ngk+NjKO5j/n030w6JgwuefVBnAzaPFrFdzWdTLB7qdQWLM5urNKBKXgSxGvchUIreUtH6NMa0mFqRtQSYyfwkZYKSUZGR2d9kzMiZynUVWSgoS8BNJzgSfUbRGU4DrkdhaRFUikWy76Y6n3uUcGrL9FLDkgTMeFYdZOvpjFG8llVF1in9lM68VK95AIzhdzKCTBLJdxR8EXA2+TA+bwPIxkw1QTtg3ZjzJjXEMRSEujhXX0TbBCxTwdcgIohydVWr3yJjTmOmEkp2H7BQLm42zXLKNDFKQGepxuhZCHg+gI2C0hZwjwXUKMcoCVdy0piBRM0DZDbT8MViAao1fy/rV58KjBL1rciFql4vyJj+PumclEsPEg28OWWMyoSEa5OjCefrAPdFZSOLQUa8PtfOPnCEcw0FfeF/XW21HmgdJYG6L86gbCAzquoUUzEXu1B1Gs6L5BOa4ss1zcSbRJ5raZITSAaUMM30vzFU6yp2tZcq9pvNOBM+ksX1XAyYZ74M0xT3TQecvMfusu5h1d1U01dxRaeYhonIuVqsnJMpvlWnzMA99DbPJH+yPGuZLgIOPOEYA45RoAWk9gooASUBTXMq1RWclfM5GPU6QFJBJdoboWZC1lS2VzpolJAKIrZTq/mZXgiXMUN4n7Au8lFL5axXLKNscl8GGUkT7fWp9gezUFAsoTQhU0F3f1whIDkh3gByAq5fK+m6ajlhnqIFgrCqOvlZkfjwMuUDzHpPsuxqaaKWUDp6pIVUkFHyuCjbFnCzghaKeFtAloBjIR65btEnw7GGmM1iSZ/Mnk7p8B69HdGMH+4orKqa7IrHl9RJcBxrgpijCdhBPcs0n2R+vxkn4RhjNkCTyGm9tMpXB5zbGYDjm0iUQCzWC1U7WI5uth2wpKmmggKrWiaqpOfX5ljmFrNej6a/TYK1hG6PgWtAr1snz5mHzDVsL6ckq7PelnE/CdjBYvrUAwXIZAHYWAAuzmFjwuLZAYi/r6X5kaZ5aDPUFe+9lN5jmcCaYU2zJREqR0vCN5PeBO0BSlpMkeZqpgvUc2DCIfE58yQ4i3BRny1JikdtKtF902bZtAoFN8vhRmkef+usazX2uwPUFhHAMuTaog/iLRQM8Dj3PtPvE9pGTrNlLtVoWWQv0kQvRL3PB1te61VMv8H0KdW4Fv1TR1os1qgF9NxnJXy2ZiUk4utam+9LNoDKZAiW06XIg3Nf0wxvuumU5QPwx44m88xhM5PgcYCe7QqRNB9L1ZVNDvQIdnNFY6lojmKpXFdaADFqTI0CUK3tqxTcheJGIVSigzWfYcwtFjKduZnrJicArSfzZf25rEOXqcAe43NpSZpgMs/9fG5ZaB8dMJXsq8VGo25y6GGtNj2qqrg5Q4tf6k3aubljAWLumBlmmnDkte5PEX1x2VQllkvXC0Dx8EFk02ORxwydxyINPBbSLdTVzfXmoWBawoNVrT1Ust1VbKJqjaTLYm3dwYiWeVibYeiJ8/gdR5H572fBvNdnnHid6FwsS7Nefy5BFudlvgbZaIk1f3fEJga3eGiqD1Xa+L8GXUUlYxOD2gzVrWtjab4A8+xGSF4XFM+fbXZUGF/71Sf2mgFUpU8PfZHMN1tNisQnl3ik85CFum4TNW9erN1fC9MXSj5atTF+iC/Uk7xhSTjPUjWilkm+F8MoWYE4aZ3IUkk5CTc315aJO8/L4n0HLj2pz+Ab0LhDaD5Rk6eI3FcZ1380DHnBJ1ZicUOiUdWIYBJGYBgt36uAqdLEaKqICE0MEc11hx4tHZdoIfSlsyWgzEk78lvJiqXkbouSIMvzGD5vIBLpORFGW7PqFRD6+3Vs031DGpLayIDlDVlOZSQhwVQopphCE6ctKoqmjqhgGtdFIwpah+su6FmdZDd7TtwzVIT9vtJbi0UJpgl8AnSjpvRk7yMlba6o/V7dUnugioEIxdehoEgMpHflcI0g0zRuWnM9z1SR4ogZWmCyeN8sG7nuYep93terlb7oWRZQJUeuz/fzGUwNVcvrtlk8FQfNfTfJgDju9ffqgw/80aPXnrrKEFOITTl0QBFM0w89UoOqYUXnEN1KBInJlGYecOnwLQ3SiFzq82IEM5wu1wB1CWfUkmDl5KjqiIayRWx+WMZEYYoHC4+++r0v/QN978ffdFwYP1/FGMQoPub2DIvtG5rn2hhyp0Ns6zCG6gw1zKgWp9YYsxLFYkJaNz2TDtSXqWeV8m+HatRqsQmh77LQzX3EvcRui635Hp2VNLAjhtwdNQj/VRCvAGLjfxjq6taYRR8xlN2oUNJVHYlNdjgNpTg0FMVi0u9xPknmb9LPpIR/itMky7ileSZYKUYZjKHGAxlqBzZKNeoQ0FoDWhcmK70+Ved4PGQQy+/W/wy5fGbt+NPDUH9EBLF2yGrY3iRqiRxXUZrI3InvMH0yumkvyJwqtEfYZsikmEYhKhrmqCVBilOHAKpDQnWw0mbQUpxSW5qqoxmAJP3QLQARcOzTM+CqHv12kZ1jhW1vRwzaQDQin2UeFI+lNEKRIjDluRITiIiowtQjpEpMa5qiarFa5ZtZQVdv6GAL0CGhZjVPwC0A87MaIyIjNSa6B3Vqnz6Rej/2pn//P4rIcwHO7pxju+5kPSpRe+bMojUN0KZMeT5NhWlSpklpLc9bf59jUizXJkS6D9ocTGpdjNIYhoDp72s1Smnp23EMuIC8tP4KB+tLOUuRX/vun/nuV8wKAgw6/XKV4addXMZpn9NbWyF1riU0SdDuU+lHLdNFyQAytdhI0DvOsQvDscHmPaO9/bCMkAHSYVqoWgKqlpbnmweiusmPIsbULlOjrcZQVx/oXDPgdPTQB1enzr9b0ZX7Mfghq7oVN2VgmQZMlVagNRIwIubUiNZ5g6nmel4j98zEDMTn7ZQxQ+95rfaUUIyhtI2quoGr2hVM0IV6h9NlVEZKzHj/z31bD//asiScX594y7/7iLrfBbBVtzi/ez6rjzRP0/k4j1YyBypjK2GyltdaXLc08w4IEUl7VdKVrNpiU17t5wmrNp/PSb9EokeM+y/dj3k0fYrqP3zxu1/xnscpGMl3/dYq5XsFr2YHNN8KX3RwlWhfuNDMaQZTT/T5Xg2ah3LFHHMP9VyjI7B4nn2COquYN15loZ4k2PzzNlc2muPy8T6qY2843X+85n1LphMKAvzW237ln4vwhugLCU87dRWqJWYXFhXNrF7f2WuKeWF0zW2TXTllcp3VmzsWc7tioaBsAOejNAZpixp083tFnebHPHDpwfjUaFf88PPf9X0/v+R53G5DXa3eVqaj71PhahwOxkc4t3sWd8U0ZvXFohxri8WQlrPv5k5j8/PqHq2OuQlPFsbk1ubN3tFC30PaYVJFEpKsRdWBiYcvPRLJPor7336u/84vPJbncQoCfOaee1+uWn7V3UUQTm3tcWb79FyTtvkYCjVKqCYaO/DZKNnn230SDJvervYJrOQkVoyKRW9IGoWEZaFeTpceuvwwx9NRRlEO6vbOC29+6/d87kkBAnz2Xf/mvWBv7Ddzxc4ZdlencnN5wsXe+QBawqGYJGCfleRXOYJkq75Pc0o+gpJw6gk6jzY/AMX5yuEjHK4P5oqpVH7oph+/+5e+GsfX3HX/f+133nxtufW5iN8uwP7Ro6h4QLJpBrXeOsj5XJ8nGo6J0YhZCcS8UuYOVAJ2M8fS3AOw2AIwrynOowcBV8RQhVrkn97443d9VbgnVBDgN9/y/tPXXrH3KTde0P9VZ3drlzM7Z3ApqVAqVvJchSZxbtLLvN4V2ASYiAubXkrpjSWzRWOpUSwaTGITD19+lPV4OLcyRPnwM9vnXyUXL37N1s8TAgJ85uIHzp4dtj9hxvMDUhjqirN7Z9EyBJRkAOqQIjOga8Ch0ZGT7Gqf6KJZbwH2pu5GRXVjGtc8vP8IZuPcg0H48DO/VX9A7rqrPdH9f11AgC/97L070+X2KwbfiYdPuQind06zt7uHacFUsZJgugGk5KS5TztSPTy70bDoVlueBxxT49LlfS4dXg5Tnidv/MyN99z9Y1/vv16eNGDck8sXfuJfv02QnzCk9EaS1oHTu6fZ3t6GWhIyAGP9L45o/H6H7HvOxBzJ7kCHY2ocHlxm/9JlvLUw0VD80qD+966/5/v/5ZO97ycN2F9fvHjvbSbtlwxuAs11PoFS2N3bZXd3lzoMm26cCF4klqgTUpxcfdpAiTvjOHJ4eJnDgyN8arGwkkoDnxp067XXv+Nv/f43cr/fMCDAFy5+YFts9WOm+g9c5Ey/cSvhc6UUhq0ttlYrtA6UoSJbgtaCiUNzbGy09cS0HhnXE+v1Ed4CVJovFf5i8XbPDRdf9cFv5l6/KcD++tLFe883b292kb9rcBUlzTB9zksqqKlgyTaAgUyeKuZS18Jko9vtn8f1nx0473/OxbvW3+w9/rEA++uzF+9dXQF/fXT/QRP/SyinkAwsSuTBvv8DNmsCs5nmdePLCh8Xl3/1jIt3ffKpuLenBHD58oufqn84PXAb1V/s2PNEeEaDp1PYE5EzOBPiB9J4GPiSmPyBGP/Fqv/mje+4+78/mcj4jbz+HwK0FjX7gpDJAAAANXRFWHRDb21tZW50AENvbnZlcnRlZCB3aXRoIGV6Z2lmLmNvbSBTVkcgdG8gUE5HIGNvbnZlcnRlciwp4yMAAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: contain; } .ph-login.svelte-gxe5fv.svelte-gxe5fv { display: inline-flex; height: 28px; align-items: center; padding: 4px 8px; border-radius: 8px; text-align: center; position: relative; vertical-align: middle; white-space: nowrap; cursor: pointer; user-select: none; font-size: 13px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; background-color: var(--ph-color-background-accent); color: var(--ph-color-text-contrast); } .ph-login.svelte-gxe5fv.svelte-gxe5fv:focus { outline: none; } .ph-login.svelte-gxe5fv.svelte-gxe5fv:focus, .ph-login.svelte-gxe5fv.svelte-gxe5fv:hover { background-color: var(--ph-color-transparent--hover); } .ph-login.svelte-gxe5fv.svelte-gxe5fv:active { background-color: var(--ph-color-transparent--active); } .ph-login.svelte-gxe5fv.svelte-gxe5fv:focus, .ph-login.svelte-gxe5fv.svelte-gxe5fv:hover { background-color: var(--ph-color-background-accent--hover); color: var(--ph-color-text-contrast); } .ph-login.ph-project_black.svelte-gxe5fv.svelte-gxe5fv, .ph-project__register.ph-project_black.svelte-gxe5fv.svelte-gxe5fv { color: var(--ph-color-text-primary) !important; background-color: transparent; } .ph-login.ph-project_black.svelte-gxe5fv.svelte-gxe5fv:focus, .ph-login.ph-project_black.svelte-gxe5fv.svelte-gxe5fv:hover, .ph-project__register.ph-project_black.svelte-gxe5fv.svelte-gxe5fv:focus, .ph-project__register.ph-project_black.svelte-gxe5fv.svelte-gxe5fv:hover { background-color: var(--ph-color-transparent--hover); } .ph-login.ph-project_black.svelte-gxe5fv.svelte-gxe5fv:active, .ph-project__register.ph-project_black.svelte-gxe5fv.svelte-gxe5fv:active { background-color: var(--ph-color-transparent--active); } .ph-login.ph-project_black.svelte-gxe5fv.svelte-gxe5fv:focus, .ph-login.ph-project_black.svelte-gxe5fv.svelte-gxe5fv:hover, .ph-project__register.ph-project_black.svelte-gxe5fv.svelte-gxe5fv:focus, .ph-project__register.ph-project_black.svelte-gxe5fv.svelte-gxe5fv:hover { background-color: var(--ph-custom-color-project-dark-bg--hover); } .ph-login.ph-project_black.svelte-gxe5fv.svelte-gxe5fv:active, .ph-project__register.ph-project_black.svelte-gxe5fv.svelte-gxe5fv:active { background-color: var(--ph-custom-color-project-dark-bg--active); } .ph-login.ph-login_link.svelte-gxe5fv.svelte-gxe5fv { color: var(--ph-color-text-accent); background-color: transparent; } .ph-login.ph-login_link.svelte-gxe5fv.svelte-gxe5fv:focus, .ph-login.ph-login_link.svelte-gxe5fv.svelte-gxe5fv:hover { background-color: var(--ph-color-transparent--hover); } .ph-login.ph-login_link.svelte-gxe5fv.svelte-gxe5fv:active { background-color: var(--ph-color-transparent--active); } .ph-login.ph-login_link.svelte-gxe5fv.svelte-gxe5fv:focus, .ph-login.ph-login_link.svelte-gxe5fv.svelte-gxe5fv:hover { background-color: var(--ph-custom-color-project-dark-bg--hover); } .ph-login.ph-login_link.svelte-gxe5fv.svelte-gxe5fv:active { background-color: var(--ph-custom-color-project-dark-bg--active); } .ph-settings.svelte-gxe5fv.svelte-gxe5fv { padding: 6px; margin-left: 4px; margin-right: -4px; cursor: pointer; } .ph-settings__icon.svelte-gxe5fv.svelte-gxe5fv { color: var(--ph-color-icon-primary); fill: var(--ph-color-icon-primary); } .ph-dropdown-icon.svelte-14x1gy5 { width: 16px; height: 16px; flex-shrink: 0; display: flex; justify-content: center; transition: transform 0.2s ease-in-out; } .ph-dropdown-icon__rotated-left.svelte-14x1gy5 { transform: rotate(-180deg); } .ph-dropdown-icon__rotated-right.svelte-14x1gy5 { transform: rotate(180deg); } @keyframes svelte-1l22bne-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1l22bne-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1l22bne-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1l22bne-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-lang-modal.svelte-1l22bne { position: absolute; top: 100%; right: 12px; z-index: 3; width: 360px; height: auto; background-color: var(--ph-color-background-modal); box-shadow: var(--ph-custom-shadow-projects-menu); border-radius: 12px; overflow: hidden; padding: 20px; } .ph-modal-settings.svelte-1oid343 { padding: 12px; } .account-modal-container.svelte-ka58k0 { padding: 12px; } .ph-marusia-iframe.svelte-q4jlv4 { height: 100%; width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 16px; } .ph-marusia-iframe__loading.svelte-q4jlv4 { position: absolute; left: 10000px; } @keyframes svelte-azi2yh-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-azi2yh-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-azi2yh-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-azi2yh-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-modal-projects.svelte-azi2yh { position: fixed; left: 0px; width: 100%; } .ph-modal-projects__wrapper.svelte-azi2yh { background-color: var(--ph-color-background-modal); box-shadow: 0 16px 48px var(--ph-custom-color-portal-elevation--3); border-radius: 16px; height: auto; width: 764px; min-width: 764px; margin: 0px auto; position: absolute; top: 36px; left: 0px; overflow: hidden; z-index: 3; } @keyframes svelte-dcuvj1-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-dcuvj1-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-dcuvj1-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-dcuvj1-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-icon.svelte-dcuvj1.svelte-dcuvj1 { width: 16px; height: 16px; border-radius: 50%; background: var(--ph-color-background-modal); overflow: hidden; } .ph-icon__label.svelte-dcuvj1.svelte-dcuvj1 { position: absolute; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; bottom: -4px; right: -6px; border: 2px solid var(--ph-color-background-modal); } .ph-icon[data-icon="vk"].svelte-dcuvj1.svelte-dcuvj1 { background-color: var(--ph-custom-color-social-vk); } .ph-icon[data-icon="vk"].svelte-dcuvj1 svg.svelte-dcuvj1 { transform: scale(1.1); } .ph-icon[data-icon="ok"].svelte-dcuvj1.svelte-dcuvj1 { background-color: var(--ph-custom-color-social-ok); } .ph-icon[data-icon="ok"].svelte-dcuvj1 svg.svelte-dcuvj1 { transform: scale(1.1); } .ph-icon[data-icon="fb"].svelte-dcuvj1.svelte-dcuvj1 { background-color: var(--ph-custom-color-social-fb); } .ph-icon[data-icon="fb"].svelte-dcuvj1 svg.svelte-dcuvj1 { transform: scale(0.7); } .ph-icon[data-icon="child"].svelte-dcuvj1.svelte-dcuvj1 { color: var(--ph-color-icon-accent); } .ph-icon.svelte-dcuvj1 svg.svelte-dcuvj1 { fill: var(--ph-color-background-content); } @keyframes svelte-1mjz4z2-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1mjz4z2-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1mjz4z2-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1mjz4z2-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-project__link.svelte-1mjz4z2 { display: inline-flex; height: 28px; align-items: center; padding: 4px 8px; border-radius: 8px; text-align: center; position: relative; vertical-align: middle; white-space: nowrap; cursor: pointer; user-select: none; } .ph-project__link.svelte-1mjz4z2:focus { outline: none; } .ph-project__link.svelte-1mjz4z2:focus, .ph-project__link.svelte-1mjz4z2:hover { background-color: var(--ph-color-transparent--hover); } .ph-project__link.svelte-1mjz4z2:active { background-color: var(--ph-color-transparent--active); } .ph-project__link_current.svelte-1mjz4z2 { font-weight: 700; } .ph-project__link.svelte-1mjz4z2:focus, .ph-project__link.svelte-1mjz4z2:hover { background-color: var(--ph-custom-color-project-dark-bg--hover); } .ph-project__link.svelte-1mjz4z2:active { background-color: var(--ph-custom-color-project-dark-bg--active); } .ph-project_hidden.svelte-1mjz4z2 { display: none; } .ph-project__counter.svelte-1mjz4z2 { margin-left: 4px; } .ph-project__unread.svelte-1mjz4z2 { border-radius: 4px; width: 8px; height: 8px; margin-left: 4px; background: var(--ph-color-background-accent); } .ph-project__icon.svelte-1mjz4z2 { margin-left: 9px; } .ph-avatar-img.svelte-1qa2g89 { border-radius: 50%; } .ph-avatar-error.svelte-1qa2g89 { display: flex; align-items: center; justify-content: center; background-color: var(--ph-home-color-filin-fail-secondary); color: var(--ph-home-color-filin-fail-primary); font-weight: 700; } .ph-mw-custom-portal.svelte-1dir4y4 { height: 100%; width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; position: relative; } .ph-menu.svelte-1msfe0b { display: flex; flex-direction: column; width: 100%; padding: 24px; } .ph-menu__heading.svelte-1msfe0b { width: 0px; height: 0px; margin: 0px; opacity: 0; overflow: hidden; } @keyframes svelte-lel4rq-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-lel4rq-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-lel4rq-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-lel4rq-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-project-promo-container.svelte-lel4rq { position: absolute; top: 44px; z-index: 3; display: flex; } .ph-project-promo.svelte-lel4rq { transform: translateZ(0px); width: var(--ph-promo-project-width,256px); min-height: 66px; border-radius: 8px; padding: 12px 16px 16px; user-select: none; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .ph-project-promo_link.svelte-lel4rq { text-decoration: none; cursor: pointer; } .ph-project-promo_ad-info.svelte-lel4rq { padding: 12px 16px 4px; } @keyframes svelte-tpvngj-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-tpvngj-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-tpvngj-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-tpvngj-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-promo-marusia.svelte-tpvngj.svelte-tpvngj { transform: translateZ(0px); width: 260px; min-height: 66px; position: absolute; top: 48px; z-index: 3; border-radius: 8px; border: 1px solid var(--ph-color-background-modal); box-shadow: 0 4px 20px var(--ph-custom-color-promo-marusia-shadow); background-color: var(--ph-color-background-modal); padding: 12px 16px; user-select: none; color: var(--ph-color-text-primary); text-decoration: none; cursor: pointer; } .ph-promo-marusia_hide.svelte-tpvngj.svelte-tpvngj { display: none; } .ph-promo-title.svelte-tpvngj.svelte-tpvngj { font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 700; } .ph-promo-description.svelte-tpvngj.svelte-tpvngj, .ph-promo-title.svelte-tpvngj.svelte-tpvngj { font-size: 16px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; max-width: 100%; } .ph-promo-description.svelte-tpvngj.svelte-tpvngj { font-weight: 400; } .ph-promo-close-icon.svelte-tpvngj.svelte-tpvngj { position: absolute; top: 0px; right: 0px; padding: 12px; cursor: pointer; } .ph-promo-close-icon.svelte-tpvngj:hover .ph-promo-close-icon__svg.svelte-tpvngj { fill: var(--ph-color-icon-primary); } .ph-promo-close-icon__svg.svelte-tpvngj.svelte-tpvngj { display: block; fill: var(--ph-color-icon-secondary); } .ph-promo-pointer.svelte-tpvngj.svelte-tpvngj { width: 0px; height: 0px; border-left: 8px solid transparent; border-bottom: 8px solid var(--ph-color-background-modal); border-right: 8px solid transparent; position: absolute; left: 50%; margin-left: -8px; top: -8px; } .ph-promo-pointer_right.svelte-tpvngj.svelte-tpvngj { left: 195px; } .ph-mw-button.svelte-qsdlzx { width: fit-content; height: fit-content; } .ph-mw-button__frame.svelte-qsdlzx { width: 0px; height: 0px; display: flex; box-sizing: content-box; color-scheme: none; } .ph-mw-button.svelte-qsdlzx iframe { width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; user-select: none; } @keyframes svelte-1dqbgs0-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1dqbgs0-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1dqbgs0-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1dqbgs0-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-mw-static-button.svelte-1dqbgs0 { overflow: hidden; width: 140px; padding-left: 7px; padding-right: 7px; color: var(--ph-color-project,var(--ph-color-text-primary)); } .ph-mw-static-button.svelte-1dqbgs0, .ph-mw-static-button_whiteline.svelte-1dqbgs0 { position: relative; cursor: pointer; user-select: none; height: 28px; border-radius: 8px; } .ph-mw-static-button_whiteline.svelte-1dqbgs0 { font-size: 13px; line-height: 18px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 400; display: inline-flex; align-items: center; text-align: center; vertical-align: middle; white-space: nowrap; padding: 4px; background-color: transparent; } .ph-mw-static-button_whiteline.svelte-1dqbgs0:focus { outline: none; } .ph-mw-static-button_whiteline.svelte-1dqbgs0:focus, .ph-mw-static-button_whiteline.svelte-1dqbgs0:hover { background-color: var(--ph-color-transparent--hover); } .ph-mw-static-button_whiteline.svelte-1dqbgs0:active, .ph-mw-static-button_whiteline_active.svelte-1dqbgs0 { background-color: var(--ph-color-transparent--active); } .ph-mw-static-button_whiteline_current.svelte-1dqbgs0 { font-weight: 700; } .ph-mw-static-button_whiteline_open.svelte-1dqbgs0, .ph-mw-static-button_whiteline_open.svelte-1dqbgs0:hover { background-color: var(--ph-color-transparent--active) !important; } .ph-mw-static-button_whiteline.svelte-1dqbgs0:focus, .ph-mw-static-button_whiteline.svelte-1dqbgs0:hover { background-color: var(--ph-custom-color-project-dark-bg--hover); } .ph-mw-static-button_whiteline.svelte-1dqbgs0:active, .ph-mw-static-button_whiteline_active.svelte-1dqbgs0 { background-color: var(--ph-custom-color-project-dark-bg--active); } .ph-mw-static-button_whiteline_open.svelte-1dqbgs0, .ph-mw-static-button_whiteline_open.svelte-1dqbgs0:hover { background-color: var(--ph-custom-color-project-dark-bg--active) !important; } .ph-mw-static-button_crossnav.svelte-1dqbgs0 { font-size: 15px; line-height: 20px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 400; height: 36px; width: 150px; color: var(--ph-mw-button-text,var(--ph-color-project,var(--ph-color-text-primary))); background-color: var(--ph-mw-button-bg,var(--ph-color-project-bg--active,var(--ph-custom-portal-color-mail-widgets-background,var(--ph-custom-color-project-dark-bg--active)))) !important; } .ph-mw-static-button.svelte-1dqbgs0, .ph-mw-static-button__content.svelte-1dqbgs0 { display: flex; flex-direction: row; align-items: center; box-sizing: border-box; } .ph-mw-static-button__content.svelte-1dqbgs0 { width: 100%; height: 100%; } .ph-mw-static-button__icon.svelte-1dqbgs0 { width: 22px; height: 22px; flex-shrink: 0; margin-right: 8px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .ph-mw-static-button__mascot-icon.svelte-1dqbgs0 { width: 22px; height: 22px; } .ph-mw-static-button__title-wrapper.svelte-1dqbgs0 { overflow: hidden; width: 0px; flex-grow: 1; } .ph-mw-static-button__title.svelte-1dqbgs0 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } @keyframes svelte-zkub2k-city-hint-tooltip-show { 0% { visibility: hidden; opacity: 0; top: 100%; } 100% { visibility: visible; opacity: 1; top: calc(100% + 14px); } } @keyframes svelte-zkub2k-city-hint-tooltip-hide { 0% { visibility: visible; opacity: 1; } 100% { visibility: hidden; opacity: 0; display: none; } } .tooltip.svelte-zkub2k { font-size: 16px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; line-height: 22px; font-weight: 400; position: absolute; right: 50%; z-index: 3; white-space: nowrap; padding: 12px 16px; border-radius: 20px 0px 20px 20px; visibility: hidden; background-color: var(--ph-custom-portal-color-palette-sweet-purple); color: var(--ph-custom-portal-color-text-purple-accent-themed); animation: 0.3s ease-in-out 2s 1 normal forwards running svelte-zkub2k-city-hint-tooltip-show, 0.1s ease-in-out 5.3s 1 normal forwards running svelte-zkub2k-city-hint-tooltip-hide; } @supports (clip-path:path("M0 10C20 10 33 5.5 40 0V10L20 10L0 10Z")) { .tooltip.svelte-zkub2k::before { display: block; position: absolute; content: ""; width: 40px; height: 11px; top: -9px; background: inherit; right: 0px; clip-path: path("M 0 10 C 20 10 33 5.5 40 0 V 10 L 20 10 L 0 10 Z"); } } .tooltip-target.svelte-zkub2k { position: relative; display: flex; align-items: center; justify-content: center; } .switch.svelte-158t5hz.svelte-158t5hz { position: relative; display: inline-flex; width: 36px; height: 20px; } .switch.switch__lg.svelte-158t5hz.svelte-158t5hz { width: 44px; height: 24px; } .switch.svelte-158t5hz input.svelte-158t5hz { opacity: 0; width: 0px; height: 0px; } .slider.svelte-158t5hz.svelte-158t5hz { cursor: pointer; inset: 0px; background-color: var(--ph-color-track-background); } .slider.svelte-158t5hz.svelte-158t5hz, .slider.svelte-158t5hz.svelte-158t5hz::before { position: absolute; transition: 0.3s ease-in-out; } .slider.svelte-158t5hz.svelte-158t5hz::before { content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4.43786 1.12779C4.61688 0.955393 4.90175 0.960761 5.07414 1.13978L6.00005 2.10125L6.9259 1.13978C7.09829 0.960765 7.38316 0.955389 7.56218 1.12778C7.7412 1.30017 7.74658 1.58504 7.57419 1.76406L6.45006 2.93143V5.21942L8.4103 4.08141L8.81381 2.48944C8.87487 2.24853 9.11967 2.10273 9.36058 2.16379C9.60149 2.22486 9.74728 2.46965 9.68622 2.71056L9.34494 4.05702L10.6678 4.41568C10.9076 4.48072 11.0494 4.72789 10.9843 4.96776C10.9193 5.20763 10.6721 5.34936 10.4323 5.28432L8.8635 4.85898L6.89637 6.00099L8.86326 7.14286L10.4318 6.71582C10.6716 6.65053 10.9189 6.792 10.9842 7.0318C11.0495 7.2716 10.908 7.51892 10.6682 7.58421L9.35631 7.94138L9.73311 9.27788C9.80054 9.51708 9.6613 9.76566 9.4221 9.8331C9.18289 9.90054 8.93431 9.7613 8.86687 9.52209L8.41636 7.92408L6.45006 6.78256V9.06874L7.57439 10.2381C7.74664 10.4172 7.74105 10.7021 7.5619 10.8744C7.38275 11.0466 7.09788 11.041 6.92563 10.8619L6.00004 9.89924L5.07438 10.8619C4.90212 11.041 4.61725 11.0466 4.4381 10.8744C4.25896 10.7021 4.25338 10.4172 4.42564 10.2381L5.55006 9.06873V6.78233L3.58964 7.91971L3.1862 9.51062C3.12511 9.75152 2.88029 9.89729 2.63939 9.8362C2.39849 9.77511 2.25272 9.53029 2.31381 9.28939L2.65506 7.94376L1.33201 7.58426C1.09218 7.51909 0.950584 7.27184 1.01575 7.03201C1.08092 6.79218 1.32817 6.65058 1.568 6.71575L3.13669 7.14199L5.10336 6.00099L3.13647 4.85985L1.56753 5.28439C1.32763 5.3493 1.08053 5.20745 1.01561 4.96755C0.950697 4.72765 1.09255 4.48055 1.33245 4.41563L2.65507 4.05774L2.31376 2.71052C2.25273 2.4696 2.39856 2.22482 2.63947 2.16379C2.88039 2.10276 3.12517 2.24858 3.1862 2.4895L3.58972 4.0823L5.55006 5.21965V2.93144L4.42587 1.76407C4.25348 1.58505 4.25885 1.30018 4.43786 1.12779Z%22 fill%3D%22%235A9EFF%22%2F%3E%3C%2Fsvg%3E"); background-position: 50% center; background-size: 12px auto; background-repeat: no-repeat; box-shadow: rgba(0, 0, 0, 0.06) 0px 2.395px 0.798px, rgba(0, 0, 0, 0.15) 0px 2.395px 6.386px; will-change: transform; } .slider.slider__lg.svelte-158t5hz.svelte-158t5hz::before { height: 20px; width: 20px; background-size: 16px auto; } input.svelte-158t5hz:checked + .slider.svelte-158t5hz { background-color: var(--ph-color-background-accent-tint); } input.svelte-158t5hz:checked + .slider.svelte-158t5hz::before { transform: translateX(16px); } input.svelte-158t5hz:checked + .slider.slider__lg.svelte-158t5hz::before { transform: translateX(20px); } .slider.round.svelte-158t5hz.svelte-158t5hz { border-radius: 100px; } .slider.round.svelte-158t5hz.svelte-158t5hz::before { border-radius: 50%; } .ph-lang-menu.svelte-1jnupg5 { display: flex; } .ph-lang-menu-column.svelte-1jnupg5 { flex: 1 1 auto; min-width: 0px; } @keyframes svelte-15vkmz8-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-15vkmz8-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-15vkmz8-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-15vkmz8-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-sidebar.svelte-15vkmz8 { background-color: var(--ph-color-background-modal); box-shadow: 0 16px 48px var(--ph-custom-color-portal-elevation--3); border-radius: 16px; width: 380px; min-height: 225px; will-change: top; z-index: 1; position: absolute; top: 36px; right: 8px; } @keyframes svelte-1f023o0-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1f023o0-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1f023o0-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1f023o0-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-resplash-config.svelte-1f023o0.svelte-1f023o0 { padding: 8px; } .ph-resplash-config.svelte-1f023o0 .title.svelte-1f023o0 { font-size: 13px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; padding: 8px; color: var(--ph-color-text-secondary); } .ph-theme-choice.svelte-1f023o0.svelte-1f023o0 { list-style: none; padding: 0px; margin: 0px; } .ph-theme-choice__item.svelte-1f023o0.svelte-1f023o0 { font-size: 15px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; margin: 8px 0px; border-radius: 12px; color: var(--ph-color-text-primary); cursor: pointer; } .ph-theme-choice__item-label.svelte-1f023o0.svelte-1f023o0 { display: flex; align-items: center; justify-content: space-between; height: 36px; cursor: pointer; user-select: none; } .ph-theme-choice__item-name.svelte-1f023o0.svelte-1f023o0 { display: flex; align-items: center; padding: 10px; } .ph-theme-choice__item-input.svelte-1f023o0.svelte-1f023o0 { margin-right: 12px; } @keyframes svelte-1prsobm-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1prsobm-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1prsobm-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1prsobm-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-accounts.svelte-1prsobm { padding: 12px; overflow: auto; } .ph-hr.svelte-1prsobm { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: none; border-top: 1px solid var(--ph-color-separator-primary-alpha); margin: 8px; } @keyframes svelte-1ww5cap-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1ww5cap-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1ww5cap-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1ww5cap-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-loading.svelte-1ww5cap { display: flex; justify-content: center; margin-top: 135px; } .ph-spinner.svelte-1ww5cap { animation: 1s cubic-bezier(0.49, 0.28, 0.49, 0.67) 0s infinite normal none running svelte-1ww5cap-spin; fill: var(--ph-color-text-accent); } @keyframes svelte-1dxdgf4-rotate { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(1turn); } } .network-error.svelte-1dxdgf4.svelte-1dxdgf4 { display: flex; flex-direction: column; align-items: center; padding: 110px 40px; background-image: var(--base64-bg-byte); background-size: 82px 186px; background-repeat: no-repeat; background-position: left 0px top 40px; } .network-error__wf-icon.svelte-1dxdgf4.svelte-1dxdgf4 { width: 56px; height: 56px; margin-bottom: 24px; color: var(--ph-color-icon-accent); } .network-error__title.svelte-1dxdgf4.svelte-1dxdgf4 { font-size: 20px; line-height: 26px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; margin-bottom: 8px; color: var(--ph-color-text-primary); } .network-error__subtitle.svelte-1dxdgf4.svelte-1dxdgf4 { font-size: 13px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; margin-bottom: 16px; text-align: center; color: var(--ph-color-text-secondary); } .network-error__button.svelte-1dxdgf4.svelte-1dxdgf4 { font-size: 15px; line-height: 20px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; display: flex; justify-content: center; align-items: center; position: relative; padding: 8px 20px; border-radius: 8px; background-color: var(--ph-color-background-secondary-alpha); color: var(--ph-color-text-primary); } .network-error__button.svelte-1dxdgf4.svelte-1dxdgf4:hover { background-color: var(--ph-color-background-secondary-alpha--hover); cursor: pointer; } .network-error__button.svelte-1dxdgf4.svelte-1dxdgf4:active { background-color: var(--ph-color-background-secondary-alpha--active); } .network-error__button_loading.svelte-1dxdgf4 .network-error__spinner.svelte-1dxdgf4 { display: block; } .network-error__button_loading.svelte-1dxdgf4 .network-error__button-text.svelte-1dxdgf4 { visibility: hidden; } .network-error__spinner.svelte-1dxdgf4.svelte-1dxdgf4 { display: none; position: absolute; top: 50%; left: 50%; animation: 1s linear 0s infinite normal none running svelte-1dxdgf4-rotate; color: var(--ph-color-icon-primary); } @keyframes svelte-omm41z-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-omm41z-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-omm41z-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-omm41z-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-notify.svelte-omm41z { font-size: 11px; line-height: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; background: var(--ph-color-background-accent); border-radius: 10px; padding: 2px 4px; color: var(--ph-color-text-contrast); } .ph-notify__blink.svelte-omm41z { animation: 0.5s ease 0s 2 normal none running svelte-omm41z-blink; } @keyframes svelte-e8fnzt-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-e8fnzt-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-e8fnzt-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-e8fnzt-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-keep-mount-sidebar.svelte-e8fnzt { background-color: var(--ph-color-background-modal); box-shadow: 0 16px 48px var(--ph-custom-color-portal-elevation--3); border-radius: 16px; width: 380px; min-height: 225px; z-index: 1; position: absolute; right: 8px; } .ph-keep-mount-sidebar_resplash.svelte-e8fnzt { right: -12px; } .ph-keep-mount-sidebar_visible.svelte-e8fnzt { display: block; } .ph-keep-mount-sidebar_hidden.svelte-e8fnzt { display: none; } .ph-keep-mount-sidebar_in.svelte-e8fnzt { animation: 0.2s linear 0s 1 normal none running svelte-e8fnzt-slidein; } .ph-keep-mount-sidebar_out.svelte-e8fnzt { animation: 0.12s linear 0s 1 normal none running svelte-e8fnzt-slideout; } @keyframes svelte-e8fnzt-slidein { 0% { opacity: 0; transform: translateY(-48px); } 40% { opacity: 0.8; } 100% { opacity: 1; transform: translateY(0px); } } @keyframes svelte-e8fnzt-slideout { 0% { opacity: 1; transform: translateY(0px); } 40% { opacity: 0.8; } 100% { opacity: 0; transform: translateY(-48px); } } .ph-projects-bar.svelte-ci5ln5 { display: flex; width: 100%; height: 98px; padding: 0px; margin: 0px; list-style: none; } .ph-projects.svelte-a7yvxc { display: flex; width: 100%; margin: 16px 0px 0px; padding: 0px 6px; gap: 16px; } @keyframes svelte-181iqoq-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-181iqoq-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-181iqoq-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-181iqoq-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-mw-main.svelte-181iqoq.svelte-181iqoq { height: 100%; width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 16px; overflow: hidden; position: relative; } .ph-mw-main.svelte-181iqoq.svelte-181iqoq, .ph-mw-main.svelte-181iqoq .svelte-181iqoq { box-sizing: border-box; } .ph-mw-main__frame.svelte-181iqoq.svelte-181iqoq { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; color-scheme: none; } .ph-mw-main__frame.svelte-181iqoq iframe { width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; user-select: none; } @keyframes svelte-1i1pmob-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1i1pmob-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1i1pmob-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1i1pmob-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-project-promo-title.svelte-1i1pmob.svelte-1i1pmob { font-size: 15px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 700; padding-right: 20px; max-width: 100%; } .ph-project-promo-title_with-ad.svelte-1i1pmob.svelte-1i1pmob { padding-right: 32px; } .ph-project-promo-description.svelte-1i1pmob.svelte-1i1pmob { margin-top: 8px; max-width: 100%; } .ph-project-promo-button.svelte-1i1pmob.svelte-1i1pmob, .ph-project-promo-description.svelte-1i1pmob.svelte-1i1pmob { font-size: 15px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; } .ph-project-promo-button.svelte-1i1pmob.svelte-1i1pmob { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 16px; margin-top: 12px; border-radius: 8px; cursor: pointer; } .ph-project-promo-ad-info.svelte-1i1pmob.svelte-1i1pmob { font-size: 9px; line-height: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; } .ph-project-promo-ad.svelte-1i1pmob.svelte-1i1pmob { display: none; } .ph-project-promo-ad_open.svelte-1i1pmob.svelte-1i1pmob { display: block; position: absolute; inset: 0px; padding: 12px 16px 16px; border-radius: 8px; z-index: 1; } .ph-project-promo-icon.svelte-1i1pmob.svelte-1i1pmob { position: absolute; top: 8px; cursor: pointer; } .ph-project-promo-icon__container.svelte-1i1pmob.svelte-1i1pmob { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; } .ph-project-promo-icon__svg.svelte-1i1pmob.svelte-1i1pmob { display: block; } .ph-project-promo-icon_kebab.svelte-1i1pmob.svelte-1i1pmob { right: 32px; } .ph-project-promo-icon_close.svelte-1i1pmob.svelte-1i1pmob { right: 8px; z-index: 1; } .ph-project-promo-icon.svelte-1i1pmob:active .ph-project-promo-icon__container svg.svelte-1i1pmob, .ph-project-promo-icon.svelte-1i1pmob:focus .ph-project-promo-icon__container svg.svelte-1i1pmob, .ph-project-promo-icon.svelte-1i1pmob:hover .ph-project-promo-icon__container svg.svelte-1i1pmob { fill-opacity: 1; } .ph-project-promo-pointer.svelte-1i1pmob.svelte-1i1pmob { width: 0px; height: 0px; border-left: var(--ph-promo-project-pointer-width,8px) solid transparent; border-right: var(--ph-promo-project-pointer-width,8px) solid transparent; position: absolute; left: 50%; top: -8px; } .ph-mw-calendar-icon.svelte-1drcjlz { position: relative; width: 22px; height: 22px; flex-shrink: 0; margin-right: 8px; box-sizing: border-box; text-align: center; border-radius: 6px; padding: 0px; color: var(--ph-color-text-contrast); font-weight: 500; font-size: 14px; } .ph-mw-calendar-icon__date.svelte-1drcjlz { position: relative; z-index: 1; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .ph-mw-calendar-icon__bg.svelte-1drcjlz { background-color: var(--ph-color-background-accent); border-radius: 6px; } .ph-mw-calendar-icon__bg.svelte-1drcjlz, .ph-mw-calendar-icon svg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .balloon-anchor.svelte-1mdtsha.svelte-1mdtsha { width: 0px; height: 0px; position: relative; margin: 0px auto; cursor: default; } .balloon.svelte-1mdtsha.svelte-1mdtsha { text-align: start; box-shadow: rgba(0, 16, 61, 0.1) 0px 4px 10px, rgba(0, 16, 61, 0.2) 0px 4px 32px; border-radius: 20px; width: 300px; padding-bottom: 20px; position: absolute; box-sizing: border-box; top: 4px; background-position: 50% center; background-size: cover; } .balloon_ad-info.svelte-1mdtsha.svelte-1mdtsha { padding-bottom: 7px; } .balloon_with-pointer.svelte-1mdtsha.svelte-1mdtsha { top: 14px; } .balloon_left-pointer.svelte-1mdtsha.svelte-1mdtsha, .balloon_left-pointer.svelte-1mdtsha .balloon-limbs.svelte-1mdtsha, .balloon_left-pointer.svelte-1mdtsha .balloon__ad.svelte-1mdtsha { border-radius: 0px 20px 20px; } .balloon_right-pointer.svelte-1mdtsha.svelte-1mdtsha, .balloon_right-pointer.svelte-1mdtsha .balloon-limbs.svelte-1mdtsha, .balloon_right-pointer.svelte-1mdtsha .balloon__ad.svelte-1mdtsha { border-radius: 20px 0px 20px 20px; } .balloon.svelte-1mdtsha .svelte-1mdtsha { box-sizing: border-box; } .balloon-content.svelte-1mdtsha.svelte-1mdtsha { position: relative; z-index: 5; } .balloon-ad-info.svelte-1mdtsha.svelte-1mdtsha { font-size: 9px; line-height: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; padding: 6px 4px 0px 20px; } .balloon__ad.svelte-1mdtsha.svelte-1mdtsha { display: none; } .balloon__ad_open.svelte-1mdtsha.svelte-1mdtsha { display: block; padding: 18px 20px 20px; z-index: 6; } .balloon-limbs.svelte-1mdtsha.svelte-1mdtsha, .balloon__ad_open.svelte-1mdtsha.svelte-1mdtsha { position: absolute; inset: 0px; border-radius: 20px; } .balloon-limbs__close.svelte-1mdtsha.svelte-1mdtsha, .balloon-limbs__kebab.svelte-1mdtsha.svelte-1mdtsha { position: absolute; top: 8px; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; cursor: pointer; z-index: 10; } .balloon-limbs__close.svelte-1mdtsha:hover svg.svelte-1mdtsha, .balloon-limbs__kebab.svelte-1mdtsha:hover svg.svelte-1mdtsha { fill-opacity: 1; } .balloon-limbs__kebab.svelte-1mdtsha.svelte-1mdtsha { right: 32px; } .balloon-limbs__kebab_hide.svelte-1mdtsha.svelte-1mdtsha { display: none; } .balloon-limbs__close.svelte-1mdtsha.svelte-1mdtsha { right: 8px; } .balloon-limbs__age-restrict.svelte-1mdtsha.svelte-1mdtsha { position: absolute; right: 18px; bottom: 20px; font-weight: 400; font-size: 13px; line-height: 14px; } .balloon-limbs__age-restrict_no-footer.svelte-1mdtsha.svelte-1mdtsha { right: 18px; bottom: 16px; } .balloon-limbs__icon.svelte-1mdtsha.svelte-1mdtsha { margin: -34px 0px 0px; padding: 0px; position: absolute; bottom: 0px; right: 0px; width: 128px; height: 94px; border-bottom-right-radius: 20px; overflow: hidden; } .balloon-limbs__icon.svelte-1mdtsha img.svelte-1mdtsha { width: 100%; height: 100%; display: block; } .balloon-limbs__icon_hide.svelte-1mdtsha img.svelte-1mdtsha { display: none; } .balloon.svelte-1mdtsha header.svelte-1mdtsha { font-size: 15px; line-height: 20px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; padding: 18px 20px 0px; } .balloon.svelte-1mdtsha main.svelte-1mdtsha { font-size: 13px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; margin-top: 4px; padding: 0px 20px; } footer.svelte-1mdtsha .balloon-button.svelte-1mdtsha { display: inline-block; margin-top: 16px; transition: filter 0.2s; padding: 0px 20px; } footer.svelte-1mdtsha .balloon-button.svelte-1mdtsha:hover { filter: brightness(0.875) contrast(1.2); } footer.svelte-1mdtsha .balloon-button.svelte-1mdtsha:active { filter: brightness(0.775) contrast(1.5); } footer.svelte-1mdtsha .balloon-button button.svelte-1mdtsha { font-size: 14px; line-height: 20px; font-weight: 500; padding: 6px 14px; border-radius: 8px; cursor: pointer; font-family: inherit; } @keyframes svelte-9zlqnu-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-9zlqnu-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-9zlqnu-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-9zlqnu-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-lang-item.svelte-9zlqnu.svelte-9zlqnu { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; display: block; padding: 7px 12px; border-radius: 8px; cursor: pointer; } .ph-lang-item.svelte-9zlqnu.svelte-9zlqnu:focus { outline: none; } .ph-lang-item.svelte-9zlqnu.svelte-9zlqnu:focus, .ph-lang-item.svelte-9zlqnu.svelte-9zlqnu:hover { background-color: var(--ph-color-transparent--hover); } .ph-lang-item.svelte-9zlqnu.svelte-9zlqnu:active { background-color: var(--ph-color-transparent--active); } .ph-lang-item--active.svelte-9zlqnu.svelte-9zlqnu { font-weight: 700; } .ph-lang-item--active.svelte-9zlqnu.svelte-9zlqnu:active, .ph-lang-item--active.svelte-9zlqnu.svelte-9zlqnu:focus, .ph-lang-item--active.svelte-9zlqnu.svelte-9zlqnu:hover { background-color: transparent; } .ph-lang-item.svelte-9zlqnu .svelte-9zlqnu { vertical-align: middle; } .ph-lang-item__icon.svelte-9zlqnu.svelte-9zlqnu { margin-left: 4px; fill: var(--ph-color-text-accent); } @keyframes svelte-15gdyva-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-15gdyva-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-15gdyva-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-15gdyva-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-avatar-add.svelte-15gdyva { display: flex; justify-content: center; align-items: center; flex-shrink: 0; margin-right: 12px; width: 48px; height: 48px; background: var(--ph-color-background-secondary-alpha); border-radius: 50%; color: var(--ph-color-icon-primary); } .ph-text.svelte-15gdyva { font-size: 15px; line-height: 20px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; position: relative; white-space: nowrap; width: 100%; color: var(--ph-color-text-primary); } .ph-text.svelte-15gdyva::after { position: absolute; right: 0px; bottom: 0px; width: 28px; height: 100%; content: ""; background: var(--ph-custom-portal-gradient-background); } @keyframes svelte-blt5d8-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-blt5d8-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-blt5d8-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-blt5d8-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-account__avatar.svelte-blt5d8.svelte-blt5d8 { position: relative; display: flex; align-items: center; width: 48px; height: 48px; margin-right: 12px; flex-shrink: 0; } .ph-account__text.svelte-blt5d8.svelte-blt5d8 { overflow: hidden; flex-grow: 1; } .ph-account__name.svelte-blt5d8.svelte-blt5d8 { font-size: 15px; width: 100%; } .ph-account__counter.svelte-blt5d8.svelte-blt5d8, .ph-account__name.svelte-blt5d8.svelte-blt5d8 { line-height: 20px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; } .ph-account__counter.svelte-blt5d8.svelte-blt5d8 { font-size: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; height: 24px; min-width: 24px; margin: 0px 0px 0px 12px; padding: 0px 6px; background: var(--ph-color-background-accent); color: var(--ph-color-text-contrast); border-radius: 12px; } .ph-account__desc.svelte-blt5d8.svelte-blt5d8 { font-size: 13px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; color: var(--ph-color-text-secondary); display: flex; align-items: center; width: 100%; } .ph-account__exit.svelte-blt5d8.svelte-blt5d8 { position: relative; flex-shrink: 0; justify-content: center; align-items: center; margin: 0px 4px 0px 8px; height: 20px; width: 20px; display: none; } .ph-account__exit.svelte-blt5d8:hover .ph-account__exit-svg.svelte-blt5d8 { fill: var(--ph-color-icon-primary); } .ph-account__exit-svg.svelte-blt5d8.svelte-blt5d8 { fill: var(--ph-color-icon-medium); } .ph-account_fade.svelte-blt5d8.svelte-blt5d8 { position: relative; white-space: nowrap; } .ph-account_fade.svelte-blt5d8.svelte-blt5d8::after { position: absolute; right: 0px; bottom: 0px; width: 28px; height: 100%; content: ""; background: var(--ph-custom-portal-gradient-background); } @keyframes svelte-3ikppe-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-3ikppe-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-3ikppe-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-3ikppe-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-item.svelte-3ikppe { display: flex; align-items: center; padding: 6px 8px; height: 40px; border-radius: 12px; color: var(--ph-color-text-primary); } .ph-item.svelte-3ikppe:focus { outline: none; } .ph-item__active-user.svelte-3ikppe { height: 60px; margin-bottom: 8px; } .ph-item__social.svelte-3ikppe { font-size: 15px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; padding: 10px; border-radius: 8px; cursor: pointer; } .ph-item__social.svelte-3ikppe:active, .ph-item__social.svelte-3ikppe:focus, .ph-item__social.svelte-3ikppe:hover { background: var(--ph-color-transparent--hover); } .ph-item__social.svelte-3ikppe:active .ph-icon, .ph-item__social.svelte-3ikppe:focus .ph-icon, .ph-item__social.svelte-3ikppe:hover .ph-icon { border-color: var(--ph-custom-color-account-icon--hover); } .ph-item__social.svelte-3ikppe:active .ph-icon__label[data-icon="child"], .ph-item__social.svelte-3ikppe:focus .ph-icon__label[data-icon="child"], .ph-item__social.svelte-3ikppe:hover .ph-icon__label[data-icon="child"] { background-color: var(--ph-custom-color-account-icon--hover); } .ph-item__social.svelte-3ikppe:active .ph-account_fade, .ph-item__social.svelte-3ikppe:focus .ph-account_fade, .ph-item__social.svelte-3ikppe:hover .ph-account_fade { position: relative; white-space: nowrap; } .ph-item__social.svelte-3ikppe:active .ph-account_fade::after, .ph-item__social.svelte-3ikppe:focus .ph-account_fade::after, .ph-item__social.svelte-3ikppe:hover .ph-account_fade::after { position: absolute; right: 0px; bottom: 0px; width: 28px; height: 100%; content: ""; background: var(--ph-custom-portal-gradient-background--hover); } .ph-item__container.svelte-3ikppe { padding: 8px; } .ph-item__container_without-padding.svelte-3ikppe { padding: 0px 8px; } .ph-avatar.svelte-3ikppe { position: relative; margin-right: 12px; display: flex; align-items: center; } .ph-avatar.svelte-3ikppe:focus { outline: none; } .ph-avatar_pointer.svelte-3ikppe { cursor: pointer; } .ph-text.svelte-3ikppe { font-family: Helvetica, Arial, sans-serif; font-weight: 400; width: 100%; overflow: hidden; flex-basis: 0px; flex-grow: 1; } .ph-text.svelte-3ikppe, .ph-title.svelte-3ikppe { font-size: 15px; line-height: 20px; } .ph-title.svelte-3ikppe { font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; display: flex; align-items: center; } .ph-name.svelte-3ikppe { position: relative; white-space: nowrap; width: 100%; } .ph-name.svelte-3ikppe::after { position: absolute; right: 0px; bottom: 0px; width: 28px; height: 100%; content: ""; background: var(--ph-custom-portal-gradient-background); } .ph-name_not-full.svelte-3ikppe { max-width: calc(100% - 32px); overflow: hidden; } .ph-desc.svelte-3ikppe { font-size: 13px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; color: var(--ph-color-text-secondary); display: flex; align-items: center; } .ph-desc__email.svelte-3ikppe { position: relative; white-space: nowrap; width: 100%; max-width: calc(100% - 32px); overflow: hidden; } .ph-desc__email.svelte-3ikppe::after { position: absolute; right: 0px; bottom: 0px; width: 28px; height: 100%; content: ""; background: var(--ph-custom-portal-gradient-background); } .ph-account-icon.svelte-3ikppe { display: flex; margin-right: 12px; } @keyframes svelte-1shmpj1-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1shmpj1-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1shmpj1-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1shmpj1-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-mw-loading-stub.svelte-1shmpj1.svelte-1shmpj1 { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; margin: 0px; display: flex; justify-content: center; align-items: center; background-color: var(--ph-mw-main-bg,var(--ph-color-background-content)); } .ph-mw-loading-stub.svelte-1shmpj1.svelte-1shmpj1, .ph-mw-loading-stub.svelte-1shmpj1 .svelte-1shmpj1 { box-sizing: border-box; } .ph-mw-loading-stub__spinner.svelte-1shmpj1.svelte-1shmpj1 { animation: 1s cubic-bezier(0.49, 0.28, 0.49, 0.67) 0s infinite normal none running svelte-1shmpj1-spin; width: 44px; height: 44px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: 3px solid transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; } @keyframes svelte-1j729s7-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1j729s7-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1j729s7-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1j729s7-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-projects-bar-item.svelte-1j729s7 { display: flex; align-items: center; flex: 1 1 0px; border-radius: 8px; min-width: 0px; } .ph-projects-bar-item__link.svelte-1j729s7 { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; } .ph-projects-bar-item__link.svelte-1j729s7:focus { outline: none; } .ph-projects-bar-item__title.svelte-1j729s7 { font-size: 13px; line-height: 18px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 4px; padding: 0px 4px; max-width: 100%; color: var(--ph-color-text-primary); } .ph-projects-bar-item.svelte-1j729s7:active, .ph-projects-bar-item.svelte-1j729s7:focus, .ph-projects-bar-item.svelte-1j729s7:hover { background: var(--ph-color-transparent--hover); } @keyframes svelte-1003ghx-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1003ghx-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1003ghx-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1003ghx-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-projects-group.svelte-1003ghx { flex: 1 1 auto; min-width: 0px; padding: 8px 0px; } .ph-projects-group_with-show-all.svelte-1003ghx { display: flex; flex-direction: column; } .ph-projects-group_no-padding.svelte-1003ghx { padding: 0px; } .ph-projects-group_background.svelte-1003ghx { padding: 8px; background: var(--ph-color-background-tertiary); border-radius: 12px; height: fit-content; width: 100%; } .ph-projects-group.svelte-1003ghx:last-of-type { flex-grow: 0; } .ph-projects-group__title.svelte-1003ghx { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; line-height: 22px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; margin: 6px 12px 4px; color: var(--ph-color-text-primary); } .ph-projects-group__list.svelte-1003ghx { margin: 0px; padding: 0px; list-style: none; } .ph-projects-group__wrapper.svelte-1003ghx { display: flex; width: 100%; } .ph-projects-group__wrapper-column.svelte-1003ghx { flex: 1 1 auto; width: 100%; margin: 0px; padding: 0px; list-style: none; } .ph-projects-group__show-all.svelte-1003ghx { margin-top: auto; padding-top: 18px; width: fit-content; margin-left: auto; } @keyframes svelte-1udwt2z-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1udwt2z-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1udwt2z-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1udwt2z-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-mw-dpip.svelte-1udwt2z.svelte-1udwt2z { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; background-color: var(--ph-mw-main-bg,var(--ph-color-background-content)); color: var(--ph-color-text-primary); } .ph-mw-dpip.svelte-1udwt2z.svelte-1udwt2z, .ph-mw-dpip.svelte-1udwt2z .svelte-1udwt2z { box-sizing: border-box; } .ph-mw-dpip__content.svelte-1udwt2z.svelte-1udwt2z { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px 32px 32px; text-align: center; } .ph-mw-dpip.svelte-1udwt2z .ph-mw-dpip__close { position: absolute; right: 8px; top: 8px; z-index: 1; } .ph-mw-dpip__image.svelte-1udwt2z.svelte-1udwt2z { width: 280px; height: 220px; } .ph-mw-dpip__title.svelte-1udwt2z.svelte-1udwt2z { font-size: 24px; line-height: 28px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; margin: 12px 0px; display: block; padding: 0px; } .ph-mw-dpip__message.svelte-1udwt2z.svelte-1udwt2z { font-size: 15px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; color: var(--ph-color-text-secondary); } .ph-mw-dpip.svelte-1udwt2z .ph-mw-dpip__button { margin: 24px 0px 0px; } @keyframes svelte-120ztdb-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-120ztdb-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-120ztdb-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-120ztdb-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-mw-error.svelte-120ztdb.svelte-120ztdb { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; background-color: var(--ph-mw-main-bg,var(--ph-color-background-content)); color: var(--ph-color-text-primary); } .ph-mw-error.svelte-120ztdb.svelte-120ztdb, .ph-mw-error.svelte-120ztdb .svelte-120ztdb { box-sizing: border-box; } .ph-mw-error.svelte-120ztdb .ph-mw-error__close { position: absolute; right: 8px; top: 8px; z-index: 1; } .ph-mw-error__content.svelte-120ztdb.svelte-120ztdb { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px 32px 32px; text-align: center; } .ph-mw-error__image.svelte-120ztdb.svelte-120ztdb { width: 256px; height: 200px; } .ph-mw-error__title.svelte-120ztdb.svelte-120ztdb { font-size: 24px; line-height: 28px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; margin: 20px 0px 12px; display: block; padding: 0px; } .ph-mw-error__message.svelte-120ztdb.svelte-120ztdb { font-size: 15px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; color: var(--ph-color-text-secondary); } .ph-mw-error.svelte-120ztdb .ph-mw-error__reload-button { margin: 24px 0px 0px; } .ad.svelte-jmlcu1.svelte-jmlcu1 { font-size: 15px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; } .ad.svelte-jmlcu1 .ad__row.svelte-jmlcu1 { display: flex; align-items: center; justify-content: flex-start; gap: 12px; padding-bottom: 8px; cursor: pointer; color: var(--title-color); } .ad.svelte-jmlcu1 .ad__row.svelte-jmlcu1:last-child { padding-bottom: 0px; } .ad.svelte-jmlcu1 svg.svelte-jmlcu1 { fill: var(--content-color); } .ad__value.svelte-jmlcu1.svelte-jmlcu1, .ad.svelte-jmlcu1 svg.svelte-jmlcu1 { color: var(--content-color); } .ad__value.svelte-jmlcu1.svelte-jmlcu1 { font-size: 13px; line-height: 18px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 400; } .balloon-limbs__pointer.svelte-1d60dor { position: absolute; top: -9px; width: 80px; height: 10px; display: flex; transform: translateX(-50%); } .balloon-limbs__pointer_left.svelte-1d60dor, .balloon-limbs__pointer_right.svelte-1d60dor { width: 100%; transform: translateX(0px); } .balloon-limbs__pointer_right.svelte-1d60dor { display: flex; justify-content: flex-end; } .StylishRadioButton.svelte-998n1e.svelte-998n1e { display: flex; align-items: center; } .StylishRadioButton__input.svelte-998n1e.svelte-998n1e { position: absolute; height: 1px; white-space: nowrap; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); overflow: hidden; opacity: 0; } .StylishRadioButton__icon.svelte-998n1e.svelte-998n1e { flex-shrink: 0; width: 20px; height: 20px; color: var(--home-ui-kit-icon-color,var(--ph-color-icon-medium)); transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .StylishRadioButton__input.svelte-998n1e:checked ~ .StylishRadioButton__icon.svelte-998n1e { color: var(--home-ui-kit-icon-color-accent,var(--ph-color-icon-accent)); } .StylishRadioButton__icon-pin.svelte-998n1e.svelte-998n1e { transform-origin: 12px 12px; transform: scale(0); transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .StylishRadioButton__input:checked ~ .StylishRadioButton__icon.svelte-998n1e .StylishRadioButton__icon-pin.svelte-998n1e { transform: none; } .CustomScrollView.svelte-1u36xt4.svelte-1u36xt4 { width: 100%; height: 100%; overflow: hidden; position: relative; } .CustomScrollView__box.svelte-1u36xt4.svelte-1u36xt4 { max-height: inherit; height: 100%; overflow: hidden auto; position: relative; z-index: 0; scrollbar-width: none; } .CustomScrollView__box.svelte-1u36xt4.svelte-1u36xt4::-webkit-scrollbar { display: none; } .CustomScrollView__barY.svelte-1u36xt4.svelte-1u36xt4 { position: absolute; z-index: 1; top: 0px; right: 0px; height: 100%; width: 10px; } .CustomScrollView__trackerY.svelte-1u36xt4.svelte-1u36xt4 { width: 10px; box-sizing: border-box; padding: 4px 4px 4px 0px; position: absolute; top: 0px; left: 0px; user-select: none; } .CustomScrollView__trackerY.svelte-1u36xt4.svelte-1u36xt4::before { content: ""; opacity: var(--home-ui-kit-scroll-thumb-opacity); display: block; width: 100%; height: 100%; background: var(--home-ui-kit-scroll-thumb-background); border-radius: 12px; transition: transform 0.2s, opacity 0.2s; } .CustomScrollView__trackerY.svelte-1u36xt4.svelte-1u36xt4:hover::before { opacity: var(--home-ui-kit-scroll-thumb-opacity-hover); background: var(--home-ui-kit-scroll-thumb-background-hover); } .CustomScrollView__trackerY.svelte-1u36xt4.svelte-1u36xt4:active::before { opacity: var(--home-ui-kit-scroll-thumb-opacity-active); background: var(--home-ui-kit-scroll-thumb-background-active); } .CustomScrollView__trackerY.svelte-1u36xt4.svelte-1u36xt4:active::before, .CustomScrollView__trackerY.svelte-1u36xt4.svelte-1u36xt4:hover::before { transform: scaleX(1.34); } .CustomScrollView__barY.svelte-1u36xt4:active + .CustomScrollView__box.svelte-1u36xt4 { pointer-events: none; } @keyframes svelte-1qjs5tr-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1qjs5tr-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1qjs5tr-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1qjs5tr-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-account-item.svelte-1qjs5tr { font-size: 16px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; display: flex; align-items: center; padding: 6px 8px; height: 60px; border-radius: 12px; cursor: pointer; margin-top: 8px; } .ph-account-item.svelte-1qjs5tr:focus { outline: none; } .ph-account-item.svelte-1qjs5tr:first-of-type { margin-top: 0px; } .ph-account-item.svelte-1qjs5tr:active, .ph-account-item.svelte-1qjs5tr:focus, .ph-account-item.svelte-1qjs5tr:hover { background: var(--ph-color-transparent--hover); } .ph-account-item.svelte-1qjs5tr:active .ph-icon, .ph-account-item.svelte-1qjs5tr:focus .ph-icon, .ph-account-item.svelte-1qjs5tr:hover .ph-icon { border-color: var(--ph-custom-color-account-icon--hover); } .ph-account-item.svelte-1qjs5tr:active .ph-icon__label[data-icon="child"], .ph-account-item.svelte-1qjs5tr:focus .ph-icon__label[data-icon="child"], .ph-account-item.svelte-1qjs5tr:hover .ph-icon__label[data-icon="child"] { background-color: var(--ph-custom-color-account-icon--hover); } .ph-account-item.svelte-1qjs5tr:active .ph-account_fade, .ph-account-item.svelte-1qjs5tr:focus .ph-account_fade, .ph-account-item.svelte-1qjs5tr:hover .ph-account_fade { position: relative; white-space: nowrap; } .ph-account-item.svelte-1qjs5tr:active .ph-account_fade::after, .ph-account-item.svelte-1qjs5tr:focus .ph-account_fade::after, .ph-account-item.svelte-1qjs5tr:hover .ph-account_fade::after { position: absolute; right: 0px; bottom: 0px; width: 28px; height: 100%; content: ""; background: var(--ph-custom-portal-gradient-background--hover); } .ph-account-item.svelte-1qjs5tr:active .ph-account__exit, .ph-account-item.svelte-1qjs5tr:focus .ph-account__exit, .ph-account-item.svelte-1qjs5tr:hover .ph-account__exit { display: flex; } .ph-copy.svelte-1r5xjv3.svelte-1r5xjv3 { display: flex; align-items: center; position: absolute; right: 24px; padding: 2px; margin-left: 4px; cursor: pointer; } .ph-copy.svelte-1r5xjv3:hover svg.svelte-1r5xjv3 { fill: var(--ph-color-icon-primary); } .ph-copy.svelte-1r5xjv3 svg.svelte-1r5xjv3 { fill: var(--ph-color-icon-secondary); } @keyframes svelte-1p585bu-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1p585bu-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1p585bu-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1p585bu-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-children-head.svelte-1p585bu { position: relative; white-space: nowrap; font-size: 13px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; color: var(--ph-color-text-secondary); margin: 16px 12px 8px; overflow: hidden; } .ph-children-head.svelte-1p585bu::after { position: absolute; right: 0px; bottom: 0px; width: 28px; height: 100%; content: ""; background: var(--ph-custom-portal-gradient-background); } .ph-children-head__over.svelte-1p585bu { margin-bottom: 4px; } @keyframes svelte-11ylnr0-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-11ylnr0-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-11ylnr0-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-11ylnr0-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-item.svelte-11ylnr0 { display: flex; align-items: center; padding: 6px 8px; height: 40px; border-radius: 12px; color: var(--ph-color-text-primary); } .ph-item.svelte-11ylnr0:focus { outline: none; } .ph-item__social.svelte-11ylnr0 { font-size: 15px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; padding: 10px; border-radius: 8px; cursor: pointer; } .ph-item__social.svelte-11ylnr0:active, .ph-item__social.svelte-11ylnr0:focus, .ph-item__social.svelte-11ylnr0:hover { background: var(--ph-color-transparent--hover); } .ph-account-icon.svelte-11ylnr0 { display: flex; margin-right: 12px; } .ph-text.svelte-11ylnr0 { font-size: 15px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; width: 100%; overflow: hidden; flex-basis: 0px; flex-grow: 1; } @keyframes svelte-kavitt-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-kavitt-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-kavitt-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-kavitt-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-item.svelte-kavitt { display: flex; align-items: center; padding: 6px 8px; border-radius: 12px; color: var(--ph-color-text-primary); } .ph-item.svelte-kavitt:focus { outline: none; } .ph-item__social.svelte-kavitt { font-size: 15px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; padding: 10px; border-radius: 8px; cursor: pointer; } .ph-item__social.svelte-kavitt:active, .ph-item__social.svelte-kavitt:focus, .ph-item__social.svelte-kavitt:hover { background: var(--ph-color-transparent--hover); } .ph-item__referral.svelte-kavitt { background-color: var(--ph-color-background-positive-tint-themed-alpha); } .ph-item__referral.svelte-kavitt:focus, .ph-item__referral.svelte-kavitt:hover { background-color: var(--ph-custom-background-positive-tint-theme-alpha--hover); } .ph-account-icon.svelte-kavitt { display: flex; margin-right: 12px; } .ph-text.svelte-kavitt { font-size: 15px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; width: 100%; overflow: hidden; flex-basis: 0px; flex-grow: 1; margin-right: 17px; } .ph-quota-block.svelte-spqmzx { border-radius: 16px; margin: 0px 8px; position: relative; color: var(--ph-color-text-primary); background-color: var(--ph-color-background); border: 1px solid var(--ph-color-separator-secondary); } .ph-quota-block__wrapper.svelte-spqmzx { padding: 12px 16px 15px 15px; cursor: pointer; } .ph-quota-block__main-info.svelte-spqmzx { padding: 3px 4px 0px; } .ph-quota-block__headline.svelte-spqmzx { font-size: 15px; line-height: 20px; font-weight: 400; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; margin-bottom: 12px; display: flex; justify-content: space-between; } .ph-quota-block__more-icon.svelte-spqmzx { display: flex; cursor: pointer; width: 30px; height: 20px; align-items: center; justify-content: center; position: absolute; right: 10px; background: transparent; color: var(--ph-color-icon-secondary); } .ph-quota-block__more-icon__active.svelte-spqmzx { color: var(--ph-color-accent-blue); } .ph-quota-block__space-block.svelte-spqmzx { font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; display: flex; margin-bottom: 10px; position: relative; } .ph-quota-block__cloud-circle.svelte-spqmzx, .ph-quota-block__family-circle.svelte-spqmzx { width: 8px; height: 8px; border-radius: 100%; margin-right: 8px; } .ph-quota-block__cloud-circle_full.svelte-spqmzx, .ph-quota-block__family-circle_full.svelte-spqmzx { background: var(--ph-color-background-negative); } .ph-quota-block__cloud-circle-link.svelte-spqmzx, .ph-quota-block__family-circle-link.svelte-spqmzx { text-decoration: none; color: inherit; } .ph-quota-block__cloud-circle_normal.svelte-spqmzx { background: var(--ph-color-background-accent); } .ph-quota-block__family-circle_normal.svelte-spqmzx { background: var(--ph-custom-background-family); } .ph-quota-block__cloud-space.svelte-spqmzx, .ph-quota-block__mail-space.svelte-spqmzx { display: flex; align-items: center; } .ph-quota-block__mail-space.svelte-spqmzx { width: 148px; } .ph-quota-block__mail-space.svelte-spqmzx:first-child { margin-right: 4px; } .ph-quota-block__title.svelte-spqmzx { font-size: 13px; line-height: 18px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; color: var(--ph-color-text-secondary); margin-bottom: 16px; } .ph-quota-block__buttons-block.svelte-spqmzx { margin-top: 16px; display: flex; } .ph-quota-block__active-button.svelte-spqmzx, .ph-quota-block__secondary-button.svelte-spqmzx { font-size: 14px; line-height: 18px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 400; border-radius: 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 140px; cursor: pointer; } .ph-quota-block__active-button.svelte-spqmzx { font-size: 14px; line-height: 20px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; white-space: nowrap; color: var(--ph-color-text-primary); padding: 6px 14px; background: var(--ph-color-background-secondary-alpha); } .ph-quota-block__secondary-button.svelte-spqmzx { color: var(--ph-color-text-primary-invariably); } .ph-quota-block__secondary-button_ok.svelte-spqmzx { background: var(--ph-color-background-secondary-alpha); } .ph-quota-block__secondary-button_full.svelte-spqmzx { background: var(--ph-color-background-contrast); } @keyframes svelte-1kls5ir-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1kls5ir-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1kls5ir-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1kls5ir-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-all-projects.svelte-1kls5ir.svelte-1kls5ir { font-size: 15px; line-height: 20px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; align-self: center; padding: 2px 6px; color: var(--ph-color-text-primary); display: flex; width: fit-content; } .ph-all-projects.svelte-1kls5ir.svelte-1kls5ir:focus { outline: none; } .ph-all-projects__icon.svelte-1kls5ir.svelte-1kls5ir { margin-left: 4px; height: 20px; width: 20px; align-self: center; fill: var(--ph-color-icon-primary); } .ph-all-projects.svelte-1kls5ir.svelte-1kls5ir:hover { color: var(--ph-color-text-link); } .ph-all-projects.svelte-1kls5ir:hover .ph-all-projects__icon.svelte-1kls5ir { fill: var(--ph-color-icon-accent); } @keyframes svelte-13o85ya-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-13o85ya-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-13o85ya-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-13o85ya-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-union-quota.svelte-13o85ya { width: 340px; border-radius: 16px; padding: 12px 16px 16px; margin: 8px; cursor: pointer; display: flex; flex-direction: column; text-decoration: none; background-color: var(--ph-color-background); outline: 1px solid var(--ph-color-separator-secondary); } .ph-union-quota.svelte-13o85ya:focus { outline: none; } .ph-union-quota__content.svelte-13o85ya { padding: 4px 4px 0px; } .ph-union-quota__title.svelte-13o85ya { font-size: 15px; line-height: 20px; font-weight: 400; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; color: var(--ph-color-text-primary); } .ph-union-quota__progress-bar.svelte-13o85ya { margin: 12px 0px; } .ph-union-quota__used-info.svelte-13o85ya { font-size: 12px; line-height: 16px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; } .ph-union-quota__button.svelte-13o85ya, .ph-union-quota__used-info.svelte-13o85ya { font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; color: var(--ph-color-text-primary); } .ph-union-quota__button.svelte-13o85ya { font-size: 14px; line-height: 20px; font-weight: 500; border-radius: 8px; height: 32px; margin-top: 16px; background: var(--ph-color-background-secondary-alpha); padding: 2px 14px; width: fit-content; white-space: nowrap; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; } .ph-union-quota__button__promo.svelte-13o85ya { position: absolute; right: -24px; top: -20px; width: 70px; height: 39px; background-size: 100% 100%; background-repeat: no-repeat; } .ph-union-quota__button__promo__dark.svelte-13o85ya { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABOCAYAAADy4P6BAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACHgSURBVHgB7X0JuBzVdeZfW++L3qpdPEAg4SDJsiVjYgZsMrbDZAb4ZkySGZN4bOIJxMPiTBBOAgGCJ1/Aji2cGCVOsB1bzuIVETDGiySwAWMREBgbCSTxQHranvTW3rurKuece291S9bS2sH0/yiqu19VdZfu3+f8Z7n3AR100EEHHXTQQQcddNBBBx100EEHHXTQQbuwcJJw0t6og+OESxC/9Oq3L+nO5P9bOpldkk9n5/Qnu+IzY1P39jjdr9qeU+xF/yNBFV9beNp/HcVxRocwryO85e65vzljWs9NPTN7F2ezOSseTyFNW9ZLo8vNIWOn4Fk2AsvHdHt6ZYY9+7EpQfe93d3n/AudHuI4oEOYU4hLVp6X81POnGw25a1f//LQ5hs3D+NAA/sepM/79bPvyszKXZ3v67K78lOQS+URjyXgOS4SXhIxNwbHdmDR2a7l0GYjTvuFzlk4053/GGrWn3V1zV+NY8QJJ0wYhgO0m6I3xiBtY5ZljeGNB+uCz/zKwhlnTv1Aekru3bls9sx8KhdPe0k7acfCoBrsaPjlR7dv37v2i2u//c8jt49M0Dn2ok+c/u30tOx7u/u60NXVhVwmh650F+JenK5oC1FiTgxx24NNz/k1M7BxODjLnobF7hK4SP7jeFBbNi07dzeOEseVMEQOJsXltF1E2ztpGzjMKYN6G9PbK7SN6r15bfCXgFz2uz5zziXZabn/n+zNLUzl8lY6mUY6kUEylkTSjZMrcdGNHKYHeWwdfxGxirVjljv75j968BNvR3fyw+l8CrlcBt3d3ZiSzZMrysAjq8KWxXU8uLaLGBHGo71YGouGlrYgDGWQ52I6FrkLkbO7X947NvLb06ef+xMcBVwcBxBR3glFlA+gaUnawQAOTyq+Pu8G9WYeG3KNo0m61xy5Mldn+hcsmvVZtz/zP5L9PVY6lUYmSUSJJxVZyJ3EiTA2De5wYwIbKy/j5R0vITFanX759PS92WwSYSZBlLNg08ZEkH8PYoHrOPpdQtlCBPDDgNySBYfcEZ1BRLTkty+FO7GrMYrF9rzTZ+RmP7R75Jnf6e9e/G0cIY6JMNrdfAHKmpxoDODIyBVZKChSmcfR7+gffxAnEOde378wdVb+Aa8nPTtJ1sF1yXV4MXElcY/0h0suhK2B/nFsW4gzWihgy6Zt2LLjG7CTHpHFQaPuQzmEUKxGw2+g3mggEXPADigIFVkAOi7k54DQSfSMS0SzUQjreCL8GXqDV7qXxhfd/+quR983Z+qF9x3JPR01YWhgrqfdbTgyi3KyMNDOQZpchkitbrGVXIzBIyXXgo/1n5Gcmn3Azidnx+IeHLIG7EKYLDHaWKw6NJCsOWh80aDP4gcBEcFHQPvJ0TLZixBz8r0YHSsgRVbGspV1CQIfPh1Xt2uwG0Q1z6aBdJT7sdjChCJ+A7EtgbzG72Nb6phhFPFIsM6Zl5r5988PPbTn3JmX/Kjd+zpiwmid8i2cHKtyMsD38+bDHdRCrlaCvYJfJNzg//vXq/M/GXz438JMbHY8TeRwSV94nlgYS9wKRHMonaHfwAplgBuhj2q1jsAP4cZc1IKGvLfj2PpzKAfkh5o0Vl2sE5iEIZGPN4uvZIuTsoyOoUPYEoWWHI1i2MB6DPbOSefv+cIzN1z4wcXL23LlR0QY7YLWoM1v8C8hTLQ3cLADeBBL1QKcLFmT7iyq9JxJwhaGv+WsL8JAWZNIghinZLH2sOE3Atk8z0GxUiWPRCFyggnnio5h1oRikXzYgY0G78lF8TXYxWlyK0IC8r6kkig/Y5HDCuV8pYUCbHUmF9T6p/0fOuwutAEbbaJDlvZwz+pPYePw44j3TsF4oSzaIR6LCWHEpYgGCdQWaHOhUy/sMlgIM2nI3JD8sNBg4sRdeHQNIQz/Duo65lo+WSHWNErH+C2JHEVETuZ1WymcZnUji5h8JjFtmkB2yvvoDc/c0Ja0aJswUG5oAB0cFHsnh/G9n/0zUv09GCuXJLKJx2NkKXR+JFTfah7Yhrga9ZjBJHHJOqQoYipNVolgLILJYjjqGrxxVGSTMLaU9lWWhLVKEAh5BIYtxsrQT8Ly0Gf14yxrHhbZZ9Fz5Q4tcVL043rTZvRNubSde2yLMPTBPo02/PwbHStW/yUct4bxoI5ajSIYErvxBFsXV0VDOsSNSCPWQLmX0FKDW6iWMTE+iUxviq7lIJGMIZVOiAbia6gciy3WgY1EIKLWuCl1DXF9tkrecdSVJ7vSY02n0kEP8lYv+dSktj2MUB4l44kF7dzjYQlDN/O/aXcDOjgkypUyXhp8HBaFz5OVigjceCIu7ohdCYtWk0Nh/SKRDlkZtg5iH7Q7mShPwE24yPWkxGUxWZLJhFgpsVRkZdjSqBDcjlyUIZDRQRxsc4mA4jPQFUjDJISktbBCbsiXz8wkhdY55NLObuc+2xG9t6KDw+KRFx5CyS9gV11ZjCRFRzzQkdjVORQjVtklOYFLg+gr8tBvG2SZGpRbyeQTqNd8JFIxuQaTzvPYJSkNwxaGfyLS0F5IojdlZazIikzQz+5wCGkizh5K4I2jqqVTU+1QuN/Tzn0ekjDaugygg8Ni7fP/hgaFxuOlCuI00PGYF2VmYYRuwO6DLQtHU5SMsyj5ZtdF7PJhytoE0Tgmk2QXyEqxhRKrItbFVWTQxGF350o5wJXsrrI65lOpUL0QFrGFMgCx0EEJdfrZV/OIeLbaK2YfzsJ0rEsb4FDaL+7FtkoRQZrS8ZQ/kZRZoEiikm3kcogsQgbXkqiG9YhP+wblUkTT+HV5PZ1JyjWTKeWKmCRMPEUUDp1dlfizFYEcee5F1gyROiFrJuWCEOyIHMnNIHJDJtLiz1euVja3c68HJQxdhGtDA+jgsOCBcuoBRho1Sp7F5TV2M6EWopy9NQPjOBTGBqRlHP6nDyWdL6EwHceuyvVcKTJWSBNZUKTzNfFY04S2iozYujBZuPDo2cpduVH0A5j/c9JOpfFYKAc6MtK2J2yG5uVq8eF27vVQFuZydNAWRJegIZFJg7RHjTK1cYqQGnWyHm5dBG0YktVxWpNpelit5jX4x6OKcyKRoCirJkTjepFNJQDHtrV1IQvmqAq0kIW2mK5WK5dkRdGYcUkmgGYR7CPKWisrSJ+tUqvs+OwtX1zVzr0eijCX4SRj3bp1WPfUU/J4/rx5uPjii/F6AA9QKpFDrGihTIm2WqWBarxOqf2aeIcYiVb+psfoWC4TSMirNYgpKJoqgaNzLWxV2C3x4LIQ5i0eT8jxTBITIXEfjLgjqU6j5ZrQJQErOlZoJhYniPI1vhCm/J1dX95VbOdeD0gY+pCcczlpRcXt27fjgx+6SvatmDFjBr7w+Xtl34qVK7/Cn1Jez+ZyyGYymDlzJrLZLE4VpvUMIDG6DlVyLzy41UpdBj7UafwYuRNjJXhw2YV44lJcEb0yqI7Ks8RiHEK7VB4gC1PjyEnta/W6uhbpGj9MyXVaxa5xRNIHYywLWxVydWWf5C5FZhzKMySyoveaauXxFmtx4eFNK/rfO/eawzZWHbCBSkdHX8BJwnt//ZKILPPIsjA2btwo+6VLluDzRJpWLFi46KDX2v/4yclJrFq1ChO0n0kEu+yyE2M4f/jsA/iT716HnawTuBZIwjdG9Z8YpfUTFO2kScBmshnkc3mkkxmkYmkkqAzA2V1DrJpfQ4mE88jEXgyP7MHkREHI5/vKIvA1s6Rv+nv60ENV7CnpLmRimcjCQLc5yA9dr1CZpETgpLyWiCW03vGEKLYOwX/FPg2nOwOcqSkQmx7cuGfTjRfN/Z9bD3afB3NJAzhJWLfuqYgsf3DN1bjmmmvk8Z133SWWhF0Ub0wEhiHSwcDEMDiQ5Vq16v5fICC/z4aNG3DZpZdh6dIlOBq85eyLMPPxfuwp7kRgW2IVglIoVoIrz+xq0hkVzPKgcS9MnHMrlivapU4REhclQ6Vo5Zq2jo8bJKjrlDmukyYS95dMIZvOieUwApc1TNKKoxhU8ML2F1CsTcr1VSuFpy2dygq7VjNjvBHbsdHfjphlZ6ZZXb/V3Ze78B9evP3Dv3f2rQ8e6D4PlukdwElCLtd0I0uWLo0eX95iCSYnmiSY0I/Z/fz0uWfx+GM/wte/9lV8/t57cffy5UI6g3vuWSFk4df4mCuvfL+Q78srV0bHrF69WsjJxJ0/fx6OFulkFlcu+QiygXQqyEBy4bBcrKFSrIpL4UFj8cm5E9YeMVvpD/Wtd8XSiHtid+EYy8PEgRQuK+U6SsUKisUiRTUllGsVqobXpMRQo6QfP351z6DUtPhcKVJqlxjqSMmUC9i6cFuoee86vTZkjeGn1qvTMTV7/+1bbrziQPd5XFo0jwWsQ3jjgV39g9Uidhk/WL0mOqZ1II2FMccxcYwb2x9D2rIYq8UkZGtirsHveeddn5BrsFY6Vg30njf/Fp7YtAarXvk+qq767nPGllGp1CTikTQM6xTuxdX9t83w1ke1XhX3U6vWqKZURGGiLJbH8VQGt0zkGx+bRCo1Jg1ZLhGjSuE8a6Ft5XEME1ni8XgzR8N6icmo2yf4h8udDS56kvsUa8MkDVWbp/xnhXZfV/+9t7/8R7VbT//kPtHTCSEMRzsrVvwtZsxUZMjRQGRoE2FKAjVHQtUIWR6kj9/x5/jQVb+HlV/5imytYOvQKnqHtg9Fj++88y5MFibl90yG/cUxE+0psigryaKwdmEtw1i6RFmy666/QUizbNmyXzj3aMDtlx9592345l89gnF/ErEUiVrPoRCZiFCukRCu6n5cJXzNxllWOwxURxy5mVK5iNGRCezZOY7CKKXc6HyHrpPtTYqOGRstUFIvLsTg6yUoenLJUpSqRdErfE1TgrCkaUo3bMGKun8ROTNLEnpRptdSeRnPiWW78/133/bMDY/c1tJcdWIIo3UHnjr4MQ9/5yEZJP6233zLnx3wGNYt+4vUDRs27vseGkzQVg3E+J0rrySXs0asCG8MtkaXXXYp7qHj+b2vfP/76bj343jg/qe/gb/+0XKUkhU4ZRuVsZr0tMQznliaEpUNGo26JOEYJidjRbEHCV+yFgVyORNjRYzvLKI6WoNfUlaKidM9K0vEq2Fkz7i4Hb5ePpsXN1ev1/R1VQZGkn22KnRyk5VD7g/6HW0dsSXJLfVYSYxQfaki4XYopQUmVdJLnJad1vP7dMKdiM48AIidy2l3PY4S/K0dGtou1oAfc6TCe9Yf5jFrD378vit+U54zeT5+xx1khWbIuTffcou8vn/UYyKqeZKneZe8xkLWCNublt1IWuXKfT4Lk4ZF7fx584UsbAGvv+Gj8p6sbY7VFRXKBdz50J/i+3t/gER3Ul7j5F1hgoag7iNFqf5MPiXR0oxp0zC1ezp6071IeAnRD5wL4QiJI5qhPVux4aUXsflnQxjZNA6/TLmYBg0fCefz5p2HzbGXEMtwBOaguz+H/qkULVHkFYvFI+KJFtKFSXZL3HDOvcQJPUOBrZGKmFz02hmcac2WAuUr2It6GOistMoEV+uV9eu3vPSOzy35XImvfUrDahacPHAMJoWJhBgsQj901VW/8Dt+nYm4jyhuIR4TiUlwMJjIic/h447VFfE/6q2rbsRj499FvIeI5zTjCLYEjPyUHKb29iOfnoJkLEX6hcJsCocTvLcT6LK6yYWNYbC0FVt2bsJzz/4cW9ZvR3kHEa6qBm56fjoe+eQjuO6frsX68tOUp7GR705j2gwizJQuJBOJKPKxdLZX6RhP9FKCCJP0UqJ7yN2oeUy0n2X14hx7Hrj37vnwBexGWZMl0N18PsYKey9YNvOOx/heDhYlrcdJQGsIPHO/gWuNnoaGmrqFw97L93NTbCHYcjDYzUy2XHd/GN3CrovJwseyazvUOYfC36z+NL63dRXcKWnYutmbIxzuyeXQmgeOQ2j2EzJIbly+7RIB8X1aObzVeSve5HA7SijZ3XKJoqrJBlmnQARvigb6mzd/E7P7ZmOg53QdfkOH3yZTbEdkMeWBZl1JDo6atEz/MPfKJK0U4lYGGasHvcjTa61nKNeVcFMXmPs9IGHoYkyYEz4h7Jz586PHJgQ2MAKVwWLZgK3SgbB9aDsOh/11y10UTv/qOy7Ah8jisIVa2RJut4NdozvxxM+/hjRZlmq9rlslKSXvq+QdJ+2knyWu5j2b3kqp7OgBJSmMUjiGncEOJUhZd5ALCmqBuCEu/lzwpgvw5rNUw+NwcRiOa0e1KG7MMok4o0ssq9lcZepKUYlAt3hyMzoTJk0/ZIcoxPbQRcl9D3aTLjqqaoSNheaeD9Vxd8KtDLuPK7XgXHX//aJPeONB/PJKFS0tIVdk3BEPMLuw67WVMODHRgDzNQ+kSZhoK1asEKty003LhJD8Hnz9myhKYrAwbhXSh8N9T/wtRS8NFIgsnI2VRm96nbvtuOrMRUTuupP0v63/qS3TSKXcWSmsYjDYhB3hsI5izKxGCyaYsb3mMO0u7o6mp7iu1iqSLbaiomLrfH7Jv7SIa2m9ipquHMRlPoEtv3GINK6mRKtWoQiqzzw+VJR0N07C3CMerGw2J4PJaCUCD+Zn7l4ePc/QcYzVa9bIxkRit9aa/TWD34r98y2M+0goM/j6JpfDmokFcauWOhgmixPYvOlxFHMUNlMGNpaMq8FlS0KDpKaE2FJ4lCScDEQoFsS0OkilOKxhCHtQoxwMN0mlEmkSyTH8/pJ3YU6YxbbJcWytD2N0YhSbd23Gz0aeR7orLtdkC2bEraUn4Kuw3cxhCqNQ2mqxOEIQmRnJE+BU5BRw54wI3kBIbQitfql7NnBowqyFcksnvAjJ4fDlpEE4ZOZoJkfE4AHcP03Px7HWuWfFin2sCkPlc+44YGrf6Bb+vRG5OW2FWLvwudtb8jvtYKywSzrmhqrjMieVu/xVAVG3Ttqqi041P6mB8qM6D4tKHiBLWjULlq+auWkAec71lO4cVr36LN7mTMXlZ5+PJeEA/uF7n8L9G9cimfdkJkEs4erpK67wQ3XzaSvDOR3pf1FtEHZLF4yxHI7pL7a4MaMuvTYFjNOjsKX9wXTlWdHCRAclDE9qpxPZytyKkwCT8TWh8sHA4laFxk+JZZmYnJBwmYlyIFfUqluMMGZw6M1WiiMmPo+P4f3lbRYnt+7YgJ3VMYzVK0jnVO8u6wlpZHKd6BuvNIXqOxGxGjS77yihKtfi47idgQnHKzr09/Vhz4wxPLRxC55Zt5UKjAlspWSe28utn+r66Qy9p+eKJZPmK7+hEzA84I6Q2A61gG3RNVaLNuHDOftSDot0Tg2jFFrX9bSXEE3SOJY7Ye77cIk79gcfwEmsLbULJkg7hUK2Sixw9ycTn8sWh+tKbGXY/X3spvYzvnvGKE9SK8H3ArEqlu7Y58dGI0BHLDJ3KFQJNC4yujwJP2BSNWRw+RBfh7EcSXEibs7AdJlmsnfXOEq2j/yMnCohEOESlOXlnE4iHlPnSnef6gXm546eGhtyBdtCs7XThNz6Hvj9CtYkXO4KJOKMhSXo3kCgpee3HJRq5r4PSRhtZThR8i28jnGwxJyxVkeD0cld9A9cpfC5ZTKZnlgmkYgWuWoOESLNomYJBLKsWIOiIFu3XIYyua0uLoqbrKbk8/JansN1XbUuTEjuDF5C9cvIzEUW20QonjPNtSoVxis36Dk6jLaUm4zmEWgxzY6wEBag6FKinwaavXgKylXiJfP8sKUB+gD30c3+I5Sl6cCABqzC2sM3jd6Qb78x5o4WjsbChDqDGkiNp6EanmxIat+AywKUWY2mvfLUknTGkppRJpVGY5pPRUyqVpdKOthSA8tE4ePrNWUI6q6rxbeCWbnBtgyJlRBuEGV4RkHNqkiTeF2v92Aq3IHO9m7b9uqj5lrt1pJ4IttFeA26plOFrvxM0iHqu1gtN1RXHA10PAgjF+C0ZH0R7jsQbEn8sCHag8/jGQOctKsQYWpUE2LysRXh8JxXq8pneNWptJBudHIUI+MjRJS69P4KEelc6cjj82KetHNyczmDLZSZGdVqYeq8AgQ9qYqt4fDZREZhVB4o1yq7P3vel6LVqtoijHZNrEbXoEMawfS+08nI2NIWIM1NtHGzlC8zGgMdJRlRa0VuCbqKzIPClqRcLRNh2LLUlBiWxm817YQjIM4Sc+TE2eFkLC373nQfRrIjeHnnFipUFlCt1tAgstQbfmR1mIi8hTrno3s3YSyg6syT6d/N4mdo7VNHkhyOLfk439x329VqXlCnQ5om3jTjLUjRgE6EqquO0/mZbFK+6ZB/aD0D0Vbfa67pmGwvv8KkKJFoHh0fRbVW0W5MLS4E7cqkKy+mFiFydYMVFw65BjSna7ZYjRdefUHcFNetWM+wduJ9lSwPWxwmJRM0MC6GwidZ2kzbmxBm2oq1T37I1JL2jI59vfW+j2T1BuhVmJg0J6XW9FpGKpnBgr6FNHiqK65WbaDENaC6WkpMtTBw47enlidzPD3pTPXeclQ0QUk5bvLauWMXxscoGqqUiXwNlb9xVfjMEZWk/u2WlRss1eZ5fs9SnDP1HHJLdemXYfD7ch8wN2DVSROx6+Ot1qhyil+J7lDNdYqsCZRhMsuQhDpfVKmUt/35tXd+qfW+j4gwDCYNbYvp4e14A4O/kRfM/TXEOFwl1yT9LgVunywRaeoSQtvSWad6d8VKiJWxlUClwdw7OoJtg7uxe8c4ioWyZIEtnfRjwqjKsiKM07IWnjSM08DvwQhS+TTVnWxZIkStFGFLEo5dG+uqWq0qFozFdE0I1MzoGrdjrIkiU0NNrqPjio3y/XiIJE4LjpgwLf9gt9HudKiM8BsS7znnv6OH16xjcatdE+sJFqL8TZeBdlSLgRl8NROyLl11e4fHUJyoSO+MWlxIuTJ2RZFl0bkUax/RquYWVWhwu1PduPgdF5HFU304PBebxTK/f7lMoXKlxPOOJP9T52VI/Lq4J90UGrkqEeCB0WBkLaulV3789OO37n/PR00YhrY27KJ4W4s3GPqmTMeFsy5CglsXyMrwSpfVSkMI4+tUPRf4uFFJrWkXzTSU2hAn5Xy92oPFrZGBqjUxooxsiyht5nL0IOvZR/3Zfrzr/HfKTAJZqVMWYVRapkz6piIWpipWjUsSLoz4VtN02WXVJQdkSFXD9uEdH3ng0rV79r/nYyKMAd3YWk0ctjgfpI2X8ny9L8bcFq5424fRzRbBUQPMolfWqJNlUVWOpblMWSiDxnOPRkfGMLJzktyZJTMCGEHL8hutyTP1O18thCiLECmXYVaeYjJOz03D2xYslTlPYqVkLRlb9ddUKzLLgEnDbqncqIilEXLQ85rPrxOpSOdUGuVw+84dty9f8LkDTjM5rj29WhR/UW/QK26alasG9Mav5Vsem/3rEm+a+VZcPPBurHr5OyhZSnRKmNtQq1/yt9fyKbrRQpO/7ewmdu8clXnYXsptTgnRIa9phWhalCCalC+N3bJgEJHTCiQUdnmVKSeN3uxcZBZl8fSL/y6T4WKy5IgtmqpALpCvza6pyG7UVZFXcylXyQ3VJ8fH/+LTC+697WD3e0KnmehVude2c+x+f5OAHzOpumg7Dc0wfgCvwZD+qnd8DM/tehKba2OUDFMDzZESi01J09MxAS/O7KvXKoUCRncV4PGizdwExfkcx4r6VgLJ03hR7kaqylqIMgGlpUHEr6pIM1J2EmdaA+i1u5CYH8PGnS9i4+AGSeLxdSdrE+QuydIkSzLLgAkjVggiwsNapfbT8bGJj375om8d8g9YnPJ5SQZHsnCytlwDaBKMSXXKyDW1ayZ+d8kf4u9+/HEMc42ozjMEykIWW4fR6ptOlocSddzxXy5U4SYciVBU45UV5WjYgvDraFle1dXFS1OvMuv9msgpjQxy6EGvMxWIEalmefIXT5578TkUKwX5nMViGWPj42EsFgtJGIdkbLaREHqyMFy4d/Xgk9/HbQgOd6+vGcIcCbTlaisXpMnVSjBDLvN4f/IdFf7Lot8WwfqVp/8Sg0QY+sai7FWEMFwv4jC5Wq2SdhnF7uEJNCo+nLjKnbiuqXJbUQOWcUe2ydzStV2n2XLQ7J7jZVUdJOknZiUQt2LotbqRsUcxq3sOepb0Ym9hGEPDQ3hly7ZPvPDTwa9muxJOLu7s+vHqDVvxtWYWtx28LglzJNDkMqt1HxbaNQ7op+ZxK7kOqrt+Y/H/QleqB3/9xK3YWpjEpDR1Byh5JdEInGsZHy3QvqIthBVVosXNOE40V0mEMmsWqMWbOeln3FPrOnbcNedB/SGKQFabomhHr6zJGiXlpeHlPPRkenH6tIHcd9/3w/Z7UA+AX3rCHCm0axxs59gDketX5713StzL5v/0e9eeOT5SPL9WrHFMLUk0nv1YLlF0QhaIJ7jJCuHRQkEmUgqi7rlmyt7V7ZZQXXThvj23XHXeEw4jGcSQoGN3YnfUCCU9xnqZeteOHXNw0SHMMeBw5Jr/hzPP9qa611LG7u013z+DxryLknsWd+wnU25AuRubdavkbyh5l0j6Kix3lJewXDvSLOoFiBsKI7aouIon46tuuRpZnZAsWz1aaSrSPFyOqGMXjhEdwpxAbPjU0Iu0uxY635X9tWyXk3cy1XLVP3fxlD+Y8Ow/rluqR4azvRyOc+QiGV7PbmniVoxpXbpVUvvkqkKbygyAWJQqCW6JntB0a61LzFdqxSdxjOgQ5uRA/MPkDyb30o43pM/rW93wnD8umQMC1dMim07yGeFrIH8eh+dIc26HdQy3hvJfL0HThYU6FxutcaejLUrMFb7z4H0P4BjRIcwpwtjYxFM9+Z5NvoO5vAARNz5xP4taz86Xtsug5S+TyBKqnML3LT3ZXusYE17bjml3gUoCtlaeecGi4NEnr9t0dNM7W3BcSgMdHDnWLx8bS9aD5bNkqQ7lfrikwIJYmrqV8FAaRZqh1OsNv6G3ulqzLtTlh6jiHEgbA9eF/EBVnquNSn3DSy/chv3rDUcBBx2cMvScm3m+L+O9teZZc+u2Xu/XNSteNieS2XqCnGWWarX1RHub/9SwWhm8oSvQvm79VC2gqvK8d2TvJ5cv/vsv4TigQ5hTiG0/nmg05mJNb3f8N+q21SvTlGyVXzHJOZWvsWVv678JKSk7R817qpPVqUlRUq2QaRqmuO2TrdCu0d1fvfPmv7kOPz+yBN3B0CHMKcben5Qmu5fmvhF3wwsDCzNCS6DnTDfzNFIu0M3e0togzeO+bktQlXEuLHLVWSrStVJleM/ezz64bM1HRlaN1HCcYKGD1wT6rkDmjPPP+L+ha/+JnY5lnYSHuP7jFLF4TOZoe65qCjd/e8Bx1Rp2ZokPWZ/Xb9QpRP/3kdHRZV//zw//EMcZHcK8xnDGdV1zsrNzt1ie95+8tHe2G6dEccyzuClK2hX0dFw125JXXLBUAB7gFfJM9+0ZG/36o1esexwnCB3CvHZhzfxw36Ls3PQl5InOiiVjLF76yUNlHc/xyKrsIMGzlZTJs17CWrfF2b1l1++2t/x7Bx100EEHHXTQQQcddNBBB8cL/wFU6lce30QMtgAAAABJRU5ErkJggg=="); } .ph-union-quota__button__promo__light.svelte-13o85ya { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABOCAYAAADy4P6BAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACDnSURBVHgB7X1pkGTVdeZ5W+5rrb3Q3dXQIMDQrTZoBBYWMDNesGcEirE8Mz9sUMzY1tgjARMWM3bYQ+NZImQ5BnCM7LBlAiQ7wg5bNiCDkBy2aGRLIdDSjcBi766mt+raspasXF7me8/nO/feV69LXd1ZvWPyFJfMynz5sl/eL7/zneXeIupb3/rWt771rW9961vf+ta3vvWtb33rW9/61qtZdJ7svL1R386S3UbpD33shusHCuV/m88Wry/ni5tHstX0xtTozKAz8LbtOUtDNPJc2Ka/2L7l39ToLFsfMO8g++GHt/3shnWD/31w49DOYrFkpdM5yvMoenmquiUq2DnyLJtCK6D19vrWBnvT1yvhwCMDA1f9Gb88orNgfcBcQLvtT95fCnLO5mIx5+3du//wW598a4pONLE/Tvn3/+QVv124pPSx8nDVrpYrVMqVKZ3KkOe4lPGylHJT5NgOWfxq13J42JTm2+3O5XSZe+XXybf+Z7V65VfpDO18AGaMR0UP2DiPOT3ebWbd9Ls/tH3DZaN35iulHysVi5eVc6V03svaWTsVhe3waDdofu3IkZndj+3+0p/OPjC7wK+xd3x665fy64o/MTBcpWq1SqVCiar5KqW9NJ/RFqCknBSlbY9s/h2PmYlNk0OX2+top3s9uZT93Hzo37euuG2STtPONmAAijt43MzjFlJgOZmN0/EAOsCjpm/NY+b5d7LZt/7uVbcV15X+T3aotD1XKlv5bJ7ymQJlU1nKuml2JS4NUInWh2U6OP86pVrW0UvcTb/xq09/+gYayP5CvpyjUqlAAwMDVCmW2RUVyGNWAbO4jkeu7VKKAePxrTCNxVPLI4wimeRttJ52uNupZA/sn5mb/Q/r11/zAp2GuXR27BZSQLmTlpmkFxujU4PK2Lge5r4B1zwtg8rcXjRW+Fhh5Nodl3zGHSn8u+zIoJXP5amQZaCkswos7E7SDBibJ3equ0CvtfbT/qNvULbWXn/7+vwjxWKWokKGIWeRzQNAiBgEQIHrOPpdIhkRhRREIbslixx2R/wKBqIlz74RTdCxbo122u/ZuqG06ZnJ2T0/NzKw80u0RjtThhnj8SgpwFxMNk7HM9R84v7K586ZXXP3yPbc5eWnMiOlTZVqiYqFAhXzfJstMmBy4lJSTlqYAYDphB2aqU/Tt1/6Lu175RCtz1fIzoYU5VPUDQMaGKywS6pQIVekHL8e2iWTYnbi14NNwDIAisO3tm2r+6JnXIZSxGAKmCEsGrIK9D57R9CpN35m8+gHn1jLNZ0Jw9zNYxetjVHOl42t4dgkMxm3mAQXrbjfk137P0YuzY4Wn7LL2U2ptEcOswFciICEB8SqwxMJzcGEQF1mjSAMqRsEFPLt4lxTJnlzeYhqc3XKMctYtmKXkMET8HEd2ye7y6zj2TyRjnI/FhgmEvEbCreE8hjex7bUMVO0RM+F33Lek9v42ZcPPzN9zcbb/qHX6zodwAAgj9PFxyqna7ie9/Z47EpddYB+EHDjGz88Ui5Xcn8dFVKb0nkGh8v6wmOd4Toy6ZAXYAOlM/SZrUgmuMss0G53KOxG5KZc8sOugMRxbDkM3ggwAFsIaKwOn4JPAhBGDD4MC2eyxUlZRsfwIZDCkSVH01LUpb00PrQ5X/69R/fc88GP7nyoJ1e+VsCM8XiW1vYN/udkJtobO9lBXqZLTpHZZKBIbZ5UgAQMg2859EUUKjaJJYhMudInDh8TdEMZnufQUqtNNoMlnQHgXNExQE0kjBSQHdriruygK+ewWfCKxsFZLYVGvC+rJM7PWBQAblGktVBIB53Fa/2Rdb/Ih/029WA29W5j9O4GS082dFOBtl7HOZKhCs3XmzwxPFmplABGXAqkKU+UjFDThU69wGVACAM0TDfCCl0AJ+2Sx+cQwOA5Uucx5wqYhboMGLkfBYlEjgIiknkDVo62WANUpJT8m4TaNIDsnHfvPXvu6UlarAUwcENj1LdVzclYtPVHy5QbGaS5ZkMim3Q6xUyh8yOR+lZjYrviatR9eS0/7zI75Dhiaiy2GWDMNi7rDkedAwNREcSsEIcQhQIcNE9kYGLQYliGfzKWR8PWCF1uvYd22Jfz78odWuKk+Mf11m0Yrnyol2vsFTAPUu9+/l1rm3+8TBs3MLNwtOP7Xcqw2E1nwC6uuApLh7gxaIQNlHuJLDW59XaTFuYXqTCUY8A4lMmmKJfPiAbCOVSOxVb0Y4GIQuV6xE2pc4jrs1XyDtFXmXll0FrPpYNBKltD7FOzmntgkdzLpjPX9nKNvQDmLh73UN9ObvzpX3plkSxOri22WiJw05m0uCO4EohWk0OBfpFIh1kG7CD8oN3JQnOB3IxLpcGcuCyAJZvNCEsJUzHLgGkc29aRz7J7UTdKBzEXSYmA4zPiM7CGyQhI/ajFbiiQfzJASlrnsEu7opfL7EX03k99O6VVr8xQdbRMRzp1AUWWoyNMdCx2SfkRI1bhkpyQ8yNRoMDDz3aZmbrdLhXKGer4AWVyKTkHQOd5cElKw4Bh8BODRnIuy0OxjBWzyAL/TEaHKc/AmeYE3jy1tXRaVjsc7g/2cp2nAsxd1NctPdno1Tnqcmg832hRmic6nfLizCwZoRvCfYBZOCwOHD6+y7mUjohdHKbYJoznMZtlXmCWAkMJqwi7uAoMGjhwd5Kw00k7xTrmX6VC9Xq0RPs4A5CKHGpQh3+O1zwinq3eitmnAkyfXXq0zcMFOtRaojDP6XjOn0jKLFQgUck2djkMFgGDa0lUAz0S8G2XcymiaYKOPJ4vZCXHks0pVwSQAHgKKAidXZX4sxWAHPndi9mMYnXCbCblgojgiBzJzVDshkykhX9fs916q5frPJmGQW1ojPrWk1UyeZrt+pIkg8HNRFqIInsLIMDdKN0S6G94JLUfScJh8OOu50qRMcti1yIFukADD5rGREZgF4AFhUeUF6QAGUc/ROb/+Pd0RWQr8MRBFCkgm9C82V76Si/XeTKGuYP61rPBDSEy6bL28DlTm+YIqdthkLgdEbRRxKzjJJNpelq1+zCTh7pQJpPhKMsXoHUYZDaXABzb1uzCDOaoCjRA4glgvLiOZFhIAUO5JBNAQwQH+r3UsyRgafmto5/5zcee7OU6TwaY2+k82y233CIDtnfvXnriiTXVxS6oNeodShUtanKizW91qZ3ucGrfF++QYtGKb3iKj0OZQEJerUFIi2FTJXB0rgWsAreEyQUzYaTTGTkeIDEREvpgxB1JdZoS5yRdErDiYwVmcI/ICmqqCQQwzS8f++NjS71c52qAQc7lvBUVx8bG6Nlnn5XbpI2Pj9Ott94qt0m755575IM8cOAAzc3NycAxuL1QVptsUGajQ212LZjcdqsjEx/pNH6K3YlhCakgO0qHKBGrxaqj8iypFEJol8sDzDA+Iid163c66lysa4IoF1emjdg1jkj6YAyzgFXY1TUDlruhcokwiaz4vUatMv2wtbP+lTd/f+Qntv2XUzZWrdbecBeptoXzYvv374/BAmaBvfe9Kk+4e/duAU3Somh1Rb/y+EqlQnfeead0quF9Pve5z9G5sE3XlGjLzw/SBKrFqAWy8E1x/SfFaf0MRzt5FrCFYoHKpTLlswXKpfKU4TIAsrsGWH7gU4OF8+zCDE3NTtPiQl3pnkAxAs5ZZH0zMjhMg1zFruSrVEgVYoZRmkVFWmCXemuRE4GL8lgmlVEujF0egGLrEPyH7C201RlDpqbOaHr6tek3P3nztv94cLXrXE30jtF5MrggA5YHHniAdu7cKePhhx+OnzduCmaAtJoBIMZw3j179tBDDz1E999/Pz322GPCZCvt7rvvpkcfffS491mrHX51kezFQCgbNSOwQqvhU3Opze6qRa12R+sUkknzXM4Cc24FzVPQHzAUJSOlaOV3W8fH3Q6LUj5XY6lF9cUlqjeWqN1tC3MYgYtzFJ2c3L418Ra9fPBFOjp3iI9rkcn/QEuB4SShp0Px1+gIfTn4Bj0dPlf4jvXyv08Np57/o9cf+OnVrvOCAybpRsAOxjC5xsrlcnzfAAKvw8WDOQAwsMqHP/xhAZ2xXbt2CWgMEAFCgAIuzdgdd9whgMLjht1Ox9COsP+ZWSqG0qkgE4nCYXPJpxaDBi4FkwbxidwJtEfKVvpDfetV05O4J7gLxzAPgKNA2Gp2BDRLS0vUajWp6be4Gu5LicHnpB/uvz09TjOLU/JaKVJqlxhJw8NyuQDsgrZQ894dfuywNUcvWW+vp9HiFx/Y98mPnOg6z1aL5mkbtAcGJvb222+PJw33jb344ovxfcMw5jgAZ7WJ3rJli9wCODCAEGyyY8cO+R3v+eCDD8o5ALgz1UAHv1OnyuVM/duz1HbVdx8ZW1ir5UvEI2kY6BT04ur+2+XwNqB2py3ux2/7XFNiNlloCvM4nsrggrHm5xY57K6p7C8Do83hPLTQoeY8TTFY0un0co4Geglg1O0T+EG5E6E2sft0dVeeHakwX/6zInu4OvLIA/t/1b9/6+8cFz2dE8Dg2woXACBAmNZqNZqfn4+FqRGpMNz/6Ec/Kq4C3/zktx8GdkiK3qQwBjOAffAeAMNKcQygGUbB89AyMMNkjz/+uJzv3nvv/YHXnpbxh/3qF2dpsFShoMSgyLGo9RwOkRkITZ+FcFv341px+yQGsqx2FKqOOHYzjeYS1WYXaHpinuo1Trnx6x0+T3EoKzpmrlbnpF5awm+cL8PRk8tM0WgviV7BOU0JwpKmKd2wRVbc/UuxM7MkoRdnei2Vl/GcVHGgPPLwrj33PLcr0Vx1zgBzKj2wdetWmSQwBvTDiQwTm3RNMMMOK98DAAWTJF0SAAWmAotgwMBGEL44Hu8NN4XjzoYVr0pT9dYyRaP8sTZZw8z5ZKE9oeAJ0zS4bNDtdiQJBzM5GSuOPVj4MlvU2eUszC3R/ARrlZpPQUOxFIAzcEmRgefT7PS8uB2cr1wsi5vrdHx9XpWBkWSfrQqdaLJy2P2RfkdbR2xZdkuDVpZmub7UknA7ktICQJX1MluK6wZ/iV/wKYpfeWLDJ3g3nabhW5sc0B1wD7jFwGPQHrgPUYrfAR4wjXFPABFuV0Y9JqLCxD/5pGJLMIdhHrBFEgDG1QEcBiwAGtgF7wVtc6auyGL3s+mnyjR62zrKc4kAhuRdfYGnoBNQjlP9hXJOoqUN69bR6MB6GsoPUcbLiH5ALgQREiKaw9MH6dU3Xqe3/vEwzb45TwEDL2J9FAU8ZiMauKlC2XKaIzCHBkZKNDLK0RJHXqlUOgaeaCFdmIRbSvP7oJc4o1cogI1UxOTSkF2gy6xNUqA8QDPUiUJdLlCZ4HantXfvvjc+8IfX/2FDrnWVz+AuOg9hNQQnJg4GUCRFLybVRDTJ50xUlWSeJPAACoBgNTM5H7wGx50NV7SOwXL1z26m9GCRM2/LcQSYAFaulGh0aITKeZ7sVI71C4fZHA5ncGtzldsaoPmA3XTjIO2beJO+9+L3ad/eI9Q8yoBr6xT+ErPPP/iU/7E8Df1IlfWLTeWBPK3bwICpVCmbycS9MpbO9iod44leyjBgsl5OGtHZ3ah1THx7iTVEV9nvIfTevRy9QpPU1GAJdTdfQHP1mZvu2/i/vo5rWS1KOv1wYQ2WDIFXTlzyW5/ULSdyUzjW5FfAJMnzrjSjW4w2wrEA4cleczKr3pSnsZ8cJreSJ1s3eyPCQU8uQmtMHEJoswwEYMG3XSIgfn3JKtF1znV0tYN2lEiyu80GR1WLXHPicBqCl8vL5D/vU9RiRzMb6vCbdPhtMsV2DBZTHliuK8nBcZOW6R9Gr0zWylHaKlDBGqQhKvNjyVco15VxczeZ6z0ZYM552jQZ3UBTJIFhBCosCSaw0olsZZb4RLZSt0DXQJCDccBQKwX3qQwtmTtvGaE8M0u709GtkhxiByp5h6Sd9LOk1bpn01splR09oSyFqRHN0UR4VAlS6A52QaEfihtC8Sec4fuLuu+3ZKvWTQ0WNGaZRJzRJZa13Fxl6kpxiUC3eKIZHYDJ8w/zEIfYHrFI4MfsZbjoqKobdbebaz5ZtfqcswwAYxJ0d911l+gTDEyimTwwinFHmGAwhGEJY7h/8803x+c8kSYB0CCKAT6cG++HW5zbvBfOv5bk3ZU3V2nDxkGqM1iQjZVGb34c3XaoOiOKQdedpP9t/VFbppFKZawbUZvGwzfpaDSloxizqtEiE8xAOBtzK068PMV1tVaRbLGVyIAvZ8Il/5IQ19J6FTddOZSW9QS2POMwaFwNiaRW4QhqOH5/Wt0wk7fQOTZMFiYY337YSveDZJwxhOYwTD4GnocrSWZ/IXpX2sp8C8wwGM6PxxGCg2kAmKSWWs2QnL3hhq00y+LT56p0KpuWTxmTh2lSS0JsKTxKEk4mIhIGMT0oUimOfDpM0+RjVSIfl8vkWSSn6Jeuv5U2R0U6tDhPL03vo6de+D5ZBY5qxjICDpwTDGbEraUX4Kuw3axhiuJQ2kowjgCEH5Q2TlKRU4jmBxG8armCAbR6Mkqb6z4ZYHaTckvnvAiJbz50CSYeAwyDCVw5cYYhjPtKsoHJ55xosg0jgVWS+R8YAIf7vbi0pBUraSpUi/RSewKfvHT5qwKibp20VRedan5SExXEdR6ISkyQJa2adStQzdw8gVhzXRko0ZNvv0j/whmlO664ka6/bIy++yNv0+J6i3LVtKwkSGVcvXzFFXyobj7NMsjpAKCWaoOwdXuDcofKHH0smrq66MFjXVSneb4XJdofTFeeFW9MdDLA4BMFy5yXrjuT8T1VSwOAhQGwICeD8BxuCEA5kStK6pZk4RG/g6XAKngdjsHtSkG9mm0cq9BkZ57mghblS6p3F3pCmppcJ/7GK02h+k5ErIbL3XecUJVz4Ti0MwBw2NFhZHiYpjfM0TOv7aM93zrIBcYM0XUZGhzOcOLOkfPnC/yenitMhvlF555KwGDCHQGxHWkBm9A1VkKb4HBkX5rREr/GpxqH1h297CWiZdA4lrtgrts6xecCdtlD57G2dC7MsMhKA+OgVIDnAVa4s17rSTf91KWU/4BHb3pNqgwVqDpQpFKpyJolE1egSUcsiJKQJ8nK4vmsLMT3bL3OiBQTBbpFE9naY3MTdHjiMB0+NEkzx+aFsTL5lAqvsZKAwVLiqAydefl8XkoEtnYjOJeE064r4XM6lZZ8T5ar43mE9DqkRh0pb2Vo1B7mSS4yy7TobWkQ1x2/URDXoSYXJx/59Y3/+z/juk+V6cWnDFHwOL2DbbXEnGGr0zE3G9IcC9agm1hMptsnJRLRIletIaJYs6hVAqFsK9blKMi2df1GFrd1xEWhyarCJQ88Vka4rqvW9QXJnZGXUf0ysnIRYtsOZM00alUqjFdu0HN0GG0pNxmvI9BiGo6wHtX5F8ClwT9dWu7FU6ZcJb0RXzed2uAjwOV3Ut9iqzdbXOH1JIRWYFHtCYbMHf2Nt1WeXiXDpMAYSROTNDzZJKl9YygLcGY1XvYK5sgXLCkmFnJ56q7jckOLq9WNhg621MQCKDi+46tEYcd1tfhWZnZusC0DYiWEuwwZrCjwrZY0iXd0z69hllBnew8devtr5ly91pIQdyJuHaO+iU1PLXGyqyIfcLvZVV1xPNHpMIoTZ04i62uWtpqJAJMEUVe0B14Hd4SkXYsB43NNCOADiyA8x25V5QJ2ncoL6GqLNZqdn2WgdKT3V4DIr5WOPLwu5Uk7JxrLYWAoszIqyTAdNJ7zL23hGoTPJjKK4vJA029Nfub9n493q+oVMOB0xKPPUh80YouzHaoiD8IfcMfvykBLZSArGkMdJRlRa8VuiXQVGZMCJmm2mwwYMIuvxLA0fqtlJ4iAoH8QOSE7DB2C26H8MM0WZ2n/xD4uVNap3fapy2Dp8Psb1gEQMSKd81FqVeeAiHRnniz/Xi5+RtZxdSTJ4diSjwvMda+lWj1OfdDEVhtv0eXIY7iRAAXp/EIxK990kg9ar0C01fcaNR2T7cUjAEXDb1BtvkZtv6XdmNpciLQrk668lNqEyNUNVigcQrhurm4S1njl7VfETaFuBT0D7YTbNjMPGAegBEBD42JYZMvWZppvIjLLVqzj8kOmljRdm/tC8rrXsnsDbJwUaM5LreliNpBEa3+TJ091xfntLjVQA+IknmgKaWFA47cn1WJ01rl68RkmClHRAiflDh85QhNHj9H83Dw1Wk0GX1flb1wVnruu7sG1Ezs3WKrN88bB99FVo1exW+pIv4z8u7CLFZ8DDVgd1kRwfRh+t40UvxLdkVrrFLMJKWIy25BEOl/UajUP/dbHP/X55HWvFTCwcR4oBz9A73Kbe61FKYTO7Jqk36WO9skGg6YjPSi2dNbp3l0vrVnGVgKVJ3OmNkuHxidp8ug8LdWbkgW2dNJPwmJXLyExuzboH2kY54mfplnKlfNcd7JlixC1U4QtSTi4Nugq328Lg0FM+wKg5YyucTuGTRSYumpxHR+31G1+kZ5hiZOw0wGMsV08tpLKCL8r7cgLi9LDC5YRbdINRE9AiOKbLhPtqBYDM/lqJWRHuupmpuZoaaElvTNqcyHlyuCKYmaxHJV7O060qrVFLZ7cgdwA/csP3Ey5bFb+TViLDbGM9282OVRuNbDuiHVSRzZd9IOOuCfdFBq7KhHgodFgzJbtxoFvfvcbP5C0PRPAwMZJuSiM3fQuM78e0ML3liiD1gVmmW6HAdPqCmACnap3dIe+2tMuXmlItYWaJOWCjtINFlojQ1VrgsUZ2YQoXc7l6EnWq49GiiN06423yA6dcGNqE0alZZqsb1rCMG1htUh20jTiWy3ThcvqSA7IgMqnI1NHf+WpD+2eXnnNDp0dGyeVq8EwHdvreGTon7l1Frq0+cYytUWaqF2j8C3HzgspdkVYDwSWMZsswzUsNhZoYuIYjb8yQW6aAcWjUMqq/WSwYxUYRi9qWx6mKq2Ww6rAR4EKmeUCR1CVaoVmONwGCNQKSx39SDOVHW8ALZllUkk5YZSoGycNO6EfHTs2+VsPXvsHnz3R9Z7tnt5xHo/pAUvuUDmmBx4rJ+6b23ekzY63aWHPEuWuK1DDUqJTwtyu2v0Sk2AFPFlaaOLbDjcxOVGTddhezl1eEqJDXtMKscwoYbwoXxq7ZcMgBqAVSijsMgLKTp6GituosKNI3339O7IYLiVbjtiiqersAnFuuKYlbP2q10Mtb+UquaHO4vz8/33w2kd2rXa953qZCfI3u3s8doyO36USoKry2ELLYfwYXYQh/T/+1RR98GoWn0WeHJ2gQ6QEsSnfdD4mZBZAiIvHWvU61Y7VycuitWB5LzvTtxJKnsaLczdSVdZCFACUlgYRv6oiDcvZWbrMGqMhu0qZK1P02sTr9Nr4q5LEw3kX/QV2l1xozDZklQEAIztakYjwyG/5L83PLdz7xzc/ftI/YHHB1yUlbHwNxyaZCQOgumDg8hcDeuUvp2j7z62jOez90sEKgaaAxdZhtPqmM/Nwog4d/816m9yMIxGKaryy4hwNGASPU2J7VTcK4y1EJG9iL+sb/OSpQCUapCFnlFU4g+oST/7iyfde/x4ttery71xaatLc/HyUSqUiFsYRk80h9k3P16fqj3x1/Pm/5TAmPNW1XkyAWYuBuXrNBSVZKwkuc38l+E7LDr+wINv1fOAXx+gAA4a/sdT0WgIY1IsQJrfbbarN1mhyaoG6rYCctJKQLoMMfTRgAtOAZdyRbTK37DJcZ7nlYLl7DtuqOsQ1cA7xM5S2UjRkDVDBrtElA5tp8PohmqlP0eGpw3Rg36FPv/LS+J8XqxmnlHaOffOrrx6kv1jO4vZi71TArMWSu3f3YmP0gyyVBNequusgh9nPNfbTjv+0kRapySOSSKXhNUQjINcyX6vzbUszhBVXosXNOE68VkmCXmgWUps3I+ln3FNyHzs0SHik/hCFiNiIxaveWRMaJeflySt5NFgYoq3rxkp/8zN//206A3s3AGatNk5nAK6jL9crzYcPlK/+5Q2X+X5wo7/kI6aWJBpWPzYbHLoyA6FPV3YIjzcK0vol3gvPSqTsXd1uSaqLLjq+kQlV5+loirIhR2V87ARNxo1Q0mOst6l37dQZBxd9wJyZjdMJwDXHdaZv3LePrvxvG6/wRt2Pc8buBj8ILuU5r3Jyz0LHfjbnhpy7saFbJX/DybtMNpBaVOAoL2G5dqxZ1AMkbiiK0aLiKizGV91yPrNOxMzWiXeaijUPyhEdOkZnaH3AnEN79f8dfp1vPk46QVr8V8WqU3YK7WY7uGZn5ZcXPPvXOpbqkUG2F+E4IhfJ8Hp2oolbISa5dauk9tlVRXaIZUvCKG0rUNETLbu15BbzLX/peTpD6wPm/Jj4h8W/W5zhGwzKv3/4q13P+bWGOSBUPS0ydDbXCF9j8udxsEYauR3oGGwWjb9eQssuLNLJ+3iPOx1t+d1W/ctPP/EUnaH1AXOBbG5u4duD5cE3A4e2hbb6CyfoZ1H72QXSdhkm/jKJbKGKTGxg6cX2WseY8Np2TLsLqSRgsvLM5w7Crz3/iTcX6QztTGtJfTtN2/vQ3Fy2Ez50iWzVodwPltdCEAdmW1ZLAUV6WgL1uGzfqjv0ZM+6SLV4LlecQ2ljQKo/CFXlud1tdV5945VdlGzWPU07W7Wkvp2GDV5TeHm44F3ne9a2jq120FTLYO24txZm6wVylm6GUdGVI0BLW2pn8K6uQAe69VO1gKrK88zszO88tPOzn6ezYH3AXEA79M2FbncbPTs0kP7pjm0NyTIl29LFRSV4Vb7Gllu1ylGn7By17qnDrONHgW5P6MYNU2j7BAsdq03++ad+4/9/gr6/tgTdatYHzAW2mRcaiwPvK/1l2o0+GFq0IbLE9Jrp5TyNlAt0s7e0NkjzeKDbErrS8onCIotbaZRq+o3W1PTMZ56+79lfmX1y1qezZBb17aKw4Y9Q4dIbL/2vkWv/up1PFZ2MR2n9xylS6ZSs0fZcV7c+qESc46o97MwWH9JCEXQ7HKJ/Z7ZWu+8L//orf09n2fqAucjs0k9UNxc3lX7T8rwf9fLeFW6aE8Upz0JTlLQr6OW44pJkr11LBeAhHWDP9MT0XO0LX/vIt75B58j6gLl4zdr4C8M7itvyt7EnujyVTUG8jLCHKjqe4zGrHGXBc5CVyYtexvrWPmdy37Gf72379771rW9961vf+ta3vvWtb33r29myfwINO5KigoQ+SwAAAABJRU5ErkJggg=="); } .ph-union-quota__button-trial.svelte-13o85ya { font-size: 14px; line-height: 20px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; border-radius: 8px; height: 32px; margin-top: 16px; background-color: var(--ph-color-background-accent); color: var(--ph-color-text-contrast); padding: 0px 14px; width: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; } .ph-quota-block.svelte-1ris7e3 { border-radius: 16px; margin: 0px 8px; position: relative; color: var(--ph-color-text-primary); background-color: var(--ph-color-background); border: 1px solid var(--ph-color-separator-secondary); } .ph-quota-block__wrapper.svelte-1ris7e3 { padding: 12px 16px 15px 15px; cursor: pointer; } .ph-quota-block__main-info.svelte-1ris7e3 { padding: 3px 4px 0px; } .ph-quota-block__headline.svelte-1ris7e3 { font-size: 15px; line-height: 20px; font-weight: 400; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; margin-bottom: 12px; display: flex; justify-content: space-between; } .ph-quota-block__more-icon.svelte-1ris7e3 { display: flex; cursor: pointer; width: 30px; height: 20px; align-items: center; justify-content: center; position: absolute; right: 10px; background: transparent; color: var(--ph-color-icon-secondary); } .ph-quota-block__more-icon__active.svelte-1ris7e3 { color: var(--ph-color-background-accent); } .ph-quota-block__space-block.svelte-1ris7e3 { font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; display: flex; margin-bottom: 10px; position: relative; } .ph-quota-block__cloud-circle.svelte-1ris7e3, .ph-quota-block__mail-circle.svelte-1ris7e3 { width: 8px; height: 8px; border-radius: 100%; margin-right: 8px; } .ph-quota-block__cloud-circle_full.svelte-1ris7e3, .ph-quota-block__mail-circle_full.svelte-1ris7e3 { background: var(--ph-color-background-negative); } .ph-quota-block__cloud-circle-link.svelte-1ris7e3, .ph-quota-block__mail-circle-link.svelte-1ris7e3 { text-decoration: none; color: inherit; } .ph-quota-block__mail-circle_normal.svelte-1ris7e3 { background: var(--ph-color-background-accent); } .ph-quota-block__cloud-circle_normal.svelte-1ris7e3 { background: var(--ph-custom-portal-cloud-color-palette-lime); } .ph-quota-block__cloud-space.svelte-1ris7e3, .ph-quota-block__mail-space.svelte-1ris7e3 { display: flex; align-items: center; } .ph-quota-block__mail-space.svelte-1ris7e3 { width: 148px; } .ph-quota-block__mail-space.svelte-1ris7e3:first-child { margin-right: 4px; } .ph-quota-block__title.svelte-1ris7e3 { font-size: 13px; line-height: 18px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; color: var(--ph-color-text-secondary); margin-bottom: 16px; } .ph-quota-block__buttons-block.svelte-1ris7e3 { margin-top: 16px; display: flex; } .ph-quota-block__active-button.svelte-1ris7e3, .ph-quota-block__secondary-button.svelte-1ris7e3 { font-size: 14px; line-height: 18px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 400; border-radius: 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 140px; cursor: pointer; } .ph-quota-block__active-button.svelte-1ris7e3 { font-size: 14px; line-height: 20px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; color: var(--ph-color-text-primary); padding: 6px 14px; background: var(--ph-color-background-secondary-alpha); position: relative; white-space: nowrap; } .ph-quota-block__active-button__promo.svelte-1ris7e3 { position: absolute; right: -24px; top: -20px; width: 70px; height: 39px; background-size: 100% 100%; background-repeat: no-repeat; } .ph-quota-block__active-button__promo__dark.svelte-1ris7e3 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABOCAYAAADy4P6BAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACHgSURBVHgB7X0JuBzVdeZfW++L3qpdPEAg4SDJsiVjYgZsMrbDZAb4ZkySGZN4bOIJxMPiTBBOAgGCJ1/Aji2cGCVOsB1bzuIVETDGiySwAWMREBgbCSTxQHranvTW3rurKuece291S9bS2sH0/yiqu19VdZfu3+f8Z7n3AR100EEHHXTQQQcddNBBBx100EEHHXTQQbuwcJJw0t6og+OESxC/9Oq3L+nO5P9bOpldkk9n5/Qnu+IzY1P39jjdr9qeU+xF/yNBFV9beNp/HcVxRocwryO85e65vzljWs9NPTN7F2ezOSseTyFNW9ZLo8vNIWOn4Fk2AsvHdHt6ZYY9+7EpQfe93d3n/AudHuI4oEOYU4hLVp6X81POnGw25a1f//LQ5hs3D+NAA/sepM/79bPvyszKXZ3v67K78lOQS+URjyXgOS4SXhIxNwbHdmDR2a7l0GYjTvuFzlk4053/GGrWn3V1zV+NY8QJJ0wYhgO0m6I3xiBtY5ZljeGNB+uCz/zKwhlnTv1Aekru3bls9sx8KhdPe0k7acfCoBrsaPjlR7dv37v2i2u//c8jt49M0Dn2ok+c/u30tOx7u/u60NXVhVwmh650F+JenK5oC1FiTgxx24NNz/k1M7BxODjLnobF7hK4SP7jeFBbNi07dzeOEseVMEQOJsXltF1E2ztpGzjMKYN6G9PbK7SN6r15bfCXgFz2uz5zziXZabn/n+zNLUzl8lY6mUY6kUEylkTSjZMrcdGNHKYHeWwdfxGxirVjljv75j968BNvR3fyw+l8CrlcBt3d3ZiSzZMrysAjq8KWxXU8uLaLGBHGo71YGouGlrYgDGWQ52I6FrkLkbO7X947NvLb06ef+xMcBVwcBxBR3glFlA+gaUnawQAOTyq+Pu8G9WYeG3KNo0m61xy5Mldn+hcsmvVZtz/zP5L9PVY6lUYmSUSJJxVZyJ3EiTA2De5wYwIbKy/j5R0vITFanX759PS92WwSYSZBlLNg08ZEkH8PYoHrOPpdQtlCBPDDgNySBYfcEZ1BRLTkty+FO7GrMYrF9rzTZ+RmP7R75Jnf6e9e/G0cIY6JMNrdfAHKmpxoDODIyBVZKChSmcfR7+gffxAnEOde378wdVb+Aa8nPTtJ1sF1yXV4MXElcY/0h0suhK2B/nFsW4gzWihgy6Zt2LLjG7CTHpHFQaPuQzmEUKxGw2+g3mggEXPADigIFVkAOi7k54DQSfSMS0SzUQjreCL8GXqDV7qXxhfd/+quR983Z+qF9x3JPR01YWhgrqfdbTgyi3KyMNDOQZpchkitbrGVXIzBIyXXgo/1n5Gcmn3Azidnx+IeHLIG7EKYLDHaWKw6NJCsOWh80aDP4gcBEcFHQPvJ0TLZixBz8r0YHSsgRVbGspV1CQIfPh1Xt2uwG0Q1z6aBdJT7sdjChCJ+A7EtgbzG72Nb6phhFPFIsM6Zl5r5988PPbTn3JmX/Kjd+zpiwmid8i2cHKtyMsD38+bDHdRCrlaCvYJfJNzg//vXq/M/GXz438JMbHY8TeRwSV94nlgYS9wKRHMonaHfwAplgBuhj2q1jsAP4cZc1IKGvLfj2PpzKAfkh5o0Vl2sE5iEIZGPN4uvZIuTsoyOoUPYEoWWHI1i2MB6DPbOSefv+cIzN1z4wcXL23LlR0QY7YLWoM1v8C8hTLQ3cLADeBBL1QKcLFmT7iyq9JxJwhaGv+WsL8JAWZNIghinZLH2sOE3Atk8z0GxUiWPRCFyggnnio5h1oRikXzYgY0G78lF8TXYxWlyK0IC8r6kkig/Y5HDCuV8pYUCbHUmF9T6p/0fOuwutAEbbaJDlvZwz+pPYePw44j3TsF4oSzaIR6LCWHEpYgGCdQWaHOhUy/sMlgIM2nI3JD8sNBg4sRdeHQNIQz/Duo65lo+WSHWNErH+C2JHEVETuZ1WymcZnUji5h8JjFtmkB2yvvoDc/c0Ja0aJswUG5oAB0cFHsnh/G9n/0zUv09GCuXJLKJx2NkKXR+JFTfah7Yhrga9ZjBJHHJOqQoYipNVolgLILJYjjqGrxxVGSTMLaU9lWWhLVKEAh5BIYtxsrQT8Ly0Gf14yxrHhbZZ9Fz5Q4tcVL043rTZvRNubSde2yLMPTBPo02/PwbHStW/yUct4bxoI5ajSIYErvxBFsXV0VDOsSNSCPWQLmX0FKDW6iWMTE+iUxviq7lIJGMIZVOiAbia6gciy3WgY1EIKLWuCl1DXF9tkrecdSVJ7vSY02n0kEP8lYv+dSktj2MUB4l44kF7dzjYQlDN/O/aXcDOjgkypUyXhp8HBaFz5OVigjceCIu7ohdCYtWk0Nh/SKRDlkZtg5iH7Q7mShPwE24yPWkxGUxWZLJhFgpsVRkZdjSqBDcjlyUIZDRQRxsc4mA4jPQFUjDJISktbBCbsiXz8wkhdY55NLObuc+2xG9t6KDw+KRFx5CyS9gV11ZjCRFRzzQkdjVORQjVtklOYFLg+gr8tBvG2SZGpRbyeQTqNd8JFIxuQaTzvPYJSkNwxaGfyLS0F5IojdlZazIikzQz+5wCGkizh5K4I2jqqVTU+1QuN/Tzn0ekjDaugygg8Ni7fP/hgaFxuOlCuI00PGYF2VmYYRuwO6DLQtHU5SMsyj5ZtdF7PJhytoE0Tgmk2QXyEqxhRKrItbFVWTQxGF350o5wJXsrrI65lOpUL0QFrGFMgCx0EEJdfrZV/OIeLbaK2YfzsJ0rEsb4FDaL+7FtkoRQZrS8ZQ/kZRZoEiikm3kcogsQgbXkqiG9YhP+wblUkTT+HV5PZ1JyjWTKeWKmCRMPEUUDp1dlfizFYEcee5F1gyROiFrJuWCEOyIHMnNIHJDJtLiz1euVja3c68HJQxdhGtDA+jgsOCBcuoBRho1Sp7F5TV2M6EWopy9NQPjOBTGBqRlHP6nDyWdL6EwHceuyvVcKTJWSBNZUKTzNfFY04S2iozYujBZuPDo2cpduVH0A5j/c9JOpfFYKAc6MtK2J2yG5uVq8eF27vVQFuZydNAWRJegIZFJg7RHjTK1cYqQGnWyHm5dBG0YktVxWpNpelit5jX4x6OKcyKRoCirJkTjepFNJQDHtrV1IQvmqAq0kIW2mK5WK5dkRdGYcUkmgGYR7CPKWisrSJ+tUqvs+OwtX1zVzr0eijCX4SRj3bp1WPfUU/J4/rx5uPjii/F6AA9QKpFDrGihTIm2WqWBarxOqf2aeIcYiVb+psfoWC4TSMirNYgpKJoqgaNzLWxV2C3x4LIQ5i0eT8jxTBITIXEfjLgjqU6j5ZrQJQErOlZoJhYniPI1vhCm/J1dX95VbOdeD0gY+pCcczlpRcXt27fjgx+6SvatmDFjBr7w+Xtl34qVK7/Cn1Jez+ZyyGYymDlzJrLZLE4VpvUMIDG6DlVyLzy41UpdBj7UafwYuRNjJXhw2YV44lJcEb0yqI7Ks8RiHEK7VB4gC1PjyEnta/W6uhbpGj9MyXVaxa5xRNIHYywLWxVydWWf5C5FZhzKMySyoveaauXxFmtx4eFNK/rfO/eawzZWHbCBSkdHX8BJwnt//ZKILPPIsjA2btwo+6VLluDzRJpWLFi46KDX2v/4yclJrFq1ChO0n0kEu+yyE2M4f/jsA/iT716HnawTuBZIwjdG9Z8YpfUTFO2kScBmshnkc3mkkxmkYmkkqAzA2V1DrJpfQ4mE88jEXgyP7MHkREHI5/vKIvA1s6Rv+nv60ENV7CnpLmRimcjCQLc5yA9dr1CZpETgpLyWiCW03vGEKLYOwX/FPg2nOwOcqSkQmx7cuGfTjRfN/Z9bD3afB3NJAzhJWLfuqYgsf3DN1bjmmmvk8Z133SWWhF0Ub0wEhiHSwcDEMDiQ5Vq16v5fICC/z4aNG3DZpZdh6dIlOBq85eyLMPPxfuwp7kRgW2IVglIoVoIrz+xq0hkVzPKgcS9MnHMrlivapU4REhclQ6Vo5Zq2jo8bJKjrlDmukyYS95dMIZvOieUwApc1TNKKoxhU8ML2F1CsTcr1VSuFpy2dygq7VjNjvBHbsdHfjphlZ6ZZXb/V3Ze78B9evP3Dv3f2rQ8e6D4PlukdwElCLtd0I0uWLo0eX95iCSYnmiSY0I/Z/fz0uWfx+GM/wte/9lV8/t57cffy5UI6g3vuWSFk4df4mCuvfL+Q78srV0bHrF69WsjJxJ0/fx6OFulkFlcu+QiygXQqyEBy4bBcrKFSrIpL4UFj8cm5E9YeMVvpD/Wtd8XSiHtid+EYy8PEgRQuK+U6SsUKisUiRTUllGsVqobXpMRQo6QfP351z6DUtPhcKVJqlxjqSMmUC9i6cFuoee86vTZkjeGn1qvTMTV7/+1bbrziQPd5XFo0jwWsQ3jjgV39g9Uidhk/WL0mOqZ1II2FMccxcYwb2x9D2rIYq8UkZGtirsHveeddn5BrsFY6Vg30njf/Fp7YtAarXvk+qq767nPGllGp1CTikTQM6xTuxdX9t83w1ke1XhX3U6vWqKZURGGiLJbH8VQGt0zkGx+bRCo1Jg1ZLhGjSuE8a6Ft5XEME1ni8XgzR8N6icmo2yf4h8udDS56kvsUa8MkDVWbp/xnhXZfV/+9t7/8R7VbT//kPtHTCSEMRzsrVvwtZsxUZMjRQGRoE2FKAjVHQtUIWR6kj9/x5/jQVb+HlV/5imytYOvQKnqHtg9Fj++88y5MFibl90yG/cUxE+0psigryaKwdmEtw1i6RFmy666/QUizbNmyXzj3aMDtlx9592345l89gnF/ErEUiVrPoRCZiFCukRCu6n5cJXzNxllWOwxURxy5mVK5iNGRCezZOY7CKKXc6HyHrpPtTYqOGRstUFIvLsTg6yUoenLJUpSqRdErfE1TgrCkaUo3bMGKun8ROTNLEnpRptdSeRnPiWW78/133/bMDY/c1tJcdWIIo3UHnjr4MQ9/5yEZJP6233zLnx3wGNYt+4vUDRs27vseGkzQVg3E+J0rrySXs0asCG8MtkaXXXYp7qHj+b2vfP/76bj343jg/qe/gb/+0XKUkhU4ZRuVsZr0tMQznliaEpUNGo26JOEYJidjRbEHCV+yFgVyORNjRYzvLKI6WoNfUlaKidM9K0vEq2Fkz7i4Hb5ePpsXN1ev1/R1VQZGkn22KnRyk5VD7g/6HW0dsSXJLfVYSYxQfaki4XYopQUmVdJLnJad1vP7dMKdiM48AIidy2l3PY4S/K0dGtou1oAfc6TCe9Yf5jFrD378vit+U54zeT5+xx1khWbIuTffcou8vn/UYyKqeZKneZe8xkLWCNublt1IWuXKfT4Lk4ZF7fx584UsbAGvv+Gj8p6sbY7VFRXKBdz50J/i+3t/gER3Ul7j5F1hgoag7iNFqf5MPiXR0oxp0zC1ezp6071IeAnRD5wL4QiJI5qhPVux4aUXsflnQxjZNA6/TLmYBg0fCefz5p2HzbGXEMtwBOaguz+H/qkULVHkFYvFI+KJFtKFSXZL3HDOvcQJPUOBrZGKmFz02hmcac2WAuUr2It6GOistMoEV+uV9eu3vPSOzy35XImvfUrDahacPHAMJoWJhBgsQj901VW/8Dt+nYm4jyhuIR4TiUlwMJjIic/h447VFfE/6q2rbsRj499FvIeI5zTjCLYEjPyUHKb29iOfnoJkLEX6hcJsCocTvLcT6LK6yYWNYbC0FVt2bsJzz/4cW9ZvR3kHEa6qBm56fjoe+eQjuO6frsX68tOUp7GR705j2gwizJQuJBOJKPKxdLZX6RhP9FKCCJP0UqJ7yN2oeUy0n2X14hx7Hrj37vnwBexGWZMl0N18PsYKey9YNvOOx/heDhYlrcdJQGsIPHO/gWuNnoaGmrqFw97L93NTbCHYcjDYzUy2XHd/GN3CrovJwseyazvUOYfC36z+NL63dRXcKWnYutmbIxzuyeXQmgeOQ2j2EzJIbly+7RIB8X1aObzVeSve5HA7SijZ3XKJoqrJBlmnQARvigb6mzd/E7P7ZmOg53QdfkOH3yZTbEdkMeWBZl1JDo6atEz/MPfKJK0U4lYGGasHvcjTa61nKNeVcFMXmPs9IGHoYkyYEz4h7Jz586PHJgQ2MAKVwWLZgK3SgbB9aDsOh/11y10UTv/qOy7Ah8jisIVa2RJut4NdozvxxM+/hjRZlmq9rlslKSXvq+QdJ+2knyWu5j2b3kqp7OgBJSmMUjiGncEOJUhZd5ALCmqBuCEu/lzwpgvw5rNUw+NwcRiOa0e1KG7MMok4o0ssq9lcZepKUYlAt3hyMzoTJk0/ZIcoxPbQRcl9D3aTLjqqaoSNheaeD9Vxd8KtDLuPK7XgXHX//aJPeONB/PJKFS0tIVdk3BEPMLuw67WVMODHRgDzNQ+kSZhoK1asEKty003LhJD8Hnz9myhKYrAwbhXSh8N9T/wtRS8NFIgsnI2VRm96nbvtuOrMRUTuupP0v63/qS3TSKXcWSmsYjDYhB3hsI5izKxGCyaYsb3mMO0u7o6mp7iu1iqSLbaiomLrfH7Jv7SIa2m9ipquHMRlPoEtv3GINK6mRKtWoQiqzzw+VJR0N07C3CMerGw2J4PJaCUCD+Zn7l4ePc/QcYzVa9bIxkRit9aa/TWD34r98y2M+0goM/j6JpfDmokFcauWOhgmixPYvOlxFHMUNlMGNpaMq8FlS0KDpKaE2FJ4lCScDEQoFsS0OkilOKxhCHtQoxwMN0mlEmkSyTH8/pJ3YU6YxbbJcWytD2N0YhSbd23Gz0aeR7orLtdkC2bEraUn4Kuw3cxhCqNQ2mqxOEIQmRnJE+BU5BRw54wI3kBIbQitfql7NnBowqyFcksnvAjJ4fDlpEE4ZOZoJkfE4AHcP03Px7HWuWfFin2sCkPlc+44YGrf6Bb+vRG5OW2FWLvwudtb8jvtYKywSzrmhqrjMieVu/xVAVG3Ttqqi041P6mB8qM6D4tKHiBLWjULlq+auWkAec71lO4cVr36LN7mTMXlZ5+PJeEA/uF7n8L9G9cimfdkJkEs4erpK67wQ3XzaSvDOR3pf1FtEHZLF4yxHI7pL7a4MaMuvTYFjNOjsKX9wXTlWdHCRAclDE9qpxPZytyKkwCT8TWh8sHA4laFxk+JZZmYnJBwmYlyIFfUqluMMGZw6M1WiiMmPo+P4f3lbRYnt+7YgJ3VMYzVK0jnVO8u6wlpZHKd6BuvNIXqOxGxGjS77yihKtfi47idgQnHKzr09/Vhz4wxPLRxC55Zt5UKjAlspWSe28utn+r66Qy9p+eKJZPmK7+hEzA84I6Q2A61gG3RNVaLNuHDOftSDot0Tg2jFFrX9bSXEE3SOJY7Ye77cIk79gcfwEmsLbULJkg7hUK2Sixw9ycTn8sWh+tKbGXY/X3spvYzvnvGKE9SK8H3ArEqlu7Y58dGI0BHLDJ3KFQJNC4yujwJP2BSNWRw+RBfh7EcSXEibs7AdJlmsnfXOEq2j/yMnCohEOESlOXlnE4iHlPnSnef6gXm546eGhtyBdtCs7XThNz6Hvj9CtYkXO4KJOKMhSXo3kCgpee3HJRq5r4PSRhtZThR8i28jnGwxJyxVkeD0cld9A9cpfC5ZTKZnlgmkYgWuWoOESLNomYJBLKsWIOiIFu3XIYyua0uLoqbrKbk8/JansN1XbUuTEjuDF5C9cvIzEUW20QonjPNtSoVxis36Dk6jLaUm4zmEWgxzY6wEBag6FKinwaavXgKylXiJfP8sKUB+gD30c3+I5Sl6cCABqzC2sM3jd6Qb78x5o4WjsbChDqDGkiNp6EanmxIat+AywKUWY2mvfLUknTGkppRJpVGY5pPRUyqVpdKOthSA8tE4ePrNWUI6q6rxbeCWbnBtgyJlRBuEGV4RkHNqkiTeF2v92Aq3IHO9m7b9uqj5lrt1pJ4IttFeA26plOFrvxM0iHqu1gtN1RXHA10PAgjF+C0ZH0R7jsQbEn8sCHag8/jGQOctKsQYWpUE2LysRXh8JxXq8pneNWptJBudHIUI+MjRJS69P4KEelc6cjj82KetHNyczmDLZSZGdVqYeq8AgQ9qYqt4fDZREZhVB4o1yq7P3vel6LVqtoijHZNrEbXoEMawfS+08nI2NIWIM1NtHGzlC8zGgMdJRlRa0VuCbqKzIPClqRcLRNh2LLUlBiWxm817YQjIM4Sc+TE2eFkLC373nQfRrIjeHnnFipUFlCt1tAgstQbfmR1mIi8hTrno3s3YSyg6syT6d/N4mdo7VNHkhyOLfk439x329VqXlCnQ5om3jTjLUjRgE6EqquO0/mZbFK+6ZB/aD0D0Vbfa67pmGwvv8KkKJFoHh0fRbVW0W5MLS4E7cqkKy+mFiFydYMVFw65BjSna7ZYjRdefUHcFNetWM+wduJ9lSwPWxwmJRM0MC6GwidZ2kzbmxBm2oq1T37I1JL2jI59vfW+j2T1BuhVmJg0J6XW9FpGKpnBgr6FNHiqK65WbaDENaC6WkpMtTBw47enlidzPD3pTPXeclQ0QUk5bvLauWMXxscoGqqUiXwNlb9xVfjMEZWk/u2WlRss1eZ5fs9SnDP1HHJLdemXYfD7ch8wN2DVSROx6+Ot1qhyil+J7lDNdYqsCZRhMsuQhDpfVKmUt/35tXd+qfW+j4gwDCYNbYvp4e14A4O/kRfM/TXEOFwl1yT9LgVunywRaeoSQtvSWad6d8VKiJWxlUClwdw7OoJtg7uxe8c4ioWyZIEtnfRjwqjKsiKM07IWnjSM08DvwQhS+TTVnWxZIkStFGFLEo5dG+uqWq0qFozFdE0I1MzoGrdjrIkiU0NNrqPjio3y/XiIJE4LjpgwLf9gt9HudKiM8BsS7znnv6OH16xjcatdE+sJFqL8TZeBdlSLgRl8NROyLl11e4fHUJyoSO+MWlxIuTJ2RZFl0bkUax/RquYWVWhwu1PduPgdF5HFU304PBebxTK/f7lMoXKlxPOOJP9T52VI/Lq4J90UGrkqEeCB0WBkLaulV3789OO37n/PR00YhrY27KJ4W4s3GPqmTMeFsy5CglsXyMrwSpfVSkMI4+tUPRf4uFFJrWkXzTSU2hAn5Xy92oPFrZGBqjUxooxsiyht5nL0IOvZR/3Zfrzr/HfKTAJZqVMWYVRapkz6piIWpipWjUsSLoz4VtN02WXVJQdkSFXD9uEdH3ng0rV79r/nYyKMAd3YWk0ctjgfpI2X8ny9L8bcFq5424fRzRbBUQPMolfWqJNlUVWOpblMWSiDxnOPRkfGMLJzktyZJTMCGEHL8hutyTP1O18thCiLECmXYVaeYjJOz03D2xYslTlPYqVkLRlb9ddUKzLLgEnDbqncqIilEXLQ85rPrxOpSOdUGuVw+84dty9f8LkDTjM5rj29WhR/UW/QK26alasG9Mav5Vsem/3rEm+a+VZcPPBurHr5OyhZSnRKmNtQq1/yt9fyKbrRQpO/7ewmdu8clXnYXsptTgnRIa9phWhalCCalC+N3bJgEJHTCiQUdnmVKSeN3uxcZBZl8fSL/y6T4WKy5IgtmqpALpCvza6pyG7UVZFXcylXyQ3VJ8fH/+LTC+697WD3e0KnmehVude2c+x+f5OAHzOpumg7Dc0wfgCvwZD+qnd8DM/tehKba2OUDFMDzZESi01J09MxAS/O7KvXKoUCRncV4PGizdwExfkcx4r6VgLJ03hR7kaqylqIMgGlpUHEr6pIM1J2EmdaA+i1u5CYH8PGnS9i4+AGSeLxdSdrE+QuydIkSzLLgAkjVggiwsNapfbT8bGJj375om8d8g9YnPJ5SQZHsnCytlwDaBKMSXXKyDW1ayZ+d8kf4u9+/HEMc42ozjMEykIWW4fR6ptOlocSddzxXy5U4SYciVBU45UV5WjYgvDraFle1dXFS1OvMuv9msgpjQxy6EGvMxWIEalmefIXT5578TkUKwX5nMViGWPj42EsFgtJGIdkbLaREHqyMFy4d/Xgk9/HbQgOd6+vGcIcCbTlaisXpMnVSjBDLvN4f/IdFf7Lot8WwfqVp/8Sg0QY+sai7FWEMFwv4jC5Wq2SdhnF7uEJNCo+nLjKnbiuqXJbUQOWcUe2ydzStV2n2XLQ7J7jZVUdJOknZiUQt2LotbqRsUcxq3sOepb0Ym9hGEPDQ3hly7ZPvPDTwa9muxJOLu7s+vHqDVvxtWYWtx28LglzJNDkMqt1HxbaNQ7op+ZxK7kOqrt+Y/H/QleqB3/9xK3YWpjEpDR1Byh5JdEInGsZHy3QvqIthBVVosXNOE40V0mEMmsWqMWbOeln3FPrOnbcNedB/SGKQFabomhHr6zJGiXlpeHlPPRkenH6tIHcd9/3w/Z7UA+AX3rCHCm0axxs59gDketX5713StzL5v/0e9eeOT5SPL9WrHFMLUk0nv1YLlF0QhaIJ7jJCuHRQkEmUgqi7rlmyt7V7ZZQXXThvj23XHXeEw4jGcSQoGN3YnfUCCU9xnqZeteOHXNw0SHMMeBw5Jr/hzPP9qa611LG7u013z+DxryLknsWd+wnU25AuRubdavkbyh5l0j6Kix3lJewXDvSLOoFiBsKI7aouIon46tuuRpZnZAsWz1aaSrSPFyOqGMXjhEdwpxAbPjU0Iu0uxY635X9tWyXk3cy1XLVP3fxlD+Y8Ow/rluqR4azvRyOc+QiGV7PbmniVoxpXbpVUvvkqkKbygyAWJQqCW6JntB0a61LzFdqxSdxjOgQ5uRA/MPkDyb30o43pM/rW93wnD8umQMC1dMim07yGeFrIH8eh+dIc26HdQy3hvJfL0HThYU6FxutcaejLUrMFb7z4H0P4BjRIcwpwtjYxFM9+Z5NvoO5vAARNz5xP4taz86Xtsug5S+TyBKqnML3LT3ZXusYE17bjml3gUoCtlaeecGi4NEnr9t0dNM7W3BcSgMdHDnWLx8bS9aD5bNkqQ7lfrikwIJYmrqV8FAaRZqh1OsNv6G3ulqzLtTlh6jiHEgbA9eF/EBVnquNSn3DSy/chv3rDUcBBx2cMvScm3m+L+O9teZZc+u2Xu/XNSteNieS2XqCnGWWarX1RHub/9SwWhm8oSvQvm79VC2gqvK8d2TvJ5cv/vsv4TigQ5hTiG0/nmg05mJNb3f8N+q21SvTlGyVXzHJOZWvsWVv678JKSk7R817qpPVqUlRUq2QaRqmuO2TrdCu0d1fvfPmv7kOPz+yBN3B0CHMKcben5Qmu5fmvhF3wwsDCzNCS6DnTDfzNFIu0M3e0togzeO+bktQlXEuLHLVWSrStVJleM/ezz64bM1HRlaN1HCcYKGD1wT6rkDmjPPP+L+ha/+JnY5lnYSHuP7jFLF4TOZoe65qCjd/e8Bx1Rp2ZokPWZ/Xb9QpRP/3kdHRZV//zw//EMcZHcK8xnDGdV1zsrNzt1ie95+8tHe2G6dEccyzuClK2hX0dFw125JXXLBUAB7gFfJM9+0ZG/36o1esexwnCB3CvHZhzfxw36Ls3PQl5InOiiVjLF76yUNlHc/xyKrsIMGzlZTJs17CWrfF2b1l1++2t/x7Bx100EEHHXTQQQcddNBBB8cL/wFU6lce30QMtgAAAABJRU5ErkJggg=="); } .ph-quota-block__active-button__promo__light.svelte-1ris7e3 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABOCAYAAADy4P6BAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACDnSURBVHgB7X1pkGTVdeZ5W+5rrb3Q3dXQIMDQrTZoBBYWMDNesGcEirE8Mz9sUMzY1tgjARMWM3bYQ+NZImQ5BnCM7LBlAiQ7wg5bNiCDkBy2aGRLIdDSjcBi766mt+raspasXF7me8/nO/feV69LXd1ZvWPyFJfMynz5sl/eL7/zneXeIupb3/rWt771rW9961vf+ta3vvWtb33rW9/61qtZdJ7svL1R386S3UbpD33shusHCuV/m88Wry/ni5tHstX0xtTozKAz8LbtOUtDNPJc2Ka/2L7l39ToLFsfMO8g++GHt/3shnWD/31w49DOYrFkpdM5yvMoenmquiUq2DnyLJtCK6D19vrWBnvT1yvhwCMDA1f9Gb88orNgfcBcQLvtT95fCnLO5mIx5+3du//wW598a4pONLE/Tvn3/+QVv124pPSx8nDVrpYrVMqVKZ3KkOe4lPGylHJT5NgOWfxq13J42JTm2+3O5XSZe+XXybf+Z7V65VfpDO18AGaMR0UP2DiPOT3ebWbd9Ls/tH3DZaN35iulHysVi5eVc6V03svaWTsVhe3waDdofu3IkZndj+3+0p/OPjC7wK+xd3x665fy64o/MTBcpWq1SqVCiar5KqW9NJ/RFqCknBSlbY9s/h2PmYlNk0OX2+top3s9uZT93Hzo37euuG2STtPONmAAijt43MzjFlJgOZmN0/EAOsCjpm/NY+b5d7LZt/7uVbcV15X+T3aotD1XKlv5bJ7ymQJlU1nKuml2JS4NUInWh2U6OP86pVrW0UvcTb/xq09/+gYayP5CvpyjUqlAAwMDVCmW2RUVyGNWAbO4jkeu7VKKAePxrTCNxVPLI4wimeRttJ52uNupZA/sn5mb/Q/r11/zAp2GuXR27BZSQLmTlpmkFxujU4PK2Lge5r4B1zwtg8rcXjRW+Fhh5Nodl3zGHSn8u+zIoJXP5amQZaCkswos7E7SDBibJ3equ0CvtfbT/qNvULbWXn/7+vwjxWKWokKGIWeRzQNAiBgEQIHrOPpdIhkRhRREIbslixx2R/wKBqIlz74RTdCxbo122u/ZuqG06ZnJ2T0/NzKw80u0RjtThhnj8SgpwFxMNk7HM9R84v7K586ZXXP3yPbc5eWnMiOlTZVqiYqFAhXzfJstMmBy4lJSTlqYAYDphB2aqU/Tt1/6Lu175RCtz1fIzoYU5VPUDQMaGKywS6pQIVekHL8e2iWTYnbi14NNwDIAisO3tm2r+6JnXIZSxGAKmCEsGrIK9D57R9CpN35m8+gHn1jLNZ0Jw9zNYxetjVHOl42t4dgkMxm3mAQXrbjfk137P0YuzY4Wn7LL2U2ptEcOswFciICEB8SqwxMJzcGEQF1mjSAMqRsEFPLt4lxTJnlzeYhqc3XKMctYtmKXkMET8HEd2ye7y6zj2TyRjnI/FhgmEvEbCreE8hjex7bUMVO0RM+F33Lek9v42ZcPPzN9zcbb/qHX6zodwAAgj9PFxyqna7ie9/Z47EpddYB+EHDjGz88Ui5Xcn8dFVKb0nkGh8v6wmOd4Toy6ZAXYAOlM/SZrUgmuMss0G53KOxG5KZc8sOugMRxbDkM3ggwAFsIaKwOn4JPAhBGDD4MC2eyxUlZRsfwIZDCkSVH01LUpb00PrQ5X/69R/fc88GP7nyoJ1e+VsCM8XiW1vYN/udkJtobO9lBXqZLTpHZZKBIbZ5UgAQMg2859EUUKjaJJYhMudInDh8TdEMZnufQUqtNNoMlnQHgXNExQE0kjBSQHdriruygK+ewWfCKxsFZLYVGvC+rJM7PWBQAblGktVBIB53Fa/2Rdb/Ih/029WA29W5j9O4GS082dFOBtl7HOZKhCs3XmzwxPFmplABGXAqkKU+UjFDThU69wGVACAM0TDfCCl0AJ+2Sx+cQwOA5Uucx5wqYhboMGLkfBYlEjgIiknkDVo62WANUpJT8m4TaNIDsnHfvPXvu6UlarAUwcENj1LdVzclYtPVHy5QbGaS5ZkMim3Q6xUyh8yOR+lZjYrviatR9eS0/7zI75Dhiaiy2GWDMNi7rDkedAwNREcSsEIcQhQIcNE9kYGLQYliGfzKWR8PWCF1uvYd22Jfz78odWuKk+Mf11m0Yrnyol2vsFTAPUu9+/l1rm3+8TBs3MLNwtOP7Xcqw2E1nwC6uuApLh7gxaIQNlHuJLDW59XaTFuYXqTCUY8A4lMmmKJfPiAbCOVSOxVb0Y4GIQuV6xE2pc4jrs1XyDtFXmXll0FrPpYNBKltD7FOzmntgkdzLpjPX9nKNvQDmLh73UN9ObvzpX3plkSxOri22WiJw05m0uCO4EohWk0OBfpFIh1kG7CD8oN3JQnOB3IxLpcGcuCyAJZvNCEsJUzHLgGkc29aRz7J7UTdKBzEXSYmA4zPiM7CGyQhI/ajFbiiQfzJASlrnsEu7opfL7EX03k99O6VVr8xQdbRMRzp1AUWWoyNMdCx2SfkRI1bhkpyQ8yNRoMDDz3aZmbrdLhXKGer4AWVyKTkHQOd5cElKw4Bh8BODRnIuy0OxjBWzyAL/TEaHKc/AmeYE3jy1tXRaVjsc7g/2cp2nAsxd1NctPdno1Tnqcmg832hRmic6nfLizCwZoRvCfYBZOCwOHD6+y7mUjohdHKbYJoznMZtlXmCWAkMJqwi7uAoMGjhwd5Kw00k7xTrmX6VC9Xq0RPs4A5CKHGpQh3+O1zwinq3eitmnAkyfXXq0zcMFOtRaojDP6XjOn0jKLFQgUck2djkMFgGDa0lUAz0S8G2XcymiaYKOPJ4vZCXHks0pVwSQAHgKKAidXZX4sxWAHPndi9mMYnXCbCblgojgiBzJzVDshkykhX9fs916q5frPJmGQW1ojPrWk1UyeZrt+pIkg8HNRFqIInsLIMDdKN0S6G94JLUfScJh8OOu50qRMcti1yIFukADD5rGREZgF4AFhUeUF6QAGUc/ROb/+Pd0RWQr8MRBFCkgm9C82V76Si/XeTKGuYP61rPBDSEy6bL28DlTm+YIqdthkLgdEbRRxKzjJJNpelq1+zCTh7pQJpPhKMsXoHUYZDaXABzb1uzCDOaoCjRA4glgvLiOZFhIAUO5JBNAQwQH+r3UsyRgafmto5/5zcee7OU6TwaY2+k82y233CIDtnfvXnriiTXVxS6oNeodShUtanKizW91qZ3ucGrfF++QYtGKb3iKj0OZQEJerUFIi2FTJXB0rgWsAreEyQUzYaTTGTkeIDEREvpgxB1JdZoS5yRdErDiYwVmcI/ICmqqCQQwzS8f++NjS71c52qAQc7lvBUVx8bG6Nlnn5XbpI2Pj9Ott94qt0m755575IM8cOAAzc3NycAxuL1QVptsUGajQ212LZjcdqsjEx/pNH6K3YlhCakgO0qHKBGrxaqj8iypFEJol8sDzDA+Iid163c66lysa4IoF1emjdg1jkj6YAyzgFXY1TUDlruhcokwiaz4vUatMv2wtbP+lTd/f+Qntv2XUzZWrdbecBeptoXzYvv374/BAmaBvfe9Kk+4e/duAU3Somh1Rb/y+EqlQnfeead0quF9Pve5z9G5sE3XlGjLzw/SBKrFqAWy8E1x/SfFaf0MRzt5FrCFYoHKpTLlswXKpfKU4TIAsrsGWH7gU4OF8+zCDE3NTtPiQl3pnkAxAs5ZZH0zMjhMg1zFruSrVEgVYoZRmkVFWmCXemuRE4GL8lgmlVEujF0egGLrEPyH7C201RlDpqbOaHr6tek3P3nztv94cLXrXE30jtF5MrggA5YHHniAdu7cKePhhx+OnzduCmaAtJoBIMZw3j179tBDDz1E999/Pz322GPCZCvt7rvvpkcfffS491mrHX51kezFQCgbNSOwQqvhU3Opze6qRa12R+sUkknzXM4Cc24FzVPQHzAUJSOlaOV3W8fH3Q6LUj5XY6lF9cUlqjeWqN1tC3MYgYtzFJ2c3L418Ra9fPBFOjp3iI9rkcn/QEuB4SShp0Px1+gIfTn4Bj0dPlf4jvXyv08Np57/o9cf+OnVrvOCAybpRsAOxjC5xsrlcnzfAAKvw8WDOQAwsMqHP/xhAZ2xXbt2CWgMEAFCgAIuzdgdd9whgMLjht1Ox9COsP+ZWSqG0qkgE4nCYXPJpxaDBi4FkwbxidwJtEfKVvpDfetV05O4J7gLxzAPgKNA2Gp2BDRLS0vUajWp6be4Gu5LicHnpB/uvz09TjOLU/JaKVJqlxhJw8NyuQDsgrZQ894dfuywNUcvWW+vp9HiFx/Y98mPnOg6z1aL5mkbtAcGJvb222+PJw33jb344ovxfcMw5jgAZ7WJ3rJli9wCODCAEGyyY8cO+R3v+eCDD8o5ALgz1UAHv1OnyuVM/duz1HbVdx8ZW1ir5UvEI2kY6BT04ur+2+XwNqB2py3ux2/7XFNiNlloCvM4nsrggrHm5xY57K6p7C8Do83hPLTQoeY8TTFY0un0co4Geglg1O0T+EG5E6E2sft0dVeeHakwX/6zInu4OvLIA/t/1b9/6+8cFz2dE8Dg2woXACBAmNZqNZqfn4+FqRGpMNz/6Ec/Kq4C3/zktx8GdkiK3qQwBjOAffAeAMNKcQygGUbB89AyMMNkjz/+uJzv3nvv/YHXnpbxh/3qF2dpsFShoMSgyLGo9RwOkRkITZ+FcFv341px+yQGsqx2FKqOOHYzjeYS1WYXaHpinuo1Trnx6x0+T3EoKzpmrlbnpF5awm+cL8PRk8tM0WgviV7BOU0JwpKmKd2wRVbc/UuxM7MkoRdnei2Vl/GcVHGgPPLwrj33PLcr0Vx1zgBzKj2wdetWmSQwBvTDiQwTm3RNMMMOK98DAAWTJF0SAAWmAotgwMBGEL44Hu8NN4XjzoYVr0pT9dYyRaP8sTZZw8z5ZKE9oeAJ0zS4bNDtdiQJBzM5GSuOPVj4MlvU2eUszC3R/ARrlZpPQUOxFIAzcEmRgefT7PS8uB2cr1wsi5vrdHx9XpWBkWSfrQqdaLJy2P2RfkdbR2xZdkuDVpZmub7UknA7ktICQJX1MluK6wZ/iV/wKYpfeWLDJ3g3nabhW5sc0B1wD7jFwGPQHrgPUYrfAR4wjXFPABFuV0Y9JqLCxD/5pGJLMIdhHrBFEgDG1QEcBiwAGtgF7wVtc6auyGL3s+mnyjR62zrKc4kAhuRdfYGnoBNQjlP9hXJOoqUN69bR6MB6GsoPUcbLiH5ALgQREiKaw9MH6dU3Xqe3/vEwzb45TwEDL2J9FAU8ZiMauKlC2XKaIzCHBkZKNDLK0RJHXqlUOgaeaCFdmIRbSvP7oJc4o1cogI1UxOTSkF2gy6xNUqA8QDPUiUJdLlCZ4HantXfvvjc+8IfX/2FDrnWVz+AuOg9hNQQnJg4GUCRFLybVRDTJ50xUlWSeJPAACoBgNTM5H7wGx50NV7SOwXL1z26m9GCRM2/LcQSYAFaulGh0aITKeZ7sVI71C4fZHA5ncGtzldsaoPmA3XTjIO2beJO+9+L3ad/eI9Q8yoBr6xT+ErPPP/iU/7E8Df1IlfWLTeWBPK3bwICpVCmbycS9MpbO9iod44leyjBgsl5OGtHZ3ah1THx7iTVEV9nvIfTevRy9QpPU1GAJdTdfQHP1mZvu2/i/vo5rWS1KOv1wYQ2WDIFXTlzyW5/ULSdyUzjW5FfAJMnzrjSjW4w2wrEA4cleczKr3pSnsZ8cJreSJ1s3eyPCQU8uQmtMHEJoswwEYMG3XSIgfn3JKtF1znV0tYN2lEiyu80GR1WLXHPicBqCl8vL5D/vU9RiRzMb6vCbdPhtMsV2DBZTHliuK8nBcZOW6R9Gr0zWylHaKlDBGqQhKvNjyVco15VxczeZ6z0ZYM552jQZ3UBTJIFhBCosCSaw0olsZZb4RLZSt0DXQJCDccBQKwX3qQwtmTtvGaE8M0u709GtkhxiByp5h6Sd9LOk1bpn01splR09oSyFqRHN0UR4VAlS6A52QaEfihtC8Sec4fuLuu+3ZKvWTQ0WNGaZRJzRJZa13Fxl6kpxiUC3eKIZHYDJ8w/zEIfYHrFI4MfsZbjoqKobdbebaz5ZtfqcswwAYxJ0d911l+gTDEyimTwwinFHmGAwhGEJY7h/8803x+c8kSYB0CCKAT6cG++HW5zbvBfOv5bk3ZU3V2nDxkGqM1iQjZVGb34c3XaoOiOKQdedpP9t/VFbppFKZawbUZvGwzfpaDSloxizqtEiE8xAOBtzK068PMV1tVaRbLGVyIAvZ8Il/5IQ19J6FTddOZSW9QS2POMwaFwNiaRW4QhqOH5/Wt0wk7fQOTZMFiYY337YSveDZJwxhOYwTD4GnocrSWZ/IXpX2sp8C8wwGM6PxxGCg2kAmKSWWs2QnL3hhq00y+LT56p0KpuWTxmTh2lSS0JsKTxKEk4mIhIGMT0oUimOfDpM0+RjVSIfl8vkWSSn6Jeuv5U2R0U6tDhPL03vo6de+D5ZBY5qxjICDpwTDGbEraUX4Kuw3axhiuJQ2kowjgCEH5Q2TlKRU4jmBxG8armCAbR6Mkqb6z4ZYHaTckvnvAiJbz50CSYeAwyDCVw5cYYhjPtKsoHJ55xosg0jgVWS+R8YAIf7vbi0pBUraSpUi/RSewKfvHT5qwKibp20VRedan5SExXEdR6ISkyQJa2adStQzdw8gVhzXRko0ZNvv0j/whmlO664ka6/bIy++yNv0+J6i3LVtKwkSGVcvXzFFXyobj7NMsjpAKCWaoOwdXuDcofKHH0smrq66MFjXVSneb4XJdofTFeeFW9MdDLA4BMFy5yXrjuT8T1VSwOAhQGwICeD8BxuCEA5kStK6pZk4RG/g6XAKngdjsHtSkG9mm0cq9BkZ57mghblS6p3F3pCmppcJ/7GK02h+k5ErIbL3XecUJVz4Ti0MwBw2NFhZHiYpjfM0TOv7aM93zrIBcYM0XUZGhzOcOLOkfPnC/yenitMhvlF555KwGDCHQGxHWkBm9A1VkKb4HBkX5rREr/GpxqH1h297CWiZdA4lrtgrts6xecCdtlD57G2dC7MsMhKA+OgVIDnAVa4s17rSTf91KWU/4BHb3pNqgwVqDpQpFKpyJolE1egSUcsiJKQJ8nK4vmsLMT3bL3OiBQTBbpFE9naY3MTdHjiMB0+NEkzx+aFsTL5lAqvsZKAwVLiqAydefl8XkoEtnYjOJeE064r4XM6lZZ8T5ar43mE9DqkRh0pb2Vo1B7mSS4yy7TobWkQ1x2/URDXoSYXJx/59Y3/+z/juk+V6cWnDFHwOL2DbbXEnGGr0zE3G9IcC9agm1hMptsnJRLRIletIaJYs6hVAqFsK9blKMi2df1GFrd1xEWhyarCJQ88Vka4rqvW9QXJnZGXUf0ysnIRYtsOZM00alUqjFdu0HN0GG0pNxmvI9BiGo6wHtX5F8ClwT9dWu7FU6ZcJb0RXzed2uAjwOV3Ut9iqzdbXOH1JIRWYFHtCYbMHf2Nt1WeXiXDpMAYSROTNDzZJKl9YygLcGY1XvYK5sgXLCkmFnJ56q7jckOLq9WNhg621MQCKDi+46tEYcd1tfhWZnZusC0DYiWEuwwZrCjwrZY0iXd0z69hllBnew8devtr5ly91pIQdyJuHaO+iU1PLXGyqyIfcLvZVV1xPNHpMIoTZ04i62uWtpqJAJMEUVe0B14Hd4SkXYsB43NNCOADiyA8x25V5QJ2ncoL6GqLNZqdn2WgdKT3V4DIr5WOPLwu5Uk7JxrLYWAoszIqyTAdNJ7zL23hGoTPJjKK4vJA029Nfub9n493q+oVMOB0xKPPUh80YouzHaoiD8IfcMfvykBLZSArGkMdJRlRa8VuiXQVGZMCJmm2mwwYMIuvxLA0fqtlJ4iAoH8QOSE7DB2C26H8MM0WZ2n/xD4uVNap3fapy2Dp8Psb1gEQMSKd81FqVeeAiHRnniz/Xi5+RtZxdSTJ4diSjwvMda+lWj1OfdDEVhtv0eXIY7iRAAXp/EIxK990kg9ar0C01fcaNR2T7cUjAEXDb1BtvkZtv6XdmNpciLQrk668lNqEyNUNVigcQrhurm4S1njl7VfETaFuBT0D7YTbNjMPGAegBEBD42JYZMvWZppvIjLLVqzj8kOmljRdm/tC8rrXsnsDbJwUaM5LreliNpBEa3+TJ091xfntLjVQA+IknmgKaWFA47cn1WJ01rl68RkmClHRAiflDh85QhNHj9H83Dw1Wk0GX1flb1wVnruu7sG1Ezs3WKrN88bB99FVo1exW+pIv4z8u7CLFZ8DDVgd1kRwfRh+t40UvxLdkVrrFLMJKWIy25BEOl/UajUP/dbHP/X55HWvFTCwcR4oBz9A73Kbe61FKYTO7Jqk36WO9skGg6YjPSi2dNbp3l0vrVnGVgKVJ3OmNkuHxidp8ug8LdWbkgW2dNJPwmJXLyExuzboH2kY54mfplnKlfNcd7JlixC1U4QtSTi4Nugq328Lg0FM+wKg5YyucTuGTRSYumpxHR+31G1+kZ5hiZOw0wGMsV08tpLKCL8r7cgLi9LDC5YRbdINRE9AiOKbLhPtqBYDM/lqJWRHuupmpuZoaaElvTNqcyHlyuCKYmaxHJV7O060qrVFLZ7cgdwA/csP3Ey5bFb+TViLDbGM9282OVRuNbDuiHVSRzZd9IOOuCfdFBq7KhHgodFgzJbtxoFvfvcbP5C0PRPAwMZJuSiM3fQuM78e0ML3liiD1gVmmW6HAdPqCmACnap3dIe+2tMuXmlItYWaJOWCjtINFlojQ1VrgsUZ2YQoXc7l6EnWq49GiiN06423yA6dcGNqE0alZZqsb1rCMG1htUh20jTiWy3ThcvqSA7IgMqnI1NHf+WpD+2eXnnNDp0dGyeVq8EwHdvreGTon7l1Frq0+cYytUWaqF2j8C3HzgspdkVYDwSWMZsswzUsNhZoYuIYjb8yQW6aAcWjUMqq/WSwYxUYRi9qWx6mKq2Ww6rAR4EKmeUCR1CVaoVmONwGCNQKSx39SDOVHW8ALZllUkk5YZSoGycNO6EfHTs2+VsPXvsHnz3R9Z7tnt5xHo/pAUvuUDmmBx4rJ+6b23ekzY63aWHPEuWuK1DDUqJTwtyu2v0Sk2AFPFlaaOLbDjcxOVGTddhezl1eEqJDXtMKscwoYbwoXxq7ZcMgBqAVSijsMgLKTp6GituosKNI3339O7IYLiVbjtiiqersAnFuuKYlbP2q10Mtb+UquaHO4vz8/33w2kd2rXa953qZCfI3u3s8doyO36USoKry2ELLYfwYXYQh/T/+1RR98GoWn0WeHJ2gQ6QEsSnfdD4mZBZAiIvHWvU61Y7VycuitWB5LzvTtxJKnsaLczdSVdZCFACUlgYRv6oiDcvZWbrMGqMhu0qZK1P02sTr9Nr4q5LEw3kX/QV2l1xozDZklQEAIztakYjwyG/5L83PLdz7xzc/ftI/YHHB1yUlbHwNxyaZCQOgumDg8hcDeuUvp2j7z62jOez90sEKgaaAxdZhtPqmM/Nwog4d/816m9yMIxGKaryy4hwNGASPU2J7VTcK4y1EJG9iL+sb/OSpQCUapCFnlFU4g+oST/7iyfde/x4ttery71xaatLc/HyUSqUiFsYRk80h9k3P16fqj3x1/Pm/5TAmPNW1XkyAWYuBuXrNBSVZKwkuc38l+E7LDr+wINv1fOAXx+gAA4a/sdT0WgIY1IsQJrfbbarN1mhyaoG6rYCctJKQLoMMfTRgAtOAZdyRbTK37DJcZ7nlYLl7DtuqOsQ1cA7xM5S2UjRkDVDBrtElA5tp8PohmqlP0eGpw3Rg36FPv/LS+J8XqxmnlHaOffOrrx6kv1jO4vZi71TArMWSu3f3YmP0gyyVBNequusgh9nPNfbTjv+0kRapySOSSKXhNUQjINcyX6vzbUszhBVXosXNOE68VkmCXmgWUps3I+ln3FNyHzs0SHik/hCFiNiIxaveWRMaJeflySt5NFgYoq3rxkp/8zN//206A3s3AGatNk5nAK6jL9crzYcPlK/+5Q2X+X5wo7/kI6aWJBpWPzYbHLoyA6FPV3YIjzcK0vol3gvPSqTsXd1uSaqLLjq+kQlV5+loirIhR2V87ARNxo1Q0mOst6l37dQZBxd9wJyZjdMJwDXHdaZv3LePrvxvG6/wRt2Pc8buBj8ILuU5r3Jyz0LHfjbnhpy7saFbJX/DybtMNpBaVOAoL2G5dqxZ1AMkbiiK0aLiKizGV91yPrNOxMzWiXeaijUPyhEdOkZnaH3AnEN79f8dfp1vPk46QVr8V8WqU3YK7WY7uGZn5ZcXPPvXOpbqkUG2F+E4IhfJ8Hp2oolbISa5dauk9tlVRXaIZUvCKG0rUNETLbu15BbzLX/peTpD6wPm/Jj4h8W/W5zhGwzKv3/4q13P+bWGOSBUPS0ydDbXCF9j8udxsEYauR3oGGwWjb9eQssuLNLJ+3iPOx1t+d1W/ctPP/EUnaH1AXOBbG5u4duD5cE3A4e2hbb6CyfoZ1H72QXSdhkm/jKJbKGKTGxg6cX2WseY8Np2TLsLqSRgsvLM5w7Crz3/iTcX6QztTGtJfTtN2/vQ3Fy2Ez50iWzVodwPltdCEAdmW1ZLAUV6WgL1uGzfqjv0ZM+6SLV4LlecQ2ljQKo/CFXlud1tdV5945VdlGzWPU07W7Wkvp2GDV5TeHm44F3ne9a2jq120FTLYO24txZm6wVylm6GUdGVI0BLW2pn8K6uQAe69VO1gKrK88zszO88tPOzn6ezYH3AXEA79M2FbncbPTs0kP7pjm0NyTIl29LFRSV4Vb7Gllu1ylGn7By17qnDrONHgW5P6MYNU2j7BAsdq03++ad+4/9/gr6/tgTdatYHzAW2mRcaiwPvK/1l2o0+GFq0IbLE9Jrp5TyNlAt0s7e0NkjzeKDbErrS8onCIotbaZRq+o3W1PTMZ56+79lfmX1y1qezZBb17aKw4Y9Q4dIbL/2vkWv/up1PFZ2MR2n9xylS6ZSs0fZcV7c+qESc46o97MwWH9JCEXQ7HKJ/Z7ZWu+8L//orf09n2fqAucjs0k9UNxc3lX7T8rwf9fLeFW6aE8Upz0JTlLQr6OW44pJkr11LBeAhHWDP9MT0XO0LX/vIt75B58j6gLl4zdr4C8M7itvyt7EnujyVTUG8jLCHKjqe4zGrHGXBc5CVyYtexvrWPmdy37Gf72379771rW9961vf+ta3vvWtb33r29myfwINO5KigoQ+SwAAAABJRU5ErkJggg=="); } .ph-quota-block__secondary-button.svelte-1ris7e3 { color: var(--ph-color-text-primary-invariably); } .ph-quota-block__secondary-button_ok.svelte-1ris7e3 { background: var(--ph-color-background-secondary-alpha); } .ph-quota-block__secondary-button_full.svelte-1ris7e3 { background: var(--ph-color-background-contrast); } .ph-mw-close-button__icon.svelte-1v1t1rk { display: block; color: var(--ph-color-icon-secondary); width: 20px; height: 20px; } @keyframes svelte-hhegge-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-hhegge-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-hhegge-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-hhegge-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-project.svelte-hhegge.svelte-hhegge { border-radius: 8px; } .ph-project__content.svelte-hhegge.svelte-hhegge { font-size: 15px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; display: flex; flex-direction: row; align-items: center; padding: 8px 10px; } .ph-project__content.svelte-hhegge.svelte-hhegge:focus { outline: none; } .ph-project.svelte-hhegge .svelte-hhegge { vertical-align: middle; } .ph-project__icon.svelte-hhegge.svelte-hhegge { margin-right: 12px; width: 20px; height: 20px; } .ph-project__text.svelte-hhegge.svelte-hhegge { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ph-project.svelte-hhegge.svelte-hhegge:active, .ph-project.svelte-hhegge.svelte-hhegge:focus, .ph-project.svelte-hhegge.svelte-hhegge:hover { background: var(--ph-color-transparent--hover); } .ph-mw-button.svelte-1em06ni { font-size: 15px; line-height: 20px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: flex; align-items: center; justify-content: center; height: 36px; min-height: 36px; margin: 0px; padding: 0px 20px; border-radius: 8px; color: var(--ph-color-text-primary); transition: 0.1s linear; cursor: pointer; } .ph-mw-button.svelte-1em06ni:hover { background-color: var(--ph-color-transparent--hover); } .ph-mw-button.svelte-1em06ni:active { background-color: var(--ph-color-transparent--active); } .ph-mw-button_square.svelte-1em06ni { width: 36px; min-width: 36px; padding: 0px; margin: 0px; } .ph-mw-button_rectangle.svelte-1em06ni { width: fit-content; min-width: unset; } .ph-mw-button_secondary.svelte-1em06ni { background-color: var(--ph-color-background-secondary-alpha); } .ph-mw-button_tertiary.svelte-1em06ni { background-color: transparent; } @keyframes svelte-1gze01a-spin { 100% { transform: rotate(1turn) translateZ(0px); } } @keyframes svelte-1gze01a-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes svelte-1gze01a-scaleup { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes svelte-1gze01a-blink { 0% { opacity: 1; } 50% { opacity: 0; } } .ph-tooltip.svelte-1gze01a { animation: 0.2s ease 0s 1 normal none running svelte-1gze01a-scaleup; font-size: 13px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; position: absolute; background-color: var(--ph-custom-color-tooltip-bg); color: var(--ph-custom-color-tooltip-text); border-radius: 4px; box-shadow: 0 4px 32px 0 var(--ph-custom-color-tooltip-shadow); padding: 4px 12px; white-space: nowrap; z-index: 3; } @keyframes svelte-1u9gyuu-markerDoubleScale { 0%, 14%, 86% { transform: scale(1); } 7%, 93% { transform: scale(1.03); animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1); } 100% { transform: scale(1); } } .ph-marker.svelte-1u9gyuu.svelte-1u9gyuu { display: flex; align-items: center; height: 22px; margin-left: auto; padding: 0px 8px 0px 6px; gap: 4px; border-radius: 8px; background-color: var(--bg-color,var(--ph-custom-color-avatars-violet)); } .ph-marker_referral.svelte-1u9gyuu.svelte-1u9gyuu { animation: 2.8s ease 0s 1 normal none running svelte-1u9gyuu-markerDoubleScale; background-color: var(--ph-color-background-positive); } .ph-marker_general-menu.svelte-1u9gyuu.svelte-1u9gyuu { display: inline-flex; justify-content: center; align-items: center; height: 20px; padding: 1px 6px; margin-left: 4px; border-radius: 20px; background-color: var(--ph-color-project-bg--active,var(--ph-custom-color-tab-active-alpha)); } .ph-marker_general-menu.svelte-1u9gyuu .ph-marker__text.svelte-1u9gyuu { font-size: 13px; line-height: 18px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-weight: 500; padding-bottom: 0px; color: var(--ph-color-project-accent,var(--ph-color-text-accent--themed)); } .ph-marker_tg-promo.svelte-1u9gyuu.svelte-1u9gyuu { background-color: rgb(41, 169, 234); } .ph-marker__icon.svelte-1u9gyuu.svelte-1u9gyuu { display: flex; align-items: center; width: 10px; height: 10px; color: var(--icon-color,var(--ph-color-icon-contrast)); } .ph-marker__text.svelte-1u9gyuu.svelte-1u9gyuu { font-size: 13px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; padding-bottom: 1px; color: var(--text-color,var(--ph-color-text-contrast)); } .ph-progress-bar-block.svelte-5ema3r { position: relative; margin-bottom: 12px; } .ph-progress-bar.svelte-5ema3r { border-radius: 20px; display: flex; height: 8px; overflow: hidden; position: relative; left: -2px; width: 100.5%; } .ph-progress-bar_normal.svelte-5ema3r { background: var(--ph-color-background-secondary); } .ph-progress-bar_full.svelte-5ema3r { background: var(--ph-color-background-negative-tint); } .ph-progress-bar__family.svelte-5ema3r, .ph-progress-bar__user.svelte-5ema3r { border: 2px solid var(--ph-color-background); border-radius: 20px; height: 12px; position: absolute; left: 0px; top: -2px; } .ph-progress-bar__family_full.svelte-5ema3r, .ph-progress-bar__user_full.svelte-5ema3r { background: var(--ph-color-background-negative); } .ph-progress-bar__family.svelte-5ema3r { min-width: 16px; } .ph-progress-bar__family_normal.svelte-5ema3r { background: var(--ph-custom-background-family); } .ph-progress-bar__user.svelte-5ema3r { z-index: 1; min-width: 12px; } .ph-progress-bar__user_normal.svelte-5ema3r { background: var(--ph-color-background-accent); } .ph-quota-block-tooltip.svelte-o6ioj4.svelte-o6ioj4 { font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; position: absolute; right: 16px; top: 44px; z-index: 2; width: 240px; box-shadow: rgba(0, 16, 61, 0.11) 0px 10px 24px; border-radius: 12px; padding: 8px 0px; display: flex; flex-direction: column; background-color: var(--ph-color-background-content); color: var(--ph-color-text-primary); } .ph-quota-block-tooltip__main-title.svelte-o6ioj4.svelte-o6ioj4 { font-size: 16px; cursor: default; font-weight: 500; padding: 8px 16px; } .ph-quota-block-tooltip__field.svelte-o6ioj4.svelte-o6ioj4, .ph-quota-block-tooltip__main-title.svelte-o6ioj4.svelte-o6ioj4 { line-height: 20px; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; } .ph-quota-block-tooltip__field.svelte-o6ioj4.svelte-o6ioj4 { font-size: 15px; font-weight: 400; display: flex; min-height: 36px; align-items: center; padding: 10px 16px; color: var(--ph-color-text-primary); cursor: pointer; } .ph-quota-block-tooltip__field.svelte-o6ioj4 svg.svelte-o6ioj4 { fill: var(--ph-color-text-primary); } .ph-quota-block-tooltip__field.svelte-o6ioj4.svelte-o6ioj4:active, .ph-quota-block-tooltip__field.svelte-o6ioj4.svelte-o6ioj4:focus, .ph-quota-block-tooltip__field.svelte-o6ioj4.svelte-o6ioj4:hover { background: var(--ph-color-transparent--hover); } .ph-quota-block-tooltip__icon.svelte-o6ioj4.svelte-o6ioj4 { margin-right: 12px; } .ph-progress-bar.svelte-5dawlj { height: 8px; border-radius: 1000px; max-width: 100%; } .ph-progress-bar__primary_ok.svelte-5dawlj { background-color: var(--ph-color-background-accent); } .ph-progress-bar__primary_soon-full.svelte-5dawlj { background-color: var(--ph-color-background-accent-alternative); } .ph-progress-bar__primary_full.svelte-5dawlj { background-color: var(--ph-color-background-negative); } .ph-progress-bar__secondary.svelte-5dawlj { background-color: var(--ph-color-background-secondary); } .ph-progress-bar-block.svelte-4k1ssq { position: relative; margin-bottom: 12px; } .ph-progress-bar.svelte-4k1ssq { border-radius: 20px; display: flex; height: 8px; overflow: hidden; position: relative; left: -2px; width: 100.5%; } .ph-progress-bar_normal.svelte-4k1ssq { background: var(--ph-color-background-secondary); } .ph-progress-bar_full.svelte-4k1ssq { background: var(--ph-color-background-negative-tint); } .ph-progress-bar__cloud.svelte-4k1ssq, .ph-progress-bar__mail.svelte-4k1ssq { border: 2px solid var(--ph-color-background); border-radius: 20px; height: 12px; position: absolute; left: 0px; top: -2px; } .ph-progress-bar__cloud_full.svelte-4k1ssq, .ph-progress-bar__mail_full.svelte-4k1ssq { background: var(--ph-color-background-negative); } .ph-progress-bar__mail.svelte-4k1ssq { z-index: 1; min-width: 12px; } .ph-progress-bar__mail_normal.svelte-4k1ssq { background: var(--ph-color-background-accent); } .ph-progress-bar__cloud.svelte-4k1ssq { min-width: 16px; } .ph-progress-bar__cloud_normal.svelte-4k1ssq { background: var(--ph-custom-portal-cloud-color-palette-lime); } ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://cloud.imgsmail.ru/cloud.mail.ru/hashes/MobileAttachesPage-989b5c110ab19f6f3025.chunk.css @charset "utf-8"; .MobileAttachesPage__root--YIY5a { -webkit-font-smoothing: antialiased; min-height: 100vh; } .MobileAttachesPage__root--YIY5a, .MobileAttachesPage__root--YIY5a .MobileAttachesPage__content--1bkFo { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; width: 100%; } .MobileAttachesPage__root--YIY5a .MobileAttachesPage__content--1bkFo { background: var(--vkui--color_background); flex-grow: 1; position: relative; } @supports (padding-left:constant(safe-area-inset-bottom)) { .MobileAttachesPage__root--YIY5a .MobileAttachesPage__content--1bkFo { } } @supports (padding-left:env(safe-area-inset-bottom)) { .MobileAttachesPage__root--YIY5a .MobileAttachesPage__content--1bkFo { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); } } .MobileAttachesPage__root--YIY5a .MobileAttachesPage__content--1bkFo .MobileAttachesPage__header--2QuQp { background: var(--vkui--color_background); box-sizing: border-box; padding: 6px 16px; position: sticky; top: 60px; z-index: 1; } .MobileAttachesPage__root--YIY5a .MobileAttachesPage__content--1bkFo .MobileAttachesPage__header--2QuQp, .MobileAttachesPage__root--YIY5a .MobileAttachesPage__content--1bkFo .MobileAttachesPage__header--2QuQp .MobileAttachesPage__tabs--1rax0 { display: flex; flex-direction: column; gap: 10px; } .MobileAttachesPage__root--YIY5a .MobileAttachesPage__content--1bkFo .MobileAttachesPage__header--2QuQp .MobileAttachesPage__tabs_disabled--3Wj2m { opacity: 0.5; pointer-events: none; } .MobileAttachesPage__root_webview--2_TVQ { --webview-toolbar-height: 48px; } .MobileAttachesPage__root_webview--2_TVQ .MobileAttachesPage__content--1bkFo .MobileAttachesPage__header--2QuQp { top: var(--webview-toolbar-height); } @supports (top:calc(48px + constant(safe-area-inset-top))) { .MobileAttachesPage__root_webview--2_TVQ .MobileAttachesPage__content--1bkFo .MobileAttachesPage__header--2QuQp { top: calc(var(--webview-toolbar-height) + constant(safe-area-inset-top)); } } @supports (top:calc(48px + env(safe-area-inset-top))) { .MobileAttachesPage__root_webview--2_TVQ .MobileAttachesPage__content--1bkFo .MobileAttachesPage__header--2QuQp { top: calc(var(--webview-toolbar-height) + env(safe-area-inset-top)); } } ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://cloud.imgsmail.ru/cloud.mail.ru/hashes/react-2e988ccc53cd96b4169c.css @charset "utf-8"; *, ::after, ::before { box-sizing: inherit; } html { box-sizing: border-box; } input[type="email"], input[type="password"], input[type="search"], input[type="text"] { appearance: none; } html { text-size-adjust: 100%; line-height: 1.15; } body { margin: 0px; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0px; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: initial; height: 0px; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: initial; } abbr[title] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: rgb(255, 255, 0); color: rgb(0, 0, 0); } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: initial; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0px; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0px; } button, input { overflow: visible; } button, select { text-transform: none; } [type="reset"], [type="submit"], button, html [type="button"] { appearance: button; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; } progress { display: inline-block; vertical-align: initial; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } [hidden], template { display: none; } body, html { height: 100%; } html { font-size: 14px; } body { background: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.87); font-size: 14px; line-height: 1.4285em; margin: 0px; min-width: 320px; overflow-x: hidden; } body, h1, h2, h3, h4, h5 { font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; padding: 0px; } h1, h2, h3, h4, h5 { font-weight: 700; line-height: 1.28571em; margin: calc(-0.14286em + 2rem) 0px 1rem; } h1 { font-size: 2rem; min-height: 1rem; } h2 { font-size: 1.71429rem; } h3 { font-size: 1.28571rem; } h4 { font-size: 1.07143rem; } h5 { font-size: 1rem; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0px; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child { margin-bottom: 0px; } p { line-height: 1.4285em; margin: 0px 0px 1em; } p:first-child { margin-top: 0px; } p:last-child { margin-bottom: 0px; } a { color: rgb(65, 131, 196); } a, a:hover { text-decoration: none; } a:hover { color: rgb(30, 112, 191); } ::-webkit-selection { background-color: rgb(204, 226, 255); color: rgba(0, 0, 0, 0.87); } ::selection { background-color: rgb(204, 226, 255); color: rgba(0, 0, 0, 0.87); } input::-webkit-selection, textarea::-webkit-selection { background-color: rgba(99, 99, 99, 0.4); color: rgba(0, 0, 0, 0.87); } input::selection, textarea::selection { background-color: rgba(99, 99, 99, 0.4); color: rgba(0, 0, 0, 0.87); } body ::-webkit-scrollbar { appearance: none; height: 10px; width: 10px; } body ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); border-radius: 0px; } body ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.25); border-radius: 5px; cursor: pointer; transition: color 0.2s; } body ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.15); } body ::-webkit-scrollbar-thumb:hover { background: rgba(126, 134, 139, 0.8); } body .ui.inverted::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); } body .ui.inverted::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.25); } body .ui.inverted::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.15); } body .ui.inverted::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.35); } .ui.button { -webkit-tap-highlight-color: transparent; background: none rgb(224, 225, 226); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0.285714rem; color: rgba(0, 0, 0, 0.6); cursor: pointer; display: inline-block; font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 700; line-height: 1em; margin: 0px 0.25em 0px 0px; min-height: 1em; outline: 0px; padding: 0.785714em 1.5em; text-align: center; text-decoration: none; text-shadow: none; text-transform: none; transition: opacity 0.1s, background-color 0.1s, color 0.1s, box-shadow 0.1s, background 0.1s; user-select: none; vertical-align: initial; } .ui.button, .ui.button:hover { box-shadow: transparent 0px 0px 0px 1px inset, rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.button:hover { background-color: rgb(202, 203, 205); background-image: none; color: rgba(0, 0, 0, 0.8); } .ui.button:hover .icon { opacity: 0.85; } .ui.button:focus { background-color: rgb(202, 203, 205); color: rgba(0, 0, 0, 0.8); } .ui.button:focus .icon { opacity: 0.85; } .ui.active.button:active, .ui.button:active { background-color: rgb(186, 187, 188); color: rgba(0, 0, 0, 0.9); } .ui.active.button { box-shadow: transparent 0px 0px 0px 1px inset; } .ui.active.button, .ui.active.button:hover { color: rgba(0, 0, 0, 0.95); } .ui.active.button, .ui.active.button:active, .ui.active.button:hover { background-color: rgb(192, 193, 194); background-image: none; } .ui.loading.loading.loading.loading.loading.loading.button { cursor: default; opacity: 1; pointer-events: auto; position: relative; transition: linear, opacity 0.1s; color: transparent !important; text-shadow: none !important; } .ui.loading.button::before { border: 0.2em solid rgba(0, 0, 0, 0.15); border-radius: 500rem; } .ui.loading.button::after, .ui.loading.button::before { content: ""; height: 1.28571em; left: 50%; margin: -0.642857em 0px 0px -0.642857em; position: absolute; top: 50%; width: 1.28571em; } .ui.loading.button::after { animation: 0.6s linear 0s infinite normal none running button-spin; border-width: 0.2em; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: none; border-radius: 500rem; box-shadow: transparent 0px 0px 0px 1px; } .ui.labeled.icon.loading.button .icon { background-color: initial; box-shadow: none; } @keyframes button-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .ui.basic.loading.button:not(.inverted)::before { border-color: rgba(0, 0, 0, 0.1); } .ui.basic.loading.button:not(.inverted)::after { border-top-color: rgb(118, 118, 118); } .ui.button:disabled, .ui.buttons .disabled.button, .ui.disabled.active.button, .ui.disabled.button, .ui.disabled.button:hover { cursor: default; background-image: none !important; box-shadow: none !important; opacity: 0.45 !important; pointer-events: none !important; } .ui.basic.buttons .ui.disabled.button { border-color: rgba(34, 36, 38, 0.5); } .ui.animated.button { overflow: hidden; position: relative; vertical-align: middle; z-index: 1; padding-right: 0px !important; } .ui.animated.button .content { will-change: transform, opacity; } .ui.animated.button .visible.content { margin-right: 1.5em; position: relative; } .ui.animated.button .hidden.content { position: absolute; width: 100%; } .ui.animated.button .hidden.content, .ui.animated.button .visible.content { transition: right 0.3s; } .ui.animated.button .visible.content { left: auto; right: 0px; } .ui.animated.button .hidden.content { left: auto; margin-top: -0.5em; right: -100%; top: 50%; } .ui.animated.button:focus .visible.content, .ui.animated.button:hover .visible.content { left: auto; right: 200%; } .ui.animated.button:focus .hidden.content, .ui.animated.button:hover .hidden.content { left: auto; right: 0px; } .ui.vertical.animated.button .hidden.content, .ui.vertical.animated.button .visible.content { transition: top 0.3s, transform 0.3s; } .ui.vertical.animated.button .visible.content { right: auto; transform: translateY(0px); } .ui.vertical.animated.button .hidden.content { left: 0px; right: auto; top: -50%; } .ui.vertical.animated.button:focus .visible.content, .ui.vertical.animated.button:hover .visible.content { right: auto; transform: translateY(200%); } .ui.vertical.animated.button:focus .hidden.content, .ui.vertical.animated.button:hover .hidden.content { right: auto; top: 50%; } .ui.fade.animated.button .hidden.content, .ui.fade.animated.button .visible.content { transition: opacity 0.3s, transform 0.3s; } .ui.fade.animated.button .visible.content { left: auto; opacity: 1; right: auto; transform: scale(1); } .ui.fade.animated.button .hidden.content { left: 0px; opacity: 0; right: auto; transform: scale(1.5); } .ui.fade.animated.button:focus .visible.content, .ui.fade.animated.button:hover .visible.content { left: auto; opacity: 0; right: auto; transform: scale(0.75); } .ui.fade.animated.button:focus .hidden.content, .ui.fade.animated.button:hover .hidden.content { left: 0px; opacity: 1; right: auto; transform: scale(1); } .ui.inverted.button { background: none transparent; color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset !important; text-shadow: none !important; } .ui.inverted.buttons .button { margin: 0px 0px 0px -2px; } .ui.inverted.buttons .button:first-child { margin-left: 0px; } .ui.inverted.vertical.buttons .button { margin: 0px 0px -2px; } .ui.inverted.vertical.buttons .button:first-child { margin-top: 0px; } .ui.inverted.button:hover { background: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.8); } .ui.inverted.button.active, .ui.inverted.button:focus, .ui.inverted.button:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset !important; } .ui.inverted.button.active, .ui.inverted.button:focus { background: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.8); } .ui.inverted.button.active:focus { background: rgb(220, 221, 222); color: rgba(0, 0, 0, 0.8); box-shadow: rgb(220, 221, 222) 0px 0px 0px 2px inset !important; } .ui.labeled.button:not(.icon) { display: inline-flex; flex-direction: row; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; padding: 0px !important; } .ui.labeled.button > .button { margin: 0px; } .ui.labeled.button > .label { align-items: center; border-color: rgba(34, 36, 38, 0.15); display: flex; font-size: 1em; margin: 0px 0px 0px -1px !important; } .ui.labeled.button > .tag.label::before { height: 1.85em; width: 1.85em; } .ui.labeled.button:not([class*="left labeled"]) > .button { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .ui.labeled.button:not([class*="left labeled"]) > .label, .ui[class*="left labeled"].button > .button { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .ui[class*="left labeled"].button > .label { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .ui.facebook.button { background-color: rgb(59, 89, 152); background-image: none; box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; color: rgb(255, 255, 255); text-shadow: none; } .ui.facebook.button:hover { background-color: rgb(48, 77, 138); color: rgb(255, 255, 255); text-shadow: none; } .ui.facebook.button:active { background-color: rgb(45, 67, 115); color: rgb(255, 255, 255); text-shadow: none; } .ui.twitter.button { background-color: rgb(85, 172, 238); background-image: none; box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; color: rgb(255, 255, 255); text-shadow: none; } .ui.twitter.button:hover { background-color: rgb(53, 162, 244); color: rgb(255, 255, 255); text-shadow: none; } .ui.twitter.button:active { background-color: rgb(39, 149, 233); color: rgb(255, 255, 255); text-shadow: none; } .ui.google.plus.button { background-color: rgb(221, 75, 57); background-image: none; box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; color: rgb(255, 255, 255); text-shadow: none; } .ui.google.plus.button:hover { background-color: rgb(224, 50, 28); color: rgb(255, 255, 255); text-shadow: none; } .ui.google.plus.button:active { background-color: rgb(194, 51, 33); color: rgb(255, 255, 255); text-shadow: none; } .ui.linkedin.button { background-color: rgb(31, 136, 190); color: rgb(255, 255, 255); text-shadow: none; } .ui.linkedin.button:hover { background-color: rgb(20, 123, 175); color: rgb(255, 255, 255); text-shadow: none; } .ui.linkedin.button:active { background-color: rgb(24, 105, 146); color: rgb(255, 255, 255); text-shadow: none; } .ui.youtube.button { background-color: red; background-image: none; box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; color: rgb(255, 255, 255); text-shadow: none; } .ui.youtube.button:hover { background-color: rgb(230, 0, 0); color: rgb(255, 255, 255); text-shadow: none; } .ui.youtube.button:active { background-color: rgb(204, 0, 0); color: rgb(255, 255, 255); text-shadow: none; } .ui.instagram.button { background-color: rgb(73, 118, 156); background-image: none; box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; color: rgb(255, 255, 255); text-shadow: none; } .ui.instagram.button:hover { background-color: rgb(61, 105, 142); color: rgb(255, 255, 255); text-shadow: none; } .ui.instagram.button:active { background-color: rgb(57, 92, 121); color: rgb(255, 255, 255); text-shadow: none; } .ui.pinterest.button { background-color: rgb(189, 8, 28); background-image: none; box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; color: rgb(255, 255, 255); text-shadow: none; } .ui.pinterest.button:hover { background-color: rgb(172, 0, 19); color: rgb(255, 255, 255); text-shadow: none; } .ui.pinterest.button:active { background-color: rgb(140, 6, 21); color: rgb(255, 255, 255); text-shadow: none; } .ui.vk.button { background-color: rgb(77, 113, 152); background-image: none; box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; color: rgb(255, 255, 255); } .ui.vk.button:hover { background-color: rgb(65, 100, 138); color: rgb(255, 255, 255); } .ui.vk.button:active { background-color: rgb(60, 88, 118); color: rgb(255, 255, 255); } .ui.button > .icon:not(.button) { height: 0.857143em; opacity: 0.8; transition: opacity 0.1s; } .ui.button:not(.icon) > .icon:not(.button):not(.dropdown), .ui.button > .icon:not(.button) { margin: 0px 0.428571em 0px -0.214286em; } .ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) { margin: 0px -0.214286em 0px 0.428571em; } .ui[class*="left floated"].button, .ui[class*="left floated"].buttons { float: left; margin-left: 0px; margin-right: 0.25em; } .ui[class*="right floated"].button, .ui[class*="right floated"].buttons { float: right; margin-left: 0.25em; margin-right: 0px; } .ui.compact.button, .ui.compact.buttons .button { padding: 0.589286em 1.125em; } .ui.compact.icon.button, .ui.compact.icon.buttons .button { padding: 0.589286em; } .ui.compact.labeled.icon.button, .ui.compact.labeled.icon.buttons .button { padding: 0.589286em 3.69643em; } .ui.mini.button, .ui.mini.buttons .button, .ui.mini.buttons .or { font-size: 0.785714rem; } .ui.tiny.button, .ui.tiny.buttons .button, .ui.tiny.buttons .or { font-size: 0.857143rem; } .ui.small.button, .ui.small.buttons .button, .ui.small.buttons .or { font-size: 0.928571rem; } .ui.button, .ui.buttons .button, .ui.buttons .or { font-size: 1rem; } .ui.large.button, .ui.large.buttons .button, .ui.large.buttons .or { font-size: 1.14286rem; } .ui.big.button, .ui.big.buttons .button, .ui.big.buttons .or { font-size: 1.28571rem; } .ui.huge.button, .ui.huge.buttons .button, .ui.huge.buttons .or { font-size: 1.42857rem; } .ui.massive.button, .ui.massive.buttons .button, .ui.massive.buttons .or { font-size: 1.71429rem; } .ui.icon.button, .ui.icon.buttons .button { padding: 0.785714em; } .ui.icon.button > .icon, .ui.icon.buttons .button > .icon { opacity: 0.9; vertical-align: top; margin: 0px !important; } .ui.basic.button, .ui.basic.buttons .button { border-radius: 0.285714rem; box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 1px inset; font-weight: 400; text-transform: none; background: none transparent !important; color: rgba(0, 0, 0, 0.6) !important; text-shadow: none !important; } .ui.basic.buttons { border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.285714rem; box-shadow: none; } .ui.basic.buttons .button { border-radius: 0px; } .ui.basic.button:hover, .ui.basic.buttons .button:hover { box-shadow: rgba(34, 36, 38, 0.35) 0px 0px 0px 1px inset, rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.basic.button:focus, .ui.basic.button:hover, .ui.basic.buttons .button:focus, .ui.basic.buttons .button:hover { background: rgb(255, 255, 255) !important; color: rgba(0, 0, 0, 0.8) !important; } .ui.basic.button:focus, .ui.basic.buttons .button:focus { box-shadow: rgba(34, 36, 38, 0.35) 0px 0px 0px 1px inset, rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.basic.button:active, .ui.basic.buttons .button:active { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(34, 36, 38, 0.15) 0px 1px 4px 0px inset; background: rgb(248, 248, 248) !important; color: rgba(0, 0, 0, 0.9) !important; } .ui.basic.active.button, .ui.basic.buttons .active.button { background: rgba(0, 0, 0, 0.05) !important; color: rgba(0, 0, 0, 0.95) !important; } .ui.basic.active.button:hover, .ui.basic.buttons .active.button:hover { background-color: rgba(0, 0, 0, 0.05); } .ui.basic.buttons .button:hover { } .ui.basic.buttons .button:active { } .ui.basic.buttons .active.button { } .ui.basic.inverted.button, .ui.basic.inverted.buttons .button { background-color: initial !important; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(249, 250, 251) !important; } .ui.basic.inverted.button:focus, .ui.basic.inverted.button:hover, .ui.basic.inverted.buttons .button:focus, .ui.basic.inverted.buttons .button:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.basic.inverted.button:active, .ui.basic.inverted.buttons .button:active { background-color: rgba(255, 255, 255, 0.08) !important; box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.basic.inverted.active.button, .ui.basic.inverted.buttons .active.button { background-color: rgba(255, 255, 255, 0.08); box-shadow: rgba(255, 255, 255, 0.7) 0px 0px 0px 2px inset; color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.inverted.active.button:hover, .ui.basic.inverted.buttons .active.button:hover { background-color: rgba(255, 255, 255, 0.15); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset !important; } .ui.basic.buttons .button { border-left: 1px solid rgba(34, 36, 38, 0.15); box-shadow: none; } .ui.basic.vertical.buttons .button { border-left: 0px; border-top: 1px solid rgba(34, 36, 38, 0.15); } .ui.basic.vertical.buttons .button:first-child { border-top-width: 0px; } .ui.labeled.icon.button, .ui.labeled.icon.buttons .button { position: relative; padding-left: 4.07143em !important; padding-right: 1.5em !important; } .ui.labeled.icon.button > .icon, .ui.labeled.icon.buttons > .button > .icon { background-color: rgba(0, 0, 0, 0.05); border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: inherit; border-top-left-radius: inherit; box-shadow: transparent -1px 0px 0px 0px inset; height: 100%; left: 0px; line-height: 1; margin: 0px; position: absolute; text-align: center; top: 0px; width: 2.57143em; } .ui[class*="right labeled"].icon.button { padding-left: 1.5em !important; padding-right: 4.07143em !important; } .ui[class*="right labeled"].icon.button > .icon { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: inherit; border-top-right-radius: inherit; box-shadow: transparent 1px 0px 0px 0px inset; left: auto; right: 0px; } .ui.labeled.icon.button > .icon::after, .ui.labeled.icon.button > .icon::before, .ui.labeled.icon.buttons > .button > .icon::after, .ui.labeled.icon.buttons > .button > .icon::before { display: block; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 100%; } .ui.labeled.icon.buttons .button > .icon { border-radius: 0px; } .ui.labeled.icon.buttons .button:first-child > .icon { border-bottom-left-radius: 0.285714rem; border-top-left-radius: 0.285714rem; } .ui.labeled.icon.buttons .button:last-child > .icon { border-bottom-right-radius: 0.285714rem; border-top-right-radius: 0.285714rem; } .ui.vertical.labeled.icon.buttons .button:first-child > .icon { border-radius: 0.285714rem 0px 0px; } .ui.vertical.labeled.icon.buttons .button:last-child > .icon { border-radius: 0px 0px 0px 0.285714rem; } .ui.fluid[class*="left labeled"].icon.button, .ui.fluid[class*="right labeled"].icon.button { padding-left: 1.5em !important; padding-right: 1.5em !important; } .ui.button.toggle.active, .ui.buttons .button.toggle.active, .ui.toggle.buttons .active.button { text-shadow: none; background-color: rgb(33, 186, 69) !important; box-shadow: none !important; color: rgb(255, 255, 255) !important; } .ui.button.toggle.active:hover { text-shadow: none; background-color: rgb(22, 171, 57) !important; color: rgb(255, 255, 255) !important; } .ui.circular.button { border-radius: 10em; } .ui.circular.button > .icon { vertical-align: initial; width: 1em; } .ui.buttons .or { height: 2.57143em; position: relative; width: 0.3em; z-index: 3; } .ui.buttons .or::before { background-color: rgb(255, 255, 255); border-radius: 500rem; box-shadow: transparent 0px 0px 0px 1px inset; color: rgba(0, 0, 0, 0.4); content: "or"; font-style: normal; font-weight: 700; height: 1.78571em; left: 50%; line-height: 1.78571em; margin-left: -0.892857em; margin-top: -0.892857em; position: absolute; text-align: center; text-shadow: none; top: 50%; width: 1.78571em; } .ui.buttons .or[data-text]::before { content: attr(data-text); } .ui.fluid.buttons .or { width: 0px !important; } .ui.fluid.buttons .or::after { display: none; } .ui.attached.button { border-radius: 0px; display: block; margin: 0px; position: relative; box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 1px !important; } .ui.attached.top.button { border-radius: 0.285714rem 0.285714rem 0px 0px; } .ui.attached.bottom.button { border-radius: 0px 0px 0.285714rem 0.285714rem; } .ui.left.attached.button { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-radius: 0.285714rem 0px 0px 0.285714rem; display: inline-block; padding-right: 0.75em; text-align: right; } .ui.right.attached.button { border-radius: 0px 0.285714rem 0.285714rem 0px; display: inline-block; padding-left: 0.75em; text-align: left; } .ui.attached.buttons { border-radius: 0px; display: flex; margin-left: -1px; margin-right: -1px; position: relative; z-index: 2; width: auto !important; } .ui.attached.buttons .button { margin: 0px; } .ui.attached.buttons .button:first-child, .ui.attached.buttons .button:last-child { border-radius: 0px; } .ui[class*="top attached"].buttons { border-radius: 0.285714rem 0.285714rem 0px 0px; margin-bottom: -1px; } .ui[class*="top attached"].buttons .button:first-child { border-radius: 0.285714rem 0px 0px; } .ui[class*="top attached"].buttons .button:last-child { border-radius: 0px 0.285714rem 0px 0px; } .ui[class*="bottom attached"].buttons { border-radius: 0px 0px 0.285714rem 0.285714rem; margin-top: -1px; } .ui[class*="bottom attached"].buttons .button:first-child { border-radius: 0px 0px 0px 0.285714rem; } .ui[class*="bottom attached"].buttons .button:last-child { border-radius: 0px 0px 0.285714rem; } .ui[class*="left attached"].buttons { border-radius: 0px 0.285714rem 0.285714rem 0px; display: inline-flex; margin-left: -1px; margin-right: 0px; } .ui[class*="left attached"].buttons .button:first-child { border-radius: 0px 0.285714rem 0px 0px; margin-left: -1px; } .ui[class*="left attached"].buttons .button:last-child { border-radius: 0px 0px 0.285714rem; margin-left: -1px; } .ui[class*="right attached"].buttons { border-radius: 0.285714rem 0px 0px 0.285714rem; display: inline-flex; margin-left: 0px; margin-right: -1px; } .ui[class*="right attached"].buttons .button:first-child { border-radius: 0.285714rem 0px 0px; margin-left: -1px; } .ui[class*="right attached"].buttons .button:last-child { border-radius: 0px 0px 0px 0.285714rem; margin-left: -1px; } .ui.fluid.button, .ui.fluid.buttons { width: 100%; } .ui.fluid.button { display: block; } .ui.two.buttons { width: 100%; } .ui.two.buttons > .button { width: 50%; } .ui.three.buttons { width: 100%; } .ui.three.buttons > .button { width: 33.333%; } .ui.four.buttons { width: 100%; } .ui.four.buttons > .button { width: 25%; } .ui.five.buttons { width: 100%; } .ui.five.buttons > .button { width: 20%; } .ui.six.buttons { width: 100%; } .ui.six.buttons > .button { width: 16.666%; } .ui.seven.buttons { width: 100%; } .ui.seven.buttons > .button { width: 14.285%; } .ui.eight.buttons { width: 100%; } .ui.eight.buttons > .button { width: 12.5%; } .ui.nine.buttons { width: 100%; } .ui.nine.buttons > .button { width: 11.11%; } .ui.ten.buttons { width: 100%; } .ui.ten.buttons > .button { width: 10%; } .ui.eleven.buttons { width: 100%; } .ui.eleven.buttons > .button { width: 9.09%; } .ui.twelve.buttons { width: 100%; } .ui.twelve.buttons > .button { width: 8.3333%; } .ui.fluid.vertical.buttons, .ui.fluid.vertical.buttons > .button { display: flex; width: auto; } .ui.two.vertical.buttons > .button { height: 50%; } .ui.three.vertical.buttons > .button { height: 33.333%; } .ui.four.vertical.buttons > .button { height: 25%; } .ui.five.vertical.buttons > .button { height: 20%; } .ui.six.vertical.buttons > .button { height: 16.666%; } .ui.seven.vertical.buttons > .button { height: 14.285%; } .ui.eight.vertical.buttons > .button { height: 12.5%; } .ui.nine.vertical.buttons > .button { height: 11.11%; } .ui.ten.vertical.buttons > .button { height: 10%; } .ui.eleven.vertical.buttons > .button { height: 9.09%; } .ui.twelve.vertical.buttons > .button { height: 8.3333%; } .ui.black.button, .ui.black.buttons .button { background-color: rgb(27, 28, 29); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.black.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.black.button:hover, .ui.black.buttons .button:hover { background-color: rgb(39, 41, 42); color: rgb(255, 255, 255); text-shadow: none; } .ui.black.button:focus, .ui.black.buttons .button:focus { background-color: rgb(47, 48, 50); color: rgb(255, 255, 255); text-shadow: none; } .ui.black.button:active, .ui.black.buttons .button:active { background-color: rgb(52, 54, 55); color: rgb(255, 255, 255); text-shadow: none; } .ui.black.active.button, .ui.black.button .active.button:active, .ui.black.buttons .active.button, .ui.black.buttons .active.button:active { background-color: rgb(15, 15, 16); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.black.button, .ui.basic.black.buttons .button { box-shadow: rgb(27, 28, 29) 0px 0px 0px 1px inset !important; color: rgb(27, 28, 29) !important; } .ui.basic.black.button:hover, .ui.basic.black.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(39, 41, 42) 0px 0px 0px 1px inset !important; color: rgb(39, 41, 42) !important; } .ui.basic.black.button:focus, .ui.basic.black.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(47, 48, 50) 0px 0px 0px 1px inset !important; color: rgb(39, 41, 42) !important; } .ui.basic.black.active.button, .ui.basic.black.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(15, 15, 16) 0px 0px 0px 1px inset !important; color: rgb(52, 54, 55) !important; } .ui.basic.black.button:active, .ui.basic.black.buttons .button:active { box-shadow: rgb(52, 54, 55) 0px 0px 0px 1px inset !important; color: rgb(52, 54, 55) !important; } .ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) { margin-left: -1px; } .ui.inverted.black.button, .ui.inverted.black.buttons .button { background-color: initial; color: rgb(255, 255, 255); box-shadow: rgb(212, 212, 213) 0px 0px 0px 2px inset !important; } .ui.inverted.black.button.active, .ui.inverted.black.button:active, .ui.inverted.black.button:focus, .ui.inverted.black.button:hover, .ui.inverted.black.buttons .button.active, .ui.inverted.black.buttons .button:active, .ui.inverted.black.buttons .button:focus, .ui.inverted.black.buttons .button:hover { box-shadow: none !important; color: rgb(255, 255, 255); } .ui.inverted.black.active.button, .ui.inverted.black.button:active, .ui.inverted.black.button:focus, .ui.inverted.black.button:hover, .ui.inverted.black.buttons .active.button, .ui.inverted.black.buttons .button:active, .ui.inverted.black.buttons .button:focus, .ui.inverted.black.buttons .button:hover { background-color: rgb(0, 0, 0); } .ui.inverted.black.basic.button, .ui.inverted.black.basic.buttons .button, .ui.inverted.black.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.black.basic.button:hover, .ui.inverted.black.basic.buttons .button:hover, .ui.inverted.black.buttons .basic.button:hover { box-shadow: rgb(0, 0, 0) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.black.basic.button:focus, .ui.inverted.black.basic.buttons .button:focus { box-shadow: rgb(0, 0, 0) 0px 0px 0px 2px inset !important; color: rgb(84, 84, 84) !important; } .ui.inverted.black.basic.active.button, .ui.inverted.black.basic.button:active, .ui.inverted.black.basic.buttons .active.button, .ui.inverted.black.basic.buttons .button:active, .ui.inverted.black.buttons .basic.active.button, .ui.inverted.black.buttons .basic.button:active { box-shadow: rgb(0, 0, 0) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.grey.button, .ui.grey.buttons .button { background-color: rgb(118, 118, 118); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.grey.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.grey.button:hover, .ui.grey.buttons .button:hover { background-color: rgb(131, 131, 131); color: rgb(255, 255, 255); text-shadow: none; } .ui.grey.button:focus, .ui.grey.buttons .button:focus { background-color: rgb(138, 138, 138); color: rgb(255, 255, 255); text-shadow: none; } .ui.grey.button:active, .ui.grey.buttons .button:active { background-color: rgb(144, 144, 144); color: rgb(255, 255, 255); text-shadow: none; } .ui.grey.active.button, .ui.grey.button .active.button:active, .ui.grey.buttons .active.button, .ui.grey.buttons .active.button:active { background-color: rgb(105, 105, 105); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.grey.button, .ui.basic.grey.buttons .button { box-shadow: rgb(118, 118, 118) 0px 0px 0px 1px inset !important; color: rgb(118, 118, 118) !important; } .ui.basic.grey.button:hover, .ui.basic.grey.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(131, 131, 131) 0px 0px 0px 1px inset !important; color: rgb(131, 131, 131) !important; } .ui.basic.grey.button:focus, .ui.basic.grey.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(138, 138, 138) 0px 0px 0px 1px inset !important; color: rgb(131, 131, 131) !important; } .ui.basic.grey.active.button, .ui.basic.grey.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(105, 105, 105) 0px 0px 0px 1px inset !important; color: rgb(144, 144, 144) !important; } .ui.basic.grey.button:active, .ui.basic.grey.buttons .button:active { box-shadow: rgb(144, 144, 144) 0px 0px 0px 1px inset !important; color: rgb(144, 144, 144) !important; } .ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) { margin-left: -1px; } .ui.inverted.grey.button, .ui.inverted.grey.buttons .button { background-color: initial; color: rgb(255, 255, 255); box-shadow: rgb(212, 212, 213) 0px 0px 0px 2px inset !important; } .ui.inverted.grey.button.active, .ui.inverted.grey.button:active, .ui.inverted.grey.button:focus, .ui.inverted.grey.button:hover, .ui.inverted.grey.buttons .button.active, .ui.inverted.grey.buttons .button:active, .ui.inverted.grey.buttons .button:focus, .ui.inverted.grey.buttons .button:hover { box-shadow: none !important; color: rgba(0, 0, 0, 0.6); } .ui.inverted.grey.button:hover, .ui.inverted.grey.buttons .button:hover { background-color: rgb(207, 208, 210); } .ui.inverted.grey.button:focus, .ui.inverted.grey.buttons .button:focus { background-color: rgb(199, 201, 203); } .ui.inverted.grey.active.button, .ui.inverted.grey.buttons .active.button { background-color: rgb(207, 208, 210); } .ui.inverted.grey.button:active, .ui.inverted.grey.buttons .button:active { background-color: rgb(194, 196, 197); } .ui.inverted.grey.basic.button, .ui.inverted.grey.basic.buttons .button, .ui.inverted.grey.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.grey.basic.button:hover, .ui.inverted.grey.basic.buttons .button:hover, .ui.inverted.grey.buttons .basic.button:hover { box-shadow: rgb(207, 208, 210) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.grey.basic.button:focus, .ui.inverted.grey.basic.buttons .button:focus { box-shadow: rgb(199, 201, 203) 0px 0px 0px 2px inset !important; color: rgb(220, 221, 222) !important; } .ui.inverted.grey.basic.active.button, .ui.inverted.grey.basic.buttons .active.button, .ui.inverted.grey.buttons .basic.active.button { box-shadow: rgb(207, 208, 210) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.grey.basic.button:active, .ui.inverted.grey.basic.buttons .button:active, .ui.inverted.grey.buttons .basic.button:active { box-shadow: rgb(194, 196, 197) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.brown.button, .ui.brown.buttons .button { background-color: rgb(165, 103, 63); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.brown.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.brown.button:hover, .ui.brown.buttons .button:hover { background-color: rgb(151, 91, 51); color: rgb(255, 255, 255); text-shadow: none; } .ui.brown.button:focus, .ui.brown.buttons .button:focus { background-color: rgb(144, 83, 43); color: rgb(255, 255, 255); text-shadow: none; } .ui.brown.button:active, .ui.brown.buttons .button:active { background-color: rgb(128, 80, 49); color: rgb(255, 255, 255); text-shadow: none; } .ui.brown.active.button, .ui.brown.button .active.button:active, .ui.brown.buttons .active.button, .ui.brown.buttons .active.button:active { background-color: rgb(153, 90, 49); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.brown.button, .ui.basic.brown.buttons .button { box-shadow: rgb(165, 103, 63) 0px 0px 0px 1px inset !important; color: rgb(165, 103, 63) !important; } .ui.basic.brown.button:hover, .ui.basic.brown.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(151, 91, 51) 0px 0px 0px 1px inset !important; color: rgb(151, 91, 51) !important; } .ui.basic.brown.button:focus, .ui.basic.brown.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(144, 83, 43) 0px 0px 0px 1px inset !important; color: rgb(151, 91, 51) !important; } .ui.basic.brown.active.button, .ui.basic.brown.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(153, 90, 49) 0px 0px 0px 1px inset !important; color: rgb(128, 80, 49) !important; } .ui.basic.brown.button:active, .ui.basic.brown.buttons .button:active { box-shadow: rgb(128, 80, 49) 0px 0px 0px 1px inset !important; color: rgb(128, 80, 49) !important; } .ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) { margin-left: -1px; } .ui.inverted.brown.button, .ui.inverted.brown.buttons .button { background-color: initial; color: rgb(214, 124, 28); box-shadow: rgb(214, 124, 28) 0px 0px 0px 2px inset !important; } .ui.inverted.brown.button.active, .ui.inverted.brown.button:active, .ui.inverted.brown.button:focus, .ui.inverted.brown.button:hover, .ui.inverted.brown.buttons .button.active, .ui.inverted.brown.buttons .button:active, .ui.inverted.brown.buttons .button:focus, .ui.inverted.brown.buttons .button:hover { box-shadow: none !important; color: rgb(255, 255, 255); } .ui.inverted.brown.button:hover, .ui.inverted.brown.buttons .button:hover { background-color: rgb(200, 111, 17); } .ui.inverted.brown.button:focus, .ui.inverted.brown.buttons .button:focus { background-color: rgb(193, 104, 8); } .ui.inverted.brown.active.button, .ui.inverted.brown.buttons .active.button { background-color: rgb(204, 111, 13); } .ui.inverted.brown.button:active, .ui.inverted.brown.buttons .button:active { background-color: rgb(169, 98, 22); } .ui.inverted.brown.basic.button, .ui.inverted.brown.basic.buttons .button, .ui.inverted.brown.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.brown.basic.button:hover, .ui.inverted.brown.basic.buttons .button:hover, .ui.inverted.brown.buttons .basic.button:hover { box-shadow: rgb(200, 111, 17) 0px 0px 0px 2px inset !important; color: rgb(214, 124, 28) !important; } .ui.inverted.brown.basic.button:focus, .ui.inverted.brown.basic.buttons .button:focus { box-shadow: rgb(193, 104, 8) 0px 0px 0px 2px inset !important; color: rgb(214, 124, 28) !important; } .ui.inverted.brown.basic.active.button, .ui.inverted.brown.basic.buttons .active.button, .ui.inverted.brown.buttons .basic.active.button { box-shadow: rgb(204, 111, 13) 0px 0px 0px 2px inset !important; color: rgb(214, 124, 28) !important; } .ui.inverted.brown.basic.button:active, .ui.inverted.brown.basic.buttons .button:active, .ui.inverted.brown.buttons .basic.button:active { box-shadow: rgb(169, 98, 22) 0px 0px 0px 2px inset !important; color: rgb(214, 124, 28) !important; } .ui.blue.button, .ui.blue.buttons .button { background-color: rgb(33, 133, 208); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.blue.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.blue.button:hover, .ui.blue.buttons .button:hover { background-color: rgb(22, 120, 194); color: rgb(255, 255, 255); text-shadow: none; } .ui.blue.button:focus, .ui.blue.buttons .button:focus { background-color: rgb(13, 113, 187); color: rgb(255, 255, 255); text-shadow: none; } .ui.blue.button:active, .ui.blue.buttons .button:active { background-color: rgb(26, 105, 164); color: rgb(255, 255, 255); text-shadow: none; } .ui.blue.active.button, .ui.blue.button .active.button:active, .ui.blue.buttons .active.button, .ui.blue.buttons .active.button:active { background-color: rgb(18, 121, 198); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.blue.button, .ui.basic.blue.buttons .button { box-shadow: rgb(33, 133, 208) 0px 0px 0px 1px inset !important; color: rgb(33, 133, 208) !important; } .ui.basic.blue.button:hover, .ui.basic.blue.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(22, 120, 194) 0px 0px 0px 1px inset !important; color: rgb(22, 120, 194) !important; } .ui.basic.blue.button:focus, .ui.basic.blue.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(13, 113, 187) 0px 0px 0px 1px inset !important; color: rgb(22, 120, 194) !important; } .ui.basic.blue.active.button, .ui.basic.blue.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(18, 121, 198) 0px 0px 0px 1px inset !important; color: rgb(26, 105, 164) !important; } .ui.basic.blue.button:active, .ui.basic.blue.buttons .button:active { box-shadow: rgb(26, 105, 164) 0px 0px 0px 1px inset !important; color: rgb(26, 105, 164) !important; } .ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) { margin-left: -1px; } .ui.inverted.blue.button, .ui.inverted.blue.buttons .button { background-color: initial; color: rgb(84, 200, 255); box-shadow: rgb(84, 200, 255) 0px 0px 0px 2px inset !important; } .ui.inverted.blue.button.active, .ui.inverted.blue.button:active, .ui.inverted.blue.button:focus, .ui.inverted.blue.button:hover, .ui.inverted.blue.buttons .button.active, .ui.inverted.blue.buttons .button:active, .ui.inverted.blue.buttons .button:focus, .ui.inverted.blue.buttons .button:hover { box-shadow: none !important; color: rgb(255, 255, 255); } .ui.inverted.blue.button:hover, .ui.inverted.blue.buttons .button:hover { background-color: rgb(58, 192, 255); } .ui.inverted.blue.button:focus, .ui.inverted.blue.buttons .button:focus { background-color: rgb(43, 187, 255); } .ui.inverted.blue.active.button, .ui.inverted.blue.buttons .active.button { background-color: rgb(58, 192, 255); } .ui.inverted.blue.button:active, .ui.inverted.blue.buttons .button:active { background-color: rgb(33, 184, 255); } .ui.inverted.blue.basic.button, .ui.inverted.blue.basic.buttons .button, .ui.inverted.blue.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.blue.basic.button:hover, .ui.inverted.blue.basic.buttons .button:hover, .ui.inverted.blue.buttons .basic.button:hover { box-shadow: rgb(58, 192, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.inverted.blue.basic.button:focus, .ui.inverted.blue.basic.buttons .button:focus { box-shadow: rgb(43, 187, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.inverted.blue.basic.active.button, .ui.inverted.blue.basic.buttons .active.button, .ui.inverted.blue.buttons .basic.active.button { box-shadow: rgb(58, 192, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.inverted.blue.basic.button:active, .ui.inverted.blue.basic.buttons .button:active, .ui.inverted.blue.buttons .basic.button:active { box-shadow: rgb(33, 184, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.green.button, .ui.green.buttons .button { background-color: rgb(33, 186, 69); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.green.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.green.button:hover, .ui.green.buttons .button:hover { background-color: rgb(22, 171, 57); color: rgb(255, 255, 255); text-shadow: none; } .ui.green.button:focus, .ui.green.buttons .button:focus { background-color: rgb(14, 164, 50); color: rgb(255, 255, 255); text-shadow: none; } .ui.green.button:active, .ui.green.buttons .button:active { background-color: rgb(25, 143, 53); color: rgb(255, 255, 255); text-shadow: none; } .ui.green.active.button, .ui.green.button .active.button:active, .ui.green.buttons .active.button, .ui.green.buttons .active.button:active { background-color: rgb(19, 174, 56); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.green.button, .ui.basic.green.buttons .button { box-shadow: rgb(33, 186, 69) 0px 0px 0px 1px inset !important; color: rgb(33, 186, 69) !important; } .ui.basic.green.button:hover, .ui.basic.green.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(22, 171, 57) 0px 0px 0px 1px inset !important; color: rgb(22, 171, 57) !important; } .ui.basic.green.button:focus, .ui.basic.green.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(14, 164, 50) 0px 0px 0px 1px inset !important; color: rgb(22, 171, 57) !important; } .ui.basic.green.active.button, .ui.basic.green.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(19, 174, 56) 0px 0px 0px 1px inset !important; color: rgb(25, 143, 53) !important; } .ui.basic.green.button:active, .ui.basic.green.buttons .button:active { box-shadow: rgb(25, 143, 53) 0px 0px 0px 1px inset !important; color: rgb(25, 143, 53) !important; } .ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) { margin-left: -1px; } .ui.inverted.green.button, .ui.inverted.green.buttons .button { background-color: initial; color: rgb(46, 204, 64); box-shadow: rgb(46, 204, 64) 0px 0px 0px 2px inset !important; } .ui.inverted.green.button.active, .ui.inverted.green.button:active, .ui.inverted.green.button:focus, .ui.inverted.green.button:hover, .ui.inverted.green.buttons .button.active, .ui.inverted.green.buttons .button:active, .ui.inverted.green.buttons .button:focus, .ui.inverted.green.buttons .button:hover { box-shadow: none !important; color: rgb(255, 255, 255); } .ui.inverted.green.button:hover, .ui.inverted.green.buttons .button:hover { background-color: rgb(34, 190, 52); } .ui.inverted.green.button:focus, .ui.inverted.green.buttons .button:focus { background-color: rgb(25, 184, 43); } .ui.inverted.green.active.button, .ui.inverted.green.buttons .active.button { background-color: rgb(31, 194, 49); } .ui.inverted.green.button:active, .ui.inverted.green.buttons .button:active { background-color: rgb(37, 162, 51); } .ui.inverted.green.basic.button, .ui.inverted.green.basic.buttons .button, .ui.inverted.green.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.green.basic.button:hover, .ui.inverted.green.basic.buttons .button:hover, .ui.inverted.green.buttons .basic.button:hover { box-shadow: rgb(34, 190, 52) 0px 0px 0px 2px inset !important; color: rgb(46, 204, 64) !important; } .ui.inverted.green.basic.button:focus, .ui.inverted.green.basic.buttons .button:focus { box-shadow: rgb(25, 184, 43) 0px 0px 0px 2px inset !important; color: rgb(46, 204, 64) !important; } .ui.inverted.green.basic.active.button, .ui.inverted.green.basic.buttons .active.button, .ui.inverted.green.buttons .basic.active.button { box-shadow: rgb(31, 194, 49) 0px 0px 0px 2px inset !important; color: rgb(46, 204, 64) !important; } .ui.inverted.green.basic.button:active, .ui.inverted.green.basic.buttons .button:active, .ui.inverted.green.buttons .basic.button:active { box-shadow: rgb(37, 162, 51) 0px 0px 0px 2px inset !important; color: rgb(46, 204, 64) !important; } .ui.orange.button, .ui.orange.buttons .button { background-color: rgb(242, 113, 28); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.orange.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.orange.button:hover, .ui.orange.buttons .button:hover { background-color: rgb(242, 98, 2); color: rgb(255, 255, 255); text-shadow: none; } .ui.orange.button:focus, .ui.orange.buttons .button:focus { background-color: rgb(229, 91, 0); color: rgb(255, 255, 255); text-shadow: none; } .ui.orange.button:active, .ui.orange.buttons .button:active { background-color: rgb(207, 89, 12); color: rgb(255, 255, 255); text-shadow: none; } .ui.orange.active.button, .ui.orange.button .active.button:active, .ui.orange.buttons .active.button, .ui.orange.buttons .active.button:active { background-color: rgb(245, 97, 0); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.orange.button, .ui.basic.orange.buttons .button { box-shadow: rgb(242, 113, 28) 0px 0px 0px 1px inset !important; color: rgb(242, 113, 28) !important; } .ui.basic.orange.button:hover, .ui.basic.orange.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(242, 98, 2) 0px 0px 0px 1px inset !important; color: rgb(242, 98, 2) !important; } .ui.basic.orange.button:focus, .ui.basic.orange.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(229, 91, 0) 0px 0px 0px 1px inset !important; color: rgb(242, 98, 2) !important; } .ui.basic.orange.active.button, .ui.basic.orange.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(245, 97, 0) 0px 0px 0px 1px inset !important; color: rgb(207, 89, 12) !important; } .ui.basic.orange.button:active, .ui.basic.orange.buttons .button:active { box-shadow: rgb(207, 89, 12) 0px 0px 0px 1px inset !important; color: rgb(207, 89, 12) !important; } .ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) { margin-left: -1px; } .ui.inverted.orange.button, .ui.inverted.orange.buttons .button { background-color: initial; color: rgb(255, 133, 27); box-shadow: rgb(255, 133, 27) 0px 0px 0px 2px inset !important; } .ui.inverted.orange.button.active, .ui.inverted.orange.button:active, .ui.inverted.orange.button:focus, .ui.inverted.orange.button:hover, .ui.inverted.orange.buttons .button.active, .ui.inverted.orange.buttons .button:active, .ui.inverted.orange.buttons .button:focus, .ui.inverted.orange.buttons .button:hover { box-shadow: none !important; color: rgb(255, 255, 255); } .ui.inverted.orange.button:hover, .ui.inverted.orange.buttons .button:hover { background-color: rgb(255, 119, 1); } .ui.inverted.orange.button:focus, .ui.inverted.orange.buttons .button:focus { background-color: rgb(241, 112, 0); } .ui.inverted.orange.active.button, .ui.inverted.orange.buttons .active.button { background-color: rgb(255, 119, 1); } .ui.inverted.orange.button:active, .ui.inverted.orange.buttons .button:active { background-color: rgb(231, 107, 0); } .ui.inverted.orange.basic.button, .ui.inverted.orange.basic.buttons .button, .ui.inverted.orange.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.orange.basic.button:hover, .ui.inverted.orange.basic.buttons .button:hover, .ui.inverted.orange.buttons .basic.button:hover { box-shadow: rgb(255, 119, 1) 0px 0px 0px 2px inset !important; color: rgb(255, 133, 27) !important; } .ui.inverted.orange.basic.button:focus, .ui.inverted.orange.basic.buttons .button:focus { box-shadow: rgb(241, 112, 0) 0px 0px 0px 2px inset !important; color: rgb(255, 133, 27) !important; } .ui.inverted.orange.basic.active.button, .ui.inverted.orange.basic.buttons .active.button, .ui.inverted.orange.buttons .basic.active.button { box-shadow: rgb(255, 119, 1) 0px 0px 0px 2px inset !important; color: rgb(255, 133, 27) !important; } .ui.inverted.orange.basic.button:active, .ui.inverted.orange.basic.buttons .button:active, .ui.inverted.orange.buttons .basic.button:active { box-shadow: rgb(231, 107, 0) 0px 0px 0px 2px inset !important; color: rgb(255, 133, 27) !important; } .ui.pink.button, .ui.pink.buttons .button { background-color: rgb(224, 57, 151); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.pink.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.pink.button:hover, .ui.pink.buttons .button:hover { background-color: rgb(230, 26, 141); color: rgb(255, 255, 255); text-shadow: none; } .ui.pink.button:focus, .ui.pink.buttons .button:focus { background-color: rgb(225, 15, 133); color: rgb(255, 255, 255); text-shadow: none; } .ui.pink.button:active, .ui.pink.buttons .button:active { background-color: rgb(199, 31, 126); color: rgb(255, 255, 255); text-shadow: none; } .ui.pink.active.button, .ui.pink.button .active.button:active, .ui.pink.buttons .active.button, .ui.pink.buttons .active.button:active { background-color: rgb(234, 21, 141); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.pink.button, .ui.basic.pink.buttons .button { box-shadow: rgb(224, 57, 151) 0px 0px 0px 1px inset !important; color: rgb(224, 57, 151) !important; } .ui.basic.pink.button:hover, .ui.basic.pink.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(230, 26, 141) 0px 0px 0px 1px inset !important; color: rgb(230, 26, 141) !important; } .ui.basic.pink.button:focus, .ui.basic.pink.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(225, 15, 133) 0px 0px 0px 1px inset !important; color: rgb(230, 26, 141) !important; } .ui.basic.pink.active.button, .ui.basic.pink.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(234, 21, 141) 0px 0px 0px 1px inset !important; color: rgb(199, 31, 126) !important; } .ui.basic.pink.button:active, .ui.basic.pink.buttons .button:active { box-shadow: rgb(199, 31, 126) 0px 0px 0px 1px inset !important; color: rgb(199, 31, 126) !important; } .ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) { margin-left: -1px; } .ui.inverted.pink.button, .ui.inverted.pink.buttons .button { background-color: initial; color: rgb(255, 142, 223); box-shadow: rgb(255, 142, 223) 0px 0px 0px 2px inset !important; } .ui.inverted.pink.button.active, .ui.inverted.pink.button:active, .ui.inverted.pink.button:focus, .ui.inverted.pink.button:hover, .ui.inverted.pink.buttons .button.active, .ui.inverted.pink.buttons .button:active, .ui.inverted.pink.buttons .button:focus, .ui.inverted.pink.buttons .button:hover { box-shadow: none !important; color: rgb(255, 255, 255); } .ui.inverted.pink.button:hover, .ui.inverted.pink.buttons .button:hover { background-color: rgb(255, 116, 216); } .ui.inverted.pink.button:focus, .ui.inverted.pink.buttons .button:focus { background-color: rgb(255, 101, 211); } .ui.inverted.pink.active.button, .ui.inverted.pink.buttons .active.button { background-color: rgb(255, 116, 216); } .ui.inverted.pink.button:active, .ui.inverted.pink.buttons .button:active { background-color: rgb(255, 91, 209); } .ui.inverted.pink.basic.button, .ui.inverted.pink.basic.buttons .button, .ui.inverted.pink.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.pink.basic.button:hover, .ui.inverted.pink.basic.buttons .button:hover, .ui.inverted.pink.buttons .basic.button:hover { box-shadow: rgb(255, 116, 216) 0px 0px 0px 2px inset !important; color: rgb(255, 142, 223) !important; } .ui.inverted.pink.basic.button:focus, .ui.inverted.pink.basic.buttons .button:focus { box-shadow: rgb(255, 101, 211) 0px 0px 0px 2px inset !important; color: rgb(255, 142, 223) !important; } .ui.inverted.pink.basic.active.button, .ui.inverted.pink.basic.buttons .active.button, .ui.inverted.pink.buttons .basic.active.button { box-shadow: rgb(255, 116, 216) 0px 0px 0px 2px inset !important; color: rgb(255, 142, 223) !important; } .ui.inverted.pink.basic.button:active, .ui.inverted.pink.basic.buttons .button:active, .ui.inverted.pink.buttons .basic.button:active { box-shadow: rgb(255, 91, 209) 0px 0px 0px 2px inset !important; color: rgb(255, 142, 223) !important; } .ui.violet.button, .ui.violet.buttons .button { background-color: rgb(100, 53, 201); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.violet.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.violet.button:hover, .ui.violet.buttons .button:hover { background-color: rgb(88, 41, 187); color: rgb(255, 255, 255); text-shadow: none; } .ui.violet.button:focus, .ui.violet.buttons .button:focus { background-color: rgb(79, 32, 181); color: rgb(255, 255, 255); text-shadow: none; } .ui.violet.button:active, .ui.violet.buttons .button:active { background-color: rgb(80, 42, 161); color: rgb(255, 255, 255); text-shadow: none; } .ui.violet.active.button, .ui.violet.button .active.button:active, .ui.violet.buttons .active.button, .ui.violet.buttons .active.button:active { background-color: rgb(86, 38, 191); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.violet.button, .ui.basic.violet.buttons .button { box-shadow: rgb(100, 53, 201) 0px 0px 0px 1px inset !important; color: rgb(100, 53, 201) !important; } .ui.basic.violet.button:hover, .ui.basic.violet.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(88, 41, 187) 0px 0px 0px 1px inset !important; color: rgb(88, 41, 187) !important; } .ui.basic.violet.button:focus, .ui.basic.violet.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(79, 32, 181) 0px 0px 0px 1px inset !important; color: rgb(88, 41, 187) !important; } .ui.basic.violet.active.button, .ui.basic.violet.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(86, 38, 191) 0px 0px 0px 1px inset !important; color: rgb(80, 42, 161) !important; } .ui.basic.violet.button:active, .ui.basic.violet.buttons .button:active { box-shadow: rgb(80, 42, 161) 0px 0px 0px 1px inset !important; color: rgb(80, 42, 161) !important; } .ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) { margin-left: -1px; } .ui.inverted.violet.button, .ui.inverted.violet.buttons .button { background-color: initial; color: rgb(162, 145, 251); box-shadow: rgb(162, 145, 251) 0px 0px 0px 2px inset !important; } .ui.inverted.violet.button.active, .ui.inverted.violet.button:active, .ui.inverted.violet.button:focus, .ui.inverted.violet.button:hover, .ui.inverted.violet.buttons .button.active, .ui.inverted.violet.buttons .button:active, .ui.inverted.violet.buttons .button:focus, .ui.inverted.violet.buttons .button:hover { box-shadow: none !important; color: rgb(255, 255, 255); } .ui.inverted.violet.button:hover, .ui.inverted.violet.buttons .button:hover { background-color: rgb(138, 115, 255); } .ui.inverted.violet.button:focus, .ui.inverted.violet.buttons .button:focus { background-color: rgb(125, 100, 255); } .ui.inverted.violet.active.button, .ui.inverted.violet.buttons .active.button { background-color: rgb(138, 115, 255); } .ui.inverted.violet.button:active, .ui.inverted.violet.buttons .button:active { background-color: rgb(120, 96, 249); } .ui.inverted.violet.basic.button, .ui.inverted.violet.basic.buttons .button, .ui.inverted.violet.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.violet.basic.button:hover, .ui.inverted.violet.basic.buttons .button:hover, .ui.inverted.violet.buttons .basic.button:hover { box-shadow: rgb(138, 115, 255) 0px 0px 0px 2px inset !important; color: rgb(162, 145, 251) !important; } .ui.inverted.violet.basic.button:focus, .ui.inverted.violet.basic.buttons .button:focus { box-shadow: rgb(125, 100, 255) 0px 0px 0px 2px inset !important; color: rgb(162, 145, 251) !important; } .ui.inverted.violet.basic.active.button, .ui.inverted.violet.basic.buttons .active.button, .ui.inverted.violet.buttons .basic.active.button { box-shadow: rgb(138, 115, 255) 0px 0px 0px 2px inset !important; color: rgb(162, 145, 251) !important; } .ui.inverted.violet.basic.button:active, .ui.inverted.violet.basic.buttons .button:active, .ui.inverted.violet.buttons .basic.button:active { box-shadow: rgb(120, 96, 249) 0px 0px 0px 2px inset !important; color: rgb(162, 145, 251) !important; } .ui.purple.button, .ui.purple.buttons .button { background-color: rgb(163, 51, 200); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.purple.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.purple.button:hover, .ui.purple.buttons .button:hover { background-color: rgb(150, 39, 186); color: rgb(255, 255, 255); text-shadow: none; } .ui.purple.button:focus, .ui.purple.buttons .button:focus { background-color: rgb(143, 30, 180); color: rgb(255, 255, 255); text-shadow: none; } .ui.purple.button:active, .ui.purple.buttons .button:active { background-color: rgb(130, 41, 159); color: rgb(255, 255, 255); text-shadow: none; } .ui.purple.active.button, .ui.purple.button .active.button:active, .ui.purple.buttons .active.button, .ui.purple.buttons .active.button:active { background-color: rgb(151, 36, 190); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.purple.button, .ui.basic.purple.buttons .button { box-shadow: rgb(163, 51, 200) 0px 0px 0px 1px inset !important; color: rgb(163, 51, 200) !important; } .ui.basic.purple.button:hover, .ui.basic.purple.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(150, 39, 186) 0px 0px 0px 1px inset !important; color: rgb(150, 39, 186) !important; } .ui.basic.purple.button:focus, .ui.basic.purple.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(143, 30, 180) 0px 0px 0px 1px inset !important; color: rgb(150, 39, 186) !important; } .ui.basic.purple.active.button, .ui.basic.purple.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(151, 36, 190) 0px 0px 0px 1px inset !important; color: rgb(130, 41, 159) !important; } .ui.basic.purple.button:active, .ui.basic.purple.buttons .button:active { box-shadow: rgb(130, 41, 159) 0px 0px 0px 1px inset !important; color: rgb(130, 41, 159) !important; } .ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) { margin-left: -1px; } .ui.inverted.purple.button, .ui.inverted.purple.buttons .button { background-color: initial; color: rgb(220, 115, 255); box-shadow: rgb(220, 115, 255) 0px 0px 0px 2px inset !important; } .ui.inverted.purple.button.active, .ui.inverted.purple.button:active, .ui.inverted.purple.button:focus, .ui.inverted.purple.button:hover, .ui.inverted.purple.buttons .button.active, .ui.inverted.purple.buttons .button:active, .ui.inverted.purple.buttons .button:focus, .ui.inverted.purple.buttons .button:hover { box-shadow: none !important; color: rgb(255, 255, 255); } .ui.inverted.purple.button:hover, .ui.inverted.purple.buttons .button:hover { background-color: rgb(214, 90, 255); } .ui.inverted.purple.button:focus, .ui.inverted.purple.buttons .button:focus { background-color: rgb(210, 74, 255); } .ui.inverted.purple.active.button, .ui.inverted.purple.buttons .active.button { background-color: rgb(214, 90, 255); } .ui.inverted.purple.button:active, .ui.inverted.purple.buttons .button:active { background-color: rgb(207, 64, 255); } .ui.inverted.purple.basic.button, .ui.inverted.purple.basic.buttons .button, .ui.inverted.purple.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.purple.basic.button:hover, .ui.inverted.purple.basic.buttons .button:hover, .ui.inverted.purple.buttons .basic.button:hover { box-shadow: rgb(214, 90, 255) 0px 0px 0px 2px inset !important; color: rgb(220, 115, 255) !important; } .ui.inverted.purple.basic.button:focus, .ui.inverted.purple.basic.buttons .button:focus { box-shadow: rgb(210, 74, 255) 0px 0px 0px 2px inset !important; color: rgb(220, 115, 255) !important; } .ui.inverted.purple.basic.active.button, .ui.inverted.purple.basic.buttons .active.button, .ui.inverted.purple.buttons .basic.active.button { box-shadow: rgb(214, 90, 255) 0px 0px 0px 2px inset !important; color: rgb(220, 115, 255) !important; } .ui.inverted.purple.basic.button:active, .ui.inverted.purple.basic.buttons .button:active, .ui.inverted.purple.buttons .basic.button:active { box-shadow: rgb(207, 64, 255) 0px 0px 0px 2px inset !important; color: rgb(220, 115, 255) !important; } .ui.red.button, .ui.red.buttons .button { background-color: rgb(219, 40, 40); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.red.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.red.button:hover, .ui.red.buttons .button:hover { background-color: rgb(208, 25, 25); color: rgb(255, 255, 255); text-shadow: none; } .ui.red.button:focus, .ui.red.buttons .button:focus { background-color: rgb(202, 16, 16); color: rgb(255, 255, 255); text-shadow: none; } .ui.red.button:active, .ui.red.buttons .button:active { background-color: rgb(178, 30, 30); color: rgb(255, 255, 255); text-shadow: none; } .ui.red.active.button, .ui.red.button .active.button:active, .ui.red.buttons .active.button, .ui.red.buttons .active.button:active { background-color: rgb(212, 21, 21); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.red.button, .ui.basic.red.buttons .button { box-shadow: rgb(219, 40, 40) 0px 0px 0px 1px inset !important; color: rgb(219, 40, 40) !important; } .ui.basic.red.button:hover, .ui.basic.red.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(208, 25, 25) 0px 0px 0px 1px inset !important; color: rgb(208, 25, 25) !important; } .ui.basic.red.button:focus, .ui.basic.red.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(202, 16, 16) 0px 0px 0px 1px inset !important; color: rgb(208, 25, 25) !important; } .ui.basic.red.active.button, .ui.basic.red.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(212, 21, 21) 0px 0px 0px 1px inset !important; color: rgb(178, 30, 30) !important; } .ui.basic.red.button:active, .ui.basic.red.buttons .button:active { box-shadow: rgb(178, 30, 30) 0px 0px 0px 1px inset !important; color: rgb(178, 30, 30) !important; } .ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) { margin-left: -1px; } .ui.inverted.red.button, .ui.inverted.red.buttons .button { background-color: initial; color: rgb(255, 105, 94); box-shadow: rgb(255, 105, 94) 0px 0px 0px 2px inset !important; } .ui.inverted.red.button.active, .ui.inverted.red.button:active, .ui.inverted.red.button:focus, .ui.inverted.red.button:hover, .ui.inverted.red.buttons .button.active, .ui.inverted.red.buttons .button:active, .ui.inverted.red.buttons .button:focus, .ui.inverted.red.buttons .button:hover { box-shadow: none !important; color: rgb(255, 255, 255); } .ui.inverted.red.button:hover, .ui.inverted.red.buttons .button:hover { background-color: rgb(255, 81, 68); } .ui.inverted.red.button:focus, .ui.inverted.red.buttons .button:focus { background-color: rgb(255, 67, 53); } .ui.inverted.red.active.button, .ui.inverted.red.buttons .active.button { background-color: rgb(255, 81, 68); } .ui.inverted.red.button:active, .ui.inverted.red.buttons .button:active { background-color: rgb(255, 57, 43); } .ui.inverted.red.basic.button, .ui.inverted.red.basic.buttons .button, .ui.inverted.red.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.red.basic.button:hover, .ui.inverted.red.basic.buttons .button:hover, .ui.inverted.red.buttons .basic.button:hover { box-shadow: rgb(255, 81, 68) 0px 0px 0px 2px inset !important; color: rgb(255, 105, 94) !important; } .ui.inverted.red.basic.button:focus, .ui.inverted.red.basic.buttons .button:focus { box-shadow: rgb(255, 67, 53) 0px 0px 0px 2px inset !important; color: rgb(255, 105, 94) !important; } .ui.inverted.red.basic.active.button, .ui.inverted.red.basic.buttons .active.button, .ui.inverted.red.buttons .basic.active.button { box-shadow: rgb(255, 81, 68) 0px 0px 0px 2px inset !important; color: rgb(255, 105, 94) !important; } .ui.inverted.red.basic.button:active, .ui.inverted.red.basic.buttons .button:active, .ui.inverted.red.buttons .basic.button:active { box-shadow: rgb(255, 57, 43) 0px 0px 0px 2px inset !important; color: rgb(255, 105, 94) !important; } .ui.teal.button, .ui.teal.buttons .button { background-color: rgb(0, 181, 173); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.teal.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.teal.button:hover, .ui.teal.buttons .button:hover { background-color: rgb(0, 156, 149); color: rgb(255, 255, 255); text-shadow: none; } .ui.teal.button:focus, .ui.teal.buttons .button:focus { background-color: rgb(0, 140, 134); color: rgb(255, 255, 255); text-shadow: none; } .ui.teal.button:active, .ui.teal.buttons .button:active { background-color: rgb(0, 130, 124); color: rgb(255, 255, 255); text-shadow: none; } .ui.teal.active.button, .ui.teal.button .active.button:active, .ui.teal.buttons .active.button, .ui.teal.buttons .active.button:active { background-color: rgb(0, 156, 149); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.teal.button, .ui.basic.teal.buttons .button { box-shadow: rgb(0, 181, 173) 0px 0px 0px 1px inset !important; color: rgb(0, 181, 173) !important; } .ui.basic.teal.button:hover, .ui.basic.teal.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(0, 156, 149) 0px 0px 0px 1px inset !important; color: rgb(0, 156, 149) !important; } .ui.basic.teal.button:focus, .ui.basic.teal.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(0, 140, 134) 0px 0px 0px 1px inset !important; color: rgb(0, 156, 149) !important; } .ui.basic.teal.active.button, .ui.basic.teal.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(0, 156, 149) 0px 0px 0px 1px inset !important; color: rgb(0, 130, 124) !important; } .ui.basic.teal.button:active, .ui.basic.teal.buttons .button:active { box-shadow: rgb(0, 130, 124) 0px 0px 0px 1px inset !important; color: rgb(0, 130, 124) !important; } .ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) { margin-left: -1px; } .ui.inverted.teal.button, .ui.inverted.teal.buttons .button { background-color: initial; color: rgb(109, 255, 255); box-shadow: rgb(109, 255, 255) 0px 0px 0px 2px inset !important; } .ui.inverted.teal.button.active, .ui.inverted.teal.button:active, .ui.inverted.teal.button:focus, .ui.inverted.teal.button:hover, .ui.inverted.teal.buttons .button.active, .ui.inverted.teal.buttons .button:active, .ui.inverted.teal.buttons .button:focus, .ui.inverted.teal.buttons .button:hover { box-shadow: none !important; color: rgba(0, 0, 0, 0.6); } .ui.inverted.teal.button:hover, .ui.inverted.teal.buttons .button:hover { background-color: rgb(84, 255, 255); } .ui.inverted.teal.button:focus, .ui.inverted.teal.buttons .button:focus { background-color: rgb(68, 255, 255); } .ui.inverted.teal.active.button, .ui.inverted.teal.buttons .active.button { background-color: rgb(84, 255, 255); } .ui.inverted.teal.button:active, .ui.inverted.teal.buttons .button:active { background-color: rgb(58, 255, 255); } .ui.inverted.teal.basic.button, .ui.inverted.teal.basic.buttons .button, .ui.inverted.teal.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.teal.basic.button:hover, .ui.inverted.teal.basic.buttons .button:hover, .ui.inverted.teal.buttons .basic.button:hover { box-shadow: rgb(84, 255, 255) 0px 0px 0px 2px inset !important; color: rgb(109, 255, 255) !important; } .ui.inverted.teal.basic.button:focus, .ui.inverted.teal.basic.buttons .button:focus { box-shadow: rgb(68, 255, 255) 0px 0px 0px 2px inset !important; color: rgb(109, 255, 255) !important; } .ui.inverted.teal.basic.active.button, .ui.inverted.teal.basic.buttons .active.button, .ui.inverted.teal.buttons .basic.active.button { box-shadow: rgb(84, 255, 255) 0px 0px 0px 2px inset !important; color: rgb(109, 255, 255) !important; } .ui.inverted.teal.basic.button:active, .ui.inverted.teal.basic.buttons .button:active, .ui.inverted.teal.buttons .basic.button:active { box-shadow: rgb(58, 255, 255) 0px 0px 0px 2px inset !important; color: rgb(109, 255, 255) !important; } .ui.olive.button, .ui.olive.buttons .button { background-color: rgb(181, 204, 24); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.olive.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.olive.button:hover, .ui.olive.buttons .button:hover { background-color: rgb(167, 189, 13); color: rgb(255, 255, 255); text-shadow: none; } .ui.olive.button:focus, .ui.olive.buttons .button:focus { background-color: rgb(160, 182, 5); color: rgb(255, 255, 255); text-shadow: none; } .ui.olive.button:active, .ui.olive.buttons .button:active { background-color: rgb(141, 158, 19); color: rgb(255, 255, 255); text-shadow: none; } .ui.olive.active.button, .ui.olive.button .active.button:active, .ui.olive.buttons .active.button, .ui.olive.buttons .active.button:active { background-color: rgb(170, 193, 9); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.olive.button, .ui.basic.olive.buttons .button { box-shadow: rgb(181, 204, 24) 0px 0px 0px 1px inset !important; color: rgb(181, 204, 24) !important; } .ui.basic.olive.button:hover, .ui.basic.olive.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(167, 189, 13) 0px 0px 0px 1px inset !important; color: rgb(167, 189, 13) !important; } .ui.basic.olive.button:focus, .ui.basic.olive.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(160, 182, 5) 0px 0px 0px 1px inset !important; color: rgb(167, 189, 13) !important; } .ui.basic.olive.active.button, .ui.basic.olive.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(170, 193, 9) 0px 0px 0px 1px inset !important; color: rgb(141, 158, 19) !important; } .ui.basic.olive.button:active, .ui.basic.olive.buttons .button:active { box-shadow: rgb(141, 158, 19) 0px 0px 0px 1px inset !important; color: rgb(141, 158, 19) !important; } .ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) { margin-left: -1px; } .ui.inverted.olive.button, .ui.inverted.olive.buttons .button { background-color: initial; color: rgb(217, 231, 120); box-shadow: rgb(217, 231, 120) 0px 0px 0px 2px inset !important; } .ui.inverted.olive.button.active, .ui.inverted.olive.button:active, .ui.inverted.olive.button:focus, .ui.inverted.olive.button:hover, .ui.inverted.olive.buttons .button.active, .ui.inverted.olive.buttons .button:active, .ui.inverted.olive.buttons .button:focus, .ui.inverted.olive.buttons .button:hover { box-shadow: none !important; color: rgba(0, 0, 0, 0.6); } .ui.inverted.olive.button:hover, .ui.inverted.olive.buttons .button:hover { background-color: rgb(216, 234, 92); } .ui.inverted.olive.button:focus, .ui.inverted.olive.buttons .button:focus { background-color: rgb(218, 239, 71); } .ui.inverted.olive.active.button, .ui.inverted.olive.buttons .active.button { background-color: rgb(218, 237, 89); } .ui.inverted.olive.button:active, .ui.inverted.olive.buttons .button:active { background-color: rgb(205, 223, 77); } .ui.inverted.olive.basic.button, .ui.inverted.olive.basic.buttons .button, .ui.inverted.olive.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.olive.basic.button:hover, .ui.inverted.olive.basic.buttons .button:hover, .ui.inverted.olive.buttons .basic.button:hover { box-shadow: rgb(216, 234, 92) 0px 0px 0px 2px inset !important; color: rgb(217, 231, 120) !important; } .ui.inverted.olive.basic.button:focus, .ui.inverted.olive.basic.buttons .button:focus { box-shadow: rgb(218, 239, 71) 0px 0px 0px 2px inset !important; color: rgb(217, 231, 120) !important; } .ui.inverted.olive.basic.active.button, .ui.inverted.olive.basic.buttons .active.button, .ui.inverted.olive.buttons .basic.active.button { box-shadow: rgb(218, 237, 89) 0px 0px 0px 2px inset !important; color: rgb(217, 231, 120) !important; } .ui.inverted.olive.basic.button:active, .ui.inverted.olive.basic.buttons .button:active, .ui.inverted.olive.buttons .basic.button:active { box-shadow: rgb(205, 223, 77) 0px 0px 0px 2px inset !important; color: rgb(217, 231, 120) !important; } .ui.yellow.button, .ui.yellow.buttons .button { background-color: rgb(251, 189, 8); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.yellow.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.yellow.button:hover, .ui.yellow.buttons .button:hover { background-color: rgb(234, 174, 0); color: rgb(255, 255, 255); text-shadow: none; } .ui.yellow.button:focus, .ui.yellow.buttons .button:focus { background-color: rgb(218, 163, 0); color: rgb(255, 255, 255); text-shadow: none; } .ui.yellow.button:active, .ui.yellow.buttons .button:active { background-color: rgb(205, 153, 3); color: rgb(255, 255, 255); text-shadow: none; } .ui.yellow.active.button, .ui.yellow.button .active.button:active, .ui.yellow.buttons .active.button, .ui.yellow.buttons .active.button:active { background-color: rgb(234, 174, 0); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.yellow.button, .ui.basic.yellow.buttons .button { box-shadow: rgb(251, 189, 8) 0px 0px 0px 1px inset !important; color: rgb(251, 189, 8) !important; } .ui.basic.yellow.button:hover, .ui.basic.yellow.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(234, 174, 0) 0px 0px 0px 1px inset !important; color: rgb(234, 174, 0) !important; } .ui.basic.yellow.button:focus, .ui.basic.yellow.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(218, 163, 0) 0px 0px 0px 1px inset !important; color: rgb(234, 174, 0) !important; } .ui.basic.yellow.active.button, .ui.basic.yellow.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(234, 174, 0) 0px 0px 0px 1px inset !important; color: rgb(205, 153, 3) !important; } .ui.basic.yellow.button:active, .ui.basic.yellow.buttons .button:active { box-shadow: rgb(205, 153, 3) 0px 0px 0px 1px inset !important; color: rgb(205, 153, 3) !important; } .ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) { margin-left: -1px; } .ui.inverted.yellow.button, .ui.inverted.yellow.buttons .button { background-color: initial; color: rgb(255, 226, 31); box-shadow: rgb(255, 226, 31) 0px 0px 0px 2px inset !important; } .ui.inverted.yellow.button.active, .ui.inverted.yellow.button:active, .ui.inverted.yellow.button:focus, .ui.inverted.yellow.button:hover, .ui.inverted.yellow.buttons .button.active, .ui.inverted.yellow.buttons .button:active, .ui.inverted.yellow.buttons .button:focus, .ui.inverted.yellow.buttons .button:hover { box-shadow: none !important; color: rgba(0, 0, 0, 0.6); } .ui.inverted.yellow.button:hover, .ui.inverted.yellow.buttons .button:hover { background-color: rgb(255, 223, 5); } .ui.inverted.yellow.button:focus, .ui.inverted.yellow.buttons .button:focus { background-color: rgb(245, 213, 0); } .ui.inverted.yellow.active.button, .ui.inverted.yellow.buttons .active.button { background-color: rgb(255, 223, 5); } .ui.inverted.yellow.button:active, .ui.inverted.yellow.buttons .button:active { background-color: rgb(235, 205, 0); } .ui.inverted.yellow.basic.button, .ui.inverted.yellow.basic.buttons .button, .ui.inverted.yellow.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.yellow.basic.button:hover, .ui.inverted.yellow.basic.buttons .button:hover, .ui.inverted.yellow.buttons .basic.button:hover { box-shadow: rgb(255, 223, 5) 0px 0px 0px 2px inset !important; color: rgb(255, 226, 31) !important; } .ui.inverted.yellow.basic.button:focus, .ui.inverted.yellow.basic.buttons .button:focus { box-shadow: rgb(245, 213, 0) 0px 0px 0px 2px inset !important; color: rgb(255, 226, 31) !important; } .ui.inverted.yellow.basic.active.button, .ui.inverted.yellow.basic.buttons .active.button, .ui.inverted.yellow.buttons .basic.active.button { box-shadow: rgb(255, 223, 5) 0px 0px 0px 2px inset !important; color: rgb(255, 226, 31) !important; } .ui.inverted.yellow.basic.button:active, .ui.inverted.yellow.basic.buttons .button:active, .ui.inverted.yellow.buttons .basic.button:active { box-shadow: rgb(235, 205, 0) 0px 0px 0px 2px inset !important; color: rgb(255, 226, 31) !important; } .ui.primary.button, .ui.primary.buttons .button { background-color: rgb(33, 133, 208); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.primary.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.primary.button:hover, .ui.primary.buttons .button:hover { background-color: rgb(22, 120, 194); color: rgb(255, 255, 255); text-shadow: none; } .ui.primary.button:focus, .ui.primary.buttons .button:focus { background-color: rgb(13, 113, 187); color: rgb(255, 255, 255); text-shadow: none; } .ui.primary.button:active, .ui.primary.buttons .button:active { background-color: rgb(26, 105, 164); color: rgb(255, 255, 255); text-shadow: none; } .ui.primary.active.button, .ui.primary.button .active.button:active, .ui.primary.buttons .active.button, .ui.primary.buttons .active.button:active { background-color: rgb(18, 121, 198); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.primary.button, .ui.basic.primary.buttons .button { box-shadow: rgb(33, 133, 208) 0px 0px 0px 1px inset !important; color: rgb(33, 133, 208) !important; } .ui.basic.primary.button:hover, .ui.basic.primary.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(22, 120, 194) 0px 0px 0px 1px inset !important; color: rgb(22, 120, 194) !important; } .ui.basic.primary.button:focus, .ui.basic.primary.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(13, 113, 187) 0px 0px 0px 1px inset !important; color: rgb(22, 120, 194) !important; } .ui.basic.primary.active.button, .ui.basic.primary.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(18, 121, 198) 0px 0px 0px 1px inset !important; color: rgb(26, 105, 164) !important; } .ui.basic.primary.button:active, .ui.basic.primary.buttons .button:active { box-shadow: rgb(26, 105, 164) 0px 0px 0px 1px inset !important; color: rgb(26, 105, 164) !important; } .ui.inverted.primary.button, .ui.inverted.primary.buttons .button { background-color: initial; color: rgb(84, 200, 255); box-shadow: rgb(84, 200, 255) 0px 0px 0px 2px inset !important; } .ui.inverted.primary.button.active, .ui.inverted.primary.button:active, .ui.inverted.primary.button:focus, .ui.inverted.primary.button:hover, .ui.inverted.primary.buttons .button.active, .ui.inverted.primary.buttons .button:active, .ui.inverted.primary.buttons .button:focus, .ui.inverted.primary.buttons .button:hover { box-shadow: none !important; color: rgb(255, 255, 255); } .ui.inverted.primary.button:hover, .ui.inverted.primary.buttons .button:hover { background-color: rgb(58, 192, 255); } .ui.inverted.primary.button:focus, .ui.inverted.primary.buttons .button:focus { background-color: rgb(43, 187, 255); } .ui.inverted.primary.active.button, .ui.inverted.primary.buttons .active.button { background-color: rgb(58, 192, 255); } .ui.inverted.primary.button:active, .ui.inverted.primary.buttons .button:active { background-color: rgb(33, 184, 255); } .ui.inverted.primary.basic.button, .ui.inverted.primary.basic.buttons .button, .ui.inverted.primary.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.primary.basic.button:hover, .ui.inverted.primary.basic.buttons .button:hover, .ui.inverted.primary.buttons .basic.button:hover { box-shadow: rgb(58, 192, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.inverted.primary.basic.button:focus, .ui.inverted.primary.basic.buttons .button:focus { box-shadow: rgb(43, 187, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.inverted.primary.basic.active.button, .ui.inverted.primary.basic.buttons .active.button, .ui.inverted.primary.buttons .basic.active.button { box-shadow: rgb(58, 192, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.inverted.primary.basic.button:active, .ui.inverted.primary.basic.buttons .button:active, .ui.inverted.primary.buttons .basic.button:active { box-shadow: rgb(33, 184, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.secondary.button, .ui.secondary.buttons .button { background-color: rgb(27, 28, 29); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.secondary.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.secondary.button:hover, .ui.secondary.buttons .button:hover { background-color: rgb(39, 41, 42); color: rgb(255, 255, 255); text-shadow: none; } .ui.secondary.button:focus, .ui.secondary.buttons .button:focus { background-color: rgb(46, 48, 50); color: rgb(255, 255, 255); text-shadow: none; } .ui.secondary.button:active, .ui.secondary.buttons .button:active { background-color: rgb(52, 54, 55); color: rgb(255, 255, 255); text-shadow: none; } .ui.secondary.active.button, .ui.secondary.button .active.button:active, .ui.secondary.buttons .active.button, .ui.secondary.buttons .active.button:active { background-color: rgb(39, 41, 42); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.secondary.button, .ui.basic.secondary.buttons .button { box-shadow: rgb(27, 28, 29) 0px 0px 0px 1px inset !important; color: rgb(27, 28, 29) !important; } .ui.basic.secondary.button:hover, .ui.basic.secondary.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(39, 41, 42) 0px 0px 0px 1px inset !important; color: rgb(39, 41, 42) !important; } .ui.basic.secondary.button:focus, .ui.basic.secondary.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(46, 48, 50) 0px 0px 0px 1px inset !important; color: rgb(39, 41, 42) !important; } .ui.basic.secondary.active.button, .ui.basic.secondary.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(39, 41, 42) 0px 0px 0px 1px inset !important; color: rgb(52, 54, 55) !important; } .ui.basic.secondary.button:active, .ui.basic.secondary.buttons .button:active { box-shadow: rgb(52, 54, 55) 0px 0px 0px 1px inset !important; color: rgb(52, 54, 55) !important; } .ui.inverted.secondary.button, .ui.inverted.secondary.buttons .button { background-color: initial; color: rgb(84, 84, 84); box-shadow: rgb(84, 84, 84) 0px 0px 0px 2px inset !important; } .ui.inverted.secondary.button.active, .ui.inverted.secondary.button:active, .ui.inverted.secondary.button:focus, .ui.inverted.secondary.button:hover, .ui.inverted.secondary.buttons .button.active, .ui.inverted.secondary.buttons .button:active, .ui.inverted.secondary.buttons .button:focus, .ui.inverted.secondary.buttons .button:hover { box-shadow: none !important; color: rgb(255, 255, 255); } .ui.inverted.secondary.button:hover, .ui.inverted.secondary.buttons .button:hover { background-color: rgb(97, 97, 97); } .ui.inverted.secondary.button:focus, .ui.inverted.secondary.buttons .button:focus { background-color: rgb(104, 104, 104); } .ui.inverted.secondary.active.button, .ui.inverted.secondary.buttons .active.button { background-color: rgb(97, 97, 97); } .ui.inverted.secondary.button:active, .ui.inverted.secondary.buttons .button:active { background-color: rgb(110, 110, 110); } .ui.inverted.secondary.basic.button, .ui.inverted.secondary.basic.buttons .button, .ui.inverted.secondary.buttons .basic.button { background-color: initial; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.secondary.basic.button:hover, .ui.inverted.secondary.basic.buttons .button:hover, .ui.inverted.secondary.buttons .basic.button:hover { box-shadow: rgb(97, 97, 97) 0px 0px 0px 2px inset !important; color: rgb(84, 84, 84) !important; } .ui.inverted.secondary.basic.button:focus, .ui.inverted.secondary.basic.buttons .button:focus { box-shadow: rgb(104, 104, 104) 0px 0px 0px 2px inset !important; color: rgb(84, 84, 84) !important; } .ui.inverted.secondary.basic.active.button, .ui.inverted.secondary.basic.buttons .active.button, .ui.inverted.secondary.buttons .basic.active.button { box-shadow: rgb(97, 97, 97) 0px 0px 0px 2px inset !important; color: rgb(84, 84, 84) !important; } .ui.inverted.secondary.basic.button:active, .ui.inverted.secondary.basic.buttons .button:active, .ui.inverted.secondary.buttons .basic.button:active { box-shadow: rgb(110, 110, 110) 0px 0px 0px 2px inset !important; color: rgb(84, 84, 84) !important; } .ui.positive.button, .ui.positive.buttons .button { background-color: rgb(33, 186, 69); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.positive.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.positive.button:hover, .ui.positive.buttons .button:hover { background-color: rgb(22, 171, 57); color: rgb(255, 255, 255); text-shadow: none; } .ui.positive.button:focus, .ui.positive.buttons .button:focus { background-color: rgb(14, 164, 50); color: rgb(255, 255, 255); text-shadow: none; } .ui.positive.button:active, .ui.positive.buttons .button:active { background-color: rgb(25, 143, 53); color: rgb(255, 255, 255); text-shadow: none; } .ui.positive.active.button, .ui.positive.button .active.button:active, .ui.positive.buttons .active.button, .ui.positive.buttons .active.button:active { background-color: rgb(19, 174, 56); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.positive.button, .ui.basic.positive.buttons .button { box-shadow: rgb(33, 186, 69) 0px 0px 0px 1px inset !important; color: rgb(33, 186, 69) !important; } .ui.basic.positive.button:hover, .ui.basic.positive.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(22, 171, 57) 0px 0px 0px 1px inset !important; color: rgb(22, 171, 57) !important; } .ui.basic.positive.button:focus, .ui.basic.positive.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(14, 164, 50) 0px 0px 0px 1px inset !important; color: rgb(22, 171, 57) !important; } .ui.basic.positive.active.button, .ui.basic.positive.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(19, 174, 56) 0px 0px 0px 1px inset !important; color: rgb(25, 143, 53) !important; } .ui.basic.positive.button:active, .ui.basic.positive.buttons .button:active { box-shadow: rgb(25, 143, 53) 0px 0px 0px 1px inset !important; color: rgb(25, 143, 53) !important; } .ui.negative.button, .ui.negative.buttons .button { background-color: rgb(219, 40, 40); background-image: none; color: rgb(255, 255, 255); text-shadow: none; } .ui.negative.button { box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.negative.button:hover, .ui.negative.buttons .button:hover { background-color: rgb(208, 25, 25); color: rgb(255, 255, 255); text-shadow: none; } .ui.negative.button:focus, .ui.negative.buttons .button:focus { background-color: rgb(202, 16, 16); color: rgb(255, 255, 255); text-shadow: none; } .ui.negative.button:active, .ui.negative.buttons .button:active { background-color: rgb(178, 30, 30); color: rgb(255, 255, 255); text-shadow: none; } .ui.negative.active.button, .ui.negative.button .active.button:active, .ui.negative.buttons .active.button, .ui.negative.buttons .active.button:active { background-color: rgb(212, 21, 21); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.negative.button, .ui.basic.negative.buttons .button { box-shadow: rgb(219, 40, 40) 0px 0px 0px 1px inset !important; color: rgb(219, 40, 40) !important; } .ui.basic.negative.button:hover, .ui.basic.negative.buttons .button:hover { background: 0px 0px !important; box-shadow: rgb(208, 25, 25) 0px 0px 0px 1px inset !important; color: rgb(208, 25, 25) !important; } .ui.basic.negative.button:focus, .ui.basic.negative.buttons .button:focus { background: 0px 0px !important; box-shadow: rgb(202, 16, 16) 0px 0px 0px 1px inset !important; color: rgb(208, 25, 25) !important; } .ui.basic.negative.active.button, .ui.basic.negative.buttons .active.button { background: 0px 0px !important; box-shadow: rgb(212, 21, 21) 0px 0px 0px 1px inset !important; color: rgb(178, 30, 30) !important; } .ui.basic.negative.button:active, .ui.basic.negative.buttons .button:active { box-shadow: rgb(178, 30, 30) 0px 0px 0px 1px inset !important; color: rgb(178, 30, 30) !important; } .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { margin-left: -1px; } .ui.buttons { display: inline-flex; flex-direction: row; font-size: 0px; margin: 0px 0.25em 0px 0px; vertical-align: initial; } .ui.buttons:not(.basic):not(.inverted) { box-shadow: none; } .ui.buttons::after { clear: both; content: "."; display: block; height: 0px; visibility: hidden; } .ui.buttons .button { border-radius: 0px; flex: 1 0 auto; margin: 0px; } .ui.buttons:not(.basic):not(.inverted) > .button, .ui.buttons > .ui.button:not(.basic):not(.inverted) { box-shadow: transparent 0px 0px 0px 1px inset, rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset; } .ui.buttons .button:first-child { border-bottom-left-radius: 0.285714rem; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-top-left-radius: 0.285714rem; margin-left: 0px; } .ui.buttons .button:last-child { border-bottom-right-radius: 0.285714rem; border-top-right-radius: 0.285714rem; } .ui.vertical.buttons { display: inline-flex; flex-direction: column; } .ui.vertical.buttons .button { border-radius: 0px; box-shadow: none; display: block; float: none; margin: 0px; width: 100%; } .ui.vertical.buttons .button:first-child { border-top-left-radius: 0.285714rem; border-top-right-radius: 0.285714rem; } .ui.vertical.buttons .button:last-child { border-bottom-left-radius: 0.285714rem; border-bottom-right-radius: 0.285714rem; margin-bottom: 0px; } .ui.vertical.buttons .button:only-child { border-radius: 0.285714rem; } .ui.form { max-width: 100%; position: relative; } .ui.form > p { margin: 1em 0px; } .ui.form .field { clear: both; margin: 0px 0px 1em; } .ui.form .field:last-child, .ui.form .fields:last-child .field { margin-bottom: 0px; } .ui.form .fields .field { clear: both; margin: 0px; } .ui.form .field > label { color: rgba(0, 0, 0, 0.87); display: block; font-size: 0.928571em; font-weight: 700; margin: 0px 0px 0.285714rem; text-transform: none; } .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"], .ui.form textarea { vertical-align: top; width: 100%; } .ui.form ::-webkit-datetime-edit, .ui.form ::-webkit-inner-spin-button { height: 1.21429em; } .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"] { appearance: none; background: rgb(255, 255, 255); border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.285714rem; box-shadow: transparent 0px 0px 0px 0px inset; color: rgba(0, 0, 0, 0.87); font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.21429em; margin: 0px; outline: 0px; padding: 0.678571em 1em; transition: color 0.1s, border-color 0.1s; } .ui.form textarea { appearance: none; background: rgb(255, 255, 255); border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.285714rem; box-shadow: transparent 0px 0px 0px 0px inset; color: rgba(0, 0, 0, 0.87); font-size: 1em; line-height: 1.2857; margin: 0px; outline: 0px; padding: 0.785714em 1em; resize: vertical; transition: color 0.1s, border-color 0.1s; } .ui.form textarea:not([rows]) { height: 12em; max-height: 24em; min-height: 8em; } .ui.form input[type="checkbox"], .ui.form textarea { vertical-align: top; } .ui.form input.attached { width: auto; } .ui.form select { background: rgb(255, 255, 255); border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.285714rem; box-shadow: transparent 0px 0px 0px 0px inset; color: rgba(0, 0, 0, 0.87); display: block; height: auto; padding: 0.62em 1em; transition: color 0.1s, border-color 0.1s; width: 100%; } .ui.form .field > .selection.dropdown { width: 100%; } .ui.form .field > .selection.dropdown > .dropdown.icon { float: right; } .ui.form .inline.field > .selection.dropdown, .ui.form .inline.fields .field > .selection.dropdown { width: auto; } .ui.form .inline.field > .selection.dropdown > .dropdown.icon, .ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon { float: none; } .ui.form .field .ui.input, .ui.form .fields .field .ui.input, .ui.form .wide.field .ui.input { width: 100%; } .ui.form .inline.field:not(.wide) .ui.input, .ui.form .inline.fields .field:not(.wide) .ui.input { vertical-align: middle; width: auto; } .ui.form .field .ui.input input, .ui.form .fields .field .ui.input input { width: auto; } .ui.form .eight.fields .ui.input input, .ui.form .five.fields .ui.input input, .ui.form .four.fields .ui.input input, .ui.form .nine.fields .ui.input input, .ui.form .seven.fields .ui.input input, .ui.form .six.fields .ui.input input, .ui.form .ten.fields .ui.input input, .ui.form .three.fields .ui.input input, .ui.form .two.fields .ui.input input, .ui.form .wide.field .ui.input input { flex: 1 0 auto; width: 0px; } .ui.form .error.message, .ui.form .success.message, .ui.form .warning.message { display: none; } .ui.form .message:first-child { margin-top: 0px; } .ui.form .field .prompt.label { white-space: normal; background: rgb(255, 255, 255) !important; border: 1px solid rgb(224, 180, 180) !important; color: rgb(159, 58, 56) !important; } .ui.form .inline.field .prompt, .ui.form .inline.fields .field .prompt { margin: -0.25em 0px -0.5em 0.5em; vertical-align: top; } .ui.form .inline.field .prompt::before, .ui.form .inline.fields .field .prompt::before { border-width: 0px 0px 1px 1px; inset: 50% auto auto 0px; } .ui.form .field.field input:-webkit-autofill { border-color: rgb(229, 223, 161) !important; box-shadow: ivory 0px 0px 0px 100px inset !important; } .ui.form .field.field input:-webkit-autofill:focus { border-color: rgb(213, 195, 21) !important; box-shadow: ivory 0px 0px 0px 100px inset !important; } .ui.form .error.error input:-webkit-autofill { border-color: rgb(224, 180, 180) !important; box-shadow: rgb(255, 250, 240) 0px 0px 0px 100px inset !important; } .ui.form ::-webkit-input-placeholder { color: rgba(191, 191, 191, 0.87); } .ui.form :focus::-webkit-input-placeholder { color: rgba(115, 115, 115, 0.87); } .ui.form .error ::-webkit-input-placeholder { color: rgb(231, 189, 188); } .ui.form .error :focus::-webkit-input-placeholder { color: rgb(218, 151, 150); } .ui.form input:not([type]):focus, .ui.form input[type="date"]:focus, .ui.form input[type="datetime-local"]:focus, .ui.form input[type="email"]:focus, .ui.form input[type="file"]:focus, .ui.form input[type="number"]:focus, .ui.form input[type="password"]:focus, .ui.form input[type="search"]:focus, .ui.form input[type="tel"]:focus, .ui.form input[type="text"]:focus, .ui.form input[type="time"]:focus, .ui.form input[type="url"]:focus, .ui.form textarea:focus { background: rgb(255, 255, 255); border-color: rgb(133, 183, 217); border-radius: 0.285714rem; box-shadow: rgba(34, 36, 38, 0.35) 0px 0px 0px 0px inset; color: rgba(0, 0, 0, 0.95); } .ui.form textarea:focus { appearance: none; } .ui.form.success .success.message:not(:empty) { display: block; } .ui.form.success .compact.success.message:not(:empty) { display: inline-block; } .ui.form.success .icon.success.message:not(:empty) { display: flex; } .ui.form.warning .warning.message:not(:empty) { display: block; } .ui.form.warning .compact.warning.message:not(:empty) { display: inline-block; } .ui.form.warning .icon.warning.message:not(:empty) { display: flex; } .ui.form.error .error.message:not(:empty) { display: block; } .ui.form.error .compact.error.message:not(:empty) { display: inline-block; } .ui.form.error .icon.error.message:not(:empty) { display: flex; } .ui.form .field.error .input, .ui.form .field.error label, .ui.form .fields.error .field .input, .ui.form .fields.error .field label { color: rgb(159, 58, 56); } .ui.form .field.error .corner.label, .ui.form .fields.error .field .corner.label { border-color: rgb(159, 58, 56); color: rgb(255, 255, 255); } .ui.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .ui.form .field.error input[type="file"], .ui.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .ui.form .field.error input[type="text"], .ui.form .field.error input[type="time"], .ui.form .field.error input[type="url"], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="url"], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea { background: rgb(255, 246, 246); border-color: rgb(224, 180, 180); box-shadow: none; color: rgb(159, 58, 56); } .ui.form .field.error input:not([type]):focus, .ui.form .field.error input[type="date"]:focus, .ui.form .field.error input[type="datetime-local"]:focus, .ui.form .field.error input[type="email"]:focus, .ui.form .field.error input[type="file"]:focus, .ui.form .field.error input[type="number"]:focus, .ui.form .field.error input[type="password"]:focus, .ui.form .field.error input[type="search"]:focus, .ui.form .field.error input[type="tel"]:focus, .ui.form .field.error input[type="text"]:focus, .ui.form .field.error input[type="time"]:focus, .ui.form .field.error input[type="url"]:focus, .ui.form .field.error select:focus, .ui.form .field.error textarea:focus { appearance: none; background: rgb(255, 246, 246); border-color: rgb(224, 180, 180); box-shadow: none; color: rgb(159, 58, 56); } .ui.form .field.error select { appearance: menulist-button; } .ui.form .field.error .ui.dropdown, .ui.form .field.error .ui.dropdown .item, .ui.form .field.error .ui.dropdown .text, .ui.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .ui.dropdown .item { background: rgb(255, 246, 246); color: rgb(159, 58, 56); } .ui.form .field.error .ui.dropdown, .ui.form .field.error .ui.dropdown:hover, .ui.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .ui.dropdown:hover { border-color: rgb(224, 180, 180) !important; } .ui.form .field.error .ui.dropdown:hover .menu, .ui.form .fields.error .field .ui.dropdown:hover .menu { border-color: rgb(224, 180, 180); } .ui.form .field.error .ui.multiple.selection.dropdown > .label, .ui.form .fields.error .field .ui.multiple.selection.dropdown > .label { background-color: rgb(234, 203, 203); color: rgb(159, 58, 56); } .ui.form .field.error .ui.dropdown .menu .item:hover, .ui.form .field.error .ui.dropdown .menu .selected.item, .ui.form .fields.error .field .ui.dropdown .menu .item:hover, .ui.form .fields.error .field .ui.dropdown .menu .selected.item { background-color: rgb(251, 231, 231); } .ui.form .field.error .ui.dropdown .menu .active.item, .ui.form .fields.error .field .ui.dropdown .menu .active.item { background-color: rgb(253, 207, 207) !important; } .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label { color: rgb(159, 58, 56); } .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box::before, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label::before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box::before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label::before { background: rgb(255, 246, 246); border-color: rgb(224, 180, 180); } .ui.form .field.error .checkbox .box::after, .ui.form .field.error .checkbox label::after, .ui.form .fields.error .field .checkbox .box::after, .ui.form .fields.error .field .checkbox label::after { color: rgb(159, 58, 56); } .ui.form .disabled.field, .ui.form .disabled.fields .field, .ui.form .field :disabled { opacity: 0.45; pointer-events: none; } .ui.form .field.disabled > label, .ui.form .fields.disabled > label { opacity: 0.45; } .ui.form .field.disabled :disabled { opacity: 1; } .ui.loading.form { cursor: default; pointer-events: none; position: relative; } .ui.loading.form::before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 100; } .ui.loading.form::after { animation: 0.6s linear 0s infinite normal none running form-spin; border-width: 0.2em; border-style: solid; border-color: rgb(118, 118, 118) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); border-image: none; border-radius: 500rem; box-shadow: transparent 0px 0px 0px 1px; content: ""; height: 3em; left: 50%; margin: -1.5em 0px 0px -1.5em; position: absolute; top: 50%; visibility: visible; width: 3em; z-index: 101; } @keyframes form-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .ui.form .required.field > .checkbox::after, .ui.form .required.field > label::after, .ui.form .required.fields.grouped > label::after, .ui.form .required.fields:not(.grouped) > .field > .checkbox::after, .ui.form .required.fields:not(.grouped) > .field > label::after { color: rgb(219, 40, 40); content: "*"; margin: -0.2em 0px 0px 0.2em; } .ui.form .required.field > label::after, .ui.form .required.fields.grouped > label::after, .ui.form .required.fields:not(.grouped) > .field > label::after { display: inline-block; vertical-align: top; } .ui.form .required.field > .checkbox::after, .ui.form .required.fields:not(.grouped) > .field > .checkbox::after { left: 100%; position: absolute; top: 0px; } .ui.form .inverted.segment .ui.checkbox .box, .ui.form .inverted.segment .ui.checkbox label, .ui.form .inverted.segment label, .ui.inverted.form .inline.field > label, .ui.inverted.form .inline.field > p, .ui.inverted.form .inline.fields .field > label, .ui.inverted.form .inline.fields .field > p, .ui.inverted.form .inline.fields > label, .ui.inverted.form .ui.checkbox .box, .ui.inverted.form .ui.checkbox label, .ui.inverted.form label { color: rgba(255, 255, 255, 0.9); } .ui.inverted.form input:not([type]), .ui.inverted.form input[type="date"], .ui.inverted.form input[type="datetime-local"], .ui.inverted.form input[type="email"], .ui.inverted.form input[type="file"], .ui.inverted.form input[type="number"], .ui.inverted.form input[type="password"], .ui.inverted.form input[type="search"], .ui.inverted.form input[type="tel"], .ui.inverted.form input[type="text"], .ui.inverted.form input[type="time"], .ui.inverted.form input[type="url"] { background: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.1); box-shadow: none; color: rgba(0, 0, 0, 0.87); } .ui.form .grouped.fields { display: block; margin: 0px 0px 1em; } .ui.form .grouped.fields:last-child { margin-bottom: 0px; } .ui.form .grouped.fields > label { color: rgba(0, 0, 0, 0.87); font-size: 0.928571em; font-weight: 700; margin: 0px 0px 0.285714rem; text-transform: none; } .ui.form .grouped.fields .field, .ui.form .grouped.inline.fields .field { display: block; margin: 0.5em 0px; padding: 0px; } .ui.form .fields { display: flex; flex-direction: row; margin: 0px -0.5em 1em; } .ui.form .fields > .field { flex: 0 1 auto; padding-left: 0.5em; padding-right: 0.5em; } .ui.form .fields > .field:first-child { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; box-shadow: none; } .ui.form .two.fields > .field, .ui.form .two.fields > .fields { width: 50%; } .ui.form .three.fields > .field, .ui.form .three.fields > .fields { width: 33.3333%; } .ui.form .four.fields > .field, .ui.form .four.fields > .fields { width: 25%; } .ui.form .five.fields > .field, .ui.form .five.fields > .fields { width: 20%; } .ui.form .six.fields > .field, .ui.form .six.fields > .fields { width: 16.6667%; } .ui.form .seven.fields > .field, .ui.form .seven.fields > .fields { width: 14.2857%; } .ui.form .eight.fields > .field, .ui.form .eight.fields > .fields { width: 12.5%; } .ui.form .nine.fields > .field, .ui.form .nine.fields > .fields { width: 11.1111%; } .ui.form .ten.fields > .field, .ui.form .ten.fields > .fields { width: 10%; } @media only screen and (max-width: 767px) { .ui.form .fields { flex-wrap: wrap; } .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field, .ui[class*="equal width"].form:not(.unstackable) .fields > .field { margin: 0px 0px 1em; width: 100% !important; } } .ui.form .fields .wide.field { padding-left: 0.5em; padding-right: 0.5em; width: 6.25%; } .ui.form .one.wide.field { width: 6.25% !important; } .ui.form .two.wide.field { width: 12.5% !important; } .ui.form .three.wide.field { width: 18.75% !important; } .ui.form .four.wide.field { width: 25% !important; } .ui.form .five.wide.field { width: 31.25% !important; } .ui.form .six.wide.field { width: 37.5% !important; } .ui.form .seven.wide.field { width: 43.75% !important; } .ui.form .eight.wide.field { width: 50% !important; } .ui.form .nine.wide.field { width: 56.25% !important; } .ui.form .ten.wide.field { width: 62.5% !important; } .ui.form .eleven.wide.field { width: 68.75% !important; } .ui.form .twelve.wide.field { width: 75% !important; } .ui.form .thirteen.wide.field { width: 81.25% !important; } .ui.form .fourteen.wide.field { width: 87.5% !important; } .ui.form .fifteen.wide.field { width: 93.75% !important; } .ui.form .sixteen.wide.field { width: 100% !important; } @media only screen and (max-width: 767px) { .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields { width: 100% !important; } .ui.form .fields { margin-bottom: 0px; } } .ui.form [class*="equal width"].fields > .field, .ui[class*="equal width"].form .fields > .field { flex: 1 1 auto; width: 100%; } .ui.form .inline.fields { align-items: center; margin: 0px 0px 1em; } .ui.form .inline.fields .field { margin: 0px; padding: 0px 1em 0px 0px; } .ui.form .inline.field > label, .ui.form .inline.field > p, .ui.form .inline.fields .field > label, .ui.form .inline.fields .field > p, .ui.form .inline.fields > label { color: rgba(0, 0, 0, 0.87); display: inline-block; font-size: 0.928571em; font-weight: 700; margin-bottom: 0px; margin-top: 0px; text-transform: none; vertical-align: initial; width: auto; } .ui.form .inline.fields > label { margin: 0.035714em 1em 0px 0px; } .ui.form .inline.field > input, .ui.form .inline.field > select, .ui.form .inline.fields .field > input, .ui.form .inline.fields .field > select { display: inline-block; font-size: 1em; margin-bottom: 0px; margin-top: 0px; vertical-align: middle; width: auto; } .ui.form .inline.field > :first-child, .ui.form .inline.fields .field > :first-child { margin: 0px 0.857143em 0px 0px; } .ui.form .inline.field > :only-child, .ui.form .inline.fields .field > :only-child { margin: 0px; } .ui.form .inline.fields .wide.field { align-items: center; display: flex; } .ui.form .inline.fields .wide.field > input, .ui.form .inline.fields .wide.field > select { width: 100%; } .ui.mini.form { font-size: 0.785714rem; } .ui.tiny.form { font-size: 0.857143rem; } .ui.small.form { font-size: 0.928571rem; } .ui.form { font-size: 1rem; } .ui.large.form { font-size: 1.14286rem; } .ui.big.form { font-size: 1.28571rem; } .ui.huge.form { font-size: 1.42857rem; } .ui.massive.form { font-size: 1.71429rem; } .ui.input { color: rgba(0, 0, 0, 0.87); display: inline-flex; font-style: normal; font-weight: 400; position: relative; } .ui.input > input { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); background: rgb(255, 255, 255); border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.285714rem; box-shadow: none; color: rgba(0, 0, 0, 0.87); flex: 1 0 auto; font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; line-height: 1.21429em; margin: 0px; max-width: 100%; outline: 0px; padding: 0.678571em 1em; text-align: left; transition: box-shadow 0.1s, border-color 0.1s; } .ui.input > input::-webkit-input-placeholder { color: rgba(191, 191, 191, 0.87); } .ui.disabled.input, .ui.input:not(.disabled) input[disabled] { opacity: 0.45; } .ui.disabled.input > input, .ui.input:not(.disabled) input[disabled] { pointer-events: none; } .ui.input.down input, .ui.input > input:active { background: rgb(250, 250, 250); border-color: rgba(0, 0, 0, 0.3); box-shadow: none; color: rgba(0, 0, 0, 0.87); } .ui.loading.loading.input > i.icon::before { border: 0.2em solid rgba(0, 0, 0, 0.1); border-radius: 500rem; } .ui.loading.loading.input > i.icon::after, .ui.loading.loading.input > i.icon::before { content: ""; height: 1.28571em; left: 50%; margin: -0.642857em 0px 0px -0.642857em; position: absolute; top: 50%; width: 1.28571em; } .ui.loading.loading.input > i.icon::after { animation: 0.6s linear 0s infinite normal none running button-spin; border-width: 0.2em; border-style: solid; border-color: rgb(118, 118, 118) transparent transparent; border-image: none; border-radius: 500rem; box-shadow: transparent 0px 0px 0px 1px; } .ui.input.focus > input, .ui.input > input:focus { background: rgb(255, 255, 255); border-color: rgb(133, 183, 217); box-shadow: none; color: rgba(0, 0, 0, 0.8); } .ui.input.focus > input::-webkit-input-placeholder, .ui.input > input:focus::-webkit-input-placeholder { color: rgba(115, 115, 115, 0.87); } .ui.input.error > input { background-color: rgb(255, 246, 246); border-color: rgb(224, 180, 180); box-shadow: none; color: rgb(159, 58, 56); } .ui.input.error > input::-webkit-input-placeholder { color: rgb(231, 189, 188); } .ui.input.error > input:focus::-webkit-input-placeholder { color: rgb(218, 151, 150); } .ui.transparent.input > input { background-color: initial !important; border-color: transparent !important; border-radius: 0px !important; box-shadow: none !important; padding: 0px !important; } .ui.transparent.icon.input > i.icon { width: 1.1em; } .ui.transparent.icon.input > input { padding-left: 0px !important; padding-right: 2em !important; } .ui.transparent[class*="left icon"].input > input { padding-left: 2em !important; padding-right: 0px !important; } .ui.transparent.inverted.input { color: rgb(255, 255, 255); } .ui.transparent.inverted.input > input { color: inherit; } .ui.transparent.inverted.input > input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .ui.icon.input > i.icon { border-radius: 0px 0.285714rem 0.285714rem 0px; cursor: default; height: 100%; line-height: 1; margin: 0px; opacity: 0.5; position: absolute; right: 0px; text-align: center; top: 0px; transition: opacity 0.3s; width: 2.67143em; } .ui.icon.input > i.icon:not(.link) { pointer-events: none; } .ui.icon.input > input { padding-right: 2.67143em !important; } .ui.icon.input > i.icon::after, .ui.icon.input > i.icon::before { left: 0px; margin-top: -0.5em; position: absolute; text-align: center; top: 50%; width: 100%; } .ui.icon.input > i.link.icon { cursor: pointer; } .ui.icon.input > i.circular.icon { right: 0.5em; top: 0.35em; } .ui[class*="left icon"].input > i.icon { border-radius: 0.285714rem 0px 0px 0.285714rem; left: 1px; right: auto; } .ui[class*="left icon"].input > i.circular.icon { left: 0.5em; right: auto; } .ui[class*="left icon"].input > input { padding-left: 2.67143em !important; padding-right: 1em !important; } .ui.icon.input > input:focus ~ i.icon { opacity: 1; } .ui.labeled.input > .label { flex: 0 0 auto; font-size: 1em; margin: 0px; } .ui.labeled.input > .label:not(.corner) { padding-bottom: 0.785714em; padding-top: 0.785714em; } .ui.labeled.input:not([class*="corner labeled"]) .label:first-child { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input { border-bottom-left-radius: 0px; border-left-color: transparent; border-top-left-radius: 0px; } .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus { border-left-color: rgb(133, 183, 217); } .ui[class*="right labeled"].input > input { border-bottom-right-radius: 0px !important; border-right-color: transparent !important; border-top-right-radius: 0px !important; } .ui[class*="right labeled"].input > input + .label { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .ui[class*="right labeled"].input > input:focus { border-right-color: rgb(133, 183, 217) !important; } .ui.labeled.input .corner.label { border-radius: 0px 0.285714rem 0px 0px; font-size: 0.642857em; right: 1px; top: 1px; } .ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input { padding-right: 2.5em !important; } .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input { padding-right: 3.25em !important; } .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon { margin-right: 1.25em; } .ui[class*="left corner labeled"].labeled.input > input { padding-left: 2.5em !important; } .ui[class*="left corner labeled"].icon.input > input { padding-left: 3.25em !important; } .ui[class*="left corner labeled"].icon.input > .icon { margin-left: 1.25em; } .ui.input > .ui.corner.label { right: 1px; top: 1px; } .ui.input > .ui.left.corner.label { left: 1px; right: auto; } .ui.action.input > .button, .ui.action.input > .buttons { align-items: center; display: flex; flex: 0 0 auto; } .ui.action.input > .button, .ui.action.input > .buttons > .button { margin: 0px; padding-bottom: 0.785714em; padding-top: 0.785714em; } .ui.action.input:not([class*="left action"]) > input { border-bottom-right-radius: 0px !important; border-right-color: transparent !important; border-top-right-radius: 0px !important; } .ui.action.input:not([class*="left action"]) > .button:not(:first-child), .ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button, .ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child) { border-radius: 0px; } .ui.action.input:not([class*="left action"]) > .button:last-child, .ui.action.input:not([class*="left action"]) > .buttons:last-child > .button, .ui.action.input:not([class*="left action"]) > .dropdown:last-child { border-radius: 0px 0.285714rem 0.285714rem 0px; } .ui.action.input:not([class*="left action"]) > input:focus { border-right-color: rgb(133, 183, 217) !important; } .ui[class*="left action"].input > input { border-bottom-left-radius: 0px !important; border-left-color: transparent !important; border-top-left-radius: 0px !important; } .ui[class*="left action"].input > .button, .ui[class*="left action"].input > .buttons > .button, .ui[class*="left action"].input > .dropdown { border-radius: 0px; } .ui[class*="left action"].input > .button:first-child, .ui[class*="left action"].input > .buttons:first-child > .button, .ui[class*="left action"].input > .dropdown:first-child { border-radius: 0.285714rem 0px 0px 0.285714rem; } .ui[class*="left action"].input > input:focus { border-left-color: rgb(133, 183, 217) !important; } .ui.inverted.input > input { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .ui.fluid.input { display: flex; } .ui.fluid.input > input { width: 0px !important; } .ui.mini.input { font-size: 0.785714em; } .ui.small.input { font-size: 0.928571em; } .ui.input { font-size: 1em; } .ui.large.input { font-size: 1.14286em; } .ui.big.input { font-size: 1.28571em; } .ui.huge.input { font-size: 1.42857em; } .ui.massive.input { font-size: 1.71429em; } .ui.loader { display: none; left: 50%; margin: 0px; position: absolute; text-align: center; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1000; } .ui.loader::before { border: 0.2em solid rgba(0, 0, 0, 0.1); border-radius: 500rem; } .ui.loader::after, .ui.loader::before { content: ""; height: 100%; left: 50%; position: absolute; top: 0px; width: 100%; } .ui.loader::after { animation: 0.6s linear 0s infinite normal none running loader; border-width: 0.2em; border-style: solid; border-color: rgb(118, 118, 118) transparent transparent; border-image: none; border-radius: 500rem; box-shadow: transparent 0px 0px 0px 1px; } @keyframes loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .ui.mini.loader::after, .ui.mini.loader::before { height: 1rem; margin: 0px 0px 0px -0.5rem; width: 1rem; } .ui.tiny.loader::after, .ui.tiny.loader::before { height: 1.14286rem; margin: 0px 0px 0px -0.571429rem; width: 1.14286rem; } .ui.small.loader::after, .ui.small.loader::before { height: 1.71429rem; margin: 0px 0px 0px -0.857143rem; width: 1.71429rem; } .ui.loader::after, .ui.loader::before { height: 2.28571rem; margin: 0px 0px 0px -1.14286rem; width: 2.28571rem; } .ui.large.loader::after, .ui.large.loader::before { height: 3.42857rem; margin: 0px 0px 0px -1.71429rem; width: 3.42857rem; } .ui.big.loader::after, .ui.big.loader::before { height: 3.71429rem; margin: 0px 0px 0px -1.85714rem; width: 3.71429rem; } .ui.huge.loader::after, .ui.huge.loader::before { height: 4.14286rem; margin: 0px 0px 0px -2.07143rem; width: 4.14286rem; } .ui.massive.loader::after, .ui.massive.loader::before { height: 4.57143rem; margin: 0px 0px 0px -2.28571rem; width: 4.57143rem; } .ui.dimmer .loader { display: block; } .ui.dimmer .ui.loader { color: rgba(255, 255, 255, 0.9); } .ui.dimmer .ui.loader::before { border-color: rgba(255, 255, 255, 0.15); } .ui.dimmer .ui.loader::after { border-color: rgb(255, 255, 255) transparent transparent; } .ui.inverted.dimmer .ui.loader { color: rgba(0, 0, 0, 0.87); } .ui.inverted.dimmer .ui.loader::before { border-color: rgba(0, 0, 0, 0.1); } .ui.inverted.dimmer .ui.loader::after { border-color: rgb(118, 118, 118) transparent transparent; } .ui.text.loader { font-style: normal; text-align: center; height: auto !important; width: auto !important; } .ui.indeterminate.loader::after { animation-direction: reverse; animation-duration: 1.2s; } .ui.loader.active, .ui.loader.visible { display: block; } .ui.loader.disabled, .ui.loader.hidden { display: none; } .ui.inverted.dimmer .ui.mini.loader, .ui.mini.loader { font-size: 0.785714em; height: 1rem; width: 1rem; } .ui.inverted.dimmer .ui.tiny.loader, .ui.tiny.loader { font-size: 0.857143em; height: 1.14286rem; width: 1.14286rem; } .ui.inverted.dimmer .ui.small.loader, .ui.small.loader { font-size: 0.928571em; height: 1.71429rem; width: 1.71429rem; } .ui.inverted.dimmer .ui.loader, .ui.loader { font-size: 1em; height: 2.28571rem; width: 2.28571rem; } .ui.inverted.dimmer .ui.large.loader, .ui.large.loader { font-size: 1.14286em; height: 3.42857rem; width: 3.42857rem; } .ui.big.loader, .ui.inverted.dimmer .ui.big.loader { font-size: 1.28571em; height: 3.71429rem; width: 3.71429rem; } .ui.huge.loader, .ui.inverted.dimmer .ui.huge.loader { font-size: 1.42857em; height: 4.14286rem; width: 4.14286rem; } .ui.inverted.dimmer .ui.massive.loader, .ui.massive.loader { font-size: 1.71429em; height: 4.57143rem; width: 4.57143rem; } .ui.mini.text.loader { min-width: 1rem; padding-top: 1.78571rem; } .ui.tiny.text.loader { min-width: 1.14286rem; padding-top: 1.92857rem; } .ui.small.text.loader { min-width: 1.71429rem; padding-top: 2.5rem; } .ui.text.loader { min-width: 2.28571rem; padding-top: 3.07143rem; } .ui.large.text.loader { min-width: 3.42857rem; padding-top: 4.21429rem; } .ui.big.text.loader { min-width: 3.71429rem; padding-top: 4.5rem; } .ui.huge.text.loader { min-width: 4.14286rem; padding-top: 4.92857rem; } .ui.massive.text.loader { min-width: 4.57143rem; padding-top: 5.35714rem; } .ui.inverted.loader { color: rgba(255, 255, 255, 0.9); } .ui.inverted.loader::before { border-color: rgba(255, 255, 255, 0.15); } .ui.inverted.loader::after { border-top-color: rgb(255, 255, 255); } .ui.inline.loader { left: 0px; margin: 0px; position: relative; top: 0px; transform: none; vertical-align: middle; } .ui.inline.loader.active, .ui.inline.loader.visible { display: inline-block; } .ui.centered.inline.loader.active, .ui.centered.inline.loader.visible { display: block; margin-left: auto; margin-right: auto; } .transition { animation-duration: 0.3s; animation-fill-mode: both; animation-iteration-count: 1; animation-timing-function: ease; } .animating.transition { backface-visibility: hidden; visibility: visible !important; } .loading.transition { left: -99999px; position: absolute; top: -99999px; } .hidden.transition { display: none; visibility: hidden; } .visible.transition { display: block !important; visibility: visible !important; } .disabled.transition { animation-play-state: paused; } .looping.transition { animation-iteration-count: infinite; } .transition.browse { animation-duration: 0.5s; } .transition.browse.in { animation-name: browseIn; } .transition.browse.left.out, .transition.browse.out { animation-name: browseOutLeft; } .transition.browse.right.out { animation-name: browseOutRight; } @keyframes browseIn { 0% { transform: scale(0.8) translateZ(0px); z-index: -1; } 10% { opacity: 0.7; transform: scale(0.8) translateZ(0px); z-index: -1; } 80% { opacity: 1; transform: scale(1.05) translateZ(0px); z-index: 999; } 100% { transform: scale(1) translateZ(0px); z-index: 999; } } @keyframes browseOutLeft { 0% { transform: translateX(0px) rotateY(0deg) rotateX(0deg); z-index: 999; } 50% { transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); z-index: -1; } 80% { opacity: 1; } 100% { opacity: 0; transform: translateX(0px) rotateY(0deg) rotateX(0deg) translateZ(-10px); z-index: -1; } } @keyframes browseOutRight { 0% { transform: translateX(0px) rotateY(0deg) rotateX(0deg); z-index: 999; } 50% { transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); z-index: 1; } 80% { opacity: 1; } 100% { opacity: 0; transform: translateX(0px) rotateY(0deg) rotateX(0deg) translateZ(-10px); z-index: 1; } } .drop.transition { animation-duration: 0.4s; animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); transform-origin: center top; } .drop.transition.in { animation-name: dropIn; } .drop.transition.out { animation-name: dropOut; } @keyframes dropIn { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @keyframes dropOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0); } } .transition.fade.in { animation-name: fadeIn; } .transition[class*="fade up"].in { animation-name: fadeInUp; } .transition[class*="fade down"].in { animation-name: fadeInDown; } .transition[class*="fade left"].in { animation-name: fadeInLeft; } .transition[class*="fade right"].in { animation-name: fadeInRight; } .transition.fade.out { animation-name: fadeOut; } .transition[class*="fade up"].out { animation-name: fadeOutUp; } .transition[class*="fade down"].out { animation-name: fadeOutDown; } .transition[class*="fade left"].out { animation-name: fadeOutLeft; } .transition[class*="fade right"].out { animation-name: fadeOutRight; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(10%); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-10%); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(10%); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(-10%); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(5%); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(-5%); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0px); } 100% { opacity: 0; transform: translateX(5%); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0px); } 100% { opacity: 0; transform: translateX(-5%); } } .flip.transition.in, .flip.transition.out { animation-duration: 0.6s; } .horizontal.flip.transition.in { animation-name: horizontalFlipIn; } .horizontal.flip.transition.out { animation-name: horizontalFlipOut; } .vertical.flip.transition.in { animation-name: verticalFlipIn; } .vertical.flip.transition.out { animation-name: verticalFlipOut; } @keyframes horizontalFlipIn { 0% { opacity: 0; transform: perspective(2000px) rotateY(-90deg); } 100% { opacity: 1; transform: perspective(2000px) rotateY(0deg); } } @keyframes verticalFlipIn { 0% { opacity: 0; transform: perspective(2000px) rotateX(-90deg); } 100% { opacity: 1; transform: perspective(2000px) rotateX(0deg); } } @keyframes horizontalFlipOut { 0% { opacity: 1; transform: perspective(2000px) rotateY(0deg); } 100% { opacity: 0; transform: perspective(2000px) rotateY(90deg); } } @keyframes verticalFlipOut { 0% { opacity: 1; transform: perspective(2000px) rotateX(0deg); } 100% { opacity: 0; transform: perspective(2000px) rotateX(-90deg); } } .scale.transition.in { animation-name: scaleIn; } .scale.transition.out { animation-name: scaleOut; } @keyframes scaleIn { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } @keyframes scaleOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.9); } } .transition.fly { animation-duration: 0.6s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .transition.fly.in { animation-name: flyIn; } .transition[class*="fly up"].in { animation-name: flyInUp; } .transition[class*="fly down"].in { animation-name: flyInDown; } .transition[class*="fly left"].in { animation-name: flyInLeft; } .transition[class*="fly right"].in { animation-name: flyInRight; } .transition.fly.out { animation-name: flyOut; } .transition[class*="fly up"].out { animation-name: flyOutUp; } .transition[class*="fly down"].out { animation-name: flyOutDown; } .transition[class*="fly left"].out { animation-name: flyOutLeft; } .transition[class*="fly right"].out { animation-name: flyOutRight; } @keyframes flyIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleX(1); } } @keyframes flyInUp { 0% { opacity: 0; transform: translate3d(0px, 1500px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 75% { transform: translate3d(0px, 10px, 0px); } 90% { transform: translate3d(0px, -5px, 0px); } 100% { transform: translateZ(0px); } } @keyframes flyInDown { 0% { opacity: 0; transform: translate3d(0px, -1500px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px); } 75% { transform: translate3d(0px, -10px, 0px); } 90% { transform: translate3d(0px, 5px, 0px); } 100% { transform: none; } } @keyframes flyInLeft { 0% { opacity: 0; transform: translate3d(1500px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); } 75% { transform: translate3d(10px, 0px, 0px); } 90% { transform: translate3d(-5px, 0px, 0px); } 100% { transform: none; } } @keyframes flyInRight { 0% { opacity: 0; transform: translate3d(-1500px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px); } 75% { transform: translate3d(-10px, 0px, 0px); } 90% { transform: translate3d(5px, 0px, 0px); } 100% { transform: none; } } @keyframes flyOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes flyOutUp { 20% { transform: translate3d(0px, 10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } @keyframes flyOutDown { 20% { transform: translate3d(0px, -10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } @keyframes flyOutRight { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } @keyframes flyOutLeft { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } .transition.slide.in, .transition[class*="slide down"].in { animation-name: slideInY; transform-origin: center top; } .transition[class*="slide up"].in { animation-name: slideInY; transform-origin: center bottom; } .transition[class*="slide left"].in { animation-name: slideInX; transform-origin: right center; } .transition[class*="slide right"].in { animation-name: slideInX; transform-origin: left center; } .transition.slide.out, .transition[class*="slide down"].out { animation-name: slideOutY; transform-origin: center top; } .transition[class*="slide up"].out { animation-name: slideOutY; transform-origin: center bottom; } .transition[class*="slide left"].out { animation-name: slideOutX; transform-origin: right center; } .transition[class*="slide right"].out { animation-name: slideOutX; transform-origin: left center; } @keyframes slideInY { 0% { opacity: 0; transform: scaleY(0); } 100% { opacity: 1; transform: scaleY(1); } } @keyframes slideInX { 0% { opacity: 0; transform: scaleX(0); } 100% { opacity: 1; transform: scaleX(1); } } @keyframes slideOutY { 0% { opacity: 1; transform: scaleY(1); } 100% { opacity: 0; transform: scaleY(0); } } @keyframes slideOutX { 0% { opacity: 1; transform: scaleX(1); } 100% { opacity: 0; transform: scaleX(0); } } .transition.swing { animation-duration: 0.8s; } .transition[class*="swing down"].in { animation-name: swingInX; transform-origin: center top; } .transition[class*="swing up"].in { animation-name: swingInX; transform-origin: center bottom; } .transition[class*="swing left"].in { animation-name: swingInY; transform-origin: right center; } .transition[class*="swing right"].in { animation-name: swingInY; transform-origin: left center; } .transition.swing.out, .transition[class*="swing down"].out { animation-name: swingOutX; transform-origin: center top; } .transition[class*="swing up"].out { animation-name: swingOutX; transform-origin: center bottom; } .transition[class*="swing left"].out { animation-name: swingOutY; transform-origin: right center; } .transition[class*="swing right"].out { animation-name: swingOutY; transform-origin: left center; } @keyframes swingInX { 0% { opacity: 0; transform: perspective(1000px) rotateX(90deg); } 40% { opacity: 1; transform: perspective(1000px) rotateX(-30deg); } 60% { transform: perspective(1000px) rotateX(15deg); } 80% { transform: perspective(1000px) rotateX(-7.5deg); } 100% { transform: perspective(1000px) rotateX(0deg); } } @keyframes swingInY { 0% { opacity: 0; transform: perspective(1000px) rotateY(-90deg); } 40% { opacity: 1; transform: perspective(1000px) rotateY(30deg); } 60% { transform: perspective(1000px) rotateY(-17.5deg); } 80% { transform: perspective(1000px) rotateY(7.5deg); } 100% { transform: perspective(1000px) rotateY(0deg); } } @keyframes swingOutX { 0% { transform: perspective(1000px) rotateX(0deg); } 40% { transform: perspective(1000px) rotateX(-7.5deg); } 60% { transform: perspective(1000px) rotateX(17.5deg); } 80% { opacity: 1; transform: perspective(1000px) rotateX(-30deg); } 100% { opacity: 0; transform: perspective(1000px) rotateX(90deg); } } @keyframes swingOutY { 0% { transform: perspective(1000px) rotateY(0deg); } 40% { transform: perspective(1000px) rotateY(7.5deg); } 60% { transform: perspective(1000px) rotateY(-10deg); } 80% { opacity: 1; transform: perspective(1000px) rotateY(30deg); } 100% { opacity: 0; transform: perspective(1000px) rotateY(-90deg); } } .transition.zoom.in { animation-name: zoomIn; } .transition.zoom.out { animation-name: zoomOut; } @keyframes zoomIn { 0% { opacity: 1; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @keyframes zoomOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 1; transform: scale(0); } } .flash.transition { animation-duration: 0.75s; animation-name: flash; } .shake.transition { animation-duration: 0.75s; animation-name: shake; } .bounce.transition { animation-duration: 0.75s; animation-name: bounce; } .tada.transition { animation-duration: 0.75s; animation-name: tada; } .pulse.transition { animation-duration: 0.5s; animation-name: pulse; } .jiggle.transition { animation-duration: 0.75s; animation-name: jiggle; } .transition.glow { animation-duration: 2s; animation-name: glow; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes shake { 0%, 100% { transform: translateX(0px); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0px); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0deg); } } @keyframes pulse { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0.7; transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); } } @keyframes jiggle { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } } @keyframes glow { 0% { background-color: rgb(252, 252, 253); } 30% { background-color: rgb(255, 246, 205); } 100% { background-color: rgb(252, 252, 253); } } .dimmable:not(body) { position: relative; } .ui.dimmer { align-items: center; animation-duration: 0.5s; animation-fill-mode: both; background-color: rgba(0, 0, 0, 0.85); display: none; flex-direction: column; height: 100%; justify-content: center; line-height: 1; opacity: 0; padding: 1em; position: absolute; text-align: center; transition: background-color 0.5s linear; user-select: none; vertical-align: middle; width: 100%; will-change: opacity; z-index: 1000; left: 0px !important; top: 0px !important; } .ui.dimmer > .content { color: rgb(255, 255, 255); user-select: text; } .ui.segment > .ui.dimmer { border-radius: inherit !important; } .ui.dimmer:not(.inverted)::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); } .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.25); } .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.15); } .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.35); } .animating.dimmable:not(body), .dimmed.dimmable:not(body) { overflow: hidden; } .dimmed.dimmable > .ui.animating.dimmer, .dimmed.dimmable > .ui.visible.dimmer, .ui.active.dimmer { display: flex; opacity: 1; } .ui.disabled.dimmer { height: 0px !important; width: 0px !important; } .dimmed.dimmable > .ui.animating.legacy.dimmer, .dimmed.dimmable > .ui.visible.legacy.dimmer, .ui.active.legacy.dimmer { display: block; } .ui[class*="top aligned"].dimmer { justify-content: flex-start; } .ui[class*="bottom aligned"].dimmer { justify-content: flex-end; } .ui.page.dimmer { perspective: 2000px; position: fixed; transform-origin: center center; } body.animating.in.dimmable, body.dimmed.dimmable { overflow: hidden; } body.dimmable > .dimmer { position: fixed; } .blurring.dimmable > :not(.dimmer) { filter: blur(0px) grayscale(0); transition: filter 0.8s, -webkit-filter 0.8s; } .blurring.dimmed.dimmable > :not(.dimmer) { filter: blur(5px) grayscale(0.7); } .blurring.dimmable > .dimmer { background-color: rgba(0, 0, 0, 0.6); } .blurring.dimmable > .inverted.dimmer { background-color: rgba(255, 255, 255, 0.6); } .ui.dimmer > .top.aligned.content > * { vertical-align: top; } .ui.dimmer > .bottom.aligned.content > * { vertical-align: bottom; } .ui.inverted.dimmer { background-color: rgba(255, 255, 255, 0.85); } .ui.inverted.dimmer > .content > * { color: rgb(255, 255, 255); } .ui.simple.dimmer { background-color: transparent; display: block; height: 0%; opacity: 1; overflow: hidden; width: 0px; z-index: -100; } .dimmed.dimmable > .ui.simple.dimmer { background-color: rgba(0, 0, 0, 0.85); height: 100%; opacity: 1; overflow: visible; width: 100%; z-index: 1; } .ui.simple.inverted.dimmer { background-color: rgba(255, 255, 255, 0); } .dimmed.dimmable > .ui.simple.inverted.dimmer { background-color: rgba(255, 255, 255, 0.85); } .ui.popup { background: rgb(255, 255, 255); border: 1px solid rgb(212, 212, 213); border-radius: 0.285714rem; box-shadow: rgba(34, 36, 38, 0.12) 0px 2px 4px 0px, rgba(34, 36, 38, 0.15) 0px 2px 10px 0px; color: rgba(0, 0, 0, 0.87); display: none; font-style: normal; font-weight: 400; line-height: 1.4285em; max-width: 250px; min-width: min-content; padding: 0.833em 1em; position: absolute; right: 0px; top: 0px; z-index: 1900; } .ui.popup > .header { font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 1.14286em; font-weight: 700; line-height: 1.2; padding: 0px; } .ui.popup > .header + .content { padding-top: 0.5em; } .ui.popup::before { background: rgb(255, 255, 255); box-shadow: rgb(186, 186, 188) 1px 1px 0px 0px; content: ""; height: 0.714286em; position: absolute; transform: rotate(45deg); width: 0.714286em; z-index: 2; } [data-tooltip] { position: relative; } [data-tooltip]::before { box-shadow: rgb(186, 186, 188) 1px 1px 0px 0px; content: ""; height: 0.714286em; transform: rotate(45deg); width: 0.714286em; z-index: 2; } [data-tooltip]::after, [data-tooltip]::before { background: rgb(255, 255, 255); font-size: 1rem; pointer-events: none; position: absolute; } [data-tooltip]::after { border: 1px solid rgb(212, 212, 213); border-radius: 0.285714rem; box-shadow: rgba(34, 36, 38, 0.12) 0px 2px 4px 0px, rgba(34, 36, 38, 0.15) 0px 2px 10px 0px; color: rgba(0, 0, 0, 0.87); content: attr(data-tooltip); font-style: normal; font-weight: 400; line-height: 1.4285em; max-width: none; padding: 0.833em 1em; text-align: left; text-transform: none; white-space: nowrap; z-index: 1; } [data-tooltip]:not([data-position])::before { background: rgb(255, 255, 255); inset: auto auto 100% 50%; margin-bottom: 0.142857rem; margin-left: -0.0714286rem; } [data-tooltip]:not([data-position])::after { bottom: 100%; left: 50%; margin-bottom: 0.5em; transform: translateX(-50%); } [data-tooltip]::after, [data-tooltip]::before { pointer-events: none; visibility: hidden; } [data-tooltip]::before { opacity: 0; transform-origin: center top; transition: 0.1s; transform: rotate(45deg) scale(0) !important; } [data-tooltip]::after { opacity: 1; transform-origin: center bottom; transition: 0.1s; } [data-tooltip]:hover::after, [data-tooltip]:hover::before { pointer-events: auto; visibility: visible; } [data-tooltip]:hover::before { opacity: 1; transform: rotate(45deg) scale(1) !important; } [data-tooltip]::after, [data-tooltip][data-position="bottom center"]::after, [data-tooltip][data-position="top center"]::after { transform: translateX(-50%) scale(0) !important; } [data-tooltip]:hover::after, [data-tooltip][data-position="bottom center"]:hover::after { transform: translateX(-50%) scale(1) !important; } [data-tooltip][data-position="left center"]::after, [data-tooltip][data-position="right center"]::after { transform: translateY(-50%) scale(0) !important; } [data-tooltip][data-position="left center"]:hover::after, [data-tooltip][data-position="right center"]:hover::after { transform: translateY(-50%) scale(1) !important; } [data-tooltip][data-position="bottom left"]::after, [data-tooltip][data-position="bottom right"]::after, [data-tooltip][data-position="top left"]::after, [data-tooltip][data-position="top right"]::after { transform: scale(0) !important; } [data-tooltip][data-position="bottom left"]:hover::after, [data-tooltip][data-position="bottom right"]:hover::after, [data-tooltip][data-position="top left"]:hover::after, [data-tooltip][data-position="top right"]:hover::after { transform: scale(1) !important; } [data-tooltip][data-inverted]::before { background: rgb(27, 28, 29); box-shadow: none !important; } [data-tooltip][data-inverted]::after { background: rgb(27, 28, 29); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; color: rgb(255, 255, 255); } [data-position="top center"][data-tooltip]::after { inset: auto auto 100% 50%; margin-bottom: 0.5em; transform: translateX(-50%); } [data-position="top center"][data-tooltip]::before { background: rgb(255, 255, 255); inset: auto auto 100% 50%; margin-bottom: 0.142857rem; margin-left: -0.0714286rem; } [data-position="top left"][data-tooltip]::after { inset: auto auto 100% 0px; margin-bottom: 0.5em; } [data-position="top left"][data-tooltip]::before { inset: auto auto 100% 1em; margin-bottom: 0.142857rem; margin-left: -0.0714286rem; } [data-position="top right"][data-tooltip]::after { inset: auto 0px 100% auto; margin-bottom: 0.5em; } [data-position="top right"][data-tooltip]::before { inset: auto 1em 100% auto; margin-bottom: 0.142857rem; margin-left: -0.0714286rem; } [data-position="bottom center"][data-tooltip]::after { inset: 100% auto auto 50%; margin-top: 0.5em; transform: translateX(-50%); } [data-position="bottom center"][data-tooltip]::before { inset: 100% auto auto 50%; margin-left: -0.0714286rem; margin-top: 0.142857rem; } [data-position="bottom left"][data-tooltip]::after { left: 0px; margin-top: 0.5em; top: 100%; } [data-position="bottom left"][data-tooltip]::before { inset: 100% auto auto 1em; margin-left: -0.0714286rem; margin-top: 0.142857rem; } [data-position="bottom right"][data-tooltip]::after { margin-top: 0.5em; right: 0px; top: 100%; } [data-position="bottom right"][data-tooltip]::before { inset: 100% 1em auto auto; margin-left: -0.142857rem; margin-top: 0.0714286rem; } [data-position="left center"][data-tooltip]::after { margin-right: 0.5em; right: 100%; top: 50%; transform: translateY(-50%); } [data-position="left center"][data-tooltip]::before { margin-right: -0.0714286rem; margin-top: -0.142857rem; right: 100%; top: 50%; } [data-position="right center"][data-tooltip]::after { left: 100%; margin-left: 0.5em; top: 50%; transform: translateY(-50%); } [data-position="right center"][data-tooltip]::before { left: 100%; margin-left: 0.142857rem; margin-top: -0.0714286rem; top: 50%; } [data-position~="bottom"][data-tooltip]::before { background: rgb(255, 255, 255); box-shadow: rgb(186, 186, 188) -1px -1px 0px 0px; } [data-position="left center"][data-tooltip]::before { background: rgb(255, 255, 255); box-shadow: rgb(186, 186, 188) 1px -1px 0px 0px; } [data-position="right center"][data-tooltip]::before { background: rgb(255, 255, 255); box-shadow: rgb(186, 186, 188) -1px 1px 0px 0px; } [data-position~="top"][data-tooltip]::before { background: rgb(255, 255, 255); } [data-inverted][data-position~="bottom"][data-tooltip]::before { background: rgb(27, 28, 29); box-shadow: rgb(186, 186, 188) -1px -1px 0px 0px; } [data-inverted][data-position="left center"][data-tooltip]::before { background: rgb(27, 28, 29); box-shadow: rgb(186, 186, 188) 1px -1px 0px 0px; } [data-inverted][data-position="right center"][data-tooltip]::before { background: rgb(27, 28, 29); box-shadow: rgb(186, 186, 188) -1px 1px 0px 0px; } [data-inverted][data-position~="top"][data-tooltip]::before { background: rgb(27, 28, 29); } [data-position~="bottom"][data-tooltip]::before { transform-origin: center bottom; } [data-position~="bottom"][data-tooltip]::after { transform-origin: center top; } [data-position="left center"][data-tooltip]::before { transform-origin: center top; } [data-position="left center"][data-tooltip]::after, [data-position="right center"][data-tooltip]::before { transform-origin: right center; } [data-position="right center"][data-tooltip]::after { transform-origin: left center; } .ui.popup { margin: 0px; } .ui.top.popup { margin: 0px 0px 0.714286em; } .ui.top.left.popup { transform-origin: left bottom; } .ui.top.center.popup { transform-origin: center bottom; } .ui.top.right.popup { transform-origin: right bottom; } .ui.left.center.popup { margin: 0px 0.714286em 0px 0px; transform-origin: right 50%; } .ui.right.center.popup { margin: 0px 0px 0px 0.714286em; transform-origin: left 50%; } .ui.bottom.popup { margin: 0.714286em 0px 0px; } .ui.bottom.left.popup { transform-origin: left top; } .ui.bottom.center.popup { transform-origin: center top; } .ui.bottom.right.popup { transform-origin: right top; } .ui.bottom.center.popup::before { inset: -0.307143em auto auto 50%; box-shadow: rgb(186, 186, 188) -1px -1px 0px 0px; margin-left: -0.307143em; } .ui.bottom.left.popup { margin-left: 0px; } .ui.bottom.left.popup::before { inset: -0.307143em auto auto 1em; box-shadow: rgb(186, 186, 188) -1px -1px 0px 0px; margin-left: 0px; } .ui.bottom.right.popup { margin-right: 0px; } .ui.bottom.right.popup::before { inset: -0.307143em 1em auto auto; box-shadow: rgb(186, 186, 188) -1px -1px 0px 0px; margin-left: 0px; } .ui.top.center.popup::before { inset: auto auto -0.307143em 50%; margin-left: -0.307143em; } .ui.top.left.popup { margin-left: 0px; } .ui.top.left.popup::before { inset: auto auto -0.307143em 1em; margin-left: 0px; } .ui.top.right.popup { margin-right: 0px; } .ui.top.right.popup::before { inset: auto 1em -0.307143em auto; margin-left: 0px; } .ui.left.center.popup::before { inset: 50% -0.307143em auto auto; box-shadow: rgb(186, 186, 188) 1px -1px 0px 0px; margin-top: -0.307143em; } .ui.right.center.popup::before { inset: 50% auto auto -0.307143em; box-shadow: rgb(186, 186, 188) -1px 1px 0px 0px; margin-top: -0.307143em; } .ui.bottom.popup::before, .ui.left.center.popup::before, .ui.right.center.popup::before, .ui.top.popup::before { background: rgb(255, 255, 255); } .ui.inverted.bottom.popup::before, .ui.inverted.left.center.popup::before, .ui.inverted.right.center.popup::before, .ui.inverted.top.popup::before { background: rgb(27, 28, 29); } .ui.popup > .ui.grid:not(.padded) { margin: -0.7rem -0.875rem; width: calc(100% + 1.75rem); } .ui.loading.popup { display: block; visibility: hidden; z-index: -1; } .ui.animating.popup, .ui.visible.popup { display: block; } .ui.visible.popup { backface-visibility: hidden; transform: translateZ(0px); } .ui.basic.popup::before { display: none; } .ui.wide.popup { max-width: 350px; } .ui[class*="very wide"].popup { max-width: 550px; } @media only screen and (max-width: 767px) { .ui.wide.popup, .ui[class*="very wide"].popup { max-width: 250px; } } .ui.fluid.popup { max-width: none; width: 100%; } .ui.inverted.popup { background: rgb(27, 28, 29); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; color: rgb(255, 255, 255); } .ui.inverted.popup .header { color: rgb(255, 255, 255); } .ui.inverted.popup::before { background-color: rgb(27, 28, 29); box-shadow: none !important; } .ui.flowing.popup { max-width: none; } .ui.mini.popup { font-size: 0.785714rem; } .ui.tiny.popup { font-size: 0.857143rem; } .ui.small.popup { font-size: 0.928571rem; } .ui.popup { font-size: 1rem; } .ui.large.popup { font-size: 1.14286rem; } .ui.huge.popup { font-size: 1.42857rem; } .ui.modal { background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0.285714rem; box-shadow: rgba(0, 0, 0, 0.2) 1px 3px 3px 0px, rgba(0, 0, 0, 0.2) 1px 3px 15px 2px; display: none; flex: 0 0 auto; position: absolute; text-align: left; transform-origin: 50% 25%; user-select: text; will-change: top, left, margin, transform, opacity; z-index: 1001; } .ui.modal > .icon:first-child + *, .ui.modal > :first-child:not(.icon) { border-top-left-radius: 0.285714rem; border-top-right-radius: 0.285714rem; } .ui.modal > :last-child { border-bottom-left-radius: 0.285714rem; border-bottom-right-radius: 0.285714rem; } .ui.modal > .close { color: rgb(255, 255, 255); cursor: pointer; font-size: 1.25em; height: 2.25rem; opacity: 0.8; padding: 0.625rem 0px 0px; position: absolute; right: -2.5rem; top: -2.5rem; width: 2.25rem; z-index: 1; } .ui.modal > .close:hover { opacity: 1; } .ui.modal > .header { background: rgb(255, 255, 255); border-bottom: 1px solid rgba(34, 36, 38, 0.15); box-shadow: none; color: rgba(0, 0, 0, 0.85); display: block; font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; margin: 0px; padding: 1.25rem 1.5rem; } .ui.modal > .header:not(.ui) { font-size: 1.42857rem; font-weight: 700; line-height: 1.28571em; } .ui.modal > .content { background: rgb(255, 255, 255); display: block; font-size: 1em; line-height: 1.4; padding: 1.5rem; width: 100%; } .ui.modal > .image.content { display: flex; flex-direction: row; } .ui.modal > .content > .image { display: block; flex: 0 1 auto; } .ui.modal > [class*="top aligned"] { } .ui.modal > [class*="middle aligned"] { } .ui.modal > [class*="stretched"] { align-self: stretch; } .ui.modal > .content > .description { display: block; flex: 1 0 auto; min-width: 0px; } .ui.modal > .content > .icon + .description, .ui.modal > .content > .image + .description { flex: 0 1 auto; padding-left: 2em; width: auto; } .ui.modal > .content > .image > i.icon { font-size: 8rem; line-height: 1; margin: 0px; opacity: 1; width: auto; } .ui.modal > .actions { background: rgb(249, 250, 251); border-top: 1px solid rgba(34, 36, 38, 0.15); padding: 1rem; text-align: right; } .ui.modal .actions > .button { margin-left: 0.75em; } @media only screen and (max-width: 767px) { .ui.modal { margin: 0px; width: 95%; } } @media only screen and (min-width: 768px) { .ui.modal { margin: 0px; width: 88%; } } @media only screen and (min-width: 992px) { .ui.modal { margin: 0px; width: 850px; } } @media only screen and (min-width: 1200px) { .ui.modal { margin: 0px; width: 900px; } } @media only screen and (min-width: 1920px) { .ui.modal { margin: 0px; width: 950px; } } @media only screen and (max-width: 991px) { .ui.modal > .header { padding-right: 2.25rem; } .ui.modal > .close { color: rgba(0, 0, 0, 0.87); right: 1rem; top: 1.0535rem; } } @media only screen and (max-width: 767px) { .ui.modal > .header { padding: 0.75rem 2.25rem 0.75rem 1rem !important; } .ui.modal > .content { display: block; padding: 1rem !important; } .ui.modal > .close { right: 0.5rem !important; top: 0.5rem !important; } .ui.modal .image.content { flex-direction: column; } .ui.modal .content > .image { display: block; max-width: 100%; text-align: center; margin: 0px auto !important; padding: 0px 0px 1rem !important; } .ui.modal > .content > .image > i.icon { font-size: 5rem; text-align: center; } .ui.modal .content > .description { box-shadow: none; display: block; margin: 0px !important; padding: 1rem 0px !important; width: 100% !important; } .ui.modal > .actions { padding: 1rem 1rem 0px !important; } .ui.modal .actions > .button, .ui.modal .actions > .buttons { margin-bottom: 1rem; } } .ui.inverted.dimmer > .ui.modal { box-shadow: rgba(0, 0, 0, 0.2) 1px 3px 10px 2px; } .ui.basic.modal { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; color: rgb(255, 255, 255); box-shadow: none !important; } .ui.basic.modal, .ui.basic.modal > .actions, .ui.basic.modal > .content, .ui.basic.modal > .header { background-color: initial; } .ui.basic.modal > .header { color: rgb(255, 255, 255); } .ui.basic.modal > .close { right: 1.5rem; top: 1rem; } .ui.inverted.dimmer > .basic.modal { color: rgba(0, 0, 0, 0.87); } .ui.inverted.dimmer > .ui.basic.modal > .header { color: rgba(0, 0, 0, 0.85); } .ui.legacy.modal, .ui.legacy.page.dimmer > .ui.modal { left: 50%; top: 50%; } .ui.legacy.page.dimmer > .ui.scrolling.modal, .ui.page.dimmer > .ui.scrolling.legacy.modal, .ui.top.aligned.dimmer > .ui.legacy.modal, .ui.top.aligned.legacy.page.dimmer > .ui.modal { top: auto; } @media only screen and (max-width: 991px) { .ui.basic.modal > .close { color: rgb(255, 255, 255); } } .ui.loading.modal { display: block; visibility: hidden; z-index: -1; } .ui.active.modal { display: block; } .modals.dimmer[class*="top aligned"] .modal { margin: 5vh auto; } @media only screen and (max-width: 767px) { .modals.dimmer[class*="top aligned"] .modal { margin: 1rem auto; } } .legacy.modals.dimmer[class*="top aligned"] { padding-top: 5vh; } @media only screen and (max-width: 767px) { .legacy.modals.dimmer[class*="top aligned"] { padding-top: 1rem; } } .scrolling.dimmable.dimmed { overflow: hidden; } .scrolling.dimmable > .dimmer { justify-content: flex-start; } .scrolling.dimmable.dimmed > .dimmer { overflow: auto; } .scrolling.dimmable > .dimmer { position: fixed; } .modals.dimmer .ui.scrolling.modal { margin: 1rem auto; } .scrolling.undetached.dimmable.dimmed { overflow: auto; } .scrolling.undetached.dimmable.dimmed > .dimmer { overflow: hidden; } .scrolling.undetached.dimmable .ui.scrolling.modal { left: 50%; position: absolute; margin-top: 1rem !important; } .ui.modal .scrolling.content { max-height: 70vh; overflow: auto; } .ui.fullscreen.modal { margin: 1em auto; left: 0px !important; width: 95% !important; } .ui.fullscreen.scrolling.modal { left: 0px !important; } .ui.fullscreen.modal > .header { padding-right: 2.25rem; } .ui.fullscreen.modal > .close { color: rgba(0, 0, 0, 0.87); right: 1rem; top: 1.0535rem; } .ui.modal { font-size: 1rem; } .ui.mini.modal > .header:not(.ui) { font-size: 1.3em; } @media only screen and (max-width: 767px) { .ui.mini.modal { margin: 0px; width: 95%; } } @media only screen and (min-width: 768px) { .ui.mini.modal { margin: 0px; width: 35.2%; } } @media only screen and (min-width: 992px) { .ui.mini.modal { margin: 0px; width: 340px; } } @media only screen and (min-width: 1200px) { .ui.mini.modal { margin: 0px; width: 360px; } } @media only screen and (min-width: 1920px) { .ui.mini.modal { margin: 0px; width: 380px; } } @media only screen and (max-width: 767px) { .ui.tiny.modal { margin: 0px; width: 95%; } } @media only screen and (min-width: 768px) { .ui.tiny.modal { margin: 0px; width: 52.8%; } } @media only screen and (min-width: 992px) { .ui.tiny.modal { margin: 0px; width: 510px; } } @media only screen and (min-width: 1200px) { .ui.tiny.modal { margin: 0px; width: 540px; } } @media only screen and (min-width: 1920px) { .ui.tiny.modal { margin: 0px; width: 570px; } } .ui.small.modal > .header:not(.ui) { font-size: 1.3em; } @media only screen and (max-width: 767px) { .ui.small.modal { margin: 0px; width: 95%; } } @media only screen and (min-width: 768px) { .ui.small.modal { margin: 0px; width: 70.4%; } } @media only screen and (min-width: 992px) { .ui.small.modal { margin: 0px; width: 680px; } } @media only screen and (min-width: 1200px) { .ui.small.modal { margin: 0px; width: 720px; } } @media only screen and (min-width: 1920px) { .ui.small.modal { margin: 0px; width: 760px; } } .ui.large.modal > .header { font-size: 1.6em; } @media only screen and (max-width: 767px) { .ui.large.modal { margin: 0px; width: 95%; } } @media only screen and (min-width: 768px) { .ui.large.modal { margin: 0px; width: 88%; } } @media only screen and (min-width: 992px) { .ui.large.modal { margin: 0px; width: 1020px; } } @media only screen and (min-width: 1200px) { .ui.large.modal { margin: 0px; width: 1080px; } } @media only screen and (min-width: 1920px) { .ui.large.modal { margin: 0px; width: 1140px; } } .minwidth { min-width: 1004px; } .minwidth1200 { min-width: 1200px; } .minwidth_mobile { min-width: 240px; } body { -webkit-tap-highlight-color: transparent; background: transparent; color: var(--vkui--color_text_primary); font-size: var(--vkui--font_text--font_size--regular2--font_size); line-height: normal; margin: 0px; min-width: auto; overflow-x: visible; } body ::-webkit-scrollbar-corner, body ::-webkit-scrollbar-track { background-color: initial; } ::-webkit-scrollbar-thumb, body ::-webkit-scrollbar-thumb { background-color: var(--vkui--color_field_border_alpha); } ::-webkit-scrollbar-thumb { border-radius: 8px; } ::-webkit-scrollbar { height: 8px; width: 8px; } * { scrollbar-color: var(--vkui--color_field_border_alpha) var(--vkui--color_background); scrollbar-width: thin; } *, ::after, ::before { box-sizing: initial; } body.body_fixed.body_phone { max-width: 100%; position: fixed; } #stylesheet-load-checker { position: absolute; } @font-face { font-display: swap; font-family: MailSans; font-style: italic; font-weight: 700; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/f12769603d8edc98b5f5de26e6ba98bb.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/32edd24899c8ca5679126d7c76287971.woff") format("woff"); } @font-face { font-display: swap; font-family: MailSans; font-style: normal; font-weight: 700; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/4a797421bcdc20b7cef6e69503778d16.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/bcb9955931feed97838a0328f2fc60e7.woff") format("woff"); } @font-face { font-display: swap; font-family: MailSans; font-style: italic; font-weight: 400; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/9f05a671a8fdeb02789370584108809b.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/94a58830ba4d3146a3700cd89587390f.woff") format("woff"); } @font-face { font-display: swap; font-family: MailSans; font-style: italic; font-weight: 300; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/811a6cf099a8d39797d06ab770e79a3b.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/078775a4d319555467846de1c460de2b.woff") format("woff"); } @font-face { font-display: swap; font-family: MailSans; font-style: normal; font-weight: 300; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/ee32cf0a74ae09460785a02f0f5e80ae.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/4163998721bea58e2f5e729aac29f0c5.woff") format("woff"); } @font-face { font-display: swap; font-family: MailSans; font-style: italic; font-weight: 500; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/71e84d298c5aae9d474c2fa59dbbe721.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/47c0e8e29ebd05bca8da13a218a19d43.woff") format("woff"); } @font-face { font-display: swap; font-family: MailSans; font-style: normal; font-weight: 500; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/5f7e715ddfc34a3bb353bb3144f81bec.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/cfb1349eee85c6fe8339e019990b02ef.woff") format("woff"); } @font-face { font-display: swap; font-family: MailSans; font-style: normal; font-weight: 400; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/94ff7083f4fbc625473a2f73817ff1b7.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/4fd01665dab2ca1c0e19154433d3ef00.woff") format("woff"); } @font-face { font-display: swap; font-family: Inter; font-style: italic; font-weight: 700; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/86b501b4ef9d20d70996b196b69dc1e7.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/aa42f3d22ea9fae2b945f33b94d180ea.woff") format("woff"); } @font-face { font-display: swap; font-family: Inter; font-style: normal; font-weight: 700; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/3c747ac4004be3a30e9807662caebaa0.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/c7c0091f1b2b06064572ec0016f1e142.woff") format("woff"); } @font-face { font-display: swap; font-family: Inter; font-style: italic; font-weight: 400; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/1b084c69c69a1b3a2618caed68164471.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/fa701b4b599a803effc38485e2957ca3.woff") format("woff"); } @font-face { font-display: swap; font-family: Inter; font-style: italic; font-weight: 300; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/c299e45a039bd14c78ea86e7011b97f9.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/17d6938f0d850228f59d37fdf2790016.woff") format("woff"); } @font-face { font-display: swap; font-family: Inter; font-style: italic; font-weight: 500; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/f25066e37f191178ef56ae1f2f901f92.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/642b4659478701575989a8926822356b.woff") format("woff"); } @font-face { font-display: swap; font-family: Inter; font-style: normal; font-weight: 500; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/5b53c519b3184a74a98ca6125f513c9d.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/cc6a88688869161eb83642d9393a0c2d.woff") format("woff"); } @font-face { font-display: swap; font-family: Inter; font-style: normal; font-weight: 400; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/2505c0d4b34ffca98f8f8852e24928eb.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/fc49d131f795b4d48f261495d4caef09.woff") format("woff"); } @font-face { font-display: swap; font-family: Inter; font-style: normal; font-weight: 300; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/15bbe3b76e0bedd9c4d5705dbd86da14.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/0cde50f90fe61871de0af0d24e4d6f6b.woff") format("woff"); } @font-face { font-display: swap; font-family: VKSansDisplay; font-style: normal; font-weight: 300; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/dd19a5c686ef5e575940d5ca4700745a.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/7fcca334cc263414f82f6423759a490f.woff") format("woff"); } @font-face { font-display: swap; font-family: VKSansDisplay; font-style: normal; font-weight: 400; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/5144b048e685cd8ae78b1731cf861f6b.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/330578b52df66eccd5805f97cf23af4c.woff") format("woff"); } @font-face { font-display: swap; font-family: VKSansDisplay; font-style: normal; font-weight: 500; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/7082adfe0b49e2f8da5bf38d29e318ac.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/5c1a8c271e68390145da2b270f47c843.woff") format("woff"); } @font-face { font-display: swap; font-family: VKSansDisplay; font-style: normal; font-weight: 600; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/8d89247d5a099689f3d8c232b19019d1.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/67085e0a31f0c11683d7de4342715bfb.woff") format("woff"); } @font-face { font-display: swap; font-family: VKSansDisplay; font-style: normal; font-weight: 700; src: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/6d31bfc3c51e0db5b53a523d1e36d9e9.woff2") format("woff2"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/fonts/08b75b2f429cfda1d380c46cbc3f0406.woff") format("woff"); } :root { --font-tt-norms: "VKSansDisplay","Helvetica","Arial","sans-serif"; --font-inter: "Inter","Helvetica","Arial","sans-serif"; --font-inline-integration: "VKSansDisplay","Helvetica","Arial","sans-serif"; } :root { --vkui--theme_name: "cloud"; --vkui--font_family_fallbacks: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_accent: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_base: Inter,Helvetica,Arial,sans-serif; --vkui--font_weight_accent1: 500; --vkui--font_weight_accent2: 500; --vkui--font_weight_accent3: 400; --vkui--font_weight_base1: 700; --vkui--font_weight_base2: 700; --vkui--font_weight_base3: 400; --vkui--font_display_title1--font_size--regular: 23px; --vkui--font_display_title1--line_height--regular: 28px; --vkui--font_display_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title1--font_weight--regular: 500; --vkui--font_display_title2--font_size--regular: 21px; --vkui--font_display_title2--line_height--regular: 26px; --vkui--font_display_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--regular: 500; --vkui--font_display_title2--font_size--compact: 22px; --vkui--font_display_title2--line_height--compact: 22px; --vkui--font_display_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--compact: 500; --vkui--font_display_title3--font_size--regular: 19px; --vkui--font_display_title3--line_height--regular: 24px; --vkui--font_display_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title3--font_weight--regular: 500; --vkui--font_display_title4--font_size--regular: 17px; --vkui--font_display_title4--line_height--regular: 24px; --vkui--font_display_title4--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title4--font_weight--regular: 500; --vkui--font_title1--font_size--compact: 24px; --vkui--font_title1--line_height--compact: 28px; --vkui--font_title1--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--compact: 500; --vkui--font_title1--font_size--regular: 24px; --vkui--font_title1--line_height--regular: 28px; --vkui--font_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--regular: 500; --vkui--font_title2--font_size--compact: 20px; --vkui--font_title2--line_height--compact: 26px; --vkui--font_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--compact: 500; --vkui--font_title2--font_size--regular: 20px; --vkui--font_title2--line_height--regular: 26px; --vkui--font_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--regular: 500; --vkui--font_title3--font_size--compact: 17px; --vkui--font_title3--line_height--compact: 22px; --vkui--font_title3--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--compact: 500; --vkui--font_title3--font_size--regular: 18px; --vkui--font_title3--line_height--regular: 24px; --vkui--font_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--regular: 500; --vkui--font_headline1--font_size--regular: 16px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_headline1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline1--font_weight--regular: 500; --vkui--font_headline1--font_size--compact: 15px; --vkui--font_headline1--line_height--compact: 20px; --vkui--font_headline2--font_size--regular: 15px; --vkui--font_headline2--line_height--regular: 20px; --vkui--font_headline2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline2--font_weight--regular: 500; --vkui--font_headline2--font_size--compact: 14px; --vkui--font_headline2--line_height--compact: 20px; --vkui--font_text--font_size--compact: 15px; --vkui--font_text--line_height--compact: 20px; --vkui--font_text--font_weight--compact: 400; --vkui--font_text--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_text--font_size--regular: 16px; --vkui--font_text--line_height--regular: 20px; --vkui--font_text--font_weight--regular: 400; --vkui--font_text--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_size--regular: 15px; --vkui--font_paragraph--line_height--regular: 20px; --vkui--font_paragraph--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_weight--regular: 400; --vkui--font_subhead--font_size--compact: 14px; --vkui--font_subhead--line_height--compact: 18px; --vkui--font_subhead--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--compact: 500; --vkui--font_subhead--font_size--regular: 14px; --vkui--font_subhead--line_height--regular: 18px; --vkui--font_subhead--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--regular: 500; --vkui--font_footnote--font_size--regular: 14px; --vkui--font_footnote--line_height--regular: 18px; --vkui--font_footnote--font_weight--regular: 400; --vkui--font_footnote--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote--font_size--compact: 14px; --vkui--font_footnote--line_height--compact: 18px; --vkui--font_footnote--font_weight--compact: 400; --vkui--font_footnote--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_size--regular: 14px; --vkui--font_footnote_caps--line_height--regular: 18px; --vkui--font_footnote_caps--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_weight--regular: 500; --vkui--font_footnote_caps--text_transform--regular: uppercase; --vkui--font_footnote_caps--letter_spacing--regular: 0.3px; --vkui--font_caption1--font_size--regular: 12px; --vkui--font_caption1--line_height--regular: 16px; --vkui--font_caption1--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--regular: 400; --vkui--font_caption1--font_size--compact: 12px; --vkui--font_caption1--line_height--compact: 16px; --vkui--font_caption1--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_size--regular: 12px; --vkui--font_caption1_caps--line_height--regular: 16px; --vkui--font_caption1_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_weight--regular: 400; --vkui--font_caption1_caps--text_transform--regular: uppercase; --vkui--font_caption1_caps--letter_spacing--regular: 0.26px; --vkui--font_caption2--font_size--regular: 11px; --vkui--font_caption2--line_height--regular: 14px; --vkui--font_caption2--font_weight--regular: 400; --vkui--font_caption2--font_family--regular: Inter,Helvetica,Arial,sans-serif; --vkui--font_caption2_caps--font_size--regular: 11px; --vkui--font_caption2_caps--line_height--regular: 14px; --vkui--font_caption2_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps--font_weight--regular: 400; --vkui--font_caption2_caps--text_transform--regular: uppercase; --vkui--font_caption2_caps--letter_spacing--regular: 0.22px; --vkui--font_caption3--font_size--regular: 9px; --vkui--font_caption3--line_height--regular: 12px; --vkui--font_caption3--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3--font_weight--regular: 400; --vkui--font_caption3_caps--font_size--regular: 9px; --vkui--font_caption3_caps--line_height--regular: 12px; --vkui--font_caption3_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps--font_weight--regular: 400; --vkui--font_caption3_caps--text_transform--regular: uppercase; --vkui--font_caption3_caps--letter_spacing--regular: 0.16px; --vkui--size_select_icon_padding--regular: 7px; --vkui--size_select_icon_padding--compact: 6px; --vkui--size_popup_base_padding--regular: 20px; --vkui--size_popup_base_padding--compact: 32px; --vkui--size_popup_header_padding--regular: 16px; --vkui--size_popup_header_padding--compact: 24px; --vkui--size_border_radius--regular: 8px; --vkui--size_border_radius_rounded--regular: 48px; --vkui--size_check_border_radius--regular: 4px; --vkui--size_border_radius_paper--regular: 12px; --vkui--size_border_radius_promo--regular: 20px; --vkui--size_cell_height--regular: 48px; --vkui--size_cell_height--compact: 44px; --vkui--size_field_height--regular: 44px; --vkui--size_field_height--compact: 36px; --vkui--size_search_height--regular: 36px; --vkui--size_search_height--compact: 32px; --vkui--size_button_extra_small_height--regular: 24px; --vkui--size_button_extra_small_height--compact: 22px; --vkui--size_button_small_height--regular: 30px; --vkui--size_button_small_height--compact: 28px; --vkui--size_button_medium_height--regular: 36px; --vkui--size_button_medium_height--compact: 32px; --vkui--size_button_large_height--regular: 44px; --vkui--size_button_large_height--compact: 36px; --vkui--size_checkbox--regular: 16px; --vkui--size_arrow--regular: 8px; --vkui--size_arrow_promo--regular: 40px; --vkui--size_popup_small--regular: 430px; --vkui--size_popup_medium--regular: 680px; --vkui--size_popup_large--regular: 880px; --vkui--size_field_horizontal_padding--regular: 8px; --vkui--size_button_padding_horizontal--regular: 16px; --vkui--size_label_horizontal_margin--regular: 16px; --vkui--size_arrow_padding--regular: 12px; --vkui--size_tooltip_margin--regular: 8px; --vkui--size_icon_u_i--regular: 16px; --vkui--size_avatar_x_s--regular: 24px; --vkui--size_avatar_s--regular: 32px; --vkui--size_avatar_m--regular: 48px; --vkui--size_avatar_l--regular: 96px; --vkui--size_avatar_x_l--compact: 120px; --vkui--size_avatar_x_l--regular: 160px; --vkui--size_badge_x_s--regular: 12px; --vkui--size_badge_s--regular: 16px; --vkui--size_badge_m--regular: 24px; --vkui--size_badge_l--regular: 44px; --vkui--size_badge_x_l--regular: 56px; --vkui--size_cardgrid_padding--regular: 12px; --vkui--size_card_border_radius--regular: 16px; --vkui--size_cardgrid_padding_vertical--regular: 8px; --vkui--size_base_padding_horizontal--regular: 16px; --vkui--size_base_padding_vertical--regular: 12px; --vkui--size_button_group_gap_space--regular: 1px; --vkui--size_button_group_gap_small--regular: 8px; --vkui--size_button_group_gap_medium--regular: 12px; --vkui--size_option_hierarchy--regular: 32px; --vkui--size_switch_height--regular: 14px; --vkui--size_switch_height--compact: 12px; --vkui--size_switch_width--regular: 34px; --vkui--size_switch_width--compact: 32px; --vkui--size_switch_pin--regular: 20px; --vkui--size_switch_pin--compact: 18px; --vkui--size_panel_header_height--compact: 48px; --vkui--size_panel_header_height--regular: 56px; --vkui--size_button_base_small_padding_horizontal--regular: 16px; --vkui--size_button_base_medium_padding_horizontal--regular: 16px; --vkui--size_button_base_large_padding_horizontal--regular: 20px; --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px; --vkui--size_button_minimum_width--regular: 80px; --vkui--size_form_item_padding_vertical--regular: 12px; --vkui--size_split_col_padding_horizontal--regular: 16px; --vkui--size_subnavigation_bar_gap--regular: 8px; --vkui--size_subnavigation_bar_padding_vertical--regular: 12px; --vkui--size_border1x--regular: 1px; --vkui--size_border2x--regular: 0.5px; --vkui--size_border3x--regular: 0.33px; --vkui--spacing_size_3xs: 2px; --vkui--spacing_size_2xs: 2px; --vkui--spacing_size_xs: 4px; --vkui--spacing_size_s: 6px; --vkui--spacing_size_m: 8px; --vkui--spacing_size_l: 10px; --vkui--spacing_size_xl: 12px; --vkui--spacing_size_2xl: 16px; --vkui--spacing_size_3xl: 20px; --vkui--spacing_size_4xl: 24px; --vkui--elevation1: 0 2px 6px 0 rgba(0,16,61,.08),0 1px 2px 0 rgba(0,16,61,.08); --vkui--elevation1_invert_y: 0 -2px 6px 0 rgba(0,16,61,.08),0 -1px 2px 0 rgba(0,16,61,.08); --vkui--elevation2: 0 0 2px 0 rgba(0,16,61,.06),0 0 6px 0 rgba(0,16,61,.06),0 6px 12px 0 rgba(0,16,61,.06); --vkui--elevation3: 0 0 6px 0 rgba(0,16,61,.06),0 6px 12px 0 rgba(0,16,61,.06),0 6px 20px 0 rgba(0,16,61,.06),0 10px 36px 0 rgba(0,16,61,.08); --vkui--elevation4: 0 2px 6px 0 rgba(0,16,61,.06),0 16px 48px 0 rgba(0,16,61,.08),0 24px 68px 0 rgba(0,16,61,.16); --vkui--gradient_black: transparent 0%,rgba(0,0,0,.02) 15%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.32) 70%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.4) 100%; --vkui--gradient_white: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--gradient_tint: rgba(246,247,248,0) 0%,rgba(246,247,248,.05) 15%,rgba(246,247,248,.2) 30%,rgba(246,247,248,.8) 70%,rgba(246,247,248,.95) 85%,#f6f7f8 100%; --vkui--gradient: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--animation_duration_l: 0.4s; --vkui--animation_duration_m: 0.2s; --vkui--animation_duration_s: 0.1s; --vkui--animation_easing_default: cubic-bezier(0.3,0.3,0.5,1); --vkui--animation_easing_platform: cubic-bezier(0.3,0.3,0.5,1); --vkui--opacity_disable: 0.48; --vkui--opacity_disable_accessibility: 0.64; --vkui--opacity_active: 0.72; --vkui--blur_m: 16px; --vkui--z_index_modal: 99; --vkui--z_index_popout: 100; --vkui--x0: 0px; --vkui--x025: 1px; --vkui--x05: 2px; --vkui--x1: 4px; --vkui--x2: 8px; --vkui--x3: 12px; --vkui--x4: 16px; --vkui--x5: 20px; --vkui--x6: 24px; --vkui--x8: 32px; --vkui--x10: 40px; --vkui--x12: 48px; --vkui--x15: 60px; --vkui--x20: 80px; --vkui--size_base: 4px; --vkui--size_grid: 20px; --vkui--font_h0--font_size--compact: 40px; --vkui--font_h0--line_height--compact: 46px; --vkui--font_h0--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--compact: 500; --vkui--font_h0--font_size--regular: 40px; --vkui--font_h0--line_height--regular: 46px; --vkui--font_h0--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--regular: 500; --vkui--font_h1--font_size--compact: 32px; --vkui--font_h1--line_height--compact: 38px; --vkui--font_h1--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--compact: 500; --vkui--font_h1--font_size--regular: 32px; --vkui--font_h1--line_height--regular: 40px; --vkui--font_h1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--regular: 500; --vkui--font_h2--font_size--compact: 28px; --vkui--font_h2--line_height--compact: 32px; --vkui--font_h2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--compact: 500; --vkui--font_h2--font_size--regular: 28px; --vkui--font_h2--line_height--regular: 34px; --vkui--font_h2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--regular: 500; --vkui--size_arrow_height--regular: 8px; --vkui--size_arrow_width--regular: 12px; --vkui--size_base_padding--regular: 20px; --vkui--size_border_width_tab--regular: 2px; --vkui--size_border_width_bar--regular: 4px; --vkui--size_border_width_accent--regular: 8px; --vkui--size_border_width_accent_secondary--regular: 8px; --vkui--size_control_button_width_min--regular: 130px; --vkui--size_control_button_width_min--compact: 104px; --vkui--size_promo_button_close--regular: 32px; --vkui--size_button_slider_height--regular: 24px; --vkui--size_button_slider_width--regular: 12px; --vkui--size_button_slider_width_pointer--regular: 16px; --vkui--size_field_width_min--regular: 328px; --vkui--size_field_width_min--compact: 380px; --vkui--size_label_width--regular: 184px; --vkui--size_progress--regular: 4px; --vkui--size_progress_scroll--regular: 12px; --vkui--size_dot_bullet--regular: 4px; --vkui--size_dot_indicate--regular: 8px; --vkui--size_dot_clickable--regular: 12px; --vkui--size_vertical_padding--regular: 0px; --vkui--size_button_more_padding--regular: 8px; --vkui--size_icon_more_padding--regular: 12px; --vkui--size_icon_more_padding--compact: 8px; --vkui--size_button_icon_padding--regular: 16px; --vkui--size_button_icon_padding--compact: 20px; --vkui--size_div_padding--regular: 4px; --vkui--size_menu_padding--regular: 8px; --vkui--size_tag_padding--regular: 8px; --vkui--size_tab_padding--regular: 16px; --vkui--size_table_horizontal_padding--regular: 16px; --vkui--size_table_vertical_padding--regular: 16px; --vkui--size_slice_top_padding--regular: 40px; --vkui--size_slice_bottom_padding--regular: 60px; --vkui--size_base_margin--regular: 12px; --vkui--size_label_vertical_margin--regular: 4px; --vkui--size_tip_margin--regular: 4px; --vkui--size_field_horizontal_margin--regular: 20px; --vkui--size_field_vertical_margin--regular: 24px; --vkui--size_field_set_margin--regular: 32px; --vkui--size_icon_margin--regular: 12px; --vkui--size_icon_margin--compact: 8px; --vkui--size_choice_margin--regular: 8px; --vkui--size_menu_margin--regular: 2px; --vkui--size_tag_margin--regular: 8px; --vkui--size_tab_margin--regular: 8px; --vkui--size_bullet_margin--regular: 12px; --vkui--size_attribute_margin--regular: 4px; --vkui--size_popup_margin--regular: 8px; --vkui--size_popup_margin--compact: 24px; --vkui--size_header_icon--regular: 20px; --vkui--size_wysiwyg_icon--regular: 14px; --vkui--size_illustration_s--regular: 48px; --vkui--size_illustration_x_m--regular: 72px; --vkui--size_illustration_m--regular: 96px; --vkui--size_illustration_l--regular: 144px; --vkui--size_illustration_x_x_l--regular: 228px; --vkui--tone_value_overlay: 0.48; --vkui--tone_value_viewer: 0.88; --vkui--tone_value_toolbar: 0.24; --vkui--tone_value_hover: 0.04; --vkui--tone_value_active: 0.08; --vkui--tone_value_focus: 0.08; --vkui--type_border_button: solid; --vkui--type_border_position: inset; --vkui--theme_name_base: "cloud"; --vkui--font_title2_custom--font_size--regular: 20px; --vkui--font_title2_custom--line_height--regular: 26px; --vkui--font_title2_custom--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2_custom--font_weight--regular: 400; --vkui--font_title2_custom--font_size--compact: 20px; --vkui--font_title2_custom--line_height--compact: 26px; --vkui--font_title2_custom--font_weight--compact: 400; --vkui--font_title3_custom--font_size--regular: 18px; --vkui--font_title3_custom--line_height--regular: 24px; --vkui--font_title3_custom--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3_custom--font_weight--regular: 400; --vkui--font_title3_custom--font_size--compact: 17px; --vkui--font_title3_custom--line_height--compact: 22px; --vkui--font_title3_custom--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3_custom--font_weight--compact: 400; --vkui--font_caption1_caps_demibold--font_size--regular: 12px; --vkui--font_caption1_caps_demibold--line_height--regular: 16px; --vkui--font_caption1_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps_demibold--font_weight--regular: 600; --vkui--font_caption1_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption1_caps_demibold--letter_spacing--regular: 0.26px; --vkui--font_caption2_caps_demibold--font_size--regular: 11px; --vkui--font_caption2_caps_demibold--line_height--regular: 14px; --vkui--font_caption2_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps_demibold--font_weight--regular: 600; --vkui--font_caption2_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption2_caps_demibold--letter_spacing--regular: 0.22px; --vkui--font_caption3_caps_demibold--font_size--regular: 9px; --vkui--font_caption3_caps_demibold--line_height--regular: 12px; --vkui--font_caption3_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps_demibold--font_weight--regular: 600; --vkui--font_caption3_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption3_caps_demibold--letter_spacing--regular: 0.16px; --vkui--font_subtitle_medium--font_size: 18px; --vkui--font_subtitle_medium--line_height: 24px; --vkui--font_subtitle_medium--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subtitle_medium--font_weight: 500; --vkui--font_subtitle_custom--font_size: 18px; --vkui--font_subtitle_custom--line_height: 24px; --vkui--font_subtitle_custom--font_weight: 400; --vkui--font_subtitle_custom--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline_large_medium--font_size: 16px; --vkui--font_headline_large_medium--line_height: 20px; --vkui--font_headline_large_medium--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline_large_medium--font_weight: 500; --vkui--font_large_text--font_size: 16px; --vkui--font_large_text--line_height: 20px; --vkui--font_large_text--font_weight: 400; --vkui--font_large_text--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_size--regular: 16px; --vkui--font_headline--line_height--regular: 20px; --vkui--font_headline--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_weight--regular: 500; --vkui--font_headline--font_size--compact: 15px; --vkui--font_headline--line_height--compact: 20px; --vkui--colors_scheme: light; --vkui--color_background_accent: #07f; --vkui--color_background_accent--hover: #0073f7; --vkui--color_background_accent--active: #006fef; --vkui--color_background_accent_themed: #07f; --vkui--color_background_accent_themed--hover: #0073f7; --vkui--color_background_accent_themed--active: #006fef; --vkui--color_background_accent_themed_alpha: rgba(0,119,255,.2); --vkui--color_background_accent_themed_alpha--hover: rgba(0,119,255,.24); --vkui--color_background_accent_themed_alpha--active: rgba(0,119,255,.28); --vkui--color_background_accent_alternative: #ff9e00; --vkui--color_background_accent_alternative--hover: #f59802; --vkui--color_background_accent_alternative--active: #eb9305; --vkui--color_background_content: #fff; --vkui--color_background_content--hover: #f5f5f7; --vkui--color_background_content--active: #ebecef; --vkui--color_background_content_alpha: hsla(0,0%,100%,.8); --vkui--color_background_content_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_background_content_alpha--active: hsla(0,0%,100%,.88); --vkui--color_background_content_inverse: #232324; --vkui--color_background_content_inverse--hover: #222225; --vkui--color_background_content_inverse--active: #202126; --vkui--color_background_secondary: #f0f1f3; --vkui--color_background_secondary--hover: #e6e8ec; --vkui--color_background_secondary--active: #dddfe4; --vkui--color_background_secondary_alpha: rgba(0,16,61,.06); --vkui--color_background_secondary_alpha--hover: rgba(0,16,61,.1); --vkui--color_background_secondary_alpha--active: rgba(0,16,61,.14); --vkui--color_background: #fff; --vkui--color_background--hover: #f5f5f7; --vkui--color_background--active: #ebecef; --vkui--color_background_contrast: #fff; --vkui--color_background_contrast--hover: #f5f5f7; --vkui--color_background_contrast--active: #ebecef; --vkui--color_background_contrast_secondary_alpha: hsla(0,0%,100%,.2); --vkui--color_background_contrast_secondary_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_contrast_secondary_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_warning: #fff1ad; --vkui--color_background_warning--hover: #f5e8a9; --vkui--color_background_warning--active: #ebdfa4; --vkui--color_background_negative: #e64646; --vkui--color_background_negative--hover: #dd4446; --vkui--color_background_negative--active: #d44245; --vkui--color_background_tertiary: #f6f7f8; --vkui--color_background_tertiary--hover: #eceef1; --vkui--color_background_tertiary--active: #e2e5e9; --vkui--color_background_tertiary_alpha: rgba(0,0,0,.04); --vkui--color_background_tertiary_alpha--hover: rgba(0,0,0,.08); --vkui--color_background_tertiary_alpha--active: rgba(0,0,0,.12); --vkui--color_background_modal: #fff; --vkui--color_background_modal--hover: #f5f5f7; --vkui--color_background_modal--active: #ebecef; --vkui--color_background_positive: #0dc268; --vkui--color_background_positive--hover: #0cbb66; --vkui--color_background_positive--active: #0cb465; --vkui--color_background_negative_tint: #feefeb; --vkui--color_background_negative_tint--hover: #f4e6e4; --vkui--color_background_negative_tint--active: #eadddd; --vkui--color_background_positive_tint: #ecfaf3; --vkui--color_background_positive_tint--hover: #e3f1ec; --vkui--color_background_positive_tint--active: #d9e7e4; --vkui--color_field_background: #fff; --vkui--color_field_background--hover: #f5f5f7; --vkui--color_field_background--active: #ebecef; --vkui--color_background_modal_inverse: #303030; --vkui--color_background_modal_inverse--hover: #2e2f31; --vkui--color_background_modal_inverse--active: #2c2d31; --vkui--color_background_contrast_inverse: #303030; --vkui--color_background_contrast_inverse--hover: #2e2f31; --vkui--color_background_contrast_inverse--active: #2c2d31; --vkui--color_background_contrast_themed: #fff; --vkui--color_background_contrast_themed--hover: #f5f5f7; --vkui--color_background_contrast_themed--active: #ebecef; --vkui--color_background_accent_tint: #5a9eff; --vkui--color_background_accent_tint--hover: #5698f7; --vkui--color_background_accent_tint--active: #5393ef; --vkui--color_background_info_tint: #f0f4ff; --vkui--color_background_info_tint--hover: #e6ebf7; --vkui--color_background_info_tint--active: #dde2ef; --vkui--color_text_accent: #0070f0; --vkui--color_text_accent--hover: #006ce9; --vkui--color_text_accent--active: #0068e2; --vkui--color_text_accent_themed: #0070f0; --vkui--color_text_accent_themed--hover: #006ce9; --vkui--color_text_accent_themed--active: #0068e2; --vkui--color_text_negative: #ed330a; --vkui--color_text_negative--hover: #e4320c; --vkui--color_text_negative--active: #da300e; --vkui--color_text_link: #0070f0; --vkui--color_text_link--hover: #006ce9; --vkui--color_text_link--active: #0068e2; --vkui--color_text_link_tint: #71aaeb; --vkui--color_text_link_tint--hover: #6ca4e4; --vkui--color_text_link_tint--active: #689edd; --vkui--color_text_link_themed: #0070f0; --vkui--color_text_link_themed--hover: #006ce9; --vkui--color_text_link_themed--active: #0068e2; --vkui--color_text_muted: #2c2d2e; --vkui--color_text_muted--hover: #2a2c2f; --vkui--color_text_muted--active: #282b2f; --vkui--color_text_primary: #2c2d2e; --vkui--color_text_primary--hover: #2a2c2f; --vkui--color_text_primary--active: #282b2f; --vkui--color_text_primary_alpha: rgba(37,41,46,.84); --vkui--color_text_primary_alpha--hover: rgba(37,41,46,.88); --vkui--color_text_primary_alpha--active: rgba(37,41,46,.92); --vkui--color_text_primary_invariably: #2c2d2e; --vkui--color_text_primary_invariably--hover: #2a2c2f; --vkui--color_text_primary_invariably--active: #282b2f; --vkui--color_text_secondary: #87898f; --vkui--color_text_secondary--hover: #82848c; --vkui--color_text_secondary--active: #7c7f88; --vkui--color_text_secondary_alpha: rgba(37,41,46,.55); --vkui--color_text_secondary_alpha--hover: rgba(37,41,46,.59); --vkui--color_text_secondary_alpha--active: rgba(37,41,46,.63); --vkui--color_text_subhead: #797a80; --vkui--color_text_subhead--hover: #74767d; --vkui--color_text_subhead--active: #6f727b; --vkui--color_text_tertiary: #aaadb3; --vkui--color_text_tertiary--hover: #a3a7ae; --vkui--color_text_tertiary--active: #9ca0aa; --vkui--color_text_link_visited: #528fdf; --vkui--color_text_link_visited--hover: #4f8ad9; --vkui--color_text_link_visited--active: #4b85d2; --vkui--color_text_contrast: #fff; --vkui--color_text_contrast--hover: #f5f5f7; --vkui--color_text_contrast--active: #ebecef; --vkui--color_text_contrast_themed: #fff; --vkui--color_text_contrast_themed--hover: #f5f5f7; --vkui--color_text_contrast_themed--active: #ebecef; --vkui--color_link_contrast: #fff; --vkui--color_link_contrast--hover: #f5f5f7; --vkui--color_link_contrast--active: #ebecef; --vkui--color_text_positive: #0dc268; --vkui--color_text_positive--hover: #0cbb66; --vkui--color_text_positive--active: #0cb465; --vkui--color_icon_accent: #07f; --vkui--color_icon_accent--hover: #0073f7; --vkui--color_icon_accent--active: #006fef; --vkui--color_icon_accent_themed: #07f; --vkui--color_icon_accent_themed--hover: #0073f7; --vkui--color_icon_accent_themed--active: #006fef; --vkui--color_icon_primary: #2c2d2e; --vkui--color_icon_primary--hover: #2a2c2f; --vkui--color_icon_primary--active: #282b2f; --vkui--color_icon_primary_invariably: #2c2d2e; --vkui--color_icon_primary_invariably--hover: #2a2c2f; --vkui--color_icon_primary_invariably--active: #282b2f; --vkui--color_icon_medium: #919399; --vkui--color_icon_medium--hover: #8b8e95; --vkui--color_icon_medium--active: #858992; --vkui--color_icon_medium_alpha: rgba(39,43,55,.5); --vkui--color_icon_medium_alpha--hover: rgba(39,43,55,.54); --vkui--color_icon_medium_alpha--active: rgba(39,43,55,.58); --vkui--color_icon_secondary: #a5a7ad; --vkui--color_icon_secondary--hover: #9ea1a9; --vkui--color_icon_secondary--active: #989ba4; --vkui--color_icon_secondary_alpha: rgba(39,43,55,.3); --vkui--color_icon_secondary_alpha--hover: rgba(39,43,55,.34); --vkui--color_icon_secondary_alpha--active: rgba(39,43,55,.38); --vkui--color_icon_tertiary: #cfd1d6; --vkui--color_icon_tertiary--hover: #c7c9d0; --vkui--color_icon_tertiary--active: #bec2ca; --vkui--color_icon_tertiary_alpha: rgba(39,43,55,.2); --vkui--color_icon_tertiary_alpha--hover: rgba(39,43,55,.24); --vkui--color_icon_tertiary_alpha--active: rgba(39,43,55,.28); --vkui--color_icon_contrast: #fff; --vkui--color_icon_contrast--hover: #f5f5f7; --vkui--color_icon_contrast--active: #ebecef; --vkui--color_icon_contrast_themed: #fff; --vkui--color_icon_contrast_themed--hover: #f5f5f7; --vkui--color_icon_contrast_themed--active: #ebecef; --vkui--color_icon_positive: #0dc268; --vkui--color_icon_positive--hover: #0cbb66; --vkui--color_icon_positive--active: #0cb465; --vkui--color_icon_warning: #ff9e00; --vkui--color_icon_warning--hover: #f59802; --vkui--color_icon_warning--active: #eb9305; --vkui--color_icon_negative: #ed330a; --vkui--color_icon_negative--hover: #e4320c; --vkui--color_icon_negative--active: #da300e; --vkui--color_icon_contrast_secondary: #f2f3f5; --vkui--color_icon_contrast_secondary--hover: #e8eaee; --vkui--color_icon_contrast_secondary--active: #dfe1e6; --vkui--color_stroke_accent: #07f; --vkui--color_stroke_accent--hover: #0073f7; --vkui--color_stroke_accent--active: #006fef; --vkui--color_stroke_accent_themed: #07f; --vkui--color_stroke_accent_themed--hover: #0073f7; --vkui--color_stroke_accent_themed--active: #006fef; --vkui--color_stroke_contrast: #fff; --vkui--color_stroke_contrast--hover: #f5f5f7; --vkui--color_stroke_contrast--active: #ebecef; --vkui--color_stroke_negative: #ed330a; --vkui--color_stroke_negative--hover: #e4320c; --vkui--color_stroke_negative--active: #da300e; --vkui--color_stroke_primary: #2c2d2e; --vkui--color_stroke_primary--hover: #2a2c2f; --vkui--color_stroke_primary--active: #282b2f; --vkui--color_image_border_alpha: rgba(0,16,61,.08); --vkui--color_image_border_alpha--hover: rgba(0,16,61,.12); --vkui--color_image_border_alpha--active: rgba(0,16,61,.16); --vkui--color_field_border_alpha: rgba(0,16,61,.12); --vkui--color_field_border_alpha--hover: rgba(0,16,61,.16); --vkui--color_field_border_alpha--active: rgba(0,16,61,.2); --vkui--color_separator_primary_alpha: rgba(0,16,61,.12); --vkui--color_separator_primary_alpha--hover: rgba(0,16,61,.16); --vkui--color_separator_primary_alpha--active: rgba(0,16,61,.2); --vkui--color_separator_secondary: #e6e7eb; --vkui--color_separator_secondary--hover: #dddee4; --vkui--color_separator_secondary--active: #d4d6dd; --vkui--color_separator_primary: #dadce0; --vkui--color_separator_primary--hover: #d1d4d9; --vkui--color_separator_primary--active: #c9ccd3; --vkui--color_stroke_positive: #0dc268; --vkui--color_stroke_positive--hover: #0cbb66; --vkui--color_stroke_positive--active: #0cb465; --vkui--color_separator_primary2x: #cdd0d5; --vkui--color_separator_primary2x--hover: #c5c8cf; --vkui--color_separator_primary2x--active: #bdc1c9; --vkui--color_separator_primary3x: #bfc3ca; --vkui--color_separator_primary3x--hover: #b7bcc4; --vkui--color_separator_primary3x--active: #b0b5bf; --vkui--color_accent_blue: #07f; --vkui--color_accent_blue--hover: #0073f7; --vkui--color_accent_blue--active: #006fef; --vkui--color_accent_gray: #a5a7ad; --vkui--color_accent_gray--hover: #9ea1a9; --vkui--color_accent_gray--active: #989ba4; --vkui--color_accent_red: #ed330a; --vkui--color_accent_red--hover: #e4320c; --vkui--color_accent_red--active: #da300e; --vkui--color_accent_orange_fire: #f05c44; --vkui--color_accent_orange_fire--hover: #e65944; --vkui--color_accent_orange_fire--active: #dd5643; --vkui--color_accent_orange: #ff9e00; --vkui--color_accent_orange--hover: #f59802; --vkui--color_accent_orange--active: #eb9305; --vkui--color_accent_orange_peach: #f9b54f; --vkui--color_accent_orange_peach--hover: #efae4e; --vkui--color_accent_orange_peach--active: #e5a84e; --vkui--color_accent_lime: #b8fc75; --vkui--color_accent_lime--hover: #b1f373; --vkui--color_accent_lime--active: #a9e971; --vkui--color_accent_green: #0dc268; --vkui--color_accent_green--hover: #0cbb66; --vkui--color_accent_green--active: #0cb465; --vkui--color_accent_cyan: #07e5f9; --vkui--color_accent_cyan--hover: #07dcf1; --vkui--color_accent_cyan--active: #06d4ea; --vkui--color_accent_azure: #07f; --vkui--color_accent_azure--hover: #0073f7; --vkui--color_accent_azure--active: #006fef; --vkui--color_accent_purple: #8c64ff; --vkui--color_accent_purple--hover: #8661f7; --vkui--color_accent_purple--active: #815def; --vkui--color_accent_violet: #c15df3; --vkui--color_accent_violet--hover: #b95aec; --vkui--color_accent_violet--active: #b257e4; --vkui--color_accent_raspberry_pink: #e03fab; --vkui--color_accent_raspberry_pink--hover: #d73da7; --vkui--color_accent_raspberry_pink--active: #ce3ba2; --vkui--color_accent_pink: #ff3985; --vkui--color_accent_pink--hover: #f53782; --vkui--color_accent_pink--active: #eb367f; --vkui--color_accent_secondary: #ff9e00; --vkui--color_accent_secondary--hover: #f59802; --vkui--color_accent_secondary--active: #eb9305; --vkui--color_action_sheet_text: #07f; --vkui--color_action_sheet_text--hover: #0073f7; --vkui--color_action_sheet_text--active: #006fef; --vkui--color_header_background: #fff; --vkui--color_header_background--hover: #f5f5f7; --vkui--color_header_background--active: #ebecef; --vkui--color_panel_header_icon: #07f; --vkui--color_panel_header_icon--hover: #0073f7; --vkui--color_panel_header_icon--active: #006fef; --vkui--color_write_bar_input_background: #f0f1f3; --vkui--color_write_bar_input_background--hover: #e6e8ec; --vkui--color_write_bar_input_background--active: #dddfe4; --vkui--color_write_bar_input_border: #e1e3e6; --vkui--color_write_bar_input_border--hover: #d8dbdf; --vkui--color_write_bar_input_border--active: #cfd2d8; --vkui--color_write_bar_input_border_alpha: rgba(0,16,61,.8); --vkui--color_write_bar_input_border_alpha--hover: rgba(0,16,61,.84); --vkui--color_write_bar_input_border_alpha--active: rgba(0,16,61,.88); --vkui--color_track_background: #dadce0; --vkui--color_track_background--hover: #d1d4d9; --vkui--color_track_background--active: #c9ccd3; --vkui--color_track_buffer: #83aaea; --vkui--color_track_buffer--hover: #7ea4e3; --vkui--color_track_buffer--active: #799edc; --vkui--color_image_placeholder: #e6e7eb; --vkui--color_image_placeholder--hover: #dddee4; --vkui--color_image_placeholder--active: #d4d6dd; --vkui--color_image_placeholder_alpha: rgba(0,16,61,.8); --vkui--color_image_placeholder_alpha--hover: rgba(0,16,61,.84); --vkui--color_image_placeholder_alpha--active: rgba(0,16,61,.88); --vkui--color_search_field_background: #e6e7eb; --vkui--color_search_field_background--hover: #dddee4; --vkui--color_search_field_background--active: #d4d6dd; --vkui--color_write_bar_icon: #07f; --vkui--color_write_bar_icon--hover: #0073f7; --vkui--color_write_bar_icon--active: #006fef; --vkui--color_skeleton_from: #f3f3f5; --vkui--color_skeleton_from--hover: #e9eaee; --vkui--color_skeleton_from--active: #e0e1e6; --vkui--color_skeleton_to: #e0e1e6; --vkui--color_skeleton_to--hover: #d7d9df; --vkui--color_skeleton_to--active: #ced0d8; --vkui--color_avatar_overlay: hsla(225,4%,58%,.48); --vkui--color_avatar_overlay--hover: hsla(225,4%,58%,.52); --vkui--color_avatar_overlay--active: hsla(225,4%,58%,.56); --vkui--color_avatar_overlay_inverse_alpha: hsla(0,0%,100%,.85); --vkui--color_avatar_overlay_inverse_alpha--hover: hsla(0,0%,100%,.89); --vkui--color_avatar_overlay_inverse_alpha--active: hsla(0,0%,100%,.93); --vkui--color_overlay_primary: rgba(0,0,0,.4); --vkui--color_overlay_primary--hover: rgba(0,0,0,.44); --vkui--color_overlay_primary--active: rgba(0,0,0,.48); --vkui--color_overlay_secondary: rgba(44,45,46,.5); --vkui--color_overlay_secondary--hover: rgba(44,45,46,.54); --vkui--color_overlay_secondary--active: rgba(44,45,46,.58); --vkui--color_segmented_control: #fff; --vkui--color_segmented_control--hover: #f5f5f7; --vkui--color_segmented_control--active: #ebecef; --vkui--color_tabbar_text_inactive: #99a2ad; --vkui--color_tabbar_text_inactive--hover: #939ca9; --vkui--color_tabbar_text_inactive--active: #8d96a4; --vkui--color_button_text: #07f; --vkui--color_button_text--hover: #0073f7; --vkui--color_button_text--active: #006fef; --vkui--color_button_icon: #07f; --vkui--color_button_icon--hover: #0073f7; --vkui--color_button_icon--active: #006fef; --vkui--color_button_stroke: #07f; --vkui--color_button_stroke--hover: #0073f7; --vkui--color_button_stroke--active: #006fef; --vkui--color_transparent: transparent; --vkui--color_transparent--hover: rgba(0,16,61,.04); --vkui--color_transparent--active: rgba(0,16,61,.08); --vkui--color_rating: #ffd400; --vkui--color_rating--hover: #f5cc02; --vkui--color_rating--active: #ebc405; --vkui--color_button_contrast_alpha: #fff; --vkui--color_button_contrast_alpha--hover: hsla(0,0%,100%,.8); --vkui--color_button_contrast_alpha--active: hsla(0,0%,100%,.6); --vkui--color_button_contrast: #fff; --vkui--color_button_contrast--hover: #fff; --vkui--color_button_contrast--active: #fff; --vkui--color_thumb_error_background_alpha: rgba(237,10,52,.12); --vkui--color_thumb_error_background_alpha--hover: rgba(237,10,52,.16); --vkui--color_thumb_error_background_alpha--active: rgba(237,10,52,.2); --vkui--color_background_accent_tint_themed_alpha: rgba(0,119,255,.06); --vkui--color_background_accent_tint_themed_alpha--hover: rgba(0,119,255,.1); --vkui--color_background_accent_tint_themed_alpha--active: rgba(0,119,255,.14); --vkui--color_background_accent_tint_alpha: rgba(0,119,255,.06); --vkui--color_background_accent_tint_alpha--hover: rgba(0,119,255,.1); --vkui--color_background_accent_tint_alpha--active: rgba(0,119,255,.14); --vkui--color_background_accent_tint_themed: #f0f7ff; --vkui--color_background_accent_tint_themed--hover: #e6eef7; --vkui--color_background_accent_tint_themed--active: #dde5ef; --vkui--color_background_warning_tint_themed_alpha: rgba(255,241,173,.48); --vkui--color_background_warning_tint_themed_alpha--hover: rgba(255,241,173,.52); --vkui--color_background_warning_tint_themed_alpha--active: rgba(255,241,173,.56); --vkui--color_background_warning_tint_alpha: rgba(255,241,173,.48); --vkui--color_background_warning_tint_alpha--hover: rgba(255,241,173,.52); --vkui--color_background_warning_tint_alpha--active: rgba(255,241,173,.56); --vkui--color_background_warning_tint_themed: #fffce0; --vkui--color_background_warning_tint_themed--hover: #f5f3d9; --vkui--color_background_warning_tint_themed--active: #ebe9d3; --vkui--color_background_warning_tint: #fffce0; --vkui--color_background_warning_tint--hover: #f5f3d9; --vkui--color_background_warning_tint--active: #ebe9d3; --vkui--color_background_negative_tint_themed_alpha: rgba(237,51,10,.08); --vkui--color_background_negative_tint_themed_alpha--hover: rgba(237,51,10,.12); --vkui--color_background_negative_tint_themed_alpha--active: rgba(237,51,10,.16); --vkui--color_background_negative_tint_alpha: rgba(237,51,10,.08); --vkui--color_background_negative_tint_alpha--hover: rgba(237,51,10,.12); --vkui--color_background_negative_tint_alpha--active: rgba(237,51,10,.16); --vkui--color_background_negative_tint_themed: #feefeb; --vkui--color_background_negative_tint_themed--hover: #f4e6e4; --vkui--color_background_negative_tint_themed--active: #eadddd; --vkui--color_background_positive_tint_themed_alpha: rgba(13,194,104,.08); --vkui--color_background_positive_tint_themed_alpha--hover: rgba(13,194,104,.12); --vkui--color_background_positive_tint_themed_alpha--active: rgba(13,194,104,.16); --vkui--color_background_positive_tint_alpha: rgba(13,194,104,.08); --vkui--color_background_positive_tint_alpha--hover: rgba(13,194,104,.12); --vkui--color_background_positive_tint_alpha--active: rgba(13,194,104,.16); --vkui--color_background_positive_tint_themed: #ecfaf3; --vkui--color_background_positive_tint_themed--hover: #e3f1ec; --vkui--color_background_positive_tint_themed--active: #d9e7e4; --vkui--color_tooltip_background_blue_tint: #dde9ff; --vkui--color_tooltip_background_blue_tint--hover: #d4e0f7; --vkui--color_tooltip_background_blue_tint--active: #cbd8ef; --vkui--color_tooltip_background_green_tint: #ceeee6; --vkui--color_tooltip_background_green_tint--hover: #c6e5df; --vkui--color_tooltip_background_green_tint--active: #bedcd8; --vkui--color_tooltip_background_orange_tint: #f9d3bd; --vkui--color_tooltip_background_orange_tint--hover: #efcbb8; --vkui--color_tooltip_background_orange_tint--active: #e5c3b3; --vkui--color_tooltip_background_purple_tint: #f2e8ff; --vkui--color_tooltip_background_purple_tint--hover: #e8dff7; --vkui--color_tooltip_background_purple_tint--active: #dfd7ef; --vkui--color_tooltip_text_blue_themed: #1c4479; --vkui--color_tooltip_text_blue_themed--hover: #1b4277; --vkui--color_tooltip_text_blue_themed--active: #1a4074; --vkui--color_tooltip_text_green_themed: #087c6d; --vkui--color_tooltip_text_green_themed--hover: #08786b; --vkui--color_tooltip_text_green_themed--active: #077369; --vkui--color_tooltip_text_orange_themed: #78472a; --vkui--color_tooltip_text_orange_themed--hover: #73452b; --vkui--color_tooltip_text_orange_themed--active: #6e432c; --vkui--color_tooltip_text_purple_themed: #73519f; --vkui--color_tooltip_text_purple_themed--hover: #6e4e9b; --vkui--color_tooltip_text_purple_themed--active: #6a4c97; --vkui--color_background_sky: #cce4ff; --vkui--color_background_sky--hover: #c4dcf7; --vkui--color_background_sky--active: #bcd3ef; --vkui--color_background_sky_alpha: rgba(204,228,255,.9); --vkui--color_background_sky_alpha--hover: rgba(204,228,255,.94); --vkui--color_background_sky_alpha--active: rgba(204,228,255,.98); --vkui--cloud_color_text_secondary_alpha: hsla(0,0%,100%,.6); --vkui--cloud_color_text_secondary_alpha--hover: hsla(0,0%,100%,.64); --vkui--cloud_color_text_secondary_alpha--active: hsla(0,0%,100%,.68); --vkui--cloud_color_text_accent_alternative: #ff9e00; --vkui--cloud_color_text_accent_alternative--hover: #f59802; --vkui--cloud_color_text_accent_alternative--active: #eb9305; --vkui--cloud_color_text_snackbar_accent: #65a0ff; --vkui--cloud_color_text_snackbar_accent--hover: #619af7; --vkui--cloud_color_text_snackbar_accent--active: #5d94ef; --vkui--cloud_color_text_contrast_themed_alpha: hsla(0,0%,100%,.6); --vkui--cloud_color_text_contrast_themed_alpha--hover: hsla(0,0%,100%,.64); --vkui--cloud_color_text_contrast_themed_alpha--active: hsla(0,0%,100%,.68); --vkui--cloud_color_toolbar_background: #fff; --vkui--cloud_color_toolbar_background--hover: #f5f5f7; --vkui--cloud_color_toolbar_background--active: #ebecef; --vkui--cloud_color_viewer_background: #000; --vkui--cloud_color_viewer_background--hover: #000102; --vkui--cloud_color_viewer_background--active: #000105; --vkui--cloud_color_tabbar_background_alpha: hsla(0,0%,100%,.9); --vkui--cloud_color_tabbar_background_alpha--hover: hsla(0,0%,100%,.94); --vkui--cloud_color_tabbar_background_alpha--active: hsla(0,0%,100%,.98); --vkui--cloud_color_header_icon_background_alpha: rgba(71,71,71,.06); --vkui--cloud_color_header_icon_background_alpha--hover: rgba(71,71,71,.1); --vkui--cloud_color_header_icon_background_alpha--active: rgba(71,71,71,.14); --vkui--cloud_color_background_drag_and_drop: #ebf2ff; --vkui--cloud_color_background_drag_and_drop--hover: #e2e9f7; --vkui--cloud_color_background_drag_and_drop--active: #d8e0ef; --vkui--cloud_color_background_c_t_a: #f5f9ff; --vkui--cloud_color_background_c_t_a--hover: #ebf0f7; --vkui--cloud_color_background_c_t_a--active: #e1e6ef; --vkui--cloud_color_header_search_background: #fff; --vkui--cloud_color_header_search_background--hover: #f5f5f7; --vkui--cloud_color_header_search_background--active: #ebecef; --vkui--cloud_color_header_search_background_collapsed: #f0f1f3; --vkui--cloud_color_header_search_background_collapsed--hover: #e6e8ec; --vkui--cloud_color_header_search_background_collapsed--active: #dddfe4; --vkui--cloud_color_background_portal: #f6f7f8; --vkui--cloud_color_background_portal--hover: #eceef1; --vkui--cloud_color_background_portal--active: #e2e5e9; --vkui--cloud_color_background_alternative: #f3f3f5; --vkui--cloud_color_background_alternative--hover: #e9eaee; --vkui--cloud_color_background_alternative--active: #e0e1e6; --vkui--cloud_color_background_content_alternative: #fff; --vkui--cloud_color_background_content_alternative--hover: #f5f5f7; --vkui--cloud_color_background_content_alternative--active: #ebecef; --vkui--cloud_color_background_fast_scroll: #fff; --vkui--cloud_color_background_fast_scroll--hover: #f5f5f7; --vkui--cloud_color_background_fast_scroll--active: #ebecef; --vkui--cloud_color_icon_accent_alternative: #ff9e00; --vkui--cloud_color_icon_accent_alternative--hover: #f59802; --vkui--cloud_color_icon_accent_alternative--active: #eb9305; --vkui--cloud_color_icon_rating: #ffd400; --vkui--cloud_color_icon_rating--hover: #f5cc02; --vkui--cloud_color_icon_rating--active: #ebc405; --vkui--cloud_color_icon_folder: #fedd69; --vkui--cloud_color_icon_folder--hover: #f4d567; --vkui--cloud_color_icon_folder--active: #eacd65; --vkui--cloud_color_landing_stroke_tariff: #249afc; --vkui--cloud_color_landing_stroke_tariff--hover: #2394f4; --vkui--cloud_color_landing_stroke_tariff--active: #218fed; --vkui--cloud_color_sweetblue: #dde9ff; --vkui--cloud_color_sweetblue--hover: #d4e0f7; --vkui--cloud_color_sweetblue--active: #cbd8ef; --vkui--cloud_color_blue_accent_themed: #1c4479; --vkui--cloud_color_blue_accent_themed--hover: #1b4277; --vkui--cloud_color_blue_accent_themed--active: #1a4074; --vkui--cloud_color_sweetgreen: #ceeee6; --vkui--cloud_color_sweetgreen--hover: #c6e5df; --vkui--cloud_color_sweetgreen--active: #bedcd8; --vkui--cloud_color_green_accent_themed: #087c6d; --vkui--cloud_color_green_accent_themed--hover: #08786b; --vkui--cloud_color_green_accent_themed--active: #077369; --vkui--cloud_color_sweetorange: #f9d3bd; --vkui--cloud_color_sweetorange--hover: #efcbb8; --vkui--cloud_color_sweetorange--active: #e5c3b3; --vkui--cloud_color_orange_accent_themed: #78472a; --vkui--cloud_color_orange_accent_themed--hover: #73452b; --vkui--cloud_color_orange_accent_themed--active: #6e432c; --vkui--cloud_color_sweetpurple: #f2e8ff; --vkui--cloud_color_sweetpurple--hover: #e8dff7; --vkui--cloud_color_sweetpurple--active: #dfd7ef; --vkui--cloud_color_purple_accent_themed: #73519f; --vkui--cloud_color_purple_accent_themed--hover: #6e4e9b; --vkui--cloud_color_purple_accent_themed--active: #6a4c97; --vkui--cloud_color_icon_i_d_card_themed_alpha: rgba(0,95,249,.2); --vkui--cloud_color_icon_i_d_card_themed_alpha--hover: rgba(0,95,249,.24); --vkui--cloud_color_icon_i_d_card_themed_alpha--active: rgba(0,95,249,.28); --vkui--cloud_color_icon_i_d_card: #07f; --vkui--cloud_color_icon_i_d_card--hover: #0073f7; --vkui--cloud_color_icon_i_d_card--active: #006fef; --vkui--cloud_color_icon_official_themed_alpha: rgba(236,71,80,.2); --vkui--cloud_color_icon_official_themed_alpha--hover: rgba(236,71,80,.24); --vkui--cloud_color_icon_official_themed_alpha--active: rgba(236,71,80,.28); --vkui--cloud_color_icon_official: #ec4750; --vkui--cloud_color_icon_official--hover: #e3454f; --vkui--cloud_color_icon_official--active: #d9434e; --vkui--cloud_color_icon_transport_themed: rgba(174,126,236,.2); --vkui--cloud_color_icon_transport_themed--hover: rgba(174,126,236,.24); --vkui--cloud_color_icon_transport_themed--active: rgba(174,126,236,.28); --vkui--cloud_color_icon_transport: #ae7eec; --vkui--cloud_color_icon_transport--hover: #a77ae5; --vkui--cloud_color_icon_transport--active: #a075de; --vkui--cloud_color_icon_finance_themed: rgba(36,199,128,.2); --vkui--cloud_color_icon_finance_themed--hover: rgba(36,199,128,.24); --vkui--cloud_color_icon_finance_themed--active: rgba(36,199,128,.28); --vkui--cloud_color_icon_finance: #24c780; --vkui--cloud_color_icon_finance--hover: #23c07d; --vkui--cloud_color_icon_finance--active: #21b87b; --vkui--cloud_color_icon_file_document_invariably: #018bf2; --vkui--cloud_color_icon_file_document_invariably--hover: #0186eb; --vkui--cloud_color_icon_file_document_invariably--active: #0181e4; --vkui--cloud_color_icon_file_presentation_invariably: #da4c4e; --vkui--cloud_color_icon_file_presentation_invariably--hover: #d14a4d; --vkui--cloud_color_icon_file_presentation_invariably--active: #c9474d; --vkui--cloud_color_icon_file_table_invariably: #019784; --vkui--cloud_color_icon_file_table_invariably--hover: #019281; --vkui--cloud_color_icon_file_table_invariably--active: #018c7e; --vkui--cloud_color_background_file_document: #e1f0fd; --vkui--cloud_color_background_file_document--hover: #d8e7f5; --vkui--cloud_color_background_file_document--active: #cfdeee; --vkui--cloud_color_background_file_presentation: #fae9ea; --vkui--cloud_color_background_file_presentation--hover: #f0e0e3; --vkui--cloud_color_background_file_presentation--active: #e6d8dc; --vkui--cloud_color_background_file_table: #e1f2f0; --vkui--cloud_color_background_file_table--hover: #d8e9e9; --vkui--cloud_color_background_file_table--active: #cfe0e2; --vkui--cloud_color_background_file_other_alpha: rgba(0,16,61,.05); --vkui--cloud_color_background_file_other_alpha--hover: rgba(0,16,61,.09); --vkui--cloud_color_background_file_other_alpha--active: rgba(0,16,61,.13); --vkui--cloud_color_background_profile_tariff: #fecad6; --vkui--cloud_color_background_profile_tariff--hover: #f4c3d0; --vkui--cloud_color_background_profile_tariff--active: #eabbca; --vkui--cloud_color_icon_profile_tariff: #ff3985; --vkui--cloud_color_icon_profile_tariff--hover: #f53782; --vkui--cloud_color_icon_profile_tariff--active: #eb367f; --vkui--cloud_color_background_profile_access: #c3edb3; --vkui--cloud_color_background_profile_access--hover: #bbe4ae; --vkui--cloud_color_background_profile_access--active: #b3dbaa; --vkui--cloud_color_icon_profile_access: #018646; --vkui--cloud_color_icon_profile_access--hover: #018146; --vkui--cloud_color_icon_profile_access--active: #017d45; --vkui--cloud_color_background_profile_uploading: #fddda8; --vkui--cloud_color_background_profile_uploading--hover: #f3d5a4; --vkui--cloud_color_background_profile_uploading--active: #e9cd9f; --vkui--cloud_color_icon_profile_uploading: #bc5a00; --vkui--cloud_color_icon_profile_uploading--hover: #b45702; --vkui--cloud_color_icon_profile_uploading--active: #ad5405; --vkui--cloud_color_background_profile_trash: #dadce0; --vkui--cloud_color_background_profile_trash--hover: #d1d4d9; --vkui--cloud_color_background_profile_trash--active: #c9ccd3; --vkui--cloud_color_icon_profile_trash: #656567; --vkui--cloud_color_icon_profile_trash--hover: #616265; --vkui--cloud_color_icon_profile_trash--active: #5d5e64; --vkui--cloud_color_background_profile_settings: #b0f2d6; --vkui--cloud_color_background_profile_settings--hover: #a9e9d0; --vkui--cloud_color_background_profile_settings--active: #a2e0ca; --vkui--cloud_color_icon_profile_settings: #008272; --vkui--cloud_color_icon_profile_settings--hover: #007d70; --vkui--cloud_color_icon_profile_settings--active: #00796e; --vkui--cloud_color_background_profile_mail: #b8e1ff; --vkui--cloud_color_background_profile_mail--hover: #b1d9f7; --vkui--cloud_color_background_profile_mail--active: #a9d0ef; --vkui--cloud_color_icon_profile_mail: #07f; --vkui--cloud_color_icon_profile_mail--hover: #0073f7; --vkui--cloud_color_icon_profile_mail--active: #006fef; --vkui--cloud_color_landing_background: #f3f3f5; --vkui--cloud_color_landing_background--hover: #e9eaee; --vkui--cloud_color_landing_background--active: #e0e1e6; --vkui--cloud_color_landing_secondary_background: #fff; --vkui--cloud_color_landing_secondary_background--hover: #f5f5f7; --vkui--cloud_color_landing_secondary_background--active: #ebecef; --vkui--cloud_color_landing_tertiary_background: #fff; --vkui--cloud_color_landing_tertiary_background--hover: #f5f5f7; --vkui--cloud_color_landing_tertiary_background--active: #ebecef; --vkui--cloud_color_landing_medium_background: #f6f7f8; --vkui--cloud_color_landing_medium_background--hover: #eceef1; --vkui--cloud_color_landing_medium_background--active: #e2e5e9; --vkui--cloud_color_landing_button_background: #ebf2ff; --vkui--cloud_color_landing_button_background--hover: #e2e9f7; --vkui--cloud_color_landing_button_background--active: #d8e0ef; --vkui--cloud_color_landing_label_background: #d9e6fb; --vkui--cloud_color_landing_label_background--hover: #d0ddf3; --vkui--cloud_color_landing_label_background--active: #c8d5ec; --vkui--cloud_color_landing_label_inverse_background: #2c2d2e; --vkui--cloud_color_landing_label_inverse_background--hover: #2a2c2f; --vkui--cloud_color_landing_label_inverse_background--active: #282b2f; --vkui--cloud_color_landing_control_primary_background: #fff; --vkui--cloud_color_landing_control_primary_background--hover: #f5f5f7; --vkui--cloud_color_landing_control_primary_background--active: #ebecef; --vkui--cloud_color_landing_control_secondary_background: #e7e8ec; --vkui--cloud_color_landing_control_secondary_background--hover: #dedfe5; --vkui--cloud_color_landing_control_secondary_background--active: #d5d7de; --vkui--cloud_color_subscription_button_background: #07f; --vkui--cloud_color_subscription_button_background--hover: #0073f7; --vkui--cloud_color_subscription_button_background--active: #006fef; --vkui--cloud_color_scroll_indicator_alpha: hsla(227,4%,43%,.65); --vkui--cloud_color_scroll_indicator_alpha--hover: hsla(227,4%,43%,.69); --vkui--cloud_color_scroll_indicator_alpha--active: hsla(227,4%,43%,.73); --vkui--cloud_color_sidebar_item_text: #333; --vkui--cloud_color_sidebar_item_text--hover: #313233; --vkui--cloud_color_sidebar_item_text--active: #2f3034; --vkui--cloud_color_sidebar_item_text_primary: #2c2d2e; --vkui--cloud_color_sidebar_item_text_primary--hover: #2a2c2f; --vkui--cloud_color_sidebar_item_text_primary--active: #282b2f; --vkui--cloud_color_sidebar_item_text_secondary: #87898f; --vkui--cloud_color_sidebar_item_text_secondary--hover: #82848c; --vkui--cloud_color_sidebar_item_text_secondary--active: #7c7f88; --vkui--cloud_color_sidebar_item_background_alpha: transparent; --vkui--cloud_color_sidebar_item_background_alpha--hover: hsla(0,0%,100%,.24); --vkui--cloud_color_sidebar_item_background_alpha--active: hsla(0,0%,100%,.24); --vkui--cloud_color_background: #fff; --vkui--cloud_color_background--hover: #f5f5f7; --vkui--cloud_color_background--active: #ebecef; --vkui--cloud_color_overlay_background: transparent; --vkui--cloud_color_overlay_background--hover: rgba(0,16,61,.04); --vkui--cloud_color_overlay_background--active: rgba(0,16,61,.08); } .index__vkui--font_display_title1--regular--3Gq23 { font-family: var(--vkui--font_display_title1--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_display_title1--font_size--regular,23px); font-weight: var(--vkui--font_display_title1--font_weight--regular,500); line-height: var(--vkui--font_display_title1--line_height--regular,28px); } .index__vkui--font_display_title2--regular--2Uo7j { font-family: var(--vkui--font_display_title2--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_display_title2--font_size--regular,21px); font-weight: var(--vkui--font_display_title2--font_weight--regular,500); line-height: var(--vkui--font_display_title2--line_height--regular,26px); } .index__vkui--font_display_title2--compact--1uAyr { font-family: var(--vkui--font_display_title2--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_display_title2--font_size--compact,22px); font-weight: var(--vkui--font_display_title2--font_weight--compact,500); line-height: var(--vkui--font_display_title2--line_height--compact,22px); } .index__vkui--font_display_title3--regular--2Gzbq { font-family: var(--vkui--font_display_title3--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_display_title3--font_size--regular,19px); font-weight: var(--vkui--font_display_title3--font_weight--regular,500); line-height: var(--vkui--font_display_title3--line_height--regular,24px); } .index__vkui--font_display_title4--regular--3LLUW { font-family: var(--vkui--font_display_title4--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_display_title4--font_size--regular,17px); font-weight: var(--vkui--font_display_title4--font_weight--regular,500); line-height: var(--vkui--font_display_title4--line_height--regular,24px); } .index__vkui--font_title1--compact--2ugz6 { font-family: var(--vkui--font_title1--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title1--font_size--compact,24px); font-weight: var(--vkui--font_title1--font_weight--compact,500); line-height: var(--vkui--font_title1--line_height--compact,28px); } .index__vkui--font_title1--regular--1DItT { font-family: var(--vkui--font_title1--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title1--font_size--regular,24px); font-weight: var(--vkui--font_title1--font_weight--regular,500); line-height: var(--vkui--font_title1--line_height--regular,28px); } .index__vkui--font_title2--compact--1xavY { font-family: var(--vkui--font_title2--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title2--font_size--compact,20px); font-weight: var(--vkui--font_title2--font_weight--compact,500); line-height: var(--vkui--font_title2--line_height--compact,26px); } .index__vkui--font_title2--regular--dZd3s { font-family: var(--vkui--font_title2--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title2--font_size--regular,20px); font-weight: var(--vkui--font_title2--font_weight--regular,500); line-height: var(--vkui--font_title2--line_height--regular,26px); } .index__vkui--font_title3--compact--3oJ1T { font-family: var(--vkui--font_title3--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title3--font_size--compact,17px); font-weight: var(--vkui--font_title3--font_weight--compact,500); line-height: var(--vkui--font_title3--line_height--compact,22px); } .index__vkui--font_title3--regular--2rSGm { font-family: var(--vkui--font_title3--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title3--font_size--regular,18px); font-weight: var(--vkui--font_title3--font_weight--regular,500); line-height: var(--vkui--font_title3--line_height--regular,24px); } .index__vkui--font_headline1--regular--2IvTu { font-size: var(--vkui--font_headline1--font_size--regular,16px); line-height: var(--vkui--font_headline1--line_height--regular,20px); } .index__vkui--font_headline1--compact--qovpT, .index__vkui--font_headline1--regular--2IvTu { font-family: var(--vkui--font_headline1--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-weight: var(--vkui--font_headline1--font_weight--regular,500); } .index__vkui--font_headline1--compact--qovpT { font-size: var(--vkui--font_headline1--font_size--compact,15px); line-height: var(--vkui--font_headline1--line_height--compact,20px); } .index__vkui--font_headline2--regular--2Zobn { font-size: var(--vkui--font_headline2--font_size--regular,15px); line-height: var(--vkui--font_headline2--line_height--regular,20px); } .index__vkui--font_headline2--compact--3Y-Jc, .index__vkui--font_headline2--regular--2Zobn { font-family: var(--vkui--font_headline2--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-weight: var(--vkui--font_headline2--font_weight--regular,500); } .index__vkui--font_headline2--compact--3Y-Jc { font-size: var(--vkui--font_headline2--font_size--compact,14px); line-height: var(--vkui--font_headline2--line_height--compact,20px); } .index__vkui--font_text--compact--3_NwZ { font-family: var(--vkui--font_text--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_text--font_size--compact,15px); font-weight: var(--vkui--font_text--font_weight--compact,400); line-height: var(--vkui--font_text--line_height--compact,20px); } .index__vkui--font_text--regular--3Il_R { font-family: var(--vkui--font_text--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_text--font_size--regular,16px); font-weight: var(--vkui--font_text--font_weight--regular,400); line-height: var(--vkui--font_text--line_height--regular,20px); } .index__vkui--font_paragraph--regular--1p-hm { font-family: var(--vkui--font_paragraph--font_family--regular,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_paragraph--font_size--regular,15px); font-weight: var(--vkui--font_paragraph--font_weight--regular,400); line-height: var(--vkui--font_paragraph--line_height--regular,20px); } .index__vkui--font_subhead--compact---QQbB { font-family: var(--vkui--font_subhead--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_subhead--font_size--compact,14px); font-weight: var(--vkui--font_subhead--font_weight--compact,500); line-height: var(--vkui--font_subhead--line_height--compact,18px); } .index__vkui--font_subhead--regular--2oooL { font-family: var(--vkui--font_subhead--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_subhead--font_size--regular,14px); font-weight: var(--vkui--font_subhead--font_weight--regular,500); line-height: var(--vkui--font_subhead--line_height--regular,18px); } .index__vkui--font_footnote--regular--1Vjdn { font-family: var(--vkui--font_footnote--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_footnote--font_size--regular,14px); font-weight: var(--vkui--font_footnote--font_weight--regular,400); line-height: var(--vkui--font_footnote--line_height--regular,18px); } .index__vkui--font_footnote--compact--1Gq3H { font-family: var(--vkui--font_footnote--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_footnote--font_size--compact,14px); font-weight: var(--vkui--font_footnote--font_weight--compact,400); line-height: var(--vkui--font_footnote--line_height--compact,18px); } .index__vkui--font_footnote_caps--regular--cYzyP { font-family: var(--vkui--font_footnote_caps--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_footnote_caps--font_size--regular,14px); font-weight: var(--vkui--font_footnote_caps--font_weight--regular,500); letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--regular,.3px); line-height: var(--vkui--font_footnote_caps--line_height--regular,18px); text-transform: var(--vkui--font_footnote_caps--text_transform--regular,uppercase); } .index__vkui--font_caption1--regular--inljx { font-family: var(--vkui--font_caption1--font_family--regular,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption1--font_size--regular,12px); font-weight: var(--vkui--font_caption1--font_weight--regular,400); line-height: var(--vkui--font_caption1--line_height--regular,16px); } .index__vkui--font_caption1--compact--_QQ29 { font-family: var(--vkui--font_caption1--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption1--font_size--compact,12px); font-weight: var(--vkui--font_caption1--font_weight--compact,VKSansDisplay,MailSans,apple-system,system-ui,"Helvetica Neue",Arial,sans-serif); line-height: var(--vkui--font_caption1--line_height--compact,16px); } .index__vkui--font_caption1_caps--regular--QyM3p { font-family: var(--vkui--font_caption1_caps--font_family--regular,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption1_caps--font_size--regular,12px); font-weight: var(--vkui--font_caption1_caps--font_weight--regular,400); letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--regular,.26px); line-height: var(--vkui--font_caption1_caps--line_height--regular,16px); text-transform: var(--vkui--font_caption1_caps--text_transform--regular,uppercase); } .index__vkui--font_caption2--regular--wOJE_ { font-family: var(--vkui--font_caption2--font_family--regular,Inter,Helvetica,Arial,sans-serif); font-size: var(--vkui--font_caption2--font_size--regular,11px); font-weight: var(--vkui--font_caption2--font_weight--regular,400); line-height: var(--vkui--font_caption2--line_height--regular,14px); } .index__vkui--font_caption2_caps--regular--3sslY { font-family: var(--vkui--font_caption2_caps--font_family--regular,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption2_caps--font_size--regular,11px); font-weight: var(--vkui--font_caption2_caps--font_weight--regular,400); letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--regular,.22px); line-height: var(--vkui--font_caption2_caps--line_height--regular,14px); text-transform: var(--vkui--font_caption2_caps--text_transform--regular,uppercase); } .index__vkui--font_caption3--regular--1MXeI { font-family: var(--vkui--font_caption3--font_family--regular,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption3--font_size--regular,9px); font-weight: var(--vkui--font_caption3--font_weight--regular,400); line-height: var(--vkui--font_caption3--line_height--regular,12px); } .index__vkui--font_caption3_caps--regular--1Pm5v { font-family: var(--vkui--font_caption3_caps--font_family--regular,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption3_caps--font_size--regular,9px); font-weight: var(--vkui--font_caption3_caps--font_weight--regular,400); letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--regular,.16px); line-height: var(--vkui--font_caption3_caps--line_height--regular,12px); text-transform: var(--vkui--font_caption3_caps--text_transform--regular,uppercase); } .index__vkui--font_h0--compact--2cJ9q { font-family: var(--vkui--font_h0--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_h0--font_size--compact,40px); font-weight: var(--vkui--font_h0--font_weight--compact,500); line-height: var(--vkui--font_h0--line_height--compact,46px); } .index__vkui--font_h0--regular--2AdBG { font-family: var(--vkui--font_h0--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_h0--font_size--regular,40px); font-weight: var(--vkui--font_h0--font_weight--regular,500); line-height: var(--vkui--font_h0--line_height--regular,46px); } .index__vkui--font_h1--compact--3o5nx { font-family: var(--vkui--font_h1--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_h1--font_size--compact,32px); font-weight: var(--vkui--font_h1--font_weight--compact,500); line-height: var(--vkui--font_h1--line_height--compact,38px); } .index__vkui--font_h1--regular--2o__X { font-family: var(--vkui--font_h1--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_h1--font_size--regular,32px); font-weight: var(--vkui--font_h1--font_weight--regular,500); line-height: var(--vkui--font_h1--line_height--regular,40px); } .index__vkui--font_h2--compact---zWQP { font-family: var(--vkui--font_h2--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_h2--font_size--compact,28px); font-weight: var(--vkui--font_h2--font_weight--compact,500); line-height: var(--vkui--font_h2--line_height--compact,32px); } .index__vkui--font_h2--regular--fIRUf { font-family: var(--vkui--font_h2--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_h2--font_size--regular,28px); font-weight: var(--vkui--font_h2--font_weight--regular,500); line-height: var(--vkui--font_h2--line_height--regular,34px); } .index__vkui--font_title2_custom--regular--1RvJO { font-size: var(--vkui--font_title2_custom--font_size--regular,20px); font-weight: var(--vkui--font_title2_custom--font_weight--regular,400); line-height: var(--vkui--font_title2_custom--line_height--regular,26px); } .index__vkui--font_title2_custom--compact--nYi0S, .index__vkui--font_title2_custom--regular--1RvJO { font-family: var(--vkui--font_title2_custom--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); } .index__vkui--font_title2_custom--compact--nYi0S { font-size: var(--vkui--font_title2_custom--font_size--compact,20px); font-weight: var(--vkui--font_title2_custom--font_weight--compact,400); line-height: var(--vkui--font_title2_custom--line_height--compact,26px); } .index__vkui--font_title3_custom--regular--1Y8BS { font-family: var(--vkui--font_title3_custom--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title3_custom--font_size--regular,18px); font-weight: var(--vkui--font_title3_custom--font_weight--regular,400); line-height: var(--vkui--font_title3_custom--line_height--regular,24px); } .index__vkui--font_title3_custom--compact--16YJM { font-family: var(--vkui--font_title3_custom--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title3_custom--font_size--compact,17px); font-weight: var(--vkui--font_title3_custom--font_weight--compact,400); line-height: var(--vkui--font_title3_custom--line_height--compact,22px); } .index__vkui--font_caption1_caps_demibold--regular--5L6aa { font-family: var(--vkui--font_caption1_caps_demibold--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption1_caps_demibold--font_size--regular,12px); font-weight: var(--vkui--font_caption1_caps_demibold--font_weight--regular,600); letter-spacing: var(--vkui--font_caption1_caps_demibold--letter_spacing--regular,.26px); line-height: var(--vkui--font_caption1_caps_demibold--line_height--regular,16px); text-transform: var(--vkui--font_caption1_caps_demibold--text_transform--regular,uppercase); } .index__vkui--font_caption2_caps_demibold--regular--w6bKV { font-family: var(--vkui--font_caption2_caps_demibold--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption2_caps_demibold--font_size--regular,11px); font-weight: var(--vkui--font_caption2_caps_demibold--font_weight--regular,600); letter-spacing: var(--vkui--font_caption2_caps_demibold--letter_spacing--regular,.22px); line-height: var(--vkui--font_caption2_caps_demibold--line_height--regular,14px); text-transform: var(--vkui--font_caption2_caps_demibold--text_transform--regular,uppercase); } .index__vkui--font_caption3_caps_demibold--regular--1MluL { font-family: var(--vkui--font_caption3_caps_demibold--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption3_caps_demibold--font_size--regular,9px); font-weight: var(--vkui--font_caption3_caps_demibold--font_weight--regular,600); letter-spacing: var(--vkui--font_caption3_caps_demibold--letter_spacing--regular,.16px); line-height: var(--vkui--font_caption3_caps_demibold--line_height--regular,12px); text-transform: var(--vkui--font_caption3_caps_demibold--text_transform--regular,uppercase); } .index__vkui--font_subtitle_medium--1zLNI { font-family: var(--vkui--font_subtitle_medium--font_family,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_subtitle_medium--font_size,18px); font-weight: var(--vkui--font_subtitle_medium--font_weight,500); line-height: var(--vkui--font_subtitle_medium--line_height,24px); } .index__vkui--font_subtitle_custom--3vNio { font-family: var(--vkui--font_subtitle_custom--font_family,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_subtitle_custom--font_size,18px); font-weight: var(--vkui--font_subtitle_custom--font_weight,400); line-height: var(--vkui--font_subtitle_custom--line_height,24px); } .index__vkui--font_headline_large_medium--sUU-4 { font-family: var(--vkui--font_headline_large_medium--font_family,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_headline_large_medium--font_size,16px); font-weight: var(--vkui--font_headline_large_medium--font_weight,500); line-height: var(--vkui--font_headline_large_medium--line_height,20px); } .index__vkui--font_large_text--3_JZK { font-family: var(--vkui--font_large_text--font_family,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_large_text--font_size,16px); font-weight: var(--vkui--font_large_text--font_weight,400); line-height: var(--vkui--font_large_text--line_height,20px); } .index__vkui--font_headline--regular--10sJb { font-size: var(--vkui--font_headline--font_size--regular,16px); line-height: var(--vkui--font_headline--line_height--regular,20px); } .index__vkui--font_headline--compact--2CaX3, .index__vkui--font_headline--regular--10sJb { font-family: var(--vkui--font_headline--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-weight: var(--vkui--font_headline--font_weight--regular,500); } .index__vkui--font_headline--compact--2CaX3 { font-size: var(--vkui--font_headline--font_size--compact,15px); line-height: var(--vkui--font_headline--line_height--compact,20px); } :root { --color-alto: #dedede; --color-alto-alpha: hsla(0,0%,87%,.4); --color-flamingo: #e55; --color-mandy: #db4f53; --color-promoCode: #ff9f01; --color-skeleton_to: #ebedf0; --color-fastcheckout-sidebar-border: rgba(0,0,0,.2); --color-tundora: #434343; --color-blaze-orange: #ff6100; --color-orange-peel: #f90; --color-gray-snow: #fafafa; --color-denim: #195bda; --color-bombay: #afb2b8; --color-datalist-hover: #f9f9fa; --color-datalist-selected: #f3f3f5; --color-datalist-selected-hover: #ecedf0; --color-control-active: #e6e7eb; --color-gainsboro: #e1e1e1; --color-dark-gray: #acacac; --color-grey: #787878; --color-grey-nobel: #9a9a9a; --color-grey-dim: #6f6f6f; --color-grey-dolphin: #615f76; --color-pattens-blue: #dfedff; --color-gray-980: #050505; --color-promo-card-border: #ff5c00; --colors-text-primary-invariably: #1e1e1e; --color_social_vk--normal: #2787f5; --color_social_vk--hover: #2582ee; --color_social_ok--normal: #ee8208; --color_social_ok--hover: #e47d0a; --color_social_mir--normal: #117eda; --color_social_mir--hover: #107ad4; --color_social_fb--normal: #0561af; --color_social_fb--hover: #055eaa; --color_social_twitter--normal: #00bff3; --color_social_twitter--hover: #00b8ec; --color-progress-line-mail: #ff6e77; --color-overquota: #fc2c38; --color-progress-line-family: #ae7eec; --color-tree-drop-hover: #ebf2ff; --color-cepia: #f6f3e8; --color-eerie-black: #191919; --color-black: #000; --color-black-09: rgba(0,0,0,.9); --color-empty-border: rgba(0,95,249,.7); --color-back-white: #fff; --color-back-white-1: hsla(0,0%,100%,.08); --color-back-white-1--hover: hsla(0,0%,100%,.06); --color-back-white-1--active: hsla(0,0%,100%,.04); --color-back-white-1--light: hsla(0,0%,100%,.02); --color-back-white-1--middle: hsla(0,0%,100%,.4); --color-background-gray: rgba(25,25,26,.6); --color-background-gray--light: rgba(25,25,26,.3); --color-background-gray-05: hsla(0,0%,56%,.5); --color-background-tertiary: #252525; --color-background-secondary-alpha: rgba(0,16,61,.051); --color-background-secondary: #343434; --color-scrollbar: #e0e2e8; --color_text_muted--dark: #e7e8ea; --color-icon-primary: #e7e8ea; --vkui--color_background_modal--dark: #1f1f1f; --vk-embedded-gray: #333; --color-background-black-friday-2024: #2e3ac0; --color_button-secondary_background: #333; --color_button-secondary_background--hover: #272727; --color_button-secondary_background--active: #1d1d1d; --vkui--color_palette_violet: #c15df3; --color-text-mailing: #fc8a15; --color-story_viewer_background: linear-gradient(180deg,rgba(0,0,0,4e-5),rgba(0,0,0,.006) 9.22%,rgba(0,0,0,.022) 18.76%,rgba(0,0,0,.047) 28.48%,rgba(0,0,0,.08) 38.19%,rgba(0,0,0,.116) 47.75%,rgba(0,0,0,.157) 56.99%,rgba(0,0,0,.201) 65.75%,rgba(0,0,0,.243) 73.87%,rgba(0,0,0,.284) 81.18%,rgba(0,0,0,.32) 87.52%,rgba(0,0,0,.353) 92.74%,rgba(0,0,0,.378) 96.66%,rgba(0,0,0,.394) 99.14%,rgba(0,0,0,.4)); --color-story_viewer_header_background: linear-gradient(360deg,rgba(0,0,0,3e-5),rgba(0,0,0,.005) 9.22%,rgba(0,0,0,.016) 18.76%,rgba(0,0,0,.035) 28.48%,rgba(0,0,0,.06) 38.19%,rgba(0,0,0,.087) 47.75%,rgba(0,0,0,.118) 56.99%,rgba(0,0,0,.151) 65.75%,rgba(0,0,0,.182) 73.87%,rgba(0,0,0,.213) 81.18%,rgba(0,0,0,.24) 87.52%,rgba(0,0,0,.265) 92.74%,rgba(0,0,0,.284) 96.66%,rgba(0,0,0,.295) 99.14%,rgba(0,0,0,.3)); --color-tip_background: radial-gradient(ellipse at center,#fff 0%,hsla(0,0%,100%,.6) 40%,hsla(0,0%,100%,.2) 60%,transparent 90%,transparent 100%); --color-video_player_control: linear-gradient(180deg,transparent,rgba(0,0,0,.016) 9.22%,rgba(0,0,0,.055) 18.76%,rgba(0,0,0,.118) 28.48%,rgba(0,0,0,.2) 38.19%,rgba(0,0,0,.29) 47.75%,rgba(0,0,0,.392) 56.99%,rgba(0,0,0,.502) 65.75%,rgba(0,0,0,.608) 73.87%,rgba(0,0,0,.71) 81.18%,rgba(0,0,0,.8) 87.52%,rgba(0,0,0,.882) 92.74%,rgba(0,0,0,.945) 96.66%,rgba(0,0,0,.984) 99.14%,#000); --color-llm-shadow: 0 0 2.91204px 0 rgba(20,18,20,.01),0 0 6.02963px 0 rgba(20,18,20,.02),0 0 12.025px 0 rgba(20,18,20,.03),0 0 23.57037px 0 rgba(20,18,20,.03),0 0 43.33796px 0 rgba(20,18,20,.04),0 0 74px 0 rgba(20,18,20,.05); --theme-background-color: var(--vkui--cloud_color_background); } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .vkui--octavius--light { --vkui--theme_name: "paradigmTech"; --vkui--font_family_fallbacks: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_accent: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_base: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_weight_accent1: 500; --vkui--font_weight_accent2: 500; --vkui--font_weight_accent3: 400; --vkui--font_weight_base1: 700; --vkui--font_weight_base2: 700; --vkui--font_weight_base3: 400; --vkui--font_display_title1--font_size--regular: 23px; --vkui--font_display_title1--line_height--regular: 28px; --vkui--font_display_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title1--font_weight--regular: 500; --vkui--font_display_title2--font_size--regular: 21px; --vkui--font_display_title2--line_height--regular: 26px; --vkui--font_display_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--regular: 500; --vkui--font_display_title2--font_size--compact: 22px; --vkui--font_display_title2--line_height--compact: 22px; --vkui--font_display_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--compact: 500; --vkui--font_display_title3--font_size--regular: 19px; --vkui--font_display_title3--line_height--regular: 24px; --vkui--font_display_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title3--font_weight--regular: 500; --vkui--font_display_title4--font_size--regular: 17px; --vkui--font_display_title4--line_height--regular: 24px; --vkui--font_display_title4--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title4--font_weight--regular: 500; --vkui--font_title1--font_size--regular: 24px; --vkui--font_title1--line_height--regular: 28px; --vkui--font_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--regular: 500; --vkui--font_title2--font_size--regular: 20px; --vkui--font_title2--line_height--regular: 26px; --vkui--font_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--regular: 500; --vkui--font_title3--font_size--regular: 17px; --vkui--font_title3--line_height--regular: 22px; --vkui--font_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--regular: 500; --vkui--font_headline1--font_size--regular: 16px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_headline1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline1--font_weight--regular: 500; --vkui--font_headline1--font_size--compact: 15px; --vkui--font_headline1--line_height--compact: 20px; --vkui--font_headline2--font_size--regular: 15px; --vkui--font_headline2--line_height--regular: 20px; --vkui--font_headline2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline2--font_weight--regular: 500; --vkui--font_headline2--font_size--compact: 14px; --vkui--font_headline2--line_height--compact: 20px; --vkui--font_text--font_size--regular: 16px; --vkui--font_text--line_height--regular: 20px; --vkui--font_text--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_text--font_weight--regular: 400; --vkui--font_text--font_size--compact: 15px; --vkui--font_text--line_height--compact: 20px; --vkui--font_paragraph--font_size--regular: 15px; --vkui--font_paragraph--line_height--regular: 20px; --vkui--font_paragraph--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_weight--regular: 400; --vkui--font_subhead--font_size--regular: 14px; --vkui--font_subhead--line_height--regular: 18px; --vkui--font_subhead--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--regular: 400; --vkui--font_subhead--font_size--compact: 13px; --vkui--font_subhead--line_height--compact: 18px; --vkui--font_footnote--font_size--regular: 13px; --vkui--font_footnote--line_height--regular: 18px; --vkui--font_footnote--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote--font_weight--regular: 400; --vkui--font_footnote_caps--font_size--regular: 13px; --vkui--font_footnote_caps--line_height--regular: 18px; --vkui--font_footnote_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_weight--regular: 400; --vkui--font_footnote_caps--text_transform--regular: uppercase; --vkui--font_footnote_caps--letter_spacing--regular: 0.3px; --vkui--font_caption1--font_size--regular: 12px; --vkui--font_caption1--line_height--regular: 16px; --vkui--font_caption1--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--regular: 400; --vkui--font_caption1_caps--font_size--regular: 12px; --vkui--font_caption1_caps--line_height--regular: 16px; --vkui--font_caption1_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_weight--regular: 400; --vkui--font_caption1_caps--text_transform--regular: uppercase; --vkui--font_caption1_caps--letter_spacing--regular: 0.26px; --vkui--font_caption2--font_size--regular: 11px; --vkui--font_caption2--line_height--regular: 14px; --vkui--font_caption2--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2--font_weight--regular: 400; --vkui--font_caption2_caps--font_size--regular: 11px; --vkui--font_caption2_caps--line_height--regular: 14px; --vkui--font_caption2_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps--font_weight--regular: 400; --vkui--font_caption2_caps--text_transform--regular: uppercase; --vkui--font_caption2_caps--letter_spacing--regular: 0.22px; --vkui--font_caption3--font_size--regular: 9px; --vkui--font_caption3--line_height--regular: 12px; --vkui--font_caption3--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3--font_weight--regular: 400; --vkui--font_caption3_caps--font_size--regular: 9px; --vkui--font_caption3_caps--line_height--regular: 12px; --vkui--font_caption3_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps--font_weight--regular: 400; --vkui--font_caption3_caps--text_transform--regular: uppercase; --vkui--font_caption3_caps--letter_spacing--regular: 0.16px; --vkui--size_select_icon_padding--regular: 7px; --vkui--size_select_icon_padding--compact: 6px; --vkui--size_popup_base_padding--regular: 20px; --vkui--size_popup_base_padding--compact: 32px; --vkui--size_popup_header_padding--regular: 16px; --vkui--size_popup_header_padding--compact: 24px; --vkui--size_border_radius--regular: 8px; --vkui--size_border_radius_rounded--regular: 48px; --vkui--size_check_border_radius--regular: 4px; --vkui--size_border_radius_paper--regular: 12px; --vkui--size_border_radius_promo--regular: 20px; --vkui--size_cell_height--regular: 48px; --vkui--size_cell_height--compact: 44px; --vkui--size_field_height--regular: 44px; --vkui--size_field_height--compact: 36px; --vkui--size_search_height--regular: 36px; --vkui--size_search_height--compact: 32px; --vkui--size_button_extra_small_height--regular: 24px; --vkui--size_button_extra_small_height--compact: 22px; --vkui--size_button_small_height--regular: 30px; --vkui--size_button_small_height--compact: 28px; --vkui--size_button_medium_height--regular: 36px; --vkui--size_button_medium_height--compact: 32px; --vkui--size_button_large_height--regular: 44px; --vkui--size_button_large_height--compact: 36px; --vkui--size_checkbox--regular: 16px; --vkui--size_arrow--regular: 8px; --vkui--size_arrow_promo--regular: 40px; --vkui--size_popup_small--regular: 430px; --vkui--size_popup_medium--regular: 680px; --vkui--size_popup_large--regular: 880px; --vkui--size_field_horizontal_padding--regular: 12px; --vkui--size_button_padding_horizontal--regular: 20px; --vkui--size_button_padding_horizontal--compact: 16px; --vkui--size_label_horizontal_margin--regular: 16px; --vkui--size_arrow_padding--regular: 12px; --vkui--size_tooltip_margin--regular: 8px; --vkui--size_icon_u_i--regular: 16px; --vkui--size_avatar_x_s--regular: 24px; --vkui--size_avatar_s--regular: 32px; --vkui--size_avatar_m--regular: 48px; --vkui--size_avatar_l--regular: 96px; --vkui--size_avatar_x_l--regular: 128px; --vkui--size_badge_x_s--regular: 12px; --vkui--size_badge_s--regular: 16px; --vkui--size_badge_m--regular: 24px; --vkui--size_badge_l--regular: 44px; --vkui--size_badge_x_l--regular: 56px; --vkui--size_cardgrid_padding--regular: 12px; --vkui--size_card_border_radius--regular: 16px; --vkui--size_cardgrid_padding_vertical--regular: 8px; --vkui--size_base_padding_horizontal--regular: 16px; --vkui--size_base_padding_vertical--regular: 12px; --vkui--size_button_group_gap_space--regular: 1px; --vkui--size_button_group_gap_small--regular: 8px; --vkui--size_button_group_gap_medium--regular: 12px; --vkui--size_option_hierarchy--regular: 32px; --vkui--size_switch_height--regular: 14px; --vkui--size_switch_height--compact: 12px; --vkui--size_switch_width--regular: 34px; --vkui--size_switch_width--compact: 32px; --vkui--size_switch_pin--regular: 20px; --vkui--size_switch_pin--compact: 18px; --vkui--size_panel_header_height--compact: 48px; --vkui--size_panel_header_height--regular: 56px; --vkui--size_button_base_small_padding_horizontal--regular: 16px; --vkui--size_button_base_medium_padding_horizontal--regular: 16px; --vkui--size_button_base_large_padding_horizontal--regular: 20px; --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px; --vkui--size_button_minimum_width--regular: 80px; --vkui--size_form_item_padding_vertical--regular: 12px; --vkui--size_split_col_padding_horizontal--regular: 16px; --vkui--size_subnavigation_bar_gap--regular: 8px; --vkui--size_subnavigation_bar_padding_vertical--regular: 12px; --vkui--size_border1x--regular: 1px; --vkui--size_border2x--regular: 0.5px; --vkui--size_border3x--regular: 0.33px; --vkui--spacing_size_3xs: 2px; --vkui--spacing_size_2xs: 2px; --vkui--spacing_size_xs: 4px; --vkui--spacing_size_s: 6px; --vkui--spacing_size_m: 8px; --vkui--spacing_size_l: 10px; --vkui--spacing_size_xl: 12px; --vkui--spacing_size_2xl: 16px; --vkui--spacing_size_3xl: 20px; --vkui--spacing_size_4xl: 24px; --vkui--elevation1: 0 2px 6px 0 rgba(0,16,61,.08),0 1px 2px 0 rgba(0,16,61,.08); --vkui--elevation1_invert_y: 0 -2px 6px 0 rgba(0,16,61,.08),0 -1px 2px 0 rgba(0,16,61,.08); --vkui--elevation2: 0 0 2px 0 rgba(0,16,61,.06),0 0 6px 0 rgba(0,16,61,.06),0 6px 12px 0 rgba(0,16,61,.06); --vkui--elevation3: 0 0 6px 0 rgba(0,16,61,.06),0 6px 12px 0 rgba(0,16,61,.06),0 6px 20px 0 rgba(0,16,61,.06),0 10px 36px 0 rgba(0,16,61,.08); --vkui--elevation4: 0 2px 6px 0 rgba(0,16,61,.06),0 16px 48px 0 rgba(0,16,61,.08),0 24px 68px 0 rgba(0,16,61,.16); --vkui--gradient_black: transparent 0%,rgba(0,0,0,.02) 15%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.32) 70%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.4) 100%; --vkui--gradient_white: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--gradient_tint: rgba(246,247,248,0) 0%,rgba(246,247,248,.05) 15%,rgba(246,247,248,.2) 30%,rgba(246,247,248,.8) 70%,rgba(246,247,248,.95) 85%,#f6f7f8 100%; --vkui--gradient: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--animation_duration_l: 0.4s; --vkui--animation_duration_m: 0.2s; --vkui--animation_duration_s: 0.1s; --vkui--animation_easing_default: cubic-bezier(0.3,0.3,0.5,1); --vkui--animation_easing_platform: cubic-bezier(0.3,0.3,0.5,1); --vkui--opacity_disable: 0.48; --vkui--opacity_disable_accessibility: 0.64; --vkui--opacity_active: 0.72; --vkui--blur_m: 16px; --vkui--z_index_modal: 99; --vkui--z_index_popout: 100; --vkui--x0: 0px; --vkui--x025: 1px; --vkui--x05: 2px; --vkui--x1: 4px; --vkui--x2: 8px; --vkui--x3: 12px; --vkui--x4: 16px; --vkui--x5: 20px; --vkui--x6: 24px; --vkui--x8: 32px; --vkui--x10: 40px; --vkui--x12: 48px; --vkui--x15: 60px; --vkui--x20: 80px; --vkui--size_base: 4px; --vkui--size_grid: 20px; --vkui--font_h0--font_size--regular: 28px; --vkui--font_h0--line_height--regular: 32px; --vkui--font_h0--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--regular: 500; --vkui--font_h0--font_size--compact: 44px; --vkui--font_h0--line_height--compact: 52px; --vkui--font_h1--font_size--regular: 24px; --vkui--font_h1--line_height--regular: 28px; --vkui--font_h1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--regular: 500; --vkui--font_h1--font_size--compact: 32px; --vkui--font_h1--line_height--compact: 36px; --vkui--font_h2--font_size--regular: 20px; --vkui--font_h2--line_height--regular: 26px; --vkui--font_h2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--regular: 500; --vkui--font_h2--font_size--compact: 28px; --vkui--font_h2--line_height--compact: 32px; --vkui--size_arrow_height--regular: 8px; --vkui--size_arrow_width--regular: 12px; --vkui--size_base_padding--regular: 16px; --vkui--size_base_padding--compact: 20px; --vkui--size_border_width_tab--regular: 2px; --vkui--size_border_width_bar--regular: 4px; --vkui--size_border_width_accent--regular: 8px; --vkui--size_border_width_accent_secondary--regular: 8px; --vkui--size_control_button_width_min--regular: 130px; --vkui--size_control_button_width_min--compact: 104px; --vkui--size_promo_button_close--regular: 32px; --vkui--size_button_slider_height--regular: 24px; --vkui--size_button_slider_width--regular: 12px; --vkui--size_button_slider_width_pointer--regular: 16px; --vkui--size_field_width_min--regular: 328px; --vkui--size_field_width_min--compact: 380px; --vkui--size_label_width--regular: 184px; --vkui--size_progress--regular: 4px; --vkui--size_progress_scroll--regular: 12px; --vkui--size_dot_bullet--regular: 4px; --vkui--size_dot_indicate--regular: 8px; --vkui--size_dot_clickable--regular: 12px; --vkui--size_vertical_padding--regular: 0px; --vkui--size_button_more_padding--regular: 8px; --vkui--size_icon_more_padding--regular: 12px; --vkui--size_icon_more_padding--compact: 8px; --vkui--size_button_icon_padding--regular: 16px; --vkui--size_button_icon_padding--compact: 20px; --vkui--size_div_padding--regular: 4px; --vkui--size_menu_padding--regular: 8px; --vkui--size_tag_padding--regular: 8px; --vkui--size_tab_padding--regular: 16px; --vkui--size_table_horizontal_padding--regular: 16px; --vkui--size_table_vertical_padding--regular: 16px; --vkui--size_slice_top_padding--regular: 40px; --vkui--size_slice_bottom_padding--regular: 60px; --vkui--size_base_margin--regular: 12px; --vkui--size_label_vertical_margin--regular: 4px; --vkui--size_tip_margin--regular: 4px; --vkui--size_field_horizontal_margin--regular: 20px; --vkui--size_field_vertical_margin--regular: 24px; --vkui--size_field_set_margin--regular: 32px; --vkui--size_icon_margin--regular: 12px; --vkui--size_icon_margin--compact: 8px; --vkui--size_choice_margin--regular: 8px; --vkui--size_menu_margin--regular: 2px; --vkui--size_tag_margin--regular: 8px; --vkui--size_tab_margin--regular: 8px; --vkui--size_bullet_margin--regular: 12px; --vkui--size_attribute_margin--regular: 4px; --vkui--size_popup_margin--regular: 8px; --vkui--size_popup_margin--compact: 24px; --vkui--size_header_icon--regular: 20px; --vkui--size_wysiwyg_icon--regular: 14px; --vkui--size_illustration_s--regular: 48px; --vkui--size_illustration_x_m--regular: 72px; --vkui--size_illustration_m--regular: 96px; --vkui--size_illustration_l--regular: 144px; --vkui--size_illustration_x_x_l--regular: 228px; --vkui--tone_value_overlay: 0.48; --vkui--tone_value_viewer: 0.88; --vkui--tone_value_toolbar: 0.24; --vkui--tone_value_hover: 0.04; --vkui--tone_value_active: 0.08; --vkui--tone_value_focus: 0.08; --vkui--type_border_button: solid; --vkui--type_border_position: inset; --vkui--theme_name_base: "octavius"; --vkui--octavius_shadow_sidebar_item_text: none; --vkui--octavius_shadow_sidebar_item_icon: none; --vkui--octavius_elevation_card: none; --vkui--octavius_shadow_empty_state_text: none; --vkui--octavius_elevation_header: 0px 0px 16px rgba(2,13,41,.16); --vkui--octavius_text_shadow_empty_state_text: none; --vkui--octavius_position_background: 50% 0; --vkui--octavius_image_overlay_background: none; --vkui--octavius_text_shadow_sidebar_item_text: none; --vkui--octavius_filter_sidebar_item_icon: none; --vkui--octavius_image_background: none; --vkui--octavius_font_family_default: HelveticaNeue,Helvetica,Arial,sans-serif; --vkui--octavius_font_family_mail_sans: VKSansDisplay,MailSans,HelveticaNeue,Helvetica,Arial,sans-serif; --vkui--octavius_font_family_global: Arial,Tahoma,Verdana,sans-serif; --vkui--octavius_font_family_mac: Helvetica,Arial,Tahoma,Verdana,sans-serif; --vkui--octavius_font_family_display: inherit; --vkui--octavius_color_letter_attach_list_background: linear-gradient(270deg,#fff 22.77%,hsla(0,0%,100%,0) 104.46%); --vkui--octavius_size_headline_height--regular: 36px; --vkui--octavius_size_layout_width_max--regular: 2150px; --vkui--octavius_size_layout_width_min--regular: 761px; --vkui--octavius_size_sidebar_padding_top--regular: 12px; --vkui--octavius_size_sidebar_widgets_height_min--regular: 64px; --vkui--octavius_size_sidebar_widgets_height_compact_min--regular: 104px; --vkui--font_headline--font_size--regular: 16px; --vkui--font_headline--line_height--regular: 20px; --vkui--font_headline--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_weight--regular: 500; --vkui--font_headline--font_size--compact: 15px; --vkui--font_headline--line_height--compact: 20px; --vkui--colors_scheme: light; --vkui--color_background_accent: #07f; --vkui--color_background_accent--hover: #0073f7; --vkui--color_background_accent--active: #006fef; --vkui--color_background_accent_themed: #07f; --vkui--color_background_accent_themed--hover: #0073f7; --vkui--color_background_accent_themed--active: #006fef; --vkui--color_background_accent_themed_alpha: rgba(0,119,255,.2); --vkui--color_background_accent_themed_alpha--hover: rgba(0,119,255,.24); --vkui--color_background_accent_themed_alpha--active: rgba(0,119,255,.28); --vkui--color_background_accent_alternative: #ff9e00; --vkui--color_background_accent_alternative--hover: #f59802; --vkui--color_background_accent_alternative--active: #eb9305; --vkui--color_background_content: #fff; --vkui--color_background_content--hover: #f5f5f7; --vkui--color_background_content--active: #ebecef; --vkui--color_background_content_alpha: hsla(0,0%,100%,.8); --vkui--color_background_content_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_background_content_alpha--active: hsla(0,0%,100%,.88); --vkui--color_background_content_inverse: #1e1f22; --vkui--color_background_content_inverse--hover: #1d1e23; --vkui--color_background_content_inverse--active: #1c1e24; --vkui--color_background_secondary: #eff0f4; --vkui--color_background_secondary--hover: #e5e7ed; --vkui--color_background_secondary--active: #dcdee5; --vkui--color_background_secondary_alpha: rgba(129,140,154,.12); --vkui--color_background_secondary_alpha--hover: rgba(129,140,154,.16); --vkui--color_background_secondary_alpha--active: rgba(129,140,154,.2); --vkui--color_background: #f6f7fb; --vkui--color_background--hover: #eceef3; --vkui--color_background--active: #e2e5ec; --vkui--color_background_contrast: #fff; --vkui--color_background_contrast--hover: #f5f5f7; --vkui--color_background_contrast--active: #ebecef; --vkui--color_background_contrast_secondary_alpha: hsla(0,0%,100%,.2); --vkui--color_background_contrast_secondary_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_contrast_secondary_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_warning: #fef099; --vkui--color_background_warning--hover: #f4e795; --vkui--color_background_warning--active: #eade92; --vkui--color_background_negative: #f23741; --vkui--color_background_negative--hover: #e83541; --vkui--color_background_negative--active: #df3441; --vkui--color_background_tertiary: #f6f7fb; --vkui--color_background_tertiary--hover: #eceef3; --vkui--color_background_tertiary--active: #e2e5ec; --vkui--color_background_tertiary_alpha: rgba(138,153,177,.08); --vkui--color_background_tertiary_alpha--hover: rgba(138,153,177,.12); --vkui--color_background_tertiary_alpha--active: rgba(138,153,177,.16); --vkui--color_background_modal: #fff; --vkui--color_background_modal--hover: #f5f5f7; --vkui--color_background_modal--active: #ebecef; --vkui--color_background_positive: #0bad41; --vkui--color_background_positive--hover: #0ba741; --vkui--color_background_positive--active: #0aa041; --vkui--color_background_negative_tint: #feeff0; --vkui--color_background_negative_tint--hover: #f4e6e9; --vkui--color_background_negative_tint--active: #eadde2; --vkui--color_background_positive_tint: #eafff0; --vkui--color_background_positive_tint--hover: #e1f5e9; --vkui--color_background_positive_tint--active: #d7ece2; --vkui--color_field_background: #fff; --vkui--color_field_background--hover: #f5f5f7; --vkui--color_field_background--active: #ebecef; --vkui--color_background_modal_inverse: #2d2e31; --vkui--color_background_modal_inverse--hover: #2b2d31; --vkui--color_background_modal_inverse--active: #292c32; --vkui--color_background_contrast_inverse: #333; --vkui--color_background_contrast_inverse--hover: #313233; --vkui--color_background_contrast_inverse--active: #2f3034; --vkui--color_background_contrast_themed: #fff; --vkui--color_background_contrast_themed--hover: #f5f5f7; --vkui--color_background_contrast_themed--active: #ebecef; --vkui--color_background_accent_tint: #5a9eff; --vkui--color_background_accent_tint--hover: #5698f7; --vkui--color_background_accent_tint--active: #5393ef; --vkui--color_background_info_tint: #f0f4ff; --vkui--color_background_info_tint--hover: #e6ebf7; --vkui--color_background_info_tint--active: #dde2ef; --vkui--color_text_accent: #006ee9; --vkui--color_text_accent--hover: #006ae2; --vkui--color_text_accent--active: #0066db; --vkui--color_text_accent_themed: #006ee9; --vkui--color_text_accent_themed--hover: #006ae2; --vkui--color_text_accent_themed--active: #0066db; --vkui--color_text_negative: #f23741; --vkui--color_text_negative--hover: #e83541; --vkui--color_text_negative--active: #df3441; --vkui--color_text_link: #006ee9; --vkui--color_text_link--hover: #006ae2; --vkui--color_text_link--active: #0066db; --vkui--color_text_link_tint: #71aaeb; --vkui--color_text_link_tint--hover: #6ca4e4; --vkui--color_text_link_tint--active: #689edd; --vkui--color_text_link_themed: #006ee9; --vkui--color_text_link_themed--hover: #006ae2; --vkui--color_text_link_themed--active: #0066db; --vkui--color_text_muted: #252629; --vkui--color_text_muted--hover: #24252a; --vkui--color_text_muted--active: #22242b; --vkui--color_text_primary: #252629; --vkui--color_text_primary--hover: #24252a; --vkui--color_text_primary--active: #22242b; --vkui--color_text_primary_alpha: rgba(37,41,46,.84); --vkui--color_text_primary_alpha--hover: rgba(37,41,46,.88); --vkui--color_text_primary_alpha--active: rgba(37,41,46,.92); --vkui--color_text_primary_invariably: #252629; --vkui--color_text_primary_invariably--hover: #24252a; --vkui--color_text_primary_invariably--active: #22242b; --vkui--color_text_secondary: #697481; --vkui--color_text_secondary--hover: #65707e; --vkui--color_text_secondary--active: #616c7c; --vkui--color_text_secondary_alpha: rgba(37,41,46,.55); --vkui--color_text_secondary_alpha--hover: rgba(37,41,46,.59); --vkui--color_text_secondary_alpha--active: rgba(37,41,46,.63); --vkui--color_text_subhead: #707b89; --vkui--color_text_subhead--hover: #6c7786; --vkui--color_text_subhead--active: #677283; --vkui--color_text_tertiary: #c9d0d9; --vkui--color_text_tertiary--hover: #c1c8d3; --vkui--color_text_tertiary--active: #b9c1cd; --vkui--color_text_link_visited: #2e90fb; --vkui--color_text_link_visited--hover: #2c8bf3; --vkui--color_text_link_visited--active: #2a86ec; --vkui--color_text_contrast: #fff; --vkui--color_text_contrast--hover: #f5f5f7; --vkui--color_text_contrast--active: #ebecef; --vkui--color_text_contrast_themed: #fff; --vkui--color_text_contrast_themed--hover: #f5f5f7; --vkui--color_text_contrast_themed--active: #ebecef; --vkui--color_link_contrast: #fff; --vkui--color_link_contrast--hover: #f5f5f7; --vkui--color_link_contrast--active: #ebecef; --vkui--color_text_positive: #00963e; --vkui--color_text_positive--hover: #00913e; --vkui--color_text_positive--active: #008b3e; --vkui--color_icon_accent: #07f; --vkui--color_icon_accent--hover: #0073f7; --vkui--color_icon_accent--active: #006fef; --vkui--color_icon_accent_themed: #07f; --vkui--color_icon_accent_themed--hover: #0073f7; --vkui--color_icon_accent_themed--active: #006fef; --vkui--color_icon_primary: #252629; --vkui--color_icon_primary--hover: #24252a; --vkui--color_icon_primary--active: #22242b; --vkui--color_icon_primary_invariably: #252629; --vkui--color_icon_primary_invariably--hover: #24252a; --vkui--color_icon_primary_invariably--active: #22242b; --vkui--color_icon_medium: #798492; --vkui--color_icon_medium--hover: #747f8f; --vkui--color_icon_medium--active: #6f7b8b; --vkui--color_icon_medium_alpha: rgba(0,22,55,.46); --vkui--color_icon_medium_alpha--hover: rgba(0,22,55,.5); --vkui--color_icon_medium_alpha--active: rgba(0,22,55,.54); --vkui--color_icon_secondary: #939eac; --vkui--color_icon_secondary--hover: #8d98a8; --vkui--color_icon_secondary--active: #8793a3; --vkui--color_icon_secondary_alpha: rgba(0,22,55,.42); --vkui--color_icon_secondary_alpha--hover: rgba(0,22,55,.46); --vkui--color_icon_secondary_alpha--active: rgba(0,22,55,.5); --vkui--color_icon_tertiary: #c9d0d9; --vkui--color_icon_tertiary--hover: #c1c8d3; --vkui--color_icon_tertiary--active: #b9c1cd; --vkui--color_icon_tertiary_alpha: rgba(3,37,76,.2); --vkui--color_icon_tertiary_alpha--hover: rgba(3,37,76,.24); --vkui--color_icon_tertiary_alpha--active: rgba(3,37,76,.28); --vkui--color_icon_contrast: #fff; --vkui--color_icon_contrast--hover: #f5f5f7; --vkui--color_icon_contrast--active: #ebecef; --vkui--color_icon_contrast_themed: #fff; --vkui--color_icon_contrast_themed--hover: #f5f5f7; --vkui--color_icon_contrast_themed--active: #ebecef; --vkui--color_icon_positive: #06a041; --vkui--color_icon_positive--hover: #069a41; --vkui--color_icon_positive--active: #069441; --vkui--color_icon_warning: #ff9e00; --vkui--color_icon_warning--hover: #f59802; --vkui--color_icon_warning--active: #eb9305; --vkui--color_icon_negative: #f23741; --vkui--color_icon_negative--hover: #e83541; --vkui--color_icon_negative--active: #df3441; --vkui--color_icon_contrast_secondary: #eff0f4; --vkui--color_icon_contrast_secondary--hover: #e5e7ed; --vkui--color_icon_contrast_secondary--active: #dcdee5; --vkui--color_stroke_accent: #07f; --vkui--color_stroke_accent--hover: #0073f7; --vkui--color_stroke_accent--active: #006fef; --vkui--color_stroke_accent_themed: #07f; --vkui--color_stroke_accent_themed--hover: #0073f7; --vkui--color_stroke_accent_themed--active: #006fef; --vkui--color_stroke_contrast: #fff; --vkui--color_stroke_contrast--hover: #f5f5f7; --vkui--color_stroke_contrast--active: #ebecef; --vkui--color_stroke_negative: #f23741; --vkui--color_stroke_negative--hover: #e83541; --vkui--color_stroke_negative--active: #df3441; --vkui--color_stroke_primary: #2c2d2e; --vkui--color_stroke_primary--hover: #2a2c2f; --vkui--color_stroke_primary--active: #282b2f; --vkui--color_image_border_alpha: rgba(129,140,154,.16); --vkui--color_image_border_alpha--hover: rgba(129,140,154,.2); --vkui--color_image_border_alpha--active: rgba(129,140,154,.24); --vkui--color_field_border_alpha: rgba(129,140,154,.28); --vkui--color_field_border_alpha--hover: rgba(129,140,154,.32); --vkui--color_field_border_alpha--active: rgba(129,140,154,.36); --vkui--color_separator_primary_alpha: rgba(129,140,154,.18); --vkui--color_separator_primary_alpha--hover: rgba(129,140,154,.22); --vkui--color_separator_primary_alpha--active: rgba(129,140,154,.26); --vkui--color_separator_secondary: #e3e4e7; --vkui--color_separator_secondary--hover: #dadce0; --vkui--color_separator_secondary--active: #d1d3d9; --vkui--color_separator_primary: #eaebee; --vkui--color_separator_primary--hover: #e1e2e7; --vkui--color_separator_primary--active: #d7d9e0; --vkui--color_stroke_positive: #0bad41; --vkui--color_stroke_positive--hover: #0ba741; --vkui--color_stroke_positive--active: #0aa041; --vkui--color_separator_primary2x: #cdd0d5; --vkui--color_separator_primary2x--hover: #c5c8cf; --vkui--color_separator_primary2x--active: #bdc1c9; --vkui--color_separator_primary3x: #bfc3ca; --vkui--color_separator_primary3x--hover: #b7bcc4; --vkui--color_separator_primary3x--active: #b0b5bf; --vkui--color_accent_blue: #07f; --vkui--color_accent_blue--hover: #0073f7; --vkui--color_accent_blue--active: #006fef; --vkui--color_accent_gray: #a3a4a8; --vkui--color_accent_gray--hover: #9c9ea4; --vkui--color_accent_gray--active: #96989f; --vkui--color_accent_red: #f23741; --vkui--color_accent_red--hover: #e83541; --vkui--color_accent_red--active: #df3441; --vkui--color_accent_orange_fire: #f05c44; --vkui--color_accent_orange_fire--hover: #e65944; --vkui--color_accent_orange_fire--active: #dd5643; --vkui--color_accent_orange: #f77e13; --vkui--color_accent_orange--hover: #ed7a15; --vkui--color_accent_orange--active: #e37516; --vkui--color_accent_orange_peach: #f9b54f; --vkui--color_accent_orange_peach--hover: #efae4e; --vkui--color_accent_orange_peach--active: #e5a84e; --vkui--color_accent_lime: #b8fc75; --vkui--color_accent_lime--hover: #b1f373; --vkui--color_accent_lime--active: #a9e971; --vkui--color_accent_green: #24c649; --vkui--color_accent_green--hover: #23bf49; --vkui--color_accent_green--active: #21b748; --vkui--color_accent_cyan: #24e9fe; --vkui--color_accent_cyan--hover: #23e0f6; --vkui--color_accent_cyan--active: #21d8ef; --vkui--color_accent_azure: #07f; --vkui--color_accent_azure--hover: #0073f7; --vkui--color_accent_azure--active: #006fef; --vkui--color_accent_purple: #8f68fe; --vkui--color_accent_purple--hover: #8964f6; --vkui--color_accent_purple--active: #8461ef; --vkui--color_accent_violet: #a567e7; --vkui--color_accent_violet--hover: #9e64e0; --vkui--color_accent_violet--active: #9860d9; --vkui--color_accent_raspberry_pink: #e03fab; --vkui--color_accent_raspberry_pink--hover: #d73da7; --vkui--color_accent_raspberry_pink--active: #ce3ba2; --vkui--color_accent_pink: #ff3985; --vkui--color_accent_pink--hover: #f53782; --vkui--color_accent_pink--active: #eb367f; --vkui--color_accent_secondary: #ff9e00; --vkui--color_accent_secondary--hover: #f59802; --vkui--color_accent_secondary--active: #eb9305; --vkui--color_action_sheet_text: #07f; --vkui--color_action_sheet_text--hover: #0073f7; --vkui--color_action_sheet_text--active: #006fef; --vkui--color_header_background: #fff; --vkui--color_header_background--hover: #f5f5f7; --vkui--color_header_background--active: #ebecef; --vkui--color_panel_header_icon: #07f; --vkui--color_panel_header_icon--hover: #0073f7; --vkui--color_panel_header_icon--active: #006fef; --vkui--color_write_bar_input_background: #f0f1f3; --vkui--color_write_bar_input_background--hover: #e6e8ec; --vkui--color_write_bar_input_background--active: #dddfe4; --vkui--color_write_bar_input_border: #e1e3e6; --vkui--color_write_bar_input_border--hover: #d8dbdf; --vkui--color_write_bar_input_border--active: #cfd2d8; --vkui--color_write_bar_input_border_alpha: rgba(0,16,61,.8); --vkui--color_write_bar_input_border_alpha--hover: rgba(0,16,61,.84); --vkui--color_write_bar_input_border_alpha--active: rgba(0,16,61,.88); --vkui--color_track_background: #dadce0; --vkui--color_track_background--hover: #d1d4d9; --vkui--color_track_background--active: #c9ccd3; --vkui--color_track_buffer: #83aaea; --vkui--color_track_buffer--hover: #7ea4e3; --vkui--color_track_buffer--active: #799edc; --vkui--color_image_placeholder: #e6e7eb; --vkui--color_image_placeholder--hover: #dddee4; --vkui--color_image_placeholder--active: #d4d6dd; --vkui--color_image_placeholder_alpha: rgba(0,16,61,.8); --vkui--color_image_placeholder_alpha--hover: rgba(0,16,61,.84); --vkui--color_image_placeholder_alpha--active: rgba(0,16,61,.88); --vkui--color_search_field_background: #e6e7eb; --vkui--color_search_field_background--hover: #dddee4; --vkui--color_search_field_background--active: #d4d6dd; --vkui--color_write_bar_icon: #07f; --vkui--color_write_bar_icon--hover: #0073f7; --vkui--color_write_bar_icon--active: #006fef; --vkui--color_skeleton_from: #f3f3f5; --vkui--color_skeleton_from--hover: #e9eaee; --vkui--color_skeleton_from--active: #e0e1e6; --vkui--color_skeleton_to: #e0e1e6; --vkui--color_skeleton_to--hover: #d7d9df; --vkui--color_skeleton_to--active: #ced0d8; --vkui--color_avatar_overlay: hsla(225,4%,58%,.48); --vkui--color_avatar_overlay--hover: hsla(225,4%,58%,.52); --vkui--color_avatar_overlay--active: hsla(225,4%,58%,.56); --vkui--color_avatar_overlay_inverse_alpha: hsla(0,0%,100%,.85); --vkui--color_avatar_overlay_inverse_alpha--hover: hsla(0,0%,100%,.89); --vkui--color_avatar_overlay_inverse_alpha--active: hsla(0,0%,100%,.93); --vkui--color_overlay_primary: rgba(0,0,0,.4); --vkui--color_overlay_primary--hover: rgba(0,0,0,.44); --vkui--color_overlay_primary--active: rgba(0,0,0,.48); --vkui--color_overlay_secondary: rgba(44,45,46,.5); --vkui--color_overlay_secondary--hover: rgba(44,45,46,.54); --vkui--color_overlay_secondary--active: rgba(44,45,46,.58); --vkui--color_segmented_control: #fff; --vkui--color_segmented_control--hover: #f5f5f7; --vkui--color_segmented_control--active: #ebecef; --vkui--color_tabbar_text_inactive: #99a2ad; --vkui--color_tabbar_text_inactive--hover: #939ca9; --vkui--color_tabbar_text_inactive--active: #8d96a4; --vkui--color_button_text: #07f; --vkui--color_button_text--hover: #0073f7; --vkui--color_button_text--active: #006fef; --vkui--color_button_icon: #07f; --vkui--color_button_icon--hover: #0073f7; --vkui--color_button_icon--active: #006fef; --vkui--color_button_stroke: #07f; --vkui--color_button_stroke--hover: #0073f7; --vkui--color_button_stroke--active: #006fef; --vkui--color_transparent: transparent; --vkui--color_transparent--hover: rgba(0,16,61,.04); --vkui--color_transparent--active: rgba(0,16,61,.08); --vkui--color_rating: #ffd400; --vkui--color_rating--hover: #f5cc02; --vkui--color_rating--active: #ebc405; --vkui--color_button_contrast_alpha: #fff; --vkui--color_button_contrast_alpha--hover: hsla(0,0%,100%,.8); --vkui--color_button_contrast_alpha--active: hsla(0,0%,100%,.6); --vkui--color_button_contrast: #fff; --vkui--color_button_contrast--hover: #fff; --vkui--color_button_contrast--active: #fff; --vkui--color_thumb_error_background_alpha: rgba(237,10,52,.12); --vkui--color_thumb_error_background_alpha--hover: rgba(237,10,52,.16); --vkui--color_thumb_error_background_alpha--active: rgba(237,10,52,.2); --vkui--color_background_accent_tint_themed_alpha: rgba(0,119,255,.08); --vkui--color_background_accent_tint_themed_alpha--hover: rgba(0,119,255,.12); --vkui--color_background_accent_tint_themed_alpha--active: rgba(0,119,255,.16); --vkui--color_background_accent_tint_alpha: rgba(0,119,255,.08); --vkui--color_background_accent_tint_alpha--hover: rgba(0,119,255,.12); --vkui--color_background_accent_tint_alpha--active: rgba(0,119,255,.16); --vkui--color_background_accent_tint_themed: #f2f9ff; --vkui--color_background_accent_tint_themed--hover: #e8f0f7; --vkui--color_background_accent_tint_themed--active: #dfe6ef; --vkui--color_background_warning_tint_themed_alpha: rgba(250,199,6,.16); --vkui--color_background_warning_tint_themed_alpha--hover: rgba(250,199,6,.2); --vkui--color_background_warning_tint_themed_alpha--active: rgba(250,199,6,.24); --vkui--color_background_warning_tint_alpha: rgba(250,199,6,.16); --vkui--color_background_warning_tint_alpha--hover: rgba(250,199,6,.2); --vkui--color_background_warning_tint_alpha--active: rgba(250,199,6,.24); --vkui--color_background_warning_tint_themed: #fef8d1; --vkui--color_background_warning_tint_themed--hover: #f4efcb; --vkui--color_background_warning_tint_themed--active: #eae5c5; --vkui--color_background_warning_tint: #fef8d1; --vkui--color_background_warning_tint--hover: #f4efcb; --vkui--color_background_warning_tint--active: #eae5c5; --vkui--color_background_negative_tint_themed_alpha: rgba(242,55,65,.08); --vkui--color_background_negative_tint_themed_alpha--hover: rgba(242,55,65,.12); --vkui--color_background_negative_tint_themed_alpha--active: rgba(242,55,65,.16); --vkui--color_background_negative_tint_alpha: rgba(242,55,65,.08); --vkui--color_background_negative_tint_alpha--hover: rgba(242,55,65,.12); --vkui--color_background_negative_tint_alpha--active: rgba(242,55,65,.16); --vkui--color_background_negative_tint_themed: #feefeb; --vkui--color_background_negative_tint_themed--hover: #f4e6e4; --vkui--color_background_negative_tint_themed--active: #eadddd; --vkui--color_background_positive_tint_themed_alpha: rgba(11,255,89,.08); --vkui--color_background_positive_tint_themed_alpha--hover: rgba(11,255,89,.12); --vkui--color_background_positive_tint_themed_alpha--active: rgba(11,255,89,.16); --vkui--color_background_positive_tint_alpha: rgba(11,255,89,.08); --vkui--color_background_positive_tint_alpha--hover: rgba(11,255,89,.12); --vkui--color_background_positive_tint_alpha--active: rgba(11,255,89,.16); --vkui--color_background_positive_tint_themed: #eafff0; --vkui--color_background_positive_tint_themed--hover: #e1f5e9; --vkui--color_background_positive_tint_themed--active: #d7ece2; --vkui--color_tooltip_background_blue_tint: #dde9ff; --vkui--color_tooltip_background_blue_tint--hover: #d4e0f7; --vkui--color_tooltip_background_blue_tint--active: #cbd8ef; --vkui--color_tooltip_background_green_tint: #ceeee6; --vkui--color_tooltip_background_green_tint--hover: #c6e5df; --vkui--color_tooltip_background_green_tint--active: #bedcd8; --vkui--color_tooltip_background_orange_tint: #f9d3bd; --vkui--color_tooltip_background_orange_tint--hover: #efcbb8; --vkui--color_tooltip_background_orange_tint--active: #e5c3b3; --vkui--color_tooltip_background_purple_tint: #f2e8ff; --vkui--color_tooltip_background_purple_tint--hover: #e8dff7; --vkui--color_tooltip_background_purple_tint--active: #dfd7ef; --vkui--color_tooltip_text_blue_themed: #1c4479; --vkui--color_tooltip_text_blue_themed--hover: #1b4277; --vkui--color_tooltip_text_blue_themed--active: #1a4074; --vkui--color_tooltip_text_green_themed: #087c6d; --vkui--color_tooltip_text_green_themed--hover: #08786b; --vkui--color_tooltip_text_green_themed--active: #077369; --vkui--color_tooltip_text_orange_themed: #78472a; --vkui--color_tooltip_text_orange_themed--hover: #73452b; --vkui--color_tooltip_text_orange_themed--active: #6e432c; --vkui--color_tooltip_text_purple_themed: #73519f; --vkui--color_tooltip_text_purple_themed--hover: #6e4e9b; --vkui--color_tooltip_text_purple_themed--active: #6a4c97; --vkui--color_background_sky: #cce4ff; --vkui--color_background_sky--hover: #c4dcf7; --vkui--color_background_sky--active: #bcd3ef; --vkui--color_background_sky_alpha: rgba(204,228,255,.9); --vkui--color_background_sky_alpha--hover: rgba(204,228,255,.94); --vkui--color_background_sky_alpha--active: rgba(204,228,255,.98); --vkui--color_social_vk: #3f8ae0; --vkui--color_social_vk--hover: #3c85d9; --vkui--color_social_vk--active: #3a80d3; --vkui--color_social_ok: #ee8208; --vkui--color_social_ok--hover: #e47d0a; --vkui--color_social_ok--active: #db790c; --vkui--color_social_fb: #1877f2; --vkui--color_social_fb--hover: #1773eb; --vkui--color_social_fb--active: #166fe4; --vkui--color_social_mir: #117eda; --vkui--color_social_mir--hover: #107ad4; --vkui--color_social_mir--active: #1075cd; --vkui--color_social_twitter: #1da1f2; --vkui--color_social_twitter--hover: #1c9beb; --vkui--color_social_twitter--active: #1b95e4; --vkui--color_social_behance: #1769ff; --vkui--color_social_behance--hover: #1665f7; --vkui--color_social_behance--active: #1562ef; --vkui--color_social_dribbble: #ea4c89; --vkui--color_social_dribbble--hover: #e14a86; --vkui--color_social_dribbble--active: #d74783; --vkui--color_background_thumbnail: #ebecef; --vkui--color_background_thumbnail--hover: #e2e3e8; --vkui--color_background_thumbnail--active: #d8dae1; --vkui--color_background_thumbnail_alpha: rgba(0,16,61,.08); --vkui--color_background_thumbnail_alpha--hover: rgba(0,16,61,.12); --vkui--color_background_thumbnail_alpha--active: rgba(0,16,61,.16); --vkui--color_palette_red1: #fc2c38; --vkui--color_palette_red1--hover: #f22b38; --vkui--color_palette_red1--active: #e82a38; --vkui--color_palette_red2: #eb1981; --vkui--color_palette_red2--hover: #e2197e; --vkui--color_palette_red2--active: #d8187c; --vkui--color_palette_red3: #ff71bb; --vkui--color_palette_red3--hover: #f56db6; --vkui--color_palette_red3--active: #eb69b1; --vkui--color_palette_orange1: #ff8b2e; --vkui--color_palette_orange1--hover: #f5862f; --vkui--color_palette_orange1--active: #eb812f; --vkui--color_palette_orange1_alpha: rgba(255,158,0,.12); --vkui--color_palette_orange1_alpha--hover: rgba(255,158,0,.16); --vkui--color_palette_orange1_alpha--active: rgba(255,158,0,.2); --vkui--color_palette_yellow1: #ffc311; --vkui--color_palette_yellow1--hover: #f5bc13; --vkui--color_palette_yellow1--active: #ebb515; --vkui--color_palette_green1: #aee113; --vkui--color_palette_green1--hover: #a7d915; --vkui--color_palette_green1--active: #a0d016; --vkui--color_palette_green2: #59c354; --vkui--color_palette_green2--hover: #55bc53; --vkui--color_palette_green2--active: #52b552; --vkui--color_palette_green3: #37eb94; --vkui--color_palette_green3--hover: #35e291; --vkui--color_palette_green3--active: #33d98d; --vkui--color_palette_green4: #00b1b3; --vkui--color_palette_green4--hover: #00abae; --vkui--color_palette_green4--active: #00a4aa; --vkui--color_palette_green1_alpha: rgba(92,186,56,.12); --vkui--color_palette_green1_alpha--hover: rgba(92,186,56,.16); --vkui--color_palette_green1_alpha--active: rgba(92,186,56,.2); --vkui--color_palette_green2_alpha: rgba(0,230,180,.08); --vkui--color_palette_green2_alpha--hover: rgba(0,230,180,.12); --vkui--color_palette_green2_alpha--active: rgba(0,230,180,.16); --vkui--color_palette_blue1: #2951ff; --vkui--color_palette_blue1--hover: #274ef7; --vkui--color_palette_blue1--active: #264cef; --vkui--color_palette_blue2: #00abf2; --vkui--color_palette_blue2--hover: #00a5eb; --vkui--color_palette_blue2--active: #009fe4; --vkui--color_palette_blue3: #26dfdf; --vkui--color_palette_blue3--hover: #24d7d9; --vkui--color_palette_blue3--active: #23ced2; --vkui--color_palette_blue1_alpha: rgba(0,95,249,.12); --vkui--color_palette_blue1_alpha--hover: rgba(0,95,249,.16); --vkui--color_palette_blue1_alpha--active: rgba(0,95,249,.2); --vkui--color_palette_violet1: #6c00ff; --vkui--color_palette_violet1--hover: #6801f7; --vkui--color_palette_violet1--active: #6301ef; --vkui--color_palette_violet2: #ae73ff; --vkui--color_palette_violet2--hover: #a76ff7; --vkui--color_palette_violet2--active: #a06bef; --vkui--color_alert: #c1341b; --vkui--color_alert--hover: #b9331c; --vkui--color_alert--active: #b2311e; --vkui--color_tag_background_mint: #96e9cd; --vkui--color_tag_background_mint--hover: #90e0c7; --vkui--color_tag_background_mint--active: #8ad8c1; --vkui--color_tag_text_mint: #1f5c5c; --vkui--color_tag_text_mint--hover: #1e595b; --vkui--color_tag_text_mint--active: #1d565a; --vkui--color_tag_background_sky: #9edbff; --vkui--color_tag_background_sky--hover: #98d3f7; --vkui--color_tag_background_sky--active: #91cbef; --vkui--color_tag_text_sky: #20455b; --vkui--color_tag_text_sky--hover: #1f435a; --vkui--color_tag_text_sky--active: #1d4159; --vkui--color_tag_background_orange: #ffb181; --vkui--color_tag_background_orange--hover: #f5ab7e; --vkui--color_tag_background_orange--active: #eba47c; --vkui--color_tag_text_orange: #5c361f; --vkui--color_tag_text_orange--hover: #583420; --vkui--color_tag_text_orange--active: #553321; --vkui--color_tag_background_pink: #ffbfdc; --vkui--color_tag_background_pink--hover: #f5b8d6; --vkui--color_tag_background_pink--active: #ebb1cf; --vkui--color_tag_text_pink: #51205b; --vkui--color_tag_text_pink--hover: #4e1f5a; --vkui--color_tag_text_pink--active: #4b1f59; --vkui--color_tag_background_purple: #cca7ff; --vkui--color_tag_background_purple--hover: #c4a1f7; --vkui--color_tag_background_purple--active: #bc9bef; --vkui--color_tag_text_purple: #38205b; --vkui--color_tag_text_purple--hover: #361f5a; --vkui--color_tag_text_purple--active: #341f59; --vkui--color_tag_background_salmon: #fe9898; --vkui--color_tag_background_salmon--hover: #f49394; --vkui--color_tag_background_salmon--active: #ea8d91; --vkui--color_tag_text_salmon: #5c2727; --vkui--color_tag_text_salmon--hover: #582628; --vkui--color_tag_text_salmon--active: #552529; --vkui--color_tag_background_yellow: #ffdf7e; --vkui--color_tag_background_yellow--hover: #f5d77b; --vkui--color_tag_background_yellow--active: #ebce79; --vkui--color_tag_text_yellow: #5c4d1f; --vkui--color_tag_text_yellow--hover: #584b20; --vkui--color_tag_text_yellow--active: #554821; --vkui--color_tag_background_lime: #caf28e; --vkui--color_tag_background_lime--hover: #c2e98b; --vkui--color_tag_background_lime--active: #bae088; --vkui--color_tag_text_lime: #435c1f; --vkui--color_tag_text_lime--hover: #405920; --vkui--color_tag_text_lime--active: #3e5621; --vkui--color_tag_background_grass: #86de8c; --vkui--color_tag_background_grass--hover: #81d689; --vkui--color_tag_background_grass--active: #7bce86; --vkui--color_tag_text_grass: #1f5c23; --vkui--color_tag_text_grass--hover: #1e5924; --vkui--color_tag_text_grass--active: #1d5625; --vkui--color_tag_background_turquoise: #bcffff; --vkui--color_tag_background_turquoise--hover: #b4f5f7; --vkui--color_tag_background_turquoise--active: #adecef; --vkui--color_tag_text_turquoise: #1f535c; --vkui--color_tag_text_turquoise--hover: #1e505b; --vkui--color_tag_text_turquoise--active: #1d4e5a; --vkui--color_tag_background_lightsky: #80e3f4; --vkui--color_tag_background_lightsky--hover: #7bdbed; --vkui--color_tag_background_lightsky--active: #76d2e5; --vkui--color_tag_text_lightsky: #1f455c; --vkui--color_tag_text_lightsky--hover: #1e435b; --vkui--color_tag_text_lightsky--active: #1d415a; --vkui--color_tag_background_main_sky: #b2d0ff; --vkui--color_tag_background_main_sky--hover: #abc8f7; --vkui--color_tag_background_main_sky--active: #a4c1ef; --vkui--color_tag_text_main_sky: #202e5b; --vkui--color_tag_text_main_sky--hover: #1f2d5a; --vkui--color_tag_text_main_sky--active: #1d2c59; --vkui--color_tag_background_violet: #b5b3fb; --vkui--color_tag_background_violet--hover: #aeacf3; --vkui--color_tag_background_violet--active: #a7a6ec; --vkui--color_tag_text_violet: #21205b; --vkui--color_tag_text_violet--hover: #201f5a; --vkui--color_tag_text_violet--active: #1e1f59; --vkui--color_tag_background_magenta: #f4b8ff; --vkui--color_tag_background_magenta--hover: #eab1f7; --vkui--color_tag_background_magenta--active: #e0abef; --vkui--color_tag_text_magenta: #5b203a; --vkui--color_tag_text_magenta--hover: #571f3a; --vkui--color_tag_text_magenta--active: #541f3a; --vkui--color_tag_background_tickle: #ff88a4; --vkui--color_tag_background_tickle--hover: #f583a0; --vkui--color_tag_background_tickle--active: #eb7e9c; --vkui--color_tag_text_tickle: #5c212f; --vkui--color_tag_text_tickle--hover: #582030; --vkui--color_tag_text_tickle--active: #552030; --vkui--octavius_color_placeholder_background: #fff; --vkui--octavius_color_placeholder_background--hover: #f5f5f7; --vkui--octavius_color_placeholder_background--active: #ebecef; --vkui--octavius_color_promo_background: #ebeef5; --vkui--octavius_color_promo_background--hover: #e2e5ee; --vkui--octavius_color_promo_background--active: #d8dce6; --vkui--octavius_color_thread_footer_background: #ebecef; --vkui--octavius_color_thread_footer_background--hover: #e2e3e8; --vkui--octavius_color_thread_footer_background--active: #d8dae1; --vkui--octavius_color_button_text: #333; --vkui--octavius_color_button_text--hover: #313233; --vkui--octavius_color_button_text--active: #2f3034; --vkui--octavius_color_button_icon: #333; --vkui--octavius_color_button_icon--hover: #313233; --vkui--octavius_color_button_icon--active: #2f3034; --vkui--octavius_color_button_background_alpha: transparent; --vkui--octavius_color_button_background_alpha--hover: rgba(0,16,61,.04); --vkui--octavius_color_button_background_alpha--active: rgba(0,16,61,.08); --vkui--octavius_color_background: #f6f7fb; --vkui--octavius_color_background--hover: #eceef3; --vkui--octavius_color_background--active: #e2e5ec; --vkui--octavius_color_background_accent_toned_alpha: rgba(0,119,255,.12); --vkui--octavius_color_background_accent_toned_alpha--hover: rgba(0,119,255,.16); --vkui--octavius_color_background_accent_toned_alpha--active: rgba(0,119,255,.2); --vkui--octavius_color_overlay_background: transparent; --vkui--octavius_color_overlay_background--hover: rgba(0,16,61,.04); --vkui--octavius_color_overlay_background--active: rgba(0,16,61,.08); --vkui--octavius_color_header_background: #fff; --vkui--octavius_color_header_background--hover: #f5f5f7; --vkui--octavius_color_header_background--active: #ebecef; --vkui--octavius_color_header_button_text: #252629; --vkui--octavius_color_header_button_text--hover: #24252a; --vkui--octavius_color_header_button_text--active: #22242b; --vkui--octavius_color_header_button_background_alpha: transparent; --vkui--octavius_color_header_button_background_alpha--hover: hsla(0,0%,100%,.64); --vkui--octavius_color_header_button_background_alpha--active: hsla(0,0%,100%,.4); --vkui--octavius_color_header_icon: #fff; --vkui--octavius_color_header_icon--hover: #f5f5f7; --vkui--octavius_color_header_icon--active: #ebecef; --vkui--octavius_color_header_icon_unread: #07f; --vkui--octavius_color_header_icon_unread--hover: #0073f7; --vkui--octavius_color_header_icon_unread--active: #006fef; --vkui--octavius_color_header_icon_favorite: #f23741; --vkui--octavius_color_header_icon_favorite--hover: #e83541; --vkui--octavius_color_header_icon_favorite--active: #df3441; --vkui--octavius_color_header_icon_attach: #d9dadd; --vkui--octavius_color_header_icon_attach--hover: #d0d2d7; --vkui--octavius_color_header_icon_attach--active: #c8cad0; --vkui--octavius_color_header_text_secondary: #93969b; --vkui--octavius_color_header_text_secondary--hover: #8d9197; --vkui--octavius_color_header_text_secondary--active: #878b93; --vkui--octavius_color_header_search_icon: #b6b8be; --vkui--octavius_color_header_search_icon--hover: #afb1b9; --vkui--octavius_color_header_search_icon--active: #a7abb4; --vkui--octavius_color_header_search_chip_background: #fff; --vkui--octavius_color_header_search_chip_background--hover: hsla(0,0%,100%,.64); --vkui--octavius_color_header_search_chip_background--active: hsla(0,0%,100%,.4); --vkui--octavius_color_header_search_chip_background_editable: #fff; --vkui--octavius_color_header_search_chip_background_editable--hover: #f5f5f7; --vkui--octavius_color_header_search_chip_background_editable--active: #ebecef; --vkui--octavius_color_header_search_chip_border_editable_alpha: rgba(0,16,61,.12); --vkui--octavius_color_header_search_chip_border_editable_alpha--hover: rgba(0,16,61,.16); --vkui--octavius_color_header_search_chip_border_editable_alpha--active: rgba(0,16,61,.2); --vkui--octavius_color_header_search_background: #f0f1f3; --vkui--octavius_color_header_search_background--hover: #e6e8ec; --vkui--octavius_color_header_search_background--active: #dddfe4; --vkui--octavius_color_header_search_background_collapsed: #f0f1f3; --vkui--octavius_color_header_search_background_collapsed--hover: #e6e8ec; --vkui--octavius_color_header_search_background_collapsed--active: #dddfe4; --vkui--octavius_color_header_search_text: #2c2d2e; --vkui--octavius_color_header_search_text--hover: #2a2c2f; --vkui--octavius_color_header_search_text--active: #282b2f; --vkui--octavius_color_header_search_text_collapsed: #87898f; --vkui--octavius_color_header_search_text_collapsed--hover: #82848c; --vkui--octavius_color_header_search_text_collapsed--active: #7c7f88; --vkui--octavius_color_header_filter_text_alpha: rgba(39,43,55,.5); --vkui--octavius_color_header_filter_text_alpha--hover: rgba(39,43,55,.54); --vkui--octavius_color_header_filter_text_alpha--active: rgba(39,43,55,.58); --vkui--octavius_color_header_tab_active_themed_alpha: rgba(0,95,249,.1); --vkui--octavius_color_header_tab_active_themed_alpha--hover: rgba(0,95,249,.14); --vkui--octavius_color_header_tab_active_themed_alpha--active: rgba(0,95,249,.18); --vkui--octavius_color_header_tab_text_active_themed: #07f; --vkui--octavius_color_header_tab_text_active_themed--hover: #0073f7; --vkui--octavius_color_header_tab_text_active_themed--active: #006fef; --vkui--octavius_color_portal_search_background_alpha: hsla(0,0%,100%,.99); --vkui--octavius_color_portal_search_background_alpha--hover: #fff; --vkui--octavius_color_portal_search_background_alpha--active: #fff; --vkui--octavius_color_portal_search_icon_themed_alpha: rgba(0,95,255,.99); --vkui--octavius_color_portal_search_icon_themed_alpha--hover: #005fff; --vkui--octavius_color_portal_search_icon_themed_alpha--active: #005fff; --vkui--octavius_color_portal_menu_background: #fff; --vkui--octavius_color_portal_menu_background--hover: #f5f5f7; --vkui--octavius_color_portal_menu_background--active: #ebecef; --vkui--octavius_color_sidebar_item_icon_active: #2c2d2e; --vkui--octavius_color_sidebar_item_icon_active--hover: #2a2c2f; --vkui--octavius_color_sidebar_item_icon_active--active: #282b2f; --vkui--octavius_color_sidebar_item_icon_primary: #2c2d2e; --vkui--octavius_color_sidebar_item_icon_primary--hover: #2a2c2f; --vkui--octavius_color_sidebar_item_icon_primary--active: #282b2f; --vkui--octavius_color_sidebar_item_text_active: #2c2d2e; --vkui--octavius_color_sidebar_item_text_active--hover: #2a2c2f; --vkui--octavius_color_sidebar_item_text_active--active: #282b2f; --vkui--octavius_color_sidebar_item_text_primary: #2c2d2e; --vkui--octavius_color_sidebar_item_text_primary--hover: #2a2c2f; --vkui--octavius_color_sidebar_item_text_primary--active: #282b2f; --vkui--octavius_color_sidebar_button_icon: #2c2d2e; --vkui--octavius_color_sidebar_button_icon--hover: #2a2c2f; --vkui--octavius_color_sidebar_button_icon--active: #282b2f; --vkui--octavius_color_sidebar_button_text: #2c2d2e; --vkui--octavius_color_sidebar_button_text--hover: #2a2c2f; --vkui--octavius_color_sidebar_button_text--active: #282b2f; --vkui--octavius_color_sidebar_button_background: #fff; --vkui--octavius_color_sidebar_button_background--hover: #f5f5f7; --vkui--octavius_color_sidebar_button_background--active: #ebecef; --vkui--octavius_color_sidebar_counter_background_alpha: transparent; --vkui--octavius_color_sidebar_counter_background_alpha--hover: rgba(0,16,61,.04); --vkui--octavius_color_sidebar_counter_background_alpha--active: rgba(0,16,61,.08); --vkui--octavius_color_sidebar_counter_text: #2c2d2e; --vkui--octavius_color_sidebar_counter_text--hover: #2a2c2f; --vkui--octavius_color_sidebar_counter_text--active: #282b2f; --vkui--octavius_color_sidebar_item_background_alpha: transparent; --vkui--octavius_color_sidebar_item_background_alpha--hover: rgba(0,16,61,.04); --vkui--octavius_color_sidebar_item_background_alpha--active: rgba(0,16,61,.08); --vkui--octavius_color_sidebar_scrollbar_alpha: rgba(0,16,61,.08); --vkui--octavius_color_sidebar_scrollbar_alpha--hover: rgba(0,16,61,.12); --vkui--octavius_color_sidebar_scrollbar_alpha--active: rgba(0,16,61,.16); --vkui--octavius_color_sidebar_item_icon: #333; --vkui--octavius_color_sidebar_item_icon--hover: #313233; --vkui--octavius_color_sidebar_item_icon--active: #2f3034; --vkui--octavius_color_sidebar_item_text: #333; --vkui--octavius_color_sidebar_item_text--hover: #313233; --vkui--octavius_color_sidebar_item_text--active: #2f3034; --vkui--octavius_color_sidebar_item_button_background_alpha: rgba(0,16,61,.08); --vkui--octavius_color_sidebar_item_button_background_alpha--hover: rgba(0,16,61,.12); --vkui--octavius_color_sidebar_item_button_background_alpha--active: rgba(0,16,61,.16); --vkui--octavius_color_sidebar_item_icon_secondary: #87898f; --vkui--octavius_color_sidebar_item_icon_secondary--hover: #82848c; --vkui--octavius_color_sidebar_item_icon_secondary--active: #7c7f88; --vkui--octavius_color_sidebar_item_text_secondary: #87898f; --vkui--octavius_color_sidebar_item_text_secondary--hover: #82848c; --vkui--octavius_color_sidebar_item_text_secondary--active: #7c7f88; --vkui--octavius_color_sidebar_short_item_icon: #333; --vkui--octavius_color_sidebar_short_item_icon--hover: #313233; --vkui--octavius_color_sidebar_short_item_icon--active: #2f3034; --vkui--octavius_color_sidebar_short_item_text: #333; --vkui--octavius_color_sidebar_short_item_text--hover: #313233; --vkui--octavius_color_sidebar_short_item_text--active: #2f3034; --vkui--octavius_color_sidebar_short_item_text_active: #2c2d2e; --vkui--octavius_color_sidebar_short_item_text_active--hover: #2a2c2f; --vkui--octavius_color_sidebar_short_item_text_active--active: #282b2f; --vkui--octavius_color_sidebar_short_item_icon_active: #2c2d2e; --vkui--octavius_color_sidebar_short_item_icon_active--hover: #2a2c2f; --vkui--octavius_color_sidebar_short_item_icon_active--active: #282b2f; --vkui--octavius_color_sidebar_short_item_icon_secondary: #a5a7ad; --vkui--octavius_color_sidebar_short_item_icon_secondary--hover: #9ea1a9; --vkui--octavius_color_sidebar_short_item_icon_secondary--active: #989ba4; --vkui--octavius_color_sidebar_short_item_text_secondary: #87898f; --vkui--octavius_color_sidebar_short_item_text_secondary--hover: #82848c; --vkui--octavius_color_sidebar_short_item_text_secondary--active: #7c7f88; --vkui--octavius_color_sidebar_compose_button_background: #fff; --vkui--octavius_color_sidebar_compose_button_background--hover: #f5f5f7; --vkui--octavius_color_sidebar_compose_button_background--active: #ebecef; --vkui--octavius_color_sidebar_compose_button_text: #2c2d2e; --vkui--octavius_color_sidebar_compose_button_text--hover: #2a2c2f; --vkui--octavius_color_sidebar_compose_button_text--active: #282b2f; --vkui--octavius_color_sidebar_compose_button_icon: #2c2d2e; --vkui--octavius_color_sidebar_compose_button_icon--hover: #2a2c2f; --vkui--octavius_color_sidebar_compose_button_icon--active: #282b2f; --vkui--octavius_color_sidebar_icon_unread: #07f; --vkui--octavius_color_sidebar_icon_unread--hover: #0073f7; --vkui--octavius_color_sidebar_icon_unread--active: #006fef; --vkui--octavius_color_sidebar_icon_favorite: #f23741; --vkui--octavius_color_sidebar_icon_favorite--hover: #e83541; --vkui--octavius_color_sidebar_icon_favorite--active: #df3441; --vkui--octavius_color_sidebar_icon_order: #ff54aa; --vkui--octavius_color_sidebar_icon_order--hover: #f551a6; --vkui--octavius_color_sidebar_icon_order--active: #eb4fa1; --vkui--octavius_color_sidebar_icon_finance: #2fc885; --vkui--octavius_color_sidebar_icon_finance--hover: #2dc182; --vkui--octavius_color_sidebar_icon_finance--active: #2bb97f; --vkui--octavius_color_sidebar_icon_registration: #ff9e00; --vkui--octavius_color_sidebar_icon_registration--hover: #f59802; --vkui--octavius_color_sidebar_icon_registration--active: #eb9305; --vkui--octavius_color_sidebar_icon_travel: #ba34fc; --vkui--octavius_color_sidebar_icon_travel--hover: #b333f4; --vkui--octavius_color_sidebar_icon_travel--active: #ab31ed; --vkui--octavius_color_sidebar_icon_event: #09a6fa; --vkui--octavius_color_sidebar_icon_event--hover: #09a0f2; --vkui--octavius_color_sidebar_icon_event--active: #089aeb; --vkui--octavius_color_sidebar_icon_fees: #e60000; --vkui--octavius_color_sidebar_icon_fees--hover: #dd0102; --vkui--octavius_color_sidebar_icon_fees--active: #d40105; --vkui--octavius_color_content_scrollbar_alpha: rgba(0,16,61,.08); --vkui--octavius_color_content_scrollbar_alpha--hover: rgba(0,16,61,.12); --vkui--octavius_color_content_scrollbar_alpha--active: rgba(0,16,61,.16); --vkui--octavius_color_action_archive: #1f5c23; --vkui--octavius_color_action_archive--hover: #1e5924; --vkui--octavius_color_action_archive--active: #1d5625; --vkui--octavius_color_icon_favorite: #fc2c38; --vkui--octavius_color_icon_favorite--hover: #f22b38; --vkui--octavius_color_icon_favorite--active: #e82a38; --vkui--octavius_color_icon_order: #ff54aa; --vkui--octavius_color_icon_order--hover: #f551a6; --vkui--octavius_color_icon_order--active: #eb4fa1; --vkui--octavius_color_icon_finance: #2fc885; --vkui--octavius_color_icon_finance--hover: #2dc182; --vkui--octavius_color_icon_finance--active: #2bb97f; --vkui--octavius_color_icon_registration: #ff9e00; --vkui--octavius_color_icon_registration--hover: #f59802; --vkui--octavius_color_icon_registration--active: #eb9305; --vkui--octavius_color_icon_travel: #ba34fc; --vkui--octavius_color_icon_travel--hover: #b333f4; --vkui--octavius_color_icon_travel--active: #ab31ed; --vkui--octavius_color_icon_event: #09a6fa; --vkui--octavius_color_icon_event--hover: #09a0f2; --vkui--octavius_color_icon_event--active: #089aeb; --vkui--octavius_color_icon_fees: #ff6262; --vkui--octavius_color_icon_fees--hover: #f55f61; --vkui--octavius_color_icon_fees--active: #eb5b5f; --vkui--octavius_color_icon_event_alpha: rgba(59,186,254,.1); --vkui--octavius_color_icon_event_alpha--hover: rgba(59,186,254,.14); --vkui--octavius_color_icon_event_alpha--active: rgba(59,186,254,.18); --vkui--octavius_color_icon_order_alpha: rgba(249,76,163,.1); --vkui--octavius_color_icon_order_alpha--hover: rgba(249,76,163,.14); --vkui--octavius_color_icon_order_alpha--active: rgba(249,76,163,.18); --vkui--octavius_color_icon_travel_alpha: rgba(193,93,243,.1); --vkui--octavius_color_icon_travel_alpha--hover: rgba(193,93,243,.14); --vkui--octavius_color_icon_travel_alpha--active: rgba(193,93,243,.18); --vkui--octavius_color_list_letter_background: #fff; --vkui--octavius_color_list_letter_background--hover: #f5f5f7; --vkui--octavius_color_list_letter_background--active: #ebecef; --vkui--octavius_color_list_text_unread: #2c2d2e; --vkui--octavius_color_list_text_unread--hover: #2a2c2f; --vkui--octavius_color_list_text_unread--active: #282b2f; --vkui--octavius_color_list_text_primary: #2c2d2e; --vkui--octavius_color_list_text_primary--hover: #2a2c2f; --vkui--octavius_color_list_text_primary--active: #282b2f; --vkui--octavius_color_list_icon_primary: #2c2d2e; --vkui--octavius_color_list_icon_primary--hover: #2a2c2f; --vkui--octavius_color_list_icon_primary--active: #282b2f; --vkui--octavius_color_list_letter_separator_alpha: rgba(0,16,61,.12); --vkui--octavius_color_list_letter_separator_alpha--hover: rgba(0,16,61,.16); --vkui--octavius_color_list_letter_separator_alpha--active: rgba(0,16,61,.2); --vkui--octavius_color_list_letter_adv_background: #f0f5ff; --vkui--octavius_color_list_letter_adv_background--hover: #e6ecf7; --vkui--octavius_color_list_letter_adv_background--active: #dde3ef; --vkui--octavius_color_list_background_positive_alpha: rgba(13,194,104,.08); --vkui--octavius_color_list_background_positive_alpha--hover: rgba(13,194,104,.12); --vkui--octavius_color_list_background_positive_alpha--active: rgba(13,194,104,.16); --vkui--octavius_color_list_background_positive_tags_outline: #f2faf4; --vkui--octavius_color_list_background_positive_tags_outline--hover: #e8f1ed; --vkui--octavius_color_list_background_positive_tags_outline--active: #dfe7e5; --vkui--octavius_color_letter_list_text_unread: #2c2d2e; --vkui--octavius_color_letter_list_text_unread--hover: #2a2c2f; --vkui--octavius_color_letter_list_text_unread--active: #282b2f; --vkui--octavius_color_dataset_background: #fff; --vkui--octavius_color_dataset_background--hover: #f5f5f7; --vkui--octavius_color_dataset_background--active: #ebecef; --vkui--octavius_color_empty_state_text: #333; --vkui--octavius_color_empty_state_text--hover: #313233; --vkui--octavius_color_empty_state_text--active: #2f3034; --vkui--octavius_color_button_empty_state_text: #2c2d2e; --vkui--octavius_color_button_empty_state_text--hover: #2a2c2f; --vkui--octavius_color_button_empty_state_text--active: #282b2f; --vkui--octavius_color_button_empty_state_background_alpha: rgba(0,16,61,.06); --vkui--octavius_color_button_empty_state_background_alpha--hover: rgba(0,16,61,.1); --vkui--octavius_color_button_empty_state_background_alpha--active: rgba(0,16,61,.14); --vkui--octavius_color_layout_border_alpha: rgba(0,16,61,.12); --vkui--octavius_color_layout_border_alpha--hover: rgba(0,16,61,.16); --vkui--octavius_color_layout_border_alpha--active: rgba(0,16,61,.2); --vkui--octavius_color_layout_letter_border_alpha: rgba(0,16,61,.12); --vkui--octavius_color_layout_letter_border_alpha--hover: rgba(0,16,61,.16); --vkui--octavius_color_layout_letter_border_alpha--active: rgba(0,16,61,.2); --vkui--octavius_color_empty_state_text_link: #005bd1; --vkui--octavius_color_empty_state_text_link--hover: #0058cb; --vkui--octavius_color_empty_state_text_link--active: #0055c5; --vkui--octavius_color_letter_contact_background_alpha: transparent; --vkui--octavius_color_letter_contact_background_alpha--hover: rgba(0,16,61,.08); --vkui--octavius_color_letter_contact_background_alpha--active: rgba(0,16,61,.16); --vkui--octavius_color_letter_preview_background_primary: #f9f9fa; --vkui--octavius_color_letter_preview_background_primary--hover: #eff0f2; --vkui--octavius_color_letter_preview_background_primary--active: #e5e6eb; --vkui--octavius_color_letter_preview_background_secondary: #f3f3f5; --vkui--octavius_color_letter_preview_background_secondary--hover: #e9eaee; --vkui--octavius_color_letter_preview_background_secondary--active: #e0e1e6; --vkui--octavius_color_notification_border: #fff; --vkui--octavius_color_notification_border--hover: #f5f5f7; --vkui--octavius_color_notification_border--active: #ebecef; --vkui--octavius_text_decoration_empty_state_text_link: none; --vkui--octavius_text_decoration_empty_state_text_link--hover: underline; --vkui--octavius_text_decoration_empty_state_text_link--active: underline; --vkui--octavius_color_background_accent_tint_alpha: rgba(0,95,249,.12); --vkui--octavius_color_background_accent_tint_alpha--hover: rgba(0,95,249,.16); --vkui--octavius_color_background_accent_tint_alpha--active: rgba(0,95,249,.2); --vkui--octavius_color_background_negative_tint_alpha: rgba(236,71,80,.12); --vkui--octavius_color_background_negative_tint_alpha--hover: rgba(236,71,80,.16); --vkui--octavius_color_background_negative_tint_alpha--active: rgba(236,71,80,.2); --vkui--octavius_color_background_positive_tint_alpha: rgba(13,194,104,.1); --vkui--octavius_color_background_positive_tint_alpha--hover: rgba(13,194,104,.14); --vkui--octavius_color_background_positive_tint_alpha--active: rgba(13,194,104,.18); --vkui--octavius_color_button_background_contrast_alpha: hsla(0,0%,98%,.99); --vkui--octavius_color_button_background_contrast_alpha--hover: #fafafa; --vkui--octavius_color_button_background_contrast_alpha--active: #fafafa; --vkui--octavius_color_icon_social: #7288ff; --vkui--octavius_color_icon_social--hover: #6d83f7; --vkui--octavius_color_icon_social--active: #697eef; --vkui--octavius_color_icon_mailings: #ffa447; --vkui--octavius_color_icon_mailings--hover: #f59e47; --vkui--octavius_color_icon_mailings--active: #eb9846; --vkui--octavius_color_icon_to_myself: #1dc7d2; --vkui--octavius_color_icon_to_myself--hover: #1cc0cc; --vkui--octavius_color_icon_to_myself--active: #1bb8c6; --vkui--octavius_color_icon_news: #26c0eb; --vkui--octavius_color_icon_news--hover: #24b9e4; --vkui--octavius_color_icon_news--active: #23b2dd; --vkui--octavius_color_icon_official: #ec4750; --vkui--octavius_color_icon_official--hover: #e3454f; --vkui--octavius_color_icon_official--active: #d9434e; --vkui--octavius_color_icon_school: #c97eec; --vkui--octavius_color_icon_school--hover: #c17ae5; --vkui--octavius_color_icon_school--active: #b975de; --vkui--octavius_color_icon_games: #fdcc3e; --vkui--octavius_color_icon_games--hover: #f3c43e; --vkui--octavius_color_icon_games--active: #e9bd3e; --vkui--octavius_color_icon_receipts: #74bf05; --vkui--octavius_color_icon_receipts--hover: #6fb807; --vkui--octavius_color_icon_receipts--active: #6bb109; --vkui--octavius_color_text_fees: #ff2f2f; --vkui--octavius_color_text_fees--hover: #f52e30; --vkui--octavius_color_text_fees--active: #eb2d30; --vkui--octavius_color_text_finance: #27b275; --vkui--octavius_color_text_finance--hover: #25ac73; --vkui--octavius_color_text_finance--active: #24a571; --vkui--octavius_color_text_social: #556ad9; --vkui--octavius_color_text_social--hover: #5266d3; --vkui--octavius_color_text_social--active: #4e63cd; --vkui--octavius_color_text_mailings: #fc8a15; --vkui--octavius_color_text_mailings--hover: #f28517; --vkui--octavius_color_text_mailings--active: #e88018; --vkui--octavius_color_text_to_myself: #13b4bf; --vkui--octavius_color_text_to_myself--hover: #12adba; --vkui--octavius_color_text_to_myself--active: #11a7b5; --vkui--octavius_color_text_news: #08abd9; --vkui--octavius_color_text_news--hover: #08a5d3; --vkui--octavius_color_text_news--active: #079fcd; --vkui--octavius_color_text_school: #c97eec; --vkui--octavius_color_text_school--hover: #c17ae5; --vkui--octavius_color_text_school--active: #b975de; --vkui--octavius_color_text_games: #ebaf00; --vkui--octavius_color_text_games--hover: #e2a902; --vkui--octavius_color_text_games--active: #d8a205; --vkui--octavius_color_sidebar_widget_background_alpha: hsla(0,0%,100%,.16); --vkui--octavius_color_sidebar_widget_background_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_sidebar_widget_background_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_snackbar_icon_positive: #24c649; --vkui--octavius_color_snackbar_icon_positive--hover: #23bf49; --vkui--octavius_color_snackbar_icon_positive--active: #21b748; --vkui--octavius_color_snackbar_icon_negative: #f85050; --vkui--octavius_color_snackbar_icon_negative--hover: #ee4d4f; --vkui--octavius_color_snackbar_icon_negative--active: #e44b4e; --vkui--octavius_color_snackbar_icon_accent: #07f; --vkui--octavius_color_snackbar_icon_accent--hover: #0073f7; --vkui--octavius_color_snackbar_icon_accent--active: #006fef; --vkui--octavius_color_snackbar_icon_secondary: #9c9da2; --vkui--octavius_color_snackbar_icon_secondary--hover: #96979e; --vkui--octavius_color_snackbar_icon_secondary--active: #90929a; --vkui--octavius_color_snackbar_icon_warning: #ff9e00; --vkui--octavius_color_snackbar_icon_warning--hover: #f59802; --vkui--octavius_color_snackbar_icon_warning--active: #eb9305; --vkui--octavius_color_snackbar_text_accent: #1a85ff; --vkui--octavius_color_snackbar_text_accent--hover: #1980f7; --vkui--octavius_color_snackbar_text_accent--active: #187cef; --vkui--octavius_color_snackbar_text_contrast: #fff; --vkui--octavius_color_snackbar_text_contrast--hover: #f5f5f7; --vkui--octavius_color_snackbar_text_contrast--active: #ebecef; --vkui--octavius_color_snackbar_background: #303030; --vkui--octavius_color_snackbar_background--hover: #2e2f31; --vkui--octavius_color_snackbar_background--active: #2c2d31; --vkui--octavius_color_snackbar_transparent: hsla(0,0%,100%,.16); --vkui--octavius_color_snackbar_transparent--active: hsla(0,0%,100%,.04); --vkui--octavius_color_snackbar_transparent--hover: hsla(0,0%,100%,.08); --vkui--octavius_color_icon_unread: #07f; --vkui--octavius_color_icon_unread--hover: #0073f7; --vkui--octavius_color_icon_unread--active: #006fef; --vkui--octavius_color_header_progress: #07f; --vkui--octavius_color_header_progress--hover: #0073f7; --vkui--octavius_color_header_progress--active: #006fef; --vkui--paradigm_tech_background_portal: #f6f7fb; --vkui--paradigm_tech_background_portal--hover: #eceef3; --vkui--paradigm_tech_background_portal--active: #e2e5ec; --vkui--paradigm_tech_avatars_sky: #9dd5fe; --vkui--paradigm_tech_avatars_sky--hover: #97cdf6; --vkui--paradigm_tech_avatars_sky--active: #90c5ef; --vkui--paradigm_tech_avatars_seagreen: #70ec9a; --vkui--paradigm_tech_avatars_seagreen--hover: #6ce396; --vkui--paradigm_tech_avatars_seagreen--active: #67da93; --vkui--paradigm_tech_avatars_mint: #7beadb; --vkui--paradigm_tech_avatars_mint--hover: #76e1d5; --vkui--paradigm_tech_avatars_mint--active: #71d9ce; --vkui--paradigm_tech_avatars_cyan: #00d3e6; --vkui--paradigm_tech_avatars_cyan--hover: #00cbdf; --vkui--paradigm_tech_avatars_cyan--active: #00c3d8; --vkui--paradigm_tech_avatars_blue: #2389ff; --vkui--paradigm_tech_avatars_blue--hover: #2284f7; --vkui--paradigm_tech_avatars_blue--active: #207fef; --vkui--paradigm_tech_avatars_red: #f85050; --vkui--paradigm_tech_avatars_red--hover: #ee4d4f; --vkui--paradigm_tech_avatars_red--active: #e44b4e; --vkui--paradigm_tech_avatars_yellow: #ffd65c; --vkui--paradigm_tech_avatars_yellow--hover: #f5ce5b; --vkui--paradigm_tech_avatars_yellow--active: #ebc65a; --vkui--paradigm_tech_avatars_indigo: #7876ff; --vkui--paradigm_tech_avatars_indigo--hover: #7372f7; --vkui--paradigm_tech_avatars_indigo--active: #6e6eef; --vkui--paradigm_tech_avatars_peach: #fcbe99; --vkui--paradigm_tech_avatars_peach--hover: #f2b795; --vkui--paradigm_tech_avatars_peach--active: #e8b092; --vkui--paradigm_tech_avatars_lavander: #c9b7ff; --vkui--paradigm_tech_avatars_lavander--hover: #c1b0f7; --vkui--paradigm_tech_avatars_lavander--active: #b9aaef; --vkui--paradigm_tech_avatars_violet: #b780f3; --vkui--paradigm_tech_avatars_violet--hover: #b07cec; --vkui--paradigm_tech_avatars_violet--active: #a877e4; --vkui--paradigm_tech_avatars_green: #2acf56; --vkui--paradigm_tech_avatars_green--hover: #28c755; --vkui--paradigm_tech_avatars_green--active: #27c054; --vkui--paradigm_tech_avatars_lime: #c3f07f; --vkui--paradigm_tech_avatars_lime--hover: #bbe77c; --vkui--paradigm_tech_avatars_lime--active: #b3de7a; --vkui--paradigm_tech_avatars_coral: #ffa9a3; --vkui--paradigm_tech_avatars_coral--hover: #f5a39f; --vkui--paradigm_tech_avatars_coral--active: #eb9d9b; --vkui--paradigm_tech_avatars_orange: #fb8422; --vkui--paradigm_tech_avatars_orange--hover: #f17f23; --vkui--paradigm_tech_avatars_orange--active: #e77b24; } .vkui--octavius--dark { --vkui--theme_name: "paradigmTechDark"; --vkui--font_family_fallbacks: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_accent: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_base: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_weight_accent1: 500; --vkui--font_weight_accent2: 500; --vkui--font_weight_accent3: 400; --vkui--font_weight_base1: 700; --vkui--font_weight_base2: 700; --vkui--font_weight_base3: 400; --vkui--font_display_title1--font_size--regular: 23px; --vkui--font_display_title1--line_height--regular: 28px; --vkui--font_display_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title1--font_weight--regular: 500; --vkui--font_display_title2--font_size--regular: 21px; --vkui--font_display_title2--line_height--regular: 26px; --vkui--font_display_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--regular: 500; --vkui--font_display_title2--font_size--compact: 22px; --vkui--font_display_title2--line_height--compact: 22px; --vkui--font_display_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--compact: 500; --vkui--font_display_title3--font_size--regular: 19px; --vkui--font_display_title3--line_height--regular: 24px; --vkui--font_display_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title3--font_weight--regular: 500; --vkui--font_display_title4--font_size--regular: 17px; --vkui--font_display_title4--line_height--regular: 24px; --vkui--font_display_title4--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title4--font_weight--regular: 500; --vkui--font_title1--font_size--regular: 24px; --vkui--font_title1--line_height--regular: 28px; --vkui--font_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--regular: 500; --vkui--font_title2--font_size--regular: 20px; --vkui--font_title2--line_height--regular: 26px; --vkui--font_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--regular: 500; --vkui--font_title3--font_size--regular: 17px; --vkui--font_title3--line_height--regular: 22px; --vkui--font_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--regular: 500; --vkui--font_headline1--font_size--regular: 16px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_headline1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline1--font_weight--regular: 500; --vkui--font_headline1--font_size--compact: 15px; --vkui--font_headline1--line_height--compact: 20px; --vkui--font_headline2--font_size--regular: 15px; --vkui--font_headline2--line_height--regular: 20px; --vkui--font_headline2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline2--font_weight--regular: 500; --vkui--font_headline2--font_size--compact: 14px; --vkui--font_headline2--line_height--compact: 20px; --vkui--font_text--font_size--regular: 16px; --vkui--font_text--line_height--regular: 20px; --vkui--font_text--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_text--font_weight--regular: 400; --vkui--font_text--font_size--compact: 15px; --vkui--font_text--line_height--compact: 20px; --vkui--font_paragraph--font_size--regular: 15px; --vkui--font_paragraph--line_height--regular: 20px; --vkui--font_paragraph--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_weight--regular: 400; --vkui--font_subhead--font_size--regular: 14px; --vkui--font_subhead--line_height--regular: 18px; --vkui--font_subhead--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--regular: 400; --vkui--font_subhead--font_size--compact: 13px; --vkui--font_subhead--line_height--compact: 18px; --vkui--font_footnote--font_size--regular: 13px; --vkui--font_footnote--line_height--regular: 18px; --vkui--font_footnote--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote--font_weight--regular: 400; --vkui--font_footnote_caps--font_size--regular: 13px; --vkui--font_footnote_caps--line_height--regular: 18px; --vkui--font_footnote_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_weight--regular: 400; --vkui--font_footnote_caps--text_transform--regular: uppercase; --vkui--font_footnote_caps--letter_spacing--regular: 0.3px; --vkui--font_caption1--font_size--regular: 12px; --vkui--font_caption1--line_height--regular: 16px; --vkui--font_caption1--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--regular: 400; --vkui--font_caption1_caps--font_size--regular: 12px; --vkui--font_caption1_caps--line_height--regular: 16px; --vkui--font_caption1_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_weight--regular: 400; --vkui--font_caption1_caps--text_transform--regular: uppercase; --vkui--font_caption1_caps--letter_spacing--regular: 0.26px; --vkui--font_caption2--font_size--regular: 11px; --vkui--font_caption2--line_height--regular: 14px; --vkui--font_caption2--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2--font_weight--regular: 400; --vkui--font_caption2_caps--font_size--regular: 11px; --vkui--font_caption2_caps--line_height--regular: 14px; --vkui--font_caption2_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps--font_weight--regular: 400; --vkui--font_caption2_caps--text_transform--regular: uppercase; --vkui--font_caption2_caps--letter_spacing--regular: 0.22px; --vkui--font_caption3--font_size--regular: 9px; --vkui--font_caption3--line_height--regular: 12px; --vkui--font_caption3--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3--font_weight--regular: 400; --vkui--font_caption3_caps--font_size--regular: 9px; --vkui--font_caption3_caps--line_height--regular: 12px; --vkui--font_caption3_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps--font_weight--regular: 400; --vkui--font_caption3_caps--text_transform--regular: uppercase; --vkui--font_caption3_caps--letter_spacing--regular: 0.16px; --vkui--size_select_icon_padding--regular: 7px; --vkui--size_select_icon_padding--compact: 6px; --vkui--size_popup_base_padding--regular: 20px; --vkui--size_popup_base_padding--compact: 32px; --vkui--size_popup_header_padding--regular: 16px; --vkui--size_popup_header_padding--compact: 24px; --vkui--size_border_radius--regular: 8px; --vkui--size_border_radius_rounded--regular: 48px; --vkui--size_check_border_radius--regular: 4px; --vkui--size_border_radius_paper--regular: 12px; --vkui--size_border_radius_promo--regular: 20px; --vkui--size_cell_height--regular: 48px; --vkui--size_cell_height--compact: 44px; --vkui--size_field_height--regular: 44px; --vkui--size_field_height--compact: 36px; --vkui--size_search_height--regular: 36px; --vkui--size_search_height--compact: 32px; --vkui--size_button_extra_small_height--regular: 24px; --vkui--size_button_extra_small_height--compact: 22px; --vkui--size_button_small_height--regular: 30px; --vkui--size_button_small_height--compact: 28px; --vkui--size_button_medium_height--regular: 36px; --vkui--size_button_medium_height--compact: 32px; --vkui--size_button_large_height--regular: 44px; --vkui--size_button_large_height--compact: 36px; --vkui--size_checkbox--regular: 16px; --vkui--size_arrow--regular: 8px; --vkui--size_arrow_promo--regular: 40px; --vkui--size_popup_small--regular: 430px; --vkui--size_popup_medium--regular: 680px; --vkui--size_popup_large--regular: 880px; --vkui--size_field_horizontal_padding--regular: 12px; --vkui--size_button_padding_horizontal--regular: 20px; --vkui--size_button_padding_horizontal--compact: 16px; --vkui--size_label_horizontal_margin--regular: 16px; --vkui--size_arrow_padding--regular: 12px; --vkui--size_tooltip_margin--regular: 8px; --vkui--size_icon_u_i--regular: 16px; --vkui--size_avatar_x_s--regular: 24px; --vkui--size_avatar_s--regular: 32px; --vkui--size_avatar_m--regular: 48px; --vkui--size_avatar_l--regular: 96px; --vkui--size_avatar_x_l--regular: 128px; --vkui--size_badge_x_s--regular: 12px; --vkui--size_badge_s--regular: 16px; --vkui--size_badge_m--regular: 24px; --vkui--size_badge_l--regular: 44px; --vkui--size_badge_x_l--regular: 56px; --vkui--size_cardgrid_padding--regular: 12px; --vkui--size_card_border_radius--regular: 16px; --vkui--size_cardgrid_padding_vertical--regular: 8px; --vkui--size_base_padding_horizontal--regular: 16px; --vkui--size_base_padding_vertical--regular: 12px; --vkui--size_button_group_gap_space--regular: 1px; --vkui--size_button_group_gap_small--regular: 8px; --vkui--size_button_group_gap_medium--regular: 12px; --vkui--size_option_hierarchy--regular: 32px; --vkui--size_switch_height--regular: 14px; --vkui--size_switch_height--compact: 12px; --vkui--size_switch_width--regular: 34px; --vkui--size_switch_width--compact: 32px; --vkui--size_switch_pin--regular: 20px; --vkui--size_switch_pin--compact: 18px; --vkui--size_panel_header_height--compact: 48px; --vkui--size_panel_header_height--regular: 56px; --vkui--size_button_base_small_padding_horizontal--regular: 16px; --vkui--size_button_base_medium_padding_horizontal--regular: 16px; --vkui--size_button_base_large_padding_horizontal--regular: 20px; --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px; --vkui--size_button_minimum_width--regular: 80px; --vkui--size_form_item_padding_vertical--regular: 12px; --vkui--size_split_col_padding_horizontal--regular: 16px; --vkui--size_subnavigation_bar_gap--regular: 8px; --vkui--size_subnavigation_bar_padding_vertical--regular: 12px; --vkui--size_border1x--regular: 1px; --vkui--size_border2x--regular: 0.5px; --vkui--size_border3x--regular: 0.33px; --vkui--spacing_size_3xs: 2px; --vkui--spacing_size_2xs: 2px; --vkui--spacing_size_xs: 4px; --vkui--spacing_size_s: 6px; --vkui--spacing_size_m: 8px; --vkui--spacing_size_l: 10px; --vkui--spacing_size_xl: 12px; --vkui--spacing_size_2xl: 16px; --vkui--spacing_size_3xl: 20px; --vkui--spacing_size_4xl: 24px; --vkui--elevation1: 0 2px 0 0 rgba(0,0,0,.04); --vkui--elevation1_invert_y: 0 -2px 0 0 rgba(0,0,0,.04); --vkui--elevation2: 0 4px 48px 0 rgba(0,0,0,.72); --vkui--elevation3: 0 4px 32px 0 rgba(0,0,0,.48); --vkui--elevation4: 0 4px 32px 0 rgba(0,0,0,.48); --vkui--gradient_black: transparent 0%,rgba(0,0,0,.02) 15%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.32) 70%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.4) 100%; --vkui--gradient_white: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--gradient_tint: rgba(37,37,37,0) 0%,rgba(37,37,37,.05) 15%,rgba(37,37,37,.2) 30%,rgba(37,37,37,.8) 70%,rgba(37,37,37,.95) 85%,#252525 100%; --vkui--gradient: rgba(35,35,36,0) 0%,rgba(35,35,36,.05) 15%,rgba(35,35,36,.2) 30%,rgba(35,35,36,.8) 70%,rgba(35,35,36,.95) 85%,#232324 100%; --vkui--animation_duration_l: 0.4s; --vkui--animation_duration_m: 0.2s; --vkui--animation_duration_s: 0.1s; --vkui--animation_easing_default: cubic-bezier(0.3,0.3,0.5,1); --vkui--animation_easing_platform: cubic-bezier(0.3,0.3,0.5,1); --vkui--opacity_disable: 0.48; --vkui--opacity_disable_accessibility: 0.64; --vkui--opacity_active: 0.72; --vkui--blur_m: 16px; --vkui--z_index_modal: 99; --vkui--z_index_popout: 100; --vkui--x0: 0px; --vkui--x025: 1px; --vkui--x05: 2px; --vkui--x1: 4px; --vkui--x2: 8px; --vkui--x3: 12px; --vkui--x4: 16px; --vkui--x5: 20px; --vkui--x6: 24px; --vkui--x8: 32px; --vkui--x10: 40px; --vkui--x12: 48px; --vkui--x15: 60px; --vkui--x20: 80px; --vkui--size_base: 4px; --vkui--size_grid: 20px; --vkui--font_h0--font_size--regular: 28px; --vkui--font_h0--line_height--regular: 32px; --vkui--font_h0--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--regular: 500; --vkui--font_h0--font_size--compact: 44px; --vkui--font_h0--line_height--compact: 52px; --vkui--font_h1--font_size--regular: 24px; --vkui--font_h1--line_height--regular: 28px; --vkui--font_h1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--regular: 500; --vkui--font_h1--font_size--compact: 32px; --vkui--font_h1--line_height--compact: 36px; --vkui--font_h2--font_size--regular: 20px; --vkui--font_h2--line_height--regular: 26px; --vkui--font_h2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--regular: 500; --vkui--font_h2--font_size--compact: 28px; --vkui--font_h2--line_height--compact: 32px; --vkui--size_arrow_height--regular: 8px; --vkui--size_arrow_width--regular: 12px; --vkui--size_base_padding--regular: 16px; --vkui--size_base_padding--compact: 20px; --vkui--size_border_width_tab--regular: 2px; --vkui--size_border_width_bar--regular: 4px; --vkui--size_border_width_accent--regular: 8px; --vkui--size_border_width_accent_secondary--regular: 8px; --vkui--size_control_button_width_min--regular: 130px; --vkui--size_control_button_width_min--compact: 104px; --vkui--size_promo_button_close--regular: 32px; --vkui--size_button_slider_height--regular: 24px; --vkui--size_button_slider_width--regular: 12px; --vkui--size_button_slider_width_pointer--regular: 16px; --vkui--size_field_width_min--regular: 328px; --vkui--size_field_width_min--compact: 380px; --vkui--size_label_width--regular: 184px; --vkui--size_progress--regular: 4px; --vkui--size_progress_scroll--regular: 12px; --vkui--size_dot_bullet--regular: 4px; --vkui--size_dot_indicate--regular: 8px; --vkui--size_dot_clickable--regular: 12px; --vkui--size_vertical_padding--regular: 0px; --vkui--size_button_more_padding--regular: 8px; --vkui--size_icon_more_padding--regular: 12px; --vkui--size_icon_more_padding--compact: 8px; --vkui--size_button_icon_padding--regular: 16px; --vkui--size_button_icon_padding--compact: 20px; --vkui--size_div_padding--regular: 4px; --vkui--size_menu_padding--regular: 8px; --vkui--size_tag_padding--regular: 8px; --vkui--size_tab_padding--regular: 16px; --vkui--size_table_horizontal_padding--regular: 16px; --vkui--size_table_vertical_padding--regular: 16px; --vkui--size_slice_top_padding--regular: 40px; --vkui--size_slice_bottom_padding--regular: 60px; --vkui--size_base_margin--regular: 12px; --vkui--size_label_vertical_margin--regular: 4px; --vkui--size_tip_margin--regular: 4px; --vkui--size_field_horizontal_margin--regular: 20px; --vkui--size_field_vertical_margin--regular: 24px; --vkui--size_field_set_margin--regular: 32px; --vkui--size_icon_margin--regular: 12px; --vkui--size_icon_margin--compact: 8px; --vkui--size_choice_margin--regular: 8px; --vkui--size_menu_margin--regular: 2px; --vkui--size_tag_margin--regular: 8px; --vkui--size_tab_margin--regular: 8px; --vkui--size_bullet_margin--regular: 12px; --vkui--size_attribute_margin--regular: 4px; --vkui--size_popup_margin--regular: 8px; --vkui--size_popup_margin--compact: 24px; --vkui--size_header_icon--regular: 20px; --vkui--size_wysiwyg_icon--regular: 14px; --vkui--size_illustration_s--regular: 48px; --vkui--size_illustration_x_m--regular: 72px; --vkui--size_illustration_m--regular: 96px; --vkui--size_illustration_l--regular: 144px; --vkui--size_illustration_x_x_l--regular: 228px; --vkui--tone_value_overlay: 0.48; --vkui--tone_value_viewer: 0.88; --vkui--tone_value_toolbar: 0.24; --vkui--tone_value_hover: 0.04; --vkui--tone_value_active: 0.08; --vkui--tone_value_focus: 0.08; --vkui--type_border_button: solid; --vkui--type_border_position: inset; --vkui--theme_name_base: "octavius"; --vkui--octavius_shadow_sidebar_item_text: none; --vkui--octavius_shadow_sidebar_item_icon: none; --vkui--octavius_elevation_card: none; --vkui--octavius_shadow_empty_state_text: none; --vkui--octavius_elevation_header: 0px 0px 16px rgba(2,13,41,.16); --vkui--octavius_text_shadow_empty_state_text: none; --vkui--octavius_position_background: 50% 0; --vkui--octavius_image_overlay_background: none; --vkui--octavius_text_shadow_sidebar_item_text: none; --vkui--octavius_filter_sidebar_item_icon: none; --vkui--octavius_image_background: none; --vkui--octavius_font_family_default: HelveticaNeue,Helvetica,Arial,sans-serif; --vkui--octavius_font_family_mail_sans: VKSansDisplay,MailSans,HelveticaNeue,Helvetica,Arial,sans-serif; --vkui--octavius_font_family_global: Arial,Tahoma,Verdana,sans-serif; --vkui--octavius_font_family_mac: Helvetica,Arial,Tahoma,Verdana,sans-serif; --vkui--octavius_font_family_display: inherit; --vkui--octavius_color_letter_attach_list_background: linear-gradient(90deg,rgba(31,31,31,0),#1f1f1f 80%); --vkui--octavius_size_headline_height--regular: 36px; --vkui--octavius_size_layout_width_max--regular: 2150px; --vkui--octavius_size_layout_width_min--regular: 761px; --vkui--octavius_size_sidebar_padding_top--regular: 12px; --vkui--octavius_size_sidebar_widgets_height_min--regular: 64px; --vkui--octavius_size_sidebar_widgets_height_compact_min--regular: 104px; --vkui--font_headline--font_size--regular: 16px; --vkui--font_headline--line_height--regular: 20px; --vkui--font_headline--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_weight--regular: 500; --vkui--font_headline--font_size--compact: 15px; --vkui--font_headline--line_height--compact: 20px; --vkui--colors_scheme: dark; --vkui--color_background_accent: #07f; --vkui--color_background_accent--hover: #0a7cff; --vkui--color_background_accent--active: #1482ff; --vkui--color_background_accent_themed: #fff; --vkui--color_background_accent_themed--hover: #ebedf0; --vkui--color_background_accent_themed--active: #d7d8db; --vkui--color_background_accent_themed_alpha: rgba(0,119,255,.2); --vkui--color_background_accent_themed_alpha--hover: rgba(0,119,255,.24); --vkui--color_background_accent_themed_alpha--active: rgba(0,119,255,.28); --vkui--color_background_accent_alternative: #ff9e00; --vkui--color_background_accent_alternative--hover: #ffa20a; --vkui--color_background_accent_alternative--active: #ffa614; --vkui--color_background_content: #1e1f22; --vkui--color_background_content--hover: #27282b; --vkui--color_background_content--active: #303134; --vkui--color_background_content_alpha: hsla(0,0%,100%,.8); --vkui--color_background_content_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_background_content_alpha--active: hsla(0,0%,100%,.88); --vkui--color_background_content_inverse: #fff; --vkui--color_background_content_inverse--hover: #ebedf0; --vkui--color_background_content_inverse--active: #d7d8db; --vkui--color_background_secondary: #343539; --vkui--color_background_secondary--hover: #3c3d41; --vkui--color_background_secondary--active: #444549; --vkui--color_background_secondary_alpha: hsla(0,0%,100%,.12); --vkui--color_background_secondary_alpha--hover: hsla(0,0%,100%,.16); --vkui--color_background_secondary_alpha--active: hsla(0,0%,100%,.2); --vkui--color_background: #17181b; --vkui--color_background--hover: #202124; --vkui--color_background--active: #2a2a2d; --vkui--color_background_contrast: #fff; --vkui--color_background_contrast--hover: #ebedf0; --vkui--color_background_contrast--active: #d7d8db; --vkui--color_background_contrast_secondary_alpha: hsla(0,0%,100%,.2); --vkui--color_background_contrast_secondary_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_contrast_secondary_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_warning: #5e480d; --vkui--color_background_warning--hover: #644f17; --vkui--color_background_warning--active: #6b5720; --vkui--color_background_negative: #f85050; --vkui--color_background_negative--hover: #f85757; --vkui--color_background_negative--active: #f95e5e; --vkui--color_background_tertiary: #252629; --vkui--color_background_tertiary--hover: #2e2f32; --vkui--color_background_tertiary--active: #36373a; --vkui--color_background_tertiary_alpha: hsla(0,0%,100%,.04); --vkui--color_background_tertiary_alpha--hover: hsla(0,0%,100%,.08); --vkui--color_background_tertiary_alpha--active: hsla(0,0%,100%,.12); --vkui--color_background_modal: #2d2e31; --vkui--color_background_modal--hover: #353639; --vkui--color_background_modal--active: #3e3f41; --vkui--color_background_positive: #24c649; --vkui--color_background_positive--hover: #2dc850; --vkui--color_background_positive--active: #36cb58; --vkui--color_background_negative_tint: #543034; --vkui--color_background_negative_tint--hover: #5b383c; --vkui--color_background_negative_tint--active: #624144; --vkui--color_background_positive_tint: #284f37; --vkui--color_background_positive_tint--hover: #31563f; --vkui--color_background_positive_tint--active: #395d47; --vkui--color_field_background: #1e1f22; --vkui--color_field_background--hover: #27282b; --vkui--color_field_background--active: #303134; --vkui--color_background_modal_inverse: #fff; --vkui--color_background_modal_inverse--hover: #ebedf0; --vkui--color_background_modal_inverse--active: #d7d8db; --vkui--color_background_contrast_inverse: #333; --vkui--color_background_contrast_inverse--hover: #3b3b3b; --vkui--color_background_contrast_inverse--active: #434343; --vkui--color_background_contrast_themed: #fff; --vkui--color_background_contrast_themed--hover: #ebedf0; --vkui--color_background_contrast_themed--active: #d7d8db; --vkui--color_background_accent_tint: #56a7fb; --vkui--color_background_accent_tint--hover: #5dabfb; --vkui--color_background_accent_tint--active: #64aefb; --vkui--color_background_info_tint: #19202f; --vkui--color_background_info_tint--hover: #222937; --vkui--color_background_info_tint--active: #2b3240; --vkui--color_text_accent: #2e90fb; --vkui--color_text_accent--hover: #3694fb; --vkui--color_text_accent--active: #3f99fb; --vkui--color_text_accent_themed: #fff; --vkui--color_text_accent_themed--hover: #ebedf0; --vkui--color_text_accent_themed--active: #d7d8db; --vkui--color_text_negative: #f85050; --vkui--color_text_negative--hover: #f85757; --vkui--color_text_negative--active: #f95e5e; --vkui--color_text_link: #2e90fb; --vkui--color_text_link--hover: #3694fb; --vkui--color_text_link--active: #3f99fb; --vkui--color_text_link_tint: #71aaeb; --vkui--color_text_link_tint--hover: #77adec; --vkui--color_text_link_tint--active: #7cb1ed; --vkui--color_text_link_themed: #fff; --vkui--color_text_link_themed--hover: #ebedf0; --vkui--color_text_link_themed--active: #d7d8db; --vkui--color_text_muted: #252629; --vkui--color_text_muted--hover: #2e2f32; --vkui--color_text_muted--active: #36373a; --vkui--color_text_primary: #f6f7fb; --vkui--color_text_primary--hover: #f6f7fb; --vkui--color_text_primary--active: #f7f8fb; --vkui--color_text_primary_alpha: rgba(249,252,255,.72); --vkui--color_text_primary_alpha--hover: rgba(249,252,255,.76); --vkui--color_text_primary_alpha--active: rgba(249,252,255,.8); --vkui--color_text_primary_invariably: #252629; --vkui--color_text_primary_invariably--hover: #2e2f32; --vkui--color_text_primary_invariably--active: #36373a; --vkui--color_text_secondary: #8994a3; --vkui--color_text_secondary--hover: #8e98a7; --vkui--color_text_secondary--active: #929daa; --vkui--color_text_secondary_alpha: rgba(247,251,255,.42); --vkui--color_text_secondary_alpha--hover: rgba(247,251,255,.46); --vkui--color_text_secondary_alpha--active: rgba(247,251,255,.5); --vkui--color_text_subhead: #9da7b5; --vkui--color_text_subhead--hover: #a1abb8; --vkui--color_text_subhead--active: #a5aebb; --vkui--color_text_tertiary: #707b89; --vkui--color_text_tertiary--hover: #76808e; --vkui--color_text_tertiary--active: #7b8692; --vkui--color_text_link_visited: #56a7fb; --vkui--color_text_link_visited--hover: #5dabfb; --vkui--color_text_link_visited--active: #64aefb; --vkui--color_text_contrast: #fff; --vkui--color_text_contrast--hover: #ebedf0; --vkui--color_text_contrast--active: #d7d8db; --vkui--color_text_contrast_themed: #fff; --vkui--color_text_contrast_themed--hover: #ebedf0; --vkui--color_text_contrast_themed--active: #d7d8db; --vkui--color_link_contrast: #fff; --vkui--color_link_contrast--hover: #ebedf0; --vkui--color_link_contrast--active: #d7d8db; --vkui--color_text_positive: #24c649; --vkui--color_text_positive--hover: #2dc850; --vkui--color_text_positive--active: #36cb58; --vkui--color_icon_accent: #0187f6; --vkui--color_icon_accent--hover: #0b8cf6; --vkui--color_icon_accent--active: #1591f7; --vkui--color_icon_accent_themed: #fff; --vkui--color_icon_accent_themed--hover: #fff; --vkui--color_icon_accent_themed--active: #fff; --vkui--color_icon_primary: #f6f7fb; --vkui--color_icon_primary--hover: #f6f7fb; --vkui--color_icon_primary--active: #f7f8fb; --vkui--color_icon_primary_invariably: #252629; --vkui--color_icon_primary_invariably--hover: #2e2f32; --vkui--color_icon_primary_invariably--active: #36373a; --vkui--color_icon_medium: #939eac; --vkui--color_icon_medium--hover: #97a2af; --vkui--color_icon_medium--active: #9ca6b3; --vkui--color_icon_medium_alpha: rgba(215,231,254,.56); --vkui--color_icon_medium_alpha--hover: rgba(215,231,254,.6); --vkui--color_icon_medium_alpha--active: rgba(215,231,254,.64); --vkui--color_icon_secondary: #798492; --vkui--color_icon_secondary--hover: #7e8996; --vkui--color_icon_secondary--active: #848e9b; --vkui--color_icon_secondary_alpha: rgba(209,226,251,.52); --vkui--color_icon_secondary_alpha--hover: rgba(209,226,251,.56); --vkui--color_icon_secondary_alpha--active: rgba(209,226,251,.6); --vkui--color_icon_tertiary: #626d7a; --vkui--color_icon_tertiary--hover: #68737f; --vkui--color_icon_tertiary--active: #6f7985; --vkui--color_icon_tertiary_alpha: rgba(184,205,235,.4); --vkui--color_icon_tertiary_alpha--hover: rgba(184,205,235,.44); --vkui--color_icon_tertiary_alpha--active: rgba(184,205,235,.48); --vkui--color_icon_contrast: #fff; --vkui--color_icon_contrast--hover: #ebedf0; --vkui--color_icon_contrast--active: #d7d8db; --vkui--color_icon_contrast_themed: #252629; --vkui--color_icon_contrast_themed--hover: #2e2f32; --vkui--color_icon_contrast_themed--active: #36373a; --vkui--color_icon_positive: #24c649; --vkui--color_icon_positive--hover: #2dc850; --vkui--color_icon_positive--active: #36cb58; --vkui--color_icon_warning: #ff9e00; --vkui--color_icon_warning--hover: #ffa20a; --vkui--color_icon_warning--active: #ffa614; --vkui--color_icon_negative: #f85050; --vkui--color_icon_negative--hover: #f85757; --vkui--color_icon_negative--active: #f95e5e; --vkui--color_icon_contrast_secondary: #eff0f4; --vkui--color_icon_contrast_secondary--hover: #f0f1f4; --vkui--color_icon_contrast_secondary--active: #f0f1f5; --vkui--color_stroke_accent: #07f; --vkui--color_stroke_accent--hover: #0a7cff; --vkui--color_stroke_accent--active: #1482ff; --vkui--color_stroke_accent_themed: #fff; --vkui--color_stroke_accent_themed--hover: #ebedf0; --vkui--color_stroke_accent_themed--active: #d7d8db; --vkui--color_stroke_contrast: #fff; --vkui--color_stroke_contrast--hover: #ebedf0; --vkui--color_stroke_contrast--active: #d7d8db; --vkui--color_stroke_negative: #f85050; --vkui--color_stroke_negative--hover: #f85757; --vkui--color_stroke_negative--active: #f95e5e; --vkui--color_stroke_primary: #2c2d2e; --vkui--color_stroke_primary--hover: #343536; --vkui--color_stroke_primary--active: #3d3e3f; --vkui--color_image_border_alpha: hsla(0,0%,100%,.08); --vkui--color_image_border_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_image_border_alpha--active: hsla(0,0%,100%,.16); --vkui--color_field_border_alpha: hsla(0,0%,100%,.12); --vkui--color_field_border_alpha--hover: hsla(0,0%,100%,.16); --vkui--color_field_border_alpha--active: hsla(0,0%,100%,.2); --vkui--color_separator_primary_alpha: rgba(0,0,0,.4); --vkui--color_separator_primary_alpha--hover: rgba(0,0,0,.44); --vkui--color_separator_primary_alpha--active: rgba(0,0,0,.48); --vkui--color_separator_secondary: #17181b; --vkui--color_separator_secondary--hover: #202124; --vkui--color_separator_secondary--active: #2a2a2d; --vkui--color_separator_primary: #101114; --vkui--color_separator_primary--hover: #1a1b1d; --vkui--color_separator_primary--active: #232427; --vkui--color_stroke_positive: #24c649; --vkui--color_stroke_positive--hover: #2dc850; --vkui--color_stroke_positive--active: #36cb58; --vkui--color_separator_primary2x: #202022; --vkui--color_separator_primary2x--hover: #29292b; --vkui--color_separator_primary2x--active: #323234; --vkui--color_separator_primary3x: #2d2d2f; --vkui--color_separator_primary3x--hover: #353537; --vkui--color_separator_primary3x--active: #3e3e40; --vkui--color_accent_blue: #07f; --vkui--color_accent_blue--hover: #0a7cff; --vkui--color_accent_blue--active: #1482ff; --vkui--color_accent_gray: #9c9da2; --vkui--color_accent_gray--hover: #a0a1a6; --vkui--color_accent_gray--active: #a4a5a9; --vkui--color_accent_red: #ed330a; --vkui--color_accent_red--hover: #ee3b14; --vkui--color_accent_red--active: #ee431e; --vkui--color_accent_orange_fire: #f05c44; --vkui--color_accent_orange_fire--hover: #f1634b; --vkui--color_accent_orange_fire--active: #f16953; --vkui--color_accent_orange: #ff9e00; --vkui--color_accent_orange--hover: #ffa20a; --vkui--color_accent_orange--active: #ffa614; --vkui--color_accent_orange_peach: #ffc062; --vkui--color_accent_orange_peach--hover: #ffc368; --vkui--color_accent_orange_peach--active: #ffc56f; --vkui--color_accent_lime: #b8fc75; --vkui--color_accent_lime--hover: #bbfc7b; --vkui--color_accent_lime--active: #befc80; --vkui--color_accent_green: #0dc268; --vkui--color_accent_green--hover: #17c46e; --vkui--color_accent_green--active: #20c774; --vkui--color_accent_cyan: #07e5f9; --vkui--color_accent_cyan--hover: #11e6f9; --vkui--color_accent_cyan--active: #1be7f9; --vkui--color_accent_azure: #07f; --vkui--color_accent_azure--hover: #0a7cff; --vkui--color_accent_azure--active: #1482ff; --vkui--color_accent_purple: #8c64ff; --vkui--color_accent_purple--hover: #916aff; --vkui--color_accent_purple--active: #9570ff; --vkui--color_accent_violet: #c15df3; --vkui--color_accent_violet--hover: #c363f3; --vkui--color_accent_violet--active: #c66af4; --vkui--color_accent_raspberry_pink: #f060c0; --vkui--color_accent_raspberry_pink--hover: #f166c3; --vkui--color_accent_raspberry_pink--active: #f16dc5; --vkui--color_accent_pink: #ff3985; --vkui--color_accent_pink--hover: #ff418a; --vkui--color_accent_pink--active: #ff498f; --vkui--color_accent_secondary: #ff9e00; --vkui--color_accent_secondary--hover: #ffa20a; --vkui--color_accent_secondary--active: #ffa614; --vkui--color_action_sheet_text: #07f; --vkui--color_action_sheet_text--hover: #0a7cff; --vkui--color_action_sheet_text--active: #1482ff; --vkui--color_header_background: #232324; --vkui--color_header_background--hover: #2c2c2d; --vkui--color_header_background--active: #353536; --vkui--color_panel_header_icon: #07f; --vkui--color_panel_header_icon--hover: #0a7cff; --vkui--color_panel_header_icon--active: #1482ff; --vkui--color_write_bar_input_background: #2a2a2b; --vkui--color_write_bar_input_background--hover: #333; --vkui--color_write_bar_input_background--active: #3b3b3c; --vkui--color_write_bar_input_border: #2c2d2e; --vkui--color_write_bar_input_border--hover: #343536; --vkui--color_write_bar_input_border--active: #3d3e3f; --vkui--color_write_bar_input_border_alpha: hsla(0,0%,100%,.8); --vkui--color_write_bar_input_border_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_write_bar_input_border_alpha--active: hsla(0,0%,100%,.88); --vkui--color_track_background: #434445; --vkui--color_track_background--hover: #4b4b4c; --vkui--color_track_background--active: #525354; --vkui--color_track_buffer: #83aaea; --vkui--color_track_buffer--hover: #88adeb; --vkui--color_track_buffer--active: #8db1ec; --vkui--color_image_placeholder: #393a3b; --vkui--color_image_placeholder--hover: #414243; --vkui--color_image_placeholder--active: #494a4b; --vkui--color_image_placeholder_alpha: hsla(0,0%,100%,.8); --vkui--color_image_placeholder_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_image_placeholder_alpha--active: hsla(0,0%,100%,.88); --vkui--color_search_field_background: #393a3b; --vkui--color_search_field_background--hover: #414243; --vkui--color_search_field_background--active: #494a4b; --vkui--color_write_bar_icon: #07f; --vkui--color_write_bar_icon--hover: #0a7cff; --vkui--color_write_bar_icon--active: #1482ff; --vkui--color_skeleton_from: #2a2a2b; --vkui--color_skeleton_from--hover: #333; --vkui--color_skeleton_from--active: #3b3b3c; --vkui--color_skeleton_to: #3e3f40; --vkui--color_skeleton_to--hover: #464748; --vkui--color_skeleton_to--active: #4d4e4f; --vkui--color_avatar_overlay: hsla(220,4%,70%,.48); --vkui--color_avatar_overlay--hover: hsla(220,4%,70%,.52); --vkui--color_avatar_overlay--active: hsla(220,4%,70%,.56); --vkui--color_avatar_overlay_inverse_alpha: hsla(0,0%,100%,.85); --vkui--color_avatar_overlay_inverse_alpha--hover: hsla(0,0%,100%,.89); --vkui--color_avatar_overlay_inverse_alpha--active: hsla(0,0%,100%,.93); --vkui--color_overlay_primary: rgba(0,0,0,.72); --vkui--color_overlay_primary--hover: rgba(0,0,0,.76); --vkui--color_overlay_primary--active: rgba(0,0,0,.8); --vkui--color_overlay_secondary: rgba(55,56,57,.5); --vkui--color_overlay_secondary--hover: rgba(55,56,57,.54); --vkui--color_overlay_secondary--active: rgba(55,56,57,.58); --vkui--color_segmented_control: #626364; --vkui--color_segmented_control--hover: #68696a; --vkui--color_segmented_control--active: #6f6f70; --vkui--color_tabbar_text_inactive: #76787a; --vkui--color_tabbar_text_inactive--hover: #7b7d7f; --vkui--color_tabbar_text_inactive--active: #818385; --vkui--color_button_text: #fff; --vkui--color_button_text--hover: #ebedf0; --vkui--color_button_text--active: #d7d8db; --vkui--color_button_icon: #fff; --vkui--color_button_icon--hover: #ebedf0; --vkui--color_button_icon--active: #d7d8db; --vkui--color_button_stroke: #fff; --vkui--color_button_stroke--hover: #ebedf0; --vkui--color_button_stroke--active: #d7d8db; --vkui--color_transparent: transparent; --vkui--color_transparent--hover: hsla(0,0%,100%,.04); --vkui--color_transparent--active: hsla(0,0%,100%,.08); --vkui--color_rating: #ffd400; --vkui--color_rating--hover: #ffd60a; --vkui--color_rating--active: #ffd714; --vkui--color_button_contrast_alpha: hsla(0,0%,100%,.12); --vkui--color_button_contrast_alpha--hover: hsla(0,0%,100%,.2); --vkui--color_button_contrast_alpha--active: hsla(0,0%,100%,.24); --vkui--color_button_contrast: #202124; --vkui--color_button_contrast--hover: #242528; --vkui--color_button_contrast--active: #27282b; --vkui--color_thumb_error_background_alpha: rgba(237,10,52,.12); --vkui--color_thumb_error_background_alpha--hover: rgba(237,10,52,.16); --vkui--color_thumb_error_background_alpha--active: rgba(237,10,52,.2); --vkui--color_background_accent_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_accent_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_accent_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_accent_tint_alpha: rgba(0,119,255,.2); --vkui--color_background_accent_tint_alpha--hover: rgba(0,119,255,.24); --vkui--color_background_accent_tint_alpha--active: rgba(0,119,255,.28); --vkui--color_background_accent_tint_themed: #fff; --vkui--color_background_accent_tint_themed--hover: #ebedf0; --vkui--color_background_accent_tint_themed--active: #d7d8db; --vkui--color_background_warning_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_warning_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_warning_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_warning_tint_alpha: rgba(250,199,6,.12); --vkui--color_background_warning_tint_alpha--hover: rgba(250,199,6,.16); --vkui--color_background_warning_tint_alpha--active: rgba(250,199,6,.2); --vkui--color_background_warning_tint_themed: #fff; --vkui--color_background_warning_tint_themed--hover: #ebedf0; --vkui--color_background_warning_tint_themed--active: #d7d8db; --vkui--color_background_warning_tint: #46402c; --vkui--color_background_warning_tint--hover: #4d4834; --vkui--color_background_warning_tint--active: #554f3d; --vkui--color_background_negative_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_negative_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_negative_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_negative_tint_alpha: rgba(242,55,65,.2); --vkui--color_background_negative_tint_alpha--hover: rgba(242,55,65,.24); --vkui--color_background_negative_tint_alpha--active: rgba(242,55,65,.28); --vkui--color_background_negative_tint_themed: #fff; --vkui--color_background_negative_tint_themed--hover: #ebedf0; --vkui--color_background_negative_tint_themed--active: #d7d8db; --vkui--color_background_positive_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_positive_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_positive_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_positive_tint_alpha: rgba(11,255,89,.16); --vkui--color_background_positive_tint_alpha--hover: rgba(11,255,89,.2); --vkui--color_background_positive_tint_alpha--active: rgba(11,255,89,.24); --vkui--color_background_positive_tint_themed: #fff; --vkui--color_background_positive_tint_themed--hover: #ebedf0; --vkui--color_background_positive_tint_themed--active: #d7d8db; --vkui--color_tooltip_background_blue_tint: #1c4479; --vkui--color_tooltip_background_blue_tint--hover: #254b7e; --vkui--color_tooltip_background_blue_tint--active: #2e5384; --vkui--color_tooltip_background_green_tint: #087c6d; --vkui--color_tooltip_background_green_tint--hover: #128173; --vkui--color_tooltip_background_green_tint--active: #1c8679; --vkui--color_tooltip_background_orange_tint: #78472a; --vkui--color_tooltip_background_orange_tint--hover: #7d4e33; --vkui--color_tooltip_background_orange_tint--active: #83563b; --vkui--color_tooltip_background_purple_tint: #73519f; --vkui--color_tooltip_background_purple_tint--hover: #7958a3; --vkui--color_tooltip_background_purple_tint--active: #7e5fa7; --vkui--color_tooltip_text_blue_themed: #fff; --vkui--color_tooltip_text_blue_themed--hover: #ebedf0; --vkui--color_tooltip_text_blue_themed--active: #d7d8db; --vkui--color_tooltip_text_green_themed: #fff; --vkui--color_tooltip_text_green_themed--hover: #ebedf0; --vkui--color_tooltip_text_green_themed--active: #d7d8db; --vkui--color_tooltip_text_orange_themed: #fff; --vkui--color_tooltip_text_orange_themed--hover: #ebedf0; --vkui--color_tooltip_text_orange_themed--active: #d7d8db; --vkui--color_tooltip_text_purple_themed: #fff; --vkui--color_tooltip_text_purple_themed--hover: #ebedf0; --vkui--color_tooltip_text_purple_themed--active: #d7d8db; --vkui--color_background_sky: #2b2b2c; --vkui--color_background_sky--hover: #333334; --vkui--color_background_sky--active: #3c3c3d; --vkui--color_background_sky_alpha: rgba(51,51,51,.8); --vkui--color_background_sky_alpha--hover: rgba(51,51,51,.84); --vkui--color_background_sky_alpha--active: rgba(51,51,51,.88); --vkui--color_social_vk: #3f8ae0; --vkui--color_social_vk--hover: #478fe1; --vkui--color_social_vk--active: #4e93e2; --vkui--color_social_ok: #ee8208; --vkui--color_social_ok--hover: #ef8712; --vkui--color_social_ok--active: #ef8c1c; --vkui--color_social_fb: #1877f2; --vkui--color_social_fb--hover: #217cf3; --vkui--color_social_fb--active: #2a82f3; --vkui--color_social_mir: #117eda; --vkui--color_social_mir--hover: #1b83db; --vkui--color_social_mir--active: #2488dd; --vkui--color_social_twitter: #1da1f2; --vkui--color_social_twitter--hover: #26a5f3; --vkui--color_social_twitter--active: #2fa9f3; --vkui--color_social_behance: #1769ff; --vkui--color_social_behance--hover: #206fff; --vkui--color_social_behance--active: #2a75ff; --vkui--color_social_dribbble: #ea4c89; --vkui--color_social_dribbble--hover: #eb538e; --vkui--color_social_dribbble--active: #ec5a92; --vkui--color_background_thumbnail: #1f1f1f; --vkui--color_background_thumbnail--hover: #282828; --vkui--color_background_thumbnail--active: #313131; --vkui--color_background_thumbnail_alpha: hsla(0,0%,100%,.08); --vkui--color_background_thumbnail_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_thumbnail_alpha--active: hsla(0,0%,100%,.16); --vkui--color_palette_red1: #fc2c38; --vkui--color_palette_red1--hover: #fc3440; --vkui--color_palette_red1--active: #fc3d48; --vkui--color_palette_red2: #eb1981; --vkui--color_palette_red2--hover: #ec2286; --vkui--color_palette_red2--active: #ed2b8b; --vkui--color_palette_red3: #ff71bb; --vkui--color_palette_red3--hover: #ff77be; --vkui--color_palette_red3--active: #ff7cc0; --vkui--color_palette_orange1: #ff8b2e; --vkui--color_palette_orange1--hover: #ff9036; --vkui--color_palette_orange1--active: #ff943f; --vkui--color_palette_orange1_alpha: rgba(255,158,0,.12); --vkui--color_palette_orange1_alpha--hover: rgba(255,158,0,.16); --vkui--color_palette_orange1_alpha--active: rgba(255,158,0,.2); --vkui--color_palette_yellow1: #ffc311; --vkui--color_palette_yellow1--hover: #ffc51b; --vkui--color_palette_yellow1--active: #ffc824; --vkui--color_palette_green1: #aee113; --vkui--color_palette_green1--hover: #b1e21c; --vkui--color_palette_green1--active: #b4e326; --vkui--color_palette_green2: #59c354; --vkui--color_palette_green2--hover: #60c55b; --vkui--color_palette_green2--active: #66c862; --vkui--color_palette_green3: #37eb94; --vkui--color_palette_green3--hover: #3fec98; --vkui--color_palette_green3--active: #47ed9d; --vkui--color_palette_green4: #00b1b3; --vkui--color_palette_green4--hover: #0ab4b6; --vkui--color_palette_green4--active: #14b7b9; --vkui--color_palette_green1_alpha: rgba(92,186,56,.12); --vkui--color_palette_green1_alpha--hover: rgba(92,186,56,.16); --vkui--color_palette_green1_alpha--active: rgba(92,186,56,.2); --vkui--color_palette_green2_alpha: rgba(0,230,180,.08); --vkui--color_palette_green2_alpha--hover: rgba(0,230,180,.12); --vkui--color_palette_green2_alpha--active: rgba(0,230,180,.16); --vkui--color_palette_blue1: #2951ff; --vkui--color_palette_blue1--hover: #3258ff; --vkui--color_palette_blue1--active: #3a5fff; --vkui--color_palette_blue2: #00abf2; --vkui--color_palette_blue2--hover: #0aaef3; --vkui--color_palette_blue2--active: #14b2f3; --vkui--color_palette_blue3: #26dfdf; --vkui--color_palette_blue3--hover: #2fe0e0; --vkui--color_palette_blue3--active: #37e2e2; --vkui--color_palette_blue1_alpha: rgba(0,95,249,.12); --vkui--color_palette_blue1_alpha--hover: rgba(0,95,249,.16); --vkui--color_palette_blue1_alpha--active: rgba(0,95,249,.2); --vkui--color_palette_violet1: #6c00ff; --vkui--color_palette_violet1--hover: #720aff; --vkui--color_palette_violet1--active: #7814ff; --vkui--color_palette_violet2: #ae73ff; --vkui--color_palette_violet2--hover: #b179ff; --vkui--color_palette_violet2--active: #b47eff; --vkui--color_alert: #c1341b; --vkui--color_alert--hover: #c33c24; --vkui--color_alert--active: #c6442d; --vkui--color_tag_background_mint: #96e9cd; --vkui--color_tag_background_mint--hover: #9aeacf; --vkui--color_tag_background_mint--active: #9eebd1; --vkui--color_tag_text_mint: #1f5c5c; --vkui--color_tag_text_mint--hover: #286363; --vkui--color_tag_text_mint--active: #316969; --vkui--color_tag_background_sky: #9edbff; --vkui--color_tag_background_sky--hover: #a2dcff; --vkui--color_tag_background_sky--active: #a6deff; --vkui--color_tag_text_sky: #20455b; --vkui--color_tag_text_sky--hover: #294c62; --vkui--color_tag_text_sky--active: #325468; --vkui--color_tag_background_orange: #ffb181; --vkui--color_tag_background_orange--hover: #ffb486; --vkui--color_tag_background_orange--active: #ffb78b; --vkui--color_tag_text_orange: #5c361f; --vkui--color_tag_text_orange--hover: #633e28; --vkui--color_tag_text_orange--active: #694631; --vkui--color_tag_background_pink: #ffbfdc; --vkui--color_tag_background_pink--hover: #ffc2dd; --vkui--color_tag_background_pink--active: #ffc4df; --vkui--color_tag_text_pink: #51205b; --vkui--color_tag_text_pink--hover: #582962; --vkui--color_tag_text_pink--active: #5f3268; --vkui--color_tag_background_purple: #cca7ff; --vkui--color_tag_background_purple--hover: #ceabff; --vkui--color_tag_background_purple--active: #d0aeff; --vkui--color_tag_text_purple: #38205b; --vkui--color_tag_text_purple--hover: #402962; --vkui--color_tag_text_purple--active: #483268; --vkui--color_tag_background_salmon: #fe9898; --vkui--color_tag_background_salmon--hover: #fe9c9c; --vkui--color_tag_background_salmon--active: #fea0a0; --vkui--color_tag_text_salmon: #5c2727; --vkui--color_tag_text_salmon--hover: #633030; --vkui--color_tag_text_salmon--active: #693838; --vkui--color_tag_background_yellow: #ffdf7e; --vkui--color_tag_background_yellow--hover: #ffe083; --vkui--color_tag_background_yellow--active: #ffe288; --vkui--color_tag_text_yellow: #5c4d1f; --vkui--color_tag_text_yellow--hover: #635428; --vkui--color_tag_text_yellow--active: #695b31; --vkui--color_tag_background_lime: #caf28e; --vkui--color_tag_background_lime--hover: #ccf393; --vkui--color_tag_background_lime--active: #cef397; --vkui--color_tag_text_lime: #435c1f; --vkui--color_tag_text_lime--hover: #4b6328; --vkui--color_tag_text_lime--active: #526931; --vkui--color_tag_background_grass: #86de8c; --vkui--color_tag_background_grass--hover: #8bdf91; --vkui--color_tag_background_grass--active: #90e195; --vkui--color_tag_text_grass: #1f5c23; --vkui--color_tag_text_grass--hover: #28632c; --vkui--color_tag_text_grass--active: #316935; --vkui--color_tag_background_turquoise: #bcffff; --vkui--color_tag_background_turquoise--hover: #bfffff; --vkui--color_tag_background_turquoise--active: #c1ffff; --vkui--color_tag_text_turquoise: #1f535c; --vkui--color_tag_text_turquoise--hover: #285a63; --vkui--color_tag_text_turquoise--active: #316169; --vkui--color_tag_background_lightsky: #80e3f4; --vkui--color_tag_background_lightsky--hover: #85e4f4; --vkui--color_tag_background_lightsky--active: #8ae5f5; --vkui--color_tag_text_lightsky: #1f455c; --vkui--color_tag_text_lightsky--hover: #284c63; --vkui--color_tag_text_lightsky--active: #315469; --vkui--color_tag_background_main_sky: #b2d0ff; --vkui--color_tag_background_main_sky--hover: #b5d2ff; --vkui--color_tag_background_main_sky--active: #b8d4ff; --vkui--color_tag_text_main_sky: #202e5b; --vkui--color_tag_text_main_sky--hover: #293662; --vkui--color_tag_text_main_sky--active: #323f68; --vkui--color_tag_background_violet: #b5b3fb; --vkui--color_tag_background_violet--hover: #b8b6fb; --vkui--color_tag_background_violet--active: #bbb9fb; --vkui--color_tag_text_violet: #21205b; --vkui--color_tag_text_violet--hover: #2a2962; --vkui--color_tag_text_violet--active: #333268; --vkui--color_tag_background_magenta: #f4b8ff; --vkui--color_tag_background_magenta--hover: #f4bbff; --vkui--color_tag_background_magenta--active: #f5beff; --vkui--color_tag_text_magenta: #5b203a; --vkui--color_tag_text_magenta--hover: #622942; --vkui--color_tag_text_magenta--active: #68324a; --vkui--color_tag_background_tickle: #ff88a4; --vkui--color_tag_background_tickle--hover: #ff8da8; --vkui--color_tag_background_tickle--active: #ff92ab; --vkui--color_tag_text_tickle: #5c212f; --vkui--color_tag_text_tickle--hover: #632a37; --vkui--color_tag_text_tickle--active: #693340; --vkui--octavius_color_placeholder_background: #000; --vkui--octavius_color_placeholder_background--hover: #0a0a0a; --vkui--octavius_color_placeholder_background--active: #141414; --vkui--octavius_color_promo_background: #303030; --vkui--octavius_color_promo_background--hover: #383838; --vkui--octavius_color_promo_background--active: #414141; --vkui--octavius_color_thread_footer_background: #303030; --vkui--octavius_color_thread_footer_background--hover: #383838; --vkui--octavius_color_thread_footer_background--active: #414141; --vkui--octavius_color_button_text: #e7e8ea; --vkui--octavius_color_button_text--hover: #e8e9eb; --vkui--octavius_color_button_text--active: #e9eaec; --vkui--octavius_color_button_icon: #e7e8ea; --vkui--octavius_color_button_icon--hover: #e8e9eb; --vkui--octavius_color_button_icon--active: #e9eaec; --vkui--octavius_color_button_background_alpha: transparent; --vkui--octavius_color_button_background_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_button_background_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_background: #17181b; --vkui--octavius_color_background--hover: #202124; --vkui--octavius_color_background--active: #2a2a2d; --vkui--octavius_color_background_accent_toned_alpha: rgba(0,119,255,.12); --vkui--octavius_color_background_accent_toned_alpha--hover: rgba(0,119,255,.16); --vkui--octavius_color_background_accent_toned_alpha--active: rgba(0,119,255,.2); --vkui--octavius_color_overlay_background: transparent; --vkui--octavius_color_overlay_background--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_overlay_background--active: hsla(0,0%,100%,.08); --vkui--octavius_color_header_background: #232324; --vkui--octavius_color_header_background--hover: #2c2c2d; --vkui--octavius_color_header_background--active: #353536; --vkui--octavius_color_header_button_text: #252629; --vkui--octavius_color_header_button_text--hover: #2e2f32; --vkui--octavius_color_header_button_text--active: #36373a; --vkui--octavius_color_header_button_background_alpha: transparent; --vkui--octavius_color_header_button_background_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_header_button_background_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_header_icon: #fff; --vkui--octavius_color_header_icon--hover: #ebedf0; --vkui--octavius_color_header_icon--active: #d7d8db; --vkui--octavius_color_header_icon_unread: #fff; --vkui--octavius_color_header_icon_unread--hover: #ebedf0; --vkui--octavius_color_header_icon_unread--active: #d7d8db; --vkui--octavius_color_header_icon_favorite: #f23741; --vkui--octavius_color_header_icon_favorite--hover: #f33f49; --vkui--octavius_color_header_icon_favorite--active: #f34750; --vkui--octavius_color_header_icon_attach: #fff; --vkui--octavius_color_header_icon_attach--hover: #ebedf0; --vkui--octavius_color_header_icon_attach--active: #d7d8db; --vkui--octavius_color_header_text_secondary: #93969b; --vkui--octavius_color_header_text_secondary--hover: #979a9f; --vkui--octavius_color_header_text_secondary--active: #9c9ea3; --vkui--octavius_color_header_search_icon: #b6b8be; --vkui--octavius_color_header_search_icon--hover: #b9bbc1; --vkui--octavius_color_header_search_icon--active: #bcbec3; --vkui--octavius_color_header_search_chip_background: #404040; --vkui--octavius_color_header_search_chip_background--hover: #484848; --vkui--octavius_color_header_search_chip_background--active: #4f4f4f; --vkui--octavius_color_header_search_chip_background_editable: #3e3e3e; --vkui--octavius_color_header_search_chip_background_editable--hover: #464646; --vkui--octavius_color_header_search_chip_background_editable--active: #4d4d4d; --vkui--octavius_color_header_search_chip_border_editable_alpha: hsla(0,0%,100%,.48); --vkui--octavius_color_header_search_chip_border_editable_alpha--hover: hsla(0,0%,100%,.52); --vkui--octavius_color_header_search_chip_border_editable_alpha--active: hsla(0,0%,100%,.56); --vkui--octavius_color_header_search_background: #303030; --vkui--octavius_color_header_search_background--hover: #383838; --vkui--octavius_color_header_search_background--active: #414141; --vkui--octavius_color_header_search_background_collapsed: #303030; --vkui--octavius_color_header_search_background_collapsed--hover: #383838; --vkui--octavius_color_header_search_background_collapsed--active: #414141; --vkui--octavius_color_header_search_text: #e7e8ea; --vkui--octavius_color_header_search_text--hover: #e8e9eb; --vkui--octavius_color_header_search_text--active: #e9eaec; --vkui--octavius_color_header_search_text_collapsed: #8c8e94; --vkui--octavius_color_header_search_text_collapsed--hover: #919398; --vkui--octavius_color_header_search_text_collapsed--active: #95979d; --vkui--octavius_color_header_filter_text_alpha: rgba(39,43,55,.5); --vkui--octavius_color_header_filter_text_alpha--hover: rgba(39,43,55,.54); --vkui--octavius_color_header_filter_text_alpha--active: rgba(39,43,55,.58); --vkui--octavius_color_header_tab_active_themed_alpha: hsla(0,0%,100%,.8); --vkui--octavius_color_header_tab_active_themed_alpha--hover: hsla(0,0%,100%,.84); --vkui--octavius_color_header_tab_active_themed_alpha--active: hsla(0,0%,100%,.88); --vkui--octavius_color_header_tab_text_active_themed: #e7e8ea; --vkui--octavius_color_header_tab_text_active_themed--hover: #e8e9eb; --vkui--octavius_color_header_tab_text_active_themed--active: #e9eaec; --vkui--octavius_color_portal_search_background_alpha: hsla(0,0%,100%,.08); --vkui--octavius_color_portal_search_background_alpha--hover: hsla(0,0%,100%,.12); --vkui--octavius_color_portal_search_background_alpha--active: hsla(0,0%,100%,.16); --vkui--octavius_color_portal_search_icon_themed_alpha: hsla(0,0%,100%,.3); --vkui--octavius_color_portal_search_icon_themed_alpha--hover: hsla(0,0%,100%,.34); --vkui--octavius_color_portal_search_icon_themed_alpha--active: hsla(0,0%,100%,.38); --vkui--octavius_color_portal_menu_background: #232324; --vkui--octavius_color_portal_menu_background--hover: #2c2c2d; --vkui--octavius_color_portal_menu_background--active: #353536; --vkui--octavius_color_sidebar_item_icon_active: #fff; --vkui--octavius_color_sidebar_item_icon_active--hover: #ebedf0; --vkui--octavius_color_sidebar_item_icon_active--active: #d7d8db; --vkui--octavius_color_sidebar_item_icon_primary: #e7e8ea; --vkui--octavius_color_sidebar_item_icon_primary--hover: #e8e9eb; --vkui--octavius_color_sidebar_item_icon_primary--active: #e9eaec; --vkui--octavius_color_sidebar_item_text_active: #fff; --vkui--octavius_color_sidebar_item_text_active--hover: #ebedf0; --vkui--octavius_color_sidebar_item_text_active--active: #d7d8db; --vkui--octavius_color_sidebar_item_text_primary: #e7e8ea; --vkui--octavius_color_sidebar_item_text_primary--hover: #e8e9eb; --vkui--octavius_color_sidebar_item_text_primary--active: #e9eaec; --vkui--octavius_color_sidebar_button_icon: #2c2d2e; --vkui--octavius_color_sidebar_button_icon--hover: #343536; --vkui--octavius_color_sidebar_button_icon--active: #3d3e3f; --vkui--octavius_color_sidebar_button_text: #2c2d2e; --vkui--octavius_color_sidebar_button_text--hover: #343536; --vkui--octavius_color_sidebar_button_text--active: #3d3e3f; --vkui--octavius_color_sidebar_button_background: #fff; --vkui--octavius_color_sidebar_button_background--hover: #ebedf0; --vkui--octavius_color_sidebar_button_background--active: #d7d8db; --vkui--octavius_color_sidebar_counter_background_alpha: transparent; --vkui--octavius_color_sidebar_counter_background_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_sidebar_counter_background_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_sidebar_counter_text: #e7e8ea; --vkui--octavius_color_sidebar_counter_text--hover: #e8e9eb; --vkui--octavius_color_sidebar_counter_text--active: #e9eaec; --vkui--octavius_color_sidebar_item_background_alpha: transparent; --vkui--octavius_color_sidebar_item_background_alpha--hover: hsla(0,0%,100%,.24); --vkui--octavius_color_sidebar_item_background_alpha--active: hsla(0,0%,100%,.24); --vkui--octavius_color_sidebar_scrollbar_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_sidebar_scrollbar_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_sidebar_scrollbar_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_sidebar_item_icon: #e7e8ea; --vkui--octavius_color_sidebar_item_icon--hover: #e8e9eb; --vkui--octavius_color_sidebar_item_icon--active: #e9eaec; --vkui--octavius_color_sidebar_item_text: #e7e8ea; --vkui--octavius_color_sidebar_item_text--hover: #e8e9eb; --vkui--octavius_color_sidebar_item_text--active: #e9eaec; --vkui--octavius_color_sidebar_item_button_background_alpha: hsla(0,0%,100%,.08); --vkui--octavius_color_sidebar_item_button_background_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_sidebar_item_button_background_alpha--active: hsla(0,0%,100%,.24); --vkui--octavius_color_sidebar_item_icon_secondary: #8c8e94; --vkui--octavius_color_sidebar_item_icon_secondary--hover: #919398; --vkui--octavius_color_sidebar_item_icon_secondary--active: #95979d; --vkui--octavius_color_sidebar_item_text_secondary: #8c8e94; --vkui--octavius_color_sidebar_item_text_secondary--hover: #919398; --vkui--octavius_color_sidebar_item_text_secondary--active: #95979d; --vkui--octavius_color_sidebar_short_item_icon: #e7e8ea; --vkui--octavius_color_sidebar_short_item_icon--hover: #e8e9eb; --vkui--octavius_color_sidebar_short_item_icon--active: #e9eaec; --vkui--octavius_color_sidebar_short_item_text: #e7e8ea; --vkui--octavius_color_sidebar_short_item_text--hover: #e8e9eb; --vkui--octavius_color_sidebar_short_item_text--active: #e9eaec; --vkui--octavius_color_sidebar_short_item_text_active: #fff; --vkui--octavius_color_sidebar_short_item_text_active--hover: #ebedf0; --vkui--octavius_color_sidebar_short_item_text_active--active: #d7d8db; --vkui--octavius_color_sidebar_short_item_icon_active: #fff; --vkui--octavius_color_sidebar_short_item_icon_active--hover: #ebedf0; --vkui--octavius_color_sidebar_short_item_icon_active--active: #d7d8db; --vkui--octavius_color_sidebar_short_item_icon_secondary: #9c9da2; --vkui--octavius_color_sidebar_short_item_icon_secondary--hover: #a0a1a6; --vkui--octavius_color_sidebar_short_item_icon_secondary--active: #a4a5a9; --vkui--octavius_color_sidebar_short_item_text_secondary: #8c8e94; --vkui--octavius_color_sidebar_short_item_text_secondary--hover: #919398; --vkui--octavius_color_sidebar_short_item_text_secondary--active: #95979d; --vkui--octavius_color_sidebar_compose_button_background: #fff; --vkui--octavius_color_sidebar_compose_button_background--hover: #ebedf0; --vkui--octavius_color_sidebar_compose_button_background--active: #d7d8db; --vkui--octavius_color_sidebar_compose_button_text: #2c2d2e; --vkui--octavius_color_sidebar_compose_button_text--hover: #343536; --vkui--octavius_color_sidebar_compose_button_text--active: #3d3e3f; --vkui--octavius_color_sidebar_compose_button_icon: #2c2d2e; --vkui--octavius_color_sidebar_compose_button_icon--hover: #343536; --vkui--octavius_color_sidebar_compose_button_icon--active: #3d3e3f; --vkui--octavius_color_sidebar_icon_unread: #07f; --vkui--octavius_color_sidebar_icon_unread--hover: #0a7cff; --vkui--octavius_color_sidebar_icon_unread--active: #1482ff; --vkui--octavius_color_sidebar_icon_favorite: #f23741; --vkui--octavius_color_sidebar_icon_favorite--hover: #f33f49; --vkui--octavius_color_sidebar_icon_favorite--active: #f34750; --vkui--octavius_color_sidebar_icon_order: #f94ca3; --vkui--octavius_color_sidebar_icon_order--hover: #f953a7; --vkui--octavius_color_sidebar_icon_order--active: #f95aaa; --vkui--octavius_color_sidebar_icon_finance: #24c780; --vkui--octavius_color_sidebar_icon_finance--hover: #2dc985; --vkui--octavius_color_sidebar_icon_finance--active: #36cb8a; --vkui--octavius_color_sidebar_icon_registration: #ff9c37; --vkui--octavius_color_sidebar_icon_registration--hover: #ffa03f; --vkui--octavius_color_sidebar_icon_registration--active: #ffa447; --vkui--octavius_color_sidebar_icon_travel: #c15df3; --vkui--octavius_color_sidebar_icon_travel--hover: #c363f3; --vkui--octavius_color_sidebar_icon_travel--active: #c66af4; --vkui--octavius_color_sidebar_icon_event: #3bbafe; --vkui--octavius_color_sidebar_icon_event--hover: #43bdfe; --vkui--octavius_color_sidebar_icon_event--active: #4bc0fe; --vkui--octavius_color_sidebar_icon_fees: #ee3c3c; --vkui--octavius_color_sidebar_icon_fees--hover: #ef4444; --vkui--octavius_color_sidebar_icon_fees--active: #ef4c4c; --vkui--octavius_color_content_scrollbar_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_content_scrollbar_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_content_scrollbar_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_action_archive: #0eab67; --vkui--octavius_color_action_archive--hover: #18ae6d; --vkui--octavius_color_action_archive--active: #21b273; --vkui--octavius_color_icon_favorite: #ff4550; --vkui--octavius_color_icon_favorite--hover: #ff4c57; --vkui--octavius_color_icon_favorite--active: #ff545e; --vkui--octavius_color_icon_order: #f94ca3; --vkui--octavius_color_icon_order--hover: #f953a7; --vkui--octavius_color_icon_order--active: #f95aaa; --vkui--octavius_color_icon_finance: #2fc885; --vkui--octavius_color_icon_finance--hover: #37ca8a; --vkui--octavius_color_icon_finance--active: #40cc8f; --vkui--octavius_color_icon_registration: #ff9c37; --vkui--octavius_color_icon_registration--hover: #ffa03f; --vkui--octavius_color_icon_registration--active: #ffa447; --vkui--octavius_color_icon_travel: #c15df3; --vkui--octavius_color_icon_travel--hover: #c363f3; --vkui--octavius_color_icon_travel--active: #c66af4; --vkui--octavius_color_icon_event: #ff6262; --vkui--octavius_color_icon_event--hover: #ff6868; --vkui--octavius_color_icon_event--active: #ff6f6f; --vkui--octavius_color_icon_fees: #ff6262; --vkui--octavius_color_icon_fees--hover: #ff6868; --vkui--octavius_color_icon_fees--active: #ff6f6f; --vkui--octavius_color_icon_event_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_icon_event_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_icon_event_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_icon_order_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_icon_order_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_icon_order_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_icon_travel_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_icon_travel_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_icon_travel_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_list_letter_background: #232324; --vkui--octavius_color_list_letter_background--hover: #2c2c2d; --vkui--octavius_color_list_letter_background--active: #353536; --vkui--octavius_color_list_text_unread: #2c2d2e; --vkui--octavius_color_list_text_unread--hover: #343536; --vkui--octavius_color_list_text_unread--active: #3d3e3f; --vkui--octavius_color_list_text_primary: #2c2d2e; --vkui--octavius_color_list_text_primary--hover: #343536; --vkui--octavius_color_list_text_primary--active: #3d3e3f; --vkui--octavius_color_list_icon_primary: #2c2d2e; --vkui--octavius_color_list_icon_primary--hover: #343536; --vkui--octavius_color_list_icon_primary--active: #3d3e3f; --vkui--octavius_color_list_letter_separator_alpha: rgba(0,0,0,.4); --vkui--octavius_color_list_letter_separator_alpha--hover: rgba(0,0,0,.44); --vkui--octavius_color_list_letter_separator_alpha--active: rgba(0,0,0,.48); --vkui--octavius_color_list_letter_adv_background: #151515; --vkui--octavius_color_list_letter_adv_background--hover: #1e1e1e; --vkui--octavius_color_list_letter_adv_background--active: #282828; --vkui--octavius_color_list_background_positive_alpha: rgba(13,194,104,.08); --vkui--octavius_color_list_background_positive_alpha--hover: rgba(13,194,104,.12); --vkui--octavius_color_list_background_positive_alpha--active: rgba(13,194,104,.16); --vkui--octavius_color_list_background_positive_tags_outline: #272f2a; --vkui--octavius_color_list_background_positive_tags_outline--hover: #303733; --vkui--octavius_color_list_background_positive_tags_outline--active: #38403b; --vkui--octavius_color_letter_list_text_unread: #fff; --vkui--octavius_color_letter_list_text_unread--hover: #ebedf0; --vkui--octavius_color_letter_list_text_unread--active: #d7d8db; --vkui--octavius_color_dataset_background: #232324; --vkui--octavius_color_dataset_background--hover: #2c2c2d; --vkui--octavius_color_dataset_background--active: #353536; --vkui--octavius_color_empty_state_text: #e7e8ea; --vkui--octavius_color_empty_state_text--hover: #e8e9eb; --vkui--octavius_color_empty_state_text--active: #e9eaec; --vkui--octavius_color_button_empty_state_text: #e7e8ea; --vkui--octavius_color_button_empty_state_text--hover: #e8e9eb; --vkui--octavius_color_button_empty_state_text--active: #e9eaec; --vkui--octavius_color_button_empty_state_background_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_button_empty_state_background_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_button_empty_state_background_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_layout_border_alpha: transparent; --vkui--octavius_color_layout_border_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_layout_border_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_layout_letter_border_alpha: rgba(0,0,0,.4); --vkui--octavius_color_layout_letter_border_alpha--hover: rgba(0,0,0,.44); --vkui--octavius_color_layout_letter_border_alpha--active: rgba(0,0,0,.48); --vkui--octavius_color_empty_state_text_link: #e7e8ea; --vkui--octavius_color_empty_state_text_link--hover: #e8e9eb; --vkui--octavius_color_empty_state_text_link--active: #e9eaec; --vkui--octavius_color_letter_contact_background_alpha: transparent; --vkui--octavius_color_letter_contact_background_alpha--hover: hsla(0,0%,100%,.08); --vkui--octavius_color_letter_contact_background_alpha--active: hsla(0,0%,100%,.16); --vkui--octavius_color_letter_preview_background_primary: #141414; --vkui--octavius_color_letter_preview_background_primary--hover: #1d1d1d; --vkui--octavius_color_letter_preview_background_primary--active: #272727; --vkui--octavius_color_letter_preview_background_secondary: #0f0f0f; --vkui--octavius_color_letter_preview_background_secondary--hover: #191919; --vkui--octavius_color_letter_preview_background_secondary--active: #222; --vkui--octavius_color_notification_border: #000; --vkui--octavius_color_notification_border--hover: #0a0a0a; --vkui--octavius_color_notification_border--active: #141414; --vkui--octavius_text_decoration_empty_state_text_link: underline; --vkui--octavius_text_decoration_empty_state_text_link--hover: none; --vkui--octavius_text_decoration_empty_state_text_link--active: none; --vkui--octavius_color_background_accent_tint_alpha: rgba(0,95,249,.12); --vkui--octavius_color_background_accent_tint_alpha--hover: rgba(0,95,249,.16); --vkui--octavius_color_background_accent_tint_alpha--active: rgba(0,95,249,.2); --vkui--octavius_color_background_negative_tint_alpha: rgba(236,71,80,.16); --vkui--octavius_color_background_negative_tint_alpha--hover: rgba(236,71,80,.2); --vkui--octavius_color_background_negative_tint_alpha--active: rgba(236,71,80,.24); --vkui--octavius_color_background_positive_tint_alpha: rgba(13,194,104,.12); --vkui--octavius_color_background_positive_tint_alpha--hover: rgba(13,194,104,.16); --vkui--octavius_color_background_positive_tint_alpha--active: rgba(13,194,104,.2); --vkui--octavius_color_button_background_contrast_alpha: hsla(0,0%,98%,.12); --vkui--octavius_color_button_background_contrast_alpha--hover: hsla(0,0%,98%,.16); --vkui--octavius_color_button_background_contrast_alpha--active: hsla(0,0%,98%,.2); --vkui--octavius_color_icon_social: #5f7ce8; --vkui--octavius_color_icon_social--hover: #6581e9; --vkui--octavius_color_icon_social--active: #6c86ea; --vkui--octavius_color_icon_mailings: #ffa447; --vkui--octavius_color_icon_mailings--hover: #ffa84e; --vkui--octavius_color_icon_mailings--active: #ffab56; --vkui--octavius_color_icon_to_myself: #1dc7d2; --vkui--octavius_color_icon_to_myself--hover: #26c9d4; --vkui--octavius_color_icon_to_myself--active: #2fcbd6; --vkui--octavius_color_icon_news: #1db8e4; --vkui--octavius_color_icon_news--hover: #26bbe5; --vkui--octavius_color_icon_news--active: #2fbee6; --vkui--octavius_color_icon_official: #ec4750; --vkui--octavius_color_icon_official--hover: #ed4e57; --vkui--octavius_color_icon_official--active: #ee565e; --vkui--octavius_color_icon_school: #c97eec; --vkui--octavius_color_icon_school--hover: #cb83ed; --vkui--octavius_color_icon_school--active: #cd88ee; --vkui--octavius_color_icon_games: #f8ba04; --vkui--octavius_color_icon_games--hover: #f8bd0e; --vkui--octavius_color_icon_games--active: #f9c018; --vkui--octavius_color_icon_receipts: #74bf05; --vkui--octavius_color_icon_receipts--hover: #7ac20f; --vkui--octavius_color_icon_receipts--active: #7fc419; --vkui--octavius_color_text_fees: #ff6c6c; --vkui--octavius_color_text_fees--hover: #ff7272; --vkui--octavius_color_text_fees--active: #ff7878; --vkui--octavius_color_text_finance: #52c392; --vkui--octavius_color_text_finance--hover: #59c596; --vkui--octavius_color_text_finance--active: #60c89b; --vkui--octavius_color_text_social: #7688e9; --vkui--octavius_color_text_social--hover: #7b8dea; --vkui--octavius_color_text_social--active: #8192eb; --vkui--octavius_color_text_mailings: #ffa950; --vkui--octavius_color_text_mailings--hover: #ffac57; --vkui--octavius_color_text_mailings--active: #ffb05e; --vkui--octavius_color_text_to_myself: #41c9d2; --vkui--octavius_color_text_to_myself--hover: #49cbd4; --vkui--octavius_color_text_to_myself--active: #50cdd6; --vkui--octavius_color_text_news: #37c1e8; --vkui--octavius_color_text_news--hover: #3fc3e9; --vkui--octavius_color_text_news--active: #47c6ea; --vkui--octavius_color_text_school: #d392f2; --vkui--octavius_color_text_school--hover: #d596f3; --vkui--octavius_color_text_school--active: #d79bf3; --vkui--octavius_color_text_games: #f6be1a; --vkui--octavius_color_text_games--hover: #f6c123; --vkui--octavius_color_text_games--active: #f7c32c; --vkui--octavius_color_sidebar_widget_background_alpha: hsla(0,0%,100%,.16); --vkui--octavius_color_sidebar_widget_background_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_sidebar_widget_background_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_snackbar_icon_positive: #24c649; --vkui--octavius_color_snackbar_icon_positive--hover: #2dc850; --vkui--octavius_color_snackbar_icon_positive--active: #36cb58; --vkui--octavius_color_snackbar_icon_negative: #f85050; --vkui--octavius_color_snackbar_icon_negative--hover: #f85757; --vkui--octavius_color_snackbar_icon_negative--active: #f95e5e; --vkui--octavius_color_snackbar_icon_accent: #07f; --vkui--octavius_color_snackbar_icon_accent--hover: #0a7cff; --vkui--octavius_color_snackbar_icon_accent--active: #1482ff; --vkui--octavius_color_snackbar_icon_secondary: #9c9da2; --vkui--octavius_color_snackbar_icon_secondary--hover: #a0a1a6; --vkui--octavius_color_snackbar_icon_secondary--active: #a4a5a9; --vkui--octavius_color_snackbar_icon_warning: #ff9e00; --vkui--octavius_color_snackbar_icon_warning--hover: #ffa20a; --vkui--octavius_color_snackbar_icon_warning--active: #ffa614; --vkui--octavius_color_snackbar_text_accent: #1a85ff; --vkui--octavius_color_snackbar_text_accent--hover: #238aff; --vkui--octavius_color_snackbar_text_accent--active: #2c8fff; --vkui--octavius_color_snackbar_text_contrast: #fff; --vkui--octavius_color_snackbar_text_contrast--hover: #ebedf0; --vkui--octavius_color_snackbar_text_contrast--active: #d7d8db; --vkui--octavius_color_snackbar_background: #303030; --vkui--octavius_color_snackbar_background--hover: #383838; --vkui--octavius_color_snackbar_background--active: #414141; --vkui--octavius_color_snackbar_transparent: hsla(0,0%,100%,.16); --vkui--octavius_color_snackbar_transparent--active: hsla(0,0%,100%,.04); --vkui--octavius_color_snackbar_transparent--hover: hsla(0,0%,100%,.08); --vkui--octavius_color_icon_unread: #07f; --vkui--octavius_color_icon_unread--hover: #0a7cff; --vkui--octavius_color_icon_unread--active: #1482ff; --vkui--octavius_color_header_progress: #07f; --vkui--octavius_color_header_progress--hover: #0a7cff; --vkui--octavius_color_header_progress--active: #1482ff; --vkui--paradigm_tech_background_portal: #17181b; --vkui--paradigm_tech_background_portal--hover: #202124; --vkui--paradigm_tech_background_portal--active: #2a2a2d; --vkui--paradigm_tech_avatars_sky: #9dd5fe; --vkui--paradigm_tech_avatars_sky--hover: #a1d7fe; --vkui--paradigm_tech_avatars_sky--active: #a5d8fe; --vkui--paradigm_tech_avatars_seagreen: #70ec9a; --vkui--paradigm_tech_avatars_seagreen--hover: #76ed9e; --vkui--paradigm_tech_avatars_seagreen--active: #7beea2; --vkui--paradigm_tech_avatars_mint: #7beadb; --vkui--paradigm_tech_avatars_mint--hover: #80ebdc; --vkui--paradigm_tech_avatars_mint--active: #86ecde; --vkui--paradigm_tech_avatars_cyan: #00d3e6; --vkui--paradigm_tech_avatars_cyan--hover: #0ad5e7; --vkui--paradigm_tech_avatars_cyan--active: #14d7e8; --vkui--paradigm_tech_avatars_blue: #2389ff; --vkui--paradigm_tech_avatars_blue--hover: #2c8eff; --vkui--paradigm_tech_avatars_blue--active: #3592ff; --vkui--paradigm_tech_avatars_red: #f85050; --vkui--paradigm_tech_avatars_red--hover: #f85757; --vkui--paradigm_tech_avatars_red--active: #f95e5e; --vkui--paradigm_tech_avatars_yellow: #ffd65c; --vkui--paradigm_tech_avatars_yellow--hover: #ffd863; --vkui--paradigm_tech_avatars_yellow--active: #ffd969; --vkui--paradigm_tech_avatars_indigo: #7876ff; --vkui--paradigm_tech_avatars_indigo--hover: #7d7bff; --vkui--paradigm_tech_avatars_indigo--active: #8381ff; --vkui--paradigm_tech_avatars_peach: #fcbe99; --vkui--paradigm_tech_avatars_peach--hover: #fcc19d; --vkui--paradigm_tech_avatars_peach--active: #fcc3a1; --vkui--paradigm_tech_avatars_lavander: #c9b7ff; --vkui--paradigm_tech_avatars_lavander--hover: #cbbaff; --vkui--paradigm_tech_avatars_lavander--active: #cdbdff; --vkui--paradigm_tech_avatars_violet: #b780f3; --vkui--paradigm_tech_avatars_violet--hover: #ba85f3; --vkui--paradigm_tech_avatars_violet--active: #bd8af4; --vkui--paradigm_tech_avatars_green: #2acf56; --vkui--paradigm_tech_avatars_green--hover: #33d15d; --vkui--paradigm_tech_avatars_green--active: #3bd364; --vkui--paradigm_tech_avatars_lime: #c3f07f; --vkui--paradigm_tech_avatars_lime--hover: #c5f184; --vkui--paradigm_tech_avatars_lime--active: #c8f189; --vkui--paradigm_tech_avatars_coral: #ffa9a3; --vkui--paradigm_tech_avatars_coral--hover: #ffaca7; --vkui--paradigm_tech_avatars_coral--active: #ffb0aa; --vkui--paradigm_tech_avatars_orange: #fb8422; --vkui--paradigm_tech_avatars_orange--hover: #fb892b; --vkui--paradigm_tech_avatars_orange--active: #fb8e34; } body:not(.vkui--cloud--dark):not(.vkui--octavius--light) { --vkui--color_text_positive: #5cba38; --vkui--color_text_negative: #e64646; --vkui--color_icon_positive: #5cba38; --vkui--color_icon_negative: #e64646; --vkui--color_background_secondary: #f3f3f5; --vkui--color_background_secondary_alpha: rgba(0,16,61,.05); --vkui--color_background_tertiary: #f6f7f8; --vkui--color_background_positive: #5cba38; --vkui--color_background_negative_tint: #ffe4e9; --vkui--color_background_warning: #fdf3d2; --vkui--color_stroke_positive: #5cba38; --vkui--color_stroke_negative: #e64646; --vkui--color_field_border_alpha: rgba(0,0,0,.2); --vkui--color_skeleton_to: #ebedf0; --vkui--color_skeleton_from: #f5f5f5; --vkui--color_background_accent--hover: #0b66f9; --vkui--color_background_accent--active: #0056e2; --vkui--color_background_accent_themed--hover: #0b66f9; --vkui--color_background_accent_themed--active: #0056e2; --vkui--color_background_secondary--hover: #f3f5f8; --vkui--color_background_secondary--active: #e0e2e8; --vkui--color_background_secondary_alpha--hover: rgba(0,16,61,.1); --vkui--color_background_secondary_alpha--active: rgba(0,16,61,.14); --vkui--color_background_contrast--hover: #ebedf0; --vkui--color_background_contrast--active: #d7d8db; --vkui--color_background_negative--hover: #d83e3c; --vkui--color_background_negative--active: #c93633; --vkui--color_background_positive_tint: #ebf7e7; --vkui--color_background_contrast_inverse: #333; --vkui--color_background_accent_tint_alpha: rgba(0,95,249,.1); --vkui--color_background_accent_tint_alpha--hover: rgba(0,95,249,.14); --vkui--color_background_accent_tint_alpha--active: rgba(0,95,249,.18); --vkui--color_background_negative_tint_alpha: rgba(237,10,52,.12); --vkui--color_background_positive_tint_alpha: rgba(92,186,56,.12); --vkui--octavius_color_list_letter_adv_background: #f0f5ff; --vkui--color_background_primary: #f3f3f5; --vkui--color_background_positive_v2: #0dc268; --vkui--color_background_vigbo_benefit: #fff; } body.vkui--cloud--dark { --vkui--color_text_positive: #5cba38; --vkui--color_icon_positive: #5cba38; --vkui--color_background_positive: #5cba38; --vkui--color_background_negative_tint: #401616; --vkui--color_background_warning: #484205; --vkui--color_stroke_positive: #5cba38; --vkui--color_background_negative--hover: #d83e3c; --vkui--color_background_negative--active: #c93633; --vkui--color_background_positive_tint: #16300d; --vkui--color_background_contrast_inverse: #333; --vkui--color_background_accent_tint_alpha: rgba(0,95,249,.1); --vkui--color_background_accent_tint_alpha--hover: rgba(0,95,249,.14); --vkui--color_background_accent_tint_alpha--active: rgba(0,95,249,.18); --vkui--color_background_negative_tint_alpha: rgba(237,10,52,.1); --vkui--color_background_positive_tint_alpha: rgba(92,186,56,.1); --vkui--color_background_secondary_alpha--hover: hsla(0,0%,100%,.16); --vkui--color_background_secondary_alpha--active: hsla(0,0%,100%,.2); --vkui--color_background_modal: #1f1f1f; --vkui--color_background_modal_inverse: #333; --vkui--octavius_color_list_letter_adv_background: #151515; --vkui--color_background_primary: #191919; --vkui--color_skeleton_to: #29292a; --vkui--color_skeleton_from: #505050; --vkui--color_background_positive_v2: #0dc268; --vkui--color_background_vigbo_benefit: hsla(0,0%,100%,.06); } :root { --cloud--color_background_file_document: #e1f0fd; --cloud--color_icon_file_document_invariably: #018bf2; --cloud--color_background_file_presentation: #fae9ea; --cloud--color_icon_file_presentation_invariably: #da4c4e; --cloud--color_background_viewer: #000; --cloud--color_background_viewer--hover: #272727; --cloud--color_background_drag_and_drop: rgba(0,95,249,.04); --cloud--color_background_drag_and_drop--hover: rgba(0,95,249,.06); --cloud--color_stroke_accent_alpha: rgba(0,95,249,.6); --cloud--color_stroke_accent_alpha--hover: rgba(0,95,249,.8); --cloud--color_text_accent_alternative: #ff9e00; --cloud--color_text_secondary_alpha: #fff; --cloud--color_background_white: #fff; --cloud--color_text_contrast_themed_alpha: hsla(0,0%,100%,.6); --cloud--color_text_snackbar_accent: #65a0ff; --cloud--color_icon_accent_alternative: #ff9e00; --cloud--color_icon_rating: #ffd400; --cloud--color_icon_folder: #ffca5a; --cloud--color_background_snackbar: #333; --cloud--color_background_toolbar: #fff; --cloud--color_background_header_icon: rgba(71,71,71,.06); --cloud--color_background_tabbar: hsla(0,0%,100%,.9); --cloud--color_background_accent_alpha: rgba(0,95,249,.12); --cloud--color_background_cta: #f5f9ff; --cloud--color_background_header_search: #fff; --cloud--color_background_header_search_collapsed: #f0f1f3; --cloud--color_background_web_background_portal: #f6f7f8; --cloud--color_sweet_blue: #dde9ff; --cloud--color_blue_accent_themed: #1c4479; --cloud--color_sweet_green: #ceeee6; --cloud--color_green_accent_themed: #087c6d; --cloud--color_sweet_orange: #f9d3bd; --cloud--color_orange_accent_themed: #78472a; --cloud--color_sweet_purple: #f2e8ff; --cloud--color_purple_accent_themed: #73519f; --cloud--color_icon_idcard_themed: rgba(0,95,249,.2); --cloud--color_icon_idcard: #005ff9; --cloud--color_icon_official_themed: rgba(236,71,80,.2); --cloud--color_icon_official: #ec4750; --cloud--color_icon_transport_themed: rgba(174,126,236,.2); --cloud--color_icon_transport: #ae7eec; --cloud--color_icon_finance_themed: rgba(36,199,128,.2); --cloud--color_icon_finance: #24c780; --cloud--color_icon_file_table_invariably: #019784; --cloud--color_background_file_table: #e1f2f0; --cloud--color_background_file_other: rgba(0,16,61,.05); --cloud--color_background_negative_secondary_alpha–hover: #ffdede; --cloud--color_background_negative_secondary_alpha–active: #ffd6d6; --cloud--color_background_accent_alternative-disabled: rgba(255,158,0,.48); --cloud--color_icon_primary–disabled: rgba(71,71,71,.48); --cloud--color_icon_secondary–disabled: hsla(0,0%,70%,.48); --cloud--color_text_secondary--disabled: hsla(0,0%,52%,.48); --cloud--color_transparent_contrast–hover: hsla(0,0%,100%,.08); --cloud--color_transparent_contrast–active: hsla(0,0%,100%,.122); --cloud-color_text_default: #2c2d2e; --promo--dark_background_dark: #2c2d2e; --promo--text_contrast: #fff; --promo--text_secondary: #959697; --cloud--color_left_back_button_modal: #2c2d2e; --cloud--color_background_left_back_button_modal: #fff; --cloud--color_background_left_back_button_modal-hover: #f5f5f7; --cloud--color_background_left_back_button_modal-active: #ebecef; --cloud--color_text_sharing_tab_button: #2c2d2e; --cloud--color_background_sharing_tab_button: #fff; --cloud--color_background_sharing_tab_menu: #f0f1f4; --cloud-color_user_name_tab: #87898f; --cloud--color_background_scroll_top_button: #fff; --cloud--color-stroke-field_border_alpha: rgba(0,0,0,.2); --cloud--color_transparent–hover: rgba(0,16,61,.04); --cloud--color_background-dark-button: hsla(0,0%,100%,.12); --cloud--color_background-dark-button-hover: hsla(0,0%,100%,.16); --cloud--color_background-dark-button-active: hsla(0,0%,100%,.2); --cloud--color_background_label_second: #474747; } :root .vkui--cloud--dark { --cloud--color_background_file_document: hsla(0,0%,100%,.08); --cloud--color_icon_file_document_invariably: #018bf2; --cloud--color_background_file_presentation: hsla(0,0%,100%,.08); --cloud--color_icon_file_presentation_invariably: #da4c4e; --cloud--color_background_viewer: #000; --cloud--color_background_viewer--hover: #272727; --cloud--color_background_drag_and_drop: rgba(60,130,253,.04); --cloud--color_background_drag_and_drop--hover: rgba(60,130,253,.06); --cloud--color_background_web_background_portal: #19191a; --cloud--color_stroke_accent_alpha: rgba(60,130,253,.6); --cloud--color_stroke_accent_alpha--hover: rgba(60,130,253,.8); --cloud--color_text_accent_alternative: #ff9e00; --cloud--color_background_header_icon: hsla(0,0%,71%,.16); --cloud--color_background_file_table: hsla(0,0%,100%,.08); --cloud--color_background_cta: #1b1d21; --cloud--color_text_sharing_tab_button: #e7e8ea; --cloud--color_background_sharing_tab_button: #626364; --cloud--color_background_sharing_tab_menu: #333; --cloud-color_user_name_tab: #8c8e94; --cloud--color_background_scroll_top_button: #333; --cloud--color-stroke-field_border_alpha: hsla(0,0%,56%,.5); --cloud--color_transparent–hover: hsla(0,0%,100%,.04); --cloud--color_sweet_blue: #1c4479; --cloud--color_blue_accent_themed: #fff; } .vkui--cloud--dark { --vkui--theme_name: "cloudDark"; --vkui--font_family_fallbacks: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_accent: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_base: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_weight_accent1: 500; --vkui--font_weight_accent2: 500; --vkui--font_weight_accent3: 400; --vkui--font_weight_base1: 700; --vkui--font_weight_base2: 700; --vkui--font_weight_base3: 400; --vkui--font_display_title1--font_size--regular: 23px; --vkui--font_display_title1--line_height--regular: 28px; --vkui--font_display_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title1--font_weight--regular: 500; --vkui--font_display_title2--font_size--regular: 21px; --vkui--font_display_title2--line_height--regular: 26px; --vkui--font_display_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--regular: 500; --vkui--font_display_title2--font_size--compact: 22px; --vkui--font_display_title2--line_height--compact: 22px; --vkui--font_display_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--compact: 500; --vkui--font_display_title3--font_size--regular: 19px; --vkui--font_display_title3--line_height--regular: 24px; --vkui--font_display_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title3--font_weight--regular: 500; --vkui--font_display_title4--font_size--regular: 17px; --vkui--font_display_title4--line_height--regular: 24px; --vkui--font_display_title4--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title4--font_weight--regular: 500; --vkui--font_title1--font_size--regular: 24px; --vkui--font_title1--line_height--regular: 28px; --vkui--font_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--regular: 500; --vkui--font_title2--font_size--regular: 20px; --vkui--font_title2--line_height--regular: 26px; --vkui--font_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--regular: 500; --vkui--font_title3--font_size--regular: 17px; --vkui--font_title3--line_height--regular: 22px; --vkui--font_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--regular: 500; --vkui--font_headline1--font_size--regular: 16px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_headline1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline1--font_weight--regular: 500; --vkui--font_headline1--font_size--compact: 15px; --vkui--font_headline1--line_height--compact: 20px; --vkui--font_headline2--font_size--regular: 15px; --vkui--font_headline2--line_height--regular: 20px; --vkui--font_headline2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline2--font_weight--regular: 500; --vkui--font_headline2--font_size--compact: 14px; --vkui--font_headline2--line_height--compact: 20px; --vkui--font_text--font_size--regular: 16px; --vkui--font_text--line_height--regular: 20px; --vkui--font_text--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_text--font_weight--regular: 400; --vkui--font_text--font_size--compact: 15px; --vkui--font_text--line_height--compact: 20px; --vkui--font_paragraph--font_size--regular: 15px; --vkui--font_paragraph--line_height--regular: 20px; --vkui--font_paragraph--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_weight--regular: 400; --vkui--font_subhead--font_size--regular: 14px; --vkui--font_subhead--line_height--regular: 18px; --vkui--font_subhead--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--regular: 400; --vkui--font_subhead--font_size--compact: 13px; --vkui--font_subhead--line_height--compact: 18px; --vkui--font_footnote--font_size--regular: 13px; --vkui--font_footnote--line_height--regular: 18px; --vkui--font_footnote--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote--font_weight--regular: 400; --vkui--font_footnote_caps--font_size--regular: 13px; --vkui--font_footnote_caps--line_height--regular: 18px; --vkui--font_footnote_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_weight--regular: 400; --vkui--font_footnote_caps--text_transform--regular: uppercase; --vkui--font_footnote_caps--letter_spacing--regular: 0.3px; --vkui--font_caption1--font_size--regular: 12px; --vkui--font_caption1--line_height--regular: 16px; --vkui--font_caption1--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--regular: 400; --vkui--font_caption1_caps--font_size--regular: 12px; --vkui--font_caption1_caps--line_height--regular: 16px; --vkui--font_caption1_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_weight--regular: 400; --vkui--font_caption1_caps--text_transform--regular: uppercase; --vkui--font_caption1_caps--letter_spacing--regular: 0.26px; --vkui--font_caption2--font_size--regular: 11px; --vkui--font_caption2--line_height--regular: 14px; --vkui--font_caption2--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2--font_weight--regular: 400; --vkui--font_caption2_caps--font_size--regular: 11px; --vkui--font_caption2_caps--line_height--regular: 14px; --vkui--font_caption2_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps--font_weight--regular: 400; --vkui--font_caption2_caps--text_transform--regular: uppercase; --vkui--font_caption2_caps--letter_spacing--regular: 0.22px; --vkui--font_caption3--font_size--regular: 9px; --vkui--font_caption3--line_height--regular: 12px; --vkui--font_caption3--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3--font_weight--regular: 400; --vkui--font_caption3_caps--font_size--regular: 9px; --vkui--font_caption3_caps--line_height--regular: 12px; --vkui--font_caption3_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps--font_weight--regular: 400; --vkui--font_caption3_caps--text_transform--regular: uppercase; --vkui--font_caption3_caps--letter_spacing--regular: 0.16px; --vkui--size_select_icon_padding--regular: 7px; --vkui--size_select_icon_padding--compact: 6px; --vkui--size_popup_base_padding--regular: 20px; --vkui--size_popup_base_padding--compact: 32px; --vkui--size_popup_header_padding--regular: 16px; --vkui--size_popup_header_padding--compact: 24px; --vkui--size_border_radius--regular: 8px; --vkui--size_border_radius_rounded--regular: 48px; --vkui--size_check_border_radius--regular: 4px; --vkui--size_border_radius_paper--regular: 12px; --vkui--size_border_radius_promo--regular: 20px; --vkui--size_cell_height--regular: 48px; --vkui--size_cell_height--compact: 44px; --vkui--size_field_height--regular: 44px; --vkui--size_field_height--compact: 36px; --vkui--size_search_height--regular: 36px; --vkui--size_search_height--compact: 32px; --vkui--size_button_extra_small_height--regular: 24px; --vkui--size_button_extra_small_height--compact: 22px; --vkui--size_button_small_height--regular: 30px; --vkui--size_button_small_height--compact: 28px; --vkui--size_button_medium_height--regular: 36px; --vkui--size_button_medium_height--compact: 32px; --vkui--size_button_large_height--regular: 44px; --vkui--size_button_large_height--compact: 36px; --vkui--size_checkbox--regular: 16px; --vkui--size_arrow--regular: 8px; --vkui--size_arrow_promo--regular: 40px; --vkui--size_popup_small--regular: 430px; --vkui--size_popup_medium--regular: 680px; --vkui--size_popup_large--regular: 880px; --vkui--size_field_horizontal_padding--regular: 12px; --vkui--size_button_padding_horizontal--regular: 20px; --vkui--size_button_padding_horizontal--compact: 16px; --vkui--size_label_horizontal_margin--regular: 16px; --vkui--size_arrow_padding--regular: 12px; --vkui--size_tooltip_margin--regular: 8px; --vkui--size_icon_u_i--regular: 16px; --vkui--size_avatar_x_s--regular: 24px; --vkui--size_avatar_s--regular: 32px; --vkui--size_avatar_m--regular: 48px; --vkui--size_avatar_l--regular: 96px; --vkui--size_avatar_x_l--regular: 128px; --vkui--size_badge_x_s--regular: 12px; --vkui--size_badge_s--regular: 16px; --vkui--size_badge_m--regular: 24px; --vkui--size_badge_l--regular: 44px; --vkui--size_badge_x_l--regular: 56px; --vkui--size_cardgrid_padding--regular: 12px; --vkui--size_card_border_radius--regular: 16px; --vkui--size_cardgrid_padding_vertical--regular: 8px; --vkui--size_base_padding_horizontal--regular: 16px; --vkui--size_base_padding_vertical--regular: 12px; --vkui--size_button_group_gap_space--regular: 1px; --vkui--size_button_group_gap_small--regular: 8px; --vkui--size_button_group_gap_medium--regular: 12px; --vkui--size_option_hierarchy--regular: 32px; --vkui--size_switch_height--regular: 14px; --vkui--size_switch_height--compact: 12px; --vkui--size_switch_width--regular: 34px; --vkui--size_switch_width--compact: 32px; --vkui--size_switch_pin--regular: 20px; --vkui--size_switch_pin--compact: 18px; --vkui--size_panel_header_height--compact: 48px; --vkui--size_panel_header_height--regular: 56px; --vkui--size_button_base_small_padding_horizontal--regular: 16px; --vkui--size_button_base_medium_padding_horizontal--regular: 16px; --vkui--size_button_base_large_padding_horizontal--regular: 20px; --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px; --vkui--size_button_minimum_width--regular: 80px; --vkui--size_form_item_padding_vertical--regular: 12px; --vkui--size_split_col_padding_horizontal--regular: 16px; --vkui--size_subnavigation_bar_gap--regular: 8px; --vkui--size_subnavigation_bar_padding_vertical--regular: 12px; --vkui--size_border1x--regular: 1px; --vkui--size_border2x--regular: 0.5px; --vkui--size_border3x--regular: 0.33px; --vkui--spacing_size_3xs: 2px; --vkui--spacing_size_2xs: 2px; --vkui--spacing_size_xs: 4px; --vkui--spacing_size_s: 6px; --vkui--spacing_size_m: 8px; --vkui--spacing_size_l: 10px; --vkui--spacing_size_xl: 12px; --vkui--spacing_size_2xl: 16px; --vkui--spacing_size_3xl: 20px; --vkui--spacing_size_4xl: 24px; --vkui--elevation1: 0 2px 0 0 rgba(0,0,0,.04); --vkui--elevation1_invert_y: 0 -2px 0 0 rgba(0,0,0,.04); --vkui--elevation2: 0 4px 48px 0 rgba(0,0,0,.72); --vkui--elevation3: 0 4px 32px 0 rgba(0,0,0,.48); --vkui--elevation4: 0 4px 32px 0 rgba(0,0,0,.48); --vkui--gradient_black: transparent 0%,rgba(0,0,0,.02) 15%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.32) 70%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.4) 100%; --vkui--gradient_white: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--gradient_tint: rgba(37,37,37,0) 0%,rgba(37,37,37,.05) 15%,rgba(37,37,37,.2) 30%,rgba(37,37,37,.8) 70%,rgba(37,37,37,.95) 85%,#252525 100%; --vkui--gradient: rgba(35,35,36,0) 0%,rgba(35,35,36,.05) 15%,rgba(35,35,36,.2) 30%,rgba(35,35,36,.8) 70%,rgba(35,35,36,.95) 85%,#232324 100%; --vkui--animation_duration_l: 0.4s; --vkui--animation_duration_m: 0.2s; --vkui--animation_duration_s: 0.1s; --vkui--animation_easing_default: cubic-bezier(0.3,0.3,0.5,1); --vkui--animation_easing_platform: cubic-bezier(0.3,0.3,0.5,1); --vkui--opacity_disable: 0.48; --vkui--opacity_disable_accessibility: 0.64; --vkui--opacity_active: 0.72; --vkui--blur_m: 16px; --vkui--z_index_modal: 99; --vkui--z_index_popout: 100; --vkui--x0: 0px; --vkui--x025: 1px; --vkui--x05: 2px; --vkui--x1: 4px; --vkui--x2: 8px; --vkui--x3: 12px; --vkui--x4: 16px; --vkui--x5: 20px; --vkui--x6: 24px; --vkui--x8: 32px; --vkui--x10: 40px; --vkui--x12: 48px; --vkui--x15: 60px; --vkui--x20: 80px; --vkui--size_base: 4px; --vkui--size_grid: 20px; --vkui--font_h0--font_size--regular: 28px; --vkui--font_h0--line_height--regular: 32px; --vkui--font_h0--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--regular: 500; --vkui--font_h0--font_size--compact: 44px; --vkui--font_h0--line_height--compact: 52px; --vkui--font_h1--font_size--regular: 24px; --vkui--font_h1--line_height--regular: 28px; --vkui--font_h1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--regular: 500; --vkui--font_h1--font_size--compact: 32px; --vkui--font_h1--line_height--compact: 36px; --vkui--font_h2--font_size--regular: 20px; --vkui--font_h2--line_height--regular: 26px; --vkui--font_h2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--regular: 500; --vkui--font_h2--font_size--compact: 28px; --vkui--font_h2--line_height--compact: 32px; --vkui--size_arrow_height--regular: 8px; --vkui--size_arrow_width--regular: 12px; --vkui--size_base_padding--regular: 16px; --vkui--size_base_padding--compact: 20px; --vkui--size_border_width_tab--regular: 2px; --vkui--size_border_width_bar--regular: 4px; --vkui--size_border_width_accent--regular: 8px; --vkui--size_border_width_accent_secondary--regular: 8px; --vkui--size_control_button_width_min--regular: 130px; --vkui--size_control_button_width_min--compact: 104px; --vkui--size_promo_button_close--regular: 32px; --vkui--size_button_slider_height--regular: 24px; --vkui--size_button_slider_width--regular: 12px; --vkui--size_button_slider_width_pointer--regular: 16px; --vkui--size_field_width_min--regular: 328px; --vkui--size_field_width_min--compact: 380px; --vkui--size_label_width--regular: 184px; --vkui--size_progress--regular: 4px; --vkui--size_progress_scroll--regular: 12px; --vkui--size_dot_bullet--regular: 4px; --vkui--size_dot_indicate--regular: 8px; --vkui--size_dot_clickable--regular: 12px; --vkui--size_vertical_padding--regular: 0px; --vkui--size_button_more_padding--regular: 8px; --vkui--size_icon_more_padding--regular: 12px; --vkui--size_icon_more_padding--compact: 8px; --vkui--size_button_icon_padding--regular: 16px; --vkui--size_button_icon_padding--compact: 20px; --vkui--size_div_padding--regular: 4px; --vkui--size_menu_padding--regular: 8px; --vkui--size_tag_padding--regular: 8px; --vkui--size_tab_padding--regular: 16px; --vkui--size_table_horizontal_padding--regular: 16px; --vkui--size_table_vertical_padding--regular: 16px; --vkui--size_slice_top_padding--regular: 40px; --vkui--size_slice_bottom_padding--regular: 60px; --vkui--size_base_margin--regular: 12px; --vkui--size_label_vertical_margin--regular: 4px; --vkui--size_tip_margin--regular: 4px; --vkui--size_field_horizontal_margin--regular: 20px; --vkui--size_field_vertical_margin--regular: 24px; --vkui--size_field_set_margin--regular: 32px; --vkui--size_icon_margin--regular: 12px; --vkui--size_icon_margin--compact: 8px; --vkui--size_choice_margin--regular: 8px; --vkui--size_menu_margin--regular: 2px; --vkui--size_tag_margin--regular: 8px; --vkui--size_tab_margin--regular: 8px; --vkui--size_bullet_margin--regular: 12px; --vkui--size_attribute_margin--regular: 4px; --vkui--size_popup_margin--regular: 8px; --vkui--size_popup_margin--compact: 24px; --vkui--size_header_icon--regular: 20px; --vkui--size_wysiwyg_icon--regular: 14px; --vkui--size_illustration_s--regular: 48px; --vkui--size_illustration_x_m--regular: 72px; --vkui--size_illustration_m--regular: 96px; --vkui--size_illustration_l--regular: 144px; --vkui--size_illustration_x_x_l--regular: 228px; --vkui--tone_value_overlay: 0.48; --vkui--tone_value_viewer: 0.88; --vkui--tone_value_toolbar: 0.24; --vkui--tone_value_hover: 0.04; --vkui--tone_value_active: 0.08; --vkui--tone_value_focus: 0.08; --vkui--type_border_button: solid; --vkui--type_border_position: inset; --vkui--theme_name_base: "cloud"; --vkui--font_title2_custom--font_size--regular: 20px; --vkui--font_title2_custom--line_height--regular: 26px; --vkui--font_title2_custom--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2_custom--font_weight--regular: 400; --vkui--font_title2_custom--font_size--compact: 20px; --vkui--font_title2_custom--line_height--compact: 26px; --vkui--font_title2_custom--font_weight--compact: 400; --vkui--font_title3_custom--font_size--regular: 18px; --vkui--font_title3_custom--line_height--regular: 24px; --vkui--font_title3_custom--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3_custom--font_weight--regular: 400; --vkui--font_title3_custom--font_size--compact: 17px; --vkui--font_title3_custom--line_height--compact: 22px; --vkui--font_title3_custom--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3_custom--font_weight--compact: 400; --vkui--font_caption1_caps_demibold--font_size--regular: 12px; --vkui--font_caption1_caps_demibold--line_height--regular: 16px; --vkui--font_caption1_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps_demibold--font_weight--regular: 600; --vkui--font_caption1_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption1_caps_demibold--letter_spacing--regular: 0.26px; --vkui--font_caption2_caps_demibold--font_size--regular: 11px; --vkui--font_caption2_caps_demibold--line_height--regular: 14px; --vkui--font_caption2_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps_demibold--font_weight--regular: 600; --vkui--font_caption2_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption2_caps_demibold--letter_spacing--regular: 0.22px; --vkui--font_caption3_caps_demibold--font_size--regular: 9px; --vkui--font_caption3_caps_demibold--line_height--regular: 12px; --vkui--font_caption3_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps_demibold--font_weight--regular: 600; --vkui--font_caption3_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption3_caps_demibold--letter_spacing--regular: 0.16px; --vkui--font_subtitle_medium--font_size: 18px; --vkui--font_subtitle_medium--line_height: 24px; --vkui--font_subtitle_medium--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subtitle_medium--font_weight: 500; --vkui--font_subtitle_custom--font_size: 18px; --vkui--font_subtitle_custom--line_height: 24px; --vkui--font_subtitle_custom--font_weight: 400; --vkui--font_subtitle_custom--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline_large_medium--font_size: 16px; --vkui--font_headline_large_medium--line_height: 20px; --vkui--font_headline_large_medium--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline_large_medium--font_weight: 500; --vkui--font_large_text--font_size: 16px; --vkui--font_large_text--line_height: 20px; --vkui--font_large_text--font_weight: 400; --vkui--font_large_text--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_size--regular: 16px; --vkui--font_headline--line_height--regular: 20px; --vkui--font_headline--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_weight--regular: 500; --vkui--font_headline--font_size--compact: 15px; --vkui--font_headline--line_height--compact: 20px; --vkui--colors_scheme: dark; --vkui--color_background_accent: #07f; --vkui--color_background_accent--hover: #0a7cff; --vkui--color_background_accent--active: #1482ff; --vkui--color_background_accent_themed: #fff; --vkui--color_background_accent_themed--hover: #ebedf0; --vkui--color_background_accent_themed--active: #d7d8db; --vkui--color_background_accent_themed_alpha: hsla(0,0%,100%,.2); --vkui--color_background_accent_themed_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_accent_themed_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_accent_alternative: #ff9e00; --vkui--color_background_accent_alternative--hover: #ffa20a; --vkui--color_background_accent_alternative--active: #ffa614; --vkui--color_background_content: #232324; --vkui--color_background_content--hover: #2c2c2d; --vkui--color_background_content--active: #353536; --vkui--color_background_content_alpha: rgba(35,35,36,.8); --vkui--color_background_content_alpha--hover: rgba(35,35,36,.84); --vkui--color_background_content_alpha--active: rgba(35,35,36,.88); --vkui--color_background_content_inverse: #fff; --vkui--color_background_content_inverse--hover: #ebedf0; --vkui--color_background_content_inverse--active: #d7d8db; --vkui--color_background_secondary: #2a2a2b; --vkui--color_background_secondary--hover: #333; --vkui--color_background_secondary--active: #3b3b3c; --vkui--color_background_secondary_alpha: hsla(0,0%,100%,.12); --vkui--color_background_secondary_alpha--hover: hsla(0,0%,100%,.16); --vkui--color_background_secondary_alpha--active: hsla(0,0%,100%,.2); --vkui--color_background: #19191a; --vkui--color_background--hover: #222223; --vkui--color_background--active: #2b2b2c; --vkui--color_background_contrast: #fff; --vkui--color_background_contrast--hover: #ebedf0; --vkui--color_background_contrast--active: #d7d8db; --vkui--color_background_contrast_secondary_alpha: hsla(0,0%,100%,.2); --vkui--color_background_contrast_secondary_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_contrast_secondary_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_warning: #6c4e00; --vkui--color_background_warning--hover: #72550a; --vkui--color_background_warning--active: #785c14; --vkui--color_background_negative: #ff5c5c; --vkui--color_background_negative--hover: #ff6363; --vkui--color_background_negative--active: #ff6969; --vkui--color_background_tertiary: #252525; --vkui--color_background_tertiary--hover: #2e2e2e; --vkui--color_background_tertiary--active: #363636; --vkui--color_background_tertiary_alpha: hsla(0,0%,100%,.02); --vkui--color_background_tertiary_alpha--hover: hsla(0,0%,100%,.1); --vkui--color_background_tertiary_alpha--active: hsla(0,0%,100%,.14); --vkui--color_background_modal: #303030; --vkui--color_background_modal--hover: #383838; --vkui--color_background_modal--active: #414141; --vkui--color_background_positive: #0dc268; --vkui--color_background_positive--hover: #17c46e; --vkui--color_background_positive--active: #20c774; --vkui--color_background_negative_tint: #522e2e; --vkui--color_background_negative_tint--hover: #593636; --vkui--color_background_negative_tint--active: #603f3f; --vkui--color_background_positive_tint: #182a22; --vkui--color_background_positive_tint--hover: #21332b; --vkui--color_background_positive_tint--active: #2a3b34; --vkui--color_field_background: #232324; --vkui--color_field_background--hover: #2c2c2d; --vkui--color_field_background--active: #353536; --vkui--color_background_modal_inverse: #fff; --vkui--color_background_modal_inverse--hover: #ebedf0; --vkui--color_background_modal_inverse--active: #d7d8db; --vkui--color_background_contrast_inverse: #303030; --vkui--color_background_contrast_inverse--hover: #383838; --vkui--color_background_contrast_inverse--active: #414141; --vkui--color_background_contrast_themed: #303030; --vkui--color_background_contrast_themed--hover: #383838; --vkui--color_background_contrast_themed--active: #414141; --vkui--color_background_accent_tint: #5a9eff; --vkui--color_background_accent_tint--hover: #61a2ff; --vkui--color_background_accent_tint--active: #67a6ff; --vkui--color_background_info_tint: #19202f; --vkui--color_background_info_tint--hover: #222937; --vkui--color_background_info_tint--active: #2b3240; --vkui--color_text_accent: #1a85ff; --vkui--color_text_accent--hover: #238aff; --vkui--color_text_accent--active: #2c8fff; --vkui--color_text_accent_themed: #fff; --vkui--color_text_accent_themed--hover: #ebedf0; --vkui--color_text_accent_themed--active: #d7d8db; --vkui--color_text_negative: #ff5c5c; --vkui--color_text_negative--hover: #ff6363; --vkui--color_text_negative--active: #ff6969; --vkui--color_text_link: #1a85ff; --vkui--color_text_link--hover: #238aff; --vkui--color_text_link--active: #2c8fff; --vkui--color_text_link_tint: #71aaeb; --vkui--color_text_link_tint--hover: #77adec; --vkui--color_text_link_tint--active: #7cb1ed; --vkui--color_text_link_themed: #fff; --vkui--color_text_link_themed--hover: #ebedf0; --vkui--color_text_link_themed--active: #d7d8db; --vkui--color_text_muted: #e7e8ea; --vkui--color_text_muted--hover: #e8e9eb; --vkui--color_text_muted--active: #e9eaec; --vkui--color_text_primary: #e7e8ea; --vkui--color_text_primary--hover: #e8e9eb; --vkui--color_text_primary--active: #e9eaec; --vkui--color_text_primary_alpha: rgba(249,252,255,.72); --vkui--color_text_primary_alpha--hover: rgba(249,252,255,.76); --vkui--color_text_primary_alpha--active: rgba(249,252,255,.8); --vkui--color_text_primary_invariably: #2c2d2e; --vkui--color_text_primary_invariably--hover: #343536; --vkui--color_text_primary_invariably--active: #3d3e3f; --vkui--color_text_secondary: #8c8e94; --vkui--color_text_secondary--hover: #919398; --vkui--color_text_secondary--active: #95979d; --vkui--color_text_secondary_alpha: rgba(247,251,255,.42); --vkui--color_text_secondary_alpha--hover: rgba(247,251,255,.46); --vkui--color_text_secondary_alpha--active: rgba(247,251,255,.5); --vkui--color_text_subhead: #bfc1c5; --vkui--color_text_subhead--hover: #c2c3c7; --vkui--color_text_subhead--active: #c4c6ca; --vkui--color_text_tertiary: #74767a; --vkui--color_text_tertiary--hover: #7a7b7f; --vkui--color_text_tertiary--active: #7f8185; --vkui--color_text_link_visited: #528fdf; --vkui--color_text_link_visited--hover: #5993e0; --vkui--color_text_link_visited--active: #6098e2; --vkui--color_text_contrast: #fff; --vkui--color_text_contrast--hover: #ebedf0; --vkui--color_text_contrast--active: #d7d8db; --vkui--color_text_contrast_themed: #2c2d2e; --vkui--color_text_contrast_themed--hover: #343536; --vkui--color_text_contrast_themed--active: #3d3e3f; --vkui--color_link_contrast: #fff; --vkui--color_link_contrast--hover: #ebedf0; --vkui--color_link_contrast--active: #d7d8db; --vkui--color_text_positive: #0dc268; --vkui--color_text_positive--hover: #17c46e; --vkui--color_text_positive--active: #20c774; --vkui--color_icon_accent: #07f; --vkui--color_icon_accent--hover: #0a7cff; --vkui--color_icon_accent--active: #1482ff; --vkui--color_icon_accent_themed: #fff; --vkui--color_icon_accent_themed--hover: #ebedf0; --vkui--color_icon_accent_themed--active: #d7d8db; --vkui--color_icon_primary: #d9dadd; --vkui--color_icon_primary--hover: #dbdbde; --vkui--color_icon_primary--active: #dcdde0; --vkui--color_icon_primary_invariably: #2c2d2e; --vkui--color_icon_primary_invariably--hover: #343536; --vkui--color_icon_primary_invariably--active: #3d3e3f; --vkui--color_icon_medium: #b0b1b6; --vkui--color_icon_medium--hover: #b3b4b9; --vkui--color_icon_medium--active: #b6b7bc; --vkui--color_icon_medium_alpha: rgba(245,246,255,.7); --vkui--color_icon_medium_alpha--hover: rgba(245,246,255,.74); --vkui--color_icon_medium_alpha--active: rgba(245,246,255,.78); --vkui--color_icon_secondary: #9c9da2; --vkui--color_icon_secondary--hover: #a0a1a6; --vkui--color_icon_secondary--active: #a4a5a9; --vkui--color_icon_secondary_alpha: rgba(245,246,255,.6); --vkui--color_icon_secondary_alpha--hover: rgba(245,246,255,.64); --vkui--color_icon_secondary_alpha--active: rgba(245,246,255,.68); --vkui--color_icon_tertiary: #83848a; --vkui--color_icon_tertiary--hover: #88898f; --vkui--color_icon_tertiary--active: #8d8e93; --vkui--color_icon_tertiary_alpha: rgba(245,246,255,.5); --vkui--color_icon_tertiary_alpha--hover: rgba(245,246,255,.54); --vkui--color_icon_tertiary_alpha--active: rgba(245,246,255,.58); --vkui--color_icon_contrast: #fff; --vkui--color_icon_contrast--hover: #ebedf0; --vkui--color_icon_contrast--active: #d7d8db; --vkui--color_icon_contrast_themed: #2c2d2e; --vkui--color_icon_contrast_themed--hover: #343536; --vkui--color_icon_contrast_themed--active: #3d3e3f; --vkui--color_icon_positive: #0dc268; --vkui--color_icon_positive--hover: #17c46e; --vkui--color_icon_positive--active: #20c774; --vkui--color_icon_warning: #ff9e00; --vkui--color_icon_warning--hover: #ffa20a; --vkui--color_icon_warning--active: #ffa614; --vkui--color_icon_negative: #ff5c5c; --vkui--color_icon_negative--hover: #ff6363; --vkui--color_icon_negative--active: #ff6969; --vkui--color_icon_contrast_secondary: #f2f3f5; --vkui--color_icon_contrast_secondary--hover: #f3f3f5; --vkui--color_icon_contrast_secondary--active: #f3f4f6; --vkui--color_stroke_accent: #07f; --vkui--color_stroke_accent--hover: #0a7cff; --vkui--color_stroke_accent--active: #1482ff; --vkui--color_stroke_accent_themed: #fff; --vkui--color_stroke_accent_themed--hover: #ebedf0; --vkui--color_stroke_accent_themed--active: #d7d8db; --vkui--color_stroke_contrast: #fff; --vkui--color_stroke_contrast--hover: #ebedf0; --vkui--color_stroke_contrast--active: #d7d8db; --vkui--color_stroke_negative: #ff5c5c; --vkui--color_stroke_negative--hover: #ff6363; --vkui--color_stroke_negative--active: #ff6969; --vkui--color_stroke_primary: #d9dadd; --vkui--color_stroke_primary--hover: #dbdbde; --vkui--color_stroke_primary--active: #dcdde0; --vkui--color_image_border_alpha: hsla(0,0%,100%,.08); --vkui--color_image_border_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_image_border_alpha--active: hsla(0,0%,100%,.16); --vkui--color_field_border_alpha: hsla(0,0%,100%,.16); --vkui--color_field_border_alpha--hover: hsla(0,0%,100%,.2); --vkui--color_field_border_alpha--active: hsla(0,0%,100%,.24); --vkui--color_separator_primary_alpha: rgba(0,0,0,.4); --vkui--color_separator_primary_alpha--hover: rgba(0,0,0,.44); --vkui--color_separator_primary_alpha--active: rgba(0,0,0,.48); --vkui--color_separator_secondary: #181818; --vkui--color_separator_secondary--hover: #212121; --vkui--color_separator_secondary--active: #2a2a2a; --vkui--color_separator_primary: #151516; --vkui--color_separator_primary--hover: #1e1e1f; --vkui--color_separator_primary--active: #282829; --vkui--color_stroke_positive: #0dc268; --vkui--color_stroke_positive--hover: #17c46e; --vkui--color_stroke_positive--active: #20c774; --vkui--color_separator_primary2x: #202022; --vkui--color_separator_primary2x--hover: #29292b; --vkui--color_separator_primary2x--active: #323234; --vkui--color_separator_primary3x: #2d2d2f; --vkui--color_separator_primary3x--hover: #353537; --vkui--color_separator_primary3x--active: #3e3e40; --vkui--color_accent_blue: #07f; --vkui--color_accent_blue--hover: #0a7cff; --vkui--color_accent_blue--active: #1482ff; --vkui--color_accent_gray: #9c9da2; --vkui--color_accent_gray--hover: #a0a1a6; --vkui--color_accent_gray--active: #a4a5a9; --vkui--color_accent_red: #ed330a; --vkui--color_accent_red--hover: #ee3b14; --vkui--color_accent_red--active: #ee431e; --vkui--color_accent_orange_fire: #f05c44; --vkui--color_accent_orange_fire--hover: #f1634b; --vkui--color_accent_orange_fire--active: #f16953; --vkui--color_accent_orange: #ff9e00; --vkui--color_accent_orange--hover: #ffa20a; --vkui--color_accent_orange--active: #ffa614; --vkui--color_accent_orange_peach: #ffc062; --vkui--color_accent_orange_peach--hover: #ffc368; --vkui--color_accent_orange_peach--active: #ffc56f; --vkui--color_accent_lime: #b8fc75; --vkui--color_accent_lime--hover: #bbfc7b; --vkui--color_accent_lime--active: #befc80; --vkui--color_accent_green: #0dc268; --vkui--color_accent_green--hover: #17c46e; --vkui--color_accent_green--active: #20c774; --vkui--color_accent_cyan: #07e5f9; --vkui--color_accent_cyan--hover: #11e6f9; --vkui--color_accent_cyan--active: #1be7f9; --vkui--color_accent_azure: #07f; --vkui--color_accent_azure--hover: #0a7cff; --vkui--color_accent_azure--active: #1482ff; --vkui--color_accent_purple: #8c64ff; --vkui--color_accent_purple--hover: #916aff; --vkui--color_accent_purple--active: #9570ff; --vkui--color_accent_violet: #c15df3; --vkui--color_accent_violet--hover: #c363f3; --vkui--color_accent_violet--active: #c66af4; --vkui--color_accent_raspberry_pink: #f060c0; --vkui--color_accent_raspberry_pink--hover: #f166c3; --vkui--color_accent_raspberry_pink--active: #f16dc5; --vkui--color_accent_pink: #ff3985; --vkui--color_accent_pink--hover: #ff418a; --vkui--color_accent_pink--active: #ff498f; --vkui--color_accent_secondary: #ff9e00; --vkui--color_accent_secondary--hover: #ffa20a; --vkui--color_accent_secondary--active: #ffa614; --vkui--color_action_sheet_text: #07f; --vkui--color_action_sheet_text--hover: #0a7cff; --vkui--color_action_sheet_text--active: #1482ff; --vkui--color_header_background: #232324; --vkui--color_header_background--hover: #2c2c2d; --vkui--color_header_background--active: #353536; --vkui--color_panel_header_icon: #07f; --vkui--color_panel_header_icon--hover: #0a7cff; --vkui--color_panel_header_icon--active: #1482ff; --vkui--color_write_bar_input_background: #2a2a2b; --vkui--color_write_bar_input_background--hover: #333; --vkui--color_write_bar_input_background--active: #3b3b3c; --vkui--color_write_bar_input_border: #2c2d2e; --vkui--color_write_bar_input_border--hover: #343536; --vkui--color_write_bar_input_border--active: #3d3e3f; --vkui--color_write_bar_input_border_alpha: hsla(0,0%,100%,.8); --vkui--color_write_bar_input_border_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_write_bar_input_border_alpha--active: hsla(0,0%,100%,.88); --vkui--color_track_background: #434445; --vkui--color_track_background--hover: #4b4b4c; --vkui--color_track_background--active: #525354; --vkui--color_track_buffer: #83aaea; --vkui--color_track_buffer--hover: #88adeb; --vkui--color_track_buffer--active: #8db1ec; --vkui--color_image_placeholder: #393a3b; --vkui--color_image_placeholder--hover: #414243; --vkui--color_image_placeholder--active: #494a4b; --vkui--color_image_placeholder_alpha: hsla(0,0%,100%,.8); --vkui--color_image_placeholder_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_image_placeholder_alpha--active: hsla(0,0%,100%,.88); --vkui--color_search_field_background: #393a3b; --vkui--color_search_field_background--hover: #414243; --vkui--color_search_field_background--active: #494a4b; --vkui--color_write_bar_icon: #07f; --vkui--color_write_bar_icon--hover: #0a7cff; --vkui--color_write_bar_icon--active: #1482ff; --vkui--color_skeleton_from: #2a2a2b; --vkui--color_skeleton_from--hover: #333; --vkui--color_skeleton_from--active: #3b3b3c; --vkui--color_skeleton_to: #3e3f40; --vkui--color_skeleton_to--hover: #464748; --vkui--color_skeleton_to--active: #4d4e4f; --vkui--color_avatar_overlay: hsla(220,4%,70%,.48); --vkui--color_avatar_overlay--hover: hsla(220,4%,70%,.52); --vkui--color_avatar_overlay--active: hsla(220,4%,70%,.56); --vkui--color_avatar_overlay_inverse_alpha: hsla(0,0%,100%,.85); --vkui--color_avatar_overlay_inverse_alpha--hover: hsla(0,0%,100%,.89); --vkui--color_avatar_overlay_inverse_alpha--active: hsla(0,0%,100%,.93); --vkui--color_overlay_primary: rgba(0,0,0,.72); --vkui--color_overlay_primary--hover: rgba(0,0,0,.76); --vkui--color_overlay_primary--active: rgba(0,0,0,.8); --vkui--color_overlay_secondary: rgba(55,56,57,.5); --vkui--color_overlay_secondary--hover: rgba(55,56,57,.54); --vkui--color_overlay_secondary--active: rgba(55,56,57,.58); --vkui--color_segmented_control: #626364; --vkui--color_segmented_control--hover: #68696a; --vkui--color_segmented_control--active: #6f6f70; --vkui--color_tabbar_text_inactive: #76787a; --vkui--color_tabbar_text_inactive--hover: #7b7d7f; --vkui--color_tabbar_text_inactive--active: #818385; --vkui--color_button_text: #fff; --vkui--color_button_text--hover: #ebedf0; --vkui--color_button_text--active: #d7d8db; --vkui--color_button_icon: #fff; --vkui--color_button_icon--hover: #ebedf0; --vkui--color_button_icon--active: #d7d8db; --vkui--color_button_stroke: #fff; --vkui--color_button_stroke--hover: #ebedf0; --vkui--color_button_stroke--active: #d7d8db; --vkui--color_transparent: transparent; --vkui--color_transparent--hover: hsla(0,0%,100%,.04); --vkui--color_transparent--active: hsla(0,0%,100%,.08); --vkui--color_rating: #ffd400; --vkui--color_rating--hover: #ffd60a; --vkui--color_rating--active: #ffd714; --vkui--color_button_contrast_alpha: hsla(0,0%,100%,.12); --vkui--color_button_contrast_alpha--hover: hsla(0,0%,100%,.2); --vkui--color_button_contrast_alpha--active: hsla(0,0%,100%,.24); --vkui--color_button_contrast: #252526; --vkui--color_button_contrast--hover: #29292a; --vkui--color_button_contrast--active: #2c2c2d; --vkui--color_thumb_error_background_alpha: rgba(237,10,52,.12); --vkui--color_thumb_error_background_alpha--hover: rgba(237,10,52,.16); --vkui--color_thumb_error_background_alpha--active: rgba(237,10,52,.2); --vkui--color_background_accent_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_accent_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_accent_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_accent_tint_alpha: rgba(0,119,255,.1); --vkui--color_background_accent_tint_alpha--hover: rgba(0,119,255,.14); --vkui--color_background_accent_tint_alpha--active: rgba(0,119,255,.18); --vkui--color_background_accent_tint_themed: #2b2b2c; --vkui--color_background_accent_tint_themed--hover: #333334; --vkui--color_background_accent_tint_themed--active: #3c3c3d; --vkui--color_background_warning_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_warning_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_warning_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_warning_tint_alpha: rgba(255,158,0,.1); --vkui--color_background_warning_tint_alpha--hover: rgba(255,158,0,.14); --vkui--color_background_warning_tint_alpha--active: rgba(255,158,0,.18); --vkui--color_background_warning_tint_themed: #2b2b2c; --vkui--color_background_warning_tint_themed--hover: #333334; --vkui--color_background_warning_tint_themed--active: #3c3c3d; --vkui--color_background_warning_tint: #302617; --vkui--color_background_warning_tint--hover: #382f20; --vkui--color_background_warning_tint--active: #41372a; --vkui--color_background_negative_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_negative_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_negative_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_negative_tint_alpha: rgba(237,51,10,.1); --vkui--color_background_negative_tint_alpha--hover: rgba(237,51,10,.14); --vkui--color_background_negative_tint_alpha--active: rgba(237,51,10,.18); --vkui--color_background_negative_tint_themed: #2b2b2c; --vkui--color_background_negative_tint_themed--hover: #333334; --vkui--color_background_negative_tint_themed--active: #3c3c3d; --vkui--color_background_positive_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_positive_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_positive_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_positive_tint_alpha: rgba(13,194,104,.1); --vkui--color_background_positive_tint_alpha--hover: rgba(13,194,104,.14); --vkui--color_background_positive_tint_alpha--active: rgba(13,194,104,.18); --vkui--color_background_positive_tint_themed: #2b2b2c; --vkui--color_background_positive_tint_themed--hover: #333334; --vkui--color_background_positive_tint_themed--active: #3c3c3d; --vkui--color_tooltip_background_blue_tint: #1c4479; --vkui--color_tooltip_background_blue_tint--hover: #254b7e; --vkui--color_tooltip_background_blue_tint--active: #2e5384; --vkui--color_tooltip_background_green_tint: #087c6d; --vkui--color_tooltip_background_green_tint--hover: #128173; --vkui--color_tooltip_background_green_tint--active: #1c8679; --vkui--color_tooltip_background_orange_tint: #78472a; --vkui--color_tooltip_background_orange_tint--hover: #7d4e33; --vkui--color_tooltip_background_orange_tint--active: #83563b; --vkui--color_tooltip_background_purple_tint: #73519f; --vkui--color_tooltip_background_purple_tint--hover: #7958a3; --vkui--color_tooltip_background_purple_tint--active: #7e5fa7; --vkui--color_tooltip_text_blue_themed: #fff; --vkui--color_tooltip_text_blue_themed--hover: #ebedf0; --vkui--color_tooltip_text_blue_themed--active: #d7d8db; --vkui--color_tooltip_text_green_themed: #fff; --vkui--color_tooltip_text_green_themed--hover: #ebedf0; --vkui--color_tooltip_text_green_themed--active: #d7d8db; --vkui--color_tooltip_text_orange_themed: #fff; --vkui--color_tooltip_text_orange_themed--hover: #ebedf0; --vkui--color_tooltip_text_orange_themed--active: #d7d8db; --vkui--color_tooltip_text_purple_themed: #fff; --vkui--color_tooltip_text_purple_themed--hover: #ebedf0; --vkui--color_tooltip_text_purple_themed--active: #d7d8db; --vkui--color_background_sky: #2b2b2c; --vkui--color_background_sky--hover: #333334; --vkui--color_background_sky--active: #3c3c3d; --vkui--color_background_sky_alpha: rgba(51,51,51,.8); --vkui--color_background_sky_alpha--hover: rgba(51,51,51,.84); --vkui--color_background_sky_alpha--active: rgba(51,51,51,.88); --vkui--cloud_color_text_secondary_alpha: hsla(0,0%,100%,.48); --vkui--cloud_color_text_secondary_alpha--hover: hsla(0,0%,100%,.52); --vkui--cloud_color_text_secondary_alpha--active: hsla(0,0%,100%,.56); --vkui--cloud_color_text_accent_alternative: #ff9e00; --vkui--cloud_color_text_accent_alternative--hover: #ffa20a; --vkui--cloud_color_text_accent_alternative--active: #ffa614; --vkui--cloud_color_text_snackbar_accent: #65a0ff; --vkui--cloud_color_text_snackbar_accent--hover: #6ba4ff; --vkui--cloud_color_text_snackbar_accent--active: #71a8ff; --vkui--cloud_color_text_contrast_themed_alpha: hsla(0,0%,100%,.6); --vkui--cloud_color_text_contrast_themed_alpha--hover: hsla(0,0%,100%,.64); --vkui--cloud_color_text_contrast_themed_alpha--active: hsla(0,0%,100%,.68); --vkui--cloud_color_toolbar_background: #1f1f1f; --vkui--cloud_color_toolbar_background--hover: #282828; --vkui--cloud_color_toolbar_background--active: #313131; --vkui--cloud_color_viewer_background: #000; --vkui--cloud_color_viewer_background--hover: #0a0a0a; --vkui--cloud_color_viewer_background--active: #141414; --vkui--cloud_color_tabbar_background_alpha: rgba(43,43,43,.9); --vkui--cloud_color_tabbar_background_alpha--hover: rgba(43,43,43,.94); --vkui--cloud_color_tabbar_background_alpha--active: rgba(43,43,43,.98); --vkui--cloud_color_header_icon_background_alpha: hsla(0,0%,71%,.16); --vkui--cloud_color_header_icon_background_alpha--hover: hsla(0,0%,71%,.2); --vkui--cloud_color_header_icon_background_alpha--active: hsla(0,0%,71%,.24); --vkui--cloud_color_background_drag_and_drop: #000b1e; --vkui--cloud_color_background_drag_and_drop--hover: #0a1527; --vkui--cloud_color_background_drag_and_drop--active: #141f30; --vkui--cloud_color_background_c_t_a: #1b1d21; --vkui--cloud_color_background_c_t_a--hover: #24262a; --vkui--cloud_color_background_c_t_a--active: #2d2f33; --vkui--cloud_color_header_search_background: #303030; --vkui--cloud_color_header_search_background--hover: #383838; --vkui--cloud_color_header_search_background--active: #414141; --vkui--cloud_color_header_search_background_collapsed: #303030; --vkui--cloud_color_header_search_background_collapsed--hover: #383838; --vkui--cloud_color_header_search_background_collapsed--active: #414141; --vkui--cloud_color_background_portal: #19191a; --vkui--cloud_color_background_portal--hover: #222223; --vkui--cloud_color_background_portal--active: #2b2b2c; --vkui--cloud_color_background_alternative: #191919; --vkui--cloud_color_background_alternative--hover: #222; --vkui--cloud_color_background_alternative--active: #2b2b2b; --vkui--cloud_color_background_content_alternative: #2a2a2a; --vkui--cloud_color_background_content_alternative--hover: #333; --vkui--cloud_color_background_content_alternative--active: #3b3b3b; --vkui--cloud_color_background_fast_scroll: #39393c; --vkui--cloud_color_background_fast_scroll--hover: #414144; --vkui--cloud_color_background_fast_scroll--active: #49494c; --vkui--cloud_color_icon_accent_alternative: #ff9e00; --vkui--cloud_color_icon_accent_alternative--hover: #ffa20a; --vkui--cloud_color_icon_accent_alternative--active: #ffa614; --vkui--cloud_color_icon_rating: #ffd400; --vkui--cloud_color_icon_rating--hover: #ffd60a; --vkui--cloud_color_icon_rating--active: #ffd714; --vkui--cloud_color_icon_folder: #fedd69; --vkui--cloud_color_icon_folder--hover: #fede6f; --vkui--cloud_color_icon_folder--active: #fee075; --vkui--cloud_color_landing_stroke_tariff: #249afc; --vkui--cloud_color_landing_stroke_tariff--hover: #2d9efc; --vkui--cloud_color_landing_stroke_tariff--active: #36a2fc; --vkui--cloud_color_sweetblue: #1c4479; --vkui--cloud_color_sweetblue--hover: #254b7e; --vkui--cloud_color_sweetblue--active: #2e5384; --vkui--cloud_color_blue_accent_themed: #fff; --vkui--cloud_color_blue_accent_themed--hover: #ebedf0; --vkui--cloud_color_blue_accent_themed--active: #d7d8db; --vkui--cloud_color_sweetgreen: #087c6d; --vkui--cloud_color_sweetgreen--hover: #128173; --vkui--cloud_color_sweetgreen--active: #1c8679; --vkui--cloud_color_green_accent_themed: #fff; --vkui--cloud_color_green_accent_themed--hover: #ebedf0; --vkui--cloud_color_green_accent_themed--active: #d7d8db; --vkui--cloud_color_sweetorange: #78472a; --vkui--cloud_color_sweetorange--hover: #7d4e33; --vkui--cloud_color_sweetorange--active: #83563b; --vkui--cloud_color_orange_accent_themed: #fff; --vkui--cloud_color_orange_accent_themed--hover: #ebedf0; --vkui--cloud_color_orange_accent_themed--active: #d7d8db; --vkui--cloud_color_sweetpurple: #73519f; --vkui--cloud_color_sweetpurple--hover: #7958a3; --vkui--cloud_color_sweetpurple--active: #7e5fa7; --vkui--cloud_color_purple_accent_themed: #fff; --vkui--cloud_color_purple_accent_themed--hover: #ebedf0; --vkui--cloud_color_purple_accent_themed--active: #d7d8db; --vkui--cloud_color_icon_i_d_card_themed_alpha: hsla(0,0%,100%,.08); --vkui--cloud_color_icon_i_d_card_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_icon_i_d_card_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--cloud_color_icon_i_d_card: #1b85ff; --vkui--cloud_color_icon_i_d_card--hover: #248aff; --vkui--cloud_color_icon_i_d_card--active: #2d8fff; --vkui--cloud_color_icon_official_themed_alpha: hsla(0,0%,100%,.08); --vkui--cloud_color_icon_official_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_icon_official_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--cloud_color_icon_official: #ec4750; --vkui--cloud_color_icon_official--hover: #ed4e57; --vkui--cloud_color_icon_official--active: #ee565e; --vkui--cloud_color_icon_transport_themed: hsla(0,0%,100%,.08); --vkui--cloud_color_icon_transport_themed--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_icon_transport_themed--active: hsla(0,0%,100%,.16); --vkui--cloud_color_icon_transport: #ae7eec; --vkui--cloud_color_icon_transport--hover: #b183ed; --vkui--cloud_color_icon_transport--active: #b488ee; --vkui--cloud_color_icon_finance_themed: hsla(0,0%,100%,.08); --vkui--cloud_color_icon_finance_themed--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_icon_finance_themed--active: hsla(0,0%,100%,.16); --vkui--cloud_color_icon_finance: #24c780; --vkui--cloud_color_icon_finance--hover: #2dc985; --vkui--cloud_color_icon_finance--active: #36cb8a; --vkui--cloud_color_icon_file_document_invariably: #018bf2; --vkui--cloud_color_icon_file_document_invariably--hover: #0b90f3; --vkui--cloud_color_icon_file_document_invariably--active: #1594f3; --vkui--cloud_color_icon_file_presentation_invariably: #da4c4e; --vkui--cloud_color_icon_file_presentation_invariably--hover: #db5355; --vkui--cloud_color_icon_file_presentation_invariably--active: #dd5a5c; --vkui--cloud_color_icon_file_table_invariably: #019784; --vkui--cloud_color_icon_file_table_invariably--hover: #0b9b89; --vkui--cloud_color_icon_file_table_invariably--active: #159f8e; --vkui--cloud_color_background_file_document: #353535; --vkui--cloud_color_background_file_document--hover: #3d3d3d; --vkui--cloud_color_background_file_document--active: #454545; --vkui--cloud_color_background_file_presentation: #353535; --vkui--cloud_color_background_file_presentation--hover: #3d3d3d; --vkui--cloud_color_background_file_presentation--active: #454545; --vkui--cloud_color_background_file_table: #353535; --vkui--cloud_color_background_file_table--hover: #3d3d3d; --vkui--cloud_color_background_file_table--active: #454545; --vkui--cloud_color_background_file_other_alpha: hsla(0,0%,100%,.08); --vkui--cloud_color_background_file_other_alpha--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_background_file_other_alpha--active: hsla(0,0%,100%,.16); --vkui--cloud_color_background_profile_tariff: #563940; --vkui--cloud_color_background_profile_tariff--hover: #5d4148; --vkui--cloud_color_background_profile_tariff--active: #64494f; --vkui--cloud_color_icon_profile_tariff: #ff5b9a; --vkui--cloud_color_icon_profile_tariff--hover: #ff629e; --vkui--cloud_color_icon_profile_tariff--active: #ff68a2; --vkui--cloud_color_background_profile_access: #354c2c; --vkui--cloud_color_background_profile_access--hover: #3d5334; --vkui--cloud_color_background_profile_access--active: #455a3d; --vkui--cloud_color_icon_profile_access: #5cba38; --vkui--cloud_color_icon_profile_access--hover: #63bd40; --vkui--cloud_color_icon_profile_access--active: #69c048; --vkui--cloud_color_background_profile_uploading: #524228; --vkui--cloud_color_background_profile_uploading--hover: #594a31; --vkui--cloud_color_background_profile_uploading--active: #605139; --vkui--cloud_color_icon_profile_uploading: #ff9e00; --vkui--cloud_color_icon_profile_uploading--hover: #ffa20a; --vkui--cloud_color_icon_profile_uploading--active: #ffa614; --vkui--cloud_color_background_profile_trash: #414346; --vkui--cloud_color_background_profile_trash--hover: #494b4d; --vkui--cloud_color_background_profile_trash--active: #505255; --vkui--cloud_color_icon_profile_trash: #c9c9c9; --vkui--cloud_color_icon_profile_trash--hover: #cbcbcb; --vkui--cloud_color_icon_profile_trash--active: #cdcdcd; --vkui--cloud_color_background_profile_settings: #30443b; --vkui--cloud_color_background_profile_settings--hover: #384b43; --vkui--cloud_color_background_profile_settings--active: #41534b; --vkui--cloud_color_icon_profile_settings: #06c7af; --vkui--cloud_color_icon_profile_settings--hover: #10c9b2; --vkui--cloud_color_icon_profile_settings--active: #1acbb5; --vkui--cloud_color_background_profile_mail: #273d4e; --vkui--cloud_color_background_profile_mail--hover: #304555; --vkui--cloud_color_background_profile_mail--active: #384d5c; --vkui--cloud_color_icon_profile_mail: #1b85ff; --vkui--cloud_color_icon_profile_mail--hover: #248aff; --vkui--cloud_color_icon_profile_mail--active: #2d8fff; --vkui--cloud_color_landing_background: #000; --vkui--cloud_color_landing_background--hover: #0a0a0a; --vkui--cloud_color_landing_background--active: #141414; --vkui--cloud_color_landing_secondary_background: #303030; --vkui--cloud_color_landing_secondary_background--hover: #383838; --vkui--cloud_color_landing_secondary_background--active: #414141; --vkui--cloud_color_landing_tertiary_background: #191919; --vkui--cloud_color_landing_tertiary_background--hover: #222; --vkui--cloud_color_landing_tertiary_background--active: #2b2b2b; --vkui--cloud_color_landing_medium_background: #19191a; --vkui--cloud_color_landing_medium_background--hover: #222223; --vkui--cloud_color_landing_medium_background--active: #2b2b2c; --vkui--cloud_color_landing_button_background: #191919; --vkui--cloud_color_landing_button_background--hover: #222; --vkui--cloud_color_landing_button_background--active: #2b2b2b; --vkui--cloud_color_landing_label_background: #191919; --vkui--cloud_color_landing_label_background--hover: #222; --vkui--cloud_color_landing_label_background--active: #2b2b2b; --vkui--cloud_color_landing_label_inverse_background: #2775fc; --vkui--cloud_color_landing_label_inverse_background--hover: #307bfc; --vkui--cloud_color_landing_label_inverse_background--active: #3880fc; --vkui--cloud_color_landing_control_primary_background: #3b3b3b; --vkui--cloud_color_landing_control_primary_background--hover: #434343; --vkui--cloud_color_landing_control_primary_background--active: #4b4b4b; --vkui--cloud_color_landing_control_secondary_background: #262627; --vkui--cloud_color_landing_control_secondary_background--hover: #2f2f30; --vkui--cloud_color_landing_control_secondary_background--active: #373738; --vkui--cloud_color_subscription_button_background: #191919; --vkui--cloud_color_subscription_button_background--hover: #222; --vkui--cloud_color_subscription_button_background--active: #2b2b2b; --vkui--cloud_color_scroll_indicator_alpha: hsla(0,0%,100%,.28); --vkui--cloud_color_scroll_indicator_alpha--hover: hsla(0,0%,100%,.32); --vkui--cloud_color_scroll_indicator_alpha--active: hsla(0,0%,100%,.36); --vkui--cloud_color_sidebar_item_text: #fff; --vkui--cloud_color_sidebar_item_text--hover: #ebedf0; --vkui--cloud_color_sidebar_item_text--active: #d7d8db; --vkui--cloud_color_sidebar_item_text_primary: #e7e8ea; --vkui--cloud_color_sidebar_item_text_primary--hover: #e8e9eb; --vkui--cloud_color_sidebar_item_text_primary--active: #e9eaec; --vkui--cloud_color_sidebar_item_text_secondary: #8c8e94; --vkui--cloud_color_sidebar_item_text_secondary--hover: #919398; --vkui--cloud_color_sidebar_item_text_secondary--active: #95979d; --vkui--cloud_color_sidebar_item_background_alpha: transparent; --vkui--cloud_color_sidebar_item_background_alpha--hover: hsla(0,0%,100%,.24); --vkui--cloud_color_sidebar_item_background_alpha--active: hsla(0,0%,100%,.24); --vkui--cloud_color_background: #19191a; --vkui--cloud_color_background--hover: #222223; --vkui--cloud_color_background--active: #2b2b2c; --vkui--cloud_color_overlay_background: transparent; --vkui--cloud_color_overlay_background--hover: hsla(0,0%,100%,.04); --vkui--cloud_color_overlay_background--active: hsla(0,0%,100%,.08); } body.rebranding { --vkui--color_accent_blue: #0070f0; --vkui--color_text_accent: #0070f0; --vkui--color_text_link: #0070f0; --vkui--color_background_accent_tint_alpha: color-mix(in srgb,var(--vkui--color_background_accent) 10%,transparent); --vkui--color_icon_accent: #07f; --vkui--color_icon_accent--hover: #0073f7; --vkui--color_stroke_accent: #07f; --vkui--color_background_accent: #07f; --vkui--color_background_accent--hover: #0073f7; --vkui--color_background_accent--active: #006fef; --vkui--color_background_modal: #fff; --vkui--color_background_close_button_modal: rgba(0,16,61,.078); --vkui--color_text_negative: #e64646; --rebranding_dark_theme_color_background-content-alternative: #2a2a2a; --rebranding_color_text-alternative: #2c2d2e; --rebranding_color_background-content-alternative: #fff; --rebranding_color_background-content-alternative--hover: #ebedf0; --rebranding_color_background-content-alternative--active: #d7d8db; --rebranding_color_background_alternative: #f3f3f5; --rebranding_dark_theme_color_lime: #b8fc75; --rebranding_theme_color_background_teritary: #f9f9fa; --rebranding_dark_theme_color_background_secondary_alpha: color-mix(in srgb,#fff 16%,transparent); --rebranding_dark_theme_color_background-modal: #222; --rebranding--dark_theme_color_background_sky: #2b2b2c; --rebranding--dark_theme_color_background_sky_alternative: #222223; --rebranding--color_background_element_accent: rgba(71,71,71,.059); --rebranding--color-background_header_icon: hsla(0,0%,71%,.161); --rebranding_theme_color_background_secondary: #f3f3f5; --vkui--color_text_accent--hover: var(--vkui--color_background_accent--hover); --vkui--color_text_accent--active: var(--vkui--color_background_accent--active); --color-empty-border: var(--vkui--color_stroke_accent); --rebranding_color_lime: #97e946; --vkui--color_text_accent_contrast_themed: #fff; --vkui--color_text_accent_themed: #0070f0; --vkui--color_icon_accent_themed: #07f; --rebranding--color_background_sky: rgba(204,228,255,.9); --rebranding--color_background_sky_opaque: #cce4ff; --rebranding--color_text_contrast: #fff; --rebranding--color_icon_contrast: #fff; --rebranding--color_field_background: #2b2b2c; --rebranding--color_background_accent_tint_alpha: rgba(0,119,255,.1); --vkui--color_background_negative_tint_alpha: rgba(237,10,52,.12); --vkui--color_background_border: #0070ff; --rebranding--color_text_primary: #fff; --rebranding--color_background_modal: #ebf2ff; --color-overquota: #ff5c5c; --vkui--color_background: #fff; --rebranding-color-landing-control-primary-background: #fff; --rebranding-color-landing-control-secondary-background: #e7e8ec; --rebranding-color-landing-secondary-background: #fff; --rebranding-color-background-viewer: #000; --rebranding-color-background--hover: #000; --vkui--color-other-cloud-color-landing-button-background: #ebf2ff; --vkui--color-other-cloud-color-landing-button-background--hover: #e3edff; --vkui--color-other-cloud-color-landing-button-background--active: #d8e6ff; --vkui--color-palette-cloud-color-icon-profile-access: #018646; --vkui--color_background_field: #fff; --vkui--color_palette_lime: #b8fc75; --rebranding_color_leftside_background: #fff; --vkui--color_palette_icon_id_card_themed: #ebf2ff; --vkui--color_other_image_placeholder: #e6e7eb; --vkui--color_stroke_field_border_alpha: rgba(0,0,0,.2); --vkui--color_stroke_primary: hsla(0,0%,56%,.5); --vkui--color_background_dark: #2a2a2a; --vkui--color_background_input: #f5f5f7; --vkui--color_text_tertiary: #aaadb3; --nocode-3promo-modal-filter: drop-shadow(0 0 4px color-mix(in srgb,var(--vkui--color_background_tertiary_alpha--active) 16%,transparent)) drop-shadow(0 4px 32px color-mix(in srgb,var(--vkui--color_background_tertiary_alpha--active) 80%,transparent)); } body.vkui--cloud--dark.rebranding { --vkui--color_text_accent: #1a85ff; --vkui--color_text_link: #1a85ff; --vkui--color_background_accent: #07f; --vkui--color_background_accent_tint_alpha: color-mix(in srgb,var(--vkui--color_background_accent) 10%,transparent); --vkui--color_stroke_accent: #07f; --vkui--color_background_accent--hover: #0073f7; --vkui--color_background_accent--active: #006fef; --vkui--color_background_modal: #222; --vkui--color_background_close_button_modal: hsla(0,0%,100%,.161); --vkui--color_field_border_alpha: hsla(0,0%,56%,.5); --vkui--color_background_secondary: #343434; --vkui--color_background_negative_tint_alpha: rgba(237,10,52,.1); --vkui--color_text_negative: #ff5c5c; --vkui--color_icon_secondary: #a5a7ad; --vkui--color_text_secondary: #8c8e94; --vkui--color_overlay_primary: rgba(0,0,0,.78); --hover: var(--vkui--color_background_accent--hover); --vkui--color_text_accent--active: var(--vkui--color_background_accent--active); --color-empty-border: var(--vkui--color_stroke_accent); --vkui--color_background_tertiary_alpha--active: #000; --rebranding_theme_color_background_teritary: #252525; --rebranding_theme_color_background_secondary: #343434; --rebranding_theme_color_background_secondary--hover: #464748; --rebranding_theme_color_background_secondary--active: #39393c; --vkui--color_text_accent_contrast_themed: #fff; --vkui--color_text_accent_themed: #fff; --vkui--color_icon_accent_themed: #fff; --color-overquota: #ff5c5c; --rebranding_color_lime: #b8fc75; --rebranding_color_background-content-alternative: #2a2a2a; --rebranding_color_background_alternative: #191919; --vkui--color_background: #191919; --rebranding-color-landing-control-primary-background: #3b3b3b; --rebranding-color-landing-control-secondary-background: #262627; --rebranding-color-landing-secondary-background: #303030; --rebranding-color-background-viewer: #000; --rebranding_dark_theme_color_stroke_field_border_alpha: hsla(0,0%,56%,.5); --rebranding_dark_theme_color_stroke_negative: #ff5c5c; --rebranding_dark_theme_color_negative_tint: #401616; --vkui--color-other-cloud-color-landing-button-background: #191919; --vkui--color-other-cloud-color-landing-button-background--hover: #232324; --vkui--color-other-cloud-color-landing-button-background--active: #1d1d1d; --vkui--color_background_field: #292929; --vkui--color_palette_lime: #b8fc75; --rebranding_color_leftside_background: #191919; --vkui--color_palette_icon_id_card_themed: #393a3b; --vkui--color_other_image_placeholder: #393a3b; --vkui--color_stroke_field_border_alpha: hsla(0,0%,56%,.5); --vkui--color_text_tertiary: #74767a; --nocode-3promo-modal-filter: drop-shadow(0 0 4px color-mix(in srgb,var(--vkui--color_background_tertiary_alpha--active) 16%,transparent)) drop-shadow(0 4px 32px color-mix(in srgb,var(--vkui--color_background_tertiary_alpha--active) 40%,transparent)); } :root { --font_family--vk_sans_display: VKSansDisplay,Helvetica,Arial,sans-serif; } body, body.vkui--cloud--dark { --vkui--font_family_base: var(--font_family--vk_sans_display); --vkui--font_family_accent: var(--font_family--vk_sans_display); --vkui--font_display_title1--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_display_title2--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_display_title2--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_display_title3--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_display_title4--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_title1--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_title2--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_title3--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_text--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_text--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_subhead--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_subhead--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_footnote--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_footnote--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_footnote_caps--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_caption1--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_caption1--font_weight--compact: var(--font_family--vk_sans_display); --vkui--font_h0--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_h0--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_h1--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_h1--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_h2--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_h2--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_title2_custom--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_title3_custom--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_title3_custom--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_caption1_caps_demibold--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_caption2_caps_demibold--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_caption3_caps_demibold--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_subtitle_medium--font_family: var(--font_family--vk_sans_display); --vkui--font_subtitle_custom--font_family: var(--font_family--vk_sans_display); --vkui--font_headline_large_medium--font_family: var(--font_family--vk_sans_display); --vkui--font_large_text--font_family: var(--font_family--vk_sans_display); --vkui--font_headline--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_title1--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_title2--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_title3--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_headline1--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_headline2--font_family--regular: var(--font_family--vk_sans_display); } .vkui__portal-root, .vkui__root { --font-common: var(--font_family--vk_sans_display); } body iframe { --vkui--elevation2: 0 4px 32px 0 rgba(0,16,61,.32); } .application-mail { background-color: var(--theme-background-color); height: 100%; width: 100%; } @media (max-width: 500px) { .application-mail { background-position: center top; } } .application-mail > .application-mail__overlay { background-color: var(--vkui--cloud_color_overlay_background); background-image: var(--vkui--cloud_image_overlay_background); height: 100%; width: 100%; } :root { --vkui_internal--tabbar_height: 48px; --vkui_internal--thin_border: 1px; --vkui_internal--grid_avatar_image_offset: 2px; --vkui_internal--slider_thumb_size: 28px; --vkui_internal--side_cell_gap: calc(var(--vkui--size_base_padding_horizontal--regular) - var(--vkui--spacing_size_s)); --vkui_internal--popover_safe_zone_padding: 8px; --vkui_internal--white: #fff; --vkui_internal--safe_area_inset_top: 0px; --vkui_internal--safe_area_inset_right: 0px; --vkui_internal--safe_area_inset_bottom: 0px; --vkui_internal--safe_area_inset_left: 0px; --vkui_internal--duration: 0.7s; --vkui_internal--z_index_cell_dragging: 1; --vkui_internal--z_index_tabs: 2; --vkui_internal--z_index_fixed_layout: 3; --vkui_internal--z_index_panel_header_context: 4; --vkui_internal--z_index_panel_header_fade: 5; --vkui_internal--z_index_pull_to_refresh: 9; --vkui_internal--z_index_panel_header_fixed: 10; --vkui_internal--z_index_split_layout_panel_header: 11; --vkui_internal--z_index_tappable_state: 0; --vkui_internal--z_index_tappable_element: 1; --vkui_internal--z_index_banner_background: 0; --vkui_internal--z_index_banner_content: 1; --vkui_internal--z_index_banner_hover: 2; --vkui_internal--z_index_form_field_element: 1; --vkui_internal--z_index_form_field_border: 2; --vkui_internal--z_index_form_field_status: 3; --vkui_internal--z_index_form_field_border_hover: 4; --vkui_internal--z_index_form_field_focus: 5; --vkui_internal--z_index_form_field_side: 6; --vkui_internal--z_index_image_base_overlay: 0; --vkui_internal--z_index_image_base_border: 1; --vkui_internal--z_index_image_base_badge: 2; --vkui_internal--z_index_horizontal_scroll_arrow: 1; } @media (min-resolution: 2dppx) { :root { --vkui_internal--thin_border: 0.5px; } } @media (min-resolution: 3dppx) { :root { --vkui_internal--thin_border: 0.33px; } } @supports (padding-top:constant(safe-area-inset-top)) { :root { --vkui_internal--safe_area_inset_top: constant(safe-area-inset-top); --vkui_internal--safe_area_inset_right: constant(safe-area-inset-right); --vkui_internal--safe_area_inset_bottom: constant(safe-area-inset-bottom); --vkui_internal--safe_area_inset_left: constant(safe-area-inset-left); } } @supports (padding-top:env(safe-area-inset-top)) { :root { --vkui_internal--safe_area_inset_top: env(safe-area-inset-top); --vkui_internal--safe_area_inset_right: env(safe-area-inset-right); --vkui_internal--safe_area_inset_bottom: env(safe-area-inset-bottom); --vkui_internal--safe_area_inset_left: env(safe-area-inset-left); } } @media (min-width: 768px) { .vkui-sizeX--compact-mq { display: none !important; } } @media (max-width: 767.9px) { .vkui-sizeX--regular-mq { display: none !important; } } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkui-sizeY--compact-mq { display: none !important; } } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkui-sizeY--regular-mq { display: none !important; } } @media (min-width: 1024px) { .vkui-viewWidth--tabletMinus-mq { display: none !important; } } @media (max-width: 1023.9px) { .vkui-viewWidth--tabletPlus-mq { display: none !important; } } .vkui-deviceType--desktop-forced, .vkui-deviceType--mobile-forced { display: none !important; } @media (min-width: 768px) and (min-height: 720px), (min-width: 768px) and (pointer: fine) { .vkui-deviceType--mobile-mq { display: none !important; } } @media (max-width: 767.9px), (pointer: coarse) and (max-height: 719.9px), (pointer: none) and (max-height: 719.9px) { .vkui-deviceType--desktop-mq { display: none !important; } } .vkuiAppRoot { height: 100%; } .vkuiAppRoot--pointer-has-not { user-select: none; } .vkuiAppRoot--pointer-has-not [contenteditable] { user-select: text; } @media (pointer: coarse), (pointer: none) { .vkuiAppRoot--pointer-none { user-select: none; } .vkuiAppRoot--pointer-none [contenteditable] { user-select: text; } } .vkui__root--embedded .vkuiAppRoot { overflow: auto; } .vkuiTitle--level-1 { font-family: var(--vkui--font_title1--font_family--regular); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); } .vkuiTitle--level-2 { font-family: var(--vkui--font_title2--font_family--regular); font-size: var(--vkui--font_title2--font_size--regular); font-weight: var(--vkui--font_title2--font_weight--regular); line-height: var(--vkui--font_title2--line_height--regular); } .vkuiTitle--level-3 { font-family: var(--vkui--font_title3--font_family--regular); font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .vkuiTypography--normalize { display: block; margin: 0px; padding: 0px; } .vkuiTypography--weight-1.vkuiTypography--weight-1.vkuiTypography--weight-1 { font-weight: var(--vkui--font_weight_accent1); } .vkuiTypography--weight-2.vkuiTypography--weight-2.vkuiTypography--weight-2 { font-weight: var(--vkui--font_weight_accent2); } .vkuiTypography--weight-3.vkuiTypography--weight-3.vkuiTypography--weight-3 { font-weight: var(--vkui--font_weight_accent3); } .vkuiHeadline--level-1 { font-family: var(--vkui--font_headline1--font_family--regular); font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_headline1--font_weight--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .vkuiHeadline--sizeY-compact.vkuiHeadline--level-1 { font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiHeadline--sizeY-none.vkuiHeadline--level-1 { font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); } } .vkuiHeadline--level-2 { font-family: var(--vkui--font_headline2--font_family--regular); font-size: var(--vkui--font_headline2--font_size--regular); font-weight: var(--vkui--font_headline2--font_weight--regular); line-height: var(--vkui--font_headline2--line_height--regular); } .vkuiHeadline--sizeY-compact.vkuiHeadline--level-2 { font-size: var(--vkui--font_headline2--font_size--compact); line-height: var(--vkui--font_headline2--line_height--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiHeadline--sizeY-none.vkuiHeadline--level-2 { font-size: var(--vkui--font_headline2--font_size--compact); line-height: var(--vkui--font_headline2--line_height--compact); } } .vkuiText { font-family: var(--vkui--font_text--font_family--regular); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); } .vkuiText--sizeY-compact { font-size: var(--vkui--font_text--font_size--compact); line-height: var(--vkui--font_text--line_height--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiText--sizeY-none { font-size: var(--vkui--font_text--font_size--compact); line-height: var(--vkui--font_text--line_height--compact); } } .vkuiParagraph { font-family: var(--vkui--font_paragraph--font_family--regular); font-size: var(--vkui--font_paragraph--font_size--regular); font-weight: var(--vkui--font_paragraph--font_weight--regular); line-height: var(--vkui--font_paragraph--line_height--regular); } .vkuiSubhead { font-family: var(--vkui--font_subhead--font_family--regular); font-size: var(--vkui--font_subhead--font_size--regular); font-weight: var(--vkui--font_subhead--font_weight--regular); line-height: var(--vkui--font_subhead--line_height--regular); } .vkuiSubhead--sizeY-compact { font-size: var(--vkui--font_subhead--font_size--compact); line-height: var(--vkui--font_subhead--line_height--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiSubhead--sizeY-none { font-size: var(--vkui--font_subhead--font_size--compact); line-height: var(--vkui--font_subhead--line_height--compact); } } .vkuiFootnote { font-family: var(--vkui--font_footnote--font_family--regular); font-size: var(--vkui--font_footnote--font_size--regular); font-weight: var(--vkui--font_footnote--font_weight--regular); line-height: var(--vkui--font_footnote--line_height--regular); } .vkuiFootnote--caps { font-family: var(--vkui--font_footnote_caps--font_family--regular); font-size: var(--vkui--font_footnote_caps--font_size--regular); font-weight: var(--vkui--font_footnote_caps--font_weight--regular); line-height: var(--vkui--font_footnote_caps--line_height--regular); } .vkuiCaption--caps, .vkuiFootnote--caps { text-transform: uppercase; } .vkuiCaption--level-1 { font-family: var(--vkui--font_caption1--font_family--regular); font-size: var(--vkui--font_caption1--font_size--regular); font-weight: var(--vkui--font_caption1--font_weight--regular); line-height: var(--vkui--font_caption1--line_height--regular); } .vkuiCaption--level-1.vkuiCaption--caps { font-family: var(--vkui--font_caption1_caps--font_family--regular); font-size: var(--vkui--font_caption1_caps--font_size--regular); font-weight: var(--vkui--font_caption1_caps--font_weight--regular); line-height: var(--vkui--font_caption1_caps--line_height--regular); } .vkuiCaption--level-2 { font-family: var(--vkui--font_caption2--font_family--regular); font-size: var(--vkui--font_caption2--font_size--regular); font-weight: var(--vkui--font_caption2--font_weight--regular); line-height: var(--vkui--font_caption2--line_height--regular); } .vkuiCaption--level-2.vkuiCaption--caps { font-family: var(--vkui--font_caption2_caps--font_family--regular); font-size: var(--vkui--font_caption2_caps--font_size--regular); font-weight: var(--vkui--font_caption2_caps--font_weight--regular); line-height: var(--vkui--font_caption2_caps--line_height--regular); } .vkuiCaption--level-3 { font-family: var(--vkui--font_caption3--font_family--regular); font-size: var(--vkui--font_caption3--font_size--regular); font-weight: var(--vkui--font_caption3--font_weight--regular); line-height: var(--vkui--font_caption3--line_height--regular); } .vkuiCaption--level-3.vkuiCaption--caps { font-family: var(--vkui--font_caption3_caps--font_family--regular); font-size: var(--vkui--font_caption3_caps--font_size--regular); font-weight: var(--vkui--font_caption3_caps--font_weight--regular); line-height: var(--vkui--font_caption3_caps--line_height--regular); } .vkuiTappable { -webkit-tap-highlight-color: transparent; border-radius: var(--vkui--size_border_radius--regular); cursor: default; isolation: isolate; position: relative; transition: background-color 0.15s ease-out, opacity 0.15s ease-out; } .vkuiTappable > * { position: relative; z-index: var(--vkui_internal--z_index_tappable_element); } .vkuiTappable--hasActive, .vkuiTappable--hasHover { cursor: pointer; } .vkuiTappable[aria-disabled="true"], .vkuiTappable[disabled] { cursor: default; } .vkuiTappable--focus-visible, .vkuiTappable:focus, .vkuiTappable:focus-visible { outline: none; } .vkuiTappable__stateLayer { border-radius: inherit; inset: 0px; overflow: hidden; pointer-events: none; position: absolute; transition: background-color 0.15s ease-out; z-index: var(--vkui_internal--z_index_tappable_state); } .vkuiTappable--hover-background > .vkuiTappable__stateLayer { background-color: var(--vkui--color_transparent--hover); } .vkuiTappable--hover-opacity { opacity: 0.8; } .vkuiTappable--active-background > .vkuiTappable__stateLayer { background-color: var(--vkui--color_transparent--active); } .vkuiTappable--active-opacity { opacity: 0.7; } .vkuiTappable--ios.vkuiTappable--active-background { transition: none; } .vkuiTappable .vkuiTappable__waves { border-radius: inherit; inset: 0px; overflow: hidden; pointer-events: none; position: absolute; will-change: transform; z-index: var(--vkui_internal--z_index_tappable_state); } .vkuiTappable .vkuiTappable__wave { animation: vkui-animation-wave .3s var(--vkui--animation_easing_platform); background: var(--vkui--color_transparent--active); border-radius: 50%; content: ""; height: 24px; left: 0px; margin: -12px 0px 0px -12px; opacity: 0; position: absolute; top: 0px; width: 24px; } .vkuiTappable--sizeX-compact { border-radius: 0px; } @media (max-width: 767.9px) { .vkuiTappable--sizeX-none { border-radius: 0px; } } @keyframes vkui-animation-wave { 0% { opacity: 1; transform: scale(1); } 30% { opacity: 1; } 100% { opacity: 0; transform: scale(8); } } .vkuiFocusVisible { border-radius: inherit; bottom: var(--vkui_internal--focus_visible_distance,0); left: var(--vkui_internal--focus_visible_distance,0); overflow: hidden; pointer-events: none; position: absolute; right: var(--vkui_internal--focus_visible_distance,0); top: var(--vkui_internal--focus_visible_distance,0); user-select: none; visibility: hidden; } .vkuiFocusVisible--visible { visibility: visible; } .vkuiFocusVisible.vkuiFocusVisible { position: absolute; } .vkuiFocusVisible { --vkui_internal--focus_visible_thin: 2px; } .vkuiFocusVisible--thin { --vkui_internal--focus_visible_thin: var(--vkui_internal--thin_border); } .vkuiFocusVisible--mode-inside, .vkuiFocusVisible--mode-outline { border: var(--vkui_internal--focus_visible_thin) solid var(--vkui--color_stroke_accent); box-sizing: border-box; } .vkuiFocusVisible--mode-outline { --vkui_internal--focus_visible_distance: 0; } .vkuiFocusVisible--mode-inside { --vkui_internal--focus_visible_distance: 2px; } .vkuiFocusVisible--mode-outside { --vkui_internal--focus_visible_distance: -2px; box-shadow: 0 0 0 var(--vkui_internal--focus_visible_thin) var(--vkui--color_stroke_accent); } @media (prefers-reduced-motion: no-preference) { .vkuiFocusVisible--visible.vkuiFocusVisible--mode-inside { --vkui_internal--focus_visible_distance: 4px; animation: 0.15s ease-in-out 0.01ms 1 normal forwards running vkui-animation-focus-visible; will-change: top, left, bottom, right; } .vkuiFocusVisible--visible.vkuiFocusVisible--mode-outside { --vkui_internal--focus_visible_distance: 0; animation-name: vkui-animation-focus-visible-outside; } } @keyframes vkui-animation-focus-visible { 100% { inset: 0px; will-change: auto; } } @keyframes vkui-animation-focus-visible-outside { 100% { inset: -2px; will-change: auto; } } .vkuiFixedLayout { box-sizing: border-box; left: auto; padding-left: var(--vkui_internal--safe_area_inset_left); padding-right: var(--vkui_internal--safe_area_inset_right); position: fixed; z-index: var(--vkui_internal--z_index_fixed_layout); } .vkuiFixedLayout--filled { background: var(--vkui--color_background_content); } .vkuiFixedLayout--vertical-top { top: 0px; width: 100%; } .vkuiFixedLayout--vertical-bottom { bottom: 0px; padding-bottom: var(--vkui_internal--safe_area_inset_bottom); width: 100%; } .vkuiInternalEpic--hasTabbar .vkuiFixedLayout--vertical-bottom { padding-bottom: calc(var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom)); } .vkuiInternalPanelHeader ~ * .vkuiFixedLayout--vertical-top:not(.vkuiInternalPanelHeader__fixed), .vkuiInternalPanelHeader ~ .vkuiFixedLayout--vertical-top { top: calc(var(--vkui--size_panel_header_height--regular) + var(--vkui_internal--safe_area_inset_top)); } .vkuiImageBase { align-items: center; background-color: var(--vkui--color_background_secondary); background-size: cover; box-sizing: border-box; color: var(--vkui--color_icon_secondary); display: flex; flex-shrink: 0; isolation: isolate; justify-content: center; position: relative; } .vkuiImageBase__border { border: var(--vkui_internal--thin_border) solid var(--vkui--color_image_border_alpha); border-radius: inherit; box-sizing: border-box; pointer-events: none; transform-origin: left top; z-index: var(--vkui_internal--z_index_image_base_border); } .vkuiImageBase__border, .vkuiImageBase__img { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .vkuiImageBase__img { border: 0px; border-radius: inherit; display: block; object-fit: cover; visibility: hidden; } .vkuiImageBase--loaded .vkuiImageBase__img { visibility: visible; } .vkuiImageBase__fallback { left: auto; position: absolute; top: auto; } .vkuiInternalCellButton > .vkuiImageBase .vkuiIcon { color: var(--vkui--color_icon_accent); } .vkuiInternalCellButton--mode-danger > .vkuiImageBase .vkuiIcon { color: var(--vkui--color_icon_negative); } .vkuiInternalPanelHeader__before .vkuiImageBase { margin-left: 8px; } .vkuiInternalPanelHeader__after .vkuiImageBase { margin-right: 8px; } .vkuiInternalSimpleCell > .vkuiImageBase { margin-right: 12px; } .vkuiInternalSimpleCell > .vkuiImageBase--size-28, .vkuiInternalSimpleCell > .vkuiImageBase--size-32 { margin-bottom: 10px; margin-top: 10px; } .vkuiInternalSimpleCell > .vkuiImageBase--size-40 { margin-bottom: 4px; margin-top: 4px; } .vkuiInternalSimpleCell > .vkuiImageBase--size-48, .vkuiInternalSimpleCell > .vkuiImageBase--size-72 { margin-bottom: 6px; margin-top: 6px; } .vkuiInternalSimpleCell--ios > .vkuiImageBase--size-28, .vkuiInternalSimpleCell--ios > .vkuiImageBase--size-32 { margin-left: 4px; } .vkuiInternalSimpleCell--sizeY-compact > .vkuiImageBase--size-28, .vkuiInternalSimpleCell--sizeY-compact > .vkuiImageBase--size-32 { margin-bottom: 8px; margin-top: 8px; } .vkuiInternalSimpleCell--sizeY-compact > .vkuiImageBase--size-40 { margin-bottom: 2px; margin-top: 2px; } .vkuiInternalSimpleCell--sizeY-compact > .vkuiImageBase--size-48 { margin-bottom: 4px; margin-top: 4px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiInternalSimpleCell--sizeY-none > .vkuiImageBase--size-28, .vkuiInternalSimpleCell--sizeY-none > .vkuiImageBase--size-32 { margin-bottom: 8px; margin-top: 8px; } .vkuiInternalSimpleCell--sizeY-none > .vkuiImageBase--size-40 { margin-bottom: 2px; margin-top: 2px; } .vkuiInternalSimpleCell--sizeY-none > .vkuiImageBase--size-48 { margin-bottom: 4px; margin-top: 4px; } } .vkuiImageBaseBadge { border-radius: 50%; bottom: 0px; padding: 2px; position: absolute; right: 0px; transform: translate(2px, 2px); z-index: var(--vkui_internal--z_index_image_base_badge); } .vkuiImageBaseBadge--background-stroke { background-color: var(--vkui_internal--background,var(--vkui--color_background_content)); } .vkuiImageBaseBadge--background-shadow::before { border-radius: inherit; inset: 2px; box-shadow: var(--vkui--elevation1); content: ""; margin: auto; position: absolute; } .vkuiImageBaseOverlay { align-items: center; border: 0px; border-radius: inherit; box-shadow: inherit; box-sizing: border-box; display: flex; height: 100%; justify-content: center; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.3s ease-in-out; width: 100%; z-index: var(--vkui_internal--z_index_image_base_overlay); } .vkuiImageBaseOverlay--visible { opacity: 1; } .vkuiImageBaseOverlay--focus-visible { box-shadow: inset 0 0 0 2px var(--vkui--color_stroke_accent); opacity: 1; } .vkuiImageBaseOverlay--theme-light { background-color: var(--vkui--color_avatar_overlay_inverse_alpha); color: var(--vkui--color_icon_accent); } .vkuiImageBaseOverlay--theme-dark { background-color: var(--vkui--color_avatar_overlay); color: var(--vkui--color_icon_contrast); } .vkuiSpinner { align-items: center; color: var(--vkui--color_icon_medium); display: flex; height: 100%; justify-content: center; width: 100%; } .vkuiInternalPanelHeader .vkuiSpinner { color: currentcolor; } .vkuiButton { border: 0px; border-radius: var(--vkui--size_border_radius--regular); box-sizing: border-box; display: inline-block; font-family: var(--vkui--font_family_base); margin: 0px; max-width: 100%; min-height: var(--vkui--size_button_small_height--compact); min-width: var(--vkui--size_button_minimum_width--regular); padding: 0px; position: relative; text-decoration: none; user-select: none; } .vkuiButton--loading { cursor: progress; } .vkuiButton--singleIcon { min-width: auto; width: var(--vkui--size_button_small_height--compact); } .vkuiButton--sizeY-regular.vkuiButton--singleIcon { width: var(--vkui--size_button_small_height--regular); } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkuiButton--sizeY-none.vkuiButton--singleIcon { width: var(--vkui--size_button_small_height--regular); } } .vkuiButton--stretched { display: block; flex-basis: 0px; flex-grow: 1; width: 100%; } .vkuiButton__in { align-items: center; box-sizing: border-box; display: flex; font-family: var(--vkui--font_family_base); justify-content: center; min-height: inherit; text-align: center; width: 100%; } .vkuiButton--align-left .vkuiButton__in { justify-content: flex-start; text-align: left; } .vkuiButton--align-right .vkuiButton__in { justify-content: flex-end; text-align: right; } .vkuiButton[disabled] { opacity: var(--vkui--opacity_disable); } .vkuiButton--mode-outline[disabled]:not(.vkuiButton--appearance-overlay), .vkuiButton--mode-primary[disabled]:not(.vkuiButton--appearance-overlay):not(.vkuiButton--appearance-negative):not(.vkuiButton--appearance-positive), .vkuiButton--mode-secondary[disabled]:not(.vkuiButton--appearance-overlay), .vkuiButton--mode-tertiary[disabled]:not(.vkuiButton--appearance-overlay) { opacity: 0.64; } .vkuiButton__content { font-weight: var(--vkui--font_weight_accent2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vkuiButton--size-s .vkuiButton__content:first-child { padding-left: var(--vkui--size_button_base_small_padding_horizontal--regular); } .vkuiButton--size-s .vkuiButton__after, .vkuiButton--size-s .vkuiButton__content:last-child { padding-right: var(--vkui--size_button_base_small_padding_horizontal--regular); } .vkuiButton--size-m .vkuiButton__content:first-child { padding-left: var(--vkui--size_button_base_medium_padding_horizontal--regular); } .vkuiButton--size-m .vkuiButton__after, .vkuiButton--size-m .vkuiButton__content:last-child { padding-right: var(--vkui--size_button_base_medium_padding_horizontal--regular); } .vkuiButton--size-l .vkuiButton__content:first-child { padding-left: var(--vkui--size_button_base_large_padding_horizontal--regular); } .vkuiButton--size-l .vkuiButton__after, .vkuiButton--size-l .vkuiButton__content:last-child { padding-right: var(--vkui--size_button_base_large_padding_horizontal--regular); } .vkuiButton--size-s .vkuiButton__before { padding-left: var(--vkui--size_button_base_small_padding_horizontal_icon--regular); } .vkuiButton--size-m .vkuiButton__before { padding-left: var(--vkui--size_button_base_medium_padding_horizontal_icon--regular); } .vkuiButton--size-l .vkuiButton__before { padding-left: var(--vkui--size_button_base_large_padding_horizontal_icon--regular); } .vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__content:first-child { padding-left: var(--vkui--size_button_tertiary_small_padding_horizontal--regular); } .vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__after, .vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__content:last-child { padding-right: var(--vkui--size_button_tertiary_small_padding_horizontal--regular); } .vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__content:first-child { padding-left: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular); } .vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__after, .vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__content:last-child { padding-right: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular); } .vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__content:first-child { padding-left: var(--vkui--size_button_tertiary_large_padding_horizontal--regular); } .vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__after, .vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__content:last-child { padding-right: var(--vkui--size_button_tertiary_large_padding_horizontal--regular); } .vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__before { padding-left: var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular); } .vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__before { padding-left: var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular); } .vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__before { padding-left: var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular); } .vkuiButton--mode-tertiary.vkuiButton--singleIcon .vkuiButton__after, .vkuiButton--mode-tertiary.vkuiButton--singleIcon .vkuiButton__before, .vkuiButton--singleIcon .vkuiButton__after, .vkuiButton--singleIcon .vkuiButton__before { margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; } .vkuiButton--mode-link { background: none; min-width: auto; } .vkuiButton--mode-link .vkuiButton__after, .vkuiButton--mode-link .vkuiButton__before, .vkuiButton--mode-link .vkuiButton__content:first-child, .vkuiButton--mode-link .vkuiButton__content:last-child { padding-left: 0px; padding-right: 0px; } .vkuiButton__spinner { inset: 0px; color: currentcolor; position: absolute; } .vkuiButton__spinner + .vkuiButton__in { visibility: hidden; } .vkuiButton--mode-primary.vkuiButton--appearance-accent { background-color: var(--vkui--color_background_accent_themed); } .vkuiButton--mode-primary.vkuiButton--appearance-accent.vkuiButton--hover { background-color: var(--vkui--color_background_accent_themed--hover); } .vkuiButton--mode-primary.vkuiButton--appearance-accent.vkuiButton--active { background-color: var(--vkui--color_background_accent_themed--active); } .vkuiButton--mode-primary.vkuiButton--appearance-positive { background-color: var(--vkui--color_background_positive); } .vkuiButton--mode-primary.vkuiButton--appearance-positive.vkuiButton--hover { background-color: var(--vkui--color_background_positive--hover); } .vkuiButton--mode-primary.vkuiButton--appearance-positive.vkuiButton--active { background-color: var(--vkui--color_background_positive--active); } .vkuiButton--mode-primary.vkuiButton--appearance-negative { background-color: var(--vkui--color_background_negative); } .vkuiButton--mode-primary.vkuiButton--appearance-negative.vkuiButton--hover { background-color: var(--vkui--color_background_negative--hover); } .vkuiButton--mode-primary.vkuiButton--appearance-negative.vkuiButton--active { background-color: var(--vkui--color_background_negative--active); } .vkuiButton--mode-primary.vkuiButton--appearance-neutral { background-color: var(--vkui--color_background_secondary); } .vkuiButton--mode-primary.vkuiButton--appearance-neutral.vkuiButton--hover { background-color: var(--vkui--color_background_secondary--hover); } .vkuiButton--mode-primary.vkuiButton--appearance-neutral.vkuiButton--active { background-color: var(--vkui--color_background_secondary--active); } .vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable { background-color: var(--vkui--color_background_accent); } .vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable.vkuiButton--hover { background-color: var(--vkui--color_background_accent--hover); } .vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable.vkuiButton--active { background-color: var(--vkui--color_background_accent--active); } .vkuiButton--mode-secondary { background-color: var(--vkui--color_background_secondary_alpha); } .vkuiButton--mode-secondary.vkuiButton--hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .vkuiButton--mode-secondary.vkuiButton--active { background-color: var(--vkui--color_background_secondary_alpha--active); } .vkuiButton--mode-outline, .vkuiButton--mode-tertiary { background-color: var(--vkui--color_transparent); } .vkuiButton--mode-outline.vkuiButton--hover, .vkuiButton--mode-tertiary.vkuiButton--hover { background-color: var(--vkui--color_transparent--hover); } .vkuiButton--mode-outline.vkuiButton--active, .vkuiButton--mode-tertiary.vkuiButton--active { background-color: var(--vkui--color_transparent--active); } .vkuiButton.vkuiButton--appearance-accent { color: var(--vkui--color_text_accent_themed); } .vkuiButton.vkuiButton--appearance-positive { color: var(--vkui--color_text_positive); } .vkuiButton.vkuiButton--appearance-negative { color: var(--vkui--color_text_negative); } .vkuiButton.vkuiButton--appearance-neutral { color: var(--vkui--color_text_primary); } .vkuiButton.vkuiButton--appearance-accent-invariable { color: var(--vkui--color_text_accent); } .vkuiButton--mode-primary.vkuiButton--appearance-accent { color: var(--vkui--color_text_contrast_themed); } .vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable, .vkuiButton--mode-primary.vkuiButton--appearance-negative, .vkuiButton--mode-primary.vkuiButton--appearance-positive { color: var(--vkui--color_text_contrast); } .vkuiButton--mode-link.vkuiButton--hover { opacity: 0.8; } .vkuiButton--mode-link.vkuiButton--active { opacity: 0.7; } .vkuiButton--mode-outline.vkuiButton--appearance-accent, .vkuiButton--mode-outline.vkuiButton--appearance-accent.vkuiButton--active, .vkuiButton--mode-outline.vkuiButton--appearance-accent.vkuiButton--hover { box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent_themed); } .vkuiButton--mode-outline.vkuiButton--appearance-positive { box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive); } .vkuiButton--mode-outline.vkuiButton--appearance-positive.vkuiButton--hover { box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive--hover); } .vkuiButton--mode-outline.vkuiButton--appearance-positive.vkuiButton--active { box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_positive--active); } .vkuiButton--mode-outline.vkuiButton--appearance-negative { box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative); } .vkuiButton--mode-outline.vkuiButton--appearance-negative.vkuiButton--hover { box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative--hover); } .vkuiButton--mode-outline.vkuiButton--appearance-negative.vkuiButton--active { box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_negative--active); } .vkuiButton--mode-outline.vkuiButton--appearance-neutral { box-shadow: inset 0 0 0 1px var(--vkui--color_field_border_alpha); } .vkuiButton--mode-outline.vkuiButton--appearance-neutral.vkuiButton--hover { background-color: var(--vkui--color_background_secondary--hover); box-shadow: none; } .vkuiButton--mode-outline.vkuiButton--appearance-neutral.vkuiButton--active { background-color: var(--vkui--color_background_secondary--active); box-shadow: none; } .vkuiButton--mode-outline.vkuiButton--appearance-accent-invariable { box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent); } .vkuiButton--mode-primary.vkuiButton--appearance-overlay { background-color: var(--vkui--color_background_contrast); } .vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--hover { background-color: var(--vkui--color_background_contrast--hover); } .vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--active { background-color: var(--vkui--color_background_contrast--active); } .vkuiButton--mode-secondary.vkuiButton--appearance-overlay { background-color: var(--vkui--color_background_contrast_secondary_alpha); } .vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--hover, .vkuiButton--mode-secondary.vkuiButton--appearance-overlay.vkuiButton--hover, .vkuiButton--mode-tertiary.vkuiButton--appearance-overlay.vkuiButton--hover { background-color: var(--vkui--color_background_contrast_secondary_alpha--hover); } .vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--active, .vkuiButton--mode-secondary.vkuiButton--appearance-overlay.vkuiButton--active, .vkuiButton--mode-tertiary.vkuiButton--appearance-overlay.vkuiButton--active { background-color: var(--vkui--color_background_contrast_secondary_alpha--active); } .vkuiButton--mode-primary.vkuiButton--appearance-overlay { color: var(--vkui--color_text_primary_invariably); } .vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--hover { color: var(--vkui--color_text_primary_invariably--hover); } .vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--active { color: var(--vkui--color_text_primary_invariably--active); } .vkuiButton--mode-link.vkuiButton--appearance-overlay, .vkuiButton--mode-outline.vkuiButton--appearance-overlay, .vkuiButton--mode-secondary.vkuiButton--appearance-overlay, .vkuiButton--mode-tertiary.vkuiButton--appearance-overlay { color: var(--vkui--color_text_contrast); } .vkuiButton--mode-outline.vkuiButton--appearance-overlay { box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast); } .vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--hover { box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover); } .vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--active { box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_contrast--active); } .vkuiButton__after:not(:first-child), .vkuiButton__before:not(:last-child) + .vkuiButton__content { margin-left: 6px; } .vkuiButton--size-l .vkuiButton__after:not(:first-child), .vkuiButton--size-l .vkuiButton__before:not(:last-child) + .vkuiButton__content { margin-left: 8px; } .vkuiButton--size-s .vkuiButton__content { font-size: var(--vkui--font_subhead--font_size--compact); line-height: var(--vkui--font_subhead--line_height--compact); } .vkuiButton--sizeY-regular.vkuiButton--size-s .vkuiButton__content { font-size: var(--vkui--font_subhead--font_size--regular); line-height: var(--vkui--font_subhead--line_height--regular); } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkuiButton--sizeY-none.vkuiButton--size-s .vkuiButton__content { font-size: var(--vkui--font_subhead--font_size--regular); line-height: var(--vkui--font_subhead--line_height--regular); } } .vkuiButton--size-m .vkuiButton__content { font-size: var(--vkui--font_headline2--font_size--compact); line-height: var(--vkui--font_headline2--line_height--compact); } .vkuiButton--sizeY-regular.vkuiButton--size-m .vkuiButton__content { font-size: var(--vkui--font_headline2--font_size--regular); line-height: var(--vkui--font_headline2--line_height--regular); } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkuiButton--sizeY-none.vkuiButton--size-m .vkuiButton__content { font-size: var(--vkui--font_headline2--font_size--regular); line-height: var(--vkui--font_headline2--line_height--regular); } } .vkuiButton--size-l .vkuiButton__content { font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); } .vkuiButton--sizeY-regular.vkuiButton--size-l .vkuiButton__content { font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkuiButton--sizeY-none.vkuiButton--size-l .vkuiButton__content { font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); } } .vkuiButton--sizeY-regular.vkuiButton--size-l.vkuiButton--ios .vkuiButton__content { font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkuiButton--sizeY-none.vkuiButton--size-l.vkuiButton--ios .vkuiButton__content { font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); } } .vkuiButton--size-m { min-height: var(--vkui--size_button_medium_height--compact); } .vkuiButton--sizeY-regular.vkuiButton--size-m { min-height: var(--vkui--size_button_medium_height--regular); } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkuiButton--sizeY-none.vkuiButton--size-m { min-height: var(--vkui--size_button_medium_height--regular); } } .vkuiButton--size-m.vkuiButton--singleIcon { width: var(--vkui--size_button_medium_height--compact); } .vkuiButton--sizeY-regular.vkuiButton--size-m.vkuiButton--singleIcon { width: var(--vkui--size_button_medium_height--regular); } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkuiButton--sizeY-none.vkuiButton--size-m.vkuiButton--singleIcon { width: var(--vkui--size_button_medium_height--regular); } } .vkuiButton--size-l { min-height: var(--vkui--size_button_large_height--compact); } .vkuiButton--sizeY-regular.vkuiButton--size-l { min-height: var(--vkui--size_button_large_height--regular); } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkuiButton--sizeY-none.vkuiButton--size-l { min-height: var(--vkui--size_button_large_height--regular); } } .vkuiButton--size-l.vkuiButton--singleIcon { width: var(--vkui--size_button_large_height--compact); } .vkuiButton--sizeY-regular.vkuiButton--size-l.vkuiButton--singleIcon { width: var(--vkui--size_button_large_height--regular); } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkuiButton--sizeY-none.vkuiButton--size-l.vkuiButton--singleIcon { width: var(--vkui--size_button_large_height--regular); } } .vkuiButton--sizeY-regular { min-height: var(--vkui--size_button_small_height--regular); } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkuiButton--sizeY-none { min-height: var(--vkui--size_button_small_height--regular); } } .vkuiButton--mode-primary.vkuiButton--appearance-accent { --vkui_internal--counter_inherit_background: var(--vkui--color_background_content); --vkui_internal--counter_inherit_color: var(--vkui--color_text_accent_themed); } .vkuiButton--mode-outline.vkuiButton--appearance-accent, .vkuiButton--mode-secondary.vkuiButton--appearance-accent, .vkuiButton--mode-tertiary.vkuiButton--appearance-accent { --vkui_internal--counter_inherit_background: var(--vkui--color_background_accent_themed); --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast_themed); } .vkuiButton--mode-primary.vkuiButton--appearance-positive { --vkui_internal--counter_inherit_background: var(--vkui--color_background_contrast); --vkui_internal--counter_inherit_color: var(--vkui--color_text_positive); } .vkuiButton--mode-outline.vkuiButton--appearance-positive, .vkuiButton--mode-secondary.vkuiButton--appearance-positive, .vkuiButton--mode-tertiary.vkuiButton--appearance-positive { --vkui_internal--counter_inherit_background: var(--vkui--color_background_positive); --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast); } .vkuiButton--mode-primary.vkuiButton--appearance-negative { --vkui_internal--counter_inherit_background: var(--vkui--color_background_contrast); --vkui_internal--counter_inherit_color: var(--vkui--color_text_negative); } .vkuiButton--mode-outline.vkuiButton--appearance-negative, .vkuiButton--mode-secondary.vkuiButton--appearance-negative, .vkuiButton--mode-tertiary.vkuiButton--appearance-negative { --vkui_internal--counter_inherit_background: var(--vkui--color_background_negative); --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast); } .vkuiButton--mode-primary.vkuiButton--appearance-neutral { --vkui_internal--counter_inherit_background: var(--vkui--color_background_content); --vkui_internal--counter_inherit_color: var(--vkui--color_text_primary_invariably); } .vkuiButton--mode-outline.vkuiButton--appearance-neutral, .vkuiButton--mode-secondary.vkuiButton--appearance-neutral, .vkuiButton--mode-tertiary.vkuiButton--appearance-neutral { --vkui_internal--counter_inherit_background: var(--vkui--color_background_accent); --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast); } .vkuiButton--mode-primary.vkuiButton--appearance-overlay { --vkui_internal--counter_inherit_background: var(--vkui--color_icon_primary_invariably); --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast); } .vkuiButton--mode-outline.vkuiButton--appearance-overlay, .vkuiButton--mode-secondary.vkuiButton--appearance-overlay, .vkuiButton--mode-tertiary.vkuiButton--appearance-overlay { --vkui_internal--counter_inherit_background: var(--vkui--color_background_contrast); --vkui_internal--counter_inherit_color: var(--vkui--color_text_primary_invariably); } .vkuiVisuallyHidden { clip-path: inset(50%); opacity: 0; clip: rect(0px, 0px, 0px, 0px) !important; border: 0px !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; } .vkuiRoot { height: 100%; position: relative; width: 100%; } .vkuiRoot--transition { pointer-events: none; } .vkuiRoot__view { height: 100%; position: relative; width: 100%; } .vkuiRoot--transition .vkuiRoot__view { left: 0px; overflow: hidden; position: fixed; top: 0px; } .vkuiRoot__scrollCompensation { height: 100%; width: 100%; } .vkuiRoot__view--show-forward { animation: vkui-root-android-animation-show-forward .3s var(--vkui--animation_easing_platform); } .vkuiRoot__view--hide-back { animation: vkui-root-android-animation-hide-back .3s var(--vkui--animation_easing_platform) forwards; } .vkuiRoot--ios .vkuiRoot__view--hide-forward::after, .vkuiRoot--ios .vkuiRoot__view--show-back::after { background-color: rgb(0, 0, 0); content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .vkuiRoot--ios .vkuiRoot__view--show-back::after { animation: vkui-root-ios-animation-show-back .6s var(--vkui--animation_easing_platform) forwards; } .vkuiRoot--ios .vkuiRoot__view--hide-forward::after { animation: vkui-root-ios-animation-hide-forward .6s var(--vkui--animation_easing_platform); } .vkuiRoot--ios .vkuiRoot__view--show-forward { animation: vkui-root-ios-animation-show-forward .6s var(--vkui--animation_easing_platform); } .vkuiRoot--ios .vkuiRoot__view--hide-back { animation: vkui-root-ios-animation-hide-back .6s var(--vkui--animation_easing_platform) forwards; } @keyframes vkui-root-ios-animation-show-back { 0% { opacity: 0.3; } 100% { opacity: 0; } } @keyframes vkui-root-ios-animation-hide-forward { 0% { opacity: 0; } 100% { opacity: 0.3; } } @keyframes vkui-root-ios-animation-hide-back { 0% { transform: translateZ(0px); } 100% { transform: translate3d(0px, 100%, 0px); } } @keyframes vkui-root-ios-animation-show-forward { 0% { transform: translate3d(0px, 100%, 0px); } 100% { transform: translateZ(0px); } } @keyframes vkui-root-android-animation-hide-back { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(1.05); } } @keyframes vkui-root-android-animation-show-forward { 0% { opacity: 0; transform: scale(1.05); } 100% { opacity: 1; transform: scale(1); } } .vkuiView { overflow-wrap: break-word; height: 100%; position: relative; width: 100%; } .vkuiView--animated, .vkuiView--swiping-back { overflow: hidden; } .vkuiView--animated .vkuiView__header, .vkuiView--animated .vkuiView__panel, .vkuiView--swiping-back .vkuiView__header, .vkuiView--swiping-back .vkuiView__panel { pointer-events: none; } .vkuiView__panel, .vkuiView__panels { height: 100%; width: 100%; } .vkuiView__panel { box-sizing: border-box; isolation: isolate; position: relative; } .vkuiView__panel-in { height: 100%; } .vkuiView--animated .vkuiView__panel, .vkuiView--swiping-back .vkuiView__panel { left: 0px; overflow: hidden; position: fixed; top: 0px; } .vkuiView__panel--next ~ .vkuiView__panel--prev { animation: vkui-animation-view-prev-back .3s var(--vkui--animation_easing_platform) forwards; } .vkuiView__panel--prev ~ .vkuiView__panel--next { animation: vkui-animation-view-next-forward .3s var(--vkui--animation_easing_platform); } .vkuiView--no-motion .vkuiView__panel { animation: auto ease 0s 1 normal none running none; } @keyframes vkui-animation-view-prev-back { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(80px); } } @keyframes vkui-animation-view-next-forward { 0% { opacity: 0; transform: translateY(80px); } 100% { opacity: 1; transform: translateY(0px); } } .vkuiView--ios .vkuiView__panel--swipe-back-prev { box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 12px; } .vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-success { transform: translate3d(100%, 0px, 0px); transition: transform .3s var(--vkui--animation_easing_platform); } .vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success, .vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed { transform: translateZ(0px); transition: transform .3s var(--vkui--animation_easing_platform); } .vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed { transform: translate3d(-50%, 0px, 0px); transition: transform .3s var(--vkui--animation_easing_platform); } .vkuiView--ios .vkuiView__panel--prev { animation: vkui-animation-ios-prev-forward .6s var(--vkui--animation_easing_platform); } .vkuiView--ios .vkuiView__panel--next { animation: vkui-animation-ios-next-back .6s var(--vkui--animation_easing_platform); } .vkuiView--ios .vkuiView__panel--prev ~ .vkuiView__panel--next { animation: vkui-animation-ios-next-forward .6s var(--vkui--animation_easing_platform); } .vkuiView--ios .vkuiView__panel--next ~ .vkuiView__panel--prev { animation: vkui-animation-ios-prev-back .6s var(--vkui--animation_easing_platform) forwards; } .vkuiView--ios .vkuiView__panel--next .vkuiInternalPanel__fade, .vkuiView--ios .vkuiView__panel--prev .vkuiInternalPanel__fade { background: rgb(0, 0, 0); height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: var(--vkui_internal--z_index_panel_header_fade); } .vkuiView--ios .vkuiView__panel--prev .vkuiInternalPanel__fade { animation: vkui-animation-ios-fade-in .6s var(--vkui--animation_easing_platform); } .vkuiView--ios .vkuiView__panel--next .vkuiInternalPanel__fade { animation: vkui-animation-ios-fade-out .6s var(--vkui--animation_easing_platform) forwards; } .vkuiView--ios .vkuiView__panel--next ~ .vkuiView__panel--prev .vkuiInternalPanel__fade, .vkuiView--ios .vkuiView__panel--prev ~ .vkuiView__panel--next .vkuiInternalPanel__fade { display: none; } .vkuiView--ios.vkuiView--no-motion .vkuiView__panel, .vkuiView--ios.vkuiView--no-motion .vkuiView__panel .vkuiInternalPanel__in { animation: auto ease 0s 1 normal none running none; } .vkuiView--ios .vkuiView__panel--active .vkuiInternalPanel__fade { display: none; } @keyframes vkui-animation-ios-next-forward { 0% { transform: translate3d(100%, 0px, 0px); } 100% { transform: translateZ(0px); } } @keyframes vkui-animation-ios-next-back { 0% { transform: translate3d(-50%, 0px, 0px); } 100% { transform: translateZ(0px); } } @keyframes vkui-animation-ios-prev-forward { 0% { transform: translateZ(0px); } 100% { transform: translate3d(-50%, 0px, 0px); } } @keyframes vkui-animation-ios-prev-back { 0% { transform: translateZ(0px); } 100% { transform: translate3d(100%, 0px, 0px); } } @keyframes vkui-animation-ios-fade-in { 0% { opacity: 0; } 100% { opacity: 0.3; } } @keyframes vkui-animation-ios-fade-out { 0% { opacity: 0.3; } 100% { opacity: 0; } } .vkuiPanel { height: 100%; position: relative; width: 100%; } .vkuiPanel::before { content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .vkuiPanel__in { box-sizing: border-box; display: flex; flex-direction: column; min-height: 100%; position: relative; width: 100%; } .vkuiPanel__centered { align-items: center; box-sizing: border-box; display: flex; flex: 1 0 0%; flex-direction: column; justify-content: center; } .vkuiPanel__centered .vkuiInternalPanelHeader--ios.vkuiInternalPanelHeader--vis + *, .vkuiPanel__centered .vkuiInternalPanelHeader--vis + * { margin-top: var(--vkui--size_panel_header_height--regular); } .vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiInternalPanelHeader--sep + * { margin-top: calc(var(--vkui--size_panel_header_height--regular) + 5px); } @media (max-width: 767.9px) { .vkuiPanel--sizeX-none .vkuiPanel__centered .vkuiInternalPanelHeader--sep + * { margin-top: calc(var(--vkui--size_panel_header_height--regular) + 5px); } } .vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiInternalPanelHeader--ios.vkuiInternalPanelHeader--sep + * { margin-top: calc(var(--vkui--size_panel_header_height--regular) + 5px); } @media (max-width: 767.9px) { .vkuiPanel--sizeX-none .vkuiPanel__centered .vkuiInternalPanelHeader--ios.vkuiInternalPanelHeader--sep + * { margin-top: calc(var(--vkui--size_panel_header_height--regular) + 5px); } } .vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiInternalPanelHeader--vkcom.vkuiInternalPanelHeader--sep + * { margin-top: calc(var(--vkui--size_panel_header_height--regular) + 5px); } @media (max-width: 767.9px) { .vkuiPanel--sizeX-none .vkuiPanel__centered .vkuiInternalPanelHeader--vkcom.vkuiInternalPanelHeader--sep + * { margin-top: calc(var(--vkui--size_panel_header_height--regular) + 5px); } } .vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiInternalPanelHeader--sep + * { margin-top: calc(var(--vkui--size_panel_header_height--regular) + 16px); } @media (min-width: 768px) { .vkuiPanel--sizeX-none .vkuiPanel__centered .vkuiInternalPanelHeader--sep + * { margin-top: calc(var(--vkui--size_panel_header_height--regular) + 16px); } } .vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiInternalPanelHeader--ios.vkuiInternalPanelHeader--sep + * { margin-top: calc(var(--vkui--size_panel_header_height--regular) + 16px); } @media (min-width: 768px) { .vkuiPanel--sizeX-none .vkuiPanel__centered .vkuiInternalPanelHeader--ios.vkuiInternalPanelHeader--sep + * { margin-top: calc(var(--vkui--size_panel_header_height--regular) + 16px); } } .vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiInternalPanelHeader--vkcom.vkuiInternalPanelHeader--sep + * { margin-top: calc(var(--vkui--size_panel_header_height--regular) + 16px); } @media (min-width: 768px) { .vkuiPanel--sizeX-none .vkuiPanel__centered .vkuiInternalPanelHeader--vkcom.vkuiInternalPanelHeader--sep + * { margin-top: calc(var(--vkui--size_panel_header_height--regular) + 16px); } } .vkuiInternalView--ios .vkuiPanel__in { padding: 0 var(--vkui_internal--safe_area_inset_right) var(--vkui_internal--safe_area_inset_bottom) var(--vkui_internal--safe_area_inset_left); } .vkuiInternalEpic--hasTabbar .vkuiPanel__in { padding-bottom: calc(var(--vkui_internal--safe_area_inset_bottom) + var(--vkui_internal--tabbar_height)); } .vkuiPanel__in-before { height: 1px; margin-bottom: -1px; } .vkuiPanel__in-after { height: 1px; margin-top: -1px; } .vkuiPanel .vkuiPanel__in, .vkuiPanel::before { background-color: var(--vkui--color_background_content); } .vkuiPanel.vkuiPanel--sizeX-regular .vkuiPanel__in, .vkuiPanel.vkuiPanel--sizeX-regular::before { background-color: initial; } @media (min-width: 768px) { .vkuiPanel--sizeX-none .vkuiPanel__in, .vkuiPanel--sizeX-none::before { background-color: initial; } } .vkuiPanelHeaderButton { appearance: none; background: none; border: 0px; box-shadow: none; color: currentcolor; display: block; margin: 0px; padding: 0px; position: relative; } .vkuiPanelHeaderButton[disabled] { opacity: 0.6; } .vkuiPanelHeaderButton--primitive { height: 48px; line-height: 48px; padding: 0px 12px; } .vkuiPanelHeaderButton--ios { align-items: center; display: flex; font-size: 17px; position: relative; } .vkuiPanelHeaderButton--ios.vkuiPanelHeaderButton--primitive { height: 44px; line-height: 44px; } .vkuiPanelHeaderButton--ios .vkuiIcon--24 { padding: 10px; } .vkuiPanelHeaderButton--ios .vkuiIcon--28 { padding: 8px; } .vkuiPanelHeaderButton--android.vkuiPanelHeaderButton--notPrimitive { border-radius: 50%; } .vkuiPanelHeaderButton--android .vkuiIcon--24 { padding: 12px; } .vkuiPanelHeaderButton--android .vkuiIcon--28 { padding: 10px; } .vkuiPanelHeaderButton--vkcom { color: var(--vkui--color_text_secondary); } .vkuiPanelHeaderButton--vkcom > :not(.vkuiInternalCounter) { opacity: 0.7; transition: opacity 0.3s; } .vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--active > :not(.vkuiInternalCounter), .vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--hover > :not(.vkuiInternalCounter) { opacity: 1; } .vkuiPanelHeaderButton--vkcom { align-items: center; display: flex; padding: 10px; } .vkuiPanelHeaderButton--vkcom.vkuiPanelHeaderButton--notPrimitive { border-radius: 50%; } .vkuiPanelHeaderBack--vkcom.vkuiPanelHeaderBack--has-label { padding-right: 11px; } @media (min-width: 768px) { .vkuiPanelHeaderBack--ios.vkuiPanelHeaderBack--has-label:not(.vkuiPanelHeaderBack--sizeX-compact) { padding-right: 8px; } } .vkuiPanelHeaderBack--sizeX-compact.vkuiPanelHeaderBack--ios .vkuiPanelHeaderButton__label { display: none; } @media (max-width: 767.9px) { .vkuiPanelHeaderBack--sizeX-none.vkuiPanelHeaderBack--ios .vkuiPanelHeaderButton__label { display: none; } } .vkuiPanelHeader { position: relative; } .vkuiPanelHeader--vis.vkuiPanelHeader--fixed::before { content: ""; display: block; } .vkuiPanelHeader:not(.vkuiPanelHeader--vis):not(.vkuiPanelHeader--fixed) { height: 0px; } .vkuiPanelHeader__fixed { z-index: var(--vkui_internal--z_index_panel_header_fixed); } .vkuiPanelHeader__in { align-items: center; background: var(--vkui--color_background_content); display: flex; justify-content: space-between; position: relative; white-space: nowrap; } .vkuiPanelHeader--trnsp .vkuiPanelHeader__in { background: transparent; } .vkuiPanelHeader--sizeX-regular .vkuiPanelHeader--shadow .vkuiPanelHeader__in { box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px; } @media (min-width: 768px) { .vkuiPanelHeader--sizeX-none .vkuiPanelHeader--shadow .vkuiPanelHeader__in { box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px; } } .vkuiPanelHeader__before { box-sizing: border-box; color: var(--vkui--color_icon_accent_themed); display: flex; flex-shrink: 0; } .vkuiPanelHeader__content { overflow: hidden; } .vkuiPanelHeader__content > * { display: block; overflow: hidden; text-overflow: ellipsis; } .vkuiPanelHeader__content-in { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-weight: 500; } .vkuiPanelHeader::before, .vkuiPanelHeader__in { height: var(--vkui--size_panel_header_height--regular); padding-top: var(--vkui_internal--safe_area_inset_top); } .vkuiPanelHeader__after { align-items: center; box-sizing: border-box; color: var(--vkui--color_icon_accent_themed); display: flex; justify-content: flex-end; } .vkuiPanelHeader__after > :not(:last-child) { margin-right: 4px; } .vkuiPanelHeader--vkapps .vkuiPanelHeader__after { min-width: 90px; } .vkuiPanelHeader--ios .vkuiPanelHeader__before { flex: 1 0 0px; opacity: 1; padding: 4px 0px 4px 4px; transition: opacity .3s var(--vkui--animation_easing_platform); } .vkuiPanelHeader--ios .vkuiPanelHeader__before .vkuiPanelHeaderButton + .vkuiPanelHeaderButton--primitive { margin-left: -6px; padding-left: 0px; } .vkuiPanelHeader--ios .vkuiPanelHeader__content { opacity: 1; text-align: center; transition: opacity .3s var(--vkui--animation_easing_platform); } .vkuiPanelHeader--ios .vkuiPanelHeader__content-in { font-size: 21px; } .vkuiPanelHeader--ios .vkuiPanelHeader__content > * { padding: 0px 4px; } .vkuiPanelHeader--ios.vkuiPanelHeader--no-before .vkuiPanelHeader__content { padding-left: 8px; } .vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content > * { padding-right: 0px; } .vkuiPanelHeader--ios.vkuiPanelHeader--no-after .vkuiPanelHeader__content { padding-right: 8px; } .vkuiPanelHeader--ios .vkuiPanelHeader__after { flex: 1 0 0px; opacity: 1; padding: 4px 4px 4px 0px; transition: opacity .3s var(--vkui--animation_easing_platform); } .vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__after, .vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__before, .vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__content { opacity: 0; } .vkuiPanelHeader--android .vkuiPanelHeader__before:not(:empty) { padding: 4px 0px 4px 4px; } .vkuiPanelHeader--android .vkuiPanelHeader__content { align-items: center; flex-grow: 1; max-width: 100%; } .vkuiPanelHeader--android .vkuiPanelHeader__content-in { font-size: 23px; } .vkuiPanelHeader--android .vkuiPanelHeader__content > * { padding: 0px 12px; } .vkuiInternalSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content, .vkuiInternalSplitCol--viewWidth-tabletPlus.vkuiInternalSplitCol--spaced-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content { padding-left: 0px; } @media (min-width: 768px) { .vkuiInternalSplitCol--viewWidth-none.vkuiInternalSplitCol--spaced-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-before:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content { padding-left: 0px; } } .vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content > *, .vkuiPanelHeader--vkcom.vkuiPanelHeader--no-after .vkuiPanelHeader__content > * { padding-right: 0px; } .vkuiPanelHeader--android.vkuiPanelHeader--no-after .vkuiPanelHeader__content { padding-right: 16px; } .vkuiPanelHeader--android.vkuiPanelHeader--no-before .vkuiPanelHeader__content { padding-left: 16px; } .vkuiInternalSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content, .vkuiInternalSplitCol--viewWidth-tabletPlus.vkuiInternalSplitCol--spaced-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content { padding-right: 0px; } @media (min-width: 768px) { .vkuiInternalSplitCol--viewWidth-none.vkuiInternalSplitCol--spaced-none.vkuiInternalSplitCol--spaced-auto .vkuiPanelHeader--android.vkuiPanelHeader--no-after:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__content { padding-right: 0px; } } .vkuiPanelHeader--android .vkuiPanelHeader__after:not(:empty), .vkuiPanelHeader--vkcom .vkuiPanelHeader__after:not(:empty) { padding: 4px 4px 4px 0px; } .vkuiPanelHeader--vkcom { position: relative; z-index: var(--vkui_internal--z_index_panel_header_fixed); } .vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiInternalModalPageHeader__in):not(.vkuiPanelHeader--sep) .vkuiPanelHeader__in::after { background-color: var(--vkui--color_background_content); bottom: 0px; content: ""; height: var(--vkui_internal--thin_border); left: var(--vkui_internal--thin_border); position: absolute; right: var(--vkui_internal--thin_border); } @media (min-width: 768px) { .vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-none:not(.vkuiInternalModalPageHeader__in):not(.vkuiPanelHeader--sep) .vkuiPanelHeader__in::after { background-color: var(--vkui--color_background_content); bottom: 0px; content: ""; height: var(--vkui_internal--thin_border); left: var(--vkui_internal--thin_border); position: absolute; right: var(--vkui_internal--thin_border); } } .vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-regular:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__in { border-bottom: 0px; border-top-left-radius: var(--vkui--size_border_radius_paper--regular); border-top-right-radius: var(--vkui--size_border_radius_paper--regular); box-shadow: 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_field_border_alpha) inset; } @media (min-width: 768px) { .vkuiPanelHeader--vkcom.vkuiPanelHeader--sizeX-none:not(.vkuiInternalModalPageHeader__in) .vkuiPanelHeader__in { border-bottom: 0px; border-top-left-radius: var(--vkui--size_border_radius_paper--regular); border-top-right-radius: var(--vkui--size_border_radius_paper--regular); box-shadow: 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_field_border_alpha) inset; } } .vkuiPanelHeader--vkcom .vkuiPanelHeader__content { text-align: center; } .vkuiPanelHeader--vkcom .vkuiPanelHeader__before:not(:empty) { padding: 0px 0px 0px 4px; } .vkuiPanelHeader--vkcom .vkuiPanelHeader__after, .vkuiPanelHeader--vkcom .vkuiPanelHeader__before { flex: 1 0 0px; } .vkuiPanelHeader__separator { margin-top: calc(var(--vkui_internal--thin_border)*-1); } .vkuiPanelHeader--no-before .vkuiPanelHeader__content > * { padding-left: 0px; } .vkuiInternalPanel--centered .vkuiPanelHeader { left: 0px; position: absolute; top: 0px; width: 100%; } .vkuiSeparator { color: var(--vkui--color_separator_primary); } @media (min-resolution: 2dppx) { .vkuiSeparator { color: var(--vkui--color_separator_primary2x); } } @media (min-resolution: 3dppx) { .vkuiSeparator { color: var(--vkui--color_separator_primary3x); } } .vkuiSeparator__in { background: currentcolor; border: 0px; color: inherit; height: var(--vkui_internal--thin_border); margin: 0px; transform-origin: center top; } .vkuiSeparator--padded .vkuiSeparator__in { margin-left: var(--vkui--size_base_padding_horizontal--regular); margin-right: var(--vkui--size_base_padding_horizontal--regular); } .vkuiInternalModalPage--sizeX-regular .vkuiSeparator--padded { padding-left: 8px; padding-right: 8px; } @media (min-width: 768px) { .vkuiInternalModalPage--sizeX-none .vkuiSeparator--padded { padding-left: 8px; padding-right: 8px; } } .vkuiSpacing { box-sizing: border-box; position: relative; } .vkuiPanelHeaderContent { align-items: center; box-sizing: border-box; display: flex; font-family: var(--vkui--font_family_base); height: 100%; justify-content: flex-start; line-height: normal; max-width: 100%; } .vkuiPanelHeaderContent__before { flex-shrink: 0; margin-right: 12px; } .vkuiPanelHeaderContent__in { align-items: flex-start; display: flex; flex-direction: column; flex-grow: 1; height: 100%; justify-content: center; min-width: 0px; } .vkuiPanelHeaderContent__children-in, .vkuiPanelHeaderContent__childrenText, .vkuiPanelHeaderContent__status { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vkuiPanelHeaderContent__status { color: var(--vkui--color_text_secondary); margin-top: 1px; max-width: 100%; order: 1; } .vkuiPanelHeaderContent__children { align-items: center; display: flex; max-width: 100%; } .vkuiPanelHeaderContent__children-in { flex-grow: 0; min-width: 0px; } .vkuiPanelHeaderContent__aside { align-items: center; color: var(--vkui--color_icon_accent); display: flex; justify-content: flex-start; margin-left: 2px; } .vkuiPanelHeaderContent__width { width: 1000px; } .vkuiPanelHeaderContent__in--centered { align-items: center; } .vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__children-in { font-size: 21px; } .vkuiPanelHeaderContent--android .vkuiPanelHeaderContent__children-in, .vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__children-in { font-family: var(--vkui--font_family_accent); font-weight: 500; line-height: var(--vkui--size_panel_header_height--regular); } .vkuiPanelHeaderContent--android .vkuiPanelHeaderContent__children-in { font-size: 23px; } .vkuiInternalPanelHeader--no-before .vkuiPanelHeaderContent--vkcom { padding-left: 16px; } .vkuiPanelHeaderContext { z-index: var(--vkui_internal--z_index_panel_header_context); } .vkuiPanelHeaderContext--closing, .vkuiPanelHeaderContext--opened { height: 100%; width: 100%; } .vkuiPanelHeaderContext--sizeX-regular.vkuiPanelHeaderContext--closing, .vkuiPanelHeaderContext--sizeX-regular.vkuiPanelHeaderContext--opened { height: auto; } @media (min-width: 768px) { .vkuiPanelHeaderContext--sizeX-none.vkuiPanelHeaderContext--closing, .vkuiPanelHeaderContext--sizeX-none.vkuiPanelHeaderContext--opened { height: auto; } } .vkuiPanelHeaderContext__in { box-sizing: border-box; left: 0px; padding: 8px; pointer-events: none; position: absolute; width: 100%; } .vkuiPanelHeaderContext__fade { background: rgba(0, 0, 0, 0.4); display: none; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .vkuiPanelHeaderContext--sizeX-compact .vkuiPanelHeaderContext__fade { display: block; } @media (max-width: 767.9px) { .vkuiPanelHeaderContext--sizeX-none .vkuiPanelHeaderContext__fade { display: block; } } .vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__fade { animation: 0.2s ease 0s 1 normal none running vkui-animation-panelheadercontext-fade-in; } .vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__fade { animation: 0.2s ease 0s 1 normal none running vkui-animation-panelheadercontext-fade-out; } .vkuiPanelHeaderContext--opened .vkuiPanelHeaderContext__in { animation: 0.2s ease 0s 1 normal none running vkui-animation-panelheadercontext-translate-in; pointer-events: auto; } .vkuiPanelHeaderContext--closing .vkuiPanelHeaderContext__in { animation: 0.2s ease 0s 1 normal none running vkui-animation-panelheadercontext-translate-out; } .vkuiPanelHeaderContext__content { background: var(--vkui--color_background_content); overflow: hidden; } .vkuiPanelHeaderContext--ios .vkuiPanelHeaderContext__in { padding: 0px; } .vkuiPanelHeaderContext--sizeX-regular.vkuiPanelHeaderContext--ios .vkuiPanelHeaderContext__content, .vkuiPanelHeaderContext:not(.vkuiPanelHeaderContext--ios) .vkuiPanelHeaderContext__content { border-radius: 12px; padding: 8px 0px; } @media (min-width: 768px) { .vkuiPanelHeaderContext--sizeX-none.vkuiPanelHeaderContext--ios .vkuiPanelHeaderContext__content { border-radius: 12px; padding: 8px 0px; } } .vkuiPanelHeaderContext--sizeX-regular .vkuiPanelHeaderContext__in { padding: 12px 8px; } .vkuiPanelHeaderContext--sizeX-regular .vkuiPanelHeaderContext__content { border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px, rgba(0, 0, 0, 0.16) 0px 8px 8px; } @media (min-width: 768px) { .vkuiPanelHeaderContext--sizeX-none .vkuiPanelHeaderContext__in { padding: 12px 8px; } .vkuiPanelHeaderContext--sizeX-none .vkuiPanelHeaderContext__content { border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px, rgba(0, 0, 0, 0.16) 0px 8px 8px; } } @keyframes vkui-animation-panelheadercontext-translate-in { 0% { transform: translateY(-100%); } 100% { transform: translateY(0px); } } @keyframes vkui-animation-panelheadercontext-translate-out { 0% { transform: translateY(0px); } 100% { transform: translateY(-100%); } } @keyframes vkui-animation-panelheadercontext-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes vkui-animation-panelheadercontext-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } .vkuiSplitLayout { height: 100%; position: relative; width: 100%; } .vkuiSplitLayout__inner { display: flex; height: 100%; width: 100%; } .vkuiSplitLayout__inner--header { position: relative; z-index: var(--vkui_internal--z_index_split_layout_panel_header); } .vkuiSplitLayout--ios .vkuiSplitLayout__inner--header, .vkuiSplitLayout__inner--header { margin-top: calc((var(--vkui--size_panel_header_height--regular) + var(--vkui_internal--safe_area_inset_top))*-1); } .vkuiPopoutRoot { height: 100%; position: relative; width: 100%; } .vkuiPopoutRoot__popout { height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: var(--vkui--z_index_popout); } .vkuiPopoutRoot__popout--absolute { position: absolute; } .vkuiPopoutRoot__modal { height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: var(--vkui--z_index_modal); } .vkuiPopoutRoot__modal:empty, .vkuiPopoutRoot__popout:empty { display: none; } .vkuiSplitCol { flex-grow: 1; flex-shrink: 1; height: 100%; position: relative; width: 1px; } .vkuiSplitCol--spaced, .vkuiSplitCol--viewWidth-smallTabletPlus.vkuiSplitCol--spaced-none.vkuiSplitCol--spaced-auto { margin: 0 var(--vkui--size_split_col_padding_horizontal--regular); } @media (min-width: 768px) { .vkuiSplitCol--viewWidth-none.vkuiSplitCol--spaced-none.vkuiSplitCol--spaced-auto { margin: 0 var(--vkui--size_split_col_padding_horizontal--regular); } } .vkuiSplitCol--viewWidth-tabletMinus.vkuiSplitCol--stretched-on-mobile { max-width: 100% !important; width: 100% !important; } @media (max-width: 1023.9px) { .vkuiSplitCol--viewWidth-none.vkuiSplitCol--stretched-on-mobile { max-width: 100% !important; width: 100% !important; } } .vkuiSplitCol--fixed { flex-grow: 1; flex-shrink: 1; height: 100%; width: 1px; } .vkuiSplitCol__fixedInner { height: inherit; max-width: inherit; min-width: inherit; overflow: hidden; position: fixed; top: 0px; transform: translateZ(0px); width: inherit; } .vkuiEpic { height: 100%; width: 100%; } .vkuiTabbar { background: var(--vkui--color_background_tertiary); bottom: 0px; box-sizing: initial; display: flex; height: var(--vkui_internal--tabbar_height); left: 0px; overflow: hidden; padding-bottom: var(--vkui_internal--safe_area_inset_bottom); position: fixed; width: 100%; z-index: var(--vkui_internal--z_index_tabs); } .vkuiTabbar--shadow { box-shadow: var(--vkui--elevation3); } .vkuiTabbar--ios.vkuiTabbar--shadow { box-shadow: none; } .vkuiTabbar--ios.vkuiTabbar--shadow::before { background: var(--vkui--color_separator_primary_alpha); content: ""; height: var(--vkui_internal--thin_border); left: 0px; position: absolute; width: 100%; } .vkuiTabbarItem { align-items: center; background: transparent; border: 0px; color: var(--vkui--color_text_tertiary); display: flex; height: var(--vkui_internal--tabbar_height); justify-content: center; outline: none; padding: 0px; position: relative; text-decoration: none; } .vkuiInternalTabbar .vkuiTabbarItem { flex: 1 0 0px; max-width: 100%; min-width: 0px; } .vkuiTabbarItem--selected { color: var(--vkui--color_text_accent_themed); } .vkuiTabbarItem__tappable { position: absolute; } .vkuiTabbarItem__in { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; overflow: hidden; padding: 4px 2px 2px; pointer-events: none; width: 100%; } .vkuiInternalTabbar--layout-vertical .vkuiTabbarItem__in { flex-direction: column; } .vkuiInternalTabbar--layout-horizontal .vkuiTabbarItem__in { flex-direction: row; } .vkuiTabbarItem__icon { color: var(--vkui--color_icon_secondary); position: relative; } .vkuiTabbarItem--selected .vkuiTabbarItem__icon { color: var(--vkui--color_icon_accent_themed); } .vkuiTabbarItem__text { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vkuiInternalTabbar--layout-vertical .vkuiTabbarItem__text { --vkui--font_footnote--font_size--regular: 10px; --vkui--font_footnote--line_height--regular: 12px; margin-top: 2px; } .vkuiInternalTabbar--layout-horizontal .vkuiTabbarItem__text { margin-left: 8px; } .vkuiTabbarItem--android .vkuiTabbarItem__tappable { border-radius: 50%; padding-bottom: calc(100% + 16px); width: calc(100% + 16px); } .vkuiTabbarItem--android:first-child { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .vkuiTabbarItem--android:last-child { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .vkuiTabbarItem--ios .vkuiTabbarItem__tappable { height: 100%; left: 0px; top: 0px; width: 100%; } .vkuiTabbarItem--ios .vkuiTabbarItem__in { transition: transform .07s var(--vkui--animation_easing_platform); } .vkuiTabbarItem--ios .vkuiTabbarItem__tappable--active + .vkuiTabbarItem__in { transform: scale(0.96); } .vkuiScrollArrow { background-color: initial; border: 0px; cursor: pointer; display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 0px; transition-behavior: normal; transition-duration: 0.15s; transition-delay: 0s; transition-property: opacity; transition-timing-function: var(--vkui--animation_easing_platform); user-select: auto; } .vkuiScrollArrow__icon { align-items: center; background-color: var(--vkui--color_background_modal); box-shadow: var(--vkui--elevation3); color: var(--vkui--color_icon_secondary); display: flex; justify-content: center; position: relative; } .vkuiScrollArrow--size-m .vkuiScrollArrow__icon { border-radius: 14px; height: 28px; width: 28px; } .vkuiScrollArrow--size-l .vkuiScrollArrow__icon { border-radius: 24px; height: 40px; width: 40px; } .vkuiScrollArrow--direction-left { left: 0px; padding-left: var(--vkui--size_base_padding_horizontal--regular,16px); } .vkuiScrollArrow--direction-right { padding-right: var(--vkui--size_base_padding_horizontal--regular,16px); right: 0px; } .vkuiHorizontalScroll { isolation: isolate; overflow-x: hidden; position: relative; } .vkuiHorizontalScroll__in { overflow-x: auto; scrollbar-width: none; } .vkuiHorizontalScroll__in::-webkit-scrollbar { display: none; } .vkuiHorizontalScroll__in-wrapper { transition: transform 0.2s; } .vkuiHorizontalScroll__arrow { opacity: 0; position: absolute; top: 0px; z-index: var(--vkui_internal--z_index_horizontal_scroll_arrow); } .vkuiHorizontalScroll:hover .vkuiHorizontalScroll__arrow { opacity: var(--vkui--opacity_disable_accessibility); } .vkuiHorizontalScroll .vkuiHorizontalScroll__arrow:hover, .vkuiHorizontalScroll--withConstArrows .vkuiHorizontalScroll__arrow, .vkuiHorizontalScroll--withConstArrows:hover .vkuiHorizontalScroll__arrow { opacity: 1; } .vkuiHorizontalScroll__arrowLeft:hover ~ .vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper { transform: translateX(8px); } .vkuiHorizontalScroll__arrowRight:hover ~ .vkuiHorizontalScroll__in .vkuiHorizontalScroll__in-wrapper { transform: translateX(-8px); } .vkuiInternalTabs .vkuiHorizontalScroll { min-width: 100%; } .vkuiInternalTabs .vkuiHorizontalScroll__in-wrapper { align-items: stretch; display: flex; } .vkuiInternalTabs--withGaps .vkuiHorizontalScroll__in-wrapper::after, .vkuiInternalTabs--withGaps .vkuiHorizontalScroll__in-wrapper::before { content: ""; display: block; flex-shrink: 0; height: 1px; width: var(--vkui--size_base_padding_horizontal--regular); } .vkuiAspectRatio { --vkui_internal--aspect_ratio: 1; max-width: 100%; position: relative; } .vkuiAspectRatio::before { content: ""; display: block; height: 0px; padding-bottom: calc((1/var(--vkui_internal--aspect_ratio, 1))*100%); } .vkuiAspectRatio > * { left: 0px; position: absolute; top: 0px; } .vkuiAspectRatio--mode-stretch > * { height: 100%; width: 100%; } .vkuiAspectRatio--mode-stretch > img, .vkuiAspectRatio--mode-stretch > video { object-fit: cover; } .vkuiPopoutWrapper { box-sizing: border-box; height: 100%; left: 0px; pointer-events: none; top: 0px; width: 100%; } .vkuiPopoutWrapper--opened { pointer-events: auto; } .vkuiPopoutWrapper--closing { pointer-events: none; } .vkuiPopoutWrapper--fixed { position: fixed; } .vkuiPopoutWrapper__overlay { animation: vkui-animation-full-fade-in var(--vkui--animation_duration_m) ease; height: 100%; left: 0px; opacity: 1; position: fixed; top: 0px; width: 100%; } .vkuiPopoutWrapper--closing .vkuiPopoutWrapper__overlay { opacity: 0; transition: opacity var(--vkui--animation_duration_m) var(--vkui--animation_easing_default); } .vkuiPopoutWrapper--masked .vkuiPopoutWrapper__overlay { background: var(--vkui--color_overlay_primary); } .vkuiPopoutWrapper--fixed .vkuiPopoutWrapper__overlay { position: absolute; } .vkuiPopoutWrapper__container { box-sizing: border-box; display: flex; height: 100%; position: relative; width: 100%; } .vkuiPopoutWrapper__content { display: flex; justify-content: center; pointer-events: none; width: 100%; } .vkuiPopoutWrapper__content > * { pointer-events: auto; } .vkuiPopoutWrapper--alignY-center .vkuiPopoutWrapper__container { align-items: center; } .vkuiPopoutWrapper--alignY-bottom .vkuiPopoutWrapper__container { align-items: flex-end; } .vkuiPopoutWrapper--alignY-top .vkuiPopoutWrapper__container { align-items: flex-start; } .vkuiPopoutWrapper--alignX-center .vkuiPopoutWrapper__container { justify-content: center; } .vkuiPopoutWrapper--alignX-left .vkuiPopoutWrapper__container { justify-content: flex-start; } .vkuiPopoutWrapper--alignX-right .vkuiPopoutWrapper__container { justify-content: flex-end; } @keyframes vkui-animation-full-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .vkuiAlert { animation: vkui-animation-android-alert-intro .2s var(--vkui--animation_easing_platform); border-radius: var(--vkui--size_border_radius_paper--regular); box-shadow: var(--vkui--elevation4); color: var(--vkui--color_text_primary); margin: auto 24px; max-width: 416px; min-width: 280px; position: relative; user-select: none; } .vkuiAlert--desktop { width: 100%; } .vkuiAlert--closing { opacity: 0; transform: scale(0.95); transition: transform .2s var(--vkui--animation_easing_platform),opacity .2s var(--vkui--animation_easing_platform); } .vkuiAlert::before { background-color: var(--vkui--color_background_modal); border-radius: inherit; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .vkuiAlert__content { padding: 24px 24px 20px; position: relative; } .vkuiAlert__action { background: transparent; white-space: nowrap; } .vkuiAlert__actions { display: flex; max-width: 100%; padding: 0px 16px 16px; position: relative; } .vkuiAlert__header { margin-bottom: 8px; } .vkuiAlert__text { color: var(--vkui--color_text_secondary); } .vkuiAlert--h .vkuiAlert__actions { justify-content: flex-end; } .vkuiAlert--h .vkuiAlert__button { margin-left: 8px; } .vkuiAlert--v .vkuiAlert__actions { align-items: flex-end; flex-direction: column; } .vkuiAlert--v .vkuiAlert__button { margin-bottom: 4px; margin-top: 4px; } .vkuiAlert--v .vkuiAlert__button:first-child { margin-top: 0px; } .vkuiAlert--v .vkuiAlert__button:last-child { margin-bottom: 0px; } .vkuiAlert--ios { animation: vkui-animation-ios-alert-intro .3s var(--vkui--animation_easing_platform); box-shadow: none; min-width: 270px; overflow: hidden; width: 270px; } .vkuiAlert--ios.vkuiAlert--closing { opacity: 0; transform: none; transition: opacity .3s var(--vkui--animation_easing_platform); } .vkuiAlert--ios .vkuiAlert__content { padding: 19px 16px 20px; text-align: center; } .vkuiAlert--ios .vkuiAlert__header:not(:last-child) { margin-bottom: 7px; } .vkuiAlert--ios .vkuiAlert__text { color: inherit; } .vkuiAlert--ios .vkuiAlert__content::after { background: var(--vkui--color_separator_primary_alpha); bottom: 0px; content: ""; height: 1px; left: 0px; position: absolute; right: 0px; transform-origin: center bottom; } .vkuiAlert--ios .vkuiAlert__actions { padding: initial; } .vkuiAlert--ios.vkuiAlert--v .vkuiAlert__actions { align-items: normal; flex-direction: column; } .vkuiAlert--ios .vkuiAlert__action { border: 0px; border-radius: 0px; color: var(--vkui--color_text_accent); display: block; font-family: var(--vkui--font_family_base); font-size: 17px; height: 44px; line-height: 44px; margin: 0px; overflow: hidden; padding: 0px 6px; position: relative; text-align: center; text-decoration: none; text-overflow: ellipsis; } .vkuiAlert--ios .vkuiAlert__action::after { background: var(--vkui--color_separator_primary_alpha); content: ""; position: absolute; } .vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after { height: 100%; right: 0px; top: 0px; transform-origin: right center; width: 1px; } .vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child::after { content: none; } .vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action { flex: 1 1 0px; } .vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:first-child { border-bottom-left-radius: var(--vkui--size_border_radius_paper--regular); } .vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child { border-bottom-right-radius: var(--vkui--size_border_radius_paper--regular); } .vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after { bottom: 0px; height: 1px; left: 0px; transform-origin: center bottom; width: 100%; } .vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child::after { content: none; } .vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child { border-radius: 0px 0px 12px 12px; } @media (min-resolution: 2dppx) { .vkuiAlert--ios .vkuiAlert__content::after, .vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after { transform: scaleY(0.5); } .vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after { transform: scaleX(0.5); } } @media (min-resolution: 3dppx) { .vkuiAlert--ios .vkuiAlert__content::after, .vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action::after { transform: scaleY(0.33); } .vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action::after { transform: scaleX(0.33); } } .vkuiAlert--ios .vkuiAlert__action--mode-cancel { font-weight: 600; } .vkuiAlert--ios .vkuiAlert__action--mode-destructive { color: var(--vkui--color_text_negative); } .vkuiAlert--vkcom { box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.16) 0px 0px 96px; width: 400px; } .vkuiAlert--vkcom .vkuiAlert__content { padding: 24px; } .vkuiAlert--vkcom .vkuiAlert__actions { padding: 0px 24px 16px; } .vkuiAlert--vkcom .vkuiAlert__button { order: 2; } .vkuiAlert--vkcom .vkuiAlert__button--mode-cancel { order: 1; } @keyframes vkui-animation-ios-alert-intro { 0% { opacity: 0; transform: scale(1.05); } 100% { opacity: 1; transform: scale(1); } } @keyframes vkui-animation-android-alert-intro { 0% { opacity: 0; transform: scale(0.95); } 100% { opacity: 1; transform: scale(1); } } .vkuiModalDismissButton { box-sizing: border-box; color: var(--vkui--color_icon_contrast); height: 56px; justify-content: center; padding: 18px; position: absolute; right: -56px; top: 0px; transition: opacity 0.15s ease-out; width: 56px; } .vkuiModalDismissButton::before { background: var(--vkui--color_overlay_primary); border-radius: 50%; inset: 14px; content: ""; display: block; position: absolute; } .vkuiModalDismissButton .vkuiIcon { transform: translateX(0px); } .vkuiModalDismissButton--hover.vkuiModalDismissButton::before { background: var(--vkui--color_overlay_primary--hover); } .vkuiModalDismissButton--active.vkuiModalDismissButton::before { background: var(--vkui--color_overlay_primary--active); } .vkuiActionSheet { align-items: stretch; animation: vkui-animation-actionsheet-intro .2s var(--vkui--animation_easing_platform); background: var(--vkui--color_background_modal); border-radius: 12px; box-shadow: var(--vkui--elevation3); box-sizing: border-box; display: flex; flex-direction: column; margin: 10px; max-width: var(--vkui--size_popup_small--regular); overflow: hidden; padding: 8px 0px; position: relative; width: calc(100% - 20px); } .vkuiActionSheet__header { color: var(--vkui--color_text_subhead); padding: 16px 20px; } .vkuiActionSheet--closing { transform: translateY(calc(100% + 20px)); transition: transform .2s var(--vkui--animation_easing_platform); } .vkuiActionSheet__title + .vkuiActionSheet__text { margin-top: 8px; } .vkuiActionSheet--ios { animation: vkui-animation-actionsheet-intro .3s var(--vkui--animation_easing_platform); background: transparent; margin: initial; padding: 8px; width: 100%; } .vkuiActionSheet--ios.vkuiActionSheet--closing { transform: translateY(100%); transition: transform .3s var(--vkui--animation_easing_platform); } .vkuiActionSheet--ios .vkuiActionSheet__header { border-radius: 14px 14px 0px 0px; overflow: hidden; position: relative; text-align: center; } .vkuiActionSheet--ios .vkuiActionSheet__text, .vkuiActionSheet--ios .vkuiActionSheet__title { position: relative; } .vkuiActionSheet--ios .vkuiActionSheet__header::before { background-color: var(--vkui--color_background_modal); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .vkuiActionSheet--sizeY-compact .vkuiActionSheet__header { padding: 12px 20px; } .vkuiActionSheet--desktop { animation: auto ease 0s 1 normal none running none; height: auto; margin: 0px; max-width: 100%; width: auto; } .vkuiActionSheet--desktop.vkuiActionSheet--ios { border-radius: 14px; padding: 0px; } @keyframes vkui-animation-actionsheet-intro { 0% { transform: translateY(100%); } 100% { transform: translateY(0px); } } .vkuiPopper { z-index: var(--vkui--z_index_popout); } .vkuiPopperArrow { position: absolute; } .vkuiPopperArrow__in { content: ""; display: block; transform: translateY(1px); } .vkuiPopperArrow--placement-right { transform: rotate(90deg) translate(50%, -50%); transform-origin: right center; } .vkuiPopperArrow--placement-bottom { transform: rotate(180deg); } .vkuiPopperArrow--placement-left { transform: rotate(-90deg) translate(-50%, -50%); transform-origin: left center; } .vkuiActionSheetItem { align-items: center; border-radius: 0px; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; min-height: 48px; overflow: hidden; padding: 0px 20px; position: relative; text-decoration: none; } .vkuiActionSheetItem__after, .vkuiActionSheetItem__before, .vkuiActionSheetItem__container { position: relative; } .vkuiActionSheetItem__after, .vkuiActionSheetItem__before { flex-shrink: 0; } .vkuiActionSheetItem__container { flex-grow: 1; max-width: 100%; padding: 10px 0px; } .vkuiActionSheetItem--ellipsis { overflow: hidden; white-space: nowrap; } .vkuiActionSheetItem__content { align-items: baseline; display: flex; justify-content: space-between; overflow: hidden; } .vkuiActionSheetItem--ellipsis .vkuiActionSheetItem__content { justify-content: flex-start; } .vkuiActionSheetItem__children { min-width: 0px; overflow: hidden; text-overflow: ellipsis; } .vkuiActionSheetItem__subtitle { color: var(--vkui--color_text_secondary); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; } .vkuiActionSheetItem__meta { color: var(--vkui--color_text_secondary); flex-shrink: 0; margin-left: 6px; } .vkuiActionSheetItem__before { color: var(--vkui--color_icon_accent); margin-right: 16px; } .vkuiActionSheetItem--desktop .vkuiActionSheetItem__before { margin-right: 12px; } .vkuiActionSheetItem--ios .vkuiActionSheetItem__before { color: var(--vkui--color_icon_accent_themed); margin-right: 18px; } .vkuiActionSheetItem--mode-destructive .vkuiActionSheetItem__container:first-child { color: var(--vkui--color_text_negative); } .vkuiActionSheetItem--mode-destructive .vkuiActionSheetItem__before { color: var(--vkui--color_icon_negative); } .vkuiActionSheetItem__radio { display: none; } .vkuiActionSheetItem__marker { align-items: center; background-color: initial; color: var(--vkui--color_icon_accent); display: none; justify-content: center; margin-left: 16px; } .vkuiActionSheetItem__radio:checked ~ .vkuiActionSheetItem__marker { display: flex; } .vkuiActionSheetItem--ios { background: var(--vkui--color_background_modal); border-radius: 0px; color: var(--vkui--color_text_accent_themed); min-height: 56px; padding: 14px 18px; } .vkuiActionSheetItem--rich { color: var(--vkui--color_text_primary); } .vkuiActionSheet--ios.vkuiActionSheetItem--selectable { padding: 14px 16px; } .vkuiActionSheetItem--ios.vkuiActionSheetItem--mode-destructive { color: var(--vkui--color_text_negative); } .vkuiActionSheetItem--ios:first-child { border-top-left-radius: 14px; border-top-right-radius: 14px; } .vkuiActionSheetItem--ios:last-child, .vkuiActionSheetItem--ios:not(.vkuiActionSheetItem--desktop):nth-last-child(2) { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; } .vkuiActionSheetItem--ios::before { background-color: var(--vkui--color_background_modal); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; transition: opacity 0.15s ease-out, background-color 0.15s ease-out; width: 100%; } .vkuiActionSheetItem--ios::after { background: var(--vkui--color_separator_primary_alpha); content: ""; height: 1px; left: 0px; position: absolute; right: 0px; top: 0px; transform-origin: center bottom; } @media (min-resolution: 2dppx) { .vkuiActionSheetItem--ios::after { transform: scaleY(0.5); } } @media (min-resolution: 3dppx) { .vkuiActionSheetItem--ios::after { transform: scaleY(0.33); } } .vkuiActionSheet--ios .vkuiActionSheetItem--last::after, .vkuiActionSheet--ios .vkuiActionSheet__header:empty, .vkuiActionSheetItem--ios:first-child::after, .vkuiActionSheetItem--mode-cancel::after { content: none; } .vkuiActionSheetItem--ios.vkuiActionSheetItem--active::before { background-color: var(--vkui--color_transparent--active); opacity: 1; transition: none; } .vkuiActionSheetItem--ios .vkuiActionSheetItem__container { padding: 0px; } .vkuiActionSheetItem--ios .vkuiActionSheetItem--centered { justify-content: center; } .vkuiActionSheetItem--mode-cancel { border-radius: 14px; margin-bottom: var(--vkui_internal--safe_area_inset_bottom); margin-top: 8px; min-height: 52px; } .vkuiActionSheetItem--desktop { cursor: pointer; width: auto; } .vkuiActionSheetItem[disabled] .vkuiActionSheetItem__children, .vkuiActionSheetItem[disabled] .vkuiActionSheetItem__meta, .vkuiActionSheetItem[disabled] .vkuiActionSheetItem__subtitle { color: var(--vkui--color_text_secondary); } .vkuiActionSheetItem[disabled] .vkuiActionSheetItem__before, .vkuiActionSheetItem[disabled] .vkuiActionSheetItem__marker { color: var(--vkui--color_icon_secondary); } .vkuiActionSheetItem--sizeY-compact { min-height: 32px; } .vkuiActionSheetItem--sizeY-compact.vkuiActionSheetItem--ios { min-height: 36px; padding: 4px 20px 4px 18px; } .vkuiActionSheetItem--sizeY-compact:not(.vkuiActionSheetItem--ios) + .vkuiActionSheetItem--sizeY-compact:not(.vkuiActionSheetItem--ios) { margin-top: 2px; } .vkuiActionSheetItem--sizeY-compact .vkuiActionSheetItem__container { padding: 5px 0px; } .vkuiScreenSpinner { animation: 0.3s ease 0s 1 normal none running vkui-screen-spinner-intro; } .vkuiScreenSpinner--clickable { cursor: pointer; } .vkuiScreenSpinner__spinner { opacity: 1; transition: opacity 0.1s; } .vkuiScreenSpinner__spinner--hidden { opacity: 0; } .vkuiScreenSpinner__container { background: var(--vkui--color_background_modal); border-radius: var(--vkui--size_border_radius--regular); box-shadow: var(--vkui--elevation4); color: var(--vkui--color_icon_medium); height: 88px; position: relative; width: 88px; } .vkuiScreenSpinner__icon { align-items: center; display: flex; height: 100%; justify-content: center; position: absolute; top: 0px; width: 100%; } .vkuiScreenSpinner__icon .vkuiIcon { animation: 0.2s ease 0s 1 normal none running vkui-screen-spinner-intro; } .vkuiScreenSpinner__icon--state-done .vkuiIcon path { stroke-dasharray: 50; stroke-dashoffset: 50; animation: vkui-screen-spinner-iconDone .6s .3s var(--vkui--animation_easing_platform) forwards; } @keyframes vkui-screen-spinner-iconDone { 0% { stroke-dashoffset: 50; } 100% { stroke-dashoffset: 0; } } @keyframes vkui-screen-spinner-intro { 0% { opacity: 0; } 100% { opacity: 1; } } .vkuiSnackbar { bottom: 0px; left: auto; padding-bottom: var(--vkui_internal--safe_area_inset_bottom); padding-left: var(--vkui_internal--safe_area_inset_left); padding-right: var(--vkui_internal--safe_area_inset_right); position: fixed; user-select: none; width: 100%; z-index: var(--vkui--z_index_popout); } .vkuiInternalEpic--hasTabbar .vkuiSnackbar { padding-bottom: calc(var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom)); } .vkuiSnackbar__body, .vkuiSnackbar__in { transition: transform .32s var(--vkui--animation_easing_platform); } .vkuiSnackbar__in { animation: vkui-animation-snackbar-intro-vertical .34s var(--vkui--animation_easing_platform); padding: 8px; } .vkuiSnackbar--closing .vkuiSnackbar__in { transform: translate3d(0px, 140%, 0px); } .vkuiSnackbar__body { align-items: center; background: var(--vkui--color_background_modal); border-radius: var(--vkui--size_border_radius--regular); box-shadow: var(--vkui--elevation4); box-sizing: border-box; display: flex; min-height: 56px; padding: 12px; } .vkuiSnackbar--mode-dark .vkuiSnackbar__body { background: var(--vkui--color_background_contrast_inverse); } .vkuiSnackbar__before { margin-right: 12px; } .vkuiSnackbar__after { margin-left: 12px; } .vkuiSnackbar__content { align-items: center; display: flex; flex: 1 1 0%; overflow: hidden; } .vkuiSnackbar--layout-vertical .vkuiSnackbar__content { align-items: flex-start; flex-direction: column; } .vkuiSnackbar__content-text { -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: var(--vkui--color_text_primary); display: -webkit-box; flex: 1 1 0%; overflow: hidden; width: 100%; } .vkuiSnackbar__content-subtitle { color: var(--vkui--color_text_subhead); margin-top: 2px; } .vkuiSnackbar--mode-dark .vkuiSnackbar__content-text { color: var(--vkui--color_text_contrast); } .vkuiSnackbar--layout-horizontal .vkuiSnackbar__action { margin-left: 12px; position: relative; } .vkuiSnackbar--layout-vertical .vkuiSnackbar__action { margin-top: 2px; min-height: auto; } .vkuiModalRoot .vkuiSnackbar { padding-bottom: var(--vkui_internal--safe_area_inset_bottom); } .vkuiSnackbar--ios .vkuiSnackbar__body, .vkuiSnackbar--ios .vkuiSnackbar__in { transition: transform .4s var(--vkui--animation_easing_platform); } .vkuiSnackbar--desktop { bottom: 0px; left: 0px; max-width: 351px; } .vkuiSnackbar--desktop .vkuiSnackbar__in { animation-name: vkui-animation-snackbar-intro-horizontal; padding: 12px; } .vkuiSnackbar--desktop.vkuiSnackbar--closing .vkuiSnackbar__in { transform: translate3d(-140%, 0px, 0px); } .vkuiSnackbar--touched .vkuiSnackbar__body { transition: none; } @keyframes vkui-animation-snackbar-intro-vertical { 0% { transform: translate3d(0px, 140%, 0px); } 100% { transform: translateZ(0px); } } @keyframes vkui-animation-snackbar-intro-horizontal { 0% { transform: translate3d(-140%, 0px, 0px); } 100% { transform: translateZ(0px); } } .vkuiModalRoot, .vkuiModalRoot__mask { height: 100%; width: 100%; } .vkuiModalRoot__mask { animation: 0.32s ease 0s 1 normal none running vkui-animation-fadeIn; background: rgba(0, 0, 0, 0.4); left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity 167ms ease-out; user-select: none; } .vkuiModalRoot--touched .vkuiModalRoot__mask { transition: none; } .vkuiModalRoot--switching .vkuiModalRoot__mask { pointer-events: none; } .vkuiModalRoot__viewport { inset: 0px; pointer-events: none; position: absolute; } :not(.vkuiModalRoot--desktop).vkuiModalRoot .vkuiModalRoot__viewport { top: var(--vkui_internal--safe_area_inset_top); } :not(.vkuiModalRoot--desktop).vkuiModalRoot--vkapps .vkuiModalRoot__viewport { top: calc(var(--vkui_internal--safe_area_inset_top) + var(--vkui--size_panel_header_height--regular)); } .vkuiModalRoot__modal { box-sizing: border-box; height: 100%; position: absolute; width: 100%; } @keyframes vkui-animation-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .vkuiModalPage { box-sizing: border-box; height: 100%; overflow: hidden; pointer-events: none; position: absolute; width: 100%; } .vkuiModalPage--desktop { align-items: center; display: flex; justify-content: center; } .vkuiModalPage__in-wrap { align-items: flex-end; bottom: 0px; display: flex; height: 100%; left: 0px; margin-left: auto; margin-right: auto; pointer-events: auto; position: absolute; right: 0px; transform: translateY(100%); transition: transform .32s var(--vkui--animation_easing_platform); width: 100%; } .vkuiModalPage--ios .vkuiModalPage__in-wrap { transition: transform .4s var(--vkui--animation_easing_platform); } .vkuiModalPage--desktop .vkuiModalPage__in-wrap { align-items: normal; height: auto; margin: 32px 56px; max-height: 640px; opacity: 0; position: relative; transform: none; transition: opacity .34s var(--vkui--animation_easing_platform); } @media (max-height: 672px) { .vkuiModalPage--desktop .vkuiModalPage__in-wrap { max-height: calc(100% - 64px); } } .vkuiModalPage--size-s .vkuiModalPage__in-wrap { max-width: var(--vkui--size_popup_small--regular); } .vkuiModalPage--size-m .vkuiModalPage__in-wrap { max-width: var(--vkui--size_popup_medium--regular); } .vkuiModalPage--size-l .vkuiModalPage__in-wrap { max-width: var(--vkui--size_popup_large--regular); } .vkuiModalPage__in { --vkui_internal--background: var(--vkui--color_background_modal); background-color: var(--vkui--color_background_modal); border-top-left-radius: var(--vkui--size_border_radius_paper--regular); border-top-right-radius: var(--vkui--size_border_radius_paper--regular); box-sizing: border-box; display: flex; flex-direction: column; height: 100%; overflow: visible; position: relative; width: 100%; } .vkuiModalPage--desktop .vkuiModalPage__in { border-bottom-left-radius: var(--vkui--size_border_radius_paper--regular); border-bottom-right-radius: var(--vkui--size_border_radius_paper--regular); box-shadow: var(--vkui--elevation3); height: auto; } .vkuiModalPage__header { width: 100%; } .vkuiModalPage__content-wrap { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; display: flex; flex-direction: column; height: 100%; overflow: hidden; position: relative; } .vkuiModalPage__header:empty + .vkuiModalPage__content-wrap { border-radius: inherit; } .vkuiModalPage__content { box-sizing: border-box; height: 100%; overflow: hidden; } .vkuiInternalModalRoot__modal--expandable .vkuiModalPage__content, .vkuiModalPage--desktop .vkuiModalPage__content { overflow-y: auto; } .vkuiInternalModalRoot__modal--expandable:not(.vkuiInternalModalRoot__modal--collapsed) .vkuiModalPage__content-in, .vkuiModalPage--desktop .vkuiModalPage__content-in { height: 100%; } .vkuiModalPage__content-in { position: relative; } .vkuiModalPage__content-in::after { content: ""; display: block; height: var(--vkui_internal--safe_area_inset_bottom); } .vkuiInternalModalRoot--touched .vkuiModalPage__in-wrap { transition: none; } .vkuiInternalModalRoot--switching .vkuiModalPage__in-wrap { pointer-events: none; } .vkuiInternalModalRoot__modal--collapsed .vkuiModalPage__content, .vkuiInternalModalRoot__modal--dragging .vkuiModalPage__content { overflow: hidden; touch-action: pan-y; } .vkuiModalPageHeader { --vkui_internal--safe_area_inset_top: 0; } .vkuiModalPageHeader--withGaps { padding-left: 4px; padding-right: 4px; } .vkuiModalPageHeader--desktop.vkuiModalPageHeader--withGaps { padding-left: 8px; padding-right: 8px; } .vkuiModalPageHeader .vkuiIcon--cancel_24, .vkuiModalPageHeader .vkuiIcon--dismiss_24 { color: var(--vkui--color_icon_secondary); } .vkuiModalCard { align-items: flex-end; box-sizing: border-box; display: flex; height: 100%; left: 0px; padding: 8px; position: absolute; top: 0px; width: 100%; } .vkuiModalCard__in { margin-left: auto; margin-right: auto; transform: translateY(calc(100% + 16px)); transition: transform .34s var(--vkui--animation_easing_platform); width: 100%; } .vkuiModalCard--ios .vkuiModalCard__in { max-width: 414px; } .vkuiModalCard--android .vkuiModalCard__in { max-width: 440px; } .vkuiModalCard--vkcom .vkuiModalCard__in { max-width: 400px; } .vkuiModalCard--desktop { align-items: center; } .vkuiModalCard--desktop .vkuiModalCard__in { opacity: 0; transform: none; transition: opacity .34s var(--vkui--animation_easing_platform); } .vkuiInternalModalRoot--touched .vkuiModalCard__in { transition: none; } .vkuiModalCardBase__container { --vkui_internal--background: var(--vkui--color_background_modal); background: var(--vkui--color_background_modal); border-radius: 12px; box-shadow: var(--vkui--elevation3); box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; margin-bottom: var(--vkui_internal--safe_area_inset_bottom); padding: 16px; pointer-events: auto; position: relative; } .vkuiModalCardBase__container--softwareKeyboardOpened { margin-bottom: 0px; } .vkuiModalCardBase__header, .vkuiModalCardBase__subheader { margin: 0px; padding: 0px 8px; text-align: center; word-break: break-word; } .vkuiModalCardBase__header { color: var(--vkui--color_text_primary); } .vkuiModalCardBase__subheader { color: var(--vkui--color_text_subhead); } .vkuiModalCardBase__header + .vkuiModalCardBase__subheader { margin-top: 8px; } .vkuiModalCardBase__icon { color: var(--vkui--color_icon_accent); margin: 8px auto 16px; } .vkuiModalCardBase__actions { display: flex; margin-top: 16px; } .vkuiInternalUsersStack + .vkuiModalCardBase__actions { margin-top: 24px; } .vkuiModalCardBase__header + .vkuiModalCardBase__actions, .vkuiModalCardBase__subheader + .vkuiModalCardBase__actions { margin-top: 32px; } .vkuiModalCardBase__dismiss { color: var(--vkui--color_icon_secondary); height: 48px; justify-content: center; position: absolute; right: 4px; top: 4px; width: 48px; } .vkuiModalCardBase--ios .vkuiModalCardBase__header:first-child { padding-left: 36px; padding-right: 36px; } .vkuiModalCardBase--ios .vkuiModalCardBase__container { border-radius: 14px; } .vkuiModalCardBase--desktop .vkuiModalCardBase__container { padding: 24px; } .vkuiBadge { border-radius: 50%; display: block; flex-grow: 0; flex-shrink: 0; height: 6px; width: 6px; } .vkuiBadge--mode-new { background-color: var(--vkui--color_icon_accent); } .vkuiBadge--mode-prominent { background-color: var(--vkui--color_accent_red); } .vkuiInternalTabbarItem__label .vkuiBadge { position: absolute; right: -2px; top: -2px; } .vkuiButtonGroup { display: inline-flex; max-width: 100%; } .vkuiButtonGroup--stretched { display: flex; width: 100%; } .vkuiButtonGroup--mode-vertical { flex-direction: column; } .vkuiButtonGroup--mode-horizontal { align-items: flex-start; flex-direction: row; } .vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-space > :not(:first-child) { margin-top: var(--vkui--size_button_group_gap_space--regular); } .vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-s > :not(:first-child) { margin-top: var(--vkui--size_button_group_gap_small--regular); } .vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-m > :not(:first-child) { margin-top: var(--vkui--size_button_group_gap_medium--regular); } .vkuiButtonGroup--mode-horizontal > :not(.vkuiButtonGroup) { min-width: 0px; } .vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-space > :not(:last-child) { margin-right: var(--vkui--size_button_group_gap_space--regular); } .vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-s > :not(:last-child) { margin-right: var(--vkui--size_button_group_gap_small--regular); } .vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-m > :not(:last-child) { margin-right: var(--vkui--size_button_group_gap_medium--regular); } .vkuiButtonGroup--mode-vertical.vkuiButtonGroup--align-left { align-items: flex-start; } .vkuiButtonGroup--mode-vertical.vkuiButtonGroup--align-center { align-items: center; } .vkuiButtonGroup--mode-vertical.vkuiButtonGroup--align-right { align-items: flex-end; } .vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--align-left { justify-content: flex-start; } .vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--align-center { justify-content: center; } .vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--align-right { justify-content: flex-end; } .vkuiIconButton { appearance: none; background: none; border: 0px; border-radius: 9999px; box-shadow: none; color: currentcolor; display: block; height: 48px; margin: 0px; padding: 0px; position: relative; } .vkuiIconButton--sizeY-compact { height: 44px; } .vkuiIconButton[disabled] { opacity: var(--vkui--opacity_disable_accessibility); } .vkuiIconButton--ios { border-radius: var(--vkui--size_border_radius--regular); } .vkuiIconButton .vkuiIcon--16 { padding: 16px; } .vkuiIconButton .vkuiIcon--16.vkuiIcon--w-8 { padding: 16px 14px; } .vkuiIconButton--sizeY-compact .vkuiIcon--16, .vkuiIconButton--sizeY-compact .vkuiIcon--16.vkuiIcon--w-8 { padding: 14px; } .vkuiIconButton .vkuiIcon--24 { padding: 12px; } .vkuiIconButton .vkuiIcon--28, .vkuiIconButton--sizeY-compact .vkuiIcon--24 { padding: 10px; } .vkuiIconButton--sizeY-compact .vkuiIcon--28 { padding: 8px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiIconButton--sizeY-none { height: 44px; } .vkuiIconButton--sizeY-none .vkuiIcon--16, .vkuiIconButton--sizeY-none .vkuiIcon--16.vkuiIcon--w-8 { padding: 14px; } .vkuiIconButton--sizeY-none .vkuiIcon--24 { padding: 10px; } .vkuiIconButton--sizeY-none .vkuiIcon--28 { padding: 8px; } } .vkuiInternalFormField__after .vkuiIconButton, .vkuiInternalFormItem--removable .vkuiInternalRemovable__content > .vkuiIconButton, .vkuiInternalFormLayoutGroup--removable .vkuiInternalRemovable__content > .vkuiIconButton { place-content: center; align-items: center; border-radius: var(--vkui--size_border_radius--regular); display: flex; height: var(--vkui--size_field_height--regular); width: var(--vkui--size_field_height--regular); } .vkuiInternalFormField__after .vkuiIconButton .vkuiIcon.vkuiIcon.vkuiIcon { padding: 0px; } .vkuiInternalFormField__after .vkuiIconButton--sizeY-compact { height: var(--vkui--size_field_height--compact); width: var(--vkui--size_field_height--compact); } .vkuiInternalFormItem--removable .vkuiInternalRemovable__content > .vkuiIconButton--sizeY-compact, .vkuiInternalFormLayoutGroup--removable .vkuiInternalRemovable__content > .vkuiIconButton--sizeY-compact { height: var(--vkui--size_field_height--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiInternalFormField__after .vkuiIconButton--sizeY-none { width: var(--vkui--size_field_height--compact); } .vkuiInternalFormField__after .vkuiIconButton--sizeY-none, .vkuiInternalFormItem--removable .vkuiInternalRemovable__content > .vkuiIconButton--sizeY-none, .vkuiInternalFormLayoutGroup--removable .vkuiInternalRemovable__content > .vkuiIconButton--sizeY-none { height: var(--vkui--size_field_height--compact); } } .vkuiInternalSimpleCell__after .vkuiIconButton:last-child { margin-right: -12px; } .vkuiInternalSimpleCell--ios .vkuiInternalSimpleCell__after .vkuiIconButton:last-child { margin-right: -9px; } .vkuiCard { background: var(--vkui--color_background_secondary); border-radius: var(--vkui--size_card_border_radius--regular); position: relative; } .vkuiCard--mode-shadow { box-shadow: var( --vkui--elevation3,0 2px 24px 0 rgba(0,0,0,.08),0 0 2px 0 rgba(0,0,0,.08) ); } .vkuiCard--mode-outline, .vkuiCard--mode-shadow { background: var(--vkui--color_background_modal); } .vkuiCard--mode-outline::after { border: var(--vkui_internal--thin_border) solid var(--vkui--color_image_border_alpha); border-radius: inherit; box-sizing: border-box; content: ""; display: block; height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; } .vkuiInternalCardScroll .vkuiCard { flex-shrink: 0; margin-right: var(--vkui--size_cardgrid_padding--regular); } .vkuiInternalCardScroll .vkuiCard:last-of-type { margin-right: 0px; } .vkuiInternalCardScroll--size-s .vkuiCard { width: 40%; } .vkuiInternalCardScroll--size-m .vkuiCard { width: 62%; } .vkuiInternalCardScroll--size-l .vkuiCard { margin-right: var(--vkui--size_base_padding_horizontal--regular); width: calc(100% - var(--vkui--size_base_padding_horizontal--regular)*2); } .vkuiInternalGroup--mode-card .vkuiInternalCardScroll--size-l .vkuiCard, .vkuiInternalSplitCol--spaced .vkuiInternalCardScroll--size-l .vkuiCard { margin-right: 16px; width: calc(100% - 32px); } .vkuiInternalGroup--mode-card .vkuiInternalCardScroll--size-l .vkuiCard:last-of-type, .vkuiInternalSplitCol--spaced .vkuiInternalCardScroll--size-l .vkuiCard:last-of-type { margin-right: 0px; } @media (min-width: 768px) { .vkuiInternalGroup--mode-none .vkuiInternalCardScroll--size-l .vkuiCard:last-of-type { margin-right: 0px; } .vkuiInternalGroup--mode-none .vkuiInternalCardScroll--size-l .vkuiCard { margin-right: 16px; width: calc(100% - 32px); } } .vkuiInternalCardGrid .vkuiCard { margin-right: var(--vkui--size_cardgrid_padding--regular); } .vkuiInternalCardGrid--size-l .vkuiCard { margin-right: 0px; width: 100%; } .vkuiInternalCardGrid--size-l .vkuiCard:not(:first-child) { margin-top: var(--vkui--size_cardgrid_padding--regular); } .vkuiInternalCardGrid--size-m .vkuiCard { width: calc(50% - var(--vkui--size_cardgrid_padding--regular)/2); } .vkuiInternalCardGrid--size-m .vkuiCard:nth-child(n+3) { margin-top: var(--vkui--size_cardgrid_padding--regular); } .vkuiInternalCardGrid--size-m .vkuiCard:nth-child(2n) { margin-right: 0px; } .vkuiInternalCardGrid--size-s .vkuiCard { width: calc(33.33333% - var(--vkui--size_cardgrid_padding--regular)*2/3); } .vkuiInternalCardGrid--size-s .vkuiCard:nth-child(n+4) { margin-top: var(--vkui--size_cardgrid_padding--regular); } .vkuiInternalCardGrid--size-s .vkuiCard:nth-child(3n) { margin-right: 0px; } .vkuiCardGrid { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-start; } .vkuiCardGrid--spaced { padding: var(--vkui--size_base_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular); } .vkuiCardGrid--sizeX-compact { padding-left: var(--vkui--size_base_padding_horizontal--regular); padding-right: var(--vkui--size_base_padding_horizontal--regular); } @media (max-width: 767.9px) { .vkuiCardGrid--sizeX-none { padding-left: var(--vkui--size_base_padding_horizontal--regular); padding-right: var(--vkui--size_base_padding_horizontal--regular); } } .vkuiCardGrid + .vkuiCardGrid { margin-top: calc(var(--vkui--size_cardgrid_padding_vertical--regular)*2); } @media (max-width: 767.9px) { .vkuiCardGrid--sizeX-none.vkuiCardGrid--android { padding-left: 16px; padding-right: 16px; } } .vkuiInternalGroup--mode-card .vkuiCardGrid { padding-left: var(--vkui--size_base_padding_horizontal--regular); padding-right: var(--vkui--size_base_padding_horizontal--regular); } @media (min-width: 768px) { .vkuiInternalGroup--mode-none .vkuiCardGrid { padding-left: 8px; padding-right: 8px; } } .vkuiInternalGroup .vkuiCardGrid:first-child { margin-top: var(--vkui--size_cardgrid_padding_vertical--regular); } .vkuiInternalGroup .vkuiCardGrid:last-child { margin-bottom: var(--vkui--size_cardgrid_padding_vertical--regular); } .vkuiCardScroll__in { align-items: stretch; display: flex; } .vkuiCardScroll__gap { display: block; flex-shrink: 0; } .vkuiCardScroll + .vkuiCardScroll { margin-top: 16px; } .vkuiCardScroll--withSpaces .vkuiCardScroll__gap { width: var(--vkui--size_base_padding_horizontal--regular); } .vkuiInternalSplitCol--spaced .vkuiCardScroll--withSpaces .vkuiCardScroll { margin-left: -16px; margin-right: -16px; } .vkuiInternalSplitCol--spaced .vkuiCardScroll--withSpaces .vkuiCardScroll__gap { width: 16px; } .vkuiInternalGroup--mode-card .vkuiCardScroll--withSpaces { margin-left: -8px; margin-right: -8px; } .vkuiInternalGroup--mode-card .vkuiCardScroll--withSpaces:first-child { padding-top: var(--vkui--size_cardgrid_padding_vertical--regular); } .vkuiInternalGroup--mode-card .vkuiCardScroll--withSpaces:last-child { padding-bottom: var(--vkui--size_cardgrid_padding_vertical--regular); } @media (min-width: 768px) { .vkuiInternalGroup--mode-none .vkuiCardScroll--withSpaces { margin-left: -8px; margin-right: -8px; } .vkuiInternalGroup--mode-none .vkuiCardScroll--withSpaces:first-child { padding-top: var(--vkui--size_cardgrid_padding_vertical--regular); } .vkuiInternalGroup--mode-none .vkuiCardScroll--withSpaces:last-child { padding-bottom: var(--vkui--size_cardgrid_padding_vertical--regular); } } .vkuiContentCard--disabled { opacity: var(--vkui--opacity_disable_accessibility); } .vkuiContentCard__body { padding: var(--vkui--size_base_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular); } .vkuiContentCard__tappable { border-radius: var(--vkui--size_card_border_radius--regular); color: var(--vkui--color_text_primary); display: block; text-decoration: none; } .vkuiContentCard__img { border-radius: var(--vkui--size_card_border_radius--regular) var(--vkui--size_card_border_radius--regular) 0 0; display: block; object-fit: cover; } .vkuiContentCard__text:not(:last-child) { margin-bottom: 4px; } .vkuiContentCard__caption, .vkuiContentCard__subtitle { color: var(--vkui--color_text_secondary); } .vkuiHeader { align-items: baseline; display: flex; font-family: var(--vkui--font_family_base); justify-content: space-between; padding-top: 0px; padding-bottom: 0px; padding-left: var(--vkui--size_base_padding_horizontal--regular); padding-right: var(--vkui--size_base_padding_horizontal--regular); user-select: text; } .vkuiHeader__main { color: var(--vkui--color_text_primary); min-width: 0px; } .vkuiHeader__content { align-items: center; display: flex; } .vkuiHeader__content-in, .vkuiHeader__subtitle { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vkuiHeader__content--multiline { white-space: normal; word-break: break-word; } .vkuiHeader__subtitle { display: block; } .vkuiHeader--mode-secondary:not(.vkuiHeader--pi):not(.vkuiHeader--with-subtitle) .vkuiHeader__main, .vkuiHeader--mode-tertiary .vkuiHeader__main, .vkuiHeader__indicator, .vkuiHeader__subtitle { color: var(--vkui--color_text_secondary); } .vkuiHeader__indicator { flex-shrink: 0; margin-left: 6px; } .vkuiHeader--mode-primary .vkuiHeader__indicator { color: var(--vkui--color_text_subhead); } .vkuiHeader:not(.vkuiHeader--pi) .vkuiHeader__indicator { align-self: center; } .vkuiHeader--mode-secondary .vkuiHeader__indicator { margin-left: 8px; } .vkuiHeader__aside { margin-left: 12px; white-space: nowrap; } .vkuiHeader__aside > .vkuiIcon { color: var(--vkui--color_icon_secondary); position: relative; } .vkuiHeader__aside > .vkuiIcon--24 { top: 3px; } .vkuiHeader__aside > .vkuiIcon--16 { top: 1px; } .vkuiHeader__main { margin: 15px 0px 9px; } .vkuiHeader--mode-primary .vkuiHeader__main { margin-bottom: 7px; } .vkuiHeader--mode-primary .vkuiHeader__content:not(:last-child) { margin-top: 0px; } .vkuiHeader--mode-primary .vkuiHeader__content:last-child { margin-bottom: 2px; } .vkuiHeader--mode-tertiary .vkuiHeader__main { margin-top: 11px; } .vkuiHeader--ios .vkuiHeader__main { margin: 13px 0px 9px; } .vkuiHeader--ios.vkuiHeader--mode-primary .vkuiHeader__main { margin: 16px 0px 7px; } .vkuiHeader--ios.vkuiHeader--mode-secondary .vkuiHeader__main { margin: 14px 0px 10px; } .vkuiHeader--ios.vkuiHeader--mode-tertiary .vkuiHeader__main { margin: 12px 0px 8px; } .vkuiHeader--ios.vkuiHeader--mode-primary .vkuiHeader__content:not(:last-child) { margin-top: -1px; } .vkuiHeader--ios.vkuiHeader--mode-primary .vkuiHeader__content:last-child { margin-bottom: 0px; } .vkuiInternalGroup--mode-plain:not(:first-of-type) > .vkuiHeader:first-child, .vkuiInternalGroup--mode-plain:not(:first-of-type) > .vkuiInternalTappable:first-child > .vkuiHeader { margin-top: -16px; } @media (max-width: 767.9px) { .vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none:not(:first-of-type) > .vkuiHeader:first-child, .vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none:not(:first-of-type) > .vkuiInternalTappable:first-child > .vkuiHeader { margin-top: -16px; } } .vkuiInternalGroup--mode-card > .vkuiHeader:not(.vkuiHeader--mode-tertiary):first-child, .vkuiInternalGroup--mode-card > .vkuiInternalTappable:first-child > .vkuiHeader:not(.vkuiHeader--mode-tertiary) { margin-top: -4px; } @media (min-width: 768px) { .vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none > .vkuiHeader:not(.vkuiHeader--mode-tertiary):first-child, .vkuiInternalGroup--sizeX-none.vkuiInternalGroup--mode-none > .vkuiInternalTappable:first-child > .vkuiHeader:not(.vkuiHeader--mode-tertiary) { margin-top: -4px; } } .vkuiHeader__aside { --vkui_internal--link-color: var(--vkui--color_text_accent); } .vkuiGroup { color: var(--vkui--color_text_primary); padding-bottom: 8px; padding-top: 8px; } .vkuiGroup__separator--separator, .vkuiGroup__separator--spacing { display: none; } .vkuiGroup--mode-plain + * + .vkuiGroup__separator--separator { display: block; } @media (max-width: 767.9px) { .vkuiGroup--sizeX-none.vkuiGroup--mode-none + * + .vkuiGroup__separator--separator { display: block; } } .vkuiGroup--mode-card + .vkuiGroup__separator--spacing { display: block; } @media (min-width: 768px) { .vkuiGroup--sizeX-none.vkuiGroup--mode-none + .vkuiGroup__separator--spacing { display: block; } } .vkuiGroup:last-of-type ~ .vkuiGroup__separator { display: none; } .vkuiGroup--mode-card:last-of-type + .vkuiGroup__separator--spacing, .vkuiGroup:last-of-type ~ .vkuiGroup__separator--force { display: block; } @media (min-width: 768px) { .vkuiGroup--sizeX-none.vkuiGroup--mode-none:last-of-type + .vkuiGroup__separator--spacing { display: block; } } .vkuiGroup--mode-card.vkuiGroup--padding-s { padding: 4px; } .vkuiGroup--mode-card.vkuiGroup--padding-m { padding: 8px; } @media (min-width: 768px) { .vkuiGroup--sizeX-none.vkuiGroup--inside-modal.vkuiGroup--padding-s, .vkuiGroup--sizeX-none.vkuiGroup--mode-none.vkuiGroup--padding-s { padding: 4px; } .vkuiGroup--sizeX-none.vkuiGroup--inside-modal.vkuiGroup--padding-m, .vkuiGroup--sizeX-none.vkuiGroup--mode-none.vkuiGroup--padding-m { padding: 8px; } } .vkuiGroup--sizeX-compact { padding-left: 0px; padding-right: 0px; } @media (max-width: 767.9px) { .vkuiGroup--sizeX-none { padding-left: 0px; padding-right: 0px; } } .vkuiGroup--mode-card { background: var(--vkui--color_background_content); border-radius: var(--vkui--size_border_radius_paper--regular); position: relative; } @media (min-width: 768px) { .vkuiGroup--sizeX-none.vkuiGroup--mode-none { background: var(--vkui--color_background_content); border-radius: var(--vkui--size_border_radius_paper--regular); position: relative; } } .vkuiGroup--mode-card::after { border-radius: inherit; box-shadow: inset 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_separator_primary); content: ""; height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; } @media (min-width: 768px) { .vkuiGroup--sizeX-none.vkuiGroup--mode-none::after { border-radius: inherit; box-shadow: inset 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_field_border_alpha); content: ""; height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; } } .vkuiGroup--mode-plain + .vkuiGroup__separator, .vkuiGroup--mode-plain + .vkuiGroup__separator + .vkuiGroup__separator { padding-bottom: 8px; padding-top: 8px; } @media (max-width: 767.9px) { .vkuiGroup--sizeX-none.vkuiGroup--mode-none + .vkuiGroup__separator, .vkuiGroup--sizeX-none.vkuiGroup--mode-none + .vkuiGroup__separator + .vkuiGroup__separator { padding-bottom: 8px; padding-top: 8px; } } .vkuiGroup__description { color: var(--vkui--color_text_secondary); display: block; padding: 4px 16px 16px; } .vkuiGroup .vkuiGroup, .vkuiGroup .vkuiGroup + .vkuiGroup__separator { padding-left: 0px; padding-right: 0px; } .vkuiGroup .vkuiGroup:first-of-type { padding-top: 0px; } .vkuiGroup .vkuiGroup:last-of-type { padding-bottom: 0px; } .vkuiGroup--ios .vkuiGroup__description { padding: 4px 12px 16px; } .vkuiInternalPanelHeader--vkcom + * .vkuiGroup:first-of-type, .vkuiInternalPanelHeader--vkcom ~ .vkuiGroup:first-of-type { border-top-left-radius: 0px; border-top-right-radius: 0px; position: relative; top: -1px; } .vkuiGradient--mode-tint.vkuiGradient--to-top { background: linear-gradient(to bottom,var(--vkui--gradient_tint)); } .vkuiGradient--mode-tint.vkuiGradient--to-bottom { background: linear-gradient(to top,var(--vkui--gradient_tint)); } .vkuiGradient--mode-white.vkuiGradient--to-top { background: linear-gradient(to bottom,var(--vkui--gradient_white)); } .vkuiGradient--mode-white.vkuiGradient--to-bottom { background: linear-gradient(to top,var(--vkui--gradient_white)); } .vkuiGradient--mode-black.vkuiGradient--to-top { background: linear-gradient(to bottom,var(--vkui--gradient_black)); } .vkuiGradient--mode-black.vkuiGradient--to-bottom { background: linear-gradient(to top,var(--vkui--gradient_black)); } .vkuiList { isolation: isolate; } .vkuiCell { position: relative; } .vkuiInternalList--dragging .vkuiCell:not(.vkuiCell--dragging) { pointer-events: none; transition: transform 0.3s; } .vkuiCell--dragging { background-color: var(--vkui--color_background_secondary); box-shadow: var(--vkui--elevation3); z-index: var(--vkui_internal--z_index_cell_dragging); } .vkuiCell--selectable.vkuiCell--disabled { opacity: var(--vkui--opacity_disable_accessibility); } .vkuiCell__checkbox, .vkuiCell__dragger { flex-shrink: 0; margin-right: 16px; position: relative; } .vkuiCell__content { max-width: 100%; min-width: 0px; } .vkuiCell--removable .vkuiCell__content { flex-grow: 1; padding-left: 0px; padding-right: 0px; } .vkuiCell--ios .vkuiCell__dragger { margin-left: 12px; margin-right: 0px; } .vkuiCell--ios .vkuiCell__checkbox { margin-right: 12px; } .vkuiInternalFormItem > .vkuiCell { margin: 0 calc(var(--vkui--size_base_padding_horizontal--regular)*-1); } .vkuiCellDragger { color: var(--vkui--color_icon_secondary); cursor: ns-resize; } .vkuiCellCheckbox { display: flex; justify-content: center; width: 24px; } .vkuiCellCheckbox__icon { color: var(--vkui--color_icon_tertiary); display: none; } .vkuiCellCheckbox__icon--on { color: var(--vkui--color_icon_accent); } .vkuiCellCheckbox__input:checked ~ .vkuiCellCheckbox__icon--on, .vkuiCellCheckbox__input:not(:checked) ~ .vkuiCellCheckbox__icon--off { display: block; } .vkuiSimpleCell { align-items: center; color: var(--vkui--color_text_primary); display: flex; min-height: 48px; padding-left: var(--vkui--size_base_padding_horizontal--regular); padding-right: var(--vkui--size_base_padding_horizontal--regular); text-decoration: none; white-space: nowrap; } .vkuiSimpleCell--mult { white-space: normal; } .vkuiSimpleCell--mult .vkuiSimpleCell__children { text-overflow: clip; } .vkuiSimpleCell__main { flex-grow: 1; max-width: 100%; min-width: 0px; overflow: hidden; } .vkuiSimpleCell > .vkuiIcon { color: var(--vkui--color_icon_accent); flex-shrink: 0; padding-bottom: 10px; padding-right: 12px; padding-top: 10px; } .vkuiSimpleCell > .vkuiIcon--28 { padding-right: 16px; } .vkuiSimpleCell__subhead { color: var(--vkui--color_text_subhead); } .vkuiSimpleCell__text { overflow: hidden; text-overflow: ellipsis; } .vkuiSimpleCell__extraSubtitle, .vkuiSimpleCell__subtitle { color: var(--vkui--color_text_secondary); } .vkuiSimpleCell .vkuiSimpleCell__content { place-content: flex-start space-between; align-items: center; display: flex; max-width: 100%; } .vkuiSimpleCell:not(.vkuiSimpleCell--mult) .vkuiSimpleCell__content { justify-content: flex-start; } .vkuiSimpleCell__children { color: inherit; display: block; overflow: hidden; text-overflow: ellipsis; } .vkuiSimpleCell--mult .vkuiSimpleCell__children, .vkuiSimpleCell--mult .vkuiSimpleCell__subtitle { flex: 1 1 auto; } .vkuiSimpleCell__badge { color: var(--vkui--color_icon_accent); display: inline-block; flex-grow: 0; flex-shrink: 0; } .vkuiSimpleCell__content > :not(:last-child) { margin-right: 4px; } .vkuiSimpleCell__indicator { color: var(--vkui--color_text_secondary); min-width: 0px; overflow: hidden; padding-left: 4px; text-overflow: ellipsis; white-space: nowrap; } .vkuiSimpleCell__after { align-items: center; color: var(--vkui--color_icon_accent); display: flex; flex-shrink: 0; } .vkuiSimpleCell__after > .vkuiIcon { padding-left: 8px; } .vkuiSimpleCell__after > .vkuiIcon:last-child { padding-right: 2px; } .vkuiSimpleCell__after .vkuiSimpleCell__chevronIcon { color: var(--vkui--color_icon_tertiary); padding-left: 12px; } .vkuiSimpleCell--ios .vkuiSimpleCell__indicator, .vkuiSimpleCell--ios .vkuiSimpleCell__main { padding-bottom: 11px; padding-top: 9px; } .vkuiSimpleCell--ios > .vkuiIcon--28 { padding-left: 4px; } .vkuiSimpleCell--sizeY-regular.vkuiSimpleCell--ios > .vkuiAvatar:not(.vkuiAvatar--size-32) ~ .vkuiSimpleCell__indicator, .vkuiSimpleCell--sizeY-regular.vkuiSimpleCell--ios > .vkuiAvatar:not(.vkuiAvatar--size-32) ~ .vkuiSimpleCell__main .vkuiSimpleCell__children { font-size: 16px; line-height: 20px; } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkuiSimpleCell--sizeY-none.vkuiSimpleCell--ios > .vkuiAvatar:not(.vkuiAvatar--size-32) ~ .vkuiSimpleCell__indicator, .vkuiSimpleCell--sizeY-none.vkuiSimpleCell--ios > .vkuiAvatar:not(.vkuiAvatar--size-32) ~ .vkuiSimpleCell__main .vkuiSimpleCell__children { font-size: 16px; line-height: 20px; } } .vkuiSimpleCell--android .vkuiSimpleCell__indicator, .vkuiSimpleCell--android .vkuiSimpleCell__main, .vkuiSimpleCell--vkcom .vkuiSimpleCell__indicator, .vkuiSimpleCell--vkcom .vkuiSimpleCell__main { padding-bottom: 10px; padding-top: 11px; } .vkuiSimpleCell--sizeY-compact { min-height: 44px; } .vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__indicator, .vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__main { padding-bottom: 10px; padding-top: 10px; } .vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__description, .vkuiSimpleCell--sizeY-compact > .vkuiAvatar--size-28 ~ .vkuiSimpleCell__main .vkuiSimpleCell__description, .vkuiSimpleCell--sizeY-compact > .vkuiAvatar--size-32 ~ .vkuiSimpleCell__main .vkuiSimpleCell__description { margin-top: 1px; } .vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__badge .vkuiBadge { transform: translateY(0.5px); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiSimpleCell--sizeY-none { min-height: 44px; } .vkuiSimpleCell--sizeY-none .vkuiSimpleCell__indicator, .vkuiSimpleCell--sizeY-none .vkuiSimpleCell__main { padding-bottom: 10px; padding-top: 10px; } .vkuiSimpleCell--sizeY-none .vkuiSimpleCell__description, .vkuiSimpleCell--sizeY-none > .vkuiAvatar--size-28 ~ .vkuiSimpleCell__main .vkuiSimpleCell__description, .vkuiSimpleCell--sizeY-none > .vkuiAvatar--size-32 ~ .vkuiSimpleCell__main .vkuiSimpleCell__description { margin-top: 1px; } .vkuiSimpleCell--sizeY-none .vkuiSimpleCell__badge .vkuiBadge { transform: translateY(0.5px); } } .vkuiInternalFormItem > .vkuiSimpleCell { margin: 0 calc(var(--vkui--size_base_padding_horizontal--regular)*-1); } .vkuiSimpleCell__main > :not(:first-child) { margin-top: 2px; } .vkuiRemovable__content { align-items: center; display: flex; padding-left: var(--vkui--size_base_padding_horizontal--regular); position: relative; } .vkuiRemovable__action { border: 0px; flex-grow: 0; flex-shrink: 0; position: relative; } .vkuiRemovable__action.vkuiRemovable__action { color: var(--vkui--color_icon_secondary); } .vkuiRemovable--align-start .vkuiRemovable__action { align-self: flex-start; } .vkuiRemovable--ios { overflow: hidden; } .vkuiRemovable__remove { background-color: var(--vkui--color_background_negative); border: 0px; border-radius: 0px; color: var(--vkui_internal--white); font-size: 15px; height: 100%; left: 100%; line-height: 45px; padding: 0px 10px; position: absolute; top: 0px; } .vkuiRemovable__remove-in { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } @media (prefers-reduced-motion: no-preference) { .vkuiRemovable--ios .vkuiRemovable__content { transition: transform .6s var(--vkui--animation_easing_platform); } } .vkuiRemovable__toggle { background: none; display: block; height: 44px; margin: 0px 2px; width: 44px; } .vkuiRemovable__toggle-in { place-content: center; align-items: center; border: 0px; display: flex; height: 100%; position: relative; width: 100%; } .vkuiRemovable__toggle-in::after { background-color: var(--vkui--color_background_negative); border-radius: 50%; content: ""; height: 22px; width: 22px; } .vkuiRemovable__toggle-in::before { background-color: var(--vkui_internal--white); content: ""; display: block; height: 2px; position: absolute; width: 12px; } .vkuiRemovable--ios .vkuiRemovable__content { padding-left: 0px; padding-right: var(--vkui--size_base_padding_horizontal--regular); } .vkuiRemovable--indent .vkuiRemovable__action { pointer-events: none; visibility: hidden; } .vkuiInternalFormItem--removable .vkuiRemovable__content, .vkuiInternalFormLayoutGroup--removable .vkuiRemovable__content { align-items: flex-start; flex-wrap: wrap; } .vkuiRemovable__offset { display: none; } .vkuiInternalFormItem--withTop .vkuiInternalFormItem__removable ~ .vkuiRemovable__offset, .vkuiInternalFormLayoutGroup--removable .vkuiInternalFormItem--withTop ~ .vkuiRemovable__offset { display: block; height: calc(10px + var(--vkui--font_subhead--line_height--regular)); order: -1; width: 100%; } .vkuiInternalFormItem--sizeY-compact.vkuiInternalFormItem--withTop .vkuiInternalFormItem__removable ~ .vkuiRemovable__offset, .vkuiInternalFormLayoutGroup--sizeY-compact.vkuiInternalFormLayoutGroup--removable .vkuiInternalFormItem--withTop ~ .vkuiRemovable__offset { height: calc(8px + var(--vkui--font_subhead--line_height--compact)); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiInternalFormItem--sizeY-none.vkuiInternalFormItem--withTop .vkuiInternalFormItem__removable ~ .vkuiRemovable__offset, .vkuiInternalFormLayoutGroup--sizeY-none.vkuiInternalFormLayoutGroup--removable .vkuiInternalFormItem--withTop ~ .vkuiRemovable__offset { height: calc(8px + var(--vkui--font_subhead--line_height--compact)); } } .vkuiRichCell { box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; font-family: var(--vkui--font_family_base); min-height: 64px; padding: 8px var(--vkui--size_base_padding_horizontal--regular); text-decoration: none; } .vkuiRichCell--sizeY-compact { min-height: 60px; } .vkuiRichCell__before { margin-right: 12px; } .vkuiRichCell__in { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; max-width: 100%; min-width: 0px; } .vkuiRichCell__content { display: flex; word-break: break-word; } .vkuiRichCell__content-before { flex-grow: 1; min-width: 0px; } .vkuiRichCell__content-after { align-items: flex-end; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; padding-left: 12px; } .vkuiRichCell__after-children { font-weight: var(--vkui--font_weight_accent2); } .vkuiRichCell__after-caption { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_footnote--font_size--regular); line-height: var(--vkui--font_footnote--line_height--regular); margin-top: 2px; } .vkuiRichCell--sizeY-compact .vkuiRichCell__after-caption { font-size: var(--vkui--font_caption1--font_size--regular); line-height: var(--vkui--font_caption1--line_height--regular); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiRichCell--sizeY-none .vkuiRichCell__after-caption { font-size: var(--vkui--font_caption1--font_size--regular); line-height: var(--vkui--font_caption1--line_height--regular); } } .vkuiRichCell__caption, .vkuiRichCell__subhead { color: var(--vkui--color_text_secondary); } .vkuiRichCell__caption { margin-top: 1px; } .vkuiRichCell__children { font-weight: var(--vkui--font_weight_accent2); } .vkuiRichCell--text-ellipsis .vkuiRichCell__caption, .vkuiRichCell--text-ellipsis .vkuiRichCell__children, .vkuiRichCell--text-ellipsis .vkuiRichCell__subhead, .vkuiRichCell--text-ellipsis .vkuiRichCell__text { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vkuiRichCell__bottom { margin-top: 5px; } .vkuiRichCell__actions { margin-top: 8px; } .vkuiRichCell__after-children, .vkuiRichCell__children, .vkuiRichCell__text { font-size: var(--vkui--font_paragraph--font_size--regular); line-height: var(--vkui--font_paragraph--line_height--regular); } .vkuiRichCell--sizeY-compact .vkuiRichCell__after-children, .vkuiRichCell--sizeY-compact .vkuiRichCell__children, .vkuiRichCell--sizeY-compact .vkuiRichCell__text { font-size: var(--vkui--font_subhead--font_size--regular); line-height: var(--vkui--font_subhead--line_height--regular); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiRichCell--sizeY-none .vkuiRichCell__after-children, .vkuiRichCell--sizeY-none .vkuiRichCell__children, .vkuiRichCell--sizeY-none .vkuiRichCell__text { font-size: var(--vkui--font_subhead--font_size--regular); line-height: var(--vkui--font_subhead--line_height--regular); } } .vkuiInternalFormItem .vkuiRichCell { margin-left: calc(var(--vkui--size_base_padding_horizontal--regular)*-1); margin-right: calc(var(--vkui--size_base_padding_horizontal--regular)*-1); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiRichCell--sizeY-none { min-height: 60px; } } .vkuiRichCellIcon { align-items: center; box-sizing: border-box; color: var(--vkui--color_icon_accent_themed); display: flex; flex-direction: row; height: 40px; justify-content: flex-end; padding: 6px 0px 6px 12px; width: 48px; } .vkuiCellButton { background: transparent; border: 0px; box-sizing: border-box; cursor: pointer; margin: 0px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; width: 100%; } .vkuiInternalFormItem .vkuiCellButton { box-sizing: initial; margin: 0 calc(var(--vkui--size_base_padding_horizontal--regular)*-1); width: 100%; } .vkuiCellButton[disabled] { opacity: 0.4; } .vkuiCellButton--centered { justify-content: center; text-align: center; } .vkuiCellButton--centered .vkuiInternalSimpleCell__main { flex-grow: 0; max-width: none; } .vkuiCellButton--centered > .vkuiIcon { padding-right: 8px; } .vkuiCellButton { color: var(--vkui--color_text_accent); } .vkuiCellButton > .vkuiIcon { color: var(--vkui--color_icon_accent); } .vkuiCellButton--mode-danger { color: var(--vkui--color_text_negative); } .vkuiCellButton--mode-danger > .vkuiIcon { color: var(--vkui--color_icon_negative); } .vkuiHorizontalCell { display: flex; } .vkuiHorizontalCell__image { display: flex; justify-content: center; } .vkuiHorizontalCell__body { font-family: inherit; text-decoration: none; } .vkuiHorizontalCell .vkuiHorizontalCell__body { border-radius: var(--vkui--size_border_radius--regular); } .vkuiHorizontalCell__content { color: var(--vkui--color_text_primary); text-overflow: ellipsis; word-break: break-all; } .vkuiHorizontalCell__subtitle { color: var(--vkui--color_text_secondary); } .vkuiHorizontalCell__content .vkuiHorizontalCell__subtitle { margin-top: 2px; } .vkuiHorizontalCell--size-s { --vkui_internal--side_cell_gap: calc(var(--vkui--size_base_padding_horizontal--regular) - var(--vkui--spacing_size_m)); --vkui_internal--side_cell_width: calc(72px + var(--vkui_internal--side_cell_gap)); max-width: 72px; } .vkuiHorizontalCell__image { padding: 4px var(--vkui--spacing_size_s); } .vkuiHorizontalCell__content { padding: 2px 6px 8px; text-align: left; } .vkuiHorizontalCell--size-s .vkuiHorizontalCell__image { padding: 4px var(--vkui--spacing_size_m); } .vkuiHorizontalCell--size-s .vkuiHorizontalCell__content { padding: 2px 4px 8px; text-align: center; } .vkuiHorizontalCell--size-m { --vkui_internal--side_cell_width: calc(100px + var(--vkui_internal--side_cell_gap)); width: 100px; } .vkuiHorizontalCell--size-l { width: auto; } .vkuiHorizontalCell:first-child::before, .vkuiHorizontalCell:last-child::after { content: ""; min-width: var(--vkui_internal--side_cell_gap); } .vkuiHorizontalCell--size-s:first-child, .vkuiHorizontalCell--size-s:last-child { max-width: var(--vkui_internal--side_cell_width); } .vkuiHorizontalCell--size-m:first-child, .vkuiHorizontalCell--size-m:last-child { width: var(--vkui_internal--side_cell_width); } .vkuiAvatar { border-radius: 50%; } .vkuiAvatar--has-gradient { color: var(--vkui--color_text_contrast); } .vkuiAvatar--gradient-red { background-color: rgb(229, 46, 64); background-image: linear-gradient(135deg, rgb(255, 117, 131), rgb(229, 46, 64)); } .vkuiAvatar--gradient-pink { background-color: rgb(230, 46, 107); background-image: linear-gradient(135deg, rgb(255, 136, 128), rgb(230, 46, 107)); } .vkuiAvatar--gradient-orange { background-color: rgb(230, 107, 46); background-image: linear-gradient(135deg, rgb(255, 191, 128), rgb(230, 107, 46)); } .vkuiAvatar--gradient-yellow { background-color: rgb(231, 169, 2); background-image: linear-gradient(135deg, rgb(255, 213, 79), rgb(231, 169, 2)); } .vkuiAvatar--gradient-green { background-color: rgb(108, 217, 126); background-image: linear-gradient(135deg, rgb(108, 217, 126), rgb(18, 178, 18)); } .vkuiAvatar--gradient-l-blue { background-color: rgb(43, 180, 214); background-image: linear-gradient(135deg, rgb(125, 241, 250), rgb(43, 180, 214)); } .vkuiAvatar--gradient-blue { background-color: rgb(63, 138, 224); background-image: linear-gradient(135deg, rgb(102, 204, 255), rgb(63, 138, 224)); } .vkuiAvatar--gradient-violet { background-color: rgb(143, 63, 224); background-image: linear-gradient(135deg, rgb(211, 166, 255), rgb(143, 63, 224)); } .vkuiAvatar__initials { font-family: var(--vkui--font_family_accent); font-weight: 600; line-height: 1; text-align: center; text-transform: uppercase; } .vkuiAvatarBadge { bottom: 0px; right: 0px; } .vkuiAvatarBadge--shifted { bottom: -2px; right: -2px; } .vkuiAvatarBadge--preset-online, .vkuiAvatarBadge--preset-onlineMobile { bottom: 14%; color: var(--vkui--color_accent_green); right: 14%; transform: translate(50%, 50%); } .vkuiAvatarBadge--preset-online { padding: 0px; } .vkuiAvatarBadge--preset-onlineMobile { border-radius: 3px; } .vkuiFooter { color: var(--vkui--color_text_secondary); display: block; margin: 24px var(--vkui--size_base_padding_horizontal--regular); padding-bottom: 0px; padding-top: 0px; text-align: center; } .vkuiInfoRow { user-select: text; } .vkuiInfoRow, .vkuiInfoRow__header { overflow: hidden; text-overflow: ellipsis; } .vkuiInfoRow__header { color: var(--vkui--color_text_subhead); display: block; margin-bottom: 2px; white-space: nowrap; } .vkuiBaseGallery { overflow: hidden; position: relative; user-select: none; } .vkuiBaseGallery__viewport { height: 100%; margin: 0px; position: relative; } .vkuiBaseGallery--align-center .vkuiBaseGallery__viewport { margin: 0px auto; } .vkuiBaseGallery__layer { align-items: stretch; display: flex; height: 100%; min-height: 100px; width: 100%; } .vkuiBaseGallery--draggable .vkuiBaseGallery__layer { cursor: grab; } .vkuiBaseGallery__layer:empty { min-height: 0px; } .vkuiBaseGallery__slide { flex: 0 0 auto; max-width: 100%; overflow: hidden; width: 100%; } .vkuiBaseGallery--custom-width .vkuiBaseGallery__slide { width: auto; } .vkuiBaseGallery__slide > * { min-height: 100%; width: 100%; } .vkuiBaseGallery__bullets { align-items: center; bottom: 10px; display: flex; height: 6px; justify-content: center; left: 0px; position: absolute; width: 100%; } .vkuiBaseGallery__bullets--dark .vkuiBaseGallery__bullet { background-color: var(--vkui--color_icon_primary_invariably); } .vkuiBaseGallery__bullets--light .vkuiBaseGallery__bullet { background-color: var(--vkui--color_icon_contrast); } .vkuiBaseGallery__bullet { border-radius: 50%; height: 6px; margin: 0px 3px; opacity: var(--vkui--opacity_disable_accessibility); width: 6px; } .vkuiBaseGallery__bullet--active { opacity: 1; } .vkuiBaseGallery__arrow { opacity: 0; position: absolute; top: 0px; } .vkuiBaseGallery:hover .vkuiBaseGallery__arrow { opacity: var(--vkui--opacity_disable_accessibility); } .vkuiBaseGallery .vkuiBaseGallery__arrow:hover { opacity: 1; } .vkuiGridAvatar { border-radius: 50%; } .vkuiGridAvatar__in { border-radius: inherit; display: flex; flex-flow: column wrap; height: 100%; overflow: hidden; width: 100%; } .vkuiGridAvatar__item { background-position: 50% center; background-size: cover; height: calc(50% - var(--vkui_internal--grid_avatar_image_offset)/2); margin-right: var(--vkui_internal--grid_avatar_image_offset); width: calc(50% - var(--vkui_internal--grid_avatar_image_offset)/2); } .vkuiGridAvatar__item:only-child { width: 100%; } .vkuiGridAvatar__item:first-child:not(:nth-last-child(4)), .vkuiGridAvatar__item:nth-child(2):last-child { height: 100%; } .vkuiGridAvatar__item:nth-last-child(4), .vkuiGridAvatar__item:nth-last-child(n+3) ~ .vkuiGridAvatar__item:nth-last-child(2) { margin-bottom: var(--vkui_internal--grid_avatar_image_offset); } .vkuiGridAvatarBadge { bottom: 0px; right: 0px; } .vkuiGridAvatarBadge--shifted { bottom: -2px; right: -2px; } .vkuiImageBadge { bottom: -4px; position: absolute; right: -4px; } .vkuiImageBadge--shifted { bottom: -3px; right: -3px; } .vkuiProgress { background: var(--vkui--color_track_background); border-radius: 1px; height: 2px; } .vkuiProgress__in { border-radius: inherit; height: 100%; transition: width 0.2s; } .vkuiProgress--appearance-accent .vkuiProgress__in { background: var(--vkui--color_stroke_accent); } .vkuiProgress--appearance-positive .vkuiProgress__in { background: var(--vkui--color_stroke_positive); } .vkuiProgress--appearance-negative .vkuiProgress__in { background: var(--vkui--color_stroke_negative); } .vkuiSearch { -webkit-tap-highlight-color: transparent; --vkui_internal--search_height: var(--vkui--size_search_height--regular); display: flex; overflow: hidden; padding: 8px var(--vkui--size_base_padding_horizontal--regular); } .vkuiSearch--sizeY-compact { --vkui_internal--search_height: var(--vkui--size_search_height--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiSearch--sizeY-none { --vkui_internal--search_height: var(--vkui--size_search_height--compact); } } .vkuiSearch__field { background-color: var(--vkui--color_search_field_background); border-radius: var(--vkui--size_border_radius--regular); display: flex; flex: 2 1 0%; height: var(--vkui_internal--search_height); position: relative; width: 10000px; } .vkuiSearch__field:hover { background-color: var(--vkui--color_search_field_background--hover); } .vkuiSearch__field:active { background-color: var(--vkui--color_search_field_background--active); } .vkuiSearch__control { align-items: center; border-radius: inherit; color: var(--vkui--color_icon_medium); display: flex; height: 100%; justify-content: flex-start; padding-left: 12px; width: calc(100% - 1px); } .vkuiSearch__input { appearance: none; background-color: initial; border: 0px; border-radius: inherit; inset: 0px; box-sizing: border-box; color: var(--vkui--color_text_primary); flex-grow: 1; height: 100%; margin: 0px; max-width: 100%; min-width: 0px; padding: 0px 0px 0px 36px; position: absolute; width: stretch; } .vkuiSearch__input::-webkit-search-cancel-button, .vkuiSearch__input::-webkit-search-decoration, .vkuiSearch__input::-webkit-search-results-button, .vkuiSearch__input::-webkit-search-results-decoration { display: none; } .vkuiSearch__input:focus { outline: none; } .vkuiSearch--has-after .vkuiSearch__input { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .vkuiSearch--has-icon .vkuiSearch__input, .vkuiSearch--has-value .vkuiSearch__input { margin-right: calc(var(--vkui_internal--search_height) + 4px); } .vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__input { margin-right: calc((var(--vkui_internal--search_height) + 4px)*2); } .vkuiSearch__icons { color: var(--vkui--color_icon_secondary); } .vkuiSearch__icon, .vkuiSearch__icons { align-items: center; display: flex; justify-content: center; } .vkuiSearch__icon { border-radius: var(--vkui--size_border_radius--regular); height: 100%; width: calc(var(--vkui_internal--search_height) + 4px); } .vkuiSearch__icon .vkuiIcon { padding: 0px; } .vkuiSearch__after { flex: 0 1 0%; margin-left: 4px; margin-right: calc(4px - var(--vkui--size_base_padding_horizontal--regular)); max-width: min-content; min-width: auto; overflow: hidden; pointer-events: none; transform: translate(50%); transform-origin: left center; transition: flex .3s var(--vkui--animation_easing_platform),transform .3s var(--vkui--animation_easing_platform); } .vkuiSearch--focused .vkuiSearch__after, .vkuiSearch--has-value .vkuiSearch__after { flex: 1 1 0%; pointer-events: auto; transform: translate(0px); } .vkuiSearch__afterText { display: block; overflow: hidden; text-overflow: clip; white-space: nowrap; } .vkuiGroup--mode-plain .vkuiSearch { padding-top: 4px; } .vkuiTabs__in { align-items: stretch; display: flex; } .vkuiTabs--withGaps { justify-content: flex-start; } .vkuiInternalPanelHeader .vkuiTabs { font-family: var(--vkui--font_family_base); overflow: hidden; } .vkuiInternalPanelHeader .vkuiTabs::after { content: ""; display: block; width: 1000px; } .vkuiInternalGroup--mode-plain > .vkuiTabs--mode-default:first-child { margin-top: -8px; } .vkuiInternalGroup--mode-card > .vkuiTabs--mode-default:first-child { margin-top: -4px; } .vkuiInternalFixedLayout--ios.vkuiInternalFixedLayout--vertical-bottom .vkuiTabs::after { background: var(--vkui--color_background_content); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .vkuiInternalFixedLayout--ios.vkuiInternalFixedLayout--vertical-bottom .vkuiSeparator, .vkuiInternalFixedLayout--ios.vkuiInternalFixedLayout--vertical-bottom .vkuiTabs__in { position: relative; z-index: var(--vkui_internal--z_index_tabs); } .vkuiTabsItem { align-items: center; border-radius: var(--vkui--size_border_radius--regular); box-sizing: border-box; display: flex; justify-content: center; max-width: 100%; min-height: 32px; min-width: 0px; padding: 4px 8px; transition: background-color 0.15s ease-out; } .vkuiTabsItem--withGaps { margin-bottom: 8px; margin-top: 8px; } .vkuiTabsItem--withGaps:not(:first-of-type) { margin-left: 6px; } .vkuiTabsItem--sizeY-compact { min-height: 28px; padding-bottom: 2px; padding-top: 2px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiTabsItem--sizeY-none { min-height: 28px; padding-bottom: 2px; padding-top: 2px; } } .vkuiTabsItem[disabled] { opacity: var(--vkui--opacity_disable_accessibility); } .vkuiTabsItem--mode-default { flex: 1 0 0px; min-height: 48px; padding: 12px 16px; position: relative; } .vkuiTabsItem--sizeY-compact.vkuiTabsItem--mode-default { min-height: 44px; padding-bottom: 10px; padding-top: 10px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiTabsItem--sizeY-none.vkuiTabsItem--mode-default { min-height: 44px; padding-bottom: 10px; padding-top: 10px; } } .vkuiTabsItem--hover.vkuiTabsItem--mode-default { background-color: var(--vkui--color_transparent--hover); } .vkuiTabsItem--mode-accent { transition: background-color 0.15s ease-out, box-shadow 0.15s ease-out; } .vkuiTabsItem--selected.vkuiTabsItem--mode-accent { background-color: var(--vkui--color_background_modal); box-shadow: var(--vkui--elevation2); } .vkuiTabsItem--hover.vkuiTabsItem--mode-accent { background-color: var(--vkui--color_background_secondary); } .vkuiTabsItem--mode-accent::before { border: var(--vkui_internal--thin_border) solid transparent; border-radius: inherit; inset: 0px; content: ""; pointer-events: none; position: absolute; } .vkuiTabsItem--selected.vkuiTabsItem--mode-accent::before { border-color: var(--vkui--color_separator_primary); } .vkuiTabsItem--selected.vkuiTabsItem--mode-secondary { background-color: var(--vkui--color_background_secondary_alpha); } .vkuiTabsItem--hover.vkuiTabsItem--mode-secondary { background-color: var(--vkui--color_background_secondary_alpha--hover); } .vkuiTabsItem__before { color: var(--vkui--color_icon_medium); margin-right: 6px; transition: color 0.15s ease-out; } .vkuiTabsItem--selected .vkuiTabsItem__before { color: var(--vkui--color_icon_primary); } .vkuiTabsItem--selected.vkuiTabsItem--mode-accent .vkuiTabsItem__before { color: var(--vkui--color_icon_accent_themed); } .vkuiTabsItem--selected.vkuiTabsItem--mode-secondary .vkuiTabsItem__before { opacity: 0.72; } .vkuiTabsItem__label { color: var(--vkui--color_text_secondary); max-width: 100%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; transition: color 0.15s ease-out; white-space: nowrap; } .vkuiTabsItem--selected .vkuiTabsItem__label { color: var(--vkui--color_text_primary); } .vkuiTabsItem--selected.vkuiTabsItem--mode-accent .vkuiTabsItem__label { color: var(--vkui--color_text_accent_themed); } .vkuiTabsItem--selected.vkuiTabsItem--mode-secondary .vkuiTabsItem__label { opacity: 0.72; } .vkuiTabsItem__status { margin-left: 6px; } .vkuiTabsItem__status--count { color: var(--vkui--color_text_tertiary); } .vkuiTabsItem__after { color: var(--vkui--color_icon_accent_themed); margin-left: 6px; } .vkuiTabsItem__underline { background-color: var(--vkui--color_background_accent); border-radius: 2px; bottom: 5px; height: 2px; left: 16px; opacity: 0; pointer-events: none; position: absolute; right: 16px; transition: opacity 0.15s ease-out; } .vkuiTabsItem--sizeY-compact .vkuiTabsItem__underline { bottom: 3px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiTabsItem--sizeY-none .vkuiTabsItem__underline { bottom: 3px; } } .vkuiTabsItem__underline[data-selected="true"] { opacity: 1; } .vkuiInternalTabs--vkcom .vkuiTabsItem { flex-grow: 0; min-width: auto; padding-left: 10px; padding-right: 10px; } .vkuiInternalTabs--vkcom .vkuiTabsItem__underline { bottom: 0px; left: 2px; right: 2px; } .vkuiInternalHorizontalScroll .vkuiTabsItem { flex: 1 0 auto; min-width: 64px; } .vkuiPullToRefresh { flex-grow: 1; } .vkuiPullToRefresh--refreshing { pointer-events: none; touch-action: none; } .vkuiPullToRefresh__controls { pointer-events: none; width: 100%; } .vkuiPullToRefresh:not(.vkuiPullToRefresh--ios) .vkuiPullToRefresh__controls { z-index: var(--vkui_internal--z_index_pull_to_refresh); } .vkuiPullToRefresh__spinner { align-items: center; background: var(--vkui--color_background_modal); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px; box-sizing: border-box; color: var(--vkui--color_icon_accent); display: flex; height: 40px; justify-content: center; margin: auto; opacity: 0; transition: transform 0.3s cubic-bezier(0.1, 0, 0.25, 1), opacity 0.22s ease-out; width: 40px; } .vkuiPullToRefresh--ios .vkuiPullToRefresh__spinner { background: none; border-radius: 0px; box-shadow: none; color: var(--vkui--color_icon_medium); } .vkuiPullToRefresh--watching .vkuiPullToRefresh__spinner { transition: opacity 0.22s ease-out; } .vkuiPullToRefresh__spinner-self { stroke: currentcolor; } .vkuiPullToRefresh--ios.vkuiPullToRefresh--refreshing .vkuiPullToRefresh__spinner-self { animation: 0.38s ease-out 0s 1 normal none running vkui-PullToRefreshToRefreshing; } .vkuiPullToRefresh__spinner-path { transform: rotate(-90deg); transform-origin: center center; transition: stroke-dashoffset 167ms ease-out; } .vkuiPullToRefresh--refreshing .vkuiPullToRefresh__spinner-path, .vkuiPullToRefresh--watching .vkuiPullToRefresh__spinner-path { transition: none; } .vkuiPullToRefresh__spinner--on .vkuiPullToRefresh__spinner-path { animation: vkui-ptr-rotator var(--vkui_internal--duration) linear infinite; } .vkuiPullToRefresh__content { overflow: hidden; transition: transform .4s var(--vkui--animation_easing_platform); } .vkuiPullToRefresh--watching .vkuiPullToRefresh__content { transition: none; } @keyframes vkui-PullToRefreshToRefreshing { 0% { transform: scale(1); } 30% { transform: scale(0.6); } 90% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes vkui-ptr-rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .vkuiLink { background: none; border: 0px; border-radius: 0px; color: var(--vkui_internal--link-color,var(--vkui--color_text_link)); cursor: pointer; display: inline; font-family: inherit; font-size: inherit; margin: 0px; padding: 0px; text-decoration: none; } @media (hover: hover) and (pointer: fine) { .vkuiLink:hover { text-decoration: underline; } } .vkuiLink--focus-visible { outline: 2px solid var(--vkui--color_stroke_accent) !important; } .vkuiLink--has-visited:visited { color: var(--vkui--color_text_link_visited); } .vkuiLink .vkuiIcon { display: inline-block; margin-left: 4px; vertical-align: middle; } .vkuiTooltip { height: 100%; left: 0px; position: absolute; top: 0px; white-space: normal; width: 100%; } .vkuiTooltip__content { background-color: var(--vkui--color_background_modal); border-radius: var(--vkui--size_border_radius--regular); box-shadow: var(--vkui--elevation3); color: var(--vkui--color_text_primary); max-width: 220px; padding: 9px 12px 10px; } .vkuiTooltip__arrow { color: var(--vkui--color_background_modal); } .vkuiTooltip--appearance-accent .vkuiTooltip__content { background-color: var(--vkui--color_background_accent_tint); color: var(--vkui--color_text_contrast); } .vkuiTooltip--appearance-accent .vkuiTooltip__arrow { color: var(--vkui--color_background_accent_tint); } .vkuiTooltip--appearance-white .vkuiTooltip__content { background-color: var(--vkui--color_background_contrast); color: var(--vkui--color_text_primary_invariably); } .vkuiTooltip--appearance-white .vkuiTooltip__arrow { color: var(--vkui--color_background_contrast); } .vkuiTooltip--appearance-black .vkuiTooltip__content { background-color: var(--vkui--color_background_contrast_inverse); color: var(--vkui--color_text_contrast); } .vkuiTooltip--appearance-black .vkuiTooltip__arrow { color: var(--vkui--color_background_contrast_inverse); } .vkuiTooltip--appearance-inversion .vkuiTooltip__content { background-color: var(--vkui--color_background_modal_inverse); color: var(--vkui--color_text_contrast_themed); } .vkuiTooltip--appearance-inversion .vkuiTooltip__arrow { color: var(--vkui--color_background_modal_inverse); } .vkuiCounter { align-items: center; box-sizing: border-box; display: flex; justify-content: center; padding-left: 5px; padding-right: 5px; text-align: center; } .vkuiCounter--mode-primary { background: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .vkuiCounter--mode-secondary { background: var(--vkui--color_icon_secondary); color: var(--vkui--color_text_contrast_themed); } .vkuiCounter--mode-prominent { background: var(--vkui--color_accent_red); color: var(--vkui--color_text_contrast); } .vkuiCounter--mode-contrast { background: var(--vkui--color_background_content); color: var(--vkui--color_text_accent_themed); } .vkuiCounter--size-m { border-radius: 12px; height: 24px; min-width: 24px; } .vkuiCounter--size-s { border-radius: 9px; height: 18px; min-width: 18px; } .vkuiCounter--mode-inherit { background-color: var( --vkui_internal--counter_inherit_background,var(--vkui--color_icon_secondary) ); color: var(--vkui_internal--counter_inherit_color,var(--vkui--color_text_contrast_themed)); } .vkuiInternalPanelHeaderButton .vkuiCounter { padding: 0px; position: absolute; right: 2px; top: 8px; } .vkuiInternalTabbarItem__label .vkuiCounter { position: absolute; right: -9px; top: -2px; } .vkuiUsersStack { align-items: center; color: var(--vkui--color_text_secondary); display: flex; } .vkuiUsersStack--direction-row-reverse { flex-direction: row-reverse; } .vkuiUsersStack--direction-column { flex-direction: column; justify-content: center; } .vkuiUsersStack__photos { display: flex; } .vkuiUsersStack__fill { fill: var(--vkui--color_image_placeholder_alpha); } .vkuiUsersStack__photo--others { align-items: center; background: var(--vkui--color_icon_secondary); border-radius: 50%; color: var(--vkui--color_text_contrast_themed); display: flex; justify-content: center; } .vkuiUsersStack--size-s .vkuiUsersStack__photo { height: 16px; width: 16px; } .vkuiUsersStack--size-m .vkuiUsersStack__photo { height: 24px; width: 24px; } .vkuiUsersStack--size-l .vkuiUsersStack__photo { height: 32px; width: 32px; } .vkuiUsersStack__photo + .vkuiUsersStack__photo { margin-left: -2px; } .vkuiUsersStack__text { flex: 1 1 0%; min-width: 0px; } .vkuiUsersStack--direction-column .vkuiUsersStack__text { margin-top: 8px; text-align: center; } .vkuiUsersStack--direction-row .vkuiUsersStack__text { margin-left: 8px; } .vkuiUsersStack--direction-row-reverse .vkuiUsersStack__text { margin-right: 8px; } .vkuiInternalModalCardBase .vkuiUsersStack { margin-top: 20px; } .vkuiPlaceholder { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; text-align: center; } .vkuiPlaceholder--withPadding { padding: 48px 32px; } .vkuiPlaceholder--stretched { flex: 1 0 0%; padding-bottom: inherit; padding-top: inherit; } .vkuiPlaceholder__icon { color: var(--vkui--color_icon_secondary); display: inline-block; margin-bottom: 12px; vertical-align: top; } .vkuiPlaceholder__header { color: var(--vkui--color_text_primary); } .vkuiPlaceholder__text { color: var(--vkui--color_text_secondary); } .vkuiPlaceholder__header + .vkuiPlaceholder__text { margin-top: 8px; } .vkuiPlaceholder__action:not(:first-child) { margin-top: 16px; } .vkuiBanner { color: var(--vkui--color_text_primary); isolation: isolate; } .vkuiBanner--withPadding { margin: 12px 0px; padding: 0 var(--vkui--size_base_padding_horizontal--regular); } .vkuiBanner__in { align-items: stretch; background-color: var(--vkui--color_background_secondary); border-radius: var(--vkui--size_border_radius--regular); display: flex; flex-flow: row; overflow: hidden; padding: 12px 12px 12px 16px; position: relative; } .vkuiBanner__in::before { border: var(--vkui_internal--thin_border) solid var(--vkui--color_image_border_alpha); border-radius: inherit; box-sizing: border-box; content: ""; display: block; height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: var(--vkui_internal--z_index_banner_content); } .vkuiBanner__before { margin-right: 12px; } .vkuiBanner__before, .vkuiBanner__content { position: relative; z-index: var(--vkui_internal--z_index_banner_content); } .vkuiBanner__content { display: flex; flex: 1 1 0%; flex-direction: column; justify-content: center; min-width: 0px; } .vkuiBanner__subheader, .vkuiBanner__text { color: var(--vkui--color_text_subhead); } .vkuiBanner__bg { left: 0px; position: absolute; top: 0px; z-index: var(--vkui_internal--z_index_banner_background); } .vkuiBanner__bg, .vkuiBanner__bg > * { height: 100%; width: 100%; } .vkuiBanner__aside { color: var(--vkui--color_icon_tertiary); justify-content: flex-end; width: 28px; } .vkuiBanner__aside, .vkuiBanner__dismiss { align-content: center; align-items: center; display: flex; flex-flow: row; } .vkuiBanner__dismiss { color: var(--vkui--color_icon_secondary); justify-content: center; position: absolute; right: 2px; top: 2px; z-index: var(--vkui_internal--z_index_banner_hover); } .vkuiBanner__actions { margin-top: 12px; } .vkuiBanner__subheader:not(:first-child), .vkuiBanner__text:not(:first-child) { margin-top: 2px; } .vkuiBanner--mode-image .vkuiBanner__in { background-color: var(--vkui--color_background_secondary); } .vkuiBanner--inverted, .vkuiBanner--inverted .vkuiBanner__dismiss, .vkuiBanner--inverted .vkuiBanner__expand, .vkuiBanner--inverted .vkuiBanner__subheader { color: var(--vkui--color_text_contrast); } .vkuiBanner--inverted .vkuiBanner__subheader { opacity: 0.72; } .vkuiBanner--size-s .vkuiBanner__before { margin-left: -4px; } .vkuiBanner--size-m .vkuiBanner__in { padding: 16px; } .vkuiBanner--size-m .vkuiBanner__subheader:not(:first-child), .vkuiBanner--size-m .vkuiBanner__text:not(:first-child) { margin-top: 4px; } .vkuiBanner--ios .vkuiBanner__dismiss, .vkuiBanner--ios.vkuiBanner--mode-image .vkuiBanner__dismiss { color: var(--vkui--color_icon_tertiary); } .vkuiInternalFormStatus .vkuiBanner__in::before { border: 0px; } .vkuiInternalFormStatus--mode-error .vkuiBanner__in { background-color: var(--vkui--color_background_negative_tint); } .vkuiInternalFormStatus--mode-error .vkuiBanner__subheader { color: var(--vkui--color_background_negative); } .vkuiMiniInfoCell { color: var(--vkui--color_text_subhead); display: flex; padding: 6px var(--vkui--size_base_padding_horizontal--regular); } .vkuiMiniInfoCell--mode-accent { color: var(--vkui--color_text_primary); } .vkuiMiniInfoCell__before { color: var(--vkui--color_icon_secondary); margin-right: 12px; } .vkuiMiniInfoCell__middle { align-items: center; display: flex; flex: 1 1 0%; min-width: 0px; overflow: hidden; } .vkuiMiniInfoCell__content { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-word; } .vkuiMiniInfoCell--textWrap-short .vkuiMiniInfoCell__content { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; max-height: 60px; white-space: normal; } .vkuiMiniInfoCell--textWrap-full .vkuiMiniInfoCell__content { overflow: inherit; white-space: normal; } .vkuiMiniInfoCell--textWrap-nowrap .vkuiMiniInfoCell__content { flex: 0 1 auto; } .vkuiMiniInfoCell__after { margin-bottom: -2px; margin-left: 12px; margin-top: -2px; } .vkuiMiniInfoCell--mode-add, .vkuiMiniInfoCell--mode-more { color: var(--vkui--color_text_link_themed); } .vkuiMiniInfoCell--mode-add .vkuiMiniInfoCell__before, .vkuiMiniInfoCell--mode-more .vkuiMiniInfoCell__before { color: var(--vkui--color_icon_accent_themed); } .vkuiMiniInfoCell--mode-more { padding-bottom: 10px; padding-top: 10px; } .vkuiMiniInfoCell__middle .vkuiIcon { color: var(--vkui--color_text_accent); margin-left: 4px; } .vkuiMiniInfoCell--mode-add .vkuiMiniInfoCell__middle .vkuiIcon, .vkuiMiniInfoCell--mode-more .vkuiMiniInfoCell__middle .vkuiIcon { color: var(--vkui--color_icon_accent_themed); } .vkuiWriteBar { background: var(--vkui--color_background_modal); } .vkuiWriteBar--shadow { box-shadow: var(--vkui--elevation3); } .vkuiWriteBar__after, .vkuiWriteBar__before, .vkuiWriteBar__form { align-items: flex-end; display: flex; } .vkuiWriteBar__form { min-height: 52px; } .vkuiWriteBar__formIn { display: flex; flex: 1 1 0%; min-width: 0px; position: relative; } .vkuiWriteBar__textarea { appearance: none; background: transparent; border: 0px; box-sizing: border-box; color: var(--vkui--color_text_primary); flex: 1 1 0%; margin: 0px; max-height: 120px; min-width: 0px; resize: none; width: 100%; } .vkuiWriteBar__textarea::-webkit-input-placeholder { color: var(--vkui--color_text_subhead); opacity: 1; } .vkuiWriteBar__textarea::placeholder { color: var(--vkui--color_text_subhead); opacity: 1; } .vkuiWriteBar__textarea:focus { outline: none; } .vkuiWriteBar__inlineAfter { align-items: flex-end; display: flex; } .vkuiWriteBar__before { padding-left: 4px; } .vkuiWriteBar__after { padding-right: 4px; } .vkuiWriteBar__textarea { height: 52px; padding: 16px 12px; } .vkuiWriteBar--ios { background: var(--vkui--color_background_content); } .vkuiWriteBar--ios .vkuiWriteBar__after, .vkuiWriteBar--ios .vkuiWriteBar__before { padding: 0px 4px; } .vkuiWriteBar--ios .vkuiWriteBar__formIn { background-color: var(--vkui--color_write_bar_input_background); border: var(--vkui_internal--thin_border) solid var(--vkui--color_write_bar_input_border); border-radius: 18px; box-sizing: border-box; margin: 8px 0px; } .vkuiWriteBar--ios .vkuiWriteBar__formIn:first-child { margin-left: 12px; } .vkuiWriteBar--ios .vkuiWriteBar__inlineAfter { --vkui_internal--writebar-right-gap: calc(var(--vkui_internal--thin_border)*-1); --vkui_internal--writebar-vertical-gap: calc(var(--vkui_internal--writebar-right-gap) - 8px); margin-bottom: var(--vkui_internal--writebar-vertical-gap); margin-right: var(--vkui_internal--writebar-right-gap); margin-top: var(--vkui_internal--writebar-vertical-gap); } .vkuiWriteBar--ios .vkuiWriteBar__textarea { height: 36px; padding: 6px 0px 6px 12px; } .vkuiWriteBarIcon { background: none; border: 0px; border-radius: var(--vkui--size_border_radius--regular); color: var(--vkui--color_icon_secondary); cursor: pointer; height: 52px; margin: 0px; padding: 0px; position: relative; width: 44px; } .vkuiWriteBarIcon__in { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } .vkuiWriteBarIcon:disabled { opacity: 0.4; pointer-events: none; } .vkuiWriteBarIcon__active { opacity: 0.6; } .vkuiWriteBarIcon__counter { box-shadow: 0 0 0 2px var(--vkui--color_background_modal); position: absolute; right: 2px; top: 6px; } .vkuiWriteBarIcon.vkuiWriteBarIcon--mode-done, .vkuiWriteBarIcon.vkuiWriteBarIcon--mode-send { color: var(--vkui--color_icon_accent); } .vkuiWriteBarIcon--ios { color: var(--vkui--color_icon_accent_themed); } .vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-done, .vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-send { color: var(--vkui--color_icon_accent_themed); padding-left: 0px; padding-right: 0px; width: 48px; } .vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-done:only-child, .vkuiWriteBarIcon--ios.vkuiWriteBarIcon--mode-send:only-child { margin-left: -4px; margin-right: -4px; } .vkuiWriteBarIcon { --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast_themed); --vkui_internal--counter_inherit_background: var(--vkui--color_background_positive); } .vkuiSubnavigationBar__in { margin: -8px 0px; } .vkuiSubnavigationBar__scrollIn { display: flex; margin: 0px; padding: calc(var(--vkui--size_subnavigation_bar_padding_vertical--regular) + 8px) 0; } .vkuiSubnavigationBar__scrollIn::after, .vkuiSubnavigationBar__scrollIn::before { content: ""; min-width: var(--vkui--size_base_padding_horizontal--regular); } .vkuiSubnavigationBar__item { display: flex; list-style-type: none; } .vkuiSubnavigationBar__item + .vkuiSubnavigationBar__item { margin-left: var(--vkui--size_subnavigation_bar_gap--regular); } .vkuiInternalSubnavigationBar--mode-fixed .vkuiSubnavigationBar__item { flex: 1 1 0%; min-width: 0px; } .vkuiSubnavigationButton { border-radius: var(--vkui--size_border_radius--regular); display: inline-block; user-select: none; } .vkuiSubnavigationButton__in { align-items: center; display: flex; justify-content: center; } .vkuiSubnavigationButton--size-s .vkuiSubnavigationButton__in { height: var(--vkui--size_button_small_height--regular); } .vkuiSubnavigationButton--size-m .vkuiSubnavigationButton__in { height: var(--vkui--size_button_medium_height--regular); } .vkuiSubnavigationButton--size-l .vkuiSubnavigationButton__in { height: var(--vkui--size_button_large_height--regular); } .vkuiSubnavigationButton--sizeY-compact.vkuiSubnavigationButton--size-s .vkuiSubnavigationButton__in { height: var(--vkui--size_button_small_height--compact); } .vkuiSubnavigationButton--sizeY-compact.vkuiSubnavigationButton--size-m .vkuiSubnavigationButton__in { height: var(--vkui--size_button_medium_height--compact); } .vkuiSubnavigationButton--sizeY-compact.vkuiSubnavigationButton--size-l .vkuiSubnavigationButton__in { height: var(--vkui--size_button_large_height--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiSubnavigationButton--sizeY-none.vkuiSubnavigationButton--size-s .vkuiSubnavigationButton__in { height: var(--vkui--size_button_small_height--compact); } .vkuiSubnavigationButton--sizeY-none.vkuiSubnavigationButton--size-m .vkuiSubnavigationButton__in { height: var(--vkui--size_button_medium_height--compact); } .vkuiSubnavigationButton--sizeY-none.vkuiSubnavigationButton--size-l .vkuiSubnavigationButton__in { height: var(--vkui--size_button_large_height--compact); } } .vkuiSubnavigationButton__before { color: var(--vkui--color_icon_accent); margin-right: 8px; } .vkuiSubnavigationButton__label { flex-grow: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vkuiSubnavigationButton__after { margin-left: 8px; } .vkuiSubnavigationButton__expandableIcon { color: var(--vkui--color_icon_secondary); margin-left: 8px; margin-top: 1px; } .vkuiSubnavigationButton__before:first-child, .vkuiSubnavigationButton__label:first-child { padding-left: var(--vkui--size_button_base_small_padding_horizontal_icon--regular); } .vkuiSubnavigationButton__after:last-child, .vkuiSubnavigationButton__expandableIcon, .vkuiSubnavigationButton__label:last-child { padding-right: var(--vkui--size_button_base_small_padding_horizontal_icon--regular); } .vkuiSubnavigationButton--mode-primary { background-color: var(--vkui--color_background_modal); box-shadow: var(--vkui--elevation3); } .vkuiSubnavigationButton--mode-outline { box-shadow: inset 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_field_border_alpha); } .vkuiSubnavigationButton--selected { background-color: var(--vkui--color_background_accent_themed); border: 0px; box-shadow: none; color: var(--vkui--color_text_contrast_themed); } .vkuiSubnavigationButton--selected.vkuiSubnavigationButton--mode-tertiary { background-color: var(--vkui--color_transparent--active); color: var(--vkui--color_text_primary); } .vkuiSubnavigationButton--selected:not(.vkuiSubnavigationButton--mode-tertiary) .vkuiSubnavigationButton__before, .vkuiSubnavigationButton--selected:not(.vkuiSubnavigationButton--mode-tertiary) .vkuiSubnavigationButton__expandableIcon { color: var(--vkui--color_icon_contrast_themed); } .vkuiSubnavigationButton { --vkui_internal--counter_inherit_background: var(--vkui--color_background_accent_themed); --vkui_internal--counter_inherit_color: var(--vkui--color_text_contrast_themed); } .vkuiSubnavigationButton--selected:not(.vkuiSubnavigationButton--mode-tertiary) { --vkui_internal--counter_inherit_background: var(--vkui--color_background_content); --vkui_internal--counter_inherit_color: var(--vkui--color_text_accent_themed); } .vkuiInternalSubnavigationBar--mode-fixed .vkuiSubnavigationButton { flex: 1 1 0%; min-width: 0px; } .vkuiPagination__list { display: flex; list-style-type: none; margin: 0px; padding: 0px; } .vkuiPagination__prevButtonContainer { margin-right: 8px; } .vkuiPagination__nextButtonContainer { margin-left: 8px; } .vkuiPagination__page { border-radius: var(--vkui--size_border_radius--regular); box-sizing: border-box; color: var(--vkui--color_text_secondary); height: var(--vkui--size_button_large_height--regular); line-height: var(--vkui--size_button_large_height--regular); min-width: 40px; padding-left: 8px; padding-right: 8px; text-align: center; user-select: none; width: 100%; } .vkuiPagination__page--state-hover { background-color: var(--vkui--color_transparent--hover); } .vkuiPagination__page--current, .vkuiPagination__page--state-active { background-color: var(--vkui--color_transparent--active); color: var(--vkui--color_text_primary); } .vkuiPagination__page--disabled { opacity: var(--vkui--opacity_disable); } .vkuiPagination__page--sizeY-compact { height: var(--vkui--size_button_large_height--compact); line-height: var(--vkui--size_button_large_height--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiPagination__page--sizeY-none { height: var(--vkui--size_button_large_height--compact); line-height: var(--vkui--size_button_large_height--compact); } } .vkuiPagination__page--type-ellipsis { min-width: 16px; padding-left: 0px; padding-right: 0px; } .vkuiAccordionSummary::-webkit-details-marker { display: none; } .vkuiAccordionSummary__icon { color: var(--vkui--color_icon_secondary); } .vkuiAccordion:not([open]) > summary .vkuiAccordionSummary__icon--collapse, .vkuiAccordion[open] > summary .vkuiAccordionSummary__icon--expand { display: none; } .vkuiFormLayout { position: relative; } .vkuiFormLayout__submit { appearance: none; border: 0px; height: 0px; left: 0px; padding: 0px; pointer-events: none; position: absolute; top: 0px; visibility: hidden; width: 0px; } .vkuiFormItem { display: block; padding: var(--vkui--size_form_item_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular); } .vkuiFormItem--removable { padding-left: 0px; padding-right: 0px; } .vkuiFormItem__removable { flex: 1 0 0px; max-width: 100%; min-width: 1px; overflow: hidden; padding: 0px; } .vkuiFormItem__top { color: var(--vkui--color_text_subhead); overflow: hidden; padding-bottom: 8px; padding-top: 2px; text-overflow: ellipsis; white-space: nowrap; } .vkuiFormItem__bottom { color: var(--vkui--color_text_secondary); padding-top: 8px; } .vkuiFormItem--status-error .vkuiFormItem__bottom { color: var(--vkui--color_text_negative); } .vkuiFormItem--status-valid .vkuiFormItem__bottom, .vkuiFormItem--verified .vkuiFormItem__bottom { color: var(--vkui--color_text_positive); } .vkuiFormItem--sizeY-compact .vkuiFormItem__top { padding-bottom: 6px; } .vkuiFormItem--sizeY-compact .vkuiFormItem__bottom { padding-top: 6px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiFormItem--sizeY-none .vkuiFormItem__top { padding-bottom: 6px; } .vkuiFormItem--sizeY-none .vkuiFormItem__bottom { padding-top: 6px; } } .vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem { flex: 1 0 0px; max-width: 100%; min-width: 1px; padding: 0px; } .vkuiInternalFormLayoutGroup--mode-horizontal:not(.vkuiInternalFormLayoutGroup--segmented) .vkuiFormItem + .vkuiFormItem { margin-left: 24px; } .vkuiFormItem--withTop .vkuiFormItem__removable, .vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem--withTop { margin-top: calc(-10px - var(--vkui--font_subhead--line_height--regular)); } .vkuiFormItem--sizeY-compact.vkuiFormItem--withTop .vkuiFormItem__removable, .vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem--sizeY-compact.vkuiFormItem--withTop { margin-top: calc(-8px - var(--vkui--font_subhead--line_height--compact)); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiFormItem--sizeY-none.vkuiFormItem--withTop .vkuiFormItem__removable, .vkuiInternalFormLayoutGroup--mode-horizontal .vkuiFormItem--sizeY-none.vkuiFormItem--withTop { margin-top: calc(-8px - var(--vkui--font_subhead--line_height--compact)); } } .vkuiFormField { -webkit-tap-highlight-color: transparent; align-items: center; border-radius: var(--vkui--size_border_radius--regular); box-sizing: border-box; display: flex; font-family: var(--vkui--font_family_base); isolation: isolate; min-height: var(--vkui--size_field_height--regular); outline: none; position: relative; } .vkuiFormField--sizeY-compact { min-height: var(--vkui--size_field_height--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiFormField--sizeY-none { min-height: var(--vkui--size_field_height--compact); } } .vkuiFormField > * { border-radius: inherit; z-index: var(--vkui_internal--z_index_form_field_element); } .vkuiFormField__after, .vkuiFormField__before { place-content: center; align-items: center; color: var(--vkui--color_icon_secondary); display: flex; flex-shrink: 0; height: 100%; min-width: var(--vkui--size_field_height--regular); position: relative; z-index: var(--vkui_internal--z_index_form_field_side); } .vkuiFormField--sizeY-compact .vkuiFormField__after, .vkuiFormField--sizeY-compact .vkuiFormField__before { height: var(--vkui--size_field_height--compact); min-width: var(--vkui--size_field_height--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiFormField--sizeY-none .vkuiFormField__after, .vkuiFormField--sizeY-none .vkuiFormField__before { height: var(--vkui--size_field_height--compact); min-width: var(--vkui--size_field_height--compact); } } .vkuiFormField__before { color: var(--vkui--color_icon_accent); } .vkuiFormField__after { color: var(--vkui--color_icon_secondary); } .vkuiFormField__border { border: var(--vkui_internal--thin_border) solid transparent; border-radius: inherit; box-sizing: border-box; height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; transform-origin: left top; width: 100%; z-index: var(--vkui_internal--z_index_form_field_border); } .vkuiFormField--mode-default .vkuiFormField__border { border-color: var(--vkui--color_field_border_alpha); } .vkuiFormField--mode-default { background-color: var(--vkui--color_field_background); } .vkuiFormField--status-error .vkuiFormField__border, .vkuiInternalFormItem--status-error .vkuiFormField__border { border-color: var(--vkui--color_stroke_negative); z-index: var(--vkui_internal--z_index_form_field_status); } .vkuiFormField--status-error, .vkuiInternalFormItem--status-error .vkuiFormField { background-color: var(--vkui--color_background_negative_tint); } .vkuiFormField--status-valid .vkuiFormField__border, .vkuiInternalFormItem--status-valid .vkuiFormField__border { border-color: var(--vkui--color_stroke_positive); z-index: var(--vkui_internal--z_index_form_field_status); } .vkuiFormField--disabled { cursor: default; opacity: var(--vkui--opacity_disable_accessibility); pointer-events: none; } .vkuiFormField--hover { background-color: var(--vkui--color_field_background); } .vkuiFormField--mode-default.vkuiFormField--hover .vkuiFormField__border { border-color: var(--vkui--color_field_border_alpha--hover); z-index: var(--vkui_internal--z_index_form_field_border_hover); } .vkuiFormField :focus { outline: none; } .vkuiInternalModalCardBase__header + .vkuiFormField, .vkuiInternalModalCardBase__subheader + .vkuiFormField { margin-top: 16px; } .vkuiInternalNativeSelect .vkuiFormField__after { pointer-events: none; } .vkuiInternalCalendarHeader__picker .vkuiFormField__after { min-width: 12px; padding-right: 8px; } .vkuiInternalChipsInput .vkuiFormField__after { z-index: var(--vkui_internal--z_index_form_field_side); } .vkuiInternalFormLayoutGroup--segmented .vkuiFormField { isolation: auto; z-index: auto; } .vkuiInternalFormLayoutGroup--segmented .vkuiInternalRemovable__content > .vkuiInternalFormItem:not(:first-of-type):not(:last-of-type) .vkuiFormField, .vkuiInternalFormLayoutGroup--segmented > .vkuiInternalFormItem:not(:first-of-type):not(:last-of-type) .vkuiFormField { border-radius: 0px; } .vkuiInternalFormLayoutGroup--segmented .vkuiInternalRemovable__content > :first-of-type:not(:last-of-type) .vkuiFormField, .vkuiInternalFormLayoutGroup--segmented > :first-of-type:not(:last-of-type) .vkuiFormField { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .vkuiInternalFormLayoutGroup--segmented .vkuiInternalRemovable__content > .vkuiInternalFormItem:not(:first-of-type):last-of-type .vkuiFormField, .vkuiInternalFormLayoutGroup--segmented > .vkuiInternalFormItem:not(:first-of-type):last-of-type .vkuiFormField { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .vkuiFormLayoutGroup--mode-horizontal { align-items: flex-start; display: flex; flex-wrap: wrap; padding: var(--vkui--size_form_item_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular); } .vkuiFormLayoutGroup__removable { flex-grow: 1; max-width: 100%; min-width: 0px; } .vkuiFormLayoutGroup__offset { display: none; } .vkuiFormLayoutGroup--mode-horizontal .vkuiInternalFormItem--withTop ~ .vkuiFormLayoutGroup__offset { display: block; height: calc(10px + var(--vkui--font_subhead--line_height--regular)); min-width: 100%; order: -1; } .vkuiFormLayoutGroup--sizeY-compact.vkuiFormLayoutGroup--mode-horizontal .vkuiInternalFormItem--withTop ~ .vkuiFormLayoutGroup__offset { height: calc(8px + var(--vkui--font_subhead--line_height--compact)); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiFormLayoutGroup--sizeY-none.vkuiFormLayoutGroup--mode-horizontal .vkuiInternalFormItem--withTop ~ .vkuiFormLayoutGroup__offset { height: calc(8px + var(--vkui--font_subhead--line_height--compact)); } } .vkuiFormLayoutGroup--removable { padding-left: 0px; padding-right: 0px; } .vkuiFormLayoutGroup--segmented { position: relative; } .vkuiFormLayoutGroup--segmented > * { flex: 1 1 0%; min-width: 0px; } .vkuiFormLayoutGroup--segmented > :not(:first-child):not(.vkuiFormLayoutGroup__offset) { margin-left: calc(var(--vkui_internal--thin_border)*-1); } .vkuiFormStatus--mode-error { color: var(--vkui--color_background_negative); } .vkuiSwitch { cursor: pointer; display: block; padding: calc((var(--vkui--size_switch_pin--regular) - var(--vkui--size_switch_height--regular))/2); position: relative; user-select: none; } .vkuiSwitch--sizeY-compact { padding: calc((var(--vkui--size_switch_pin--compact) - var(--vkui--size_switch_height--compact))/2); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiSwitch--sizeY-none { padding: calc((var(--vkui--size_switch_pin--compact) - var(--vkui--size_switch_height--compact))/2); } } .vkuiSwitch--disabled { cursor: default; } .vkuiSwitch__pseudo { -webkit-tap-highlight-color: transparent; box-sizing: border-box; display: block; position: relative; } .vkuiSwitch__pseudo::before { background: var(--vkui--color_icon_contrast_secondary); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px 0px, rgba(0, 0, 0, 0.24) 0px 2px 2px 0px; box-sizing: border-box; content: ""; height: var(--vkui--size_switch_pin--regular); left: calc((var(--vkui--size_switch_height--regular) - var(--vkui--size_switch_pin--regular))/2); position: absolute; top: calc((var(--vkui--size_switch_height--regular) - var(--vkui--size_switch_pin--regular))/2); width: var(--vkui--size_switch_pin--regular); } .vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo::before { height: var(--vkui--size_switch_pin--compact); left: calc((var(--vkui--size_switch_height--compact) - var(--vkui--size_switch_pin--compact))/2); top: calc((var(--vkui--size_switch_height--compact) - var(--vkui--size_switch_pin--compact))/2); width: var(--vkui--size_switch_pin--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiSwitch--sizeY-none .vkuiSwitch__pseudo::before { height: var(--vkui--size_switch_pin--compact); left: calc((var(--vkui--size_switch_height--compact) - var(--vkui--size_switch_pin--compact))/2); top: calc((var(--vkui--size_switch_height--compact) - var(--vkui--size_switch_pin--compact))/2); width: var(--vkui--size_switch_pin--compact); } } .vkuiSwitch__self:checked + .vkuiSwitch__pseudo::before { background: var(--vkui--color_icon_accent); transform: translateX(calc(var(--vkui--size_switch_width--regular) - var(--vkui--size_switch_height--regular))); } .vkuiSwitch__pseudo::after { background: var(--vkui--color_icon_tertiary_alpha); border-radius: calc(var(--vkui--size_switch_width--regular)/2); content: ""; display: block; height: var(--vkui--size_switch_height--regular); width: var(--vkui--size_switch_width--regular); } .vkuiSwitch--sizeY-compact .vkuiSwitch__pseudo::after { border-radius: calc(var(--vkui--size_switch_width--compact)/2); height: var(--vkui--size_switch_height--compact); width: var(--vkui--size_switch_width--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiSwitch--sizeY-none .vkuiSwitch__pseudo::after { border-radius: calc(var(--vkui--size_switch_width--compact)/2); height: var(--vkui--size_switch_height--compact); width: var(--vkui--size_switch_width--compact); } } .vkuiSwitch__self:checked + .vkuiSwitch__pseudo::after { background: var(--vkui--color_icon_accent); opacity: 0.48; } .vkuiSwitch--sizeY-compact .vkuiSwitch__self:checked + .vkuiSwitch__pseudo::before { transform: translateX(calc(var(--vkui--size_switch_width--compact) - var(--vkui--size_switch_height--compact))); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiSwitch--sizeY-none .vkuiSwitch__self:checked + .vkuiSwitch__pseudo::before { transform: translateX(calc(var(--vkui--size_switch_width--compact) - var(--vkui--size_switch_height--compact))); } } .vkuiSwitch__self[disabled] + .vkuiSwitch__pseudo { opacity: var(--vkui--opacity_disable); } .vkuiSwitch--ios .vkuiSwitch__pseudo::before { box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 8px, rgba(0, 0, 0, 0.06) 0px 3px 1px, rgba(0, 0, 0, 0.04) 0px 0px 0px 0.5px inset; } .vkuiSwitch--ios .vkuiSwitch__pseudo::before, .vkuiSwitch--ios .vkuiSwitch__self:checked + .vkuiSwitch__pseudo::before { background: var(--vkui_internal--white); } .vkuiSwitch--ios .vkuiSwitch__pseudo::after { background: var(--vkui--color_track_background); } .vkuiSwitch--ios .vkuiSwitch__self:checked + .vkuiSwitch__pseudo::after { opacity: 1; } @media (prefers-reduced-motion: no-preference) { .vkuiSwitch__pseudo::after { transition: background-color 0.1s; } .vkuiSwitch__pseudo::before { transition: transform 0.1s; } .vkuiSwitch--ios .vkuiSwitch__pseudo::after { transition: background-color 0.2s; } .vkuiSwitch--ios .vkuiSwitch__pseudo::before { transition: transform 0.2s cubic-bezier(0.36, -0.24, 0.26, 1.32); } } .vkuiInternalSimpleCell__after > .vkuiSwitch { margin-left: 12px; } .vkuiInternalSimpleCell > .vkuiSwitch:first-child { margin-right: 12px; } .vkuiInput { font-size: 16px; line-height: 20px; position: relative; } .vkuiInput--align-center .vkuiInput__el { text-align: center; } .vkuiInput--align-right .vkuiInput__el { text-align: right; } .vkuiInput__el { appearance: none; background: transparent; border: 0px; border-radius: inherit; box-shadow: none; box-sizing: border-box; color: var(--vkui--color_text_primary); height: var(--vkui--size_field_height--regular); margin: 0px; padding: 0px 12px; position: relative; width: 100%; z-index: var(--vkui_internal--z_index_form_field_element); } .vkuiInput--sizeY-compact .vkuiInput__el { height: var(--vkui--size_field_height--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiInput--sizeY-none .vkuiInput__el { height: var(--vkui--size_field_height--compact); } } .vkuiInput--hasBefore .vkuiInput__el { padding-left: 0px; } .vkuiInput--hasAfter .vkuiInput__el { padding-right: 0px; } .vkuiInput__el:disabled { opacity: var(--vkui--opacity_disable_accessibility); } .vkuiInput__el::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); opacity: 1; } .vkuiInput__el::placeholder { color: var(--vkui--color_text_secondary); opacity: 1; } .vkuiInput__el:disabled::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); } .vkuiInput__el:disabled::placeholder { color: var(--vkui--color_text_secondary); } .vkuiChip { background: var(--vkui--color_background_content); border: var(--vkui_internal--thin_border) solid var(--vkui--color_image_border_alpha); border-radius: 6px; box-sizing: border-box; display: inline-block; height: 32px; } .vkuiChip__in { align-items: center; display: flex; height: 100%; padding: 0px 8px; position: relative; } .vkuiChip--removable .vkuiChip__in { padding-right: 0px; } .vkuiChip__content { color: var(--vkui--color_text_primary); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vkuiChip__remove { place-content: center; align-items: center; background: transparent; border: 0px; border-radius: 2px; box-sizing: border-box; color: var(--vkui--color_icon_secondary); cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0; height: 28px; margin: -1px; padding: 6px; position: relative; transform: translateX(-1px); width: 28px; } .vkuiChip__before { margin-right: 6px; } .vkuiChip__after { margin-left: 6px; } .vkuiChip--sizeY-compact { height: 28px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiChip--sizeY-none { height: 28px; } } .vkuiChipsInput { max-width: 100%; } .vkuiChipsInputBase { display: flex; flex-grow: 1; flex-shrink: 1; flex-wrap: wrap; max-width: 100%; overflow: hidden; padding: 3px; position: relative; z-index: var(--vkui_internal--z_index_form_field_element); } .vkuiChipsInputBase__chip { margin: 2px; max-width: calc(100% - 4px); } .vkuiChipsInputBase__label { display: flex; flex: 1 1 0%; flex-direction: column; margin: 2px 2px 2px 10px; } .vkuiChipsInputBase__el { appearance: none; background: transparent; border: 0px; box-shadow: none; color: var(--vkui--color_text_primary); font-family: inherit; font-size: 15px; line-height: 26px; margin-bottom: 2px; padding: 0px; position: relative; width: 100%; } .vkuiChipsInputBase__el:focus { min-width: 64px; } .vkuiChipsInputBase__el:disabled { opacity: var(--vkui--opacity_disable_accessibility); } .vkuiChipsInputBase__el::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); opacity: 1; } .vkuiChipsInputBase__el::placeholder { color: var(--vkui--color_text_secondary); opacity: 1; } .vkuiChipsInputBase__el:disabled::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); } .vkuiChipsInputBase__el:disabled::placeholder { color: var(--vkui--color_text_secondary); } .vkuiChipsInputBase__el[readonly] { cursor: default; } .vkuiChipsInputBase--hasPlaceholder .vkuiChipsInputBase__label { margin-left: 9px; margin-right: 0px; } .vkuiChipsInputBase--hasPlaceholder .vkuiChipsInputBase__el { text-overflow: ellipsis; white-space: nowrap; } .vkuiChipsInputBase--sizeY-compact { padding: 1px; } .vkuiSlider { cursor: pointer; height: var(--vkui_internal--slider_thumb_size); position: relative; } .vkuiSlider--disabled { cursor: not-allowed; opacity: var(--vkui--opacity_disable_accessibility); } .vkuiSlider__track, .vkuiSlider__track-fill { border-radius: 1px; height: 2px; left: 0px; position: absolute; top: 50%; } .vkuiSlider__track { background-color: var(--vkui--color_track_background); width: 100%; } .vkuiSlider__track-fill { background: var(--vkui--color_background_accent); width: auto; } .vkuiSlider__thumbs { height: 100%; isolation: isolate; margin-left: calc(var(--vkui_internal--slider_thumb_size)/2); margin-right: calc(var(--vkui_internal--slider_thumb_size)/2); position: relative; } .vkuiSlider__thumb { top: 50%; transform: translate(-50%, -50%); } .vkuiSlider--sizeY-compact { --vkui_internal--slider_thumb_size: 24px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiSlider--sizeY-none { --vkui_internal--slider_thumb_size: 24px; } } .vkuiSliderThumb { background: var(--vkui--color_background_contrast); border: .5px solid var(--vkui--color_separator_primary_alpha); border-radius: 50%; box-shadow: var(--vkui--elevation3); height: var(--vkui_internal--slider_thumb_size); position: absolute; user-select: none; width: var(--vkui_internal--slider_thumb_size); z-index: 1; } .vkuiSliderThumb--focused { z-index: 2; } .vkuiSliderThumb__nativeInput { clip: rect(0px, 0px, 0px, 0px); border: 0px; direction: ltr; height: 100%; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 100%; } .vkuiTextarea { position: relative; } .vkuiTextarea__el { appearance: none; background: transparent; border: 0px; box-sizing: border-box; color: var(--vkui--color_text_primary); display: block; margin: 0px; max-height: 204px; padding: 12px; position: relative; resize: none; width: 100%; z-index: var(--vkui_internal--z_index_form_field_element); } .vkuiTextarea__el[cols] { width: auto; } .vkuiTextarea--sizeY-compact .vkuiTextarea__el { max-height: 196px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiTextarea--sizeY-none .vkuiTextarea__el { max-height: 196px; } } .vkuiTextarea__el::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); opacity: 1; } .vkuiTextarea__el::placeholder { color: var(--vkui--color_text_secondary); opacity: 1; } .vkuiTextarea__el:disabled { opacity: var(--vkui--opacity_disable_accessibility); } .vkuiTextarea__el:disabled::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); } .vkuiTextarea__el:disabled::placeholder { color: var(--vkui--color_text_secondary); } .vkuiRadio { display: block; font-family: var(--vkui--font_family_base); padding: 0 var(--vkui--size_base_padding_horizontal--regular); } .vkuiInternalFormItem .vkuiRadio { box-sizing: initial; margin: 0 calc(var(--vkui--size_base_padding_horizontal--regular)*-1); width: 100%; } .vkuiRadio__container { align-items: center; display: flex; justify-content: flex-start; } .vkuiRadio__input:disabled ~ .vkuiRadio__container { opacity: var(--vkui--opacity_disable_accessibility); } .vkuiRadio__icon { color: var(--vkui--color_icon_tertiary); flex-shrink: 0; height: 22px; margin-right: 14px; transition: color .15s var(--vkui--animation_easing_platform); width: 22px; } .vkuiRadio__input:checked ~ .vkuiRadio__container .vkuiRadio__icon { color: var(--vkui--color_icon_accent); } .vkuiRadio__icon .vkuiRadio__pin { transform: scale(0); transform-origin: 12px 12px; transition: transform .15s var(--vkui--animation_easing_platform); } .vkuiRadio__input:checked ~ .vkuiRadio__container .vkuiRadio__icon .vkuiRadio__pin { transform: none; } .vkuiRadio__content { color: var(--vkui--color_text_primary); display: block; flex-grow: 1; max-width: 100%; } .vkuiRadio__description { color: var(--vkui--color_text_secondary); display: block; margin-bottom: 12px; margin-top: 2px; } .vkuiRadio__title { align-items: center; display: flex; justify-content: space-between; margin-top: 12px; } .vkuiRadio__title:last-child { margin-bottom: 12px; } .vkuiRadio__titleAfter { color: var(--vkui--color_icon_tertiary); margin-left: 4px; } .vkuiRadio--sizeY-compact .vkuiRadio__title { margin-top: 8px; } .vkuiRadio--sizeY-compact .vkuiRadio__title:last-child { margin-bottom: 8px; } .vkuiRadio--sizeY-compact .vkuiRadio__description { margin-bottom: 7px; } .vkuiRadio--sizeY-compact .vkuiRadio__icon { height: 18px; width: 18px; } .vkuiRadio--sizeY-compact .vkuiRadio__icon::after { height: 12px; width: 12px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiRadio--sizeY-none .vkuiRadio__title { margin-top: 8px; } .vkuiRadio--sizeY-none .vkuiRadio__title:last-child { margin-bottom: 8px; } .vkuiRadio--sizeY-none .vkuiRadio__description { margin-bottom: 7px; } .vkuiRadio--sizeY-none .vkuiRadio__icon { height: 18px; width: 18px; } .vkuiRadio--sizeY-none .vkuiRadio__icon::after { height: 12px; width: 12px; } } .vkuiInternalRadioGroup .vkuiRadio { box-sizing: border-box; flex: 1 1 0%; margin: 0px; } .vkuiRadioGroup--mode-horizontal { display: flex; } .vkuiInternalFormItem .vkuiRadioGroup { box-sizing: initial; margin: 0 calc(var(--vkui--size_base_padding_horizontal--regular)*-1); } .vkuiCheckbox { align-items: center; display: flex; font-family: var(--vkui--font_family_base); justify-content: flex-start; min-height: var(--vkui--size_field_height--regular); min-width: var(--vkui--size_field_height--regular); padding: 0 var(--vkui--size_base_padding_horizontal--regular); } .vkuiInternalFormItem .vkuiCheckbox { box-sizing: initial; margin: 0 calc(var(--vkui--size_base_padding_horizontal--regular)*-1); width: 100%; } .vkuiCheckbox__icon { flex-shrink: 0; margin-right: 12px; } .vkuiCheckbox__icon--indeterminate, .vkuiCheckbox__icon--on { color: var(--vkui--color_icon_accent); display: none; } .vkuiCheckbox__icon--off { color: var(--vkui--color_icon_tertiary); } .vkuiCheckbox__content { color: var(--vkui--color_text_primary); flex-grow: 1; font-weight: var(--vkui--font_weight_accent3); word-break: break-word; } .vkuiCheckbox--sizeY-regular:not(.vkuiCheckbox--vkcom) .vkuiCheckbox__content { font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkuiCheckbox--sizeY-none:not(.vkuiCheckbox--vkcom) .vkuiCheckbox__content { font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); } } .vkuiCheckbox--sizeY-compact .vkuiCheckbox__content, .vkuiCheckbox--vkcom .vkuiCheckbox__content { font-size: var(--vkui--font_text--font_size--compact); line-height: var(--vkui--font_text--line_height--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiCheckbox--sizeY-none .vkuiCheckbox__content { font-size: var(--vkui--font_text--font_size--compact); line-height: var(--vkui--font_text--line_height--compact); } } .vkuiCheckbox__description { color: var(--vkui--color_text_secondary); display: block; margin-bottom: 12px; margin-top: 2px; } .vkuiCheckbox__title { align-items: center; display: flex; justify-content: space-between; margin-top: 12px; } .vkuiCheckbox__title:last-child { margin-bottom: 12px; } .vkuiCheckbox__titleAfter { color: var(--vkui--color_icon_tertiary); margin-left: 4px; } .vkuiCheckbox__input:checked ~ .vkuiCheckbox__icon--on { display: flex; } .vkuiCheckbox__input:checked ~ .vkuiCheckbox__icon--off, .vkuiCheckbox__input:indeterminate ~ .vkuiCheckbox__icon--indeterminate { display: none; } .vkuiCheckbox__input:indeterminate ~ .vkuiCheckbox__icon--indeterminate { display: flex; } .vkuiCheckbox__input:indeterminate ~ .vkuiCheckbox__icon--off, .vkuiCheckbox__input:indeterminate ~ .vkuiCheckbox__icon--on { display: none; } .vkuiCheckbox__input[disabled] ~ * { opacity: var(--vkui--opacity_disable_accessibility); } .vkuiCheckbox--sizeY-compact { min-height: var(--vkui--size_field_height--compact); min-width: var(--vkui--size_field_height--compact); } .vkuiCheckbox--sizeY-compact .vkuiCheckbox__title { margin-top: 8px; } .vkuiCheckbox--sizeY-compact .vkuiCheckbox__description, .vkuiCheckbox--sizeY-compact .vkuiCheckbox__title:last-child { margin-bottom: 8px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiCheckbox--sizeY-none { min-height: var(--vkui--size_field_height--compact); min-width: var(--vkui--size_field_height--compact); } .vkuiCheckbox--sizeY-none .vkuiCheckbox__title { margin-top: 8px; } .vkuiCheckbox--sizeY-none .vkuiCheckbox__description, .vkuiCheckbox--sizeY-none .vkuiCheckbox__title:last-child { margin-bottom: 8px; } } .vkuiCheckbox--simple { align-items: center; border-radius: 50%; display: flex; justify-content: center; padding: 0px; } .vkuiCheckbox--simple .vkuiCheckbox__content { display: none; } .vkuiCheckbox--simple .vkuiCheckbox__icon { margin: 0px; } .vkuiCustomSelect { cursor: pointer; display: block; position: relative; width: 100%; } .vkuiCustomSelect--pop-down { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .vkuiCustomSelect--pop-up { border-top-left-radius: 0px; border-top-right-radius: 0px; } .vkuiCustomSelect__control { display: none; } .vkuiCustomSelect__empty { color: var(--vkui--color_text_secondary); padding: 12px 0px; text-align: center; } .vkuiCustomSelect__fetching { align-items: center; display: flex; justify-content: center; } .vkuiCustomSelect__dropdown-icon { margin-right: 10px; } .vkuiCustomSelect--clear-icon { margin-right: -6px; } .vkuiCustomSelect--sizeY-compact .vkuiCustomSelect__dropdown-icon { margin-right: 8px; } .vkuiCustomSelect--sizeY-compact .vkuiCustomSelect--clear-icon { margin-right: -2px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiCustomSelect--sizeY-none .vkuiCustomSelect__dropdown-icon { margin-right: 8px; } .vkuiCustomSelect--sizeY-none .vkuiCustomSelect--clear-icon { margin-right: -2px; } } .vkuiCustomSelectOption { align-items: center; box-sizing: border-box; color: var(--vkui--color_text_primary); cursor: pointer; display: flex; padding: 8px 12px; position: relative; user-select: none; white-space: nowrap; width: 100%; } .vkuiCustomSelectOption--hierarchy { --vkui_internal--custom_select_option_hierarchy_level: 0; padding-left: calc(var(--vkui_internal--custom_select_option_hierarchy_level)*var(--vkui--size_option_hierarchy--regular)); } .vkuiCustomSelectOption--sizeY-regular { min-height: 44px; } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkuiCustomSelectOption--sizeY-none { min-height: 44px; } } .vkuiCustomSelectOption--disabled { cursor: default; opacity: var(--vkui--opacity_disable_accessibility); } .vkuiCustomSelectOption--hover { background-color: var(--vkui--color_transparent--hover); } .vkuiCustomSelectOption__before { flex-shrink: 0; margin-right: 7px; } .vkuiCustomSelectOption__main { flex-grow: 1; max-width: 100%; min-width: 0px; } .vkuiCustomSelectOption__children { min-width: 0px; overflow: hidden; text-overflow: ellipsis; } .vkuiCustomSelectOption__after { align-items: center; display: flex; flex-shrink: 0; margin-left: 8px; } .vkuiCustomSelectOption__description { color: var(--vkui--color_text_secondary); overflow: hidden; text-overflow: ellipsis; } .vkuiCustomSelectOption__selectedIcon { color: var(--vkui--color_icon_accent); } .vkuiCustomSelectOption__selectedIcon:not(:first-child) { margin-left: 8px; } .vkuiSelect { box-sizing: border-box; cursor: pointer; font-family: var(--vkui--font_family_base); position: relative; } .vkuiSelect__el { appearance: none; border: 0px; display: block; font-family: inherit; font-size: 16px; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; width: 100%; z-index: var(--vkui_internal--z_index_form_field_side); } .vkuiSelect__container { box-sizing: border-box; color: var(--vkui--color_text_primary); flex-grow: 1; flex-shrink: 1; overflow: hidden; padding-left: 12px; padding-right: 0px; position: relative; z-index: var(--vkui_internal--z_index_form_field_element); } .vkuiSelect--hasBefore .vkuiSelect__container { padding-left: 0px; } .vkuiSelect--multiline .vkuiSelect__container { padding-bottom: 12px; padding-top: 12px; } .vkuiSelect--sizeY-compact.vkuiSelect--multiline .vkuiSelect__container { padding-bottom: 8px; padding-top: 8px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiSelect--sizeY-none.vkuiSelect--multiline .vkuiSelect__container { padding-bottom: 8px; padding-top: 8px; } } .vkuiSelect__title { display: block; } .vkuiSelect:not(.vkuiSelect--multiline) .vkuiSelect__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vkuiSelect--empty .vkuiSelect__title { color: var(--vkui--color_text_secondary); } .vkuiSelect--align-right .vkuiSelect__title { text-align: right; } .vkuiSelect--align-center .vkuiSelect__title { text-align: center; } .vkuiInternalCalendarHeader__picker .vkuiSelect__container { padding-right: 4px; } .vkuiSelectTypography--selectType-accent { font-size: var(--vkui--font_paragraph--font_size--regular); font-weight: var(--vkui--font_weight_accent1); line-height: var(--vkui--font_paragraph--line_height--regular); } :not(.vkuiSelectTypography--selectType-accent).vkuiSelectTypography { font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_weight_accent3); line-height: var(--vkui--font_headline1--line_height--regular); } .vkuiSelectTypography--selectType-accent.vkuiSelectTypography--android { font-weight: var(--vkui--font_weight_accent2); } .vkuiSelectTypography--sizeY-compact:not(.vkuiSelectTypography--selectType-accent), .vkuiSelectTypography--vkcom:not(.vkuiSelectTypography--selectType-accent) { font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_weight_accent3); line-height: var(--vkui--font_text--line_height--compact); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiSelectTypography--sizeY-none:not(.vkuiSelectTypography--selectType-accent) { font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_weight_accent3); line-height: var(--vkui--font_text--line_height--compact); } } .vkuiCustomSelectDropdown { background-color: var(--vkui--color_background_modal); border: var(--vkui_internal--thin_border) solid var(--vkui--color_field_border_alpha); border-radius: 8px; box-shadow: var(--vkui--elevation1); box-sizing: border-box; overflow: hidden; } .vkuiCustomSelectDropdown--wide { width: 100%; } .vkuiCustomSelectDropdown--bottom { border-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .vkuiCustomSelectDropdown--top { border-bottom: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; bottom: 100%; box-shadow: var(--vkui--elevation1_invert_y); } .vkuiCustomSelectDropdown__fetching { padding: 12px 0px; } .vkuiCustomSelectDropdown__in { max-height: 160px; } .vkuiInternalCalendarHeader__pickers .vkuiCustomSelectDropdown__in { max-height: 184px; } .vkuiCustomScrollView { height: 100%; overflow: hidden; position: relative; width: 100%; } .vkuiCustomScrollView__box { height: 100%; max-height: inherit; overflow: hidden scroll; padding-right: 100px; position: relative; scrollbar-width: none; width: 100%; } .vkuiCustomScrollView__box::-webkit-scrollbar { display: none; } .vkuiCustomScrollView__barY:active + .vkuiCustomScrollView__box { pointer-events: none; } .vkuiCustomScrollView__barY { height: 100%; position: absolute; right: 0px; top: 0px; width: 10px; } .vkuiCustomScrollView__trackerY { box-sizing: border-box; left: 0px; padding: 4px 4px 4px 0px; position: absolute; top: 0px; user-select: none; width: 10px; } .vkuiCustomScrollView__trackerY--hidden { opacity: 0; transition: opacity 0.2s; } .vkuiCustomScrollView__trackerY::before { background-color: var(--vkui--color_icon_medium); border-radius: 12px; content: ""; display: block; height: 100%; opacity: 0.48; transition: transform 0.2s, opacity 0.2s; width: 100%; } .vkuiCustomScrollView__trackerY:active::before, .vkuiCustomScrollView__trackerY:hover::before { opacity: 0.8; transform: scaleX(1.3333); } .vkuiInternalCustomSelectDropdown .vkuiCustomScrollView__box { padding-right: 8px; } .vkuiInternalCustomSelectDropdown--wide .vkuiCustomScrollView__box { padding-right: 0px; } .vkuiDatePicker { border: 0px; margin: 0px; padding: 0px; } .vkuiDatePicker__container { display: flex; flex-direction: row; width: 100%; } .vkuiDatePicker__day { min-width: 72px; } .vkuiDatePicker__month { display: flex; flex: 1 0 0px; min-width: 0px; padding: 0px 8px; } .vkuiDatePicker__year { min-width: 92px; } .vkuiDatePicker__monthSelect { width: 100%; } .vkuiSegmentedControl { background-color: var(--vkui--color_background_secondary); border-radius: var(--vkui--size_border_radius--regular); box-sizing: border-box; font-family: var(--vkui--font_family_base); height: 30px; padding: 2px; } .vkuiSegmentedControl--size-l { height: 36px; } .vkuiSegmentedControl__in { border-radius: inherit; display: flex; height: 100%; position: relative; transition: 0.1s ease-out; width: 100%; } .vkuiSegmentedControl__slider { background-color: var(--vkui--color_segmented_control); border-radius: inherit; bottom: 0px; box-shadow: inset 0 0 0 .5px var(--vkui--color_image_border_alpha),0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04); left: 0px; position: absolute; top: 0px; transform-origin: 0px 0px; transition: transform 0.15s; } .vkuiSegmentedControl__option { display: block; flex: 1 1 0%; margin: 0px; padding: 0px; position: relative; } .vkuiSegmentedControl--sizeY-regular { height: 36px; } .vkuiSegmentedControl--sizeY-regular.vkuiSegmentedControl--size-l { height: 44px; } @media (max-width: 767.9px) and (min-height: 415px), (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px) { .vkuiSegmentedControl--sizeY-none { height: 36px; } .vkuiSegmentedControl--sizeY-none.vkuiSegmentedControl--size-l { height: 44px; } } .vkuiSegmentedControlOption { appearance: none; background: transparent; border: 0px; border-radius: inherit; box-sizing: border-box; color: var(--vkui--color_text_primary); cursor: pointer; height: 100%; transition: color 0.1s ease-out; user-select: none; } .vkuiSegmentedControlOption .vkuiIcon { color: var(--vkui--color_icon_primary); } .vkuiSegmentedControlOption:not(.vkuiSegmentedControlOption--checked):hover { opacity: 0.5; } .vkuiSegmentedControlOption__content { place-content: center; align-items: center; border-radius: inherit; display: flex; font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_weight_accent2); height: 100%; line-height: var(--vkui--font_text--line_height--regular); width: 100%; } .vkuiSegmentedControlOption__content--sizeY-compact.vkuiSegmentedControlOption__content { font-size: var(--vkui--font_footnote--font_size--regular); font-weight: var(--vkui--font_weight_accent3); line-height: var(--vkui--font_footnote--line_height--regular); } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiSegmentedControlOption__content--sizeY-none.vkuiSegmentedControlOption__content { font-size: var(--vkui--font_footnote--font_size--regular); font-weight: var(--vkui--font_weight_accent3); line-height: var(--vkui--font_footnote--line_height--regular); } } .vkuiCalendar { background: var(--vkui--color_background_modal); border: .5px solid var(--vkui--color_separator_primary); border-radius: 8px; box-shadow: var(--vkui--elevation1); box-sizing: border-box; display: flex; flex-direction: column; padding: 12px; width: 305px; } .vkuiCalendar__time { border-top: 1px solid var(--vkui--color_separator_primary); margin: 12px -12px 0px; padding: 12px 12px 0px; } .vkuiCalendar__header { margin-bottom: 4px; } .vkuiCalendar--size-s { padding: 8px; width: 220px; } .vkuiCalendar--size-s .vkuiCalendar__header { margin-bottom: 0px; } .vkuiCalendarHeader { align-items: center; display: flex; justify-content: center; min-height: 36px; position: relative; } .vkuiCalendarHeader__pickers { color: var(--vkui--color_text_primary); display: flex; position: absolute; } .vkuiCalendarHeader__picker + .vkuiCalendarHeader__picker { margin-left: 4px; } .vkuiCalendarHeader__nav-icon { align-items: center; display: flex; justify-content: center; padding: 3px; position: absolute; } .vkuiCalendarHeader__nav-icon--accent { color: var(--vkui--color_icon_accent); } .vkuiCalendarHeader__nav-icon-next { right: 0px; } .vkuiCalendarHeader__nav-icon-prev { left: 0px; } .vkuiCalendarHeader__month { text-transform: capitalize; } .vkuiCalendarDays { display: flex; flex-direction: column; flex-grow: 1; justify-content: space-around; } .vkuiCalendarDays__row { display: flex; flex-grow: 1; justify-content: center; } .vkuiCalendarDays__row:not(:last-child) { margin-bottom: 4px; } .vkuiCalendarDays__row--size-s:not(:last-child) { margin-bottom: 0px; } .vkuiCalendarDays__weekday { align-items: center; color: var(--vkui--color_text_subhead); display: flex; flex-basis: 14.2857%; flex-grow: 0; height: 32px; justify-content: center; text-transform: capitalize; } .vkuiCalendarDay { border-radius: 0px; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_base); font-size: 14px; } .vkuiCalendarDay, .vkuiCalendarDay__hidden { flex-basis: 14.2857%; flex-grow: 0; height: 36px; } .vkuiCalendarDay--size-s, .vkuiCalendarDay__hidden--size-s { height: 34px; } .vkuiCalendarDay--disabled, .vkuiCalendarDay--not-same-month { color: var(--vkui--color_text_tertiary); } .vkuiCalendarDay--selected { background-color: var(--vkui--color_background_secondary); } .vkuiCalendarDay--selection-start.vkuiCalendarDay--selected, .vkuiCalendarDay__hinted--selection-start { border-bottom-left-radius: 8px; border-top-left-radius: 8px; } .vkuiCalendarDay--selection-end.vkuiCalendarDay--selected, .vkuiCalendarDay__hinted--selection-end { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } .vkuiCalendarDay__day-number { text-align: center; } .vkuiCalendarDay--today { font-weight: 600; } .vkuiCalendarDay--today .vkuiCalendarDay__day-number::after { border-bottom: 2px solid var(--vkui--color_stroke_accent); content: ""; display: block; left: 50%; position: relative; transform: translateX(-50%); width: 16px; } .vkuiCalendarDay--today .vkuiCalendarDay__inner--active .vkuiCalendarDay__day-number::after { border-bottom-color: var(--vkui--color_stroke_contrast); } .vkuiCalendarDay__hinted, .vkuiCalendarDay__inner { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } .vkuiCalendarDay__inner { border-radius: 8px; } .vkuiCalendarDay--hover :not(.vkuiCalendarDay__hinted--active) .vkuiCalendarDay__inner, .vkuiCalendarDay__hinted--active { background-color: var(--vkui--color_background_secondary_alpha--hover); } .vkuiCalendarDay__inner--active { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .vkuiCalendarTime { align-items: center; display: flex; } .vkuiCalendarTime__picker { width: 77px; } .vkuiCalendarTime__divider { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_base); margin-left: 6px; margin-right: 6px; } .vkuiCalendarTime__button { margin-left: auto; } .vkuiCalendarRange { background: var(--vkui--color_background_modal); border: .5px solid var(--vkui--color_separator_primary); border-radius: 8px; box-shadow: var(--vkui--elevation1); box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-around; padding: 12px; width: 610px; } .vkuiCalendarRange__inner { display: flex; flex-direction: column; flex-grow: 1; } .vkuiCalendarRange__inner:not(:last-child) { margin-right: 24px; } .vkuiCalendarRange__header { margin-bottom: 4px; } .vkuiInputLike__mask { font-family: var(--vkui--font_family_base); position: relative; } .vkuiInputLike__mask::after { border-bottom: 1px solid var(--vkui--color_text_secondary); bottom: 0px; content: ""; height: 1px; left: 0px; position: absolute; width: calc(100% - 0.1em); } .vkuiInputLike__mask:last-child { margin-right: 1px; } .vkuiInputLike__divider, .vkuiInputLike__last_character { letter-spacing: 1px !important; } .vkuiInputLike__divider { color: var(--vkui--color_text_secondary); } .vkuiInputLike--full + .vkuiInputLike__divider { color: var(--vkui--color_text_primary); } .vkuiDateInput__input { font-feature-settings: "tnum"; cursor: text; flex-grow: 1; font-size: 16px; font-variant-numeric: tabular-nums; margin-left: 10px; margin-right: 14px; user-select: text; white-space: nowrap; z-index: var(--vkui_internal--z_index_form_field_element); } .vkuiDateInput__input--time-divider { letter-spacing: 6px !important; } .vkuiDateInput--sizeY-compact .vkuiDateInput__input { font-size: 15px; margin-right: 22px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiDateInput--sizeY-none .vkuiDateInput__input { font-size: 15px; margin-right: 22px; } } .vkuiDateRangeInput__input { font-feature-settings: "tnum"; cursor: text; flex-grow: 1; font-size: 16px; font-variant-numeric: tabular-nums; margin-left: 10px; margin-right: 14px; user-select: text; white-space: nowrap; z-index: var(--vkui_internal--z_index_form_field_element); } .vkuiDateRangeInput--sizeY-compact .vkuiDateRangeInput__input { font-size: 15px; margin-right: 22px; } @media (max-height: 414.9px), (pointer: fine) and (min-width: 768px) { .vkuiDateRangeInput--sizeY-none .vkuiDateRangeInput__input { font-size: 15px; margin-right: 22px; } } .vkuiDiv { padding: var(--vkui--size_base_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular); } .vkuiVisuallyHiddenInput { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; opacity: 0; overflow: hidden; position: absolute; white-space: nowrap; } .vkuiPromoBanner { background: var(--vkui--color_background_content); box-sizing: border-box; color: var(--vkui--color_text_primary); outline: var(--vkui_internal--thin_border) solid var(--vkui--color_separator_primary_alpha); padding-bottom: 10px; position: relative; width: 100%; } .vkuiPromoBanner__head { color: var(--vkui--color_text_secondary); display: flex; padding: 14px var(--vkui--size_base_padding_horizontal--regular) 10px; } .vkuiPromoBanner__age { margin-left: 6px; } .vkuiPromoBanner__close { align-items: center; color: var(--vkui--color_icon_secondary); display: flex; height: 48px; justify-content: center; position: absolute; right: 0px; top: 0px; width: 48px; } .vkuiPromoBanner__close:active { opacity: 0.7; } .vkuiPromoBanner__pixels { display: none; } .vkuiChipsSelect { position: relative; } .vkuiChipsSelect__dropdown { cursor: pointer; } .vkuiChipsSelect__icon { pointer-events: none; } .vkuiChipsSelect__empty { color: var(--vkui--color_text_secondary); padding: 12px 0px; text-align: center; } .vkuiChipsSelect--pop-down { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .vkuiChipsSelect--pop-up { border-top-left-radius: 0px; border-top-right-radius: 0px; } .vkuiPopover { animation: 0.2s ease 0s 1 normal none running vkui-popover-fadein; background: var(--vkui--color_background_modal); border-radius: var(--vkui--size_border_radius--regular); box-shadow: var(--vkui--elevation3); position: relative; } .vkuiPopover::before { bottom: calc(var(--vkui_internal--popover_safe_zone_padding)*-1); content: ""; left: calc(var(--vkui_internal--popover_safe_zone_padding)*-1); position: absolute; right: calc(var(--vkui_internal--popover_safe_zone_padding)*-1); top: calc(var(--vkui_internal--popover_safe_zone_padding)*-1); } @keyframes vkui-popover-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .vkuiTextTooltip { animation: 0.2s ease 0s 1 normal none running vkui-texttooltip-fadein; background-color: var(--vkui--color_background_modal); border-radius: var(--vkui--size_border_radius--regular); box-shadow: var(--vkui--elevation3); color: var(--vkui--color_text_primary); padding: 8px 12px 9px; } .vkuiTextTooltip__arrow { color: var(--vkui--color_background_modal); } .vkuiTextTooltip--appearance-accent { background-color: var(--vkui--color_background_accent_tint); color: var(--vkui--color_text_contrast); } .vkuiTextTooltip--appearance-accent .vkuiTextTooltip__arrow { color: var(--vkui--color_background_accent_tint); } .vkuiTextTooltip--appearance-white { background-color: var(--vkui--color_background_contrast); color: var(--vkui--color_text_primary_invariably); } .vkuiTextTooltip--appearance-white .vkuiTextTooltip__arrow { color: var(--vkui--color_background_contrast); } .vkuiTextTooltip--appearance-black { background-color: var(--vkui--color_background_contrast_inverse); color: var(--vkui--color_text_contrast); } .vkuiTextTooltip--appearance-black .vkuiTextTooltip__arrow { color: var(--vkui--color_background_contrast_inverse); } .vkuiTextTooltip--appearance-inversion { background-color: var(--vkui--color_background_modal_inverse); color: var(--vkui--color_text_contrast_themed); } .vkuiTextTooltip--appearance-inversion .vkuiTextTooltip__arrow { color: var(--vkui--color_background_modal_inverse); } @keyframes vkui-texttooltip-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .vkuiRichTooltip { animation: 0.2s ease 0s 1 normal none running vkui-richtooltip-fadein; background-color: var(--vkui--color_background_modal); border-radius: var(--vkui--size_border_radius--regular); box-shadow: var(--vkui--elevation3); color: var(--vkui--color_text_primary); } .vkuiRichTooltip__arrow { color: var(--vkui--color_background_modal); } .vkuiRichTooltip--appearance-accent { background-color: var(--vkui--color_background_accent_tint); color: var(--vkui--color_text_contrast); } .vkuiRichTooltip--appearance-accent .vkuiRichTooltip__arrow { color: var(--vkui--color_background_accent_tint); } .vkuiRichTooltip--appearance-white { background-color: var(--vkui--color_background_contrast); color: var(--vkui--color_text_primary_invariably); } .vkuiRichTooltip--appearance-white .vkuiRichTooltip__arrow { color: var(--vkui--color_background_contrast); } .vkuiRichTooltip--appearance-black { background-color: var(--vkui--color_background_contrast_inverse); color: var(--vkui--color_text_contrast); } .vkuiRichTooltip--appearance-black .vkuiRichTooltip__arrow { color: var(--vkui--color_background_contrast_inverse); } .vkuiRichTooltip--appearance-inversion { background-color: var(--vkui--color_background_modal_inverse); color: var(--vkui--color_text_contrast_themed); } .vkuiRichTooltip--appearance-inversion .vkuiRichTooltip__arrow { color: var(--vkui--color_background_modal_inverse); } @keyframes vkui-richtooltip-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .vkuiHorizontalCellShowMore { display: flex; } .vkuiHorizontalCellShowMore--compensate-last-cell-indent { margin-left: calc(var(--vkui_internal--side_cell_gap)*-1); } .vkuiHorizontalCellShowMore:last-child::after { content: ""; min-width: var(--vkui_internal--side_cell_gap); } .vkuiHorizontalCellShowMore__body { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 4px var(--vkui--spacing_size_s); } .vkuiHorizontalCellShowMore--size-s .vkuiHorizontalCellShowMore__body { min-width: 64px; padding: var(--vkui--spacing_size_xs); } .vkuiHorizontalCellShowMore--size-l .vkuiHorizontalCellShowMore__body, .vkuiHorizontalCellShowMore--size-m .vkuiHorizontalCellShowMore__body { margin-bottom: auto; width: 128px; } .vkuiHorizontalCellShowMore .vkuiHorizontalCellShowMore__body { border-radius: var(--vkui--size_border_radius--regular); } .vkuiHorizontalCellShowMore__icon { color: var(--vkui--color_icon_accent); } .vkuiHorizontalCellShowMore__text { color: var(--vkui--color_text_accent); padding-top: 8px; } .vkui > body { overflow-x: hidden; } .vkui, .vkui > body, .vkui__root { height: 100%; margin: 0px; padding: 0px; } .vkui, .vkui > body { -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color: transparent; text-size-adjust: 100%; color: var(--vkui--color_text_primary); color-scheme: var(--vkui--colors_scheme); font-family: var(--vkui--font_family_base); } .vkui__root--embedded { overflow-x: hidden; transform: translateZ(0px); } .vkui--sizeX-regular { background: var(--vkui--color_background); } @media (min-width: 768px) { .vkui--sizeX-none { background: var(--vkui--color_background); } } .ContentLoader__root--3iBVs { display: flex; flex-direction: column; flex-grow: 1; position: relative; } .ContentLoader__root_new_portal_header--3g-mi { height: calc(100vh - var(--headline-height) - 29px); } .ContentLoader__loading--16QAu { color: var(--vkui--color_icon_accent); display: none; } .ContentLoader__vkui_loading--RVKt9 { color: var(--vkui--color_icon_medium,#919399); } .ContentLoader__error--MJj82 { display: none; } .ContentLoader__content--auRFO { display: flex; flex-direction: column; flex-grow: 1; transition: opacity 0.2s; } .ContentLoader__content_new_portal_header--21F7Z { height: 100%; } .ContentLoader__root_viewport_height--qkj5p, .ContentLoader__root_viewport_height--qkj5p .ContentLoader__content--auRFO { min-height: 1px; } .ContentLoader__noScript--29y4z { align-items: center; background: var(--vkui--color_background_content,#fff); display: flex; flex-direction: column; left: 50%; margin-top: 30px; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1000; } .ContentLoader__icon--Y-l1l { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA4NCI+PHBhdGggZD0iTTg3IDg0SDlhOSA5IDAgMCAxLTgtMTRMNDEgNGE4IDggMCAwIDEgMTQgMWw0MCA2NSAxIDVjMCA1LTQgOS05IDlaTTU0IDY2YTYgNiAwIDEgMC0xMiAwIDYgNiAwIDAgMCAxMiAwWm0wLTM2YTYgNiAwIDAgMC0xMiAwdjE4YTYgNiAwIDAgMCAxMiAwVjMwWiIgZmlsbD0iI0RFREVERSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); background-position: 50% center; background-repeat: no-repeat; height: 84px; width: 96px; } .ContentLoader__description--F6xJW { font-size: 15px; line-height: 20px; margin-top: 40px; max-width: 306px; text-align: center; } .ContentLoader__root--3iBVs.ContentLoader_loading .ContentLoader__loading--16QAu { background: transparent; display: block; height: 100%; position: absolute; width: 100%; z-index: 1000; } .ContentLoader__root--3iBVs.ContentLoader_loading .ContentLoader__error--MJj82 { display: none; } .ContentLoader__root--3iBVs.ContentLoader_loading .ContentLoader__content--auRFO { opacity: 0; } .ContentLoader__root--3iBVs.ContentLoader_error .ContentLoader__loading--16QAu { display: none; } .ContentLoader__root--3iBVs.ContentLoader_error .ContentLoader__error--MJj82 { align-items: center; background: var(--vkui--color_background_content); display: flex; flex-direction: column; flex-grow: 1; height: 100%; justify-content: center; position: absolute; width: 100%; z-index: 1000; } .ContentLoader__root--3iBVs.ContentLoader_error .ContentLoader__content--auRFO { display: none; } .ContentLoader__root_theme_dark--3xeqC .ContentLoader__noScript--29y4z { background: var(--color-gray-980); color: var(--vkui--color_text_secondary); } .ContentLoader__root_theme_dark--3xeqC.ContentLoader_error .ContentLoader__error--MJj82 { background: var(--color-gray-980); color: var(--vkui--color_text_secondary); } .ContentLoader__root_theme_dark--3xeqC.ContentLoader_loading .ContentLoader__loading--16QAu { background: var(--color-gray-980); } .Footer__root--1nJxx { align-items: center; background: var(--vkui--color_background_content); border-top: 1px solid var(--vkui--color_separator_primary); box-sizing: border-box; display: flex; font-family: Arial, sans-serif; font-size: 12px; height: 18px; overflow: hidden; padding-right: 18px; position: relative; z-index: 1000; } .Footer__root_prerendered--OUljo { border-top: 0px; padding-right: 0px; } .Footer__leftCol--1PoFW .portal-footer { background: var(--vkui--color_background_content); border-top: 1px solid var(--vkui--color_separator_primary); } .Footer__rightCol--2USfN { align-items: center; display: flex; height: 100%; margin-left: auto; } .Footer__item--3f9BO { color: var(--vkui--color_text_tertiary); letter-spacing: -0.3px; line-height: 16px; margin-right: 14px; text-decoration: none; white-space: nowrap; } @media (max-width: 1160px) { .Footer__item--3f9BO { font-size: 10px; margin-right: 10px; } } .Footer__item--3f9BO:last-child { margin-right: 0px; } .Footer__item--3f9BO:hover { color: var(--vkui--color_text_tertiary--hover); } .Footer__footerImage--qs5kt { background-size: contain; content: ""; display: inline-block; height: 13px; margin-left: 4px; vertical-align: middle; width: 64px; } .Footer__root_theme_dark--3Z_IS { border-top: 1px solid var(--vkui--color_background_content,#050505); background: var(--vkui--color_background_content,#050505) !important; } .Footer__root_theme_dark--3Z_IS .Footer__item--3f9BO { color: var(--vkui--color_text_tertiary); font-size: 12px; } .Footer__root_theme_dark--3Z_IS .Footer__item--3f9BO:hover { color: var(--vkui--color_text_tertiary--hover); } .Footer__root_theme_dark--3Z_IS .portal-footer__link { font-size: 12px !important; } .Footer__root_theme_dark--3Z_IS .portal-footer { background: var(--vkui--color_background_content,#050505) !important; } .Footer__root_theme_dark--3Z_IS .portal-footer { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } .Footer__root_action--1DW4U { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: var(--color-eerie-black) !important; } .Footer__root_action--1DW4U .portal-footer { background: var(--color-eerie-black) !important; } .Footer__root_black--1QPvX { border-top: 1px solid var(--color-black); background: var(--color-black) !important; } .Footer__root_black--1QPvX .portal-footer { background: var(--color-black) !important; } .doodle .Page-desktop__headline_doc--RLjSA .ph-logo__img { padding: 16.5px; } .Page-desktop__root--3vxOy { background: var(--vkui--color_background); display: flex; flex-direction: column; flex-grow: 1; min-height: 100%; min-width: 1004px; font-family: var(--font-inter) !important; } .Page-desktop__root--3vxOy.Page-desktop__no_min_width--3BXdQ { height: 100vh; min-width: auto; } .Page-desktop__root_new_portal_header--2cEcs, .Page-desktop__root_with_unified_search_in_superapp--3F-QK { background: var(--vkui--cloud_color_background_portal); } .Page-desktop__root_themed_public--2DIqU { background: none; min-width: auto; } .Page-desktop__root_with_unified_search_in_superapp--3F-QK { height: calc(100% - 8px); min-height: calc(100% - 8px); padding-top: 8px; } @media print { .viewer_open .Page-desktop__root--3vxOy { display: none; } } @media (max-width: 1024px) { .Page-desktop__root_myteam--aSEcY { --header-height: 48px; min-height: 100vh; min-width: 240px; } } .Page-desktop__content--3FNXr { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 0; } .Page-desktop__content_new_portal_header--16Se- { height: 100%; } .Page-desktop__head--21CnC { background: var(--vkui--color_background_content,#fff); height: 56px; min-height: 56px; position: sticky; top: 0px; z-index: 1000; } .Page-desktop__headline--3MCbe { height: var(--headline-height); } .Page-desktop__headline_old--2UtZm { background: var(--vkui--color_background_content,#fff); z-index: 10000; } .Page-desktop__headline_hide--24Bl0 { display: none; } .Page-desktop__root_viewport_height--3x9TL { height: 100%; max-height: 100vh; } .Page-desktop__root_viewport_height--3x9TL .Page-desktop__content--3FNXr { flex: 1 1 0%; min-height: 0px; } .b-react-component { width: 100%; } .b-react-component_sticky { position: sticky; top: 0px; z-index: 1001; } .Page-desktop__root_theme_dark--1nmOk { background: var(--color-gray-980,#050505); } .Page-desktop__root_theme_dark--1nmOk .Page-desktop__description--10cP1 { color: var(--vkui--color_text_secondary); } .Page-desktop__footer--2bWkk { margin-top: auto; } .ph-modal-projects-overlay { inset: 0px !important; } .ph-modal-projects-overlay { height: 100vh; width: 100vw; } :root { --logo-light-theme-url: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/38ee4afd7a08350c7d70.svg); --logo-dark-theme-url: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/d37b6fdba7f3c527dc99.svg); --logo-light-theme-url-doc: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/f9756c1f6e43c3d18b33.svg); --logo-dark-theme-url-doc: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/585405dafe24d77ab0d7.svg); --logo-light-theme-url-biz: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/74658649924dc1379d56.svg); --logo-dark-theme-url-biz: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/ba2a9a03d82dc1028d69.svg); --logo-light-theme-url-tarm: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/729a940417ff38d0b7ce.svg); --logo-dark-theme-url-tarm: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/98d5cd9c9d0d7b820491.svg); --logo-dark-theme-url-doc-biz: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/2e737ff1a9d00238692a.svg); --logo-light-theme-url-doc-biz: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/69dda794e694de16e2ad.svg); --logo-url-mailspace: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/b66d4979d8aa452bb75f.svg); } :root .rebranding { --color-gray-980: #19191a; } .doodle .ph-logo { margin-right: 0px !important; } body:not(.vkui--cloud--dark):not(.theme-outsource) { --logo-url: var(--logo-light-theme-url); --logo-url-doc: var(--logo-light-theme-url-doc); --logo-url-biz: var(--logo-light-theme-url-biz); --logo-url-tarm: var(--logo-light-theme-url-tarm); --logo-url-doc-biz: var(--logo-light-theme-url-biz); } .Page-desktop__root_theme_dark--1nmOk, .vkui--cloud--dark { --ph-color-counter: var(--vkui--color_text_contrast); --logo-url: var(--logo-dark-theme-url); --logo-url-doc: var(--logo-dark-theme-url-doc); --logo-url-biz: var(--logo-dark-theme-url-biz); --logo-url-tarm: var(--logo-dark-theme-url-tarm); --logo-url-doc-biz: var(--logo-dark-theme-url-biz); } .Page-desktop__headline_mailspace--Expy5 { --logo-url: var(--logo-url-mailspace); } .Page-desktop__headline--3MCbe:not(.Page-desktop__headline_doc--RLjSA):not(.Page-desktop__headline_biz--1VR9K):not(.Page-desktop__headline_tarm--3fJgz) .ph-container [data-logo-img] { content: var(--logo-url); } .Page-desktop__headline--3MCbe.Page-desktop__headline_doc--RLjSA:not(.Page-desktop__headline_doc_biz--3svhN) .ph-container [data-logo-img] { content: var(--logo-url-doc); } .Page-desktop__headline--3MCbe.Page-desktop__headline_biz--1VR9K:not(.Page-desktop__headline_doc_biz--3svhN) .ph-container [data-logo-img] { content: var(--logo-url-biz); } .Page-desktop__headline--3MCbe.Page-desktop__headline_tarm--3fJgz:not(.Page-desktop__headline_doc_biz--3svhN) .ph-container [data-logo-img] { content: var(--logo-url-tarm); } .Page-desktop__headline_doc_biz--3svhN .ph-container [data-logo-img] { content: var(--logo-url-doc-biz); } .root_default_background { background: var(--vkui--color_background); } .Page-touch__root--2BXeJ { -webkit-font-smoothing: antialiased; --headline-height: 48px; background: var(--vkui--color_background); display: flex; flex-direction: column; max-width: 100vw; min-height: 100%; min-width: 240px; font-family: var(--font-inter) !important; } @supports (padding-bottom:env(safe-area-inset-bottom)) { .Page-touch__root--2BXeJ { min-height: calc(100% - env(safe-area-inset-bottom) - env(safe-area-inset-top)); padding-bottom: 1px; } } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .Page-touch__root--2BXeJ { } } @supports (padding-top:env(safe-area-inset-top)) { .Page-touch__root--2BXeJ { padding-top: env(safe-area-inset-top); } } .Page-touch__root_themed_public--TRNuQ { background: none; } .Page-touch__root_theme_dark--2db6d { background: rgb(0, 0, 0); } .Page-touch__content_integration--1mSSk { height: 100%; } .Page-touch__head--M9ZtY { background: var(--vkui--color_background_accent); height: var(--headline-height); min-height: 48px; } .Page-touch__content--2JdlD { display: flex; flex-direction: column; flex-grow: 1; height: 100%; } .Page-touch__header--jP66e { background: rgba(255, 255, 255, 0.08); flex-shrink: 0; height: 108px; max-width: 100%; min-height: 72px; overflow: hidden; padding: 8px 8px 0px; } .Page-touch__headline--1x2pg { display: none; flex-shrink: 0; height: 0px; } .Page-touch__headline_visible---LwQf { display: block; height: var(--headline-height); } .ErrorPage__root--3tkmo { -webkit-font-smoothing: antialiased; align-items: center; display: flex; flex-direction: column; flex-grow: 1; font-family: var(--font-tt-norms); margin: 150px auto 0px; max-width: 1200px; padding: 0px 16px; width: 586px; } @media (max-width: 768px) { .ErrorPage__root--3tkmo { width: calc(100% - 32px); } } .ErrorPage__error--36qIZ { background-position: 50% center; background-repeat: no-repeat; background-size: contain; height: 162px; object-fit: cover; width: 480px; } @media (max-width: 400px) { .ErrorPage__error--36qIZ { height: 130px; width: 300px; } } .ErrorPage__biz--3C1DE { justify-content: center; } .ErrorPage__biz--3C1DE .ErrorPage__error--36qIZ { height: auto; width: 56px; } .ErrorPage__errorDark--21xFd { display: none; } .vkui--cloud--dark .ErrorPage__errorLight--3AcA- { display: none; } .vkui--cloud--dark .ErrorPage__errorDark--21xFd { display: initial; } @media (prefers-color-scheme: dark) { .vkui--cloud--system .ErrorPage__root--3tkmo:not(.ErrorPage__static--3PJrd) .ErrorPage__errorLight--3AcA- { display: none; } .vkui--cloud--system .ErrorPage__root--3tkmo:not(.ErrorPage__static--3PJrd) .ErrorPage__errorDark--21xFd { display: initial; } } @media (prefers-color-scheme: light) { .vkui--cloud--system .ErrorPage__root--3tkmo:not(.ErrorPage__static--3PJrd) .ErrorPage__errorLight--3AcA- { display: initial; } .vkui--cloud--system .ErrorPage__root--3tkmo:not(.ErrorPage__static--3PJrd) .ErrorPage__errorDark--21xFd { display: none; } } .ErrorPage__dark--17NMj { --vkui--color_text_primary: #e7e8ea; --vkui--color_text_primary--hover: #e8e9eb; --vkui--color_background_secondary: #2a2a2b; --vkui--color_background_secondary_alpha: hsla(0,0%,100%,.12); --vkui--color_background_secondary_alpha--hover: hsla(0,0%,100%,.16); } .ErrorPage__dark--17NMj .ErrorPage__errorDark--21xFd { display: initial; } .ErrorPage__dark--17NMj .ErrorPage__errorLight--3AcA- { display: none; } .ErrorPage__description--1V8sa { align-items: center; display: flex; flex-direction: column; margin-top: 8px; } @media (max-width: 768px) { .ErrorPage__description--1V8sa { max-width: 400px; } } .ErrorPage__title--3BvDd { color: var(--vkui--color_text_primary); font-size: 24px; font-weight: 500; line-height: 28px; margin-bottom: 12px; text-align: center; } .ErrorPage__appButton--3E7Kc { display: none; } @media (max-width: 768px) { .ErrorPage__appButton--3E7Kc { bottom: 0px; display: block; max-width: 100%; padding: 16px 16px 24px; position: absolute; width: 100%; z-index: 3; } @supports (bottom:constant(safe-area-inset-bottom)) { .ErrorPage__appButton--3E7Kc { } } @supports (bottom:env(safe-area-inset-bottom)) { .ErrorPage__appButton--3E7Kc { bottom: calc(env(safe-area-inset-bottom)); } } } .ErrorPage__downloadAppContainer--3up_L { display: flex; flex-direction: column; flex-grow: 1; font-family: var(--font-tt-norms); justify-content: end; margin: 50px auto 16px; width: 568px; } @media (max-width: 768px) { .ErrorPage__downloadAppContainer--3up_L { display: none; } } .ErrorPage__annotation--3STKs { color: var(--vkui--color_text_primary); font-size: 15px; line-height: 20px; margin-bottom: 24px; max-width: 500px; text-align: center; white-space: pre-wrap; } .ErrorPage__annotationSecondary--Otieb { color: var(--vkui--color_text_secondary); } .ErrorPage__qrcodeContainer--nYzd0 { align-items: center; background-color: var(--vkui--color_background_secondary); border-radius: 16px; bottom: 16px; display: flex; max-height: 128px; padding: 16px; position: sticky; } .ErrorPage__qrcode--2NwPv { box-sizing: border-box; height: 96px; width: 96px; } .ErrorPage__qrcodeText--2th09 { color: var(--vkui--color_text_primary); font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); padding: 20px 34px 20px 40px; } .ErrorPage__container--3AGqx { display: flex; flex-direction: row; flex-grow: 1; grid-area: main; height: 100%; } @media (min-width: 768px) { .ErrorPage__container--3AGqx { gap: 16px; margin: 0px 20px 0px 16px; } } .ErrorPage__wrapper--1PUfT { background: var(--vkui--cloud_color_background,#fff); border-radius: 12px 12px 0px 0px; display: flex; flex-direction: column; width: 100%; } .ErrorPage__helpUrl--1HQBR { color: var(--vkui--color_text_link); text-decoration: none; } .ErrorPage__helpUrl--1HQBR:hover { color: var(--vkui--color_text_link--hover); } .ErrorPage__helpUrl--1HQBR:active { color: var(--vkui--color_text_link--active); } .ErrorPage__advDesktop--2wwDe { display: none; flex-direction: column; gap: 8px; isolation: isolate; max-width: 272px; padding: 0px 12px; } @media (max-width: 768px) { .ErrorPage__advDesktop--2wwDe { display: none; } } @media (min-width: 769px) { .ErrorPage__advMobile--2qjGu { display: none; } } .ErrorPage__advHeader--3-uBX, .ErrorPage__advHeaderStatic--1Mnko { align-items: center; display: flex; height: 60px; justify-content: space-between; min-width: 240px; } .ErrorPage__advTitle--zCBtP { -webkit-font-smoothing: antialiased; font-family: var(--font-tt-norms); font-size: 17px; font-weight: 500; margin-bottom: 0px; } .ErrorPage__advDisableButton--3humk { background: var(--vkui--color_background_secondary_alpha); color: var(--vkui--color_text_secondary); } .ErrorPage__advDisableButton--3humk:hover { background: var(--vkui--color_background_secondary_alpha--hover); color: var(--vkui--color_text_secondary--hover); } .js-right-block-error-page--visible { display: flex; } @media (max-width: 768px) { .errorPageDisableElement { display: none !important; } } @media (max-width: 768px) { .errorPageDisableCursorEvents { pointer-events: none !important; } } .vkTeamsErrorPage .ErrorPage__appButton--3E7Kc { display: none; } .vkTeamsErrorPage .ErrorPage__downloadAppContainer--3up_L { display: none; } .divkit-82db1 { overflow-wrap: break-word; display: grid; font-size: 10px; grid-template-columns: 100%; grid-template-rows: 100%; line-height: 1.25; overflow: hidden; pointer-events: none; position: relative; word-break: break-word; } @supports (overflow:clip) { .divkit-82db1 { overflow: clip; } } .divkit-27458, .divkit-3bb57 { cursor: pointer; } .divkit-ba614, .divkit-be734 { pointer-events: auto; } .divkit-9a652 { user-select: none; } .divkit-6d515 .divkit-27458 { transition: opacity 0.15s ease-out; } .divkit-6d515 .divkit-27458:hover { opacity: 0.7; } .divkit-6d515 .divkit-27458:active { opacity: 0.5; } .divkit-82db1:not(.divkit-6d515) .divkit-316e7 { display: none; } .divkit-0a135 { overscroll-behavior: contain; } .divkit-f5cb3 { } .divkit-bf0ea { box-sizing: border-box; flex-shrink: 0; min-height: 0px; min-width: 0px; overflow: hidden; position: relative; text-decoration: none; z-index: 0; } @supports (overflow:clip) { .divkit-bf0ea { overflow: clip; } } .divkit-bf0ea { color: inherit; } .divkit-c5f24 { visibility: hidden; } .divkit-002ec { justify-self: start; } .divkit-204f8 { justify-self: center; } .divkit-bd7ba { justify-self: end; } .divkit-02d12 { justify-self: stretch; } .divkit-fd8aa { align-self: start; } .divkit-62df2 { align-self: center; } .divkit-819a0 { align-self: end; } .divkit-8a331 { align-self: stretch; } .divkit-46b27.divkit-002ec { align-self: flex-start; } .divkit-46b27.divkit-204f8 { align-self: center; } .divkit-46b27.divkit-bd7ba { align-self: flex-end; } .divkit-46b27.divkit-02d12 { align-self: stretch; } .divkit-be075.divkit-fd8aa { align-self: flex-start; } .divkit-be075.divkit-62df2 { align-self: center; } .divkit-be075.divkit-819a0 { align-self: flex-end; } .divkit-be075.divkit-8a331 { align-self: stretch; } .divkit-be075.divkit-2b876 { align-self: baseline; } .divkit-05991 { width: max-content; } .divkit-80cac { height: max-content; } .divkit-5bdb7 { max-width: 100%; } .divkit-5bdb7.divkit-47ef2 { width: auto; } .divkit-351c8 { max-height: 100%; } .divkit-351c8.divkit-47ef2 { height: auto; } .divkit-747b0 { grid-area: 1 / 1 / 2 / 2; } .divkit-c525d { scroll-snap-align: center; } .divkit-91fd4 { scroll-snap-align: start; } .divkit-90c49 { border-radius: inherit; box-sizing: border-box; height: 100%; left: 0px; overflow: hidden; pointer-events: none; position: absolute; top: 0px; width: 100%; } @supports (overflow:clip) { .divkit-90c49 { overflow: clip; } } .divkit-90c49::before { border: var(--divkit-border); border-radius: var(--divkit-border-radius,0); box-sizing: border-box; content: ""; height: calc(100% + 0.2em); left: -0.1em; position: absolute; top: -0.1em; width: calc(100% + 0.2em); } .divkit-b33bc { visibility: hidden; } .divkit-f6ff9 { display: none !important; } .divkit-4d4f3 { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: var(--divkit-animation-opacity-start,1); transform: scale(var(--divkit-animation-scale-start,1)); } .divkit-4d4f3.divkit-27458:active, .divkit-4d4f3.divkit-3bb57:active { opacity: var(--divkit-animation-opacity-end,1); transform: scale(var(--divkit-animation-scale-end,1)); } .divkit-b630e:focus, .divkit-b630e:focus-visible { outline: none; } .divkit-ee5cc { appearance: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; color: inherit; font: inherit; margin: 0px; padding: 0px; } .divkit-7b038 { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: -1; } .divkit-8fdbd { overflow: hidden; } @supports (overflow:clip) { .divkit-8fdbd { overflow: clip; } } .divkit-f9881 { background-repeat: no-repeat; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .divkit-ea047 { display: none; } .divkit-6d029 { display: flex; } .divkit-d7771 { justify-content: flex-start; text-align: left; } .divkit-11aee { justify-content: center; text-align: center; } .divkit-a2b0d { justify-content: flex-end; text-align: right; } .divkit-b93c2 { align-items: flex-start; } .divkit-a5aa6 { align-items: center; } .divkit-02228 { align-items: flex-end; } .divkit-c5739 { align-items: baseline; } .divkit-ccc67 { max-height: 100%; min-height: 0px; min-width: 0px; } .divkit-a6f25 .divkit-ccc67, .divkit-b9e37 .divkit-ccc67 { overflow: hidden; } @supports (overflow:clip) { .divkit-a6f25 .divkit-ccc67, .divkit-b9e37 .divkit-ccc67 { overflow: clip; } } .divkit-a6f25 .divkit-ccc67 { text-overflow: ellipsis; white-space: nowrap; } .divkit-fa1ec .divkit-a6f25 .divkit-ccc67 { text-overflow: clip; } .divkit-b9e37 .divkit-ccc67 { -webkit-box-orient: vertical; display: -webkit-box; } .divkit-e75f8 { position: relative; } .divkit-ca4e7 { left: 0px; max-height: 100%; max-width: 100%; position: absolute; top: 0px; } .divkit-3f0b7 { background-clip: text; color: transparent; } .divkit-632c6 { align-items: center; display: inline-flex; position: relative; vertical-align: middle; } .divkit-9125a { height: 0px; } .divkit-6956e { vertical-align: top; } .divkit-2be31 { vertical-align: middle; } .divkit-1719d { vertical-align: bottom; } .divkit-a0e9f { vertical-align: initial; } .divkit-d491d { display: block; width: 100%; } .divkit-9125a .divkit-d491d { position: absolute; } .divkit-6956e .divkit-d491d { left: 0px; top: 0px; } .divkit-1719d .divkit-d491d, .divkit-a0e9f .divkit-d491d { bottom: 0px; left: 0px; } .divkit-f6859 { display: none; } .divkit-32858:focus-visible .divkit-ccc67 .divkit-251c6, :focus-visible .divkit-32858 .divkit-ccc67 .divkit-251c6 { color: var(--divkit-text-focus-color) !important; } .divkit-251c6 { color: inherit; white-space: pre-wrap; } .divkit-96ef6 { -webkit-box-decoration-break: clone; box-decoration-break: clone; } .divkit-645b9 { white-space: nowrap; } .divkit-13a2b { display: inline-block; } .divkit-9d257 { text-decoration: underline line-through; } .divkit-c65cf { text-decoration: underline; } .divkit-d264e { text-decoration: line-through; } .divkit-2cfc4 { text-decoration: none; } .divkit-cb312 { vertical-align: top; } .divkit-640d4 { vertical-align: middle; } .divkit-069e7 { vertical-align: bottom; } .divkit-3f853 { vertical-align: initial; } .divkit-82b28 { display: none; } .divkit-98760 { position: relative; } .divkit-a6270 { display: flex; } .divkit-758dd { align-content: flex-start; flex-wrap: wrap; } .divkit-34175 { overflow: visible; } .divkit-5d3b3 { flex-direction: column; } .divkit-5d3b3.divkit-76f26 { justify-content: flex-start; } .divkit-5d3b3.divkit-71fc3 { justify-content: center; } .divkit-5d3b3.divkit-d66e1 { justify-content: flex-end; } .divkit-5d3b3.divkit-4aa6d { justify-content: space-between; } .divkit-5d3b3.divkit-846d1 { justify-content: space-around; } .divkit-5d3b3.divkit-e04b5 { justify-content: space-evenly; } .divkit-758dd.divkit-5d3b3.divkit-4d9fa { align-content: flex-start; } .divkit-758dd.divkit-5d3b3.divkit-f82bf { align-content: center; } .divkit-758dd.divkit-5d3b3.divkit-221f7 { align-content: flex-end; } .divkit-758dd.divkit-5d3b3.divkit-2daed { align-content: space-between; } .divkit-758dd.divkit-5d3b3.divkit-359ca { align-content: space-around; } .divkit-758dd.divkit-5d3b3.divkit-82605 { align-content: space-evenly; } .divkit-88fee.divkit-4d9fa { justify-content: flex-start; } .divkit-88fee.divkit-f82bf { justify-content: center; } .divkit-88fee.divkit-221f7 { justify-content: flex-end; } .divkit-88fee.divkit-2daed { justify-content: space-between; } .divkit-88fee.divkit-359ca { justify-content: space-around; } .divkit-88fee.divkit-82605 { justify-content: space-evenly; } .divkit-758dd.divkit-88fee.divkit-76f26 { align-content: flex-start; } .divkit-758dd.divkit-88fee.divkit-71fc3 { align-content: center; } .divkit-758dd.divkit-88fee.divkit-d66e1 { align-content: flex-end; } .divkit-758dd.divkit-88fee.divkit-4aa6d { align-content: space-between; } .divkit-758dd.divkit-88fee.divkit-846d1 { align-content: space-around; } .divkit-758dd.divkit-88fee.divkit-e04b5 { align-content: space-evenly; } .divkit-825b7 { display: grid; grid-template-columns: 100%; grid-template-rows: 100%; } .divkit-e4041 { height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; } .divkit-566e3 { align-items: center; display: flex; justify-content: center; position: absolute; } .divkit-4178a { max-height: 100%; max-width: 100%; } .divkit-5196a { align-items: center; display: flex; justify-content: center; } .divkit-8d569 { min-height: 0.1em; } .divkit-f0c05 { min-width: 0.1em; } .divkit-563bc { display: block; } .divkit-8ae57 { min-height: 0px; min-width: 0px; } .divkit-0a28e { min-width: max-content; } .divkit-f167b { min-height: max-content; } .divkit-4eb06 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 100%; width: 100%; } .divkit-0a28e .divkit-4eb06 { width: auto; } .divkit-f167b .divkit-4eb06 { height: auto; } .divkit-eba6b .divkit-4eb06 { visibility: hidden; } .divkit-1b179 .divkit-4eb06 { transform: scaleX(-1); } .divkit-1afad { display: block; position: relative; } .divkit-37495 .divkit-4eb06 { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .divkit-cdd4f .divkit-4eb06 { animation-delay: var(--divkit-appearance-delay); animation-duration: var(--divkit-appearance-duration); animation-fill-mode: both; animation-iteration-count: 1; animation-name: divkit-e49b3; } .divkit-8ea57 .divkit-4eb06 { visibility: hidden; } .divkit-8ae57[data-lottie="true"] .divkit-4eb06 { display: none; } @keyframes divkit-e49b3 { 0% { opacity: var(--divkit-appearance-fade-start); } 100% { opacity: 1; } } .divkit-ec408 { display: grid; } .divkit-fde92 { justify-content: start; } .divkit-800a9 { justify-content: center; } .divkit-74c34 { justify-content: end; } .divkit-82c25 { align-content: start; } .divkit-6ea46 { align-content: center; } .divkit-96d7e { align-content: end; } .divkit-0bfe5 { display: block; } .divkit-2b11a { height: 100%; max-height: inherit; max-width: inherit; pointer-events: auto; width: 100%; } .divkit-dbcd8 .divkit-2b11a { scrollbar-width: none; } .divkit-dbcd8 .divkit-2b11a::-webkit-scrollbar { display: none; } .divkit-6df4b > .divkit-2b11a { overflow: auto hidden; } .divkit-47152 > .divkit-2b11a { overflow: hidden auto; } .divkit-e6acd > .divkit-2b11a { scroll-snap-type: both mandatory; } .divkit-e6acd > .divkit-2b11a > .divkit-2d0b9 { scroll-snap-align: start; } .divkit-2d0b9 { box-sizing: border-box; display: flex; height: 100%; pointer-events: none; width: 100%; } .divkit-6df4b > .divkit-2b11a > .divkit-2d0b9 { flex-direction: column; } .divkit-47152 > .divkit-2b11a > .divkit-2d0b9 { flex-direction: row; } .divkit-23231 { box-sizing: border-box; display: inline-grid; } .divkit-6df4b > .divkit-2b11a > .divkit-2d0b9 > .divkit-23231 { grid-auto-flow: column; grid-template-rows: 100%; height: 100%; justify-content: start; min-height: 0px; min-width: min-content; } .divkit-47152 > .divkit-2b11a > .divkit-2d0b9 > .divkit-23231 { align-content: start; grid-auto-flow: row; grid-template-columns: 100%; min-height: min-content; min-width: 0px; width: 100%; } .divkit-b29e2::before { background: var(--divkit-gallery-arrow-bg,#fff); box-shadow: 0 .2em .4em 0 var(--divkit-gallery-arrow-shadow,rgba(0,0,0,.1)); } .divkit-b29e2:hover::before { box-shadow: 0 .2em .8em 0 var(--divkit-gallery-arrow-shadow,rgba(0,0,0,.1)); } .divkit-b29e2:active::before { box-shadow: 0 .1em .4em 0 var(--divkit-gallery-arrow-shadow,rgba(0,0,0,.1)); } .divkit-9bb64 { fill: var(--divkit-gallery-arrow-fg,#000); } .divkit-ff821 { cursor: pointer; height: 4.4em; margin-top: -2.2em; pointer-events: auto; position: absolute; top: 50%; width: 4.4em; } .divkit-ff821::before { border-radius: 100%; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; transition: transform 0.15s ease-out, box-shadow; width: 100%; } .divkit-ff821:hover::before { transform: scale(1.1); } .divkit-ff821:active::before { transform: scale(1.05); } .divkit-baff3 { inset: 0px; height: 3.2em; margin: auto; position: absolute; width: 3.2em; } .divkit-70d07 { left: 0.6em; } .divkit-da11c { right: 0.6em; } .divkit-8a75d { display: flex; flex-direction: column; } .divkit-26f55 { display: flex; flex: 0 0 auto; overflow: scroll hidden; padding: var(--divkit-tabs-title-padding,0 1.2em .8em); scrollbar-width: none; } .divkit-26f55::-webkit-scrollbar { display: none; } .divkit-a22f9 { background: var(--divkit-tabs-inactive-background-color,none); border-radius: var(--divkit-tabs-border-radius,100em); color: var(--divkit-tabs-inactive-text-color,rgba(0,0,0,.5)); cursor: pointer; display: inline-block; flex: 0 0 auto; font-family: var(--divkit-tabs-inactive-font-family,inherit); font-size: var(--divkit-tabs-font-size,1.2em); font-weight: var(--divkit-tabs-inactive-font-weight,400); letter-spacing: var(--divkit-tabs-letter-spacing,0); line-height: var(--divkit-tabs-line-height,1.25); margin-left: var(--divkit-tabs-items-spacing,0); padding: var(--divkit-tabs-paddings,.5em .6667em); text-decoration: none; user-select: none; white-space: pre; } .divkit-a22f9:first-child { margin-left: 0px; } .divkit-4108d { background: var(--divkit-tabs-active-background-color,#ffdc60); color: var(--divkit-tabs-active-text-color,rgba(0,0,0,.8)); cursor: default; font-family: var(--divkit-tabs-active-font-family,inherit); font-weight: var(--divkit-tabs-active-font-weight,400); } .divkit-4108d.divkit-4f7ae { cursor: pointer; } .divkit-daded { display: flex; flex: 1 1 auto; overflow: hidden; touch-action: pan-y; transition: height 0.3s ease-out; } .divkit-5c791 { display: flex; flex: 0 1 auto; position: relative; transition-duration: 0s; transition-property: transform; transition-timing-function: ease-out; width: 100%; will-change: transform; } .divkit-763f3 { transition-duration: 0.3s; } .divkit-c3cc6 .divkit-4ca7a { position: absolute; top: 0px; width: 100%; } .divkit-4ca7a { display: none; pointer-events: auto; } .divkit-4ca7a .divkit-bf0ea { pointer-events: none; } .divkit-4ca7a .divkit-ba614 { pointer-events: auto; } .divkit-0c7b1 { display: flex; flex: 0 1 auto; width: 100%; } .divkit-ceaff .divkit-0c7b1 { height: 100%; } .divkit-41351 { background: rgba(0, 0, 0, 0.08); height: 0.1em; margin: 0px 1.2em; } .divkit-37bf2 { align-self: center; flex: 0 0 auto; margin-left: var(--divkit-tabs-items-spacing,0); } .divkit-31140 { display: grid; grid-template-columns: 100%; grid-template-rows: 100%; position: relative; } .divkit-bace1 { overflow: visible; } .divkit-8524e { height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; } .divkit-dcc79 { pointer-events: auto; position: absolute; transform-origin: 0px 0px; } .divkit-aa7dd { grid-template-columns: 100%; grid-template-rows: 100%; pointer-events: none; } .divkit-2d4e4, .divkit-aa7dd { display: grid; height: 100%; width: 100%; } .divkit-2d4e4 { box-sizing: border-box; pointer-events: auto; scrollbar-width: none; } .divkit-2d4e4::-webkit-scrollbar { display: none; } .divkit-834e0 { display: grid; grid-template-columns: 100%; grid-template-rows: 100%; max-height: 100%; max-width: 100%; pointer-events: none; scroll-snap-align: center; } .divkit-22c94 .divkit-834e0 { overflow: hidden; } @supports (overflow:clip) { .divkit-22c94 .divkit-834e0 { overflow: clip; } } .divkit-9cc96 > .divkit-2d4e4 { grid-auto-flow: column; grid-template-rows: 100%; height: 100%; justify-content: start; overflow: scroll hidden; scroll-snap-type: x mandatory; } .divkit-e886e > .divkit-2d4e4 { align-content: start; grid-auto-flow: row; grid-template-columns: 100%; overflow: hidden scroll; scroll-snap-type: y mandatory; width: 100%; } .divkit-37835.divkit-9cc96 > .divkit-2d4e4 > .divkit-834e0 { align-items: center; } .divkit-1c361.divkit-9cc96 > .divkit-2d4e4 > .divkit-834e0 { align-items: end; } .divkit-37835.divkit-e886e > .divkit-2d4e4 > .divkit-834e0 { justify-items: center; } .divkit-1c361.divkit-e886e > .divkit-2d4e4 > .divkit-834e0 { justify-items: end; } .divkit-9cc96 > .divkit-2d4e4 > .divkit-3af1f, .divkit-9cc96 > .divkit-2d4e4 > .divkit-e1525 { height: 100%; } .divkit-9cc96 > .divkit-2d4e4 > .divkit-3af1f, .divkit-9cc96 > .divkit-2d4e4 > .divkit-e1525:not(.divkit-d5bd8) { max-height: none; } .divkit-e886e > .divkit-2d4e4 > .divkit-4e248, .divkit-e886e > .divkit-2d4e4 > .divkit-8d520 { width: 100%; } .divkit-e886e > .divkit-2d4e4 > .divkit-4e248, .divkit-e886e > .divkit-2d4e4 > .divkit-8d520:not(.divkit-6a541) { max-width: none; } .divkit-c6702::before { background: var(--divkit-pager-arrow-bg,#fff); box-shadow: 0 .2em .4em 0 var(--divkit-pager-arrow-shadow,rgba(0,0,0,.1)); } .divkit-c6702:hover::before { box-shadow: 0 .2em .8em 0 var(--divkit-pager-arrow-shadow,rgba(0,0,0,.1)); } .divkit-c6702:active::before { box-shadow: 0 .1em .4em 0 var(--divkit-pager-arrow-shadow,rgba(0,0,0,.1)); } .divkit-97cb5 { fill: var(--divkit-pager-arrow-fg,#000); } .divkit-42240 { height: 100%; overflow-y: scroll; scrollbar-width: none; width: 100%; } .divkit-42240::-webkit-scrollbar { display: none; } .divkit-49790 { align-items: center; display: flex; height: 100%; } .divkit-2da15 { border-radius: var(--divkit-indicator-inactive-border-radius); flex-shrink: 0; height: var(--divkit-indicator-inactive-height); width: var(--divkit-indicator-inactive-width); } .divkit-eb5df .divkit-2da15 { align-items: center; display: flex; justify-content: center; margin: var(--divkit-indicator-default-margin); } .divkit-eb5df .divkit-2da15::before { background: var(--divkit-indicator-inactive-background); border-radius: var(--divkit-indicator-inactive-border-radius); box-shadow: var(--divkit-indicator-inactive-box-shadow); content: ""; flex: 0 0 auto; height: var(--divkit-indicator-inactive-height); width: var(--divkit-indicator-inactive-width); } .divkit-eb5df .divkit-c146b, .divkit-eb5df .divkit-c146b::before { height: var(--divkit-indicator-active-height); } .divkit-eb5df .divkit-c146b::before { background: var(--divkit-indicator-active-background); border-radius: var(--divkit-indicator-active-border-radius); box-shadow: var(--divkit-indicator-active-box-shadow); width: var(--divkit-indicator-active-width); } .divkit-eb5df.divkit-bae27 .divkit-2da15:first-child { margin-left: auto; } .divkit-eb5df.divkit-58b11 .divkit-2da15:first-child, .divkit-eb5df.divkit-bae27 .divkit-2da15:last-child { margin-right: auto; } .divkit-eb5df.divkit-58b11 .divkit-2da15:last-child { margin-left: auto; } .divkit-b49a3 .divkit-2da15 { background: var(--divkit-indicator-inactive-background); box-shadow: var(--divkit-indicator-inactive-box-shadow); flex: 1 1 0px; margin-left: var(--divkit-indicator-stretch-margin); min-width: calc((100% - var(--divkit-indicator-stretch-max-spacer))/var(--divkit-indicator-stretch-max-count)); } .divkit-b49a3 .divkit-c146b { background: var(--divkit-indicator-active-background); border-radius: var(--divkit-indicator-active-border-radius); box-shadow: var(--divkit-indicator-active-box-shadow); flex-grow: var(--divkit-indicator-active-scale); height: var(--divkit-indicator-active-height); width: var(--divkit-indicator-active-width); } .divkit-b49a3 .divkit-2da15:first-child { margin-left: 0px; } .divkit-99f56 { align-items: stretch; display: flex; flex-direction: column; justify-content: center; position: relative; } .divkit-96503 { appearance: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: block; font: inherit; height: var(--divkit-slider-max-thumb-height); margin-top: 0px; margin-bottom: 0px; margin-left: calc(var(--divkit-slider-thumb-width)/-2); margin-right: calc(var(--divkit-slider-thumb-width)/-2); opacity: 0; pointer-events: auto; position: relative; width: calc(100% + var(--divkit-slider-thumb-width)); } .divkit-96503 + .divkit-96503 { margin-top: calc(0px - var(--divkit-slider-max-thumb-height)); } .divkit-1ee78 { margin-left: calc(var(--divkit-slider-thumb-secondary-width)/-2); margin-right: calc(var(--divkit-slider-thumb-secondary-width)/-2); width: calc(100% + var(--divkit-slider-thumb-secondary-width)); } .divkit-67789 { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; bottom: 0px; height: var(--divkit-slider-thumb-height); left: calc(100%*var(--divkit-slider-track-part)); margin-top: auto; margin-right: 0px; margin-bottom: auto; margin-left: calc(var(--divkit-slider-thumb-width)/-2); position: absolute; top: 0px; width: var(--divkit-slider-thumb-width); } .divkit-38304 .divkit-67789 { left: auto; margin-left: 0px; margin-right: calc(var(--divkit-slider-thumb-width)/-2); right: calc(100%*var(--divkit-slider-track-part)); } .divkit-c5ec2 { height: var(--divkit-slider-thumb-secondary-height); left: calc(100%*var(--divkit-slider-track-secondary-part)); margin-left: calc(var(--divkit-slider-thumb-secondary-width)/-2); width: var(--divkit-slider-thumb-secondary-width); } .divkit-38304 .divkit-c5ec2 { left: auto; margin-left: 0px; margin-right: calc(var(--divkit-slider-thumb-secondary-width)/-2); right: calc(100%*var(--divkit-slider-track-secondary-part)); } .divkit-d7767 { margin-left: calc(var(--divkit-slider-max-thumb-width)/2); margin-right: calc(var(--divkit-slider-max-thumb-width)/2); } .divkit-d7767, .divkit-fd4b7 { position: relative; } .divkit-5332e { left: 0px; right: 0px; } .divkit-5332e, .divkit-5d67f { bottom: 0px; margin: auto; position: absolute; top: 0px; } .divkit-23468 { align-items: center; display: flex; height: var(--divkit-slider-thumb-height); justify-content: center; left: calc(var(--divkit-slider-text-offset-x, 0px) + 50%); position: absolute; top: calc(var(--divkit-slider-text-offset-y, 0px) + 50%); transform: translate(-50%, -50%); width: max-content; } .divkit-f2ab9 { left: calc(var(--divkit-slider-text-secondary-offset-x, 0px) + 50%); top: calc(var(--divkit-slider-text-secondary-offset-y, 0px) + 50%); } .divkit-f188a { bottom: 0px; margin: auto; position: absolute; top: 0px; } .divkit-cdb6d { background: var(--divkit-slider-tick-active-background); border-radius: var(--divkit-slider-tick-active-border-radius); box-shadow: var(--divkit-slider-tick-active-box-shadow); height: var(--divkit-slider-tick-active-height); left: calc(100%*var(--divkit-slider-tick)); margin-left: calc(var(--divkit-slider-tick-active-width)/-2); width: var(--divkit-slider-tick-active-width); } .divkit-38304 .divkit-cdb6d { left: auto; margin-left: 0px; margin-right: calc(var(--divkit-slider-tick-active-width)/-2); right: calc(100%*var(--divkit-slider-tick)); } .divkit-dbdf0 { background: var(--divkit-slider-tick-inactive-background); border-radius: var(--divkit-slider-tick-inactive-border-radius); box-shadow: var(--divkit-slider-tick-inactive-box-shadow); height: var(--divkit-slider-tick-inactive-height); left: calc(100%*var(--divkit-slider-tick)); margin-left: calc(var(--divkit-slider-tick-inactive-width)/-2); width: var(--divkit-slider-tick-inactive-width); } .divkit-38304 .divkit-dbdf0 { left: auto; margin-left: 0px; margin-right: calc(var(--divkit-slider-tick-inactive-width)/-2); right: calc(100%*var(--divkit-slider-tick)); } .divkit-49edd { display: flex; letter-spacing: 0px; line-height: var(--divkit-input-line-height); min-height: 0px; min-width: 0px; position: relative; text-align: left; } .divkit-e82eb { text-align: center; } .divkit-cfa85 { text-align: right; } .divkit-cadcd { width: 0px; } .divkit-0dfa7 { appearance: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: inherit; box-sizing: border-box; color: inherit; flex: 1 1 auto; font: inherit; letter-spacing: inherit; margin: 0px; min-width: 0px; outline-offset: -2px; padding: 0px; pointer-events: auto; white-space: pre-wrap; } .divkit-0dfa7::-webkit-inner-spin-button, .divkit-0dfa7::-webkit-outer-spin-button { display: none; } .divkit-0dfa7::placeholder { color: var(--divkit-input-hint-color,rgba(0,0,0,.45)); } .divkit-88914 { align-items: center; bottom: 0px; box-sizing: border-box; color: var(--divkit-input-hint-color,rgba(0,0,0,.45)); display: flex; height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; } .divkit-e82eb .divkit-88914 { justify-content: center; } .divkit-cfa85 .divkit-88914 { justify-content: flex-end; } .divkit-492f7 .divkit-88914 { align-items: flex-start; } .divkit-4c2c2 .divkit-88914 { align-items: flex-end; } .divkit-3545c .divkit-88914 { align-items: baseline; } .divkit-2db43 .divkit-0dfa7::selection { background: var(--divkit-input-highlight-color); } .divkit-e82eb .divkit-e1c57 { text-align: center; } .divkit-cfa85 .divkit-e1c57 { text-align: right; } .divkit-492f7 .divkit-e1c57 { align-self: flex-start; height: calc(1em*var(--divkit-input-line-height)); } .divkit-4c2c2 .divkit-e1c57 { align-self: flex-end; } .divkit-3545c .divkit-e1c57, .divkit-4c2c2 .divkit-e1c57 { height: calc(1em*var(--divkit-input-line-height)); } .divkit-20542 { border-radius: inherit; display: flex; flex: 1 1 auto; overflow: auto; } .divkit-11674 { display: flex; flex-direction: column; height: max-content; justify-content: center; min-height: 100%; } .divkit-492f7 .divkit-11674 { justify-content: flex-start; } .divkit-4c2c2 .divkit-11674 { justify-content: flex-end; } .divkit-3545c .divkit-11674 { justify-content: flex-start; } .divkit-e82eb .divkit-11674 { align-items: center; } .divkit-cfa85 .divkit-11674 { align-items: flex-end; } .divkit-26a87:focus, .divkit-26a87:focus-visible { outline: none; } .divkit-ae558 { display: flex; min-height: 0px; min-width: 0px; position: relative; } .divkit-c1610 { user-select: none; white-space: pre-wrap; } .divkit-f3d02 .divkit-c1610 { color: var(--divkit-input-hint-color); } .divkit-e7d17 { font: inherit; height: 100%; left: 0px; opacity: 0; pointer-events: auto; position: absolute; top: 0px; width: 100%; } .divkit-2e9c1:focus, .divkit-e7d17.divkit-d2243:focus-visible { outline: none; } .divkit-72083 { font: inherit; } .divkit-b382f { display: block; height: 100%; width: 100%; } .divkit-04542 { position: relative; } .divkit-2205d .divkit-b382f { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .divkit-03a3a { align-items: center; display: flex; justify-content: center; position: relative; } .divkit-adc72 { background: rgba(0, 0, 0, 0.3); border-radius: 1024px; height: 1.4em; margin: 0.3em 1em; transition: background-color 0.15s ease-in-out; width: 3em; } .divkit-385c4 { background-color: var(--divkit-switch-on-sub-color,hsla(0,0%,100%,.3)); } .divkit-3c049 .divkit-385c4, .divkit-3c049 .divkit-adc72 { background: rgba(0, 0, 0, 0.1); } .divkit-ed159 { background: rgb(236, 236, 236); border-radius: 1024px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.2em 0.4em; height: 2em; margin: -0.3em -1em; transition: transform 0.15s ease-in-out, background-color; width: 2em; } .divkit-385c4 .divkit-ed159 { background-color: var(--divkit-switch-on-color,#fff); transform: translate(3em); } .divkit-fdf07 .divkit-385c4 .divkit-ed159 { transform: translate(-3em); } .divkit-3c049 .divkit-385c4 .divkit-ed159, .divkit-3c049 .divkit-ed159 { background-color: rgb(243, 243, 243); } .divkit-f630c { appearance: none; height: 100%; left: 0px; margin: 0px; pointer-events: auto; position: absolute; top: 0px; width: 100%; } .divkit-44365 { height: 0px; width: 0px; } .divkit-44365, .divkit-e2fee { left: 0px; pointer-events: none; position: absolute; top: 0px; visibility: hidden; } .divkit-04d22 { pointer-events: auto; visibility: visible; } .divkit-e2fee > .divkit-bf0ea:not(.divkit-27458):not(.divkit-3bb57):not(.i__const_root__selectable_3) { pointer-events: none; } .divkit-00335 { height: 100%; left: 0px; pointer-events: auto; position: fixed; top: 0px; width: 100%; z-index: var(--divkit-tooltip-overlay-z-index); } .divkit-8767a { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 2px; color: rgb(0, 0, 0); left: 0px; min-width: 190px; pointer-events: none; position: absolute; top: 0px; visibility: hidden; } .divkit-7481b { pointer-events: auto; visibility: visible; } .divkit-60a10 { list-style: none; margin: 0px; padding: 0px; } .divkit-3133d.divkit-3133d { box-sizing: border-box; color: inherit; display: block; font-size: 20px; padding: 12px 16px; text-align: left; text-decoration: none; transition: 0.15s ease-in-out; width: 100%; } .divkit-6d515 .divkit-3133d.divkit-3133d:hover { background-color: rgb(221, 221, 221); opacity: 1; } .AiPhotoImprovingModal__root--35Eku.ui.tiny.modal { max-width: 100%; width: 420px; } @media only screen and (max-width: 767px) { .AiPhotoImprovingModal__root--35Eku.ui.tiny.modal > .content { padding: 0px 14px !important; } } .AiPhotoImprovingModal__content--1Uh90 { min-width: 356px; } @media only screen and (max-width: 767px) { .AiPhotoImprovingModal__content--1Uh90 { padding-bottom: 14px !important; } } .AiPhotoImprovingModal__video--2osdG { flex-shrink: 0; height: 240px; } .AiPhotoImprovingModal__descriptionLine--36SPR { align-items: center; display: flex; } .AiPhotoImprovingModal__icon--1LrMC { margin-right: 8px; } .AiPhotoImprovingModal__closeIcon--3zD1N { color: var(--vkui--color_icon_secondary); } .AiPhotoImprovingModal__text--JLk6c { font-size: var(--vkui--font_title3--font_size--compact); line-height: var(--vkui--font_title3--line_height--compact); } .AiPhotoImprovingModal__title--1avLG { font-size: var(--vkui--font_display_title1--font_size--regular); } .ui.button { align-items: center; background: var(--vkui--color_background_secondary_alpha); border-radius: 2px; box-sizing: border-box; color: var(--vkui--color_text_primary); display: inline-flex; font-family: var(--font-tt-norms); font-size: 15px; font-style: normal; font-weight: 400; height: 32px; line-height: 16px; margin: 0px; outline: none; padding: 0px 13px; transition: opacity 0.1s, background-color 0.1s, color 0.1s, box-shadow 0.1s, background 0.1s; vertical-align: middle; } .ui.button:hover { background: var(--vkui--color_background_secondary_alpha--hover); color: var(--vkui--color_text_primary--hover); } .ui.button:active { background: var(--vkui--color_background_secondary_alpha--active); color: var(--vkui--color_text_primary--active); } .ui.button:focus { background: var(--vkui--color_background_secondary_alpha--active); color: var(--vkui--color_text_primary--hover); } .Button__btn_octavius--38SD2.ui.button { align-items: center; background: var(--vkui--color_background_secondary_alpha) none; border-radius: 8px; box-shadow: none; color: var(--vkui--color_text_primary); display: flex; font-size: 15px; font-weight: 400; height: 44px; justify-content: center; margin: 0px; vertical-align: middle; } .Button__btn_octavius--38SD2.ui.button:active { background-color: var(--vkui--color_background_secondary_alpha--active); color: var(--vkui--color_text_primary--active); } .Button__btn_octavius--38SD2.ui.button:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); color: var(--vkui--color_text_primary--hover); } .Button__btn_octavius--38SD2.ui.button:focus { background-color: var(--vkui--color_background_secondary_alpha--active); color: var(--vkui--color_text_primary--hover); } .Button__btn_octavius--38SD2.ui.button.ui.disabled.button { box-shadow: none !important; } .Button__btn_octavius--38SD2.ui.button.primary { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .Button__btn_octavius--38SD2.ui.button.primary:active { background-color: var(--vkui--color_background_accent--active); } .Button__btn_octavius--38SD2.ui.button.primary:hover { background-color: var(--vkui--color_background_accent--hover); } .Button__btn_octavius--38SD2.ui.button.primary:focus { background-color: var(--vkui--color_background_accent--active); } .Button__btn_octavius--38SD2.ui.button.basic { background: transparent !important; box-shadow: none !important; } .Button__btn_vk--3dVa4.ui.button { align-items: center; background: var(--vkui--color_background_secondary) none; border-radius: 12px; box-shadow: none; color: var(--vkui--color_text_primary); display: flex; font-family: var(--font-tt-norms); font-size: 16px; font-weight: 500; height: 48px; justify-content: center; line-height: 22px; margin: 0px; vertical-align: middle; width: 100%; } .Button__btn_vk--3dVa4.ui.button:active { background-color: var(--vkui--color_background_secondary--active); color: var(--color-black-09); } .Button__btn_vk--3dVa4.ui.button:hover { background-color: var(--vkui--color_background_secondary--hover); color: var(--vkui--color_overlay_primary--active); } .Button__btn_vk--3dVa4.ui.button:focus { background-color: var(--vkui--color_background_secondary--active); color: var(--vkui--color_overlay_primary--active); } .Button__btn_vk--3dVa4.ui.button.ui.disabled.button { box-shadow: none !important; } .vkui--cloud--dark .Button__btn_vk--3dVa4.ui.button:active { color: var(--vkui--color_text_primary--active); } .vkui--cloud--dark .Button__btn_vk--3dVa4.ui.button:hover { color: var(--vkui--color_text_primary--hover); } .vkui--cloud--dark .Button__btn_vk--3dVa4.ui.button:focus { color: var(--vkui--color_text_primary--active); } .Button__btn_vk--3dVa4.ui.button.primary { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .Button__btn_vk--3dVa4.ui.button.primary:active { background-color: var(--vkui--color_background_accent--active); } .Button__btn_vk--3dVa4.ui.button.primary:hover { background-color: var(--vkui--color_background_accent--hover); } .Button__btn_vk--3dVa4.ui.button.primary:focus { background-color: var(--vkui--color_background_accent--active); } .Button__btn_vk--3dVa4.ui.button.basic { background: transparent !important; box-shadow: none !important; } .Button__btnOrange--2FRpX.ui.button { background: var(--color-blaze-orange); position: relative; z-index: 1; } .Button__btnOrange--2FRpX.ui.button:active, .Button__btnOrange--2FRpX.ui.button:focus, .Button__btnOrange--2FRpX.ui.button:hover { background: var(--color-blaze-orange); } .Button__btnOrange--2FRpX.ui.button:active::after, .Button__btnOrange--2FRpX.ui.button:focus::after, .Button__btnOrange--2FRpX.ui.button:hover::after { background: var(--vkui--color_background_tertiary_alpha); inset: 0px; content: ""; position: absolute; z-index: -1; } .Button__btnMiddle--2bf1K.ui.button { border-radius: 8px; height: 40px; padding: 0px 20px; } .Button__btnSmall--1VjHy.ui.button { border-radius: 8px; height: 36px; padding: 0px 20px; } .Button__btnBig--2hmPZ.ui.button { border-radius: 12px; height: 44px; padding: 0px 20px; } .Button__btnExtraBig--3CuNL.ui.button { border-radius: 16px; height: 56px; padding: 0px 20px; } .Button__btnSmallNarrow--1RObD.ui.button { border-radius: 8px; height: 36px; padding: 0px 12px; } .Button__btnLight--1Q-GB.ui.button { background-color: var(--rebranding_color_background-content-alternative); color: var(--rebranding_color_text-alternative); } .Button__btnLight--1Q-GB.ui.button:hover { background-color: var(--rebranding_color_background-content-alternative--hover); color: var(--rebranding_color_text-alternative); } .Button__btnLight--1Q-GB.ui.button:active { background-color: var(--rebranding_color_background-content-alternative--active); color: var(--rebranding_color_text-alternative); } .Button__btnLight--1Q-GB.ui.button:focus { background-color: var(--rebranding_color_background-content-alternative--active); color: var(--rebranding_color_text-alternative); } .Button__btnError--yovrk.ui.button { background-color: var(--vkui--color_background_negative); color: var(--vkui--color_text_contrast); } .Button__btnError--yovrk.ui.button:hover { background-color: var(--vkui--color_background_negative--hover); color: var(--vkui--color_text_contrast); } .Button__btnError--yovrk.ui.button:active { background-color: var(--vkui--color_background_negative--active); color: var(--vkui--color_text_contrast); } .Button__btnError--yovrk.ui.button:focus { background-color: var(--vkui--color_background_negative--active); color: var(--vkui--color_text_contrast); } .Button__btnFlat--3k6cl.ui.button { background: var(--vkui--color_transparent); } .Button__btnFlat--3k6cl.ui.button:active { background-color: var(--vkui--color_transparent--active) !important; } .Button__btnFlat--3k6cl.ui.button:focus { background-color: var(--vkui--color_transparent); } .Button__btnFlat--3k6cl.ui.button:hover { background-color: var(--vkui--color_transparent--hover); } .Button__btnExtraSmall--3t589.ui.button { border-radius: 8px; height: 30px; padding: 0px 16px; } .Button__btn_white--n7775.ui.button.ui.button { background-color: var(--vkui--color_background_content); border-radius: 8px; box-shadow: none; display: flex; font-weight: 700; height: 40px; justify-content: center; } .Button__btn_white--n7775.ui.button.ui.button:active, .Button__btn_white--n7775.ui.button.ui.button:focus, .Button__btn_white--n7775.ui.button.ui.button:hover { background-color: var(--vkui--color_transparent--hover); } .Button__btn_white--n7775.ui.button.ui.disabled.button { box-shadow: none !important; } .button, .ui.black.button, .ui.black.buttons { background-color: var(--vkui--color_icon_primary_invariably); background-image: none; color: var(--vkui--color_text_contrast); font-size: 15px; height: 40px; text-shadow: none; } .ui.black.button { box-shadow: rgb(199, 199, 199) 0px 0px 0px 0px inset; } .ui.black.button:hover { background-color: rgb(64, 64, 64); color: var(--vkui--color_text_contrast); text-shadow: none; } .ui.black.button:focus { background-color: rgb(71, 71, 71); color: var(--vkui--color_text_contrast); text-shadow: none; } .ui.black.button:active { background-color: rgb(77, 77, 77); color: var(--vkui--color_text_contrast); text-shadow: none; } .ui.black.active.button { background-color: rgb(38, 38, 38); color: var(--vkui--color_text_contrast); text-shadow: none; } .Button__btnContrast--FHwF0.ui.button { background-color: var(--vkui--color_background_modal); } .vkui--cloud--dark.rebranding .FloatingTooltip__root--17rHZ { filter: drop-shadow(0 0 4px color-mix(in srgb,var(--vkui--color_background_tertiary_alpha--active) 12%,transparent)) drop-shadow(0 4px 32px color-mix(in srgb,var(--vkui--color_background_tertiary_alpha--active) 40%,transparent)); } .FloatingTooltip__root--17rHZ { -webkit-font-smoothing: antialiased; border-radius: 16px; box-sizing: border-box; filter: drop-shadow(0 0 4px var(--vkui--color_background_tertiary_alpha)) drop-shadow(0 4px 32px var(--vkui--color_background_tertiary_alpha--active)); font-family: var(--vkui--font_family_accent); max-width: 80vw; min-width: 200px; z-index: 1205; } .FloatingTooltip__title--2KHTQ { font-size: 18px; font-weight: var(--vkui--font_weight_accent2); line-height: 24px; } .FloatingTooltip__text--2TX8l, .FloatingTooltip__title--2KHTQ { display: block; word-break: break-word; } .FloatingTooltip__text--2TX8l { font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_weight_base3); line-height: var(--vkui--font_headline1--line_height--regular); } .FloatingTooltip__content--2mnl2 { background-color: var(--vkui--color_background_modal); border-radius: 16px; box-sizing: border-box; color: var(--vkui--color_text_primary); cursor: default; display: flex; flex-direction: column; gap: 4px; overflow: hidden; padding: 16px; position: relative; text-align: left; user-select: none; } .FloatingTooltip__image--1PoXl { bottom: 0px; position: absolute; right: 0px; width: 90px; z-index: 0; } .FloatingTooltip__image--1PoXl img { display: block; width: 100%; } .FloatingTooltip__button--3NIzc.ui.primary.button, .FloatingTooltip__button--3NIzc.ui.secondary.button { border-radius: 8px; cursor: pointer; font-size: var(--vkui--font_text--font_size--regular); height: 36px; line-height: var(--vkui--font_paragraph--line_height--regular); margin-top: 12px; text-decoration: none; user-select: none; width: auto; } .FloatingTooltip__buttonFitContent--22tdm.ui.primary.button, .FloatingTooltip__buttonFitContent--22tdm.ui.secondary.button { width: fit-content; } .FloatingTooltip__close--3c9ke { color: var(--vkui--color_icon_secondary_alpha); cursor: pointer; right: 12px; top: 12px; z-index: 1; } .FloatingTooltip__arrow--2on1s, .FloatingTooltip__close--3c9ke { position: absolute; } .FloatingTooltip__arrow--2on1s { color: var(--vkui--color_background_modal); } .FloatingTooltip__arrow--2on1s svg { display: block; } .FloatingTooltip__root_image--3dtYH .FloatingTooltip__content--2mnl2, .FloatingTooltip__root_image--3dtYH.FloatingTooltip__root_closable--vpOF4 .FloatingTooltip__content--2mnl2 { min-height: 90px; padding-right: 95px; } .FloatingTooltip__root_closable--vpOF4 .FloatingTooltip__content--2mnl2 { padding: 16px 44px 16px 16px; } .FloatingTooltip__root_withinModal--1glk0 { z-index: 10001; } .FloatingTooltip__root_customContent--1-w2h .FloatingTooltip__content--2mnl2 { padding: 0px; } .FloatingTooltip__root_size_s--3F8HY { min-width: 188px; width: 188px; } .FloatingTooltip__root_size_m--3Bw6y { width: 288px; } .FloatingTooltip__root_size_l--1aIUa { width: 388px; } .FloatingTooltip__root_size_fit--1tsEV { min-width: fit-content; width: fit-content; } .FloatingTooltip__root_appearance_blue--2lW-u .FloatingTooltip__content--2mnl2 { background-color: var(--cloud--color_sweet_blue); color: var(--cloud--color_blue_accent_themed); } .FloatingTooltip__root_appearance_blue--2lW-u .FloatingTooltip__arrow--2on1s { color: var(--cloud--color_sweet_blue); } .FloatingTooltip__root_appearance_blueContrast--3yzWR .FloatingTooltip__content--2mnl2 { background-color: var(--cloud--color_sweet_blue); } .FloatingTooltip__root_appearance_blueContrast--3yzWR .FloatingTooltip__arrow--2on1s { color: var(--cloud--color_sweet_blue); } .FloatingTooltip__root_appearance_blueLight--3bGPc .FloatingTooltip__content--2mnl2 { background-color: rgb(188, 220, 255); color: var(--vkui--color_text_primary_invariably) !important; } .FloatingTooltip__root_appearance_blueLight--3bGPc .FloatingTooltip__arrow--2on1s { color: rgb(188, 220, 255); } .FloatingTooltip__root_appearance_blueLight--3bGPc .FloatingTooltip__close--3c9ke { color: var(--vkui--color_icon_primary_invariably) !important; } .FloatingTooltip__root_appearance_green--2Ehlf .FloatingTooltip__content--2mnl2 { background-color: var(--cloud--color_sweet_green); color: var(--cloud--color_green_accent_themed); } .FloatingTooltip__root_appearance_green--2Ehlf .FloatingTooltip__arrow--2on1s { color: var(--cloud--color_sweet_green); } .FloatingTooltip__root_appearance_orange--myVGR .FloatingTooltip__content--2mnl2 { background-color: var(--cloud--color_sweet_orange); color: var(--cloud--color_orange_accent_themed); } .FloatingTooltip__root_appearance_orange--myVGR .FloatingTooltip__arrow--2on1s { color: var(--cloud--color_sweet_orange); } .FloatingTooltip__root_appearance_purple--Ac9vB .FloatingTooltip__content--2mnl2 { background-color: var(--cloud--color_sweet_purple); color: var(--cloud--color_purple_accent_themed); } .FloatingTooltip__root_appearance_purple--Ac9vB .FloatingTooltip__arrow--2on1s { color: var(--cloud--color_sweet_purple); } .FloatingTooltip__root_appearance_white--uZkqO .FloatingTooltip__arrow--2on1s { color: var(--vkui--color_background_secondary); } .FloatingTooltip__root_appearance_white--uZkqO .FloatingTooltip__content--2mnl2 { background-color: var(--vkui--color_background_secondary); } .FloatingTooltip__root_appearance_green--2Ehlf .FloatingTooltip__button--3NIzc.ui.primary.button, .FloatingTooltip__root_appearance_orange--myVGR .FloatingTooltip__button--3NIzc.ui.primary.button, .FloatingTooltip__root_appearance_purple--Ac9vB .FloatingTooltip__button--3NIzc.ui.primary.button { background-color: var(--vkui--color_background); color: var(--vkui--color_text_primary); } .FloatingTooltip__root_appearance_green--2Ehlf .FloatingTooltip__button--3NIzc.ui.primary.button:hover, .FloatingTooltip__root_appearance_orange--myVGR .FloatingTooltip__button--3NIzc.ui.primary.button:hover, .FloatingTooltip__root_appearance_purple--Ac9vB .FloatingTooltip__button--3NIzc.ui.primary.button:hover { background-color: var(--vkui--color_skeleton_to); } .FloatingTooltip__root_appearance_green--2Ehlf .FloatingTooltip__button--3NIzc.ui.primary.button:active, .FloatingTooltip__root_appearance_green--2Ehlf .FloatingTooltip__button--3NIzc.ui.primary.button:focus, .FloatingTooltip__root_appearance_orange--myVGR .FloatingTooltip__button--3NIzc.ui.primary.button:active, .FloatingTooltip__root_appearance_orange--myVGR .FloatingTooltip__button--3NIzc.ui.primary.button:focus, .FloatingTooltip__root_appearance_purple--Ac9vB .FloatingTooltip__button--3NIzc.ui.primary.button:active, .FloatingTooltip__root_appearance_purple--Ac9vB .FloatingTooltip__button--3NIzc.ui.primary.button:focus { background-color: var(--vkui--color_background_contrast--active); } .FloatingTooltip__root_appearance_blue--2lW-u .FloatingTooltip__button--3NIzc.ui.primary.button { background-color: var(--vkui--color_background_contrast); color: var(--vkui--color_text_primary_invariably); } .FloatingTooltip__root_appearance_blue--2lW-u .FloatingTooltip__button--3NIzc.ui.primary.button:hover { background-color: var(--vkui--color_background_contrast--hover); } .FloatingTooltip__root_appearance_blue--2lW-u .FloatingTooltip__button--3NIzc.ui.primary.button:active, .FloatingTooltip__root_appearance_blue--2lW-u .FloatingTooltip__button--3NIzc.ui.primary.button:focus { background-color: var(--vkui--color_background_contrast--active); } .FloatingTooltip__root_appearance_dark--UQd-0 { box-shadow: 0 0 4px 0 var(--vkui--color_separator_primary_alpha); filter: none; } .FloatingTooltip__root_appearance_dark--UQd-0 .FloatingTooltip__content--2mnl2 { background-color: var(--vkui--color_field_background); color: var(--vkui--color_text_contrast); } .FloatingTooltip__root_appearance_dark--UQd-0 .FloatingTooltip__arrow--2on1s { color: var(--vkui--color_field_background); } .FloatingTooltip__root_appearance_dark--UQd-0 .FloatingTooltip__close--3c9ke { color: var(--vkui--color_icon_secondary); } .FloatingTooltip__root_appearance_dark--UQd-0 .FloatingTooltip__button--3NIzc.ui.primary.button { background-color: var(--vkui--color_background_contrast_secondary_alpha); color: var(--vkui--color_text_contrast); } .FloatingTooltip__root_appearance_dark--UQd-0 .FloatingTooltip__button--3NIzc.ui.primary.button:hover { background-color: var(--vkui--color_background_contrast_secondary_alpha--hover); } .FloatingTooltip__root_appearance_dark--UQd-0 .FloatingTooltip__button--3NIzc.ui.primary.button:active, .FloatingTooltip__root_appearance_dark--UQd-0 .FloatingTooltip__button--3NIzc.ui.primary.button:focus { background-color: var(--vkui--color_background_contrast_secondary_alpha--active); } .vkui--cloud--dark .FloatingTooltip__root_appearance_contrast--1dr4L .FloatingTooltip__content--2mnl2 { background-color: var(--vkui--color_background_contrast_inverse); } .vkui--cloud--dark .FloatingTooltip__root_appearance_contrast--1dr4L .FloatingTooltip__arrow--2on1s { color: var(--vkui--color_background_contrast_inverse); } .vkui--cloud--dark .FloatingTooltip__root_appearance_darkInverse--3AT2J .FloatingTooltip__content--2mnl2 { background-color: var(--vkui--cloud_color_background_profile_trash); } .vkui--cloud--dark .FloatingTooltip__root_appearance_darkInverse--3AT2J .FloatingTooltip__arrow--2on1s { color: var(--vkui--cloud_color_background_profile_trash); } .vkui--cloud--dark .FloatingTooltip__root_appearance_darkInverse--3AT2J .FloatingTooltip__close--3c9ke { color: var(--vkui--color_icon_secondary_alpha); } .FloatingTooltip__root_placement_top--2A7k5 .FloatingTooltip__arrow--2on1s { left: 50%; top: 100%; transform: translateX(-50%) rotate(-180deg); } .FloatingTooltip__root_placement_top-start--2Mo_b .FloatingTooltip__content--2mnl2 { border-bottom-left-radius: 0px; } .FloatingTooltip__root_placement_top-start--2Mo_b .FloatingTooltip__arrow--2on1s { left: 15px; top: calc(100% - 15px); transform: rotate(90deg); } .FloatingTooltip__root_placement_top-end--3EBd5 .FloatingTooltip__content--2mnl2 { border-bottom-right-radius: 0px; } .FloatingTooltip__root_placement_top-end--3EBd5 .FloatingTooltip__arrow--2on1s { right: 15px; top: calc(100% - 15px); transform: rotate(90deg) scaleY(-1); } .FloatingTooltip__root_placement_bottom--3IFfX .FloatingTooltip__arrow--2on1s { left: 50%; top: 0px; transform: translate(-50%, -100%); } .FloatingTooltip__root_placement_bottom-start--1KLnu .FloatingTooltip__content--2mnl2 { border-top-left-radius: 0px; } .FloatingTooltip__root_placement_bottom-start--1KLnu .FloatingTooltip__arrow--2on1s { left: 15px; top: -25px; transform: rotate(90deg) scaleX(-1); } .FloatingTooltip__root_placement_bottom-end--1913Y .FloatingTooltip__content--2mnl2 { border-top-right-radius: 0px; } .FloatingTooltip__root_placement_bottom-end--1913Y .FloatingTooltip__arrow--2on1s { right: 15px; top: -25px; transform: rotate(-90deg) scale(1); } .FloatingTooltip__root_placement_left--2OgAe .FloatingTooltip__arrow--2on1s { right: -45px; top: 50%; transform: translateY(-50%) rotate(90deg); } .FloatingTooltip__root_placement_left-start--2hDN_ .FloatingTooltip__content--2mnl2 { border-top-right-radius: 0px; } .FloatingTooltip__root_placement_left-start--2hDN_ .FloatingTooltip__arrow--2on1s { right: 0px; top: 0px; transform: rotate(180deg) scaleX(-1) translateX(100%); } .FloatingTooltip__root_placement_left-end--3RQHO .FloatingTooltip__content--2mnl2 { border-bottom-right-radius: 0px; } .FloatingTooltip__root_placement_left-end--3RQHO .FloatingTooltip__arrow--2on1s { right: 0px; top: 100%; transform: translate(100%, -100%); } .FloatingTooltip__root_placement_right--3vk9E .FloatingTooltip__arrow--2on1s { left: -45px; top: 50%; transform: translateY(-50%) rotate(-90deg); } .FloatingTooltip__root_placement_right-start--1Qoyz .FloatingTooltip__content--2mnl2 { border-top-left-radius: 0px; } .FloatingTooltip__root_placement_right-start--1Qoyz .FloatingTooltip__arrow--2on1s { left: 0px; top: 0px; transform: rotate(180deg) translateX(100%); } .FloatingTooltip__root_placement_right-end--2Oys7 .FloatingTooltip__content--2mnl2 { border-bottom-left-radius: 0px; } .FloatingTooltip__root_placement_right-end--2Oys7 .FloatingTooltip__arrow--2on1s { left: 0px; top: 100%; transform: translate(-100%, -100%) scaleX(-1); } .FloatingTooltip__root_no_arrow--1SHLV .FloatingTooltip__content--2mnl2 { border-radius: 16px; } .FloatingTooltip__root_overAll--2IpEL { z-index: 99999; } .FloatingTooltip__root_smallArrow--iLoMO .FloatingTooltip__arrow--2on1s { right: -22px; top: 50%; transform: translateY(-50%) rotate(90deg); } .FloatingTooltip__root_smallArrow--iLoMO .FloatingTooltip__arrow--2on1s svg { width: 40px; } .FloatingTooltip__root_belowSticky--1eeKB { z-index: 1001; } .rebranding .mobile-app-promo-tip .FloatingTooltip__title--2KHTQ { -webkit-font-smoothing: antialiased; font-family: var(--vkui--font_family_accent); } .rebranding .mobile-app-promo-tip .FloatingTooltip__content--2mnl2 { -webkit-font-smoothing: antialiased; font-size: 16px; } .rebranding .mobile-app-promo-tip .FloatingTooltip__button--3NIzc.ui.secondary.button { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .rebranding .mobile-app-promo-tip .FloatingTooltip__button--3NIzc.ui.secondary.button:active { background-color: var(--vkui--color_background_accent--active); } .rebranding .mobile-app-promo-tip .FloatingTooltip__button--3NIzc.ui.secondary.button:hover { background-color: var(--vkui--color_background_accent--hover); } .FloatingTooltip__root_rebrandingQuotaLanding--2nRQ7 { box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 4px 0px, rgba(0, 0, 0, 0.16) 0px 4px 32px 0px; } .FloatingTooltip__root_rebrandingQuotaLanding--2nRQ7 .FloatingTooltip__content--2mnl2 { color: var(--vkui--color_text_tertiary); font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 400; line-height: 22px; } .FloatingTooltip__root_rebrandingQuotaLanding--2nRQ7 .FloatingTooltip__close--3c9ke { color: var(--vkui--color_icon_secondary); right: 8px; top: 8px; } .FloatingTooltip__root_rebrandingQuotaLanding--2nRQ7.FloatingTooltip__root_appearance_dark--UQd-0 .FloatingTooltip__content--2mnl2 { background: var(--vkui--color_background_secondary); } .FloatingTooltip__root_rebrandingQuotaLanding--2nRQ7.FloatingTooltip__root_appearance_dark--UQd-0 .FloatingTooltip__arrow--2on1s { color: var(--vkui--color_background_secondary); } .AttachesFromMailTooltip__tooltip--3UZ1m { filter: none !important; left: 300px !important; } .AttachesFromMailTooltip__root--3LVI3 { display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); gap: 4px; padding: 16px; width: 268px; } .AttachesFromMailTooltip__title--f5lQ3 { font-size: 17px; font-weight: 500; line-height: 22px; padding-right: 24px; } .AttachesFromMailTooltip__text--36jsg { font-size: 15px; font-weight: 400; line-height: 20px; } .DocumentsOnboardingStepTooltip__tooltipContent--AhaKm.DocumentsOnboardingStepTooltip__tooltipContent--AhaKm { border-radius: 20px; } .DocumentsOnboardingStepTooltip__tooltipArrow--3WxRA.DocumentsOnboardingStepTooltip__tooltipArrow--3WxRA { color: var(--vkui--color_background_modal); } body.vkui--cloud--dark .DocumentsOnboardingStepTooltip__tooltipContent--AhaKm.DocumentsOnboardingStepTooltip__tooltipContent--AhaKm { background-color: var(--vkui--color_tooltip_background_blue_tint); color: var(--vkui--color_tooltip_text_blue_themed); } body.vkui--cloud--dark .DocumentsOnboardingStepTooltip__tooltipArrow--3WxRA.DocumentsOnboardingStepTooltip__tooltipArrow--3WxRA { color: var(--vkui--color_tooltip_background_blue_tint); } body.vkui--cloud--dark .DocumentsOnboardingStepTooltip__counter--2C-F- { color: var(--vkui--color_tooltip_text_blue_themed); } .DocumentsOnboardingStepTooltip__tooltipClose--2yrog { right: 12px; top: 12px; } .DocumentsOnboardingStepTooltip__root--aaCfA { box-sizing: border-box; display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); gap: 16px; padding: 16px; width: 300px; } .DocumentsOnboardingStepTooltip__root_first--VT3Mk { width: 290px; } .DocumentsOnboardingStepTooltip__progress--12kTP { align-items: center; display: flex; gap: 16px; height: 20px; } .DocumentsOnboardingStepTooltip__counter--2C-F- { color: var(--vkui--color_text_secondary); flex-shrink: 0; font-size: 14px; font-weight: 400; line-height: 20px; } .DocumentsOnboardingStepTooltip__bar--reNsl { display: flex; gap: 4px; min-width: 0px; width: 46px; } .DocumentsOnboardingStepTooltip__segment--2lxkJ { background-color: var(--vkui--color_background_secondary); border-radius: 3px; flex: 1 1 0%; height: 6px; width: 21px; } .DocumentsOnboardingStepTooltip__segment_filled--gdp8W { background-color: var(--vkui--color_background_accent); } .DocumentsOnboardingStepTooltip__title--2BBWr { font-size: 17px; font-weight: 500; line-height: 22px; max-width: 252px; white-space: pre-line; } .DocumentsOnboardingStepTooltip__buttons--3aftK { display: flex; gap: 8px; } .DocumentsOnboardingStepTooltip__button--FzCkf.DocumentsOnboardingStepTooltip__button--FzCkf.ui.button { border-radius: 8px; font-size: 14px; height: 32px; line-height: 20px; padding: 0px 18px; width: auto; } .DocumentsOnboardingTooltip__tooltipContent--13eXd.DocumentsOnboardingTooltip__tooltipContent--13eXd { background-color: var(--vkui--color_background_sky); border-radius: 20px; } .DocumentsOnboardingTooltip__tooltipArrow--3JE_T.DocumentsOnboardingTooltip__tooltipArrow--3JE_T { color: var(--vkui--color_background_sky); } body.vkui--cloud--dark .DocumentsOnboardingTooltip__tooltipContent--13eXd.DocumentsOnboardingTooltip__tooltipContent--13eXd { background-color: var(--vkui--color_tooltip_background_blue_tint); color: var(--vkui--color_tooltip_text_blue_themed); } body.vkui--cloud--dark .DocumentsOnboardingTooltip__tooltipArrow--3JE_T.DocumentsOnboardingTooltip__tooltipArrow--3JE_T { color: var(--vkui--color_tooltip_background_blue_tint); } .DocumentsOnboardingTooltip__tooltipClose--144ko { right: 12px; top: 12px; } .DocumentsOnboardingTooltip__root--HLDzt { box-sizing: border-box; font-family: var(--vkui--font_family_accent); height: 146px; overflow: hidden; padding: 16px; width: 300px; } .DocumentsOnboardingTooltip__content--N-hfY, .DocumentsOnboardingTooltip__root--HLDzt { position: relative; } .DocumentsOnboardingTooltip__content--N-hfY { align-items: flex-start; display: flex; flex-direction: column; gap: 16px; z-index: 1; } .DocumentsOnboardingTooltip__title--2qZiN { font-size: 17px; font-weight: 500; line-height: 22px; white-space: pre-line; width: 252px; } .DocumentsOnboardingTooltip__button--kxAIw.DocumentsOnboardingTooltip__button--kxAIw.ui.button { border-radius: 8px; font-size: 14px; height: 32px; line-height: 20px; padding: 0px 16px; width: auto; } .DocumentsOnboardingTooltip__image--2bNhl { bottom: 0px; height: auto; left: 172px; pointer-events: none; position: absolute; width: 128px; } .Content__notify--RA4zY { background-color: var(--vkui--color_background_content); border-radius: 20px; bottom: 16px; box-shadow: rgba(0, 16, 61, 0.2) 0px 4px 64px 0px; display: flex; flex-direction: column; left: 16px; max-height: 600px; outline: none; overflow: hidden; position: absolute; width: 320px; z-index: 1205; } .Content__notify--RA4zY .Content__close--2nrh4 { background-color: var(--vkui--color_background_secondary_alpha); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; cursor: pointer; height: 36px; opacity: 0.48; padding: 0px; position: absolute; right: 8px; top: 8px; width: 36px; } .Content__notify--RA4zY .Content__close--2nrh4:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); opacity: 0.68; } .Content__notify--RA4zY .Content__close--2nrh4:active { background-color: var(--vkui--color_background_secondary_alpha--active); opacity: 0.68; } .Content__notify--RA4zY .Content__close--2nrh4 > svg { color: var(--vkui--color_icon_primary); vertical-align: middle; } .Content__notify--RA4zY .Content__image--1r2Yw { width: 100%; } .Content__notify--RA4zY .Content__content--1HwCQ { padding: 24px; } .Content__notify--RA4zY .Content__content--1HwCQ .Content__headline--3X7Ip { font-size: var(--vkui--font_title1--font_size--compact); font-weight: var(--vkui--font_title1--font_weight--compact); line-height: var(--vkui--font_title1--line_height--compact); margin-bottom: 8px; } .Content__notify--RA4zY .Content__content--1HwCQ .Content__text--VcoWS { font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--compact); line-height: var(--vkui--font_text--line_height--compact); margin-bottom: 20px; } .Content__notify--RA4zY .Content__content--1HwCQ .Content__button--sVEPD { height: 36px; } .FamilyAddButtonTooltip__root--A_63Y { box-sizing: border-box; color: var(--vkui--color_text_primary); gap: var(--vkui--x3); padding: var(--vkui--x4); width: 310px; } .FamilyAddButtonTooltip__root--A_63Y, .FamilyAddButtonTooltip__textBlock--3AlSz { display: flex; flex-direction: column; } .FamilyAddButtonTooltip__textBlock--3AlSz { gap: var(--vkui--x1); width: 250px; } .FamilyAddButtonTooltip__title--LcNK1 { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .FamilyAddButtonTooltip__text--2jsRj { font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); } .FamilyAddButtonTooltip__button--Ygc7e { width: fit-content; } .FamilyAddButtonTooltip__image--1olZP { border-bottom-right-radius: var(--vkui--x4); bottom: 0px; display: block; overflow: hidden; position: absolute; right: 0px; width: 128px; } .FamilyFreemiumFeaturesTooltip__root--z6tkk { box-sizing: border-box; color: var(--vkui--color_text_primary); gap: var(--vkui--x4); padding: var(--vkui--x4); width: 330px; } .FamilyFreemiumFeaturesTooltip__root--z6tkk, .FamilyFreemiumFeaturesTooltip__textBlock--3V67w { display: flex; flex-direction: column; } .FamilyFreemiumFeaturesTooltip__textBlock--3V67w { gap: var(--vkui--x2); width: 285px; } .FamilyFreemiumFeaturesTooltip__title--11tnB { font-size: var(--vkui--font_title3--font_size--compact); font-weight: var(--vkui--font_title3--font_weight--compact); line-height: var(--vkui--font_title3--line_height--compact); } .FamilyFreemiumFeaturesTooltip__text--1IUEC { font-size: 14px; line-height: 22px; } .FamilyFreemiumFeaturesTooltip__button--2CkIK { width: fit-content; } .FamilyFreemiumFeaturesTooltip__image--2rjVl { border-bottom-right-radius: var(--vkui--x4); bottom: 0px; display: block; overflow: hidden; position: absolute; right: 0px; width: 133px; } .FamilySettingsStackTooltip__root--N1p7T { box-sizing: border-box; color: var(--vkui--color_text_primary); gap: var(--vkui--x4); padding: var(--vkui--x4); width: 350px; } .FamilySettingsStackTooltip__root--N1p7T, .FamilySettingsStackTooltip__textBlock--137co { display: flex; flex-direction: column; } .FamilySettingsStackTooltip__textBlock--137co { gap: var(--vkui--x2); width: 285px; } .FamilySettingsStackTooltip__title--6r8BV { font-size: var(--vkui--font_title3--font_size--compact); font-weight: var(--vkui--font_title3--font_weight--compact); line-height: var(--vkui--font_title3--line_height--compact); } .FamilySettingsStackTooltip__text--3vUxD { font-size: var(--vkui--font_text--font_size--regular); line-height: 22px; } .FamilySettingsStackTooltip__button--2sBCz { width: fit-content; } .FamilySettingsStackTooltip__image--xStKE { border-bottom-right-radius: var(--vkui--x4); bottom: 0px; display: block; overflow: hidden; position: absolute; right: 0px; width: 133px; } .FreemiumRenewalPromoinfo__wrapper--21jWJ { flex-shrink: 0; padding: 4px 4px 0px; } .FreemiumRenewalPromoinfo__banner--oPT36 { align-items: center; border-radius: 8px; color: var(--vkui--color_text_primary); display: flex; gap: 8px; isolation: isolate; padding: 16px; position: relative; } .FreemiumRenewalPromoinfo__banner--oPT36::before { background: var(--vkui--color_background_accent); border-radius: inherit; inset: 0px; content: ""; opacity: 0.1; position: absolute; z-index: -1; } .FreemiumRenewalPromoinfo__icon--1lhD_ { align-self: flex-start; color: var(--vkui--color_icon_accent); flex-shrink: 0; } .FreemiumRenewalPromoinfo__content--1X8kk { flex: 1 1 0%; min-width: 0px; } .FreemiumRenewalPromoinfo__title--1PYV2 { font-family: var(--font_family--vk_sans_display); font-size: 17px; font-weight: 500; line-height: 22px; } .FreemiumRenewalPromoinfo__description--rKuzG { font-family: Arial, sans-serif; font-size: 15px; line-height: 20px; margin-top: 4px; } .FreemiumRenewalPromoinfo__button--3cm-P.ui.button { border-radius: 8px; flex-shrink: 0; font-family: var(--font_family--vk_sans_display); font-size: 15px; font-weight: 500; line-height: 20px; margin: 0px; min-width: 0px; padding: 8px 16px; width: auto; } .FreemiumRenewalPromoinfo__wrapper--21jWJ:not(.FreemiumRenewalPromoinfo__mobile--3r7B2) .FreemiumRenewalPromoinfo__button--3cm-P.ui.button { color: var(--vkui--color_text_link); } .FreemiumRenewalPromoinfo__close--31Cg9 { background: transparent; border: 0px; color: var(--vkui--color_icon_secondary); cursor: pointer; display: flex; padding: 12px; position: absolute; right: 0px; top: 0px; } .FreemiumRenewalPromoinfo__mobile--3r7B2 { padding: 20px 20px 12px; } .FreemiumRenewalPromoinfo__mobile--3r7B2 .FreemiumRenewalPromoinfo__banner--oPT36 { align-items: flex-start; border-radius: 20px; flex-direction: column; gap: 16px; } .FreemiumRenewalPromoinfo__mobile--3r7B2 .FreemiumRenewalPromoinfo__title--1PYV2 { padding-right: 24px; } .FreemiumRenewalPromoinfo__mobile--3r7B2 .FreemiumRenewalPromoinfo__description--rKuzG { font-family: var(--vkui--font_family_base); font-size: 14px; margin-top: 8px; } .FreemiumActivationPromoinfo__banner--1VTmj.FreemiumActivationPromoinfo__banner--1VTmj { background-color: var(--vkui--color_background_warning_tint_alpha); } .FreemiumActivationPromoinfo__banner--1VTmj.FreemiumActivationPromoinfo__banner--1VTmj::before { display: none; } .FreemiumActivationPromoinfo__icon--2fOWC.FreemiumActivationPromoinfo__icon--2fOWC { color: var(--vkui--color_icon_warning); } .FreemiumActivationPromoinfo__wrapper--1hLEr.FreemiumActivationPromoinfo__wrapper--1hLEr .FreemiumActivationPromoinfo__button--1TIYP.ui.button { background-color: var(--vkui--color_background_contrast); color: var(--vkui--color_text_primary_invariably); } .FreemiumActivationPromoinfo__wrapper--1hLEr.FreemiumActivationPromoinfo__mobile--23Wzu { padding: 12px; } .FreemiumActivationPromoinfo__wrapper--1hLEr.FreemiumActivationPromoinfo__mobile--23Wzu .FreemiumActivationPromoinfo__title--3vPez { font-size: 18px; line-height: 26px; } .FreemiumActivationPromoinfo__wrapper--1hLEr.FreemiumActivationPromoinfo__mobile--23Wzu .FreemiumActivationPromoinfo__description--j6JYc { font-family: Arial, sans-serif; font-size: 15px; line-height: 20px; } .FamilySpaceToEachWelcomeTooltip__rootWrapper--1J6Zc { --cloud--color_sweet_blue: var(--vkui--color_background_accent); --vkui--color_text_tertiary: var(--vkui--color_text_contrast); transform: rotate(-6deg); z-index: 11; } .FamilySpaceToEachWelcomeTooltip__rootWrapper--1J6Zc .FamilySpaceToEachWelcomeTooltip__arrow_hidden--_eX1x { display: none; } .FamilySpaceToEachWelcomeTooltip__rootWrapper--1J6Zc .FamilySpaceToEachWelcomeTooltip__content--17NpD { border-radius: 20px; overflow: visible; } .FamilySpaceToEachWelcomeTooltip__rootWrapper--1J6Zc .FamilySpaceToEachWelcomeTooltip__close--1z9zR { --vkui--color_icon_secondary: var(--vkui--color_icon_tertiary_alpha); } .FamilySpaceToEachWelcomeTooltip__text--3_BzR { --vkui--font_text--line_height--compact: 18px; border: 2px solid var(--vkui--color_stroke_contrast); border-radius: 20px; padding: 12px 26px 13px 16px; white-space: pre-wrap; width: 142px; } .FamilySpaceToEachWelcomeTooltip__arrow--ICLDw { inset: -61px -52px auto auto; position: absolute; } .PdfAutosavePromo__tooltip--2l0Kz { font-family: var(--font-tt-norms); font-style: normal; line-height: 24px; } .PdfAutosavePromo__tooltipTitle--bqH5L { font-size: 18px; font-weight: 500; padding: 16px 20px 6px; } .PdfAutosavePromo__tooltipText--CEGte { font-size: 16px; font-weight: 400; padding: 0px 20px 16px; } .PdfWorkWithPagesPromo__tip--3svp0 { font-family: var(--font-tt-norms); width: 374px; } .PdfWorkWithPagesPromo__tip--3svp0::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/tooltip/a67726e1d21fc1a8a049.svg") 100% 100% no-repeat; border-radius: 16px; content: ""; height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; } .PdfWorkWithPagesPromo__tip--3svp0 .PdfWorkWithPagesPromo__text--3SVIc { font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); } .PdfWorkWithPagesPromo__tip--3svp0 .ui.secondary.button { background: var(--cloud--color_background_header_icon) none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 129px; } .TouchNavigationPromo__root--2sojp { align-items: center; bottom: calc(var(--touch-tabbar-height, 0px) + 8px); display: flex; flex-direction: column; left: 50%; position: fixed; transform: translateX(-50%); z-index: 11; } .TouchNavigationPromo__body--3t9nO { background: var(--vkui--color_background_modal); border-radius: 16px; box-shadow: var(--vkui--elevation3); box-sizing: border-box; max-width: calc(-32px + 100vw); padding: 16px 110px 16px 16px; position: relative; width: 257px; } .TouchNavigationPromo__text--Q7XI1 { color: var(--vkui--color_text_primary); font-size: 14px; line-height: 18px; padding-right: 8px; } .TouchNavigationPromo__image--3Cgc4 { bottom: 0px; display: block; right: 0px; } .TouchNavigationPromo__close--2L9Ue, .TouchNavigationPromo__image--3Cgc4 { position: absolute; } .TouchNavigationPromo__close--2L9Ue { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--vkui--color_icon_secondary_alpha); cursor: pointer; display: flex; padding: 0px; right: 6px; top: 6px; } .TouchNavigationPromo__arrow--3qgjk { color: var(--vkui--color_background_modal); display: block; transform: rotate(180deg); } .WebPushNotifyPromo__target--ua6cH { left: 28px; position: fixed; top: 16px; } .WebPushNotifyPromo__content--1B0cZ { box-sizing: border-box; display: flex; flex-direction: column; padding: 20px 32px 20px 20px; width: 344px; } .WebPushNotifyPromo__text--2y0-4 { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_paragraph--font_size--regular); margin-bottom: 12px; } .WebPushNotifyPromo__buttons--1UwMa { display: flex; gap: 8px; } .WebPushNotifyPromo__tooltip--1H75t { max-width: 100vw; transform: translateX(-50%); left: 50% !important; } .index__divkitHide--2v-xh { opacity: 0; pointer-events: none; } .index__divkit--3GZFX { font-family: var(--vkui--font_family_accent,VKSansDisplay,MailSans,Helvetica,Arial,sans-serif); position: absolute; z-index: 1206; } .ButtonLink__root--1ZLGC.ui.button { font-family: var(--font-inter); vertical-align: initial; } .ButtonLink__root--1ZLGC.ui.button, .ButtonLink__root--1ZLGC.ui.button:active, .ButtonLink__root--1ZLGC.ui.button:focus, .ButtonLink__root--1ZLGC.ui.button:hover { background: transparent !important; box-shadow: none !important; color: var(--vkui--color_text_secondary) !important; } .ButtonLink__root--1ZLGC.ui.button.basic { height: auto; padding: 0px; } .ButtonLink__root_inline--Cyn4Y { display: inline; } .ButtonLink__root_underline--1wNRs.ui.button { text-decoration: underline; } .ButtonLink__hoverUnderline--2nXcH:hover { text-decoration: underline; } .ButtonLink__text--3PFM5 { text-decoration: none; } .ButtonLink__root--1ZLGC.ui.button.primary, .ButtonLink__root--1ZLGC.ui.button.primary:active, .ButtonLink__root--1ZLGC.ui.button.primary:focus, .ButtonLink__root--1ZLGC.ui.button.primary:hover { box-shadow: none !important; color: var(--vkui--color_text_link) !important; } .ButtonLink__fontInherit--ySOVp.ui.button { font-size: inherit; line-height: inherit; } .Loader__root--O2cuv > .ui.loader.active::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 64 64'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h32v32H0z'/%3E%3Cmask id='b'%3E%3Cuse fill='%23020202' xlink:href='%23a' transform='rotate(-146 32 32)'/%3E%3Cuse fill='%230A0A0A' xlink:href='%23a' transform='rotate(-138 32 32)'/%3E%3Cuse fill='%23131313' xlink:href='%23a' transform='rotate(-130 32 32)'/%3E%3Cuse fill='%231B1B1B' xlink:href='%23a' transform='rotate(-122 32 32)'/%3E%3Cuse fill='%23242424' xlink:href='%23a' transform='rotate(-114 32 32)'/%3E%3Cuse fill='%232C2C2C' xlink:href='%23a' transform='rotate(-106 32 32)'/%3E%3Cuse fill='%23353535' xlink:href='%23a' transform='rotate(-98 32 32)'/%3E%3Cuse fill='%233D3D3D' xlink:href='%23a' transform='rotate(-90 32 32)'/%3E%3Cuse fill='%23464646' xlink:href='%23a' transform='rotate(-82 32 32)'/%3E%3Cuse fill='%234E4E4E' xlink:href='%23a' transform='rotate(-74 32 32)'/%3E%3Cuse fill='%23575757' xlink:href='%23a' transform='rotate(-66 32 32)'/%3E%3Cuse fill='%235F5F5F' xlink:href='%23a' transform='rotate(-58 32 32)'/%3E%3Cuse fill='%23686868' xlink:href='%23a' transform='rotate(-50 32 32)'/%3E%3Cuse fill='%23707070' xlink:href='%23a' transform='rotate(-42 32 32)'/%3E%3Cuse fill='%23797979' xlink:href='%23a' transform='rotate(-34 32 32)'/%3E%3Cuse fill='%23818181' xlink:href='%23a' transform='rotate(-26 32 32)'/%3E%3Cuse fill='%238A8A8A' xlink:href='%23a' transform='rotate(-18 32 32)'/%3E%3Cuse fill='%23929292' xlink:href='%23a' transform='rotate(-10 32 32)'/%3E%3Cuse fill='%239B9B9B' xlink:href='%23a' transform='rotate(-2 32 32)'/%3E%3Cuse fill='%23A3A3A3' xlink:href='%23a' transform='rotate(6 32 32)'/%3E%3Cuse fill='%23ACACAC' xlink:href='%23a' transform='rotate(14 32 32)'/%3E%3Cuse fill='%23B4B4B4' xlink:href='%23a' transform='rotate(22 32 32)'/%3E%3Cuse fill='%23BDBDBD' xlink:href='%23a' transform='rotate(30 32 32)'/%3E%3Cuse fill='%23C5C5C5' xlink:href='%23a' transform='rotate(38 32 32)'/%3E%3Cuse fill='%23CECECE' xlink:href='%23a' transform='rotate(46 32 32)'/%3E%3Cuse fill='%23D6D6D6' xlink:href='%23a' transform='rotate(54 32 32)'/%3E%3Cuse fill='%23DFDFDF' xlink:href='%23a' transform='rotate(62 32 32)'/%3E%3Cuse fill='%23E7E7E7' xlink:href='%23a' transform='rotate(70 32 32)'/%3E%3Cuse fill='%23F0F0F0' xlink:href='%23a' transform='rotate(78 32 32)'/%3E%3Cuse fill='%23F8F8F8' xlink:href='%23a' transform='rotate(86 32 32)'/%3E%3C/mask%3E%3C/defs%3E%3Cpath fill='%23005bd1' d='M54.6 47.6c-2-2-5-2-7 0a22 22 0 0 1-31.2-31.1c4.6-5.6-3.2-10.7-7-7a32.2 32.2 0 0 0 0 45.2 32.2 32.2 0 0 0 45.3 0c2-2 2-5 0-7zM32 54c-12.1 0-22-9.9-22-22s9.9-22 22-22c2.8 0 5-2.2 5-5s-2.2-5-5-5C14.4 0 0 14.4 0 32s14.4 32 32 32c7.2-.7 5.3-9.8 0-10z' mask='url(%23b)'/%3E%3C/svg%3E"); border-width: medium; border-style: none; border-color: transparent currentcolor currentcolor; border-image: none; height: 48px; width: 48px; } .Loader__root--O2cuv > .ui.loader.active::before { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; } .Loader__root--O2cuv.Loader__centered--cCYIS { left: 50%; margin-top: 20px; position: fixed; top: 50%; transform: translate(-50%, -50%); } .Loader__root--O2cuv.Loader__modal--1l3xW { height: 100%; position: absolute; width: 100%; } .Content__root--25OCJ { align-items: center; background: var(--vkui--color_background); box-sizing: border-box; display: flex; flex-direction: column; margin: 0px auto; max-width: 420px; padding: 20px 20px 10px; text-align: center; } .Content__root_page--5zbg8 { margin-top: 30px; padding-bottom: 0px; position: fixed; } .Content__root_modal--1FouX, .Content__root_page--5zbg8 { left: 50%; top: 50%; transform: translate(-50%, -50%); } .Content__root_modal--1FouX { padding-top: 0px; position: absolute; width: 100%; } .Content__root_mobile--3R99X { background: transparent; } .Content__root_mobile--3R99X .Content__retry--ZAJxV { margin-top: 16px; } .Content__title--K_apx { color: var(--vkui--color_text_primary); font-size: 24px; margin-bottom: 20px; } .Content__icon--ltG0h { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iODQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg3IDg0SDljLTQuOTY4IDAtOS00LjAzMi05LTlhOC45MyA4LjkzIDAgMCAxIDEuMzE0LTQuNjhMNDEuNDEyIDMuODY0QTcuNTU4IDcuNTU4IDAgMCAxIDQ4IDBhNy41NTYgNy41NTYgMCAwIDEgNi45NDggNC41OTZsMzkuNzA4IDY1LjY3QTguOTY0IDguOTY0IDAgMCAxIDk2IDc1YzAgNC45NjgtNC4wMzIgOS05IDlaTTU0IDY2YzAtMy4zMTItMi42ODgtNi02LTZzLTYgMi42ODgtNiA2IDIuNjg4IDYgNiA2IDYtMi42ODggNi02Wm0wLTM2YzAtMy4zMTItMi42ODgtNi02LTZzLTYgMi42ODgtNiA2djE4YzAgMy4zMTIgMi42ODggNiA2IDZzNi0yLjY4OCA2LTZWMzBaIiBmaWxsPSIjREVERURFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=") 50% center no-repeat; height: 84px; margin-bottom: 16px; width: 96px; } .Content__description--3Dcu5, .Content__text--3Aznj { color: var(--vkui--color_text_primary); font-size: var(--vkui--font_text--font_size--regular); line-height: 20px; } .Content__description--3Dcu5 { margin-top: 6px; } .Content__retry--ZAJxV { margin-top: 5px; } .Content__prerender--1M80D { display: flex; flex: 1 1 0%; flex-direction: column; } .Content__prerender_loading--2ytxa { left: -9999px; opacity: 0; position: absolute; top: -9999px; } .Content__container--1b1BC.Content__flex--fUiOS { display: flex; flex-direction: column; flex-grow: 1; } .Content__container--1b1BC.Content__grid--3UNXU { display: grid; flex-grow: 1; grid-auto-flow: column; grid-template-areas: var(--grid-areas,none); grid-template-columns: var(--grid-template-columns,unset); grid-template-rows: var(--grid-template-rows,unset); } .Content__container--1b1BC.Content__grid--3UNXU.Content__responsive--1_36W { grid-template-areas: "toolbar rightpanel" "main rightpanel"; } .Content__container--1b1BC.Content__grid--3UNXU.Content__responsive--1_36W.Content__container_new_portal_header--26ZcP { grid-template-areas: "main rightpanel"; grid-template-rows: minmax(0px, 1fr); } .Content__root_theme_light--cr5wO.Content__root_modal--1FouX { background: var(--cloud--color_background_white); } .Content__root_theme_light--cr5wO.Content__root_modal--1FouX .Content__description--3Dcu5, .Content__root_theme_light--cr5wO.Content__root_modal--1FouX .Content__text--3Aznj { color: var(--cloud-color_text_default); } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .vkui--cloud--dark.rebranding .Dialog__root--2WO7u.modal.ui { box-shadow: none; } .vkui--cloud--dark.rebranding .Dialog__root_withBottomContent--qmNaR .Dialog__complexCContentItemContainer--2yRgL { box-shadow: none; } .Dialog__root--2WO7u.modal.ui { animation: auto ease 0s 1 normal none running none; background-color: var(--vkui--color_background_modal); border-radius: 12px; box-shadow: var(--vkui--elevation4); font-size: 15px; overflow: hidden; z-index: 100000; } .Dialog__root--2WO7u.modal.ui > .content { background-color: var(--vkui--color_background_modal); box-shadow: none; color: inherit; padding: 0px 32px; width: auto; } .Dialog__root--2WO7u.modal.ui > .header { background-color: var(--vkui--color_background_modal); border-bottom: 0px; color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 24px; font-weight: 400; margin-right: 40px; padding: 24px 32px 12px; } @media (max-width: 900px) { .Dialog__root--2WO7u.modal.ui > .header { padding: 24px 32px 40px !important; } .Dialog__root--2WO7u.modal.ui > .header { font-size: 18px; } } .Dialog__root--2WO7u.modal.ui > .actions { padding: 24px 32px 32px !important; } .Dialog__root--2WO7u.modal.ui > .actions { background: var(--vkui--color_background_modal); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .Dialog__root--2WO7u.modal.ui.small { width: 420px; } @media (max-width: 500px) { .Dialog__root--2WO7u.modal.ui.small { width: 100vw; } } .Dialog__root--2WO7u.modal.ui.large { width: 680px; } @media only screen and (max-width: 767px) { .Dialog__root_responsive--2YuSc.modal.ui > .content { padding: 0 var(--vkui--size_popup_base_padding--compact) !important; } } @media (max-width: 900px) { .Dialog__root_responsive--2YuSc.modal.ui > .header { padding: var(--vkui--x6) var(--vkui--size_popup_base_padding--compact) var(--vkui--x2) !important; } } @media (max-width: 1024px) { .Dialog__root_responsive--2YuSc.modal.ui.small { max-width: 420px; width: calc(100% - var(--vkui--x5)); } } @media (max-width: 1024px) { .Dialog__root_responsive--2YuSc.modal.ui.large { max-width: 680px; width: calc(100% - var(--vkui--x5)); } } .Dialog__root_tutoria--zU9gv.modal.ui > .content { padding: 0px 32px !important; } .Dialog__root_tutoria--zU9gv.modal.ui > .header { padding: 24px 32px 8px !important; } body.dimmed.dimmable { overflow: auto; } .ui.modals.dimmer { animation: auto ease 0s 1 normal none running none !important; } .ui.modals.dimmer { background-color: var(--vkui--color_overlay_primary); box-sizing: border-box; perspective: none; transform: translateZ(0px); z-index: 10000; } @media screen and (max-width: 768px) { .ui.modals.dimmer { overflow-x: auto; } } .Dialog__root--2WO7u.ui.larger.modal { width: 830px; } .Dialog__root--2WO7u.ui.middle.modal { width: 512px; } .Dialog__root--2WO7u.ui.average.modal { width: 545px; } .Dialog__root_sidebar--ajVXC.ui.modal { flex-direction: row; } .Dialog__root_mobile--1c6iz.ui.modal { margin: 0px !important; } .Dialog__root_mobile--1c6iz.ui.modal { height: 100%; left: 0px; overflow: auto; position: fixed; top: 0px; transform-origin: initial; transition: none; width: 100%; z-index: 1; } @supports (bottom:env(safe-area-inset-top)) { .Dialog__root_mobile--1c6iz.ui.modal { height: calc(100vh - env(safe-area-inset-top)); top: env(safe-area-inset-top); } } @supports (bottom:constant(safe-area-inset-top)) { .Dialog__root_mobile--1c6iz.ui.modal { } } .Dialog__root_mobile--1c6iz.ui.modal > .content { padding: 0px !important; } .Dialog__root_mobile--1c6iz.ui.modal > .header { padding: 16px 16px 20px !important; } .Dialog__root_mobile--1c6iz.ui.modal > .header { font-size: 22px; font-weight: 400; line-height: 29px; white-space: pre-line; } .Dialog__root_mobile--1c6iz.ui.larger.modal { margin: 0px; width: 100%; } .Dialog__root_frame_vkpay--dio4z.ui.modal { display: flex !important; } .Dialog__root_frame_vkpay--dio4z.ui.modal { flex-direction: column; width: 830px; } @media (max-width: 900px) { .Dialog__root_frame_vkpay--dio4z.ui.modal { border-radius: 0px; height: 100vh; overflow: scroll auto; width: 100vw; } } .Dialog__root_frame_vkpay--dio4z.ui.modal .content { padding: 0px !important; } .Dialog__root_frame_vkpay--dio4z.ui.modal .content { box-shadow: none; display: flex; flex-grow: 1; max-height: none; position: relative; width: auto; } .Dialog__root_frame--2Ll2p.ui.modal { display: flex !important; } .Dialog__root_frame--2Ll2p.ui.modal { flex-direction: column; } @media (max-width: 500px) { .Dialog__root_frame--2Ll2p.ui.modal { border-radius: 0px; height: 100vh; overflow: scroll auto; } } .Dialog__root_frame--2Ll2p.ui.modal .content { box-shadow: none; display: flex; flex-grow: 1; max-height: none; padding: 0px; position: relative; width: auto; } @media (max-width: 767px) { .Dialog__root_frame--2Ll2p.ui.modal .content { padding: 0px !important; } } .Dialog__root_enterModal--jy7HU.ui.modal { border-radius: 34px; width: 300px; } @media (min-width: 700px) { .Dialog__root_enterModal--jy7HU.ui.modal { width: 680px; } } @media (min-width: 1024px) { .Dialog__root_enterModal--jy7HU.ui.modal { width: 784px; } } .Dialog__closeIcon--3tJZO { color: var(--vkui--color_text_primary); } .Dialog__root_whiteCloseIcon--3ZdVq .Dialog__closeIcon--3tJZO { color: var(--vkui--color_text_contrast); } .Dialog__root_whiteCloseIcon--3ZdVq .Dialog__close--1rKyk { background-color: var(--vkui--color_background_contrast_secondary_alpha); } .Dialog__root_whiteCloseIcon--3ZdVq .Dialog__close--1rKyk:hover { background-color: var(--vkui--color_background_contrast_secondary_alpha--active); } .Dialog__root_whiteCloseIcon--3ZdVq .Dialog__close--1rKyk:active, .Dialog__root_whiteCloseIcon--3ZdVq .Dialog__close--1rKyk:focus { background-color: var(--color-back-white-1--middle); } .Dialog__root_octavius--3Qoz5.ui.modal { border-radius: 20px; box-shadow: var(--vkui--elevation3); } .Dialog__root_octavius--3Qoz5.ui.modal.small { max-width: 360px; } .Dialog__root_dark--3sSMe.ui.modal { color: var(--vkui--color_text_contrast); font-family: var(--font-tt-norms); width: 545px; } .Dialog__root_selectFolders--3vz3g.ui.modal { border-radius: 12px; box-shadow: var(--vkui--elevation3); width: 460px; } .Dialog__root_selectFolders--3vz3g.ui.modal > .content { padding: 0px; } .Dialog__root_selectFolders--3vz3g.ui.modal > .header { font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); } .Dialog__root_selectFolders--3vz3g.ui.modal > .actions { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; padding: 16px 20px 20px; } .Dialog__root_grayBackground--2clt6.ui.modal { background: var(--color-gray-snow); } .Dialog__root_grayBackground--2clt6.ui.modal > .content, .Dialog__root_grayBackground--2clt6.ui.modal > .header { background: var(--color-gray-snow); } .vkui--cloud--dark .Dialog__root_grayBackground--2clt6.ui.modal { background: var(--vkui--color_background_modal); } .vkui--cloud--dark .Dialog__root_grayBackground--2clt6.ui.modal > .content, .vkui--cloud--dark .Dialog__root_grayBackground--2clt6.ui.modal > .header { background: var(--vkui--color_background_modal); } .Dialog__root_dark--3sSMe.ui.modal { background-color: var(--vkui--color_background_modal--dark); } .Dialog__root_dark--3sSMe.ui.modal > .actions, .Dialog__root_dark--3sSMe.ui.modal > .content, .Dialog__root_dark--3sSMe.ui.modal > .header { background-color: var(--vkui--color_background_modal--dark); color: var(--vkui--color_text_contrast); } .Dialog__root_dark--3sSMe .Dialog__close--1rKyk:hover .Dialog__closeIcon--3tJZO { color: var(--vkui--color_background_contrast_secondary_alpha--active); } .Dialog__root_dark--3sSMe .Dialog__close--1rKyk .Dialog__closeIcon--3tJZO { color: var(--vkui--color_text_contrast); } .Dialog__close--1rKyk { align-items: center; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 8px; top: 8px; transition: background-color 0.3s; width: 40px; z-index: 2; border-radius: 8px !important; } .Dialog__close--1rKyk:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .Dialog__close--1rKyk:active, .Dialog__close--1rKyk:focus { background-color: var(--vkui--color_background_secondary_alpha--active); } .Dialog__root_bigCloseIcon--38MG_ .Dialog__close--1rKyk { height: 48px; width: 48px; border-radius: 12px !important; } .Dialog__header--29kVt { overflow-wrap: break-word; font-family: var(--font-tt-norms); font-size: 24px; font-weight: 400; height: auto; line-height: 28px; padding: 20px; text-align: left; text-overflow: ellipsis; user-select: text; } .Dialog__header_octavius--16O-V { letter-spacing: 0.5px; text-transform: uppercase; white-space: nowrap; font-size: 10px !important; font-weight: 700 !important; line-height: 20px !important; margin-right: 0px !important; padding-bottom: 16px !important; padding-right: 20px !important; } .Dialog__headerSidebar--2gfdn { padding-bottom: 8px; } .Dialog__main--2MJI9 { flex: 1 1 0%; } .vkui--cloud--dark .Dialog__root_onlyWhite--2gUxX .Dialog__close--1rKyk { color: var(--cloud-color_text_default); } .vkui--cloud--dark .Dialog__root_onlyWhite--2gUxX .Dialog__close--1rKyk .Dialog__closeIcon--3tJZO { color: var(--cloud-color_text_default); } .vkui--cloud--dark .Dialog__root_onlyWhite--2gUxX.modal.ui { background-color: var(--cloud--color_background_white); color: var(--cloud-color_text_default); } .vkui--cloud--dark .Dialog__root_onlyWhite--2gUxX.modal.ui > .actions, .vkui--cloud--dark .Dialog__root_onlyWhite--2gUxX.modal.ui > .content, .vkui--cloud--dark .Dialog__root_onlyWhite--2gUxX.modal.ui > .header { background-color: var(--cloud--color_background_white); color: var(--cloud-color_text_default); } .ui.modals.dimmer.visible.transition { display: flex !important; } .Dialog__root_rebrandingQuotaLanding--xPGZX .Dialog__closeIcon--3tJZO { color: var(--vkui--color_icon_secondary); } .Dialog__root_rebrandingQuotaLanding--xPGZX.modal.ui { background-color: var(--vkui--color_background_modal); } .Dialog__root_rebrandingQuotaLanding--xPGZX.modal.ui > .actions, .Dialog__root_rebrandingQuotaLanding--xPGZX.modal.ui > .content, .Dialog__root_rebrandingQuotaLanding--xPGZX.modal.ui > .header { background-color: var(--vkui--color_background_modal); } .Dialog__root_withBottomContent--qmNaR.modal.ui { background-color: initial !important; border-radius: 0px !important; box-shadow: none !important; overflow: visible !important; padding: 0px !important; } .Dialog__root_withBottomContent--qmNaR .Dialog__complexContentContainer--2-KT5 { display: flex; flex-direction: column; gap: 10px; } .Dialog__root_withBottomContent--qmNaR .Dialog__complexContentContainer--2-KT5 .Dialog__complexContentItemContainer--192jK { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background_modal) !important; border-radius: 12px !important; box-shadow: var(--vkui--elevation4) !important; padding: 24px 32px !important; } #react-modals.preventStack > .ui.modals.dimmer:not(:last-child) { opacity: 0 !important; } .SwipingDownComponent__root--3GpuP { height: 100%; width: 100%; } .MobileDialog__root--fBkLu { -webkit-font-smoothing: antialiased; bottom: 0px; left: 0px; padding-bottom: 0px; position: fixed; right: 0px; text-align: center; z-index: 2; } .MobileDialog__root_aboveTabBar--1IAX0 { bottom: var(--touch-tabbar-height,0); } .MobileDialog__root_mobileV1--1m3hH .MobileDialog__content--1QSLy { border-top-left-radius: 24px; border-top-right-radius: 24px; } @supports (padding-left:constant(safe-area-inset-bottom)) { .MobileDialog__root_mobileV1--1m3hH .MobileDialog__content--1QSLy { } } @supports (padding-left:env(safe-area-inset-bottom)) { .MobileDialog__root_mobileV1--1m3hH .MobileDialog__content--1QSLy { padding-left: calc(16px + env(safe-area-inset-left)); padding-right: calc(16px + env(safe-area-inset-right)); } } .MobileDialog__root_mobileV2--3ZbQi { box-shadow: 0 4px 32px var(--vkui--color_background_secondary_alpha--active); } .MobileDialog__root_mobileV2--3ZbQi .MobileDialog__content--1QSLy { border-top-left-radius: 16px; border-top-right-radius: 16px; } @supports (padding-left:constant(safe-area-inset-bottom)) { .MobileDialog__root_mobileV2--3ZbQi .MobileDialog__content--1QSLy { } } @supports (padding-left:env(safe-area-inset-bottom)) { .MobileDialog__root_mobileV2--3ZbQi .MobileDialog__content--1QSLy { padding-left: calc(16px + env(safe-area-inset-left)); padding-right: calc(16px + env(safe-area-inset-right)); } } .MobileDialog__root_fullHeight--2hA-7 { top: 0px; } @supports (top:env(safe-area-inset-top)) { .MobileDialog__root_fullHeight--2hA-7 { top: env(safe-area-inset-top); } } .MobileDialog__root_tablet--3YXhf { border-radius: 24px; bottom: auto; margin: 0px auto; max-width: 450px; top: 50%; transform: translateY(-50%); } .MobileDialog__modal--_FEU3 { position: fixed; z-index: 99; } .MobileDialog__modal_topmost--3QMX4 { z-index: 10000; } .MobileDialog__dimmer--3R2PV { background: var(--vkui--color_overlay_primary); inset: 0px; position: fixed; } .MobileDialog__close--MTXQe { position: absolute; right: 18px; top: 18px; z-index: 10; } .MobileDialog__close--MTXQe, .MobileDialog__close--MTXQe svg, .MobileDialog__close_mobileV1--3sFKv, .MobileDialog__close_mobileV3--IhAqU { color: var(--vkui--color_icon_primary); } .MobileDialog__close_mobileV1--3sFKv, .MobileDialog__close_mobileV3--IhAqU { right: 20px; top: 20px; } .MobileDialog__content--1QSLy { -webkit-font-smoothing: antialiased; background: var(--vkui--color_background_modal); padding: 16px; position: relative; } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .MobileDialog__content--1QSLy { } } @supports (padding-bottom:env(safe-area-inset-bottom)) { .MobileDialog__content--1QSLy { padding-bottom: calc(16px + env(safe-area-inset-bottom)); } } .rebranding .MobileDialog__content--1QSLy { background: var(--vkui--color_background_modal); } .MobileDialog__content_mobileV1--OsnPe { padding-right: 35px; } .MobileDialog__content_mobileV2--1ytbY { display: flex; flex-direction: column; font-family: var(--font-inter); height: 100%; } .MobileDialog__content_mobileV2--1ytbY .MobileDialog__actions--P339V { margin-top: 30px; } .MobileDialog__content_mobileV2--1ytbY .MobileDialog__action--Ue9Ax { margin-bottom: 0px; } .MobileDialog__content_mobileV2--1ytbY .MobileDialog__action--Ue9Ax:not(:last-of-type) { margin-bottom: 12px; } .MobileDialog__content_mobileV3--XQDXB { border-radius: 20px 20px 0px 0px; } .MobileDialog__content_pad_zero--159mj { padding: 0px; } .MobileDialog__content_pad_16--33nCU { padding: 16px; } .MobileDialog__content_pad_24--S0_4p { padding: 24px; } .MobileDialog__icon--JuQ6O { display: flex; justify-content: center; margin: 16px auto 24px; max-width: 100%; } .MobileDialog__title--apiiR { color: var(--vkui--color_text_primary); font-size: 17px; font-weight: 700; line-height: 18px; margin-bottom: 9px; } .MobileDialog__close--MTXQe ~ .MobileDialog__title--apiiR { width: calc(100% - 30px); } .MobileDialog__title_mobileV1--1n6iX { font-size: 20px; line-height: 25px; margin-bottom: 0px; padding: 18px 11px; text-align: left; } .MobileDialog__title_mobileV2--3_Znv { font-family: var(--font-tt-norms); font-size: 20px; font-weight: 500; margin-bottom: 16px; margin-top: 10px; text-align: left; } .MobileDialog__text--1xV01 { color: var(--vkui--color_text_secondary); font-size: 15px; line-height: 18px; } .MobileDialog__text_mobileV1--1-xc6 { color: var(--vkui--color_text_primary); font-size: 16px; line-height: 22px; padding: 0px 11px 12px; text-align: left; } .MobileDialog__actions--P339V { margin-top: 20px; } .MobileDialog__action--Ue9Ax:not(:last-of-type) { margin-bottom: 16px; } .ui.button.MobileDialog__button--17n5M { border-radius: 12px; font-size: 17px; height: 52px; } .MobileDialog__animation_appear--2foBB { opacity: 0; transform: translateY(100%); } .MobileDialog__animation_appear_active--2eA01 { transition: opacity 0.25s, transform 0.25s; } .MobileDialog__animation_appear_active--2eA01, .MobileDialog__animation_exit--3HSIS { opacity: 1; transform: translateY(0px); } .MobileDialog__animation_exit_active--1lO01 { opacity: 0; transform: translateY(100%); transition: opacity 0.25s, transform 0.25s; } .MobileDialog__overlay_appear--1Zw8T { opacity: 0; } .MobileDialog__overlay_appear_active--1ipnk { opacity: 1; transition: opacity 0.25s ease-in-out; } .MobileDialog__overlay_exit--vf1HV { opacity: 1; } .MobileDialog__overlay_exit_active--3lVJa { opacity: 0; transition: opacity 0.25s ease-in-out; } .MobileDialog__root_base--2k80q, .MobileDialog__root_confirm--2GG88, .MobileDialog__root_touchRedesign--vh4Qq { align-items: flex-start; display: flex; flex-direction: column; font-family: var(--font-tt-norms); margin: 8px 0px 0px; max-height: calc(100% - 8px); text-align: left; } @supports (top:env(safe-area-inset-top)) { .MobileDialog__root_base--2k80q, .MobileDialog__root_confirm--2GG88, .MobileDialog__root_touchRedesign--vh4Qq { max-height: calc(100% - 8px - env(safe-area-inset-top)); } } .MobileDialog__root_base--2k80q .MobileDialog__close--MTXQe, .MobileDialog__root_confirm--2GG88 .MobileDialog__close--MTXQe, .MobileDialog__root_touchRedesign--vh4Qq .MobileDialog__close--MTXQe { align-items: center; background-color: var(--vkui--color_background_secondary_alpha); border-radius: 50%; box-sizing: border-box; color: var(--vkui--color_icon_secondary); display: flex; height: 24px; justify-content: center; padding: 3px; right: 16px; top: 16px; width: 24px; } .MobileDialog__root_base--2k80q .MobileDialog__close--MTXQe use, .MobileDialog__root_confirm--2GG88 .MobileDialog__close--MTXQe use, .MobileDialog__root_touchRedesign--vh4Qq .MobileDialog__close--MTXQe use { fill: var(--vkui--color_icon_secondary); color: var(--vkui--color_icon_secondary); } .MobileDialog__root_base--2k80q .MobileDialog__title--apiiR, .MobileDialog__root_confirm--2GG88 .MobileDialog__title--apiiR, .MobileDialog__root_touchRedesign--vh4Qq .MobileDialog__title--apiiR { font-size: 20px; font-weight: 500; line-height: 26px; margin-bottom: 16px; } .MobileDialog__root_base--2k80q .MobileDialog__content--1QSLy, .MobileDialog__root_confirm--2GG88 .MobileDialog__content--1QSLy, .MobileDialog__root_touchRedesign--vh4Qq .MobileDialog__content--1QSLy { align-items: flex-start; border-top-left-radius: 20px; border-top-right-radius: 20px; box-sizing: border-box; display: flex; flex-direction: column; font-size: 14px; line-height: 18px; max-height: 100%; min-height: 100%; padding: 16px 8px 12px; width: 100%; } .MobileDialog__root_base--2k80q .MobileDialog__content_pad_zero--159mj, .MobileDialog__root_confirm--2GG88 .MobileDialog__content_pad_zero--159mj, .MobileDialog__root_touchRedesign--vh4Qq .MobileDialog__content_pad_zero--159mj { padding: 0px; } .MobileDialog__root_base--2k80q .MobileDialog__content_pad_16--33nCU, .MobileDialog__root_confirm--2GG88 .MobileDialog__content_pad_16--33nCU, .MobileDialog__root_touchRedesign--vh4Qq .MobileDialog__content_pad_16--33nCU { padding: 16px; } .MobileDialog__root_base--2k80q .MobileDialog__content_pad_24--S0_4p, .MobileDialog__root_confirm--2GG88 .MobileDialog__content_pad_24--S0_4p, .MobileDialog__root_touchRedesign--vh4Qq .MobileDialog__content_pad_24--S0_4p { padding: 24px; } .MobileDialog__root_base--2k80q .MobileDialog__footer--1IfZ8, .MobileDialog__root_confirm--2GG88 .MobileDialog__footer--1IfZ8, .MobileDialog__root_touchRedesign--vh4Qq .MobileDialog__footer--1IfZ8 { align-self: stretch; margin-top: 16px; } .MobileDialog__root_touchRedesign--vh4Qq .MobileDialog__content--1QSLy { padding: 6px 8px 8px; } .MobileDialog__root_touchRedesign--vh4Qq .MobileDialog__title--apiiR { font-size: 20px; line-height: 26px; margin: 0px 0px 6px; padding-bottom: 4px; padding-left: 8px; padding-top: 4px; } .MobileDialog__root_touchRedesign--vh4Qq .MobileDialog__close--MTXQe { background: none; border-radius: 0px; height: auto; right: 10px; top: 10px; width: auto; } .MobileDialog__root_touchRedesign--vh4Qq .MobileDialog__close--MTXQe svg { color: var(--vkui--color_icon_secondary_alpha); } .ui.button.MobileDialog__button--17n5M { border-radius: 16px; height: 56px; } .MobileDialog__root_mobileV4--14XP8 { margin: 8px; } .MobileDialog__root_mobileV4--14XP8 .MobileDialog__content--1QSLy { border-radius: 20px; } .MobileDialog__root_mobileV4--14XP8 .MobileDialog__close--MTXQe { align-items: center; background-color: var(--vkui--color_background_secondary_alpha); border-radius: 50%; box-sizing: border-box; color: var(--vkui--color_icon_secondary); display: flex; height: 24px; justify-content: center; padding: 3px; right: 16px; top: 16px; width: 24px; } .MobileDialog__root_mobileV4--14XP8 .MobileDialog__close--MTXQe use { fill: var(--vkui--color_icon_secondary) !important; color: var(--vkui--color_icon_secondary) !important; } .MobileDialog__root_mobileV3--1gZdw { -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; font-family: var(--font-tt-norms); padding: 0px 8px; text-align: center; } .MobileDialog__root_mobileV3--1gZdw .MobileDialog__title--apiiR { font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: 32px; margin-bottom: 8px; } .MobileDialog__root_mobileV3--1gZdw .MobileDialog__text--1xV01, .MobileDialog__root_mobileV3--1gZdw .MobileDialog__title--apiiR { color: var(--vkui--color_text_primary); padding: 0px 8px; } .MobileDialog__root_mobileV3--1gZdw .MobileDialog__text--1xV01 { font-size: 16px; font-weight: var(--vkui--font_text--font_weight--regular); line-height: 24px; } .MobileDialog__root_mobileV3--1gZdw .MobileDialog__actions--P339V { margin-bottom: 8px; margin-top: 32px; } .MobileDialog__root_mobileV3--1gZdw .MobileDialog__icon--JuQ6O { margin: 32px 4px 20px; } .MobileDialog__root_confirm--2GG88 .MobileDialog__content--1QSLy { padding: 16px; } .MobileDialog__swipingDownWrapper--rmnfP { display: flex; flex-direction: column; max-height: 100%; min-height: 100%; } .MobileDialog__root_maxWidth--J9GEW { margin: 0px auto; max-width: 500px; } @media (max-width: 500px) { .MobileDialog__root_maxWidth--J9GEW { margin: 0px 8px; } } .MobileDialog__close_round--2hC7c { align-items: center; background-color: var(--vkui--color_background_secondary); border-radius: 50%; box-sizing: border-box; color: var(--vkui--color_icon_secondary); display: flex; height: 24px; justify-content: center; padding: 3px; right: 12px; top: 12px; width: 24px; } .MobileDialog__root_rebrandingQuotaLanding--2W3aS .MobileDialog__content--1QSLy { background: var(--vkui--color_background_modal); } .MobileDialog__root_rebrandingQuotaLanding--2W3aS .MobileDialog__title--apiiR { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 20px; font-weight: 500; line-height: 24px; padding: 0px 8px; } .MobileDialog__root_rebrandingQuotaLanding--2W3aS .MobileDialog__close--MTXQe { color: var(--vkui--color_icon_primary); } .MobileDialog__root_rebranding--2ORlC { -webkit-font-smoothing: antialiased; } .MobileDialog__root_content16PaddingOnly--1GjcC .MobileDialog__content--1QSLy { background: var(--vkui--color_background_modal); padding: 24px 16px 8px; } .MobileDialog__root_content16PaddingOnly--1GjcC.MobileDialog__root_confirm--2GG88 .MobileDialog__content--1QSLy { padding: 24px 16px 8px; } .MobileDialog__root_content16PaddingOnly--1GjcC .MobileDialog__title--apiiR { padding: 0px; } .MobileDialog__root_base--2k80q .MobileDialog__close_darkAndRound--TuBTm { z-index: 100; } .MobileDialog__root_base--2k80q .MobileDialog__close_darkAndRound--TuBTm svg use { color: var(--vkui--color_icon_primary) !important; } .MobileDialog__root_base--2k80q .MobileDialog__close_lightAndRound--2zuOu { z-index: 100; } .MobileDialog__root_base--2k80q .MobileDialog__close_lightAndRound--2zuOu::before { background-color: var(--cloud--color_text_contrast_themed_alpha); border-radius: 50%; inset: 0px; content: ""; opacity: 0.12; position: absolute; } .MobileDialog__root_base--2k80q .MobileDialog__close_lightAndRound--2zuOu svg use { color: var(--cloud--color_text_contrast_themed_alpha) !important; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .rebranding .BaseConfirmDialog__button--r1FB5.ui.primary.button { background-color: var(--vkui--color_background_accent); } .rebranding .BaseConfirmDialog__button--r1FB5.ui.primary.button:hover { background-color: var(--vkui--color_background_accent--hover); } .vkui--cloud--dark.rebranding .BaseConfirmDialog__button--r1FB5.ui.primary.button { background-color: var(--vkui--color_background_accent); } .vkui--cloud--dark.rebranding .BaseConfirmDialog__button--r1FB5.ui.primary.button:hover { background-color: var(--vkui--color_background_accent--hover); } .vkui--cloud--dark.rebranding .BaseConfirmDialog__root--1NNT-.ui.modal { box-shadow: none; } .BaseConfirmDialog__root--1NNT-.ui.modal { box-shadow: 0 4px 20px 0 var(--vkui--color_background_tertiary_alpha--active); max-width: calc(100% - 20px); } .BaseConfirmDialog__root--1NNT-.ui.modal > .header { font-size: 24px !important; } .BaseConfirmDialog__root--1NNT-.ui.modal > .header { -webkit-font-smoothing: antialiased; font-weight: 500; line-height: 32px; } .BaseConfirmDialog__root_darkTheme--37n0D.ui.modal { box-shadow: none; } .BaseConfirmDialog__root_tutoria--3-Re0 { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); margin: 0px !important; } @media screen and (max-width: 400px) { .BaseConfirmDialog__root_inlineIntegration--33g9I.ui.modal > .actions { padding: 14px !important; } } .BaseConfirmDialog__footer--3B1Dt { display: flex; } @media (max-width: 1024px) { .BaseConfirmDialog__footer_responsive--2v-bt { flex-direction: column; } .BaseConfirmDialog__footer_responsive--2v-bt .BaseConfirmDialog__buttonWrapper--25Q02 { margin-bottom: var(--vkui--x3); margin-right: 0px; } .BaseConfirmDialog__footer_responsive--2v-bt .BaseConfirmDialog__buttonWrapper--25Q02:last-child { margin-bottom: 0px; } } .BaseConfirmDialog__footer_phone--lD24l { flex-direction: column; gap: 12px; } .BaseConfirmDialog__footer_phone--lD24l .BaseConfirmDialog__buttonWrapper--25Q02 { margin: 0px; } .BaseConfirmDialog__footer_phone--lD24l button.ui.fluid.button { -webkit-font-smoothing: antialiased; height: 44px; } .BaseConfirmDialog__button--r1FB5 { white-space: nowrap; } .BaseConfirmDialog__button--r1FB5.ui.fluid.button { padding: 0px 20px; } .BaseConfirmDialog__buttonOk--1F3Uk.ui.button { display: flex; justify-content: center; min-width: 80px; } .BaseConfirmDialog__buttonWrapper--25Q02 { margin-right: 12px; } @media screen and (max-width: 500px) { .BaseConfirmDialog__buttonWrapper_action_inlineIntegration--1RnYe { display: none; } } .BaseConfirmDialog__content_withoutFooter--1VIJh { padding-bottom: 32px; } .BaseConfirmDialog__content--pLETr { -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; } .BaseConfirmDialog__content--pLETr .ui.form { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: 15px; font-weight: 400; line-height: 20px; word-break: break-word; } .BaseConfirmDialog__content--pLETr a { color: var(--vkui--color_text_accent); text-decoration: none; } .BaseConfirmDialog__content--pLETr a:hover { color: var(--vkui--color_text_accent--hover); text-decoration: underline; } .BaseConfirmDialog__content--pLETr a:active { color: var(--vkui--color_text_accent--active); } .BaseConfirmDialog__content_phone--1nc9z { width: 100%; } .BaseConfirmDialog__icon--8a4rf { height: 16px; margin-right: 8px; width: 16px; } .BaseConfirmDialog__messageWrapper--H4nq0 { align-items: center; display: flex; margin-top: 10px; } .BaseConfirmDialog__message--XE4bh { overflow: hidden; text-overflow: ellipsis; white-space: pre; } .BaseConfirmDialog__button_vk--GuTFi.ui.button { -webkit-font-smoothing: antialiased; font-size: 15px; width: auto; } .BaseConfirmDialog__content_rebrandingQuotaLanding--24Buu { box-sizing: border-box; padding: 0px 8px; } .BaseConfirmDialog__footer_rebrandingQuotaLanding--3_T9l { padding: 0px 8px 8px; } .BaseConfirmDialog__footer_rebrandingQuotaLanding--3_T9l .ui.button { height: 42px !important; } .BaseConfirmDialog__footer_rebrandingQuotaLanding--3_T9l .ui.button { background: var(--vkui--color_background_secondary_alpha); border-radius: 12px; color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 500; line-height: 20px; } .BaseConfirmDialog__footer_rebrandingQuotaLanding--3_T9l .ui.button.primary { background-color: var(--vkui--color_background_accent); } .BaseConfirmDialog__button_rebranding--22tL7.ui.button { background-color: var(--rebranding_theme_color_background_secondary); } .BaseConfirmDialog__button_rebranding--22tL7.ui.button:active, .BaseConfirmDialog__button_rebranding--22tL7.ui.button:focus, .BaseConfirmDialog__button_rebranding--22tL7.ui.button:hover { background-color: var(--rebranding_theme_color_background_secondary--hover); } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } @media (max-width: 1024px) { .SelectFolderDialog__root_dialog--3rewa.ui.modal { max-width: 460px; width: calc(100% - var(--vkui--x5)); } } .SelectFolderDialog__root--1y5Q- { width: 100%; } .SelectFolderDialog__root_mobile--3PxZh { display: flex; flex-direction: column; height: 100%; margin-left: -16px; overflow: auto; scrollbar-width: none; transform: translateZ(0px); width: calc(100% + 32px); } .SelectFolderDialog__root_mobile--3PxZh::-webkit-scrollbar { display: none; } .SelectFolderDialog__root_mobile--3PxZh .SelectFolderDialog__content--BbMpg { height: 100%; max-height: 100%; min-height: 1px; } .SelectFolderDialog__content--BbMpg { background: var(--vkui--color_background_modal); border-radius: 2px; display: flex; height: 248px; overflow: auto; padding: 8px 20px 0px; } @media (max-width: 840px) { .SelectFolderDialog__content_responsive--wpHcg { background: none; padding-left: 0px; padding-right: 0px; } } .SelectFolderDialog__contentColumn--3rJsM { flex-direction: column; height: auto; max-height: 248px; } .SelectFolderDialog__buttonWrapper--5dRHW { display: flex; } .SelectFolderDialog__buttonWrapper--5dRHW > .ui.button { margin-right: 12px; padding: 12px 40px; } @media (max-width: 840px) { .SelectFolderDialog__buttonWrapper--5dRHW > .ui.button { padding: 12px 10px; } } @media (max-width: 840px) { .SelectFolderDialog__buttonWrapperResponsive--2NpKt { flex-direction: column; } } @media (max-width: 1024px) { .SelectFolderDialog__buttonWrapperResponsive--2NpKt > .ui.button { padding: 12px 30px; } } @media (max-width: 840px) { .SelectFolderDialog__buttonWrapperResponsive--2NpKt > .ui.button { margin-right: 0px; } } @media (max-width: 840px) { .SelectFolderDialog__buttonWrapperResponsive--2NpKt > .ui.button:first-child { margin-bottom: 12px; } } .SelectFolderDialog__buttonWrapper_mobile--1XtRF { flex-direction: row-reverse; } .SelectFolderDialog__buttonWrapper_mobile--1XtRF > .ui.button { font-weight: 500; padding: 7px 20px; } .SelectFolderDialog__title--Y-qGh { padding-bottom: 8px; } .SelectFolderDialog__description--32tSK { font-size: 15px; line-height: 20px; margin-top: 12px; } .SelectFolderDialog__description--32tSK .SelectFolderDialog__bold--2jWnb { font-weight: 500; } .SelectFolderDialog__confirmDialog--2sE9o.ui.modal, .SelectFolderDialog__confirmDialog--2sE9o.ui.modal.small { width: 450px; } @media (max-width: 1024px) { .SelectFolderDialog__confirmDialogResponsive--3U61f.ui.modal, .SelectFolderDialog__confirmDialogResponsive--3U61f.ui.modal.small { max-width: 450px; width: calc(100% - var(--vkui--x5)); } } .UpdateLicenseDialog__dialog--2zmwQ.modal.ui > .closeIcon { right: 12px; top: 12px; } .UpdateLicenseDialog__content--XkDMj { font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); } .FileFolderChangesLog__root--1LJrj { scrollbar-gutter: stable; flex: 1 1 auto; margin-right: -10px; margin-top: 10px; overflow: hidden; padding-right: 10px; } .FileFolderChangesLog__root--1LJrj:hover { overflow: auto; } @supports not (scrollbar-gutter:stable) { .FileFolderChangesLog__root--1LJrj { padding-right: 13px; } .FileFolderChangesLog__root--1LJrj:hover { overflow: overlay; } } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__loader--3Or6E { margin-top: 0px; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__error_stub--1hiAK { height: 100%; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__empty_stub--2Kft0 { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__empty_stub--2Kft0 img { height: 180px; width: 310px; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__empty_stub--2Kft0 span { color: var(--vkui--color_text_secondary); font-size: 15px; font-weight: 400; line-height: 20px; text-align: center; width: 200px; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__head_date--XunBz { padding: 6px 0px; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__head_date--XunBz span { color: var(--vkui--color_text_secondary); margin-left: 15px; text-transform: lowercase; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__head_date--XunBz span:empty { display: none; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__list_item--2B2AY { display: grid; font-size: 15px; gap: 0px 12px; grid-template-areas: "icon name date" "icon email date" "icon action date"; grid-template-columns: max-content 1fr max-content; margin: 12px 0px; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__list_item--2B2AY .FileFolderChangesLog__icon--1cxQ8 { grid-area: icon; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__list_item--2B2AY .FileFolderChangesLog__icon--1cxQ8 img { background-color: var(--vkui--color_background_secondary); border-radius: 100%; height: 32px; margin-top: 4px; width: 32px; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__list_item--2B2AY .FileFolderChangesLog__name--1PZ45 { font-weight: 500; grid-area: name; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__list_item--2B2AY .FileFolderChangesLog__date--U3em9 { font-weight: 400; grid-area: date; line-height: 18px; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__list_item--2B2AY .FileFolderChangesLog__date--U3em9, .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__list_item--2B2AY .FileFolderChangesLog__email--383t0 { color: var(--vkui--color_text_secondary); font-size: 13px; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__list_item--2B2AY .FileFolderChangesLog__email--383t0 { grid-area: email; word-break: break-all; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__list_item--2B2AY .FileFolderChangesLog__action--18HMQ { grid-area: action; margin-top: 4px; word-break: break-word; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__list_item--2B2AY .FileFolderChangesLog__action--18HMQ span.FileFolderChangesLog__capitalize--3eNgF, .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__list_item--2B2AY .FileFolderChangesLog__action--18HMQ::first-letter { text-transform: capitalize; } .FileFolderChangesLog__root--1LJrj .FileFolderChangesLog__list_item--2B2AY .FileFolderChangesLog__list_item--2B2AY .FileFolderChangesLog__email--383t0:nth-child(2) { color: inherit; font-size: 15px; font-weight: 500; } .FileFolderChangesLog__actions_filter--3c5nn { margin-top: 7px; width: fit-content; } .DownloadLimitsPromo__tooltip--1VQxk { box-sizing: border-box; max-width: 380px; min-width: 345px; padding: 20px; position: relative; } .DownloadLimitsPromo__tooltipMobile--20QY- { max-width: 295px; min-width: 290px; } .DownloadLimitsPromo__tooltipTitle--1_Jvw { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .DownloadLimitsPromo__tooltipTitleMobile--oMJFr { line-height: var(--vkui--font_headline1--line_height--regular); } .DownloadLimitsPromo__tooltipText--3GqXZ, .DownloadLimitsPromo__tooltipTitleMobile--oMJFr { font-size: var(--vkui--font_headline1--font_size--regular); } .DownloadLimitsPromo__tooltipText--3GqXZ { font-family: var(--vkui--font_family_accent); } .DownloadLimitsPromo__tooltipTextMobile--1Qcpr { font-size: var(--vkui--font_headline2--font_size--compact); line-height: var(--vkui--font_subhead--line_height--compact); } .DownloadLimitsPromo__button--xlPOC.ui.button { background-color: var(--vkui--color_background_secondary_alpha); font-size: var(--vkui--font_text--font_size--compact); width: auto; } .DownloadLimitsPromo__button--xlPOC.ui.button:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .DownloadLimitsPromo__image--2FF5B { bottom: -1px; height: auto; position: absolute; right: -1px; width: 128px; } .DownloadLimitsPromo__imageMobile--1w2k1 { display: none; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .DropdownList__list--3TP6u { -webkit-font-smoothing: antialiased; background: var(--vkui--color_background_modal); border-radius: 12px; box-shadow: 0 24px 80px var(--vkui--color_background_tertiary_alpha--active); box-sizing: border-box; display: inline-block; max-height: 100vh; min-width: 300px; overflow-y: auto; padding: 10px 0px; position: absolute; z-index: 10002; } .DropdownList__list--3TP6u::-webkit-scrollbar, .DropdownList__list--3TP6u::-webkit-scrollbar:hover { width: 14px; } .DropdownList__list--3TP6u::-webkit-scrollbar-thumb, .DropdownList__list--3TP6u::-webkit-scrollbar-thumb:hover { background-clip: padding-box; background-color: var(--vkui--color_transparent--active); border: 4px solid transparent; border-radius: 12px; } .DropdownList__list--3TP6u::-webkit-scrollbar-button, .DropdownList__list--3TP6u::-webkit-scrollbar-button:hover { display: none; height: 0px; width: 0px; } .DropdownList__list--3TP6u::-webkit-scrollbar-corner, .DropdownList__list--3TP6u::-webkit-scrollbar-corner:hover { background-color: initial; } @media (max-width: 840px) { .DropdownList__list_responsive--2J49E { min-width: 250px; } } .DropdownList__list_fixed--1vALL { position: fixed; } .DropdownList__list_nested--1-g1f { min-width: 195px; } .DropdownList__list_nested--1-g1f.DropdownList__list_responsive--2J49E { min-width: 250px; } .DropdownList__list_small--2bFK2 { min-width: 160px; } .DropdownList__list_small--2bFK2 .DropdownList__item--2m8Vq { padding: 9px 20px 9px 16px; } .DropdownList__list_small-fluid--17OdB { min-width: 160px; } .DropdownList__list_small-fluid--17OdB .DropdownList__item--2m8Vq { padding: 0px; } .DropdownList__list_medium--1ocLk { min-width: 195px; } .DropdownList__list_large--2rI10 { min-width: 240px; } .DropdownList__list_breadcrumbs--2cew8 { min-width: 211px; width: 211px; } .DropdownList__list_breadcrumbs--2cew8 .DropdownList__item--2m8Vq { padding: 0px; } .DropdownList__list_suggest--3OAEa { max-height: 180px; min-width: 220px; padding: 8px 0px; } .DropdownList__list_suggest--3OAEa .DropdownList__item--2m8Vq { box-sizing: border-box; padding: 4px 16px; } .DropdownList__list_suggest--3OAEa .DropdownList__item_selected--24OGy { background-color: var(--vkui--color_background_secondary); } .DropdownList__list_jpeg--3SKLb { min-width: 112px; } .DropdownList__list_jpeg--3SKLb .DropdownList__item--2m8Vq { padding: 9px 24px; } .DropdownList__listFont_VKSansDisplay--2Jz6r, .DropdownList__list_dark--3XChJ { font-family: var(--font-tt-norms); } .DropdownList__list_dark--3XChJ { background: var(--color-background-gray); } @supports (backdrop-filter:none) { .DropdownList__list_dark--3XChJ { backdrop-filter: blur(44px); background: var(--color-background-gray); } } .DropdownList__list_dark--3XChJ .DropdownList__item--2m8Vq, .DropdownList__list_dark--3XChJ .DropdownList__title--2yVY2 { color: var(--vkui--color_text_contrast); } .DropdownList__list_dark--3XChJ .DropdownList__item--2m8Vq:hover { background: var(--color-back-white-1); } .DropdownList__list_dark--3XChJ .DropdownList__item--2m8Vq:active { background: var(--color-back-white-1--active); } .DropdownList__list_dark--3XChJ .DropdownList__item--2m8Vq svg, .DropdownList__list_dark--3XChJ .DropdownList__item--2m8Vq svg path { fill: var(--vkui--color_background_content); } .DropdownList__list_space--2zTmY { min-width: 280px; padding: 8px 0px; } .DropdownList__list_space--2zTmY .DropdownList__title--2yVY2 { font-size: 16px; line-height: 22px; margin: 8px 16px 12px; } .DropdownList__list_space--2zTmY .DropdownList__item--2m8Vq { padding: 14px 16px; } .DropdownList__list_inlineIntegration--2gTIa { box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 2px 0px, rgba(0, 0, 0, 0.08) 0px 4px 16px 0px; margin-top: 4px; padding: 8px 0px; } .DropdownList__item--2m8Vq { align-items: center; color: var(--vkui--color_text_primary); cursor: pointer; display: flex; font-family: var(--vkui--font_paragraph--font_family--regular,Helvetica,Arial,sans-serif); font-size: var(--vkui--font_paragraph--font_size--regular,15px); font-weight: var(--vkui--font_paragraph--font_weight--regular,400); line-height: var(--vkui--font_paragraph--line_height--regular,20px); padding: 9px 16px; position: relative; transition: background-color 0.1s ease-in; } .DropdownList__item--2m8Vq:hover { background-color: var(--vkui--color_transparent--hover); } .DropdownList__item--2m8Vq:hover .DropdownList__borderedArrow--3qWGK { background-color: var(--vkui--color_background_secondary_alpha); } .DropdownList__item--2m8Vq:hover .DropdownList__borderedArrow--3qWGK:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .DropdownList__item_new--1b7QK { color: rgb(66, 138, 255); } .DropdownList__item_new--1b7QK::before { background-color: rgb(241, 246, 255); border-radius: 8px; content: ""; height: 27px; margin-left: -8px; position: absolute; width: calc(100% - 16px); z-index: -1; } .DropdownList__item_divider--3zv9Y { margin-bottom: 16px; position: relative; } .DropdownList__item_divider--3zv9Y::after { background: var(--vkui--color_field_border_alpha); bottom: -8px; content: ""; height: 1px; left: 0px; position: absolute; right: 0px; } .DropdownList__item_disabled--8We6Q { cursor: default; opacity: var(--vkui--opacity_disable_accessibility); } .DropdownList__item_disabled--8We6Q:hover { background-color: initial; } .DropdownList__item_aiPhotoGenerationPromo--d8f0j { border-radius: 12px; } .DropdownList__item_aiPhotoGenerationPromo--d8f0j::before { background: linear-gradient(66deg,var(--vkui--color_background_accent) 5.51%,#07e5f9 100%); border-radius: inherit; inset: 0px; content: ""; mask: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) content-box exclude, linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)); padding: 2px; pointer-events: none; position: absolute; } .DropdownList__dropdownIcon--1NpWN { line-height: 0; margin-left: auto; } .DropdownList__borderedArrow--3qWGK { align-items: center; border-radius: 4px; display: flex; height: 32px; justify-content: center; margin-left: 16px; margin-right: -8px; padding: 0px 8px; position: relative; } .DropdownList__borderedArrow--3qWGK::after { background: var(--vkui--color_background_tertiary_alpha--active); content: ""; height: 16px; left: -8px; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; } .DropdownList__icon--1cIeW { margin-right: 11px; } .DropdownList__icon--1cIeW, .DropdownList__status--1rJnC { height: 16px; line-height: 0; width: 16px; } .DropdownList__status--1rJnC { margin-left: -12px; margin-right: 4px; } .DropdownList__status_flip--GRLaM { transform: rotate(-180deg); } .DropdownList__title--2yVY2 { color: var(--vkui--color_text_primary); cursor: default; font-family: var(--font-tt-norms); font-size: 15px; font-weight: 500; line-height: 20px; margin: 6px 20px 8px; text-align: left; } .DropdownList__animation_appear--3qUbI { opacity: 0; transform: translateY(20px); } .DropdownList__animation_appear_active--t7ua9 { transition: opacity 0.15s, transform 0.1s; } .DropdownList__animation_appear_active--t7ua9, .DropdownList__animation_exit--3i9i8 { opacity: 1; transform: translateY(0px); } .DropdownList__animation_exit_active--37uLh { opacity: 0; transform: translateY(20px); transition: opacity 0.1s, transform 0.1s; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; --header-z: 1001; } .Header__root--1k6sy { align-items: center; display: flex; flex-direction: row; justify-content: space-between; z-index: var(--header-z); } .Header__root_desktop--1QTgV { box-sizing: border-box; grid-area: toolbar; height: 56px; min-width: 1004px; padding: 0px 20px; position: sticky; top: 0px; } .Header__withShadow--9kMZX { box-shadow: rgba(2, 13, 41, 0.12) 0px 0px 16px; } .Header__root_my_team--2qNXW { border-bottom: 1px solid var(--vkui--color_image_border_alpha); box-shadow: none; } @media (max-width: 1024px) { .Header__root_my_team--2qNXW { min-width: auto; } } .Header__root_desktop_web_ui--2OVKM { padding-right: 12px; } .Header__root_phone--3Q6ea { box-sizing: border-box; height: 50px; padding: 0px 12px; } .Header__leftSide--1ea3m { align-items: center; display: flex; justify-content: flex-start; min-width: 256px; } .Header__leftSideMyTeam--2_u5k { flex: 0 1 auto; min-width: auto; } @media (max-width: 1024px) { .Header__leftSideMyTeam--2_u5k { width: 87px; } } @media (max-width: 840px) { .Header__leftSideMyTeam--2_u5k { width: 36px; } } .Header__rightSide--3rJ0q { flex: 1 1 0%; height: 100%; margin-left: 28px; min-width: 0px; } .Header__rightSide--3rJ0q, .Header__rightSidePdf--Ch-oN { align-items: center; display: flex; } .Header__rightSidePdf--Ch-oN { justify-content: right; padding-right: 8px; } @media (max-width: 1024px) { .Header__rightSideMyTeam--ukyQf { margin-left: 0px; } } .Header__toolbar--2JuhD { align-items: center; display: flex; flex: 1 1 0%; height: 100%; padding-right: 8px; } .Header__toolbar--2JuhD.Header__toolbarNoMargin--1-0Hm { margin-right: 0px; } .Header__backButton--2Of2l, .Header__nameWrapper--c270k .Header__name--1a5Qi { font-family: var(--vkui--font_family_accent); } .Header__root_color_blue--2DrxF { background: var(--vkui--color_background_accent); } .Header__root_color_white--3XJpx { background: var(--vkui--color_background); } .Header__backButton--2Of2l { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 15px; font-style: normal; font-weight: 500; line-height: 20px; } .Header__nameWrapper--c270k { margin-left: 8px; max-width: 300px; position: relative; } .Header__nameWrapper--c270k .Header__name--1a5Qi { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 17px; font-style: normal; font-weight: 500; line-height: 24px; } .Header__root_color_cepia--Is5lS { background: var(--color-cepia); } .Header__root_color_dark--3wk_7 { background: rgba(255, 255, 255, 0.08); } .Header__root_color_dark--3wk_7 .Header__backButton--2Of2l, .Header__root_color_dark--3wk_7 .Header__nameWrapper--c270k .Header__name--1a5Qi { color: var(--color_text_muted--dark); } .Header__mobile_button_back--1i332 { align-items: center; backdrop-filter: blur(44px); background: rgba(71, 71, 71, 0.06); border-radius: 16px; box-sizing: border-box; color: var(--vkui--color_text_contrast); display: flex; height: 36px; justify-content: center; margin-right: 16px; padding: 0px; width: 36px; } .Header__root_ebook_viewer--M6-Ao { --vkui--color_background: #fff; } .Header__root_ebook_viewer--M6-Ao .Header__nameWrapper--c270k { --vkui--color_text_primary: #2c2d2e; --color_text_muted--dark: #2c2d2e; } .Header__root_ebook_viewer--M6-Ao .Header__backButton--2Of2l { --vkui--color_text_muted: #2c2d2e; --color_text_muted--dark: #2c2d2e; --vkui--color_text_primary: #2c2d2e; } .Loader__wrapper--2CU-U { margin-top: 18px; } .Loader__wrapper--2CU-U rect { fill: var(--vkui--color_skeleton_from); animation: 1.5s ease-in-out 0s infinite normal none running Loader__pulse--25LMD; } @keyframes Loader__pulse--25LMD { 0% { fill: var(--vkui--color_skeleton_from); } 50% { fill: var(--vkui--color_skeleton_to); } 100% { fill: var(--vkui--color_skeleton_from); } } .Stub__root--2sDkM { align-items: center; display: flex; flex-direction: column; gap: 20px; height: calc(-220px + 100vh); justify-content: center; } .Stub__regular--3TKeZ { --vkui--font_text--font_size--regular: 15px; color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); } .Stub__button---cr5Y { align-items: center; display: flex; gap: 8px; justify-content: center; width: 213px; } .ChangePublicDesignTooltip__root--1Z5fg { box-sizing: border-box; padding: 20px; position: relative; width: 380px; } .ChangePublicDesignTooltip__title--1c1He { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .ChangePublicDesignTooltip__button--3mYB1.ui.button { font-size: var(--vkui--font_text--font_size--compact); width: auto; } .ChangePublicDesignTooltip__infoText--F7bhE { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_caption2_caps--font_size--regular); font-weight: var(--vkui--font_caption2--font_weight--regular); letter-spacing: 0.11px; line-height: var(--vkui--font_caption2--line_height--regular); } .ChangePublicDesignTooltip__image--22kgt { bottom: 18px; height: auto; position: absolute; right: -8px; width: 108px; } .HotKeyTip__root--2E2Zf { align-items: center; color: var(--vkui--color_text_secondary); display: flex; font-family: "SF Pro Text", Arial, sans-serif; font-size: 14px; font-weight: 500; height: 16px; justify-content: center; line-height: 17px; text-align: right; } .HotKeyTip__root--2E2Zf > span:last-of-type { height: 16px; text-align: center; width: 16px; } .HotKeyTip__root_win--220Y_ { font-family: Arial, sans-serif; font-weight: 400; } .HotKeyTip__plus--xHX5J { text-align: right; width: 12px; } .HotKeyTip__glyph--mByfB { align-items: center; display: flex; height: 16px; justify-content: center; width: 16px; } .DropdownItemAction__root--2vZQy { align-items: center; display: grid; grid-template-columns: min-content auto min-content; position: relative; width: 100%; } .DropdownItemAction__root_mail_sans--Qskc- { font-family: var(--vkui--font_subhead--font_family--compact); } .DropdownItemAction__icon--Ftdar { margin-right: 11px; margin-top: -2px; } .DropdownItemAction__icon--Ftdar, .DropdownItemAction__status--3G4ZB { align-items: center; display: flex; height: 20px; justify-content: center; line-height: 0; width: 20px; } .DropdownItemAction__checkIcon--3RaxK { color: var(--vkui--color_icon_accent); } .DropdownItemAction__checkIcon--3RaxK, .DropdownItemAction__status--3G4ZB { margin-left: 24px; } .DropdownItemAction__root_new--1LMHS .DropdownItemAction__icon--Ftdar { margin-right: 7px; } .DropdownItemAction__hotkeyWrapper--1TuvW { color: var(--vkui--color_text_secondary); display: flex; flex-grow: 1; font-size: 12px; justify-content: flex-end; margin-left: 50px; } .DropdownItemAction__text--3Xxmc { font-family: var(--font-tt-norms); font-size: 15px; font-weight: 400; line-height: 20px; white-space: nowrap; } .DropdownItemAction__root_space--3Lk03 .DropdownItemAction__icon--Ftdar { margin-right: 16px; } .DropdownItemAction__icon_blue--26EbU { color: var(--vkui--color_icon_accent); } .DropdownItemAction__root_remove--25KFy .DropdownItemAction__icon--Ftdar, .DropdownItemAction__root_remove--25KFy .DropdownItemAction__text--3Xxmc { color: var(--vkui--color_text_negative); } .DropdownItemAction__root_disabledItem--21Xl1 { opacity: 0.4; } .RemoveAllDuplicatesTooltip__root--1NMix { padding: 8.5px 12px 9.5px; width: 244px; } .FakedoorNeuroOrganizerDialog__root--2T-Ta.ui.tiny.modal { max-width: 100%; min-width: 400px; width: 540px; } @media only screen and (max-width: 767px) { .FakedoorNeuroOrganizerDialog__root--2T-Ta.ui.tiny.modal > .content { padding: 0px 14px !important; } } .FakedoorNeuroOrganizerDialog__content--3-bIC { -webkit-font-smoothing: antialiased; } @media only screen and (max-width: 767px) { .FakedoorNeuroOrganizerDialog__content--3-bIC { padding-bottom: 14px !important; } } .FakedoorNeuroOrganizerDialog__wrapper--3ZagD { background: rgb(22, 109, 156); } .FakedoorNeuroOrganizerDialog__closeIcon--oYBrd { color: var(--vkui--color_icon_secondary); } .FakedoorNeuroOrganizerDialog__video--8gVaa { flex-shrink: 0; height: 240px; } .FakedoorNeuroOrganizerDialog__title--hzq4r { margin-top: -4px; } .FakedoorNeuroOrganizerDialog__item--2OrXE { margin-top: 12px; } .FakedoorNeuroOrganizerDialog__icon--2DyHf, .FakedoorNeuroOrganizerDialog__item--2OrXE { display: flex; } .FakedoorNeuroOrganizerDialog__icon--2DyHf { align-items: center; height: 20px; justify-content: center; width: 20px; } .FakedoorNeuroOrganizerDialog__text--3q7yE { margin-left: 8px; } .FakedoorNeuroOrganizerDialog__description--26nb8 { font-size: 17px; line-height: 22px; } .AiOrganizeTooltip__root--fSYgz .AiOrganizeTooltip__tipContent--2QbQn { padding: 20px; } .AiOrganizeTooltip__root--fSYgz .AiOrganizeTooltip__tipText--1a7n_ { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--line_height--regular); } .Hint__root--3KKOv { overflow-wrap: break-word; background: rgb(235, 236, 239); border: 1px solid var(--vkui--color_background_tertiary_alpha--hover); border-radius: 8px; box-shadow: 0 4px 20px var(--vkui--color_background_tertiary_alpha--hover); box-sizing: border-box; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); left: 0px; max-width: 550px; min-height: 1em; min-width: 1ch; opacity: 0; padding: 4px 8px; pointer-events: none; position: absolute; top: 0px; transition: opacity 0.1s ease-out; white-space: pre; z-index: 99999; } @supports (backdrop-filter:none) { .Hint__root--3KKOv { backdrop-filter: blur(20px); background: rgba(235, 236, 239, 0.4); } } .Hint__root_dark--_gylZ { background: var(--color-background-gray); border: 1px solid var(--vkui--color_background_contrast_secondary_alpha); box-shadow: none; box-sizing: border-box; color: var(--vkui--color_text_contrast); padding: 4px 12px; } :root { --arrow-padding: 40px; --arrow-padding-phone: 25px; --size-arrow-height: 8px; } .Tooltip__base--2bBI_ { display: inline-block; left: 0px; opacity: 0; position: absolute; top: 0px; z-index: 100; } .Tooltip__base_minWidth--34MKr { min-width: 312px; } .Tooltip__base_fixed--RUsH9 { position: fixed; } .Tooltip__base_phone--3BsDc.Tooltip__base_rightTop--hrtcq .Tooltip__arrow--d1fTW { top: var(--arrow-padding-phone); } .Tooltip__base_phone--3BsDc.Tooltip__base_rightBottom--2ENU7 .Tooltip__arrow--d1fTW { bottom: var(--arrow-padding-phone); } .Tooltip__base_phone--3BsDc.Tooltip__base_leftTop--2gYEF .Tooltip__arrow--d1fTW { top: var(--arrow-padding-phone); } .Tooltip__base_phone--3BsDc.Tooltip__base_leftBottom--3fSw0 .Tooltip__arrow--d1fTW { bottom: var(--arrow-padding-phone); } .Tooltip__base_phone--3BsDc.Tooltip__base_bottomLeft--8F0kT .Tooltip__arrow--d1fTW { left: var(--arrow-padding-phone); } .Tooltip__base_phone--3BsDc.Tooltip__base_bottomRight--15mnb .Tooltip__arrow--d1fTW { right: var(--arrow-padding-phone); } .Tooltip__base_phone--3BsDc.Tooltip__base_topLeft--1i8TX .Tooltip__arrow--d1fTW { left: var(--arrow-padding-phone); } .Tooltip__base_phone--3BsDc.Tooltip__base_topRight--3H57p .Tooltip__arrow--d1fTW { right: var(--arrow-padding-phone); } .Tooltip__base_rightTop--hrtcq .Tooltip__arrow--d1fTW { top: var(--arrow-padding); } .Tooltip__base_rightBottom--2ENU7 .Tooltip__arrow--d1fTW { bottom: var(--arrow-padding); } .Tooltip__base_leftTop--2gYEF .Tooltip__arrow--d1fTW { top: var(--arrow-padding); } .Tooltip__base_leftBottom--3fSw0 .Tooltip__arrow--d1fTW { bottom: var(--arrow-padding); } .Tooltip__base_bottomLeft--8F0kT .Tooltip__arrow--d1fTW { left: var(--arrow-padding); } .Tooltip__base_bottomRight--15mnb .Tooltip__arrow--d1fTW { right: var(--arrow-padding); } .Tooltip__base_topLeft--1i8TX .Tooltip__arrow--d1fTW { left: var(--arrow-padding); } .Tooltip__base_topRight--3H57p .Tooltip__arrow--d1fTW { right: var(--arrow-padding); } .Tooltip__base_fluid--1KiAo { min-width: 0px; } .Tooltip__base_visible--2JMhx { opacity: 1; z-index: 1205; } .Tooltip__base_basic--3ucsP .Tooltip__overlay--1cWLu { background: inherit; border-radius: 0px; box-shadow: none; } .Tooltip__base_octavius--1x4bW { border-radius: 12px; opacity: 1; z-index: 1200; } .Tooltip__base_octavius--1x4bW .Tooltip__overlay--1cWLu { border-radius: 12px; box-shadow: var(--vkui--elevation3); } .Tooltip__base_inlineIntegration--1yyXf { border-radius: 8px; max-width: 200px; opacity: 1; z-index: 1200; } .Tooltip__base_inlineIntegration--1yyXf .Tooltip__overlay--1cWLu { border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 2px 0px, rgba(0, 0, 0, 0.08) 0px 4px 16px 0px; } .Tooltip__base_withinDialog--2VKcQ { z-index: 10001; } .Tooltip__base_right--Umj51 .Tooltip__arrow--d1fTW { top: 50%; transform: translateY(-50%); } .Tooltip__base_right--Umj51 .Tooltip__arrow--d1fTW, .Tooltip__base_rightBottom--2ENU7 .Tooltip__arrow--d1fTW, .Tooltip__base_rightTop--hrtcq .Tooltip__arrow--d1fTW { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-image: none; border-bottom: var(--size-arrow-height) solid transparent; border-right: var(--size-arrow-height) solid var(--vkui--color_background); border-top: var(--size-arrow-height) solid transparent; left: calc(var(--size-arrow-height)*-1); } .Tooltip__base_left--3uwPB .Tooltip__arrow--d1fTW { top: 50%; transform: translateY(-50%); } .Tooltip__base_left--3uwPB .Tooltip__arrow--d1fTW, .Tooltip__base_leftBottom--3fSw0 .Tooltip__arrow--d1fTW, .Tooltip__base_leftTop--2gYEF .Tooltip__arrow--d1fTW { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-image: none; border-bottom: var(--size-arrow-height) solid transparent; border-left: var(--size-arrow-height) solid var(--vkui--color_background); border-top: var(--size-arrow-height) solid transparent; right: calc(var(--size-arrow-height)*-1); } .Tooltip__base_bottom--iPw3N .Tooltip__arrow--d1fTW { left: 50%; transform: translateX(-50%); } .Tooltip__base_bottom--iPw3N .Tooltip__arrow--d1fTW, .Tooltip__base_bottomLeft--8F0kT .Tooltip__arrow--d1fTW, .Tooltip__base_bottomRight--15mnb .Tooltip__arrow--d1fTW { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-image: none; border-bottom: var(--size-arrow-height) solid var(--vkui--color_background); border-left: var(--size-arrow-height) solid transparent; border-right: var(--size-arrow-height) solid transparent; top: calc(var(--size-arrow-height)*-1); } .Tooltip__base_top--18fGO .Tooltip__arrow--d1fTW { left: 50%; transform: translateX(-50%); } .Tooltip__base_top--18fGO .Tooltip__arrow--d1fTW, .Tooltip__base_topLeft--1i8TX .Tooltip__arrow--d1fTW, .Tooltip__base_topRight--3H57p .Tooltip__arrow--d1fTW { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-image: none; border-left: var(--size-arrow-height) solid transparent; border-right: var(--size-arrow-height) solid transparent; border-top: var(--size-arrow-height) solid var(--vkui--color_background); bottom: calc(var(--size-arrow-height)*-1); } .Tooltip__overlay--1cWLu { background-color: var(--vkui--color_background_modal); border-radius: 2px; box-shadow: var(--vkui--elevation4); max-height: 100%; overflow-y: auto; } .Tooltip__arrow--d1fTW { background: transparent; display: block; height: 0px; position: absolute; width: 0px; } .Tooltip__header_octavius--1L0Tc { font-family: var(--font-tt-norms); letter-spacing: 0.5px; padding: 20px 20px 16px; text-transform: uppercase; white-space: nowrap; font-size: 10px !important; font-weight: 700 !important; } .Tooltip__clickDimmer--1MIMV { height: 100vh; left: 0px; position: fixed; top: 0px; width: 100vw; z-index: 1006; } .Tooltip__radius_4--2i0ZC, .Tooltip__radius_4--2i0ZC .Tooltip__overlay--1cWLu { border-radius: 4px; } .Tooltip__radius_16--marak, .Tooltip__radius_16--marak .Tooltip__overlay--1cWLu { border-radius: 16px; } .Tooltip__radius_20--1g7GA, .Tooltip__radius_20--1g7GA .Tooltip__overlay--1cWLu { border-radius: 20px; } .Tooltip__root_bottomLeft--l0wz6, .Tooltip__root_bottomRight--1yB7G, .Tooltip__root_leftBottom--1J26G, .Tooltip__root_leftTop--oZuqa, .Tooltip__root_rightBottom--3LQDP, .Tooltip__root_rightTop--AaJ6I, .Tooltip__root_topLeft--3Y_hY, .Tooltip__root_topRight--3a3aR { opacity: 0; transition: opacity 0.3s, transform 0.2s; } .Tooltip__root_bottomLeft--l0wz6.Tooltip__root_final--3Oxsd, .Tooltip__root_bottomRight--1yB7G.Tooltip__root_final--3Oxsd, .Tooltip__root_leftBottom--1J26G.Tooltip__root_final--3Oxsd, .Tooltip__root_leftTop--oZuqa.Tooltip__root_final--3Oxsd, .Tooltip__root_rightBottom--3LQDP.Tooltip__root_final--3Oxsd, .Tooltip__root_rightTop--AaJ6I.Tooltip__root_final--3Oxsd, .Tooltip__root_topLeft--3Y_hY.Tooltip__root_final--3Oxsd, .Tooltip__root_topRight--3a3aR.Tooltip__root_final--3Oxsd { opacity: 1; transform: translate(0px); } .Tooltip__root_rightBottom--3LQDP, .Tooltip__root_rightTop--AaJ6I { transform: translateX(20px); } .Tooltip__root_leftBottom--1J26G, .Tooltip__root_leftTop--oZuqa { transform: translateX(-20px); } .Tooltip__root_bottomLeft--l0wz6, .Tooltip__root_bottomRight--1yB7G { transform: translateY(-20px); } .Tooltip__root_topLeft--3Y_hY, .Tooltip__root_topRight--3a3aR { transform: translateY(20px); } .Tooltip__base_overAll--3ChBc { z-index: 99999; } .RegisterCloudTooltip__root--4hO4j { box-sizing: border-box; padding: 16px; position: relative; text-align: left; width: 350px; } .RegisterCloudTooltip__root_theme_light--2eh2N { background-color: var(--vkui--color_background--hover); } .RegisterCloudTooltip__root_theme_light--2eh2N .RegisterCloudTooltip__closeButton--3vU4U, .RegisterCloudTooltip__root_theme_light--2eh2N .RegisterCloudTooltip__text--3wM2m, .RegisterCloudTooltip__root_theme_light--2eh2N .RegisterCloudTooltip__title--TJG8L { color: var(--vkui--color_text_muted); } .RegisterCloudTooltip__root_theme_dark--2pjCA { background-color: var(--vkui--color_icon_primary); } .RegisterCloudTooltip__root_theme_dark--2pjCA .RegisterCloudTooltip__closeButton--3vU4U, .RegisterCloudTooltip__root_theme_dark--2pjCA .RegisterCloudTooltip__text--3wM2m, .RegisterCloudTooltip__root_theme_dark--2pjCA .RegisterCloudTooltip__title--TJG8L { color: var(--vkui--color_text_contrast); } .RegisterCloudTooltip__root_theme_dark--2pjCA.RegisterCloudTooltip__root_bg_cloud--36yTK { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/tooltip/4145d9ff6fdd19dd0098.png"); } .RegisterCloudTooltip__root_theme_dark--2pjCA.RegisterCloudTooltip__root_bg_cloud--36yTK, .RegisterCloudTooltip__root_theme_light--2eh2N.RegisterCloudTooltip__root_bg_cloud--36yTK { background-position: 100% 100%; background-repeat: no-repeat; background-size: 40% auto; } .RegisterCloudTooltip__root_theme_light--2eh2N.RegisterCloudTooltip__root_bg_cloud--36yTK { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/tooltip/ed81c4a378d3eba47543.png"); } .RegisterCloudTooltip__root_bg_photos--3XxG_ { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/tooltip/2d53969037b40447f35e.png"); width: 326px; } .RegisterCloudTooltip__root_bg_docs--1S-Wx, .RegisterCloudTooltip__root_bg_photos--3XxG_ { background-position: 100% 100%; background-repeat: no-repeat; background-size: 40% auto; } .RegisterCloudTooltip__root_bg_docs--1S-Wx { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/tooltip/ed290e063a606d84e3bc.png"); width: 380px; } .RegisterCloudTooltip__closeButton--3vU4U { position: absolute; right: 16px; top: 16px; } .RegisterCloudTooltip__title--TJG8L { -webkit-font-smoothing: antialiased; font-family: var(--vkui--font_family_accent); font-size: 18px; font-weight: 600; line-height: var(--vkui--font_title2--line_height--compact); } .RegisterCloudTooltip__text--3wM2m { font-weight: var(--vkui--font_text--font_weight--regular); } .RegisterCloudTooltip__buttonText--b-mFj, .RegisterCloudTooltip__text--3wM2m { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); } .RegisterCloudTooltip__buttonText--b-mFj { font-weight: var(--vkui--font_weight_accent1); } .RegisterCloudTooltip__button--3gJCq.ui.button { display: inline-flex; } .SafePromoDialog__root--3flx8.ui.tiny.modal { max-width: 100%; width: 540px; } @media only screen and (max-width: 767px) { .SafePromoDialog__root--3flx8.ui.tiny.modal > .content { padding: 0px 14px !important; } } @media only screen and (max-width: 767px) { .SafePromoDialog__content--2Eydj { padding-bottom: 14px !important; } } .SafePromoDialog__image--2pwWH { flex-shrink: 0; height: 240px; } .SafePromoDialog__items--il83q { display: flex; flex-direction: column; } .SafePromoDialog__item--2ZRc8 { display: flex; margin-bottom: 8px; } .SafePromoDialog__item--2ZRc8 .SafePromoDialog__icon--J4h6f { align-items: center; display: flex; flex-shrink: 0; height: 20px; margin-right: 8px; width: 20px; } .SafePromoDialog__text--BSu93 { font-size: var(--vkui--font_title3--font_size--compact); line-height: var(--vkui--font_title3--line_height--compact); } .SafePromoDialog__title--1Kotr { font-size: var(--vkui--font_display_title1--font_size--regular); } .Move2SafeTooltip__root--2og8O { width: 367px; } .Move2SafeTooltip__root--2og8O .Move2SafeTooltip__tipContent--1NcXD { padding: 20px; } .Move2SafeTooltip__root--2og8O .Move2SafeTooltip__tipText--2DPS6 { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--line_height--regular); width: 320px; } .FakedoorModal__root--2r-tA.ui.tiny.modal { max-width: 100%; width: 420px; } @media only screen and (max-width: 767px) { .FakedoorModal__root--2r-tA.ui.tiny.modal > .content { padding: 0px 14px !important; } } @media only screen and (max-width: 767px) { .FakedoorModal__content--291KG { padding-bottom: 14px !important; } } .FakedoorModal__secondStepIllustrationWrapper--7auay { align-items: center; background-color: var(--vkui--color_background_sky); display: flex; height: 100%; justify-content: center; width: 100%; } .FakedoorModal__secondStepImage--1sKNj { width: 420px; } .FakedoorModal__closeIcon--1Rg-B { color: var(--vkui--color_icon_secondary); } .FakedoorModal__primaryBttn--1phy8 { margin-right: 12px !important; } .VigboPrintModal__imageWrapper--1l_RN { height: 240px !important; } .VigboPrintModal__closeIcon--1g7Hz { color: var(--vkui--color_icon_secondary); } .VigboPrintTooltip__content--2u4VU { padding-right: 85px !important; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .ToolbarItem__root--2HCf9 { align-items: center; border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_primary); cursor: pointer; display: flex; height: 36px; padding: 8px 16px 8px 12px; position: relative; transition: background-color 0.1s ease-in; white-space: nowrap; } .ToolbarItem__root--2HCf9:hover { background-color: var(--vkui--color_transparent--hover); } .ToolbarItem__root--2HCf9:hover .ToolbarItem__dropdownIcon_bordered--1534H { background-color: var(--vkui--color_background_secondary--hover); } .ToolbarItem__root_dark--2NsPz { color: var(--color_text_muted--dark); } .ToolbarItem__root_dark--2NsPz:hover { background-color: rgb(71, 72, 74); } .ToolbarItem__root_cepia--2lK3T { color: var(--vkui--color_text_muted); } .ToolbarItem__root_cepia--2lK3T:hover { background: var(--cloud--color_background_header_icon); } .ToolbarItem__root_vigbo_black--g_ifd { background: var(--vkui--color_background_contrast_inverse); color: var(--vkui--color_text_contrast); } .ToolbarItem__root_vigbo_black--g_ifd:hover { background: var(--vkui--color_text_muted); } .ToolbarItem__root_vigbo_gray--1mMAb { background: var(--vkui--color_background_secondary); } .ToolbarItem__root_vigbo_gray--1mMAb:hover { background: var(--vkui--color_background_secondary--hover); } .ToolbarItem__root_disabled--1JQRO { opacity: 0.5; pointer-events: none; } .ToolbarItem__root_item_disabled--29_tO { opacity: 0.4; } .ToolbarItem__content--29Wg6 { align-items: center; display: flex; position: relative; } .ToolbarItem__text--2wrTe { font-family: var(--font-tt-norms); font-size: 15px; font-weight: 500; line-height: 20px; } .ToolbarItem__textInlineIntegration--1W5Kn { color: var(--vkui--color_text_primary); font-family: var(--font-inline-integration); font-size: 14px; font-weight: 500; line-height: 18px; } @media (max-width: 840px) { .ToolbarItem__textResponsive--2CPrG { display: none; } } .ToolbarItem__icon--1NJJf { height: 20px; width: 20px; } .ToolbarItem__icon--1NJJf ~ .ToolbarItem__text--2wrTe { margin-left: 8px; } .ToolbarItem__dropdownIcon--2Z2TV { line-height: 0; margin-left: 2px; transition: transform 0.2s ease-in-out; } .ToolbarItem__dropdownIcon_bordered--1534H { align-items: center; border-radius: 6px; display: flex; height: 32px; justify-content: center; margin-left: 8px; margin-right: -10px; transition: background-color 0.1s ease-in; width: 32px; } .ToolbarItem__dropdownIcon_bordered--1534H:hover { background-color: var(--vkui--color_background_secondary--hover); } .ToolbarItem__root_active--n7uYh { background-color: var(--vkui--color_background--active); } .ToolbarItem__root_active--n7uYh .ToolbarItem__dropdownIcon--2Z2TV { transform: rotate(180deg); } .ToolbarItem__root_active--n7uYh .ToolbarItem__dropdownIcon_bordered--1534H { background-color: var(--vkui--color_background_secondary--active); } .ToolbarItem__root_withDropdown--1X6vb { padding: 8px 12px; } @media (max-width: 840px) { .ToolbarItem__rootResponsive--it8qn.ToolbarItem__root_withDropdown--1X6vb { padding: var(--vkui--x2); } } .ToolbarItem__root_collapsed--1Pj6c { padding: 8px; } .ToolbarItem__root_create--m4Pj-, .ToolbarItem__root_upload--3IqX_ { width: 120px; padding: 8px !important; } .ToolbarItem__root_create--m4Pj- .ToolbarItem__icon--1NJJf ~ .ToolbarItem__text--2wrTe, .ToolbarItem__root_upload--3IqX_ .ToolbarItem__icon--1NJJf ~ .ToolbarItem__text--2wrTe { margin-left: 4px; } .ToolbarItem__root_upload--3IqX_ { width: 128px; } .ToolbarItem__root_create--m4Pj- { width: 116px; } .ToolbarItem__root_blue--2jKhm { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .ToolbarItem__root_blue--2jKhm:hover { background-color: var(--vkui--color_background_accent--hover); } .ToolbarItem__root_blueOutline--1p-h8 { border: 1px solid var(--vkui--color_stroke_accent); color: var(--vkui--color_text_accent); } .ToolbarItem__root_blueOutline--1p-h8 .ToolbarItem__text--2wrTe { line-height: normal; } .ToolbarItem__root_blueOutline--1p-h8:hover { border-color: var(--vkui--color_stroke_accent--hover); } .ToolbarItem__root_filename--2DjJf:hover { background-color: var(--vkui--color_header_background); } .ToolbarItem__root_filename--2DjJf .ToolbarItem__text--2wrTe { max-width: 300px; overflow: hidden; text-overflow: ellipsis; } .ToolbarItem__delimiter--1CHog { background-image: linear-gradient(var(--vkui--color_separator_primary),var(--vkui--color_separator_primary)); background-position: 50% center; background-repeat: no-repeat; background-size: 24px 1px; cursor: default; rotate: 90deg; } .ToolbarItem__delimiter--1CHog:hover { background-color: initial; } .ToolbarItem__delimiter_dark--fSbEQ { background-image: linear-gradient(var(--color-background-gray-05),var(--color-background-gray-05)); background-position: 50% center; background-repeat: no-repeat; background-size: 24px 1px; } .ToolbarItem__root_ebook_viewer--kbeS_ { color: rgb(44, 45, 46); } .DownloadLimitsInformer__info--1pIdG { align-items: center; background: var(--vkui--color_background_content); border: 1px solid var(--vkui--color_stroke_negative); border-radius: 12px; box-sizing: border-box; display: flex; flex-shrink: 0; height: 46px; justify-content: space-between; padding: 8px 12px; position: relative; width: 100%; } .DownloadLimitsInformer__infoHome--1oLc- { margin-left: 12px; min-height: max-content; width: 550px; } .DownloadLimitsInformer__infoMobile--1lfPU { margin-left: 0px; margin-top: 24px; min-height: 92px; padding: 12px; width: 100%; } .DownloadLimitsInformer__iconInfo--2LhSq { color: var(--vkui--color_stroke_negative); } .DownloadLimitsInformer__iconCancelMobile--1Nl0L, .DownloadLimitsInformer__iconInfoHome--2qc49, .DownloadLimitsInformer__iconInfoMobile--3HfJd { align-self: flex-start; } .DownloadLimitsInformer__content--3__9s { align-items: center; display: flex; flex: 1 1 0%; font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_footnote--font_size--regular); font-weight: var(--vkui--font_footnote--font_weight--regular); justify-content: space-between; line-height: var(--vkui--font_footnote--line_height--regular); padding-left: 8px; padding-right: 8px; } .DownloadLimitsInformer__contentMobile--lrVrA { align-items: normal; flex-direction: column; font-size: var(--vkui--font_headline1--font_size--compact); height: 100%; line-height: var(--vkui--font_headline1--line_height--compact); } .DownloadLimitsInformer__text--MymHz { color: var(--vkui--color_text_primary); } .DownloadLimitsInformer__button--CGncf.ui.button { font-size: var(--vkui--font_footnote--font_size--regular); font-weight: var(--vkui--font_headline2--font_weight--regular); height: 28px; line-height: var(--vkui--font_footnote--line_height--regular); min-width: 156px; padding: 8px 16px; } .DownloadLimitsInformer__link--nj0jk { color: var(--vkui--color_text_link); padding-top: 6px; } .DownloadLimitsInformer__iconCancel--2W27o { color: var(--vkui--color_icon_tertiary); } .DownloadLimitsInformer__iconCancel--2W27o:hover { color: var(--vkui--color_icon_tertiary--hover); cursor: pointer; } .DownloadLimitsInformer__iconCancel--2W27o:active { color: var(--vkui--color_icon_tertiary--active); } .LastFilesWidget__root--1NL4S { display: flex; flex-direction: column; gap: 16px; overflow: hidden; } .LastFilesWidget__header--2pEIQ { flex-direction: row; } .LastFilesWidget__collapser--2nsea, .LastFilesWidget__header--2pEIQ { align-items: center; display: flex; gap: 8px; } .LastFilesWidget__collapser--2nsea { color: var(--vkui--color_text_primary); cursor: pointer; height: 20px; } .LastFilesWidget__expandIcon--98xpW { transform: rotate(0deg); transition: transform 0.1s ease-in-out; } .LastFilesWidget__expandIconExpanded--3Iy17 { transform: rotate(90deg); } .LastFilesWidget__title--GT9x- { width: max-content; } .LastFilesWidget__tooltipText--36EpB { font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_weight_base3); line-height: 24px; } .LastFilesWidget__headerContent--1xwOE { align-items: center; display: flex; justify-content: flex-end; width: 100%; } .LastFilesWidget__leftControls--1G5wf { user-select: none; } .LastFilesWidget__feedAll--3jh92 { color: var(--vkui--color_text_accent); cursor: pointer; font-family: var(--font_family--vk_sans_display); font-size: 15px; line-height: 20px; } .LastFilesWidget__body--3hBuF { height: 244px; transition: height 0.1s ease-in-out; } .LastFilesWidget__bodyClosed--3Itzi { height: 0px; margin: 0px; } .LastFilesWidget__lastFiles--jbL2f { display: block; font-family: var(--font-inter); height: 200px; overflow: hidden; padding-bottom: 0px; padding-top: 20px; } .VirtualList__colItem--3S17h { height: 100%; } .VirtualList__divider--2jvLO { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 16px; font-weight: 500; line-height: 22px; padding: 0px 16px; width: 100%; } .VirtualList__dividerContainer--3W6LM { align-items: center; display: flex; } .VirtualList__gridRow--H87aU { display: flex; } .RemoveGroupButton__root--PYdYa { color: var(--vkui--color_text_accent); cursor: pointer; font-size: 15px; font-style: normal; font-weight: 500; line-height: 20px; text-align: center; } .VirtualListDivider__root--3wc0Y { -webkit-font-smoothing: antialiased; align-items: center; color: var(--vkui--color_text_secondary--hover); display: flex; font-family: var(--font-tt-norms); font-size: var(--vkui--font_headline--font_size--compact); justify-content: center; line-height: var(--vkui--font_headline--line_height--compact); margin-bottom: 12px; min-height: 0px !important; } .VirtualListDivider__root_small--34m1H { font-size: 15px; line-height: 20px; margin-bottom: 6px; } .VirtualListDivider__container--3MHDM { display: flex; } .VirtualListDivider__adv--3JM9v, .VirtualListDivider__container--3MHDM { align-items: center; } .VirtualListDivider__adv--3JM9v .VirtualListDivider__root--3wc0Y { width: 100%; } .VirtualListDivider__duplicates--2pX4b { display: flex; justify-content: space-between; width: calc(100% - 16px) !important; } .VirtualList-new__root--2dnUL { min-height: 200px; padding-left: 16px; position: relative; user-select: none; z-index: 0; } .VirtualList-new__list--16j2b { scrollbar-gutter: stable; height: 100%; scrollbar-color: transparent transparent; scrollbar-width: thin; overflow-y: auto !important; } .VirtualList-new__list--16j2b:hover { scrollbar-color: var(--color-scrollbar) var(--vkui--color_background); } .VirtualList-new__list--16j2b > div { pointer-events: all !important; } .VirtualList-new__list--16j2b.VirtualList-new__listDisableScroll--oAn1q { overflow-y: hidden !important; } .VirtualList-new__list--16j2b::-webkit-scrollbar { height: 6px; width: 6px; } .VirtualList-new__list--16j2b::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar); border-radius: 6px; } .VirtualList-new__list--16j2b ::-webkit-scrollbar-corner, .VirtualList-new__list--16j2b::-webkit-scrollbar-track { background-color: initial; } .VirtualList-new__listHiddenScroll--3_CR2 { scrollbar-width: none; } .VirtualList-new__listHiddenScroll--3_CR2::-webkit-scrollbar { display: none; } .VirtualList-new__listHiddenScroll--3_CR2 .VirtualList-new__compensateScroll--Bz2pF { padding-right: 0px; } .VirtualList-new__root_new_portal_header--1adyq { height: 100%; } .VirtualList-new__root_grid--2nE76 { display: block; } .VirtualList-new__gridRow--2bxYO { display: flex; } .VirtualList-new__colItem--iYwp3 { height: 100%; } .VirtualList-new__loader--2uGNs { height: 60px; position: relative; } .VirtualList-new__divider--3LQto { -webkit-font-smoothing: antialiased; align-items: center; color: var(--vkui--color_text_secondary--hover); display: flex; font-family: var(--font-tt-norms); font-size: var(--vkui--font_headline--font_size--compact); justify-content: center; line-height: var(--vkui--font_headline--line_height--compact); margin-bottom: 12px; min-height: 0px !important; } .VirtualList-new__divider_small--c5wtJ { font-size: 15px; line-height: 20px; margin-bottom: 6px; } .VirtualList-new__dividerContainer--1nSRx { display: flex; } .VirtualList-new__dividerAdv--3O--2, .VirtualList-new__dividerContainer--1nSRx { align-items: center; } .VirtualList-new__dividerAdv--3O--2 .VirtualList-new__divider--3LQto { width: 100%; } .VirtualList-new__dividerGrid--fhEvb { margin-bottom: 12px; } .VirtualList-new__dividerList--2uTUL { margin-bottom: 0px; } .VirtualList-new__dividerGallery--2Eo8X { color: var(--vkui--color_text_primary) !important; font-weight: 500; } .VirtualList-new__compensateScroll--Bz2pF { display: flex; flex-direction: column; gap: 12px; height: 100%; min-height: 80px; padding-right: var(--compensate-scroll-padding); position: relative; } .VirtualList-new__galleryRow--33RUw { gap: 4px; box-sizing: border-box; display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(2, 1fr); height: calc(100% - 4px); } .VirtualList-new__galleryRow--33RUw.VirtualList-new__singleRow--1mvWW { display: block; height: fit-content; padding-right: 0px; } .VirtualList-new__fastscrollRow--3deJw, .VirtualList-new__galleryRow--33RUw .VirtualList-new__compensateScroll--Bz2pF { gap: 4px; display: grid; } .VirtualList-new__fastscrollRow--3deJw { box-sizing: border-box; grid-template-columns: repeat(6, 1fr); grid-template-rows: 1fr; height: calc(100% - 4px); } .VirtualList-new__fastscrollRow--3deJw.VirtualList-new__singleRow--1mvWW { display: block; height: fit-content; padding-right: 0px; } .VirtualList-new__fastscrollRow--3deJw .VirtualList-new__compensateScroll--Bz2pF { gap: 4px; display: grid; } .VirtualList-new__fastscrollRow_grid_0--1kGS- > :first-child { grid-column: 1 / 3; } .VirtualList-new__fastscrollRow_grid_1--3bj7X > :nth-child(3) { grid-column: 3 / 5; } .VirtualList-new__fastscrollRow_grid_1--3bj7X > :nth-child(4) { grid-column: 5 / 7; } .VirtualList-new__fastscrollRow_grid_2--yZdNs > :first-child { grid-column: 1 / 3; } .VirtualList-new__fastscrollRow_grid_2--yZdNs > :nth-child(4) { grid-column: 5 / 7; } .VirtualList-new__singleRow--1mvWW { z-index: 2; } .VirtualList-new__fastscrollDivider--2HtkA { display: flex; justify-content: center; min-height: auto; } .VirtualList-new__galleryRow_grid_0--3JsJx > :first-child { grid-area: 1 / 1 / 3 / 5; } .VirtualList-new__galleryRow_grid_1--GWqiE > :nth-child(3) { grid-area: 1 / 3 / 2 / 5; } .VirtualList-new__galleryRow_grid_1--GWqiE > :nth-child(6) { grid-area: 2 / 1 / 3 / 3; } .VirtualList-new__galleryRow_grid_1--GWqiE > :nth-child(9) { grid-area: 2 / 5 / 3 / 7; } .VirtualList-new__galleryRow_grid_2--17FXW > :nth-child(3) { grid-area: 1 / 3 / 3 / 5; } .VirtualList-new__galleryRow_grid_1--GWqiE .VirtualList-new__compensateScroll--Bz2pF { min-height: 78px; } .VirtualList-new__inline-hidden--3pC-E { overflow: hidden; } .VirtualList-new__extraBlockRow--2e2kW { align-items: end; display: flex; flex-direction: row; } .VirtualList-new__extraBlockGallaryRow--3iLd4 { width: 100%; } .VirtualList-new__listDisplayBlockFooter--2tXtB .VirtualList-new__extraBlockRow--2e2kW { display: block; } .VirtualList__root--2_JbO { min-height: 200px; position: relative; user-select: none; z-index: 0; } .VirtualList__root_grid--TvMC0 { display: block; } .VirtualList__gridRow--m0RSQ { display: flex; } .VirtualList__colItem--2T_t2 { height: 100%; } .VirtualList__loader--1q6_e { height: 60px; position: relative; } .VirtualList__divider--2wyOb { color: var(--vkui--color_text_secondary--hover); font-family: var(--font-tt-norms); font-size: 18px; line-height: 24px; margin-bottom: 12px; } .VirtualList__divider_small--2r7_1 { font-size: 15px; line-height: 20px; margin-bottom: 6px; } .VirtualList__dividerContainer--BeaX9 { align-items: flex-end; display: flex; } .VirtualList__dividerAdv--2nZ4f { align-items: center; } .VirtualList__dividerAdv--2nZ4f .VirtualList__divider--2wyOb { width: 100%; } .VirtualList__dividerGrid--1WPjQ.VirtualList__dividerAdv--2nZ4f .VirtualList__divider--2wyOb { margin-bottom: 12px; } .VirtualList__dividerList--1pHTQ.VirtualList__dividerAdv--2nZ4f .VirtualList__divider--2wyOb { margin-bottom: 0px; } .VirtualList__galleryRow--13J3h { gap: 4px; display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(2, 1fr); height: calc(100% - 4px); } .VirtualList__galleryRow_grid_0--1ctU_ > :first-child { grid-area: 1 / 1 / 3 / 5; } .VirtualList__galleryRow_grid_1--IjRSa > :nth-child(3) { grid-area: 1 / 3 / 2 / 5; } .VirtualList__galleryRow_grid_1--IjRSa > :nth-child(6) { grid-area: 2 / 1 / 3 / 3; } .VirtualList__galleryRow_grid_1--IjRSa > :nth-child(9) { grid-area: 2 / 5 / 3 / 7; } .VirtualList__galleryRow_grid_2--LhER0 > :nth-child(3) { grid-area: 1 / 3 / 3 / 5; } .DateHeader__wrapper--1vn-u { display: flex; gap: 9px; height: 24px; padding: 6px 0px; } .DateHeader__header--20Alm { color: var(--vkui--color_text_primary); } .DateHeader__header--20Alm, .DateHeader__today--1klJ4 { font-size: var(--vkui--font_title3--font_size--compact); font-weight: var(--vkui--font_title3--font_weight--compact); } .DateHeader__today--1klJ4 { color: var(--vkui--color_text_secondary); } .RecoveryDialog__content--39N4_ { word-break: break-all; } .FileIcon__icon--21fhF { background-position: 50% center; background-repeat: no-repeat; background-size: contain; height: 40px; width: 40px; } .FileIcon__size_xs--1tLxE { height: 32px; width: 32px; } .FileIcon__size_s--1p9No { height: 40px; width: 40px; } .FileIcon__size_m--1LtIO { height: 48px; width: 48px; } .FileIcon__size_l--JNOkw { height: 80px; width: 80px; } :root { --Virus_file_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/c69b5ca5e98c39ce2f69.svg); --Virus_file_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/be0fc4049252695fcbdb.svg); --Virus_file_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/fbf76d7ce18f8707dcb9.svg); --Video_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/7b5a7baa448bd4bdfc30.svg); --Video_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/73f8e6490c7571bf4bb8.svg); --Video_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/f6264bc177924af29a0b.svg); --Unknown_file_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/d0781b56e96af1f8b335.svg); --Unknown_file_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/6e2d7570b30a0200fe97.svg); --Unknown_file_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/2e3855f7b9bf3b1df1a7.svg); --Text_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/759e378dc3d2dc23cce9.svg); --Text_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/f89ce6272f0b41b5d6d2.svg); --Text_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/936e85802cede7041c75.svg); --Table_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/632a2fef5594c764a9f6.svg); --Table_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/b3b1d438da35e3c04a16.svg); --Table_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/af01f02d207abfae115f.svg); --Source_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/d2ded268a88b607f2cb8.svg); --Source_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/14afa5685328d0a3837a.svg); --Source_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/d3c8abbdbb0e6ce79b8d.svg); --Presentation_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/4f1178c248c465ad205a.svg); --Presentation_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/058a768e5e987d357cd9.svg); --Presentation_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/f6749b2fd717c2fc1cb6.svg); --Picture_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/96c0fd1b726e115db51e.svg); --Picture_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/de75896949808e699deb.svg); --Picture_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/1f36d579e3dcb971b06d.svg); --PDF_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/6ee7a361b6f78066fb8c.svg); --PDF_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/3ec749e464a49cc97d62.svg); --PDF_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/5d2d42e413a886a6a295.svg); --Mail_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/8a49d8dedddbe4363274.svg); --Mail_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/f99866cf432e4a7484b2.svg); --Mail_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/38c506f3a3dfcb55c8a8.svg); --Graphics_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/092952d3019795c7e900.svg); --Graphics_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/e7199e80f27587ec9011.svg); --Graphics_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/16e52849b963a49b3664.svg); --Folder_virus_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/589d74aaf5c95a325da9.svg); --Folder_virus_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/d4b34410ba69b04b77b3.svg); --Folder_virus_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/1dd433b8cb9606d01e8f.svg); --Folder_group_share_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/b59dfea2d99fdf6bce0d.svg); --Folder_group_share_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/c9282a2189b59ddae517.svg); --Folder_group_share_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/8be3ae88f690f15cb094.svg); --Folder_family_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/9495cfee48f7c5551bde.svg); --Folder_family_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/28318f681a3125aa5dd4.svg); --Folder_family_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/829d3c4cbf5ab4c55384.svg); --Folder_default_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/26413d8406c69e4ef2f4.svg); --Folder_default_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/1e9bcee21c3f34db99b4.svg); --Folder_default_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/5727656a905bd5fc70be.svg); --Folder_autodelete_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/aaddef4ae2cd5eebe808.svg); --Folder_autodelete_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/5db7738bc954e12d4d6d.svg); --Folder_autodelete_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/1e826950e0c74b7b6ed4.svg); --Document_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/74ae6f7469026c7deb27.svg); --Document_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/064aa74be28a5f7fd2a4.svg); --Document_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/9093adf284d604ae1416.svg); --Code_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/45cbf92d7d713c5ee9cc.svg); --Code_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/190797b8ec36e5bcbbfb.svg); --Code_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/27e9aded83800c64a360.svg); --Calendar_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/120fbd3f02859decb152.svg); --Calendar_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/1dca417af9a9491ea199.svg); --Calendar_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/a8f35e370d7756ab3404.svg); --Broken_file_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/22ec417e1e5d946ae6fd.svg); --Broken_file_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/7c6f26827e9f637a46dd.svg); --Broken_file_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/2f9c84dbf0ca8d472732.svg); --Books_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/ea2bcd9b42749f33a930.svg); --Books_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/5194c57f44120eac7d14.svg); --Books_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/8d1c4c9b0cc680d2e7c9.svg); --Audio_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/a33568db37ebdc2add7c.svg); --Audio_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/2d60c4a39f6db751926f.svg); --Audio_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/db237a306a89ee776b75.svg); --Archive_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/4fbeb1455bc42195df9d.svg); --Archive_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/6c8efb06d9518928482c.svg); --Archive_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/d5d034c754fb8963a950.svg); --Folder_AI_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/f5ef2df93dff125938d7.svg); --Folder_AI_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/3fd49b1d1a25ac0a72cc.svg); --Folder_AI_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/8ca5a1a4d1e1522a4a12.svg); --Folder_Telegram_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/3f421b6256158dfad322.svg); --Folder_Telegram_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/13225c8787b6f8088991.svg); --Folder_Telegram_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/2420b6381dc2bafbdcbd.svg); } .FileIcon__iconRedesign--3W_M6 { --Table_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/485796ea7677db787795.svg); --Table_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/e0513b9bb4f47fbe53f2.svg); --Table_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/8b5708635a9a23f251a1.svg); --Presentation_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/325d19453d5f427ebf77.svg); --Presentation_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/d190eb641ba613e6986c.svg); --Presentation_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/9b16d58f0eb08d8c2e8a.svg); --PDF_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/687fcae3d28c4885056d.svg); --PDF_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/1a614b4e699708f0b522.svg); --PDF_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/5ab4cff5e7700420dfcc.svg); --Document_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/2f57aef0db9f80ca4c8f.svg); --Document_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/2b7eb629bce99269197f.svg); --Document_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/1188a5697965ea400104.svg); } .FileIcon__touchRedesign--2jPph { --Virus_file_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/80941cc447329a79761a.svg); --Virus_file_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/5d91b41a9f7a988d2e15.svg); --Video_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/c8bd9eea3c24b79af61f.svg); --Video_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/53f302945f81b320167d.svg); --Unknown_file_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/1077ae862720d02e192c.svg); --Unknown_file_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/6feb1b8360cc717d94ef.svg); --Text_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/1ff0509a689113fd73d2.svg); --Text_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/f0db13fb525c079ad4ab.svg); --Table_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/6d697d3a2e538f4b9b8d.svg); --Table_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/abd6b3e9016c014c7980.svg); --Source_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/8939f21ccae9bfc656d5.svg); --Source_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/a5fbab594131b2b51f58.svg); --Presentation_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/e6b29846be87893e269e.svg); --Presentation_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/7932af83f50a2c5b3d1b.svg); --Picture_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/928dedcccf2de277cec6.svg); --Picture_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/0f65c4e4e2f95337a2e7.svg); --PDF_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/9fbc9f2f27fb49da939a.svg); --PDF_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/9baa56f30f927a90469e.svg); --Mail_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/54ab37d38c678a906f74.svg); --Mail_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/8ae1b954cabdfc58ac9a.svg); --Graphics_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/c9aae6782e0e6d7bc170.svg); --Graphics_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/fef126073aced747d635.svg); --Document_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/7977f990b8c4ac933fbd.svg); --Document_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/852e52bd1775ea4a4144.svg); --Code_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/effb981d210dc425874d.svg); --Code_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/fa3ba0aecb7b387391a7.svg); --Calendar_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/eece9d7f0bcc392c55df.svg); --Calendar_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/2dd865d6c64193236736.svg); --Broken_file_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/8a069e1a44fc4c91f6d6.svg); --Broken_file_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/ce52fa50654a1ff51a59.svg); --Books_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/b1936f1147f49a9ef673.svg); --Books_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/2071e63ef9477c2dcd5c.svg); --Audio_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/ee3e498399b99ceaa021.svg); --Audio_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/b06bc365e695560b832f.svg); --Archive_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/f1eba7d9e6bc499ba183.svg); --Archive_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/81af9a36c5daa9ae0bb3.svg); --Folder_default_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/89efe06d30408ef09e4e.svg); --Folder_default_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/eb6da6adb7146e1e5642.svg); --Folder_family_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/d97545fef9219e13c19c.svg); --Folder_family_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/c2566c111fe5f1692b96.svg); --Folder_group_share_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/3e459418575b0c6a6ac0.svg); --Folder_group_share_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/3889499e0e07306a0bf4.svg); --Folder_autodelete_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/7a69f55540ce03d00d95.svg); --Folder_autodelete_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/86cca0fad6456e33eaa3.svg); --Folder_Telegram_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/d4d3f209fdc3eab81ff4.svg); --Folder_Telegram_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/f38047ef1a56562ea513.svg); } .FileIcon__root_dark--UDozY, :root .vkui--cloud--dark { --Virus_file_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/af2c84bd2229f0890a86.svg); --Virus_file_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/283209629e2a6c8535b9.svg); --Virus_file_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/b009d274fc914d9223dd.svg); --Video_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/7ff48aca998170a8efae.svg); --Video_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/67b70ed64ddfb50d9e72.svg); --Video_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/716068ba10d71c2c1c47.svg); --Unknown_file_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/51dc500601e39483b4ce.svg); --Unknown_file_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/51bf2fc91dcc044a74e2.svg); --Unknown_file_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/979653c0152ca1bd7272.svg); --Text_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/05816e5b949d52873a18.svg); --Text_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/047dc251b897204edeba.svg); --Text_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/27ce202f1f488c15d125.svg); --Table_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/6ffc30b1342e97416f29.svg); --Table_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/56f637047f471220a5cd.svg); --Table_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/924e6f35ebe28b3014fd.svg); --Source_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/b05fa310fd2e462e65bc.svg); --Source_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/2962c577d907d4921542.svg); --Source_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/1f47f7186c816662d1c9.svg); --Presentation_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/1f5d732ae86d021af1ab.svg); --Presentation_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/79b2aa57ced220312ced.svg); --Presentation_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/e15c42cf0c256f346d3e.svg); --Picture_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/eb0f0b0b3b3b27efad7b.svg); --Picture_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/ac94852c18e69e368cd0.svg); --Picture_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/4ddb0231680c9fe20419.svg); --PDF_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/784b0119cf2adb590f72.svg); --PDF_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/2b8faa4385d6c6e391da.svg); --PDF_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/2126c5f0786af817a425.svg); --Mail_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/e8f7eb14502bc56b44c4.svg); --Mail_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/a5d455c7fb03794fa09c.svg); --Mail_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/0085f330bbf52376c263.svg); --Graphics_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/a85463f08f9efaab78d1.svg); --Graphics_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/14e4a7edf3a28c23fc61.svg); --Graphics_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/f4f01319caa23b9200c9.svg); --Folder_virus_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/c2c11929210e124f935d.svg); --Folder_virus_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/0fd66d83a750c7c9b299.svg); --Folder_virus_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/0baf0b73eb3af393aafe.svg); --Folder_group_share_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/b59dfea2d99fdf6bce0d.svg); --Folder_group_share_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/c9282a2189b59ddae517.svg); --Folder_group_share_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/8be3ae88f690f15cb094.svg); --Folder_default_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/26413d8406c69e4ef2f4.svg); --Folder_default_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/1e9bcee21c3f34db99b4.svg); --Folder_default_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/5727656a905bd5fc70be.svg); --Folder_autodelete_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/aaddef4ae2cd5eebe808.svg); --Folder_autodelete_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/5db7738bc954e12d4d6d.svg); --Folder_autodelete_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/1e826950e0c74b7b6ed4.svg); --Document_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/62ae33ad373c78a45b6c.svg); --Document_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/30cb0ed4d4723aeb6897.svg); --Document_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/eda5c218d790dd58d383.svg); --Code_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/88a0962b574c86762e0d.svg); --Code_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/42e6a544cd0e05ba34c3.svg); --Code_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/ad25d59dd739b3f9909d.svg); --Calendar_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/3fd8f540ce378db8cfcd.svg); --Calendar_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/64176c64b26a5a9e5376.svg); --Calendar_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/2a392609d464dfa7bfb3.svg); --Broken_file_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/629dc3e0cd468df1f12c.svg); --Broken_file_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/e2e1a1b9c25e38522026.svg); --Broken_file_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/ed61493ef0673ddb6727.svg); --Books_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/ec7a221f480c90d82055.svg); --Books_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/5cbc8e09f7f1a7e54b49.svg); --Books_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/658090812e84cfdfd5c8.svg); --Audio_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/cf80cd66872158fd547a.svg); --Audio_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/dc4ffb68ff284cda5db9.svg); --Audio_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/5528d6c4a2576fb50e18.svg); --Archive_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/f7269b5690054f8eb5fa.svg); --Archive_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/8f164627d05a1bb343fb.svg); --Archive_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/d1167f0f834a205fff64.svg); } .vkui--cloud--dark .FileIcon__touchRedesign--2jPph { --Virus_file_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/80941cc447329a79761a.svg); --Virus_file_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/5d91b41a9f7a988d2e15.svg); --Video_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/891b9185b458f3b5b99d.svg); --Video_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/09fc07bc89afd21df500.svg); --Unknown_file_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/ef4b6f365108197d2411.svg); --Unknown_file_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/73a4f18bec03f95a4f66.svg); --Text_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/3556b14ffc0ef9b8550d.svg); --Text_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/b247a083afcb105fd8ea.svg); --Table_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/001a2b649e6986983721.svg); --Table_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/50127368cf07eaf5c317.svg); --Source_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/6af14c79f1be3ed419c9.svg); --Source_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/f1afbe592a610e2deb7b.svg); --Presentation_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/525352fba74158ef2393.svg); --Presentation_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/3cebb188f3553f979fe1.svg); --Picture_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/2932c4147a4eb76989c3.svg); --Picture_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/fd0d0d4251b9364f8344.svg); --PDF_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/28d5608c1d2ad301749d.svg); --PDF_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/e796d17e8c1221db9d84.svg); --Mail_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/8ae1a6886e0882504ffc.svg); --Mail_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/75e1477862af259fbfb9.svg); --Graphics_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/9906d806dd2609959a18.svg); --Graphics_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/07ac48b1e0d1893dfb4b.svg); --Document_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/72866b06ce9b320991f7.svg); --Document_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/3a18fdbe3eb2675319df.svg); --Code_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/d919f5972a7cc6d63447.svg); --Code_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/bae69bd626c23e49e061.svg); --Calendar_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/c2bb99fda76e9e0f0434.svg); --Calendar_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/7dc1b1cfecc18d5928ec.svg); --Broken_file_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/8761eb267038b2ca2b0a.svg); --Broken_file_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/04617c0afae10d34375d.svg); --Books_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/9010bf619ddaa7a95dfa.svg); --Books_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/617a39fedf472f2761f5.svg); --Audio_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/135f3c33db08579e7163.svg); --Audio_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/bf4fbbcd80640144da26.svg); --Archive_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/1888d8f9470a4d852a36.svg); --Archive_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/66e3982b20c1c03fddfc.svg); } .vkui--cloud--dark .FileIcon__iconRedesign--3W_M6 { --Table_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/d717e4727feca36d0d46.svg); --Table_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/a42303831fc22e78bb9e.svg); --Table_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/1a057d66e3431818aeb8.svg); --Document_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/9824a2086422b9cbe73b.svg); --Document_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/7e4ad07e11d216b35077.svg); --Document_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/d26b1a42af4ba4887fed.svg); --Presentation_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/1a6ea582623b5f9f6780.svg); --Presentation_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/9e03eccc6d52e6fe2927.svg); --Presentation_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/24746f4a664562c9eb4d.svg); --PDF_80: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/e89a34cd34c30fa754d9.svg); --PDF_48: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/6282ef3b456366c75b31.svg); --PDF_40: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/11dfc8cea5aebb1ff8da.svg); } .FileIcon__mode--3XVVV { padding: initial; } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder--2e1Hv, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete--EaWSA, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete-month--56yGl, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete-week--3-9sZ, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-camera--2MYMA, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-mounted--3uH9v, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-shared--25-2d { background-image: var(--Folder_default_40); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete-month--56yGl.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete-week--3-9sZ.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete--EaWSA.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-camera--2MYMA.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-mounted--3uH9v.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-shared--25-2d.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder--2e1Hv.FileIcon__size_m--1LtIO { background-image: var(--Folder_default_48); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete-month--56yGl.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete-week--3-9sZ.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete--EaWSA.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-camera--2MYMA.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-mounted--3uH9v.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-shared--25-2d.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder--2e1Hv.FileIcon__size_l--JNOkw { background-image: var(--Folder_default_80); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete--EaWSA, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete-month--56yGl, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete-week--3-9sZ { background-image: var(--Folder_autodelete_40); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete-month--56yGl.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete-week--3-9sZ.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete--EaWSA.FileIcon__size_m--1LtIO { background-image: var(--Folder_autodelete_48); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete-month--56yGl.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete-week--3-9sZ.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-autodelete--EaWSA.FileIcon__size_l--JNOkw { background-image: var(--Folder_autodelete_80); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-mounted--3uH9v, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-shared--25-2d { background-image: var(--Folder_group_share_40); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-mounted--3uH9v.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-shared--25-2d.FileIcon__size_m--1LtIO { background-image: var(--Folder_group_share_48); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-mounted--3uH9v.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-shared--25-2d.FileIcon__size_l--JNOkw { background-image: var(--Folder_group_share_80); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-family--2lcVE { background-image: var(--Folder_family_40); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-family--2lcVE.FileIcon__size_m--1LtIO { background-image: var(--Folder_family_48); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-family--2lcVE.FileIcon__size_l--JNOkw { background-image: var(--Folder_family_80); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-virus--1wmd0 { background-image: var(--Folder_virus_40); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-virus--1wmd0.FileIcon__size_m--1LtIO { background-image: var(--Folder_virus_48); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-virus--1wmd0.FileIcon__size_l--JNOkw { background-image: var(--Folder_virus_80); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-ai--1yOba { background-image: var(--Folder_AI_40); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-ai--1yOba.FileIcon__size_m--1LtIO { background-image: var(--Folder_AI_48); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-ai--1yOba.FileIcon__size_l--JNOkw { background-image: var(--Folder_AI_80); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-telegram--12auk { background-image: var(--Folder_Telegram_40); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-telegram--12auk.FileIcon__size_m--1LtIO { background-image: var(--Folder_Telegram_48); } .FileIcon__mode--3XVVV.FileIcon__folder_type_folder-telegram--12auk.FileIcon__size_l--JNOkw { background-image: var(--Folder_Telegram_80); } .FileIcon__mode--3XVVV.FileIcon__file_type--3JvC9 { background-image: var(--Unknown_file_40); } .FileIcon__mode--3XVVV.FileIcon__file_type--3JvC9.FileIcon__size_m--1LtIO { background-image: var(--Unknown_file_48); } .FileIcon__mode--3XVVV.FileIcon__file_type--3JvC9.FileIcon__size_l--JNOkw { background-image: var(--Unknown_file_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_doc--3brU1, .FileIcon__mode--3XVVV.FileIcon__file_type_docm--3QzDF, .FileIcon__mode--3XVVV.FileIcon__file_type_document--bBHIO, .FileIcon__mode--3XVVV.FileIcon__file_type_docx--3cEmT, .FileIcon__mode--3XVVV.FileIcon__file_type_dot--334XD, .FileIcon__mode--3XVVV.FileIcon__file_type_dotx--2Zri3, .FileIcon__mode--3XVVV.FileIcon__file_type_odt--2lgjR, .FileIcon__mode--3XVVV.FileIcon__file_type_ott--2Vz4U, .FileIcon__mode--3XVVV.FileIcon__file_type_pages--nT__t, .FileIcon__mode--3XVVV.FileIcon__file_type_rtf--20i3v, .FileIcon__mode--3XVVV.FileIcon__file_type_text--3eWub, .FileIcon__mode--3XVVV.FileIcon__file_type_word-online--eoJnO, .FileIcon__mode--3XVVV.FileIcon__file_type_wpd--3U_qO, .FileIcon__mode--3XVVV.FileIcon__file_type_wps--31Rki, .FileIcon__mode--3XVVV.FileIcon__file_type_xodt--2aakb, .FileIcon__mode--3XVVV.FileIcon__file_type_xott--3A2E7 { background-image: var(--Document_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_doc--3brU1.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_docm--3QzDF.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_document--bBHIO.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_docx--3cEmT.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_dot--334XD.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_dotx--2Zri3.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_odt--2lgjR.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ott--2Vz4U.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_pages--nT__t.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_rtf--20i3v.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_text--3eWub.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_word-online--eoJnO.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_wpd--3U_qO.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_wps--31Rki.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_xodt--2aakb.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_xott--3A2E7.FileIcon__size_m--1LtIO { background-image: var(--Document_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_doc--3brU1.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_docm--3QzDF.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_document--bBHIO.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_docx--3cEmT.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_dot--334XD.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_dotx--2Zri3.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_odt--2lgjR.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ott--2Vz4U.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_pages--nT__t.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_rtf--20i3v.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_text--3eWub.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_word-online--eoJnO.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_wpd--3U_qO.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_wps--31Rki.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_xodt--2aakb.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_xott--3A2E7.FileIcon__size_l--JNOkw { background-image: var(--Document_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_key--249im, .FileIcon__mode--3XVVV.FileIcon__file_type_keynote--3RWi_, .FileIcon__mode--3XVVV.FileIcon__file_type_odp--2lSYk, .FileIcon__mode--3XVVV.FileIcon__file_type_otp--2TbGu, .FileIcon__mode--3XVVV.FileIcon__file_type_pot--2Wuo7, .FileIcon__mode--3XVVV.FileIcon__file_type_potm--P9peM, .FileIcon__mode--3XVVV.FileIcon__file_type_potx--2arDj, .FileIcon__mode--3XVVV.FileIcon__file_type_powerpoint-online--1vckD, .FileIcon__mode--3XVVV.FileIcon__file_type_pps--26f29, .FileIcon__mode--3XVVV.FileIcon__file_type_ppsm--15_3F, .FileIcon__mode--3XVVV.FileIcon__file_type_ppsx--8OW3P, .FileIcon__mode--3XVVV.FileIcon__file_type_ppt--XjMte, .FileIcon__mode--3XVVV.FileIcon__file_type_pptm--1QMg8, .FileIcon__mode--3XVVV.FileIcon__file_type_pptx--YkJTC, .FileIcon__mode--3XVVV.FileIcon__file_type_presentation--1cEeH { background-image: var(--Presentation_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_key--249im.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_keynote--3RWi_.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_odp--2lSYk.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_otp--2TbGu.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_pot--2Wuo7.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_potm--P9peM.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_potx--2arDj.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_powerpoint-online--1vckD.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_pps--26f29.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ppsm--15_3F.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ppsx--8OW3P.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ppt--XjMte.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_pptm--1QMg8.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_pptx--YkJTC.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_presentation--1cEeH.FileIcon__size_m--1LtIO { background-image: var(--Presentation_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_key--249im.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_keynote--3RWi_.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_odp--2lSYk.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_otp--2TbGu.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_pot--2Wuo7.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_potm--P9peM.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_potx--2arDj.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_powerpoint-online--1vckD.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_pps--26f29.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ppsm--15_3F.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ppsx--8OW3P.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ppt--XjMte.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_pptm--1QMg8.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_pptx--YkJTC.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_presentation--1cEeH.FileIcon__size_l--JNOkw { background-image: var(--Presentation_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_csv--2RaWa, .FileIcon__mode--3XVVV.FileIcon__file_type_excel--6xCJG, .FileIcon__mode--3XVVV.FileIcon__file_type_excel-online--1hCpA, .FileIcon__mode--3XVVV.FileIcon__file_type_numbers--2GoWW, .FileIcon__mode--3XVVV.FileIcon__file_type_ods--3tQq6, .FileIcon__mode--3XVVV.FileIcon__file_type_ots--2JcLO, .FileIcon__mode--3XVVV.FileIcon__file_type_spreadsheet--tjRbz, .FileIcon__mode--3XVVV.FileIcon__file_type_xls--2Ewye, .FileIcon__mode--3XVVV.FileIcon__file_type_xlsb--1VNpp, .FileIcon__mode--3XVVV.FileIcon__file_type_xlsm--1wj7D, .FileIcon__mode--3XVVV.FileIcon__file_type_xlsx--3dw0M, .FileIcon__mode--3XVVV.FileIcon__file_type_xlt--31SQa, .FileIcon__mode--3XVVV.FileIcon__file_type_xltx--m-f6v, .FileIcon__mode--3XVVV.FileIcon__file_type_xods--1Z7RO, .FileIcon__mode--3XVVV.FileIcon__file_type_xots--17Lht { background-image: var(--Table_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_csv--2RaWa.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_excel-online--1hCpA.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_excel--6xCJG.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_numbers--2GoWW.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ods--3tQq6.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ots--2JcLO.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_spreadsheet--tjRbz.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_xls--2Ewye.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_xlsb--1VNpp.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_xlsm--1wj7D.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_xlsx--3dw0M.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_xlt--31SQa.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_xltx--m-f6v.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_xods--1Z7RO.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_xots--17Lht.FileIcon__size_m--1LtIO { background-image: var(--Table_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_csv--2RaWa.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_excel-online--1hCpA.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_excel--6xCJG.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_numbers--2GoWW.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ods--3tQq6.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ots--2JcLO.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_spreadsheet--tjRbz.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_xls--2Ewye.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_xlsb--1VNpp.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_xlsm--1wj7D.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_xlsx--3dw0M.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_xlt--31SQa.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_xltx--m-f6v.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_xods--1Z7RO.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_xots--17Lht.FileIcon__size_l--JNOkw { background-image: var(--Table_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_apng--1KQii, .FileIcon__mode--3XVVV.FileIcon__file_type_arw--2eOc2, .FileIcon__mode--3XVVV.FileIcon__file_type_bmp--1z67s, .FileIcon__mode--3XVVV.FileIcon__file_type_cr2--22lPy, .FileIcon__mode--3XVVV.FileIcon__file_type_crw--3-_g6, .FileIcon__mode--3XVVV.FileIcon__file_type_dng--20oPV, .FileIcon__mode--3XVVV.FileIcon__file_type_gif--_gm8L, .FileIcon__mode--3XVVV.FileIcon__file_type_graphics--2NGyQ, .FileIcon__mode--3XVVV.FileIcon__file_type_hdp--2lDcE, .FileIcon__mode--3XVVV.FileIcon__file_type_heic--1kyxa, .FileIcon__mode--3XVVV.FileIcon__file_type_heif--3PA-f, .FileIcon__mode--3XVVV.FileIcon__file_type_ico--yTxHX, .FileIcon__mode--3XVVV.FileIcon__file_type_image--3wh6z, .FileIcon__mode--3XVVV.FileIcon__file_type_j2k--12eIA, .FileIcon__mode--3XVVV.FileIcon__file_type_jp2--1lQPV, .FileIcon__mode--3XVVV.FileIcon__file_type_jpe--hM_DE, .FileIcon__mode--3XVVV.FileIcon__file_type_jpeg--1-nDT, .FileIcon__mode--3XVVV.FileIcon__file_type_jpf--2RRy9, .FileIcon__mode--3XVVV.FileIcon__file_type_jpg--3FQ-g, .FileIcon__mode--3XVVV.FileIcon__file_type_jpm--2IsmW, .FileIcon__mode--3XVVV.FileIcon__file_type_jpx--MPh83, .FileIcon__mode--3XVVV.FileIcon__file_type_jxr--G7x93, .FileIcon__mode--3XVVV.FileIcon__file_type_nef--HnFJ8, .FileIcon__mode--3XVVV.FileIcon__file_type_nrw--2ZVvY, .FileIcon__mode--3XVVV.FileIcon__file_type_picture--Qe2_E, .FileIcon__mode--3XVVV.FileIcon__file_type_png--2B4Gh, .FileIcon__mode--3XVVV.FileIcon__file_type_raw--VVOHB, .FileIcon__mode--3XVVV.FileIcon__file_type_sr2--MrcL9, .FileIcon__mode--3XVVV.FileIcon__file_type_srf--2ZGGN, .FileIcon__mode--3XVVV.FileIcon__file_type_tga--3HFAY, .FileIcon__mode--3XVVV.FileIcon__file_type_tif--3CzTp, .FileIcon__mode--3XVVV.FileIcon__file_type_tiff--3lMst, .FileIcon__mode--3XVVV.FileIcon__file_type_wdp--JTwxq, .FileIcon__mode--3XVVV.FileIcon__file_type_webp--1Egw0 { background-image: var(--Picture_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_apng--1KQii.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_arw--2eOc2.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_bmp--1z67s.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_cr2--22lPy.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_crw--3-_g6.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_dng--20oPV.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_gif--_gm8L.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_graphics--2NGyQ.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_hdp--2lDcE.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_heic--1kyxa.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_heif--3PA-f.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ico--yTxHX.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_image--3wh6z.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_j2k--12eIA.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_jp2--1lQPV.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_jpe--hM_DE.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_jpeg--1-nDT.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_jpf--2RRy9.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_jpg--3FQ-g.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_jpm--2IsmW.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_jpx--MPh83.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_jxr--G7x93.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_nef--HnFJ8.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_nrw--2ZVvY.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_picture--Qe2_E.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_png--2B4Gh.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_raw--VVOHB.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_sr2--MrcL9.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_srf--2ZGGN.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_tga--3HFAY.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_tif--3CzTp.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_tiff--3lMst.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_wdp--JTwxq.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_webp--1Egw0.FileIcon__size_m--1LtIO { background-image: var(--Picture_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_apng--1KQii.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_arw--2eOc2.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_bmp--1z67s.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_cr2--22lPy.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_crw--3-_g6.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_dng--20oPV.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_gif--_gm8L.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_graphics--2NGyQ.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_hdp--2lDcE.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_heic--1kyxa.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_heif--3PA-f.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ico--yTxHX.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_image--3wh6z.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_j2k--12eIA.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_jp2--1lQPV.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_jpe--hM_DE.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_jpeg--1-nDT.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_jpf--2RRy9.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_jpg--3FQ-g.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_jpm--2IsmW.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_jpx--MPh83.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_jxr--G7x93.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_nef--HnFJ8.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_nrw--2ZVvY.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_picture--Qe2_E.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_png--2B4Gh.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_raw--VVOHB.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_sr2--MrcL9.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_srf--2ZGGN.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_tga--3HFAY.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_tif--3CzTp.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_tiff--3lMst.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_wdp--JTwxq.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_webp--1Egw0.FileIcon__size_l--JNOkw { background-image: var(--Picture_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_3gp--1Mf_R, .FileIcon__mode--3XVVV.FileIcon__file_type_asf--2Z-Kg, .FileIcon__mode--3XVVV.FileIcon__file_type_avi--2GK2o, .FileIcon__mode--3XVVV.FileIcon__file_type_flv--2bsoT, .FileIcon__mode--3XVVV.FileIcon__file_type_m2ts--11SBi, .FileIcon__mode--3XVVV.FileIcon__file_type_m4v--11G3w, .FileIcon__mode--3XVVV.FileIcon__file_type_matroska--1IG2E, .FileIcon__mode--3XVVV.FileIcon__file_type_mk3d--1c8u1, .FileIcon__mode--3XVVV.FileIcon__file_type_mka--16IzU, .FileIcon__mode--3XVVV.FileIcon__file_type_mks--1beWV, .FileIcon__mode--3XVVV.FileIcon__file_type_mkv--1gWHk, .FileIcon__mode--3XVVV.FileIcon__file_type_mng--1fpqF, .FileIcon__mode--3XVVV.FileIcon__file_type_mov--2vewH, .FileIcon__mode--3XVVV.FileIcon__file_type_mp4--3QyGE, .FileIcon__mode--3XVVV.FileIcon__file_type_mp4v--1tirL, .FileIcon__mode--3XVVV.FileIcon__file_type_mpeg--1ees6, .FileIcon__mode--3XVVV.FileIcon__file_type_mpg--2UK_J, .FileIcon__mode--3XVVV.FileIcon__file_type_mts--2NGJa, .FileIcon__mode--3XVVV.FileIcon__file_type_ogv--zDs_c, .FileIcon__mode--3XVVV.FileIcon__file_type_qt--2K96m, .FileIcon__mode--3XVVV.FileIcon__file_type_ts--3Ab5B, .FileIcon__mode--3XVVV.FileIcon__file_type_tsa--37BEZ, .FileIcon__mode--3XVVV.FileIcon__file_type_tsv--3qB2_, .FileIcon__mode--3XVVV.FileIcon__file_type_video--uxHNA, .FileIcon__mode--3XVVV.FileIcon__file_type_vob--2QMPh, .FileIcon__mode--3XVVV.FileIcon__file_type_webm--21urX, .FileIcon__mode--3XVVV.FileIcon__file_type_wmv--3ZtXe, .FileIcon__mode--3XVVV.FileIcon__file_type_wmx--258ck { background-image: var(--Video_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_3gp--1Mf_R.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_asf--2Z-Kg.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_avi--2GK2o.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_flv--2bsoT.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_m2ts--11SBi.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_m4v--11G3w.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_matroska--1IG2E.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mk3d--1c8u1.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mka--16IzU.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mks--1beWV.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mkv--1gWHk.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mng--1fpqF.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mov--2vewH.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mp4--3QyGE.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mp4v--1tirL.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mpeg--1ees6.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mpg--2UK_J.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mts--2NGJa.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ogv--zDs_c.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_qt--2K96m.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ts--3Ab5B.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_tsa--37BEZ.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_tsv--3qB2_.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_video--uxHNA.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_vob--2QMPh.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_webm--21urX.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_wmv--3ZtXe.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_wmx--258ck.FileIcon__size_m--1LtIO { background-image: var(--Video_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_3gp--1Mf_R.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_asf--2Z-Kg.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_avi--2GK2o.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_flv--2bsoT.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_m2ts--11SBi.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_m4v--11G3w.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_matroska--1IG2E.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mk3d--1c8u1.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mka--16IzU.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mks--1beWV.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mkv--1gWHk.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mng--1fpqF.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mov--2vewH.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mp4--3QyGE.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mp4v--1tirL.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mpeg--1ees6.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mpg--2UK_J.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mts--2NGJa.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ogv--zDs_c.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_qt--2K96m.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ts--3Ab5B.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_tsa--37BEZ.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_tsv--3qB2_.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_video--uxHNA.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_vob--2QMPh.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_webm--21urX.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_wmv--3ZtXe.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_wmx--258ck.FileIcon__size_l--JNOkw { background-image: var(--Video_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_aac--3iDTH, .FileIcon__mode--3XVVV.FileIcon__file_type_aifc--3xH0l, .FileIcon__mode--3XVVV.FileIcon__file_type_aiff--_VkBq, .FileIcon__mode--3XVVV.FileIcon__file_type_asx--1jiF3, .FileIcon__mode--3XVVV.FileIcon__file_type_audio--184bT, .FileIcon__mode--3XVVV.FileIcon__file_type_cue--1xNxr, .FileIcon__mode--3XVVV.FileIcon__file_type_flac--2Sq9f, .FileIcon__mode--3XVVV.FileIcon__file_type_m3u--12NGo, .FileIcon__mode--3XVVV.FileIcon__file_type_m3u8--2vgUN, .FileIcon__mode--3XVVV.FileIcon__file_type_m4a--1Uhw9, .FileIcon__mode--3XVVV.FileIcon__file_type_mid--1D2qC, .FileIcon__mode--3XVVV.FileIcon__file_type_midi--2haYy, .FileIcon__mode--3XVVV.FileIcon__file_type_mp3--1IcZd, .FileIcon__mode--3XVVV.FileIcon__file_type_oga--2iUJ1, .FileIcon__mode--3XVVV.FileIcon__file_type_ogg--1ITB5, .FileIcon__mode--3XVVV.FileIcon__file_type_opus--1WAeP, .FileIcon__mode--3XVVV.FileIcon__file_type_playlist--28p64, .FileIcon__mode--3XVVV.FileIcon__file_type_pls--2uxBH, .FileIcon__mode--3XVVV.FileIcon__file_type_ra--3hJaB, .FileIcon__mode--3XVVV.FileIcon__file_type_ram--1NWmb, .FileIcon__mode--3XVVV.FileIcon__file_type_wav--BRGGa, .FileIcon__mode--3XVVV.FileIcon__file_type_wave--1-V5G, .FileIcon__mode--3XVVV.FileIcon__file_type_wma--2MGBO { background-image: var(--Audio_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_aac--3iDTH.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_aifc--3xH0l.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_aiff--_VkBq.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_asx--1jiF3.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_audio--184bT.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_cue--1xNxr.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_flac--2Sq9f.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_m3u--12NGo.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_m3u8--2vgUN.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_m4a--1Uhw9.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mid--1D2qC.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_midi--2haYy.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mp3--1IcZd.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_oga--2iUJ1.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ogg--1ITB5.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_opus--1WAeP.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_playlist--28p64.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_pls--2uxBH.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ra--3hJaB.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ram--1NWmb.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_wav--BRGGa.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_wave--1-V5G.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_wma--2MGBO.FileIcon__size_m--1LtIO { background-image: var(--Audio_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_aac--3iDTH.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_aifc--3xH0l.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_aiff--_VkBq.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_asx--1jiF3.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_audio--184bT.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_cue--1xNxr.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_flac--2Sq9f.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_m3u--12NGo.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_m3u8--2vgUN.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_m4a--1Uhw9.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mid--1D2qC.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_midi--2haYy.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mp3--1IcZd.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_oga--2iUJ1.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ogg--1ITB5.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_opus--1WAeP.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_playlist--28p64.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_pls--2uxBH.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ra--3hJaB.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ram--1NWmb.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_wav--BRGGa.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_wave--1-V5G.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_wma--2MGBO.FileIcon__size_l--JNOkw { background-image: var(--Audio_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_conf--1e4Dt, .FileIcon__mode--3XVVV.FileIcon__file_type_diff--1cgv7, .FileIcon__mode--3XVVV.FileIcon__file_type_ini--k5RCo, .FileIcon__mode--3XVVV.FileIcon__file_type_lng--1Ql2H, .FileIcon__mode--3XVVV.FileIcon__file_type_log--2afJp, .FileIcon__mode--3XVVV.FileIcon__file_type_mime--1HccT, .FileIcon__mode--3XVVV.FileIcon__file_type_note--2mWsj, .FileIcon__mode--3XVVV.FileIcon__file_type_plain-text--FwPrU, .FileIcon__mode--3XVVV.FileIcon__file_type_txt--dU4iO { background-image: var(--Text_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_conf--1e4Dt.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_diff--1cgv7.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ini--k5RCo.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_lng--1Ql2H.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_log--2afJp.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mime--1HccT.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_note--2mWsj.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_plain-text--FwPrU.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_txt--dU4iO.FileIcon__size_m--1LtIO { background-image: var(--Text_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_conf--1e4Dt.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_diff--1cgv7.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ini--k5RCo.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_lng--1Ql2H.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_log--2afJp.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mime--1HccT.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_note--2mWsj.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_plain-text--FwPrU.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_txt--dU4iO.FileIcon__size_l--JNOkw { background-image: var(--Text_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_asm--23Ayq, .FileIcon__mode--3XVVV.FileIcon__file_type_atom--17ETz, .FileIcon__mode--3XVVV.FileIcon__file_type_c--1kLhl, .FileIcon__mode--3XVVV.FileIcon__file_type_cc--2bPxK, .FileIcon__mode--3XVVV.FileIcon__file_type_chm--3be3A, .FileIcon__mode--3XVVV.FileIcon__file_type_cpp--1KtPR, .FileIcon__mode--3XVVV.FileIcon__file_type_css--14qUQ, .FileIcon__mode--3XVVV.FileIcon__file_type_cxx--24aBf, .FileIcon__mode--3XVVV.FileIcon__file_type_dtd--3L1VF, .FileIcon__mode--3XVVV.FileIcon__file_type_f--UzqXy, .FileIcon__mode--3XVVV.FileIcon__file_type_f77--3eOuU, .FileIcon__mode--3XVVV.FileIcon__file_type_f90--2rKBB, .FileIcon__mode--3XVVV.FileIcon__file_type_for--uJ4zt, .FileIcon__mode--3XVVV.FileIcon__file_type_gemspec--1kiZl, .FileIcon__mode--3XVVV.FileIcon__file_type_h--DhBQj, .FileIcon__mode--3XVVV.FileIcon__file_type_hh--2Hz38, .FileIcon__mode--3XVVV.FileIcon__file_type_hpp--2csAu, .FileIcon__mode--3XVVV.FileIcon__file_type_htm--1Xjr5, .FileIcon__mode--3XVVV.FileIcon__file_type_html--EpL4i, .FileIcon__mode--3XVVV.FileIcon__file_type_java--SBFRA, .FileIcon__mode--3XVVV.FileIcon__file_type_js--FAfQ2, .FileIcon__mode--3XVVV.FileIcon__file_type_json--1ZGaS, .FileIcon__mode--3XVVV.FileIcon__file_type_mad--DSz0_, .FileIcon__mode--3XVVV.FileIcon__file_type_markdown--1MK-M .FileIcon__mode--3XVVV.FileIcon__file_type_source--2qY_R, .FileIcon__mode--3XVVV.FileIcon__file_type_masm--3SMWL, .FileIcon__mode--3XVVV.FileIcon__file_type_mathml--1EFLN, .FileIcon__mode--3XVVV.FileIcon__file_type_mht--1DEoL, .FileIcon__mode--3XVVV.FileIcon__file_type_mhtml--2HaV-, .FileIcon__mode--3XVVV.FileIcon__file_type_mml--DR3Te, .FileIcon__mode--3XVVV.FileIcon__file_type_p--2c4wc, .FileIcon__mode--3XVVV.FileIcon__file_type_pas--3lvaR, .FileIcon__mode--3XVVV.FileIcon__file_type_php--37EUK, .FileIcon__mode--3XVVV.FileIcon__file_type_pl--7JdtW, .FileIcon__mode--3XVVV.FileIcon__file_type_pm--2buHz, .FileIcon__mode--3XVVV.FileIcon__file_type_py--2-7OX, .FileIcon__mode--3XVVV.FileIcon__file_type_rake--1NVw_, .FileIcon__mode--3XVVV.FileIcon__file_type_rb--3OUIe, .FileIcon__mode--3XVVV.FileIcon__file_type_ru--2x9ZQ, .FileIcon__mode--3XVVV.FileIcon__file_type_s--3rl7v, .FileIcon__mode--3XVVV.FileIcon__file_type_sgm--3mLwH, .FileIcon__mode--3XVVV.FileIcon__file_type_sgml--3Vz37, .FileIcon__mode--3XVVV.FileIcon__file_type_t--18zC_, .FileIcon__mode--3XVVV.FileIcon__file_type_tex--1yrEB, .FileIcon__mode--3XVVV.FileIcon__file_type_texi--2Nna-, .FileIcon__mode--3XVVV.FileIcon__file_type_texinfo--kr4Mg, .FileIcon__mode--3XVVV.FileIcon__file_type_txi--34dYz, .FileIcon__mode--3XVVV.FileIcon__file_type_vbs--2_5qh, .FileIcon__mode--3XVVV.FileIcon__file_type_xhtml--3jTQb, .FileIcon__mode--3XVVV.FileIcon__file_type_xml--2pkiX, .FileIcon__mode--3XVVV.FileIcon__file_type_yaml--3D200, .FileIcon__mode--3XVVV.FileIcon__file_type_yml--1zZ47 { background-image: var(--Code_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_asm--23Ayq.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_atom--17ETz.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_c--1kLhl.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_cc--2bPxK.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_chm--3be3A.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_cpp--1KtPR.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_css--14qUQ.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_cxx--24aBf.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_dtd--3L1VF.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_f--UzqXy.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_f77--3eOuU.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_f90--2rKBB.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_for--uJ4zt.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_gemspec--1kiZl.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_h--DhBQj.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_hh--2Hz38.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_hpp--2csAu.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_htm--1Xjr5.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_html--EpL4i.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_java--SBFRA.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_js--FAfQ2.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_json--1ZGaS.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mad--DSz0_.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_markdown--1MK-M .FileIcon__mode--3XVVV.FileIcon__file_type_source--2qY_R.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_masm--3SMWL.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mathml--1EFLN.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mht--1DEoL.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mhtml--2HaV-.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mml--DR3Te.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_p--2c4wc.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_pas--3lvaR.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_php--37EUK.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_pl--7JdtW.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_pm--2buHz.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_py--2-7OX.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_rake--1NVw_.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_rb--3OUIe.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ru--2x9ZQ.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_s--3rl7v.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_sgm--3mLwH.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_sgml--3Vz37.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_t--18zC_.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_tex--1yrEB.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_texi--2Nna-.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_texinfo--kr4Mg.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_txi--34dYz.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_vbs--2_5qh.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_xhtml--3jTQb.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_xml--2pkiX.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_yaml--3D200.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_yml--1zZ47.FileIcon__size_m--1LtIO { background-image: var(--Code_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_asm--23Ayq.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_atom--17ETz.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_c--1kLhl.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_cc--2bPxK.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_chm--3be3A.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_cpp--1KtPR.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_css--14qUQ.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_cxx--24aBf.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_dtd--3L1VF.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_f--UzqXy.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_f77--3eOuU.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_f90--2rKBB.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_for--uJ4zt.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_gemspec--1kiZl.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_h--DhBQj.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_hh--2Hz38.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_hpp--2csAu.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_htm--1Xjr5.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_html--EpL4i.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_java--SBFRA.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_js--FAfQ2.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_json--1ZGaS.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mad--DSz0_.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_markdown--1MK-M .FileIcon__mode--3XVVV.FileIcon__file_type_source--2qY_R.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_masm--3SMWL.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mathml--1EFLN.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mht--1DEoL.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mhtml--2HaV-.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mml--DR3Te.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_p--2c4wc.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_pas--3lvaR.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_php--37EUK.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_pl--7JdtW.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_pm--2buHz.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_py--2-7OX.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_rake--1NVw_.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_rb--3OUIe.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ru--2x9ZQ.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_s--3rl7v.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_sgm--3mLwH.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_sgml--3Vz37.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_t--18zC_.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_tex--1yrEB.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_texi--2Nna-.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_texinfo--kr4Mg.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_txi--34dYz.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_vbs--2_5qh.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_xhtml--3jTQb.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_xml--2pkiX.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_yaml--3D200.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_yml--1zZ47.FileIcon__size_l--JNOkw { background-image: var(--Code_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_7z--2X8SP, .FileIcon__mode--3XVVV.FileIcon__file_type_archive--1gxAZ, .FileIcon__mode--3XVVV.FileIcon__file_type_arj--FWkHx, .FileIcon__mode--3XVVV.FileIcon__file_type_bz2--3IRO6, .FileIcon__mode--3XVVV.FileIcon__file_type_bzip2--3xaov, .FileIcon__mode--3XVVV.FileIcon__file_type_cab--MJV74, .FileIcon__mode--3XVVV.FileIcon__file_type_ear--2_in-, .FileIcon__mode--3XVVV.FileIcon__file_type_gz--216Ea, .FileIcon__mode--3XVVV.FileIcon__file_type_hyp--1OZ-O, .FileIcon__mode--3XVVV.FileIcon__file_type_jar--X35aP, .FileIcon__mode--3XVVV.FileIcon__file_type_rar--1ubKO, .FileIcon__mode--3XVVV.FileIcon__file_type_tar--2h3B7, .FileIcon__mode--3XVVV.FileIcon__file_type_tbz--3thWe, .FileIcon__mode--3XVVV.FileIcon__file_type_tgz--1yYhF, .FileIcon__mode--3XVVV.FileIcon__file_type_war--3W9Uu, .FileIcon__mode--3XVVV.FileIcon__file_type_zip--1Q3eU, .FileIcon__mode--3XVVV.FileIcon__file_type_zipz--1DBEm { background-image: var(--Archive_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_7z--2X8SP.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_archive--1gxAZ.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_arj--FWkHx.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_bz2--3IRO6.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_bzip2--3xaov.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_cab--MJV74.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ear--2_in-.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_gz--216Ea.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_hyp--1OZ-O.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_jar--X35aP.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_rar--1ubKO.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_tar--2h3B7.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_tbz--3thWe.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_tgz--1yYhF.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_war--3W9Uu.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_zip--1Q3eU.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_zipz--1DBEm.FileIcon__size_m--1LtIO { background-image: var(--Archive_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_7z--2X8SP.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_archive--1gxAZ.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_arj--FWkHx.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_bz2--3IRO6.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_bzip2--3xaov.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_cab--MJV74.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ear--2_in-.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_gz--216Ea.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_hyp--1OZ-O.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_jar--X35aP.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_rar--1ubKO.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_tar--2h3B7.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_tbz--3thWe.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_tgz--1yYhF.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_war--3W9Uu.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_zip--1Q3eU.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_zipz--1DBEm.FileIcon__size_l--JNOkw { background-image: var(--Archive_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_ai--t8Ngi, .FileIcon__mode--3XVVV.FileIcon__file_type_cdr--1fO_E, .FileIcon__mode--3XVVV.FileIcon__file_type_cdw--1QTHR, .FileIcon__mode--3XVVV.FileIcon__file_type_dxf--4NqU1, .FileIcon__mode--3XVVV.FileIcon__file_type_eps--2Dn7h, .FileIcon__mode--3XVVV.FileIcon__file_type_fig--i3L8Q, .FileIcon__mode--3XVVV.FileIcon__file_type_photoshop--2_ocf, .FileIcon__mode--3XVVV.FileIcon__file_type_psd--1AVIg, .FileIcon__mode--3XVVV.FileIcon__file_type_skb--3VHa9, .FileIcon__mode--3XVVV.FileIcon__file_type_sketch--zWKNT, .FileIcon__mode--3XVVV.FileIcon__file_type_stl--1rEgz, .FileIcon__mode--3XVVV.FileIcon__file_type_svg--1cjr1, .FileIcon__mode--3XVVV.FileIcon__file_type_svgz--1gW50 { background-image: var(--Graphics_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_ai--t8Ngi.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_cdr--1fO_E.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_cdw--1QTHR.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_dxf--4NqU1.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_eps--2Dn7h.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_fig--i3L8Q.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_photoshop--2_ocf.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_psd--1AVIg.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_skb--3VHa9.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_sketch--zWKNT.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_stl--1rEgz.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_svg--1cjr1.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_svgz--1gW50.FileIcon__size_m--1LtIO { background-image: var(--Graphics_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_ai--t8Ngi.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_cdr--1fO_E.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_cdw--1QTHR.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_dxf--4NqU1.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_eps--2Dn7h.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_fig--i3L8Q.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_photoshop--2_ocf.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_psd--1AVIg.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_skb--3VHa9.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_sketch--zWKNT.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_stl--1rEgz.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_svg--1cjr1.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_svgz--1gW50.FileIcon__size_l--JNOkw { background-image: var(--Graphics_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_cb7--5FXaf, .FileIcon__mode--3XVVV.FileIcon__file_type_cba--3UkNb, .FileIcon__mode--3XVVV.FileIcon__file_type_cbr--3DRu4, .FileIcon__mode--3XVVV.FileIcon__file_type_cbt--1D7eY, .FileIcon__mode--3XVVV.FileIcon__file_type_cbz--1bSkR, .FileIcon__mode--3XVVV.FileIcon__file_type_djv--2rXMU, .FileIcon__mode--3XVVV.FileIcon__file_type_djvu--3XiL3, .FileIcon__mode--3XVVV.FileIcon__file_type_ebook--3mxXG, .FileIcon__mode--3XVVV.FileIcon__file_type_epub--3eCnx, .FileIcon__mode--3XVVV.FileIcon__file_type_fb2--2AAGm { background-image: var(--Books_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_cb7--5FXaf.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_cba--3UkNb.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_cbr--3DRu4.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_cbt--1D7eY.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_cbz--1bSkR.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_djv--2rXMU.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_djvu--3XiL3.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ebook--3mxXG.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_epub--3eCnx.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_fb2--2AAGm.FileIcon__size_m--1LtIO { background-image: var(--Books_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_cb7--5FXaf.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_cba--3UkNb.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_cbr--3DRu4.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_cbt--1D7eY.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_cbz--1bSkR.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_djv--2rXMU.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_djvu--3XiL3.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ebook--3mxXG.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_epub--3eCnx.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_fb2--2AAGm.FileIcon__size_l--JNOkw { background-image: var(--Books_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_pdf--1jOFD { background-image: var(--PDF_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_pdf--1jOFD.FileIcon__size_m--1LtIO { background-image: var(--PDF_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_pdf--1jOFD.FileIcon__size_l--JNOkw { background-image: var(--PDF_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_clx--16TRv, .FileIcon__mode--3XVVV.FileIcon__file_type_email--35L3-, .FileIcon__mode--3XVVV.FileIcon__file_type_eml--17qH2, .FileIcon__mode--3XVVV.FileIcon__file_type_mbox--1bb8q, .FileIcon__mode--3XVVV.FileIcon__file_type_msg--2snHo, .FileIcon__mode--3XVVV.FileIcon__file_type_p7s--1NpfL { background-image: var(--Mail_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_clx--16TRv.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_email--35L3-.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_eml--17qH2.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_mbox--1bb8q.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_msg--2snHo.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_p7s--1NpfL.FileIcon__size_m--1LtIO { background-image: var(--Mail_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_clx--16TRv.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_email--35L3-.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_eml--17qH2.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_mbox--1bb8q.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_msg--2snHo.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_p7s--1NpfL.FileIcon__size_l--JNOkw { background-image: var(--Mail_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_calendar--10gLV, .FileIcon__mode--3XVVV.FileIcon__file_type_ics--3bTd_, .FileIcon__mode--3XVVV.FileIcon__file_type_ifb--euGmt, .FileIcon__mode--3XVVV.FileIcon__file_type_vcs--bsQ6w { background-image: var(--Calendar_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_calendar--10gLV.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ics--3bTd_.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ifb--euGmt.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_vcs--bsQ6w.FileIcon__size_m--1LtIO { background-image: var(--Calendar_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_calendar--10gLV.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ics--3bTd_.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ifb--euGmt.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_vcs--bsQ6w.FileIcon__size_l--JNOkw { background-image: var(--Calendar_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_android-package--2njTz, .FileIcon__mode--3XVVV.FileIcon__file_type_apk--UvQNb, .FileIcon__mode--3XVVV.FileIcon__file_type_bat--3hpyz, .FileIcon__mode--3XVVV.FileIcon__file_type_com--2Xq4E, .FileIcon__mode--3XVVV.FileIcon__file_type_dbf--30Mr0, .FileIcon__mode--3XVVV.FileIcon__file_type_dmg--1PL-n, .FileIcon__mode--3XVVV.FileIcon__file_type_exe--2OdcF, .FileIcon__mode--3XVVV.FileIcon__file_type_exec--5EMpI, .FileIcon__mode--3XVVV.FileIcon__file_type_executable--1zavL, .FileIcon__mode--3XVVV.FileIcon__file_type_ipa--3U7gv, .FileIcon__mode--3XVVV.FileIcon__file_type_iso--30VZR, .FileIcon__mode--3XVVV.FileIcon__file_type_msi--2n2wt, .FileIcon__mode--3XVVV.FileIcon__file_type_sh--2DIrL { background-image: var(--Source_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_android-package--2njTz.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_apk--UvQNb.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_bat--3hpyz.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_com--2Xq4E.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_dbf--30Mr0.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_dmg--1PL-n.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_exe--2OdcF.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_exec--5EMpI.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_executable--1zavL.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ipa--3U7gv.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_iso--30VZR.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_msi--2n2wt.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_sh--2DIrL.FileIcon__size_m--1LtIO { background-image: var(--Source_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_android-package--2njTz.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_apk--UvQNb.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_bat--3hpyz.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_com--2Xq4E.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_dbf--30Mr0.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_dmg--1PL-n.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_exe--2OdcF.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_exec--5EMpI.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_executable--1zavL.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ipa--3U7gv.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_iso--30VZR.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_msi--2n2wt.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_sh--2DIrL.FileIcon__size_l--JNOkw { background-image: var(--Source_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_card--1ryjS, .FileIcon__mode--3XVVV.FileIcon__file_type_chart--3csTo, .FileIcon__mode--3XVVV.FileIcon__file_type_ldif--3rUr5, .FileIcon__mode--3XVVV.FileIcon__file_type_odc---LegH, .FileIcon__mode--3XVVV.FileIcon__file_type_otc--MnjT5, .FileIcon__mode--3XVVV.FileIcon__file_type_rss--1XGAE, .FileIcon__mode--3XVVV.FileIcon__file_type_sig--3qqkB, .FileIcon__mode--3XVVV.FileIcon__file_type_torrent--SjSjc, .FileIcon__mode--3XVVV.FileIcon__file_type_vcard--3Vs1I, .FileIcon__mode--3XVVV.FileIcon__file_type_vcf--3AMtO, .FileIcon__mode--3XVVV.FileIcon__file_type_web-feed--3CZTg { background-image: var(--Unknown_file_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_card--1ryjS.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_chart--3csTo.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_ldif--3rUr5.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_odc---LegH.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_otc--MnjT5.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_rss--1XGAE.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_sig--3qqkB.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_torrent--SjSjc.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_vcard--3Vs1I.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_vcf--3AMtO.FileIcon__size_m--1LtIO, .FileIcon__mode--3XVVV.FileIcon__file_type_web-feed--3CZTg.FileIcon__size_m--1LtIO { background-image: var(--Unknown_file_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_card--1ryjS.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_chart--3csTo.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_ldif--3rUr5.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_odc---LegH.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_otc--MnjT5.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_rss--1XGAE.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_sig--3qqkB.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_torrent--SjSjc.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_vcard--3Vs1I.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_vcf--3AMtO.FileIcon__size_l--JNOkw, .FileIcon__mode--3XVVV.FileIcon__file_type_web-feed--3CZTg.FileIcon__size_l--JNOkw { background-image: var(--Unknown_file_80); } .FileIcon__mode--3XVVV.FileIcon__file_type_virus--2FXGP { background-image: var(--Virus_file_40); } .FileIcon__mode--3XVVV.FileIcon__file_type_virus--2FXGP.FileIcon__size_m--1LtIO { background-image: var(--Virus_file_48); } .FileIcon__mode--3XVVV.FileIcon__file_type_virus--2FXGP.FileIcon__size_l--JNOkw { background-image: var(--Virus_file_80); } .Name__root--2SrUC { display: flex; flex-flow: row; max-width: 100%; overflow: hidden; } .Name__root_fullWidth--BXamR { width: 100%; } .Name__root_light--3jS9P { color: var(--vkui--color_text_primary); } .Name__wrap--3Q2Sh { display: inline-flex; overflow: hidden; } .Name__wrap_multiline--1ZShD { display: block; position: relative; width: 100%; } .Name__name--13u3t { flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Name__name--13u3t.Name__multiline--17rIR { overflow: initial; word-break: break-word; } .Name__name--13u3t.Name__multiline--17rIR, .Name__name--13u3t.Name__name_clamped--3x8hq { text-overflow: clip; white-space: normal; } .Name__name--13u3t.Name__name_clamped--3x8hq { -webkit-box-orient: vertical; overflow-wrap: anywhere; display: -webkit-box; overflow: hidden; } .Name__name--13u3t.Name__save_formatting--vtqUe { white-space: pre; } .Name__name--13u3t.Name__save_formatting--vtqUe div { white-space: pre !important; } .Name__measurer--3EQlm { left: 0px; pointer-events: none; position: absolute; top: 0px; visibility: hidden; white-space: nowrap; } .Name__root_multiline--2fH-W { width: 100%; } .Name__extension--WCzp9 { flex: 0 0 auto; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Name__root_no_overflow--3HBTs, .Name__root_no_overflow--3HBTs .Name__extension--WCzp9, .Name__root_no_overflow--3HBTs .Name__name--13u3t, .Name__root_no_overflow--3HBTs .Name__wrap--3Q2Sh { overflow: visible; } .Name__root_no_overflow--3HBTs .Name__extension--WCzp9 { text-overflow: clip; } .Name__root--2SrUC h1 { font-size: var(--vkui--font_subhead--font_size--regular); font-weight: 400; line-height: var(--vkui--font_subhead--line_height--regular); margin: 0px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .Item__item--1sHcS { display: grid; gap: 12px; grid-template-columns: auto 1fr auto auto; padding: 12px 0px; } .Item__avatar--3saPo img { border-radius: 50%; height: 32px; width: 32px; } .Item__actorWrapper--3NIR- { display: flex; flex-direction: column; gap: 4px; width: 168px; } .Item__fileNameWrapper--1vOky { flex-grow: 1; } .Item__subhead--106mx { font-size: var(--vkui--font_subhead--font_size--regular); font-weight: var(--vkui--font_subhead--font_weight--regular); max-width: 166px; } .Item__regular--1__OK, .Item__subhead--106mx { color: var(--vkui--color_text_primary); } .Item__regular--1__OK { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); } .Item__footnote--2AkHJ { font-size: var(--vkui--font_footnote--font_size--regular); } .Item__footnote--2AkHJ, .Item__footnoteLarge--1JNO5 { color: var(--vkui--color_text_secondary); font-weight: var(--vkui--font_footnote--font_weight--regular); } .Item__footnoteLarge--1JNO5 { font-size: var(--vkui--font_headline2--font_size--compact); } .Item__timeWrapper--3v9rj { width: 40px; } .Item__time--1_vjC { text-align: right; } .Item__buttonsWrapper--2ikou { display: flex; gap: 8px; justify-content: right; width: 72px; } .Item__rightPart--3Is9i { display: flex; gap: 10px; } .Item__button--1zNUr { cursor: pointer; display: flex; height: 32px; justify-content: center; width: 32px; } .Item__button--1zNUr svg, .Item__button--1zNUr:hover svg { fill: var(--vkui--color_text_primary); } .Item__button--1zNUr svg { fill: var(--vkui--color_icon_secondary); } .Item__checkButton--12wA1 { margin-right: 6px; } .Item__checkButton--12wA1 svg path { fill: var(--vkui--color_icon_positive); } .List__wrapper--1z4_f { flex: 1 1 auto; margin-top: 18px; min-height: 0px; overflow: hidden; } .List__wrapper--1z4_f > div:first-child { height: 100%; } .FilesFolderLogViewerStub__wrapper--1lxgi { align-items: center; display: flex; flex-direction: column; gap: 60px; height: calc(-220px + 100vh); justify-content: center; } .FilesFolderLogViewerStub__regular--2-aXS { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_paragraph--font_weight--regular); text-align: center; } .TabMenu__menu--2N78b { align-items: baseline; display: flex; width: 100%; } .TabMenu__menuResponsive--K24Go { position: relative; z-index: 1; } .TabMenu__wrapper--2j7tS { align-items: baseline; display: flex; width: 100%; } .TabMenu__menu_align_center---VNXs .TabMenu__wrapper--2j7tS { justify-content: center; } .TabMenu__menu_align_between--2y1yy .TabMenu__wrapper--2j7tS { justify-content: space-between; } .TabMenu__menu_align_left--kS9n- .TabMenu__wrapper--2j7tS { justify-content: flex-start; } .TabMenu__menu_align_right--wb__u .TabMenu__wrapper--2j7tS { justify-content: flex-end; } .TabMenu__menu_bottomLine--1R4Xv .TabMenu__wrapper--2j7tS { border-bottom: 1px solid var(--vkui--color_image_border_alpha); position: relative; } .TabMenu__menu_noVerticalScroll--3D95H { overflow: auto hidden; } .TabMenu__menu_mobile--2956n { scrollbar-width: none; } .TabMenu__menu_mobile--2956n.TabMenu__menu_bottomLine--1R4Xv .TabMenu__wrapper--2j7tS { border-bottom: 2px solid var(--vkui--color_background_secondary); margin: 0px 16px; } .TabMenu__menu_mobile--2956n::-webkit-scrollbar { display: none; } .TabMenu__menu_subscription--2i-ym { background: var(--vkui--color_background_secondary_alpha); border-radius: 40px; padding: 4px 2px; } .TabMenu__menu_subscription--2i-ym.TabMenu__menu_mobile--2956n { padding: 2px 1px; } .TabMenu__menu_folderSharing--1XJ4W { background: var(--cloud--color_background_sharing_tab_menu); border-radius: 12px; box-sizing: border-box; padding: 4px; } .TabMenu__menu_folderSharing--1XJ4W .TabMenu__wrapper--2j7tS { display: grid; grid-auto-columns: minmax(0px, 1fr); grid-auto-flow: column; } .TabMenu__menu_multiTariff--7JII_ { background: var(--vkui--color_background_secondary); border-radius: 16px; box-sizing: border-box; padding: 4px; width: fit-content; } .TabMenu__menu_multiTariffMobile--1kyTy { backdrop-filter: blur(27.5px); background: transparent; border: 1px solid rgba(143, 143, 143, 0.5); border-radius: 16px; padding: 0px 2px; } .TabMenu__menu_multiTariffHighlightMobile--2MO1e { backdrop-filter: blur(27.5px); background: rgba(181, 181, 181, 0.16); border-radius: 16px; padding: 0px 3px; } .TabMenu__menu_touchRedesign--1GVWw .TabMenu__wrapper--2j7tS { gap: 6px; } .rebranding .TabMenuItem__item_widget--3Oh8R .TabMenuItem__badge--3byf2 { background-color: var(--rebranding_color_lime); color: var(--vkui--color_text_primary); } .vkui--cloud--dark.rebranding .TabMenuItem__item_widget--3Oh8R .TabMenuItem__badge--3byf2 { background-color: var(--rebranding_color_lime); color: var(--colors-text-primary-invariably); } .TabMenuItem__item--FfF2c { align-items: center; border: 2px solid transparent; box-sizing: border-box; color: var(--vkui--color_text_primary); cursor: pointer; display: flex; font-size: var(--vkui--font_text--font_size--regular); height: 40px; padding: 0px 14px; position: relative; text-align: center; text-decoration: none; white-space: nowrap; } .TabMenuItem__item--FfF2c.TabMenuItem__active--2kzV5 { background-image: none; border: 2px solid var(--vkui--color_text_accent); border-radius: 8px; } .TabMenuItem__item--FfF2c.TabMenuItem__disabled--3mOPZ { cursor: default; pointer-events: none; } .TabMenuItem__item--FfF2c:hover .TabMenuItem__name--50rg8 { color: var(--vkui--color_text_muted--hover); opacity: 0.8; } .TabMenuItem__item--FfF2c.TabMenuItem__item_color_secondary--38DaN { color: var(--vkui--color_text_secondary); } .TabMenuItem__item--FfF2c.TabMenuItem__item_color_secondary--38DaN:hover .TabMenuItem__name--50rg8 .TabMenuItem__item--FfF2c.TabMenuItem__item_color_secondary--38DaN:not(.TabMenuItem__active--2kzV5) { color: var(--vkui--color_text_secondary); opacity: 0.8; } .TabMenuItem__item--FfF2c.TabMenuItem__item_color_secondary--38DaN.TabMenuItem__active--2kzV5 { color: var(--vkui--color_text_primary); } .TabMenuItem__item--FfF2c.TabMenuItem__item_color_white--1k6qL { color: var(--vkui--color_button_contrast_alpha); } .TabMenuItem__item--FfF2c.TabMenuItem__item_color_white--1k6qL.TabMenuItem__active--2kzV5 { border-color: var(--vkui--color_background_content); } .TabMenuItem__item--FfF2c.TabMenuItem__item_color_white--1k6qL:hover .TabMenuItem__name--50rg8 { color: var(---vkui--color_button_contrast_alpha--hover); } .TabMenuItem__item--FfF2c.TabMenuItem__item_color_darkRiver--3-ep7 { color: rgb(61, 68, 69); } .TabMenuItem__item--FfF2c.TabMenuItem__item_color_darkRiver--3-ep7.TabMenuItem__active--2kzV5 { border-color: var(--vkui--color_background_contrast_inverse); } .TabMenuItem__item--FfF2c.TabMenuItem__item_color_darkRiver--3-ep7:hover .TabMenuItem__name--50rg8 { color: var(--vkui--color_background_contrast_inverse); } .TabMenuItem__name--50rg8 { display: inline-block; font-family: var(--font-tt-norms); font-size: 16px; font-weight: 500; } .TabMenuItem__item_bottomLine--1nDx2 { align-items: flex-start; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; font-size: 13px; height: 30px; margin-bottom: -1px; margin-right: 30px; padding-left: 0px; padding-right: 0px; } .TabMenuItem__item_bottomLine--1nDx2:last-of-type { margin-right: 0px; } .TabMenuItem__item_bottomLine--1nDx2 .TabMenuItem__name--50rg8 { font-size: 14px; line-height: 20px; } .TabMenuItem__item_bottomLine--1nDx2.TabMenuItem__active--2kzV5 { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; position: relative; } .TabMenuItem__item_bottomLine--1nDx2.TabMenuItem__active--2kzV5::after { background-color: var(--vkui--color_background_accent); border-radius: 1px; bottom: -1px; content: ""; height: 2px; left: 0px; position: absolute; width: 100%; } .TabMenuItem__badge--3byf2 { background-color: rgb(255, 221, 166); border-radius: 6px; color: rgb(187, 105, 29); font-family: var(--font-tt-norms); font-size: 14px; font-weight: 500; height: 24px; letter-spacing: -0.5px; line-height: 24px; padding: 0px 6px; position: absolute; right: -16px; top: -18px; z-index: 1; } .TabMenuItem__item_newCards--2a8S9 { color: var(--vkui--color_text_secondary); padding: 0px 26px; } .TabMenuItem__item_newCards--2a8S9.TabMenuItem__active--2kzV5 { background: var(--vkui--color_background_accent_tint_alpha); border: transparent; color: var(--vkui--color_text_link); } .TabMenuItem__item_newCards--2a8S9.TabMenuItem__item_color_white--1k6qL { color: var(--vkui--color_text_contrast); } .TabMenuItem__item_newCards--2a8S9.TabMenuItem__item_color_white--1k6qL.TabMenuItem__active--2kzV5 { background: var(--vkui--color_background_contrast_secondary_alpha); border: transparent; color: var(--vkui--color_text_contrast); } .TabMenuItem__item_widget--3Oh8R { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--vkui--color_text_secondary); height: 42px; padding: 0px 20px 0px 0px; transition: color 0.1s ease-in-out; } .TabMenuItem__item_widget--3Oh8R .TabMenuItem__name--50rg8 { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title2--font_size--regular); font-weight: 500; line-height: var(--vkui--font_title2--line_height--regular); } .TabMenuItem__item_widget--3Oh8R.TabMenuItem__active--2kzV5 { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .TabMenuItem__item_widget--3Oh8R.TabMenuItem__active--2kzV5 .TabMenuItem__name--50rg8 { color: var(--vkui--color_text_primary); } .TabMenuItem__item_widget--3Oh8R .TabMenuItem__badge--3byf2 { align-items: center; background-color: var(--vkui--color_background_accent_alternative); border-radius: 12px; box-sizing: border-box; color: var(--vkui--color_text_contrast); display: flex; flex-direction: column; font-size: 12px; height: 20px; line-height: 21px; margin-left: 8px; min-width: 20px; padding: 0px 4px; position: relative; right: inherit; top: inherit; } .TabMenuItem__item_mobile--1CQ2h { border: 0px; height: auto; margin-right: 0px; padding: 0px 24px; } .TabMenuItem__item_mobile--1CQ2h .TabMenuItem__name--50rg8 { color: var(--vkui--color_text_primary); font-size: 18px; font-weight: 500; line-height: 24px; padding: 14px 0px 12px; } .TabMenuItem__item_mobile--1CQ2h:hover .TabMenuItem__name--50rg8 { opacity: 1; } .TabMenuItem__item_mobile--1CQ2h.TabMenuItem__active--2kzV5 .TabMenuItem__name--50rg8, .TabMenuItem__item_mobile--1CQ2h:hover .TabMenuItem__name--50rg8 { color: var(--vkui--color_text_primary); } .TabMenuItem__item_mobile--1CQ2h.TabMenuItem__item_bottomLine--1nDx2::after { background-color: var(--vkui--color_background_secondary); bottom: -1px; content: ""; height: 2px; position: absolute; width: 100%; } .TabMenuItem__item_mobile--1CQ2h.TabMenuItem__item_bottomLine--1nDx2.TabMenuItem__active--2kzV5::after { background-color: var(--vkui--color_background_accent); content: ""; height: 2px; } .TabMenuItem__item_buttons--2bAg2 { border: 0px; border-radius: 8px; box-sizing: border-box; height: 32px; padding: 6px 10px; } .TabMenuItem__item_buttons--2bAg2 .TabMenuItem__name--50rg8 { font-size: 15px; line-height: 20px; } .TabMenuItem__item_buttons--2bAg2:hover .TabMenuItem__name--50rg8 { color: var(--vkui--color_text_accent); opacity: 1; } .TabMenuItem__item_buttons--2bAg2.TabMenuItem__active--2kzV5 { background: var(--vkui--color_background_accent_tint_alpha); border: 0px; color: var(--vkui--color_text_accent); } .TabMenuItem__item_mobileSubscription--bmycs { color: var(--vkui--color_icon_medium); height: auto; margin-right: 0px; padding: 7px 34px; } .TabMenuItem__item_mobileSubscription--bmycs.TabMenuItem__active--2kzV5 { background-color: var(--vkui--color_background_content); border-color: var(--vkui--color_background_content); border-radius: 10px; color: var(--vkui--color_text_primary); } .TabMenuItem__item_mobileSubscription--bmycs.TabMenuItem__active--2kzV5.TabMenuItem__action--2Gibs { background-color: rgb(65, 65, 65); border-color: rgb(65, 65, 65); color: var(--vkui--color_text_contrast); } .TabMenuItem__item_mobileSubscription--bmycs.TabMenuItem__active--2kzV5.TabMenuItem__action--2Gibs .TabMenuItem__name--50rg8, .TabMenuItem__item_mobileSubscription--bmycs.TabMenuItem__active--2kzV5.TabMenuItem__action--2Gibs .TabMenuItem__name--50rg8:hover { color: var(--vkui--color_text_contrast); } .TabMenuItem__item_mobileSubscription--bmycs.TabMenuItem__name--50rg8 { color: var(--vkui--color_text_primary); font-size: 16px; font-weight: 500; line-height: 22px; } .rebranding .TabMenuItem__item_mobileSubscription--bmycs { color: var(--vkui--color_text_secondary); } .rebranding .TabMenuItem__item_mobileSubscription--bmycs.TabMenuItem__active--2kzV5 { background-color: var(--rebranding-color-landing-control-primary-background); border-color: var(--rebranding-color-landing-control-primary-background); color: var(--vkui--color_text_primary); } .TabMenuItem__item_subscription--2s6qN { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-sizing: border-box; color: var(--vkui--color_text_secondary); display: flex; height: 46px; justify-content: center; padding: 15px 24px; } .TabMenuItem__item_subscription--2s6qN.TabMenuItem__item_mobile--1CQ2h { padding: 14px 20px; } .TabMenuItem__item_subscription--2s6qN.TabMenuItem__item_mobile--1CQ2h .TabMenuItem__name--50rg8 { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_headline1--font_size--regular); } .TabMenuItem__item_subscription--2s6qN .TabMenuItem__name--50rg8 { font-size: 12px; font-weight: 500; line-height: 16px; } .TabMenuItem__item_subscription--2s6qN.TabMenuItem__active--2kzV5 { background-color: var(--vkui--color_background_content); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 40px; } .TabMenuItem__item_subscription--2s6qN.TabMenuItem__active--2kzV5, .TabMenuItem__item_subscription--2s6qN.TabMenuItem__active--2kzV5 .TabMenuItem__name--50rg8 { color: var(--vkui--color_text_primary); } .TabMenuItem__item_folderSharing--36JjB { background: transparent; border-radius: 8px; color: var(--cloud--color_text_sharing_tab_button); height: 36px; justify-content: center; } .TabMenuItem__item_folderSharing--36JjB div { font-size: 15px; } .TabMenuItem__item_folderSharing--36JjB.TabMenuItem__active--2kzV5 { background: var(--cloud--color_background_sharing_tab_button); border-color: transparent; } .TabMenuItem__item_multiTariff--3IVer { color: var(--vkui--color_text_tertiary); } .TabMenuItem__item_multiTariff--3IVer.TabMenuItem__active--2kzV5 { background: var(--vkui--color_background_input); border: 0px; color: rgb(44, 45, 46); } .TabMenuItem__item_multiTariff--3IVer.TabMenuItem__active--2kzV5:hover .TabMenuItem__name--50rg8 { color: rgb(44, 45, 46); } .TabMenuItem__item_multiTariff--3IVer.TabMenuItem__blackFriday2025--JLXnq { background: linear-gradient(var(--vkui--color_background_secondary),var(--vkui--color_background_secondary)) padding-box,linear-gradient(146.07deg,#2361ff 7.64%,#012a91 100.15%) border-box; border: 2px solid transparent; border-radius: 12px; box-sizing: border-box; padding: 12px 14px; } .TabMenuItem__item_multiTariff--3IVer.TabMenuItem__blackFriday2025Active--3Kx9H { border-radius: 12px; } .TabMenuItem__item_multiTariff--3IVer.TabMenuItem__marchPromo2026--1Fz5d { color: rgb(170, 173, 179); } .TabMenuItem__item_multiTariff--3IVer.TabMenuItem__marchPromo2026--1Fz5d.TabMenuItem__active--2kzV5 { color: rgb(44, 45, 46); } .TabMenuItem__item_multiTariffMobile--CPbBV { flex: 1 1 0px; height: 38px; justify-content: center; margin: 2px 0px; } .TabMenuItem__item_multiTariffMobile--CPbBV .TabMenuItem__name--50rg8 { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_subhead--font_size--regular); line-height: var(--vkui--font_subhead--line_height--regular); } .TabMenuItem__item_multiTariffMobile--CPbBV.TabMenuItem__active--2kzV5 { background: var(--cloud--color_sweet_blue); border: 0px; border-radius: 14px; } .TabMenuItem__item_multiTariffMobile--CPbBV.TabMenuItem__active--2kzV5 .TabMenuItem__name--50rg8 { color: var(--vkui--color_text_contrast); } .TabMenuItem__item_multiTariffHighlightMobile--3TLnm { flex: 1 1 0px; height: 38px; justify-content: center; margin: 3px 0px; } .TabMenuItem__item_multiTariffHighlightMobile--3TLnm .TabMenuItem__name--50rg8 { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-size: var(--vkui--font_headline2--font_size--compact); line-height: var(--vkui--font_headline2--line_height--compact); } .TabMenuItem__item_multiTariffHighlightMobile--3TLnm.TabMenuItem__active--2kzV5 { background: var(--vkui--color_background_accent); border: 0px; border-radius: 14px; } .TabMenuItem__item_multiTariffHighlightMobile--3TLnm.TabMenuItem__active--2kzV5 .TabMenuItem__name--50rg8 { color: var(--vkui--color_text_contrast); } .TabMenuItem__item_multiTariffHighlightMobile--3TLnm.TabMenuItem__active--2kzV5.TabMenuItem__marchPromo2026Active--2Nt_G { background: var(--vkui--color_background_contrast); } .TabMenuItem__item_multiTariffHighlightMobile--3TLnm.TabMenuItem__active--2kzV5.TabMenuItem__marchPromo2026Active--2Nt_G .TabMenuItem__name--50rg8 { color: var(--colors-text-primary-invariably); } .TabMenuItem__item_touchRedesign--2QWF_ { border: 0px; border-radius: 12px; box-sizing: initial; font-size: 17px; height: auto; line-height: 24px; padding: 6px 8px; } .TabMenuItem__item_touchRedesign--2QWF_.TabMenuItem__active--2kzV5 { background: var(--vkui--color_background_secondary_alpha); border: 0px; font-size: 17px; line-height: 24px; } .TabMenuItem__item_touchRedesign--2QWF_.TabMenuItem__active--2kzV5 .TabMenuItem__name--50rg8 { color: var(--vkui--color_text_primary); opacity: 1; } .FilesFolderLogViewer__root--3zELZ { display: flex; flex-direction: column; height: 100%; } .FilesFolderLogViewer__root--3zELZ .FilesFolderLogViewer__header--2YMwE { margin: 14px 0px 20px; } .FilesFolderLogViewer__root--3zELZ .FilesFolderLogViewer__tabs--1UFky { margin: 0px 0px 7px; } .AttachesTooltip__info--3PoTG { align-items: center; background: var(--vkui--color_background_accent_tint_alpha); border-radius: 8px; color: var(--vkui--color_text_accent); cursor: pointer; display: flex; font-family: var(--vkui--font_family_accent); font-size: 12px; font-weight: 400; line-height: 16px; padding: 8px 38px 8px 12px; position: relative; } .AttachesTooltip__infoIcon--15UvI { color: var(--vkui--color_icon_accent); position: absolute; right: 12px; } .AttachesTooltip__tooltipRoot--3sJg3 { box-sizing: border-box; display: flex; padding: 20px 40px 20px 20px; position: relative; width: 406px; } .AttachesTooltip__tooltipContent--Z2R8W { font-size: 16px; font-weight: 400; line-height: 24px; } .AttachesTooltip__tooltipLink--33VGo { color: var(--vkui--color_text_accent); white-space: nowrap; } .AttachesTooltip__tooltipLink--33VGo:hover { color: var(--vkui--color_text_accent--hover); } .AttachesTooltip__tooltipLink--33VGo:active { color: var(--vkui--color_text_accent--active); } .PrintPhotoAlbumButton__button--gyP_H { align-items: center; background: var(--vkui--color_background_accent_tint_alpha); border: 0px; border-radius: 8px; color: var(--vkui--color_text_accent); cursor: pointer; display: flex; font-family: var(--vkui--font_family_accent); font-size: 14px; font-weight: 500; gap: 6px; line-height: 18px; margin: 0px; outline: 0px; padding: 6px 16px 6px 12px; } .PrintPhotoAlbumButton__button--gyP_H:hover { background-color: var(--vkui--color_background_accent_tint_alpha--hover); } .PrintPhotoAlbumButton__button--gyP_H:active, .PrintPhotoAlbumButton__button--gyP_H:focus { background-color: var(--vkui--color_background_accent_tint_alpha--active); } .PrintPhotoAlbumButton__tooltip--3J_LM { box-shadow: none; filter: none; width: 364px; } .vkui--cloud--dark.rebranding .PrintPhotoAlbumButton__tooltip--3J_LM { filter: none; } .vkui--cloud--dark.rebranding .PrintPhotoAlbumButton__contentTooltip--1J7VE { background-color: var(--vkui--color_background_contrast_inverse); } .vkui--cloud--dark.rebranding .PrintPhotoAlbumButton__tooltipArrow--2lgPM { color: var(--vkui--color_background_contrast_inverse); } .PrintPhotoAlbumButton__tooltipClose--u0SCu { right: 6px; top: 6px; } .PrintPhotoAlbumButton__tooltipRoot--3wdum { align-items: flex-end; display: flex; justify-content: space-between; } .PrintPhotoAlbumButton__tooltipText--1yhrK { box-sizing: border-box; color: var(--vkui--color_text_primary); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); padding: 16px; } .PrintPhotoAlbumButton__tooltipImg--3hmDf { margin-left: -16px; width: 146px; } .Breadcrumb__root--3E6gE { align-items: center; color: var(--vkui--cloud_color_sidebar_item_text_secondary,--vkui--color_text_secondary); cursor: pointer; display: flex; font-family: var(--font-tt-norms); justify-content: space-between; max-width: 100%; text-decoration: none; } .Breadcrumb__root--3E6gE:hover { color: var(--vkui--cloud_color_sidebar_item_text_primary,--vkui--color_text_primary); transition: color 0.2s ease-out; } .Breadcrumb__root_vk_embedded--3_eNs { color: var(--vkui--color_text_secondary); font-family: var(--font-common); } .Breadcrumb__root_vk_embedded--3_eNs:hover { color: var(--vk-embedded-gray); } .Breadcrumb__root_inlineIntegration--23TOx { font-size: var(--vkui--font_headline2--font_size--compact); line-height: 18px; } .Breadcrumb__text--1Qzms { line-height: 42px; max-width: 100%; min-height: 1em; min-width: 1ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Breadcrumb__text_informerLimits--1XCA1 { line-height: 54px; } h1.Breadcrumb__text--1Qzms { font-family: var(--font-tt-norms); font-size: 20px; font-weight: 500; } .Breadcrumb__text_pageTitle--QsiJd { font-family: var(--vkui--font_h1--font_family--regular); font-size: var(--vkui--font_h1--font_size--regular); font-weight: var(--vkui--font_h1--font_weight--regular); line-height: var(--vkui--font_h1--line_height--regular); } .Breadcrumb__text_inlineIntegration--2nGqM { line-height: 18px; padding: 7px 0px; } .Breadcrumb__controls--3WO9K { display: flex; flex-shrink: 0; gap: 4px; margin-left: 12px; } .Breadcrumb__controls_vigbo_finished--1uSJn, .Breadcrumb__controls_vigbo_linked--1BYP4 { margin-left: 8px; } .Breadcrumb__control--1fF8K:not(:last-of-type) { margin-right: 8px; } .Breadcrumb__root_active--1s2zi { color: var(--vkui--cloud_color_sidebar_item_text_primary,--vkui--color_text_primary); cursor: auto; } .Breadcrumb__root_vk_embedded--3_eNs.Breadcrumb__root_active--1s2zi { color: var(--vk-embedded-gray); } .Breadcrumb__titleEdit--3s8t8 { border-bottom: 1px solid var(--vkui--color_separator_primary); height: 100%; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ContentEditable__root--1KMl7 { overflow: hidden; text-overflow: clip; } .ContentEditable__root--1KMl7:focus-visible { background: var(--vkui--color_background_modal); border: 0.5px solid color-mix(in srgb, rgba(0, 16, 61, 0.08) 92%, transparent 8%); border-radius: 6px; outline: none; padding: 4px 6px; } .DataListControl__root--vZ6Hu { align-items: center; background: var(--vkui--color_background); border: 1px solid var(--vkui--color_field_border_alpha); border-radius: 50%; box-sizing: border-box; cursor: pointer; display: flex; justify-content: center; position: relative; } .DataListControl__root--vZ6Hu.DataListControl__root_hover--3qLfb { background: linear-gradient(0deg,var(--vkui--color_transparent--hover),var(--vkui--color_transparent--hover)),var(--vkui--color_background); border-color: var(--vkui--color_image_border_alpha--hover); transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.1s ease-in-out; } .DataListControl__root--vZ6Hu.DataListControl__root_hover--3qLfb .DataListControl__icon--370ZO { color: var(--vkui--color_icon_secondary--hover); } @media (hover: hover) { .DataListControl__root--vZ6Hu:hover { background: linear-gradient(0deg,var(--vkui--color_transparent--hover),var(--vkui--color_transparent--hover)),var(--vkui--color_background); border-color: var(--vkui--color_image_border_alpha--hover); } .DataListControl__root--vZ6Hu:hover .DataListControl__icon--370ZO { color: var(--vkui--color_icon_secondary--hover); } } .DataListControl__root--vZ6Hu:active { background: linear-gradient(0deg,var(--vkui--color_transparent--active),var(--vkui--color_transparent--active)),var(--vkui--color_background); border-color: var(--vkui--color_image_border_alpha--active); } .DataListControl__root--vZ6Hu:active .DataListControl__icon--370ZO { color: var(--vkui--color_icon_secondary--active); } .DataListControl__root--vZ6Hu.DataListControl__disabled--2cA4N { cursor: default; } .DataListControl__root--vZ6Hu.DataListControl__disabled--2cA4N:hover { background: var(--vkui--color_background); } .DataListControl__root_24--2qd2T { height: 24px; width: 24px; } .DataListControl__root_28--1TPPG { height: 28px; width: 28px; } .DataListControl__root_16--1F5-T { height: 16px; width: 16px; } .DataListControl__root_32--1VSOx { height: 32px; width: 32px; } .DataListControl__downloadVK--31GEb { background-color: initial; } .DataListControl__root_dark--1EbAo { background: var(--color-background-gray); border: 0px; } .DataListControl__root_dark--1EbAo .DataListControl__icon--370ZO { color: var(--vkui--color_text_contrast); } .DataListControl__root_dark--1EbAo.DataListControl__root_hover--3qLfb, .DataListControl__root_dark--1EbAo:hover { background: linear-gradient(0deg,var(--vkui--color_background_secondary_alpha--active),var(--vkui--color_background_secondary_alpha--active)),var(--color-background-gray); } .DataListControl__root_dark--1EbAo.DataListControl__root_hover--3qLfb .DataListControl__icon--370ZO, .DataListControl__root_dark--1EbAo:hover .DataListControl__icon--370ZO { color: var(--vkui--color_text_contrast); } .DataListControl__root_dark--1EbAo:active { background: linear-gradient(0deg,var(--vkui--color_background_secondary_alpha--active),var(--vkui--color_background_secondary_alpha--active)),var(--color-background-gray); } .DataListControl__root_dark--1EbAo:active .DataListControl__icon--370ZO { color: var(--vkui--color_text_contrast); } .DataListControl__root_noBorder--1XIAk { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .DataListControl__root_noBorder--1XIAk.DataListControl__root_hover--3qLfb .DataListControl__icon--370ZO { color: var(--vkui--color_icon_primary--hover); } @media (hover: hover) { .DataListControl__root_noBorder--1XIAk:hover .DataListControl__icon--370ZO { color: var(--vkui--color_icon_primary--hover); } } .DataListControl__root_active--2VCXQ .DataListControl__icon--370ZO { color: var(--vkui--color_icon_negative); } .DataListControl__root_active--2VCXQ.DataListControl__root_hover--3qLfb, .DataListControl__root_active--2VCXQ:hover { border-color: var(--vkui--color_image_border_alpha--hover); } .DataListControl__root_active--2VCXQ.DataListControl__root_hover--3qLfb .DataListControl__icon--370ZO, .DataListControl__root_active--2VCXQ:hover .DataListControl__icon--370ZO { color: var(--vkui--color_icon_negative); } .DataListControl__root_active--2VCXQ.DataListControl__check--3uU2D { background: var(--vkui--color_icon_accent); } .DataListControl__root_active--2VCXQ.DataListControl__check--3uU2D .DataListControl__icon--370ZO { color: var(--vkui--color_icon_contrast); } .DataListControl__root_active--2VCXQ.DataListControl__check--3uU2D .DataListControl__root_hover--3qLfb, .DataListControl__root_active--2VCXQ.DataListControl__check--3uU2D:hover { background: var(--vkui--color_icon_accent--hover); } .DataListControl__root_active--2VCXQ.DataListControl__publish--fPs6x .DataListControl__icon--370ZO svg { color: var(--vkui--color_text_positive); } .DataListControl__root_active--2VCXQ.DataListControl__publish--fPs6x .DataListControl__root_hover--3qLfb .DataListControl__icon--370ZO svg, .DataListControl__root_active--2VCXQ.DataListControl__publish--fPs6x:hover .DataListControl__icon--370ZO svg { color: var(--vkui--color_icon_positive); } .DataListControl__root_active--2VCXQ.DataListControl__publish--fPs6x:active .DataListControl__icon--370ZO svg { color: var(--vkui--color_icon_positive--hover); } .DataListControl__root_active--2VCXQ.DataListControl__favorite--2lrhn .DataListControl__icon--370ZO svg { color: var(--vkui--color_true_white--normal); } .DataListControl__root_active--2VCXQ.DataListControl__seo--2AilY .DataListControl__icon--370ZO, .DataListControl__root_active--2VCXQ.DataListControl__share--yOCqo .DataListControl__icon--370ZO { color: var(--vkui--color_text_accent); } .DataListControl__root_active--2VCXQ.DataListControl__remove--2dZ0i .DataListControl__icon--370ZO { color: var(--color-valencia); } .DataListControl__root--vZ6Hu.DataListControl__check--3uU2D::before { inset: -12px; content: ""; position: absolute; } .DataListControl__root_withDropdown--2JgCq { background: var(--vkui--color_background); border-radius: 20px; transition: background 0.1s ease-in, border-color 0.1s ease-in; width: 44px; } .DataListControl__root_withDropdown--2JgCq:hover { background: linear-gradient(0deg,var(--vkui--color_transparent--hover),var(--vkui--color_transparent--hover)),var(--vkui--color_background); } .DataListControl__root_withDropdown--2JgCq .DataListControl__icon--370ZO { padding: 4px 1px; } .DataListControl__root_withDropdown--2JgCq .DataListControl__dropdownIcon--_p60J, .DataListControl__root_withDropdown--2JgCq .DataListControl__icon--370ZO:active, .DataListControl__root_withDropdown--2JgCq .DataListControl__icon--370ZO:hover { color: var(--vkui--color_icon_secondary); } .DataListControl__root_withDropdown--2JgCq .DataListControl__dropdownIcon--_p60J { height: 16px; padding: 4px 1px; transition: color 0.1s ease-out, transform 0.3s; width: 16px; } .DataListControl__root_withDropdown--2JgCq .DataListControl__dropdownIcon--_p60J path { fill: currentcolor; } .DataListControl__root_withDropdown--2JgCq .DataListControl__dropdownIcon--_p60J:active, .DataListControl__root_withDropdown--2JgCq .DataListControl__dropdownIcon--_p60J:hover { color: var(--vkui--color_icon_primary--hover); } .DataListControl__root_openDropdown--1G9YJ { background: linear-gradient(0deg,var(--vkui--color_transparent--hover),var(--vkui--color_transparent--hover)),var(--vkui--color_background_modal--active); border-color: var(--vkui--color_field_border_alpha--hover); } .DataListControl__root_openDropdown--1G9YJ .DataListControl__dropdownIcon--_p60J { color: var(--vkui--color_icon_primary--active); transform: rotate(-180deg); } .DataListControl__root_openDropdown--1G9YJ.DataListControl__root_dark--1EbAo { background: linear-gradient(0deg,var(--vkui--color_background_secondary_alpha--active),var(--vkui--color_background_secondary_alpha--active)),var(--color-background-gray); border: 0px; } .DataListControl__icon--370ZO { color: var(--vkui--color_icon_secondary); line-height: 0; transition: color 0.1s ease-out; } .DataListControl__vkIcon--1oISw { color: var(--vkui--color_text_tertiary); } .DataListControl__check--3uU2D .DataListControl__icon--370ZO path { fill: none; stroke: currentcolor; } .DataListControl__tooltip--3H6Md { width: fit-content; } .AnimatedScale__wrapper--3Jkvs { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } .DataListControl__root--i31HH { color: var(--vkui--color_icon_medium); cursor: pointer; } .DataListControl__root--i31HH:hover { color: var(--vkui--color_icon_primary); } .DataListControl__animationWrapper--IMt-C { display: flex; height: 100%; width: 100%; } .DataListControl__tooltip--3RZ96 { width: fit-content; } .DropNotify__root--2TiAI { display: flex; pointer-events: none; position: fixed; z-index: 10002; } @supports (backdrop-filter:none) { .DropNotify__root--2TiAI { backdrop-filter: blur(6px); } } .DropNotify__content--3gqof { background: var(--vkui--color_button_contrast_alpha--active); border: .5px solid var(--vkui--color_separator_primary); border-radius: 8px; color: var(--vkui--color_text_primary); display: flex; flex-basis: max-content; flex-shrink: 0; font-size: var(--vkui--font_footnote--font_size--regular); font-weight: var(--vkui--font_footnote--font_weight--regular); line-height: var(--vkui--font_footnote--line_height--regular); max-width: 425px; padding: 6px 10px; word-break: break-all; } .Link__root--2v_zH { display: block; width: 100%; } .Link__root--2v_zH, .Link__root--2v_zH:hover { color: currentcolor; } .CreatePortfolioButton__button--1CT88 { align-items: center; background: var(--vkui--color_background_accent_tint_alpha); border: 0px; border-radius: 8px; color: var(--vkui--color_text_accent); cursor: pointer; display: flex; font-family: var(--vkui--font_family_accent); font-size: 14px; font-weight: 500; gap: 6px; line-height: 18px; margin: 0px; outline: 0px; padding: 6px 12px 6px 16px; } .CreatePortfolioButton__button--1CT88:hover { background-color: var(--vkui--color_background_accent_tint_alpha--hover); } .CreatePortfolioButton__button--1CT88:active, .CreatePortfolioButton__button--1CT88:focus { background-color: var(--vkui--color_background_accent_tint_alpha--active); } .CreatePortfolioButton__tooltip--1Rwz7 { box-shadow: none; filter: none; width: 416px; } .vkui--cloud--dark.rebranding .CreatePortfolioButton__tooltip--1Rwz7 { filter: none; } .vkui--cloud--dark.rebranding .CreatePortfolioButton__contentTooltip--zMDHM { background-color: rgb(51, 51, 51); } .vkui--cloud--dark.rebranding .CreatePortfolioButton__tooltipArrow--1kiDe { color: rgb(51, 51, 51); } .CreatePortfolioButton__tooltipClose--2CQ6_ { right: 6px; top: 6px; } .CreatePortfolioButton__tooltipRoot--8Cjdt { align-items: flex-end; display: flex; justify-content: space-between; } .CreatePortfolioButton__tooltipText--1ZioE { box-sizing: border-box; color: var(--vkui--color_text_primary); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); min-height: 92px; padding: 16px; } .CreatePortfolioButton__tooltipImg--2HwZT { height: 60px; width: 110px; } .Breadcrumbs__root--3UYxZ { -webkit-font-smoothing: antialiased; -webkit-user-drag: none; align-items: center; display: flex; font-size: var(--vkui--font_title3--font_size--regular); font-weight: 500; line-height: var(--vkui--font_title3--line_height--regular); max-width: 100%; overflow: hidden; user-select: text; } .Breadcrumbs__root_public--1J4AY { min-height: 42px; } .Breadcrumbs__item_vk_embedded--14gQE, .Breadcrumbs__root_vk_embedded--34ZEH { font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .Breadcrumbs__arrow--9Hrpm { line-height: 0; transform: rotate(90deg); } .Breadcrumbs__arrow--9Hrpm path { fill: var(--vkui--cloud_color_sidebar_item_text_secondary,--vkui--color_text_secondary); } .Breadcrumbs__item--cAPlH { align-items: center; display: flex; flex-shrink: 0; margin-right: 12px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .Breadcrumbs__item--cAPlH .Breadcrumbs__arrow--9Hrpm { margin-left: 12px; } .Breadcrumbs__item--cAPlH:last-child { margin-left: 0px; margin-right: 0px; } .Breadcrumbs__item_active--2d4CI { flex-shrink: 1; } .Breadcrumbs__item_more--3Hvng { overflow: visible; } .Breadcrumbs__item_only--1Ln2W { -webkit-font-smoothing: antialiased; } .Breadcrumbs__item_bold--RKozN, .Breadcrumbs__item_light--29OwH, .Breadcrumbs__item_only--1Ln2W { font-weight: 500; } .Breadcrumbs__item_inlineIntegration--XLZwJ { margin-right: 8px; } .Breadcrumbs__item_inlineIntegration--XLZwJ .Breadcrumbs__arrow--9Hrpm { margin-left: 8px; } :not(.Breadcrumbs__item_vk_embedded--14gQE).Breadcrumbs__item_only--1Ln2W { font-size: 20px; font-weight: 500; } :not(.Breadcrumbs__item_vk_embedded--14gQE).Breadcrumbs__item_bold--RKozN { font-size: 20px; line-height: 22px; } :not(.Breadcrumbs__item_vk_embedded--14gQE).Breadcrumbs__item_light--29OwH { color: var(--vkui--color_text_secondary); font-size: 20px; line-height: 22px; } .Breadcrumbs__button--_BYCi { margin-bottom: 3px; margin-left: 6px; } .BreadcrumbsDropdown__more--1DB-i { align-items: center; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--vkui--cloud_color_sidebar_item_text_secondary,--vkui--color_icon_primary); cursor: pointer; display: flex; height: 40px; line-height: 0; padding: 0px; position: relative; width: 14px; } .BreadcrumbsDropdown__more--1DB-i path { fill: currentcolor; } .BreadcrumbsDropdown__more--1DB-i:focus { outline: none; } .BreadcrumbsDropdown__more_inlineIntegration--3YdCf { align-items: center; border-radius: 8px; display: flex; height: 32px; justify-content: center; width: 32px; } .BreadcrumbsDropdown__more_inlineIntegration--3YdCf:hover { background: var(--vkui--color_transparent--hover); } .BreadcrumbsDropdown__icon--2ZivT { align-items: center; border-radius: 4px; inset: 0px -8px; display: flex; justify-content: center; position: absolute; } .BreadcrumbsDropdown__icon--2ZivT:hover { background: var(--vkui--color_background_secondary--hover); } .BreadcrumbsDropdown__icon--2ZivT:active, .BreadcrumbsDropdown__more_active--EriAc .BreadcrumbsDropdown__icon--2ZivT { background: var(--vkui--color_background_secondary--active); } .BreadcrumbsDropdown__more_active--EriAc .BreadcrumbsDropdown__icon--2ZivT:hover { background: var(--vkui--color_background_secondary--hover); } .BreadcrumbsDropdown__more_activeInlineIntegration--6Qiwt { background: var(--vkui--color_transparent--hover); } .BreadcrumbsDropdown__folderIcon--26K2K { flex-shrink: 0; height: 18px; line-height: 0; margin-right: 10px; width: 18px; } .BreadcrumbsDropdown__item--393C_ { align-items: center; background: transparent; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; font-size: 15px; line-height: 20px; padding: 10px 16px; width: 100%; } .BreadcrumbsDropdown__itemDrop--3KjxK { background: var(--color-tree-drop-hover); } .BreadcrumbsDropdown__text--3xbxk { flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @keyframes FaceFilterComponent__move--2bAsA { 0% { opacity: 0.5; z-index: 1; } 50% { opacity: 0.8; } 100% { opacity: 1; z-index: 10; } } .vkui--cloud--dark.rebranding .FaceFilterComponent__root--1bE82 .FaceFilterComponent__counter--2yFN- { background: var(--rebranding_theme_color_background_secondary); } .vkui--cloud--dark.rebranding .FaceFilterComponent__root--1bE82 .FaceFilterComponent__counter--2yFN-:hover { background: var(--rebranding_theme_color_background_secondary--hover); } .vkui--cloud--dark.rebranding .FaceFilterComponent__rebrandingTooltip--3DBuA { background: var(--rebranding_theme_color_background_secondary); } .vkui--cloud--dark.rebranding .FaceFilterComponent__rebrandingTooltip--3DBuA > div[class*="FloatingTooltip__arrow"] { color: var(--rebranding_theme_color_background_secondary); } .vkui--cloud--dark.rebranding .FaceFilterComponent__rebrandingTooltip--3DBuA > div[class*="FloatingTooltip__close"] { color: var(--vkui--color_icon_secondary); } .FaceFilterComponent__rebrandingTooltip--3DBuA { background: var(--rebranding--color_background_sky); width: 260px; top: 65px !important; } @supports (backdrop-filter:none) { .FaceFilterComponent__rebrandingTooltip--3DBuA { backdrop-filter: blur(8px); backface-visibility: hidden; } } @supports (-moz-appearance:none) { .FaceFilterComponent__rebrandingTooltip--3DBuA { } } .FaceFilterComponent__rebrandingTooltip--3DBuA > div[class*="FloatingTooltip__content"] { background: none; } .FaceFilterComponent__rebrandingTooltip--3DBuA > div[class*="FloatingTooltip__content"] > span[class*="FloatingTooltip__text"] { font-family: var(--vkui--font_text--font_family--compact); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--compact); line-height: var(--vkui--font_text--line_height--compact); width: 180px; } .FaceFilterComponent__rebrandingTooltip--3DBuA > div[class*="FloatingTooltip__content"] > div[class*="FloatingTooltip__image"] { bottom: -26px; height: 88px; right: -15px; transform: rotate(-21.5deg); width: 75px; } .FaceFilterComponent__rebrandingTooltip--3DBuA > div[class*="FloatingTooltip__arrow"] { color: var(--rebranding--color_background_sky); } .FaceFilterComponent__root--1bE82 { -webkit-font-smoothing: antialiased; align-items: center; box-sizing: border-box; display: inline-flex; flex-flow: row; } .FaceFilterComponent__root--1bE82 .FaceFilterComponent__text_show--2RfPu, .FaceFilterComponent__root--1bE82:hover .FaceFilterComponent__text--1pEIn { cursor: pointer; max-width: 200px; padding-left: 10px; padding-right: 11px; } .FaceFilterComponent__root--1bE82 div:first-of-type .FaceFilterComponent__face--hoHE2 { margin-left: 0px; } .FaceFilterComponent__text--1pEIn { font-family: var(--vkui--font_family_accent); font-size: 15px; font-weight: 400; line-height: 20px; max-width: 0px; overflow: hidden; transition: max-width 0.3s ease-in-out, padding 0.3s ease-in-out; white-space: nowrap; } .FaceFilterComponent__cancel--2rmnp { align-items: center; background: var(--rebranding_theme_color_background_secondary); border-radius: 50%; bottom: -2px; display: flex; height: 16px; justify-content: center; opacity: 0; position: absolute; right: -2px; transition: opacity 0.1s ease-in-out; width: 16px; } .FaceFilterComponent__cancel--2rmnp > svg > g > path { stroke: var(--vkui--color_icon_primary); } .FaceFilterComponent__face--hoHE2 { cursor: pointer; display: flex; height: 36px; margin-left: -10px; outline: 2px solid var(--vkui--color_background_content); position: relative; transition: margin-right 0.3s ease-in-out; width: 36px; } .FaceFilterComponent__face--hoHE2, .FaceFilterComponent__face--hoHE2 > img { border-radius: 50%; } .FaceFilterComponent__face--hoHE2 > img { overflow: hidden; } .FaceFilterComponent__face--hoHE2:hover { animation: 0.3s ease 0s 1 normal forwards running FaceFilterComponent__move--2bAsA; } .FaceFilterComponent__face_selected--qtce2 { margin-right: 24px; outline-color: var(--vkui--color_palette_lime); } .FaceFilterComponent__face_selected--qtce2:hover .FaceFilterComponent__cancel--2rmnp { opacity: 1; } .FaceFilterComponent__counter--2yFN- { align-items: center; background: var(--color-control-active); border-radius: 36px; color: var(--vkui--color_text_primary); display: flex; font-family: var(--font-tt-norms); font-size: 15px; font-weight: 500; justify-content: center; min-width: 20px; padding: 0px 8px; width: auto; } .FaceFilterComponent__counter--2yFN-:hover { animation: auto ease 0s 1 normal none running none; background: rgb(212, 214, 219); } .vkui--cloud--dark .FaceItem__root--2Qz-G > img { background-color: rgb(41, 41, 42); } .FaceItem__root--2Qz-G { border-radius: 32px; box-sizing: border-box; cursor: pointer; display: flex; flex-shrink: 0; height: 72px; position: relative; width: 72px; z-index: 1; } .FaceItem__root--2Qz-G .FaceItem__cancel--1Jkt1 { align-items: center; background: var(--rebranding_theme_color_background_secondary); border-radius: 50%; display: flex; height: 20px; justify-content: center; opacity: 0; position: absolute; right: -2px; top: 0px; transition: opacity 0.1s ease-in-out; width: 20px; z-index: 10; } .FaceItem__root--2Qz-G .FaceItem__cancel--1Jkt1 > svg > g > path { stroke: var(--vkui--color_icon_primary); } .FaceItem__root--2Qz-G > img { background-color: rgb(235, 237, 240); overflow: hidden; } .FaceItem__root--2Qz-G:hover::after, .FaceItem__root--2Qz-G > img { border-radius: 32px; height: 100%; width: 100%; } .FaceItem__root--2Qz-G:hover::after { background: rgba(184, 252, 115, 0.3); content: ""; left: 0px; position: absolute; top: 0px; transition: background-color 0.3s ease-in-out; } .FaceItem__root_selected--1nylK:hover .FaceItem__cancel--1Jkt1 { opacity: 1; } .FaceItem__root_selected--1nylK::after { background: rgba(184, 252, 115, 0.12); border: 2px solid var(--vkui--color_palette_lime); border-radius: 32px; box-sizing: border-box; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .FaceItem__root_selected--1nylK.FaceItem__root_mobile--3Mb-m .FaceItem__cancel--1Jkt1 { opacity: 1; } .FaceItem__root_small--1s72V { height: 56px; width: 56px; } .FaceItem__root_small--1s72V, .FaceItem__root_small--1s72V:hover::after, .FaceItem__root_small--1s72V > img { border-radius: 24px; } .FaceItem__dropdownItemCounter--1ldTO { backdrop-filter: blur(8px); background: rgba(39, 43, 55, 0.5); border-radius: 8px; bottom: 4px; box-sizing: border-box; color: var(--vkui--color_text_contrast); font-size: 14px; font-weight: 500; height: 20px; line-height: 17px; min-width: 22px; padding: 2px 4px; position: absolute; right: 0px; text-align: center; z-index: 10; } .FaceListItem__loader--3B7rI { height: 58px; width: 58px; } .FaceList__root--2wFtd { -webkit-font-smoothing: antialiased; display: flex; flex: 1 0 auto; flex-direction: column; height: 100%; max-height: 100%; min-height: 1px; scrollbar-width: none; width: 100%; } .FaceList__root--2wFtd::-webkit-scrollbar { display: none; } .FaceList__tooltip--3rRTS { border-radius: 20px; box-shadow: 0 4px 32px var(--vkui--color_image_border_alpha--active); padding-left: 16px; } .FaceList__close--_LkbW { right: 20px; top: 15px; } .FaceList__title--2zswZ { font-size: 20px; font-weight: 500; line-height: 26px; margin: 12px 0px; } .FamilyInlineInformer__root--38Prt { border: 1px solid var(--vkui--color_separator_primary); border-radius: 12px; display: flex; gap: 8px; padding: 8px 16px 8px 12px; } .FamilyInlineInformer__icon--3OA8T { color: var(--vkui--color_icon_accent); } .FamilyInlineInformer__icon--3OA8T, .FamilyInlineInformer__text--3uuIv { display: block; } .FamilyInlineInformer__text--3uuIv { align-content: center; font-size: 14px; font-weight: 400; line-height: 18px; } .DownloadAndViewCounter__container--2V9Gt { align-items: center; border-radius: 8px; color: var(--vkui--color_icon_primary); display: flex; flex-direction: row; margin-left: 16px; padding: 8px; } .DownloadAndViewCounter__container--2V9Gt svg { margin-right: 6px; } .DownloadAndViewCounter__item--1y0Cu { align-items: center; display: flex; flex-direction: row; position: relative; } .DownloadAndViewCounter__item--1y0Cu .DownloadAndViewCounter__itemInfo--x_dQ8 { background: rgba(255, 255, 255, 0.6); border: .5px solid var(--vkui--color_separator_primary); border-radius: 8px; font-size: 13px; font-weight: 400; line-height: 18px; padding: 6px 10px; position: absolute; right: 10px; top: 30px; z-index: 100; } .DownloadAndViewCounter__divider--22X_F { background-color: var(--vkui--color_image_border_alpha); height: 17px; margin: 0px 9px; width: 1px; } .DownloadAndViewCounter__container_dark--3YJG_ .DownloadAndViewCounter__itemInfo--x_dQ8 { background: rgba(0, 0, 0, 0.78); border: 0.5px solid rgba(143, 143, 143, 0.5); color: var(--vkui--color_text_primary); } .FilesCounter__root--bW1N0 { align-items: center; color: var(--vkui--cloud_color_sidebar_item_text_primary,--vkui--color_text_secondary); display: flex; font-family: var(--font-tt-norms); font-size: 15px; font-weight: 400; line-height: 17px; margin-left: auto; text-align: right; white-space: nowrap; } .FilesCounter__textColorSecondary--1KcXu { color: var(--vkui--color_text_secondary,#87898f); } .FilesCounter__pageTitle--1e0wK { font-family: var(--vkui--font_text--font_family--compact); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--compact); line-height: var(--vkui--font_text--line_height--compact); } .ProtectedHint__root--2TmYg { align-items: center; cursor: pointer; display: flex; justify-content: center; margin-left: 8px; } .ProtectedHint__noMargin--1hfUg { margin-left: 0px; } .ProtectedHint__rootHovered--Vv7n1 { border-radius: 8px; height: 28px; width: 28px; } .ProtectedHint__rootHovered--Vv7n1:hover { background-color: var(--vkui--color_transparent--hover); } .OverquotaRestoreRequestedInfo__info--1uY6q { align-items: center; border: 1px solid var(--vkui--color_stroke_accent); border-radius: 12px; color: var(--vkui--color_text_primary); display: flex; font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_footnote--font_size--regular); font-weight: var(--vkui--font_footnote--font_weight--regular); line-height: var(--vkui--font_footnote--line_height--regular); padding: 8px 16px 8px 12px; position: relative; } .OverquotaRestoreRequestedInfo__infoIcon--wttAb { color: var(--vkui--color_icon_accent); margin-right: 8px; } .BreadcrumbsContainer__root--3dEE3 { align-items: center; display: flex; gap: 8px; justify-content: space-between; padding-right: 16px; position: relative; z-index: 1; } .BreadcrumbsContainer__root--3dEE3.BreadcrumbsContainer__shove--175d8 { padding-left: 18px; } .BreadcrumbsContainer__rootResponsive--2XRQE { min-height: 42px; overflow: auto hidden; } .BreadcrumbsContainer__rootIntegration--CoMiq { flex-wrap: wrap; margin: 0px 8px 4px; min-height: 32px; padding: 0px; } .BreadcrumbsContainer__breadcrumbsWrapper--26-Zz { align-items: center; display: flex; flex-flow: row; justify-content: center; } .BreadcrumbsContainer__breadcrumbsWrapperIntegration--2vKYD { min-width: 0px; } div + .BreadcrumbsContainer__faceWrapper--2C9Rp { display: flex; margin-left: 20px; } .BreadcrumbsContainer__filesCounterWrapper--2WPns { padding-right: 8px; } .BreadcrumbsContainer__familyDocumentsWrapper--gk302 { margin-left: 8px; } .QuotaCleanerPlug__root--2vt6T { align-items: center; display: flex; flex-direction: column; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .QuotaCleanerPlug__text--3GbA7 { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); text-align: center; } .QuotaCleanerPlug__button--tpZov { font-weight: var(--vkui--font_weight_accent2); } .SelectFromCloudEmpty__root--1BWxO { -webkit-font-smoothing: antialiased; align-items: center; align-self: center; display: flex; flex-direction: column; height: 100%; justify-content: center; text-align: center; width: 340px; } .SelectFromCloudEmpty__title--N7nye { color: var(--vkui--color_text_primary); font-size: 24px; font-weight: var(--vkui--font_title1--font_weight--regular); line-height: 32px; } .SelectFromCloudEmpty__text--1bMSz, .SelectFromCloudEmpty__title--N7nye { font-family: var(--vkui--font_family_accent); } .SelectFromCloudEmpty__text--1bMSz { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); } .SelectFromCloudEmpty__image--1KCeW { width: 100%; } .GalleryPage__root--1v_PO { display: flex; flex: 1 0 auto; flex-direction: column; overflow: auto; position: relative; } .GalleryPage__root--1v_PO.GalleryPage__root_new_portal_header--15bi3 { height: 100%; } .GalleryPage__root--1v_PO.GalleryPage__root_new_portal_header--15bi3 .GalleryPage__datalistSelectable--3wQ8C { height: calc(100% - 100px); } .GalleryPage__root--1v_PO.GalleryPage__root_new_portal_header--15bi3 .GalleryPage__headerContainer_new_portal_header--2r8ex { margin-bottom: 16px; } .GalleryPage__root--1v_PO.GalleryPage__root_new_portal_header--15bi3 .GalleryPage__root_empty--IUkw0 { padding: 0px 16px; } .GalleryPage__root_fast_scroll--o_HxX { padding-right: 40px; } .GalleryPage__menu--KTVis { height: 30px; margin-top: 12px; } .GalleryPage__smsBlockWrapper--2TTFc { margin-left: 16px; margin-top: 27px; } .DataListGalleryItemStub__root--RxoBh { background-color: var(--vkui--color_skeleton_from); border-radius: 4px; position: relative; text-align: center; transition: background-color 0.1s ease-out; } .DataListGalleryItemStub__content--1G-ow, .DataListGalleryItemStub__root--RxoBh { height: 100%; width: 100%; } .DataListGalleryItemStub__icon--1rPG5 { height: 80px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 80px; } .DataListGalleryItemStub__root_small--2jffa .DataListGalleryItemStub__content--1G-ow { height: 100%; width: 100%; } .TipSecondClickContent__root--1I7TN { cursor: default; } .DownloadCounter__borderCounter--14f98 { align-items: center; background: var(--vkui--color_background); border: 1px solid var(--vkui--color_field_border_alpha); border-radius: 20px; box-sizing: border-box; display: flex; gap: 4px; height: 28px; margin-left: 3px; padding: 4px 10px 4px 8px; width: 50px; } .DownloadCounter__borderCounterAchived--JT4xw { width: 53px; } .DownloadCounter__borderCounter--14f98:hover { background-color: var(--vkui--color_background--hover); } .DownloadCounter__borderCounterMobile--8FgqJ { height: 26px; margin: 0px; padding: 2px 8px 2px 6px; width: 43px; } .DownloadCounter__borderCounterTableViewMobileAchived--3Q_dM { width: 50px; } .DownloadCounter__borderCounterListViewMobile--2XW-4 { background-color: var(--vkui--color_background_secondary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; width: 50px; } .DownloadCounter__borderCounterListViewMobileAchived--3eNee { width: 52px; } .DownloadCounter__borderCounterGalleryView--QgAT- { backdrop-filter: blur(22px); background-color: var(--vkui--color_other_overlay_primary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 4px 6px 4px 4px; width: 41px; } .DownloadCounter__borderCounterGalleryView--QgAT-:hover { background: linear-gradient(0deg,var(--vkui--color_background_secondary_alpha--active),var(--vkui--color_background_secondary_alpha--active)),var(--color-background-gray); } .DownloadCounter__counter--3jj3i { color: var(--cloud-color_user_name_tab); } .DownloadCounter__achievedLimit--25lFm { color: var(--vkui--color_icon_negative); } .DownloadCounter__textGalleryViewMobile--14y42 { color: var(--vkui--color_text_contrast); } .DownloadCounter__achievedLimitMobile--3u2Xt { background-color: var(--vkui--color_background_negative_tint); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .DownloadCounter__borderCounterGalleryViewAchived--1yqdp, .DownloadCounter__borderCounterGalleryViewAchived--1yqdp:hover { background-color: var(--vkui--color_background_negative); } .DownloadCounter__borderCounterGalleryViewAchived--1yqdp { width: 43px; } .DownloadCounter__borderCounterNewDataList--2Vz-Y { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 30px; } .DownloadCounter__borderCounterNewDataList--2Vz-Y:hover { background-color: var(--cloud--color_background_white); } .DownloadCounter__borderCounterNewDataList--2Vz-Y:hover .DownloadCounter__counter_newlist--rX2aV { color: var(--vkui--color_icon_primary); } .DownloadCounter__borderCounterNewDataList--2Vz-Y:hover .DownloadCounter__hovered--906vI { animation: 0.4s ease 0s 1 normal forwards running DownloadCounter__pulseOnce--1o0dr; } @keyframes DownloadCounter__pulseOnce--1o0dr { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .AiPhotoImprovingTooltip__aiIcon--1MDrd, .AiPhotoImprovingTooltip__lottie--2FeNS { cursor: pointer; } .AiPhotoImprovingTooltip__aiIcon--1MDrd { align-items: center; backdrop-filter: blur(3px); background: linear-gradient(0deg,rgba(0,0,0,.12) 0,rgba(0,0,0,.12) 100%),linear-gradient(66deg,var(--vkui--color_background_accent) 5.51%,cyan 100%); border-radius: 100px; display: flex; height: 20px; justify-content: center; width: 20px; } .AiPhotoImprovingTooltip__aiIconBorder--1tycS { border: 1px solid var(--vkui--color_background_content,#fff); } .AiPhotoImprovingTooltip__aiIcon24--17mZD { background: linear-gradient(66deg,var(--vkui--color_background_accent) 5.51%,var(--Palette-Cyan,rgba(7,229,249,.7)) 100%); height: 24px; width: 24px; } .AiPhotoImprovingTooltip__aiIcon28--3wSxz { background: linear-gradient(0deg,hsla(0,0%,100%,.12) 0,hsla(0,0%,100%,.12) 100%),linear-gradient(66deg,var(--vkui--color_background_accent) 5.51%,var(--Palette-Cyan,rgba(7,229,249,.72)) 100%); height: 28px; width: 28px; } .AiPhotoImprovingTooltip__aiIcon32--2M_s3 { background: linear-gradient(66deg,var(--vkui--color_background_accent) 5.51%,var(--Palette-Cyan,rgba(7,229,249,.7)) 100%); height: 32px; width: 32px; } .AiPhotoImprovingTooltip__tooltip--2WUOl { background-color: var(--vkui--cloud_color_sweetblue); border-radius: 12px; font-family: var(--font-tt-norms); font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); max-width: 262px; padding: 16px; } .AiPhotoImprovingTooltip__title--3MN14 { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .AiPhotoImprovingTooltip__arrow--2nKgd { color: var(--vkui--cloud_color_sweetblue); } .AiPhotoImprovingTooltip__button--9qacj.vkuiButton--mode-primary { background-color: var(--vkui--color_background_contrast); color: var(--colors-text-primary-invariably); } .AiPhotoImprovingTooltip__button--9qacj.vkuiButton--mode-primary:hover { background-color: var(--vkui--color_background_contrast--hover); } .AiPhotoImprovingTooltip__button--9qacj.vkuiButton--mode-primary:active, .AiPhotoImprovingTooltip__button--9qacj.vkuiButton--mode-primary:focus { background-color: var(--vkui--color_background_contrast--active); } .DataListGalleryItem__root--1K9m9 { background-color: var(--vkui--color_skeleton_from); border-radius: 4px; cursor: pointer; height: 100%; position: relative; text-align: center; transition: background-color 0.1s ease-out; width: 100%; } .DataListGalleryItem__header--1jN0G { box-sizing: border-box; display: flex; justify-content: flex-end; padding: 12px; position: absolute; top: 0px; visibility: hidden; width: 100%; } .DataListGalleryItem__aiIconContainer--1VW49 { left: 12px; position: absolute; top: 12px; z-index: 1; } .DataListGalleryItem__footer--2Id7d { align-items: flex-end; bottom: 0px; box-sizing: border-box; justify-content: space-between; padding: 12px; position: absolute; width: 100%; } .DataListGalleryItem__footer--2Id7d, .DataListGalleryItem__rightControls--2thss { display: flex; flex-direction: row; } .DataListGalleryItem__rightControls--2thss { gap: 5px; } .DataListGalleryItem__container--2HVhz, .DataListGalleryItem__content--3sx46 { height: 100%; width: 100%; } .DataListGalleryItem__container--2HVhz { position: relative; } .DataListGalleryItem__imageContainer--fL-87 { border-radius: 2px; inset: 0px; overflow: hidden; position: absolute; } .DataListGalleryItem__imageContainer--fL-87::after { border: 4px solid transparent; opacity: 1; transition: border-color 0.1s ease-out; } .DataListGalleryItem__imageContainer--fL-87::after, .DataListGalleryItem__imageContainer_loaded--2e9zQ::after { background: transparent; box-sizing: border-box; content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .DataListGalleryItem__imageContainer_loaded--2e9zQ::after { opacity: 0; transition: opacity 0.1s ease-out; } .DataListGalleryItem__thumb--10oq7 { height: 100%; object-fit: cover; opacity: 0; pointer-events: none; position: relative; transition: opacity 0.2s ease-in; width: 100%; } .DataListGalleryItem__thumb_loaded--pNHJQ { opacity: 1; } .DataListGalleryItem__icon--BDuQy { height: 80px; width: 80px; } .DataListGalleryItem__icon--BDuQy, .DataListGalleryItem__play--C0AX2 { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .DataListGalleryItem__play--C0AX2 { align-items: center; backdrop-filter: blur(44px); background: var(--color-background-gray); border-radius: 50%; color: var(--vkui--color_text_contrast); display: flex; height: 40px; justify-content: center; width: 40px; } .DataListGalleryItem__play--C0AX2 svg { transform: translateX(1px); } .DataListGalleryItem__play--C0AX2 svg path { fill: currentcolor; stroke: currentcolor; } .DataListGalleryItem__check--1ksF1, .DataListGalleryItem__control--1vBKY { visibility: hidden; } .DataListGalleryItem__control--1vBKY { margin-right: 8px; } .DataListGalleryItem__control--1vBKY:last-child { margin-right: 0px; } .DataListGalleryItem__root_selected--2Vp2E .DataListGalleryItem__check--1ksF1 { visibility: visible; } .DataListGalleryItem__root--1K9m9:hover, .DataListGalleryItem__root_dropdownOpen--kR7Hy { background-color: var(--vkui--color_skeleton_from--hover); } .DataListGalleryItem__root--1K9m9:hover .DataListGalleryItem__imageContainer_loaded--2e9zQ::after, .DataListGalleryItem__root_dropdownOpen--kR7Hy .DataListGalleryItem__imageContainer_loaded--2e9zQ::after { background: linear-gradient(0deg,var(--color-back-white-1--middle),var(--color-back-white-1--middle)); opacity: 1; } .DataListGalleryItem__root--1K9m9 .DataListGalleryItem__weblinkForceShow--1yXif, .DataListGalleryItem__root--1K9m9:hover .DataListGalleryItem__check--1ksF1, .DataListGalleryItem__root--1K9m9:hover .DataListGalleryItem__control--1vBKY, .DataListGalleryItem__root--1K9m9:hover .DataListGalleryItem__header--1jN0G, .DataListGalleryItem__root_dropdownOpen--kR7Hy .DataListGalleryItem__check--1ksF1, .DataListGalleryItem__root_dropdownOpen--kR7Hy .DataListGalleryItem__control--1vBKY, .DataListGalleryItem__root_dropdownOpen--kR7Hy .DataListGalleryItem__header--1jN0G { visibility: visible; } .DataListGalleryItem__root_active--2oTi_, .DataListGalleryItem__root_selected--2Vp2E { background-color: var(--vkui--color_skeleton_from--active); } .DataListGalleryItem__root_active--2oTi_ .DataListGalleryItem__imageContainer--fL-87::after, .DataListGalleryItem__root_selected--2Vp2E .DataListGalleryItem__imageContainer--fL-87::after { border: 4px solid rgb(152, 191, 255); } .DataListGalleryItem__root_active--2oTi_ .DataListGalleryItem__imageContainer_loaded--2e9zQ::after, .DataListGalleryItem__root_selected--2Vp2E .DataListGalleryItem__imageContainer_loaded--2e9zQ::after { background: linear-gradient(0deg,var(--color-back-white-1--middle),var(--color-back-white-1--middle)); opacity: 1; } .DataListGalleryItem__root_dropdownOpen--kR7Hy .DataListGalleryItem__imageContainer--fL-87::after { border: 4px solid transparent; } .DataListGalleryItem__root_selecting--2x7Vg { background-color: var(--vkui--color_skeleton_from); pointer-events: none; } .DataListGalleryItem__root_small--18Lkf .DataListGalleryItem__rightControls--2thss { flex-direction: column; } .DataListGalleryItem__root_small--18Lkf .DataListGalleryItem__control--1vBKY { margin-bottom: 8px; margin-right: 0px; visibility: hidden; } .DataListGalleryItem__root_small--18Lkf .DataListGalleryItem__control--1vBKY:last-child { margin-bottom: 0px; } .DataListGalleryItem__download--19Wdx, .DataListGalleryItem__favorites--3jwr8, .DataListGalleryItem__weblink--1rF-7 { display: block; } .Spinner__root--2ThLn { fill: currentcolor; animation: 1s cubic-bezier(0.49, 0.28, 0.49, 0.67) 0s infinite normal none running Spinner__spin--JlTLN; color: var(--vkui--color_text_accent); height: 40px; left: calc(50% - 20px); position: absolute; top: calc(50% - 20px); width: 40px; } .Spinner__root_embedded--i7r6G { color: var(--activity_indicator_tint); height: 44px; width: 44px; } .Spinner__root_tutoria--2_5yF { animation: 1s linear 0s infinite normal none running Spinner__spin--JlTLN; color: var(--vkui--color_icon_medium); height: 44px; width: 44px; } @keyframes Spinner__spin--JlTLN { 100% { transform: rotate(1turn) translateZ(0px); } } .ImageCancelable__spinnerWrapper--2Rhdi { height: 45px; position: relative; top: -45px; } .TrackDownloadCountPromo__tooltip--2NbfH { box-sizing: border-box; max-width: 380px; min-width: 345px; padding: 20px; position: relative; } .TrackDownloadCountPromo__tooltipMobile--Au61s { max-width: 295px; min-width: 258px; } .TrackDownloadCountPromo__tooltipTitle--15OUR { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .TrackDownloadCountPromo__tooltipTitleMobile--AhhKw { line-height: var(--vkui--font_headline1--line_height--regular); } .TrackDownloadCountPromo__tooltipText--30QZO, .TrackDownloadCountPromo__tooltipTitleMobile--AhhKw { font-size: var(--vkui--font_headline1--font_size--regular); } .TrackDownloadCountPromo__tooltipText--30QZO { font-family: var(--vkui--font_family_accent); } .TrackDownloadCountPromo__tooltipTextMobile--1ed6P { font-size: var(--vkui--font_headline2--font_size--compact); line-height: var(--vkui--font_subhead--line_height--compact); } .TrackDownloadCountPromo__button--3INv6.ui.button { font-size: var(--vkui--font_text--font_size--compact); width: auto; } .TrackDownloadCountPromo__image--2Oule { bottom: -3px; height: auto; position: absolute; right: 0px; width: 120px; } .TrackDownloadCountPromo__imageMobile--3K9Rg { display: none; } .TrackDownloadCountPromo__imageAchived--2VHu- { max-width: 135px; } .Checkbox__root--PTJ6k { align-items: center; border: 1px solid var(--vkui--color_image_border_alpha); border-radius: 50%; box-sizing: border-box; color: var(--vkui--color_icon_secondary); display: flex; height: 32px; justify-content: center; min-width: 32px; width: 32px; } .Checkbox__root--PTJ6k.Checkbox__selected--leQ5O { background-color: var(--vkui--color_background_accent); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--vkui--color_icon_contrast); } .Checkbox__disabled--3Y7FA { color: var(--vkui--color_icon_tetriary); } .Checkbox__list--2N4Js { position: relative; } .Checkbox__list--2N4Js::after { content: ""; height: 56px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 56px; } .Download__root--2Vgjj { background: none; border: 1px solid var(--vkui--color_image_border_alpha); border-radius: 16px; gap: 4px; padding: 7px; } .Download__icon--1HQXA, .Download__root--2Vgjj { align-items: center; display: flex; } .Download__icon--1HQXA { box-sizing: border-box; justify-content: center; } .Download__downloadJpegIconOpen--3R3yr { transform: rotate(-180deg); } .Favorite__root--2GJVi#favorite-icon:not(.Favorite__favorite--3J9bc) { visibility: hidden; } .Favorite__favorite--3J9bc { color: var(--vkui--color_icon_negative); } .Favorite__favorite--3J9bc:hover { color: var(--vkui--color_text_negative--hover); } .Publish__shared--1OZrZ { color: var(--vkui--color_icon_positive); } .Publish__shared--1OZrZ:hover { color: var(--vkui--color_icon_positive--hover); } .Publish__accent--2NBjN { color: var(--vkui--color_icon_accent); } .Publish__accent--2NBjN:hover { color: var(--vkui--color_icon_accent--hover); } .vkui--cloud--dark.rebranding .Date__root--xyVKT { color: var(--vkui--color_text_secondary); } .Date__root--xyVKT { color: var(--vkui--color_icon_secondary); font-family: var(--vkui--font_subhead--font_family--regular,var(--font_family--vk_sans_display)); font-size: 14px; font-weight: var(--vkui--font_footnote--font_weight--regular,400); line-height: var(--vkui--font_footnote--line_height--regular,18px); white-space: nowrap; } .DeleteTooltip__root--1NfJj { padding: 16px; width: 352px; } .DeleteTooltip__closeButton--2VJk8 { cursor: pointer; position: absolute; right: 16px; top: 16px; } .DeleteTooltip__saveButton--2dGGh { height: 36px; } .DeleteTooltip__description--11e1O { color: var(--vkui-color_text_primary); } .Size__root--25hBM { gap: 12px; align-items: center; display: flex; justify-content: center; } .vkui--cloud--dark.rebranding .Size__size--GpkRH { color: var(--vkui--color_text_secondary); } .Size__size--GpkRH { color: var(--vkui--color_icon_secondary); display: inline-flex; flex: 0 0 80px; font-family: var(--vkui--font_subhead--font_family--regular,var(--font_family--vk_sans_display)); font-size: 14px; font-weight: var(--vkui--font_footnote--font_weight--regular,400); justify-content: flex-end; line-height: var(--vkui--font_footnote--line_height--regular,18px); } .Size__inline--19uHC { flex: initial; font-size: var(--vkui--font_caption1--font_size--regular); } .Size__icon--EkVhB { color: var(--vkui--color_icon_secondary); } .Size__icon--EkVhB:hover { color: var(--vkui--color_icon_primary); } .Size__icon--EkVhB.Size__delete--2rUcz, .Size__size--GpkRH.Size__delete--2rUcz { color: var(--vkui--color_icon_negative); } .TableColumn__root---b99T { align-items: center; display: flex; flex-basis: var(--tc-flex-basis); flex-grow: var(--tc-flex-grow); flex-shrink: var(--tc-flex-shrink); gap: var(--tc-gap); justify-content: var(--tc-justify-content); margin-right: 5px; max-width: var(--tc-max-width); min-width: var(--tc-min-width); overflow: var(--tc-overflow); width: var(--tc-width); } .DataListItemRow-new__root--3vxq2 { --row-background-hover: var(--vkui--color_transparent--hover); --row-background-hover-selected: var(--vkui--color_transparent--hover); --row-text-color: var(--vkui--color_text_primary); align-items: center; border-radius: 8px; box-sizing: border-box; color: rgba(0, 16, 61, 0.4); display: flex; height: 56px; padding-left: 14px; padding-right: 16px; transition: background-color 0.1s ease-out; width: 100%; } .DataListItemRow-new__root--3vxq2:hover .DataListItemRow-new__favoriteAction--TnNyP#favorite-icon { visibility: visible; } .DataListItemRow-new__root--3vxq2.DataListItemRow-new__root_vk_embedded--1ki04 { --row-background-hover: var(--background_hover); --row-background-hover-selected: var(--background_highlighted); --row-text-color: var(--vk-embedded-gray); color: var(--vkui--color_text_secondary); padding-left: 8px; padding-right: 10px; } .DataListItemRow-new__root--3vxq2:hover, .DataListItemRow-new__root_active--2OPmo, .DataListItemRow-new__root_selected--3fr3o { background-color: var(--row-background-hover); } .DataListItemRow-new__root_active--2OPmo:hover, .DataListItemRow-new__root_selected--3fr3o:hover { background-color: var(--row-background-hover-selected); } .DataListItemRow-new__root_selecting--10Kh6 { background-color: var(--row-background-hover); pointer-events: none; } .DataListItemRow-new__root_limit--tZLpK { padding-right: 0px; } .DataListItemRow-new__root_disabled--3lHuQ { opacity: 0.4; } .DataListItemRow-new__check--1jap8 { margin-right: 16px; } .DataListItemRow-new__nameWrapper--2fh-8 { align-items: flex-start; display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; overflow: hidden; } .DataListItemRow-new__responsiveDateWrapper--2ywjc { display: flex; } .DataListItemRow-new__responsiveDateWrapper--2ywjc .DataListItemRow-new__date--1Rms2 { font-size: var(--vkui--font_caption1--font_size--regular); } .DataListItemRow-new__source--12qQc { margin-right: 12px; } .DataListItemRow-new__invite--1EqlS { margin-top: 4px; } .DataListItemRow-new__counter--79EuT { color: var(--cloud-color_user_name_tab); font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; } .DataListItemRow-new__counter--79EuT, .DataListItemRow-new__counterText--1oP8Y { width: 16px; } .DataListItemRow-new__counterText--1oP8Y:hover { color: var(--vkui--color_icon_primary); } .DataListItemRow-new__counterAchived--2j6-R { color: var(--vkui--color_icon_negative); font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; } .DataListItemRow-new__counterZero--3-EEq { display: none; } .Avatar__root--1n6DO { border-radius: 50%; overflow: hidden; vertical-align: middle; } .Destination__root--1LsYF { align-items: center; color: var(--vkui--color_text_secondary); display: flex; font-family: var(--vkui--font_subhead--font_family--regular,var(--font_family--vk_sans_display)); font-size: 14px; font-weight: var(--vkui--font_footnote--font_weight--regular,400); line-height: var(--vkui--font_footnote--line_height--regular,18px); width: 100%; } .Destination__root--1LsYF.Destination__size_m--XNcqt .Destination__mailIcon--10hic { height: 28px; width: 28px; } .Destination__root--1LsYF.Destination__size_m--XNcqt .Destination__avatarAttaches--2IY2H { min-width: 48px; } .Destination__root--1LsYF.Destination__size_s--13MVS { font-size: var(--vkui--font_caption1--font_size--regular); } .Destination__root--1LsYF.Destination__size_s--13MVS .Destination__mailIcon--10hic { height: 16px; width: 16px; } .Destination__root--1LsYF.Destination__size_s--13MVS .Destination__avatarAttaches--2IY2H { align-items: center; min-width: 36px; } .Destination__avatar--2Rp_0 { display: flex; position: relative; } .Destination__avatarAttaches--2IY2H { margin-right: 0px; min-width: 52px; } .Destination__mailIcon--10hic { align-items: center; background: var(--vkui--color_background_content); border: 1px solid var(--vkui--color_separator_secondary); border-radius: 32px; box-sizing: border-box; color: var(--vkui--color_icon_secondary); display: flex; height: 32px; justify-content: center; position: absolute; right: 0px; width: 32px; } .Destination__mailIcon--10hic:hover { color: var(--vkui--color_icon_primary); } .Destination__nameMargin--1ZNXr { margin-left: 12px; } .NoAccessItem__root--1e-n5 { box-sizing: border-box; color: var(--vkui--color_text_primary); flex: 1 1 auto; font-family: var(--vkui--font_subhead--font_family--regular,var(--font_family--vk_sans_display)); font-size: var(--vkui--font_footnote--font_size--regular,14px); font-weight: var(--vkui--font_footnote--font_weight--regular,400); line-height: var(--vkui--font_footnote--line_height--regular,18px); margin-right: auto; overflow: hidden; padding-right: 16px; user-select: none; width: 100%; } .NoAccessItem__root--1e-n5.NoAccessItem__hidden--tvZml div[class*="Name__name"] > div { opacity: 0; } .NoAccessItem__centered--1fGjw { display: flex; justify-content: center; padding: 0px; } .ItemName__root--2nuL1 { box-sizing: border-box; color: var(--vkui--color_text_primary); flex: 1 1 auto; font-family: var(--vkui--font_subhead--font_family--regular,var(--font_family--vk_sans_display)); font-size: 14px; font-weight: var(--vkui--font_footnote--font_weight--regular,400); line-height: var(--vkui--font_footnote--line_height--regular,18px); margin-right: auto; overflow: hidden; padding-right: 16px; user-select: none; width: 100%; } .ItemName__root--2nuL1.ItemName__loading--3MQm0 { opacity: 0.48; } .ItemName__rootEditing--1rYHs { left: 52px; max-width: calc(100% - 126px); position: absolute; top: 50%; transform: translateY(-50%); } .ItemName__edit--2cYIF { display: inline-flex; max-width: 100%; overflow: hidden; white-space: nowrap; } .FilePic__root--1w-9W { align-items: center; display: flex; flex-shrink: 0; height: 40px; justify-content: center; line-height: 0; margin-right: 16px; width: 40px; } .FilePic__container--Q27nD, .FilePic__root--1w-9W { position: relative; } .FilePic__container--Q27nD { height: 100%; width: 100%; } .FilePic__aiIconContainer--pbhkn { position: absolute; right: -6px; top: -6px; z-index: 1; } .FilePic__icon--YzXiI, .FilePic__thumb--38lAK { height: 40px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 40px; } .FilePic__thumb--38lAK { border: .5px solid var(--vkui--color_image_border_alpha); border-radius: 8px; box-sizing: border-box; flex-shrink: 0; object-fit: cover; opacity: 0; pointer-events: none; } .FilePic__thumb_loaded--3iiSZ { opacity: 1; } .FilePic__author--1f0pm { border-radius: 50%; bottom: -4px; height: 20px; left: -4px; overflow: hidden; position: absolute; width: 20px; z-index: 1; } .DownloadVK__download--2d7Hl { display: flex; justify-content: flex-end; min-width: 44px; } .DownloadVK__downloadResponsive--3i6TQ { min-width: 24px; } .DownloadVK__hidden--2itVx { visibility: hidden; } .DownloadVK__downloadIcon--1OMnT { margin-right: 12px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .PicVK__icon--M-IaJ { height: 22px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 22px; } .PicVK__icon_large--2BPzH { height: 32px; width: 32px; } .PicVK__pic--2RXQl { align-items: center; display: flex; height: 48px; justify-content: center; line-height: 0; margin-right: 9px; position: relative; width: 36px; } .PicVK__pic--2RXQl, .PicVK__thumb--2NrUg { flex-shrink: 0; } .PicVK__thumb--2NrUg { border: 1px solid var(--vkui--color_background_tertiary_alpha); border-radius: 4px; box-sizing: border-box; left: 50%; max-height: 48px; max-width: 100%; opacity: 0; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); } .PicVK__thumb_loaded--1i9Tz { opacity: 1; } .PicVK__author--7k97X { border-radius: 50%; bottom: 4px; height: 16px; left: -6px; overflow: hidden; position: absolute; width: 16px; z-index: 1; } .PicVK__container--3EB63 { height: 100%; position: relative; width: 100%; } .AiOrganize__root--QlNvA { height: 100%; position: relative; } .AiOrganize__root_28--mtKdm, .AiOrganize__root_30--82OOb { align-items: center; border-radius: 100%; box-sizing: border-box; display: flex; justify-content: center; } .AiOrganize__root_28--mtKdm { height: 28px; width: 28px; } .AiOrganize__root_30--82OOb { border: 1px solid var(--vkui--color_image_border_alpha); height: 30px; margin-left: 4px; width: 30px; } .AiOrganize__root_center--305eC { transform: translateX(calc(-50% - 4px)); } .AiOrganize__tip--9nfMa { height: 100%; pointer-events: none; position: absolute; width: 100%; } .AiOrganize__icon--1vj69 { margin-left: 1px; margin-top: 1px; } .AiOrganize__tipRoot--2Jlwl .AiOrganize__content--3YAzI { font-size: 16px; padding: 20px; } .AiOrganize__tipRoot--2Jlwl .AiOrganize__content--3YAzI > .ui.primary.button { font-size: 15px; } .BizItemName__root--awP5I { box-sizing: border-box; color: var(--vkui--color_text_primary); flex: 1 1 auto; font-family: var(--vkui--font_subhead--font_family--regular,MailSans,Helvetica,Arial,sans-serif); font-size: 14px; font-weight: var(--vkui--font_footnote--font_weight--regular,400); line-height: var(--vkui--font_footnote--line_height--regular,18px); margin-right: auto; overflow: hidden; padding-right: 16px; text-overflow: ellipsis; user-select: none; white-space: nowrap; width: 100%; } .Expires__root--dppBB { color: var(--vkui--color_icon_secondary); font-family: var(--vkui--font_subhead--font_family--regular,var(--font_family--vk_sans_display)); font-size: 14px; font-weight: var(--vkui--font_footnote--font_weight--regular,400); line-height: var(--vkui--font_footnote--line_height--regular,18px); white-space: nowrap; } .Expires__autodelete--11QDC { color: var(--vkui--color_text_negative); } .Expires__inline--_YoOB { font-size: var(--vkui--font_caption1--font_size--regular); } .Circle__circle--bh9Gy { transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset 0.35s; } .LoaderIcon__loading--1EegW { align-items: center; cursor: pointer; display: flex; justify-content: center; position: relative; } .LoaderIcon__loading--1EegW .LoaderIcon__loader--3MtjA { position: absolute; } .LoaderIcon__loading--1EegW .LoaderIcon__loader--3MtjA circle { stroke: var(--vkui--color_icon_accent); } .LoaderIcon__loading--1EegW .LoaderIcon__loadingClose--2n3O- { color: var(--vkui--color_icon_secondary); position: absolute; } .LoaderIcon__loading--1EegW .LoaderIcon__loaderDefault--1azre circle { stroke: var(--vkui--color_image_border_alpha); } .LoaderIcon__loading--1EegW .LoaderIcon__loaderDefaultHover--Lx5i- circle { stroke: var(--vkui--color_image_border_alpha--hover); } .ItemTip__tooltip--GMIr- { width: fit-content; z-index: 2001; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .Access__root--2MLtM { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_subhead--font_family--regular,var(--font_family--vk_sans_display)); font-size: 14px; font-weight: var(--vkui--font_footnote--font_weight--regular,400); line-height: var(--vkui--font_footnote--line_height--regular,18px); } @media (max-width: 840px) { .Access__root--2MLtM.Access__responsive--2vnyN { margin-right: var(--vkui--x6); } } .Access__marginRight--2xSo6 { margin-right: var(--vkui--x8); } .Invitation__root--2EJod { align-items: center; display: flex; gap: 14px; } .Invitation__clickable-icon--WPdBX { color: var(--vkui--color_icon_secondary); cursor: pointer; } .Invitation__clickable-icon--WPdBX:hover { color: var(--vkui--color_icon_primary); } .Invitation__button--2K8Y3 { align-items: center; border: 1px solid var(--vkui--color_stroke_accent); border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_accent); cursor: pointer; display: flex; font-family: var(--vkui--font_headline2--font_family--regular,var(--font_family--vk_sans_display)); font-size: var(--vkui--font_headline2--font_size--compact,14px); font-weight: var(--vkui--font_headline2--font_weight--regular,500); height: 32px; justify-content: center; line-height: var(--vkui--font_headline2--line_height--compact,20px); width: 88px; } .Invitation__button--2K8Y3:hover { border-color: var(--vkui--color_stroke_accent--hover); color: var(--vkui--color_text_accent--hover); } .WebSearchSource__source--2TvnE { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_secondary); display: flex; max-width: 100%; white-space: nowrap; } .WebSearchSource__contains--10LrZ { overflow: hidden; text-overflow: ellipsis; } .WebSearchSource__match--13GkR { background-color: var(--color-tree-drop-hover); color: var(--vkui--color_text_accent); flex-shrink: 1; height: 1.2em; overflow: hidden; white-space: break-spaces; word-break: break-all; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .DataListItemRow__root--39hIM { --row-background-hover: var(--vkui--color_background_tertiary); --row-background-hover-selected: var(--vkui--color_background_secondary); --row-background-hover-active: var(--vkui--color_background_secondary_alpha--hover); --row-text-color: var(--vkui--color_text_primary); align-items: center; border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_secondary); display: flex; height: 48px; padding-left: 14px; padding-right: 16px; transition: background-color 0.1s ease-out; width: 100%; } @media (max-width: 840px) { .DataListItemRow__root--39hIM { height: 64px; } } .DataListItemRow__root--39hIM.DataListItemRow__root_vk_embedded--2uOCa { --row-background-hover: var(--background_hover); --row-background-hover-selected: var(--background_highlighted); --row-background-hover-active: var(--background_highlighted); --row-text-color: #333; color: var(--vkui--color_text_secondary); padding-left: 8px; padding-right: 10px; } @media (max-width: 840px) { .DataListItemRow__root_responsive--3cGOx { height: 72px; } .DataListItemRow__root_xl--8LGW4 { height: 86px; } } .DataListItemRow__root--39hIM:hover { background-color: var(--row-background-hover); } .DataListItemRow__root_active--3Kprm, .DataListItemRow__root_selected--krHFw { background-color: var(--row-background-hover-selected); } .DataListItemRow__root_active--3Kprm:hover, .DataListItemRow__root_selected--krHFw:hover { background-color: var(--row-background-hover-active); } .DataListItemRow__root_selecting--BC_yW { background-color: var(--row-background-hover); pointer-events: none; } @media (max-width: 840px) { .DataListItemRow__root_incoming--uBRlB .DataListItemRow__access--3L86Y { margin-right: var(--vkui--x1); } } .DatalistPic__container--2G-iT { background-color: var(--vkui--color_skeleton_from); border-radius: 12px; height: 100%; position: relative; width: 100%; } .DatalistPic__container_loaded--2rjuM { background-color: initial; } .DatalistPic__container_thumbs--1BnQO { align-items: center; display: flex; justify-content: center; } .DatalistPic__container_thumbs--1BnQO .DatalistPic__thumb--3Oryi { box-sizing: border-box; height: auto; max-height: 80px; max-width: 80px; object-fit: contain; width: auto; } .DatalistPic__container_thumbs--1BnQO .DatalistPic__thumb_elongated--2FLxn { border-radius: 6px; } .DatalistPic__container_list--1clf3 { align-items: center; display: flex; justify-content: center; } .DatalistPic__container_list--1clf3 .DatalistPic__thumb--3Oryi { box-sizing: border-box; height: 48px; object-fit: cover; width: 48px; } .DatalistPic__container_galleryGrid3--2_B3K .DatalistPic__thumb--3Oryi { border-radius: 4px; } .DatalistPic__container_squares--1qWj6 .DatalistPic__thumb--3Oryi, .DatalistPic__container_squares180--3P19h .DatalistPic__thumb--3Oryi { border-radius: 0px; } .DatalistPic__border--336Jw { border: .5px solid var(--vkui--color_image_border_alpha); } .DatalistPic__thumb_wrapper--3bicY { display: flex; position: relative; } .DatalistPic__thumb--3Oryi { border-radius: 12px; height: 100%; object-fit: cover; opacity: 0; pointer-events: none; position: relative; width: 100%; } .DatalistPic__thumb_loaded--3sNsG { opacity: 1; } .DatalistPic__author--3XU-e { bottom: 0px; left: 50%; position: absolute; transform: translate(-50%, 50%); } .DatalistPic__container--1N7Sr { background-color: var(--vkui--color_skeleton_from); height: 100%; position: relative; transition: background-color 0.2s ease-in; width: 100%; } .DatalistPic__border--1voUx { border: 0.5px solid color-mix(in srgb, rgba(0, 16, 61, 0.08) 92%, transparent 8%); border-radius: 8px; } .DatalistPic__thumb--15oeB { border-radius: 8px; height: 100%; object-fit: cover; opacity: 0; pointer-events: none; position: relative; transition: opacity 0.2s ease-in; width: 100%; } .DatalistPic__icon--JXr5v { height: 48px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 48px; } .DatalistPic__container_loaded--1Ifft { background-color: initial; } .DatalistPic__thumb_loaded--otEwg { opacity: 1; } .DatalistPic__container_thumbs--1dNIU .DatalistPic__thumb--15oeB { border: 1px solid var(--vkui--color_image_border_alpha); border-radius: 4px; box-sizing: border-box; height: 100%; max-width: 100%; width: auto; } .DatalistPic__container_thumbs--1dNIU .DatalistPic__icon--JXr5v { height: 80px; width: 80px; } .DatalistPic__container_galleryGrid3--2_6V4 .DatalistPic__thumb--15oeB { border-radius: 4px; } .DatalistPic__container_squares--83omk .DatalistPic__thumb--15oeB, .DatalistPic__container_squares180--28LU5 .DatalistPic__thumb--15oeB { border-radius: 0px; } .DataListItemSquares__root--m9SK7 { cursor: pointer; position: relative; } .DataListItemSquares__root_squares--C4HbG { height: 167px; width: 170px; } .DataListItemSquares__root_squares180--3mEPN { height: 177px; width: 180px; } .DataListItemSquares__root_loaded--1HDPQ .DataListItemSquares__check--9E2Dd, .DataListItemSquares__root_loaded--1HDPQ .DataListItemSquares__content--3c_ng { opacity: 1; } .DataListItemSquares__content--3c_ng { box-sizing: border-box; opacity: 0; position: relative; transition: opacity 0.2s ease-in; } .DataListItemSquares__content--3c_ng, .DataListItemSquares__pic--3zV_b { height: 100%; width: 100%; } .DataListItemSquares__check--9E2Dd { align-items: center; background: var(--vkui--color_avatar_overlay); border: 1.5px solid var(--vkui--color_background); border-radius: 50%; color: var(--vkui--color_icon_contrast); display: flex; height: 30px; justify-content: center; opacity: 0; position: absolute; right: 13px; top: 13px; transition: opacity 0.3s ease-in; width: 30px; z-index: 1; } .DataListItemSquares__check--9E2Dd.DataListItemSquares__active---zBLS { background: var(--vkui--color_background_accent); } .rebranding .DataListCheckbox__root_checked--2m4AC:hover { background: var(--vkui--color_background_accent--hover); } .vkui--cloud--dark.rebranding .DataListCheckbox__root_checked--2m4AC:hover { background: var(--vkui--color_background_accent--hover); } .DataListCheckbox__root--vpsSl { align-items: center; background: var(--vkui--color_background_content); border-radius: 50%; cursor: pointer; display: flex; height: 24px; justify-content: center; position: relative; width: 24px; } .DataListCheckbox__root--vpsSl:hover .DataListCheckbox__icon--3bZj6 { color: var(--vkui--color_icon_primary); } .DataListCheckbox__root--vpsSl::before { inset: -12px; content: ""; position: absolute; } .DataListCheckbox__root_checked--2m4AC { background: var(--vkui--color_background_accent); } .DataListCheckbox__root_checked--2m4AC .DataListCheckbox__icon--3bZj6 { color: var(--vkui--color_text_contrast); } .DataListCheckbox__root_checked--2m4AC:hover { background: var(--color-denim); } .DataListCheckbox__root_checked--2m4AC:hover .DataListCheckbox__icon--3bZj6 { color: var(--vkui--color_text_contrast); } .DataListCheckbox__icon--3bZj6 { color: var(--vkui--color_icon_secondary_alpha); line-height: 0; } .Button__button--uwjVm { align-items: center; background: var(--vkui--color_background_accent_tint_alpha); border: 0px; border-radius: 8px; color: var(--vkui--color_text_accent); cursor: pointer; display: flex; font-family: var(--vkui--font_family_accent); font-size: 12px; font-weight: 500; gap: 4px; line-height: 16px; margin: auto; padding: 6px 10px 6px 12px; } .Button__button--uwjVm:hover { background-color: var(--vkui--color_background_accent_tint_alpha--hover); } .Button__button--uwjVm:active, .Button__button--uwjVm:focus { background-color: var(--vkui--color_background_accent_tint_alpha--active); } .DataListItemThumb__root--3TJe9 { background-color: initial; border-radius: 8px; height: 200px; position: relative; text-align: center; transition: background-color 0.1s ease-out; width: 168px; } .DataListItemThumb__root--3TJe9 .DataListItemThumb__aiControl--PeccY { background: var(--vkui--color_background); transform: translateX(calc(-50% - 4px)); transition: transform 0.1s ease-in-out; } .DataListItemThumb__root--3TJe9 .DataListItemThumb__aiControl_displaced--tsjEF { background: var(--vkui--color_background); border: 1px solid var(--vkui--color_field_border_alpha); transform: none; } .DataListItemThumb__root--3TJe9 .DataListItemThumb__aiControl--PeccY:hover, .DataListItemThumb__root--3TJe9 .DataListItemThumb__aiControl_displaced--tsjEF:hover { background: linear-gradient(0deg,var(--vkui--color_transparent--hover),var(--vkui--color_transparent--hover)),var(--vkui--color_background); } .DataListItemThumb__root--3TJe9:hover { background-color: var(--vkui--color_transparent--hover); } .DataListItemThumb__root_active--2Eu6a, .DataListItemThumb__root_selected--R8DOS { background-color: var(--vkui--color_background_secondary); } .DataListItemThumb__root_disabled--1Ggob { opacity: 0.4; } .DataListItemThumb__root_selecting--24JCX { background-color: var(--vkui--color_background_tertiary); pointer-events: none; } .DataListItemThumb__pin--3amKK { display: none; position: absolute; right: 12px; top: 12px; z-index: 1; } .DataListItemThumb__weblink--30Uyy { margin: 0px 5px; visibility: hidden; } .DataListItemThumb__weblink_active--1KmUm { visibility: visible; } .DataListItemThumb__favorites--Tf2hs { left: 7px; position: absolute; visibility: hidden; } .DataListItemThumb__favorites_active--18o9C { visibility: visible; } .DataListItemThumb__root--3TJe9:hover .DataListItemThumb__pin--3amKK, .DataListItemThumb__root_selected--R8DOS .DataListItemThumb__pin--3amKK { display: block; } .DataListItemThumb__root--3TJe9:hover .DataListItemThumb__favorites--Tf2hs, .DataListItemThumb__root--3TJe9:hover .DataListItemThumb__weblink--30Uyy, .DataListItemThumb__root_selected--R8DOS .DataListItemThumb__favorites--Tf2hs, .DataListItemThumb__root_selected--R8DOS .DataListItemThumb__weblink--30Uyy { visibility: visible; } .DataListItemThumb__root--3TJe9:hover .DataListItemThumb__aiControl--PeccY, .DataListItemThumb__root_selected--R8DOS .DataListItemThumb__aiControl--PeccY { border: 1px solid var(--vkui--color_field_border_alpha); transform: none; } .DataListItemThumb__root_selected--R8DOS:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .DataListItemThumb__pinLeft--3YQdj { left: 80px; position: absolute; top: 0px; } .DataListItemThumb__pinLeftTooltip--3xX2b.ui.bottom.popup { margin-top: 193px; } .DataListItemThumb__footer--rzO4y { bottom: 8px; position: absolute; text-align: center; width: 100%; z-index: 1; } .DataListItemThumb__footerEdit--1dlH_ { z-index: 2; } .DataListItemThumb__controls--_UFDa { display: flex; margin-bottom: 8px; } .DataListItemThumb__controls--_UFDa, .DataListItemThumb__name--3Qbwg { justify-content: center; } .DataListItemThumb__name--3Qbwg { align-items: center; box-sizing: border-box; color: var(--vkui--color_text_primary); display: inline-flex; font-size: 13px; line-height: 20px; max-width: 100%; overflow: hidden; padding: 0px 30px; position: relative; } .DataListItemThumb__nameEdit--2W2cy { overflow: visible; padding: 0px 4px; } .DataListItemThumb__icon--22j9c { height: 80px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 80px; } .DataListItemThumb__icon--22j9c.DataListItemThumb__loading_folder--3HYAY { opacity: 0.48; } .DataListItemThumb__thumb--20KgA { border: 1px solid var(--vkui--color_background_tertiary_alpha); border-radius: 4px; box-sizing: border-box; flex-shrink: 0; left: 50%; max-height: 152px; max-width: 100%; opacity: 0; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); } .DataListItemThumb__thumb_loaded--guYdu { opacity: 1; } .DataListItemThumb__thumb_short--2VR9Q { max-height: 104px; } .DataListItemThumb__content--2Puyh { align-items: center; display: flex; height: 152px; justify-content: center; width: 100%; } .DataListItemThumb__aiIconContainer--25kfr { left: calc(50% - 12px); position: absolute; top: 12px; z-index: 1; } .DataListItemThumb__owner--2wPBi { border-radius: 50%; height: 30px; overflow: hidden; width: 30px; } .DataListItemThumb__tooltip--2RcBT { width: fit-content; } .DataListItemThumb__container--J6SBH { height: 100%; position: relative; width: 100%; } .DataListItemThumb__meta--202wU { align-items: center; display: flex; flex-direction: column; height: 32px; justify-content: center; } .DataListItemThumb__metaEdit--SVTGB { justify-content: flex-start; } .DataListItemThumb__expires--2J_-e { color: var(--vkui--color_text_negative); font-size: 10px; line-height: 12px; } .DataListItemThumb__progress--4OUAJ circle { stroke: var(--vkui--color_stroke_accent); } .DataListItemThumb__nameWrapper--1JPZR { flex-flow: row; font-family: var(--vkui--font_family_accent); font-size: 14px; font-weight: 400; line-height: 18px; overflow: hidden; } .DataListItemThumb__edit--Q8gNj, .DataListItemThumb__nameWrapper--1JPZR { display: flex; max-width: 100%; } .DataListItemThumb__edit--Q8gNj { z-index: 2; } .DataListItemThumb__edit--Q8gNj:focus-visible { outline: none; } .FavoriteIcon__root--wzRgi { color: var(--vkui--color_icon_secondary); line-height: 0; transition: color 0.1s ease-in-out; } .FavoriteIcon__root--wzRgi:hover { color: var(--color-bombay); } .FavoriteIcon__root--wzRgi:active { color: rgb(126, 127, 133); } .FavoriteIcon__root_active--2Sjt6.FavoriteIcon__root_color_red--GaRxB { color: var(--color-flamingo); } .FavoriteIcon__root_active--2Sjt6.FavoriteIcon__root_color_red--GaRxB:hover { color: var(--color-mandy); } .FavoriteIcon__root--wzRgi.FavoriteIcon__root_color_black--1QbiR { color: var(--vkui--color_icon_primary); } .FavoriteIcon__root--wzRgi.FavoriteIcon__root_color_white--2k0PC { color: var(--vkui--color_text_contrast); } .DataListItemThumb__root--TrDbu { --translate-x-for-actions: 18px; --transition-delay: 10ms; --transition-duration: 200ms; --transition-timing-function: ease-in; --transition-timing: var(--transition-duration) var(--transition-timing-function) var(--transition-delay); align-items: center; border-radius: 16px; box-sizing: border-box; display: flex; flex-direction: column; height: 208px; justify-content: center; padding-bottom: 8px; position: relative; width: 168px; } .DataListItemThumb__root--TrDbu .DataListItemThumb__favorite--2vzHU#favorite-icon:not(.DataListItemThumb__favorite_active--2FFu-), .DataListItemThumb__root--TrDbu .DataListItemThumb__publish--1HM3P#publish-icon:not(.DataListItemThumb__publish_active--3SZTy) { opacity: 0; } .DataListItemThumb__root--TrDbu .DataListItemThumb__publish--1HM3P.DataListItemThumb__publish_visible--8V6sf#publish-icon { opacity: 1; transform: translate(0px); } .DataListItemThumb__root--TrDbu .DataListItemThumb__publish--1HM3P#publish-icon { z-index: 1; } .DataListItemThumb__root--TrDbu .DataListItemThumb__aiOrganize--1YTom#aiOrganize-icon, .DataListItemThumb__root--TrDbu .DataListItemThumb__favorite--2vzHU#favorite-icon, .DataListItemThumb__root--TrDbu .DataListItemThumb__publish--1HM3P#publish-icon { align-items: center; border-radius: 32px; display: flex; height: 32px; justify-content: center; min-width: 32px; opacity: 1; position: absolute; top: 0px; transform: translate(0px); visibility: visible; width: 32px; } .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__aiOrganize--1YTom#aiOrganize-icon, .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__favorite--2vzHU#favorite-icon, .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__publish--1HM3P#publish-icon { align-items: center; background-color: var(--vkui--color_background_content); border: 1px solid var(--vkui--color_image_border_alpha); box-sizing: border-box; display: flex; justify-content: center; opacity: 1; } .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__border--balqe { background-color: var(--vkui--color_background_content); border: 1px solid var(--vkui--color_image_border_alpha); } .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__bottom_actions--3d_Dg:not(.DataListItemThumb__single_action--36Opb):not(.DataListItemThumb__triple_action--2t45z) .DataListItemThumb__favorite--2vzHU#favorite-icon { transform: translateX(calc(var(--translate-x-for-actions)*1)); } .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__bottom_actions--3d_Dg:not(.DataListItemThumb__single_action--36Opb):not(.DataListItemThumb__triple_action--2t45z) .DataListItemThumb__favorite_counter--1i42s#favorite-icon { transform: translateX(calc(var(--translate-x-for-actions)*.6)); } .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__bottom_actions--3d_Dg:not(.DataListItemThumb__single_action--36Opb):not(.DataListItemThumb__triple_action--2t45z) .DataListItemThumb__publish--1HM3P#publish-icon { transform: translateX(calc(var(--translate-x-for-actions)*-1)); } .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__bottom_actions--3d_Dg:not(.DataListItemThumb__single_action--36Opb):not(.DataListItemThumb__triple_action--2t45z) .DataListItemThumb__publish_counter--8RaLQ#publish-icon { transform: translateX(calc(var(--translate-x-for-actions)*-1.3)); } .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__bottom_actions--3d_Dg:not(.DataListItemThumb__single_action--36Opb):not(.DataListItemThumb__triple_action--2t45z) .DataListItemThumb__counter--2N1ie { transform: translateX(calc(var(--translate-x-for-actions)*2.4)); } .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__triple_action--2t45z .DataListItemThumb__favorite--2vzHU#favorite-icon { transform: translateX(calc(var(--translate-x-for-actions)*2)); } .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__triple_action--2t45z .DataListItemThumb__favorite_counter--1i42s#favorite-icon { transform: translateX(calc(var(--translate-x-for-actions)*1.6)); } .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__triple_action--2t45z .DataListItemThumb__publish--1HM3P#publish-icon { transform: translateX(calc(var(--translate-x-for-actions)*-2)); } .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__triple_action--2t45z .DataListItemThumb__publish_counter--8RaLQ#publish-icon { transform: translateX(calc(var(--translate-x-for-actions)*-2.3)); } .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__triple_action--2t45z .DataListItemThumb__counter--2N1ie { transform: translateX(calc(var(--translate-x-for-actions)*2.4)); } .DataListItemThumb__root--TrDbu.DataListItemThumb__selected--32q26 .DataListItemThumb__floating_actions--2Dvt-, .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__floating_actions--2Dvt- { opacity: 1; } .DataListItemThumb__root--TrDbu.DataListItemThumb__active--1ZZIY, .DataListItemThumb__root--TrDbu.DataListItemThumb__selected--32q26, .DataListItemThumb__root--TrDbu:hover { background-color: var(--vkui--color_background_tertiary); } .DataListItemThumb__root--TrDbu.DataListItemThumb__active--1ZZIY .DataListItemThumb__aiOrganize--1YTom#aiOrganize-icon, .DataListItemThumb__root--TrDbu.DataListItemThumb__selected--32q26 .DataListItemThumb__aiOrganize--1YTom#aiOrganize-icon, .DataListItemThumb__root--TrDbu:hover .DataListItemThumb__aiOrganize--1YTom#aiOrganize-icon { box-sizing: border-box; } .DataListItemThumb__root_animate--3Oipi { transition: background-color var(--transition-timing); } .DataListItemThumb__root_disabled--pH6eB { opacity: 0.4; } .DataListItemThumb__aiIconContainer--2tABe { left: calc(50% - 16px); position: absolute; top: 6px; z-index: 1; } .DataListItemThumb__picture--1b7SF { align-items: center; height: 124px; justify-content: center; position: relative; } .DataListItemThumb__details--Yxv8P, .DataListItemThumb__picture--1b7SF { display: flex; width: 100%; } .DataListItemThumb__details--Yxv8P { flex-direction: column; height: 36px; justify-content: space-between; overflow: hidden; padding: 0px 4px; } .DataListItemThumb__bottom_actions--3d_Dg { height: 32px; margin-top: 8px; position: relative; width: 32px; } .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__limit--2rDRb { width: 76px; } .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__animate_bottom_actions--2WoAe .DataListItemThumb__favorite--2vzHU#favorite-icon, .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__animate_bottom_actions--2WoAe .DataListItemThumb__publish--1HM3P#publish-icon { transition-delay: var(--transition-delay); transition-duration: var(--transition-duration); transition-property: transform, opacity, background-color, border-width; transition-timing-function: var(--transition-timing-function); } .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__skip_bottom_actions_animation--xhab6 .DataListItemThumb__favorite--2vzHU#favorite-icon, .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__skip_bottom_actions_animation--xhab6 .DataListItemThumb__publish--1HM3P#publish-icon { transition-property: opacity, background-color, border-width; } .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__skip_bottom_actions_animation--xhab6:not(.DataListItemThumb__single_action--36Opb):not(.DataListItemThumb__triple_action--2t45z) .DataListItemThumb__favorite--2vzHU#favorite-icon { transform: translateX(calc(var(--translate-x-for-actions)*1)); } .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__skip_bottom_actions_animation--xhab6:not(.DataListItemThumb__single_action--36Opb):not(.DataListItemThumb__triple_action--2t45z) .DataListItemThumb__favorite_counter--1i42s#favorite-icon { transform: translateX(calc(var(--translate-x-for-actions)*.6)); } .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__skip_bottom_actions_animation--xhab6:not(.DataListItemThumb__single_action--36Opb):not(.DataListItemThumb__triple_action--2t45z) .DataListItemThumb__publish--1HM3P#publish-icon { transform: translateX(calc(var(--translate-x-for-actions)*-1)); } .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__skip_bottom_actions_animation--xhab6:not(.DataListItemThumb__single_action--36Opb):not(.DataListItemThumb__triple_action--2t45z) .DataListItemThumb__publish_counter--8RaLQ#publish-icon { transform: translateX(calc(var(--translate-x-for-actions)*-1.3)); } .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__skip_bottom_actions_animation--xhab6:not(.DataListItemThumb__single_action--36Opb):not(.DataListItemThumb__triple_action--2t45z) .DataListItemThumb__counter--2N1ie { transform: translateX(calc(var(--translate-x-for-actions)*2.4)); } .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__skip_bottom_actions_animation--xhab6.DataListItemThumb__triple_action--2t45z .DataListItemThumb__favorite--2vzHU#favorite-icon { transform: translateX(calc(var(--translate-x-for-actions)*2)); } .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__skip_bottom_actions_animation--xhab6.DataListItemThumb__triple_action--2t45z .DataListItemThumb__favorite_counter--1i42s#favorite-icon { transform: translateX(calc(var(--translate-x-for-actions)*1.6)); } .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__skip_bottom_actions_animation--xhab6.DataListItemThumb__triple_action--2t45z .DataListItemThumb__publish--1HM3P#publish-icon { transform: translateX(calc(var(--translate-x-for-actions)*-2)); } .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__skip_bottom_actions_animation--xhab6.DataListItemThumb__triple_action--2t45z .DataListItemThumb__publish_counter--8RaLQ#publish-icon { transform: translateX(calc(var(--translate-x-for-actions)*-2.3)); } .DataListItemThumb__bottom_actions--3d_Dg.DataListItemThumb__skip_bottom_actions_animation--xhab6.DataListItemThumb__triple_action--2t45z .DataListItemThumb__counter--2N1ie { transform: translateX(calc(var(--translate-x-for-actions)*2.4)); } .DataListItemThumb__counter--2N1ie { transform: translateX(calc(var(--translate-x-for-actions)*1.2)); } .DataListItemThumb__floating_actions--2Dvt- { display: flex; justify-content: space-between; left: 6px; opacity: 0; position: absolute; right: 6px; top: 6px; z-index: 1; } .DataListItemThumb__animate_floating_actions--1uxQP { transition: opacity var(--transition-timing); } .DataListItemThumb__check--34OQ0[aria-selected="false"] { color: var(--vkui--color_icon_secondary); } .DataListItemThumb__check--34OQ0[aria-selected="false"]:hover { color: var(--vkui--color_icon_primary); } .DataListItemThumb__owner--2ycLx { align-items: center; display: flex; justify-content: center; } .DataListItemThumb__check--34OQ0:not([aria-selected="true"]), .DataListItemThumb__download--2M1bw { background-color: var(--vkui--color_background_content); } .DataListItemThumb__destination--2JV7B { bottom: 8px; left: 50%; position: absolute; transform: translateX(-50%); width: auto; } .DataListItemThumb__pinLeft--2Y6_y { left: 80px; position: absolute; top: 0px; } .DataListItemThumb__pinLeftTooltip--220O_.ui.bottom.popup { margin-top: 193px; } .DataListItemThumb__source--yA_UB { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_subhead--font_family--regular,var(--font_family--vk_sans_display)); font-size: 12px; font-weight: var(--vkui--font_caption2--font_weight--regular,400); line-height: 16px; margin: auto; max-width: 100%; } .DataListItemThumb__bestPhoto--1Tf77 { align-items: center; display: flex; height: 32px; justify-content: center; width: 32px; } .Size__root--3PXzG { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_subhead--font_family--regular,var(--font_family--vk_sans_display)); font-size: 12px; font-weight: var(--vkui--font_caption2--font_weight--regular,400); line-height: 16px; text-align: center; } .BestPhotoTooltip__root--g8HOY { padding: 8px 12px 10px; width: 244px; } .BestPhotoTooltip__rootViewer--3eiAX { margin-left: -6px; margin-top: -6px; } .BestPhotoTooltip__rootViewerContent--1_yuI { background-color: rgb(49, 49, 49); color: var(--color_text_muted--dark); } .BestPhotoTooltip__rootViewerArrow--1cKQ_ { color: rgb(49, 49, 49); } .Date__root--3nJRh { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_subhead--font_family--regular,var(--font_family--vk_sans_display)); font-size: 12px; font-weight: var(--vkui--font_caption2--font_weight--regular,400); line-height: 16px; text-align: center; } .Date__expires--18lIo { color: var(--vkui--color_stroke_negative); } .ItemName__root--12Qpq { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); display: inline-flex; font-family: var(--vkui--font_subhead--font_family--regular,var(--font_family--vk_sans_display)); font-size: 14px; font-weight: var(--vkui--font_footnote--font_weight--regular,400); justify-content: center; line-height: 18px; } .ItemName__edit--1hNBa, .ItemName__root--12Qpq { overflow: hidden; } .ItemName__edit--1hNBa { margin: 0px 5px; max-width: 100%; white-space: nowrap; } .Pic__root--2lNTd { align-items: center; display: flex; } .Pic__icon--26nNl.Pic__loading_folder--3EDrt { opacity: 0.48; } .Pic__thumb--2lins { border: 1px solid var(--vkui--color_image_border_alpha); border-radius: 4px; box-sizing: border-box; display: none; max-height: 100%; max-width: 100%; object-fit: cover; opacity: 0; pointer-events: none; } .Pic__thumb_loaded--34nmF { display: block; opacity: 1; } .Pic__thumb_container--3EIRS { align-items: center; display: flex; height: 104px; justify-content: center; } .AiImprovePopups__root--19u_f.ui.tiny.modal, .AiImprovePopups__rootWide--MhoLV.ui.tiny.modal { max-width: 100%; min-width: 400px; width: 420px; } @media only screen and (max-width: 400px) { .AiImprovePopups__root--19u_f.ui.tiny.modal, .AiImprovePopups__rootWide--MhoLV.ui.tiny.modal { left: 0px; } } @media only screen and (max-width: 767px) { .AiImprovePopups__root--19u_f.ui.tiny.modal > .content, .AiImprovePopups__rootWide--MhoLV.ui.tiny.modal > .content { padding: 0px 14px !important; } } .AiImprovePopups__root--19u_f .AiImprovePopups__content--3yUqY, .AiImprovePopups__rootWide--MhoLV .AiImprovePopups__content--3yUqY { -webkit-font-smoothing: antialiased; font-size: 18px; width: calc(100% + 10px); padding: 220px 0 var(--padding-promo) !important; } @media only screen and (max-width: 767px) { .AiImprovePopups__root--19u_f .AiImprovePopups__content--3yUqY, .AiImprovePopups__rootWide--MhoLV .AiImprovePopups__content--3yUqY { padding-bottom: 14px !important; } } .AiImprovePopups__root--19u_f .AiImprovePopups__image--3mck4, .AiImprovePopups__rootWide--MhoLV .AiImprovePopups__image--3mck4 { height: 200px; width: auto; } .AiImprovePopups__root--19u_f .AiImprovePopups__imageWrapper--2knho, .AiImprovePopups__rootWide--MhoLV .AiImprovePopups__imageWrapper--2knho { height: 200px !important; width: 420px; } .AiImprovePopups__root--19u_f .AiImprovePopups__footer--3yD5H button:not(.primary), .AiImprovePopups__rootWide--MhoLV .AiImprovePopups__footer--3yD5H button:not(.primary) { background: var(--vkui--color_background_secondary_alpha); } .AiImprovePopups__root--19u_f .AiImprovePopups__footer--3yD5H button:not(.primary):hover, .AiImprovePopups__rootWide--MhoLV .AiImprovePopups__footer--3yD5H button:not(.primary):hover { background: var(--vkui--color_background_secondary_alpha--hover); } .AiImprovePopups__root--19u_f .AiImprovePopups__closeIconWrapper--1CmAY, .AiImprovePopups__rootWide--MhoLV .AiImprovePopups__closeIconWrapper--1CmAY { background: rgba(128, 128, 128, 0.48); border-radius: 8px !important; height: 36px !important; width: 36px !important; } .AiImprovePopups__root--19u_f .AiImprovePopups__closeIconWrapper--1CmAY:hover, .AiImprovePopups__rootWide--MhoLV .AiImprovePopups__closeIconWrapper--1CmAY:hover { background: rgba(128, 128, 128, 0.28); } .AiImprovePopups__video--2zWGg { flex-shrink: 0; height: 200px; } .AiImprovePopups__rootWide--MhoLV.ui.tiny.modal { width: 540px; } .AiImprovePopups__rootWide--MhoLV .AiImprovePopups__content--3yUqY { padding: 260px 0 var(--padding-promo) !important; } .AiImprovePopups__rootWide--MhoLV .AiImprovePopups__image--3mck4 { height: 240px; width: auto; } .AiImprovePopups__rootWide--MhoLV .AiImprovePopups__imageWrapper--2knho { height: 240px !important; width: 540px; } .AiImprovePopups__rootWide--MhoLV .AiImprovePopups__video--2zWGg { height: 240px; } .AiImprovePopups__closeIcon--33sHG { color: var(--vkui--color_icon_contrast); } .AiImprovePopups__text--1ReRQ { color: var(--vkui--color_text_primary); font-size: 16px; line-height: 20px; } .AiImprovePopups__confirmationRoot--1ZNqr.ui.tiny.modal { max-width: 100%; min-width: 300px; width: 420px; } @keyframes DataListItem__fadeIn--EY0nP { 0% { opacity: 0; } 100% { opacity: 1; } } .DataListItem__root--CNJMg { cursor: default; display: inline-flex; position: relative; text-decoration: none; } .DataListItem__root--CNJMg:focus { outline: none; } .DataListItem__rootGrab--1LCdT { cursor: grabbing; } .DataListItem__rootGrab--1LCdT *, .DataListItem__rootSelecting--C8UgR { pointer-events: none; } .DataListItem__rootSelecting--C8UgR { cursor: default; } .DataListItem__root_row--D49DR { width: 100%; } .DataListItem__root_gallery--15pPr { height: 100%; width: 100%; } .DataListItem__root_drag--12DSS { background: var(--vkui--color_background_tertiary); border-radius: 8px; opacity: 0.48; transition: opacity 0.2s ease-in-out; } .DataListItem__root_drag--12DSS * { pointer-events: none; } .DataListItem__root_drop--2E4M2 { background: var(--vkui--color_background_accent_tint_alpha); border-radius: 8px; position: relative; } .HeaderButton__buttonBlock--2ctU4 { -webkit-font-smoothing: antialiased; color: var(--vkui--color_icon_primary_invariably); font-family: var(--font-tt-norms); font-size: 15px; font-weight: 500; height: 100%; justify-content: center; line-height: 20px; user-select: none; white-space: nowrap; } .HeaderButton__button--2ZgFU, .HeaderButton__buttonBlock--2ctU4 { align-items: center; display: flex; } .HeaderButton__button--2ZgFU { border-radius: 8px; cursor: pointer; gap: 6px; padding: 8px 12px 8px 8px; } .HeaderButton__button--2ZgFU:focus, .HeaderButton__button--2ZgFU:hover { background-color: var(--vkui--color_transparent--hover); } .HeaderButton__button__withoutText--2lWcU { padding: 8px; } .HeaderButton__button_size_110--ijC26 { min-width: 110px; } .HeaderButton__button_size_181--3H1VT { min-width: 181px; } .HeaderButton__icon--Cc3VA { align-items: center; display: flex; height: 20px; } .HeaderButton__buttonTitle--3yM_a { padding-top: 2px; } .HeaderButton__buttonBlock--2ctU4.HeaderButton__buttonBlock_theme-myOffice--2OFfP { cursor: default; padding-right: 0px; } .HeaderButton__buttonBlock--2ctU4.HeaderButton__buttonBlock_theme-myOffice--2OFfP:focus, .HeaderButton__buttonBlock--2ctU4.HeaderButton__buttonBlock_theme-myOffice--2OFfP:hover { background: none; } .HeaderButton__button--2ZgFU.HeaderButton__button_theme-myOffice--2uInG { background: var(--vkui--color_background_tertiary); border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_icon_primary_invariably); cursor: default; min-height: 36px; padding: 5px 5px 5px 6px; } .HeaderButton__button--2ZgFU.HeaderButton__button_theme-myOffice--2uInG .HeaderButton__buttonTitle--3yM_a { background: var(--color-datalist-selected-hover); border-radius: 6px; cursor: pointer; font-size: 13px; padding: 6px 10px; } .HeaderButton__button--2ZgFU.HeaderButton__button_theme-myOffice--2uInG .HeaderButton__buttonTitle--3yM_a:hover { background: var(--vkui--color_background_secondary--hover); } @media (max-width: 1260px) { .HeaderButton__buttonTitle--3yM_a { display: none; } .HeaderButton__button--2ZgFU { padding: 8px; } .HeaderButton__button--2ZgFU.HeaderButton__button_theme-myOffice--2uInG, .HeaderButton__buttonBlock--2ctU4.HeaderButton__buttonBlock_theme-myOffice--2OFfP { cursor: pointer; } } .HeaderButton__dropdown--1pdUN { align-items: center; border-radius: 8px; display: flex; height: 32px; justify-content: center; margin-left: 4px; margin-right: -10px; width: 32px; } .HeaderButton__dropdown--1pdUN:active { background: var(--color-back-white-1--light); } .HeaderButton__dropdown--1pdUN:hover { background: var(--color-back-white-1--active); } .HeaderButton__dropdownIconContainer--1BsEo { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } .HeaderButton__dropdownIcon--2IAKS { fill: var(--vkui--color_icon_primary_invariably); } .HeaderButton__dropdownIconUp--2acI- { transform: rotate(180deg); transition: rotate 0.2s ease-in-out; } .FileNameInput__fileNameInput--1n7uE { border: 1px solid transparent; border-radius: 8px; height: 40px; line-height: 40px; max-width: 455px; overflow: hidden; padding: 0px 12px; } .FileNameInput__fileNameInput--1n7uE:hover { background-color: var(--vkui--color_skeleton_from); border: 1px solid var(--vkui--color_separator_primary_alpha); } .FileNameInput__fileNameInput--1n7uE:focus-visible { background-color: var(--vkui--color_skeleton_from); border: 1px solid var(--vkui--color_background_secondary_alpha--active); max-width: 800px; outline: none; } .FileNameInput__fileNameInput--1n7uE:focus-visible::after { bottom: -4px; content: ""; left: 50%; position: absolute; transform: translateX(-50%); width: 100%; } @media (max-width: 1560px) { .FileNameInput__fileNameInput--1n7uE:focus-visible { max-width: 650px; } } @media (max-width: 1450px) { .FileNameInput__fileNameInput--1n7uE:focus-visible { max-width: 550px; } } @media (max-width: 1350px) { .FileNameInput__fileNameInput--1n7uE:focus-visible { max-width: 470px; } } @media (max-width: 980px) { .FileNameInput__fileNameInput--1n7uE { max-width: 400px; } .FileNameInput__fileNameInput--1n7uE:focus-visible { max-width: 430px; } } .HeaderFileName__filenameBlock--3vZZU { -webkit-font-smoothing: antialiased; align-items: center; display: flex; font-family: var(--font-tt-norms); font-size: 18px; font-weight: 500; gap: 12px; line-height: 24px; position: relative; } .HeaderFileName__readOnly--3MQrq { max-width: 455px; overflow: hidden; white-space: nowrap; } .HeaderFileName__editable--1XMxb { cursor: text; position: relative; white-space: nowrap; } .HeaderFileName__myOfficeText--2ih7K { color: var(--vkui--color_text_link); cursor: default; display: block; font-size: 12px; font-weight: 400; line-height: 16px; padding-top: 4px; } @media (min-width: 1261px) and (max-width: 1272px) { .HeaderFileName__readOnly--3MQrq { max-width: 410px; } } .HeaderLeftGroup__leftGroup--1iZJu { align-items: center; display: flex; gap: 10px; } .HeaderLeftGroup__favoritesIcon--2UXQv { cursor: pointer; height: 16px; margin-top: 2px; position: relative; width: 16px; z-index: 1; } .HeaderLeftGroup__backButton--1K30o > div[class*="buttonTitle"] { display: block; } @media (max-width: 920px) { .HeaderLeftGroup__backButton--1K30o > div[class*="buttonTitle"] { display: none; } } .ShareBubble__bubbleTitle--AQ4_g { font-size: 20px; font-weight: 500; line-height: 26px; margin-bottom: 11px; } .ShareBubble__bubbleText--2Plje, .ShareBubble__bubbleTitle--AQ4_g { color: var(--vkui--color_icon_primary_invariably); } .ShareBubble__bubbleText--2Plje { font-size: 15px; line-height: 20px; } .ShareBubble__bubble--3_cNj { box-sizing: border-box; display: flex; font-family: var(--font-tt-norms); padding: 39px 47px 40px 39px; position: relative; width: 515px; } .ShareBubble__bubbleIcon--SZf8V { margin-right: 11px; margin-top: 10px; } .ShareBubble__bubbleIcon--SZf8V path { fill: rgb(1, 112, 252); } .ui.popup.ShareButtonCoEditPopup__componentStyles--2bB7c { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 10px; box-shadow: var(--vkui--elevation4); padding: 20px; width: 100%; } .ui.popup.ShareButtonCoEditPopup__componentStyles--2bB7c::before { box-shadow: var(--vkui--elevation4) !important; } .ShareButtonCoEditPopup__content--2CEoM { font-family: var(--font-inter); width: 300px; } .ShareButtonCoEditPopup__contentClose--211rZ { align-items: center; cursor: pointer; display: flex; height: 20px; justify-content: center; position: absolute; right: 15px; top: 15px; width: 20px; } .ShareButtonCoEditPopup__contentHeader--2vJQc { font-size: 18px; font-weight: var(--vkui--font_title1--font_weight--compact); padding: 0px 0px 8px; } .ShareButtonCoEditPopup__contentText--2Czif { font-size: 16px; font-weight: var(--vkui--font_weight_base3); line-height: 24px; } .EditorHeader__root--1uzt5 { background-color: var(--vkui--color_background_contrast); display: flex; justify-content: space-between; padding: 10px 16px; position: relative; z-index: 1; } .EditorHeader__adIcon--28aZk { align-items: center; cursor: pointer; display: flex; height: 100%; padding: 0px 8px 0px 4px; } .EditorHeader__emptyShareLink--2w2-T { height: 48px; width: 209px; } .EditorHeader__license--1i7y5 { align-items: center; background-color: rgba(217, 76, 76, 0.3); display: flex; height: 26px; justify-content: center; } .ui.popup.MyOfficePopup__componentStyles--s5x0b { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; box-shadow: var(--vkui--elevation4); width: 100%; } .ui.popup.MyOfficePopup__componentStyles--s5x0b::before { box-shadow: var(--vkui--elevation4) !important; } .MyOfficePopup__wrapper--1Gn2y { align-items: center; display: flex; width: 375px; } .MyOfficePopup__content--1bwzR { font-family: var(--font-inter); padding: 10px 20px; } .MyOfficePopup__contentHeader--3qPaQ { font-size: 14px; font-weight: var(--vkui--font_title1--font_weight--compact); } .MyOfficePopup__contentText--1aJMc { font-size: 14px; font-weight: var(--vkui--font_weight_base3); line-height: 18px; } .HeaderRightGroup__rightGroup--4j4LU { align-items: center; display: flex; gap: 10px; } .HeaderRightGroup__rightGroup__buttons--1KTAQ { align-items: center; display: flex; gap: 4px; } @media (max-width: 1050px) { .HeaderRightGroup__myOfficePromoEditorEnabled--NJR6N .HeaderRightGroup__rightGroup--4j4LU { min-width: 0px; } } :root { --editor-header-height: 48px; } .EditorHeader__root--3485S { background-color: var(--vkui--color_background_accent); display: flex; height: var(--editor-header-height); justify-content: space-between; position: relative; z-index: 1; } .EditorHeader__leftGroup--1XgyH { display: flex; justify-content: flex-start; } .EditorHeader__middleGroup--3TFq0 { display: flex; flex-shrink: 1; overflow: hidden; } .EditorHeader__rightGroup--3LjP4 { display: flex; justify-content: flex-end; } .EditorHeader__favorites--32ZfQ { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; margin-left: -8px; } .EditorHeader__favoritesIcon--2YjMr { cursor: pointer; height: 16px; margin-top: 2px; position: relative; width: 16px; z-index: 1; } .EditorHeader__buttonBlock--25PEa { -webkit-font-smoothing: antialiased; align-items: center; color: var(--vkui--color_text_contrast); cursor: pointer; display: flex; font-family: "Helvetica Neue Light", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; height: 100%; justify-content: center; line-height: 14px; padding: 0px 16px; user-select: none; white-space: nowrap; } .EditorHeader__buttonBlock--25PEa:focus, .EditorHeader__buttonBlock--25PEa:hover { background-color: 1px solid var(--vkui--color_background_tertiary_alpha--active); } .EditorHeader__buttonBlock--25PEa.EditorHeader__buttonBlock_theme-myOffice--1220g { cursor: default; padding-right: 0px; } .EditorHeader__buttonBlock--25PEa.EditorHeader__buttonBlock_theme-myOffice--1220g:focus, .EditorHeader__buttonBlock--25PEa.EditorHeader__buttonBlock_theme-myOffice--1220g:hover { background: none; } .EditorHeader__button--3LrEu.EditorHeader__button_theme-myOffice--2fzxw { background: var(--vkui--color_background_tertiary); border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_primary); min-height: 36px; padding: 5px 5px 5px 6px; } .EditorHeader__button--3LrEu.EditorHeader__button_theme-myOffice--2fzxw .EditorHeader__buttonTitle--3ay7O { background: var(--color-datalist-selected-hover); border-radius: 6px; cursor: pointer; font-size: 13px; padding: 6px 10px; } .EditorHeader__button--3LrEu.EditorHeader__button_theme-myOffice--2fzxw .EditorHeader__buttonTitle--3ay7O:hover { background: rgb(243, 245, 248); } .EditorHeader__adIcon--2UnaI { cursor: pointer; height: 100%; padding: 0px 8px 0px 4px; } .EditorHeader__adIcon--2UnaI, .EditorHeader__button--3LrEu { align-items: center; display: flex; } .EditorHeader__button--3LrEu { padding: 8px 0px; } .EditorHeader__button_size_110--2EHQ- { min-width: 110px; } .EditorHeader__button_size_181--3ZmhY { min-width: 181px; } .EditorHeader__icon---lUYZ { align-items: center; display: flex; height: 20px; margin-right: 12px; } @media (max-width: 850px) { .EditorHeader__buttonTitle--3ay7O { display: none; } .EditorHeader__icon---lUYZ { margin: 0px; } .EditorHeader__button_size--a3GjM { min-width: 0px; } } @media (max-width: 1050px) { .EditorHeader__myOfficePromoEditorEnabled--1kmu_ .EditorHeader__buttonTitle--3ay7O { display: none; } .EditorHeader__myOfficePromoEditorEnabled--1kmu_ .EditorHeader__buttonBlock--25PEa.EditorHeader__buttonBlock_theme-myOffice--1220g { cursor: pointer; } .EditorHeader__myOfficePromoEditorEnabled--1kmu_ .EditorHeader__icon---lUYZ { margin: 0px; } .EditorHeader__myOfficePromoEditorEnabled--1kmu_ .EditorHeader__button_size--a3GjM, .EditorHeader__myOfficePromoEditorEnabled--1kmu_ .EditorHeader__rightGroup--3LjP4 { min-width: 0px; } } .EditorHeader__bubbleTitle--3Bh5N { font-size: 20px; font-weight: 500; line-height: 26px; margin-bottom: 11px; } .EditorHeader__bubbleText--ikMFu, .EditorHeader__bubbleTitle--3Bh5N { color: var(--vkui--color_text_primary); } .EditorHeader__bubbleText--ikMFu { font-size: 15px; line-height: 20px; } .EditorHeader__bubble--3MX8M { box-sizing: border-box; display: flex; font-family: var(--font-tt-norms); padding: 39px 47px 40px 39px; position: relative; width: 515px; } .EditorHeader__bubbleIcon--2zMGW { margin-right: 11px; margin-top: 10px; } .EditorHeader__bubbleIcon--2zMGW path { fill: rgb(1, 112, 252); } .EditorHeader__emptyShareLink--2Ql3e { height: 48px; width: 209px; } .EditorHeader__license--2kqle { background-color: rgba(217, 76, 76, 0.3); height: 26px; } .EditorHeader__dropdown--109f6, .EditorHeader__license--2kqle { align-items: center; display: flex; justify-content: center; } .EditorHeader__dropdown--109f6 { border-radius: 8px; height: 32px; margin-left: 4px; margin-right: -10px; width: 32px; } .EditorHeader__dropdown--109f6:active { background: var(--color-back-white-1--light); } .EditorHeader__dropdown--109f6:hover { background: var(--color-back-white-1--active); } .EditorHeader__dropdownIconContainer--1fCiX { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } .EditorHeader__dropdownIcon--3IwNh { fill: var(--vkui--color_background_content); } .EditorHeader__dropdownIconUp--1s8LF { transform: rotate(180deg); transition: rotate 0.2s ease-in-out; } .EditorHeader__sharingButton--3RLX- { align-items: center; display: flex; padding: 0px 16px; } .EditorHeader__sharingButton--3RLX- .vkuiSwitch__pseudo::before { background: rgb(173, 191, 235); } .EditorHeader__sharingButton--3RLX- .vkuiSwitch__self:checked + .vkuiSwitch__pseudo::before { background: var(--vkui--color_background); } .EditorHeader__sharingButton--3RLX- .vkuiSwitch__pseudo::after { background: rgb(51, 127, 250); } .EditorHeader__sharingButton--3RLX- .vkuiSwitch__self:checked + .vkuiSwitch__pseudo::after { background: rgb(122, 172, 252); opacity: 1; } .EditorHeader__sharingButtonTitle--26EWk { -webkit-font-smoothing: antialiased; align-items: center; color: var(--vkui--color_background_content); cursor: pointer; display: flex; font-family: "Helvetica Neue Light", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; height: 100%; justify-content: center; line-height: 14px; margin-right: 8px; text-align: center; user-select: none; white-space: nowrap; } .ShadeRight__root--DXSrE { position: relative; width: 100%; } .ShadeRight__root--DXSrE::before { background: linear-gradient(90deg, rgba(242, 242, 242, 0) 0px, rgb(242, 242, 242)); } .ShadeRight__inHeader--jMKwK::before, .ShadeRight__root--DXSrE::before { content: ""; display: block; height: 100%; pointer-events: none; position: absolute; right: 0px; top: 0px; width: 50%; } .ShadeRight__inHeader--jMKwK::before { background: linear-gradient(90deg, rgba(0, 95, 249, 0) 0px, rgb(0, 95, 249)); } .ShadeRight__noShade--37EjS::before { background: none; content: ""; height: 0px; width: 0px; } .ShadeRight__root_folder--23OGy { position: relative; width: 100%; } .ShadeRight__root_folder--23OGy::before { border-radius: 4px; content: ""; height: 100%; pointer-events: none; right: -15px; top: 0px; width: 50%; } .HeaderFileName__root--1C-pp { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_contrast); flex-shrink: 1; font-family: "Helvetica Neue Light", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; height: 100%; line-height: 14px; overflow: hidden; padding: 0px; position: relative; white-space: nowrap; } .HeaderFileName__filename--36jyx, .HeaderFileName__root--1C-pp { align-items: center; display: flex; justify-content: center; } .HeaderFileName__filename--36jyx > div:first-child { align-items: center; border-radius: 4px; cursor: pointer; display: inline; flex-shrink: 1; height: 40px; justify-content: left; line-height: 40px; min-width: 15px; outline: none; overflow: hidden; padding: 0px 12px; text-overflow: clip; white-space: nowrap; } .HeaderFileName__filename--36jyx > div:first-child:hover { background-color: var(--vkui--color_background_tertiary_alpha--active); } .HeaderFileName__filename--36jyx > div:first-child:focus { background-color: var(--vkui--color_overlay_primary); } .HeaderFileName__filename--36jyx > div:first-child:focus + .HeaderFileName__icon--1yxao svg path { fill-opacity: 1; } .HeaderFileName__filenameReadOnly--qbeAn > div { cursor: default; } .HeaderFileName__filenameRightSpace--3swvw > div:first-child { border-right: 30px solid transparent; padding-right: 8px; } .HeaderFileName__icon--1yxao { align-items: center; display: flex; height: 100%; justify-content: center; position: absolute; right: 8px; top: 0px; width: 22px; z-index: 1; } .ui.popup.MyOfficePopup__componentStyles--1JLRn { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; box-shadow: var(--vkui--elevation4); width: 100%; } .ui.popup.MyOfficePopup__componentStyles--1JLRn::before { box-shadow: var(--vkui--elevation4) !important; } .MyOfficePopup__wrapper--XRXSH { align-items: center; display: flex; width: 375px; } .MyOfficePopup__content--2zVsN { font-family: var(--font-inter); padding: 10px 20px; } .MyOfficePopup__contentHeader--3yTdM { font-size: 14px; font-weight: var(--vkui--font_title1--font_weight--compact); } .MyOfficePopup__contentText--1TzVG { font-size: 14px; font-weight: var(--vkui--font_weight_base3); line-height: 18px; } .ui.popup.ShareButtonCoEditPopup__componentStyles--32gSi { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 10px; box-shadow: var(--vkui--elevation4); padding: 20px; width: 100%; } .ui.popup.ShareButtonCoEditPopup__componentStyles--32gSi::before { box-shadow: var(--vkui--elevation4) !important; } .ShareButtonCoEditPopup__content--10G7g { font-family: var(--font-inter); width: 300px; } .ShareButtonCoEditPopup__contentClose--1B-Z3 { align-items: center; cursor: pointer; display: flex; height: 20px; justify-content: center; position: absolute; right: 15px; top: 15px; width: 20px; } .ShareButtonCoEditPopup__contentHeader--VxGp8 { font-size: 18px; font-weight: var(--vkui--font_title1--font_weight--compact); padding: 0px 0px 8px; } .ShareButtonCoEditPopup__contentText--2x6eP { font-size: 16px; font-weight: var(--vkui--font_weight_base3); line-height: 24px; } .BizInlineEditorToolbar__root--hj_iv { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_caption1--font_size--regular); font-weight: var(--vkui--font_weight_accent2); top: 0px; width: 100%; z-index: 1; } .BizInlineEditorToolbar__leftGroup--stsZw, .BizInlineEditorToolbar__rightGroup--2OjfI, .BizInlineEditorToolbar__root--hj_iv { position: absolute; } .BizInlineEditorToolbar__leftGroup--stsZw { left: 2px; padding: 0px 6px; top: 4px; } .BizInlineEditorToolbar__leftGroupViewer--rk7__ { top: 2px; } .BizInlineEditorToolbar__rightGroup--2OjfI { display: flex; gap: 12px; } .BizInlineEditorToolbar__rightGroup--2OjfI.BizInlineEditorToolbar__modeEdit--3NYXX { right: 40px; top: 0px; } .BizInlineEditorToolbar__rightGroup--2OjfI.BizInlineEditorToolbar__modeView--3m0sf { right: 174px; top: 2px; } .BizInlineEditorToolbar__rightGroup--2OjfI.BizInlineEditorToolbar__modeComment--1B95I { right: 190px; top: 0px; } .BizInlineEditorToolbar__logo--n1YCt { background: 50% center / 100px auto no-repeat rgb(35, 35, 35); cursor: pointer; height: 28px; left: 0px; position: fixed; top: 0px; width: 122px; } .BizInlineEditorToolbar__logo--n1YCt[data-ext="doc"], .BizInlineEditorToolbar__logo--n1YCt[data-ext="docx"], .BizInlineEditorToolbar__logo--n1YCt[data-ext="rtf"], .BizInlineEditorToolbar__logo--n1YCt[data-ext="txt"] { background-color: rgb(69, 105, 150); } .BizInlineEditorToolbar__logo--n1YCt[data-ext="csv"], .BizInlineEditorToolbar__logo--n1YCt[data-ext="xls"], .BizInlineEditorToolbar__logo--n1YCt[data-ext="xlsx"] { background-color: rgb(64, 134, 93); } .BizInlineEditorToolbar__logo--n1YCt[data-ext="ppt"], .BizInlineEditorToolbar__logo--n1YCt[data-ext="pptx"] { background-color: rgb(170, 82, 83); } .BizInlineEditorToolbar__logoFullWidth--OGF6v { top: var(--viewer-toolbar-height,0); width: 100%; } .BizInlineEditorToolbar__logoViewer--2aZhR { position: absolute; } .BizInlineEditorToolbar__logo__tarm--1rnJx { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/9c1e324a7d6f33194351.png"); } .BizInlineEditorToolbar__logo__workdisk--fJSeI { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/61af8d736669cefd659e.png"); } .EditorToolButton__tooltip--L4PPi { background-color: var(--vkui--color_background_modal); border: 1px solid var(--vkui--color_separator_primary); border-radius: 4px; padding: 4px 12px; } .EditorToolButton__container--1_uuY { --vkui--size_border_radius--regular: 0px; } .EditorToolButton__buttonHover--2aP2F { background-color: var(--vkui--color_background_contrast_secondary_alpha); } .OfflineModeButton__switcherGroup--2llbv { align-items: center; color: var(--vkui--color_text_contrast); display: inline-flex; margin-left: 300px; } .OfflineModeButton__switcher--laxRN { transform: scale(0.8); } .Button__root--QOm7p { align-items: center; background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--vkui--color_text_contrast); display: flex; gap: 6px; justify-content: center; margin: 0px; padding: 6px; } .Button__root--QOm7p:hover { cursor: pointer; } .InlineEditorToolbar__root--indcN { display: none; font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_caption1--font_size--regular); font-weight: var(--vkui--font_weight_accent2); position: absolute; top: 0px; width: 100%; z-index: 1; } .InlineEditorToolbar__root--indcN.InlineEditorToolbar__show--ibVEK { display: block; } .InlineEditorToolbar__leftGroup--3V314, .InlineEditorToolbar__rightGroup--1PI0R { position: absolute; } .InlineEditorToolbar__leftGroup--3V314 { gap: 0px; left: 2px; padding: 0px 6px; top: 4px; } .InlineEditorToolbar__rightGroup--1PI0R { display: flex; gap: 12px; right: 38px; top: 27px; } .InlineEditorToolbar__shareButton--1wYqT { backdrop-filter: blur(27.5px); background: var(--vkui--colors_icon_medium_alpha,rgba(39,43,55,.5)); border-radius: 8px; padding: 6px 12px; } .ProtectedTooltip__root--1-oQc { align-items: center; cursor: pointer; display: flex; justify-content: center; margin-left: 8px; } .Breadcrumbs__root--2DEsq { align-items: center; color: var(--vkui--color_text_primary); display: flex; flex-direction: row; font-family: var(--font-tt-norms); font-size: 24px; font-weight: 500; gap: 8px; line-height: 32px; margin-top: 16px; width: 100%; } .Breadcrumbs__root_inHeader--aaP3G { gap: 4px; line-height: 28px; } .Breadcrumbs__root_inHeader--aaP3G .Breadcrumbs__button_back--3XeXh { flex-shrink: 0; } .Breadcrumbs__folderTitle--3YfsZ { flex: 1 1 auto; line-height: 24px; min-width: 0px; overflow: hidden; } .Breadcrumbs__isMobileArchiveViewer--1xoox { margin-top: 0px; } .Breadcrumbs__button_back--3XeXh { align-items: center; display: flex; } .Breadcrumbs__buttonArrowBack--e1YDm { background: var(--vkui--cloud_color_header_icon_background_alpha); border-radius: 16px; height: 36px; justify-content: center; margin-right: 8px; width: 36px; } .Breadcrumbs__arrowIcon--3mWw5 { color: var(--vkui--color_icon_primary); height: 20px; width: 20px; } .MyTeamMobileEditorHeader__wrapper--wpP_m { background-color: rgb(255, 255, 255); left: 0px; padding: 16px; position: fixed; top: 0px; width: 100%; z-index: 1; } .vkui--cloud--dark .MyTeamMobileEditorHeader__wrapper--wpP_m { background-color: rgb(35, 35, 35); } .rebranding .EditorLLMButton__tooltip--3W64t > div[class*="FloatingTooltip__content"] { background-color: var(--rebranding--color_background_sky); height: 174px; width: 246px; } .rebranding .EditorLLMButton__tooltip--3W64t > div[class*="FloatingTooltip__content"] > span[class*="FloatingTooltip__text"] { font-size: 15px; font-weight: 400; line-height: 20px; } .rebranding .EditorLLMButton__tooltip--3W64t > div[class*="FloatingTooltip__content"] > span[class*="FloatingTooltip__title"] { font-size: 17px; font-weight: 500; line-height: 22px; } .rebranding .EditorLLMButton__tooltip--3W64t > div[class*="FloatingTooltip__arrow"] { color: var(--rebranding--color_background_sky); } .rebranding .EditorLLMButton__tooltip--3W64t div > button[class*="ui primary button"] { font-size: 15px; font-weight: 500; line-height: 20px; } .rebranding .EditorLLMButton__button_hover_component--1Fs57 { box-shadow: rgba(20, 18, 20, 0.02) 0px 0px 6.03px 0px; cursor: default; height: 42px; opacity: 0; pointer-events: none; position: absolute; right: 92px; top: 15px; transition: opacity 0.1s linear; } .rebranding .EditorLLMButton__button_hover_component--1Fs57 .EditorLLMButton__text--RHs24 { background-color: var(--rebranding--color_background_sky); border-radius: 16px 0px 16px 16px; filter: drop-shadow(rgba(20, 18, 20, 0.01) 0px 0px 3px); padding: 10px 20px; } .rebranding .EditorLLMButton__button_hover_component--1Fs57 .EditorLLMButton__arrow--1VajV { color: var(--rebranding--color_background_sky); position: absolute; right: 0px; top: 0px; transform: translateX(100%); } .rebranding .EditorLLMButton__button_hover_component--1Fs57 .EditorLLMButton__arrow--1VajV svg { display: block; } .rebranding .EditorLLMButton__button_content--2HFLv:hover .EditorLLMButton__button_hover_component--1Fs57 { opacity: 1; } .rebranding .EditorLLMButton__mascot--3hHR7 { display: block; height: 72px; width: 64px; } .EditorLLMButton__buttonIcon--3rfRr { align-self: center; background: var(--vkui--color_background) url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/icons/editor/llm/8d523d6464920b987970.svg) no-repeat center center; border-radius: 50%; box-shadow: var(--color-llm-shadow); display: flex; height: 48px; padding: 0px; width: 48px; } .EditorLLMButton__buttonIcon--3rfRr:hover { background: var(--vkui--color_background) url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/icons/editor/llm/da7357d1fb9800443925.svg) no-repeat center center; } .EditorLLMButton__button_container--3w37y { bottom: 42px; position: absolute; right: 35px; } .rebranding .EditorLLMButton__button_container--3w37y { bottom: 44px; position: absolute; right: 28px; } .EditorLLMButton__button_content--2HFLv { cursor: pointer; } .EditorLLMButton__button_content_withText--Jce1G { align-items: center; background-color: var(--vkui--color_background); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 30px; box-shadow: var(--color-llm-shadow); display: flex; max-width: 48px; overflow: hidden; transition: 0.3s; } .EditorLLMButton__button_content_withText--Jce1G .EditorLLMButton__inner_container--2E3d2 { display: flex; } .EditorLLMButton__button_content_withText--Jce1G .EditorLLMButton__inner_container--2E3d2 .EditorLLMButton__buttonIcon--3rfRr { box-shadow: none; } .EditorLLMButton__button_content_withText--Jce1G:hover { max-width: 300px; padding-right: 20px; } .EditorLLMButton__button_content_withText--Jce1G:hover .EditorLLMButton__buttonIcon--3rfRr { background: var(--vkui--color_background) url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/icons/editor/llm/da7357d1fb9800443925.svg) no-repeat center center; } .EditorLLMButton__text--RHs24 { align-self: center; background-color: var(--vkui--color_background); color: var(--vkui--color_text_primary_invariably); display: flex; font-family: var(--font-tt-norms); font-size: 16px; font-weight: 500; white-space: nowrap; } .EditorLLMButton__text--RHs24, .EditorLLMButton__tooltip--3W64t { -webkit-font-smoothing: antialiased; } .EditorLLMButton__tooltip--3W64t { white-space: pre-wrap; z-index: 1000; } .EditorLLMButton__tooltip--3W64t > div[class*="FloatingTooltip__content"] { padding: 20px 40px 20px 20px; } .EditorLLMButton__tooltip--3W64t div > button[class*="ui primary button"] { background: var(--cloud--color_background_header_icon); color: var(--vkui--color_text_primary); -webkit-font-smoothing: antialiased !important; } .rebranding .EditorLLMButton__tooltip--3W64t > div[class*="FloatingTooltip__content"] { background-color: var(--rebranding--color_background_modal); color: var(--vkui--color_text_primary_invariably); padding: 20px 40px 20px 20px; } .rebranding .EditorLLMButton__tooltip--3W64t > div[class*="FloatingTooltip__arrow"] { color: var(--rebranding--color_background_modal); } .rebranding .EditorLLMButton__tooltip--3W64t div > button[class*="ui primary button"] { -webkit-font-smoothing: antialiased !important; } .rebranding .EditorLLMButton__tooltip--3W64t div > button[class*="ui primary button"] { background: var(--cloud--color_background_header_icon); color: var(--vkui--color_text_primary); } .rebranding .EditorLLMButton__tooltip--3W64t div > button[class*="Button__btn_vk"].ui.button { background: var(--vkui--color_background_accent); color: var(--rebranding--color_text_primary); } .rebranding .EditorLLMButton__tooltip--3W64t div > button[class*="Button__btn_vk"].ui.button:active { color: var(--rebranding--color_text_primary); } .rebranding .EditorLLMButton__tooltip--3W64t div > button[class*="Button__btn_vk"].ui.button:hover { color: var(--rebranding--color_text_primary); } .rebranding .EditorLLMButton__tooltip--3W64t div > button[class*="Button__btn_vk"].ui.button:focus { color: var(--rebranding--color_text_primary); } .rebranding .EditorLLMDialogLoader__loader_dot--1eH3y { background: var(--vkui--color_icon_accent); } .EditorLLMDialogLoader__loader--3C3aT { align-items: center; display: flex; gap: 3px; height: 44px; justify-content: center; width: 40px; } .EditorLLMDialogLoader__loader_dot--1eH3y { animation: 0.6s ease-in-out 0s infinite alternate none running EditorLLMDialogLoader__loader--3C3aT; background: linear-gradient(90deg, rgb(255, 167, 63), rgb(255, 85, 245)); border-radius: 5px; height: 4px; position: relative; width: 4px; } .EditorLLMDialogLoader__loader_dot--1eH3y:nth-of-type(2) { animation-delay: 0.2s; } .EditorLLMDialogLoader__loader_dot--1eH3y:nth-of-type(3) { animation-delay: 0.4s; } @keyframes EditorLLMDialogLoader__loader--3C3aT { 100% { transform: scale(1.3); } } .rebranding .EditorLLMDialogInput__icon--2GGkm { padding: 10px; } .rebranding .EditorLLMDialogInput__submit_icon--14n_H { color: var(--vkui--color_icon_accent); } .rebranding .EditorLLMDialogInput__input_container--1mCZu { align-items: center; background: var(--rebranding_color_background-content-alternative); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px 8px 18px 18px; grid-template-columns: auto 44px; padding-left: 12px; width: 100%; } .rebranding .EditorLLMDialogInput__input_container--1mCZu:focus, .rebranding .EditorLLMDialogInput__input_container--1mCZu:focus-within { background: var(--rebranding_color_background-content-alternative); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px 8px 18px 18px; } .rebranding .EditorLLMDialogInput__input--3h-tk { margin: 8px 0px; min-height: 28px; padding: 4px 0px; } .EditorLLMDialogInput__input_container--1mCZu { align-items: flex-end; background-color: var(--vkui--color_background_contrast); border: 1px solid var(--vkui--color_separator_primary); border-radius: var(--vkui--size_border_radius_paper--regular); box-sizing: border-box; display: grid; grid-template-columns: 40px auto 40px; width: 370px; } .EditorLLMDialogInput__input_container--1mCZu:focus, .EditorLLMDialogInput__input_container--1mCZu:focus-within { background: linear-gradient(var(--vkui--color_background_contrast),var(--vkui--color_background_contrast)) padding-box,linear-gradient(to right,#ffa73f,#ff55f5) border-box; border: 1px solid transparent; border-radius: var(--vkui--size_border_radius_paper--regular); } .EditorLLMDialogInput__input_container_disabled--7bvwP { background: linear-gradient(var(--vkui--color_background_contrast),var(--vkui--color_background_contrast)) padding-box,linear-gradient(to right,#ffa73f,#ff55f5) border-box; border: 1px solid transparent; border-radius: var(--vkui--size_border_radius_paper--regular); } .EditorLLMDialogInput__input--3h-tk { align-items: center; background: var(--rebranding_color_background-content-alternative); display: flex; opacity: 1; padding: 12px 0px; width: 100%; } .EditorLLMDialogInput__input--3h-tk > [class*="FocusVisible"], .EditorLLMDialogInput__input--3h-tk > [class*="FormField__border"] { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .EditorLLMDialogInput__input--3h-tk > textarea { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; color: var(--color-text-secondary); outline: none; padding: 0px; font-family: var(--font-tt-norms) !important; } .EditorLLMDialogInput__input--3h-tk > textarea::-webkit-scrollbar { width: 5px; } .EditorLLMDialogInput__input--3h-tk > textarea:disabled { opacity: 1; } .EditorLLMDialogInput__icon--2GGkm { padding: 10px 8px; } .EditorLLMDialogInput__submit_icon--14n_H { color: var(--cloud--color_icon_official); cursor: pointer; } .EditorLLMDialogInput__disabled_icon--1YXjv { color: var(--vkui--color_icon_secondary); } .rebranding .EditorLLMDialogSelect__button--3vJiH { margin-bottom: 0px; transform: translateY(50%); } .EditorLLMDialogSelect__container--1imWN { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background); border-radius: var(--vkui--size_border_radius_paper--regular); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 24px 0px, rgba(0, 0, 0, 0.04) 0px 0px 4px 0px; max-height: 180px; overflow-y: auto; padding: var(--vkui--size_div_padding--regular) 0; width: 280px; } .EditorLLMDialogSelect__container--1imWN::-webkit-scrollbar { width: 0px; } .EditorLLMDialogSelect__cell--3B32_ { display: grid; grid-template-columns: 36px auto auto; height: 38px; min-height: 38px; } .EditorLLMDialogSelect__cell--3B32_ span { font-family: var(--font-tt-norms); font-size: 15px; } .EditorLLMDialogSelect__cell--3B32_ div[class*="SimpleCell__after"] { justify-self: end; } .EditorLLMDialogSelect__button--3vJiH { border-radius: 100px; margin-bottom: 12px; } .EditorLLMDialogSelect__button--3vJiH > span[class*="vkuiButton__in"] { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); } .EditorLLMDialogSelect__icon--1-VoW { display: block; margin-left: -4px; margin-right: -4px; } .rebranding .EditorLLMDialogFooter__footer--2GAyh { background: none; border-radius: 0px 0px 18px 18px; display: flex; flex-direction: column; gap: 2px; } .rebranding .EditorLLMDialogFooter__select_section--1pS7X { background-color: var(--rebranding_color_background-content-alternative); border-radius: 0px 0px 8px 8px; box-sizing: border-box; height: 52px; padding-left: 12px; width: 100%; } .EditorLLMDialogFooter__footer--2GAyh { margin-top: auto; } .rebranding .EditorLLMDialogHeader__header--p4Lhx { background-color: var(--rebranding_color_background-content-alternative); border-radius: 18px 18px 0px 0px; padding: 10px 10px 12px; } .EditorLLMDialogHeader__header--p4Lhx { align-items: center; display: flex; font-family: var(--font-tt-norms); gap: 12px; justify-content: space-between; } .EditorLLMDialogHeader__header_title--3X_N7 { font-size: 18px; font-weight: 500; line-height: 24px; } .rebranding .EditorLLMDialogHeader__header_title--3X_N7 { flex-grow: 1; } .EditorLLMDialogHeader__closeButton--23XN_ { align-items: center; border-radius: 8px; display: flex; height: 32px; justify-content: center; width: 32px; } .EditorLLMDialogHeader__mascot--2dJ5E { height: 32px; width: 29px; } .ActionsBlock__actions--2syrx { align-items: center; display: flex; justify-content: space-between; margin-top: 8px; } .ActionsBlock__reactions--2VsMo { display: flex; gap: 2px; } .ActionsBlock__iconButton--1LG93 { align-items: center; border-radius: 8px; color: var(--vkui--color_icon_primary); display: flex; height: 32px; justify-content: center; width: 32px; } .ActionsBlock__iconButton--1LG93:disabled { color: var(--vkui--color_icon_secondary); opacity: 1; pointer-events: none; } .ActionsBlock__iconButton_up_active--1uqx0, .ActionsBlock__iconButton_up_active--1uqx0:disabled { color: var(--vkui--color_icon_accent); } .ActionsBlock__iconButton_down_active--Makkf, .ActionsBlock__iconButton_down_active--Makkf:disabled { color: var(--vkui--color_icon_negative); } .ActionsBlock__button_copy--okcbQ { font-size: 14px; } .ActionsBlock__button_copy--okcbQ > span[class*="vkuiButton__in"] { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); padding: 6px 12px; } .ActionsBlock__button_copy--okcbQ > span[class*="vkuiButton__in"] > span { padding: 0px !important; } .ActionsSelect__container--1joKM { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background); border-radius: var(--vkui--size_border_radius_paper--regular); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 24px 0px, rgba(0, 0, 0, 0.04) 0px 0px 4px 0px; max-height: 116px; overflow-y: auto; padding: var(--vkui--size_menu_padding--regular) 0; width: 200px; } .ActionsSelect__container--1joKM::-webkit-scrollbar { width: 0px; } .ActionsSelect__cell--2g_bi { display: grid; grid-template-columns: 36px auto auto; height: 32px; min-height: 32px; padding: 0px 20px; } .ActionsSelect__cell--2g_bi span { font-family: var(--font-tt-norms); font-size: 15px; } .ActionsSelect__button--10Y_L { border-radius: 100px; margin-bottom: 12px; } .ActionsSelect__button--10Y_L > span[class*="vkuiButton__in"] { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); } .rebranding .EditLLMDialogMessage__message--3A06B { background-color: var(--rebranding--color_background_sky); } .rebranding .EditLLMDialogMessage__message_own--3KeRv { background-color: var(--rebranding_theme_color_background_secondary); color: var(--vkui--color_text_primary); } .rebranding .EditLLMDialogMessage__message_error--2AKvi { background-color: var(--vkui--color_background_negative_tint); color: var(--vkui--color_text_primary); } .EditLLMDialogMessage__message--3A06B { background-color: var(--vkui--color_background_tertiary); border-radius: var(--vkui--size_border_radius_paper--regular); color: var(--vkui--color_text_primary_invariably); margin: 0px; padding: 12px; word-break: break-word; } .EditLLMDialogMessage__message_own--3KeRv { align-self: end; background-color: var(--color-tree-drop-hover); max-width: 50%; } .EditLLMDialogMessage__message_error--2AKvi { align-self: start; background-color: var(--vkui--color_background_negative_tint); display: flex; gap: 8px; white-space: break-spaces; } .EditLLMDialogMessage__error_icon--KXFyp { color: var(--vkui--color_background_negative); } .EditLLMDialogMessage__actions--dXgRt { align-items: center; display: flex; justify-content: space-between; margin-top: 8px; } .EditLLMDialogMessage__reactions--1vJ_k { display: flex; gap: 2px; } .EditLLMDialogMessage__iconButton--16LUB { align-items: center; border-radius: 8px; color: var(--vkui--color_icon_secondary); display: flex; height: 32px; justify-content: center; width: 32px; } .EditLLMDialogMessage__iconButton--16LUB:hover { color: var(--vkui--color_icon_primary); } .EditLLMDialogMessage__iconButton--16LUB:disabled { pointer-events: none; } .EditLLMDialogMessage__iconButton_active--1hglR { color: var(--vkui--color_icon_primary); opacity: 1 !important; } .EditLLMDialogMessage__button_copy--hyobX { font-size: 14px; } .EditLLMDialogMessage__button_copy--hyobX > span[class*="vkuiButton__in"] { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); padding: 6px 12px; } .EditLLMDialogMessage__button_copy--hyobX > span[class*="vkuiButton__in"] > span { padding: 0px !important; } .rebranding .EditLLMDialogMessages__messages--1-Ab3 { background-color: var(--rebranding_color_background-content-alternative); margin: 0px; padding: 0px 18px 0px 10px; } .EditLLMDialogMessages__messages--1-Ab3 { display: flex; flex: 1 1 0%; flex-direction: column; font-family: var(--font-tt-norms); font-size: 15px; gap: 16px; margin: 16px 0px; overflow-y: auto; padding-right: 8px; position: relative; white-space: pre-wrap; } .EditLLMDialogMessages__messages--1-Ab3::-webkit-scrollbar { width: 5px; } .rebranding .EditorLlmDialog__content--sO5_K { background: linear-gradient(355.69deg, rgb(0, 119, 255) 2.08%, rgb(7, 229, 249) 122.46%); border-radius: 20px; padding: 2px; } .EditorLlmDialog__container--18mPl { background-color: var(--vkui--color_background_tertiary); box-sizing: border-box; display: flex; flex-direction: column; height: 100%; opacity: 0; overflow: hidden; padding: 12px 0px; transition: width 0.3s, opacity 0.1s; width: 0px; } .EditorLlmDialog__container--18mPl * { -webkit-font-smoothing: antialiased; } .EditorLlmDialog__container_open--1aaCM { opacity: 1; transition: width 0.3s, opacity 1s; width: 420px; } .EditorLlmDialog__content--sO5_K { background-color: var(--vkui--color_background_contrast); border-radius: 16px; box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; height: 0px; margin: 0px 12px; overflow: hidden; padding: 12px; width: 396px; } .User__root--Nyg3x { display: flex; height: 40px; } .User__root_status_send--3GKBM .User__userContainer--1kM8R { opacity: 0.48; } .User__root_embeded--oTEgU, .User__root_tab--1V_hy { height: 36px; } .User__root_tab--1V_hy { align-items: center; padding-left: 4px; } .User__root_tab--1V_hy .User__annotation--1onLZ, .User__root_tab--1V_hy .User__email--3w6xm { color: var(--cloud-color_user_name_tab); } .User__root_tab--1V_hy .User__userContainer--1kM8R { opacity: 1; } .User__userContainer--1kM8R { align-items: center; display: flex; max-width: 100%; min-width: 1px; width: 100%; } .User__avatar--2I8Nk { background-size: 100% auto; border-radius: 50%; display: block; flex-shrink: 0; height: 36px; margin-right: 8px; position: relative; width: 36px; } .User__avatar--2I8Nk::after { border: 1px solid var(--vkui--color_field_border_alpha); border-radius: 50%; inset: 0px; content: ""; position: absolute; } .User__owner--2cutZ { color: var(--vkui--color_text_secondary); padding-right: 16px; white-space: nowrap; } .User__info--_XFgE { display: flex; flex-direction: column; justify-content: center; max-width: 100%; min-width: 1px; width: 100%; } .User__name--2lhR_ { font-size: 15px; } .User__email--3w6xm, .User__name--2lhR_ { line-height: 18px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .User__email--3w6xm { color: var(--vkui--color_text_secondary); font-size: 13px; } .User__rightItem--21XSS { color: var(--vkui--color_text_primary); font-size: 15px; line-height: 1; margin-left: auto; white-space: nowrap; } .User__dropdownItem--3heDf { cursor: pointer; font-family: var(--font-tt-norms); font-size: 15px; line-height: 20px; padding: 10px 20px; } .User__dropdownItem--3heDf:hover { background: var(--vkui--color_background--hover); } .User__dropdownMenu--2y0gm { font-family: var(--font-tt-norms); } .User__unmount--3IiOm { border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_accent); cursor: pointer; height: 40px; line-height: 1; padding: 12px 8px; white-space: nowrap; } .User__unmount--3IiOm:hover { background: var(--vkui--color_transparent--hover); } .User__unmount--3IiOm:active { background: var(--vkui--color_image_border_alpha); } .User__tooltip--3mFho { min-width: calc(100% - 32px); } .User__unmountContainer--1J2Ii { padding-right: 2px; } .User__unmountText--2N_35 { display: block; } .User__root_phone--1oWdb { align-items: center; box-sizing: border-box; height: 68px; padding: 6px 16px; position: relative; } .User__root_phone--1oWdb .User__infoContainer--2XLNI { align-items: start; flex-direction: column; max-width: 100%; min-width: 1px; } .User__root_phone--1oWdb .User__rightItem--21XSS { box-sizing: border-box; margin-left: 0px; width: 100%; } .User__root_phone--1oWdb .User__avatar--2I8Nk { height: 40px; margin-right: 12px; width: 40px; } .User__root_phone--1oWdb .User__email--3w6xm, .User__root_phone--1oWdb .User__name--2lhR_ { margin-bottom: 2px; } .User__root_phone--1oWdb .User__userContainer--1kM8R { align-items: start; flex-direction: column; } .User__root_phone--1oWdb .User__dropdown--3BuIC { inset: 0px; position: absolute; } .User__root_phone--1oWdb .User__owner--2cutZ { color: var(--vkui--color_text_accent); } .User__root_phone--1oWdb.User__root_withDropdown--1imV_ .User__userContainer--1kM8R { padding-bottom: 16px; } .User__root_phone--1oWdb .User__unmount--3IiOm { inset: 0px; height: auto; padding: 0px; position: absolute; } .User__root_phone--1oWdb .User__unmountText--2N_35 { padding: 47px 0px 0px 67px; } .User__root_compact--9RFHZ { padding: 6px 16px; } .User__name_compact--oYEGx { font-weight: 500; } .SharingDropdown__root--27zeo { border-radius: var(--vkui--size_border_radius--regular); box-sizing: border-box; color: var(--vkui--color_background_accent); cursor: pointer; height: 100%; padding: var(--vkui--size_base_padding_vertical--regular) var(--vkui--size_cardgrid_padding_vertical--regular); } .SharingDropdown__root--27zeo:hover { background: var(--vkui--color_transparent--hover); } .SharingDropdown__root--27zeo:active { background: var(--vkui--color_transparent--active); } .SharingDropdown__root_tutoria--2ZH_d { padding: 8px var(--vkui--size_cardgrid_padding_vertical--regular); } .SharingDropdown__root_tabs--1rbrJ { color: var(--vkui--color_background_accent); font-size: 15px; height: 36px; padding-left: 16px; padding-right: 16px; } .SharingDropdown__root_tabs--1rbrJ.SharingDropdown__root_in_input--3hts9 { border-radius: 6px; height: 32px; padding-top: 10px; } .SharingDropdown__root_tabs--1rbrJ .SharingDropdown__text--3ckDu { line-height: 12px; margin-right: 0px; } .SharingDropdown__root_tabs--1rbrJ.SharingDropdown__onboarding--3ynQn { height: 40px; padding-right: 8px; } .SharingDropdown__container--2xsuG { align-items: center; display: flex; justify-content: end; width: 100%; } .SharingDropdown__root_opened--2DPhY, .SharingDropdown__root_opened--2DPhY:active, .SharingDropdown__root_opened--2DPhY:hover { background: var(--vkui--color_transparent--active); } .SharingDropdown__text--3ckDu { line-height: 1; margin-right: var(--vkui--size_menu_margin--regular); white-space: nowrap; } .SharingDropdown__icon--3Nk-q { fill: var(--vkui--color_icon_accent); transform: translateY(1px); transition: transform 0.3s; } .SharingDropdown__root_color_gray--1q73R { color: var(--vkui--color_text_primary); } .SharingDropdown__root_color_gray--1q73R .SharingDropdown__icon--3Nk-q { fill: var(--vkui--color_icon_primary); } .SharingDropdown__root_color_red--1gedJ { color: var(--vkui--color_text_negative); } .SharingDropdown__root_color_red--1gedJ .SharingDropdown__icon--3Nk-q { fill: var(--vkui--color_icon_negative); } .SharingDropdown__root_opened--2DPhY .SharingDropdown__icon--3Nk-q { transform: translateY(1px) rotate(180deg); } .SharingDropdown__root_disabled--2KtiX { opacity: var(--vkui--opacity_disable); pointer-events: none; } .SharingDropdown__root_in_input--3hts9:not(.SharingDropdown__root_tabs--1rbrJ) { background-color: initial; border: 1px solid var(--vkui--color_field_border_alpha); border-bottom-left-radius: 0px; border-top-left-radius: 0px; box-sizing: border-box; display: flex; padding: 0px 12px; position: relative; transform: translateX(-1px); transition: border-color 0.3s; z-index: 1; } .SharingDropdown__root_in_input--3hts9:not(.SharingDropdown__root_tabs--1rbrJ):hover { border-color: var(--vkui--color_field_border_alpha--hover); } .SharingDropdown__root_in_input--3hts9:not(.SharingDropdown__root_tabs--1rbrJ).SharingDropdown__root_opened--2DPhY, .SharingDropdown__root_in_input--3hts9:not(.SharingDropdown__root_tabs--1rbrJ):active { border-color: var(--vkui--color_field_border_alpha--active); } .SharingDropdown__root_phone--1tF_M { font-size: var(--vkui--font_headline2--font_size--compact); height: 100%; line-height: var(--vkui--font_footnote--line_height--regular); padding: var(--vkui--size_cardgrid_padding--regular) var(--vkui--size_base_padding_horizontal--regular); width: 100%; } .SharingDropdown__root_phone--1tF_M .SharingDropdown__container--2xsuG { justify-content: start; padding-top: var(--vkui--size_base_padding--regular); } .SharingDropdown__root_phone--1tF_M .SharingDropdown__icon--3Nk-q { color: var(--vkui--color_icon_primary); position: absolute; right: var(--vkui--size_icon_u_i--regular); top: 50%; transform: translateY(-50%); } .SharingDropdown__root_phone--1tF_M.SharingDropdown__root_opened--2DPhY .SharingDropdown__icon--3Nk-q { transform: translateY(-50%) rotate(180deg); } .SharingDropdown__root_phone--1tF_M.SharingDropdown__root_in_user--2BxVC { padding: 28px 0px 0px 68px; } .SharingDropdown__root_in_input--3hts9.SharingDropdown__root_phone--1tF_M { align-items: center; background: var(--vkui--color_background_content); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--vkui--size_border_radius_paper--regular); display: flex; font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_weight_accent1); justify-content: center; line-height: 22px; padding: 0px 44px 0px 24px; position: static; } .SharingDropdown__root_in_input--3hts9.SharingDropdown__root_phone--1tF_M.SharingDropdown__root_opened--2DPhY { background: var(--vkui--color_transparent--active); } .SharingDropdown__root_in_input--3hts9.SharingDropdown__root_phone--1tF_M .SharingDropdown__container--2xsuG { padding-top: var(--vkui--size_vertical_padding--regular); } .Dropdown__menu--347oM { list-style: none; margin: 0px; padding: 0px; width: 284px; } .Dropdown__menu_octavius--26TAt { width: auto; } .Dropdown__content--3dMWD { padding: 8px 0px; } .Dropdown__item--p63pa { align-items: center; background: var(--vkui--color_background_modal); cursor: pointer; display: flex; padding: 10px 24px 9px 14px; } .Dropdown__item--p63pa:hover { background: var(--vkui--color_transparent--hover); } .Dropdown__item_octavius--cgaAD { padding: 10px 36px; position: relative; } .Dropdown__label--jVrc- { color: var(--vkui--color_text_secondary); margin-left: auto; text-align: right; } .Dropdown__label--jVrc-, .Dropdown__text--xWFbR { font-size: 15px; line-height: 20px; } .Dropdown__text--xWFbR { color: var(--vkui--color_text_primary); } .Dropdown__icon--gpC4y { align-items: center; display: flex; height: 21px; justify-content: center; margin-right: 10px; width: 21px; } .Dropdown__check--gcptS { left: 14px; position: absolute; top: 9px; } .Dropdown__check--gcptS path { fill: currentcolor; } .Dropdown__item_danger--o3rbn .Dropdown__text--xWFbR { color: var(--vkui--color_background_negative); } .Dropdown__item_disabled--2U25- .Dropdown__check--gcptS, .Dropdown__item_disabled--2U25- .Dropdown__text--xWFbR { opacity: var(--vkui--opacity_disable); } .vkui--cloud--dark.rebranding .DataListItemCreateNew__root--3OmvE { border: 1px dashed var(--vkui--color_field_border_alpha); } .vkui--cloud--dark.rebranding .DataListItemCreateNew__addIcon--34Z_g { color: var(--vkui--color_text_primary); } .DataListItemCreateNew__root--3OmvE { align-items: center; border: 2px dashed var(--vkui--color_field_border_alpha); border-radius: 12px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: row; height: 48px; justify-content: center; } .DataListItemCreateNew__rootThumb--2zkxa { flex-direction: column; height: 200px; justify-content: flex-start; width: 168px; } .DataListItemCreateNew__icon--UUskI { color: var(--vkui--color_icon_primary); } .DataListItemCreateNew__icon--UUskI path { stroke: currentcolor; } .DataListItemCreateNew__root--3OmvE:hover > .DataListItemCreateNew__icon--UUskI { color: var(--vkui--color_icon_primary); } .DataListItemCreateNew__rootSelected--1PWAQ > .DataListItemCreateNew__icon--UUskI { color: var(--vkui--color_separator_primary); } .DataListItemCreateNew__caption--s8cr6 { align-items: center; color: var(--vkui--color_text_secondary); display: flex; font-family: var(--font-tt-norms); font-size: 14px; line-height: 18px; margin-left: 12px; text-align: center; transition-duration: 0.1s; transition-property: color; transition-timing-function: ease-out; white-space: pre-line; } .DataListItemCreateNew__rootThumb--2zkxa { padding-top: 47px; } .DataListItemCreateNew__rootThumb--2zkxa .DataListItemCreateNew__caption--s8cr6 { font-size: 15px; font-weight: 400; line-height: 20px; margin-left: 0px; padding-top: 33px; } .DataListItemCreateNew__rootThumb--2zkxa:hover .DataListItemCreateNew__caption--s8cr6 { color: var(--vkui--color_text_primary); } .DataListItemCreateNew__rootThumb--2zkxa:hover .DataListItemCreateNew__addIcon--34Z_g { background-color: var(--vkui--color_background_secondary_alpha--hover); } .DataListItemCreateNew__root_newDocument--o2Ibk:hover { background-color: var(--vkui--color_transparent--hover); } .DataListItemCreateNew__root_newDocument--o2Ibk .DataListItemCreateNew__caption--s8cr6 { color: var(--vkui--color_text_primary); } .DataListItemCreateNew__root_firstFolder---PtTs:hover { background-color: var(--vkui--color_transparent--hover); } .DataListItemCreateNew__root_firstFolder---PtTs .DataListItemCreateNew__caption--s8cr6 { color: var(--vkui--color_text_primary); } .DataListItemCreateNew__root_autodeletePromo--2rbXg .DataListItemCreateNew__icon--UUskI, .DataListItemCreateNew__root_folder--3gQr- .DataListItemCreateNew__icon--UUskI { height: 20px; width: 20px; } .DataListItemCreateNew__root_autodeletePromo--2rbXg:hover, .DataListItemCreateNew__root_folder--3gQr-:hover { background-color: var(--vkui--color_transparent--hover); } .DataListItemCreateNew__root_autodeletePromo--2rbXg .DataListItemCreateNew__caption--s8cr6, .DataListItemCreateNew__root_folder--3gQr- .DataListItemCreateNew__caption--s8cr6 { color: var(--vkui--color_text_primary); font-size: 15px; padding-top: 3px; } .DataListItemCreateNew__root_folder--3gQr-.DataListItemCreateNew__rootThumb--2zkxa { padding-top: 58px; } .DataListItemCreateNew__root_autodeletePromo--2rbXg.DataListItemCreateNew__rootThumb--2zkxa .DataListItemCreateNew__folderIcon--jjHxm, .DataListItemCreateNew__root_autodeletePromo--2rbXg.DataListItemCreateNew__rootThumb--2zkxa .DataListItemCreateNew__icon--UUskI, .DataListItemCreateNew__root_folder--3gQr-.DataListItemCreateNew__rootThumb--2zkxa .DataListItemCreateNew__folderIcon--jjHxm, .DataListItemCreateNew__root_folder--3gQr-.DataListItemCreateNew__rootThumb--2zkxa .DataListItemCreateNew__icon--UUskI { height: 48px; width: 48px; } .DataListItemCreateNew__root_autodeletePromo--2rbXg.DataListItemCreateNew__rootThumb--2zkxa .DataListItemCreateNew__caption--s8cr6, .DataListItemCreateNew__root_folder--3gQr-.DataListItemCreateNew__rootThumb--2zkxa .DataListItemCreateNew__caption--s8cr6 { padding-top: 32px; } .DataListItemCreateNew__addIcon--34Z_g { align-items: center; background: var(--vkui--color_background_secondary); border-radius: 8px; color: var(--vkui--color_icon_primary); display: flex; height: 28px; justify-content: center; transition-duration: 0.1s; transition-property: background-color; transition-timing-function: ease-out; width: 28px; } .DataListItemCreateNew__addIconThumb--21mq4 { border-radius: var(--vkui--size_border_radius_paper--regular); height: 48px; width: 48px; } .DataListItemCreateNew__root--15k_4, .DataListItemCreateNew__root_thumb--w-P48 { align-items: center; background: var(--vkui--color_background_content); border: 2px dashed var(--vkui--color_avatar_overlay); border-radius: 16px; box-sizing: border-box; cursor: pointer; display: flex; } .DataListItemCreateNew__root--15k_4:hover .DataListItemCreateNew__text--3bihk, .DataListItemCreateNew__root_thumb--w-P48:hover .DataListItemCreateNew__text--3bihk { color: var(--vkui--color_text_primary); } .DataListItemCreateNew__root--15k_4:hover .DataListItemCreateNew__icon--w1mO_, .DataListItemCreateNew__root_thumb--w-P48:hover .DataListItemCreateNew__icon--w1mO_ { background-color: var(--vkui--color_background_secondary_alpha--hover); } .DataListItemCreateNew__root--15k_4:active .DataListItemCreateNew__icon--w1mO_, .DataListItemCreateNew__root_thumb--w-P48:active .DataListItemCreateNew__icon--w1mO_ { background-color: var(--vkui--color_background_secondary--active); } .DataListItemCreateNew__root--15k_4 { gap: 12px; height: 48px; justify-content: center; width: 100%; } .DataListItemCreateNew__root--15k_4 .DataListItemCreateNew__icon--w1mO_ { border-radius: 8px; height: 28px; width: 28px; } .DataListItemCreateNew__root--15k_4:not(.DataListItemCreateNew__root_thumb--w-P48) .DataListItemCreateNew__icon--w1mO_ { transition: background-color 0.1s ease-out; } .DataListItemCreateNew__root--15k_4:not(.DataListItemCreateNew__root_thumb--w-P48) .DataListItemCreateNew__text--3bihk { transition: color 0.1s ease-out; } .DataListItemCreateNew__root_animate--3Wcse { --transition-delay: 10ms; --transition-duration: 200ms; --transition-timing-function: ease-in; --transition-timing: var(--transition-duration) var(--transition-timing-function) var(--transition-delay); } .DataListItemCreateNew__root_animate--3Wcse .DataListItemCreateNew__icon--w1mO_ { transition: background-color var(--transition-timing); } .DataListItemCreateNew__root_animate--3Wcse .DataListItemCreateNew__text--3bihk { transition: color var(--transition-timing); } .DataListItemCreateNew__root_thumb--w-P48 { flex-direction: column; height: 208px; justify-content: space-between; padding-bottom: 40px; padding-top: 60px; width: 168px; } .DataListItemCreateNew__root_thumb--w-P48 .DataListItemCreateNew__icon--w1mO_ { border-radius: 16px; height: 48px; width: 48px; } .DataListItemCreateNew__root_newDocument--2n527:hover { background-color: var(--vkui--color_transparent--hover); } .DataListItemCreateNew__root_newDocument--2n527 .DataListItemCreateNew__text--3bihk { color: var(--vkui--color_text_primary); } .DataListItemCreateNew__root_firstFolder--2gnfQ:hover { background-color: var(--vkui--color_transparent--hover); } .DataListItemCreateNew__root_firstFolder--2gnfQ .DataListItemCreateNew__text--3bihk { color: var(--vkui--color_text_primary); } .DataListItemCreateNew__root_autodeletePromo--rDuDt .DataListItemCreateNew__icon--w1mO_, .DataListItemCreateNew__root_folder--6f-CA .DataListItemCreateNew__icon--w1mO_ { height: 20px; width: 20px; } .DataListItemCreateNew__root_autodeletePromo--rDuDt:hover, .DataListItemCreateNew__root_folder--6f-CA:hover { background-color: var(--vkui--color_transparent--hover); } .DataListItemCreateNew__root_autodeletePromo--rDuDt .DataListItemCreateNew__text--3bihk, .DataListItemCreateNew__root_folder--6f-CA .DataListItemCreateNew__text--3bihk { color: var(--vkui--color_text_primary); font-size: 15px; padding-top: 3px; } .DataListItemCreateNew__root_folder--6f-CA.DataListItemCreateNew__rootThumb--2F52r { padding-top: 58px; } .DataListItemCreateNew__root_autodeletePromo--rDuDt.DataListItemCreateNew__rootThumb--2F52r .DataListItemCreateNew__folderIcon--ldBK2, .DataListItemCreateNew__root_autodeletePromo--rDuDt.DataListItemCreateNew__rootThumb--2F52r .DataListItemCreateNew__icon--w1mO_, .DataListItemCreateNew__root_folder--6f-CA.DataListItemCreateNew__rootThumb--2F52r .DataListItemCreateNew__folderIcon--ldBK2, .DataListItemCreateNew__root_folder--6f-CA.DataListItemCreateNew__rootThumb--2F52r .DataListItemCreateNew__icon--w1mO_ { height: 48px; width: 48px; } .DataListItemCreateNew__root_autodeletePromo--rDuDt.DataListItemCreateNew__rootThumb--2F52r .DataListItemCreateNew__text--3bihk, .DataListItemCreateNew__root_folder--6f-CA.DataListItemCreateNew__rootThumb--2F52r .DataListItemCreateNew__text--3bihk { padding-top: 32px; } .DataListItemCreateNew__icon--w1mO_ { background-color: var(--vkui--color_background_secondary); color: var(--vkui--color_icon_primary); justify-content: center; } .DataListItemCreateNew__icon--w1mO_, .DataListItemCreateNew__text--3bihk { align-items: center; display: flex; } .DataListItemCreateNew__text--3bihk { color: var(--vkui--color_text_secondary); font-size: 15px; line-height: 20px; text-align: center; } .DataLIstItemFamilyDocumentsFakeDoor__root--iYkOr { box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; height: 100%; width: 100%; } .DataLIstItemFamilyDocumentsFakeDoor__root--iYkOr:hover { background-color: var(--vkui--color_background_secondary); border-radius: 8px; } .DataLIstItemFamilyDocumentsFakeDoor__root--iYkOr.DataLIstItemFamilyDocumentsFakeDoor__list--2VRDL { flex-direction: row; gap: 16px; height: 56px; padding-left: 14px; } .DataLIstItemFamilyDocumentsFakeDoor__root--iYkOr.DataLIstItemFamilyDocumentsFakeDoor__list--2VRDL .DataLIstItemFamilyDocumentsFakeDoor__iconContainer--3pHpK { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/familyDocuments/c19b9a1dea53038b1597.svg"); background-position: 50% 50%; background-repeat: no-repeat; height: auto; justify-content: flex-start; width: 40px; } .DataLIstItemFamilyDocumentsFakeDoor__root--iYkOr.DataLIstItemFamilyDocumentsFakeDoor__list--2VRDL .DataLIstItemFamilyDocumentsFakeDoor__details--2rypT { flex-direction: row; } .DataLIstItemFamilyDocumentsFakeDoor__root--iYkOr.DataLIstItemFamilyDocumentsFakeDoor__list--2VRDL .DataLIstItemFamilyDocumentsFakeDoor__titleContainer--1LRX8 { gap: 6px; margin-top: 0px; } .DataLIstItemFamilyDocumentsFakeDoor__root--iYkOr.DataLIstItemFamilyDocumentsFakeDoor__list--2VRDL .DataLIstItemFamilyDocumentsFakeDoor__title--kjiR_ { font-size: 14px; } .DataLIstItemFamilyDocumentsFakeDoor__root--iYkOr.DataLIstItemFamilyDocumentsFakeDoor__list--2VRDL .DataLIstItemFamilyDocumentsFakeDoor__listCheckbox--2eHwm { align-self: center; } .DataLIstItemFamilyDocumentsFakeDoor__iconContainer--3pHpK { align-items: center; display: flex; height: 147px; justify-content: center; position: relative; width: 100%; } .DataLIstItemFamilyDocumentsFakeDoor__icon--LMzZs { bottom: 31px; position: absolute; } .DataLIstItemFamilyDocumentsFakeDoor__details--2rypT { flex-direction: column; gap: 2px; } .DataLIstItemFamilyDocumentsFakeDoor__details--2rypT, .DataLIstItemFamilyDocumentsFakeDoor__titleContainer--1LRX8 { align-items: center; display: flex; } .DataLIstItemFamilyDocumentsFakeDoor__titleContainer--1LRX8 { gap: 4px; margin-top: 20px; } .DataLIstItemFamilyDocumentsFakeDoor__title--kjiR_ { color: var(--vkui--color_text_primary); font-size: 13px; line-height: 18px; } .DataLIstItemFamilyDocumentsFakeDoor__description--2Ujif, .DataLIstItemFamilyDocumentsFakeDoor__title--kjiR_ { font-family: var(--vkui--font_family_accent); } .DataLIstItemFamilyDocumentsFakeDoor__description--2Ujif { color: var(--vkui--color_text_secondary); display: flex; font-size: 12px; line-height: 16px; } .DataLIstItemFamilyDocumentsFakeDoor__newGrid--13rI7 .DataLIstItemFamilyDocumentsFakeDoor__iconContainer--3pHpK { height: 124px; } .DataLIstItemFamilyDocumentsFakeDoor__newGrid--13rI7 .DataLIstItemFamilyDocumentsFakeDoor__icon--LMzZs { bottom: auto; } .DataLIstItemFamilyDocumentsFakeDoor__newGrid--13rI7 .DataLIstItemFamilyDocumentsFakeDoor__titleContainer--1LRX8 { margin-top: 0px; } .DataListItemSafeFakedoor__root--1sfQF { box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; height: 100%; width: 100%; } .DataListItemSafeFakedoor__root--1sfQF:hover { background-color: var(--vkui--color_background_secondary); border-radius: 8px; } .DataListItemSafeFakedoor__root--1sfQF.DataListItemSafeFakedoor__list--29fOW { flex-direction: row; gap: 16px; height: 56px; padding-left: 14px; } .DataListItemSafeFakedoor__root--1sfQF.DataListItemSafeFakedoor__list--29fOW .DataListItemSafeFakedoor__iconContainer--3LGXe { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/safe-fakedoor/75d812c10470d2117192.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: auto; justify-content: flex-start; width: 40px; } .DataListItemSafeFakedoor__root--1sfQF.DataListItemSafeFakedoor__list--29fOW .DataListItemSafeFakedoor__details--xYNBE { flex-direction: row; } .DataListItemSafeFakedoor__root--1sfQF.DataListItemSafeFakedoor__list--29fOW .DataListItemSafeFakedoor__titleContainer--2yI5l { gap: 6px; } .DataListItemSafeFakedoor__root--1sfQF.DataListItemSafeFakedoor__list--29fOW .DataListItemSafeFakedoor__title--2QVLW { font-size: 14px; } .DataListItemSafeFakedoor__root--1sfQF.DataListItemSafeFakedoor__list--29fOW .DataListItemSafeFakedoor__listCheckbox--1G6Ba { align-self: center; } .DataListItemSafeFakedoor__iconContainer--3LGXe { align-items: center; display: flex; height: 147px; justify-content: center; position: relative; width: 100%; } .DataListItemSafeFakedoor__icon--1KODX { bottom: 31px; position: absolute; } .DataListItemSafeFakedoor__details--xYNBE { flex-direction: column; gap: 2px; } .DataListItemSafeFakedoor__details--xYNBE, .DataListItemSafeFakedoor__titleContainer--2yI5l { align-items: center; display: flex; } .DataListItemSafeFakedoor__titleContainer--2yI5l { gap: 4px; } .DataListItemSafeFakedoor__title--2QVLW { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: 13px; line-height: 18px; } .DataListItemSafeFakedoor__tag--r5coS { background: var(--vkui--color_background_accent_tint_themed_alpha); border-radius: 6px; color: var(--vkui--color_text_accent); font-weight: 500; padding: 2px 8px; } .DataListItemSafeFakedoor__description--3DA6e, .DataListItemSafeFakedoor__tag--r5coS { font-family: var(--vkui--font_family_accent); font-size: 12px; line-height: 16px; } .DataListItemSafeFakedoor__description--3DA6e { color: var(--vkui--color_text_secondary); display: flex; } .DataListItemTrialOnboard__root--2EvOo { place-content: center; border: 2px solid var(--vkui--color_accent_lime); border-radius: 20px; display: flex; padding: 2px; } .DataListItemTrialOnboard__root--2EvOo:hover { cursor: pointer; } .DataListItemTrialOnboard__image--1JmeL { display: block; height: 200px; width: 160px; } .UploadInput__root--3HaT_ { display: none; } .PublicUploadHeader__root--_awGM { background: var(--vkui--cloud_color_background_alternative); box-sizing: border-box; height: 72px; padding: 16px 22px 16px 16px; } .PublicUploadHeader__root_newHeader--26Fji { border-radius: 12px; } .PublicUploadHeader__content--sZe_S { align-items: center; display: flex; } .PublicUploadHeader__avatar--1RRzL { background-position: 50% 50%; background-size: cover; border-radius: 50%; flex-shrink: 0; height: 40px; margin-right: 12px; overflow: hidden; width: 40px; } .PublicUploadHeader__button--3ungW { flex-shrink: 0; margin-left: auto; } .PublicUploadHeader__button--3ungW .PublicUploadHeader__buttonText--AVdC8 { font-weight: 500; } .PublicUploadHeader__name--1w8IX { color: var(--vkui--color_text_primary); font-weight: 500; } .PublicUploadHeader__name--1w8IX, .PublicUploadHeader__text--3MYSY { font-family: var(--vkui--font_family_accent); font-size: 15px; line-height: 20px; } .PublicUploadHeader__text--3MYSY { color: var(--vkui--color_text_secondary); font-weight: 400; margin-right: 12px; } .PublicUploadHeader__root_withOverQuota--3UFuj { border: 1px solid var(--vkui--color_stroke_negative); border-radius: 12px; display: flex; justify-content: space-between; margin-bottom: 24px; padding: 12px; } .PublicUploadHeader__root_withOverQuota--3UFuj .PublicUploadHeader__overQuotaContent--3gcno { display: flex; gap: 8px; } .PublicUploadHeader__root_withOverQuota--3UFuj .PublicUploadHeader__overQuotaContent--3gcno .PublicUploadHeader__overQoutaIcon--2UkgJ { color: var(--vkui--color_stroke_negative); } .PublicUploadHeader__root_withOverQuota--3UFuj .PublicUploadHeader__overQuotaContent--3gcno .PublicUploadHeader__overQuotaTitle--oMsLK { font-size: var(--vkui--font_headline2--font_size--regular); font-weight: var(--vkui--font_headline2--font_weight--regular); line-height: var(--vkui--font_headline2--line_height--regular); } .PublicUploadHeader__root_withOverQuota--3UFuj .PublicUploadHeader__overQuotaContent--3gcno .PublicUploadHeader__overQuotaText--1Oou1 { font-size: var(--vkui--font_footnote--font_size--regular); font-weight: var(--vkui--font_footnote--font_weight--regular); line-height: var(--vkui--font_footnote--line_height--regular); } .PublicUploadHeader__root_withOverQuota--3UFuj .PublicUploadHeader__overQuotaButtons--1ahKs { display: flex; gap: 12px; } .StoryItem__root--1qQ_j { border: 2px solid transparent; border-radius: 20px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column-reverse; flex-shrink: 0; font-family: var(--vkui--font_family_accent); height: 196px; justify-content: space-between; overflow: hidden; padding: 16px; position: relative; width: 164px; z-index: 1; } .StoryItem__root--1qQ_j, .StoryItem__root_loaded--2_FYk::before { user-select: none; } .StoryItem__root_loaded--2_FYk::before { background: linear-gradient(rgba(0, 5, 13, 0), rgba(0, 5, 13, 0.5) 134.44%); border-radius: 16px; content: ""; height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 20; } .StoryItem__root_viewed--2-ZRw::before { background: var(--vkui--color_background_content); opacity: 0.4; } .StoryItem__outer_border--rsQED { border: 2px solid transparent; border-radius: 22px; position: relative; } .StoryItem__outer_border--rsQED:not(.StoryItem__outer_border_viewed--7nyjz) { border-color: var(--rebranding_color_lime); } .StoryItem__description--15lY0 { color: var(--vkui--color_text_contrast); font-weight: 500; pointer-events: none; user-select: none; z-index: 30; } .StoryItem__description_hidden--3NJuk { opacity: 0; } .StoryItem__title--2I9oA { font-size: 15px; letter-spacing: 0px; line-height: 20px; max-height: 72px; } .StoryItem__image--1ci3- { background: linear-gradient(90deg,var(--vkui--color_skeleton_from) 0,var(--vkui--color_skeleton_to) 100%); height: 100%; left: 0px; object-fit: cover; object-position: center center; position: absolute; top: 0px; transform-origin: center center; transition: transform 2s ease-in-out; width: 100%; z-index: 10; } .StoryItem__image--1ci3-:hover { transform: scale(1.3); } .StoryItem__createRoot--3Jy6G { display: flex; font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_weight_accent1); justify-content: end; margin: -8px; } .StoryItem__createButtonMain--2elw7 { background-color: var(--vkui--color_background_accent); border-radius: 8px; color: var(--vkui--color_text_contrast); display: flex; height: 18px; padding: 6px 12px; width: 126px; z-index: 30; } .StoryItem__createButtonMain--2elw7 .StoryItem__icon--2_w1j { padding-left: 10px; } .StoryItem__createButtonAdditional--33uUK { align-items: center; backdrop-filter: blur(32px); background-color: rgba(29, 45, 88, 0.12); border-radius: 8px; color: var(--vkui--color_text_contrast); display: flex; height: 28px; justify-content: center; width: 28px; z-index: 30; } .StoriesWidget__root--wTpsV { display: flex; flex-flow: row; margin-bottom: 24px; min-width: 100%; position: relative; } .StoriesWidget__root--wTpsV > .swiper { width: 100%; } .StoriesWidget__navigation--3CTas { z-index: 2; } .StoriesWidget__navButton--2U8d4 { align-items: center; background: var(--vkui--color_background); border-radius: 100%; box-shadow: var(--vkui--elevation3); cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; top: calc(50% - 20px); transform: translateY(6px); transition: opacity 0.2s ease-in-out; width: 40px; } .StoriesWidget__navButton--2U8d4:hover { background: var(--vkui--color_background--hover); } .StoriesWidget__navButton--2U8d4:active { background: var(--vkui--color_background--activeactive); } .StoriesWidget__navButtonRight--v97JM { right: 16px; } .StoriesWidget__navButtonLeft--2Onm0 { left: 16px; } .StoriesWidget__navButtonDisabled--47zIe { opacity: 0; pointer-events: none; } .StoriesWidget__slide--euZXj.swiper-slide { width: auto; } .StoriesWidget__tooltipPromo--qy7bc { width: 310px; } .StoriesWidget__tooltipPromoArrow--Xq4rB { color: rgb(225, 240, 253); } .StoriesWidget__tooltipPromoClose--2rEio { color: var(--vkui--color_icon_medium); right: 6px; top: 4px; } .StoriesWidget__tooltipPromoRoot--QModV { align-items: flex-end; background-color: rgb(225, 240, 253); display: flex; justify-content: space-between; } .StoriesWidget__tooltipPromoText--4BBlm { color: var(--vkui--color_icon_primary_invariably); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); padding: 16px; } .StoriesWidget__tooltipPromoImg--1_7qt { height: 60px; width: 100px; } .StoriesWidget__tooltipThanks--30IA1 { width: 398px; } .UploadProvocation__root--14SQV { display: flex; flex-direction: column; flex-grow: 1; font-family: var(--vkui--font_family_accent); position: relative; } .UploadProvocation__root--14SQV.UploadProvocation__root_new_portal_header--2ZlpR { box-sizing: border-box; } .UploadProvocation__root_margin--SlZ0p { margin-bottom: 12px; } .UploadProvocation__root_right_margin--3cJkF { margin-right: 6px; } .UploadProvocation__inner--DStib { height: 100%; min-height: 10px; } .UploadProvocation__text--1kw8A { color: var(--vkui--color_text_accent); } .UploadProvocation__wrapper--3PVrS { align-items: center; background-color: var(--cloud--color_background_cta); border: 1.5px dashed var(--vkui--color_stroke_accent); border-radius: 20px 20px 32px; box-sizing: border-box; display: flex; flex-shrink: 0; font-size: 14px; justify-content: center; line-height: 18px; position: sticky; text-align: center; } .UploadProvocation__wrapper--3PVrS:hover { background-color: var(--vkui--color_background_accent_tint_alpha); transition: background-color 0.1s ease-out; } .UploadProvocation__wrapper--3PVrS:active { background-color: var(--vkui--color_background_accent_tint_alpha--active); } .UploadProvocation__input--3m7Yk { inset: 0px; cursor: pointer; opacity: 0; position: absolute; width: 100%; } .UploadProvocation__root_hidden--25sue { flex-grow: 0; height: 0px; overflow: hidden; visibility: hidden; } .UploadProvocation__description--1xy1u { display: block; } .Footer__root--3o2fx { bottom: 2px; box-sizing: border-box; font-family: var(--font-inter); height: 16px; left: 0px; padding-right: 7px; position: relative; right: 0px; z-index: 100; } .Footer__root--3o2fx .portal-footer__link__text, .Footer__root--3o2fx a { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_tertiary); font-family: var(--font-inter); letter-spacing: -0.3px; line-height: 16px; } .Footer__root--3o2fx .portal-footer__link { height: 16px !important; line-height: 16px !important; } .Footer__root--3o2fx .portal-footer__link { margin: 0px 7px; } .Footer__root--3o2fx .portal-footer { border-top: 0px !important; } .Footer__root--3o2fx .portal-footer { height: 16px; } @media (max-width: 1160px) { .Footer__root--3o2fx .portal-footer__link__text, .Footer__root--3o2fx a { font-size: 10px; } .Footer__root--3o2fx .portal-footer__link { margin: 0px 6px; } .Footer__root--3o2fx .portal-footer .portal-footer__col_left { padding-right: 10px; } } .Footer__root--3o2fx .portal-footer .portal-footer__col_left { padding-left: 0px; } .Footer__root--3o2fx .portal-footer__link:first-of-type { margin-left: 0px; } .Footer__root_hiddenLeftCols--12SDz #w-portal-footer { display: none; } .Footer__root_absolute--29XlQ { position: absolute; } .Footer__root_withMargins--2RXl1 { bottom: 3px; left: 16px; padding-right: 0px; right: 15px; } .DataListItem__breadcrumbs_new_portal_header--2vqM_ { margin-bottom: 24px; padding-right: 0px; } .CreateCopyOfNonEditableFileModal__header--2-ALU { -webkit-font-smoothing: antialiased; font-size: 24px; font-weight: 500; line-height: 28px; } .CreateCopyOfNonEditableFileModal__header--2-ALU, .CreateCopyOfNonEditableFileModal__text--1zlfD { font-family: var(--font-tt-norms); font-style: normal; } .CreateCopyOfNonEditableFileModal__text--1zlfD { font-size: 15px; font-weight: 400; line-height: 20px; } .CreateCopyOfNonEditableFileModal__loading--2uLDJ { height: 60px; transform: translateY(-30px); } .DataListDragItem__dragging--3S-pt { align-items: center; backdrop-filter: blur(10px); background: var(--vkui--color_background_contrast_secondary_alpha); border: 1px solid var(--vkui--color_background_secondary_alpha); border-radius: 12px; box-sizing: border-box; cursor: grabbing; display: flex; height: 80px; justify-content: center; pointer-events: none; position: fixed; width: 80px; z-index: 10002; } .DataListDragItem__draggingItem--1MC9G { border-radius: 4px; height: 48px; overflow: hidden; width: 48px; } .DataListDragItem__counter--1AbDS { align-items: center; background: var(--vkui--color_background_accent); border-radius: 50%; color: var(--vkui--color_text_contrast); display: flex; font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_headline--font_weight--regular); font-weight: var(--vkui--font_headline--font_size--regular); height: 24px; justify-content: center; line-height: var(--vkui--font_headline--line_height--regular); position: absolute; right: -5px; text-align: center; top: -5px; width: 24px; } .DataListDragItem__icon--vo6uv, .DataListDragItem__thumb--2kr-m { object-fit: cover; } .DataListDragItem__container--2wtca, .DataListDragItem__icon--vo6uv, .DataListDragItem__thumb--2kr-m { height: 100%; width: 100%; } .DataListDragItem__help--3lAY_ { background: var(--vkui--color_button_contrast_alpha--active); border: .5px solid var(--vkui--color_separator_primary); border-radius: 8px; font-size: var(--vkui--font_footnote--font_size--regular); left: 100%; line-height: var(--vkui--font_footnote--line_height--regular); max-width: 425px; padding: 6px 10px; position: fixed; top: 100%; white-space: nowrap; } @supports (backdrop-filter:none) { .DataListDragItem__help--3lAY_ { backdrop-filter: blur(6px); } } .ErrorPageButton__root--20ObC, .ErrorPageButton__root--20ObC.ui.button { align-items: center; background: var(--vkui--color_background_secondary_alpha) none; border: 0px; border-radius: 12px; color: var(--vkui--color_text_primary); display: flex; font-size: 16px; font-weight: 500; height: 48px; padding: 0px 20px; text-decoration: none; width: auto; } .ErrorPageButton__root--20ObC.ui.button:hover, .ErrorPageButton__root--20ObC:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); color: var(--vkui--color_text_primary--hover); } .ErrorPageButton__root--20ObC:active, .ErrorPageButton__root--20ObC.ui.button:active { background-color: var(--vkui--color_background_secondary_alpha--active); color: var(--vkui--color_text_primary--active); } .ErrorPageButton__compact--NoGUC, .ErrorPageButton__compact--NoGUC.ui.button { border-radius: 8px; height: 36px; padding: 0px 16px; } .CopyWeblinkTooltip__root--1Z4j3 { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background_modal); color: var(--vkui--color_icon_primary); display: flex; flex-direction: column; font-family: var(--font-tt-norms); gap: 12px; padding: 20px; width: 338px; } .CopyWeblinkTooltip__root--1Z4j3.CopyWeblinkTooltip__withBackgroundImage--aelKB::after { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/sharing-link-tooltip/1bcd226b8446fd999fa5.png"); background-position: 100% 100%; background-repeat: no-repeat; background-size: 120px auto; content: ""; height: 100%; overflow: hidden; pointer-events: none; position: absolute; right: 0px; top: 0px; width: 100%; } .CopyWeblinkTooltip__root--1Z4j3 .CopyWeblinkTooltip__textBlock--u6Vsy { display: flex; flex-direction: column; gap: 4px; } .CopyWeblinkTooltip__root--1Z4j3 .CopyWeblinkTooltip__textBlock--u6Vsy .CopyWeblinkTooltip__description--2WG9I { font-size: var(--vkui--font_large_text--font_size); font-weight: var(--vkui--font_large_text--font_weight); line-height: var(--vkui--font_headline--line_height--regular); } .CopyWeblinkTooltip__root--1Z4j3 .CopyWeblinkTooltip__button--1aaqa { background-color: var(--vkui--color_background_secondary); border-radius: 8px; font-family: var(--font-tt-norms); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_headline2--font_weight--regular); line-height: var(--vkui--font_headline2--line_height--compact); width: 174px; } .CopyWeblinkTooltip__root--1Z4j3 .CopyWeblinkTooltip__button--1aaqa.CopyWeblinkTooltip__compactButton--3bCny { width: 118px; } .SharingTooltipPromo__tooltip--1SyT- { box-sizing: border-box; max-width: 380px; min-width: 345px; padding: 20px; position: relative; } .SharingTooltipPromo__tooltipMobile--1XToe { max-width: 360px; min-width: 285px; } .SharingTooltipPromo__tooltipTitle--3mI3U { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .SharingTooltipPromo__tooltipText--WO55f, .SharingTooltipPromo__tooltipTitleMobile--3qgiN { font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .SharingTooltipPromo__tooltipText--WO55f { font-family: var(--vkui--font_family_accent); } .SharingTooltipPromo__tooltipTextMobile--145yR { font-size: var(--vkui--font_headline2--font_size--compact); line-height: var(--vkui--font_subhead--line_height--compact); } .SharingTooltipPromo__button--2xsmi.ui.button { font-size: var(--vkui--font_text--font_size--compact); width: auto; } .SharingTooltipPromo__image--3rRVy { bottom: -1px; height: auto; position: absolute; right: -1px; width: 120px; } .SharingTooltipPromo__imageMobile--3QL_Z { width: 100px; } @media (max-width: 320px) { .SharingTooltipPromo__image--3rRVy { display: none; } } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .CopyWeblink__copy--2-g9Q { cursor: pointer; padding: 0px; position: absolute; right: 0px; top: 15px; z-index: 1; } .CopyWeblink__copy--2-g9Q .CopyWeblink__base_disabled--ZACSd .CopyWeblink__copy--2-g9Q { opacity: 0; visibility: hidden; } .CopyWeblink__link--1lNGR { left: 0px; padding: 0px; position: absolute; top: 15px; z-index: 1; } .CopyWeblink__controls--3Q-N8 { font-size: 15px; margin-bottom: 0px; padding-bottom: var(--vkui--x4); position: relative; } .rebranding .CopyWeblink__input--LxI1C { color: var(--vkui--color_text_primary); } .CopyWeblink__input--LxI1C { background: var(--vkui--color_background); border: 0px; border-radius: var(--vkui--size_border_radius_paper--regular); box-sizing: border-box; color: var(--vkui--color_text_link_themed); cursor: pointer; height: 44px; outline: none; padding: 0px 39px; width: 313px; } .CopyWeblink__input--LxI1C::selection { color: var(--vkui--color_text_link_themed); } .CopyWeblink__input--LxI1C:active, .CopyWeblink__input--LxI1C:focus { outline: none; } .CopyWeblink__input--LxI1C .CopyWeblink__base_disabled--ZACSd .CopyWeblink__input--LxI1C { background: var(--vkui--color_background_secondary); opacity: 1; } .CopyWeblink__controls_publish--MTkEY .CopyWeblink__input--LxI1C { width: 344px; } .CopyWeblink__root_type_new--hhD4u { display: flex; height: 40px; } .CopyWeblink__root_type_new--hhD4u .CopyWeblink__input--LxI1C { background: var(--vkui--color_background_modal); border-radius: 8px; font-family: var(--font-tt-norms); height: auto; margin: 0px 8px 0px 0px; padding: 10px 12px; width: 100%; } .CopyWeblink__root_type_new--hhD4u .CopyWeblink__input--LxI1C::selection { background: var(--vkui--color_background_accent_tint_alpha); } .CopyWeblink__root_type_new--hhD4u.modal .ui.button { font-size: 13px; padding: 0px 16px; } .CopyWeblink__sharingTabs_button--1AQec { align-items: center; display: flex; font-weight: 500; gap: 8px; justify-content: center; } .CopyWeblink__sharingTabs_button--1AQec span { font-size: 15px; } .CopyWeblink__root_phone--1O3hF { flex-direction: column; height: auto; } .CopyWeblink__root_phone--1O3hF .CopyWeblink__input--LxI1C { border-radius: 12px; height: 44px; margin: 0px 0px 12px; } .CopyWeblink__root_phone--1O3hF .CopyWeblink__button--3FTeH.ui.button.primary { -webkit-font-smoothing: antialiased; } @media (max-width: 840px) { .CopyWeblink__root_type_new_responsive--3Co3T .CopyWeblink__input--LxI1C { height: 44px; margin: 0 0 var(--vkui--x3) 0; } .CopyWeblink__root_type_new_responsive--3Co3T { flex-direction: column; height: auto; } } .CopyWeblink__root_type_sharingTabs--2Xm20 .ui.button { height: 36px; } .CopyWeblink__input_sharingTabs--35jtt { display: none; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .Empty__root--f9hXv { -webkit-font-smoothing: antialiased; --title-color: var(--vkui--color_text_primary); --title-weight: 500; align-items: center; align-self: center; box-sizing: border-box; display: flex; flex-direction: column; font-family: var(--font-tt-norms); margin: 0px auto 32px; max-width: 100%; padding-top: 25vh; text-align: center; width: 640px; } .Empty__rootNewBin--1o_I7 { padding-top: 30vh; } .Empty__rootEmbedded--1jXZn { --title-weight: 400; --title-color: #333; font-family: var(--font-common); } .Empty__rootPublic--2cOYj { flex: 1 1 auto; justify-content: center; margin: 0px auto; min-height: 0px; padding-top: 0px; } .Empty__rootIntegration--1nAYq { height: 100%; justify-content: center; margin: 0px; padding: 0px; width: 100%; } .Empty__input--28aS6 { display: none; } .Empty__file--11C2W { height: 80px; position: relative; width: 80px; } .Empty__emptyBizPublic--1MyZ_ { height: 160px; } .Empty__icon--3IsnH { bottom: 20px; left: 50%; position: absolute; transform: translateX(-50%); } .Empty__title--2pf4n { overflow-wrap: break-word; color: var(--vkui--color_text_primary); font-size: 24px; font-weight: 500; line-height: 28px; max-width: 100%; } .Empty__titleEmbedded--Vccmb { font-family: var(--font-display); font-size: var(--vkui--font_headline--font_size--regular,16px); font-weight: var(--vkui--font_headline--font_weight--regular,500); line-height: var(--vkui--font_headline--line_height--regular,20px); } .Empty__text--37AwT { color: var(--vkui--color_text_secondary); font-size: 15px; margin-top: 12px; white-space: pre; } .Empty__textIntegration--xqxha { margin: 0px; } @media (max-width: 840px) { .Empty__textResponsive--3vJQB { white-space: normal; } } .Empty__highlight--2k4Mq { color: var(--vkui--color_text_accent); font-weight: 700; } .Empty__controls--1Biiy { margin-top: 24px; position: relative; } .Empty__publish--3QNEU { background: rgb(215, 230, 255); border: 0px; border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_accent); cursor: pointer; font-size: 15px; height: 44px; line-height: 44px; padding: 0px 20px 0px 48px; } .Empty__link--25erL { left: 23px; padding: 0px; position: absolute; top: 14px; z-index: 1; } .Empty__link--25erL > svg { fill: currentcolor; color: var(--vkui--color_icon_accent); } .Empty__emptyIconUrl--1oNXZ { --url-filetype-flat-list-unknown: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/light/d0781b56e96af1f8b335.svg); } .vkui--cloud--dark .Empty__unknownIconUrl--1itgy { --url-filetype-flat-list-unknown: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/filetype/dark/51dc500601e39483b4ce.svg); } .Empty__img--3ai49 { display: block; } .Empty__qrcodeContainer--29w3V { align-items: center; background-color: var(--vkui--color_background_secondary); border-radius: 16px; box-sizing: border-box; display: flex; margin-top: 32px; max-height: 128px; max-width: 100%; padding: 16px; text-align: left; width: 564px; } @media (max-width: 768px) { .Empty__qrcodeContainer--29w3V { display: none; } } .Empty__qrcode--3QLr7 { box-sizing: border-box; flex-shrink: 0; height: 96px; width: 96px; } .Empty__qrcodeText--2LkA5 { color: var(--vkui--color_text_primary); font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); padding: 20px 34px 20px 40px; } .BottomContent__root--dZ6wD { font-family: var(--vkui--font_subhead--font_family--compact,var(--font_family--vk_sans_display)); font-size: 15px; font-weight: 500; line-height: 20px; } .PromoProTooltip__root--QrS44 { background-color: var(--vkui--color_background_contrast_inverse); background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/63702ae0a9d497482075.svg"); font-family: var(--font-tt-norms); font-size: 15px; font-weight: 400; line-height: 20px; padding: 20px 35px 20px 16px; } .PromoProTooltip__link--3DCHL, .PromoProTooltip__root--QrS44 { color: var(--vkui--color_text_contrast); } .PromoProTooltip__link--3DCHL { cursor: pointer; text-decoration: underline; } .PromoProTooltip__button--2OPkk { align-items: center; background: var(--vkui--color_background_accent_tint_alpha); border-radius: 6px; display: flex; height: 36px; justify-content: center; margin-top: 10px; } .PromoProTooltip__button--2OPkk:hover { background: var(--vkui--color_background_accent_tint_alpha--hover); } .PromoProTooltip__root_light--2RwUS { background: initial; color: var(--vkui--color_text_primary); font-weight: 500; } .PromoProTooltip__root_light--2RwUS .PromoProTooltip__link--3DCHL { color: var(--vkui--color_text_accent); text-decoration: none; } .PromoProTooltip__root_bottom--2g0ya { font-size: 14px; font-weight: 400; padding: 16px; width: 132px; } .sharedAutoDelete { box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 32px 0px; } .sharedAutoDelete > div[class*="content"] { background-color: var(--vkui--color_background); } .sharedAutoDelete > div[class*="arrow"] { color: var(--vkui--color_background); } .sharedAutoDelete .PromoProTooltip__root--QrS44 { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); height: 88px; line-height: var(--vkui--font_text--line_height--regular); width: 201px; } .sharedAutoDelete .PromoProTooltip__button--2OPkk { background: var(--vkui--color_background_accent); border-radius: 8px; color: var(--rebranding--color_text_primary); font-size: var(--vkui--font_headline2--font_size--regular); font-weight: var(--vkui--font_headline2--font_weight--regular); line-height: var(--vkui--font_headline2--line_height--regular); } .BottomContent__root--34K9c { font-family: var(--vkui--font_subhead--font_family--compact,var(--font_family--vk_sans_display)); } .BottomContent__root--34K9c .vkuiButton__content { font-size: 15px; font-weight: 500; line-height: 20px; } .VigboLicenceNote__root--39o5b { color: var(--vkui--color_text_tertiary); font-family: var(--font-tt-norms); font-size: 12px; line-height: 16px; } .VigboLicenceNote__link--30tie { text-decoration: underline; } .VigboLicenceNote__link--30tie, .VigboLicenceNote__link--30tie:hover { color: inherit; } .UnlinkedBottomContent__licence--20a0C { bottom: 30px; position: absolute; text-align: center; width: 302px; } .Empty__root--1tqaH { align-items: center; display: flex; justify-content: center; margin-bottom: 56px; margin-top: 56px; } .Empty__root--1tqaH.Empty__touch--HDoOU .Empty__icon--15fbI { max-height: 150px; max-width: 260px; } .Empty__root--1tqaH.Empty__touch--HDoOU .Empty__title--3WwPr { font-size: 24px; line-height: 28px; } .Empty__root--1tqaH.Empty__touch--HDoOU .Empty__description--3oZ9A { font-size: 15px; line-height: 20px; } .Empty__root--1tqaH.Empty__touch--HDoOU .Empty__container--2HzfM { width: 100%; } .Empty__root--1tqaH.Empty__touch--HDoOU .Empty__byte--1gVN5 { height: 190px; position: absolute; width: 88px; } .Empty__root_b2b--23SYd:not(.Empty__root_fullHeight--1vg6R) { margin-top: 120px; } .Empty__root_b2b--23SYd img { max-width: 56px; min-height: auto; } .Empty__root_fullHeight--1vg6R { flex-grow: 1; } .Empty__root_touchRedesign--1Enxl .Empty__title--3WwPr { font-size: 20px; line-height: 26px; } .Empty__root_touchRedesign--1Enxl .Empty__description--3oZ9A { color: var(--vkui--color_text_primary); font-size: 17px; line-height: 24px; } .Empty__container--2HzfM { align-items: center; display: flex; flex-direction: column; justify-content: center; width: 380px; } .Empty__container--2HzfM .Empty__button--3k8hN { font-family: var(--vkui--font_subhead--font_family--compact,var(--font_family--vk_sans_display)); font-size: 15px; font-weight: 500; line-height: 20px; } .Empty__title--3WwPr { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_title1--font_family--regular,var(--font_family--vk_sans_display)); font-size: 24px; font-weight: var(--vkui--font_title1--font_weight--regular,500); line-height: 28px; } .Empty__description--3oZ9A, .Empty__title--3WwPr { -webkit-font-smoothing: antialiased; white-space: pre-wrap; } .Empty__description--3oZ9A { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_subhead--font_family--compact,var(--font_family--vk_sans_display)); font-size: 15px; font-weight: 400; line-height: 20px; } .Empty__description--3oZ9A > a { color: var(--vkui--color_text_accent); } .Empty__description--3oZ9A, .Empty__title--3WwPr { text-align: center; } .Empty__icon--15fbI { max-height: 180px; max-width: 360px; min-height: 180px; } .Empty__root--1tqaH .Empty__smallIcon--39SQB { margin-bottom: -30px; max-height: 130px; max-width: 300px; } .Empty__iconPublicOverquota--36TCh { margin-bottom: -40px; } .Empty__iconMobile--1nu9y { max-height: 262px; max-width: 310px; } .Empty__title_overquota--3SxpR { margin-top: 12px; } .Empty__description_overquota--17bvr { color: var(--vkui--color_text_primary); margin: -5px 0px; } .Empty__button--3k8hN { font-family: var(--vkui--font_subhead--font_family--compact,var(--font_family--vk_sans_display)); font-size: 14px; font-weight: 500; line-height: 20px; } .Empty__vigboDescription--yLWfR { color: var(--vkui--color_text_primary); } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; --url--empty-folder-create: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/light/c0c240172c0ac72b8b6e.svg); --url--empty-folder-cosharing: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/light/5807da5272db6bb5a411.svg); --url--empty-folder-upload: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/light/ef677ccfda8483385d29.svg); --url--empty-folder-uploadFromCloud: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/light/14c20d730643ac4fd879.svg); --url--empty-folder-memories: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/light/4ae4eb6db473c54b1c26.jpg); } :root .vkui--cloud--dark { --url--empty-folder-create: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/dark/011cbd5ddde6c60b6ab4.svg); --url--empty-folder-cosharing: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/dark/beed1348223c0e3daea4.svg); --url--empty-folder-upload: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/dark/9164f66695e12a12d62a.svg); --url--empty-folder-uploadFromCloud: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/dark/5b911a94aaff03d6cd83.svg); } .EmptyFolder__root--3ZNzg { display: flex; flex-direction: column; } .EmptyFolder__root--3ZNzg.EmptyFolder__root_new_portal_header--z1H-D { padding: 0px 16px; } .EmptyFolder__rootVigbo--psIAu { box-sizing: border-box; height: 100%; width: 100%; } .EmptyFolder__provocations--2_Aht[class] { display: flex; flex-direction: row; font-family: var(--font-tt-norms); gap: 16px; height: 368px; } @media (max-width: 1260px) { .EmptyFolder__provocations--2_Aht[class] { height: 402px; } } .EmptyFolder__provocationsVigbo--2km8N { height: 37.5% !important; min-height: 200px; } .EmptyFolder__provocationsVigbo--2km8N .EmptyFolder__item_type_cosharing--3PycQ, .EmptyFolder__provocationsVigbo--2km8N .EmptyFolder__item_type_create--OVh5Q, .EmptyFolder__provocationsVigbo--2km8N .EmptyFolder__item_type_upload--2X9Q6, .EmptyFolder__provocationsVigbo--2km8N .EmptyFolder__item_type_upload-from-cloud--1zzrX { background-image: none; } .EmptyFolder__item--Pjah0, .EmptyFolder__item_type_client-share--3nrpv, .EmptyFolder__item_type_upload-originals--xsKQI { align-items: start; background-image: ; background-size: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position: 25px calc(100% - 26px); background-repeat: no-repeat; border-radius: 12px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; padding: 32px 24px 26px; position: relative; transition: background 0.1s ease-out; width: 33.3333%; } .EmptyFolder__item--Pjah0:hover { background-color: var(--vkui--color_background_tertiary--hover); } .EmptyFolder__item--Pjah0:active { background-color: var(--vkui--color_background_tertiary--active); } .EmptyFolder__button--2qF2Q { border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_accent); cursor: pointer; font-size: 15px; font-weight: 500; height: 40px; line-height: 20px; margin-top: 2px; padding: 10px 12px; transition: background 0.1s ease-out; user-select: none; } .EmptyFolder__button--2qF2Q:hover { background: var(--vkui--color_transparent--hover); } .EmptyFolder__button--2qF2Q:active { background: var(--vkui--color_transparent--active); } .EmptyFolder__buttonGroup--2qfTa { align-items: start; display: flex; flex-direction: column; margin-left: -12px; } .EmptyFolder__textOverflow--1Qi3A { display: inline-block; max-height: 20px; overflow: hidden; white-space: nowrap; } @media (max-width: 1260px) { .EmptyFolder__textOverflow--1Qi3A { white-space: normal; width: min-content; } } .EmptyFolder__header--3UfC_ { font-size: 18px; font-weight: 500; line-height: 24px; margin: 0px 0px 8px; min-height: fit-content; } .EmptyFolder__annotation--KZ5AO, .EmptyFolder__header--3UfC_ { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); } .EmptyFolder__annotation--KZ5AO { font-size: 15px; font-weight: 400; line-height: 20px; margin: 0px 0px auto; } .EmptyFolder__actionIcon--30-_O { background-color: var(--vkui--color_background_secondary_alpha); background-position: 50% center; background-repeat: no-repeat; border-radius: 16px; box-sizing: border-box; color: var(--vkui--color_text_primary); margin-bottom: 24px; min-height: 48px; width: 48px; } .EmptyFolder__item_shared--19tvP .EmptyFolder__actionIcon--30-_O { background-color: var(--vkui--color_background); color: var(--vkui--color_text_positive); } .EmptyFolder__input--o7F3E { inset: 0px; cursor: pointer; opacity: 0; position: absolute; width: 100%; z-index: 2; } .EmptyFolder__icon--10UpL { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } @media (min-width: 1122px) { .EmptyFolder__item_type_create--OVh5Q { background-image: var(--url--empty-folder-create); } .EmptyFolder__item_type_cosharing--3PycQ { background-image: var(--url--empty-folder-cosharing); } .EmptyFolder__item_type_upload--2X9Q6 { background-image: var(--url--empty-folder-upload); } .EmptyFolder__item_type_upload-from-cloud--1zzrX { background-image: var(--url--empty-folder-uploadFromCloud); } } .EmptyFolder__item_type_cosharing--3PycQ.EmptyFolder__item_shared--19tvP { background-image: none; } .EmptyFolder__item_type_memory--21oYe { background-image: var(--url--empty-folder-memories); background-position: 50% center; background-size: cover; } .EmptyFolder__item_type_memory--21oYe .EmptyFolder__actionIcon--30-_O { backdrop-filter: blur(24px); } .EmptyFolder__item_type_memory--21oYe .EmptyFolder__actionIcon--30-_O, .EmptyFolder__item_type_memory--21oYe .EmptyFolder__annotation--KZ5AO, .EmptyFolder__item_type_memory--21oYe .EmptyFolder__header--3UfC_ { color: var(--vkui--color_text_contrast); } @media (max-width: 840px) { .EmptyFolder__provocationsResponsive--17DQ6[class] { flex-direction: column; height: auto; } .EmptyFolder__itemResponsive--3oVX7 { margin-bottom: var(--vkui--x4); width: 100%; } } .EmptyFolder__uploadArea--2B94p { align-items: center; box-sizing: border-box; display: flex; height: 156px; justify-content: center; padding: 0px 12px; position: relative; width: 100%; } .EmptyFolder__uploadAreaDrop--3chzW { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .EmptyFolder__uploadAreaText--1QOv2 { font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--compact); line-height: var(--vkui--font_text--line_height--compact); text-align: center; width: 183px; z-index: 1; } .EmptyFolder__albumItem--32Za- { background: var(--vkui--color_background_secondary); border-radius: 20px; height: 372px; max-width: 332px; padding: 24px; width: 33.3%; } .EmptyFolder__vigboAlbumItem--3FiJ7 { width: 50%; } .EmptyFolder__vigboAlbumItem--3FiJ7 .EmptyFolder__annotation--KZ5AO, .EmptyFolder__vigboAlbumItem--3FiJ7 .EmptyFolder__header--3UfC_ { width: 300px; } .EmptyFolder__link--3OWoG { color: var(--vkui--color_text_accent); } .EmptyFolder__saveInCloudAditional--gQU93 { display: grid; grid-template-columns: 48px 1fr; grid-template-rows: 1fr 52px; height: auto; width: 100%; } .EmptyFolder__saveInCloudAditionalIcon--a7yv3 { align-items: center; border-radius: 12px 0px 0px 12px; display: flex; grid-area: 2 / 1 / 3 / 2; justify-content: center; padding: 0px 12px 0px 16px; } .EmptyFolder__saveInCloudAditionalText--1ax3g { align-content: center; border-radius: 0px 12px 12px 0px; font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--compact); grid-area: 2 / 2 / 3 / 3; line-height: var(--vkui--font_headline2--line_height--compact); padding-right: 16px; text-align: left; } .EmptyFolder__backgroudWhite--2d1pT { background: var(--vkui--cloud_color_background_content_alternative); } .EmptyFolder__qrCode--1sEVf { display: block; height: 156px; max-width: 100%; object-fit: scale-down; user-select: none; } .EmptyFolder__qrCodeWrapper--3C_m5 { align-items: center; display: flex; justify-content: center; width: 100%; } .EmptyFolder__provocationsAlbum--2065_ .EmptyFolder__item_type_upload--2X9Q6, .EmptyFolder__provocationsAlbum--2065_ .EmptyFolder__item_type_upload-from-cloud--1zzrX { background-image: none; } .EmptyFolder__provocationsVigboRoot--DUHv9 { height: 75% !important; } .EmptyFolder__provocationsVigboRoot--DUHv9 .EmptyFolder__item--Pjah0 { border-radius: 20px; padding: 24px; } .EmptyFolder__item_type_download-app--2rubV { cursor: default; } .EmptyFolder__extraBlocks--3gj_n { display: flex; flex: 1 1 0%; flex-direction: column; gap: 5px; } .EmptyFolder__vigboProvocationPicture--3IMBz { bottom: 0px; display: flex; position: absolute; right: 0px; width: 100%; } .VigboPage__root--HeV4W { display: flex; flex-grow: 1; } .VigboPage__root--HeV4W.VigboPage__root_new_portal_header--1pB5u { scrollbar-gutter: stable; height: 100%; overflow-y: auto; padding: 0px 16px; position: relative; scrollbar-color: var(--color-scrollbar) var(--vkui--color_background); scrollbar-width: thin; } .VigboPage__root--HeV4W.VigboPage__root_new_portal_header--1pB5u::-webkit-scrollbar { height: 6px; width: 6px; } .VigboPage__root--HeV4W.VigboPage__root_new_portal_header--1pB5u::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar); border-radius: 6px; } .VigboPage__root--HeV4W.VigboPage__root_new_portal_header--1pB5u ::-webkit-scrollbar-corner, .VigboPage__root--HeV4W.VigboPage__root_new_portal_header--1pB5u::-webkit-scrollbar-track { background-color: initial; } .VigboPage__wrapper--1b6kd { display: flex; flex-direction: column; gap: 24px; height: fit-content; min-height: 100%; position: relative; width: 100%; } .VigboPage__wrapper--1b6kd.VigboPage__emptyWrapper--2zTsC { height: auto; } .VigboPage__header--300qL { display: flex; flex-direction: column; gap: 12px; width: 100%; } .VigboPage__hiddenToolbar--25YIl { padding-top: 12px; } .VigboPage__emptyContent--w1E15 { align-items: center; display: flex; flex: 1 1 0%; flex-direction: column; margin-bottom: 20px; overflow: hidden; position: relative; } .VigboPage__grid_container--2VRf9 { display: flex; flex-direction: column; margin-bottom: 48px; width: 100%; } .VigboPage__album--2ktLC { height: var(--albums-row-height); } .VigboPage__titleWrapper--2X2qJ { display: flex; flex-direction: column; gap: 5px; } .VigboPage__subTitle--95cKE { font-size: 14px; font-weight: 400; line-height: 18px; } .VigboPage__createBttnWrapper--3oTJd { bottom: 105px; position: absolute; right: 174px; } .VigboPage__createBttn--3k-Qq { display: flex; gap: 8px; } .VigboPage__createBttnText--2jMAm { align-self: center; } .ScrollTopButton__root--eYDMA { align-items: center; background: var(--cloud--color_background_scroll_top_button); border-radius: 12px; box-shadow: var(--vkui--elevation4); cursor: pointer; display: flex; height: 44px; justify-content: center; position: absolute; right: 30px; transition: opacity 0.1s ease-in; user-select: none; width: 44px; z-index: 1; } .ScrollTopButton__arrow--N6ixl { height: 24px; width: 24px; } .ScrollTopButton__root_hidden--1Z06t { opacity: 0; pointer-events: none; } .ScrollTopButton__tooltip--oZZ6O { backdrop-filter: blur(12px); background: var(--cloud--color_background_scroll_top_button); border: .5px solid var(--vkui--color_field_border_alpha); border-radius: 8px; bottom: 8px; color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); padding: 6px 12px; position: absolute; right: 5px; transform: translate(-50%, -100%); transition: opacity 0.1s ease-in; } .ScrollTopButton__tooltip_hidden--3RXCE { opacity: 0; pointer-events: none; } .ScrollTopButton__shove_public--mnwJD { position: absolute; } .BaseMessage__root--1hCE_ { -webkit-font-smoothing: antialiased; align-items: center; align-self: center; display: flex; flex-direction: column; height: 100%; justify-content: center; max-height: 75vh; text-align: center; width: 100%; } .BaseMessage__title--1Z9U0 { overflow-wrap: break-word; margin-top: var(--vkui--x5); max-width: 200%; } .BaseMessage__text--1qXRn, .BaseMessage__title--1Z9U0 { font-family: var(--vkui--font_family_accent); } .BaseMessage__text--1qXRn { margin-top: var(--vkui--x2); } .BaseMessage__rootMobile--wha6j { flex-grow: 1; max-height: 100%; width: 100%; } .BaseMessage__rootMobile--wha6j .BaseMessage__title--1Z9U0 { padding: 0px 8px; } .BaseMessage__rootMobile--wha6j .BaseMessage__text--1qXRn { margin-top: var(--vkui--x3); padding: 0px 8px; } .EmptySearch__image--3_t7e { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/search/eaf4d642018ca089c7e6.png") 50% center / contain no-repeat; height: 180px; width: 320px; } .vkui--cloud--dark .EmptySearch__image--3_t7e { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/search/ea0666c865385ec2e1d0.png") 50% center / contain no-repeat; } .ErrorSearch__image--QeEzj { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/search/972ff13bbfa5aa41b58b.png") 50% center / contain no-repeat; height: 180px; width: 320px; } .ReloadButton__button--32JuC { margin-top: var(--vkui--x6); } .ReloadButton__buttonMobile--1DTC3 { width: 100%; } @media (orientation: landscape) { .ReloadButton__buttonMobile--1DTC3 { margin: var(--vkui--x6) auto 0 auto; max-width: 608px; } } @media (orientation: portrait) { .ReloadButton__buttonMobile--1DTC3 { margin: 0px auto; max-width: 514px; } } .ErrorRetry__root--3bVtO.ErrorRetry__centered--3NIRz { left: 50%; position: fixed; top: 50%; transform: translate(-50%, -50%); } .ErrorRetry__text--2fTSt { font-size: 15px; margin-bottom: 20px; } .FamilyContentEmpty__root--3tQ5w { flex-grow: 1; padding: 4px 0px 20px 12px; width: calc(100% - 32px); } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ { display: flex; gap: 12px; overflow-y: hidden; overscroll-behavior: contain; } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB { background-color: rgb(232, 243, 255); border-radius: 20px; color: var(--vkui--color_text_primary); height: 324px; min-width: 254px; padding: 24px; position: relative; white-space: pre-line; width: 254px; } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB:hover { background-color: rgba(232, 243, 255, 0.8); cursor: pointer; } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB > .FamilyContentEmpty__icon--3jmsY { align-items: center; background-color: var(--vkui--color_background_accent_tint_alpha); border-radius: 14px; display: flex; height: 48px; justify-content: center; width: 48px; } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB > .FamilyContentEmpty__outlineButton--3j1yF { --vkui--size_border_radius--regular: 12px; align-items: center; display: flex; gap: 8px; height: 46px; justify-content: center; width: 207px; font-size: 16px !important; } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB > .FamilyContentEmpty__outlineButton--3j1yF:hover { background-color: var(--vkui--color_background_contrast_secondary_alpha--hover); } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB > .FamilyContentEmpty__outlineButtonAuto--3sYiw { height: auto; width: auto; } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB > .FamilyContentEmpty__image--15PwO { position: absolute; } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB > .FamilyContentEmpty__imageDocs--2Ky-Y { position: absolute; right: 20px; width: 159px; } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB > .FamilyContentEmpty__foldersImage--2Q8J6 { inset: auto auto 25px 0px; height: 148px; width: 269px; } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB > .FamilyContentEmpty__familyImage--3iipq { inset: auto 11px 18px auto; height: 114px; width: 263px; } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB > .FamilyContentEmpty__mascot--1hUEL { inset: auto 30px 0px auto; height: 102px; width: 128px; } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB > .FamilyContentEmpty__mascotPaws--3csZm { inset: auto 13px -16px auto; height: 40px; width: 167px; } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB > .FamilyContentEmpty__albumsImage--3mXD1 { inset: auto 25px 35px auto; height: 155px; width: 296px; } .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB > .FamilyContentEmpty__memoriesImage--t_Gzx { inset: auto 24px 21px auto; height: 153px; width: 261px; } .vkui--cloud--dark .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB { background-color: var(--vkui--color_background_secondary); } .vkui--cloud--dark .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB:hover { background-color: rgba(52, 52, 52, 0.8); } .vkui--cloud--dark .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB > .FamilyContentEmpty__icon--3jmsY { background-color: var(--vkui--cloud_color_header_icon_background_alpha); } .vkui--cloud--dark .FamilyContentEmpty__root--3tQ5w > .FamilyContentEmpty__list--1CZUJ > .FamilyContentEmpty__card--2hhMB > .FamilyContentEmpty__outlineButton--3j1yF:hover { background-color: rgba(255, 255, 255, 0.1); } .FamilyContentNewEmpty__slider--8Ne9b { position: relative; } .FamilyContentNewEmpty__slider--8Ne9b .swiper { overflow: hidden; width: 100%; } .FamilyContentNewEmpty__slider--8Ne9b .swiper-wrapper { align-items: stretch; display: flex; } .FamilyContentNewEmpty__slider--8Ne9b .swiper-slide { width: auto !important; } .FamilyContentNewEmpty__slider--8Ne9b .swiper-slide { display: block; flex: 0 0 auto; } .FamilyContentNewEmpty__arrowNext--1ho8V, .FamilyContentNewEmpty__arrowPrev--2CwOp { align-items: center; background: var(--vkui--color_background_modal); border-radius: 50%; bottom: 50%; box-shadow: 0 4px 32px 0 var(--vkui--color_image_border_alpha--active); cursor: pointer; display: flex; height: 48px; justify-content: center; position: absolute; transform: translateY(50%); width: 48px; z-index: 2; } .vkui--cloud--dark .FamilyContentNewEmpty__arrowNext--1ho8V, .vkui--cloud--dark .FamilyContentNewEmpty__arrowPrev--2CwOp { box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 32px; } .FamilyContentNewEmpty__arrowNext--1ho8V { right: 8px; } .FamilyContentNewEmpty__arrowPrev--2CwOp { left: 8px; } .FamilyContentNewEmpty__arrowDisabled--3pa3p { display: none; } .AutoUploadModal__items--evBHh { display: flex; flex-direction: column; gap: 12px; } .AutoUploadModal__text--1P-tO { font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); } .AutoUploadModal__modalTitle--3dCHl { margin-bottom: 12px; } .FamilyContentNewEmptyCards__button--2_ZqS { --vkui--size_button_height--regular: 40px; --vkui--color_background_accent: var(--family-new-card-button-bg); --vkui--color_background_accent--hover: var(--family-new-card-button-bg--hover); --vkui--color_background_accent--active: var(--family-new-card-button-bg--active); --vkui--color_text_contrast: var(--vkui--color_text_primary); border-radius: 12px; height: 40px; min-height: 40px; } .FamilyContentNewEmptyCards__autoUpload--3MuOn .FamilyContentNewEmptyCards__button--2_ZqS, .FamilyContentNewEmptyCards__variantA--2HSxV .FamilyContentNewEmptyCards__button--2_ZqS, .FamilyContentNewEmptyCards__variantB--nUFHv .FamilyContentNewEmptyCards__button--2_ZqS { --vkui--color_background_accent: #fff; --vkui--color_background_accent--hover: hsla(0,0%,100%,.9); --vkui--color_background_accent--active: hsla(0,0%,100%,.8); --vkui--color_text_contrast: #1e1e1e; align-self: flex-start; display: inline-flex; min-width: 130px; width: auto; } .vkui--cloud--dark #family-card-auto-upload.FamilyContentNewEmptyCards__autoUpload--3MuOn .FamilyContentNewEmptyCards__button--2_ZqS { --vkui--color_background_accent: var(--family-new-card-button-bg); --vkui--color_background_accent--hover: var(--family-new-card-button-bg--hover); --vkui--color_background_accent--active: var(--family-new-card-button-bg--active); --vkui--color_text_contrast: var(--vkui--color_text_primary); align-self: flex-start; display: inline-flex; min-width: 130px; width: auto; } #family-card-auto-upload, #family-card-calendar, #family-card-docs, #family-card-folders, #family-card-subscription { background-color: rgb(232, 243, 255); border-radius: 28px; color: var(--vkui--color_text_primary); height: 342px; min-width: 286px; padding: 24px; position: relative; white-space: pre-line; width: 286px; } #family-card-auto-upload:hover, #family-card-calendar:hover, #family-card-docs:hover, #family-card-folders:hover, #family-card-subscription:hover { background-color: rgba(232, 243, 255, 0.8); } .FamilyContentNewEmptyCards__image--38Hfg { border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; bottom: 0px; height: auto; left: 0px; object-fit: contain; object-position: center bottom; position: absolute; width: 100%; } #family-card-subscription.FamilyContentNewEmptyCards__variantA--2HSxV { background-color: rgb(4, 5, 12); color: rgb(255, 255, 255); } #family-card-subscription.FamilyContentNewEmptyCards__variantB--nUFHv { background-color: rgb(42, 137, 200); color: rgb(255, 255, 255); } #family-card-auto-upload.FamilyContentNewEmptyCards__autoUpload--3MuOn { background-color: rgb(35, 35, 36); color: rgb(255, 255, 255); } :root { --family-new-card-button-bg: rgba(1,41,98,.06); --family-new-card-button-bg--hover: rgba(1,41,98,.08); --family-new-card-button-bg--active: rgba(1,41,98,.1); } .vkui--cloud--dark { --family-new-card-button-bg: hsla(0,0%,100%,.06); --family-new-card-button-bg--hover: hsla(0,0%,100%,.08); --family-new-card-button-bg--active: hsla(0,0%,100%,.1); } .vkui--cloud--dark #family-card-auto-upload, .vkui--cloud--dark #family-card-calendar, .vkui--cloud--dark #family-card-docs, .vkui--cloud--dark #family-card-folders { background-color: var(--vkui--color_background_secondary); } .vkui--cloud--dark #family-card-auto-upload:hover, .vkui--cloud--dark #family-card-calendar:hover, .vkui--cloud--dark #family-card-docs:hover, .vkui--cloud--dark #family-card-folders:hover { background-color: rgba(52, 52, 52, 0.8); } .datalist { display: flex; flex-direction: column; z-index: 30; } .datalist.hidden { display: none; } .main-datalist { display: flex; flex: 1 0 auto; flex-direction: column; height: 100%; } .main-datalist > div:first-child { display: flex; flex: 1 0 auto; flex-direction: column; } .datalist_full-height { height: 100%; } .DataList__root--11cWL { display: flex; flex: 1 0 auto; flex-direction: column; padding-bottom: 78px; position: relative; } .DataList__root--11cWL.DataList__emptyRoot--3RuPC { flex-shrink: 1; gap: 12px; height: 100%; padding: 0px 8px 0px 16px; } .DataList__root_new_portal_header--2gNnn { height: 100%; padding-bottom: 0px; } .DataList__emptyStateBreadcrumbs_new_portal_header--3PM-M { margin-bottom: 24px; padding-left: 16px; } .DataList__rootUploaderAllDocs--1T8o3 { padding-bottom: 0px; } .DataList__emptyIcon--31-C9 { height: 106px; position: relative; width: 86px; } .DataList__emptyIconUpload--1wDRO { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/icons/2f038dee348930ba86c0.svg"); bottom: 20px; height: 27px; left: 50%; margin-left: -16px; position: absolute; width: 32px; } .DataList__empty--1V5TL { align-items: center; display: flex; flex-direction: column; margin: 0px auto; padding-top: 215px; text-align: center; width: 282px; } .DataList__emptyTitle--3pPsj { color: var(--vkui--color_text_primary); font-size: 18px; font-weight: 700; margin-top: 28px; } .DataList__emptyText--13TTC { color: var(--vkui--color_text_secondary); font-size: 13px; margin-top: 12px; } .DataList__selectbox--3ewjw { border-radius: 4px; background: rgba(57, 118, 219, 0.08) !important; border: 2px solid rgba(57, 118, 219, 0.22) !important; } .DataList__selectable--HDpdh { box-sizing: border-box; height: 100%; margin-left: 0px; margin-right: 0px; min-height: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } .DataList__selectable_fastpage--Tehya { margin-top: -24px; padding-top: 24px; } .DataList__selectable_withinDialog--217Hn { margin: 0px; padding: 0px; } .DataList__selectable_stories--3m14_ { margin-top: -20px; padding-top: 20px; } .DataList__noMargin--3RGPB { margin: 0px; } .DataList__noLeftPadding--3pgv2 { padding-left: 0px; } .DataList__publicUploadHeader--2jT44 { margin-right: 10px; margin-top: -8px; } .DataListItemPlug__item--1vBmL { justify-content: space-between; padding: 10px 16px; } .DataListItemPlug__group--2-yO1, .DataListItemPlug__item--1vBmL { align-items: center; display: flex; } .DataListItemPlug__checkbox--3HT13 { border-radius: 50%; height: 22px; margin-right: 16px; width: 22px; } .DataListItemPlug__icon--3t084 { border-radius: 4px; height: 32px; margin-right: 14px; width: 32px; } .DataListItemPlug__name--2q4XG { width: 140px; } .DataListItemPlug__date--3i0Iv, .DataListItemPlug__name--2q4XG, .DataListItemPlug__size--JXqBq { border-radius: 4px; height: 14px; } .DataListItemPlug__date--3i0Iv, .DataListItemPlug__size--JXqBq { margin-right: 32px; width: 48px; } .DataListItemPlug__download--2MSi4 { border-radius: 50%; height: 28px; width: 28px; } .DataListItemPlug__checkbox--3HT13, .DataListItemPlug__date--3i0Iv, .DataListItemPlug__download--2MSi4, .DataListItemPlug__icon--3t084, .DataListItemPlug__name--2q4XG, .DataListItemPlug__size--JXqBq { background: var(--vkui--color_background_secondary_alpha); } .AlbumPage__root--1b-Dw { margin: 10px 0px; } .AlbumPage__root--1b-Dw.AlbumPage__root_new_portal_header--3z5-a { height: 100%; margin: 0px; } .AlbumPage__root--1b-Dw.AlbumPage__root_new_portal_header--3z5-a .AlbumPage__datalistContainer_new_portal_header--2s0w- { height: calc(100% - 58px); } .AlbumPage__root--1b-Dw .AlbumPage__headerContainer_new_portal_header--3_85Q { align-items: center; display: flex; justify-content: space-between; margin-bottom: 16px; padding: 0px 16px; } .AlbumPage__root--1b-Dw .AlbumPage__headerContainer_new_portal_header--3_85Q .AlbumPage__filesCountWrapper--V29Ld { align-items: center; display: flex; } .AlbumPage__root--1b-Dw .AlbumPage__headerContainer_new_portal_header--3_85Q .AlbumPage__filesCount--1O7pL { color: var(--vkui--color_text_secondary); font-family: var(--font-tt-norms); font-size: 15px; line-height: 20px; } .AlbumLabel__root--10qQd { align-items: center; backdrop-filter: blur(20px); background: var(--color-background-gray); border-radius: 12px; box-sizing: border-box; color: var(--vkui--color_text_contrast); display: inline-block; font-family: var(--font-tt-norms); font-size: 15px; font-weight: 500; line-height: 20px; overflow: hidden; padding: 6px 8px; text-overflow: ellipsis; white-space: nowrap; } .Album__root--1worZ { background-color: var(--vkui--color_background_secondary); border-radius: 16px; box-sizing: border-box; cursor: pointer; height: 100%; overflow: hidden; position: relative; user-select: none; width: 100%; } .Album__root_selected--8omX6 { display: block; } .Album__root_selected--8omX6::before { background: var(--vkui--color_button_contrast_alpha--active); border: 2px solid rgb(152, 191, 255); border-radius: 20px; inset: 0px; content: ""; position: absolute; } .Album__root_border--1IdL7 { outline: .5px solid var(--vkui--color_image_border_alpha); } .Album__labelIcon--1oLe1 { margin-right: 6px; transform: translateY(-1px); vertical-align: middle; } .Album__weblink--3UJqU { color: var(--vkui--color_text_positive); } .Album__seo--3CtyU { color: var(--vkui--color_icon_accent); display: inline; } .Album__title--3gP3c { border-radius: 8px; bottom: 12px; left: 12px; max-width: calc(100% - 48px); } .Album__options--YnUws, .Album__title--3gP3c { position: absolute; } .Album__options--YnUws { display: flex; opacity: 0; padding: 6px; right: 8px; top: 8px; transition: opacity 0.2s; } .Album__options_visible--1t9Ir { opacity: 1; pointer-events: all; } .Album__image--2fw4C { height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.2s; width: 100%; } .Album__image_loaded--2tzqn { opacity: 1; } .Album__icon--1Afez { color: var(--vkui--color_accent_gray); left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .Album__root--1worZ:hover .Album__options--YnUws { opacity: 1; pointer-events: all; } .Album__checkbox--3Jx9N { position: absolute; right: 12px; top: 12px; } .Album__link--1TEMZ { height: 100%; } .CompilationsSection__root--16Ni6 { font-family: var(--vkui--font_family_accent); margin-bottom: 48px; } .CompilationsSection__title--2nXoK { align-items: center; color: var(--vkui--color_text_primary); display: flex; flex-direction: row; font-size: 18px; font-weight: var(--vkui--font_display_title3--font_weight--regular); line-height: var(--vkui--font_display_title3--line-height--regular); margin-bottom: 20px; } .CompilationsSection__section--gBCQx { gap: var(--compilations-grid-gap-size); display: grid; grid-auto-rows: var(--compilations-row-height); grid-template-columns: repeat(auto-fill, minmax(228px, 1fr)); } :root { --compilations-row-height: 170px; --compilations-grid-gap-size: 12px; } .CreateAlbum__root--3EQtO { align-items: center; border: 1px dashed var(--vkui--color_field_border_alpha); border-radius: 16px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; font-family: var(--font-tt-norms); font-size: 15px; height: 100%; justify-content: center; line-height: 20px; position: relative; text-align: center; user-select: none; white-space: pre-wrap; width: 100%; } .CreateAlbum__root--3EQtO.CreateAlbum__disabled--32Q2W { background-color: var(--vkui--color_background_secondary); border-color: var(--vkui--color_stroke_field_border_alpha); color: var(--vkui--color_text_tertiary); } .CreateAlbum__addIcon--FL76v { align-items: center; background: var(--vkui--color_background_secondary); border-radius: var(--vkui--size_border_radius_paper--regular); color: var(--vkui--color_icon_primary); display: flex; height: 48px; justify-content: center; margin-bottom: 16px; width: 48px; } .CreateAlbum__disabled--32Q2W .CreateAlbum__addIcon--FL76v { background: var(--vkui--cloud_color_header_icon_background_alpha); color: var(--vkui--color_text_tertiary); } .CreateAlbum__lockIcon--3KvbZ { align-items: center; background: var(--vkui--color_background_field); border: 1px solid var(--vkui--color_separator_primary); border-radius: 12px; color: var(--vkui--color_icon_primary); display: none; height: 35px; justify-content: center; position: absolute; right: 12.5px; top: 12px; width: 35px; } .CreateAlbum__disabled--32Q2W .CreateAlbum__lockIcon--3KvbZ { display: inline-flex; } .DuplicatesPreviewVariant2__root--1llQd { display: flex !important; flex-direction: column !important; } .DuplicatesPreviewVariant2__img--1T1gs { height: 50% !important; } .DuplicatesPreviewVariant3__img2--34ff_ { grid-column-start: 1; grid-row-start: 2; } .DuplicatesPreviewVariant3__img3--3B1Ch { grid-column-start: 2; grid-row: 1 / span 2; } .DuplicatesPreview__root--3wC2j { gap: 2px 3px; border-radius: 16px; cursor: pointer; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2,calc(var(--compilations-row-height)/2)); height: 100%; overflow: hidden; position: relative; width: 100%; } .DuplicatesPreview__label--1rL0g { border-radius: 8px; bottom: 12px; left: 12px; max-width: calc(100% - 48px); position: absolute; } .DuplicatesPreview__img--3nwur { border-radius: 4px; height: 100%; object-fit: cover; width: 100%; } .AlbumsEmpty__root--3qqNT { -webkit-font-smoothing: antialiased; align-items: center; align-self: center; display: flex; flex-direction: column; height: 100%; justify-content: center; text-align: center; width: 340px; } .AlbumsEmpty__root--3qqNT .AlbumsEmpty__button--3BRXH { font-family: var(--vkui--font_subhead--font_family--compact,var(--font_family--vk_sans_display)); font-size: 15px; font-weight: 500; line-height: 20px; } .AlbumsEmpty__title--EHeR_ { color: var(--vkui--color_text_primary); font-size: 24px; font-weight: var(--vkui--font_title1--font_weight--regular); line-height: 32px; } .AlbumsEmpty__text--1UZjC, .AlbumsEmpty__title--EHeR_ { font-family: var(--vkui--font_family_accent); } .AlbumsEmpty__text--1UZjC { color: var(--vkui--color_text_secondary); font-size: 15px; font-weight: var(--vkui--font_text--font_weight--regular); line-height: 20px; } .AlbumsEmpty__image--CyA-s { max-height: 180px; max-width: 360px; } .AlbumsPage__root--1UYHx { display: flex; flex-grow: 1; margin: 0px 20px 0px 0px; } .AlbumsPage__root--1UYHx.AlbumsPage__root_new_portal_header--XS6Yi { scrollbar-gutter: stable; flex-direction: column; height: 100%; margin: 0px; overflow-y: auto; padding: 0px 16px; position: relative; scrollbar-color: var(--color-scrollbar) var(--vkui--color_background); scrollbar-width: thin; } .AlbumsPage__root--1UYHx.AlbumsPage__root_new_portal_header--XS6Yi:hover { overflow-y: auto !important; } .AlbumsPage__root--1UYHx.AlbumsPage__root_new_portal_header--XS6Yi::-webkit-scrollbar { height: 6px; width: 6px; } .AlbumsPage__root--1UYHx.AlbumsPage__root_new_portal_header--XS6Yi::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar); border-radius: 6px; } .AlbumsPage__root--1UYHx.AlbumsPage__root_new_portal_header--XS6Yi ::-webkit-scrollbar-corner, .AlbumsPage__root--1UYHx.AlbumsPage__root_new_portal_header--XS6Yi::-webkit-scrollbar-track { background-color: initial; } .AlbumsPage__wrapper--2SLZS { display: flex; flex-direction: column; flex-grow: 1; position: relative; } .AlbumsPage__header--1WZms { display: flex; margin-bottom: 12px; } .AlbumsPage__emptyContent--6ZLJN { align-items: center; display: flex; flex: 1 0 auto; flex-direction: column; } .AlbumsPage__title--1bj5R { font-size: 28px; font-weight: 500; line-height: 32px; margin-bottom: 16px; } .AlbumsPage__description--2EH_E, .AlbumsPage__title--1bj5R { font-family: var(--font-tt-norms); } .AlbumsPage__description--2EH_E { font-size: 15px; line-height: 20px; max-width: 500px; text-align: center; } .AlbumsPage__templateAlbums--Z8mer { display: grid; gap: 48px 24px; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); grid-template-rows: 250px; margin-bottom: 80px; margin-top: 64px; width: 100%; } .AlbumsPage__album--kWqQI { height: var(--albums-row-height); } .AlbumsLayout__root--qkyrR { column-gap: 12px; display: grid; grid-auto-rows: var(--albums-row-height); grid-template-columns: repeat(auto-fill, minmax(228px, 1fr)); row-gap: var(--albums-grid-row-gap-size); } :root { --albums-row-height: 170px; --albums-grid-row-gap-size: 12px; } .AlbumsSection__root--1nt9N { font-family: var(--vkui--font_family_accent); margin-bottom: 48px; } .AlbumsSection__title--3VyGa { align-items: center; color: var(--vkui--color_text_primary); display: flex; flex-direction: row; font-size: 18px; font-weight: var(--vkui--font_display_title3--font_weight--regular); line-height: var(--vkui--font_display_title3--line-height--regular); margin-bottom: 20px; } .AlbumsSection__section--3NdzO { max-height: calc(var(--album-height)*3 + var(--container-row-gap-size)*2); overflow: hidden; } .AlbumsSection__sectionButtonWrapper--2gNjC { margin-left: auto; } .AlbumsSection__sectionButton--3E9bf { align-items: center; cursor: pointer; display: flex; flex-direction: row; font-size: 15px; justify-content: center; line-height: 20px; user-select: none; width: auto; } .AlbumsSection__sectionButton--3E9bf, .AlbumsSection__sectionButton--3E9bf:hover { color: var(--vkui--color_text_accent); } .AlbumsSection__icon--2BK6E { margin-left: 8px; transition: transform 0.2s; } .AlbumsSection__icon_opened--6d5xX { transform: rotate(180deg); } .FamilyEmptyStateNew__root--WlpjL { align-items: center; background-color: rgb(230, 241, 255); border-radius: 20px; display: flex; flex: 1 1 0px; flex-direction: column; justify-content: space-between; margin: 12px 20px 23px; padding-top: 61px; position: relative; } .FamilyEmptyStateNew__freeRoot--3iOQB { gap: 19px; justify-content: start; } .FamilyEmptyStateNew__content--Nx8Uo { align-items: center; gap: 32px; } .FamilyEmptyStateNew__content--Nx8Uo, .FamilyEmptyStateNew__textBlock--3V6yy { display: flex; flex-direction: column; } .FamilyEmptyStateNew__textBlock--3V6yy { gap: 9px; text-align: center; } .FamilyEmptyStateNew__textBlock--3V6yy .FamilyEmptyStateNew__title--2Uswa { font-size: 28px; line-height: 34px; white-space: pre-wrap; } .FamilyEmptyStateNew__textBlock--3V6yy .FamilyEmptyStateNew__description--2kgpn { font-size: var(--vkui--font_headline--font_size--regular); line-height: 22px; width: 468px; } .FamilyEmptyStateNew__icon--2spMV { align-items: center; background-color: var(--vkui--color_background_accent_tint_alpha); border-radius: 16px; inset: 20px auto auto 20px; display: flex; height: 48px; justify-content: center; position: absolute; width: 48px; } .FamilyEmptyStateNew__image--3lpfm { height: 222px; margin-left: 18px; width: 630px; } .FamilyEmptyStateNew__imageFixed--CDQ8H { bottom: 0px; position: fixed; } .FamilyEmptyStateNew__button--2pMQG { --vkui--size_border_radius--regular: 14px; --vkui--font_headline1--font_size--compact: 16px; --vkui--size_button_large_height--compact: 50px; --vkui--size_button_base_large_padding_horizontal--regular: 26px; } .vkui--cloud--dark .FamilyEmptyStateNew__icon--2spMV { background-color: var(--vkui--color_background_secondary_alpha); } .vkui--cloud--dark .FamilyEmptyStateNew__root--WlpjL { background-color: var(--vkui--color_background_sky); } .FamilyPreviewPage__root--1fnfM { box-sizing: border-box; flex-grow: 1; padding: 8px 0px 20px 20px; width: calc(100% - 20px); } .FamilyPreviewPage__button--3FnrQ { background: var(--vkui--color_background_secondary); border: 1px dashed var(--vkui--color_stroke_field_border_alpha); border-radius: 16px; box-sizing: border-box; color: var(--vkui--color_icon_tertiary_alpha); cursor: pointer; flex-direction: column; font-family: var(--font-tt-norms); font-size: 15px; height: 200px; line-height: 20px; position: relative; text-align: center; user-select: none; white-space: pre-wrap; width: 168px; } .FamilyPreviewPage__addIcon--uEP6V, .FamilyPreviewPage__button--3FnrQ { align-items: center; display: flex; justify-content: center; } .FamilyPreviewPage__addIcon--uEP6V { background: var(--vkui--cloud_color_header_icon_background_alpha); color: var(--vkui--color_icon_tertiary); height: 40px; margin-top: 15px; width: 40px; } .FamilyPreviewPage__addIcon--uEP6V, .FamilyPreviewPage__lockIcon--3f1GH { border-radius: var(--vkui--size_border_radius_paper--regular); } .FamilyPreviewPage__lockIcon--3f1GH { background: var(--vkui--color_background_field); border: 1px solid var(--vkui--color_stroke_field_border_alpha); padding: 8px; position: absolute; right: 10px; top: 10px; } .FamilyPreviewPage__text--2iTo4 { margin-top: 30px; } .FamilyPreviewPage__image--3jpqp { bottom: 34px; cursor: pointer; height: 404px; position: absolute; right: 0px; } .AlbumsGrid__root--1u29C { column-gap: 12px; display: grid; grid-auto-rows: var(--albums-row-height); grid-template-columns: repeat(auto-fill, minmax(228px, 1fr)); row-gap: var(--albums-grid-row-gap-size); } .AlbumsGrid__album--307Y5 { height: var(--albums-row-height); } .FamilyTooltip__root--2naWW { box-sizing: border-box; color: var(--vkui--color_text_primary); gap: var(--vkui--x3); padding: var(--vkui--x4); width: 310px; } .FamilyTooltip__root--2naWW, .FamilyTooltip__textBlock--27H9x { display: flex; flex-direction: column; } .FamilyTooltip__textBlock--27H9x { gap: var(--vkui--x1); width: 250px; } .FamilyTooltip__title--2TCUf { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .FamilyTooltip__text--12OxH { font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); } .FamilyTooltip__button--r9NJx { width: fit-content; } .FamilyTooltip__image--1UUvx { border-bottom-right-radius: var(--vkui--x4); bottom: 0px; display: block; overflow: hidden; position: absolute; right: 0px; width: 128px; } .documentsTooltipRoot { gap: var(--vkui--x5); padding: 20px 40px 18px 20px; } .documentsTooltipRoot .FamilyTooltip__title--2TCUf { width: 254px; } .documentsTooltipRoot .FamilyTooltip__text--12OxH { width: 217px; } .documentsTooltipRoot .FamilyTooltip__textBlock--27H9x { gap: var(--vkui--x2); } .CustomAlbumsPage__root--1pyBt { display: flex; flex-grow: 1; } .CustomAlbumsPage__root--1pyBt.CustomAlbumsPage__root_new_portal_header--2mxUa { scrollbar-gutter: stable; height: 100%; overflow-y: auto; padding: 0px 16px; position: relative; scrollbar-color: var(--color-scrollbar) var(--vkui--color_background); scrollbar-width: thin; } .CustomAlbumsPage__root--1pyBt.CustomAlbumsPage__root_new_portal_header--2mxUa::-webkit-scrollbar { height: 6px; width: 6px; } .CustomAlbumsPage__root--1pyBt.CustomAlbumsPage__root_new_portal_header--2mxUa::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar); border-radius: 6px; } .CustomAlbumsPage__root--1pyBt.CustomAlbumsPage__root_new_portal_header--2mxUa ::-webkit-scrollbar-corner, .CustomAlbumsPage__root--1pyBt.CustomAlbumsPage__root_new_portal_header--2mxUa::-webkit-scrollbar-track { background-color: initial; } .CustomAlbumsPage__wrapper--1rg5B { gap: 24px; height: fit-content; min-height: 100%; position: relative; } .CustomAlbumsPage__header--3sBgt, .CustomAlbumsPage__wrapper--1rg5B { display: flex; flex-direction: column; width: 100%; } .CustomAlbumsPage__header--3sBgt { gap: 12px; } .CustomAlbumsPage__grid_container--2q0uV { display: flex; flex-direction: column; margin-bottom: 48px; width: 100%; } .CustomAlbumsPage__album--2WHJy { height: var(--albums-row-height); } .AllDocumentsDisabledPopup__icon--22pKa { color: var(--vkui--color_icon_accent); } .AllDocumentsDisabledPopup__description--2EzlN { color: var(--vkui--color_text_secondary); text-align: center; white-space: pre-line; } .AllDocumentsDisabledPopup__content--3yKOr { align-items: center; display: flex; flex-direction: column; gap: 20px; width: 420px; } .HelpButton__container--1GmoI { bottom: 44px; font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_headline2--font_weight--regular); left: 44px; line-height: var(--vkui--font_headline2--line_height--compact); position: fixed; z-index: 21; } @media (max-height: 700px), (max-width: 900px) { .HelpButton__container--1GmoI { display: none; } } .HelpButton__containerLeftNav--2XI-T { left: calc(44px + var(--leftnav-width)); } .DisableButton__disable--TIUTA { align-items: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; box-shadow: none; display: flex; flex-shrink: 0; font-family: var(--font-tt-norms); font-size: 13px; font-style: normal; font-weight: 400; height: 28px; justify-content: center; line-height: 18px; padding: 0px 12px; text-decoration: none; transition: background 0.2s ease-in-out; } .DisableButton__disable--TIUTA, .DisableButton__disable_theme_light---loc5 { background: var(--vkui--color_background_secondary); color: var(--vkui--color_text_secondary); } .DisableButton__disable_theme_light---loc5:hover { background: var(--vkui--color_background_secondary--hover); } .DisableButton__disable_theme_dark--3gxce { background: var(--color-background-gray); color: var(--vkui--color_text_contrast); font-size: 15px; height: 36px; } .DisableButton__disable_theme_dark--3gxce:hover { background: var(--color-eerie-black); color: var(--vkui--color_text_contrast--hover); } .DownloadAppButton__root--1xz_X { -webkit-font-smoothing: antialiased; align-items: center; background: var(--vkui--color_background_accent); border-radius: var(--vkui--size_border_radius_paper--regular); display: flex; font-family: var(--font-tt-norms); font-size: 16px; font-weight: 500; height: 48px; justify-content: center; text-decoration: none; } .DownloadAppButton__root--1xz_X, .DownloadAppButton__root--1xz_X:hover { color: var(--vkui--color_text_contrast); } .DownloadAppButton__downloadAppIcon--3t1Dk { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/icons/f2408a7f45700eebf62c.png") 50% 50% / contain no-repeat; height: 24px; margin-right: 8px; width: 24px; } .AiPhotoGenerationPromoinfo__root--1aoIc { align-items: center; background: linear-gradient(#e0efff,#e0efff) padding-box,linear-gradient(66deg,var(--vkui--color_background_accent) 5.51%,#07e5f9 100%) border-box; border: 2px solid transparent; border-radius: 12px; display: flex; margin-bottom: 8px; } .AiPhotoGenerationPromoinfo__root_dark--qC_iM { background: linear-gradient(#1f2d3f,#1f2d3f) padding-box,linear-gradient(66deg,var(--vkui--color_background_accent) 5.51%,#07e5f9 100%) border-box; } .AiPhotoGenerationPromoinfo__root_dark--qC_iM .AiPhotoGenerationPromoinfo__button--2fdas { background: var(--vkui--color_background_secondary); color: var(--vkui--color_text_primary); } .AiPhotoGenerationPromoinfo__root_dark--qC_iM .AiPhotoGenerationPromoinfo__button--2fdas:hover { background: var(--vkui--color_background_secondary--hover); } .AiPhotoGenerationPromoinfo__root_dark--qC_iM .AiPhotoGenerationPromoinfo__button--2fdas:focus { background: var(--vkui--color_background_secondary--active); color: var(--vkui--color_text_primary--active); } .AiPhotoGenerationPromoinfo__button--2fdas.vkuiButton--mode-primary { background: var(--vkui--color_background_contrast); color: var(--colors-text-primary-invariably); } .AiPhotoGenerationPromoinfo__button--2fdas.vkuiButton--mode-primary:hover { background: var(--vkui--color_background_contrast--hover); } .AiPhotoGenerationPromoinfo__button--2fdas.vkuiButton--mode-primary:active, .AiPhotoGenerationPromoinfo__button--2fdas.vkuiButton--mode-primary:focus { background: var(--vkui--color_background_contrast--active); } .AiPhotoGenerationPromoinfo__img--2lkLK { border-bottom-left-radius: 10px; border-top-left-radius: 10px; height: 80px; width: 184px; } .AiPhotoGenerationPromoinfo__rightContainer--2rqAW { align-items: center; display: flex; flex: 1 1 0%; gap: 12px; padding: 16px 24px 16px 18px; } .AiPhotoGenerationPromoinfo__textContainer--3DhLs { display: flex; flex: 1 1 0%; flex-direction: column; gap: 4px; } .AiPhotoGenerationPromoinfo__closeIcon--Zrib0 { color: var(--vkui--color_icon_secondary_alpha); cursor: pointer; } .AiPhotoGenerationPromoinfo__closeIcon--Zrib0:hover { color: var(--vkui--color_icon_secondary_alpha--hover); } .AiPhotoGenerationPromoinfo__closeIcon--Zrib0:active, .AiPhotoGenerationPromoinfo__closeIcon--Zrib0:focus { color: var(--vkui--color_icon_secondary_alpha--active); } .AutoRenewalinfo__root--X5r4R { align-items: center; background: var(--vkui--color_background_content); border: 1px solid var(--vkui--color_stroke_negative); border-radius: 12px; box-sizing: border-box; display: flex; flex-shrink: 0; justify-content: space-between; margin: 4px; min-height: 76px; padding-left: 12px; padding-right: 20px; position: relative; } .AutoRenewalinfo__icon--1pPCL { color: var(--vkui--color_stroke_negative); left: 12px; position: absolute; top: 15px; } .AutoRenewalinfo__content--65CXP { display: flex; flex-direction: column; margin-bottom: 15px; margin-top: 16px; max-width: calc(100% - 32px); padding-left: 28px; padding-right: 10px; position: relative; } .AutoRenewalinfo__title--18AM3 { font-size: var(--vkui--font_headline--font_size--regular); font-weight: var(--vkui--font_headline--font_weight--regular); line-height: var(--vkui--font_headline--line_height--regular); } .AutoRenewalinfo__text--2Xm5N, .AutoRenewalinfo__title--18AM3 { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); } .AutoRenewalinfo__text--2Xm5N { font-size: var(--vkui--font_footnote--font_size--regular); font-weight: var(--vkui--font_footnote--font_weight--regular); line-height: var(--vkui--font_footnote--line_height--regular); margin-top: 4px; } .AutoRenewalinfo__buttons--1TWiK { align-items: center; display: flex; flex-direction: row; flex-shrink: 0; gap: 12px; height: 100%; max-width: 335px; } .AutoRenewalinfo__button--1eZch.ui.button { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background_secondary); color: var(--vkui--color_text_primary); font-size: 15px; font-weight: 500; padding: 8px 16px; width: auto; } .AutoRenewalinfo__button--1eZch.ui.button:hover { background-color: var(--vkui--color_background_secondary--hover); color: var(--vkui--color_text_primary--hover); } .AutoRenewalinfo__button--1eZch.ui.button:active { background-color: var(--vkui--color_background_secondary--active); color: var(--vkui--color_text_primary--active); } .DuplicatesPromoinfo__root--3mx9L { align-items: center; background: var(--vkui--color_background_sky); border-radius: 12px; display: flex; margin-bottom: 8px; width: 100%; } .DuplicatesPromoinfo__root_dark--3Z7qq { background: var(--vkui--color_background_accent); } .DuplicatesPromoinfo__root_dark--3Z7qq .DuplicatesPromoinfo__button--PogdA { background: var(--vkui--color_background_secondary); color: var(--vkui--color_text_primary); } .DuplicatesPromoinfo__root_dark--3Z7qq .DuplicatesPromoinfo__button--PogdA:hover { background: var(--vkui--color_background_secondary--hover); } .DuplicatesPromoinfo__root_dark--3Z7qq .DuplicatesPromoinfo__button--PogdA:focus { background: var(--vkui--color_background_secondary--active); color: var(--vkui--color_text_primary--active); } .DuplicatesPromoinfo__img--1AVnJ { width: 184px; } .DuplicatesPromoinfo__rightContainer--1-yNf { align-items: center; display: flex; flex: 1 1 0%; gap: 12px; padding: 16px 24px 16px 8px; } .DuplicatesPromoinfo__textContainer--1wIIQ { display: flex; flex: 1 1 0%; flex-direction: column; gap: 4px; } .DuplicatesPromoinfo__closeIcon--3KY0k { color: var(--vkui--color_icon_secondary_alpha); cursor: pointer; } .FreemiumAboutModal__featuresGrid--2EAVp { gap: 8px 12px; display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 24px; margin-top: 14px; } .FreemiumAboutModal__featureCard--2jWgq { background-color: var(--vkui--color-other-cloud-color-landing-medium-background,var(--vkui--color_background_tertiary)); border-radius: 16px; display: flex; gap: 8px; padding: 8px; } .vkui--vkBase--dark .FreemiumAboutModal__featureCard--2jWgq, body.vkui--cloud--dark .FreemiumAboutModal__featureCard--2jWgq { background-color: var(--vkui--color_background_secondary); } .FreemiumAboutModal__featureImage--3Gfxt { border-radius: 12px; flex-shrink: 0; height: 40px; width: 40px; } .FreemiumAboutModal__featureContent--3QA0L { display: flex; flex: 1 1 0%; flex-direction: column; } .FreemiumAboutModal__featureText--eRwM_ { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--compact); line-height: var(--vkui--font_text--line_height--compact); } .FreemiumAboutModal__featureLink--T--Ox { align-self: flex-start; color: var(--vkui--color_text_accent); margin-top: 8px; } .FreemiumAboutModal__faqSection--3IHeB { margin-top: 24px; } .FreemiumAboutModal__faqTitle--1LnT7, .FreemiumAboutModal__modalTitle--1YW-_ { -webkit-font-smoothing: antialiased; font-size: 18px; font-weight: var(--vkui--font_title2--font_weight--regular); line-height: var(--vkui--font_title2--line_height--regular); } .FreemiumAboutModal__faqTitle--1LnT7 { margin-bottom: 14px; } .FreemiumAboutModal__faqList--3Qtze { display: flex; flex-direction: column; gap: 8px; } .FreemiumAboutModal__faqList--3Qtze .vkuiAccordion { background-color: var(--vkui--color_background_tertiary); border-radius: 16px; overflow: hidden; } .vkui--vkBase--dark .FreemiumAboutModal__faqList--3Qtze .vkuiAccordion, body.vkui--cloud--dark .FreemiumAboutModal__faqList--3Qtze .vkuiAccordion { background-color: var(--vkui--color_background_secondary); } .FreemiumAboutModal__faqList--3Qtze .vkuiAccordion__summary { background-color: var(--vkui--color_background_tertiary); border-radius: 16px 16px 0px 0px; } .vkui--vkBase--dark .FreemiumAboutModal__faqList--3Qtze .vkuiAccordion__summary, body.vkui--cloud--dark .FreemiumAboutModal__faqList--3Qtze .vkuiAccordion__summary { background-color: var(--vkui--color_background_secondary); } .FreemiumAboutModal__faqList--3Qtze .vkuiAccordion[aria-expanded="true"] .vkuiAccordion__summary { border-radius: 16px 16px 0px 0px; } .FreemiumAboutModal__faqAnswer--1ls4g { background-color: var(--vkui--color_background_tertiary); border-radius: 0px 0px 16px 16px; color: var(--vkui--color_text_secondary); margin-top: -1px; padding: 14px; } .vkui--vkBase--dark .FreemiumAboutModal__faqAnswer--1ls4g, body.vkui--cloud--dark .FreemiumAboutModal__faqAnswer--1ls4g { background-color: var(--vkui--color_background_secondary); } .InformationAlertinfo__root--33Lc7 { align-items: center; background: var(--vkui--color_background_content); border-radius: 12px; box-sizing: border-box; display: flex; flex-shrink: 0; justify-content: space-between; margin: 4px; min-height: 76px; padding-left: 12px; padding-right: 20px; position: relative; } .InformationAlertinfo__root_alert--2Abpz { border: 1px solid var(--vkui--color_stroke_negative); } .InformationAlertinfo__root_alert--2Abpz .InformationAlertinfo__icon--2200l { color: var(--vkui--color_stroke_negative); } .InformationAlertinfo__root_info--2oGuI { border: 1px solid var(--info-banner-border-color,var(--vkui--color_separator_primary)); } .InformationAlertinfo__root_info--2oGuI .InformationAlertinfo__icon--2200l { color: var(--vkui--color_icon_secondary); } .InformationAlertinfo__content--3dzgg { display: flex; flex-direction: column; margin-bottom: 15px; margin-top: 16px; max-width: calc(100% - 32px); padding-left: 28px; padding-right: 10px; position: relative; } .InformationAlertinfo__content_noIcon--1cKqm { flex: 1 1 0%; min-width: 0px; padding-left: 0px; } .InformationAlertinfo__icon--2200l { left: 12px; position: absolute; top: 15px; } .InformationAlertinfo__title--3PlKN { font-size: var(--vkui--font_headline--font_size--regular); font-weight: var(--vkui--font_headline--font_weight--regular); line-height: var(--vkui--font_headline--line_height--regular); } .InformationAlertinfo__text--3Dkzd, .InformationAlertinfo__title--3PlKN { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); } .InformationAlertinfo__text--3Dkzd { font-size: var(--vkui--font_footnote--font_size--regular); font-weight: var(--vkui--font_footnote--font_weight--regular); line-height: var(--vkui--font_footnote--line_height--regular); margin-top: 4px; } .InformationAlertinfo__buttons--3todc { align-items: center; display: flex; flex-direction: row; flex-shrink: 0; gap: 12px; height: 100%; max-width: 335px; } .InformationAlertinfo__button--dINmb.ui.button { -webkit-font-smoothing: antialiased; font-size: 15px; font-weight: 500; padding: 8px 16px; width: auto; } .InformationAlertinfo__cross--1dPxR { color: var(--vkui--color_icon_secondary); cursor: pointer; } @media (max-width: 1024px) { .InformationAlertinfo__root_responsive--3ZSa9 { flex-wrap: wrap; } .InformationAlertinfo__buttons_responsive--1i53S { flex-direction: column; margin: 12px; max-width: none !important; } } .FreemiumConnectedinfo__wrapper--1OZmi { position: relative; } .FreemiumConnectedinfo__wrapper--1OZmi [data-qa-id="information-alert-banner"] { background-color: var(--vkui--color_background_secondary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; overflow: hidden; } .FreemiumConnectedinfo__image--_1FJg { height: 80px; left: 0px; margin: 2px; object-fit: contain; position: absolute; z-index: 1; } .FreemiumConnectedinfo__primaryButton--l81Tb { white-space: nowrap; background-color: var(--vkui--color_background_secondary_alpha) !important; color: var(--vkui--color_text_primary) !important; } .FreemiumConnectedinfo__secondaryButton--14FoG { overflow: visible; position: relative; white-space: nowrap; background-color: var(--vkui--color_background_accent) !important; color: var(--vkui--color_text_contrast) !important; } .FreemiumConnectedinfo__secondaryButton--14FoG::after { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/freemium/00db8a2e5fae1f6bf3ee.png"); background-position: 50% center; background-repeat: no-repeat; background-size: contain; bottom: -11px; content: ""; height: 35px; pointer-events: none; position: absolute; right: -16px; width: 57px; } .FreemiumConnectedinfo__wrapper--1OZmi [data-qa-id="information-alert-banner"] [data-qa-id="title"] { font-size: 17px; font-weight: var(--vkui--font_title2--font_weight--regular); line-height: var(--vkui--font_title2--line_height--regular); } .FreemiumConnectedinfo__wrapper--1OZmi [data-qa-id="information-alert-banner"] [data-qa-id="content"] { font-size: 15px; } .ManualRenewinfo__root--2VPIp { -webkit-font-smoothing: antialiased; align-items: center; background-color: var(--vkui--color_background_accent_tint_alpha); border-radius: 12px; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; flex-shrink: 0; font-family: var(--font_family--vk_sans_display); margin: 4px; min-height: 74px; padding: 16px 12px 16px 16px; } .ManualRenewinfo__root_minimal--2-QBh { min-height: 76px; } .ManualRenewinfo__root_warning--2Hkat { background-color: var(--vkui--color_background_warning_tint_alpha); min-height: 92px; } .ManualRenewinfo__icon--2Kh5m { align-self: flex-start; color: var(--vkui--color_icon_accent); flex-shrink: 0; margin-right: 8px; } .ManualRenewinfo__icon-warning--Qm126 { color: var(--vkui--color_accent_orange); } .ManualRenewinfo__message--3zABW { align-items: flex-start; display: flex; } .ManualRenewinfo__content--2SOYQ, .ManualRenewinfo__message--3zABW { flex: 1 1 0%; min-width: 0px; } .ManualRenewinfo__content--2SOYQ { padding-right: 8px; } .ManualRenewinfo__title--1EOjb { font-size: 15px; font-weight: 500; line-height: 20px; } .ManualRenewinfo__description--34fUa { font-size: 14px; font-weight: 400; line-height: 18px; margin-top: 4px; } .ManualRenewinfo__root_minimal--2-QBh .ManualRenewinfo__description--34fUa, .ManualRenewinfo__root_minimal--2-QBh .ManualRenewinfo__title--1EOjb { font-size: 16px; line-height: 20px; } .ManualRenewinfo__root_minimal--2-QBh .ManualRenewinfo__description--34fUa { font-family: Arial, sans-serif; } .ManualRenewinfo__buttons--3Mw8W { align-items: center; display: flex; flex-shrink: 0; gap: 8px; } .ManualRenewinfo__button--QDkSw.ui.button { border-radius: 8px; font-size: 15px; font-weight: 500; line-height: 20px; min-width: auto; padding: 8px 16px; width: auto; } .ManualRenewinfo__button-warning--2L-US.ui.button { background-color: var(--vkui--color_background_modal); color: var(--vkui--color_text_primary); } .ManualRenewinfo__button-warning--2L-US.ui.button:hover { background-color: var(--vkui--color_background_secondary--hover); color: var(--vkui--color_text_primary); } .ManualRenewinfo__button-warning--2L-US.ui.button:active, .ManualRenewinfo__button-warning--2L-US.ui.button:focus { background-color: var(--vkui--color_background_secondary--active); color: var(--vkui--color_text_primary); } .ManualRenewinfo__details-button--96eD8.ui.button { background: transparent; color: var(--vkui--color_text_primary); margin-left: 4px; } .ManualRenewinfo__details-button--96eD8.ui.button:active, .ManualRenewinfo__details-button--96eD8.ui.button:focus, .ManualRenewinfo__details-button--96eD8.ui.button:hover { background: transparent; color: var(--vkui--color_text_primary); } .ManualRenewinfo__root_generic--2GKN2 .ManualRenewinfo__details-button--96eD8.ui.button, .ManualRenewinfo__root_minimal--2-QBh .ManualRenewinfo__details-button--96eD8.ui.button { color: var(--vkui--color_text_accent); } .ManualRenewinfo__close--1V420 { color: var(--vkui--color_icon_secondary); cursor: pointer; flex-shrink: 0; } .ManualRenewinfo__details-modal--3kriz.ui.modal { width: 420px; } .ManualRenewinfo__details-modal--3kriz.ui.modal > .header { font-size: 24px !important; line-height: 28px !important; padding: 32px 32px 16px !important; } .ManualRenewinfo__details-modal--3kriz.ui.modal > .header { margin-right: 0px; } .ManualRenewinfo__details-modal--3kriz.ui.modal > .content { padding: 0px 32px !important; } .ManualRenewinfo__details-modal--3kriz.ui.modal > .actions { padding: 0px 32px 32px !important; } .ManualRenewinfo__details-modal_generic--2sxqz.ui.modal > .content { padding-bottom: 32px !important; } .ManualRenewinfo__details-modal_minimal--26Exa.ui.modal > .content { padding-bottom: 12px !important; } .ManualRenewinfo__details-list--1BxCn { display: flex; flex-direction: column; font-size: 15px; gap: 12px; line-height: 20px; } .ManualRenewinfo__details-list-item--18s1l { align-items: flex-start; display: flex; gap: 8px; } .ManualRenewinfo__details-list-icon--1siwS { color: var(--vkui--color_icon_primary); flex-shrink: 0; height: 20px; width: 20px; } .ManualRenewinfo__details-description--2RudE { font-size: 15px; line-height: 20px; margin: 0px; } .ManualRenewinfo__baz-modal--22wY8.ui.modal .ui.button[data-name="action"], .ManualRenewinfo__details-modal--3kriz.ui.modal .ui.button[data-name="action"], .ManualRenewinfo__overquota-modal--3mcxF.ui.modal .ui.button[data-qa-id="modal-secondary-btn"] { color: var(--vkui--color_text_primary); } .ManualRenewinfo__baz-modal--22wY8.ui.modal .ui.button[data-name="action"]:hover, .ManualRenewinfo__details-modal--3kriz.ui.modal .ui.button[data-name="action"]:hover, .ManualRenewinfo__overquota-modal--3mcxF.ui.modal .ui.button[data-qa-id="modal-secondary-btn"]:hover { background-color: var(--vkui--color_background_secondary--hover); color: var(--vkui--color_text_primary); } .ManualRenewinfo__baz-modal--22wY8.ui.modal .ui.button[data-name="action"]:active, .ManualRenewinfo__baz-modal--22wY8.ui.modal .ui.button[data-name="action"]:focus, .ManualRenewinfo__details-modal--3kriz.ui.modal .ui.button[data-name="action"]:active, .ManualRenewinfo__details-modal--3kriz.ui.modal .ui.button[data-name="action"]:focus, .ManualRenewinfo__overquota-modal--3mcxF.ui.modal .ui.button[data-qa-id="modal-secondary-btn"]:active, .ManualRenewinfo__overquota-modal--3mcxF.ui.modal .ui.button[data-qa-id="modal-secondary-btn"]:focus { background-color: var(--vkui--color_background_secondary--active); color: var(--vkui--color_text_primary); } .ManualRenewinfo__baz-modal--22wY8.ui.modal > .content { padding-top: 0px !important; } .ManualRenewinfo__baz-header--B6RSf, .ManualRenewinfo__baz-image--3yLl6 { width: 540px; } .ManualRenewinfo__baz-image--3yLl6 { background-color: var(--vkui--color_background_accent_tint_alpha); margin-bottom: 24px; } .ManualRenewinfo__baz-image--3yLl6 img { display: block; height: auto; width: 540px; } .ManualRenewinfo__baz-image--3yLl6 .ManualRenewinfo__baz-image-dark--3h9RG { display: none; } .vkui--cloud--dark .ManualRenewinfo__root--2VPIp, .vkui--octavius--dark .ManualRenewinfo__root--2VPIp { background-color: rgb(53, 53, 54); } .vkui--cloud--dark .ManualRenewinfo__button-warning--2L-US.ui.button, .vkui--octavius--dark .ManualRenewinfo__button-warning--2L-US.ui.button { background-color: var(--vkui--color_background_contrast); color: var(--vkui--color_text_primary_invariably); } .vkui--cloud--dark .ManualRenewinfo__button-warning--2L-US.ui.button:hover, .vkui--octavius--dark .ManualRenewinfo__button-warning--2L-US.ui.button:hover { background-color: var(--vkui--color_background_contrast--hover); color: var(--vkui--color_text_primary_invariably); } .vkui--cloud--dark .ManualRenewinfo__button-warning--2L-US.ui.button:active, .vkui--cloud--dark .ManualRenewinfo__button-warning--2L-US.ui.button:focus, .vkui--octavius--dark .ManualRenewinfo__button-warning--2L-US.ui.button:active, .vkui--octavius--dark .ManualRenewinfo__button-warning--2L-US.ui.button:focus { background-color: var(--vkui--color_background_contrast--active); color: var(--vkui--color_text_primary_invariably); } .vkui--cloud--dark .ManualRenewinfo__baz-image--3yLl6, .vkui--octavius--dark .ManualRenewinfo__baz-image--3yLl6 { background-color: var(--vkui--color_background_modal); } .vkui--cloud--dark .ManualRenewinfo__baz-image--3yLl6 .ManualRenewinfo__baz-image-light--xzOx7, .vkui--octavius--dark .ManualRenewinfo__baz-image--3yLl6 .ManualRenewinfo__baz-image-light--xzOx7 { display: none; } .vkui--cloud--dark .ManualRenewinfo__baz-image--3yLl6 .ManualRenewinfo__baz-image-dark--3h9RG, .vkui--octavius--dark .ManualRenewinfo__baz-image--3yLl6 .ManualRenewinfo__baz-image-dark--3h9RG { display: block; } .ManualRenewinfo__baz-title--1E-f3 { padding: 0px 32px; } .OverquotaFilesModal__card--iEfff { -webkit-font-smoothing: antialiased; overflow: scroll; scrollbar-width: none; } .OverquotaFilesModal__card--iEfff::-webkit-scrollbar { display: none; } .OverquotaFilesModal__button--1fZGG.ui.button { border-radius: 12px; flex-wrap: nowrap; font-size: var(--vkui--font_headline1--font_size--compact,15px); line-height: var(--vkui--font_headline1--line_height--compact,20px); margin-right: 16px; white-space: nowrap; width: auto; } .OverquotaFilesModal__button_mobile--3Ykxv.ui.button { height: 44px; margin-bottom: 12px; width: 100%; } .OverquotaFilesModal__title--4siCT { font-size: 24px; line-height: 28px; } .OverquotaFilesModal__title_mobile--1JlNL { font-size: 28px; line-height: 32px; } .OverquotaFilesModal__subheader--12aWr { font-size: var(--vkui--font_subtitle_medium--font_size,18px); font-weight: var(--vkui--font_headline--font_weight--regular,500); } .OverquotaFilesModal__itemName--TiX5w { align-items: center; display: flex; font-weight: 500; gap: 16px; } .OverquotaFilesModal__textEllipsis--1_noo { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; max-width: 350px; overflow: hidden; text-overflow: ellipsis; } .OverquotaFilesModal__items--13q6_ { display: flex; flex-direction: column; gap: 20px; max-height: 260px; overflow: scroll; scrollbar-color: transparent transparent; scrollbar-width: none; } .OverquotaFilesModal__items--13q6_::-webkit-scrollbar { background: transparent; width: 0px; } .OverquotaFilesModal__itemRow--248WJ { align-items: center; display: flex; font-size: var(--vkui--font_subhead--font_size--regular,14px); justify-content: space-between; } .OverquotaFilesModal__itemSize--2GN-E { color: var(--color-text-secondary,#8c8e94); } .OverquotaFilesModal__icon--1rzSo { --webkit-user-drag: none; height: 32px; width: 32px; } .OverquotaFilesModal__blue--1NqAk { background-color: var(--vkui--color_background_accent,#07f); } .OverquotaFilesModal__blue--1NqAk, .OverquotaFilesModal__pink--1pGQn { border-radius: 8px; } .OverquotaFilesModal__pink--1pGQn { background-color: var(--vkui--color_accent_pink,#ff3985); } .OverquotaFilesModal__line--3BclD { display: flex; gap: 4px; height: 8px; width: 100%; } .OverquotaFilesModal__line_left--3L8s0 { width: 100%; } .OverquotaFilesModal__line_left--3L8s0, .OverquotaFilesModal__line_right--1WvNh { transition: width 0.6s ease-out 0.5s; } .OverquotaFilesModal__line_right--1WvNh { width: 0px; } .OverquotaFilesModal__base--2R316 { transition: right 0.6s ease-out 0.5s; } .OverquotaFilesModal__base--2R316, .OverquotaFilesModal__total--2bxb3 { position: absolute; right: 0px; } .OverquotaFilesModal__total--2bxb3 { animation: 0.6s ease-out 0.5s 1 normal forwards running OverquotaFilesModal__fade-in--3PgyS; opacity: 0; } .OverquotaFilesModal__fading_text--2BvlT { white-space: nowrap; } .OverquotaFilesModal__subtitle_container--2fPwN { display: flex; font-size: var(--vkui--font_subhead--font_size--regular,14px); justify-content: space-between; min-height: 20px; position: relative; width: 100%; } .OverquotaFilesModal__subtitle--1cbpY { align-items: center; display: flex; gap: 8px; } .OverquotaFilesModal__point--1pGKo { border-radius: 8px; display: inline-block; height: 8px; width: 8px; } .OverquotaFilesModal__hidden_element--2GqGP { position: absolute; visibility: hidden; } @keyframes OverquotaFilesModal__fade-in--3PgyS { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } .UnlinkCardConfirmModal__list--37_I1 { padding-left: 25px; } .UnlinkCardConfirmModal__list--37_I1, .UnlinkCardConfirmModal__text--20SF- { -webkit-font-smoothing: antialiased; font-size: 18px; line-height: 24px; margin: 0px; } .UnlinkCardConfirmModal__negative--38SmN { color: var(--vkui--color_text_negative); } .UnlinkCardConfirmModal__cardUnlinkModal--2KB2J.ui.modal { width: 540px; } .UnlinkCardConfirmModal__cardUnlinkModal--2KB2J.ui.modal > .header { padding: 0px !important; } .OverquotaFolders__red--2JhIM { color: var(--vkui--color_text_negative); font-size: 14px; line-height: 20px; } .OverquotaFolders__separator--1TTK0 { align-self: center; background: var(--vkui--color_separator_primary_alpha,#00103d1f); border-radius: 4px; height: 20px; width: 1px; min-width: 1px !important; } .OverquotaFolders__overquotaFolders--3bKvR { flex-wrap: wrap; margin-left: -12px; width: 100%; } .OverquotaFolders__button--JL5lw { min-width: fit-content !important; } .OverquotaFolders__button--JL5lw .OverquotaFolders__text--3PFxa { font-size: var(--vkui--font_headline2--font_size--compact); } .OverquotaFolders__buttonWrapper--2cvCv { display: flex; gap: 0px; } .Overquotainfo__content--4Izcx span, .Overquotainfo__title--1Mas6 span { color: var(--vkui--color_text_negative); } .Overquotainfo__secondaryButton--1WZ1c.ui.button { padding: 8px; } .Overquotainfo__preOverquota--2qmGz.Overquotainfo__content--4Izcx { display: flex; gap: 8px; } .Overquotainfo__preOverquotaPrimaryButton--3uYyR.ui.button { background-color: var(--vkui--color_background_secondary_alpha); color: var(--vkui--color_text_primary); } .Overquotainfo__preOverquotaSecondaryButton--zMM-2.ui.button { background-color: initial; color: var(--vkui--color_text_accent); } .PersonalizationTopinfo__wrapper--3RW5v { margin: 4px 4px 0px; position: relative; } .PersonalizationTopinfo__wrapper--3RW5v [data-qa-id="information-alert-banner"] { background: rgb(235, 245, 255); border: 2px solid rgb(163, 215, 255); border-radius: 12px; height: 78px; margin: 0px; min-height: 78px; overflow: visible; padding: 16px 24px 16px 182px; } .PersonalizationTopinfo__darkRoot--15dID [data-qa-id="information-alert-banner"] { background: rgb(32, 31, 71); border-color: rgb(53, 48, 207); } .PersonalizationTopinfo__image--sjwem { height: 90px; left: -8px; object-fit: contain; pointer-events: none; position: absolute; top: 0px; width: 190px; z-index: 1; } .PersonalizationTopinfo__wrapper--3RW5v [data-qa-id="information-alert-banner"] > div:first-child { margin: 0px; } .PersonalizationTopinfo__primaryButton--33EbG { --vkui--color_text_contrast: var(--vkui--color_text_primary_invariably); --vkui--color_background_accent: #fff; --vkui--color_background_accent--hover: #fff; --vkui--color_background_accent--active: #fff; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; height: 36px; width: 150px; } .PersonalizationTopinfo__wrapper--3RW5v [data-qa-id="information-alert-banner"] > div:last-child > svg:last-child { color: var(--vkui--color_text_secondary); } @media (max-width: 1050px) { .PersonalizationTopinfo__image--sjwem { height: 70px; width: 150px; } .PersonalizationTopinfo__wrapper--3RW5v [data-qa-id="information-alert-banner"] { height: 60px; min-height: 60px; padding-left: 140px; } } .PreOverquotainfo__content--3ZL4y span { color: var(--vkui--color_text_negative); font-weight: 500; } .PreOverquotainfo__button_red--2gIck.ui.button { background-color: var(--vkui--color_background_negative) !important; } .PreOverquotainfo__button_red--2gIck.ui.button:active, .PreOverquotainfo__button_red--2gIck.ui.button:hover { background-color: var(--vkui--color_background_negative--hover); } .PreOverquotainfo__button_gray--3xt29.ui.button { background-color: var(--vkui--color_background_secondary) !important; color: var(--vkui--color_text_primary) !important; } .PreOverquotainfo__button_gray--3xt29.ui.button:hover { background-color: var(--vkui--color_background_secondary--hover); color: var(--vkui--color_text_primary); } .PreOverquotainfo__button_gray--3xt29.ui.button:active { background-color: var(--vkui--color_background_secondary--active); color: var(--vkui--color_text_primary); } .PreOverquotainfo__button_white--3rRew.ui.button { background-color: var(--vkui--color_background_content) !important; color: var(--vkui--color_text_primary) !important; } .PreOverquotainfo__button_white--3rRew.ui.button:hover { background-color: var(--vkui--color_background_secondary--hover); color: var(--vkui--color_text_primary); } .PreOverquotainfo__button_white--3rRew.ui.button:active { background-color: var(--vkui--color_background_secondary--active); color: var(--vkui--color_text_primary); } .PreOverquotainfo__button_accent-invariable--3tr7H.ui.button { background-color: initial !important; color: var(--vkui--color_text_accent) !important; } .PreOverquotainfo__button_accent-invariable--3tr7H.ui.button:hover { background-color: var(--vkui--color_transparent--hover); } .PreOverquotainfo__button_accent-invariable--3tr7H.ui.button:active { background-color: var(--vkui--color_transparent--active); } .VigboRenewRemindinfo__titleDate--1LdH5 { color: var(--vkui--color_text_accent); } .Informer__root--21G30 { align-items: flex-start; border-radius: 12px; color: var(--vkui--color_text_primary); display: flex; flex-direction: row; font-size: 15px; gap: 12px; justify-content: space-between; line-height: 20px; padding: 16px; } .Informer__root_centered--15nze { align-items: center; } .Informer__root_color_red--5yIz2 { background-color: var(--vkui--color_background_negative_tint_alpha); } .Informer__root_color_blue--sCVgY { background-color: var(--vkui--color_background_accent_tint_alpha); } .Informer__root_color_blue--sCVgY .ui.button { background-color: var(--vkui--color_background_content); } .Informer__root_color_yellow--3bW8x { background-color: var(--vkui--color_background_warning_tint_alpha); } .Informer__root_color_grey--1tc1y { background-color: var(--vkui--color_background_secondary); } .Informer__icon--14LBc { margin-top: 2px; } .Informer__rightBlock--35Gad { align-self: center; display: flex; flex-direction: row; } .Informer__close--3n_4G { cursor: pointer; height: 20px; opacity: 0.48; padding: 10px 2px 10px 10px; } .Informer__close--3n_4G svg { fill: var(--vkui--color_icon_primary); } .Informer__text--2MIv6 { display: flex; flex-direction: column; flex-grow: 1; } .Informer__title--2Csvy { font-size: 17px; line-height: 24px; } .Informer__buttonText--2QlMF, .Informer__title--2Csvy { font-family: var(--font-tt-norms); font-weight: 500; } .Informer__buttonText--2QlMF { font-size: 13px; line-height: 20px; } .Informer__root_color_base--3fLJ4 { border: 1px solid var(--vkui--color_stroke_accent); gap: 8px; padding: 16px; } .Informer__root_color_base--3fLJ4 .Informer__icon--14LBc { margin-top: 0px; } .B2BOverquotaWarningInformer__root--5gFhc { margin-bottom: 20px; } .B2BOverquotaWarningInformer__title--hsrow { font-size: 17px; line-height: 22px; } .B2BOverquotaWarningInformer__message--283YN { font-family: Arial, Helvetica, sans-serif; margin-top: 2px; } .B2BOverquotaWarningInformer__button--2GReu { width: 242px; } .B2BOverquotaWarningInformer__root--5gFhc .B2BOverquotaWarningInformer__button--2GReu.ui.button { font-weight: 500; } .FreemiumEndedinfo__wrapper--j1b3i { --vkui--color_icon_secondary: #ff5c5c; --info-banner-border-color: #dadce0; } body.vkui--cloud--dark .FreemiumEndedinfo__wrapper--j1b3i { --info-banner-border-color: var(--vkui--color_stroke_field_border_alpha); } .FreemiumEndedinfo__content--14oqU { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); } .FreemiumEndinginfo__wrapper--2xyri { --vkui--color_icon_secondary: #ff5c5c; --info-banner-border-color: #dadce0; } body.vkui--cloud--dark .FreemiumEndinginfo__wrapper--2xyri { --info-banner-border-color: var(--vkui--color_stroke_field_border_alpha); } .FreemiumEndinginfo__content--6gOqW { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); } .FreemiumEndedModal__imageWrapper--3UUc_ { margin-bottom: 12px; } .FreemiumEndedModal__imageTitleSmall--1XN9d { color: var(--vkui--color_text_primary); font-size: 34px; font-weight: 600; } .FreemiumEndedModal__imageText--2Umot { display: flex; flex-direction: column; gap: 4px; left: 114px; position: absolute; top: 120px; z-index: 1; } .FreemiumEndedModal__imageTitle--1boAO { color: var(--vkui--color_text_primary); font-size: 60px; font-weight: 400; line-height: 1; } .FreemiumEndedModal__imageSubtitle--YgNXj { color: var(--vkui--color_text_negative); font-size: 14px; font-weight: 400; line-height: 1.2; margin-bottom: 24px; } .FreemiumEndedModal__items--2SI_I { display: flex; flex-direction: column; gap: 12px; } .FreemiumEndedModal__text--wPxdu { font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); margin-bottom: 24px; } .FreemiumEndedModal__modalTitle--2yPsY { margin-bottom: 12px; } .FreemiumEndedModal__primaryButton--3kuBD.ui.button { border-radius: 12px; } .FreemiumEndingModal__imageWrapper--1WrhK { margin-bottom: 12px; } .FreemiumEndingModal__imageTitleSmall--1kc3_ { color: var(--vkui--color_text_primary); font-size: 34px; font-weight: 600; } .FreemiumEndingModal__imageText--1-JqT { display: flex; flex-direction: column; gap: 4px; left: 114px; position: absolute; top: 120px; z-index: 1; } .FreemiumEndingModal__imageTitle--2oTsI { color: var(--vkui--color_text_primary); font-size: 60px; font-weight: 400; line-height: 1; } .FreemiumEndingModal__imageSubtitle--2v2l2 { color: var(--vkui--color_text_tertiary); font-size: 14px; font-weight: 400; line-height: 1.2; margin-bottom: 24px; } .FreemiumEndingModal__items--ktgQD { display: flex; flex-direction: column; gap: 12px; } .FreemiumEndingModal__text--2C3XB { font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); margin-bottom: 24px; } .FreemiumEndingModal__modalTitle--1T15A { margin-bottom: 12px; } .FreemiumEndingModal__primaryButton--xdwbq.ui.button { border-radius: 12px; } .AutoDeleteFolderInformer__root--15aKR { margin: 4px 4px 0px; } .AutoDeleteFolderInformer__date--kMe8H { white-space: nowrap; } .HasExpiredSubscriptionInformer__root--DpWw7 { margin: 4px 4px 0px; } .HasExpiredSubscriptionInformer__button--1t3cj.ui.button { border-radius: 8px; height: 36px; padding: 8px 20px; width: 183px; } .HasSubscriptionInformer__root--20qum { margin: 4px 4px 0px; } .HasSubscriptionInformer__button--2_Nlh.ui.button { border-radius: 8px; height: 36px; padding: 8px 20px; white-space: nowrap; width: 183px; } .HasSubscriptionInformer__text--2yTP1 { font-family: var(--vkui--font_family_accent); font-size: 14px; line-height: 18px; } .MainPageDisableWrapper__wrapper--wim8f { position: relative; } .MainPageDisableWrapper__background--3Tj6Z, .MainPageDisableWrapper__wrapper--wim8f { height: 100%; width: 100%; } .MainPageDisableWrapper__background--3Tj6Z { align-items: center; background-color: rgba(255, 255, 255, 0.72); display: flex; justify-content: center; left: 0px; position: absolute; top: 0px; z-index: 10; } .MainPageDisableWrapper__darkBackground--2t1Ab { background-color: rgba(25, 25, 25, 0.72); } .MainPageDisableWrapper__content--kgx_q { background-color: var(--vkui--color_background_modal); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.16) 0px 24px 120px 0px; padding: 32px; } .BlockedB2BOverquota__root--1GElW { bottom: 50%; gap: 24px; max-width: 100vw; position: fixed; right: 50%; transform: translate(50%, 50%); width: 340px; } .BlockedB2BOverquota__root--1GElW, .BlockedB2BOverquota__text--3MQh0 { align-items: center; display: flex; flex-direction: column; } .BlockedB2BOverquota__text--3MQh0 { gap: 12px; } .BlockedB2BOverquota__description--12lWJ, .BlockedB2BOverquota__title--1wBtd { text-align: center; } .BlockedB2BOverquota__icon--2Flqu { color: var(--vkui--color_icon_primary); flex-shrink: 0; } .BlockedB2BOverquota__button--W5hKu { font-weight: 500; width: 242px; } .CloudFilesMigrationPromo__root--13jXT { align-items: center; background-color: var(--vkui--color_background); border: 1px solid var(--vkui--color_image_border_alpha); border-radius: var(--vkui--x3); box-sizing: border-box; cursor: pointer; gap: 10px; padding: var(--vkui--x3); width: calc(var(--left-block-width) - 12px); } .CloudFilesMigrationPromo__logo--2L1qr, .CloudFilesMigrationPromo__root--13jXT { display: flex; } .CloudFilesMigrationPromo__logo--2L1qr img { height: 36px; width: 36px; } .CloudFilesMigrationPromo__text--1jAAb { display: flex; flex-direction: column; } .CloudFilesMigrationPromo__title--2b1ES { color: var(--vkui-color_text_primary); font-size: var(--vkui--font_title4--font_size--regular); font-weight: var(--vkui--font_title4--font_weight--regular); line-height: var(--vkui--font_title4--line_height--regular); } .CloudFilesMigrationPromo__footnote--3sB1J { color: var(--vkui--color_text_secondary); } .AsidePromoModal__root--2qgpn { -webkit-font-smoothing: antialiased; background-color: var(--vkui--cloud_color_background_content_alternative); border-radius: 20px; box-shadow: rgba(0, 10, 35, 0.08) 0px 72px 80px, rgba(0, 10, 35, 0.02) 0px 22px 24px, rgba(0, 10, 35, 0.03) 0px 8px 12px, rgba(0, 10, 35, 0.1) 0px 0px 48px; overflow: hidden; width: 320px; z-index: 1205; } .AsidePromoModal__root_alwaysDark--1kJjc { background-color: rgb(34, 34, 34); } .AsidePromoModal__root_alwaysDark--1kJjc .AsidePromoModal__text--2AOF2, .AsidePromoModal__root_alwaysDark--1kJjc .AsidePromoModal__title--_9tps { color: rgb(231, 232, 234); } .AsidePromoModal__root_cyberMonday2025--1Lyc7 { background-color: rgb(51, 51, 51); } .AsidePromoModal__root_cyberMonday2025--1Lyc7 .AsidePromoModal__close--3pDTS { backdrop-filter: blur(6px); background: rgba(255, 255, 255, 0.2); } .AsidePromoModal__root_cyberMonday2025--1Lyc7 .AsidePromoModal__close--3pDTS svg { color: var(--vkui--color_icon_secondary); } .AsidePromoModal__root_fixed--8A2-q { bottom: 16px; left: 16px; position: fixed; } .AsidePromoModal__root_mobile--jk2Hk { background-color: var(--vkui--color_background); border-radius: 20px 20px 0px 0px; overflow: hidden; } .AsidePromoModal__root_dark--3rs0v { background-color: rgb(43, 43, 43); z-index: 1206; } .AsidePromoModal__root_dark--3rs0v .AsidePromoModal__text--2AOF2, .AsidePromoModal__root_dark--3rs0v .AsidePromoModal__title--_9tps { color: var(--color_text_muted--dark); } .AsidePromoModal__root_modalDark--1b7ef { background-color: rgb(25, 25, 25); } .AsidePromoModal__root_modalDark--1b7ef .AsidePromoModal__text--2AOF2, .AsidePromoModal__root_modalDark--1b7ef .AsidePromoModal__title--_9tps { color: var(--color_text_muted--dark); } .AsidePromoModal__root_modalDark--1b7ef .AsidePromoModal__close--3pDTS { background-color: rgba(255, 255, 255, 0.06); color: var(--vkui--color_icon_secondary); } .AsidePromoModal__root_modalDark--1b7ef .AsidePromoModal__close--3pDTS:hover { background-color: rgba(255, 255, 255, 0.1); color: rgb(158, 161, 169); opacity: 1; } .AsidePromoModal__root_modalDark--1b7ef .AsidePromoModal__close--3pDTS:active { background-color: rgba(255, 255, 255, 0.14); color: rgb(152, 155, 164); opacity: 1; } .AsidePromoModal__root_showAboveViewer--I-7VB { z-index: 1206; } .AsidePromoModal__content--4_FVI { padding: 24px; position: relative; text-align: left; } .AsidePromoModal__content_mobile--27-up { display: flex; flex-direction: column; padding: 24px 24px 16px; } .AsidePromoModal__imageWrapper--3nVUu { position: relative; width: 100%; } .AsidePromoModal__imageWrapper--3nVUu .AsidePromoModal__imageText--vZoI- { bottom: 2px; color: rgba(255, 255, 255, 0.6); font-size: 7.8px; font-style: normal; font-weight: 400; left: 0px; line-height: 11.388px; position: absolute; right: 0px; text-align: center; } .AsidePromoModal__image--3ffJ0 { display: block; width: 100%; } .AsidePromoModal__title--_9tps { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_title1--font_family--compact); font-size: var(--vkui--font_title1--font_size--compact); font-weight: var(--vkui--font_title1--font_weight--compact); line-height: var(--vkui--font_title1--line_height--compact); white-space: pre-line; } .AsidePromoModal__title--_9tps span { color: var(--vkui--color_text_accent); } .AsidePromoModal__text--2AOF2 { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); white-space: pre-line; } .AsidePromoModal__note--1c2uC, .AsidePromoModal__text--2AOF2 { font-family: var(--vkui--font_family_accent); } .AsidePromoModal__note--1c2uC { color: var(--vkui--color_text_secondary); letter-spacing: 0.11px; } .AsidePromoModal__text_mobile--34KLo { font-size: 16px; line-height: 24px; } .AsidePromoModal__text_compact--2w1A5 { font-size: var(--vkui--font_text--font_size--compact); line-height: var(--vkui--font_text--line_height--compact); } .AsidePromoModal__button--3YhVK.ui.button { -webkit-font-smoothing: antialiased; border-radius: 8px; display: inline-flex; font-size: var(--vkui--font_text--font_size--compact); line-height: var(--vkui--font_text--line_height--compact); padding-left: 16px; padding-right: 16px; width: auto; } .AsidePromoModal__button_mobile--2THIY.ui.button { border-radius: 12px; } .AsidePromoModal__button_blackFriday2024--2Kgvi.ui.button { background-color: var(--color-background-black-friday-2024) !important; } .AsidePromoModal__close--3pDTS { align-items: center; background-color: var(--vkui--color_background); border-radius: 50%; color: var(--vkui--color_icon_primary); cursor: pointer; display: flex; height: 32px; justify-content: center; opacity: 0.48; position: absolute; right: 8px; top: 8px; width: 32px; } .AsidePromoModal__close--3pDTS:hover { color: var(--vkui--color_icon_primary--hover); opacity: 0.68; } .AsidePromoModal__close--3pDTS:active { color: var(--vkui--color_icon_primary--active); opacity: 0.68; } .AsidePromoModal__darkClose--frZrI { background: var(--color-eerie-black); } .AsidePromoModal__darkClose--frZrI, .AsidePromoModal__darkClose--frZrI:hover { color: var(--vkui--color_text_contrast); } .AsidePromoModal__darkClose--frZrI:hover { opacity: 0.68; } .AsidePromoModal__title_mobile--6MdUA { line-height: 32px; } .AsidePromoModal__qrWrapper--261SZ { align-items: center; display: flex; justify-content: center; padding: 32px 0px 2px; width: 320px; } .AsidePromoModal__qrWrapper--261SZ > canvas { border-radius: 6px; } .AsidePromoModal__root_dark--3rs0v .AsidePromoModal__qrWrapper--261SZ { background-color: var(--vkui--color_background_contrast_inverse); } .AsidePromoModal__buttonWrapper--8Fu8p { display: flex; gap: 8px; } .AsidePromoModal__button_smallerText--2xCwU.ui.button { font-size: var(--vkui--font_headline--font_size--compact); font-weight: var(--vkui--font_headline--font_weight--regular); line-height: var(--vkui--font_headline--line_height--compact); padding: 8px 12px; } .EditorRestrictionModal__link--34gyC { cursor: pointer; } .EditorRestrictionModal__balloonRoot--2COOZ { overflow: visible !important; } .EditorRestrictionModal__balloonImageWrapper--69Id8 { height: 159px; overflow: visible; } .EditorRestrictionModal__balloonImage--1POpD { height: 100%; object-fit: cover; object-position: 50% 100%; overflow: visible; width: 100%; } .EditorRestrictionModal__modalImage--K_ifx { display: block; margin-left: -16px; margin-top: -70px; width: 100vw; } .EditorRestrictionModal__modalTitleMobile--1lLn3 { font-size: 30px; font-weight: 500; line-height: 36px; } .EditorRestrictionModal__modalTextMobile--2d99d, .EditorRestrictionModal__modalTitleMobile--1lLn3 { font-style: normal; white-space: pre-line; } .EditorRestrictionModal__modalTextMobile--2d99d { font-size: 17px; font-weight: 400; letter-spacing: -0.43px; line-height: 22px; } .EditorRestrictionPaywallButton__container--1GITq { font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_headline2--font_weight--regular); line-height: var(--vkui--font_headline2--line_height--compact); position: fixed; z-index: 21; } .EditorRestrictionPaywallButton__containerDocuments--3zyRv { bottom: 90px; left: 17px; } @media (max-height: 700px), (max-width: 900px) { .EditorRestrictionPaywallButton__containerDocuments--3zyRv { display: none; } } .EditorRestrictionPaywallButton__containerDocuments--3zyRv button { border-radius: 12px; height: 44px; width: 256px; } .EditorRestrictionPaywallButton__containerDocuments--3zyRv.EditorRestrictionPaywallButton__dark--3Cuou button { background: rgb(28, 68, 121); color: var(--cloud--color_blue_accent_themed); } .EditorRestrictionPaywallButton__containerDocuments--3zyRv.EditorRestrictionPaywallButton__dark--3Cuou button:hover { background: rgb(37, 75, 126); } .EditorRestrictionPaywallButton__containerDocuments--3zyRv.EditorRestrictionPaywallButton__dark--3Cuou button:active { background: rgb(46, 83, 132); } .EditorRestrictionPaywallButton__containerDocumentsLeftNav--2xzbW { left: calc(44px + var(--leftnav-width)); } .EditorRestrictionPaywallButton__containerAttach--N8r4h, .EditorRestrictionPaywallButton__containerEditor--3ne3d { animation: 0.2s ease-out 0.2s 1 normal both running EditorRestrictionPaywallButton__editor-paywall-button-fade-in--14UE3; bottom: 40px; left: 16px; } .EditorRestrictionPaywallButton__containerAttach--N8r4h button, .EditorRestrictionPaywallButton__containerEditor--3ne3d button { border-radius: 100px; height: 42px; } @media (max-height: 700px), (max-width: 900px) { .EditorRestrictionPaywallButton__containerAttach--N8r4h, .EditorRestrictionPaywallButton__containerEditor--3ne3d { bottom: 16px; right: 16px; } .EditorRestrictionPaywallButton__containerAttach--N8r4h button, .EditorRestrictionPaywallButton__containerEditor--3ne3d button { border-radius: 12px; width: 100%; } } @media (min-width: 900px) { .EditorRestrictionPaywallButton__containerAttach--N8r4h.EditorRestrictionPaywallButton__dark--3Cuou button, .EditorRestrictionPaywallButton__containerEditor--3ne3d.EditorRestrictionPaywallButton__dark--3Cuou button { background: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .EditorRestrictionPaywallButton__containerAttach--N8r4h.EditorRestrictionPaywallButton__dark--3Cuou button:hover, .EditorRestrictionPaywallButton__containerEditor--3ne3d.EditorRestrictionPaywallButton__dark--3Cuou button:hover { background: var(--vkui--color_background_accent--hover); } .EditorRestrictionPaywallButton__containerAttach--N8r4h.EditorRestrictionPaywallButton__dark--3Cuou button:active, .EditorRestrictionPaywallButton__containerEditor--3ne3d.EditorRestrictionPaywallButton__dark--3Cuou button:active { background: var(--vkui--color_background_accent--active); } } .EditorRestrictionPaywallButton__imageWrapper--zp_IV { left: -17px; position: absolute; top: -26px; } .EditorRestrictionPaywallButton__imageWrapper--zp_IV img { height: 76px; width: 93px; } @keyframes EditorRestrictionPaywallButton__editor-paywall-button-fade-in--14UE3 { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0px); } } .FamilyAddButton__button--22nVL { --vkui--color_background_accent_themed: var(--vkui--color_background_sky); --vkui--color_background_accent_themed--hover: var(--vkui--color_background_sky--hover); --vkui--color_background_accent_themed--active: var(--vkui--color_background_sky--active); --vkui--color_text_contrast_themed: var(--vkui--color_text_primary); height: 44px; margin-bottom: 8px; margin-top: 8px; position: relative; width: 256px; } .FamilyAddButton__avatars--2L29H { align-items: center; display: flex; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); } .FamilyAddButton__avatarImage--10toy { display: inline-block; overflow: hidden; } .FamilyAddButton__addAvatar--3fweZ, .FamilyAddButton__avatarImage--10toy { border: 1px solid var(--vkui--color_text_contrast); border-radius: 50%; } .FamilyAddButton__addAvatar--3fweZ { align-items: center; background-color: var(--vkui--color_text_contrast); color: rgb(0, 119, 255); display: flex; height: 25px; justify-content: center; margin-left: -8px; width: 25px; z-index: 2; } .FreemiumRenewalPromoModal__root--1owtn { --vkui--color_background_modal: var(--vkui--color_background_contrast_themed); color: var(--vkui--color_text_primary); font-family: Arial, sans-serif; font-size: 15px; line-height: 20px; text-align: left; } .FreemiumRenewalPromoModal__desktop--1g2VU.FreemiumRenewalPromoModal__desktop--1g2VU.ui.modal { border-radius: 20px; max-width: calc(-40px + 100vw); overflow: visible; width: 640px; } .FreemiumRenewalPromoModal__desktop--1g2VU.FreemiumRenewalPromoModal__desktop--1g2VU.ui.modal > .content { padding: 24px 32px 32px !important; } .FreemiumRenewalPromoModal__desktop--1g2VU.FreemiumRenewalPromoModal__desktop--1g2VU.ui.modal > .content { border-radius: inherit; } .FreemiumRenewalPromoModal__desktop--1g2VU.FreemiumRenewalPromoModal__desktop--1g2VU.ui.modal .FreemiumRenewalPromoModal__primaryButton--6AhlE.ui.button { width: auto; } .FreemiumRenewalPromoModal__benefitsTitle--7Wl4B, .FreemiumRenewalPromoModal__question--3-tMp, .FreemiumRenewalPromoModal__title--37U_7 { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-weight: 500; letter-spacing: 0px; margin: 0px; } .FreemiumRenewalPromoModal__title--37U_7 { font-size: 24px; line-height: 28px; } .FreemiumRenewalPromoModal__description--3R2al { margin: 16px 0px; } .FreemiumRenewalPromoModal__bankCard--2ZuLD { align-items: center; border-radius: 10px; display: flex; gap: 7px; isolation: isolate; padding: 8px; position: relative; } .FreemiumRenewalPromoModal__bankCard--2ZuLD::before { background-color: var(--vkui--color_accent_green); border-radius: inherit; inset: 0px; content: ""; opacity: 0.08; position: absolute; z-index: -1; } .FreemiumRenewalPromoModal__bankCardIcon--1Cn2F { color: var(--vkui--color_accent_green); flex-shrink: 0; } .FreemiumRenewalPromoModal__benefitsTitle--7Wl4B { font-size: 17px; line-height: 22px; margin: 24px 0px 16px; } .FreemiumRenewalPromoModal__benefits--3T0Qq { display: grid; gap: 12px 6px; grid-auto-flow: column; grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-template-rows: repeat(3, auto); list-style: none; margin: 0px; padding: 0px; } .FreemiumRenewalPromoModal__benefit--YQniS { align-items: center; display: flex; gap: 8px; min-width: 0px; } .FreemiumRenewalPromoModal__benefitImage--2vh4g { flex-shrink: 0; height: 44px; width: 44px; } .FreemiumRenewalPromoModal__detailsLink--231xo { background: none; border: 0px; color: var(--vkui--color_text_link); cursor: pointer; font: inherit; padding: 0px; } .FreemiumRenewalPromoModal__detailsLink--231xo:hover { text-decoration: underline; } .FreemiumRenewalPromoModal__badge--ixFC6 { -webkit-font-smoothing: antialiased; align-items: center; background-color: var(--vkui--color_accent_green); border: 2px solid var(--vkui--color_background_contrast); border-radius: 999px; box-sizing: border-box; color: var(--vkui--color_text_contrast); display: flex; font-family: var(--font_family--vk_sans_display); font-size: 17px; font-weight: 500; height: 40px; left: -12px; line-height: 24px; padding: 0px 16px; position: absolute; top: -30px; transform: rotate(-3.68deg); } .FreemiumRenewalPromoModal__disconnectedBadge--3cnYZ { background-color: var(--vkui--color_accent_pink); } .FreemiumRenewalPromoModal__offerBenefitImage--192CR { background-color: var(--vkui--color_background_accent_tint_themed_alpha); border-radius: 12px; } .FreemiumRenewalPromoModal__close--1bWw- { align-items: center; background: transparent; border: 0px; border-radius: 8px; color: var(--vkui--color_icon_secondary); cursor: pointer; display: flex; height: 36px; justify-content: center; padding: 0px; position: absolute; right: 4px; top: 4px; width: 36px; z-index: 1; } .FreemiumRenewalPromoModal__close--1bWw-:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .FreemiumRenewalPromoModal__footer--2Okui { margin-top: 24px; } .FreemiumRenewalPromoModal__primaryButton--6AhlE.ui.button { border-radius: 8px; font-size: 15px; font-weight: 500; height: 36px; line-height: 20px; margin: 0px; padding: 0px 16px; } .FreemiumRenewalPromoModal__detailsSection---QJhE { margin-top: 24px; } .FreemiumRenewalPromoModal__title--37U_7 + .FreemiumRenewalPromoModal__detailsSection---QJhE { margin-top: 16px; } .FreemiumRenewalPromoModal__question--3-tMp { font-size: 18px; line-height: 24px; } .FreemiumRenewalPromoModal__answer--2p-W8 { margin: 8px 0px 0px; } .FreemiumRenewalPromoModal__detailsButton--inbya.ui.button { background-color: var(--vkui--color_background_secondary_alpha); color: var(--vkui--color_text_primary); } .FreemiumRenewalPromoModal__detailsButton--inbya.ui.button:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .FreemiumRenewalPromoModal__detailsButton--inbya.ui.button:active, .FreemiumRenewalPromoModal__detailsButton--inbya.ui.button:focus { background-color: var(--vkui--color_background_secondary_alpha--active); } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq { background-color: var(--vkui--color_background_modal); border-radius: 24px 24px 0px 0px; font-family: var(--font-inter),Arial,sans-serif; max-height: calc(100vh - 40px - env(safe-area-inset-top, 0px)); min-height: 0px; padding: 24px 24px 0px; } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq .FreemiumRenewalPromoModal__title--37U_7 { font-size: 28px; line-height: 34px; } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq .FreemiumRenewalPromoModal__description--3R2al { font-size: 16px; line-height: 20px; margin-top: 12px; } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq .FreemiumRenewalPromoModal__benefitsTitle--7Wl4B { font-size: 20px; line-height: 26px; margin: 20px 0px 12px; } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq .FreemiumRenewalPromoModal__benefit--YQniS { font-family: var(--font_family--vk_sans_display); font-size: 15px; font-weight: 500; gap: 12px; line-height: 20px; } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq .FreemiumRenewalPromoModal__badge--ixFC6 { left: 10px; top: -28px; transform: rotate(-2.18deg); } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq .FreemiumRenewalPromoModal__close--1bWw- { right: 6px; top: 6px; } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq .FreemiumRenewalPromoModal__footer--2Okui { flex-shrink: 0; margin-top: 20px; padding: 12px 0 calc(8px + env(safe-area-inset-bottom, 0px)); width: 100%; } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq .FreemiumRenewalPromoModal__primaryButton--6AhlE.ui.button { border-radius: 16px; font-size: 16px; height: 56px; line-height: 24px; } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq .FreemiumRenewalPromoModal__question--3-tMp { font-size: 20px; line-height: 26px; } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq .FreemiumRenewalPromoModal__answer--2p-W8 { font-size: 16px; line-height: 20px; } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq .FreemiumRenewalPromoModal__title--37U_7 + .FreemiumRenewalPromoModal__detailsSection---QJhE { margin-top: 24px; } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__details---imb0 .FreemiumRenewalPromoModal__title--37U_7 { font-size: 20px; line-height: 26px; padding-right: 8px; } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__details---imb0 .FreemiumRenewalPromoModal__primaryButton--6AhlE.ui.button { border-radius: 12px; font-size: 17px; } .FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__mobile--32Bzq.FreemiumRenewalPromoModal__details---imb0 .FreemiumRenewalPromoModal__footer--2Okui { padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); } .FreemiumRenewalPromoModal__scrollArea--1Bmek { flex: 1 1 auto; min-height: 0px; overflow-y: auto; width: 100%; } .FreemiumRenewalPromoModal__benefitsMobile--1Rkud { display: flex; flex-direction: column; gap: 12px; } .FreemiumRenewalPromoModal__paymentCaption--M-l5N { color: var(--vkui--color_text_subhead); font-size: 16px; line-height: 20px; margin-top: 8px; text-align: center; } .vkui--cloud--dark .FreemiumRenewalPromoModal__bankCard--2ZuLD::before { opacity: 0.1; } .FreemiumOnboardinfo__root--3S3h5 { -webkit-font-smoothing: antialiased; align-content: end; background: linear-gradient(rgb(24, 86, 255), rgb(109, 187, 255)); border-radius: 20px; inset: auto auto 16px 16px; height: 62px; overflow: hidden; position: fixed; width: 256px; z-index: 1000; } .FreemiumOnboardinfo__rootBigger--1FcnE { height: 178px; } .FreemiumOnboardinfo__rootBiggerWithText--2dooU { height: 213px; } .FreemiumOnboardinfo__iconWrapper--1GIkY { background-color: var(--vkui--color_background_contrast_secondary_alpha); border-radius: 20px; inset: 10px 10px auto auto; color: var(--vkui--color_stroke_contrast); padding: 2px; position: absolute; } .FreemiumOnboardinfo__iconWrapper--1GIkY:hover { cursor: pointer; } .FreemiumOnboardinfo__iconWrapperRotate--3xU38 { transform: rotate(180deg); } .FreemiumOnboardinfo__smallState--1o8rt { height: auto; max-height: 36px; padding: 13px 34px 13px 52px; width: auto; } .FreemiumOnboardinfo__smallState--1o8rt .FreemiumOnboardinfo__image--IwcfL { inset: auto auto 0px 0px; height: 62px; position: absolute; width: 51px; } .FreemiumOnboardinfo__smallState--1o8rt .FreemiumOnboardinfo__title--20Riq { color: var(--vkui--color_text_contrast); font-size: var(--vkui--font_headline1--font_size--compact); line-height: 18px; } .FreemiumOnboardinfo__bigState--14DVg { align-items: center; display: flex; flex-direction: column; gap: 20px; height: auto; padding: 8px 15px 18px 14px; text-align: center; width: auto; } .FreemiumOnboardinfo__bigState--14DVg .FreemiumOnboardinfo__imageLeft--3SiAx { height: 84px; left: 0px; right: auto; width: 92px; } .FreemiumOnboardinfo__bigState--14DVg .FreemiumOnboardinfo__imageLeft--3SiAx, .FreemiumOnboardinfo__bigState--14DVg .FreemiumOnboardinfo__imageRight--2uxWL { bottom: 0px; position: absolute; top: auto; z-index: 1; } .FreemiumOnboardinfo__bigState--14DVg .FreemiumOnboardinfo__imageRight--2uxWL { height: 76px; left: auto; right: 0px; width: 101px; } .FreemiumOnboardinfo__bigState--14DVg .FreemiumOnboardinfo__bottomBlock--3IY2U { align-items: center; display: flex; flex-direction: column; z-index: 10; } .FreemiumOnboardinfo__bigState--14DVg .FreemiumOnboardinfo__image--IwcfL { height: 28px; width: 140px; } .FreemiumOnboardinfo__bigState--14DVg .FreemiumOnboardinfo__imageSmaller--3pJAY { height: 28px; width: 84px; } .FreemiumOnboardinfo__bigState--14DVg .FreemiumOnboardinfo__text--1mmGb { font-size: 13px; line-height: 18px; } .FreemiumOnboardinfo__bigState--14DVg .FreemiumOnboardinfo__text--1mmGb, .FreemiumOnboardinfo__bigState--14DVg .FreemiumOnboardinfo__title--20Riq { color: var(--vkui--color_text_contrast); } .FreemiumOnboardinfo__bigState--14DVg .FreemiumOnboardinfo__title--20Riq { font-size: var(--vkui--font_display_title2--font_size--compact); line-height: 24px; } .FreemiumOnboardinfo__bigState--14DVg .FreemiumOnboardinfo__button--2DirD { --vkui--size_button_base_medium_padding_horizontal--regular: 8px; --vkui--font_family_base: var(--font-tt-norms),"VKSansDisplay","Helvetica","Arial","sans-serif"; --vkui--color_background_secondary: var(--vkui--color_background_contrast); --vkui--color_text_primary: var(--vkui--color_text_primary_invariably); width: fit-content; } .FreemiumOnboardinfo__bigState--14DVg .FreemiumOnboardinfo__button--2DirD:hover { --vkui--color_background_secondary--hover: var(--vkui--color_background_contrast--hover); } .FreemiumOnboardinfo__isNotVisible--2HDDq { display: none; } .FreemiumOnboardinfo__hardTag--3f5x_, .FreemiumOnboardinfo__softTag--25Nhm { inset: -24px auto auto -5px; } .FreemiumOnboardinfo__hardTag--3f5x_ { height: 46px; width: 126px; } .ManualRenewInformer__confirmation-dialog--5nz5T.ui.small.modal { width: 530px; } .ManualRenewInformer__confirmation-dialog-content--2NYBB { min-height: 60px; } .ManualRenewInformer__confirmation-dialog--5nz5T.ui.modal .ui.button[data-name="cancel"] { color: var(--vkui--color_text_primary); } .ManualRenewInformer__confirmation-dialog--5nz5T.ui.modal .ui.button[data-name="cancel"]:hover { background-color: var(--vkui--color_background_secondary--hover); color: var(--vkui--color_text_primary); } .ManualRenewInformer__confirmation-dialog--5nz5T.ui.modal .ui.button[data-name="cancel"]:active, .ManualRenewInformer__confirmation-dialog--5nz5T.ui.modal .ui.button[data-name="cancel"]:focus { background-color: var(--vkui--color_background_secondary--active); color: var(--vkui--color_text_primary); } .ManualRenewInformer__root--2z07M { background-color: var(--vkui--color_background_accent_tint_alpha); border-radius: 12px 12px 16px 16px; display: flex; flex-direction: column; font-family: var(--vkui--font_family_base); margin-bottom: 8px; min-width: 256px; } body.vkui--cloud--dark .ManualRenewInformer__root--2z07M, body.vkui--octavius--dark .ManualRenewInformer__root--2z07M { background-color: var(--vkui--color_background_secondary); } .ManualRenewInformer__content--6H4iR { align-items: flex-start; display: flex; gap: 4px; padding: 8px 14px 12px 12px; } .ManualRenewInformer__icon--33bih { color: var(--vkui--color_icon_accent); flex-shrink: 0; margin-top: -1px; } .ManualRenewInformer__text-block--1slbe { display: flex; flex-direction: column; gap: 8px; min-width: 0px; } .ManualRenewInformer__text--2prFZ { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: 15px; line-height: 20px; } .ManualRenewInformer__link--1K0jP, .ManualRenewInformer__text--2prFZ { font-weight: 500; letter-spacing: 0px; } .ManualRenewInformer__link--1K0jP { align-self: flex-start; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--vkui--color_text_accent); cursor: pointer; font-family: inherit; font-size: 14px; line-height: 18px; padding: 0px; } .NeuroPromoObject__content--N9GUU { -webkit-font-smoothing: antialiased; font-size: 18px; line-height: 24px; padding-top: 282px; } @media only screen and (max-width: 767px) { .NeuroPromoObject__content--N9GUU { padding-bottom: 14px !important; } } .NeuroPromoObject__closeIcon--1Ujho { color: var(--vkui--color_icon_primary); } .NeuroPromoObject__closeIconWrapper--1guTZ { background-color: var(--vkui--color_background_secondary_alpha); height: 40px !important; width: 40px !important; } .NeuroPromoObject__image--334hu { background: var(--vkui--color_background_accent_tint_alpha--active); flex-shrink: 0; height: 260px; min-width: 100%; } .NeuroPromoObject__imageWrapper--2qjje { height: 260px !important; } .NeuroPromoObject__promo--1XlBy { align-items: flex-start; backdrop-filter: blur(12px); background: linear-gradient(112deg,#00d1ff 5.77%,rgba(6,206,250,0) 42.54%),var(--vkui--color_background_accent); border-radius: 20px; bottom: 16px; box-sizing: border-box; color: var(--vkui--color_text_contrast); cursor: pointer; display: flex; height: 62px; position: fixed; transition: height 0.2s ease-in-out; width: 257px; will-change: transform; z-index: 1000; } .NeuroPromoObject__promo--1XlBy::before { background: linear-gradient(91.78deg,#00d1ff 9.23%,var(--vkui--color_background_accent) 43.27%); border-radius: inherit; inset: 0px; content: ""; mask: conic-gradient(rgb(0, 0, 0) 0deg, rgb(0, 0, 0) 0deg) content-box exclude, conic-gradient(rgb(0, 0, 0) 0deg, rgb(0, 0, 0) 0deg); padding: 1.5px; pointer-events: none; position: absolute; z-index: -1; } .NeuroPromoObject__promoContent--1YK-V { align-items: center; display: flex; flex-direction: column; margin: auto 0px; } .NeuroPromoObject__imageContainer--12BLu { border-radius: inherit; bottom: 0px; height: 100%; overflow: hidden; pointer-events: none; position: absolute; right: 0px; width: 100px; } @keyframes NeuroPromoObject__left-star-anim--3MOYw { 0% { transform: translate(-22px, -10px) rotate(-185deg); } 50% { transform: translate(-17px, -21px) rotate(-166deg); } 100% { transform: translate(-22px, -10px) rotate(-185deg); } } .NeuroPromoObject__leftStarSmall--2X0zc { animation: 4s ease 0s infinite normal none running NeuroPromoObject__left-star-anim--3MOYw; height: 54px; left: 0px; pointer-events: none; position: absolute; top: 0px; } @keyframes NeuroPromoObject__left-star-big-anim--3HB70 { 0% { transform: translate(0px) rotate(-176deg); } 50% { transform: translate(6px, -10px) rotate(-186deg); } 100% { transform: translate(0px) rotate(-176deg); } } .NeuroPromoObject__leftStarBig--VJoz1 { animation: 4s ease 0s infinite normal none running NeuroPromoObject__left-star-big-anim--3HB70; bottom: -27px; height: 70px; left: -12px; pointer-events: none; position: absolute; } .NeuroPromoObject__title--1VKxQ { align-items: center; display: flex; font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif; font-size: 15px; font-weight: var(--vkui--font_weight_accent2); margin-top: 10px; transition: font-size 0.2s ease-in-out; } .NeuroPromoObject__iconCancel--1nSBU, .NeuroPromoObject__starRight--3JzjJ { position: absolute; } .NeuroPromoObject__button--e7dBT, .NeuroPromoObject__description--3x_P6, .NeuroPromoObject__iconCancel--1nSBU, .NeuroPromoObject__imageContainer--12BLu, .NeuroPromoObject__rightObject--1TM-a, .NeuroPromoObject__starRight--3JzjJ { opacity: 0; transition: opacity 0.3s ease-in-out; visibility: hidden; } .NeuroPromoObject__closeButton--11lQA { align-items: center; background: var(--vkui--color_background_contrast_secondary_alpha); border-radius: 20px; display: flex; justify-content: center; margin: 10px 10px 0px auto; min-height: 24px; min-width: 24px; } .NeuroPromoObject__closeButton--11lQA:hover { background: var(--vkui--color_background_contrast_secondary_alpha--hover); } .NeuroPromoObject__promo--1XlBy:hover { height: 184px; padding: 23px 0px; text-align: center; } .NeuroPromoObject__promo--1XlBy:hover::before { background: linear-gradient(144.14deg,#00d1ff -5.47%,var(--vkui--color_background_accent) 76.58%); } @keyframes NeuroPromoObject__left-star-anim-hover--TwNvs { 0% { transform: translate(0px) rotate(-141deg); } 50% { transform: translateY(26px) rotate(-188deg); } 100% { transform: translate(0px) rotate(-141deg); } } .NeuroPromoObject__promo--1XlBy:hover .NeuroPromoObject__leftStarSmall--2X0zc { animation: 4s ease 0s infinite normal none running NeuroPromoObject__left-star-anim-hover--TwNvs; left: -7px; pointer-events: none; scale: 0.9; top: 50px; } @keyframes NeuroPromoObject__left-star-big-anim-hover--1NhpJ { 0% { transform: translate(0px) rotate(-157deg); } 50% { transform: translateY(12px) rotate(-123deg); } 100% { transform: translate(0px) rotate(-157deg); } } .NeuroPromoObject__promo--1XlBy:hover .NeuroPromoObject__leftStarBig--VJoz1 { animation: 4s ease 0s infinite normal none running NeuroPromoObject__left-star-big-anim-hover--1NhpJ; bottom: 21px; left: -40px; pointer-events: none; scale: 1.3; } .NeuroPromoObject__promo--1XlBy:hover .NeuroPromoObject__title--1VKxQ { font-size: var(--vkui--font_display_title2--font_size--compact); line-height: var(--vkui--font_display_title2--line_height--compact); margin: 0px; } .NeuroPromoObject__promo--1XlBy:hover .NeuroPromoObject__description--3x_P6, .NeuroPromoObject__promo--1XlBy:hover .NeuroPromoObject__iconCancel--1nSBU { opacity: 1; visibility: visible; } .NeuroPromoObject__promo--1XlBy:hover .NeuroPromoObject__description--3x_P6 { font-size: 13px; padding-left: 4px; } .NeuroPromoObject__promo--1XlBy:hover .NeuroPromoObject__closeButton--11lQA { position: absolute; right: -1px; top: -1px; visibility: visible; } .NeuroPromoObject__promo--1XlBy:hover .NeuroPromoObject__iconChevron--2327q { display: none; } .NeuroPromoObject__promo--1XlBy:hover .NeuroPromoObject__button--e7dBT { background: var(--vkui--color_background_contrast); color: var(--vkui--color_text_primary_invariably); height: 30px; margin-top: 16px; opacity: 1; visibility: visible; } @keyframes NeuroPromoObject__hover-right-obj-anim--3d35p { 0% { transform: translate(0px) rotate(0deg); } 50% { transform: translate(7px, -22px) rotate(5deg); } 100% { transform: translate(0px) rotate(0deg); } } .NeuroPromoObject__promo--1XlBy:hover .NeuroPromoObject__imageContainer--12BLu, .NeuroPromoObject__promo--1XlBy:hover .NeuroPromoObject__rightObject--1TM-a { opacity: 1; visibility: visible; } .NeuroPromoObject__promo--1XlBy:hover .NeuroPromoObject__rightObject--1TM-a { animation: 4s ease 0s infinite normal none running NeuroPromoObject__hover-right-obj-anim--3d35p; bottom: -26px; height: 90px; position: absolute; right: 0px; z-index: -1; } @keyframes NeuroPromoObject__hover-right-star-anim--19vcD { 0% { transform: translate(0px) rotate(-180deg); } 50% { transform: translateY(-20px) rotate(-220deg); } 100% { transform: translate(0px) rotate(-180deg); } } .NeuroPromoObject__promo--1XlBy:hover .NeuroPromoObject__starRight--3JzjJ { animation: 4s ease 0s infinite normal none running NeuroPromoObject__hover-right-star-anim--19vcD; height: 61px; opacity: 1; position: absolute; right: -20px; top: 85px; visibility: visible; } .OnboardingPanel__root--Fay4b { bottom: 46px; font-family: var(--vkui--font_display_title1--font_family--regular); left: 300px; max-height: 86px; position: fixed; transform: translateY(calc(100% + 90px)); transition: transform 0.2s cubic-bezier(0.3, 0.3, 0.5, 1); z-index: 100; } .OnboardingPanel__visible--3zSNU { transform: translateY(0px); transition: transform 0.15s cubic-bezier(0.3, 0.3, 0.5, 1); } .OnboardingPanel__panel--16BmR { background-color: var(--vkui--color_icon_primary_invariably); border-radius: var(--vkui--x5); color: var(--vkui--color_text_contrast); overflow: hidden; user-select: none; width: 243px; } .OnboardingPanel__header--1NlTc, .OnboardingPanel__panel--16BmR { position: relative; } .OnboardingPanel__header--1NlTc { -webkit-font-smoothing: antialiased; box-sizing: border-box; cursor: pointer; font-size: var(--vkui--font_subhead--font_size--regular); font-weight: 500; line-height: var(--vkui--font_subhead--line_height--regular); padding-left: var(--vkui--x5); padding-right: var(--vkui--x10); padding-top: var(--vkui--x4); } .OnboardingPanel__dropdownIcon--1kJ9w { color: var(--vkui--color_icon_medium); display: block; position: absolute; right: var(--vkui--x4); top: var(--vkui--x4); transform: rotate(180deg); } .OnboardingPanel__dropdownIcon--1kJ9w svg { display: block; height: 16px; width: 16px; } .OnboardingPanel__bgImage--2MDzV { height: 100%; left: 0px; position: absolute; top: 0px; visibility: hidden; width: auto; } .OnboardingPanel__body--3LiOP { padding: var(--vkui--x1) var(--vkui--x3) var(--vkui--x4); } .OnboardingPanel__steps--2lHBe { list-style: none; margin: 0px; padding: 0px; } .OnboardingPanel__step--2v8w8 { -webkit-font-smoothing: antialiased; align-items: center; color: var(--vkui--color_text_contrast); display: flex; font-family: var(--vkui--font_headline2--font_family--regular,VKSansDisplay,MailSans,Helvetica,Arial,sans-serif); font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_headline2--font_weight--regular); gap: calc(var(--vkui--x2) - 1px); height: var(--vkui--x8); line-height: var(--vkui--font_headline2--line_height--compact); padding-left: var(--vkui--x2); padding-right: var(--vkui--x2); position: relative; transition: background-color 0.1s ease-in-out; } .OnboardingPanel__step--2v8w8::after { background-color: var(--vkui--color_text_contrast); bottom: calc(var(--vkui--x3)*-1); content: ""; display: none; height: 100%; left: 18px; position: absolute; width: var(--vkui--x05); z-index: 1; } .OnboardingPanel__completed--H8-ve { color: var(--vkui--color_text_secondary); } .OnboardingPanel__completed--H8-ve::after { background-color: var(--vkui--color_icon_secondary); } .OnboardingPanel__completeMarker--3-5fE, .OnboardingPanel__stepMarker--1Icaw { align-items: center; border-radius: 50%; border-style: solid; border-width: var(--vkui--x05); box-sizing: border-box; display: flex; flex: 0 0 22px; font-size: 13px; font-weight: 500; height: 22px; justify-content: center; line-height: 20px; position: relative; text-align: center; transition: background-color 0.1s ease-in-out; width: 22px; z-index: 2; } .OnboardingPanel__stepMarker--1Icaw { background-color: var(--vkui--color_icon_primary_invariably); border-color: currentcolor; } .OnboardingPanel__stepMarkerIcon--jalU3 { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .OnboardingPanel__stepMarkerIcon--jalU3 svg { display: block; height: auto; width: var(--vkui--x5); } .OnboardingPanel__opened--1dDWL { max-height: 306px; } .OnboardingPanel__opened--1dDWL .OnboardingPanel__panel--16BmR { height: 306px; } .OnboardingPanel__opened--1dDWL .OnboardingPanel__dropdownIcon--1kJ9w { transform: rotate(0deg); } .OnboardingPanel__opened--1dDWL .OnboardingPanel__body--3LiOP { padding-bottom: 0px; padding-top: 0px; } .OnboardingPanel__opened--1dDWL .OnboardingPanel__bgImage--2MDzV { visibility: visible; } .OnboardingPanel__opened--1dDWL .OnboardingPanel__header--1NlTc { height: 162px; } .OnboardingPanel__opened--1dDWL .OnboardingPanel__step--2v8w8:not(:last-child)::after { display: block; } .OnboardingPanel__opened--1dDWL .OnboardingPanel__clickable--SlD-P, .OnboardingPanel__opened--1dDWL .OnboardingPanel__clickable--SlD-P .OnboardingPanel__stepMarker--1Icaw { background-color: rgb(87, 87, 88); } .OnboardingPanel__dark--30P6e .OnboardingPanel__panel--16BmR, .OnboardingPanel__dark--30P6e .OnboardingPanel__stepMarker--1Icaw { background-color: rgb(71, 71, 71); } .OnboardingPanel__dark--30P6e.OnboardingPanel__opened--1dDWL .OnboardingPanel__clickable--SlD-P, .OnboardingPanel__dark--30P6e.OnboardingPanel__opened--1dDWL .OnboardingPanel__clickable--SlD-P .OnboardingPanel__stepMarker--1Icaw { background-color: rgb(98, 98, 98); } .OnboardingPanel__completeMarker--3-5fE { background-color: var(--vkui--color_icon_accent); border-color: var(--vkui--color_icon_accent); color: currentcolor; } .OnboardingPanel__completeMarker--3-5fE svg path { fill: var(--vkui--color_text_contrast); } .OnboardingPanel__tooltip--3IKhD { width: fit-content; } .OnboardingPanel__clickable--SlD-P { border-radius: var(--vkui--x2); cursor: pointer; } .TreePromoDesktopApp__root--2kIpW { background: var(--vkui--color_background); border: 1px solid var(--vkui--color_image_border_alpha); border-radius: 12px; display: flex; gap: 8px; margin: 12px 8px 26px 0px; padding: 13px 12px; } .TreePromoDesktopApp__root--2kIpW:hover { cursor: pointer; } .TreePromoDesktopApp__logo--1Nuaq { height: 20px; width: 20px; } .TreePromoDesktopApp__text--3kPs5 { font-family: var(--vkui--font_headline2--font_family--regular); font-size: var(--vkui--font_headline2--font_size--regular); font-weight: var(--vkui--font_headline2--font_weight--regular); line-height: var(--vkui--font_headline2--line_height--regular); } .Sidebarinfo__root--Dp_XH { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; height: 100%; isolation: isolate; max-height: 100%; overflow: auto; padding: 12px 4px 12px 16px; scrollbar-width: none; } .Sidebarinfo__root--Dp_XH::-webkit-scrollbar { background: transparent; width: 0px; } .Sidebarinfo__root__small--1oBIX { padding-left: 12px; padding-right: 0px; } .Sidebarinfo__header--29P-P { align-items: center; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 20px; } .Sidebarinfo__headerText--u2PtJ { font-family: var(--font-tt-norms); font-size: 17px; line-height: 24px; } .Sidebarinfo__headerButton--H-qXy, .Sidebarinfo__headerText--u2PtJ { color: var(--vkui--color_text_primary); } .Sidebarinfo__headerButton--H-qXy { background-color: var(--vkui--color_transparent--active); box-sizing: border-box; } .Sidebarinfo__headerButton--H-qXy:hover { background-color: var(--vkui--color_transparent--hover); color: var(--vkui--color_text_primary); } .Sidebarinfo__headerButton__wide--xnPWn { width: 100%; } .Sidebarinfo__content--2Yfon { position: relative; width: 240px; } .Sidebarinfo__content__small--o3cle { width: 160px; } .ReferralProgramSpaceTooltip__content--2tT5L { font-size: var(--vkui--font_large_text--font_size); font-weight: var(--vkui--font_large_text--font_weight); line-height: var(--vkui--font_large_text--line_height); padding: 20px 47px 20px 20px !important; } .ReferralProgramSpaceTooltip__content--2tT5L button.ui.secondary.button { font-size: var(--vkui--font_headline1--font_size--compact); font-weight: var(--vkui--font_headline1--font_weight--regular); line-height: var(--vkui--font_headline1--line_height--compact); margin-top: 8px; } .SummerSaleButtonAnimation__root--1v0d6 { height: 40px; position: absolute; right: -10px; top: -9px; width: 59px; } .SummerSaleButtonAnimation__root--1v0d6, .SummerSaleButtonAnimation__rootMobile--3DBXU { bottom: auto; left: auto; } .SummerSaleButtonAnimation__rootMobile--3DBXU { height: 60px; right: 0px; top: -23px; width: 88px; } .SingleSpace__spaceBlock--33ABS { background-color: var(--vkui--color_background); border: 1px solid var(--vkui--color_image_border_alpha); border-radius: 12px; box-sizing: border-box; padding: 15px 0px 11px; } .SingleSpace__spaceBlock_overquota--21vYb { background-color: var(--vkui--color_background_negative_tint); border-color: var(--vkui--color_background_negative_tint); } .SingleSpace__spaceBlock_loading--3Ehhz { padding: 15px 15px 11px; } .SingleSpace__spaceBlock_mobile--2doJo { border-radius: 20px; padding: 20px 0px 16px; } .SingleSpace__spaceBlock_mobile--2doJo .SingleSpace__info--2imG1 { padding: 0px 20px; } .SingleSpace__spaceBlock_mobile--2doJo .SingleSpace__buttonBlock--ybpQG { padding: 0px 16px; } .SingleSpace__spaceBlock_mobile--2doJo .SingleSpace__buttonText--3oGA2 { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_headline1--font_size--regular); } body:not(.vkui--cloud--dark) .SingleSpace__spaceBlock_mobile--2doJo { border: 0px; } .SingleSpace__spaceBlock_marketingPromo--31NLl .ui.button.primary { background-color: var(--cloud--color_background_viewer); border-radius: 8px; color: var(--vkui--color_text_contrast); position: relative; } .SingleSpace__spaceBlock_marketingPromo--31NLl .ui.button.primary:active, .SingleSpace__spaceBlock_marketingPromo--31NLl .ui.button.primary:focus, .SingleSpace__spaceBlock_marketingPromo--31NLl .ui.button.primary:hover { background-color: var(--vkui--color_icon_primary_invariably); } .SingleSpace__spaceBlock_marketingPromo--31NLl .ui.button.primary::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/60452e347cd71bcbcd94.svg") 0% 0% / contain no-repeat; content: ""; height: 30px; position: absolute; right: 8px; top: -14px; width: 30px; } .SingleSpace__spaceBlock_marketingPromo--31NLl.SingleSpace__spaceBlock_mobile--2doJo .ui.button.primary { border-radius: 12px; height: 44px; } .SingleSpace__spaceBlock_marketingPromo--31NLl.SingleSpace__spaceBlock_mobile--2doJo .ui.button.primary::after { height: 35px; width: 35px; } .SingleSpace__spaceBlock_autumnPromo--sTU8z .ui.button.primary { background-color: var(--vkui--color_background_accent); border-radius: 8px; color: var(--vkui--color_text_contrast); position: relative; } .SingleSpace__spaceBlock_autumnPromo--sTU8z .ui.button.primary:active, .SingleSpace__spaceBlock_autumnPromo--sTU8z .ui.button.primary:focus, .SingleSpace__spaceBlock_autumnPromo--sTU8z .ui.button.primary:hover { background-color: var(--vkui--color_background_accent--hover); } .SingleSpace__spaceBlock_autumnPromo--sTU8z .ui.button.primary::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/d69748a8563a3b1a520e.png") 0% 0% / contain no-repeat; content: ""; height: 35px; position: absolute; right: 3px; top: -6px; width: 45px; } .SingleSpace__spaceBlock_autumnPromo--sTU8z.SingleSpace__spaceBlock_mobile--2doJo .ui.button.primary::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/55e614eb16b479a9ee87.png") 0% 0% / contain no-repeat; height: 50px; right: -14px; top: -9px; width: 95px; } .SingleSpace__spaceBlock_autumnPromoDarkTheme--1Ede1 .ui.button.primary { color: var(--vkui--color_text_primary); } .SingleSpace__spaceBlock_blackFriday2024--2UnWn .ui.button.primary { background-color: var(--color-background-black-friday-2024); border-radius: 8px; color: var(--vkui--color_text_contrast); position: relative; } .SingleSpace__spaceBlock_blackFriday2024--2UnWn .ui.button.primary:active, .SingleSpace__spaceBlock_blackFriday2024--2UnWn .ui.button.primary:focus, .SingleSpace__spaceBlock_blackFriday2024--2UnWn .ui.button.primary:hover { background-color: var(--color-background-black-friday-2024); } .SingleSpace__spaceBlock_blackFriday2024--2UnWn .ui.button.primary::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/blackFriday2024/3c85e64a943c903e25e7.png") 0% 0% / contain no-repeat; content: ""; height: 47px; position: absolute; right: -7px; top: -11px; width: 57px; } .SingleSpace__spaceBlock_blackFriday2024--2UnWn.SingleSpace__spaceBlock_mobile--2doJo .ui.button.primary::after { height: 54px; right: 17px; top: -12px; width: 67px; } .SingleSpace__spaceBlock_blackFriday2024DarkTheme--2M5-h .ui.button.primary { color: var(--vkui--color_text_primary); } .SingleSpace__spaceBlock_cyberMonday2025--3p0EP .ui.button.primary { background-color: var(--vkui--color_background_accent); border-radius: 8px; color: var(--vkui--color_text_contrast); position: relative; } .SingleSpace__spaceBlock_cyberMonday2025--3p0EP .ui.button.primary:active, .SingleSpace__spaceBlock_cyberMonday2025--3p0EP .ui.button.primary:focus, .SingleSpace__spaceBlock_cyberMonday2025--3p0EP .ui.button.primary:hover { background-color: var(--vkui--color_background_accent--hover); } .SingleSpace__spaceBlock_cyberMonday2025--3p0EP .ui.button.primary::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/cyberMonday2025/08293a3c71ae5bab1ab9.png") 0% 0% / contain no-repeat; content: ""; height: 60px; position: absolute; right: -11px; top: -13px; width: 60px; } .SingleSpace__spaceBlock_cyberMonday2025--3p0EP.SingleSpace__spaceBlock_mobile--2doJo .ui.button.primary::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/cyberMonday2025/08293a3c71ae5bab1ab9.png") 0% 0% / contain no-repeat; height: 70px; right: 11px; top: -9px; width: 70px; } .SingleSpace__titleBlock--3tHjr { display: flex; flex-direction: row; justify-content: space-between; } .SingleSpace__info--2imG1 { padding: 0px 15px; } .SingleSpace__info_subscriptionRebranding--1AERo { padding: 0px 12px; } .SingleSpace__buttonWrapper--3qtIc { position: relative; } .SingleSpace__buttonWrapper--3qtIc .SingleSpace__promoImage--1tpsT { inset: -9px -10px auto auto; height: 40px; position: absolute; width: 59px; } .SingleSpace__buttonWrapper--3qtIc .SingleSpace__promoImageMobile--PqWD9 { inset: -14px 0px auto auto; height: 50px; width: 73px; } .SingleSpace__buttonWrapperRow--2_NDE { display: flex; gap: 8px; justify-content: space-between; } .SingleSpace__buttonFamily--yLzaT.ui.button { padding: 0px 8px; } .SingleSpace__buttonBlock--ybpQG { padding: 0px 11px; } .SingleSpace__buttonText--3oGA2 { font-weight: var(--vkui--font_weight_accent1); } .SingleSpace__warning--1fo0C { color: var(--vkui--color_text_negative); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_caption1--font_size--regular); font-weight: var(--vkui--font_weight_accent2); line-height: var(--vkui--font_footnote--line_height--regular); } .SingleSpace__promo--1RU2Y { border-radius: 12px; overflow: hidden; } .SingleSpace__promo--1RU2Y .SingleSpace__buttonBlock--ybpQG { padding: 0px; } .SingleSpace__menuIcon--25KOQ { color: var(--vkui--color_icon_secondary); cursor: pointer; margin: -10px; padding: 10px; } .SingleSpace__menuIcon--25KOQ:hover { color: var(--vkui--color_icon_primary); } .SingleSpace__menuIcon_active--1pDQv, .SingleSpace__menuIcon_active--1pDQv:hover { color: var(--vkui--color_icon_accent); } .SingleSpace__autoupload--1HEmr { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_caption1--font_size--regular); line-height: var(--vkui--font_caption1--line_height--regular); } .SingleSpace__spaceBlock_subscriptionRebranding--bVXpS { background-color: var(--rebranding_color_background-content-alternative); border-color: var(--vkui--color_image_border_alpha); padding: 12px 0px; } .SingleSpace__spaceBlock_mayPromo2025--2o4ae .ui.button.primary::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/mayPromo2025/4737b476d14a51bb52d3.png") 0% 0% / contain no-repeat; content: ""; height: 64px; position: absolute; right: -5px; top: -13px; width: 57px; } .SingleSpace__spaceBlock_mayPromo2025--2o4ae.SingleSpace__spaceBlock_mobile--2doJo .ui.button.primary::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/mayPromo2025/4737b476d14a51bb52d3.png") 0% 0% / contain no-repeat; height: 64px; right: -6px; top: -16px; width: 69px; } .SingleSpace__autumnPromo2026Button--2tI-i { overflow: hidden; position: relative; } .SingleSpace__autumnPromo2026Image--1kpL6 { bottom: 0px; height: 32px; pointer-events: none; position: absolute; right: -6px; width: 48px; } .SingleSpace__autumnPromo2026ImageMobile--JDv9J { height: 55px; right: 0px; width: 82px; } .SingleSpaceMenu__menu--2k8hw { background-color: var(--vkui--color_skeleton_from); border-radius: 12px; margin-top: 8px; padding: 8px 0px; width: 100%; } .SingleSpaceMenu__menuItem--1nD4v { align-content: center; display: flex; padding: 12px 16px; } .SingleSpaceMenu__icon--3hsgs { margin-right: 16px; } .SingleSpaceMenu__text--3wNsT { font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); } .SingleSpaceMenu__title--3drIG { margin-left: 16px; margin-top: 8px; } .SingleSpaceMenu__item--20d3K { padding: 10px 16px !important; } .SingleSpaceMenu__itemText--2IzFP { font-weight: 500; } .SingleSpaceProgress__line--2lupF { background: var(--vkui--color_image_border_alpha); border-radius: 20px; display: flex; height: 8px; overflow: hidden; position: relative; width: 100%; } .SingleSpaceProgress__height_6--3qxFt { height: 6px; } .SingleSpaceProgress__line_overquota--18E3L { background: var(--vkui--color_background_negative_tint); } .SingleSpaceProgress__lineEmpty--2pyYv { margin-left: 8px; width: 100%; } .SingleSpaceProgress__lineFilled--1rFWs { border: 2px solid var(--vkui--color_background_content); border-radius: 20px; height: 100%; left: -2px; min-width: 8px; position: absolute; top: -2px; } .SingleSpaceProgress__line_overquota--18E3L .SingleSpaceProgress__lineFilled--1rFWs { border-color: var(--vkui--color_background_negative_tint); } .SingleSpaceProgress__line_files--1NjiC, .SingleSpaceProgress__line_mail--3vWyJ { background: var(--vkui--color_accent_blue); z-index: 2; } .SingleSpaceProgress__line_family--2Qm9j { background: var(--color-progress-line-family); } .SingleSpaceProgress__line_cloud--Wx7JT { background: var(--vkui--color_accent_orange); z-index: 1; } .SingleSpaceProgress__line_colleagues--1GRyr { background: var(--vkui--color_palette_violet); } .SingleSpaceProgress__lineFilled--1rFWs.SingleSpaceProgress__line_cloud--Wx7JT ~ .SingleSpaceProgress__lineFilled--1rFWs.SingleSpaceProgress__line_colleagues--1GRyr, .SingleSpaceProgress__lineFilled--1rFWs.SingleSpaceProgress__line_files--1NjiC ~ .SingleSpaceProgress__lineFilled--1rFWs.SingleSpaceProgress__line_family--2Qm9j, .SingleSpaceProgress__lineFilled--1rFWs.SingleSpaceProgress__line_mail--3vWyJ ~ .SingleSpaceProgress__lineFilled--1rFWs.SingleSpaceProgress__line_cloud--Wx7JT { min-width: 14px; } .SingleSpaceProgress__lineFilled_overquota--2BANB { background: var(--vkui--color_background_negative) !important; } .SingleSpaceProgress__line_twoOverquota--2K9b_ { background: var(--vkui--color_image_border_alpha); } .SingleSpaceProgress__line_twoOverquota--2K9b_ .SingleSpaceProgress__lineFilled--1rFWs { border-color: var(--vkui--color_background_content); } .SingleSpaceProgress__line_twoOverquota--2K9b_ .SingleSpaceProgress__line_cloud--Wx7JT { background: var(--vkui--color_background_negative); } .SingleSpaceProgress__line_twoOverquota--2K9b_ .SingleSpaceProgress__line_mail--3vWyJ { background: var(--color-progress-line-mail); } .SingleSpaceProgress__legend--14xbw { align-items: center; display: flex; flex-direction: row; justify-content: space-between; } .SingleSpaceProgress__link--3FMGn.ui.button.primary { color: var(--vkui--color_text_accent) !important; font-family: var(--vkui--font_family_accent) !important; } .SingleSpaceProgress__link--3FMGn.ui.button.primary { font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_weight_accent1); line-height: var(--vkui--font_headline2--line_height--compact); } .SingleSpaceProgress__link--3FMGn.ui.button.primary:active, .SingleSpaceProgress__link--3FMGn.ui.button.primary:focus, .SingleSpaceProgress__link--3FMGn.ui.button.primary:hover { color: var(--vkui--color_text_accent) !important; } .SingleSpaceProgress__quotaInfo--PKgiz { display: flex; flex: 1 1 0%; flex-direction: row; } .SingleSpaceProgress__quotaInfo_left--3o07J { gap: 16px; justify-content: flex-start; } .SingleSpaceProgress__quotaInfo_left--3o07J .SingleSpaceProgress__infoBlock--1ZMAq { width: auto; } .SingleSpaceProgress__quotaInfo_wrap--2cVaN { flex-wrap: wrap; gap: 4px; justify-content: space-between; width: 100%; } .SingleSpaceProgress__quotaInfo_wrap--2cVaN .SingleSpaceProgress__infoBlock--1ZMAq { width: auto; } .SingleSpaceProgress__quotaInfo_wrap--2cVaN .SingleSpaceProgress__infoBlock--1ZMAq:first-of-type { margin-right: 4px; } .SingleSpaceProgress__infoBlock--1ZMAq { cursor: default; width: 50%; } .SingleSpaceProgress__info--2Gj5R { align-items: center; display: flex; flex-direction: row; } .SingleSpaceProgress__info_clickable--3apz4 { cursor: pointer; } .SingleSpaceProgress__label--3p32r { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_caption1--font_size--regular); line-height: var(--vkui--font_caption1--line_height--regular); } .SingleSpaceProgress__quotaInfo_big--2AYMI .SingleSpaceProgress__label--3p32r { font-size: 14px; line-height: 18px; } .SingleSpaceProgress__quotaInfo_mobile--R3Otl .SingleSpaceProgress__label--3p32r { font-size: var(--vkui--font_headline2--font_size--compact); line-height: var(--vkui--font_footnote--line_height--regular); } .SingleSpaceProgress__infoLine--AXwfe { border-radius: 8px; height: 8px; margin-right: 8px; width: 8px; } .SingleSpaceProgress__rebranding--3ALl2 .SingleSpaceProgress__lineFilled--1rFWs { background: var(--vkui--color_background_accent); } .SingleSpaceProgress__line_overquota--18E3L .SingleSpaceProgress__rebranding--3ALl2 .SingleSpaceProgress__lineFilled--1rFWs { border-color: var(--vkui--color_background_negative_tint_alpha); } .SingleSpaceProgress__rebranding--3ALl2 .SingleSpaceProgress__line_family--2Qm9j { background: var(--color-progress-line-family); } .SingleSpaceProgress__rebranding--3ALl2 .SingleSpaceProgress__line_mail--3vWyJ { background: var(--vkui--color_background_accent); } .SingleSpaceProgress__rebranding--3ALl2 .SingleSpaceProgress__line_cloud--Wx7JT { background: var(--rebranding_color_lime); } .SingleSpaceProgress__rebranding--3ALl2 .SingleSpaceProgress__line_colleagues--1GRyr { background: var(--vkui--color_palette_violet); } .SingleSpaceProgress__rebranding--3ALl2 .SingleSpaceProgress__lineFilled_overquota--2BANB { background: var(--vkui--color_background_negative) !important; } .SingleSpaceProgress__rebranding--3ALl2 .vkui--cloud--dark .SingleSpaceProgress__lineFilled--1rFWs { background: var(--vkui--color_background_accent); } .SingleSpaceProgress__line_overquota--18E3L .SingleSpaceProgress__rebranding--3ALl2 .vkui--cloud--dark .SingleSpaceProgress__lineFilled--1rFWs { border-color: var(--vkui--color_background_negative_tint_alpha); } .SingleSpaceProgress__rebranding--3ALl2 .vkui--cloud--dark .SingleSpaceProgress__line_mail--3vWyJ { background: var(--vkui--color_background_accent); } .SingleSpaceProgress__rebranding--3ALl2 .vkui--cloud--dark .SingleSpaceProgress__line_cloud--Wx7JT { background: var(--rebranding_color_lime); } .SingleSpaceProgress__rebranding--3ALl2 .vkui--cloud--dark .SingleSpaceProgress__line_colleagues--1GRyr { background: var(--vkui--color_palette_violet); } .SingleSpaceProgress__rebranding--3ALl2 .vkui--cloud--dark .SingleSpaceProgress__lineFilled_overquota--2BANB { background: var(--vkui--color_background_negative) !important; } .rebranding .SingleSpaceProgress__line_subscriprion_rebranding--2eL2r .SingleSpaceProgress__lineFilled--1rFWs { border-color: var(--rebranding_color_background-content-alternative); } .rebranding .SingleSpaceProgress__line_subscriprion_rebranding--2eL2r .SingleSpaceProgress__lineFilled_overquota--2BANB { background: var(--vkui--color_background_negative); } .Placeholder__root--2GBye { animation: 1.5s ease-in-out 0.5s infinite normal none running Placeholder__keyframes-pulse--3XdyN; background: rgba(21, 21, 74, 0.06); display: flex; flex: 1 1 0%; height: 100%; width: 100%; } @keyframes Placeholder__keyframes-pulse--3XdyN { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .SpaceLoader__root--1MAuU { display: flex; flex-direction: column; } .SpaceLoader__quota--2NBEi { border-radius: 8px; height: 24px; width: 70px; } .SpaceLoader__progress--3Gtw2, .SpaceLoader__quota--2NBEi { margin-bottom: 12px; overflow: hidden; } .SpaceLoader__progress--3Gtw2 { border-radius: 4px; height: 4px; width: 100%; } .SpaceLoader__info--viT-B { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 16px; } .SpaceLoader__space--2Z5xZ { height: 14px; width: 109px; } .SpaceLoader__space--2Z5xZ, .SpaceLoader__subs--p14hB { border-radius: 4px; overflow: hidden; } .SpaceLoader__subs--p14hB { height: 16px; width: 65px; } .SpaceLoader__button--2Ub6k { border-radius: 8px; height: 44px; overflow: hidden; width: 100%; } .SpaceLoader__root_compact--3y1J_ .SpaceLoader__quota--2NBEi { border-radius: 4px; height: 20px; width: 118px; } .SpaceLoader__root_compact--3y1J_ .SpaceLoader__progress--3Gtw2 { border-radius: 20px; height: 8px; } .SpaceLoader__root_compact--3y1J_ .SpaceLoader__info--viT-B { justify-content: flex-start; margin-bottom: 0px; } .SpaceLoader__root_compact--3y1J_ .SpaceLoader__space--2Z5xZ, .SpaceLoader__root_compact--3y1J_ .SpaceLoader__subs--p14hB { border-radius: 4px; height: 16px; margin-right: auto; width: 70px; } .SpaceLoader__root_compact--3y1J_ .SpaceLoader__button--2Ub6k { height: 36px; margin: 16px -4px 0px; width: calc(100% + 8px); } .SpaceProgress__progress--2AfVt { background: var(--vkui--color_background_secondary_alpha); margin-bottom: 12px; overflow: hidden; width: 100%; } .SpaceProgress__progress--2AfVt, .SpaceProgress__progressBar--2-Y7B { border-radius: 4px; height: 4px; } .SpaceProgress__progressBar--2-Y7B { background: var(--vkui--color_background_positive); } .SpaceProgress__progressBar_orange--Jkqy8 { background: var(--vkui--color_background_accent_alternative); } .SpaceProgress__progressBar_red--3Mrs3 { background: var(--vkui--color_background_negative); } .SpaceProgress__text--3ix6s { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 13px; font-weight: 500; line-height: 16px; } .SpaceProgress__text_red--1P7jS { color: var(--vkui--color_text_negative); } .Space__root--1U5z3 { border: 1px solid var(--vkui--color_image_border_alpha); border-radius: 12px; box-sizing: border-box; font-family: var(--font-tt-norms); margin-bottom: 9px; min-height: 162px; overflow: hidden; padding: 24px 8px 8px; position: relative; } .Space__root--1U5z3, .Space__root--1U5z3.Space__change_padding--2DN9r { margin-top: 0px; } .Space__root_noButton--AcSFb { min-height: 118px; } .Space__infoBlock--33Oqz { margin-bottom: 16px; padding: 0px 4px; } .Space__header--1Jviv { align-items: center; display: flex; margin-bottom: 12px; } .Space__tariff--2MXMm { color: var(--vkui--color_text_primary); font-size: 17px; font-weight: 500; line-height: 24px; margin-right: 8px; } .Space__space--3eNrM { display: flex; font-size: 13px; font-weight: 400; justify-content: space-between; line-height: 16px; } .Space__subscriptions--2wHa6 { color: var(--vkui--color_text_accent); cursor: pointer; } .Space__subscriptions--2wHa6:hover { color: var(--vkui--color_text_accent--hover); } .Space__subscriptions--2wHa6:active, .Space__subscriptions--2wHa6:focus { color: var(--vkui--color_text_accent--active); } .Space__pro--3j_6T { color: var(--vkui--color_text_accent); cursor: pointer; font-size: 17px; font-weight: 700; } .Space__combo--33LYF { margin-top: -2px; } .Space__spaceText--1jAa4 { color: var(--vkui--color_text_primary); } .Space__payment--2-4YS { margin-top: 8px; text-align: center; } .Space__buttonText--33510 { font-family: var(--font-tt-norms); font-size: 15px; font-weight: 400; line-height: 20px; } .Space__promo--3yaN8 { border-top-left-radius: 20px; border-top-right-radius: 20px; margin: 12px -8px -8px; overflow: hidden; } .Space__promo--3yaN8 .ui.button.primary { margin-top: 20px; } .Space__root_subscriptions--15jdW { border: 0px; border-radius: 0px; min-height: 68px; padding: 24px 0px 0px; } .Space__root_subscriptions--15jdW .Space__infoBlock--33Oqz { margin: 0px; padding: 0px; } .Space__root_subscriptions--15jdW .Space__pro--3j_6T { cursor: default; } .Space__root_overquota--1qRJR .Space__spaceText--1jAa4 { color: var(--vkui--color_text_negative); } .Space__root_overquota--1qRJR .ui.button.primary { background-color: var(--vkui--color_text_negative); } .Space__root_overquota--1qRJR .ui.button.primary:hover { background-color: var(--vkui--color_text_negative--hover); } .Space__root_overquota--1qRJR .ui.button.primary:active, .Space__root_overquota--1qRJR .ui.button.primary:focus { background-color: var(--vkui--color_text_negative--active); } .Space__root_mobile--2aiqJ { background-color: var(--vkui--color_background); border: 0px; border-radius: 16px; margin: 0px; padding: 16px; } .Space__root_mobile--2aiqJ .Space__tariff--2MXMm { font-size: 14px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; } .Space__root_marketingPromo--ndgHx .ui.button.primary { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/new-year/b92a909287981a08916a.png") 0% 0% / cover; color: var(--vkui--color_text_contrast); height: 62px; } .Space__root_marketingPromo--ndgHx .Space__buttonText--33510 { font-size: 18px; font-weight: 500; line-height: 26px; } .Toolbar__root--1HjS- { align-items: center; display: flex; flex-direction: row; gap: 2px; height: 100%; justify-content: space-between; width: 100%; } .Toolbar__root_add--ziv2s { height: 36px; } .Toolbar__rootFixed--3fKeG > div { padding: 8px 4px; } .Toolbar__rootInlineIntegration--3Yosq { background-color: var(--vkui--color_background_secondary); border-radius: var(--vkui--size_border_radius--regular,8px); height: 32px; transition: background-color 0.15s ease-out; width: auto; } .Toolbar__rootInlineIntegration--3Yosq:hover { background-color: var(--vkui--color_background_secondary--hover); } .Toolbar__rootInlineIntegration--3Yosq:active { background-color: var(--vkui--color_background_secondary--active); opacity: 0.7; } .Toolbar__rootInlineIntegration--3Yosq > div { height: 32px; padding: 6px 12px; } .Toolbar__left--2nOFZ, .Toolbar__right--DYGqm { display: flex; flex-direction: row; gap: 2px; } .Toolbar__right--DYGqm { margin-left: auto; } .Toolbar__wideGap--WKVLK { gap: 12px; } .Toolbar__count--WCgpK { margin-right: 12px; } .Toolbar__vkTeamsToolbar--3hkNa { padding-top: 12px; } .Toolbar__starsAnimation--wYS9H { height: 20px; width: 20px; } .Toolbar__sparkle--3ZpeG { position: relative; } .Toolbar__sparkle--3ZpeG::after { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/aiOrganizeFakedoor/7472a36351aad4608123.gif"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; content: ""; height: 80px; left: 0px; pointer-events: none; position: absolute; top: 0px; transform: translate(-30px, -30px); width: 80px; } .ButtonWithSelect__wrapper--2tV__ { display: flex; flex: 1 1 0%; flex-direction: column; font-family: var(--vkui--font_family_accent); font-size: 15px; font-style: normal; font-weight: 500; gap: 0.5rem; height: 100%; letter-spacing: -0.15px; position: relative; } .ButtonWithSelect__disabled--dq_dK { opacity: 0.5; pointer-events: none; } .ButtonWithSelect__actionButtonContainer--1pamG { align-items: center; border-radius: 0.5rem; box-sizing: border-box; display: flex; flex: 1 1 0%; flex-direction: row; height: inherit; } .ButtonWithSelect__actionButtonBorder--3MaO6 { border: 1px solid var(--vkui--color_separator_primary_alpha); } .ButtonWithSelect__title--8xPQy { font-family: Arial; font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; } .ButtonWithSelect__item--bbLxl, .ButtonWithSelect__title--8xPQy { padding: 8px 20px; } .ButtonWithSelect__item--bbLxl { align-items: center; background-color: var(--vkui--color_background_modal); color: var(--vkui-color_text_primary); cursor: pointer; display: flex; flex-direction: row; justify-content: flex-start; } .ButtonWithSelect__item--bbLxl:focus, .ButtonWithSelect__item--bbLxl:hover { background-color: var(--vkui--color_background_modal--hover); } .ButtonWithSelect__actionButton--W8HCn { align-items: center; background-color: var(--vkui--color_background_modal); border-bottom-left-radius: 0.5rem; border-right: 1px solid var(--vkui--color_separator_primary_alpha); border-top-left-radius: 0.5rem; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; flex: 1 1 0%; height: 100%; justify-content: center; margin-left: 0px; overflow: hidden; } .ButtonWithSelect__actionButton--W8HCn, .ButtonWithSelect__actionButton--W8HCn .ButtonWithSelect__itemText--BDxCI { margin-right: 0px; } .ButtonWithSelect__rotate--1_wdk { transform: rotate(180deg); transition: transform 0.1s ease-in-out; } .ButtonWithSelect__list--357DY { animation: 0.1s linear 0s 1 normal forwards running ButtonWithSelect__fade-in--1klYT; background-color: var(--vkui--color_background_modal); border-radius: 0.5rem; box-shadow: var(--vkui--elevation2); display: flex; flex-direction: column; gap: 0.125rem; left: 0px; padding-bottom: 0.5rem; padding-top: 0.5rem; position: absolute; right: 0px; top: 2.75rem; z-index: 999999; } .ButtonWithSelect__itemIcon--15T3K { margin-right: 12px; } .ButtonWithSelect__itemText--BDxCI { margin-right: 1.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ButtonWithSelect__expandButton--hNOJu { align-items: center; background-color: var(--vkui--color_background_modal); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px 0.5rem 0.5rem 0px; box-sizing: border-box; color: var(--vkui-color_text_primary); display: flex; height: 100%; justify-content: center; padding: 0.5rem; width: 2.25rem; } .ButtonWithSelect__expandButton--hNOJu:hover { background-color: var(--vkui--color_background_modal--hover); } .ButtonWithSelect__expandIcon--1ctO3 { border-radius: inherit; } @keyframes ButtonWithSelect__fade-in--1klYT { 0% { opacity: 0; } 100% { opacity: 1; } } .CategoryFilters__container--12jYJ { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background); border-radius: var(--vkui--size_border_radius_paper--regular); box-shadow: var(--vkui--elevation3); padding: var(--vkui--size_div_padding--regular) 0; width: 260px; } .CategoryFilters__resetButton--rHfWq { margin-right: -12px; } .CategoryFilters__option--Qo8Ja svg:first-child { margin-right: 12px; } .ClearButton__button--Ydf7T { color: var(--vkui--color_icon_secondary); } .ClearButton__hover--3nRSV { background-color: initial; color: var(--vkui--color_icon_primary); } .Filters__container--2q_eZ { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background); border-radius: var(--vkui--size_border_radius_paper--regular); box-shadow: var(--vkui--elevation3); display: flex; width: 524px; } .Filters__group--3hBz5 { width: 100%; } .Filters__grid--2Xw8B { border-radius: var(--vkui--size_border_radius_paper--regular); overflow: hidden; } .Filters__header--t9Tie { padding-bottom: var(--vkui--size_div_padding--regular); } .Filters__card--VKmqv { overflow: hidden; } .SearchButton__button--3ClRm { overflow: hidden; width: 102px; } .SearchButton__button--3ClRm.vkuiButton { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .SearchButton__button--3ClRm.vkuiButton:disabled { opacity: 1 !important; } .SearchButton__button--3ClRm.vkuiButton:disabled { cursor: not-allowed; } .SearchButton__button--3ClRm > span[class*="vkuiButton__in"] { border: 1px solid var(--vkui--color_image_border_alpha); border-radius: 0 var(--vkui--size_border_radius--regular) var(--vkui--size_border_radius--regular) 0; } .SearchButton__button--3ClRm:hover > span[class*="vkuiButton__in"], .SearchButton__button--3ClRm > span[class*="vkuiButton__in"] { background-color: var(--vkui--color_background); } .SearchButton__button--3ClRm .vkuiButton__spinner { background-color: var(--vkui--color_background); border: 1px solid var(--vkui--color_image_border_alpha); border-radius: 0 var(--vkui--size_border_radius--regular) var(--vkui--size_border_radius--regular) 0; } .SearchInput__input--1KO5h { -webkit-font-smoothing: antialiased; caret-color: var(--vkui--color_text_accent); flex: 1 1 0%; } .SearchInput__input--1KO5h > input { font-family: sans-serif; outline: none; z-index: 3; } .SearchInput__input--1KO5h:focus-within > [class*="FormField__border"], .SearchInput__input--1KO5h:focus > [class*="FormField__border"], .SearchInput__input--1KO5h:hover > [class*="FormField__border"] { border-color: var(--vkui--color_image_border_alpha) !important; } .SearchInput__input--1KO5h > [class*="FormField__border"] { background: var(--vkui--color_background); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--vkui--size_border_radius--regular); border-right-width: 0px; } .SearchInput__input--1KO5h .vkuiFocusVisible { border-color: var(--vkui--color_image_border_alpha); } .SearchInput__searchIcon--3rN55 { color: var(--vkui--color_icon_secondary); margin: 0px 12px; } .SearchSuggests__container--3K9eu { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background); border-radius: var(--vkui--size_border_radius_paper--regular); box-shadow: var(--vkui--elevation3); padding: var(--vkui--size_div_padding--regular) 0; } .SearchSuggests__header--35IhC { color: var(--vkui--color_text_secondary); } .SearchSuggests__hover--1P8tt { background-color: var(--vkui--color_transparent--hover); transition: background-color 0.15s ease-out; } .SearchSuggests__hover--1P8tt .SearchSuggests__clearButton--3CNvN { opacity: 1; } .SearchSuggests__resetButton--2Xrd4 { margin-right: -12px; } .SearchSuggests__clearButton--3CNvN { align-items: center; border-radius: 50%; color: var(--vkui--color_icon_secondary); display: flex; height: 44px; justify-content: center; margin-right: -16px; opacity: 0; width: 44px; } .SearchSuggests__clearButton--3CNvN:hover { color: var(--vkui--color_icon_primary); opacity: 1; } .SearchTooltip__searchTooltipRebranding--2Kt9b { background: var(--rebranding--color_background_sky); } @supports (backdrop-filter:none) { .SearchTooltip__searchTooltipRebranding--2Kt9b { backdrop-filter: blur(8px); backface-visibility: hidden; background: color-mix(in srgb,var(--rebranding--color_background_sky) 80%,transparent); } } @supports (-moz-appearance:none) { .SearchTooltip__searchTooltipRebranding--2Kt9b { background: var(--rebranding--color_background_sky); } } .SearchTooltip__searchTooltipRebranding--2Kt9b > div[class*="FloatingTooltip__content"] { background: none; height: 92px; width: 260px; padding: 16px 61px 16px 16px !important; } .SearchTooltip__searchTooltipRebranding--2Kt9b > div[class*="FloatingTooltip__content"] > span[class*="FloatingTooltip__text"] { -webkit-font-smoothing: antialiased; font-family: var(--vkui--font_text--font_family--compact); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--compact); line-height: var(--vkui--font_text--line_height--compact); width: 100%; } .SearchTooltip__searchTooltipRebranding--2Kt9b > div[class*="FloatingTooltip__content"] > div[class*="FloatingTooltip__image"] { bottom: -24px; height: 88px; right: -14px; transform: rotate(-21.5deg); width: 75px; } .SearchTooltip__searchTooltipRebranding--2Kt9b > div[class*="FloatingTooltip__content"] > div[class*="FloatingTooltip__close"] { right: 8px; top: 8px; } .SearchTooltip__searchTooltipRebranding--2Kt9b > div[class*="FloatingTooltip__arrow"] { color: var(--rebranding--color_background_sky); } .vkui--cloud--dark.rebranding .SearchTooltip__searchTooltipRebranding--2Kt9b { background: var(--rebranding_theme_color_background_secondary); } .vkui--cloud--dark.rebranding .SearchTooltip__searchTooltipRebranding--2Kt9b > div[class*="FloatingTooltip__arrow"] { color: var(--rebranding_theme_color_background_secondary); } .vkui--cloud--dark.rebranding .SearchTooltip__searchTooltipRebranding--2Kt9b > div[class*="FloatingTooltip__close"] { color: var(--vkui--color_icon_secondary); } .TransitionWrapper__root--3mX5_ { align-items: center; display: flex; font-family: var(--vkui--font_family_accent); height: 100%; margin-left: auto; min-width: 240px; overflow: hidden; width: 240px; } .TransitionWrapper__root_expand--17zfy { width: 100%; } .TransitionWrapper__animation_appear--Sv19S { width: 240px; } .TransitionWrapper__animation_appear_active--3UItP { transition: width 0.2s; width: 100%; } .TransitionWrapper__animation_exit--2JdmA { width: 100%; } .TransitionWrapper__animation_exit_active--2WDOD { transition: width 0.2s; width: 240px; } .TypeSelectButton__button--1DcQz { border-radius: 0px; } .TypeSelectButton__button--1DcQz > span[class*="vkuiButton__in"] { background-color: var(--vkui--color_background); border-bottom: 1px solid var(--vkui--color_image_border_alpha); border-left: 0 solid var(--vkui--color_image_border_alpha); border-right: 0 solid var(--vkui--color_image_border_alpha); border-top: 1px solid var(--vkui--color_image_border_alpha); color: var(--vkui--color_text_secondary); } .TypeSelectButton__button--1DcQz:hover > span[class*="vkuiButton__in"], .TypeSelectButton__selected--1_YnZ > span[class*="vkuiButton__in"] { color: var(--vkui--color_text_primary); } .TypeSelectButton__icon--L4aS1 { display: block; margin-left: -4px; margin-right: -4px; } .WebSearch__button--111S4.ui.button { background: transparent; font-size: var(--vkui--font_text--font_size--regular); height: 36px; padding-left: 12px; padding-right: 20px; width: auto; } .WebSearch__button--111S4.ui.button:active, .WebSearch__button--111S4.ui.button:hover { background: transparent; } .WebSearch__button--111S4.ui.button svg { margin-right: 8px; } .WebSearch__button--111S4.ui.button span { font-size: var(--vkui--font_headline--font_size--compact); line-height: var(--vkui--font_headline--line_height--compact); margin-top: 2px; } .WebSearch__buttonGear--2nUeE.ui.button { background: transparent; border-radius: 8px; height: 36px; margin-left: 12px; padding: 0px; width: 36px; } .WebSearch__buttonGear--2nUeE.ui.button:active, .WebSearch__buttonGear--2nUeE.ui.button:focus, .WebSearch__buttonGear--2nUeE.ui.button:hover { background: var(--vkui--color_transparent--active); } .WebSearch__buttonGear--2nUeE.ui.button:active > svg, .WebSearch__buttonGear--2nUeE.ui.button:focus > svg, .WebSearch__buttonGear--2nUeE.ui.button:hover > svg { color: var(--vkui--color_icon_primary); } .WebSearch__menuButtonWrapper--2tk5v { align-items: center; display: flex; height: 100%; } .SuperAppToolbar__root--p82HU { height: 36px; } .SuperAppToolbar__searchToolbar--kYVQC { column-gap: 8px; display: flex; height: inherit; opacity: 1; position: absolute; transition: opacity 0.3s ease-in-out; width: 100%; } .SuperAppToolbar__searchToolbar--kYVQC.SuperAppToolbar__isSearchActive--1GIj2 { opacity: 0; pointer-events: none; } .SuperAppToolbar__resetSearch--2Q4Iv { height: 0px; opacity: 0; position: absolute; transition: opacity 0.3s ease-in-out; width: 100%; } .SuperAppToolbar__resetSearch--2Q4Iv.SuperAppToolbar__isSearchActive--1GIj2 { height: inherit; opacity: 1; } .SuperAppToolbar__resetSearchButton--_WADT { background-color: var(--vkui--color_background_modal); border: 1px solid var(--vkui--color_separator_primary_alpha); border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_primary); cursor: pointer; display: block; font-family: var(--vkui--font_family_accent); font-size: 15px; font-style: normal; font-weight: 500; height: inherit; letter-spacing: -0.15px; transition: opacity 0.3s ease-in-out; width: 100%; } .SuperAppToolbar__resetSearchButton--_WADT:hover { background-color: var(--vkui--color_background_modal--hover); } .SuperAppToolbar__searchWrapper--1Owkw { height: 0px; margin-left: var(--vkui--x3); margin-right: var(--vkui--x3); opacity: 0; overflow: hidden; transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out; width: calc(100% - var(--vkui--x3) - var(--vkui--x3)); } .SuperAppToolbar__searchWrapper--1Owkw.SuperAppToolbar__isSearchActive--1GIj2 { height: 44px; opacity: 1; } .SuperAppToolbar__searchContent--1fA2p { padding: 0px 0px 8px; } .SuperAppToolbar__searchButton--18Hef { align-items: center; background: var(--vkui--color_background_contrast); border: 1px solid var(--vkui--color_field_border_alpha); border-radius: 8px; box-sizing: border-box; cursor: pointer; display: flex; height: 36px; justify-content: center; margin: 0px; padding: 0px; transition: opacity 0.3s ease-in-out; width: 36px; } .SetupVigboGalleryTooltip__root--1fVc7 { box-sizing: border-box; color: var(--vkui--color_text_primary); gap: var(--vkui--x3); padding: var(--vkui--x4); width: 348px; } .SetupVigboGalleryTooltip__root--1fVc7, .SetupVigboGalleryTooltip__textBlock--3ktGH { display: flex; flex-direction: column; } .SetupVigboGalleryTooltip__textBlock--3ktGH { gap: var(--vkui--x1); width: 250px; } .SetupVigboGalleryTooltip__title--1CkIT { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .SetupVigboGalleryTooltip__text--Ej95W { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); width: 200px; } .SetupVigboGalleryTooltip__image--2Q1qt { border-bottom-right-radius: var(--vkui--x4); bottom: 0px; display: block; overflow: hidden; position: absolute; right: 0px; width: 120px; } .ThemePreview__root--1vNqD { background-position: 50% center; background-size: 50px auto; border-radius: 8px; flex-shrink: 0; height: 30px; width: 30px; } .ToolbarPublicThemePreview__previewContainer--7_kzT { align-items: center; display: flex; flex-shrink: 0; flex-wrap: nowrap; gap: 30px; } .ToolbarPublicThemePreview__previewInToolbar--23bvu { border-radius: 4px !important; height: 20px !important; width: 20px !important; } .ToolbarPublicThemePreview__promoNew--15Ulj { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background_accent_tint_alpha); border-radius: 6px; color: var(--cloud--color_icon_idcard); flex-shrink: 0; font-family: var(--font_family--vk_sans_display); font-size: var(--vkui--font_caption1--font_size--regular); font-weight: var(--vkui--font_weight_accent1); line-height: var(--vkui--font_caption1--line_height--regular); padding: 2px 8px; } .BackButton__icon--2lxR- { border-radius: 8px; cursor: pointer; padding: 12px; transform: rotate(180deg); } .BackButton__icon--2lxR-:hover { background: var(--vkui--color_transparent--hover); } .OptionsButton__dialog--33A9D { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background_content); border-radius: 16px; box-shadow: 0 4px 32px var(--vkui--color_image_border_alpha--active); box-sizing: border-box; color: var(--vkui--color_text_primary); overflow: hidden; padding: 16px; width: 320px; } .OptionsButton__title--1U6hZ { font-size: 18px; } .OptionsButton__buttons--3-JAW { display: flex; gap: 6px; width: 100%; } .OptionsButton__button--3kzMP { align-items: center; border: 1px solid var(--vkui--color_image_border_alpha); border-radius: 12px; box-sizing: border-box; cursor: pointer; display: flex; height: 44px; justify-content: center; width: 92px; } .OptionsButton__active--IcFGm, .OptionsButton__button--3kzMP:hover { border: 1px solid var(--vkui--color_icon_accent); } .OptionsButton__button_cepia--189-F { background: rgb(239, 235, 218); } .OptionsButton__button_cepia_dark--WY_6a { color: rgb(44, 45, 46); } .OptionsButton__button_dark--1emMS { background: var(--color-eerie-black); color: var(--vkui--color_text_contrast); } .OptionsButton__group--26iNv { align-items: flex-start; background: var(--vkui--color_background_tertiary); border-radius: 12px; box-sizing: border-box; display: flex; flex-direction: column; margin-top: 12px; padding: 4px 0px; width: 288px; } .OptionsButton__groupTitle--tKeCj { font-weight: 500; height: 36px; line-height: 20px; padding-left: 16px; } .OptionsButton__font--1Pvce, .OptionsButton__groupTitle--tKeCj { align-items: center; display: flex; font-size: 15px; width: 100%; } .OptionsButton__font--1Pvce { box-sizing: border-box; cursor: pointer; height: 44px; justify-content: space-between; padding: 8px 16px; } .OptionsButton__font--1Pvce > svg { color: var(--vkui--color_icon_accent); } .OptionsButton__fontSize--1BKbT { align-items: center; display: flex; flex-direction: row; justify-content: space-between; padding: 16px; } .OptionsButton__number--Zd74b { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-sizing: border-box; font-family: var(--font-tt-norms); font-size: 15px; font-weight: 500; height: 36px; line-height: 20px; outline: none; padding: 8px; width: 50px; } .OptionsButton__number--Zd74b::-webkit-inner-spin-button, .OptionsButton__number--Zd74b::-webkit-outer-spin-button { appearance: none; margin: 0px; } .OptionsButton__numberWrapper--Pac39 { color: var(--vkui--color_text_primary); position: relative; } .OptionsButton__numberWrapper--Pac39 > .OptionsButton__arrow--2siSJ { align-items: center; display: flex; height: 12px; justify-content: center; position: absolute; right: 8px; width: 12px; } .OptionsButton__numberWrapper--Pac39 > .OptionsButton__arrowUp--22R1l { top: 6px; } .OptionsButton__numberWrapper--Pac39 > .OptionsButton__arrowDown--2rce1 { bottom: 6px; transform: rotate(180deg); } .YearFilter__item--onS5j { box-sizing: border-box; justify-content: space-between; padding: 10px 16px; width: 326px; } .YearFilter__item--onS5j, .YearFilter__yearField--f8-7i { display: flex; } .YearFilter__year--390ed { box-sizing: border-box; font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_headline2--font_weight--regular); line-height: var(--vkui--font_headline2--line_height--regular); min-width: 205px; padding-left: 16px; } .YearFilter__checkIcon--22hEe { fill: var(--vkui--color_icon_accent); } .YearFilter__hidden--1LTmg { visibility: hidden; } .YearFilter__size--2_q8z { padding-left: 16px; } .Checkbox__root--1gMK_ { position: relative; } .Checkbox__checkbox--FoIbz { margin: 0px; opacity: 0; position: absolute; visibility: hidden; } .Checkbox__checkbox--FoIbz + label { cursor: pointer; padding: 0px; position: relative; } .Checkbox__checkbox--FoIbz + label::before { border: 1px solid var(--vkui--color_field_border_alpha); border-radius: 2px; box-sizing: border-box; content: ""; display: inline-block; height: 12px; margin-right: 0px; vertical-align: text-top; width: 12px; } .Checkbox__checkbox--FoIbz + label:hover::before { background: var(--vkui--color_transparent--hover); } .Checkbox__checkbox--FoIbz:focus + label::before { box-shadow: 0 0 0 3px var(--vkui--color_field_border_alpha); } .Checkbox__checkbox--FoIbz:checked + label::before { background: var(--vkui--color_background); } .Checkbox__checkbox--FoIbz:disabled + label { cursor: auto; } .Checkbox__checkbox--FoIbz:disabled + label::before { box-shadow: none; } .Checkbox__checkbox--FoIbz:checked + label::after { border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-width: 0px 2px 2px 0px; content: ""; height: 8px; left: 3px; position: absolute; top: -1px; transform: rotate(45deg); width: 4px; } .Checkbox__blue--3HIcA + label::before { border: 1px solid var(--vkui--color_field_border_alpha); border-radius: 4px; height: 16px; width: 16px; } .Checkbox__blue--3HIcA:checked + label::before { background: var(--vkui--color_text_accent); } .Checkbox__blue--3HIcA:checked + label::after { border-color: var(--vkui--color_icon_contrast); content: ""; left: 5px; position: absolute; top: 2px; } .Checkbox__new--3V6WU + label::before { border: 1px solid rgb(204, 208, 216); border-radius: 4px; height: 16px; width: 16px; } .Checkbox__new--3V6WU:checked + label::before { background: var(--vkui--color_text_accent); border-color: transparent; } .Checkbox__new--3V6WU:checked + label::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/cf472915c8cbed378d85.png") 50% center / cover no-repeat; border: 0px; content: ""; height: 6px; left: 4px; position: absolute; top: 5px; transform: none; width: 8px; } .Checkbox__round--J4mOP + label::before { border: 2px solid var(--vkui--color_separator_primary); border-radius: 50%; height: 20px; width: 20px; } .Checkbox__round--J4mOP:checked + label::before { background: var(--vkui--color_text_accent); border-color: transparent; } .Checkbox__round--J4mOP:checked + label::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/cf472915c8cbed378d85.png") 50% center / cover no-repeat; border: 0px; content: ""; height: 6px; left: 6px; position: absolute; top: 8px; transform: none; width: 8px; } .FilterAuthorsDropdown__item--3E5z3 { align-items: center; cursor: pointer; display: flex; flex-direction: row; font-size: 15px; } .FilterAuthorsDropdown__text--2UXMi { display: inline-block; margin: 0px 10px; overflow: hidden; text-overflow: ellipsis; width: 160px; } .FilterAuthorsDropdown__checkbox--zZ3jw { margin-top: 2px; } .FilterAuthorsDropdown__item_all--3oQaV .FilterAuthorsDropdown__text--2UXMi { max-width: 170px; text-overflow: clip; width: auto; } .Toolbar-new__root--23hic { align-items: center; box-sizing: border-box; display: flex; flex-direction: row; gap: 2px; height: 52px; padding: 0px 4px; width: 100%; } .Toolbar-new__root_add--2zExO { height: 36px; } .Toolbar-new__rootFixed--3-VTP > div { padding: 8px 4px; } .Toolbar-new__left--18M_H, .Toolbar-new__right--ZE85P { display: flex; flex-direction: row; gap: 2px; } .Toolbar-new__right--ZE85P { margin-left: auto; } .Toolbar-new__right--ZE85P.Toolbar-new__withWebSearch--1QE7E { flex-basis: 100%; flex-grow: 1; justify-content: flex-end; } .Toolbar-new__webSearch--3OF6f { flex-grow: 1; } .Toolbar-new__wideGap--377IR { gap: 12px; } .Toolbar-new__count--1v8dm { margin-right: 12px; } .Toolbar-new__disclaimer--2cON9 { size: 15px; align-items: center; background-color: var(--cloud--color_background_drag_and_drop); border-radius: 8px; display: flex; font-family: var(--vkui--font_family_accent); gap: 10px; height: 26px; line-height: 20px; padding: 8px 12px; width: 293px; } .Toolbar-new__vigboSection--US50W { gap: 8px; } .SidebarSubscriptionItem__root--2zqPs { background: var(--vkui--color_background_secondary); border-radius: 8px; cursor: pointer; display: flex; margin-bottom: 8px; padding: 12px; position: relative; } .SidebarSubscriptionItem__root--2zqPs:hover { background: var(--vkui--color_background_secondary--hover); } .SidebarSubscriptionItem__root_rebranding--1lqDy { background: var(--rebranding_theme_color_background_teritary); border-radius: 12px; } .SidebarSubscriptionItem__root_rebranding--1lqDy:hover { background: var(--rebranding_theme_color_background_secondary); } .SidebarSubscriptionItem__root_disable--37J9B { filter: grayscale(1); } .SidebarSubscriptionItem__titleIcon--2t0GQ { align-items: center; display: flex; height: 20px; position: absolute; right: 12px; top: 12px; } .SidebarSubscriptionItem__icon--Pr7R7 { margin-right: 8px; } .SidebarSubscriptionItem__icon--Pr7R7.SidebarSubscriptionItem__icon_rebranding--3bdTX { margin-right: 12px; } .SidebarSubscriptionItem__label--3a0aX { border-bottom-left-radius: 8px; border-top-right-radius: 8px; font-family: var(--font-tt-norms); font-size: 10px; font-weight: 500; line-height: 13px; padding: 4px 8px; position: absolute; right: 0px; top: 0px; } .SidebarSubscriptionItem__label_pro--1axEj { background: var(--vkui--color_icon_primary); color: var(--vkui--color_text_contrast); } .SidebarSubscriptionItem__label_discount--xAIg1 { background: rgb(255, 233, 167); color: rgb(193, 122, 15); } .SidebarSubscriptionItem__content--o3GoJ { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); } .SidebarSubscriptionItem__title--cBCgM { font-size: 15px; font-weight: 400; line-height: 20px; margin-bottom: 4px; } .SidebarSubscriptionItem__title_rebranding--3FuGO { font-weight: 500; } .SidebarSubscriptionItem__description--W94gM { color: var(--vkui--color_text_secondary); font-size: 12px; font-weight: 400; line-height: 18px; } .SidebarSubscriptionItem__description_rebranding--198fl { line-height: 16px; } .SidebarSubscriptionItem__description_accent--1gfzR { color: var(--vkui--color_text_accent); } .DiscountPromocodesList__root--Ul2lJ { margin-top: 12px; padding: 0px 10px; } .DiscountPromocodesList__activate--k4CnO, .DiscountPromocodesList__space--3vdJ9 { font-weight: 500; } .DiscountPromocodesList__activate--k4CnO { color: var(--vkui--color_text_accent); } .LinkVigboTooltip__root--3L0co { box-sizing: border-box; color: var(--vkui--color_text_primary); gap: var(--vkui--x3); padding: var(--vkui--x4); width: 310px; } .LinkVigboTooltip__root--3L0co, .LinkVigboTooltip__textBlock--12y3B { display: flex; flex-direction: column; } .LinkVigboTooltip__textBlock--12y3B { gap: var(--vkui--x1); width: 250px; } .LinkVigboTooltip__title--3hH2i { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .LinkVigboTooltip__text--3hraU { font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); } .LinkVigboTooltip__button--2teS3.ui.primary.button { border-radius: var(--vkui--x2); font-size: var(--vkui--font_headline2--font_size--regular); padding: var(--vkui--x3); width: fit-content; } .LinkVigboTooltip__image--K_TnU { border-bottom-right-radius: var(--vkui--x4); bottom: 13px; display: block; overflow: hidden; position: absolute; right: 13px; width: 128px; } .TrashNodeLabel__trashSize--162Gg { align-items: center; background-color: var(--vkui--color_background_content); border: 1px solid var(--vkui--color_background_negative); border-radius: 6px; color: var(--vkui--color_background_negative); display: flex; font-family: var(--font-tt-norms); font-size: var(--vkui--font_caption1--font_size--regular); font-weight: 500; height: 24px; line-height: var(--vkui--font_caption1--line-height--regular); padding-left: var(--vkui--x2); padding-right: var(--vkui--x2); } .TreeNodeLabel__label--1pp8L { background: var(--vkui--color_background_accent_tint_alpha); border-radius: 6px; color: var(--vkui--color_text_accent); font-family: var(--vkui--font_family_accent); font-size: 12px; font-weight: 400; line-height: 16px; padding: 2px 8px; } .TreeNode__root--22m4E { max-width: 256px; position: relative; } .TreeNode__root_mobile--1xaKy .TreeNode__folderIcon--1K5d7 { height: 14px; width: 14px; } .TreeNode__space--1jVGL { flex-shrink: 0; height: 100%; } .TreeNode__item--24fww { align-items: center; border-radius: 8px; cursor: pointer; display: flex; flex-direction: row; margin-bottom: 2px; padding: 10px 16px; position: relative; text-overflow: ellipsis; transition: background-color 0.1s ease-in-out; user-select: none; } .TreeNode__item--24fww:hover { background-color: var(--vkui--color_transparent--hover); } .TreeNode__selected--cLQ5O { background: var(--vkui--color_transparent--active); } .TreeNode__selected--cLQ5O:hover { background: var(--vkui--color_transparent--hover); } .TreeNode__drop--1cGjg:hover { background: var(--color-tree-drop-hover); } .TreeNode__dropDelete--4sdML:hover { background: var(--vkui--color_background_negative_tint); } .TreeNode__dropDelete--4sdML:hover, .TreeNode__dropDelete--4sdML:hover .TreeNode__title--3_ehQ { color: var(--vkui--color_background_negative); } .TreeNode__root_selectDlg--cT_dx { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 0; max-width: none; } .TreeNode__root_selectDlg--cT_dx .TreeNode__item--24fww:hover { background-color: var(--vkui--color_transparent--hover); } .TreeNode__root_selectDlg--cT_dx .TreeNode__selected--cLQ5O { background: var(--vkui--color_background_secondary_alpha); } .TreeNode__root_selectDlg--cT_dx .TreeNode__selected--cLQ5O:hover { background: var(--vkui--color_background_secondary_alpha--hover); } .TreeNode__root_selectDlg--cT_dx .TreeNode__title--3_ehQ { max-width: 300px; } .TreeNode__root_selectCheck--3mSe7 { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 0; max-width: none; } .TreeNode__root_selectCheck--3mSe7 .TreeNode__item--24fww { height: 21px; } .TreeNode__root_selectCheck--3mSe7 .TreeNode__item--24fww:hover { background-color: var(--color-datalist-selected); } .TreeNode__root_selectCheck--3mSe7 .TreeNode__selected--cLQ5O:hover { background: var(--color-control-active); } .TreeNode__expandControl--2DdmQ { align-items: center; display: flex; flex-shrink: 0; height: 20px; justify-content: center; margin-right: 16px; width: 20px; } .TreeNode__expandControlExpandable--ObE3T { border-radius: 32px; transition: background-color 0.1s ease-in-out; } .TreeNode__expandControlExpandable--ObE3T:hover { background-color: var(--vkui--color_field_border_alpha); } .TreeNode__expandIcon--2V1MF, .TreeNode__expandIconExpanded--1NOyC { transition: transform 0.1s ease-in-out; } .TreeNode__expandIconExpanded--1NOyC { transform: rotate(90deg); } .TreeNode__folderIcon--1K5d7 { align-items: center; display: flex; flex-shrink: 0; height: 20px; justify-content: center; margin-right: 16px; transform: translateZ(0px); width: 20px; } .TreeNode__folderIconRedesign--3nKpF { width: 28px; } .TreeNode__title--3_ehQ { color: var(--vkui--color_text_primary); flex-grow: 1; font-family: var(--font-tt-norms); font-size: 15px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .TreeNode__counter--3__lI { background: var(--vkui--color_background_secondary); border-radius: 8px; color: var(--vkui--color_text_secondary); height: 24px; justify-self: right; line-height: 24px; min-width: 22px; padding: 1px 2px; position: relative; text-align: center; vertical-align: middle; } .TreeNode__check--1cmnh { color: red; margin-right: 4px; } .TreeNode__counterBg--3nla_ { left: 0px; position: absolute; top: 0px; } .TreeNode__counterVal--KbMGu { font-weight: 700; position: relative; } .TreeNode__children--iL8Qv { color: var(--vkui--color_text_primary); display: flex; flex-direction: column; font-size: 13px; font-weight: 700; } .TreeNode__loaderItem--3JnjT { user-select: none; } .TreeNode__titlePlaceholder--3JhMV { animation: 1.5s ease-in-out 0.5s infinite normal none running TreeNode__keyframes-pulse--2dNW-; background: rgba(21, 21, 74, 0.06); border-radius: 2px; height: 8px; overflow: hidden; position: relative; width: 100px; } .TreeNode__titlePlaceholder--3JhMV:empty::before { content: " "; } .TreeNode__divider--oL3tI { background-color: var(--vkui--color_image_border_alpha); display: block; height: 1px; margin: 9px 0px; width: 100%; } .TreeNode__hideExpandControl--2SK1u { display: none; } .TreeNode__expandControlNew---DysW { margin-left: 4px; margin-right: 8px; } .TreeNode__children--iL8Qv .TreeNode__expandControlNew---DysW { margin-left: 0px; margin-right: 0px; } .TreeNode__beta--ihFgg { font-size: 15px; } .TreeNode__beta--ihFgg, .TreeNode__newTag--1gYth { color: var(--vkui--color_text_accent); font-family: var(--vkui--font_family_accent); } .TreeNode__newTag--1gYth { background: var(--vkui--color_background_accent_tint_themed_alpha); border-radius: 6px; font-size: 12px; font-weight: 500; line-height: 16px; padding: 2px 8px; } .TreeNode__safeAb--y73Vz { flex-grow: 0; margin-right: 8px; } .TreePromo__root--diubo { display: block; height: 48px; margin-bottom: 26px; margin-top: 16px; position: relative; } .TreePromo__link--X0dlq { align-items: center; background-color: var(--vkui--color_background_tertiary); border-radius: 12px; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; height: 100%; padding-left: 16px; padding-right: 40px; width: 100%; } .TreePromo__link--X0dlq:hover { background-color: var(--vkui--color_background_tertiary--hover); color: var(--vkui--color_text_primary--hover); } .TreePromo__link--X0dlq:active, .TreePromo__link--X0dlq:focus { background-color: var(--vkui--color_background_tertiary--active); color: var(--vkui--color_text_primary--active); } .TreePromo__text--2FlP_ { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_weight_accent1); margin-left: 12px; } .TreePromo__close--22yFQ { color: var(--vkui--color_accent_gray); cursor: pointer; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); } .UpcomingChargeInformer__root--SuULe { background-color: var(--vkui--color_background_accent_tint_alpha); border-radius: 12px 12px 16px 16px; display: flex; flex-direction: column; font-family: var(--vkui--font_family_base); margin-bottom: 8px; } body.vkui--cloud--dark .UpcomingChargeInformer__root--SuULe, body.vkui--octavius--dark .UpcomingChargeInformer__root--SuULe { background-color: var(--vkui--color_background_secondary); } .UpcomingChargeInformer__content--2U8tN { align-items: flex-start; display: flex; gap: 8px; padding: 8px 14px 12px 16px; } .UpcomingChargeInformer__icon--3KYmP { color: var(--vkui--color_icon_accent); flex-shrink: 0; margin-top: -1px; } .UpcomingChargeInformer__textBlock--3sNLp { display: flex; flex-direction: column; gap: 8px; min-width: 0px; } .UpcomingChargeInformer__text--2r2Ji { color: var(--vkui--color_text_primary); font-size: 14px; line-height: 18px; } .UpcomingChargeInformer__accented--13xB0 { font-weight: 600; } .UpcomingChargeInformer__link--3FqUj { align-self: flex-start; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--vkui--color_text_accent); cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 18px; padding: 0px; } .InfoComponent__root--3UZY0 { border-radius: 8px; display: flex; margin: 0px 24px 16px; padding: 16px 24px 0px 20px; } .InfoComponent__root_info--1ytEj { background-color: var(--vkui--color_background_warning_tint_themed_alpha); } .InfoComponent__root_success--1rnzy { background-color: var(--vkui--color_background_positive_tint_themed_alpha); } .InfoComponent__infoComponentIcon--3DQKG { flex-shrink: 0; height: 32px; margin-right: 12px; width: 42px; } .InfoComponent__infoComponentText--DzWS6 { color: var(--vkui--color_text_primary); display: flex; flex-direction: column; line-height: 20px; margin-bottom: 16px; margin-right: 32px; white-space: pre-wrap; width: 100%; word-break: break-word; } .InfoComponent__infoComponentTitle--2fOmL { font-size: 16px; font-weight: 500; line-height: 22px; margin-bottom: 4px; } .InfoComponent__infoComponentDescription--3usQi { font-size: 15px; line-height: 20px; } .InfoComponent__infoComponentLink--2Hf5l { margin-top: 8px; } .InfoComponent__button--1UTqs { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--vkui--color_text_accent); cursor: pointer; display: flex; font-size: 15px; font-weight: 500; line-height: 20px; padding: 12px 0px; } .InfoComponent__button--1UTqs:hover { color: var(--vkui--color_text_accent--hover); } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .vkui--cloud--dark.rebranding .FilesMigrationStatus__root--37eMU { box-shadow: rgb(0, 0, 0) 0px 4px 32px; } .FilesMigrationStatus__root--37eMU { -webkit-font-smoothing: antialiased; animation: 0.5s ease 0s 1 normal none running FilesMigrationStatus__move--22wDV; background-color: var(--vkui--color_background_modal); border-radius: 12px; box-shadow: 0 4px 32px var(--vkui--color_image_border_alpha--active); content: ""; display: flex; flex-direction: column; font-family: var(--font-tt-norms); width: 520px; } @keyframes FilesMigrationStatus__move--22wDV { 0% { bottom: 0px; } 100% { bottom: 30px; } } .FilesMigrationStatus__root--37eMU.FilesMigrationStatus__responsive--2JNlL { right: 8px; width: 356px; } @media (min-width: 840px) { .FilesMigrationStatus__root--37eMU.FilesMigrationStatus__responsive--2JNlL { right: 30px; width: 520px; } } .FilesMigrationStatus__header--3QoL0 { display: flex; flex-direction: column; justify-content: space-around; margin: 0px 24px 16px; width: 472px; } .FilesMigrationStatus__header--3QoL0.FilesMigrationStatus__responsive--2JNlL { margin: 0px 20px 16px; width: 316px; } @media (min-width: 840px) { .FilesMigrationStatus__header--3QoL0.FilesMigrationStatus__responsive--2JNlL { margin: 0px 32px 16px; width: 456px; } } .FilesMigrationStatus__header_noInfo--bV5Po { margin-bottom: 0px; } .FilesMigrationStatus__controlsWrapper--2plkM { display: flex; justify-content: space-between; margin-bottom: 16px; margin-top: 24px; } .FilesMigrationStatus__controlsWrapper_Info--3oAAF { margin-bottom: 0px; } .FilesMigrationStatus__textWrapper--1QgJh { display: flex; flex-direction: column; } .FilesMigrationStatus__mainText--2TSe2 { font-feature-settings: "tnum"; align-items: center; color: var(--vkui--color_text_primary); display: flex; font-size: 17px; font-variant-numeric: tabular-nums; font-weight: 500; line-height: 24px; margin-bottom: 2px; margin-right: 8px; min-width: 190px; text-align: left; } .FilesMigrationStatus__mainText--2TSe2.FilesMigrationStatus__responsive--2JNlL { min-width: auto; } @media (min-width: 840px) { .FilesMigrationStatus__mainText--2TSe2.FilesMigrationStatus__responsive--2JNlL { min-width: 190px; } } .FilesMigrationStatus__secondaryText--1FtCM { color: var(--vkui--color_text_secondary); font-size: 14px; font-weight: 400; line-height: 18px; } .FilesMigrationStatus__controls--8UVcU, .FilesMigrationStatus__expand--3qXE1 { align-items: center; display: flex; } .FilesMigrationStatus__expand--3qXE1 { border-radius: 8px; color: var(--vkui--color_icon_secondary); cursor: pointer; height: 36px; justify-content: center; transition: transform 0.2s; width: 36px; } .FilesMigrationStatus__expand--3qXE1:hover { background: var(--vkui--color_background_secondary_alpha--hover); } .FilesMigrationStatus__expand--3qXE1:active { background: var(--vkui--color_background_secondary_alpha--active); } .FilesMigrationStatus__expand--3qXE1.FilesMigrationStatus__expandClosed--m0I2b { transform: rotate(180deg); } .FilesMigrationStatus__close--2xb9o { align-items: center; border-radius: 8px; color: var(--vkui--color_icon_secondary); cursor: pointer; display: flex; height: 36px; justify-content: center; width: 36px; } .FilesMigrationStatus__close--2xb9o:hover { background: var(--vkui--color_background_secondary_alpha--hover); } .FilesMigrationStatus__close--2xb9o:active { background: var(--vkui--color_background_secondary_alpha--active); } .FilesMigrationStatus__files--2eY-N { background-color: var(--vkui--color_background_modal); border-radius: 12px 0px 0px 12px; max-height: 260px; overflow: hidden; transition: max-height 0.3s linear; width: 100%; } .FilesMigrationStatus__files--2eY-N.FilesMigrationStatus__hide--Iuvnw { max-height: 0px; } .FilesMigrationStatus__fileItem--3xB4x { align-items: center; border-radius: 8px; display: flex; font-size: 16px; height: 56px; justify-content: space-between; margin: 0px 24px; } .FilesMigrationStatus__fileItem--3xB4x:hover { background-color: var(--vkui--color_transparent--hover); } .FilesMigrationStatus__fileItem--3xB4x:last-child { margin-bottom: 16px; } .FilesMigrationStatus__fileInfo--3pf4b { align-items: center; display: flex; flex: 1 1 auto; margin-right: 16px; max-width: 324px; overflow: hidden; width: 100%; } .FilesMigrationStatus__fileInfo--3pf4b.FilesMigrationStatus__responsive--2JNlL { margin-right: 10px; max-width: 178px; } @media (min-width: 840px) { .FilesMigrationStatus__fileInfo--3pf4b.FilesMigrationStatus__responsive--2JNlL { margin-right: 24px; max-width: 332px; } } .FilesMigrationStatus__fileIcon--37NIu { flex-shrink: 0; height: 40px; margin-right: 16px; width: 40px; } .FilesMigrationStatus__fileName--RuXcb { font-size: 14px; font-weight: 400; line-height: 18px; overflow: hidden; width: 210px; } .FilesMigrationStatus__loadingIconWrap--r5jww { cursor: pointer; margin-right: 16px; } .FilesMigrationStatus__fileSize--2Vr0r { color: var(--vkui--color_text_secondary); font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; } .ContinueUpload__root--JgY-H { display: flex; } .UploadersList__root--Bz_Wv { display: flex; flex-direction: column; gap: 12px; } .AiPhotoGenerationEntryButton__button--23Id2 { align-items: center; background: linear-gradient(66deg,var(--vkui--color_background_accent) 5.51%,var(--vkui--color_accent_cyan) 100%); border-radius: 100px; box-sizing: border-box; cursor: pointer; display: flex; height: 48px; justify-content: center; padding: 11px; transition: width 0.6s cubic-bezier(0.34, 1.26, 0.64, 1), padding 0.6s cubic-bezier(0.34, 1.26, 0.64, 1), gap 0.6s cubic-bezier(0.34, 1.26, 0.64, 1); white-space: nowrap; width: 48px; } .AiPhotoGenerationEntryButton__button--23Id2:hover { gap: 4px; padding: 11px; width: 290px; } .AiPhotoGenerationEntryButton__text--1C9DE { color: var(--vkui--color_text_contrast); font-size: 17px; line-height: 22px; max-width: 0px; opacity: 0; overflow: hidden; transition: max-width 0.6s cubic-bezier(0.34, 1.26, 0.64, 1), opacity 0.2s, transform 0.6s cubic-bezier(0.34, 1.26, 0.64, 1); } .AiPhotoGenerationEntryButton__button--23Id2:hover .AiPhotoGenerationEntryButton__text--1C9DE { max-width: 244px; opacity: 1; } .B2BUploadButton__root--3u0FV { bottom: 30px; position: fixed; right: 30px; } .B2BUploadButton__root--3u0FV.B2BUploadButton__shifted_by_panel--1jgOF { right: 410px; } .B2BUploadButton__toolbarItem--1U97a { height: auto; padding: 10px 0px 0px; width: auto; background-color: initial !important; } .B2BUploadButton__button--2RXyf { align-items: center; background: var(--vkui--color_text_accent); border-radius: 24px; box-sizing: border-box; cursor: pointer; display: flex; font-size: 20px; height: 48px; justify-content: center; padding: 0px 25px; white-space: nowrap; z-index: 1; } .B2BUploadButton__button--2RXyf, .B2BUploadButton__text--3D1N1 { color: var(--vkui--color_text_contrast); } .B2BUploadButton__text--3D1N1 { margin-left: 8px; user-select: none; } .B2BUploadButton__icon--wZShR { display: flex; pointer-events: none; position: relative; text-align: center; transform: translateY(-1px); } .B2BUploadButton__icon--wZShR svg { fill: var(--vkui--color_background); } .rebranding .Upload__circle--3zdwT::after { box-shadow: none; } @supports (backdrop-filter:none) { .rebranding .Upload__circle--3zdwT::after { background: color-mix(in srgb,var(--vkui--color_background_accent) 80%,transparent); } } .Upload__open--1kYMS .rebranding .Upload__circle--3zdwT::after { transform: translate(-182px, -265px); } .rebranding .Upload__circleText--3997v { margin-top: 16px; } .rebranding .Upload__circleContent--3U3TB { bottom: 4px; right: 12px; } .rebranding .Upload__root--3sm3X { right: -91px; top: -17px; } .rebranding .Upload__root_album--2f472 { right: -143px; } .rebranding .Upload__root_gallery--1j3tX { right: -18px; } .rebranding .Upload__root_phone--AecbB { right: 0px; top: 0px; } @supports (backdrop-filter:none) { .vkui--cloud--dark.rebranding .Upload__circle--3zdwT::after { background: color-mix(in srgb,var(--vkui--color_background_accent) 80%,transparent); } } :root { --animation-function: cubic-bezier(0.7,0,0.4,1); } .Upload__root--3sm3X { align-items: center; cursor: pointer; display: flex; flex-direction: column; font-family: var(--font-tt-norms); font-size: 20px; height: 48px; justify-content: flex-start; position: absolute; right: -90px; top: -22px; width: 132px; z-index: 1; } .Upload__root--3sm3X.Upload__shifted_by_panel--1WIwU { right: 290px; } .Upload__root_album--2f472 { right: -131px; width: 214px; } .Upload__root_album--2f472.Upload__shifted_by_panel--1WIwU { right: 249px; } .Upload__root_phone--AecbB { height: 44px; right: 0px; top: 0px; width: 143px; } .Upload__root_phone--AecbB .Upload__button--iEiIR { font-size: 16px; font-weight: 500; width: 143px; } .Upload__root_phone--AecbB .Upload__circle--3zdwT { visibility: hidden; } .Upload__button--iEiIR { align-items: center; background: var(--vkui--color_background_accent); border-radius: 24px; box-shadow: 0 20px 40px 0 var(--vkui--color_background_accent_tint_alpha--active); box-sizing: border-box; color: rgb(255, 255, 255); cursor: pointer; display: flex; font-size: 20px; gap: 8px; height: 100%; justify-content: center; padding: 0px 25px; position: absolute; white-space: nowrap; z-index: 2; } .Upload__open--1kYMS .Upload__button--iEiIR { visibility: hidden; } .Upload__no_transition--1quef .Upload__button--iEiIR { padding: 0px 22px; visibility: visible; } .Upload__buttonText--1-Tcl { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_contrast); font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .Upload__circle--3zdwT { position: relative; right: 0px; top: 0px; visibility: visible; will-change: transform, visibility; z-index: 1; } .Upload__circle--3zdwT, .Upload__circle--3zdwT::after { -webkit-font-smoothing: antialiased; height: 48px; width: 134px; } .Upload__circle--3zdwT::after { background: var(--vkui--color_background_accent); border-radius: 24px; box-shadow: 0 20px 40px 0 var(--vkui--color_background_accent_tint_alpha--active); content: ""; position: absolute; transition: all .25s var(--animation-function); } @supports (backdrop-filter:none) { .Upload__circle--3zdwT::after { backdrop-filter: blur(8px); backface-visibility: hidden; background: rgba(0, 95, 249, 0.8); } } .Upload__open--1kYMS .Upload__circle--3zdwT::after { border-radius: 100%; height: 432px; transform: translate(-170px, -261px); width: 432px; } .Upload__root_centered--qg-0G.Upload__open--1kYMS .Upload__circle--3zdwT::after { transform: translate(-150px, -261px); } @supports (-moz-appearance:none) { .Upload__circle--3zdwT::after { background: var(--vkui--color_background_accent); } } .Upload__circleContent--3U3TB { -webkit-font-smoothing: antialiased; align-items: center; bottom: 25px; display: flex; flex-direction: column; position: absolute; right: 0px; transition: none; visibility: hidden; width: 213px; z-index: 1; } .Upload__root_centered--qg-0G .Upload__circleContent--3U3TB { left: 50%; right: auto; transform: translateX(-50%); } .Upload__open--1kYMS .Upload__circleContent--3U3TB { transition: 0.1s 0.3s; visibility: visible; } .Upload__circleContent_wide--2bmsK { right: -30px; } .Upload__circleText--3997v { color: var(--vkui--color_text_contrast); font-family: var(--vkui--font_title3--font_family--regular,VKSansDisplay,Helvetica,Arial); font-size: 18px; font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); text-align: center; } .Upload__touchButton--16UGi { font-family: var(--vkui--font_headline1--font_family--regular,var(--font_family--vk_sans_display)); font-size: var(--vkui--font_headline1--font_size--regular,16px); font-weight: var(--vkui--font_headline1--font_weight--regular,500); line-height: 22px; width: 100%; } .Upload__new_empty_states--3qGug { box-sizing: border-box; padding-left: 24px; padding-right: 24px; width: 100%; } @media (max-width: 1004px) { .Upload__root--3sm3X:not(.Upload__responsive--1hhqY).Upload__shifted_by_panel--1WIwU { position: static; } } .Upload__mascot--2d8kQ { height: 74px; width: 68px; } .rebranding .UploadButtons__root--2JqBh .UploadButtons__uploadItem--XKTub { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .rebranding .UploadButtons__root--2JqBh .UploadButtons__uploadItem--XKTub:hover { background-color: rgb(51, 51, 51); } .UploadButtons__root--2JqBh { color: var(--vkui--color_text_primary); display: flex; flex-direction: column; font-size: 15px; line-height: 20px; margin-top: 14px; } .UploadButtons__root--2JqBh .UploadButtons__uploadItem--XKTub { align-items: center; background-color: var(--vkui--color_background_content); border-radius: 12px; box-sizing: border-box; cursor: pointer; display: flex; font-weight: 500; height: 48px; justify-content: start; margin-top: 12px; padding: 12px; width: 192px; } .UploadButtons__root--2JqBh .UploadButtons__uploadItem--XKTub .UploadButtons__text--3hIwz { margin-left: 14px; } .UploadButtons__root--2JqBh .UploadButtons__uploadItem--XKTub:hover { background-color: var(--vkui--color_background--hover); } .UploadButtons__root--2JqBh .UploadButtons__uploadItem--XKTub:active, .UploadButtons__root--2JqBh .UploadButtons__uploadItem--XKTub:focus { background-color: var(--vkui--color_background--activeactive); } .UploadButtons__root--2JqBh .UploadButtons__wide--XKP07 { width: 240px; } @keyframes UploadDropArea__drop-area-pulse--3nRGV { 0% { transform: scale(3.3); } 50% { transform: scale(3.5); } 100% { transform: scale(3.3); } } @keyframes UploadDropArea__grow--fj1lX { 0% { transform: scale(1); } 100% { transform: scale(3); } } @keyframes UploadDropArea__grown--3bZbS { 0% { transform: scale(1); } 10% { transform: scale(3.3); } 100% { transform: scale(3.5); } } @keyframes UploadDropArea__drop-area-pulse-outer--3UtX3 { 0% { transform: scale(1.05); } 50% { transform: scale(1.08); } 100% { transform: scale(1.05); } } @keyframes UploadDropArea__grow-outer--1Ky1f { 0% { transform: scale(1); } 100% { transform: scale(1.05); } } @keyframes UploadDropArea__grown-outer--1Gx9a { 100% { color: var(--vkui--color_background_accent_tint_alpha); transform: scale(1.08); } } .UploadDropArea__root--3B87x { bottom: 70px; left: 0px; position: fixed; right: 95px; z-index: 999; } .UploadDropArea__root--3B87x.UploadDropArea__new_empty_states--hFzJA { width: 100%; } .UploadDropArea__root_upload--2cM_f { right: 130px; } .UploadDropArea__root_album--1vnJh.UploadDropArea__root_upload--2cM_f { right: 170px; } body.body_get-mobile-app-promo .UploadDropArea__root--3B87x { bottom: 200px; } .UploadDropArea__root_phone--pzlhL { bottom: 60px; right: 16px; } .UploadDropArea__root_simple--5Gy4w { align-items: center; background: var(--vkui--color_background_accent); border-radius: 50%; color: var(--vkui--color_text_contrast); display: flex; justify-content: center; } .UploadDropArea__root_simple--5Gy4w svg { fill: var(--vkui--color_background); } .UploadDropArea__root_public--fBvKc { bottom: 129px; } .UploadDropArea__clickArea--2qLRx { position: absolute; } .UploadDropArea__clickArea--2qLRx, .UploadDropArea__root_isDrag--XyaAP::before { height: 100%; left: 0px; top: 0px; width: 100%; } .UploadDropArea__root_isDrag--XyaAP::before { bottom: 0px; content: ""; position: fixed; right: 0px; } .UploadDropArea__root_hide--3_-rm { display: none; } .UploadDropArea__root_inline--3Op3p { bottom: 0px; height: 100%; margin: 0px auto; position: relative; } .UploadDropArea__root_inline--3Op3p::before { position: absolute; } .UploadDropArea__area--rZblU { align-items: center; cursor: pointer; display: flex; flex-direction: column; height: 74px; justify-content: flex-start; left: 100%; transform: translateY(-50%) translateX(-50%); width: 74px; z-index: 10; } .UploadDropArea__area--rZblU, .UploadDropArea__area--rZblU::before { position: absolute; top: 0px; } .UploadDropArea__area--rZblU::before { border-radius: 50%; bottom: 0px; box-shadow: 0 20px 40px 0 var(--vkui--color_background_accent_tint_alpha--active); content: ""; left: 0px; right: 0px; } .UploadDropArea__area_inline--2AHKj { bottom: 0px; left: 50%; margin-bottom: -20px; top: auto; } .UploadDropArea__area_open--2RXTd .UploadDropArea__circle--2tpLL { transform: scale(3.3); } .UploadDropArea__area_open--2RXTd .UploadDropArea__pulse--2pXrA { animation: 0.25s ease-in-out 0s 1 normal none running UploadDropArea__grow--fj1lX, 1.5s ease-in-out 0.25s infinite normal none running UploadDropArea__drop-area-pulse--3nRGV; z-index: 0; } .UploadDropArea__area_open--2RXTd .UploadDropArea__freezed--2KA_C, .UploadDropArea__area_open--2RXTd .UploadDropArea__pulse--2pXrA { color: var(--vkui--color_text_accent); height: 74px; left: 0px; position: absolute; top: 0px; width: 74px; } .UploadDropArea__area_open--2RXTd .UploadDropArea__freezed--2KA_C { animation: 0.75s ease-in-out 0s 1 normal forwards running UploadDropArea__grown--3bZbS; background-clip: content-box; padding: 1px; z-index: 1; } .UploadDropArea__area_open--2RXTd .UploadDropArea__text--1MPaM { opacity: 1; transform: scale(1); } .UploadDropArea__area_open--2RXTd .UploadDropArea__icon--3T6BZ { transform: translateY(-23px); } .UploadDropArea__circle--2tpLL { color: var(--vkui--color_text_accent); height: 74px; left: 0px; top: 0px; transition: transform 0.25s cubic-bezier(0.42, 0, 0, 1); width: 74px; } .UploadDropArea__circle--2tpLL, .UploadDropArea__outerCircle--1X1cD { position: absolute; transform: scale(1); } .UploadDropArea__outerCircle--1X1cD { animation: 0.25s ease-in-out 0s 1 normal none running UploadDropArea__grow-outer--1Ky1f, 1.5s ease-in-out 0.25s infinite normal none running UploadDropArea__drop-area-pulse-outer--3UtX3; bottom: -290px; color: var(--vkui--color_background_accent_tint_alpha); height: 600px; right: -280px; width: 600px; } @media (min-width: 1530px) { .UploadDropArea__outerCircle--1X1cD { height: 700px; width: 700px; } .UploadDropArea__outerCircle--1X1cD svg circle { cx: 350px; cy: 350px; r: 345px; } } .UploadDropArea__outerCircle_open--2tOhB { animation: 0.55s ease-in-out 0s 1 normal forwards running UploadDropArea__grown-outer--1Gx9a; } .UploadDropArea__text--1MPaM { color: var(--vkui--color_text_contrast); font-family: var(--font-tt-norms); font-size: 15px; line-height: 18px; margin-top: 20px; opacity: 0; transform: scale(0); transition: transform 0.3s ease-in-out; width: 172px; } .UploadDropArea__icon--3T6BZ, .UploadDropArea__text--1MPaM { text-align: center; } .UploadDropArea__icon--3T6BZ { pointer-events: none; position: relative; transform: translateY(26px); transition: transform 0.25s cubic-bezier(0.42, 0, 0, 1); will-change: transform; z-index: 2; } .UploadDropArea__icon--3T6BZ svg { fill: var(--vkui--color_background); } .UploadDropArea__input--lVhu- { display: none; } .UploadDropArea__progress--2aSct { font-feature-settings: "tnum", "lnum", "tnum"; color: var(--vkui--color_text_contrast); font-family: Inter; font-size: 20px; font-variant-numeric: tabular-nums; font-weight: 500; margin: 0px auto; position: absolute; top: 25px; } .UploadDropArea__progress_upload--206II { top: auto; } .UploadDropArea__progressIcon--35k87 { fill: var(--vkui--color_background); margin-top: -7px; } .UploadDropArea__underline--1cq-v { text-decoration: underline; } .UploadDropArea__upload--2VNGt { color: var(--vkui--color_text_contrast); } .UploadDropArea__bugreportBlock--1PJcm { bottom: -32px; position: absolute; right: 63px; } .UploadDropArea__root_album--1vnJh > .UploadDropArea__bugreportBlock--1PJcm { right: 93px; } @media (max-width: 1004px) { .UploadDropArea__root--3B87x.UploadDropArea__shifted_by_panel--3YD9M { margin-left: auto; margin-right: 10px; position: sticky; right: 40px; width: min-content; } } .UploadDropArea__albumButton--2xLFf { display: flex; gap: 8px; } .UploadDropArea__albumButtonText--19bE- { align-self: center; } .UploadDropArea__aiBlock--2RhD3 { bottom: -32px; position: absolute; right: 64px; } .UploadDropArea__aiBlockGallery--3pPq4 { right: 136px; } .UploadDropArea__aiBlockMyTeam--2KT03 { bottom: 38px; position: fixed; right: 234px; } .Alert__root--1AP0K .content { font-family: var(--font-tt-norms); } .Alert__root--1AP0K.ui.modal { border-radius: 12px; font-family: var(--font-tt-norms); } .Alert__wrapper--L08bK { display: flex; flex-direction: column; height: 224px; } .Alert__wrapper--L08bK .Alert__title--3ctfq { font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); margin-top: 24px; } .Alert__wrapper--L08bK .Alert__description--T49vD { font-family: var(--font-inter); font-size: 15px; line-height: 20px; margin-top: 12px; } .Alert__wrapper--L08bK .Alert__wrapper_button--3naCA { display: flex; margin-bottom: 32px; margin-top: 24px; } .Alert__wrapper--L08bK .Alert__wrapper_button--3naCA .Alert__button--Vz6lR.ui.button { font-family: var(--font-tt-norms); height: 40px; margin-right: 12px; width: 172px; } .rebranding .Controls__upload--1Wm_Z svg { fill: var(--vkui--color_icon_accent); } .vkui--cloud--dark.rebranding .Controls__upload--1Wm_Z svg { fill: var(--vkui--color_icon_accent); } .Controls__root--1Z9i4, .Controls__upload--1Wm_Z { display: flex; } .Controls__upload--1Wm_Z { align-items: center; background: var(--vkui--color_background_accent_tint_alpha); border-radius: 8px; cursor: pointer; height: 36px; justify-content: center; width: 36px; } .Controls__upload--1Wm_Z:hover { background: var(--vkui--color_background_accent_tint_alpha--hover); } .Controls__upload--1Wm_Z:active { background: var(--vkui--color_background_accent_tint_alpha--active); } .Controls__upload--1Wm_Z svg { fill: var(--vkui--color_text_accent); } .Controls__expand--YnX9S { align-items: center; border-radius: 8px; cursor: pointer; display: flex; height: 36px; justify-content: center; margin-left: 2px; transform: rotate(180deg); transition: transform 0.25s ease-in-out; width: 36px; } .Controls__expand--YnX9S:hover { background: var(--vkui--color_transparent--hover); } .Controls__expand--YnX9S:active { background: var(--vkui--color_transparent--active); } .Controls__expand--YnX9S svg { color: var(--vkui--color_icon_secondary); } .Controls__expandClosed--2zbcX { transform: none; } .Controls__close--2Y4Yr { align-items: center; border-radius: 8px; cursor: pointer; display: flex; height: 36px; justify-content: center; margin-left: 2px; width: 36px; } .Controls__close--2Y4Yr:hover { background: var(--vkui--color_transparent--hover); } .Controls__close--2Y4Yr:active { background: var(--vkui--color_transparent--active); } .Controls__close--2Y4Yr svg { color: var(--vkui--color_icon_secondary); } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .Progress__root--3MFBq { display: flex; } .Progress__root--3MFBq .Progress__textWrapper--kkN6B { display: flex; flex-direction: column; } .Progress__root--3MFBq .Progress__textWrapper--kkN6B .Progress__mainText--2olDy { font-feature-settings: "tnum"; align-items: center; color: var(--vkui--color_text_primary); display: flex; font-size: 17px; font-variant-numeric: tabular-nums; font-weight: 500; line-height: 24px; margin-bottom: 2px; margin-right: 8px; min-width: 190px; text-align: left; } .Progress__root--3MFBq .Progress__textWrapper--kkN6B .Progress__mainText--2olDy.Progress__responsive--3pAhZ { min-width: auto; } @media (min-width: 840px) { .Progress__root--3MFBq .Progress__textWrapper--kkN6B .Progress__mainText--2olDy.Progress__responsive--3pAhZ { min-width: 190px; } } .Progress__root--3MFBq .Progress__textWrapper--kkN6B .Progress__secondaryText--1KdaF { color: var(--vkui--color_text_secondary); font-size: 14px; font-weight: 400; line-height: 18px; } .Progress__root--3MFBq .Progress__textWrapper--kkN6B .Progress__secondaryText--1KdaF .Progress__error--22koI { color: var(--vkui--color_text_negative); cursor: pointer; } .Progress__root_mobile--2VzNi .Progress__textWrapper--kkN6B { align-items: start; } .Progress__root_mobile--2VzNi .Progress__mainText--2olDy { font-family: var(--font-tt-norms); font-size: 16px; line-height: 22px; margin-bottom: 2px; margin-right: 8px; } .Progress__root_mobile--2VzNi .Progress__secondaryText--1KdaF { font-family: var(--font-tt-norms); font-size: 13px; } .rebranding .ProgressBar__color--2ZBEY { background: var(--vkui--color_stroke_accent); } .ProgressBar__root--3R_LY { background: var(--vkui--color_image_border_alpha); border-radius: 2px; display: flex; flex-direction: column; height: 2px; } .ProgressBar__root_mobile--1RpXD, .ProgressBar__root_mobile--1RpXD .ProgressBar__color--2ZBEY { height: 4px; } .ProgressBar__color--2ZBEY { background: var(--vkui--color_background_accent); border-radius: 2px; height: 2px; transition: width 0.3s linear; } .ProgressBar__color--2ZBEY.ProgressBar__complete--1FqwD { background: var(--vkui--color_background_positive); } .ProgressBar__color--2ZBEY.ProgressBar__empty--2yFU0 { background: var(--vkui--color_image_border_alpha); } .ProgressBar__color--2ZBEY.ProgressBar__warning--2ehmW { background: var(--vkui--color_icon_secondary); } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .Header__root--gHWkt { display: flex; flex-direction: column; justify-content: space-around; margin: 0px 24px 16px; width: 472px; } .Header__root--gHWkt.Header__responsive--2hvIc { margin: 0px 20px 16px; width: 316px; } @media (min-width: 840px) { .Header__root--gHWkt.Header__responsive--2hvIc { margin: 0px 32px 16px; width: 456px; } } @media (max-width: 960px) { .Header__root--gHWkt.Header__responsive--2hvIc.Header__narrow--3o5ZC { margin: 0px 20px 16px; width: 316px; } } .Header__controlsWrapper--3jDI3 { display: flex; justify-content: space-between; margin-bottom: 16px; margin-top: 24px; } .Thumb__root--2qP57 { height: 100%; left: 0px; object-fit: cover; position: absolute; top: 0px; width: 100%; } .Thumb__root--2qP57.Thumb__borderRadius--u0N9V { border-radius: 4px; } .FilePicture__root--1n4rH { align-items: center; display: flex; height: 100%; justify-content: center; position: relative; width: 100%; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .Item__root--gfuRW { content-visibility: auto; contain-intrinsic-size: 56px; border-radius: 8px; display: flex; font-size: 16px; height: 56px; margin: 0px 8px; } .Item__root--gfuRW:hover { background-color: var(--vkui--color_transparent--hover); } .Item__root--gfuRW.Item__cursor--1AsYZ { cursor: pointer; } .Item__root--gfuRW.Item__highlight--18Ych { animation: 0.5s ease 0s 1 normal none running Item__changeBg--2C79h; } @keyframes Item__changeBg--2C79h { 0% { background-color: var(--vkui--color_text_contrast); } 100% { background-color: var(--vkui--color_transparent--active); } } .Item__root--gfuRW:last-child { margin-bottom: 16px; } .Item__root--gfuRW .Item__elements--2ViFz { align-items: center; display: flex; justify-content: space-between; margin-left: 16px; margin-right: 16px; width: 100%; } .Item__root--gfuRW .Item__elements--2ViFz.Item__responsive--3bKAo { margin-left: 10px; margin-right: 10px; } @media (min-width: 840px) { .Item__root--gfuRW .Item__elements--2ViFz.Item__responsive--3bKAo { margin-left: 20px; margin-right: 24px; } } @media (max-width: 960px) { .Item__root--gfuRW .Item__elements--2ViFz.Item__responsive--3bKAo.Item__narrow--i1la6 { margin-left: 10px; margin-right: 10px; } } .Item__root--gfuRW .Item__elements--2ViFz .Item__error--A1Y9f { color: var(--vkui--color_background_negative); } .Item__root--gfuRW .Item__elements--2ViFz .Item__wrapperText--1r8Gl { align-items: center; display: flex; flex: 1 1 auto; max-width: 324px; overflow: hidden; width: 100%; } .Item__root--gfuRW .Item__elements--2ViFz .Item__wrapperText--1r8Gl.Item__responsive--3bKAo { max-width: 178px; } @media (min-width: 840px) { .Item__root--gfuRW .Item__elements--2ViFz .Item__wrapperText--1r8Gl.Item__responsive--3bKAo { max-width: 332px; } } @media (max-width: 960px) { .Item__root--gfuRW .Item__elements--2ViFz .Item__wrapperText--1r8Gl.Item__responsive--3bKAo.Item__narrow--i1la6 { max-width: 178px; } } .Item__root--gfuRW .Item__elements--2ViFz .Item__wrapperText--1r8Gl .Item__type--1m9ry { flex-shrink: 0; height: 40px; margin-right: 16px; width: 40px; } .Item__root--gfuRW .Item__elements--2ViFz .Item__wrapperText--1r8Gl .Item__name--1IZL7 { overflow: hidden; width: 210px; } .Item__root--gfuRW .Item__elements--2ViFz .Item__wrapperText--1r8Gl .Item__message--CxG2d { align-items: center; border-radius: 8px; cursor: pointer; display: flex; flex-shrink: 0; height: 36px; justify-content: center; margin-left: 8px; width: 36px; } .Item__root--gfuRW .Item__elements--2ViFz .Item__wrapperText--1r8Gl .Item__message--CxG2d.Item__warning--2Xsf-:hover { background: var(--vkui--color_background_secondary_alpha--hover); } .Item__root--gfuRW .Item__elements--2ViFz .Item__wrapperText--1r8Gl .Item__message--CxG2d.Item__warning--2Xsf-:active { background: var(--vkui--color_background_secondary_alpha--active); } .Item__root--gfuRW .Item__elements--2ViFz .Item__wrapperText--1r8Gl .Item__message--CxG2d.Item__info--1AEB7 > svg { color: var(--vkui--color_icon_secondary); } .Item__root--gfuRW .Item__elements--2ViFz .Item__wrapperText--1r8Gl .Item__message--CxG2d.Item__info--1AEB7:hover { background: var(--vkui--color_background_secondary_alpha--hover); } .Item__root--gfuRW .Item__elements--2ViFz .Item__wrapperText--1r8Gl .Item__message--CxG2d.Item__info--1AEB7:hover > svg { color: var(--vkui--color_icon_primary); } .Item__root--gfuRW .Item__elements--2ViFz .Item__wrapperText--1r8Gl .Item__message--CxG2d.Item__info--1AEB7:active { background: var(--vkui--color_background_secondary_alpha--active); } .Item__root--gfuRW .Item__elements--2ViFz .Item__wrapperText--1r8Gl .Item__message--CxG2d.Item__info--1AEB7:active > svg { color: var(--vkui--color_icon_primary); } .Item__root--gfuRW .Item__elements--2ViFz .Item__publish--2Lbdd { align-items: center; background-color: var(--vkui--color_transparent); border: 1px solid var(--vkui--color_field_border_alpha); border-radius: 100px; box-sizing: border-box; color: var(--vkui--color_text_secondary); cursor: pointer; display: flex; flex-shrink: 0; font-size: 13px; height: 30px; justify-content: space-between; margin-left: 8px; padding: 0px 10px; user-select: none; } .Item__root--gfuRW .Item__elements--2ViFz .Item__publish--2Lbdd svg { color: var(--vkui--color_icon_secondary); margin-right: 4px; } .Item__root--gfuRW .Item__elements--2ViFz .Item__publish--2Lbdd:hover { background-color: var(--vkui--color_transparent--hover); border-color: var(--vkui--color_field_border_alpha--hover); } .Item__root--gfuRW .Item__elements--2ViFz .Item__publish--2Lbdd:active { background-color: var(--vkui--color_transparent--active); border-color: var(--vkui--color_field_border_alpha--active); } .Item__root--gfuRW .Item__elements--2ViFz .Item__publish--2Lbdd.Item__small--1bYBY { height: 30px; justify-content: center; padding: 0px; width: 30px; } .Item__root--gfuRW .Item__elements--2ViFz .Item__publish--2Lbdd.Item__small--1bYBY svg { color: var(--vkui--color_text_positive); margin-right: 0px; } .Item__root--gfuRW .Item__elements--2ViFz .Item__publish--2Lbdd .Item__publishText--2agSd { margin-top: 1px; } .Item__root--gfuRW .Item__elements--2ViFz .Item__publish--2Lbdd.Item__mobile--2QUc7 { margin: 0px; padding: 0px 6px; } .Item__root--gfuRW .Item__elements--2ViFz .Item__publish--2Lbdd.Item__mobile--2QUc7 svg { margin-right: 0px; } .Item__root--gfuRW .Item__LoadingIconWrap--2V-I4 { margin-left: 8px; } .Item__size--lIVQk { line-height: 14px; margin-top: 4px; } .Item__remainTime--3NHlA, .Item__size--lIVQk { color: var(--vkui--color_text_secondary); font-size: 14px; font-weight: 400; } .Item__remainTime--3NHlA { box-sizing: border-box; flex-shrink: 0; line-height: 18px; padding: 0px 8px 0px 16px; white-space: nowrap; width: 158px; } .Item__remainTime--3NHlA.Item__responsive--3bKAo { max-width: 87px; overflow: hidden; padding: 0px; text-overflow: ellipsis; } @media (min-width: 840px) { .Item__remainTime--3NHlA.Item__responsive--3bKAo { max-width: 138px; } } @media (max-width: 960px) { .Item__remainTime--3NHlA.Item__responsive--3bKAo.Item__narrow--i1la6 { max-width: 87px; } } .Item__root_mobile--2r6Qp { color: var(--vkui--color_text_primary); font-family: var(--font-inter); margin: 0px 16px; } .Item__root_mobile--2r6Qp:hover { background-color: initial; } .Item__root_mobile--2r6Qp:last-child { margin-bottom: 0px; } .Item__root_mobile--2r6Qp .Item__elements--2ViFz { margin: 0px; } .Item__root_mobile--2r6Qp .Item__wrapperText_progress--3Dm0o { opacity: 0.48; } .Item__root_mobile--2r6Qp .Item__icon--3kHCW { align-items: center; border: 2px solid var(--vkui--color_background_positive); border-radius: 50%; box-sizing: border-box; display: flex; flex-shrink: 0; height: 30px; justify-content: center; margin-left: 8px; width: 30px; } .Item__root_mobile--2r6Qp .Item__icon--3kHCW svg { fill: var(--vkui--color_background_positive); } .NotDocumentWarning__root--uo6ke { background-color: var(--vkui--color_background_negative_tint); border-radius: 8px; display: flex; margin: 0px 24px 16px; min-height: 75px; } .NotDocumentWarning__iconContainer--GsRMS { align-items: center; background-color: var(--vkui--color_background_negative); border-radius: 29px; height: 32px; margin: 16px 12px 0px; width: 32px; } .NotDocumentWarning__icon--2N2El { display: block; margin: 25% auto auto; } .NotDocumentWarning__text--1VrOu { margin: 16px 0px; } .NotDocumentWarning__mainText--3fEdp { font-size: 16px; font-weight: 500; line-height: 22px; } .NotDocumentWarning__additionalText--3Apbu { font-size: 14px; font-weight: 400; line-height: 18px; max-width: 400px; } .NotDocumentWarning__noAdditionalText--8U6mW { align-items: center; display: flex; justify-content: center; } .NotDocumentWarning__noAdditionalTextIcon--2Y-zE { margin-top: 20px; } .PopupWarnings__root--2UfU-.modal.ui.small { width: 540px; } .PopupWarnings__content--29pXO { color: var(--vkui--color_text_primary); font-size: 18px; line-height: 24px; text-align: left; white-space: pre-wrap; width: 100%; word-break: break-word; } .PopupWarnings__content--29pXO .PopupWarnings__applyToAll--1rjr9 { cursor: pointer; display: flex; margin-top: 32px; } .PopupWarnings__content--29pXO .PopupWarnings__applyToAll--1rjr9 .PopupWarnings__text--3cfbg { margin-left: 8px; } .PopupWarnings__content--29pXO .PopupWarnings__bold--3WeQV { font-weight: 500; } .PopupWarnings__content--29pXO span { color: var(--vkui--color_text_negative); font-weight: var(--vkui--font_title1--font_weight--compact); } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .ViolatedFilename__root--3hsI0.modal.ui { min-width: 520px; } .ViolatedFilename__rootResponsive--1d7Fz.modal.ui { min-width: 520px; } @media (max-width: 1024px) { .ViolatedFilename__rootResponsive--1d7Fz.modal.ui { max-width: 520px; min-width: auto; width: calc(100% - var(--vkui--x5)); } } .vkui--cloud--dark.rebranding .Problems__problem--ocgoD { background-color: var(--vkui--color_background_secondary_alpha); } .Problems__root--ZTNiD { border-radius: 8px; font-size: 15px; margin: 0px 24px 16px; min-height: 100px; opacity: 1; overflow: hidden; transition: height 0.3s ease-out, opacity 0.3s ease-in-out; } .Problems__root--ZTNiD.Problems__highlight--2hPNC { opacity: 0.8; } .Problems__root--ZTNiD.Problems__error--2laNt { background-color: var(--vkui--color_background_negative_tint_alpha); } .Problems__root--ZTNiD .Problems__warning--3-HPk { display: none; position: relative; width: 100%; } .Problems__root--ZTNiD .Problems__items--1a0jc, .Problems__root--ZTNiD .Problems__warning--3-HPk.Problems__show--2Dnyz { display: flex; } .Problems__root--ZTNiD .Problems__close--1JpPX { align-items: center; border-radius: 6px; bottom: 92px; cursor: pointer; display: flex; height: 40px; justify-content: center; left: 460px; position: sticky; width: 40px; z-index: 1; } .Problems__root--ZTNiD .Problems__close--1JpPX:hover { background: var(--vkui--color_transparent--hover); } .Problems__root--ZTNiD .Problems__close--1JpPX:active { background: var(--vkui--color_transparent--active); } .Problems__root--ZTNiD .Problems__close--1JpPX svg { color: var(--vkui--color_icon_secondary); } .Problems__root--ZTNiD .Problems__arrows--lUiO2 { bottom: 12px; color: var(--vkui--color_icon_secondary); left: 418px; position: sticky; width: 116px; } .Problems__root--ZTNiD .Problems__arrows--lUiO2, .Problems__root--ZTNiD .Problems__arrows--lUiO2 .Problems__arrow--ve-gC { align-items: center; display: flex; justify-content: center; } .Problems__root--ZTNiD .Problems__arrows--lUiO2 .Problems__arrow--ve-gC { border-radius: 40px; cursor: pointer; height: 24px; width: 24px; } .Problems__root--ZTNiD .Problems__arrows--lUiO2 .Problems__arrow--ve-gC svg { fill: var(--vkui--color_icon_secondary); margin-left: 2px; } .Problems__root--ZTNiD .Problems__arrows--lUiO2 .Problems__arrow--ve-gC svg:hover, .Problems__root--ZTNiD .Problems__arrows--lUiO2 .Problems__arrow--ve-gC.Problems__active--3VvfC svg { fill: var(--vkui--color_icon_primary); } .Problems__root--ZTNiD .Problems__arrows--lUiO2 .Problems__arrow--ve-gC:hover { background-color: var(--vkui--color_transparent--active); transition: background-color 0.2s linear; } .Problems__root--ZTNiD .Problems__arrows--lUiO2 .Problems__counter--Up1jz { font-feature-settings: "tnum"; align-items: center; display: flex; font-variant-numeric: tabular-nums; margin: 0px 4px; } .Problems__root--ZTNiD .Problems__arrows--lUiO2 .Problems__prevIcon--3WE9p { transform: scale(-1); } .Problems__problem--ocgoD { background-color: var(--vkui--color_background_secondary_alpha); border-radius: 8px; display: flex; min-height: 80px; padding: 16px 24px 0px 20px; width: 100%; } .Problems__problem--ocgoD .Problems__wrapperText--3sHUV { color: var(--vkui--color_text_primary); line-height: 20px; margin-bottom: 16px; margin-right: 32px; white-space: pre-wrap; width: 100%; word-break: break-word; } .Problems__problem--ocgoD .Problems__wrapperText--3sHUV span { font-weight: 500; } .Problems__problem--ocgoD .Problems__wrapperText--3sHUV .Problems__infoLink--2OUoP { margin-top: 8px; } .Problems__problem--ocgoD .Problems__wrapperText--3sHUV .Problems__infoLink--2OUoP a { color: var(--vkui--color_text_accent); cursor: pointer; text-decoration: none; } .Problems__problem--ocgoD .Problems__wrapperText--3sHUV .Problems__infoLink--2OUoP a:hover { text-decoration: underline; } .Problems__problem--ocgoD .Problems__wrapperText--3sHUV > div:first-child { font-size: 16px; font-weight: 500; line-height: 22px; margin-bottom: 4px; } .Problems__problem--ocgoD .Problems__icon--mH23q, .Problems__problem--ocgoD .Problems__icon--mH23q svg { height: 32px; margin-right: 12px; width: 42px; } .Problems__dark--14tZ7 { background: var(--vkui--color_background_contrast_inverse); } .Problems__dark--14tZ7 .Problems__wrapperText--3sHUV { color: var(--vkui--color_text_contrast); font-family: var(--font-tt-norms); margin-bottom: 0px; text-align: left; } .Problems__dark--14tZ7 .Problems__icon--mH23q { display: none; } .Problems__problem_info--2mXaM { background-color: var(--vkui--color_background_secondary_alpha); } .Problems__problem_connectError--16vZh { background-color: var(--vkui--color_background_negative_tint_alpha); } .Problems__problem_green--AiZac { background: var(--vkui--color_background_positive_tint_alpha); } .Problems__problem_yellow--3VtL8 { background: var(--vkui--color_background_warning_tint_alpha); } .Problems__root_arrows--35eY- .Problems__problem--ocgoD { padding-bottom: 20px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .vkui--cloud--dark.rebranding .UploadList__root--1FokM { box-shadow: rgb(0, 0, 0) 0px 4px 32px; } .UploadList__root--1FokM { -webkit-font-smoothing: antialiased; animation: 0.5s ease 0s 1 normal none running UploadList__move--2NLJj; background-color: var(--vkui--color_background_modal); border-radius: 12px; box-shadow: 0 4px 32px var(--vkui--color_image_border_alpha--active); content: ""; display: flex; flex-direction: column; font-family: var(--font-tt-norms); max-height: calc(100vh - var(--headline-height, 0) - 34px); width: 520px; } @keyframes UploadList__move--2NLJj { 0% { bottom: 0px; } 100% { bottom: 30px; } } .UploadList__root--1FokM.UploadList__responsive--2MACT { right: 8px; width: 356px; } @media (min-width: 840px) { .UploadList__root--1FokM.UploadList__responsive--2MACT { right: 30px; width: 520px; } } @media (max-width: 960px) { .UploadList__root--1FokM.UploadList__responsive--2MACT.UploadList__shifted_by_panel--1HVFE { width: 356px; } } .UploadList__files--9aBL3 { background-color: var(--vkui--color_background_modal); border-radius: 12px 0px 0px 12px; max-height: 260px; overflow: hidden; transition: max-height 0.3s linear; width: 100%; } .UploadList__files--9aBL3.UploadList__hide--39Ocy { max-height: 0px; } .UploadList__files--9aBL3.UploadList__less_height--3pkZe { max-height: 168px; } .UploadList__files--9aBL3.UploadList__no_files--2EBBV { padding-bottom: 0px; } .UploadList__files--9aBL3::-webkit-scrollbar { width: 14px; } .UploadList__files--9aBL3::-webkit-scrollbar-thumb { background-clip: padding-box; border: 4px solid transparent; } .UploadList__files--9aBL3:last-child { margin-bottom: 16px; } .UploadList__root--1FokM.UploadList__shifted_by_panel--1HVFE { --container-bottom-offset: 92px; --horizontal-margin: 30px; margin-left: auto; position: sticky; right: var(--horizontal-margin); transform: translateY(calc(-100% + var(--container-bottom-offset) - var(--horizontal-margin))); } .UploadBlock__list--V26v9 { bottom: 30px; position: fixed; right: 30px; z-index: 30; } .Worm__root--qiCcB { align-items: center; display: flex; justify-content: space-between; margin-bottom: 10px; } .Worm__root--qiCcB.Worm__root_new_portal_header--Ydw7n { margin-bottom: 4px; margin-left: 4px; margin-right: 4px; } .Worm__root--qiCcB .Worm__btn--31B7Z { margin-left: 16px; margin-top: 3px; } .Worm__root--qiCcB .Worm__btn_new--38xoZ { margin-top: 0px; } .AutumnPromo2026Sidebarinfo__root--_imti { background-color: rgb(27, 42, 105); border-radius: 8px; box-sizing: border-box; display: block; height: 44px; max-width: 100%; overflow: hidden; padding: 12px; position: relative; width: 256px; } .AutumnPromo2026Sidebarinfo__root--_imti, .AutumnPromo2026Sidebarinfo__root--_imti:hover { color: var(--vkui--color_text_contrast); text-decoration: none; } .AutumnPromo2026Sidebarinfo__text--1Yq43 { font-size: 14px; font-weight: 500; line-height: 20px; } .AutumnPromo2026Sidebarinfo__image--1khNx { height: 55px; pointer-events: none; position: absolute; right: -16px; top: -5px; width: 93px; } .DemoPromo__root--3Nf-z { display: block; height: 44px; position: relative; width: calc(var(--left-block-width) - 8px); } .DemoPromo__root--3Nf-z:hover { cursor: pointer; } .DemoPromo__wrapper--3adMx { align-items: center; background-color: var(--vkui--color_background_sky); border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; height: 100%; padding-left: 12px; width: 100%; } .DemoPromo__text--2FOZ6 { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_weight_accent1); } .DemoPromo__iconWrapper--rpyVe { bottom: 0px; height: 100%; position: absolute; right: 0px; width: 58px; } .DemoPromo__businessTemplatesIcon--3hLSO { align-items: center; display: flex; height: 100%; justify-content: flex-end; width: 100%; } .DemoPromo__businessTemplatesIcon--3hLSO .DemoPromo__businessTemplatesIconBackdrop--16ObF { align-items: center; background-color: var(--vkui--color_background_modal); border-radius: 50px; display: flex; justify-content: center; margin: 0px 12px 0px 0px; padding: 6px 10px; width: fit-content; } .DemoPromo__businessTemplatesIcon--3hLSO img { height: 18px; margin: -2px -1px 0px 0px; width: 18px; } .vkui--cloud--dark .DemoPromo__referralProgram--1ykt0 .DemoPromo__wrapper--3adMx { background-color: rgb(14, 61, 113); } .DemoPromo__referralProgramIcon--4efk1 { align-items: center; display: flex; height: 100%; justify-content: flex-end; width: 100%; } .DemoPromo__referralProgramIcon--4efk1 img { height: 44px; width: 52px; } .DemoPromoTooltip__businessTemplates--3nIYk { box-sizing: border-box; height: 120px; padding: 16px; position: relative; width: 288px; } .DemoPromoTooltip__businessTemplates--3nIYk .DemoPromoTooltip__content--HaeLa { display: flex; flex-direction: column; } .DemoPromoTooltip__businessTemplates--3nIYk .DemoPromoTooltip__content--HaeLa button { width: fit-content; } .DemoPromoTooltip__businessTemplates--3nIYk img { bottom: 0px; position: absolute; right: 0px; width: 120px; } :root { --padding-promo: 32px; } @media only screen and (max-width: 767px) { :root { --padding-promo: 14px; } } .WhatsNewDialog__root--1O7VN { -webkit-font-smoothing: antialiased; } .WhatsNewDialog__root--1O7VN.modal.ui.large { max-width: calc(100% - 16px); width: 640px; } .WhatsNewDialog__root_darkTheme--SLBLv.ui.modal { box-shadow: none; color: var(--vkui--color_text_primary); } .WhatsNewDialog__content--dBMX6 { font-family: var(--font-tt-norms); padding: 298px 0 var(--padding-promo); position: relative; } .WhatsNewDialog__imageWrapper--3TP_u { align-items: center; background-color: var(--vkui--color_background_modal); display: flex; height: 274px; justify-content: center; left: calc(var(--padding-promo)*-1); position: absolute; right: calc(var(--padding-promo)*-1); top: 0px; } @media only screen and (max-width: 767px) { .WhatsNewDialog__imageWrapper--3TP_u { left: -14px; right: -14px; } } .WhatsNewDialog__image---j0A3 { object-fit: cover; } .WhatsNewDialog__image_fluid--1Wt2W { height: 100%; width: 100%; } .WhatsNewDialog__videoWrapper--2VXwT { left: calc(var(--padding-promo)*-1); position: relative; top: -24px; width: calc(100% + var(--padding-promo)*2); } .WhatsNewDialog__video--3tJwo { height: 242px; width: 100%; } .WhatsNewDialog__title--11530 { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-size: 24px; font-weight: 500; line-height: var(--vkui--font_title1--line_height--regular); } .WhatsNewDialog__title--11530::first-letter { text-transform: uppercase; } .WhatsNewDialog__titleWithHiddenImage--mfS8N { max-width: 440px; } .WhatsNewDialog__text--3GRMd { color: var(--vkui--color_text_primary); font-family: var(--font-inter); font-size: 15px; margin-bottom: var(--padding-promo); margin-top: 20px; white-space: pre-wrap; } .WhatsNewDialog__bulletsWrapper--3EURM { display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; margin-top: 16px; } .WhatsNewDialog__bulletItem--pbHDa { display: flex; gap: 8px; } .WhatsNewDialog__date--iL-u4 { color: var(--vkui--color_text_secondary); font-size: 15px; margin-bottom: 8px; } .WhatsNewDialog__buttonWrapper--29zbh { align-items: center; display: flex; } .WhatsNewDialog__buttonWrapper--29zbh > .ui.button { margin-right: 16px; } .WhatsNewDialog__copyWeblink--2GI_c { background: var(--vkui--color_background_accent_tint_alpha); border-radius: 12px; box-sizing: border-box; height: 80px; padding: 20px; width: 100%; } .WhatsNewDialog__footerWrapper--1ZPew { display: flex; } .WhatsNewDialog__footerWrapper--1ZPew.WhatsNewDialog__footerWrapperColumn--23I2Z { flex-direction: column-reverse; } .WhatsNewDialog__footerWrapper--1ZPew.WhatsNewDialog__footerWrapperRowReverse--3Dd43 { align-items: center; flex-direction: row-reverse; } .WhatsNewDialog__footerWrapper--1ZPew.WhatsNewDialog__footerWrapperRowReverse--3Dd43 .WhatsNewDialog__buttonWrapper--29zbh { flex-shrink: 0; } .WhatsNewDialog__footerWrapper--1ZPew.WhatsNewDialog__footerWrapperRowReverse--3Dd43 .WhatsNewDialog__buttonWrapper--29zbh > .ui.button { margin-right: 8px; } .WhatsNewDialog__button_black--2MP1x.ui.button.primary { background-color: var(--vkui--color_background_contrast_inverse); } .WhatsNewDialog__button_black--2MP1x.ui.button.primary:active, .WhatsNewDialog__button_black--2MP1x.ui.button.primary:focus, .WhatsNewDialog__button_black--2MP1x.ui.button.primary:hover { background-color: var(--vkui--color_background_contrast_inverse); } .WhatsNewDialog__button_grey--2z68k.ui.button.primary { background-color: var(--vkui--color_background_secondary_alpha); color: var(--vkui--color_text_primary); font-weight: 500; } .WhatsNewDialog__button_grey--2z68k.ui.button.primary:active, .WhatsNewDialog__button_grey--2z68k.ui.button.primary:focus, .WhatsNewDialog__button_grey--2z68k.ui.button.primary:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .WhatsNewDialog__button_vk--3RO97.ui.button { -webkit-font-smoothing: antialiased; font-size: 15px; width: auto; } .WhatsNewDialog__button_rebranding--3jnsw.ui.button { background-color: var(--rebranding_theme_color_background_secondary); } .WhatsNewDialog__button_rebranding--3jnsw.ui.button:active, .WhatsNewDialog__button_rebranding--3jnsw.ui.button:focus, .WhatsNewDialog__button_rebranding--3jnsw.ui.button:hover { background-color: var(--rebranding_theme_color_background_secondary--hover); } .WhatsNewDialog__secondaryButton_rebrandingQuotaLanding--h3fJg.ui.button { color: var(--rebranding--color_text_contrast); } .WhatsNewDialog__root_tiny--11byT .WhatsNewDialog__imageWrapper--3TP_u { height: 240px; } .WhatsNewDialog__root_tiny--11byT .WhatsNewDialog__content--dBMX6 { padding: 264px 0 var(--padding-promo); } .WhatsNewDialog__root_small--xrrCr .WhatsNewDialog__imageWrapper--3TP_u { height: 240px; } .WhatsNewDialog__root_small--xrrCr .WhatsNewDialog__content--dBMX6 { padding: 264px 0 var(--padding-promo); } @media only screen and (max-width: 767px) { .WhatsNewDialog__root_small--xrrCr .WhatsNewDialog__content--dBMX6 { margin-top: -14px; padding: 264px 0px 14px; } } .WhatsNewDialog__root_average--1CXr4 .WhatsNewDialog__imageWrapper--3TP_u { height: 240px; } .WhatsNewDialog__root_average--1CXr4 .WhatsNewDialog__content--dBMX6 { padding: 264px 0 var(--padding-promo); } .WhatsNewDialog__content_rebrandingQuotaLanding--3sw_O .WhatsNewDialog__title--11530 { color: var(--vkui--color_text_muted); line-height: 28px; } .WhatsNewDialog__content--dBMX6.WhatsNewDialog__normalTopPadding--35dZC { padding-top: 24px; } .WhatsNewDialog__root--1O7VN.modal.ui .force_close_white { color: rgb(176, 177, 182); } .WhatsNewDialog__root--1O7VN.modal.ui .force_close_dark { color: rgb(145, 147, 153); } .WhatsNewDialog__rootMobile--WKTUp { -webkit-font-smoothing: antialiased; border-radius: 20px 20px 0px 0px; display: flex; flex-direction: column; font-family: var(--font_family--vk_sans_display); height: 100%; overflow: auto; scrollbar-width: none; width: 100%; } .WhatsNewDialog__rootMobile--WKTUp h1 { min-height: auto; } .WhatsNewDialog__rootMobile--WKTUp::-webkit-scrollbar { display: none; } .WhatsNewDialog__rootMobile--WKTUp .WhatsNewDialog__text--3GRMd { font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--compact); padding: 0px 16px; } .WhatsNewDialog__rootMobile--WKTUp .WhatsNewDialog__imageContainer--1gNDT { display: flex; justify-content: center; width: 100%; } .WhatsNewDialog__rootMobile--WKTUp .WhatsNewDialog__image---j0A3 { flex-shrink: 0; height: 280px; width: 100%; } .WhatsNewDialog__rootMobile--WKTUp .WhatsNewDialog__title--11530 { font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); padding: 0px 16px; } .WhatsNewDialog__rootMobile--WKTUp .WhatsNewDialog__buttonWrapper--29zbh { padding: 0px 16px 16px; } .WhatsNewDialog__rootMobile--WKTUp .WhatsNewDialog__buttonWrapper--29zbh > .ui.button { margin-right: 0px; } .WhatsNewDialog__rootMobile--WKTUp .WhatsNewDialog__contentWrapper--LYkOz { padding: 0px 16px; } .WhatsNewDialog__rootMobile--WKTUp.WhatsNewDialog__padding24--3961o .WhatsNewDialog__buttonWrapper--29zbh, .WhatsNewDialog__rootMobile--WKTUp.WhatsNewDialog__padding24--3961o .WhatsNewDialog__contentWrapper--LYkOz, .WhatsNewDialog__rootMobile--WKTUp.WhatsNewDialog__padding24--3961o .WhatsNewDialog__title--11530 { padding-left: 24px; padding-right: 24px; } .WhatsNewDialog__afterFooterContainer--14I6V { margin-top: 12px; } .WhatsNewDialog__details--Ci50W { color: var(--vkui--color_text_tertiary); font-size: 14px; font-weight: 500; line-height: var(--vkui--font_footnote--line_height--regular); } .DiscountInOutflowSaveModal__image--YZYoa { bottom: 0px; flex-shrink: 0; height: auto; position: absolute; right: 0px; width: 165px; } .DiscountInOutflowSaveModal__imageWrapper--1SUzG { background-color: var(--image-wrapper-bg-color) !important; } .DiscountInOutflowSaveModal__imageWrapper--1SUzG.DiscountInOutflowSaveModal__dark--V3E0l { --image-wrapper-bg-color: var(--rebranding_color_background_alternative); --image-banner-bg-color: #323232; --price-container-bg-color: #4b4b4b; --availabilty-period-info-bg-color: var(--vkui--color_palette_lime); --availabilty-period-info-text-color: var(--cloud--color_green_accent_themed); --value-text-color: var(--promo--text_contrast); --old-price-color: var(--promo--text_secondary); --price-color: var(--promo--text_contrast); --decoration-color: #b8fc75; } .DiscountInOutflowSaveModal__imageWrapper--1SUzG.DiscountInOutflowSaveModal__dark--V3E0l.DiscountInOutflowSaveModal__expires--1zlCH { --availabilty-period-info-bg-color: #774040; --availabilty-period-info-text-color: #ff6262; --decoration-color: #ff5c5c; } .DiscountInOutflowSaveModal__imageWrapper--1SUzG.DiscountInOutflowSaveModal__light--2CCyU { --image-wrapper-bg-color: #cce4ff; --image-banner-bg-color: #fff; --price-container-bg-color: #f3f3f5; --availabilty-period-info-bg-color: #07f; --availabilty-period-info-text-color: #fff; --value-text-color: var(--vkui-color_text_primary); --old-price-color: var(--promo--text_secondary); --price-color: var(--vkui-color_text_primary); --decoration-color: #07f; } .DiscountInOutflowSaveModal__imageWrapper--1SUzG.DiscountInOutflowSaveModal__light--2CCyU.DiscountInOutflowSaveModal__expires--1zlCH { --image-wrapper-bg-color: #fff0eb; --availabilty-period-info-bg-color: #ffd5d7; --availabilty-period-info-text-color: #ff6262; --decoration-color: #e64646; } .DiscountInOutflowSaveModal__imageinfo--1vr69 { align-items: center; background: var(--image-banner-bg-color); border-radius: 22px; box-sizing: border-box; display: flex; flex-direction: column; height: 150px; margin-right: 45px; margin-top: 22px; min-width: 263px; padding: 14px 12px 12px; position: relative; user-select: none; } .DiscountInOutflowSaveModal__imageinfo--1vr69 .DiscountInOutflowSaveModal__decoration--3VWAy { stroke: var(--decoration-color); left: -53px; position: absolute; top: -47px; } .DiscountInOutflowSaveModal__imageinfo--1vr69 .DiscountInOutflowSaveModal__availabilityPeriodInfo--1XmZt { align-items: center; background: var(--availabilty-period-info-bg-color); border-radius: 16px; color: var(--availabilty-period-info-text-color); display: flex; flex-shrink: 0; gap: 4px; height: 34px; justify-content: center; padding: 5px 12px 5px 10px; position: absolute; right: -26px; top: -31px; transform: rotate(6.381deg); } .DiscountInOutflowSaveModal__imageinfo--1vr69 .DiscountInOutflowSaveModal__availabilityPeriodInfo--1XmZt .DiscountInOutflowSaveModal__text--VCK4F { font-family: var(--vkui--font_family_accent); font-size: 17px; font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); margin-top: 2px; } .DiscountInOutflowSaveModal__imageinfo--1vr69 .DiscountInOutflowSaveModal__valueText--1b6im { color: var(--value-text-color); font-size: 52px; font-weight: var(--vkui--font_title3--font_weight--regular); line-height: 100%; margin-top: 7px; } .DiscountInOutflowSaveModal__imageinfo--1vr69 .DiscountInOutflowSaveModal__priceContainer--1rl4k { align-items: center; background: var(--price-container-bg-color); border-radius: 15px; box-sizing: border-box; display: flex; font-size: 22px; height: 54px; justify-content: center; padding: 13px; width: 100%; } .DiscountInOutflowSaveModal__imageinfo--1vr69 .DiscountInOutflowSaveModal__priceContainer--1rl4k .DiscountInOutflowSaveModal__oldPrice--3KN9U { color: var(--old-price-color); margin-right: 10px; text-decoration: line-through; } .DiscountInOutflowSaveModal__imageinfo--1vr69 .DiscountInOutflowSaveModal__priceContainer--1rl4k .DiscountInOutflowSaveModal__period--dDpMU, .DiscountInOutflowSaveModal__imageinfo--1vr69 .DiscountInOutflowSaveModal__priceContainer--1rl4k .DiscountInOutflowSaveModal__price--1vIqu { color: var(--price-color); } .DiscountInOutflowSaveModal__imageinfo--1vr69 .DiscountInOutflowSaveModal__priceText--3OLkc { align-items: baseline; color: var(--promo--text_contrast); display: inline-flex; font-family: var(--vkui--font_family_accent); line-height: var(--vkui--font_display_title1--line_height--regular); } .DiscountInOutflowSaveModal__imageinfo--1vr69 .DiscountInOutflowSaveModal__priceText--3OLkc .DiscountInOutflowSaveModal__price--1vIqu { font-size: 40px; font-weight: var(--vkui--font_title3--font_weight--regular); } .DiscountInOutflowSaveModal__imageinfo--1vr69 .DiscountInOutflowSaveModal__priceText--3OLkc .DiscountInOutflowSaveModal__period--dDpMU { font-size: 25px; font-weight: 600; } .DiscountInOutflowSaveModal__content--3Gkzy { display: flex; flex-direction: column; } .DiscountInOutflowSaveModal__content--3Gkzy .DiscountInOutflowSaveModal__text--VCK4F { font-size: var(--vkui--font_title3_custom--font_size--regular); font-weight: var(--vkui--font_title3_custom--font_weight--regular); line-height: var(--vkui--font_title3_custom--line_height--regular); } .DiscountTimer__root--273OL { --timer-bg-color: #8a7cf0; --timer-period-color: #9e92f3; align-items: center; background-color: var(--timer-bg-color); border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_contrast); display: flex; font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_subhead--font_size--regular); font-weight: 500; height: 42px; line-height: var(--vkui--font_subhead--line_height--regular); padding: 8px; position: relative; width: calc(var(--left-block-width) - 8px); } .DiscountTimer__root--273OL.DiscountTimer__dark--1Q2As { --timer-bg-color: #6551c6; --timer-period-color: #7a69ce; } .DiscountTimer__root--273OL:hover { cursor: pointer; } .DiscountTimer__remainingTime--UpXq7 { align-items: center; background-color: var(--timer-period-color); border-radius: 5px; box-sizing: border-box; display: flex; gap: 4px; height: 26px; margin-right: 6px; padding: 5px 6px 5px 4px; } .DiscountTimer__cross--34ifr { border-radius: 5px; height: fit-content; margin-left: auto; width: fit-content; } .DiscountTimer__fixedWidth--2i5B8 { width: 62px; } .FreemiumSidebarinfo__root--A2hdD { background-color: var(--vkui--color_background_content); border: 1px solid var(--vkui--color_image_border_alpha); border-radius: 12px; column-gap: 8px; display: grid; grid-template-columns: 36px 1fr 20px; grid-template-rows: 1fr 1fr; padding: 12px; width: calc(var(--left-block-width) - 32px); } .FreemiumSidebarinfo__root--A2hdD:hover { cursor: pointer; } .FreemiumSidebarinfo__root--A2hdD.FreemiumSidebarinfo__rootV2---R-0n { grid-template-columns: 36px 1fr; grid-template-rows: 1fr 1fr auto; } .FreemiumSidebarinfo__root--A2hdD.FreemiumSidebarinfo__rootV2---R-0n:hover { cursor: default; } .FreemiumSidebarinfo__image--Xg6eu { display: block; grid-area: 1 / 1 / 3 / 2; height: 36px; width: 36px; } .FreemiumSidebarinfo__rootV2---R-0n .FreemiumSidebarinfo__image--Xg6eu { grid-row: 1 / 4; } .FreemiumSidebarinfo__title--3n0P2 { grid-area: 1 / 2 / 2 / 3; line-height: 18px; } .FreemiumSidebarinfo__subtitle--2bqHe { color: var(--vkui--color_text_tertiary); } .FreemiumSidebarinfo__subtitle--2bqHe, .FreemiumSidebarinfo__subtitleV2--xS5b3 { font-size: 13px; grid-area: 2 / 2 / 3 / 3; line-height: 18px; } .FreemiumSidebarinfo__subtitleV2--xS5b3 { color: var(--vkui--color_stroke_negative); } .FreemiumSidebarinfo__chevron--1YC5r { color: var(--vkui--color_icon_secondary); grid-area: 1 / 3 / 3 / 4; } .FreemiumSidebarinfo__buttonWrapper--1FLcb { grid-area: 3 / 1 / 4 / 3; margin-top: 8px; } .FreemiumSidebarinfo__button--1tWEY { width: 100%; } .MarchPromo2026Sidebarinfo__root--3OAKD { background-color: rgb(5, 17, 70); border-radius: 8px; color: var(--vkui--color_text_contrast); overflow: hidden; padding: 12px; position: relative; width: 232px; } .MarchPromo2026Sidebarinfo__root--3OAKD:hover { cursor: pointer; } .MarchPromo2026Sidebarinfo__darkRoot--2rWFZ { background-color: rgb(27, 42, 105); } .MarchPromo2026Sidebarinfo__text--2B9oP { font-size: 14px; font-weight: 500; line-height: 20px; } .MarchPromo2026Sidebarinfo__image--2Rmck { inset: 0px 0px auto auto; height: 44px; position: absolute; width: 132px; } .PersonalizationUpsaleinfo__root--3lzsw { background-color: var(--vkui--color_background_sky_alpha); border-radius: 12px; position: relative; width: calc(var(--left-block-width) - 12px); } .PersonalizationUpsaleinfo__root--3lzsw:hover { cursor: pointer; } .PersonalizationUpsaleinfo__darkRoot--12xa5 { background-color: rgb(33, 34, 121); } .PersonalizationUpsaleinfo__image--LjTII { inset: -10px auto auto 0px; height: 61px; position: absolute; width: 121px; } .PersonalizationUpsaleinfo__image--LjTII img { height: 100%; width: 100%; } .PersonalizationUpsaleinfo__text--2Yzvz { font-size: var(--vkui--font_headline1--font_size--compact); font-weight: var(--vkui--font_headline1--font_weight--regular); line-height: var(--vkui--font_headline1--line_height--compact); padding: 12px 10px 12px 125px; } .SummerSaleSidebarinfo__root--2jRd7 { background-color: rgb(171, 213, 255); border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_primary); height: 44px; overflow: hidden; padding: 12px 0px 12px 12px; position: relative; width: 256px; } .SummerSaleSidebarinfo__root--2jRd7:hover { cursor: pointer; } .vkui--cloud--dark .SummerSaleSidebarinfo__root--2jRd7 { background-color: rgb(0, 64, 128); } .SummerSaleSidebarinfo__text--3XqLV { font-size: 14px; font-weight: 500; line-height: 20px; } .SummerSaleSidebarinfo__image--3EXEe { inset: auto 0px 0px auto; height: 100%; position: absolute; } .TelegramMigrationSidebarinfo__root--1w-WV { background-color: var(--vkui--color_background_accent_tint_alpha--hover); border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_primary); height: 64px; overflow: hidden; padding: 12px 80px 12px 12px; position: relative; width: calc(var(--left-block-width) - 12px); } .TelegramMigrationSidebarinfo__root--1w-WV:hover { cursor: pointer; } .TelegramMigrationSidebarinfo__darkRoot--20Y-O { background-color: rgb(28, 68, 121); } .TelegramMigrationSidebarinfo__text--CRsEg { font-size: 15px; font-weight: 500; line-height: 20px; } .TelegramMigrationSidebarinfo__image--2SaEW { inset: auto 0px 0px auto; height: 100%; position: absolute; } .TrialPromo__root--yTwv6 { display: block; height: 44px; position: relative; width: calc(var(--left-block-width) - 8px); } .TrialPromo__root--yTwv6:hover { cursor: pointer; } .TrialPromo__wrapper--2yosu { align-items: center; border-radius: 8px; box-sizing: border-box; display: flex; height: 100%; padding-left: 12px; width: 100%; } .TrialPromo__wrapper--2yosu, .TrialPromo__wrapper--2yosu:active, .TrialPromo__wrapper--2yosu:hover { color: var(--vkui--color_text_primary); } .TrialPromo__text--UlPa3 { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_weight_accent1); } .TrialPromo__iconWrapper--2PL98 { bottom: 0px; height: 100%; position: absolute; right: 0px; width: 72px; } .TrialPromo__icon--1vXRS { border-radius: 8px; height: 100%; width: 100%; } .TrialPromo__rebranding--39q0j.TrialPromo__iconWrapper--2PL98 { height: 38px; width: 58px; } .TrialPromo__rebranding--39q0j.TrialPromo__iconWrapper--2PL98 .TrialPromo__icon--1vXRS { height: auto; } .UnlimitedDocumentsinfo__root--1Gn5S { align-items: center; background-color: var(--bg-color); border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; font-family: var(--vkui--font_family_accent); font-size: 18px; font-weight: 500; height: 42px; line-height: var(--vkui--font_title3--line_height--regular); padding: 10px 12px; position: relative; width: calc(var(--left-block-width) - 8px); } .UnlimitedDocumentsinfo__root--1Gn5S.UnlimitedDocumentsinfo__light--23EdQ { --bg-color: #d9e6fb; --decoration-color: #07f; } .UnlimitedDocumentsinfo__root--1Gn5S.UnlimitedDocumentsinfo__dark--2OSdf { --bg-color: #2775fc; --decoration-color: #b8fc75; } .UnlimitedDocumentsinfo__root--1Gn5S:hover { cursor: pointer; } .UnlimitedDocumentsinfo__root--1Gn5S .UnlimitedDocumentsinfo__decoration--36vYV { stroke: var(--decoration-color); height: 100%; left: 0px; position: absolute; width: 100%; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; --grid-areas: "toolbar toolbar" "main rightpanel"; --grid-template-columns: minmax(0,1fr) min-content; --grid-template-rows: max-content 1fr; } .MainPage__root--3oMlT { --left-block-width: 264px; --sidebar-width: 0px; --left-block-margin-top: 24px; -webkit-font-smoothing: antialiased; display: flex; flex-grow: 1; flex-wrap: wrap; grid-area: main; margin: 0px auto; width: calc(100% - var(--vkui--x5)*2); } .MainPage__root_new_portal_header--3J8FE { height: 100%; margin-left: var(--vkui--x4); margin-right: var(--vkui--x3); overflow: auto; width: calc(100% - var(--vkui--x3) - var(--vkui--x4)); } .MainPage__root_new_portal_header--3J8FE .MainPage__leftBlockWrapper--346hd { height: 100%; } .MainPage__root_new_portal_header--3J8FE .MainPage__leftBlockWrapper--346hd.MainPage__responsive--3eW2J { flex: 1 1 auto; height: 100vh; overflow: inherit; } .MainPage__root_new_portal_header--3J8FE .MainPage__rightBlock--2iFOk { box-sizing: border-box; height: 100%; } .MainPage__root_new_portal_header--3J8FE .MainPage__rightBlockContent--1KPT4 { flex-shrink: 1; overflow: auto; } .MainPage__root_new_portal_header--3J8FE .MainPage__rightBlockContentWrapper--2gXoz { flex: 1 1 0%; overflow-y: hidden; padding: 0px; position: relative; } .MainPage__root_new_portal_header_rightBlock_notFullHeight--2mT5V .MainPage__rightBlock--2iFOk { height: auto; } .MainPage__root_with_unified_search_in_superapp--DX7Fj { margin-left: var(--vkui--x3); margin-right: var(--vkui--x3); width: calc(100% - var(--vkui--x3) - var(--vkui--x3)); } .MainPage__root_sidebar_info--1WSM0 { --sidebar-width: 260px; } .MainPage__root_sidebar_info__small--3ns86 { --sidebar-width: 172px; } .MainPage__leftBlockWrapper--346hd { display: flex; flex-direction: column; flex-shrink: 0; width: var(--left-block-width); z-index: 20; } .MainPage__leftBlockWrapper--346hd .MainPage__vktech--1U0Fc { padding-bottom: var(--vkui--x3); } .MainPage__leftBlockWrapper--346hd .MainPage__vktech--1U0Fc img { display: block; height: 20px; width: auto; } .MainPage__leftBlockWrapper--346hd .MainPage__vktech_link--21ZDC { display: block; padding: var(--vkui--x3); } .MainPage__leftBlockWrapper--346hd.MainPage__responsive--3eW2J { inset: 0px; overflow: hidden; position: fixed; transform: translateX(-100%); z-index: 1002; } @media (min-width: 1024px) { .MainPage__leftBlockWrapper--346hd.MainPage__responsive--3eW2J { overflow: initial; padding: 0px; position: static; transform: none; transition: none; width: var(--left-block-width); z-index: 20; } } .MainPage__leftBlockWrapper--346hd.MainPage__responsive--3eW2J.MainPage__visible--1s6z7 { overflow: initial; transform: translateX(0px); transition: transform 0.2s linear; width: 100%; } @media (min-width: 1024px) { .MainPage__leftBlockWrapper--346hd.MainPage__responsive--3eW2J.MainPage__visible--1s6z7 { width: var(--left-block-width); } } .MainPage__leftBlockWrapper--346hd.MainPage__responsive--3eW2J.MainPage__visible--1s6z7 .MainPage__vktech--1U0Fc { background: var(--vkui--color_header_background); box-shadow: rgba(2, 13, 41, 0.12) 0px 0px 16px; padding: 0 20px var(--vkui--x4) 20px; width: var(--left-block-width); } .MainPage__leftBlock--1D2R6 { width: var(--left-block-width); } .MainPage__leftBlock--1D2R6.MainPage__responsive--3eW2J { background: var(--vkui--color_header_background); box-shadow: rgba(2, 13, 41, 0.12) 0px 0px 16px; clip-path: inset(0px -100%); display: flex; flex: 1 1 auto; flex-direction: column; overflow: auto; padding: 0px 20px; scrollbar-color: var(--vkui--color_field_border_alpha) var(--vkui--color_background); } .MainPage__leftBlock--1D2R6.MainPage__responsive--3eW2J ::-webkit-scrollbar-thumb { background-color: var(--vkui--color_field_border_alpha); } @media (min-width: 1024px) { .MainPage__leftBlock--1D2R6.MainPage__responsive--3eW2J { background: transparent; box-shadow: none; clip-path: none; display: block; flex: 1 1 auto; overflow: initial; padding: 0px; } } .MainPage__leftBlock--1D2R6:not(.MainPage__responsive--3eW2J) { scrollbar-gutter: stable; height: calc(-105px + 100vh); overflow: hidden; position: sticky; scrollbar-color: var(--color-scrollbar) transparent; scrollbar-width: thin; } .MainPage__leftBlock--1D2R6:not(.MainPage__responsive--3eW2J):not(.MainPage__left_block_with_unified_search_in_superapp--3QQ79) { top: 8px; } .MainPage__leftBlock--1D2R6:not(.MainPage__responsive--3eW2J).MainPage__left_block_with_unified_search_in_superapp--3QQ79 { height: calc(-70px + 100vh); } .MainPage__leftBlock--1D2R6:not(.MainPage__responsive--3eW2J):hover { overflow-y: scroll; } .MainPage__leftBlock--1D2R6:not(.MainPage__responsive--3eW2J)::-webkit-scrollbar { height: 6px; width: 6px; } .MainPage__leftBlock--1D2R6:not(.MainPage__responsive--3eW2J)::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar); border-radius: 6px; } .MainPage__leftBlock--1D2R6:not(.MainPage__responsive--3eW2J) ::-webkit-scrollbar-corner, .MainPage__leftBlock--1D2R6:not(.MainPage__responsive--3eW2J)::-webkit-scrollbar-track { background-color: initial; } .MainPage__leftBlock--1D2R6:not(.MainPage__responsive--3eW2J) .MainPage__toolbar--3ih-W { gap: 0px; } .MainPage__leftBlock_pin--3dFcC { height: calc(-50px + 100vh); } .MainPage__rightBlock--2iFOk { display: flex; flex-direction: column; flex-grow: 1; margin-left: var(--vkui--x10); margin-top: var(--left-block-margin-top); width: calc(100% - var(--vkui--x5)*2 - var(--left-block-width) - var(--sidebar-width) - var(--vkui--x10)); } .MainPage__rightBlock--2iFOk.MainPage__responsive--3eW2J { margin-left: 0px; } @media (min-width: 1024px) { .MainPage__rightBlock--2iFOk.MainPage__responsive--3eW2J { margin-left: var(--vkui--x10); } } .MainPage__rightBlock--2iFOk.MainPage__rightBlock_new_portal_header--1bH5N { background: var(--vkui--color_background_content); border-radius: 12px 12px 0px 0px; margin-left: calc(var(--vkui--x4) - 8px); margin-top: 0px; padding: 4px 4px 2px; width: calc(100% - var(--vkui--x4)*2 - var(--left-block-width) - var(--sidebar-width) - var(--vkui--x4)); } .MainPage__rightBlock--2iFOk.MainPage__rightBlock_new_portal_header--1bH5N.MainPage__responsive--3eW2J { margin-left: 0px; } @media (min-width: 1024px) { .MainPage__rightBlock--2iFOk.MainPage__rightBlock_new_portal_header--1bH5N.MainPage__responsive--3eW2J { margin-left: calc(var(--vkui--x4) - 8px); } } .MainPage__rightBlock--2iFOk.MainPage__rightBlock_new_portal_header--1bH5N.MainPage__disabled--3t68A { overflow-y: hidden; padding: 0px; } .MainPage__rightBlock--2iFOk.MainPage__rightBlock_new_portal_header--1bH5N .MainPage__rightBlockPadding--3JFNY { padding: 4px 4px 2px; } .MainPage__rightBlock--2iFOk.MainPage__rightBlock_with_unified_search_in_superapp--2IHGZ { margin-left: calc(var(--vkui--x4) - 6px); } .MainPage__rightBlock--2iFOk .MainPage__toolbarWrap--19O4t { margin-bottom: 8px; } .MainPage__rightBlockWithoutScroll--Tz4Us { padding: 4px 0px 2px 4px !important; } .MainPage__alignLeft--1quVX { margin: 0px; width: 100%; } .MainPage__alignLeft--1quVX .MainPage__rightBlock--2iFOk { margin-left: 0px; margin-top: 0px; padding: 0px; } @media (min-height: 300px) { .MainPage__alignLeft--1quVX .MainPage__rightBlock--2iFOk { padding: 16px; } } .MainPage__rightBlockContent--1KPT4 { display: flex; flex: 1 0 auto; flex-direction: column; width: 100%; } .MainPage__rightBlockContentWrapper--2gXoz { padding: 16px; } .MainPage__rightTopBlock--3Xn4Q { margin: 0 calc(var(--vkui--x5)*-1) 0 calc(var(--vkui--x5)*-1 - 12px); position: sticky; top: 0px; width: calc(100% + var(--vkui--x5)*2); z-index: 22; } .MainPage__backButtonBlock--12FKX { display: flex; margin: 10px 0px; } .MainPage__backButton--2VMpi { font-weight: var(--vkui--font_weight_accent1); } .MainPage__toolbar--3ih-W { display: grid; gap: 12px; margin: 28px 0px 24px; width: 100%; } .MainPage__toolbar--3ih-W.MainPage__responsive--3eW2J { margin: 8px 0px 24px; } @media (min-width: 1024px) { .MainPage__toolbar--3ih-W.MainPage__responsive--3eW2J { margin: 28px 0px 24px; } .MainPage__toolbar--3ih-W.MainPage__responsive--3eW2J div[data-name="toolbar-collapse-item"] { display: none; } } .MainPage__toolbar--3ih-W.MainPage__toolbar_new_portal_header--2s-BJ { box-sizing: border-box; margin: 0px 0px 24px; padding-right: 8px; } .MainPage__toolbar--3ih-W.MainPage__toolbar_with_unified_search_in_superapp--3z_5g { margin-bottom: 12px; padding-right: 0px; } .MainPage__toolbar--3ih-W.MainPage__toolbar_with_space_at_bottom--1bsxI { margin-bottom: 12px; } .MainPage__spacePromo_new_portal_header--2SXwP { width: calc(var(--left-block-width) - 12px); } .MainPage__cloudFilesMigrationPromo_with_unified_search_in_superapp--eFU-e, .MainPage__spacePromo_with_unified_search_in_superapp--3zzUJ { width: var(--left-block-width); } .MainPage__treeWrapper--3psqE.MainPage__responsive--3eW2J { flex: 1 1 auto; margin-right: -15px; overflow: auto; } @media (min-width: 1024px) { .MainPage__treeWrapper--3psqE.MainPage__responsive--3eW2J { flex: 0 0 auto; margin-right: 0px; } } .MainPage__treeWrapper--3psqE.MainPage__treeWrapper_new_portal_header--18ql5 { padding-right: 8px; } .MainPage__container--wELGI { --min-container-width: 624px; bottom: 92px; height: 0px; left: -100%; margin-left: 30px; margin-right: 30px; margin-top: -92px; position: sticky; width: calc(max(var(--min-container-width),100vw - 380px) - 60px); z-index: 22; } .MainPage__container--wELGI.MainPage__responsive--3eW2J { --min-container-width: 0px; } .MainPage__root_integration--3vqI6 { --buttons-container-height: 77px; --toolbar-height: 60px; height: 100%; margin: var(--vkui--x5); overflow: auto; width: calc(100% - var(--vkui--x5)*2); } .MainPage__root_integration--3vqI6 .MainPage__leftBlockWrapper--346hd { height: calc(100dvh - var(--buttons-container-height) - var(--vkui--x5)); } .MainPage__root_integration--3vqI6 .MainPage__leftBlock--1D2R6 { height: 100% !important; } .MainPage__root_integration--3vqI6 .MainPage__rightBlock--2iFOk { box-sizing: border-box; height: calc(100dvh - var(--buttons-container-height) - var(--vkui--x5)); padding: 0px; } @media (max-width: 768px) { .MainPage__root_integration--3vqI6 .MainPage__rightBlock--2iFOk { margin-left: 0px; } } .MainPage__root_integration--3vqI6 .MainPage__rightBlockContent--1KPT4 { flex-shrink: 1; height: 100%; overflow: auto; } .MainPage__root_integration--3vqI6 .MainPage__rightBlockContentWrapper--2gXoz { flex: 1 1 0%; overflow-x: hidden; padding: 0px; } .MainPage__root_integration--3vqI6 .MainPage__toolbar--3ih-W { margin: var(--vkui--x2); } .MainPage__root_uploader--1P6Dy::before { background: var(--vkui--color_background_accent_tint_alpha); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: 0px; border-top-left-radius: 12px; border-top-right-radius: 12px; inset: 0px 11px; content: ""; position: absolute; z-index: 1000; } .MainPage__rightBlockContentWrapperDisabled--3ufu0 { overflow-y: hidden; } .IncomingPublicPage__root--30J2Z { display: flex; flex-direction: column; height: 100%; } .IncomingPublicPage__headerContainerNewPortalHeader--5l_g2 { margin-bottom: 16px; padding: 0px 16px; } .IncomingPublicPage__datalistContainerNewPortalHeader--3PkAY { height: calc(100% - 42px); } .AllDocumentsPage__root--3gXMM { display: flex; flex-direction: column; height: 100%; } .AllDocumentsPage__headerContainer_new_portal_header--3n9PE { margin-bottom: 16px; padding: 0px 16px; } .AllDocumentsPage__datalistContainer_new_portal_header--1-v4w { height: calc(100% - 42px); } .AllDocumentsPage__title--3p_tl { align-items: center; display: flex; } .SafeManageButton__wrapper--39cFo { display: flex; gap: 8px; position: relative; } .SafeManageButton__popover--3FqRq { border-radius: 12px; } .SafeManageButton__dropdown--9YCgq { padding: 0px 6px; } .SafeManageButton__dropdown--9YCgq .SafeManageButton__text--1LXAx, .SafeManageButton__text--1LXAx { font-size: var(--vkui--font_text--font_size--compact); line-height: var(--vkui--font_text--line_height--regular); } .SafeManageButton__text--1LXAx { margin-left: 8px; } .SafeManageButton__contentWrapper--2c_Xf { -webkit-font-smoothing: antialiased; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 4px 0px, rgba(0, 0, 0, 0.16) 0px 4px 32px 0px; display: flex; flex-direction: column; min-width: 220px; padding: 8px; } .SafeManageButton__contentButton--3q8tP { min-height: 48px; } .SafeManageButton__contentButton--3q8tP span { color: var(--vkui--color_text_primary); font-weight: 400; justify-content: left; } .InlineInformer__root--3QnD5 { border-radius: 12px; display: inline-block; font-family: var(--vkui--font_family_accent); font-size: 12px; font-weight: 400; letter-spacing: 0.018px; line-height: 16px; padding: 10px 12px; } .InlineInformer__newRoot--1p1Gn { border-radius: 8px; padding: 6px 12px; } .InlineInformer__root_color_red--3mW8H { background-color: var(--vkui--color_background_negative_tint_alpha); color: var(--vkui--color_text_negative); } .InlineInformer__root_color_blue--3lOBD { background-color: var(--vkui--color_background_accent_tint_alpha); color: var(--vkui--color_text_accent); } .InlineInformer__root_color_transparent--2nFse { border: 1px solid var(--vkui--color_image_placeholder); } .InlineInformer__root_color_newTransparent--MRDS3 { border: 1px solid var(--vkui--color_stroke_field_border_alpha); } .InlineInformer__root_noPadding--mPqfi { padding: 0px; } .RestoreTrashbinFilesInformer__content--203Qk { align-items: center; display: flex; font-size: var(--vkui--font_subhead--font_size--regular); font-weight: 400; gap: 12px; line-height: var(--vkui--font_subhead--line_height--regular); padding: 6px 6px 6px 12px; } .RestoreTrashbinFilesInformer__content--203Qk .RestoreTrashbinFilesInformer__buttons--3iHra { display: flex; gap: 6px; } .RestoreTrashbinFilesInformer__clickedInformer--2l1Gn { padding: 5px 6px 5px 0px; } .TrashbinPage__root--G37Zb { display: flex; flex: 1 0 auto; flex-direction: column; } .TrashbinPage__root--G37Zb.TrashbinPage__root_new_portal_header--3HnDu { height: 100%; position: relative; } .TrashbinPage__root--G37Zb.TrashbinPage__root_new_portal_header--3HnDu .TrashbinPage__currentBin_new_portal_header--sDHQ6 { height: calc(100% - 42px); } .TrashbinPage__root--G37Zb .TrashbinPage__title_new_portal_header--d5qTZ { padding: 0px 16px; } .TrashbinPage__title--3mhnK { align-items: center; color: var(--vkui--color_text_primary); display: flex; font-size: 20px; } .TrashbinPage__titleResponsive--3xUQT { display: block; } .TrashbinPage__titleResponsiveHeader--22gq0 { align-items: center; display: flex; justify-content: space-between; } .TrashbinPage__informer--cqi3P { align-items: center; align-self: flex-start; box-sizing: border-box; display: flex; flex-shrink: 0; height: 42px; } .TrashbinPage__informerResponsive--1wUVK { margin-bottom: var(--vkui--x5); } .TrashbinPage__informerOverquota--1N_Sl { margin: 0px 0px 24px; } .TrashbinPage__informerTrashbinSize--3wY-b { margin: 20px 16px 24px; } .TrashbinPage__informerTrashbinSize--3wY-b .TrashbinPage__informerTrashbinSizeButton--4-ImM { font-weight: var(--vkui--font_headline2--font_weight--regular); margin-left: 8px; white-space: nowrap; } .TrashbinPage__informerTrashbinSize--3wY-b .TrashbinPage__informerTrashbinSizeText--1co_7 { font-family: var(--font-tt-norms); line-height: 20px; } .TrashbinPage__informerOverquota--1N_Sl + .TrashbinPage__informerTrashbinSize--3wY-b { margin: -16px 0px 24px; } .TrashbinPage__counter--20e2C { margin-bottom: 24px; margin-left: auto; padding-right: 18px; } .TrashbinPage__counterResponsive--RYqJV { margin-bottom: 0px; padding-right: 0px; } .TrashbinPage__informerContent--1Ok6e { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 13px; line-height: 18px; } .TrashbinPage__informerContent--1Ok6e span { color: var(--vkui--color_text_accent); cursor: pointer; } .TrashbinPage__inlineInformerResponsive--Sxyl0 { display: block; } .TrashbinPage__menu--WW7IP { height: 30px; margin-bottom: 18px; margin-top: 16px; padding-left: 16px; } .TrashbinPage__currentBin--2-S67 { display: block; } .TrashbinPage__informerSafeText--Jf3bl { font-size: 14px; line-height: 18px; } .TrashbinPage__informerSafeTitle--3owXz { font-size: 15px; font-weight: 500; line-height: 20px; } .TrashbinPage__informerTrashbinSafe--2_L9f { margin: 10px 16px 24px; } .BusinessTemplateInformer__demoInformer--2WHmm { border: 1px solid var(--vkui--color_stroke_field_border_alpha); border-radius: 12px; display: flex; gap: 8px; margin-bottom: 16px; margin-right: 40px; padding: 16px; } .BusinessTemplateInformer__content--2lKA- { flex-grow: 2; } .BusinessTemplateInformer__headline--2b8eE { font-size: var(--vkui--font_headline1--font_size--regular,16px); } .BusinessTemplateInformer__actions--3rjNg { align-items: center; display: flex; justify-content: center; } .BusinessTemplateInformer__icon--2W9X4 { color: var(--vkui--color_icon_secondary_alpha); } .BusinessTemplateCard__root--1AyDH { --bg-color: var(--vkui--color_background_secondary_alpha); --text-color: var(--vkui--color_text_primary); --icon-bg-color: var(--cloud--color_background_file_other); --docs-bg-color: var(--cloud--color_background_file_document); --docs-text-color: var(--cloud--color_icon_file_document_invariably); --docs-icon-bg-color: rgba(1,139,242,.16); --spreadsheets-bg-color: var(--cloud--color_background_file_table); --spreadsheets-text-color: var(--cloud--color_icon_file_table_invariably); --spreadsheets-icon-bg-color: rgba(1,151,132,.16); --presentation-bg-color: var(--cloud--color_background_file_presentation); --presentation-text-color: var(--cloud--color_icon_file_presentation_invariably); --presentation-icon-bg-color: rgba(218,76,78,.16); --pdf-bg-color: var(--cloud--color_background_file_other); --pdf-text-color: var(--vkui--color_text_primary); --pdf-icon-bg-color: var(--cloud--color_background_file_other); } .vkui--cloud--dark .BusinessTemplateCard__root--1AyDH { --bg-color: var(--cloud--color_background_file_document); --text-color: var(--vkui--color_text_primary); --icon-bg-color: var(--cloud--color_background_file_other); --docs-bg-color: var(--cloud--color_background_file_document); --docs-text-color: var(--vkui--color_text_primary); --docs-icon-bg-color: rgba(1,139,242,.16); --spreadsheets-bg-color: var(--cloud--color_background_file_document); --spreadsheets-text-color: var(--vkui--color_text_primary); --spreadsheets-icon-bg-color: rgba(1,151,132,.16); --presentation-bg-color: var(--cloud--color_background_file_document); --presentation-text-color: var(--vkui--color_text_primary); --presentation-icon-bg-color: rgba(218,76,78,.16); --pdf-bg-color: var(--cloud--color_background_file_document); --pdf-text-color: var(--vkui--color_text_primary); --pdf-icon-bg-color: var(--cloud--color_background_file_other); } .BusinessTemplateCard__root--1AyDH { display: flex; flex-direction: column; max-width: 220px; min-width: 220px; } .BusinessTemplateCard__root_doc--2Embo, .BusinessTemplateCard__root_docm--3oas2, .BusinessTemplateCard__root_document--1tOJw, .BusinessTemplateCard__root_docx--3cc2h, .BusinessTemplateCard__root_dot--2SpKc, .BusinessTemplateCard__root_dotx--3ezPl, .BusinessTemplateCard__root_odt--1KaBv, .BusinessTemplateCard__root_ott--1iSFM, .BusinessTemplateCard__root_pages--2dlDU, .BusinessTemplateCard__root_rtf--22BPc, .BusinessTemplateCard__root_text--2mt5m, .BusinessTemplateCard__root_word-online--alC-n, .BusinessTemplateCard__root_wpd--39bcV, .BusinessTemplateCard__root_wps--Q7PAl, .BusinessTemplateCard__root_xodt--tzSi_, .BusinessTemplateCard__root_xott--2P86l { --bg-color: var(--docs-bg-color); --text-color: var(--docs-text-color); --icon-bg-color: var(--docs-icon-bg-color); } .BusinessTemplateCard__root_csv--2PbLl, .BusinessTemplateCard__root_excel--2eabS, .BusinessTemplateCard__root_excel-online--3glp1, .BusinessTemplateCard__root_numbers--2cMJm, .BusinessTemplateCard__root_ods--39wpd, .BusinessTemplateCard__root_ots--RjxxU, .BusinessTemplateCard__root_spreadsheet--famWm, .BusinessTemplateCard__root_xls--17IpU, .BusinessTemplateCard__root_xlsb--UYkhp, .BusinessTemplateCard__root_xlsm---d93L, .BusinessTemplateCard__root_xlsx--1RnJp, .BusinessTemplateCard__root_xlt--1Cals, .BusinessTemplateCard__root_xltx--2GoaX, .BusinessTemplateCard__root_xods--2ZkIM, .BusinessTemplateCard__root_xots--1VjIG { --bg-color: var(--spreadsheets-bg-color); --text-color: var(--spreadsheets-text-color); --icon-bg-color: var(--spreadsheets-icon-bg-color); } .BusinessTemplateCard__root_key--1uWms, .BusinessTemplateCard__root_keynote--2bxc5, .BusinessTemplateCard__root_odp--1k0bX, .BusinessTemplateCard__root_otp--2FnRK, .BusinessTemplateCard__root_pot--13_Wk, .BusinessTemplateCard__root_potm--17HMQ, .BusinessTemplateCard__root_potx--1ITGs, .BusinessTemplateCard__root_powerpoint-online--1y5es, .BusinessTemplateCard__root_pps--3NrLE, .BusinessTemplateCard__root_ppsm--3MokS, .BusinessTemplateCard__root_ppsx--3sq0x, .BusinessTemplateCard__root_ppt--1CitC, .BusinessTemplateCard__root_pptm--3fQg0, .BusinessTemplateCard__root_pptx--1Z2gV, .BusinessTemplateCard__root_presentation--Vvc5S { --bg-color: var(--presentation-bg-color); --text-color: var(--presentation-text-color); --icon-bg-color: var(--presentation-icon-bg-color); } .BusinessTemplateCard__root_pdf--2-st3 { --bg-color: var(--pdf-bg-color); --text-color: var(--pdf-text-color); --icon-bg-color: var(--pdf-icon-bg-color); } .BusinessTemplateCard__root--1AyDH:not(:last-child) { margin: 0px 20px 20px 0px; } .BusinessTemplateCard__root--1AyDH * { box-sizing: border-box; } .BusinessTemplateCard__card--2Wu7Z { background: var(--bg-color); border-radius: 20px; cursor: pointer; flex-direction: column; max-height: 215px; min-height: 215px; padding: 16px 12px 16px 16px; width: 100%; } .BusinessTemplateCard__card--2Wu7Z, .BusinessTemplateCard__icon--3upGu { display: flex; } .BusinessTemplateCard__icon--3upGu { align-items: center; background-color: var(--vkui--color_background_modal); border-radius: 50px; justify-content: center; padding: 4px 12px; width: fit-content; } .BusinessTemplateCard__icon--3upGu img { height: 20px; width: 20px; } .BusinessTemplateCard__title--3dQs9 { color: var(--text-color); margin-top: 18px; } .BusinessTemplateCard__thumb--1x1I5 { background-color: var(--icon-bg-color); border-radius: 8px; margin-top: auto; } .BusinessTemplateCard__description--3qNUj { color: var(--vkui--color_text_secondary); margin: 12px 8px 0px; } .BusinessTemplates__root--2w5TA { min-height: 100%; padding: 16px; position: relative; } .BusinessTemplates__head--1wIs9 { display: flex; flex-direction: column; padding-bottom: 16px; } .BusinessTemplates__subhead--WtI7f { color: var(--vkui--color_text_subhead); margin-top: 4px; } .BusinessTemplates__main--2WsGX { display: flex; flex-wrap: wrap; } .CleanerOnboarding__root--2xd7N { -webkit-font-smoothing: antialiased; background: var(--vkui--color_background); margin: 0px auto; max-width: 480px; } .CleanerOnboarding__pageTitle--11hP8, .CleanerOnboarding__root--2xd7N { font-family: var(--vkui--font_family_accent); } .CleanerOnboarding__pageTitle--11hP8 { color: var(--vkui--color_text_primary); font-size: 20px; font-weight: 500; line-height: 26px; margin: 0px; padding: 16px 24px; } .CleanerOnboarding__list--3FL1h { display: flex; flex-direction: column; list-style: none; margin: 0px; padding: 16px; row-gap: 32px; } .CleanerOnboarding__footer--3CUH3 { padding: 0 16px calc(12px + env(safe-area-inset-bottom)); } .CleanerOnboarding__footer--3CUH3 .CleanerOnboarding__button--JTR-f.ui.button { background: var(--vkui--color_background_accent); border-radius: 12px; color: var(--vkui--color_text_contrast); font-family: var(--vkui--font_family_accent); font-size: 17px; font-weight: 500; height: 44px; line-height: 24px; padding: 10px 16px; width: 100%; } .OnboardingStep__root--2Ll42 { column-gap: 12px; display: grid; grid-template-columns: 36px 1fr; } .OnboardingStep__rail--1csgb { position: relative; } .OnboardingStep__icon--2P2UD { align-items: center; background: var(--vkui--color_background_accent); border-radius: 100px; box-sizing: border-box; color: var(--vkui--color_icon_contrast); display: flex; height: 36px; justify-content: center; margin-top: -5px; width: 36px; } .OnboardingStep__line--1PPpU { background: var(--vkui--color_stroke_accent); border-radius: 1.5px; bottom: -19px; left: 50%; margin-left: -1.5px; position: absolute; top: 39px; width: 3px; } .OnboardingStep__title--25DwJ { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: 18px; font-weight: 500; line-height: 26px; margin: 0px; } .OnboardingStep__description--2rki7 { color: var(--vkui--color_text_secondary); font-size: 15px; font-weight: 400; line-height: 20px; margin: 4px 0px 0px; } .OnboardingStep__animation--1qFb8 { aspect-ratio: 280 / 284; border-radius: 12px; margin-top: 12px; overflow: hidden; width: 100%; } .BizPageTabMenu__root--kwt4v { margin: var(--vkui--x3) 0; } .BizPageTabMenu__rootNoMarginBottom--2eNZE { margin-bottom: 0px; } .FavoritesPage__root--3mb40 { display: flex; flex: 1 0 auto; flex-direction: column; } .FavoritesPage__root--3mb40.FavoritesPage__root_new_portal_header--1JXl- { height: 100%; } .FavoritesPage__root--3mb40.FavoritesPage__root_new_portal_header--1JXl- .FavoritesPage__datalistSelectable--1agUE { height: calc(100% - 58px); } .FavoritesPage__root--3mb40 .FavoritesPage__headerContainer_new_portal_header--wHYfK { margin-bottom: 16px; padding: 0px 16px; } .FeedPage__root--2i5Wh { display: flex; flex: 1 0 auto; flex-direction: column; } .FeedPage__root--2i5Wh.FeedPage__root_new_portal_header--3PdVV { height: 100%; position: relative; } .FeedPage__root--2i5Wh.FeedPage__root_new_portal_header--3PdVV .FeedPage__datalistSelectable--gfxMl { height: calc(100% - 100px); } .FeedPage__root--2i5Wh .FeedPage__headerContainer_new_portal_header--3k5yc { margin-bottom: 16px; padding: 0px 16px; } .FeedPage__menu--3f-hJ { height: 30px; margin-top: 12px; } .TBankModal__closeIconTBank--pbePh { color: rgb(25, 126, 139); } .TBankModal__featureList--2C3De { list-style: none; margin: 0px; padding: 0px; } .TBankModal__featureListItem--1HoBv { align-items: flex-start; color: var(--vkui--color_text_primary); display: flex; font-size: var(--vkui--font_headline1--font_size--compact); font-weight: 400; line-height: var(--vkui--font_headline1--line_height--compact); padding-bottom: 8px; } .TBankModal__featureListItem--1HoBv svg > use { color: var(--vkui--color_icon_accent); } .TBankModal__featureListItemMobile--2-VCb { font-size: 16px; } .TBankModal__featureListItemIcon--1-8Bj { align-self: center; padding-right: 8px; } .TBankModal__link--1n-SS { color: var(--vkui--color_text_link); } .TBankModal__link--1n-SS:hover { color: var(--vkui--color_text_link--hover); } .TBankModal__link--1n-SS:active { color: var(--vkui--color_text_link--active); } .TBankModal__mobileImg--214Ev { border-top-left-radius: 20px; border-top-right-radius: 20px; height: auto; width: 100%; } .TBankModal__closeIconTBankMobile--3xVCv use { color: var(--vkui--color_icon_primary) !important; } .TBankModal__textBlockWrapper--2SRzu { padding: 24px 24px 0px; } .TBankModal__titleMobile--3SdMF { font-size: var(--vkui--font_title1--font_size--regular); font-weight: 500; line-height: var(--vkui--font_title1--line_height--regular); } .TBankModal__buttonWrapper--2Se5L { padding: 0px 16px 16px; } .HomePageInformer__root--2u2IW { align-items: center; gap: var(--vkui--x4); margin-bottom: 20px; } .HomePageInformer__root--2u2IW > div[class*="Informer__icon"] { margin: 0px; padding: var(--vkui--x05); } .HomePageInformer__root--2u2IW > div[class*="Informer__text"] { align-self: center; } .HomePageInformer__root--2u2IW div[class*="Informer__close"] { padding: 0px 2px 0px 10px; } .HomePageInformer__title--9CeG_ { font-family: var(--font-tt-norms); } .rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="trial"] { background: var(--vkui--color_background_sky); } .rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="trial"] .WelcomeNewPromo__tariff_text--324lk { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="trial"] .WelcomeNewPromo__tariff_block--CyO2J { background: var(--vkui--color_background_content); border-radius: 20px; padding: 20px; } .rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="trial"] .WelcomeNewPromo__tariff--3dqzq { font-size: 72px; font-weight: 500; line-height: 80px; margin-top: 28px; } .rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="trial"] .WelcomeNewPromo__tariff--3dqzq > span { font-size: 32px; font-weight: 700; line-height: 56px; margin-left: 10px; } .rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="trial"] .WelcomeNewPromo__tariff_button--2Ut7d { font-size: var(--vkui--font_headline2--font_size--regular); font-weight: var(--vkui--font_headline2--font_weight--regular); height: 36px; line-height: var(--vkui--font_headline2--line_height--regular); } .rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="trial"] .WelcomeNewPromo__tariff_price--24TYA { color: var(--vkui--color_text_primary); font-size: var(--vkui--font_footnote--font_size--regular); font-weight: var(--vkui--font_footnote--font_weight--regular); line-height: var(--vkui--font_footnote--line_height--regular); text-align: left; } .rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="trial"] .WelcomeNewPromo__tariff_price_recolor--2omqZ { color: var(--vkui--color_icon_medium_alpha); } .rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="phone"]:not(.WelcomeNewPromo__no_phone_theme--2z6ll) { background: var(--vkui--color_background_sky); } .rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="phone"].WelcomeNewPromo__no_phone_theme--2z6ll .WelcomeNewPromo__mascot--2jabN { display: none; } .rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="phone"] { overflow: hidden; } .rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="phone"] .WelcomeNewPromo__icon--2Kj9k { background: var(--vkui--color_background_contrast); } .rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="phone"] .WelcomeNewPromo__qrImage--2CpoI { align-items: center; background: var(--vkui--color_background_contrast); border-radius: 20px; box-sizing: border-box; display: flex; flex-direction: row; height: 146px; justify-content: center; margin: 0px auto; padding: 8px; width: 146px; } .rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="phone"] .WelcomeNewPromo__mascot--2jabN { bottom: -32px; height: 151px; position: absolute; right: -28px; transform: rotate(-21.5deg); width: 134px; } .vkui--cloud--dark.rebranding .WelcomeNewPromo__block--2cm8d { background: var(--vkui--color_background_secondary); } .vkui--cloud--dark.rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="trial"] { background: var(--vkui--color_background_secondary); } .vkui--cloud--dark.rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="trial"] .WelcomeNewPromo__tariff_block--CyO2J { background: var(--vkui--color_separator_secondary--active); } .vkui--cloud--dark.rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="phone"] { background: var(--vkui--color_background_secondary); } .vkui--cloud--dark.rebranding .WelcomeNewPromo__block--2cm8d[data-qa-id="phone"] .WelcomeNewPromo__icon--2Kj9k { background: var(--cloud--color_background_header_icon); } .vkui--cloud--dark.rebranding .WelcomeNewPromo__item--1_Gbq { background: var(--vkui--color_separator_secondary--active); } .vkui--cloud--dark.rebranding .WelcomeNewPromo__arrowNext--2argZ, .vkui--cloud--dark.rebranding .WelcomeNewPromo__arrowPrev--139JC { background: var(--vkui--color_background_modal); box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 32px; } .WelcomeNewPromo__root--2p3bt { align-items: flex-start; display: flex; flex-direction: column; font-family: var(--font-tt-norms); margin-left: 12px; margin-top: 29px; } .WelcomeNewPromo__textBlock--2d9Fh { color: var(--vkui--color_text_primary); } .WelcomeNewPromo__header--3XrPq { font-size: 28px; font-weight: 500; line-height: 34px; margin-bottom: 16px; } .WelcomeNewPromo__description--3PttA { font-weight: 400; } .WelcomeNewPromo__description--3PttA, .WelcomeNewPromo__quota--3CBKW { font-size: 16px; line-height: 22px; } .WelcomeNewPromo__quota--3CBKW { color: var(--vkui--color_text_accent); font-weight: 500; } .WelcomeNewPromo__link--Lvu8H { color: var(--vkui--color_text_link); cursor: pointer; } .WelcomeNewPromo__tariffs--1SyuQ { align-items: center; color: var(--vkui--color_text_accent); cursor: pointer; display: inline-flex; font-size: 16px; font-weight: 500; gap: 2px; line-height: 22px; } .WelcomeNewPromo__tariffs--1SyuQ:hover { color: var(--vkui--color_text_accent--hover); } .WelcomeNewPromo__actionBlock--3AMlD { margin-top: 32px; width: 100%; } .WelcomeNewPromo__createBlock--2xHUK { gap: 20px; justify-content: space-between; margin-bottom: 16px; } .WelcomeNewPromo__createBlock--2xHUK, .WelcomeNewPromo__slider--ZUbzp { display: flex; flex-direction: row; } .WelcomeNewPromo__slider--ZUbzp { flex-wrap: nowrap; height: 372px; position: relative; } .WelcomeNewPromo__slider--ZUbzp > .swiper { width: 100%; } .WelcomeNewPromo__slider--ZUbzp > .swiper > .swiper-wrapper { display: flex; } .WelcomeNewPromo__wrapper--2F7Ne { display: flex; flex-flow: row; gap: 16px; } .WelcomeNewPromo__arrowNext--2argZ, .WelcomeNewPromo__arrowPrev--139JC { align-items: center; background: var(--vkui--color_background_contrast); border-radius: 50%; bottom: 50%; box-shadow: 0 4px 32px 0 var(--vkui--color_image_border_alpha--active); cursor: pointer; display: flex; height: 48px; justify-content: center; position: absolute; transform: translateY(50%); width: 48px; z-index: 2; } .WelcomeNewPromo__arrowNext--2argZ:hover, .WelcomeNewPromo__arrowPrev--139JC:hover { box-shadow: 0 4px 32px 0 var(--vkui--color_field_border_alpha--hover); } .WelcomeNewPromo__arrowNext--2argZ { right: 8px; } .WelcomeNewPromo__arrowPrev--139JC { left: 8px; } .WelcomeNewPromo__arrowDisabled--2wws_ { display: none; } .WelcomeNewPromo__slide--3hktb.swiper-slide { border-radius: 20px; height: 372px; min-width: 302px; width: 302px; } .WelcomeNewPromo__block--2cm8d { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background_tertiary); border-radius: 20px; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; flex-direction: column; flex-shrink: 0; height: 372px; padding: 24px; position: relative; } .WelcomeNewPromo__block_quota--2bsh- { height: 356px; width: 340px; } .WelcomeNewPromo__icon--2Kj9k { align-items: center; background-color: var(--cloud--color_background_header_icon); border-radius: 14px; display: flex; height: 48px; justify-content: center; width: 48px; } .WelcomeNewPromo__block_title--3xjCT { font-size: 18px; } .WelcomeNewPromo__block_text--ipHEV, .WelcomeNewPromo__upload--ylwBO { font-size: 15px; line-height: 20px; } .WelcomeNewPromo__upload--ylwBO { align-items: center; cursor: pointer; display: flex; height: 156px; justify-content: center; pointer-events: none; position: relative; user-select: none; width: 254px; } .WelcomeNewPromo__upload--ylwBO .WelcomeNewPromo__blue--hPFsR { color: var(--vkui--color_text_accent); } .WelcomeNewPromo__upload_text--1JZIH { text-align: center; z-index: 1; } .WelcomeNewPromo__drop--1ev7G, .WelcomeNewPromo__input--sNMF- { left: 0px; position: absolute; top: 0px; } .WelcomeNewPromo__input--sNMF- { bottom: 0px; cursor: pointer; opacity: 0; right: 0px; width: 100%; } .WelcomeNewPromo__qrImage--2CpoI { background: var(--vkui--color_background_secondary); border-radius: 14px; box-sizing: border-box; height: 106px; padding: 11px; width: 106px; } .WelcomeNewPromo__qrImage--2CpoI > img { background: var(--vkui--color_background_content); border-radius: 8px; height: 73px; padding: 5px; width: 73px; } .WelcomeNewPromo__cat--1dVVw { margin: 0px auto; } .WelcomeNewPromo__cat--1dVVw > svg { margin-bottom: -12px; } .WelcomeNewPromo__tariff--3dqzq { display: flex; font-size: 80px; font-weight: 500; justify-content: start; line-height: 100px; text-align: right; } .WelcomeNewPromo__tariff--3dqzq > span { font-size: 40px; font-weight: 600; line-height: 68px; margin-left: 14px; } .WelcomeNewPromo__tariff_text--324lk { font-size: 18px; font-weight: 500; line-height: 24px; } .WelcomeNewPromo__tariff_price--24TYA { font-size: 14px; font-weight: 400; line-height: 18px; text-align: center; } .WelcomeNewPromo__tariff_price_recolor--2omqZ { color: var(--vkui--color_text_secondary); } .WelcomeNewPromo__tariff_button--2Ut7d { font-size: 15px; font-weight: 500; line-height: 20px; } .WelcomeNewPromo__items--3tXoJ { gap: 8px; display: grid; grid-template-columns: 123px 123px; grid-template-rows: 74px 74px; } .WelcomeNewPromo__item--1_Gbq { align-items: center; background-color: var(--vkui--color_background_content); border-radius: 12px; cursor: pointer; display: flex; flex-direction: column; justify-content: center; width: 123px; } .WelcomeNewPromo__block_clear--PRYNr { height: 356px; width: 488px; } .WelcomeNewPromo__clearItems--1POi0 { display: flex; flex-direction: column; gap: 8px; } .WelcomeNewPromo__clearItem--3kgIK { align-items: center; align-self: stretch; background: var(--vkui--color_background_content); border-radius: 8px; cursor: pointer; display: flex; font-size: 15px; justify-content: space-between; line-height: 20px; padding: 11px 16px; } .WelcomeNewPromo__clearBttn--dk4HC { bottom: 24px; position: absolute; } .WelcomeNewPromo__clearText--1WufN { font-size: 15px; font-weight: 500; } .WelcomeNewPromo__clearWrapper--1LEUp { place-items: center; display: flex; flex-shrink: 0; } .WelcomeNewPromo__clearSize--3nShi { font-size: 16px; line-height: 22px; padding: 0px 12px; } .WelcomeNewPromo__fillFreeSpace--3HtP7 { display: flex; flex-grow: 1; } .Trialinfo__root--1UWNp { background: linear-gradient(0.874turn, rgb(214, 230, 250) -31.82%, rgb(243, 249, 255) 93.79%); border-radius: 12px; box-sizing: border-box; display: flex; flex-direction: column; height: 146px; justify-content: space-between; overflow: hidden; padding: 16px; position: relative; width: 356px; } .Trialinfo__root--1UWNp::before { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/66d97ca237f48b7a80f8.png") 0% 0% / contain no-repeat; bottom: -27px; content: ""; height: 145px; position: absolute; right: -27px; width: 153px; } .Trialinfo__text--9dqoo { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 20px; font-weight: 500; line-height: 24px; margin-bottom: 16px; } .Trialinfo__text--9dqoo span { color: var(--vkui--color_text_accent); } .Trialinfo__buttonText--YejXt { font-weight: 500; padding: 0px 16px; } .WelcomePromo__root--3pCWd { align-items: flex-start; display: flex; flex-direction: column; } .WelcomePromo__textBlock--dpvSq { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); } .WelcomePromo__header--18sK7 { font-size: 34px; font-weight: 500; line-height: 40px; margin-bottom: 16px; } .WelcomePromo__description--1RTBw { font-size: 16px; font-weight: 400; line-height: 22px; } .WelcomePromo__quota--3EdOp, .WelcomePromo__tariffs--3xHmq { color: var(--vkui--color_text_accent); font-size: 16px; font-weight: 500; line-height: 22px; } .WelcomePromo__tariffs--3xHmq { align-items: center; cursor: pointer; display: inline-flex; gap: 2px; } .WelcomePromo__tariffs--3xHmq:hover { color: var(--vkui--color_text_accent--hover); } .WelcomePromo__actionBlock--2Xo30 { margin-top: 30px; } .WelcomePromo__createBlock--h0ZvS { display: flex; flex-direction: row; gap: 20px; justify-content: space-between; margin-bottom: 16px; } .HomePage__promo--2cK6e { margin: 16px 0px 0px; } .HomePage__breadcrumbs--3tpF-, .HomePage__promo--2cK6e { padding: 0px 16px; } .HomePage__breadcrumbs--3tpF-.HomePage__breadcrumbs_without_tab_menu--11Ny8 { margin-bottom: var(--vkui--x6); } .HomePage__root--3txCG { display: flex; flex-direction: column; height: 100%; } .HomePage__bizPageTabMenu--1HZkp { margin-bottom: var(--vkui--x3); padding: 0px 16px; } .InlineIntegrationQuotaHeader__header--26E8H { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; transition: color 0.3s ease-out; } .InlineIntegrationQuotaHeader__logo--3_VEM { height: 24px; min-height: 24px; min-width: 24px; width: 24px; } .InlineIntegrationQuotaHeader__loadStatus--2X_F7 { align-items: center; color: rgb(129, 140, 153); display: flex; gap: 4px; } .InlineIntegrationQuotaHeader__isClickable--3ZE3E.InlineIntegrationQuotaHeader__loadStatus--2X_F7 { cursor: pointer; } .InlineIntegrationQuotaHeader__isClickable--3ZE3E.InlineIntegrationQuotaHeader__loadStatus--2X_F7:hover { color: rgb(38, 136, 235); gap: 8px; } .InlineIntegrationQuotaHeader__isFull--5vrPD, .InlineIntegrationQuotaHeader__isFull--5vrPD:hover { color: rgb(230, 70, 70); } .InlineIntegrationQuotaHeader__tooltip--3tl8M { background-color: var(--vkui--color_background_modal); color: rgb(0, 0, 0); font-family: var(--font-inline-integration); letter-spacing: 0.2px; line-height: 18px; padding: 8.5px 12px 9.5px; } .InlineIntegrationQuotaHeader__text--Uy4kq { color: rgb(0, 0, 0); letter-spacing: 0.15px; } .DatalistSettingsBar__root--1cMWE { align-items: center; display: flex; justify-content: space-between; } .DatalistSettingsBar__root_thumbs--2iA0J { padding-left: 8px; padding-right: 2px; } .DatalistSettingsBar__sortBttn--1LXIT { align-items: center; color: var(--vkui--color_text_secondary); display: flex; font-family: var(--font-tt-norms); font-size: 15px; font-weight: 500; gap: 4px; line-height: 20px; padding: 0px; } .DatalistSettingsBar__sortBttn--1LXIT, .DatalistSettingsBar__viewModeBttn--1u0-C { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .DatalistSettingsBar__viewModeBttn--1u0-C { box-sizing: border-box; color: var(--vkui--color_icon_secondary); padding: 8px; } .DatalistSettingsBar__viewModeBttn--1u0-C:only-child { margin-left: auto; } .DatalistSettingsBar__sortBttn_disabled--2jka0 { color: var(--vkui--color_text_secondary); cursor: default; opacity: 0.5; } .UploadInput__root--zTCNd { height: 100%; position: relative; width: 100%; } .UploadInput__input--uhga3 { inset: 0px; cursor: pointer; opacity: 0; position: absolute; } .EmptyFolder__root--2Y7or { align-items: center; display: flex; flex-direction: column; flex-grow: 1; font-size: 16px; height: 100%; justify-content: center; line-height: 22px; text-align: center; } .EmptyFolder__disableUpload--ggY46 { margin-bottom: 20%; } .rebranding .EmptyFolder__provocation--155lO { background: var(--cloud--color_background_cta); color: var(--vkui--color_text_accent); } .EmptyFolder__provocation--155lO { align-items: center; background: var(--vkui--color_background_tertiary); border: 1px dashed var(--color-empty-border); border-radius: 16px; box-sizing: border-box; color: var(--vkui--color_text_accent); display: flex; flex-direction: column; flex-grow: 1; font-family: var(--vkui--font_family_accent); font-size: 16px; font-weight: 500; justify-content: center; line-height: 22px; min-height: 160px; position: relative; width: 100%; } .EmptyFolder__icon--1ZHg- { height: 60px; margin-bottom: 12px; width: 60px; } .EmptyFolder__upload--wx30F { inset: 0px; position: absolute; } .EmptyFolder__folder--2WyOF { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-state/48ee756180d4ba42db4e.png") 0% 0% / contain no-repeat; height: 150px; margin: 38px 0px 0px; width: 300px; } .EmptyFolder__folderDark--CJxW1 { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-state/dark/9de5324413a94596d32f.png") 0% 0% / contain no-repeat; } .EmptyFolder__home--bsD8d, .EmptyFolder__home_b2b--3W8J4 { background-repeat: no-repeat; background-size: contain; } .EmptyFolder__home--bsD8d { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-state/23170d89364f31d803d0.png"); } .EmptyFolder__home_b2b--3W8J4 { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-state-b2b/46b1049ddd410932d9ce.png"); } .EmptyFolder__gallery--2LwfP { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-state/1b13291762680053c559.png") 0% 0% / contain no-repeat; } .EmptyFolder__homeDark--3BG6c { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-state/dark/1252efeea5134d29b986.png") 0% 0% / contain no-repeat; } .EmptyFolder__galleryDark--3odxG { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-state/dark/c2e963e87a4e837a92bf.png") 0% 0% / contain no-repeat; } .EmptyFolder__title--36aQx { font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); margin-bottom: 12px; } .EmptyFolder__description--Hevds, .EmptyFolder__title--36aQx { font-family: var(--font-tt-norms); white-space: pre-wrap; } .EmptyFolder__description--Hevds { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); } .Datalist__root--36AYe { display: flex; flex: 1 0 auto; flex-direction: column; margin-top: 20px; position: relative; } .Datalist__root_attaches--1XceA { margin-top: 0px; } .Datalist__rootInlineIntegration--1AKof { margin-top: 0px; width: 100%; } .Datalist__root_new_portal_header_integration--cH5e3 { height: calc(80% - 20px); padding-bottom: 0px; } .Datalist__root_integration_tutoria--3VaON { height: calc(100% - var(--buttons-container-height)); margin-left: var(--vkui--x2); margin-top: 0px; } .Datalist__root_integration_mobile--2DiRc { height: calc(100% - var(--buttons-container-height) - var(--toolbar-height)); margin-left: 0px; } .Datalist__root_selecting--3iuPK { padding-bottom: 56px; } @supports (padding-bottom:env(safe-area-inset-bottom)) { .Datalist__root_selecting--3iuPK { padding-bottom: calc(56px + env(safe-area-inset-bottom)); } } .Datalist__emptyFolder--nwN7b { flex-direction: column; margin-top: 20px; } .Datalist__emptyFolder--nwN7b, .Datalist__error--3D06o { display: flex; flex-grow: 1; } .Datalist__error--3D06o { align-items: center; text-align: center; } .DatalistGalleryItem__root--2gEBM { background-color: var(--vkui--color_skeleton_from); border-radius: 8px; height: 100%; transition: background-color 0.2s ease-in; width: 100%; } .DatalistGalleryItem__root_loaded--IQdv8 { background-color: initial; } .DatalistGalleryItem__root_loaded--IQdv8 .DatalistGalleryItem__content--AyE_o { opacity: 1; } .DatalistGalleryItem__root_selecting--2qkz0 .DatalistGalleryItem__check--1DcFB { display: block; } .DatalistGalleryItem__root_selecting--2qkz0 .DatalistGalleryItem__buttons--1zZvz { opacity: 0.4; pointer-events: none; } .DatalistGalleryItem__root_selected--3YZKa { background-color: var(--vkui--color_background_secondary); } .DatalistGalleryItem__content--AyE_o { opacity: 0; position: relative; transition: opacity 0.2s ease-in; } .DatalistGalleryItem__content--AyE_o, .DatalistGalleryItem__pic--2FiO2 { height: 100%; width: 100%; } .DatalistGalleryItem__check--1DcFB { display: none; top: 9px; } .DatalistGalleryItem__check--1DcFB, .DatalistGalleryItem__video--2JsR4 { position: absolute; right: 9px; z-index: 1; } .DatalistGalleryItem__video--2JsR4 { bottom: 9px; color: var(--vkui--color_text_contrast); } .Check__root--1Q87v { border-radius: 50%; display: block; width: fit-content; } .Check__root--1Q87v, .Check__root--1Q87v:hover { color: var(--vkui--color_icon_tertiary); } .Check__thumbs--l941V { background-color: var(--vkui--color_background_secondary_alpha); } .Check__selected--344Do { background-color: var(--vkui--color_background); } .Check__selected--344Do, .Check__selected--344Do:hover { color: var(--vkui--color_icon_accent); } .DatalistRowItem__root--3rQQJ { box-sizing: border-box; gap: 12px; height: 62px; user-select: none; width: 100%; } .DatalistRowItem__check--1zzrJ, .DatalistRowItem__root--3rQQJ { align-items: center; display: flex; } .DatalistRowItem__check--1zzrJ { padding-right: 12px; } .DatalistRowItem__check--1zzrJ, .DatalistRowItem__pic--39dAG { flex-shrink: 0; height: 48px; } .DatalistRowItem__pic--39dAG { width: 48px; } .DatalistRowItem__info--2p073 { flex: 1 1 auto; margin-right: auto; } .DatalistRowItem__info--2p073, .DatalistRowItem__info--2p073 .DatalistRowItem__name--37gq_ { overflow: hidden; width: 100%; } .DatalistRowItem__info--2p073 .DatalistRowItem__name--37gq_ { color: var(--vkui--color_text_primary); font-size: 15px; font-weight: 500; } .DatalistRowItem__info--2p073 .DatalistRowItem__description--3Anvh, .DatalistRowItem__info--2p073 .DatalistRowItem__name--37gq_ { font-family: var(--font-tt-norms); line-height: 20px; } .DatalistRowItem__info--2p073 .DatalistRowItem__description--3Anvh { color: var(--vkui--color_text_secondary); font-size: 14px; gap: 6px; margin-top: 2px; text-align: left; } .DatalistRowItem__buttons--1i4oj, .DatalistRowItem__info--2p073 .DatalistRowItem__description--3Anvh { align-items: center; display: flex; } .DatalistRowItem__buttons--1i4oj { color: var(--vkui--color_icon_secondary); flex-direction: row; justify-content: center; transition: opacity 0.2s ease-in; } .DatalistRowItem__buttons--1i4oj .DatalistRowItem__button_publish--38Vqh { color: var(--vkui--color_text_positive); margin-right: 12px; } .DatalistRowItem__buttons--1i4oj .DatalistRowItem__button_publish--38Vqh .DatalistRowItem__icon--2Gjzj { display: block; } .DatalistRowItem__buttons--1i4oj .DatalistRowItem__button_more--1olxn { align-items: center; color: var(--vkui--color_icon_secondary); display: flex; height: 36px; justify-content: center; width: 36px; } .DatalistRowItem__root_selecting--2jKrE .DatalistRowItem__buttons--1i4oj { opacity: 0.4; pointer-events: none; } .DatalistRowItem__root_disabled--1Evdn { opacity: 0.5; pointer-events: none; } .DatalistRowItem__root--1UxAT { box-sizing: border-box; height: 64px; width: 100%; } .DatalistRowItem__check--2r3oB, .DatalistRowItem__root--1UxAT { align-items: center; display: flex; } .DatalistRowItem__check--2r3oB { padding-right: 12px; } .DatalistRowItem__check--2r3oB, .DatalistRowItem__pic--KM-DG { flex-shrink: 0; height: 48px; } .DatalistRowItem__pic--KM-DG { margin-right: 14px; width: 48px; } .DatalistRowItem__info--3ctZx { flex: 1 1 auto; margin-right: auto; } .DatalistRowItem__info--3ctZx, .DatalistRowItem__name--31_gT { overflow: hidden; width: 100%; } .DatalistRowItem__name--31_gT { color: var(--vkui--color_text_primary); font-size: 16px; line-height: 24px; } .DatalistRowItem__name--31_gT, .DatalistRowItem__size--1ocOO { font-family: var(--font-tt-norms); } .DatalistRowItem__size--1ocOO { color: var(--vkui--color_text_secondary); font-size: 14px; line-height: 18px; margin-top: 2px; text-align: left; } .DatalistRowItem__button_more--18bvk { color: var(--vkui--color_icon_secondary); } .DatalistRowItem__button_publish--xRgYv { color: var(--vkui--color_text_positive); margin-right: 12px; } .DatalistRowItem__buttons--sHtUz { align-items: center; color: var(--vkui--color_icon_secondary); display: flex; flex-direction: row; padding-left: 16px; transition: opacity 0.2s ease-in; } .DatalistRowItem__icon--1bU1q { display: block; } .DatalistRowItem__root_selecting--3iz1w .DatalistRowItem__buttons--sHtUz { opacity: 0.4; pointer-events: none; } .DatalistThumbItem__root--3de8k { border-radius: 16px; box-sizing: border-box; height: 100%; padding-top: 12px; user-select: none; width: 100%; } .DatalistThumbItem__root_inlineIntegration--3P11o { transition: background-color 0.1s ease-out; } .DatalistThumbItem__root_inlineIntegration--3P11o:hover { background-color: var(--vkui--color_transparent--hover); cursor: pointer; } .DatalistThumbItem__root_inlineIntegration--3P11o:active, .DatalistThumbItem__root_inlineIntegration_selected--2cR5G:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .DatalistThumbItem__content--THeXq { height: 100%; justify-content: space-between; position: relative; text-align: center; width: 100%; } .DatalistThumbItem__content--THeXq, .DatalistThumbItem__fileInfo--3w3hj { display: flex; flex-direction: column; } .DatalistThumbItem__check--1w8Eg { display: none; position: absolute; right: 6px; top: -6px; z-index: 1; } .DatalistThumbItem__pic--1Xp_X { height: 80px; justify-content: center; width: 100%; } .DatalistThumbItem__info--2d8F8, .DatalistThumbItem__pic--1Xp_X { align-items: center; display: flex; } .DatalistThumbItem__info--2d8F8 { flex-direction: column; } .DatalistThumbItem__info--2d8F8 .DatalistThumbItem__name--vZJ-r { box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; font-size: 14px; justify-content: center; line-height: 18px; padding: 8px 4px 0px; text-align: center; width: 100%; } .DatalistThumbItem__info--2d8F8 .DatalistThumbItem__name--vZJ-r, .DatalistThumbItem__info--2d8F8 .DatalistThumbItem__size--18jVd { font-family: var(--font-tt-norms); } .DatalistThumbItem__info--2d8F8 .DatalistThumbItem__size--18jVd { color: var(--vkui--color_text_secondary); font-size: 12px; line-height: 16px; padding: 4px 4px 0px; } .DatalistThumbItem__buttons--2a9Db { align-items: center; display: flex; flex-direction: row; justify-content: center; transition: opacity 0.2s ease-in; } .DatalistThumbItem__button_more--hdcs_ { color: var(--vkui--color_icon_secondary); padding: 8px; } .DatalistThumbItem__button_publish--2YhhE { color: var(--vkui--color_text_positive); margin-left: 16px; margin-right: 16px; } .DatalistThumbItem__icon--reBW-, .DatalistThumbItem__root_selecting--clnbi .DatalistThumbItem__check--1w8Eg { display: block; } .DatalistThumbItem__root_selecting--clnbi .DatalistThumbItem__buttons--2a9Db { opacity: 0.4; pointer-events: none; } .DatalistThumbItem__root_selected--2Ulos { background-color: var(--vkui--color_background_secondary); } .DatalistThumbItem__root--2DX35 { background-color: var(--vkui--color_skeleton_from); border-radius: 8px; height: 100%; transition: background-color 0.2s ease-in; width: 100%; } .DatalistThumbItem__root_inlineIntegration--jTTKh { transition: background-color 0.1s ease-out; } .DatalistThumbItem__root_inlineIntegration--jTTKh:hover { background-color: var(--vkui--color_transparent--hover); cursor: pointer; } .DatalistThumbItem__root_inlineIntegration--jTTKh:active, .DatalistThumbItem__root_inlineIntegration_selected--KqQ56:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .DatalistThumbItem__content--GQi5E { height: 100%; opacity: 0; position: relative; text-align: center; transition: opacity 0.2s ease-in; width: 100%; } .DatalistThumbItem__check--2ptAG { display: none; position: absolute; right: 12px; top: 12px; z-index: 1; } .DatalistThumbItem__pic--Ugd-c { align-items: center; height: calc(100% - 58px); } .DatalistThumbItem__name--25i3C, .DatalistThumbItem__pic--Ugd-c { display: flex; justify-content: center; width: 100%; } .DatalistThumbItem__name--25i3C { box-sizing: border-box; color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 14px; line-height: 18px; margin-top: 8px; padding: 0px 12px; } .DatalistThumbItem__buttons--3IDW8 { align-items: center; display: flex; flex-direction: row; justify-content: center; margin-top: 8px; transition: opacity 0.2s ease-in; } .DatalistThumbItem__button_more--3hSlb { color: var(--vkui--color_icon_secondary); } .DatalistThumbItem__button_publish--2FVst { color: var(--vkui--color_text_positive); margin-left: 16px; margin-right: 16px; } .DatalistThumbItem__icon--sI-Af, .DatalistThumbItem__root_selecting--1E_5t .DatalistThumbItem__check--2ptAG { display: block; } .DatalistThumbItem__root_selecting--1E_5t .DatalistThumbItem__buttons--3IDW8 { opacity: 0.4; pointer-events: none; } .DatalistThumbItem__root_loaded--3zoZR { background-color: initial; } .DatalistThumbItem__root_loaded--3zoZR .DatalistThumbItem__content--GQi5E { opacity: 1; } .DatalistThumbItem__root_selected--3LQP2 { background-color: var(--vkui--color_background_secondary); } .InlineIntegrationHomePage__root--zc7xR { --vkui--font_family_accent: var(--font-inline-integration); display: flex; flex-direction: column; height: 100%; } .InlineIntegrationHomePage__header--1Gzhq { display: flex; justify-content: space-between; margin-bottom: 12px; } .InlineIntegrationHomePage__datalist--3Rg2w { display: flex; height: 214px; justify-content: center; overflow: hidden scroll; } @media (min-height: 300px) { .InlineIntegrationHomePage__datalist--3Rg2w { height: calc(-114px + 100vh); } } @media (max-width: 381px) { .InlineIntegrationHomePage__datalist--3Rg2w { height: calc(-112px + 100vh); } } .IntegrationFooter__root--XMrzB { background-color: var(--vkui--color_background_content); border-top: 1px solid var(--vkui--color_image_border_alpha); bottom: 0px; box-sizing: border-box; display: flex; flex-direction: row; padding: 20px; position: sticky; z-index: 20; } .IntegrationFooter__root_integration--33-fG { left: 0px; position: fixed; width: 100dvw; } .IntegrationFooter__buttonGroup_integration--1lh86 { display: flex; flex-direction: row-reverse; gap: var(--vkui--x2); width: 100%; } .IntegrationFooter__button--3mI1l { --vkui--size_border_radius--regular: 8px; --vkui--size_button_base_large_padding_horizontal--regular: 28px; --vkui--font_headline1--font_size--regular: 15px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_weight_accent2: 500; font-family: var(--font-tt-norms) !important; } .Logo__root--158cg { display: flex; } .Logo__themeOutsourceLogo--22UKc { content: var(--logo-url); } .Logo__disableEvents--3mRtO { pointer-events: none; } .Toolbar__root--14swf { align-items: center; background: var(--vkui--color_background); box-sizing: border-box; display: flex; flex-direction: row; height: 60px; justify-content: space-between; padding: 12px 16px; position: sticky; top: 0px; width: 100%; z-index: 1201; } @supports (padding-left:constant(safe-area-inset-bottom)) { .Toolbar__root--14swf { } } @supports (padding-left:env(safe-area-inset-bottom)) { .Toolbar__root--14swf { padding-left: calc(16px + env(safe-area-inset-left)); padding-right: calc(16px + env(safe-area-inset-right)); } } .Toolbar__root_sticky--1XCeY { box-shadow: 0 0 2px var(--vkui--color_background_tertiary_alpha),0 2px 2px var(--vkui--color_background_tertiary_alpha--hover); } @supports (padding-top:env(safe-area-inset-bottom)) { .Toolbar__root_sticky--1XCeY { height: calc(60px + env(safe-area-inset-top)); padding-top: calc(12px + env(safe-area-inset-top)); } } .Toolbar__left--2bilz { align-items: center; display: flex; flex: 1 1 auto; flex-direction: row; justify-content: flex-start; } .Toolbar__left_touchNav--3onZe { min-width: 0px; } .Toolbar__right--1hI-Q { align-items: center; display: flex; flex-direction: row; justify-content: flex-end; margin-left: 16px; } .Toolbar__right_touchNav--2ULkr { flex: 0 0 auto; margin-left: 8px; } .Toolbar__right_touchNav--2ULkr .Toolbar__button--Vlh-g { margin-right: 6px; } .Toolbar__right_touchNav--2ULkr .Toolbar__button--Vlh-g:last-of-type { margin-right: 0px; } .Toolbar__root_insideFolder--3-S71 { padding-left: 8px; } @supports (padding-left:constant(safe-area-inset-left)) { .Toolbar__root_insideFolder--3-S71 { } } @supports (padding-left:env(safe-area-inset-left)) { .Toolbar__root_insideFolder--3-S71 { padding-left: calc(8px + env(safe-area-inset-left)); } } .Toolbar__breadcrumbs--3ZDJB { font-size: 18px; line-height: 24px; } .Toolbar__breadcrumbs--3ZDJB, .Toolbar__button--Vlh-g { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-weight: 500; } .Toolbar__button--Vlh-g { align-items: center; background: var(--cloud--color_background_header_icon); border-radius: 100px; box-sizing: border-box; display: flex; font-size: 16px; height: 36px; justify-content: center; line-height: 22px; margin-right: 12px; padding: 0px 14px; } .Toolbar__button--Vlh-g:last-of-type { margin-right: 0px; } .Toolbar__button_icon--20jdt { padding: 0px 2px; } .Toolbar__button_square--1VJm4 { padding: 0px 8px; } .Toolbar__logo--1j6kk { height: 24px; } .Toolbar__menu--2PwZ9 { height: 20px; margin-right: 12px; width: 20px; } .Toolbar__button--Vlh-g.ui.button { background-color: var(--vkui--color_background_secondary); border-radius: 16px; font-family: var(--font-tt-norms); font-weight: 500; height: 36px; line-height: 20px; margin-left: auto; padding: 8px 16px; } .Toolbar__root_action--2kPYx { background: var(--color-eerie-black); } .Toolbar__root_action--2kPYx .Toolbar__button--Vlh-g.ui.button { background-color: var(--vkui--color_background_contrast_inverse); color: var(--vkui--color_text_contrast); } .Toolbar__root_action--2kPYx .Toolbar__button--Vlh-g.ui.button:active, .Toolbar__root_action--2kPYx .Toolbar__button--Vlh-g.ui.button:hover { background-color: var(--vkui--color_background_contrast_inverse); } .Toolbar__root_integration--2kvlB { height: 52px; padding: var(--vkui--x1) var(--vkui--x1) var(--vkui--x3); } .Toolbar__root_integration--2kvlB .Toolbar__button--Vlh-g { border-radius: var(--vkui--x2); } .Toolbar__root_rebranding--1gwCw { background: var(--vkui--color_background); } .Toolbar__root_rebranding--1gwCw.Toolbar__root_sticky--1XCeY { box-shadow: none; } .Toolbar__root_themedPublic--2APg7 { background: none; } .Toolbar__root_themedPublic--2APg7.Toolbar__root_sticky--1XCeY { background: var(--vkui--color_background); } .Toolbar__root_themedPublic--2APg7 .Toolbar__left--2bilz { color: var(--vkui--cloud_color_sidebar_item_text_primary); } .Toolbar__root_themedPublic--2APg7 .Toolbar__button--Vlh-g { backdrop-filter: blur(30px); background-color: var(--ph-color-project-bg--active); color: var(--ph-color-project); } .Toolbar__root_amimateChangeTheme--38Vsf:not(.Toolbar__root_themedPublic--2APg7) { transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .Toolbar__root_amimateChangeTheme--38Vsf .Toolbar__button--Vlh-g { transition: color 0.2s ease-in-out, background 0.2s ease-in-out; } .Toolbar__headerBreadcrumbs--2PJ5R { margin-top: 0px; min-width: 0px; } .Toolbar__loginButton--BxInq { background: rgb(0, 119, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 100px; box-sizing: border-box; color: rgb(255, 255, 255); cursor: pointer; flex: 0 0 auto; font-family: var(--font-tt-norms); font-size: 15px; font-weight: 500; height: 36px; line-height: 20px; padding: 8px 12px; } .IntegrationHomePage__root--3jquo { display: flex; flex-direction: column; height: 100%; overflow: hidden; } .IntegrationHomePage__breadcrumbsWrapper--1t_fF { margin-left: 16px; } @media (max-width: 768px) { .IntegrationHomePage__breadcrumbsWrapper--1t_fF { margin-left: 0px; } } .LicenseAgreement__checkboxContainer--1BN4- { cursor: pointer; display: flex; flex-direction: row; } .LicenseAgreement__la--3NkTO { color: var(--vkui--color_text_accent); } .LicenseAgreement__text--yYtGY { margin-left: 10px; } .LicenseBlock__root--PK747 { color: var(--vkui--color_text_secondary); font-size: 12px; line-height: 16px; text-align: left; } .LicenseBlock__root--PK747 a { color: var(--vkui--color_text_accent); text-decoration: none; } .WelcomeDialogAllDocuments__content--JDmee { padding-top: 284px; } .WelcomeDialogAllDocuments__imageWrapper--3zMnj { height: 260px; } .WelcomeDialogAllDocuments__text--1FHWl { font-family: var(--font-tt-norms); font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); margin-bottom: 32px; margin-top: 12px; } .WelcomeDialogAllDocuments__footer--1c2pU { flex-direction: row-reverse; gap: 16px; } .WelcomeDialogAttachesNew__content--2TgcG { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); } .WelcomeDialogAttachesNew__title--3U8j3 { -webkit-font-smoothing: antialiased; font-size: 28px; line-height: 36px; } .WelcomeDialogAttachesNew__text--2_uHY { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); } .WelcomeDialogAttachesNew__footerText--2EWX0 { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_caption2--line_height--regular); line-height: 18px; margin-left: 12px; order: 2; } .WelcomeDialogAttachesNew__footerText--2EWX0 a { color: var(--vkui--color_text_link); } .WelcomeDialogAttachesNew__footerText--2EWX0 a:hover { color: var(--vkui--color_text_link--hover); } .WelcomeDialogAttachesNew__footerText--2EWX0 a:active, .WelcomeDialogAttachesNew__footerText--2EWX0 a:focus { color: var(--vkui--color_text_link--active); } .WelcomeDialogAttachesNew__footerText_small--HJBGf { font-size: var(--vkui--font_caption1_caps--font_size--regular); line-height: 16px; } .WelcomeDialogAttachesNew__row--3D3QP { align-items: center; display: flex; flex-flow: row; gap: 10px; } .WelcomeDialogAttachesNew__row--3D3QP svg { width: 20px; } .WelcomeDialog__title--25ejG { font-size: 28px; line-height: 34px; } .WelcomeDialog__text--3EJrI { margin-bottom: 32px; margin-top: 16px; } .WelcomeDialog__list--3Pf5y { list-style: none; margin: 0px; padding: 0px; } .WelcomeDialog__item--QOBo9 { align-items: center; display: flex; font-family: var(--vkui--font_text--font_family--compact); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--compact); gap: 10px; line-height: var(--vkui--font_text--line_height--compact); } .WelcomeDialog__item--QOBo9:not(:last-child) { margin-bottom: 12px; } .WelcomeDialog__icon--17jI0 { color: var(--vkui--color_icon_accent); scale: 1.2; } .WelcomeDialog__footer--2Z2YE { flex-direction: row-reverse; gap: 16px; } .ViewerSnackbar__snackbar--f6i8m { align-items: center; backdrop-filter: blur(22px); background: var(--color-background-gray); border-radius: 12px; bottom: calc(20px + var(--bottom-banner-height)); color: var(--vkui--color_background); display: flex; height: 48px; justify-content: center; position: absolute; right: 24px; user-select: none; } .ViewerSnackbar__snackbarLogo--3ck2N { padding: 5px 10px; } .ViewerSnackbar__snackbarText--1vbzh, .ViewerSnackbar__snackbarTextSmallScreen--1l5zJ { background: var(--vkui--color_background_contrast_secondary_alpha); border-radius: 8px; cursor: pointer; font-size: 13px; font-weight: var(--vkui--font_weight_base3); line-height: 16px; padding: 6px 16px; } .ViewerSnackbar__snackbarText--1vbzh:hover, .ViewerSnackbar__snackbarTextSmallScreen--1l5zJ:hover { background: var(--vkui--color_background_contrast_secondary_alpha--active); } @media (max-width: 1050px) { .ViewerSnackbar__snackbarText--1vbzh, .ViewerSnackbar__snackbarTextSmallScreen--1l5zJ { display: none; } } .ViewerSnackbar__snackbarTextSmallScreen--1l5zJ { display: none; } @media (max-width: 1050px) { .ViewerSnackbar__snackbarTextSmallScreen--1l5zJ { display: block; } } .ViewerSnackbar__snackbarButton--3hRSY { background: none; border: 0px; justify-content: center; margin: 10px 6px 10px 10px; outline: none; padding: 0px; z-index: 10; } .ViewerSnackbar__adIcon--sztJ3, .ViewerSnackbar__snackbarButton--3hRSY { align-items: center; cursor: pointer; display: flex; } .ViewerSnackbar__adIcon--sztJ3 { height: 100%; padding: 0px 6px; } @keyframes AiImproveToolbar__moveRight--1gCM0 { 0% { transform: translateX(0px) rotate(-45deg); } 100% { transform: translateX(440px) rotate(-45deg); } } @keyframes AiImproveToolbar__appear--1EtoA { 0% { opacity: 0; } 100% { opacity: 1; } } .AiImproveToolbar__root--39qpz { -webkit-font-smoothing: antialiased; align-items: center; bottom: 18px; box-sizing: border-box; color: var(--vkui--color_text_contrast); display: flex; font-family: var(--font-tt-norms); justify-content: center; pointer-events: none; position: absolute; user-select: none; width: 100%; z-index: 1; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls--qRyMS { backdrop-filter: blur(30px); background: var(--vkui--cloud_color_tabbar_background_alpha); height: 48px; pointer-events: all; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls--qRyMS, .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls--qRyMS .AiImproveToolbar__button--3N3LP { align-items: center; border-radius: 1000px; box-sizing: border-box; display: flex; overflow: hidden; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls--qRyMS .AiImproveToolbar__button--3N3LP { cursor: pointer; font-size: 15px; font-weight: 500; gap: 8px; height: 36px; justify-content: center; line-height: 20px; margin: 0px 6px; padding: 0px 12px 0px 8px; position: relative; transition: background-color 0.2s ease-in-out; white-space: nowrap; z-index: 1; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls--qRyMS .AiImproveToolbar__button--3N3LP:hover { background: rgba(255, 255, 255, 0.15); } .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls--qRyMS .AiImproveToolbar__button_processing--2NtSu { cursor: default; pointer-events: none; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls--qRyMS .AiImproveToolbar__button_processing--2NtSu::before { animation: auto ease 0s 1 normal none running none; background: none; filter: none; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls--qRyMS .AiImproveToolbar__button_active--2yBNn { background: rgba(255, 255, 255, 0.12); } .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls--qRyMS .AiImproveToolbar__button_icon--OlArz { height: 36px; margin: 0px; padding: 0px; width: 36px; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls--qRyMS .AiImproveToolbar__delimiter--2U9af { background: rgba(143, 143, 143, 0.3); height: 20px; width: 1px; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls_primary--6SPVp { background: var(--vkui--color_background_accent); border: 1px solid rgba(255, 255, 255, 0.32); } .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls_primary--6SPVp .AiImproveToolbar__button--3N3LP:hover { background: none; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls_primary--6SPVp.AiImproveToolbar__primaryHover--1nlzd .AiImproveToolbar__button--3N3LP:hover { background: rgba(255, 255, 255, 0.15); } .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls_primary--6SPVp::before { animation: 2.4s linear 0s infinite normal none running AiImproveToolbar__moveRight--1gCM0; background: linear-gradient(90deg,var(--vkui--color_background_accent) 0,#06c6fa 37.6%,#06ccfa 50%,#06c6fa 63.16%,var(--vkui--color_background_accent) 100%); border-radius: 1000px; content: ""; filter: blur(30px); height: 160px; left: -160px; pointer-events: none; position: absolute; top: -56px; width: 200px; will-change: transform; z-index: -1; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__controls_primary--6SPVp .AiImproveToolbar__delimiter--2U9af { background: rgba(255, 255, 255, 0.24); } .AiImproveToolbar__root--39qpz .AiImproveToolbar__ratingBlock--GdzdS { align-items: center; display: flex; gap: 6px; justify-content: center; margin: 0px 6px; opacity: 1; transition: opacity 0.2s ease-in-out; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__ratingWrapper--2V5hK { display: flex; min-width: 90px; transition: min-width 0.2s ease-in-out; width: 90px; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__ratingWrapper--2V5hK .AiImproveToolbar__button--3N3LP:not(.AiImproveToolbar__button_icon--OlArz) { animation: 0.3s ease-in-out 0s 1 alternate none running AiImproveToolbar__appear--1EtoA; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__ratingWrapper--2V5hK .AiImproveToolbar__icon--BN_YY { opacity: 0; position: absolute; transition: opacity 0.2s ease-in-out; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__ratingWrapper--2V5hK .AiImproveToolbar__iconActive--10SqI { opacity: 1; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__ratingWrapper_long--2o3oG { min-width: 173px; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__ratingWrapper_long--2o3oG .AiImproveToolbar__ratingBlock--GdzdS { opacity: 0; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__ratingWrapper_long--2o3oG .AiImproveToolbar__button--3N3LP:not(.AiImproveToolbar__button_icon--OlArz) { opacity: 1; } .AiImproveToolbar__root--39qpz .AiImproveToolbar__ratingWrapper_none--14cXQ { min-width: 0px; width: 0px; } .AiImproveToolbar__tooltipRoot--3IzMY { min-width: 320px; width: 320px; } .AiImproveToolbar__tooltip--3ZV41 { background: var(--vkui--color_background_modal); padding: 24px; width: 272px; } .AiImproveToolbar__tooltipButton--8sNb6.ui.button.primary { font-size: 15px; width: auto; } .AiImproveToolbar__tooltipText--1Hhii { color: var(--vkui--color_text_primary); font-size: 17px; } .AiImproveToolbar__tooltipEdit--1GIUj > textarea { background: var(--vkui--cloud_color_background_alternative); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; color: var(--vkui--color_text_primary); height: 80px; outline: none; padding: 10px; font-family: var(--font-tt-norms) !important; } .AiImproveToolbar__counter--1l6pA { color: var(--vkui--color_text_secondary); font-size: 13px; } .AiImproveToolbar__upIcon--20vcZ { transform: rotate(180deg); transition: transform 0.3s ease-in-out; } .AiImproveToolbar__downIcon--grQB3 { transform: none; } .AiImproveToolbar__dropdown--27W5H { background: var(--vkui--cloud_color_tabbar_background_alpha); color: var(--vkui--color_icon_primary); min-width: 257px; } .AiImproveToolbar__starsAnimation--3T4J6 { height: 20px; width: 20px; } .AiImproveToolbar__addBackWrapper--2IzcL { display: flex; transition: min-width 0.2s ease-in-out; } .AiImproveToolbar__addBackWrapper--2IzcL .AiImproveToolbar__button--3N3LP:not(.AiImproveToolbar__button_icon--OlArz) { animation: 0.3s ease-in-out 0s 1 alternate none running AiImproveToolbar__appear--1EtoA; opacity: 1; } .BackgroundSelector__addBackgroundPopup--3KSny { border-radius: 33px; overflow: hidden; width: 619px; } @supports (corner-shape:superellipse(2.2)) { .BackgroundSelector__addBackgroundPopup--3KSny { corner-shape: superellipse(2.2); border-radius: 80px; } } .BackgroundSelector__addBackgroundPopup--3KSny .BackgroundSelector__addBackgroundPopupContent--hQ3xn { background: var(--vkui--cloud_color_tabbar_background_alpha); height: 148px; padding: 12px !important; } .BackgroundSelector__tabBlock--j7Ijj { display: flex; justify-content: space-between; } .BackgroundSelector__tabBlock--j7Ijj .BackgroundSelector__tab--2vHZN { background: rgba(255, 255, 255, 0.24); border-radius: 100px; padding: 6px 12px; } .BackgroundSelector__tabBlock--j7Ijj .BackgroundSelector__tab--2vHZN:hover { background: rgba(255, 255, 255, 0.12); cursor: pointer; } .BackgroundSelector__items--263wg { -webkit-font-smoothing: antialiased; display: flex; flex-flow: row; gap: 6px; height: 92px; margin-left: -10px; margin-right: -10px; min-height: 92px; overflow: hidden; } .BackgroundSelector__item--3prjc { background-position: 50% center; background-size: cover; border-radius: 20px; cursor: pointer; flex-shrink: 0; height: 88px; position: relative; width: 120px; } @supports (corner-shape:superellipse(2.4)) { .BackgroundSelector__item--3prjc { corner-shape: superellipse(2.4); border-radius: 66px; } } .BackgroundSelector__item--3prjc:hover::before { border-radius: 20px; inset: 0px; content: ""; outline: rgba(143, 143, 143, 0.5) solid 2px; position: absolute; } @supports (corner-shape:superellipse(2.4)) { .BackgroundSelector__item--3prjc:hover::before { corner-shape: superellipse(2.4); border-radius: 66px; } } .BackgroundSelector__item--3prjc.BackgroundSelector__active--1WvVL::before { border: 2px solid var(--vkui--cloud_color_tabbar_background_alpha); border-radius: 20px; inset: 0px; content: ""; outline: 2px solid var(--vkui--color_stroke_accent); position: absolute; } @supports (corner-shape:superellipse(2.4)) { .BackgroundSelector__item--3prjc.BackgroundSelector__active--1WvVL::before { corner-shape: superellipse(2.4); border-radius: 66px; } } .BackgroundSelector__colorsWidget--PpM_U { align-items: center; background: var(--vkui--cloud_color_toolbar_background); border-radius: 20px; box-sizing: border-box; display: flex; flex-direction: row; gap: 4px; height: 88px; max-height: 88px; padding: 8px; transition: max-width 0.3s ease-in-out, min-width 0.3s ease-in-out; will-change: max-width; } @supports (corner-shape:superellipse(2.4)) { .BackgroundSelector__colorsWidget--PpM_U { corner-shape: superellipse(2.4); border-radius: 66px; } } .BackgroundSelector__colorsWidget--PpM_U .BackgroundSelector__colorItem--3CZ11 { border-radius: 12px; box-sizing: border-box; cursor: pointer; height: 34px; opacity: 1; position: relative; transition: opacity 0.3s ease-in-out; width: 50px; } @supports (corner-shape:superellipse(1.8)) { .BackgroundSelector__colorsWidget--PpM_U .BackgroundSelector__colorItem--3CZ11 { corner-shape: superellipse(1.8); border-radius: 46px; } } .BackgroundSelector__colorsWidget--PpM_U .BackgroundSelector__colorItem--3CZ11.BackgroundSelector__active--1WvVL::before { border: 2px solid var(--vkui--cloud_color_tabbar_background_alpha); border-radius: 12px; inset: 0px; content: ""; outline: 2px solid var(--vkui--color_stroke_accent); position: absolute; } @supports (corner-shape:superellipse(1.8)) { .BackgroundSelector__colorsWidget--PpM_U .BackgroundSelector__colorItem--3CZ11.BackgroundSelector__active--1WvVL::before { corner-shape: superellipse(1.8); border-radius: 46px; } } .BackgroundSelector__colorsWidget--PpM_U .BackgroundSelector__colorItem--3CZ11:hover { border: 2px solid var(--vkui--cloud_color_tabbar_background_alpha); outline: rgba(143, 143, 143, 0.5) solid 1px; } .BackgroundSelector__colorsWidget--PpM_U .BackgroundSelector__colorItem--3CZ11.BackgroundSelector__hide--3i4el { opacity: 0; } .BackgroundSelector__colorsWidget--PpM_U .BackgroundSelector__closeIcon--2LDTQ { border-radius: 100px; cursor: pointer; display: grid; height: 72px; opacity: 1; place-items: center; transition: opacity 0.5s ease-in-out, width 0.3s ease-in-out; width: 28px; } .BackgroundSelector__colorsWidget--PpM_U .BackgroundSelector__closeIcon--2LDTQ:hover { background: rgba(255, 255, 255, 0.24); } .BackgroundSelector__colorsWrapper--2z_05 { display: grid; gap: 4px; grid-auto-columns: 1fr; grid-auto-flow: column; grid-template-rows: repeat(2, auto); min-width: 106px; } .BackgroundSelector__collapsed--1zwrE { border: 2px solid var(--vkui--cloud_color_toolbar_background); box-sizing: border-box; max-width: 120px; min-width: 120px; } .BackgroundSelector__collapsed--1zwrE .BackgroundSelector__closeIcon--2LDTQ { opacity: 0; width: 0px; } .BackgroundSelector__collapsed--1zwrE:hover { outline: rgba(143, 143, 143, 0.5) solid 2px; } .BackgroundSelector__swiper--2Giyv.swiper { padding: 2px 10px; } .BackgroundSelector__swiper--2Giyv .BackgroundSelector__slide--396HN { min-width: 120px; width: fit-content; } .BackgroundSelector__swiper--2Giyv .BackgroundSelector__slide--396HN.swiper-slide { min-width: 120px; width: fit-content; } .BackgroundSelector__arrows--3uQVx { display: flex; gap: 8px; } .BackgroundSelector__arrowNext--1TjML, .BackgroundSelector__arrowPrev--Ujj0t { border-radius: 100%; cursor: pointer; display: grid; height: 28px; place-items: center; width: 28px; z-index: 2; } .BackgroundSelector__arrowNext--1TjML:hover, .BackgroundSelector__arrowPrev--Ujj0t:hover { background: var(--vkui--cloud_color_sidebar_item_background_alpha--hover); } .BackgroundSelector__arrowDisabled--3ZyCc { background: transparent; cursor: auto; opacity: 0.3; } .AttachesHeader__root--4Sqsk { align-items: center; background: var(--vkui--color_background_content); box-sizing: border-box; height: 74px; justify-content: space-between; padding: 16px 20px; } .AttachesHeader__info--P4xkD, .AttachesHeader__root--4Sqsk { display: flex; } .AttachesHeader__info--P4xkD { flex-direction: column; gap: 2px; min-width: 0px; } .AttachesHeader__name--Y6H7n { color: var(--vkui--color_text_primary); overflow: hidden; } .AttachesHeader__meta--34CFN { align-items: center; color: var(--vkui--color_text_secondary); display: flex; gap: 8px; white-space: nowrap; } .AttachesHeader__author--2wgue { overflow: hidden; text-overflow: ellipsis; } .AttachesHeader__divider--16sMU { background: var(--vkui--color_text_secondary); height: 8px; width: 1px; } .AttachesHeader__actions--2B26U { align-items: center; display: flex; flex-shrink: 0; gap: 8px; margin-left: 16px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .ReactViewer__root--1divK { --bottom-toolbar-height: 0; --top-toolbar-height: 0px; --bottom-banner-height: 0px; --navbar-width: 120px; display: flex; height: 100%; min-width: 900px; position: relative; width: 100%; } .ReactViewer__root--1divK.ReactViewer__root_withBottom--2flYZ { --bottom-banner-height: 38px; } .ReactViewer__root--1divK.ReactViewer__root_withBottom_new--2Um0b { --bottom-banner-height: 64px; } .ReactViewer__root_withHeader--LkZbt { --top-toolbar-height: 68px; } .ReactViewer__root_withBottomToolbar--1ISS7 { --bottom-toolbar-height: 86px; } .ReactViewer__root_embedded--1enBT { --bottom-toolbar-height: 0px; min-width: auto; } .ReactViewer__root_embedded--1enBT.ReactViewer__root_withHeader--LkZbt { --top-toolbar-height: 68px; } .ReactViewer__root_embedded--1enBT .ReactViewer__contentBlock--2qFrK { height: calc(100% - var(--bottom-banner-height)); } .ReactViewer__root_embedded--1enBT .ReactViewer__contentMain--1NTQg { max-width: 100%; } .ReactViewer__root_attaches--3hdOT { --top-toolbar-height: 68px; --bottom-toolbar-height: 0px; } .ReactViewer__root_attaches--3hdOT .ReactViewer__archiveWrapper--2HPUZ { bottom: 10px; top: 0px; } .ReactViewer__root_withRightHeaderinfo--1G4bm { min-width: 1020px; } .ReactViewer__root_noPadding--346i- { --navbar-width: 0px; } .ReactViewer__root_with_r7_header--23wdO.ReactViewer__root_withHeader--LkZbt { --top-toolbar-height: 42px; } .ReactViewer__wrapper--3l8u6 { background-color: var(--color-gray-980); inset: 0px; display: flex; height: 100%; overflow: hidden; position: fixed; text-align: center; width: 100%; z-index: 1205; } @media (max-width: 900px) { .ReactViewer__wrapper--3l8u6 { overflow: visible hidden; } } .ReactViewer__wrapper--3l8u6.ReactViewer__responsive--NTkN3 { overflow: hidden; } .ReactViewer__wrapper--3l8u6.ReactViewer__responsive--NTkN3 .ReactViewer__root--1divK { min-width: auto; } @media (min-width: 1024px) { .ReactViewer__wrapper--3l8u6.ReactViewer__responsive--NTkN3 .ReactViewer__root--1divK { min-width: 900px; } } .ReactViewer__wrapper_embedded--4WixJ { position: absolute; z-index: 900; } .ReactViewer__wrapper_embedded--4WixJ .ReactViewer__archiveWrapper--2HPUZ { bottom: 0px; height: 100%; position: relative; top: 0px; width: 100%; } .ReactViewer__wrapper_menu--13I0o { background-color: var(--color-black); } .ReactViewer__wrapper_menu--13I0o .ReactViewer__viewer--2-TdZ { margin-top: 0px; } .ReactViewer__wrapper_menu--13I0o .ReactViewer__contentBlock--2qFrK { max-height: none; } .ReactViewer__wrapper_menu--13I0o .ReactViewer__archiveWrapper--2HPUZ { height: calc(100% - 56px); top: 56px; } .ReactViewer__attachesinfo--33Z1w { align-items: center; display: flex; flex-direction: row; height: 48px; min-height: 48px; width: 100%; z-index: 1000; } .ReactViewer__attachesinfo_withBtn--1CBCy { box-sizing: border-box; height: 64px; min-height: 64px; padding-left: 8px; padding-right: 16px; } .ReactViewer__attachesinfo_content--2LxJY { flex-grow: 1; position: relative; } .ReactViewer__attachesinfo_button--jtIHD { background: rgba(255, 255, 255, 0.12); color: var(--vkui--color_text_contrast); height: 32px; margin-left: 16px; } .ReactViewer__attachesinfo_button--jtIHD:hover { background: rgba(255, 255, 255, 0.24); color: var(--vkui--color_text_contrast); } .ReactViewer__attachesinfo_centered--xSab3 { left: 50%; max-width: 900px; position: relative; transform: translateX(-50%); } .ReactViewer__attachesSidebar--31WUC { background: var(--color-background-tertiary); box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; height: 100%; isolation: isolate; max-height: 100%; overflow: auto; padding: 16px; scrollbar-width: none; z-index: 2; } .ReactViewer__attachesSidebar--31WUC::-webkit-scrollbar { background: transparent; width: 0px; } .ReactViewer__attachesSidebar__small--2eOuW { padding-left: 12px; padding-right: 12px; } .ReactViewer__attachesSidebar_header--2FziD { align-items: center; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 24px; } .ReactViewer__attachesSidebar_headerText--1qEK3 { color: var(--vkui--color_text_contrast); font-family: var(--font-tt-norms); font-size: 17px; line-height: 24px; } .ReactViewer__attachesSidebar_headerButton--39R03 { background: var(--vkui--color_background_contrast_secondary_alpha); box-sizing: border-box; color: var(--vkui--color_text_contrast); } .ReactViewer__attachesSidebar_headerButton--39R03:hover { background: var(--vkui--color_background_contrast_secondary_alpha--hover); color: var(--vkui--color_text_contrast); } .ReactViewer__attachesSidebar_headerButton__wide--3nUmH { width: 100%; } .ReactViewer__attachesSidebar_content--3U1MJ { position: relative; width: 240px; } .ReactViewer__attachesSidebar_content__small--3EyP9 { width: 160px; } .ReactViewer__bottominfoWrapper--1DNwD { align-items: center; box-sizing: border-box; display: flex; justify-content: space-between; min-height: 38px; position: relative; width: 100%; z-index: 1000; background: var(--color-gray-980) !important; height: var(--bottom-banner-height) !important; margin-bottom: 0px !important; } .ReactViewer__bottominfoWrapper--1DNwD::after { bottom: 0px; } .ReactViewer__bottominfoWrapper--1DNwD::after, .ReactViewer__bottominfoWrapper--1DNwD::before { background-color: var(--vkui--color_icon_primary_invariably); content: ""; height: 1px; left: 0px; position: absolute; width: 100%; } .ReactViewer__bottominfoWrapper--1DNwD::before { top: 0px; } .ReactViewer__bottominfoWrapper_new--1M1t3 { min-height: var(--bottom-banner-height); padding: 8px 20px; } .ReactViewer__bottominfoWrapper_new--1M1t3::after, .ReactViewer__bottominfoWrapper_new--1M1t3::before { background-color: initial; width: 0px; } .ReactViewer__bottominfo--s971q { align-items: center; display: flex; flex-grow: 1; flex-shrink: 1; max-width: calc(100% - 150px); overflow: hidden; } .ReactViewer__bottominfoButton--2Ih7z { background: rgba(255, 255, 255, 0.12); box-sizing: border-box; color: var(--vkui--color_text_contrast); flex-shrink: 0; height: 32px; line-height: 32px; margin-left: 16px; margin-right: 20px; position: relative; } .ReactViewer__bottominfoButton--2Ih7z:hover { background: rgba(255, 255, 255, 0.24); } .ReactViewer__bottominfo_new--9VeVB > div { width: 100%; } .ReactViewer__bottominfoWrapper_new--1M1t3 .ReactViewer__bottominfoButton--2Ih7z { margin-right: 0px; } .ReactViewer__root--1divK.ReactViewer__root_attachesHeader--2sM5t { --top-toolbar-height: 0px; flex-direction: column; min-width: 0px; } .ReactViewer__headerWrapper--2PgBI { height: var(--top-toolbar-height); left: 0px; opacity: 1; pointer-events: none; position: absolute; right: 0px; top: 0px; width: 100%; z-index: 10; } .ReactViewer__contentWrapper--14apM { flex-direction: column; flex-grow: 1; isolation: isolate; max-width: 100%; position: relative; z-index: 1; } .ReactViewer__contentWrapper--14apM_pdf { height: calc(100% - 48px); width: 100%; } .ReactViewer__contentRow--2QAXk { display: flex; flex-grow: 1; height: 100%; max-height: 100%; width: 100%; } .ReactViewer__contentMain--1NTQg { display: flex; flex-direction: column; flex-grow: 1; position: relative; } .ReactViewer__aiIconContainer--3gGqH { bottom: 32px; position: absolute; right: 32px; z-index: 1; } .ReactViewer__viewer--2-TdZ { display: flex; margin-top: var(--top-toolbar-height); } .ReactViewer__contentBlock--2qFrK { flex-flow: row; height: 100%; max-height: calc(100vh - var(--top-toolbar-height)); width: 100%; } .ReactViewer__content--15RnM, .ReactViewer__contentBlock--2qFrK { display: flex; justify-content: center; } .ReactViewer__content--15RnM { align-items: center; flex-grow: 1; flex-shrink: 1; height: calc(100% - var(--bottom-toolbar-height)); outline: none; padding: 0 var(--navbar-width); transform: translateZ(0px); } .ReactViewer__contentArchiveMenu--22eAA { align-items: start; max-width: 100%; } .ReactViewer__zoomer--3i5SR { -webkit-font-smoothing: antialiased; align-items: center; backdrop-filter: blur(44px); background: var(--color-background-gray); border-radius: 100px; bottom: calc(20px + var(--bottom-banner-height)); color: var(--vkui--color_text_contrast); display: flex; font-family: var(--vkui--font_family_accent); font-size: 15px; font-weight: 500; height: 56px; justify-content: space-around; left: calc(50% - 78px); line-height: 20px; opacity: 0; position: absolute; text-align: center; transition: opacity 0.2s ease-in-out; user-select: none; width: 156px; z-index: 10; } .ReactViewer__zoomer_showEditButtons--2Uiq2 { width: 300px; } .ReactViewer__zoomer_upOninfoHeight--3Rmql { bottom: calc(20px + var(--bottom-banner-height)); } .ReactViewer__zoomButton--1QRkA { align-items: center; cursor: pointer; display: flex; justify-content: center; } .ReactViewer__zoomButton--1QRkA, .ReactViewer__zoomButton--1QRkA::after { border-radius: 100%; height: 40px; transition: background 0.2s ease-in-out; width: 40px; } .ReactViewer__zoomButton--1QRkA::after { content: ""; position: absolute; } .ReactViewer__zoomButton--1QRkA:hover::after { background: var(--color-back-white-1); } .ReactViewer__zoomButton--1QRkA:active::after { background: var(--color-back-white-1--active); } .ReactViewer__zoomValue--1a04s { width: 40px; } .ReactViewer__zoomer_show--3qF91 { opacity: 1; } .ReactViewer__navigator--3aoGC { height: 100%; left: 0px; opacity: 1; pointer-events: none; position: absolute; top: 0px; width: 100%; } @media print { .ReactViewer__navigator--3aoGC { display: none; } } .ReactViewer__arrow--26R-k { align-items: center; backdrop-filter: blur(44px); border-radius: 40px; box-sizing: border-box; color: var(--vkui--color_text_contrast); display: flex; height: 64px; justify-content: center; left: 24px; opacity: 0.48; pointer-events: all; position: absolute; top: calc(50% - 48px); user-select: none; width: 64px; } .ReactViewer__arrow--26R-k::before { content: ""; height: calc(100vh - var(--bottom-banner-height) - var(--top-toolbar-height) - var(--bottom-toolbar-height)); left: -24px; position: absolute; top: calc(-50vh + var(--bottom-banner-height) + var(--top-toolbar-height) + var(--bottom-toolbar-height)); width: 120px; } .ReactViewer__arrow--26R-k.ReactViewer__responsive--NTkN3::before { width: var(--navbar-width); } @media (min-width: 1024px) { .ReactViewer__arrow--26R-k.ReactViewer__responsive--NTkN3::before { width: 120px; } } .ReactViewer__arrow_right--Dt5a0 { left: auto; right: 24px; } .ReactViewer__arrow_right--Dt5a0.ReactViewer__responsive--NTkN3::before { left: var(--navbar-width); } @media (min-width: 1024px) { .ReactViewer__arrow_right--Dt5a0.ReactViewer__responsive--NTkN3::before { left: -24px; } } .ReactViewer__arrow_enabled--3nTkh { cursor: pointer; opacity: 1; } .ReactViewer__arrow_enabled--3nTkh, .ReactViewer__arrow_enabled--3nTkh::after { transition: background 0.2s ease-in-out; } .ReactViewer__arrow_enabled--3nTkh::after { border-radius: 100%; content: ""; height: 100%; position: absolute; width: 100%; } .ReactViewer__arrow_enabled--3nTkh:hover::after { background: var(--color-back-white-1); } .ReactViewer__arrow_enabled--3nTkh:active::after { background: var(--color-back-white-1--active); } .ReactViewer__arrow_hidden--2szwJ { visibility: hidden; } .ReactViewer__icon--1caM2 { height: auto; max-height: 30%; width: 30%; } .ReactViewer__icon--1caM2 > path { fill: rgb(255, 255, 255); } .ReactViewer__dimout--3sJJs { opacity: 0; transition: opacity 0.2s ease-in-out; } .ReactViewer__controls--C_Nmk { bottom: calc(20px + var(--bottom-banner-height)); display: flex; justify-content: center; pointer-events: all; position: absolute; } .ReactViewer__archiveWrapper--2HPUZ { bottom: -62px; position: absolute; top: -10px; width: calc(100% - var(--navbar-width)*2); } .ReactViewer__cachedItem--2jUtJ { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } .ReactViewer__cachedItem_hidden--2TFj1 { display: none; } .ReactViewer__storyNavigator--3x1wy { padding: 0px 24px; pointer-events: all; } .ReactViewer__facesWrapper--BMar3 { flex-shrink: 0; height: 100%; width: 100px; z-index: 10; } .ReactViewer__facesWrapper_hidden--1x1JK { width: 0px; } .ReactViewer__trialButton--29WCY { bottom: calc(20px + var(--bottom-banner-height)); left: 24px; position: absolute; } .ReactViewer__editButtons--1umPy { align-items: center; display: flex; margin-left: 10px; padding: 0px 20px; position: relative; } .ReactViewer__editButtons--1umPy::before { border-left: 1px solid var(--vkui--color_background_contrast_secondary_alpha); content: ""; height: 42px; left: 0px; position: absolute; } .StoryType__root--19HET { align-items: center; backdrop-filter: blur(20px); background: linear-gradient(0deg,var(--color-background-gray),var(--color-background-gray)); border-radius: 100px; box-sizing: border-box; color: var(--vkui--color_text_contrast); display: inline-flex; flex-direction: row; height: 40px; padding: 10px 12px; user-select: none; } .StoryType__root_small--10KsF { height: 34px; } .StoryType__root_short--2g8M6 { border-radius: 100%; height: 28px; justify-content: center; padding: 0px; width: 28px; } .StoryType__text--3K5s_ { font-size: 13px; font-weight: 500; margin-left: 10px; } .BottomToolbar__root--2xJCD { align-items: flex-start; background: var(--color-story_viewer_background); bottom: 0px; box-sizing: border-box; color: var(--vkui--color_text_contrast); display: flex; flex-direction: column; font-family: var(--font-tt-norms); height: 168px; padding: 12px 24px 24px; pointer-events: none; position: absolute; text-shadow: 0 1px 3px var(--vkui--color_background_tertiary_alpha--active); user-select: none; width: 100%; z-index: 1; } .BottomToolbar__root--2xJCD .BottomToolbar__title--39d2e { font-size: 24px; margin-top: 10px; } .BottomToolbar__root--2xJCD .BottomToolbar__subTitle--2pvEi, .BottomToolbar__root--2xJCD .BottomToolbar__title--39d2e { font-weight: 500; text-shadow: 0 1px 3px var(--vkui--color_overlay_primary); } .BottomToolbar__root--2xJCD .BottomToolbar__subTitle--2pvEi { font-size: 17px; margin-top: 12px; } .BottomToolbar__root--2xJCD .BottomToolbar__detailsButton--sLc5j { bottom: 24px; cursor: pointer; display: flex; flex-direction: column; pointer-events: all; position: absolute; right: 24px; } .BottomToolbar__root--2xJCD .BottomToolbar__detailsButton--sLc5j .BottomToolbar__detailsIcon--17yYM { margin-bottom: 4px; } .BottomToolbar__root--2xJCD .BottomToolbar__detailsButton--sLc5j .BottomToolbar__button--NyBnM { align-items: center; backdrop-filter: blur(44px); background: linear-gradient(0deg,var(--color-background-gray),var(--color-background-gray)); border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: column; font-size: 15px; font-weight: 500; height: 40px; justify-content: center; padding: 10px 16px; width: 113px; } .BottomToolbar__root--2xJCD .BottomToolbar__detailsButton--sLc5j .BottomToolbar__button--NyBnM:hover { background: linear-gradient(0deg,var(--color-back-white-1),var(--color-back-white-1)),linear-gradient(0deg,var(--color-background-gray),var(--color-background-gray)); } .DuplicatesToolbar__root--3Q1lP { bottom: 24px; display: flex; justify-content: center; position: absolute; width: 100%; } .DuplicatesToolbar__wrapper--1gIXx { align-items: center; background-color: rgb(49, 49, 49); border-radius: 100px; box-sizing: border-box; display: flex; overflow: hidden; padding: 6px; pointer-events: none; user-select: none; } .DuplicatesToolbar__rightBlock--VCtWe { color: var(--color_text_muted--dark); font-family: var(--vkui--font_family_accent); font-size: 14px; font-weight: 500; line-height: 18px; padding: 8px 12px; text-align: center; } .DuplicatesToolbar__leftBlock--1_Q4y { align-items: center; display: flex; } .DuplicatesToolbar__icon--3yz51 { padding: 8px; } .DuplicatesToolbar__separator--2ug2E { background-color: rgba(143, 143, 143, 0.5); height: 20px; margin: 0px 6px; width: 1px; } .FaceFilter__root--2qDQE { gap: 22px; background: var(--color-background-gray); flex-direction: column; height: 100%; overflow: auto; width: 100%; } .FaceFilter__arrow--3w2VK, .FaceFilter__root--2qDQE { align-items: center; display: flex; } .FaceFilter__arrow--3w2VK { border-radius: 40px; box-sizing: border-box; color: var(--vkui--color_text_contrast); cursor: pointer; height: 64px; justify-content: center; margin-top: 2px; user-select: none; width: 64px; } .vkui--vkCom--light { --vkui--theme_name: "vkCom"; --vkui--theme_name_base: "vkCom"; --vkui--gradient_black: transparent 0%,rgba(0,0,0,.02) 15%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.32) 70%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.4) 100%; --vkui--gradient_white: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--gradient_tint: hsla(0,0%,98%,0) 0%,hsla(0,0%,98%,.05) 15%,hsla(0,0%,98%,.2) 30%,hsla(0,0%,98%,.8) 70%,hsla(0,0%,98%,.95) 85%,#f9f9f9 100%; --vkui--gradient: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--elevation1: 0px 0px 2px rgba(0,0,0,.03),0px 2px 2px rgba(0,0,0,.06); --vkui--elevation1_invert_y: 0px 0px 2px rgba(0,0,0,.03),0px -2px 2px rgba(0,0,0,.06); --vkui--elevation2: 0px 4px 8px rgba(0,0,0,.04),0px 0px 4px rgba(0,0,0,.06); --vkui--elevation3: 0px 0px 2px rgba(0,0,0,.08),0px 4px 16px rgba(0,0,0,.08); --vkui--elevation4: 0px 0px 8px rgba(0,0,0,.12),0px 16px 16px rgba(0,0,0,.16); --vkui--blur_m: 16px; --vkui--font_family_fallbacks: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_family_accent: "VK Sans Display","VK Sans Display Faux",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_family_base: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_weight_accent1: 600; --vkui--font_weight_accent2: 500; --vkui--font_weight_accent3: 400; --vkui--font_weight_base1: 600; --vkui--font_weight_base2: 500; --vkui--font_weight_base3: 400; --vkui--font_display_title1--font_size--regular: 23px; --vkui--font_display_title1--line_height--regular: 28px; --vkui--font_display_title1--font_family--regular: "VK Sans Display","VK Sans Display Faux",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_display_title1--font_weight--regular: 600; --vkui--font_display_title2--font_size--regular: 21px; --vkui--font_display_title2--line_height--regular: 26px; --vkui--font_display_title2--font_family--regular: "VK Sans Display","VK Sans Display Faux",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_display_title2--font_weight--regular: 600; --vkui--font_display_title2--font_size--compact: 22px; --vkui--font_display_title2--line_height--compact: 24px; --vkui--font_display_title2--font_family--compact: "VK Sans Display","VK Sans Display Faux",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_display_title2--font_weight--compact: 600; --vkui--font_display_title3--font_size--regular: 19px; --vkui--font_display_title3--line_height--regular: 24px; --vkui--font_display_title3--font_family--regular: "VK Sans Display","VK Sans Display Faux",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_display_title3--font_weight--regular: 600; --vkui--font_display_title4--font_size--regular: 17px; --vkui--font_display_title4--line_height--regular: 22px; --vkui--font_display_title4--font_family--regular: "VK Sans Display","VK Sans Display Faux",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_display_title4--font_weight--regular: 600; --vkui--font_title1--font_size--regular: 24px; --vkui--font_title1--line_height--regular: 28px; --vkui--font_title1--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_title1--font_weight--regular: 600; --vkui--font_title2--font_size--regular: 20px; --vkui--font_title2--line_height--regular: 24px; --vkui--font_title2--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_title2--font_weight--regular: 500; --vkui--font_title3--font_size--regular: 17px; --vkui--font_title3--line_height--regular: 22px; --vkui--font_title3--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_title3--font_weight--regular: 600; --vkui--font_headline1--font_size--regular: 16px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_headline1--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_headline1--font_weight--regular: 500; --vkui--font_headline1--font_size--compact: 14px; --vkui--font_headline1--line_height--compact: 18px; --vkui--font_headline2--font_size--regular: 15px; --vkui--font_headline2--line_height--regular: 20px; --vkui--font_headline2--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_headline2--font_weight--regular: 500; --vkui--font_headline2--font_size--compact: 14px; --vkui--font_headline2--line_height--compact: 20px; --vkui--font_text--font_size--regular: 16px; --vkui--font_text--line_height--regular: 20px; --vkui--font_text--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_text--font_weight--regular: 400; --vkui--font_text--font_size--compact: 13px; --vkui--font_text--line_height--compact: 16px; --vkui--font_paragraph--font_size--regular: 15px; --vkui--font_paragraph--line_height--regular: 20px; --vkui--font_paragraph--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_paragraph--font_weight--regular: 400; --vkui--font_subhead--font_size--regular: 14px; --vkui--font_subhead--line_height--regular: 18px; --vkui--font_subhead--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_subhead--font_weight--regular: 400; --vkui--font_subhead--font_size--compact: 14px; --vkui--font_subhead--line_height--compact: 18px; --vkui--font_footnote--font_size--regular: 13px; --vkui--font_footnote--line_height--regular: 16px; --vkui--font_footnote--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_footnote--font_weight--regular: 400; --vkui--font_footnote_caps--font_size--regular: 13px; --vkui--font_footnote_caps--line_height--regular: 16px; --vkui--font_footnote_caps--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_footnote_caps--font_weight--regular: 600; --vkui--font_footnote_caps--text_transform--regular: uppercase; --vkui--font_caption1--font_size--regular: 12px; --vkui--font_caption1--line_height--regular: 14px; --vkui--font_caption1--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_caption1--font_weight--regular: 400; --vkui--font_caption1_caps--font_size--regular: 12px; --vkui--font_caption1_caps--line_height--regular: 14px; --vkui--font_caption1_caps--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_caption1_caps--font_weight--regular: 600; --vkui--font_caption1_caps--text_transform--regular: uppercase; --vkui--font_caption2--font_size--regular: 11px; --vkui--font_caption2--line_height--regular: 14px; --vkui--font_caption2--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_caption2--font_weight--regular: 400; --vkui--font_caption2_caps--font_size--regular: 11px; --vkui--font_caption2_caps--line_height--regular: 14px; --vkui--font_caption2_caps--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_caption2_caps--font_weight--regular: 600; --vkui--font_caption2_caps--text_transform--regular: uppercase; --vkui--font_caption3--font_size--regular: 9px; --vkui--font_caption3--line_height--regular: 12px; --vkui--font_caption3--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_caption3--font_weight--regular: 400; --vkui--font_caption3_caps--font_size--regular: 9px; --vkui--font_caption3_caps--line_height--regular: 12px; --vkui--font_caption3_caps--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_caption3_caps--font_weight--regular: 600; --vkui--font_caption3_caps--text_transform--regular: uppercase; --vkui--size_select_icon_padding--regular: 6px; --vkui--size_select_icon_padding--compact: 7px; --vkui--size_popup_base_padding--regular: 32px; --vkui--size_popup_base_padding--compact: 20px; --vkui--size_popup_header_padding--regular: 24px; --vkui--size_popup_header_padding--compact: 16px; --vkui--size_label_horizontal_margin--regular: 16px; --vkui--size_border_radius--regular: 8px; --vkui--size_border_radius_rounded--regular: 48px; --vkui--size_check_border_radius--regular: 4px; --vkui--size_border_radius_paper--regular: 12px; --vkui--size_border_radius_promo--regular: 20px; --vkui--size_cell_height--regular: 48px; --vkui--size_cell_height--compact: 44px; --vkui--size_field_height--regular: 44px; --vkui--size_field_height--compact: 36px; --vkui--size_search_height--regular: 36px; --vkui--size_search_height--compact: 32px; --vkui--size_button_extra_small_height--regular: 24px; --vkui--size_button_extra_small_height--compact: 22px; --vkui--size_button_small_height--regular: 30px; --vkui--size_button_small_height--compact: 28px; --vkui--size_button_medium_height--regular: 36px; --vkui--size_button_medium_height--compact: 32px; --vkui--size_button_large_height--regular: 44px; --vkui--size_button_large_height--compact: 36px; --vkui--size_checkbox--regular: 16px; --vkui--size_arrow--regular: 8px; --vkui--size_arrow_promo--regular: 40px; --vkui--size_popup_small--regular: 448px; --vkui--size_popup_medium--regular: 680px; --vkui--size_popup_large--regular: 880px; --vkui--size_field_horizontal_padding--regular: 12px; --vkui--size_button_padding_horizontal--regular: 12px; --vkui--size_arrow_padding--regular: 12px; --vkui--size_tooltip_margin--regular: 8px; --vkui--size_icon_u_i--regular: 16px; --vkui--size_avatar_x_s--regular: 24px; --vkui--size_avatar_s--regular: 32px; --vkui--size_avatar_m--regular: 48px; --vkui--size_avatar_l--regular: 96px; --vkui--size_avatar_x_l--regular: 128px; --vkui--size_badge_x_s--regular: 12px; --vkui--size_badge_s--regular: 16px; --vkui--size_badge_m--regular: 24px; --vkui--size_badge_l--regular: 44px; --vkui--size_badge_x_l--regular: 56px; --vkui--size_cardgrid_padding--regular: 8px; --vkui--size_card_border_radius--regular: 8px; --vkui--size_cardgrid_padding_vertical--regular: 8px; --vkui--size_base_padding_horizontal--regular: 12px; --vkui--size_base_padding_vertical--regular: 12px; --vkui--size_button_group_gap_space--regular: 1px; --vkui--size_button_group_gap_small--regular: 8px; --vkui--size_button_group_gap_medium--regular: 12px; --vkui--size_option_hierarchy--regular: 32px; --vkui--size_switch_height--regular: 10px; --vkui--size_switch_height--compact: 10px; --vkui--size_switch_width--regular: 27px; --vkui--size_switch_width--compact: 27px; --vkui--size_switch_pin--regular: 16px; --vkui--size_switch_pin--compact: 16px; --vkui--size_panel_header_height--compact: 48px; --vkui--size_panel_header_height--regular: 48px; --vkui--size_button_base_small_padding_horizontal--regular: 16px; --vkui--size_button_base_medium_padding_horizontal--regular: 16px; --vkui--size_button_base_large_padding_horizontal--regular: 20px; --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px; --vkui--size_button_minimum_width--regular: 80px; --vkui--size_form_item_padding_vertical--regular: 8px; --vkui--size_split_col_padding_horizontal--regular: 16px; --vkui--size_subnavigation_bar_gap--regular: 8px; --vkui--size_subnavigation_bar_padding_vertical--regular: 12px; --vkui--size_border1x--regular: 1px; --vkui--size_border2x--regular: 0.5px; --vkui--size_border3x--regular: 0.33px; --vkui--spacing_size_3xs: 2px; --vkui--spacing_size_2xs: 2px; --vkui--spacing_size_xs: 4px; --vkui--spacing_size_s: 6px; --vkui--spacing_size_m: 8px; --vkui--spacing_size_l: 10px; --vkui--spacing_size_xl: 12px; --vkui--spacing_size_2xl: 16px; --vkui--spacing_size_3xl: 20px; --vkui--spacing_size_4xl: 24px; --vkui--animation_duration_l: 0.4s; --vkui--animation_duration_m: 0.2s; --vkui--animation_duration_s: 0.1s; --vkui--animation_easing_default: cubic-bezier(0.3,0.3,0.5,1); --vkui--animation_easing_platform: cubic-bezier(0.4,0,0.2,1); --vkui--opacity_disable: 0.4; --vkui--opacity_disable_accessibility: 0.64; --vkui--opacity_active: 0.72; --vkui--z_index_modal: 99; --vkui--z_index_popout: 100; --vkui--theme_inherits_from: "vkBase"; --vkui--font_headline--font_size--regular: 16px; --vkui--font_headline--line_height--regular: 20px; --vkui--font_headline--font_family--regular: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,"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",arial,Tahoma,verdana,sans-serif; --vkui--font_headline--font_weight--regular: 500; --vkui--font_headline--font_size--compact: 14px; --vkui--font_headline--line_height--compact: 18px; --vkui--colors_scheme: light; --vkui--color_background_accent: #447bba; --vkui--color_background_accent--hover: #4177b5; --vkui--color_background_accent--active: #3f72b0; --vkui--color_background_accent_themed: #447bba; --vkui--color_background_accent_themed--hover: #4177b5; --vkui--color_background_accent_themed--active: #3f72b0; --vkui--color_background_accent_themed_alpha: rgba(68,123,186,.12); --vkui--color_background_accent_themed_alpha--hover: rgba(68,123,186,.16); --vkui--color_background_accent_themed_alpha--active: rgba(68,123,186,.2); --vkui--color_background_accent_tint: #5a9eff; --vkui--color_background_accent_tint--hover: #5698f7; --vkui--color_background_accent_tint--active: #5393ef; --vkui--color_background_accent_alternative: #2688eb; --vkui--color_background_accent_alternative--hover: #2483e4; --vkui--color_background_accent_alternative--active: #237edd; --vkui--color_background: #edeef0; --vkui--color_background--hover: #e4e5e9; --vkui--color_background--active: #dadce2; --vkui--color_background_content: #fff; --vkui--color_background_content--hover: #f5f5f7; --vkui--color_background_content--active: #ebecef; --vkui--color_background_content_alpha: hsla(0,0%,100%,.8); --vkui--color_background_content_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_background_content_alpha--active: hsla(0,0%,100%,.88); --vkui--color_background_content_inverse: #19191a; --vkui--color_background_content_inverse--hover: #18191b; --vkui--color_background_content_inverse--active: #17181d; --vkui--color_background_secondary: #f0f2f5; --vkui--color_background_secondary--hover: #e6e9ee; --vkui--color_background_secondary--active: #dde0e6; --vkui--color_background_secondary_alpha: rgba(39,63,92,.07); --vkui--color_background_secondary_alpha--hover: rgba(39,63,92,.11); --vkui--color_background_secondary_alpha--active: rgba(39,63,92,.15); --vkui--color_background_tertiary: #fafbfc; --vkui--color_background_tertiary--hover: #f0f2f4; --vkui--color_background_tertiary--active: #e6e8ed; --vkui--color_background_tertiary_alpha: rgba(0,0,0,.03); --vkui--color_background_tertiary_alpha--hover: rgba(0,0,0,.07); --vkui--color_background_tertiary_alpha--active: rgba(0,0,0,.11); --vkui--color_background_contrast: #fff; --vkui--color_background_contrast--hover: #f5f5f7; --vkui--color_background_contrast--active: #ebecef; --vkui--color_background_contrast_secondary_alpha: hsla(0,0%,100%,.2); --vkui--color_background_contrast_secondary_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_contrast_secondary_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_contrast_inverse: #333; --vkui--color_background_contrast_inverse--hover: #313233; --vkui--color_background_contrast_inverse--active: #2f3034; --vkui--color_background_contrast_themed: #fff; --vkui--color_background_contrast_themed--hover: #f5f5f7; --vkui--color_background_contrast_themed--active: #ebecef; --vkui--color_background_modal: #fff; --vkui--color_background_modal--hover: #f5f5f7; --vkui--color_background_modal--active: #ebecef; --vkui--color_background_modal_inverse: #2d2d2e; --vkui--color_background_modal_inverse--hover: #2b2c2f; --vkui--color_background_modal_inverse--active: #292b2f; --vkui--color_background_positive: #4bb34b; --vkui--color_background_positive--hover: #48ac4a; --vkui--color_background_positive--active: #45a64a; --vkui--color_background_positive_tint: #e8f9e8; --vkui--color_background_positive_tint--hover: #dff0e1; --vkui--color_background_positive_tint--active: #d5e6da; --vkui--color_background_warning: #fff2d6; --vkui--color_background_warning--hover: #f5e9d0; --vkui--color_background_warning--active: #ebe0ca; --vkui--color_background_negative: #e64646; --vkui--color_background_negative--hover: #dd4446; --vkui--color_background_negative--active: #d44245; --vkui--color_background_negative_tint: #faebeb; --vkui--color_background_negative_tint--hover: #f0e2e4; --vkui--color_background_negative_tint--active: #e6d9dd; --vkui--color_background_info_tint: #deeeff; --vkui--color_background_info_tint--hover: #d5e5f7; --vkui--color_background_info_tint--active: #ccdcef; --vkui--color_field_background: #f7f8fa; --vkui--color_field_background--hover: #edeff2; --vkui--color_field_background--active: #e3e5eb; --vkui--color_header_background: #fff; --vkui--color_header_background--hover: #f5f5f7; --vkui--color_header_background--active: #ebecef; --vkui--color_text_accent: #447bba; --vkui--color_text_accent--hover: #4177b5; --vkui--color_text_accent--active: #3f72b0; --vkui--color_text_accent_themed: #3770b1; --vkui--color_text_accent_themed--hover: #356cac; --vkui--color_text_accent_themed--active: #3368a8; --vkui--color_text_primary: #000; --vkui--color_text_primary--hover: #000102; --vkui--color_text_primary--active: #000105; --vkui--color_text_primary_alpha: rgba(37,41,46,.84); --vkui--color_text_primary_alpha--hover: rgba(37,41,46,.88); --vkui--color_text_primary_alpha--active: rgba(37,41,46,.92); --vkui--color_text_primary_invariably: #000; --vkui--color_text_primary_invariably--hover: #000102; --vkui--color_text_primary_invariably--active: #000105; --vkui--color_text_secondary: #818c99; --vkui--color_text_secondary--hover: #7c8795; --vkui--color_text_secondary--active: #778292; --vkui--color_text_secondary_alpha: rgba(37,41,46,.55); --vkui--color_text_secondary_alpha--hover: rgba(37,41,46,.59); --vkui--color_text_secondary_alpha--active: rgba(37,41,46,.63); --vkui--color_text_subhead: #626d7a; --vkui--color_text_subhead--hover: #5e6978; --vkui--color_text_subhead--active: #5a6675; --vkui--color_text_tertiary: #99a2ad; --vkui--color_text_tertiary--hover: #939ca9; --vkui--color_text_tertiary--active: #8d96a4; --vkui--color_text_contrast: #fff; --vkui--color_text_contrast--hover: #f5f5f7; --vkui--color_text_contrast--active: #ebecef; --vkui--color_text_contrast_themed: #fff; --vkui--color_text_contrast_themed--hover: #f5f5f7; --vkui--color_text_contrast_themed--active: #ebecef; --vkui--color_text_positive: #4bb34b; --vkui--color_text_positive--hover: #48ac4a; --vkui--color_text_positive--active: #45a64a; --vkui--color_text_negative: #e64646; --vkui--color_text_negative--hover: #dd4446; --vkui--color_text_negative--active: #d44245; --vkui--color_text_link: #2a5885; --vkui--color_text_link--hover: #285582; --vkui--color_text_link--active: #27527f; --vkui--color_text_link_themed: #2a5885; --vkui--color_text_link_themed--hover: #285582; --vkui--color_text_link_themed--active: #27527f; --vkui--color_text_link_tint: #71aaeb; --vkui--color_text_link_tint--hover: #6ca4e4; --vkui--color_text_link_tint--active: #689edd; --vkui--color_text_link_visited: #4986cc; --vkui--color_text_link_visited--hover: #4681c6; --vkui--color_text_link_visited--active: #437dc1; --vkui--color_text_muted: #333; --vkui--color_text_muted--hover: #313233; --vkui--color_text_muted--active: #2f3034; --vkui--color_link_contrast: #fff; --vkui--color_link_contrast--hover: #f5f5f7; --vkui--color_link_contrast--active: #ebecef; --vkui--color_icon_accent: #447bba; --vkui--color_icon_accent--hover: #4177b5; --vkui--color_icon_accent--active: #3f72b0; --vkui--color_icon_accent_themed: #3770b1; --vkui--color_icon_accent_themed--hover: #356cac; --vkui--color_icon_accent_themed--active: #3368a8; --vkui--color_icon_primary: #2c2d2e; --vkui--color_icon_primary--hover: #2a2c2f; --vkui--color_icon_primary--active: #282b2f; --vkui--color_icon_primary_invariably: #2c2d2e; --vkui--color_icon_primary_invariably--hover: #2a2c2f; --vkui--color_icon_primary_invariably--active: #282b2f; --vkui--color_icon_medium: #6f7985; --vkui--color_icon_medium--hover: #6b7582; --vkui--color_icon_medium--active: #66717f; --vkui--color_icon_medium_alpha: rgba(0,0,0,.48); --vkui--color_icon_medium_alpha--hover: rgba(0,0,0,.52); --vkui--color_icon_medium_alpha--active: rgba(0,0,0,.56); --vkui--color_icon_secondary: #99a2ad; --vkui--color_icon_secondary--hover: #939ca9; --vkui--color_icon_secondary--active: #8d96a4; --vkui--color_icon_secondary_alpha: rgba(0,0,0,.36); --vkui--color_icon_secondary_alpha--hover: rgba(0,0,0,.4); --vkui--color_icon_secondary_alpha--active: rgba(0,0,0,.44); --vkui--color_icon_tertiary: #aeb7c2; --vkui--color_icon_tertiary--hover: #a7b0bd; --vkui--color_icon_tertiary--active: #a0aab7; --vkui--color_icon_tertiary_alpha: rgba(0,0,0,.24); --vkui--color_icon_tertiary_alpha--hover: rgba(0,0,0,.28); --vkui--color_icon_tertiary_alpha--active: rgba(0,0,0,.32); --vkui--color_icon_contrast: #fff; --vkui--color_icon_contrast--hover: #f5f5f7; --vkui--color_icon_contrast--active: #ebecef; --vkui--color_icon_contrast_themed: #fff; --vkui--color_icon_contrast_themed--hover: #f5f5f7; --vkui--color_icon_contrast_themed--active: #ebecef; --vkui--color_icon_contrast_secondary: #f2f3f5; --vkui--color_icon_contrast_secondary--hover: #e8eaee; --vkui--color_icon_contrast_secondary--active: #dfe1e6; --vkui--color_icon_positive: #4bb34b; --vkui--color_icon_positive--hover: #48ac4a; --vkui--color_icon_positive--active: #45a64a; --vkui--color_icon_warning: #f8a01c; --vkui--color_icon_warning--hover: #ee9a1d; --vkui--color_icon_warning--active: #e4941f; --vkui--color_icon_negative: #e64646; --vkui--color_icon_negative--hover: #dd4446; --vkui--color_icon_negative--active: #d44245; --vkui--color_stroke_accent: #447bba; --vkui--color_stroke_accent--hover: #4177b5; --vkui--color_stroke_accent--active: #3f72b0; --vkui--color_stroke_accent_themed: #3770b1; --vkui--color_stroke_accent_themed--hover: #356cac; --vkui--color_stroke_accent_themed--active: #3368a8; --vkui--color_separator_primary: #dce1e6; --vkui--color_separator_primary--hover: #d3d9df; --vkui--color_separator_primary--active: #cad0d8; --vkui--color_separator_primary2x: #cbcccd; --vkui--color_separator_primary2x--hover: #c3c4c7; --vkui--color_separator_primary2x--active: #bbbdc1; --vkui--color_separator_primary3x: #bebfc1; --vkui--color_separator_primary3x--hover: #b6b8bc; --vkui--color_separator_primary3x--active: #afb1b6; --vkui--color_separator_primary_alpha: rgba(0,0,0,.12); --vkui--color_separator_primary_alpha--hover: rgba(0,0,0,.16); --vkui--color_separator_primary_alpha--active: rgba(0,0,0,.2); --vkui--color_separator_secondary: #e7e8ec; --vkui--color_separator_secondary--hover: #dedfe5; --vkui--color_separator_secondary--active: #d5d7de; --vkui--color_stroke_positive: #4bb34b; --vkui--color_stroke_positive--hover: #48ac4a; --vkui--color_stroke_positive--active: #45a64a; --vkui--color_stroke_negative: #e64646; --vkui--color_stroke_negative--hover: #dd4446; --vkui--color_stroke_negative--active: #d44245; --vkui--color_stroke_contrast: #fff; --vkui--color_stroke_contrast--hover: #f5f5f7; --vkui--color_stroke_contrast--active: #ebecef; --vkui--color_stroke_primary: #2c2d2e; --vkui--color_stroke_primary--hover: #2a2c2f; --vkui--color_stroke_primary--active: #282b2f; --vkui--color_image_border_alpha: rgba(0,0,0,.08); --vkui--color_image_border_alpha--hover: rgba(0,0,0,.12); --vkui--color_image_border_alpha--active: rgba(0,0,0,.16); --vkui--color_field_border_alpha: rgba(0,0,0,.12); --vkui--color_field_border_alpha--hover: rgba(0,0,0,.24); --vkui--color_field_border_alpha--active: rgba(0,0,0,.36); --vkui--color_accent_blue: #5181b8; --vkui--color_accent_blue--hover: #4e7cb3; --vkui--color_accent_blue--active: #4b78ae; --vkui--color_accent_gray: #aeb7c2; --vkui--color_accent_gray--hover: #a7b0bd; --vkui--color_accent_gray--active: #a0aab7; --vkui--color_accent_red: #ff3347; --vkui--color_accent_red--hover: #f53247; --vkui--color_accent_red--active: #eb3046; --vkui--color_accent_orange_fire: #f05c44; --vkui--color_accent_orange_fire--hover: #e65944; --vkui--color_accent_orange_fire--active: #dd5643; --vkui--color_accent_orange: #ffa000; --vkui--color_accent_orange--hover: #f59a02; --vkui--color_accent_orange--active: #eb9405; --vkui--color_accent_orange_peach: #f9b54f; --vkui--color_accent_orange_peach--hover: #efae4e; --vkui--color_accent_orange_peach--active: #e5a84e; --vkui--color_accent_lime: #bff74f; --vkui--color_accent_lime--hover: #b7ee4e; --vkui--color_accent_lime--active: #b0e54e; --vkui--color_accent_green: #4bb34b; --vkui--color_accent_green--hover: #48ac4a; --vkui--color_accent_green--active: #45a64a; --vkui--color_accent_cyan: #7cf4dc; --vkui--color_accent_cyan--hover: #77ebd6; --vkui--color_accent_cyan--active: #72e2cf; --vkui--color_accent_azure: #3f8ae0; --vkui--color_accent_azure--hover: #3c85d9; --vkui--color_accent_azure--active: #3a80d3; --vkui--color_accent_purple: #735ce6; --vkui--color_accent_purple--hover: #6e59df; --vkui--color_accent_purple--active: #6a56d8; --vkui--color_accent_violet: #792ec0; --vkui--color_accent_violet--hover: #742dbb; --vkui--color_accent_violet--active: #6f2cb6; --vkui--color_accent_raspberry_pink: #e03fab; --vkui--color_accent_raspberry_pink--hover: #d73da7; --vkui--color_accent_raspberry_pink--active: #ce3ba2; --vkui--color_accent_pink: #f685ff; --vkui--color_accent_pink--hover: #ec80f7; --vkui--color_accent_pink--active: #e27cef; --vkui--color_accent_secondary: #3f8ae0; --vkui--color_accent_secondary--hover: #3c85d9; --vkui--color_accent_secondary--active: #3a80d3; --vkui--color_overlay_primary: rgba(0,0,0,.4); --vkui--color_overlay_primary--hover: rgba(0,0,0,.44); --vkui--color_overlay_primary--active: rgba(0,0,0,.48); --vkui--color_overlay_secondary: rgba(44,45,46,.5); --vkui--color_overlay_secondary--hover: rgba(44,45,46,.54); --vkui--color_overlay_secondary--active: rgba(44,45,46,.58); --vkui--color_avatar_overlay: rgba(0,0,0,.6); --vkui--color_avatar_overlay--hover: rgba(0,0,0,.64); --vkui--color_avatar_overlay--active: rgba(0,0,0,.68); --vkui--color_avatar_overlay_inverse_alpha: hsla(0,0%,100%,.85); --vkui--color_avatar_overlay_inverse_alpha--hover: hsla(0,0%,100%,.89); --vkui--color_avatar_overlay_inverse_alpha--active: hsla(0,0%,100%,.93); --vkui--color_action_sheet_text: #3f8ae0; --vkui--color_action_sheet_text--hover: #3c85d9; --vkui--color_action_sheet_text--active: #3a80d3; --vkui--color_image_placeholder: #f2f3f5; --vkui--color_image_placeholder--hover: #e8eaee; --vkui--color_image_placeholder--active: #dfe1e6; --vkui--color_image_placeholder_alpha: rgba(0,28,61,.08); --vkui--color_image_placeholder_alpha--hover: rgba(0,28,61,.12); --vkui--color_image_placeholder_alpha--active: rgba(0,28,61,.16); --vkui--color_skeleton_from: #f0f2f5; --vkui--color_skeleton_from--hover: #e6e9ee; --vkui--color_skeleton_from--active: #dde0e6; --vkui--color_skeleton_to: #e7e8ec; --vkui--color_skeleton_to--hover: #dedfe5; --vkui--color_skeleton_to--active: #d5d7de; --vkui--color_button_text: #346297; --vkui--color_button_text--hover: #325f93; --vkui--color_button_text--active: #305b90; --vkui--color_button_icon: #346297; --vkui--color_button_icon--hover: #325f93; --vkui--color_button_icon--active: #305b90; --vkui--color_button_stroke: #346297; --vkui--color_button_stroke--hover: #325f93; --vkui--color_button_stroke--active: #305b90; --vkui--color_write_bar_icon: #818c99; --vkui--color_write_bar_icon--hover: #7c8795; --vkui--color_write_bar_icon--active: #778292; --vkui--color_write_bar_input_background: #fff; --vkui--color_write_bar_input_background--hover: #f5f5f7; --vkui--color_write_bar_input_background--active: #ebecef; --vkui--color_write_bar_input_border: #d3d9de; --vkui--color_write_bar_input_border--hover: #cbd1d8; --vkui--color_write_bar_input_border--active: #c2c9d1; --vkui--color_write_bar_input_border_alpha: rgba(0,0,0,.08); --vkui--color_write_bar_input_border_alpha--hover: rgba(0,0,0,.12); --vkui--color_write_bar_input_border_alpha--active: rgba(0,0,0,.16); --vkui--color_track_background: #d3d9de; --vkui--color_track_background--hover: #cbd1d8; --vkui--color_track_background--active: #c2c9d1; --vkui--color_track_buffer: #447bba; --vkui--color_track_buffer--hover: #4177b5; --vkui--color_track_buffer--active: #3f72b0; --vkui--color_search_field_background: #edeef0; --vkui--color_search_field_background--hover: #e4e5e9; --vkui--color_search_field_background--active: #dadce2; --vkui--color_panel_header_icon: #447bba; --vkui--color_panel_header_icon--hover: #4177b5; --vkui--color_panel_header_icon--active: #3f72b0; --vkui--color_segmented_control: #fff; --vkui--color_segmented_control--hover: #f5f5f7; --vkui--color_segmented_control--active: #ebecef; --vkui--color_tabbar_text_inactive: #99a2ad; --vkui--color_tabbar_text_inactive--hover: #939ca9; --vkui--color_tabbar_text_inactive--active: #8d96a4; --vkui--color_transparent: transparent; --vkui--color_transparent--hover: rgba(0,16,61,.04); --vkui--color_transparent--active: rgba(0,16,61,.08); } body { -webkit-tap-highlight-color: transparent; background: transparent; color: var(--vkui--color_text_primary); font-size: var(--vkui--font_text--font_size--regular2--font_size); line-height: normal; margin: 0px; min-width: auto; overflow-x: visible; } body ::-webkit-scrollbar-corner, body ::-webkit-scrollbar-track { background-color: initial; } ::-webkit-scrollbar-thumb, body ::-webkit-scrollbar-thumb { background-color: var(--vkui--color_field_border_alpha); } ::-webkit-scrollbar-thumb { border-radius: 8px; } ::-webkit-scrollbar { height: 8px; width: 8px; } * { scrollbar-color: var(--vkui--color_field_border_alpha) var(--vkui--color_background); scrollbar-width: thin; } *, ::after, ::before { box-sizing: initial; } body.MobilePdfViewer__body_fixed--1sGmq.MobilePdfViewer__body_phone--1lB0h { max-width: 100%; position: fixed; } .MobilePdfViewer__wrapper--GVWB0 { box-sizing: border-box; height: 100%; max-width: 1360px; padding: 0px; position: relative; width: 100%; } .MobilePdfViewer__wrapperIframe--2dGnH { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 100%; width: 100%; } .MobilePdfViewer__text--3IlGq { color: rgb(255, 255, 255); left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .MobilePdfViewer__viewerWrapper--3_mFE, div.MobilePdfViewer__zoomContent--3haCU, div.MobilePdfViewer__zoomWrapper--YXk_2 { height: 100%; width: 100%; } .MobilePdfViewer__viewerWrapper--3_mFE { overflow: auto; } .MobilePdfViewer__swipeBlock--1qK-R { height: 100%; position: absolute; top: 0px; width: 15%; } .MobilePdfViewer__swipeBlock--1qK-R.MobilePdfViewer__left--24u6S { left: 0px; } .MobilePdfViewer__swipeBlock--1qK-R.MobilePdfViewer__right--96StO { right: 0px; } .ProgressBar__container--1LHQx { align-items: center; color: var(--vkui--color_text_contrast); height: 100%; justify-content: center; margin-bottom: 32px; width: 100%; } .ProgressBar__container--1LHQx, .ProgressBar__mainContainer--2yHef { display: flex; flex-direction: column; } .ProgressBar__mainContainer--2yHef { height: calc(100% - 100px); min-height: 180px; } .ProgressBar__mainText--3KlPV { font-family: var(--font-tt-norms); font-size: 24px; font-style: normal; font-weight: 400; line-height: 28px; margin-top: 32px; } .ProgressBar__myofficeIconContainer--1CaYD { display: flex; justify-content: center; } .ProgressBar__progressBarCircleContainer--1_Z3H { height: 52px; margin-bottom: 48px; width: 52px; } .ProgressBar__progressBarCircle--2LuVg { fill: transparent; stroke-width: 2px; stroke: var(--vkui--color_background_accent); transform-origin: 50% 50%; transition: stroke-dashoffset 0.35s; } .ProgressBar__progressBarFakeCircle--GmbR4 { fill: transparent; stroke-width: 2px; stroke: var(--vkui--color_text_secondary); } .ProgressBar__tryAgainButton--svV1j { background: var(--vkui--color_avatar_overlay); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; color: var(--vkui--color_text_contrast); cursor: pointer; font-family: var(--font-tt-norms); font-size: 15px; font-style: normal; font-weight: 400; height: 40px; line-height: 20px; margin-top: 40px; width: 170px; } .BizInlineViewerToolbar__root--3tdBP { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_caption1--font_size--regular); font-weight: var(--vkui--font_weight_accent2); position: absolute; top: 44px; width: 100%; z-index: 99999; } .BizInlineViewerToolbar__rootLogoOffset--20RNx { top: 58px; } .BizInlineViewerToolbar__leftGroup--5gSkn { left: 2px; padding: 0px 6px; } .BizInlineViewerToolbar__leftGroup--5gSkn, .BizInlineViewerToolbar__logo--25vQw { position: absolute; top: 0px; } .BizInlineViewerToolbar__logo--25vQw { background: center 6px / 100px auto no-repeat rgb(35, 35, 35); cursor: pointer; height: 28px; left: 0px; width: 122px; } .BizInlineViewerToolbar__logo--25vQw[data-ext="doc"], .BizInlineViewerToolbar__logo--25vQw[data-ext="docx"], .BizInlineViewerToolbar__logo--25vQw[data-ext="rtf"], .BizInlineViewerToolbar__logo--25vQw[data-ext="txt"] { background-color: rgb(69, 105, 150); } .BizInlineViewerToolbar__logo--25vQw[data-ext="csv"], .BizInlineViewerToolbar__logo--25vQw[data-ext="xls"], .BizInlineViewerToolbar__logo--25vQw[data-ext="xlsx"] { background-color: rgb(64, 134, 93); } .BizInlineViewerToolbar__logo--25vQw[data-ext="ppt"], .BizInlineViewerToolbar__logo--25vQw[data-ext="pptx"] { background-color: rgb(170, 82, 83); } .BizInlineViewerToolbar__logo__tarm--2pxmf { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/9c1e324a7d6f33194351.png"); } .BizInlineViewerToolbar__logo__workdisk--3Dp8O { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/61af8d736669cefd659e.png"); } .ViewerDoc__root--2w_7B { height: calc(100% - var(--bottom-banner-height, 0px)); left: var(--navbar-width); overflow: hidden; position: fixed; top: 0px; width: calc(100% - var(--navbar-width)*2); } .ViewerDoc__root_mobile--1uhpo { height: 100%; left: auto; width: 100%; } .ViewerDoc__root_menu--3RwfY { --viewer-toolbar-height: 56px; } .ViewerDoc__root_embedded--1gO75 { height: 100%; left: 0px; position: relative; width: 100%; } .ViewerDoc__doc--1QJBW, .ViewerDoc__root_archive--1oYsu { top: 0px; } .ViewerDoc__doc--1QJBW { border: 0px; height: calc(100% - var(--viewer-toolbar-height, 0px)); position: relative; top: var(--viewer-toolbar-height,0); width: 100%; } .ViewerDoc__docMobile--2YTNV { height: calc(100vh - var(--viewer-toolbar-height-mobile, 0px)); margin-top: var(--viewer-toolbar-height-mobile,0); } .ViewerDoc__iframeWrapper_r7_b2b_noToolbar--2sbu8 { height: calc(100% + 32px); margin-left: -36px; margin-top: -32px; width: calc(100% + 36px); } .ViewerDoc__iframeWrapper_mo_b2b_noToolbar--1qgzG { height: calc(100% + 27px); margin-top: -38px; } .ViewerDoc__iframeWrapper--zTek9 { height: calc(100% - var(--viewer-toolbar-height, 0px)); position: relative; top: var(--viewer-toolbar-height,0); } .ViewerDoc__iframeWrapper_hidden--1mOEB { display: none; } .ViewerDoc__iframeWrapper_r7--2DxqB iframe { position: relative !important; } .ViewerDoc__iframeDocsMail--1Vyim { background-color: var(--vkui--color_background); } .ViewerPdf__root--6QMDH { border-radius: 8px; height: calc(100vh - var(--top-toolbar-height) - var(--bottom-banner-height)); left: var(--navbar-width); overflow: hidden; position: fixed; top: 0px; width: calc(100% - var(--navbar-width)*2); } .ViewerPdf__root_menu--JK2Cv { height: calc(100vh - var(--bottom-banner-height)); } .ViewerPdf__root_menu--JK2Cv:first-child { box-sizing: border-box; padding-top: 56px; } .ViewerPdf__root_fillParent--3RRK3 { border-radius: 0px; left: 0px; } .ViewerPdf__pdf--rN2-Z, .ViewerPdf__root_fillParent--3RRK3 { height: 100%; position: relative; width: 100%; } .ViewerPdf__pdf--rN2-Z { border: 0px; } .ViewerTxt__root--SxYpd { border-radius: 8px; height: 100%; overflow: hidden; position: absolute; top: 0px; width: calc(100% - var(--navbar-width)*2); } .ViewerTxt__root_menu--3v_W1 { top: 56px; } .ViewerTxt__root_embedded--2QqJF { left: 0px; position: relative; width: 100%; } .ViewerTxt__root_embedded--2QqJF .ViewerTxt__txt--2vvX6 { width: 100%; } .ViewerTxt__root_archive--2CTSK { top: 0px; } .ViewerTxt__txt--2vvX6 { background: var(--vkui--color_background_contrast); border: 0px; height: 100%; position: relative; width: 100%; } .ViewerArchive__root--1XMdX { align-items: stretch; background-color: var(--vkui--color_background); border-radius: 12px; display: flex; flex-direction: row; height: 100%; overflow: hidden; width: 100%; } .ViewerArchive__root_phone--nXVr- .ViewerArchive__listWrapper--1R5h2 { flex-basis: 100%; max-width: 100vw; padding: 12px; } .ViewerArchive__root_phone--nXVr- .ViewerArchive__viewWrapper--kIwHO { display: none; } .ViewerArchive__root_embedded--6Od3M { border-radius: 0px; } .ViewerArchive__root_vk_embedded--eaeqb { background: var(--vkui--color_background); border-radius: 0px; } .ViewerArchive__listWrapper--1R5h2 { box-sizing: border-box; display: flex; flex: 1 0 50%; flex-direction: column; max-width: 50%; padding: 32px 48px; } .ViewerArchive__breadcrumbs--3nG_2 { max-width: 100%; min-width: 0px; } .ViewerArchive__top--3P-Kt { align-items: center; display: flex; flex-direction: row; justify-content: space-between; max-width: 100%; } .ViewerArchive__message--o6Df3 { font-family: var(--font-inter); font-size: 13px; text-align: center; white-space: pre-wrap; } .ViewerArchive__list--1o6rx { height: 100%; margin: 8px -38px 0px -14px; max-height: 100%; overflow: auto; padding-right: 12px; } .ViewerArchive__list--1o6rx, .ViewerArchive__viewWrapper--kIwHO { display: flex; flex-direction: column; } .ViewerArchive__viewWrapper--kIwHO { align-items: center; background-color: var(--vkui--color_background_secondary); color: var(--vkui--color_text_secondary); flex: 1 0 50%; justify-content: center; max-width: 50%; } .ViewerArchive__vkEmbeddedViewWrapper--3_ixA { background-color: rgb(240, 242, 245); } .ViewerArchive__previewIcon--3VUDF { height: 80px; width: 80px; } .ViewerArchive__description--2Sf7E { align-items: center; display: flex; flex-direction: column; justify-content: center; max-width: 100%; padding: 0px 20px; } .ViewerArchive__name--2QQn8 { color: var(--vkui--color_text_primary); font-family: var(--font-inter); font-size: 15px; margin-top: 32px; max-width: 100%; text-align: center; white-space: pre-wrap; word-break: break-word; } .ViewerArchive__name_preview--mSHdr { margin-top: 10px; } .ViewerArchive__size--moNLu { color: var(--vkui--color_text_secondary); font-family: var(--font-inter); font-size: 13px; margin-top: 4px; text-align: center; white-space: pre-wrap; } .ViewerArchive__imageWrapper--2jVtC { border-radius: 2px; margin: 0px 20px; max-height: 80%; max-width: 100%; min-height: 40px; z-index: 1; } .ViewerArchive__image--37zA0 { max-height: 100%; max-width: 100%; object-fit: contain; position: relative; z-index: 2; } .ViewerArchive__counter---9ktU { display: none; margin-bottom: -2px; margin-left: 12px; white-space: nowrap; } @media (min-width: 1024px) { .ViewerArchive__counter---9ktU { display: block; } } .ViewerArchive__spinnerWrapper--3wTJE { height: 100%; position: relative; } .ViewerArchive__vkRow--159Uh { padding-left: 8px; padding-right: 10px; } .ViewerArchive__vkMessage--1-BiM { font-size: var(--vkui--font_text--font_size--compact); line-height: var(--vkui--font_text--line_height--compact); } .ViewerArchive__vkFileCounter--5p0JR, .ViewerArchive__vkMessage--1-BiM { color: var(--vkui--color_text_secondary); } .ViewerArchive__vkFileCounter--5p0JR { font-family: var(--font-common); font-weight: 300; } .ViewerArchive__vkName--JlBjH { color: var(--vk-embedded-gray); font-family: var(--font-display); font-size: var(--vkui--font_headline--font_size--regular); font-weight: var(--vkui--font_headline--font_weight--regular,500); line-height: var(--vkui--font_headline--line_height--regular,20px); } .ViewerArchive__vkSize--2S0kX { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_headline--font_size--compact); line-height: var(--vkui--font_headline--line_height--compact); } .ViewerHeaderButton__root--1hFIl { -webkit-font-smoothing: antialiased; align-items: center; border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_link_contrast); cursor: pointer; display: flex; font-family: var(--font-tt-norms); font-size: 15px; font-weight: 500; height: 36px; justify-content: center; line-height: 20px; padding: 8px 12px; user-select: none; white-space: nowrap; } .ViewerHeaderButton__root--1hFIl:focus, .ViewerHeaderButton__root--1hFIl:hover { background: var(--color-back-white-1); transition: background 0.2s ease-in-out; } .ViewerHeaderButton__root--1hFIl:focus.ViewerHeaderButton__favoritesIcon--2Po2p path, .ViewerHeaderButton__root--1hFIl:hover.ViewerHeaderButton__favoritesIcon--2Po2p path { fill: var(--vkui--color_accent_secondary); fill-opacity: 1; visibility: visible; } .ViewerHeaderButton__root--1hFIl:active { background: var(--color-back-white-1--active); transition: background 0.2s ease-in-out; } .ViewerHeaderButton__root_primary--2x8Nt { background: var(--vkui--color_background_accent); margin-right: 6px; padding: 8px 16px; } .ViewerHeaderButton__root_primary--2x8Nt:hover { background: linear-gradient(0deg,var(--vkui--color_background_secondary_alpha),var(--vkui--color_background_secondary_alpha)),var(--vkui--color_background_accent); transition: background 0.2s ease-in-out; } .ViewerHeaderButton__root_primary--2x8Nt:active { background: linear-gradient(0deg,var(--vkui--color_background_secondary_alpha),var(--vkui--color_background_secondary_alpha--active)),var(--vkui--color_background_accent); transition: background 0.2s ease-in-out; } .ViewerHeaderButton__root_secondary--363G5 { background: rgba(255, 255, 255, 0.2); margin-left: 6px; padding: 8px 16px; } .ViewerHeaderButton__root_secondary--363G5:hover { background: rgba(255, 255, 255, 0.3); transition: background 0.2s ease-in-out; } .ViewerHeaderButton__root_disabled--3-Weg { opacity: 0.4; } .ViewerHeaderButton__root_disabled--3-Weg:hover { background-color: var(--vkui--color_background_accent); } .ViewerHeaderButton__title--sSLhK { line-height: 1; } .ViewerHeaderButton__icon--141cE { align-items: center; display: flex; height: 20px; justify-content: center; margin-right: 8px; position: relative; width: 20px; } .ViewerHeaderButton__icon_filled--2UfeM { fill: var(--vkui--color_link_contrast); } .ViewerHeaderButton__icon_filled--2UfeM .ViewerHeaderButton__icon--141cE > svg > path { fill: var(--vkui--color_background_content); } .ViewerHeaderButton__root_icon--1efyF { height: 36px; padding: 0px; width: 36px; } .ViewerHeaderButton__root_icon--1efyF .ViewerHeaderButton__icon--141cE { margin-right: 0px; } .ViewerHeaderButton__textOnIcon--94ObS { font-size: 9px; font-weight: 700; height: 100%; line-height: 21px; position: absolute; } .ViewerHeaderButton__dropdown--2P73s { align-items: center; border-radius: 8px; display: flex; height: 32px; justify-content: center; margin-left: 4px; margin-right: -10px; width: 32px; } .ViewerHeaderButton__dropdown--2P73s > svg > path { fill: var(--vkui--color_background_content); } .ViewerHeaderButton__dropdown--2P73s:active { background: var(--color-back-white-1--light); } .ViewerHeaderButton__dropdown--2P73s:active .ViewerHeaderButton__dropdown--2P73s, .ViewerHeaderButton__root--1hFIl:hover .ViewerHeaderButton__dropdown--2P73s { background: var(--color-back-white-1); } .ViewerHeaderButton__root--1hFIl:hover .ViewerHeaderButton__dropdown--2P73s:hover { background: var(--color-back-white-1--active); } .ViewerHeaderButton__dropdownPdf--2ZEEy { align-items: center; border-radius: 8px; display: flex; height: 32px; justify-content: center; margin-left: 4px; margin-right: -10px; width: 32px; } .ViewerHeaderButton__dropdownUp--1dcz8 { transform: rotate(180deg); transition: rotate 0.2s ease-in-out; } .ViewerHeaderButton__root_primary--2x8Nt .ViewerHeaderButton__dropdown--2P73s { margin-right: -14px; } .ViewerHeaderButton__root_primary--2x8Nt .ViewerHeaderButton__dropdown--2P73s:active { background: var(--vkui--color_background_secondary_alpha--active); } .ViewerHeaderButton__root_primary--2x8Nt .ViewerHeaderButton__root--1hFIl:hover .ViewerHeaderButton__dropdown--2P73s { background: var(--vkui--color_background_secondary_alpha--hover); } .ViewerHeaderButton__root_primary--2x8Nt .ViewerHeaderButton__root--1hFIl:hover .ViewerHeaderButton__dropdown--2P73s:hover { background: var(--vkui--color_background_secondary_alpha--active); } @media (max-width: 1300px) { .ViewerHeaderButton__root_collapsable--2AcWf { height: 36px; padding: 0px; width: 36px; } .ViewerHeaderButton__root_collapsable--2AcWf .ViewerHeaderButton__title--sSLhK { display: none; } .ViewerHeaderButton__root_collapsable--2AcWf .ViewerHeaderButton__icon--141cE { margin-right: 0px; } } .ViewerHeaderButton__hide_text--atew8 .ViewerHeaderButton__root--1hFIl:not(.ViewerHeaderButton__root_primary--2x8Nt):not(.ViewerHeaderButton__root_force_text--3Va3k) { padding: 8px; } .ViewerHeaderButton__hide_text--atew8 .ViewerHeaderButton__root--1hFIl:not(.ViewerHeaderButton__root_primary--2x8Nt):not(.ViewerHeaderButton__root_force_text--3Va3k) .ViewerHeaderButton__icon--141cE { margin-right: 0px; } .ViewerHeaderButton__hide_text--atew8 .ViewerHeaderButton__root--1hFIl:not(.ViewerHeaderButton__root_primary--2x8Nt):not(.ViewerHeaderButton__root_force_text--3Va3k) .ViewerHeaderButton__title--sSLhK { display: none; } .ViewerHeaderButton__separator--oCrbG { border-left: 1px solid var(--vkui--color_separator_primary); height: 28px; margin: 4px 8px; } .ImageEditorSurveyFooter__footer--1pe2P { -webkit-font-smoothing: antialiased; display: flex; font-family: var(--font-tt-norms); font-size: 15px; font-weight: 500; gap: 12px; justify-content: start; line-height: 20px; } .ImageEditorSurveyFooter__footer_button--RWgv8 { padding: 0px 4px; } .ImageEditSurvey__checkbox--1m6CJ > div[class*="icon--on"] > svg { color: rgb(39, 117, 252); } .ImageEditSurvey__checkbox--1m6CJ > div[class*="icon--off"] > svg { color: rgb(71, 71, 71); } .ImageEditSurvey__content--hcvtD { -webkit-font-smoothing: antialiased; font-family: var(--font-tt-norms); font-size: 15px; font-weight: 400; line-height: 20px; margin-top: 4px; } .ImageEditSurvey__description--35EaO { color: var(--vkui--color_text_contrast); } .ImageEditSurvey__hoverable--2tWav { background-color: rgb(43, 43, 43); border-radius: var(--vkui--size_border_radius--regular); } .ImageCompare__root--3SQLX { align-items: center; display: flex; justify-content: center; overflow: hidden; position: relative; user-select: none; width: auto; } .ImageCompare__hideUI--b7a_f .ImageCompare__label--31WrP { display: none; } .ImageCompare__originalBefore--1fQ7X { display: block; object-fit: cover; position: relative; } .ImageCompare__newWrapper--2ulc8, .ImageCompare__originalBefore--1fQ7X { height: 100%; left: 0px; top: 0px; width: 100%; } .ImageCompare__newWrapper--2ulc8 { position: absolute; } .ImageCompare__newAfter--3_zY8 { display: block; object-fit: cover; position: relative; } .ImageCompare__inputSlider--zfO8y, .ImageCompare__newAfter--3_zY8 { height: 100%; left: 0px; top: 0px; width: 100%; } .ImageCompare__inputSlider--zfO8y { appearance: none; background: transparent; cursor: ew-resize; position: absolute; z-index: 20; } input[type="range"]::-webkit-slider-thumb { appearance: none; background: transparent; } .ImageCompare__slider--2G9Gi { height: 100%; pointer-events: none; top: 0px; transform: translateX(-50%); width: 2px; z-index: 100; } .ImageCompare__slider--2G9Gi, .ImageCompare__thumb--1BtNr { background-color: var(--vkui--color_text_contrast); position: absolute; } .ImageCompare__thumb--1BtNr { align-items: center; border-radius: 100px; display: flex; height: 36px; justify-content: center; left: 0px; top: 50%; transform: translate(calc(-50% + 1px), -50%); width: 36px; } .ImageCompare__thumb--1BtNr:hover { background-color: var(--vkui--color_text_contrast--hover); } .ImageCompare__thumb--1BtNr > svg { color: var(--vkui--color_icon_primary_invariably); } .ImageCompare__label--31WrP { -webkit-font-smoothing: antialiased; overflow-clip-margin: content-box; backdrop-filter: blur(70px); background: rgba(0, 0, 0, 0.25); border-radius: 100px; box-sizing: border-box; color: var(--vkui--color_text_contrast); font-size: 15px; font-weight: 500; overflow: hidden; padding: 8px 12px; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); } .ImageCompare__labelBefore--2H_oV { left: 25%; transform: translate(-100%, -50%); } .ImageCompare__labelAfter--2MqKe { left: 75%; } .ImageCompare__hideLabel--3VAiW { display: none; } @keyframes ViewerImage__moveVertical--3w8u8 { 0% { transform: translateY(0px); } 100% { transform: translateY(calc(-400px - 100vh)); } } .ViewerImage__root--2JESc { align-items: center; display: flex; flex-grow: 1; flex-shrink: 1; height: calc(100vh - var(--bottom-banner-height)); justify-content: center; position: fixed; top: calc(var(--top-toolbar-height)*-1); user-select: none; width: 100%; } .ViewerImage__root_embedded--R5BhK { height: 100%; position: relative; top: 0px; width: 100%; } .ViewerImage__root_menu--1l3rC { top: 0px; } .ViewerImage__errorBlock--1_65u { align-items: center; color: var(--vkui--color_text_contrast); display: flex; flex-direction: column; font-family: var(--font-tt-norms); font-size: 24px; font-weight: 500; line-height: 28px; text-align: center; user-select: none; } .ViewerImage__errorTitle--1esDD { margin-bottom: 40px; } .ViewerImage__button--GpNJs { background: var(--vkui--color_background_contrast_secondary_alpha); border-radius: 8px; box-sizing: border-box; cursor: pointer; font-size: 15px; font-weight: 500; height: 44px; line-height: 20px; padding: 12px 24px; } .ViewerImage__button--GpNJs:hover { background: var(--color-back-white-1); } .ViewerImage__button--GpNJs:active { background: var(--color-back-white-1--active); } .ViewerImage__zoomable--2kiT0 { cursor: move; } .ViewerImage__dragging--1A2Ws { cursor: grabbing; } .ViewerImage__image--1zqMP { max-height: 100%; max-width: 100%; object-fit: contain; position: relative; user-select: none; } .ViewerImage__image_backgroundLoad--gif46 { height: 1px; position: absolute; width: 1px; } .ViewerImage__imagePrev--3Zjf3 { opacity: 0; pointer-events: none; position: absolute; } .ViewerImage__imgWrapper--1uapG { align-items: center; display: flex; flex-grow: 1; flex-shrink: 1; height: 100%; justify-content: center; max-height: 100%; max-width: 100%; position: relative; top: 0px; width: 100%; } .ViewerImage__processing--M9tJ0 { overflow: hidden; position: relative; } .ViewerImage__processing--M9tJ0::before { animation: 2.4s linear 0s infinite normal none running ViewerImage__moveVertical--3w8u8; background: linear-gradient(92.55deg, rgba(0, 119, 255, 0.72), rgba(7, 229, 249, 0.72) 100.13%); border-radius: 1000px; bottom: -300px; content: ""; filter: blur(140px); height: 250px; left: 0px; pointer-events: none; position: absolute; width: 100%; will-change: transform; z-index: 1; } .ViewerImage__animatePrev_enter--1FW8D { opacity: 1; } .ViewerImage__animatePrev_enter_active--2MZD6 { opacity: 0.2; transition: opacity 0.25s ease-in-out; } .ViewerImage__animate_enter--sA4cw { opacity: 0.2; } .ViewerImage__animate_enter_active--2B37x { opacity: 1; transition: opacity 0.25s ease-in-out; } .ViewerImage__faceFrame--lnwH4 { border-radius: 10%; box-sizing: border-box; cursor: pointer; position: absolute; transition: box-shadow 0.05s ease-in-out, opacity 0.05s ease-in-out; z-index: 1; } .ViewerImage__faceFrame--lnwH4 .ViewerImage__corner--1SRTi { height: 100%; transform: scale(1.04); width: 100%; } .ViewerImage__faceFrame_hoverOnly--3q4PD { opacity: 0; } .ViewerImage__faceFrame--lnwH4:hover { box-shadow: 0 0 0 100vmax var(--vkui--color_overlay_primary); opacity: 1; } .ViewerImage__image_texture--2zHms { background: url("data:image/svg+xml;utf8,") 0px 0px / 201px 201px; } .SwipingComponent__root--Kck6Q { display: flex; height: 100%; justify-content: center; width: 100%; } .TrialPromoinfo__banner--33gkE { bottom: 0px; left: 0px; position: absolute; } .BlockViewer__root--3iA8V { color: var(--color_text_muted--dark); font-family: var(--vkui--font_family_accent); margin: auto; width: 380px; } .BlockViewer__title--HBNWU { font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); } .BlockViewer__text--2dBX2, .BlockViewer__title--HBNWU { -webkit-font-smoothing: antialiased; } .BlockViewer__text--2dBX2 { font-size: var(--vkui--font_text--font_size--compact); } .BlockViewer__buttonsWrapper--1MTX- { display: flex; gap: 12px; justify-content: center; } .BlockViewer__button--247YB.ui.button { -webkit-font-smoothing: antialiased; font-size: 14px; width: auto; } .BlockViewer__image--hyBvu { height: auto; width: 212px; } .PaginatorLine__root--1MBjN { gap: 4px; align-items: center; cursor: pointer; display: grid; grid-auto-flow: column; padding-bottom: 7px; padding-top: 12px; width: 100%; } .PaginatorLine__root--1MBjN, .PaginatorLine__stripe--19H8l { height: 2px; position: relative; } .PaginatorLine__stripe--19H8l { background-image: linear-gradient(to right,var(--rebranding--color_text_contrast) 49.9%,transparent 50%); background-position: 100% 100%; background-size: 200% 100%; border-radius: 1px; display: block; flex-grow: 1; min-width: 10px; } .PaginatorLine__stripe--19H8l::before { background: var(--rebranding--color_text_contrast); border-radius: 1px; content: ""; height: 100%; left: 0px; opacity: 0.5; position: absolute; top: 0px; width: 100%; } .PaginatorLine__stripe_filled--RSk77 { background-position: 0px center; transition: none; } .PaginatorLine__stripe_animate--1XjRu { animation-name: PaginatorLine__filling_stripe--2zUXp; animation-timing-function: linear; } .PaginatorLine__stripe_animate_pause--Y7sJ0 { animation-play-state: paused; } @keyframes PaginatorLine__filling_stripe--2zUXp { 0% { background-position: 100% 100%; } 100% { background-position: 0px center; } } .Stub__root--3-RxQ { cursor: pointer; max-width: 100%; min-height: 150px; position: relative; width: 500px; } .Stub__root--3-RxQ.Stub__cursor_default--nK_s_ { cursor: default; } .Stub__root_small--2bur4 { height: 140px; width: 200px; } .Stub__root_mobile--2gcZP { width: 100vw; } .Stub__content--2EaKV { align-items: center; display: flex; height: 80px; justify-content: center; left: 0px; top: 0px; width: 100%; } .Stub__footer--2R3C9 { height: 56px; text-align: left; width: 100%; } .Stub__meta--3l96n { align-items: center; display: flex; flex-direction: column; margin: 0px 12px; } .Stub__name--39NNP { box-sizing: border-box; color: var(--vkui--color_text_contrast); display: inline-flex; font-family: var(--font-tt-norms); font-size: 17px; font-weight: 400; justify-content: center; line-height: 22px; margin: var(--vkui--x6) 0; max-width: calc(100% - 40px); overflow: hidden; position: relative; } .Stub__download_btn--2vbhV.ui.button { font-size: var(--vkui--font_paragraph--font_size--regular); height: 40px; justify-content: center; min-width: 145px; padding: 0 var(--vkui--size_button_base_medium_padding_horizontal--regular); white-space: nowrap; } .Stub__read_button--1SNRS.ui.button { height: var(--vkui--size_button_large_height--compact); justify-content: center; margin: 26px auto 0px; min-width: 131px; padding: 0 var(--vkui--size_button_base_large_padding_horizontal--regular); } .Stub__buttonWrapper--2s5iM { display: flex; flex-direction: column; position: relative; } .EditorRestrictionTooltip__tooltip--PIAQE { -webkit-font-smoothing: antialiased; box-sizing: border-box; padding: 20px; position: relative; width: 324px; } .EditorRestrictionTooltip__tooltip--PIAQE a { color: var(--vkui--color_text_accent); cursor: pointer; } .EditorRestrictionTooltip__tooltipImage--2UEAv { bottom: 0px; height: 79px; position: absolute; right: 0px; width: 105px; } .EditorRestrictionTooltip__tooltipTitle--Qx7xt { font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_display_title4--line_height--regular); white-space: pre-line; } .EditorRestrictionTooltip__tooltipText--2tPA6, .EditorRestrictionTooltip__tooltipTitle--Qx7xt { font-family: var(--vkui--font_family_accent); } .EditorRestrictionTooltip__tooltipText--2tPA6 { font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .EditorRestrictionTooltip__tooltipButton--3BTWn.ui.button { -webkit-font-smoothing: antialiased; font-size: 15px; width: auto; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .Logo__root--10niw { align-items: center; display: flex; justify-content: center; } .nologo .Logo__root--10niw { display: none; } .Logo__biz--3b-KK, .Logo__cloud--1rxZk, .Logo__logo--3wiOm { height: 100%; } .Logo__hidden_logo--PrKEr { visibility: hidden; } .Logo__size_m--2IQAU { height: 32px; } .Logo__size_s--1Su4N { height: 28px; } .Logo__root_my_team--N6PxY:not(.Logo__bizLocked--1dSK4) { display: none; } @media (min-width: 1024px) { .Logo__root_my_team--N6PxY:not(.Logo__bizLocked--1dSK4) { display: block; } } .Logo__bizLocked--1dSK4, .Logo__logoDisablePointerEvents--1I88V { pointer-events: none; } .allAttachesButton__root--3x3ys { cursor: pointer; } .allAttachesButton__root--3x3ys .allAttachesButton__icon--2vZK_ { color: var(--vkui--color_icon_contrast); } .allAttachesButton__tip--6j2oI { font-family: var(--font-tt-norms); width: 374px; } .allAttachesButton__tip--6j2oI::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/tooltip/1d9904f45632494bf33d.svg") 100% 100% no-repeat; border-radius: 16px; content: ""; height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; } .allAttachesButton__tip--6j2oI .allAttachesButton__text--3RfJd { font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); } .allAttachesButton__tip--6j2oI .ui.secondary.button { background: var(--vkui--cloud_color_header_icon_background_alpha); width: 96px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .AttachInfo__root--3Zdsy { align-items: center; display: flex; height: 100%; max-width: 100%; pointer-events: all; width: 100%; } @media (max-width: 1024px) { .AttachInfo__root--3Zdsy.AttachInfo__responsive--2WDFr .AttachInfo__attachBlock--1123E { max-width: 100%; } .AttachInfo__root--3Zdsy.AttachInfo__responsive--2WDFr .AttachInfo__attachName--1vWiO { max-width: none; } } .AttachInfo__rootClickable--zzDzJ { cursor: pointer; } .AttachInfo__iconWrapper--MVnM7 { background: var(--vkui--color_icon_primary_invariably); border-radius: 50%; height: 32px; min-width: 32px; position: relative; width: 32px; } .AttachInfo__iconWrapper--MVnM7::after { content: ""; position: absolute; right: -20px; } .AttachInfo__divider--CPxa3, .AttachInfo__iconWrapper--MVnM7::after { border-right: 1px solid rgba(143, 143, 143, 0.5); height: 100%; } .AttachInfo__divider--CPxa3 { margin: 0px 19.5px; } .AttachInfo__logo--3D-f- { left: 50%; position: absolute; top: 50%; transform: translate(-48%, -54%); } .AttachInfo__newLogo--j_QcN { width: 32px; } .AttachInfo__logoB2B--qKgTl, .AttachInfo__newLogo--j_QcN { height: 32px; } .AttachInfo__attachBlock--1123E { display: flex; flex-direction: column; flex-grow: 1; margin-right: 8px; max-width: calc(100% - 30px); min-width: 0px; } .AttachInfo__attachTopBlock--32w7E { align-items: baseline; display: flex; } .AttachInfo__attachTeamTopBlock--2CaU2, .AttachInfo__attachTopBlock--32w7E { color: var(--vkui--color_text_contrast); font-size: 15px; margin-bottom: 4px; text-align: left; } .AttachInfo__attachTeamTopBlock--2CaU2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .AttachInfo__attachBottomBlock--KBqVF { color: var(--vkui--cloud_color_text_contrast_themed_alpha); display: flex; flex-flow: row; } .AttachInfo__attachBottomBlock--KBqVF, .AttachInfo__attachTeamBottomBlock--2A5Dc { font-size: 13px; margin-right: 4px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .AttachInfo__attachTeamBottomBlock--2A5Dc { color: var(--vkui--color_button_contrast_alpha--active); } .AttachInfo__author--260gN { max-width: 50%; } .AttachInfo__attachName--1vWiO, .AttachInfo__author--260gN { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .AttachInfo__attachName--1vWiO { display: block; max-width: 25%; } .AttachInfo__attachItemPrefix--TuWj0 { display: flex; max-width: 50%; } .AttachInfo__attachItemPrefix--TuWj0::before { background: var(--vkui--color_button_contrast_alpha--active); border-radius: 50%; content: "\a "; display: inline-block; flex-shrink: 0; height: 4px; margin-left: 4px; margin-right: 4px; margin-top: 6px; width: 4px; } .AttachInfo__attachItemSize--2-cPk { display: flex; margin: 0px 6px; } .AttachInfo__attachTime--3hiGR { align-items: baseline; color: var(--vkui--color_button_contrast_alpha--active); font-size: 13px; margin-left: 8px; } .DocumentSearch__container--3cdgX { align-items: center; display: flex; height: 56px; padding-left: 36px; padding-right: var(--navbar-width); pointer-events: all; } .DocumentSearch__resetSearchBlock--2SgWz { color: var(--vkui--color_text_contrast); cursor: pointer; display: flex; font-size: var(--vkui--font_headline1--font_size--compact); font-style: normal; font-weight: 500; line-height: var(--vkui--font_headline1--line_height--compact); width: 330px; } .DocumentSearch__resetSearchText--3ba7_ { margin-left: var(--vkui--size_label_horizontal_margin--regular); } .DocumentSearch__inputBlock--1cPU2 { align-items: center; background-color: var(--vkui--color_background_modal_inverse); border-radius: var(--vkui--size_check_border_radius--regular); display: flex; height: 40px; justify-content: flex-start; margin-right: 64px; overflow: hidden; width: 100%; } .DocumentSearch__inputBlock--1cPU2 .DocumentSearch__vkuiInput--1prMH { width: calc(100% - 40px); } .DocumentSearch__input--1jrM9.ui.input { flex: 1 1 0%; height: 100%; width: calc(100% - 40px); } .DocumentSearch__input--1jrM9.ui.input > input { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-bottom-right-radius: 0px; border-top-right-radius: 0px; color: var(--color_text_muted--dark); font-size: var(--vkui--font_headline1--font_size--compact); } .DocumentSearch__input--1jrM9.ui.input > input::-webkit-input-placeholder { color: var(--vkui--color_icon_medium); font-family: var(--font-tt-norms); font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); } .DocumentSearch__input--1jrM9.ui.input > input::placeholder { color: var(--vkui--color_icon_medium); font-family: var(--font-tt-norms); font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); } .DocumentSearch__searchIcon--3rzIj { margin-top: var(--vkui--size_tip_margin--regular); width: var(--vkui--size_badge_l--regular); } .FaceInfoTooltip__rebrandingTooltip--UEleF { width: 270px; } .FaceInfoTooltip__rebrandingTooltip--UEleF > div[class*="FloatingTooltip__content"] { background-color: var(--rebranding--color_field_background); } .FaceInfoTooltip__rebrandingTooltip--UEleF > div[class*="FloatingTooltip__content"] > span[class*="FloatingTooltip__text"] { -webkit-font-smoothing: antialiased; color: var(--rebranding--color_text_contrast); font-family: var(--vkui--font_text--font_family--compact); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--compact); line-height: var(--vkui--font_text--line_height--compact); width: 180px; } .FaceInfoTooltip__rebrandingTooltip--UEleF > div[class*="FloatingTooltip__content"] > div[class*="FloatingTooltip__image"] { bottom: -22px; height: 90px; right: -19px; transform: rotate(-21.5deg); width: 83px; } .FaceInfoTooltip__rebrandingTooltip--UEleF > div[class*="FloatingTooltip__content"] > div[class*="FloatingTooltip__image"] > img { pointer-events: none; } .FaceInfoTooltip__rebrandingTooltip--UEleF > div[class*="FloatingTooltip__content"] > div[class*="FloatingTooltip__close"] { color: var(--rebranding--color_icon_contrast); right: 8px; top: 8px; } .FaceInfoTooltip__rebrandingTooltip--UEleF > div[class*="FloatingTooltip__arrow"] { color: var(--rebranding--color_field_background); } .MarketingPromoButton__button--3YKSY { align-items: center; backdrop-filter: blur(30px); background: var(--vkui--color_background_secondary_alpha); border: 2px solid rgb(255, 92, 0); border-radius: 8px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: row; height: 36px; justify-content: flex-end; padding: 8px 18px; position: relative; white-space: nowrap; } .MarketingPromoButton__button--3YKSY, .MarketingPromoButton__button--3YKSY:hover { color: var(--vkui--color_text_contrast); } .MarketingPromoButton__button--3YKSY:hover { background: var(--vkui--color_background_secondary_alpha--active); transition: background, color 0.2s ease-in-out; } .MarketingPromoButton__button--3YKSY::before { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/60452e347cd71bcbcd94.svg") 0% 0% / contain no-repeat; content: ""; height: 28px; position: absolute; right: -16px; top: -10px; width: 28px; } .MarketingPromoButton__button--3YKSY.MarketingPromoButton__hideIcon--36YLi { border: 1px solid var(--vkui--color_stroke_accent); } .MarketingPromoButton__button--3YKSY.MarketingPromoButton__hideIcon--36YLi::before { content: none; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .ViewerHeader__root--32kak { background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.5) 99.99%, rgba(0, 0, 0, 0.4)); height: 70px; pointer-events: none; width: 100%; } .ViewerHeader__root_attaches--1aY99 .ViewerHeader__controlsWrapper--3ER5l { padding-top: 16px; } @media (max-width: 1200px) { .ViewerHeader__root_attaches--1aY99 .ViewerHeader__rightGroup--3wCcF { flex: 0 0 auto; } } .ViewerHeader__root_embedded--1kioX { background: var(--color-gray-980); height: 68px; } .ViewerHeader__root_embedded--1kioX .ViewerHeader__controlsWrapper--3ER5l { padding: 16px 16px 16px 24px; } .ViewerHeader__root_embedded--1kioX .ViewerHeader__rightGroup--3wCcF { width: auto; } @media (min-width: 1680px) { .ViewerHeader__root_embedded--1kioX { justify-content: flex-start; } .ViewerHeader__root_embedded--1kioX .ViewerHeader__middleGroup--2HEOz { margin-left: 20px; } } .ViewerHeader__root_embedded--1kioX .ViewerHeader__leftGroup--2O6WA { flex-grow: 1; min-width: 0px; width: 100%; } .ViewerHeader__root_embedded--1kioX .ViewerHeader__middleGroup--2HEOz { flex-shrink: 0; width: auto; } .ViewerHeader__root_embedded--1kioX .ViewerHeader__fileInfo--V72au { flex-grow: 1; max-width: calc(100% - 220px); min-width: 0px; } @media (max-width: 1680px) { .ViewerHeader__root_embedded--1kioX .ViewerHeader__fileInfo--V72au { max-width: calc(100% - 160px); } } @media (max-width: 1170px) { .ViewerHeader__root_embedded--1kioX .ViewerHeader__fileInfo--V72au { max-width: calc(100% - 10px); } } .ViewerHeader__root_embedded--1kioX .ViewerHeader__fileName--23as6 { display: flex; width: 100%; } .ViewerHeader__root_story--1y7RF { background: var(--color-story_viewer_header_background); } .ViewerHeader__root_with_r7--3OgJw { background-color: rgb(35, 35, 35); height: var(--top-toolbar-height); } .ViewerHeader__root_with_r7--3OgJw[data-ext="doc"], .ViewerHeader__root_with_r7--3OgJw[data-ext="docx"], .ViewerHeader__root_with_r7--3OgJw[data-ext="rtf"], .ViewerHeader__root_with_r7--3OgJw[data-ext="txt"] { background-color: rgb(69, 105, 150); } .ViewerHeader__root_with_r7--3OgJw[data-ext="csv"], .ViewerHeader__root_with_r7--3OgJw[data-ext="xls"], .ViewerHeader__root_with_r7--3OgJw[data-ext="xlsx"] { background-color: rgb(64, 134, 93); } .ViewerHeader__root_with_r7--3OgJw[data-ext="ppt"], .ViewerHeader__root_with_r7--3OgJw[data-ext="pptx"] { background-color: rgb(170, 82, 83); } .ViewerHeader__root_with_r7--3OgJw .ViewerHeader__controlsWrapper--3ER5l { padding: 4px 8px 4px 12px; } .ViewerHeader__root_with_r7--3OgJw .ViewerHeader__fileInfo--V72au { align-items: center; flex-direction: row; flex-grow: 0; } .ViewerHeader__root_with_r7--3OgJw .ViewerHeader__fileSize--2sBxW { margin: 0px 0px 0px 20px; } .ViewerHeader__controlsWrapper--3ER5l { box-sizing: border-box; color: var(--vkui--color_text_contrast); display: flex; justify-content: space-between; padding: 12px 16px 52px 24px; width: 100%; } .ViewerHeader__group--2xZdO { display: flex; height: 36px; pointer-events: all; } .ViewerHeader__leftGroup--2O6WA { flex: 1 1 0%; margin-right: 16px; width: 30%; } .ViewerHeader__leftGroup_small--94W_z { width: calc(30% - 103px); } .ViewerHeader__middleGroup--2HEOz { gap: 6px; display: grid; grid-auto-flow: column; } .ViewerHeader__iconsGroup--1gq4P { gap: 2px; display: grid; grid-auto-flow: column; } .ViewerHeader__rightGroup--3wCcF { align-items: center; flex: 1 1 0%; justify-content: flex-end; margin-left: 2px; } .ViewerHeader__fileInfo--V72au { align-items: flex-start; display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); font-size: 14px; font-weight: 400; line-height: 18px; margin-right: 8px; max-width: calc(100% - 10px); } .ViewerHeader__fileName--23as6 { font-weight: 500; max-width: 100%; } .ViewerHeader__fileSize--2sBxW { color: var(--vkui--cloud_color_text_contrast_themed_alpha); font-weight: 400; margin-top: 4px; } .ViewerHeader__closeIcon--1jtly { align-items: center; border-radius: 8px; cursor: pointer; display: flex; height: 36px; justify-content: center; margin-left: 2px; position: relative; width: 36px; } .ViewerHeader__closeIcon--1jtly > svg { fill: var(--vkui--color_background_content); } .ViewerHeader__closeIcon--1jtly:active, .ViewerHeader__closeIcon--1jtly:hover { background: var(--color-back-white-1); transition: background 0.2s ease-in-out; } .ViewerHeader__closeIcon--1jtly:active::before, .ViewerHeader__closeIcon--1jtly:hover::before { background: var(--vkui--color_background_secondary_alpha); border-radius: 8px; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; transition: background 0.2s ease-in-out; width: 100%; } .ViewerHeader__closeIconLeft--Nocdh { margin-left: 0px; margin-right: 16px; } .ViewerHeader__fileInfoIcon--1OwHj { cursor: pointer; position: relative; } .ViewerHeader__fileInfoIcon--1OwHj:active::before, .ViewerHeader__fileInfoIcon--1OwHj:hover::before { background: var(--vkui--color_background_secondary_alpha); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; transition: background 0.2s ease-in-out; width: 100%; } .ViewerHeader__button_fav--3YdSQ { width: 160px; } .ViewerHeader__logo--yzVH5 { align-items: center; cursor: pointer; display: flex; padding-right: 44px; position: relative; } .ViewerHeader__logo--yzVH5::after { background: var(--color-back-white-1--middle); content: ""; height: 44px; position: absolute; right: 24px; top: -4px; width: 2px; } @media (max-width: 1024px) { .ViewerHeader__logo--yzVH5.ViewerHeader__logoResponsive--13Bsr { display: none; } } .ViewerHeader__fileInfo_story--pOQCp { text-shadow: 0 1px 3px var(--vkui--color_background_tertiary_alpha--active); } .ViewerHeader__fileInfo_story--pOQCp .ViewerHeader__fileName--23as6 { align-items: center; display: flex; flex-direction: column; font-size: 15px; font-weight: 400; height: 100%; justify-content: center; } .ViewerHeader__fileInfo_story--pOQCp .ViewerHeader__fileSize--2sBxW { color: var(--vkui--color_text_contrast); font-size: 13px; } .ViewerHeader__marketingPromoButton--13MHt { margin-right: 18px; } @media (min-width: 1024px) { .ViewerHeader__marketingPromoButton--13MHt { margin-right: 35px; } } .ViewerHeader__fileInfo_letters--xB2NR { align-items: center; flex-direction: row; } .ViewerHeader__fileInfo_letters--xB2NR .ViewerHeader__iconLetters--2od1y { border-radius: 50%; height: 32px; position: relative; width: 32px; } .ViewerHeader__fileInfo_letters--xB2NR .ViewerHeader__iconLetters--2od1y::after { border-right: 1px solid rgba(143, 143, 143, 0.5); content: ""; height: 100%; position: absolute; right: -20px; } .ViewerHeader__fileInfo_letters--xB2NR .ViewerHeader__fileName--23as6 { font-size: 15px; margin-left: 40px; } .ViewerHeader__fileInfo_letters--xB2NR .ViewerHeader__iconLettersIcon--2WWZr { height: 32px; width: 32px; } .MenuButton__button--2f60a { align-items: center; border-radius: 8px; color: var(--color_text_muted--dark); cursor: pointer; display: flex; font-family: var(--vkui--font_text--font_family--compact); justify-content: center; margin-left: 2px; padding: 2px; pointer-events: none; position: relative; white-space: nowrap; } .MenuButton__button--2f60a:active, .MenuButton__button--2f60a:focus, .MenuButton__button--2f60a:hover { background-color: var(--color-back-white-1); transition: background-color 0.2s ease-in-out; } .MenuButton__button--2f60a:active::before, .MenuButton__button--2f60a:focus::before, .MenuButton__button--2f60a:hover::before { background-color: rgba(255, 255, 255, 0.12); border-radius: 8px; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; transition: background-color 0.2s ease-in-out; width: 100%; } .MenuButton__gradient--30IUu::before { background: linear-gradient(66deg,var(--vkui--color_background_accent) 5.51%,var(--vkui--color_accent_cyan) 100%); border-radius: inherit; inset: 0px; box-sizing: border-box; content: ""; mask: conic-gradient(rgb(0, 0, 0) 0deg, rgb(0, 0, 0) 0deg) content-box exclude, conic-gradient(rgb(0, 0, 0) 0deg, rgb(0, 0, 0) 0deg); padding: 2px; position: absolute; z-index: -1; } .MenuButton__active--35Uf4 { background-color: rgb(58, 58, 58); color: var(--vkui--color_link_contrast); } .MenuButton__dropdownActive--2hCH6 { background-color: var(--color-back-white-1); } .MenuButton__dropdownActive--2hCH6, .MenuButton__dropdownActive--2hCH6::before { transition: background-color 0.2s ease-in-out; } .MenuButton__dropdownActive--2hCH6::before { background-color: rgba(255, 255, 255, 0.12); border-radius: 8px; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .MenuButton__disabled--2v2Zf { opacity: 0.6; } .MenuButton__disabled--2v2Zf .MenuButton__content--2_Pqu { pointer-events: none; } .MenuButton__content--2_Pqu { align-items: center; box-sizing: border-box; display: flex; justify-content: center; min-height: 32px; min-width: 32px; padding: 6px; pointer-events: all; user-select: none; } .MenuButton__contentWithText--1UFfR { padding: 6px 14px 6px 10px; } .MenuButton__icon--2zmEx { align-items: center; display: flex; justify-content: center; } .MenuButton__text--3-fJ4 { font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_subhead--font_weight--compact); line-height: var(--vkui--font_text--line_height--compact); margin-left: 8px; } .MenuButton__textOnIcon--w18c7 { font-size: 9px; font-weight: 700; line-height: 21px; position: absolute; } .MenuButton__dropdownButton--14qAa { border-radius: 6px; margin-left: -2px; padding: 8px 6px; pointer-events: all; } .MenuButton__dropdownButton--14qAa:hover { background-color: rgb(58, 58, 58); transition: background-color 0.2s ease-in-out; } .MenuButton__dropdownIcon--2Rq8M { transition: transform 0.2s ease-in-out; } .MenuButton__dropdownIconUp--3GETc { transform: rotate(-180deg); } .CloseMenuButton__buttonWithSeparator--3lCBt { margin-left: 29px; position: relative; } .CloseMenuButton__buttonWithSeparator--3lCBt::after { background-color: rgba(143, 143, 143, 0.5); border-radius: 4px; content: ""; height: 28px; left: -15px; pointer-events: none; position: absolute; top: 4px; width: 1px; } .DownloadMenuButton__list--35A2d { background: rgb(34, 34, 34); } .DownloadMenuButton__itemWrapper--3ytuk, .DownloadMenuButton__listTitle--35KNz { color: var(--color_text_muted--dark); } .DownloadMenuButton__itemWrapper--3ytuk:hover { background-color: rgba(255, 255, 255, 0.04); } .DownloadMenuButton__icon--1DZnB { height: 20px; width: 20px; } .DownloadMenuButton__icon--1DZnB path { fill: var(--color_text_muted--dark); stroke: var(--color_text_muted--dark); } .DownloadMenuButton__icon_disabled--HeYB_ path { fill: rgb(164, 164, 164); stroke: rgb(164, 164, 164); } .MenuInfo__wrapper--2l_5w { align-items: center; color: var(--vkui--cloud_color_text_contrast_themed_alpha); display: flex; font-family: var(--vkui--font_text--font_family--compact); font-size: 14px; font-weight: var(--vkui--font_text--font_weight--compact); line-height: 18px; width: 88%; } .MenuInfo__file--1Pi8- { color: var(--color_text_muted--dark); font-weight: var(--vkui--font_subhead--font_weight--compact); margin-right: 6px; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .MenuLogo__logo--3cb2L { cursor: pointer; height: 32px; margin-right: 33px; padding: 2px 0px; position: relative; } .MenuLogo__logo--3cb2L::after { background-color: rgba(143, 143, 143, 0.5); border-radius: 4px; content: ""; height: 28px; pointer-events: none; position: absolute; right: -17px; top: 4px; width: 1px; } .MenuLogo__icon--2r0-J { height: 32px; width: 32px; } .MoreMenuButton__list--3xAYA { background: rgb(34, 34, 34); } .MoreMenuButton__list--3xAYA .MoreMenuButton__itemWrapper--2aVGJ { color: var(--color_text_muted--dark); padding: 0px; } .MoreMenuButton__list--3xAYA .MoreMenuButton__itemWrapper--2aVGJ::after { background: rgba(255, 255, 255, 0.08); } .MoreMenuButton__list--3xAYA .MoreMenuButton__itemWrapper--2aVGJ:hover { background-color: rgba(255, 255, 255, 0.04); } .MoreMenuButton__item--3c9uC { padding: 9px 16px; } .MoreMenuButton__item--3c9uC .MoreMenuButton__icon--sV2r2 { height: 20px; width: 20px; } .MoreMenuButton__item--3c9uC .MoreMenuButton__icon--sV2r2 svg path { fill: var(--color_text_muted--dark); stroke: var(--color_text_muted--dark); } .ViewerMenu__wrapper--1tHK9 { -webkit-font-smoothing: antialiased; display: flex; justify-content: space-between; padding: 10px 16px; pointer-events: all; position: relative; } .ViewerMenu__wrapper--1tHK9::before { background: linear-gradient(rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.64) 28.5%, rgba(0, 0, 0, 0.52) 48.5%, rgba(0, 0, 0, 0.34) 68%, rgba(0, 0, 0, 0.16) 84%, transparent); content: ""; height: 64px; left: 0px; pointer-events: none; position: absolute; right: 0px; top: 0px; z-index: -1; } .ViewerMenu__center--1chw-, .ViewerMenu__end--2dd2o, .ViewerMenu__start--3MVD0 { align-items: center; display: flex; width: 32%; } .ViewerMenu__start--3MVD0 { justify-content: flex-start; } .ViewerMenu__center--1chw- { justify-content: center; } .ViewerMenu__center--1chw- > div:nth-child(2), .ViewerMenu__center--1chw- > div:nth-child(3) { margin-left: 29px; position: relative; } .ViewerMenu__center--1chw- > div:nth-child(2)::after, .ViewerMenu__center--1chw- > div:nth-child(3)::after { background-color: rgba(143, 143, 143, 0.5); border-radius: 4px; content: ""; height: 28px; left: -15px; pointer-events: none; position: absolute; top: 4px; width: 1px; } .ViewerMenu__end--2dd2o { gap: 2px; justify-content: flex-end; } .Zoomer__wrapper--DO3X5 { align-items: center; color: var(--color_text_muted--dark); display: flex; } .Zoomer__value--1Pl5b { font-family: var(--vkui--font_text--font_family--compact); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_subhead--font_weight--compact); line-height: var(--vkui--font_text--line_height--compact); margin: 0px 6px; pointer-events: none; user-select: none; width: 36px; } .Zoomer__button--3SDV2 { cursor: pointer; } .AttachMenuInfo__wrapper--1imBy { color: var(--vkui--cloud_color_text_contrast_themed_alpha); cursor: pointer; font-family: var(--vkui--font_text--font_family--compact); font-size: 14px; font-weight: 400; line-height: 18px; width: 88%; } .AttachMenuInfo__header--2jqMO { display: flex; } .AttachMenuInfo__author--Z92g4 { color: var(--color_text_muted--dark); font-weight: 500; margin-right: 8px; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .AttachMenuInfo__content--qTmF_ { align-items: center; display: flex; } .AttachMenuInfo__name--2MB0Q { max-width: 30%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .AttachMenuInfo__divider--3KBR6 { font-size: 11px; margin: 0px 4px; } .AttachMenuInfo__file--3kcqK { margin-right: 6px; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .AttachMenuInfo__allAttachesButton--3jY2N { margin-left: 8px; } .CloneMenuButton__icon--2hp0E { height: 20px; width: 20px; } .CloneMenuButton__icon--2hp0E path { fill: var(--color_text_muted--dark); stroke: var(--color_text_muted--dark); } .EditDocumentCopyTooltip__root--1xY0p { background-color: var(--vkui--color_background_tertiary); box-sizing: border-box; color: var(--vkui--color_text_primary); gap: 12px; padding: 16px; width: 374px; } .EditDocumentCopyTooltip__root--1xY0p, .EditDocumentCopyTooltip__textBlock--3raLd { display: flex; flex-direction: column; } .EditDocumentCopyTooltip__textBlock--3raLd { gap: 4px; width: 262px; } .EditDocumentCopyTooltip__title--yuT-t { font-size: 18px; font-weight: 500; line-height: 24px; } .EditDocumentCopyTooltip__text--3Ieci { font-size: 16px; line-height: 20px; } .EditDocumentCopyTooltip__button--3iUjL.ui.secondary.button { background-color: var(--cloud--color_background_header_icon); font-weight: 500; width: fit-content; } .EditDocumentCopyTooltip__button--3iUjL.ui.secondary.button:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .EditDocumentCopyTooltip__image--30rK- { bottom: 0px; display: block; position: absolute; right: 0px; width: 128px; } .EditMenuButton__wrapper--2SrUV { display: inline-flex; position: relative; } .EditMenuButton__wrapper--2SrUV .EditMenuButton__restricted--3dSOX { background-color: var(--cloud--color_background-dark-button); color: var(--color_text_muted--dark); } .EditMenuButton__wrapper--2SrUV .EditMenuButton__restricted--3dSOX:active, .EditMenuButton__wrapper--2SrUV .EditMenuButton__restricted--3dSOX:focus, .EditMenuButton__wrapper--2SrUV .EditMenuButton__restricted--3dSOX:hover { background-color: var(--vkui--color_background_secondary_alpha); } .EditMenuButton__wrapper--2SrUV .EditMenuButton__restricted--3dSOX:active::before, .EditMenuButton__wrapper--2SrUV .EditMenuButton__restricted--3dSOX:focus::before, .EditMenuButton__wrapper--2SrUV .EditMenuButton__restricted--3dSOX:hover::before { content: none; } .EditMenuButton__lock--1a9m_ { color: rgb(131, 132, 138); pointer-events: none; position: absolute; right: -4px; top: -6px; } .PdfEditMenuButton__wrapper--2BTMW { display: inline-flex; position: relative; } .PdfEditMenuButton__wrapper--2BTMW .PdfEditMenuButton__restricted--1H_j8 { background-color: var(--cloud--color_background-dark-button); color: var(--color_text_muted--dark); } .PdfEditMenuButton__wrapper--2BTMW .PdfEditMenuButton__restricted--1H_j8:active, .PdfEditMenuButton__wrapper--2BTMW .PdfEditMenuButton__restricted--1H_j8:focus, .PdfEditMenuButton__wrapper--2BTMW .PdfEditMenuButton__restricted--1H_j8:hover { background-color: var(--vkui--color_background_secondary_alpha); } .PdfEditMenuButton__wrapper--2BTMW .PdfEditMenuButton__restricted--1H_j8:active::before, .PdfEditMenuButton__wrapper--2BTMW .PdfEditMenuButton__restricted--1H_j8:focus::before, .PdfEditMenuButton__wrapper--2BTMW .PdfEditMenuButton__restricted--1H_j8:hover::before { content: none; } .PdfEditMenuButton__lock--SI10l { color: rgb(131, 132, 138); pointer-events: none; position: absolute; right: -4px; top: -6px; } .PdfEditMenuButton__list--3_-j5 { background: rgb(34, 34, 34); } .PdfEditMenuButton__itemWrapper--XXQPA { color: var(--color_text_muted--dark); } .PdfEditMenuButton__itemWrapper--XXQPA:hover { background-color: rgba(255, 255, 255, 0.04); } .PdfEditMenuButton__item--mpHRy:hover svg { animation: 0.4s ease-out 0s 1 normal none running PdfEditMenuButton__scale--1MQP_; } @keyframes PdfEditMenuButton__scale--1MQP_ { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .ReturnMenuButton__button--6c0He { margin-right: 29px; position: relative; } .ReturnMenuButton__button--6c0He::after { background-color: rgba(143, 143, 143, 0.5); border-radius: 4px; content: ""; height: 28px; pointer-events: none; position: absolute; right: -15px; top: 4px; width: 1px; } .StoryMenuInfo__wrapper--KLi2l { align-items: flex-start; display: flex; flex-direction: column; font-size: 14px; line-height: 18px; width: 88%; } .StoryMenuInfo__title--tnIvK { color: var(--color_text_muted--dark); } .StoryMenuInfo__subTitle--39uZK { color: var(--vkui--cloud_color_text_contrast_themed_alpha); font-size: 12px; } .StoryMenu__paginator--1MITq { background-color: var(--rebranding-color-background-viewer); padding: 12px 16px 4px; pointer-events: auto; width: auto; } .ShowcaseItem__root--3P0Dv { background: var(--vkui--color_background_content); border-radius: 12px; cursor: pointer; display: flex; flex-direction: column; height: 200px; justify-content: space-between; margin-bottom: 24px; margin-left: 16px; overflow: hidden; text-decoration: none; transition: box-shadow 0.1s ease-out; width: 280px; } .ShowcaseItem__root--3P0Dv:hover { box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 34px; } .ShowcaseItem__root--3P0Dv .ui.button { font-size: 12px; height: 36px; padding: 0px 24px; } .ShowcaseItem__content--1thPC { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-top-left-radius: 12px; border-top-right-radius: 12px; display: flex; flex-grow: 1; justify-content: space-between; max-height: 148px; padding: 0px 20px; transition: box-shadow 0.1s ease-out, border 0.3s ease-out; } .ShowcaseItem__root--3P0Dv:hover .ShowcaseItem__content--1thPC { border-width: 1px 1px medium; border-style: solid solid none; border-color: transparent transparent currentcolor; border-image: none; } .ShowcaseItem__block_centerItems--15Gih { align-items: center; display: flex; } .ShowcaseItem__title--1bexB { font-family: var(--font-tt-norms); font-size: 16px; font-weight: 700; margin-bottom: 8px; margin-top: 24px; width: 100%; } .ShowcaseItem__text--32HD4, .ShowcaseItem__title--1bexB { color: var(--color-eerie-black); letter-spacing: 0.02px; line-height: 20px; pointer-events: none; user-select: none; } .ShowcaseItem__text--32HD4 { -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -webkit-box; font-size: 12px; overflow: hidden; white-space: pre-wrap; } .ShowcaseItem__icon--iP1gl { height: 64px; margin-left: 24px; max-height: 64px; min-width: 64px; width: 64px; } .ShowcaseItem__footer--3oqBI { align-items: center; background-color: var(--vkui--color_background_secondary); box-sizing: border-box; display: flex; height: 52px; justify-content: space-between; padding: 8px 20px; } .ShowcaseItem__footer--3oqBI, .ShowcaseItem__footerText--1aEGE { user-select: none; } .ShowcaseItem__footerText--1aEGE { color: rgb(160, 162, 168); font-family: var(--font-tt-norms); font-size: 14px; letter-spacing: 0.02px; line-height: 20px; } .Showcase__section--27nGF { display: flex; flex-flow: wrap; margin-top: 20px; padding-bottom: 44px; } .Showcase__sectionResponsive--1-JWb { margin: 0px -16px; } .Showcase__popularTitle--1phWy { font-size: 20px; margin-bottom: 24px; margin-left: 16px; } .AccountMenuItem__root--1lriK { align-items: center; background: none; border: 0px; box-sizing: border-box; color: var(--vkui--color_text_primary); cursor: pointer; padding: 8px 16px; text-align: left; width: 100%; } .AccountMenuItem__icon--1lPxD, .AccountMenuItem__root--1lriK { display: flex; } .AccountMenuItem__icon--1lPxD { flex-shrink: 0; margin-right: 16px; } .AccountMenuItem__title--1H852 { font-family: var(--vkui--font_family_accent); font-size: 16px; font-weight: 500; line-height: 20px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .AccountMenu__root--2W52I { display: flex; flex-direction: column; width: 100%; } .AccountUserBlock__root--1x5zR { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; padding: 0px 16px; text-align: center; width: 100%; } .AccountUserBlock__email--1G5Vf, .AccountUserBlock__login--1Nry_ { font-family: var(--vkui--font_family_accent); font-weight: 500; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .AccountUserBlock__login--1Nry_ { color: var(--vkui--color_text_primary); font-size: 24px; line-height: 28px; margin-top: 16px; } .AccountUserBlock__email--1G5Vf { color: var(--vkui--color_text_secondary); font-size: 16px; line-height: 20px; margin-top: 2px; } .MobileAccountPage__root---huGp { -webkit-font-smoothing: antialiased; background: var(--vkui--color_background_tertiary); box-sizing: border-box; display: flex; flex-direction: column; min-height: 100vh; padding: 16px 20px calc(16px + var(--touch-tabbar-height, 0px)); width: 100%; } .MobileAccountPage__quota--2Nna3 { margin: 24px 0px 8px; } .AlbumActionsBar__root--1HF3b { background: var(--vkui--color_background_content); bottom: 0px; box-shadow: 0 -.5px 0 var(--vkui--color_separator_primary); box-sizing: border-box; display: grid; grid-template-columns: repeat(3, 1fr); left: 0px; padding-bottom: calc(8px + env(safe-area-inset-bottom)); position: fixed; right: 0px; z-index: 10; } .AlbumActionsBar__item--1hWV- { -webkit-tap-highlight-color: transparent; align-items: center; background: none; border: 0px; color: var(--vkui--color_icon_primary); cursor: pointer; display: flex; flex-direction: column; gap: 2px; height: 48px; justify-content: center; padding: 0px; } .AlbumActionsBar__item_disabled--dn_JD { color: var(--vkui--color_icon_secondary); cursor: default; opacity: 0.4; } .AlbumActionsBar__icon--1rpNF { display: block; height: 28px; width: 28px; } .AlbumActionsBar__text--BRWxS { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 10px; font-weight: 400; line-height: 12px; } .AlbumEmptyState__root--DfSTg { display: flex; flex-direction: column; min-height: 100vh; padding-top: calc(60px + env(safe-area-inset-top)); } .AlbumEmptyState__albumName--3lLKi, .AlbumEmptyState__root--DfSTg { box-sizing: border-box; } .AlbumEmptyState__albumName--3lLKi { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 24px; font-weight: 500; line-height: 28px; margin: 0px; max-width: 100%; overflow: hidden; padding: 16px; text-overflow: ellipsis; white-space: nowrap; } .AlbumEmptyState__content--2n7Dp { align-items: center; display: flex; flex-direction: column; flex-grow: 1; justify-content: center; padding: 0px 20px 48px; text-align: center; } .AlbumEmptyState__icon--1tl6e { color: var(--vkui--color_icon_accent); margin-bottom: 24px; } .AlbumEmptyState__title--3jM3D { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 20px; font-weight: 500; line-height: 26px; margin: 0px; } .AlbumEmptyState__subtitle--2IXjq { color: var(--vkui--color_text_primary); font-weight: 400; margin: 8px 0px 0px; } .AlbumEmptyState__button--3acZy, .AlbumEmptyState__subtitle--2IXjq { font-size: 16px; line-height: 20px; } .AlbumEmptyState__button--3acZy { --vkui--size_button_base_large_padding_horizontal--regular: 25px; font-family: var(--font_family--vk_sans_display); font-weight: 500; margin-top: 24px; } .AlbumEmptyState__byte--3JEZq { height: 190px; left: 0px; position: absolute; top: 130px; width: 88px; } .AlbumErrorState__root--2vAfu { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; min-height: 100dvh; padding: 0px 20px 48px; text-align: center; } .AlbumErrorState__title--2WSli { font-size: 20px; font-weight: 500; line-height: 26px; margin: 0px; } .AlbumErrorState__subtitle--VvOKG, .AlbumErrorState__title--2WSli { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); } .AlbumErrorState__subtitle--VvOKG { font-size: 16px; font-weight: 400; line-height: 20px; margin: 8px 0px 24px; } .AlbumToolbar__topbar--2d7dr { align-items: center; background: transparent; display: flex; gap: 8px; left: 0px; padding: calc(12px + env(safe-area-inset-top)) 16px 30px; position: fixed; right: 0px; top: 0px; z-index: 10; } .AlbumToolbar__topbar_selecting--2avg-::before { background: linear-gradient(rgba(0, 0, 0, 0.8), transparent); inset: 0px; content: ""; pointer-events: none; position: absolute; z-index: 0; } .AlbumToolbar__topbar--2d7dr > * { position: relative; z-index: 1; } .AlbumToolbar__topbar_empty--83yXe .AlbumToolbar__iconBtn--X7ouu, .AlbumToolbar__topbar_empty--83yXe .AlbumToolbar__textBtn--5ObYl { backdrop-filter: blur(10px); background: var(--vkui--color_background_secondary_alpha); box-shadow: none; color: var(--vkui--color_icon_primary); } .AlbumToolbar__topbarActions--1vPMi { align-items: center; display: flex; gap: 6px; margin-left: auto; } .AlbumToolbar__selectionTitle--2Rk45 { color: var(--vkui--color_text_contrast); font-family: var(--font_family--vk_sans_display); font-size: 20px; font-weight: 500; line-height: 26px; margin-left: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .AlbumToolbar__iconBtn--X7ouu { -webkit-tap-highlight-color: transparent; align-items: center; background: rgba(255, 255, 255, 0.99); border: 0px; border-radius: 100px; box-shadow: var(--vkui--elevation1); color: var(--vkui--color_icon_primary); cursor: pointer; display: inline-flex; height: 36px; justify-content: center; padding: 0px; width: 36px; } .AlbumToolbar__iconBtn--X7ouu svg { display: block; height: 20px; width: 20px; } .AlbumToolbar__textBtn--5ObYl { -webkit-tap-highlight-color: transparent; align-items: center; background: rgba(255, 255, 255, 0.99); border: 0px; border-radius: 100px; box-shadow: var(--vkui--elevation1); color: var(--vkui--color_text_primary); cursor: pointer; display: inline-flex; font-family: var(--font_family--vk_sans_display); font-size: 15px; font-weight: 500; justify-content: center; line-height: 20px; padding: 8px 12px; } .UploadListMobile__header--3Vl7M { display: flex; flex-shrink: 0; height: 64px; justify-content: space-between; padding: 24px 6px 0px; position: relative; } .UploadListMobile__contentWrapper--3v3Co { height: auto; overflow: auto; padding-bottom: 24px; padding-top: 16px; transition: height 0.3s ease-in-out; } .UploadListMobile__contentWrapper_collapsed--2nFVf { display: none; height: 0px; } .UploadListMobile__progressWrapper--1LMbA { bottom: 0px; left: -16px; position: absolute; width: calc(100% + 32px); } .UploadListMobile__buttons--277wG { color: var(--vkui--color_icon_secondary); display: flex; } .UploadListMobile__button--2JE8Y { align-items: center; border-radius: 8px; display: flex; height: 36px; justify-content: center; transition: transform 0.2s ease-in-out; width: 36px; } .UploadListMobile__button--2JE8Y:active { background: var(--vkui--color_background_secondary_alpha--active); } .UploadListMobile__button--2JE8Y:hover { background: var(--vkui--color_background_secondary_alpha--hover); } .UploadListMobile__buttonCollapsed--NfDn2 { transform: rotate(180deg); } .UploadListMobile__files--3DD2p { background-color: var(--vkui--color_background_content); border-radius: 12px; flex-grow: 1; overflow: auto; transition: max-height 0.3s linear; width: 100%; } .UploadListMobile__menuWrapper--2bQC1 { display: flex; flex-direction: column; padding-top: 10px; } .UploadListMobile__menuItem--5zBO4 { color: var(--vkui--color_text_primary); display: flex; font-size: 17px; margin-bottom: 32px; position: relative; } .UploadListMobile__menuItem--5zBO4:last-of-type { margin-bottom: 8px; } .UploadListMobile__menuItem--5zBO4 > svg { margin-right: 12px; } .UploadListMobile__menuItem--5zBO4 .UploadListMobile__uploadMore--3ngoe { inset: 0px; position: absolute; } :root { --album-toolbar-h: 60px; } .MobileAlbumPage__root--AL7rW { -webkit-font-smoothing: antialiased; box-sizing: border-box; height: 100%; min-height: 100vh; overflow-x: clip; width: 100%; } .MobileAlbumPage__bottombar--yww8y { background: transparent; bottom: 0px; display: flex; justify-content: flex-end; left: 0px; padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); position: fixed; right: 0px; z-index: 10; } .MobileAlbumPage__shareBtn--3s6Dp { -webkit-tap-highlight-color: transparent; align-items: center; background: rgba(255, 255, 255, 0.99); border: 0px; border-radius: 100px; box-shadow: var(--vkui--elevation1); color: var(--vkui--color_text_primary); cursor: pointer; display: inline-flex; font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 500; gap: 8px; justify-content: center; line-height: 20px; padding: 10px 16px; } .MobileAlbumPage__shareBtn--3s6Dp svg { display: block; height: 24px; width: 24px; } .MobileAlbumPage__body--2TjcX { padding-bottom: calc(80px + env(safe-area-inset-bottom)); padding-top: var(--album-toolbar-h); } .MobileAlbumPage__header--1ibkh { flex-shrink: 0; height: 440px; margin-top: calc((var(--album-toolbar-h) + env(safe-area-inset-top))*-1); overflow: hidden; position: relative; width: 100%; } .MobileAlbumPage__cover--2t_S4 { display: block; height: 100%; object-fit: cover; width: 100%; } .MobileAlbumPage__coverPlaceholder--Mhblk { background: var(--vkui--color_background_secondary); height: 100%; width: 100%; } .MobileAlbumPage__headerOverlay--C8dz6 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0px, transparent 45%); inset: 0px; pointer-events: none; position: absolute; } .MobileAlbumPage__headerText--X0TQJ { bottom: 16px; left: 16px; position: absolute; right: 16px; } .MobileAlbumPage__title--kG4_b { font-size: 24px; line-height: 28px; margin: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .MobileAlbumPage__count--2Rasf, .MobileAlbumPage__title--kG4_b { color: var(--vkui--color_text_contrast); font-family: var(--font_family--vk_sans_display); font-weight: 500; } .MobileAlbumPage__count--2Rasf { align-items: center; display: flex; font-size: 15px; gap: 4px; line-height: 20px; margin-top: 4px; } .MobileAlbumPage__content--2OJWC { width: 100%; } .MobileAlbumPage__content--2OJWC [data-qa-datalist="albums"] { margin-top: 1px; } .MobileAlbumPage__addTile--1C1jg { -webkit-tap-highlight-color: transparent; align-items: center; background: var(--vkui--color_background_secondary); border: 0px; border-radius: 6px; box-sizing: border-box; color: var(--vkui--color_icon_accent); cursor: pointer; display: flex; height: 100%; justify-content: center; width: 100%; } .MobileAlbumPage__addTile--1C1jg svg { display: block; height: 24px; width: 24px; } .StackCard__root--1pinU { --card_width: 116px; --card_height: 155px; --root_width: 148px; -webkit-tap-highlight-color: transparent; align-items: center; cursor: pointer; display: flex; flex-direction: column; width: var(--root_width); } .StackCard__small_card--2mvfQ { --card_width: 95px; --card_height: 126px; --root_width: 120px; } .StackCard__root_disabled--1WGtQ { cursor: default; } .StackCard__cover--19xdd { align-items: center; background: rgb(255, 255, 255); border-radius: 12px; display: flex; justify-content: center; overflow: hidden; padding: 12px 16px; position: relative; } .StackCard__back--qK7ra { position: absolute; transform: rotate(15deg); z-index: 0; } .StackCard__back--qK7ra, .StackCard__front--1-8WW { height: var(--card_height); width: var(--card_width); } .StackCard__front--1-8WW { z-index: 1; } .StackCard__counter--3CCnO { align-items: center; background-color: var(--vkui--color_overlay_primary); border-radius: 12px; box-sizing: border-box; color: var(--vkui--color_text_contrast); display: inline-flex; font-size: 15px; font-weight: 500; gap: 4px; height: 24px; justify-content: center; line-height: 24px; min-width: 24px; padding: 0px 6px; position: absolute; right: 18px; top: 16px; z-index: 2; } .StackCard__title--1S5tI { color: var(--vkui--color_text_primary,#2c2d2e); font-size: 14px; font-weight: 500; line-height: 18px; margin-top: 8px; max-width: 100%; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .AlbumCard__photoBack--ItKyz { background-position: 50% center; background-repeat: no-repeat; background-size: cover; border: 0.4px solid rgba(255, 255, 255, 0.3); border-radius: 12px; height: 100%; position: relative; width: 100%; } .AlbumCard__photoBack--ItKyz::after { backdrop-filter: blur(1.59px); background: rgba(0, 0, 0, 0.32); border-radius: 12px; inset: 0px; content: ""; position: absolute; } .AlbumCard__photoFront--3f1SV { background: var(--vkui--color_background_secondary); object-fit: cover; } .AlbumCard__photoFront--3f1SV, .AlbumCard__skeletonBack--2Vh_k { border-radius: 12px; height: 100%; width: 100%; } .AlbumCard__skeletonBack--2Vh_k { backdrop-filter: blur(1.59px); background: var(--vkui--color_skeleton_to); border: 0.4px solid rgba(255, 255, 255, 0.3); } .AlbumCard__emptyFront--3QZOZ { align-items: center; background: var(--vkui--color_background_secondary); border: 0.4px solid rgba(255, 255, 255, 0.3); border-radius: 12px; display: flex; height: 100%; justify-content: center; width: 100%; } .AlbumCard__icon--1f3Uu { color: var(--vkui--color_icon_secondary,#a5a7ad); } .AlbumCardSkeleton__root--1Ayq6 { align-items: center; display: flex; flex-direction: column; width: 120px; } .AlbumCardSkeleton__cover--15SOX { background: var(--vkui--color_background_secondary,#f0f2f5); border-radius: 12px; height: 146px; overflow: hidden; position: relative; width: 120px; } .AlbumCardSkeleton__cover--15SOX::after { animation: 1.4s ease 0s infinite normal none running AlbumCardSkeleton__albums-card-shimmer--htwo5; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent); inset: 0px; content: ""; position: absolute; transform: translateX(-100%); } .AlbumCardSkeleton__title--20Ax- { background: var(--vkui--color_background_secondary,#f0f2f5); border-radius: 4px; height: 14px; margin-top: 8px; overflow: hidden; position: relative; width: 70px; } .AlbumCardSkeleton__title--20Ax-::after { animation: 1.4s ease 0s infinite normal none running AlbumCardSkeleton__albums-card-shimmer--htwo5; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent); inset: 0px; content: ""; position: absolute; transform: translateX(-100%); } @keyframes AlbumCardSkeleton__albums-card-shimmer--htwo5 { 100% { transform: translateX(100%); } } .CreateAlbumCard__skyBack--3ie6R { backdrop-filter: blur(1.59px); background: var(--vkui--color_background_sky); border: 0.4px solid rgba(255, 255, 255, 0.3); border-radius: 12px; } .CreateAlbumCard__createFront--2ZHBw, .CreateAlbumCard__skyBack--3ie6R { height: 100%; width: 100%; } .CreateAlbumCard__createFront--2ZHBw { align-items: center; background: var(--vkui--color_background_accent_tint_themed); border: 1px dashed var(--vkui--color_background_accent); border-radius: 12px; display: flex; justify-content: center; } .CreateAlbumCard__icon--1h78y { color: var(--vkui--color_icon_accent,#07f); } .CreateAlbumCard__title--piYYV { white-space: pre-line; } .StoryCard__root--2ILH6 { -webkit-tap-highlight-color: transparent; background: transparent; border: 1.5px solid var(--rebranding_color_lime,#b8fc75); border-radius: 20px; box-sizing: border-box; cursor: pointer; flex: 0 0 auto; font-family: var(--font_family--vk_sans_display); height: 160px; padding: 1.5px; scroll-snap-align: start; width: 136px; } .StoryCard__rootViewed--wc0xE { border-color: var(--vkui--color_avatar_overlay); } .StoryCard__inner--1yskQ { background: var(--vkui--color_background_secondary); border-radius: 18px; display: block; height: 154px; overflow: hidden; position: relative; width: 130px; } .StoryCard__image--25KnN { height: 100%; object-fit: cover; object-position: center center; width: 100%; } .StoryCard__gradient--3QuqI, .StoryCard__image--25KnN { inset: 0px; position: absolute; } .StoryCard__gradient--3QuqI { background: linear-gradient(rgba(0, 5, 13, 0), rgba(0, 5, 13, 0.6)); pointer-events: none; } .StoryCard__title--O0cO5 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; bottom: 12px; color: var(--vkui--color_text_contrast); display: -webkit-box; font-size: 15px; font-weight: 500; left: 12px; line-height: 20px; overflow: hidden; position: absolute; right: 12px; text-align: left; } .StoryCard__titleHidden--3EYkJ { opacity: 0; } .StoriesCarousel__root--2weN5 { box-sizing: border-box; padding-bottom: 12px; } .StoriesCarousel__root--2weN5 *, .StoriesCarousel__root--2weN5 ::after, .StoriesCarousel__root--2weN5 ::before { box-sizing: inherit; } .StoriesCarousel__header--2DGlZ { align-items: center; box-sizing: border-box; display: flex; height: 44px; padding: 0px 16px; } .StoriesCarousel__headerTouchNav--FJzZ7 { height: auto; padding: 0px 16px 10px; } .StoriesCarousel__title--1WKbh { color: var(--vkui--color_text_primary); font-size: 17px; font-weight: 500; line-height: 22px; } .StoriesCarousel__list--1GsxJ { display: flex; gap: 8px; overflow: auto hidden; padding: 0px 16px; scroll-padding-inline: 16px; scroll-snap-type: x; scrollbar-width: none; } .StoriesCarousel__list--1GsxJ::-webkit-scrollbar { display: none; } .StoriesCarousel__sentinel--2fwYV { flex: 0 0 auto; height: 1px; width: 1px; } .MobileAlbumsPage__root--1FAEL { -webkit-font-smoothing: antialiased; font-family: var(--font_family--vk_sans_display); min-height: 100vh; padding-bottom: var(--touch-tabbar-height,0); } .MobileAlbumsPage__content--3xx5l, .MobileAlbumsPage__root--1FAEL { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; width: 100%; } .MobileAlbumsPage__content--3xx5l { flex-grow: 1; padding: 16px 0px 16px 16px; position: relative; } @supports (padding-left:constant(safe-area-inset-bottom)) { .MobileAlbumsPage__content--3xx5l { padding-right: 0px; } } @supports (padding-left:env(safe-area-inset-bottom)) { .MobileAlbumsPage__content--3xx5l { padding-left: calc(16px + env(safe-area-inset-left)); padding-right: 0px; } } .MobileAlbumsPage__content_centered--1dkSt { align-items: center; justify-content: center; } .MobileAlbumsPage__stories--1qj0C { margin-left: -16px; } .MobileAlbumsPage__title--1VyWx { color: var(--vkui--color_text_primary,#2c2d2e); font-family: var(--vkui--font_title1--font_family--regular,inherit); font-size: 28px; font-weight: 500; line-height: 34px; margin: 0px; padding: 8px 0px 0px; } .MobileAlbumsPage__section--3bWgf { margin-top: 16px; } .MobileAlbumsPage__sectionNavigationBottom--m9OBU { margin-top: 0px; } .MobileAlbumsPage__sectionHeader--2COBK { -webkit-tap-highlight-color: transparent; align-items: center; background: transparent; border: 0px; cursor: pointer; display: flex; padding: 12px 0px; width: 100%; } .MobileAlbumsPage__sectionHeaderNavigationBottom--kk0in { padding-top: 0px; } .MobileAlbumsPage__sectionTitle--3PMGt { color: var(--vkui--color_text_primary,#2c2d2e); font-size: 17px; font-weight: 500; line-height: 22px; } .MobileAlbumsPage__sectionChevron--28MsD { color: var(--vkui--color_icon_secondary,#a5a7ad); margin-left: 4px; } .MobileAlbumsPage__carousel--1qE28 { display: flex; gap: 12px; overflow: auto hidden; padding: 4px 0px 12px; scroll-snap-type: x; scrollbar-width: none; } @supports (padding-left:env(safe-area-inset-left)) { .MobileAlbumsPage__carousel--1qE28 { padding-left: 0px; padding-right: 0px; } } .MobileAlbumsPage__carousel--1qE28::-webkit-scrollbar { display: none; } .MobileAlbumsPage__carousel--1qE28 > * { flex: 0 0 auto; scroll-snap-align: start; } .SourceCard__root--1bHSr { -webkit-tap-highlight-color: transparent; align-items: center; background: var(--vkui--color_background_secondary,#f6f7f8); border: 1px solid var(--vkui--color_stroke_alpha,#00103d14); border-radius: 20px; box-sizing: border-box; cursor: pointer; display: flex; gap: 16px; padding: 20px; text-align: left; width: 100%; } .SourceCard__root--1bHSr:disabled { cursor: default; opacity: 0.4; } .SourceCard__media--2gnHW { flex-shrink: 0; position: relative; } .SourceCard__icon--SJGXH, .SourceCard__media--2gnHW { height: 56px; width: 56px; } .SourceCard__icon--SJGXH { align-items: center; background: var(--vkui--color_background_content,#fff); border: .5px solid var(--vkui--color_image_border_alpha); border-radius: 16px; box-sizing: border-box; color: var(--vkui--color_icon_accent,#07f); display: flex; justify-content: center; } .SourceCard__icon--SJGXH svg { display: block; height: 28px; width: 28px; } .SourceCard__thumb--lJZ8O { border: 1px solid var(--vkui--color_stroke_alpha,#00103d14); border-radius: 16px; height: 56px; object-fit: cover; width: 56px; } .SourceCard__counter--3W_Qd { background: rgba(0, 0, 0, 0.5); border-radius: 12px; bottom: 2px; box-sizing: border-box; color: var(--vkui--color_text_contrast); font-family: var(--vkui--font_family_base); font-size: 12px; font-weight: 500; height: 18px; line-height: 16px; min-width: 22px; padding: 0px 4px; position: absolute; right: 2px; text-align: center; } .SourceCard__info--39_Up { display: flex; flex-direction: column; flex-grow: 1; gap: 2px; min-width: 0px; } .SourceCard__title--1zHro { color: var(--vkui--color_text_primary,#2c2d2e); font-size: 15px; font-weight: 500; line-height: 20px; } .SourceCard__subtitle--1E3pp, .SourceCard__title--1zHro { font-family: var(--font_family--vk_sans_display); } .SourceCard__subtitle--1E3pp { color: var(--vkui--color_text_subhead,#87898f); font-size: 14px; font-weight: 400; line-height: 18px; } .SourceCard__chevron--3PfCT { color: var(--vkui--color_icon_medium_alpha); flex-shrink: 0; } .MobileCreateAlbumPage__root--1CUeM { -webkit-font-smoothing: antialiased; background: var(--vkui--color_background_content,#fff); box-sizing: border-box; display: flex; flex-direction: column; min-height: 100dvh; width: 100%; } .MobileCreateAlbumPage__fileInput--1kGQK { height: 0px; opacity: 0; overflow: hidden; position: absolute; width: 0px; } .MobileCreateAlbumPage__topbar--_-ZdR { align-items: center; display: flex; gap: 4px; padding-left: calc(16px + env(safe-area-inset-left)); padding-right: calc(16px + env(safe-area-inset-right)); } .MobileCreateAlbumPage__title3--33UTr { font-feature-settings: "liga" 0, "clig" 0; color: var(--vkui--color_text_primary); font-size: 17px; font-style: normal; font-weight: 500; line-height: 22px; } .MobileCreateAlbumPage__nameContainer--1UQdV { gap: 12px; } .MobileCreateAlbumPage__cardsContainer--1ZId6, .MobileCreateAlbumPage__nameContainer--1UQdV { display: flex; flex-direction: column; } .MobileCreateAlbumPage__cardsContainer--1ZId6 { gap: 16px; } .MobileCreateAlbumPage__iconBtn--1TjOh { -webkit-tap-highlight-color: transparent; align-items: center; background: transparent; border: 0px; color: var(--vkui--color_icon_secondary); cursor: pointer; display: inline-flex; justify-content: center; padding: 0px; } .MobileCreateAlbumPage__content--1UoPo { display: flex; flex-direction: column; flex-grow: 1; gap: 28px; padding: 25px 16px calc(16px + env(safe-area-inset-bottom)); } .MobileCreateAlbumPage__input--2IH_- { appearance: none; background: var(--vkui--color_background_content,#fff); border: 1px solid var(--vkui--color_field_border_alpha,#00103d1a); border-radius: 12px; box-sizing: border-box; color: var(--vkui--color_text_primary,#2c2d2e); font-family: var(--font_family--vk_sans_display); font-size: 17px; font-weight: 500; line-height: 22px; outline: none; padding: 12px 16px; width: 100%; } .MobileCreateAlbumPage__input--2IH_-:focus { border-color: var(--vkui--color_background_accent,#07f); } .MobileCreateAlbumPage__input_error--e2pho, .MobileCreateAlbumPage__input_error--e2pho:focus { border-color: var(--vkui--color_stroke_negative,#f23741); } .MobileCreateAlbumPage__error--3u99T { color: var(--vkui--color_text_negative,#f23741); font-size: 13px; font-weight: 400; line-height: 18px; margin: 8px 0px 0px; } .MobileCreateAlbumPage__submitBtn--2pRAk { -webkit-tap-highlight-color: transparent; background: var(--vkui--color_background_accent,#07f); border: 0px; border-radius: 12px; color: rgb(255, 255, 255); cursor: pointer; font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 500; line-height: 20px; margin-top: auto; padding: 12px 24px; } .MobileCreateAlbumPage__submitBtn--2pRAk:disabled { cursor: default; opacity: 0.4; } .MobileCreateAlbumPage__sources--3IGqf { display: flex; flex-direction: column; gap: 16px; } .MobileCustomAlbumsPage__root--14gmh { -webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; min-height: 100vh; padding-bottom: var(--touch-tabbar-height,0); width: 100%; } .MobileCustomAlbumsPage__header--2CsXz { gap: 4px; padding: 8px 12px; } .MobileCustomAlbumsPage__back--1NBqT, .MobileCustomAlbumsPage__header--2CsXz { align-items: center; display: flex; } .MobileCustomAlbumsPage__back--1NBqT { -webkit-tap-highlight-color: transparent; background: transparent; border: 0px; color: var(--vkui--color_icon_secondary); cursor: pointer; justify-content: center; padding: 0px; } .MobileCustomAlbumsPage__title--3poWm { color: var(--vkui--color_text_primary,#2c2d2e); font-family: var(--font_family--vk_sans_display); font-size: 20px; font-weight: 500; line-height: 26px; margin: 0px; } .MobileCustomAlbumsPage__content--1JJOb { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; height: 100%; padding: 4px 16px 16px; position: relative; width: 100%; } @supports (padding-left:constant(safe-area-inset-bottom)) { .MobileCustomAlbumsPage__content--1JJOb { } } @supports (padding-left:env(safe-area-inset-bottom)) { .MobileCustomAlbumsPage__content--1JJOb { padding-left: calc(16px + env(safe-area-inset-left)); padding-right: calc(16px + env(safe-area-inset-right)); } } .MobileCustomAlbumsPage__tabs--1LORt { align-self: stretch; background: var(--vkui--color_background_secondary,#00103d0f); border-radius: 10px; display: flex; gap: 4px; margin-bottom: 16px; padding: 4px; } .MobileCustomAlbumsPage__tab--1uzg_ { -webkit-tap-highlight-color: transparent; background: transparent; border: 0px; border-radius: 8px; color: var(--vkui--color_text_primary,#2c2d2e); cursor: pointer; flex: 1 1 0%; font-size: 15px; font-weight: 500; line-height: 20px; padding: 6px 0px; } .MobileCustomAlbumsPage__tab_active--33xVR { background: var(--vkui--color_background_modal,#fff); box-shadow: rgba(0, 16, 61, 0.08) 0px 2px 8px; } .MobileCustomAlbumsPage__grid--3mQ9i { display: grid; gap: 16px 12px; grid-template-columns: repeat(2, 1fr); justify-items: center; } .ActionsBar__root--1_yMj { background: var(--vkui--color_background_content); bottom: 0px; box-shadow: 0 -.5px 0 var(--vkui--color_separator_primary); box-sizing: border-box; display: flex; left: 0px; overflow-x: auto; padding-bottom: 8px; position: fixed; right: 0px; z-index: 10; } @supports (padding-bottom:env(safe-area-inset-bottom)) { .ActionsBar__root--1_yMj { padding-bottom: calc(8px + env(safe-area-inset-bottom)); } } .ActionsBar__item--25gLy { -webkit-tap-highlight-color: transparent; align-items: center; background: none; border: 0px; box-sizing: border-box; color: var(--vkui--color_icon_primary); cursor: pointer; display: flex; flex: 1 1 0%; flex-direction: column; gap: 2px; height: 48px; min-width: 64px; padding: 4px 0px 2px; } .ActionsBar__item_disabled--3cS49 { color: var(--vkui--color_icon_secondary); cursor: default; opacity: 0.4; } .ActionsBar__icon--24tWo { display: block; height: 28px; width: 28px; } .ActionsBar__text--rfwE0 { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 10px; font-weight: 400; line-height: 12px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ActionsBar-data__icon--2KrbO { height: 28px; width: 28px; } .ActionsBar__root--1OShq { bottom: 0px; display: flex; flex-direction: column; padding-bottom: 0px; position: sticky; } .ActionsBar__rootPopup--s5m2v { position: fixed; width: 100%; } .ActionsBar__icon--3GFUX { height: 28px; width: 28px; } .ActionsBar__pinned--3Nn3L { bottom: 0px; position: sticky; z-index: 3; } .ActionsBar__counter--1NhV9 { background-color: var(--vkui--color_background_accent); border-radius: 20px; color: var(--vkui--color_text_contrast); font-family: var(--font-tt-norms); font-size: 20px; font-weight: 500; height: 40px; margin: 12px auto; min-width: 60px; padding: 8px 12px; text-align: center; } .ActionsBar__bar--1ZJxo, .ActionsBar__counter--1NhV9 { box-sizing: border-box; } .ActionsBar__bar--1ZJxo { align-items: center; background-color: var(--vkui--color_background_content); box-shadow: 0 0 4px var(--vkui--color_background_tertiary_alpha--hover),0 8px 8px var(--vkui--color_background_tertiary_alpha--active); display: flex; flex-direction: row; height: 100%; justify-content: space-between; padding: 6px 8px; width: 100%; } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .ActionsBar__bar--1ZJxo { } } @supports (padding-bottom:env(safe-area-inset-bottom)) { .ActionsBar__bar--1ZJxo { padding-bottom: calc(6px + env(safe-area-inset-bottom)); } } .ActionsBar__barItem--2PYFy { align-items: center; color: var(--vkui--color_text_primary); display: flex; flex-direction: column; font-family: var(--font-tt-norms); font-size: 11px; font-weight: 400; height: 100%; justify-content: space-between; line-height: 14px; width: 100%; } .ActionsBar__barItem_rebranding--3da4r { color: var(--vkui--color_text_accent_themed); } .ActionsBar__barItem_rebranding--3da4r .ActionsBar__icon--3GFUX { height: 24px; width: 24px; } .ActionsBar__barItem_remove--3WOCQ, .ActionsBar__barItem_remove--3WOCQ .ActionsBar__icon--3GFUX { color: var(--vkui--color_text_negative); } .rebranding .ActionsBar__root_primary--298y3 .ActionsBar__barItem--2PYFy { color: var(--vkui--color_text_accent_themed); } .rebranding .ActionsBar__root_primary--298y3 .ActionsBar__barItem--2PYFy .ActionsBar__icon--3GFUX { color: var(--vkui--color_icon_accent_themed); } .ActionsBar__root_primary--298y3 .ActionsBar__barItem--2PYFy, .ActionsBar__root_primary--298y3 .ActionsBar__barItem--2PYFy .ActionsBar__icon--3GFUX { color: var(--vkui--color_text_accent); } .ActionsBar__root_primary--298y3 .ActionsBar__icon--3GFUX { height: 24px; width: 24px; } .ActionsBar__disabled--2XR6B { color: var(--vkui--color_icon_secondary); } .MobileGalleryPage__root--1W9RG { -webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; min-height: 100vh; padding-bottom: var(--touch-tabbar-height,0); width: 100%; } .MobileGalleryPage__rootGalleryEmpty--3drSi div[class*="Upload__button--"], .MobileGalleryPage__rootGalleryEmpty--3drSi div[class*="Upload__root--"] { border-radius: 12px; width: calc(-32px + 100vw); } .MobileGalleryPage__rootGalleryEmpty--3drSi div[class*="Upload__button--"] > div[class*="Upload__buttonText--"] { font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_headline1--font_weight--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .MobileGalleryPage__root_bottomPadding--3Q2on { padding-bottom: 76px; } .MobileGalleryPage__breacrumbs--1a8x_ { padding: 0px 16px; } .MobileGalleryPage__content--2vqkL { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; height: 100%; padding: 0px 16px 16px; position: relative; width: 100%; } @supports (padding-left:constant(safe-area-inset-bottom)) { .MobileGalleryPage__content--2vqkL { } } @supports (padding-left:env(safe-area-inset-bottom)) { .MobileGalleryPage__content--2vqkL { padding-left: calc(16px + env(safe-area-inset-left)); padding-right: calc(16px + env(safe-area-inset-right)); } } .MobileGalleryPage__content_galleryGrid3--stiI5 { padding: 0px 1px; } .MobileGalleryPage__content--2vqkL .MobileGalleryPage__datalist_touchNav--2BzZ7 { margin-top: 8px; } .MobileGalleryPage__datalistTitle--2_PHV { color: var(--vkui--color_text_primary); font-size: 17px; font-weight: 500; line-height: 22px; margin: 0px; padding: 8px 0px; } .PromoBlock__root--2e-pa { border-radius: 20px; font-family: var(--vkui--font_family_accent); margin: 8px 16px; overflow: hidden; padding: 16px; position: relative; } @supports (margin-left:constant(safe-area-inset-bottom)) { .PromoBlock__root--2e-pa { } } @supports (margin-left:env(safe-area-inset-bottom)) { .PromoBlock__root--2e-pa { margin-left: calc(16px + env(safe-area-inset-left)); margin-right: calc(16px + env(safe-area-inset-right)); } } .PromoBlock__rootBg_blue--3h3CX { background-color: var(--vkui--color_background_accent); } .PromoBlock__rootBg_lightBlue--1vQYT { background-color: var(--vkui--color_background_sky); } .PromoBlock__rootBg_lightBlueConstant--2ki6_ { background-color: var(--rebranding--color_background_sky_opaque); } .PromoBlock__rootBg_lightRed--3Vbpo { background-color: var(--vkui--cloud_color_background_file_presentation); } .PromoBlock__rootText_white--22odv { color: var(--vkui--color_text_primary); } .PromoBlock__rootText_white--22odv .PromoBlock__button--3Krw0.ui.button { color: var(--vkui--color_text_contrast); } .PromoBlock__rootText_black--OtAJr { color: var(--cloud-color_text_default); } .PromoBlock__rootText_black--OtAJr .PromoBlock__button--3Krw0.ui.button { color: var(--vkui--color_text_contrast); } .PromoBlock__content--1kGP3 { -webkit-font-smoothing: antialiased; width: calc(100% - 30px); z-index: 2; } .PromoBlock__content_noImage--XEETI { width: 100%; } .PromoBlock__title--Ybqle { font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); } .PromoBlock__text--Svtx3 { font-family: var(--font_family--vk_sans_display); font-size: var(--vkui--font_subhead--font_size--regular); line-height: var(--vkui--font_subhead--line_height--regular); } .PromoBlock__buttonBlock--3Noeu { align-items: center; display: flex; flex-direction: row; gap: 8px; } .PromoBlock__button--3Krw0.ui.button { font-size: 15px; padding: 8px 18px; width: auto; } .PromoBlock__button_black--2J1hm.ui.button { background-color: var(--cloud--color_background_viewer); } .PromoBlock__button_black--2J1hm.ui.button:focus, .PromoBlock__button_black--2J1hm.ui.button:hover { background-color: var(--cloud--color_background_viewer--hover); } .PromoBlock__button_gray--3AfyO.ui.button { background-color: var(--vkui--color_background_modal_inverse); } .PromoBlock__button_gray--3AfyO.ui.button:active, .PromoBlock__button_gray--3AfyO.ui.button:hover { background-color: var(--vkui--color_background_modal); } .PromoBlock__button_red--3htVF.ui.button { background-color: var(--vkui--color_background_negative); } .PromoBlock__button_red--3htVF.ui.button:active, .PromoBlock__button_red--3htVF.ui.button:hover { background-color: var(--vkui--color_background_negative--hover); } .PromoBlock__button_white--17mML.ui.button { color: var(--vkui--color_text_primary) !important; } .PromoBlock__button_white--17mML.ui.button { background-color: var(--vkui--color_background); } .PromoBlock__button_white--17mML.ui.button:active, .PromoBlock__button_white--17mML.ui.button:hover { background-color: var(--vkui--color_background--hover); } .PromoBlock__button_blue--nMENp.ui.button { background-color: var(--vkui--color_background_accent); } .PromoBlock__button_blue--nMENp.ui.button:active, .PromoBlock__button_blue--nMENp.ui.button:hover { background-color: var(--vkui--color_background_accent--hover); } .PromoBlock__button_accent-invariable--1s53b.ui.button { color: var(--vkui--color_text_primary) !important; } .PromoBlock__button_accent-invariable--1s53b.ui.button { background-color: initial; } .PromoBlock__button_accent-invariable--1s53b.ui.button:active, .PromoBlock__button_accent-invariable--1s53b.ui.button:hover { background-color: initial; } .PromoBlock__secondaryButton--2Umk2 { box-sizing: border-box; color: var(--vkui--color_text_contrast); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_weight_accent1); height: 36px; line-height: var(--vkui--font_text--line_height--compact); padding: 8px 16px; z-index: 2; } .PromoBlock__image--3nd4h { bottom: 0px; height: auto; max-width: 108px; position: absolute; right: 0px; z-index: 1; } .PromoBlock__image_fullHeight--1MnEO { height: 100%; max-width: none; } .PromoBlock__image_redirectToApp--cVc9X { max-width: 113px; right: 8px; } .PromoBlock__close--3i5x3 { background-color: var(--vkui--color_background_secondary_alpha); border-radius: 50%; cursor: pointer; padding: 6px; position: absolute; right: 12px; top: 12px; z-index: 2; } .PromoBlock__close_transparent--1qlfJ { background-color: initial; padding: 0px; } .PromoBlock__close_transparent--1qlfJ svg use { color: rgba(39, 43, 55, 0.5); } .FacesCounter__root--vwLDG { align-items: center; display: inline-flex; flex-flow: row; height: 36px; } .FacesCounter__face--2FjFk { border: 2px solid var(--vkui--color_background); border-radius: 50%; box-sizing: border-box; display: flex; height: 36px; margin-left: -16px; position: relative; width: 36px; } .FacesCounter__face--2FjFk:first-of-type { margin-left: 0px; } .FacesCounter__img--ZYDAb { border-radius: 50%; overflow: hidden; } .FacesCounter__counter--fYzjj { align-items: center; background: var(--color-datalist-selected-hover); color: var(--vkui--color_text_primary); display: flex; font-family: var(--font-tt-norms); font-size: 15px; justify-content: center; } .FacesCounter__root_dark--1wS24 .FacesCounter__face--2FjFk { border: 2px solid var(--vkui--color_background_secondary); } .FacesCounter__root_dark--1wS24 .FacesCounter__counter--fYzjj { background: var(--vkui--color_icon_secondary); color: var(--vkui--color_text_contrast); } .ActionsCarousel__root--xw2ov { height: 36px; margin: 20px -16px 0px; opacity: 1; overflow: auto; scrollbar-width: none; transition: opacity 0.2s ease-in-out; } .ActionsCarousel__root--xw2ov::-webkit-scrollbar { display: none; } .ActionsCarousel__root--xw2ov.ActionsCarousel__no_margins--1fFMX { margin: 0px; } .ActionsCarousel__root--xw2ov.ActionsCarousel__no_top_margin--16BBw { margin-top: 0px; } .ActionsCarousel__root_loading--2NL1G { border-radius: 8px; margin: 20px 0px 0px; overflow: hidden; } .ActionsCarousel__root_disabled--1gcIt { opacity: 0.4; pointer-events: none; } .ActionsCarousel__wrapper--2aJaD { display: inline-flex; padding: 0px 16px; } .ActionsCarousel__item--Wqn3t { align-items: center; background: var(--vkui--color_background_secondary); border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; font-family: var(--font-tt-norms); font-size: 16px; font-weight: 500; height: 36px; line-height: 22px; margin-right: 12px; padding: 7px 12px; position: relative; white-space: nowrap; } .ActionsCarousel__item--Wqn3t:last-child { margin-right: 0px; } .ActionsCarousel__icon--zG_m_ { align-items: center; display: flex; height: 20px; justify-content: center; margin-right: 8px; width: 20px; } .ActionsCarousel__iconRepaint--YrDqn { color: var(--vkui--color_icon_primary); } .ActionsCarousel__upload--2dFBy { inset: 0px; position: absolute; } .ActionsCarousel__item_active--vt9Gf .ActionsCarousel__icon--zG_m_ { margin-right: 0px; } .ActionsCarousel__item_disabled--1NB50 { opacity: 0.4; } .ActionsCarousel__item_publish--3GTZf.ActionsCarousel__item_active--vt9Gf { gap: 8px; } .ActionsCarousel__item_publish--3GTZf.ActionsCarousel__item_active--vt9Gf .ActionsCarousel__iconRepaint--YrDqn { color: var(--vkui--color_text_positive); } .ActionsCarousel__item_facesFilter--29n2g { background-color: initial; padding: 0px; } .ActionsCarousel__themedPage--3x23o.ActionsCarousel__root_disabled--1gcIt { opacity: 0.6; } .ActionsCarousel__themedPage--3x23o .ActionsCarousel__item--Wqn3t:not(.ActionsCarousel__item_facesFilter--29n2g) { backdrop-filter: blur(35px); background-color: var(--ph-color-project-bg--active); border: 1px solid var(--ph-color-project-bg--active); color: var(--ph-color-project); } .ActionsCarousel__item_clone_accent--38Qix { background: var(--vkui--color_background_accent); color: var(--vkui--color_text_accent_contrast_themed); } .WebviewToolbar__root--1cL-N { --webview-toolbar-height: 48px; align-items: center; background: var(--vkui--color_background); box-sizing: border-box; display: flex; flex-direction: row; height: var(--webview-toolbar-height,48px); padding: 0px 16px; position: sticky; top: 0px; width: 100%; z-index: 1201; } @supports (padding-top:constant(safe-area-inset-bottom)) { .WebviewToolbar__root--1cL-N { height: calc(var(--webview-toolbar-height, 48px) + constant(safe-area-inset-top)); } } @supports (padding-top:env(safe-area-inset-bottom)) { .WebviewToolbar__root--1cL-N { height: calc(var(--webview-toolbar-height, 48px) + env(safe-area-inset-top)); padding-left: calc(16px + env(safe-area-inset-left)); padding-right: calc(16px + env(safe-area-inset-right)); padding-top: env(safe-area-inset-top); } } .WebviewToolbar__iconButton--3_Knj { -webkit-tap-highlight-color: transparent; align-items: center; background: var(--cloud--color_background_header_icon); border: 0px; border-radius: 16px; color: var(--vkui--color_icon_primary); cursor: pointer; display: inline-flex; flex: 0 0 auto; height: 36px; justify-content: center; margin-right: 12px; padding: 0px; width: 36px; } .WebviewToolbar__iconButton--3_Knj svg { display: block; height: 20px; width: 20px; } .WebviewToolbar__title--2-klL { color: var(--vkui--color_text_primary); flex: 0 1 auto; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .WebviewToolbar__count--P36o1, .WebviewToolbar__title--2-klL { font-family: var(--font_family--vk_sans_display); font-size: 20px; font-weight: 500; line-height: 26px; } .WebviewToolbar__count--P36o1 { color: var(--vkui--color_text_secondary); flex: 0 0 auto; margin-left: 4px; } .WebviewToolbar__textButton--K7rI4 { -webkit-tap-highlight-color: transparent; align-items: center; background: var(--cloud--color_background_header_icon); border: 0px; border-radius: 16px; color: var(--vkui--color_text_primary); cursor: pointer; display: inline-flex; flex: 0 0 auto; font-family: var(--font_family--vk_sans_display); font-size: 15px; font-weight: 500; justify-content: center; line-height: 20px; margin-left: auto; padding: 6px 12px; } .MobileHomePage__root--29jUF { -webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; min-height: 100vh; padding-bottom: var(--touch-tabbar-height,90px); width: 100%; } .MobileHomePage__root_error--muUI7 { padding-bottom: 0px; } .MobileHomePage__content--3s9nu { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; height: 100%; padding: 0px 16px 16px; position: relative; width: 100%; } @supports (padding-left:constant(safe-area-inset-bottom)) { .MobileHomePage__content--3s9nu { } } @supports (padding-left:env(safe-area-inset-bottom)) { .MobileHomePage__content--3s9nu { padding-left: calc(16px + env(safe-area-inset-left)); padding-right: calc(16px + env(safe-area-inset-right)); } } .ExpiresInfo__root--1UJV_ { box-sizing: border-box; color: var(--vkui--color_text_accent); display: flex; flex-direction: row; font-family: var(--font-tt-norms); font-size: 14px; line-height: 18px; width: 100%; } .ExpiresInfo__root_colored--16F1P { background: var(--vkui--color_background_accent_tint_alpha); border-radius: 8px; padding: 8px 12px; } .ExpiresInfo__icon--kiFeq { height: 20px; margin-right: 8px; } .UploadInfo__root--3R1rg { background-color: var(--vkui--color_background_secondary); border-radius: 12px; box-sizing: border-box; display: flex; flex-direction: row; padding: 10px 8px; width: 100%; } .UploadInfo__avatar--2C0cQ { margin-right: 12px; } .UploadInfo__info--3j95P { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 12px; line-height: 16px; } .UploadInfo__name--WJNGj { font-weight: 500; } .UploadInfo__close--3IYTf { color: var(--vkui--color_icon_secondary); padding-left: 10px; } .UploadInfo__root_closable--1vOCp { margin-right: 16px; padding: 8px 13px 8px 16px; } .MobileAppinfo__banner--1GVB- { justify-content: space-between; padding: 8px 16px 16px; } .MobileAppinfo__banner--1GVB-, .MobileAppinfo__left--35sHi, .MobileAppinfo__right--31v7G { align-items: center; display: flex; gap: 8px; } .MobileAppinfo__stars--GgFcd { display: flex; gap: 3px; } .MobileAppinfo__text--1VaA- { font-family: var(--font_family--vk_sans_display); font-size: var(--vkui--font_subhead--font_size--compact); font-weight: var(--vkui--font_subhead--font_weight--regular); line-height: var(--vkui--font_subhead--line_height--compact); } .vkui--cloud--dark .MobileAppinfo__text--1VaA- { color: var(--vkui--color_text_contrast); } .vkui--cloud--dark .MobileAppinfo__button--1YnHu { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .MobileAppinfo__rate--395nh { display: flex; gap: 4px; } .MobileAppinfo__rateText--2pjXz { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_caption3--font_family--regular); font-size: var(--vkui--font_caption3--font_size--regular); font-weight: var(--vkui--font_caption3--font_weight--regular); line-height: var(--vkui--font_caption3--line_height--regular); } .MobileAppinfo__content--y_5Tg { display: flex; flex-direction: column; justify-content: center; } .MobileAppinfo__close--2Y0fc { color: var(--vkui--color_icon_secondary); cursor: pointer; } .Overquota__root--13Yl4 { justify-content: center; width: 100%; } .Overquota__root--13Yl4, .Overquota__wrapper--15n8Z { align-items: center; display: flex; } .Overquota__wrapper--15n8Z { flex-direction: column; max-width: 480px; text-align: center; } .Overquota__mobilewrapper--26Wu7 { max-width: 100%; padding: 0px 16px; } .Overquota__img--e4qa8 { height: 162px; margin-bottom: -28px; width: 360px; } .Overquota__mobileImg--31zx4 { height: 180px; margin-bottom: -6px; width: 327px; } .Overquota__imgFolder--3KHy6 { height: auto; margin-bottom: 16px; width: min(450px, 100%); } .Overquota__mobileImgFolder--2nVWJ { height: auto; width: min(480px, 100%); } .Overquota__button--1y5bQ { --vkui--color_text_contrast_themed: var(--vkui--color_text_contrast,#fff); --vkui--color_background_accent_themed: var(--vkui--color_background_accent,#07f); --vkui--color_text_contrast_themed--hover: var(--vkui--color_text_contrast--hover,#fff); --vkui--color_background_accent_themed--hover: var(--vkui--color_background_accent--hover,#07f); --vkui--color_text_contrast_themed--active: var(--vkui--color_text_contrast--active,#fff); --vkui--color_background_accent_themed--active: var(--vkui--color_background_accent--active,#07f); border-radius: 12px; height: 48px; } .Overquota__singlePublicFileText--1Lr2J { color: rgb(231, 232, 234); } .Password__root--bRP2l { -webkit-font-smoothing: antialiased; grid-area: main; margin: auto; position: relative; transform: translateY(-50px); } .Password__rootB2B--2MUck { transform: none; } .Password__image--3Go1R { display: block; margin: 0px auto -18px; position: relative; z-index: 1; } .Password__content--3clYo { background: var(--vkui--color_background_secondary); border-radius: 20px; box-sizing: border-box; padding: 24px 32px; width: 420px; } .Password__text--31tRj { font-size: var(--vkui--font_headline1--font_size--regular); } .Password__button--3YPrA.ui.button.primary { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_text--font_size--compact); width: auto; } .Password__password--2N_7O.vkuiFormField { height: 40px; min-height: 40px; } .Password__password--2N_7O.vkuiFormField .vkuiInput__el { height: 40px; } .Password__password--2N_7O.vkuiFormField .vkuiInput__el::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); } .Password__password--2N_7O.vkuiFormField .vkuiInput__el::placeholder { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); } .Password__password--2N_7O.vkuiFormField .vkuiFocusVisible--mode-outline { border-color: var(--vkui--color_text_link); } .Password__passwordToogle--3uHDT { color: var(--vkui--color_icon_secondary); cursor: pointer; margin-left: 12px; margin-right: 12px; } .Password__errorText--GHe9F { color: var(--vkui--color_text_negative); font-size: var(--vkui--font_subhead--font_size--compact); line-height: var(--vkui--font_subhead--line_height--compact); } .Password__passwordError--TD4s6.vkuiFormField .vkuiFocusVisible--mode-outline { border-color: var(--vkui--color_stroke_negative); } .Password__rootMobile--2VlhG { margin: 0px; max-width: 100%; } .Password__rootMobile--2VlhG .Password__content--3clYo { padding: 20px; width: 100%; } .Password__rootMobile--2VlhG .Password__image--3Go1R { margin-left: auto; margin-right: 0px; } .Password__rootMobile--2VlhG .Password__text--31tRj { font-size: var(--vkui--font_headline1--font_size--compact); } .Password__rootMobile--2VlhG .Password__button--3YPrA.ui.button.primary { width: 100%; } .Password__rootMobile--2VlhG .Password__password--2N_7O.vkuiFormField { border-radius: 12px; height: 44px; min-height: 44px; } .Password__rootMobile--2VlhG .Password__password--2N_7O.vkuiFormField .vkuiInput__el { height: 40px; } .Password__rootMobile--2VlhG .Password__password--2N_7O.vkuiFormField .vkuiInput__el::-webkit-input-placeholder { font-size: var(--vkui--font_headline1--font_size--regular); } .Password__rootMobile--2VlhG .Password__password--2N_7O.vkuiFormField .vkuiInput__el::placeholder { font-size: var(--vkui--font_headline1--font_size--regular); } .Password__rootMobile--2VlhG .Password__errorText--GHe9F { font-size: var(--vkui--font_caption1_caps--font_size--regular); line-height: var(--vkui--font_caption1_caps--line_height--regular); } @media (max-width: 375px) { .Password__rootMobile--2VlhG .Password__image--3Go1R { display: none; } } @media (orientation: portrait) { .Password__rootMobile--2VlhG.Password__rootOpenKeyboard--3VxCB { bottom: 0px; margin: 0px 16px; position: fixed; } } .RollContent__root--NuGBZ { align-items: stretch; display: flex; flex-direction: column; justify-content: center; padding-bottom: 90px; } .RollContent__root_dark--2_R5P { background: var(--cloud--color_background_viewer); } .RollContent__placeholder--3_sMO { display: inline-block; min-height: 320px; padding: 8px 8px 0px; } .RollContent__placeholder--3_sMO, a.RollContent__button--1-4dB { text-decoration: none; } a.RollContent__button--1-4dB { align-items: center; background: var(--vkui--color_background_secondary_alpha); border-radius: 12px; color: var(--vkui--color_text_primary); display: flex; flex-grow: 1; font-family: var(--font-tt-norms); font-size: 17px; font-weight: 500; height: 52px; justify-content: center; margin: 0px 8px; padding: 0px; } .RollContent__root_dark--2_R5P .RollContent__button--1-4dB { background: var(--vkui--color_background_contrast_inverse); color: var(--vkui--color_text_contrast); } .MobilePublicPage__root--3fEKz { -webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; min-height: 100vh; padding-bottom: var(--touch-tabbar-height,0); width: 100%; } .MobilePublicPage__with_emptyPublic--1tw3R { max-height: max(var(--dvh,--vh)*100 - 206px,50vh); min-height: max(var(--dvh,--vh)*100 - 206px,50vh); } .MobilePublicPage__content--T7H_1 { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; height: 100%; padding: 0px 16px; position: relative; width: 100%; } @supports (padding-left:constant(safe-area-inset-bottom)) { .MobilePublicPage__content--T7H_1 { } } @supports (padding-left:env(safe-area-inset-bottom)) { .MobilePublicPage__content--T7H_1 { padding-left: calc(16px + env(safe-area-inset-left)); padding-right: calc(16px + env(safe-area-inset-right)); } } .MobilePublicPage__uploadInfo--3Iu7M:not(:empty) { margin-top: 20px; } .MobilePublicPage__expiresInfo--dE-qp:not(:empty) { margin-top: 8px; } .MobilePublicPage__appButton--uHr55 { bottom: 18px; margin: 18px 16px; position: sticky; z-index: 3; } @supports (bottom:constant(safe-area-inset-bottom)) { .MobilePublicPage__appButton--uHr55 { } } @supports (bottom:env(safe-area-inset-bottom)) { .MobilePublicPage__appButton--uHr55 { bottom: calc(18px + env(safe-area-inset-bottom)); } } .MobilePublicPage__loader--gzP3e { display: flex; flex-direction: column; flex-grow: 1; min-height: 400px; position: relative; } .MobilePublicPage__root_withTopInfo--2gbVJ { min-height: calc(-91px + 100vh); } .MobilePublicPage__root_withTopInfoAndEmptyFolderUploadAllowed--qwJos { min-height: calc(-168px + 100vh); } .MobilePublicPage__root_themedPublic--QBmln .MobilePublicPage__toolbarOverlap--2zXqL { background: var(--vkui--color_background); } .MobilePublicPage__root_themedPublic--QBmln .MobilePublicPage__breadcrumbs--3ID51 { color: var(--vkui--cloud_color_sidebar_item_text_primary); margin-top: 24px; } .MobilePublicPage__root_themedPublic--QBmln .MobilePublicPage__expiresInfo--dE-qp { margin-top: 4px; } .MobilePublicPage__root_themedPublic--QBmln .MobilePublicPage__primaryColor--zn9b_ { color: var(--vkui--cloud_color_sidebar_item_text_primary); } .MobilePublicPage__root_themedPublic--QBmln .MobilePublicPage__dataListContainer--1MWOS { background: var(--vkui--color_background); border-radius: 16px 16px 0px 0px; display: flex; flex-direction: column; flex-grow: 1; margin: 16px -16px -1px; padding: 0px 16px; } .MobilePublicPage__root_themedPublic--QBmln .MobilePublicPage__dataListContainer--1MWOS .MobilePublicPage__appButton--uHr55 { margin-left: 0px; margin-right: 0px; } .MobilePublicPage__root_themedPublic--QBmln .MobilePublicPage__dataListContainer--1MWOS .MobilePublicPage__uploadInfo--3Iu7M { margin: 8px -8px -12px; } .MobilePublicPage__root_themedPublic--QBmln .MobilePublicPage__dataListContainer--1MWOS .MobilePublicPage__uploadInfo--3Iu7M.MobilePublicPage__emptyFolderUploadAllowed--UKgFk { margin-bottom: -4px; } @supports (padding-left:constant(safe-area-inset-bottom)) { .MobilePublicPage__root_themedPublic--QBmln .MobilePublicPage__dataListContainer--1MWOS { } } @supports (padding-left:env(safe-area-inset-bottom)) { .MobilePublicPage__root_themedPublic--QBmln .MobilePublicPage__dataListContainer--1MWOS { padding-left: calc(16px + env(safe-area-inset-left)); padding-right: calc(16px + env(safe-area-inset-right)); } } @supports (margin-left:constant(safe-area-inset-bottom)) { .MobilePublicPage__root_themedPublic--QBmln .MobilePublicPage__dataListContainer--1MWOS { } } @supports (margin-left:env(safe-area-inset-bottom)) { .MobilePublicPage__root_themedPublic--QBmln .MobilePublicPage__dataListContainer--1MWOS { margin-left: calc(-16px - env(safe-area-inset-left)); margin-right: calc(-16px - env(safe-area-inset-right)); } } .MobilePublicPage__rootHidden--2rkzw .MobilePublicPage__content--T7H_1 { align-items: center; justify-content: center; } .MobilePublicPage__emptyPublic--1fkMZ { display: flex; flex: 1 1 0%; flex-direction: column; justify-content: center; } .MobilePublicPage__overquotaEmptyStateCarousel--1ezTj { margin-bottom: 8px; margin-top: 8px; } .MobilePublicPage__bottomPromoBlock--1iRCk { bottom: var(--touch-tabbar-height,0); position: fixed; width: 100%; } .AutumnPromo2026Badge__badge--16HUJ { height: 43px; pointer-events: none; position: absolute; right: -32px; top: -24px; width: 92px; } .AutumnPromo2026Badge__badgeMobile--3Go0_ { height: auto; right: -17px; top: -26px; transform: rotate(-3deg); width: 86px; } .AutumnPromo2026Badge__badgeWebview--1M_KU { right: -14px; top: -22px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .Container__root--nOb8l { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; margin: 0px auto; max-width: 1270px; padding: 0px 40px; position: relative; z-index: 1; } .Container__root_mobile--M69dH { padding: 0px 32px; } @media (max-width: 375px) { .Container__root_mobile--M69dH { padding: 0px 16px; } } .Container__root_narrow--2fzvV { max-width: 988px; } .Container__root_mobile--M69dH.Container__root_narrow--2fzvV { padding: 0px 32px; } @media (max-width: 500px) { .Container__root_mobile--M69dH.Container__root_narrow--2fzvV { padding: 0px 17px; } } .Container__root_integration--6BM7- { width: 100%; } .Container__root_rebranding--25RvS.Container__root_mobile--M69dH { padding: 0px 16px; } .FamilySettings__root--6MWJm { align-items: flex-start; display: flex; flex-direction: column; } .FamilySettings__descriptions--2jyzX { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); max-width: 800px; } .FamilySettings__root_mobile--1Hqk0 .FamilySettings__descriptions--2jyzX { font-size: 16px; max-width: 312px; padding: 0px 8px; } .FamilySettings__deleteText--22Yol { font-size: 16px; margin: 4px 0px 8px; } .FamilySettings__deleteText--22Yol b { font-weight: var(--vkui--font_weight_accent2); } .Switch__base--Cc_S7 { background-color: var(--vkui--color_background_content); cursor: pointer; font-family: var(--font-inter); height: var(--vkui--size_button_slider_height--regular); position: relative; user-select: none; width: 50px; } .Switch__base_disabled--3wYB2 { cursor: default; opacity: var(--vkui--opacity_disable); } .Switch__input--N_ATh { display: none; } .Switch__label--1Vklz { height: 100%; position: relative; width: 100%; z-index: 0; } .Switch__label--1Vklz::after, .Switch__label--1Vklz::before { border: 1px var(--vkui--type_border_button) var(--vkui--color_field_border_alpha); border-radius: 2px; box-shadow: none; font-size: 11px; height: 100%; line-height: 26px; margin-top: -1px; position: absolute; text-align: center; width: 50%; } .Switch__label--1Vklz::before { background-color: var(--vkui--color_background_accent); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; color: var(--vkui--color_text_contrast); content: "I"; left: 0px; z-index: 1; } .Switch__label--1Vklz::after { background-color: var(--vkui--color_background_secondary); border-left-width: medium; border-left-style: none; border-left-color: currentcolor; color: var(--vkui--color_icon_secondary); content: "O"; font-weight: 700; right: 0px; z-index: 1; } .Switch__slider--3pQk3 { background-color: var(--vkui--color_background_content); border: 1px var(--vkui--type_border_button) var(--vkui--color_field_border_alpha); border-radius: 2px; box-shadow: var(--vkui--elevation2); height: 100%; left: 0px; margin-left: -1px; margin-top: -1px; position: absolute; top: 0px; transition: transform 0.25s; width: 50%; will-change: transform; z-index: 2; } .Switch__base_checked--2RAKc .Switch__slider--3pQk3 { transform: translateX(25px); } .Switch__base--Cc_S7:hover .Switch__slider--3pQk3 { border-color: var(--vkui--color_field_border_alpha--hover); } .Switch__base_rounded--2LQUB { background-color: var(--vkui--color_field_border_alpha); border-radius: 15px; cursor: pointer; height: 20px; transition: background-color 0.25s; user-select: none; width: 32px; } .Switch__base_rounded--2LQUB .Switch__label--1Vklz::after, .Switch__base_rounded--2LQUB .Switch__label--1Vklz::before { display: none; } .Switch__base_rounded--2LQUB .Switch__slider--3pQk3 { background-color: var(--vkui--color_icon_contrast); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 100%; height: 16px; left: 2px; margin: 0px; position: absolute; top: 2px; transform: none; width: 16px; } .Switch__base_rounded--2LQUB.Switch__base_checked--2RAKc { background-color: var(--vkui--color_background_accent); } .Switch__base_rounded--2LQUB.Switch__base_checked--2RAKc .Switch__slider--3pQk3 { background-color: var(--vkui--color_icon_contrast); transform: translateX(12px); } .Switch__base_blue--1stE7 { background-color: var(--vkui--color_background_accent); } .Switch__base_big--1eRz8 { background-color: var(--vkui--color_background_secondary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 43px; height: 100%; width: 100%; } .Switch__base_big--1eRz8 .Switch__label--1Vklz::after, .Switch__base_big--1eRz8 .Switch__label--1Vklz::before { display: none; } .Switch__base_big--1eRz8 .Switch__slider--3pQk3 { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 100000px; box-shadow: none; height: calc(100% - 8px); left: 5px; top: 5px; transform: none; transition: transform 0.15s ease-in-out; width: calc(50% - 4px); } .Switch__base_big--1eRz8.Switch__base_checked--2RAKc .Switch__slider--3pQk3 { transform: translateX(100%); } .Switch__base_dark--2cPot { background: var(--vkui--color_background_secondary_alpha); } .Switch__base_action--35xHk.Switch__base_big--1eRz8 .Switch__slider--3pQk3 { background: var(--vkui--color_icon_primary); } .Switch__base_white--nbBhY .Switch__slider--3pQk3 { background-color: var(--cloud--color_background_white); } .Switch__base_gray--Fers4 { background-color: var(--rebranding-color-landing-control-secondary-background); border-radius: 40px; } .Switch__base_gray--Fers4 .Switch__slider--3pQk3 { background: var(--rebranding-color-landing-secondary-background); } .Switch__base_rebrandingQuotaLanding---E-s1 { background: var(--vkui--color_other_image_placeholder); border-radius: 16px; } .Switch__base_rebrandingQuotaLanding---E-s1 .Switch__slider--3pQk3 { background: var(--vkui--color_icon_accent); border-radius: 12px; box-shadow: none; } .Switch__base_rebranding--FspM- { background-color: var(--rebranding_color_background_alternative); } .Switch__base_rebranding--FspM- .Switch__slider--3pQk3 { box-shadow: none; } .Switch__theme_slider_litres--8mJl4 .Switch__slider--3pQk3 { background-color: rgba(143, 143, 143, 0.5); } .Switch__theme_slider_grey--UsgrO .Switch__slider--3pQk3 { background-color: rgb(170, 173, 179); } .Switch__theme_slider_black--21QDy .Switch__slider--3pQk3 { background: var(--vkui--color-other-cloud-color-landing-button-background); } .Switch__theme_slider_black--21QDy .Switch__slider--3pQk3:hover { background: var(--vkui--color-other-cloud-color-landing-button-background--hover); } .Switch__base_cyberMonday2025--2z67U .Switch__slider--3pQk3 { background: var(--color-eerie-black); } .Switch__base_accent_gray--pjhrZ { background-color: var(--color-datalist-selected) !important; } .Switch__base_black--12yOH .Switch__slider--3pQk3 { background: var(--color-eerie-black); } .TariffSwitch__switch--2KojW { display: flex; height: 54px; position: relative; width: 248px; } .TariffSwitch__switch_sizeSmall--h4PpR { height: 48px; width: 232px; } .TariffSwitch__switch_sizeExtraSmall--1opfp { height: 48px; width: 204px; } .TariffSwitch__switch_sizeExtraSmall--1opfp .TariffSwitch__switchLabel--2WqOB { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_caption1_caps--font_size--regular); font-weight: var(--vkui--font_subhead--font_weight--regular); line-height: var(--vkui--font_caption1_caps--line_height--regular); } .TariffSwitch__switch_dark--3e6KO .TariffSwitch__switchLabel--2WqOB { font-size: 12px; } .TariffSwitch__switchBlock--2TWV8 { height: 100%; width: 100%; } .TariffSwitch__switchLabel--2WqOB { box-sizing: border-box; color: var(--vkui--color_text_secondary); cursor: pointer; flex-direction: column; font-family: var(--font-tt-norms); font-size: 15px; font-weight: 500; height: 100%; justify-content: center; left: 0px; padding: 0px 8px; position: absolute; text-align: center; top: 0px; user-select: none; width: 50%; z-index: 10; } .TariffSwitch__switchLabel--2WqOB, .TariffSwitch__switchLabelNote--2wRxN { align-items: center; display: flex; } .TariffSwitch__switchLabelNote--2wRxN { color: var(--vkui--color_text_accent); font-size: 11px; padding-left: 5px; } .TariffSwitch__switchLabelNote_rebranding--2lAjI { font-size: 10px; font-weight: 400; line-height: 12px; } .TariffSwitch__switchLabel_right--1xHBV { font-size: 15px; left: auto; right: 0px; } .TariffSwitch__switchLabel_active--1V3Sh { color: var(--vkui--color_text_primary); } .TariffSwitch__switch_rebrandingQuotaLanding--_tHyz .TariffSwitch__switchLabel--2WqOB { color: var(--vkui--color_text_secondary); font-family: var(--font_family--vk_sans_display); font-size: 15px; line-height: 20px; } .TariffSwitch__switch_rebrandingQuotaLanding--_tHyz .TariffSwitch__switchLabel--2WqOB:not(.TariffSwitch__switchLabel_active--1V3Sh):hover { color: var(--vkui--color_text_tertiary); } .TariffSwitch__switch_rebrandingQuotaLanding--_tHyz .TariffSwitch__switchLabel_active--1V3Sh { color: var(--vkui--color_text_contrast); } .TariffSwitch__switchLabel_rebranding--1uT2n { font-size: 13px; line-height: 18px; } .TariffSwitch__switch_compact--1Df8v { height: 46px; } .TariffSwitch__text_mobile--3tWN4 { font-size: 15px; font-weight: 500; line-height: 20px; } .TariffPeriodSwitch__root--YzGRk { position: relative; } .TariffPeriodSwitch__discountLabel--2Z_-U { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/7a41d732101c95ff4cbc.png") 0% 0% / 100% auto no-repeat; height: 55px; position: absolute; right: -17px; top: -18px; width: 55px; z-index: 2; } .TariffPeriodSwitch__discountLabel--2Z_-U.TariffPeriodSwitch__darkLabel--2RPws { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/71af6e9ef2e04aaa6777.png") 0% 0% / 100% auto no-repeat; } .FeaturesListMobile__wrapper--nXJUk { display: flex; flex-direction: column; gap: 12px; height: 116px; list-style: none; margin: 0px; padding: 0px; width: fit-content; } .FeaturesListMobile__wrapper--nXJUk .FeaturesListMobile__line--2S8ij { display: flex; gap: 8px; } .FeaturesListMobile__wrapper--nXJUk .FeaturesListMobile__text--P5nqu { font-size: 15px; font-weight: 400; line-height: 20px; } .FeaturesListMobile__wrapper--nXJUk .FeaturesListMobile__icon_accent--OOebg { color: var(--vkui--color_text_accent,#07f); } .FeaturesListMobile__wrapper--nXJUk .FeaturesListMobile__text_accent--2a5l9 { color: var(--vkui--color_icon_accent,#07f); } .TariffLabel__label--t_BLr { font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-style: normal; font-weight: 500; padding: 10px 15px; } .TariffLabel__label_radius24--3FSWP { border-radius: 0px 24px; } .TariffLabel__label_radius22--2vYGn { border-radius: 0px 22px; } .TariffLabel__label_radius16--22eXM { border-radius: 0px 16px; } .TariffLabel__label_blue--34-2T { background: rgb(217, 230, 251); color: rgb(36, 107, 222); } .TariffLabel__label_violet--RnqCa { background: rgb(233, 207, 249); color: rgb(144, 67, 188); } .TariffLabel__label_green--1oIR0 { background: rgb(184, 252, 117); color: rgb(0, 112, 240); } .TariffLabel__label_turquoise--1-TWB { background: rgb(197, 248, 248); color: rgb(30, 144, 208); } .TariffLabel__label_yellow--Wj7Fu { background: rgb(255, 233, 167); color: rgb(193, 122, 15); } .TariffLabel__label_pink--28Rat { background: rgb(255, 212, 232); color: rgb(217, 76, 76); } .TariffLabel__label_grey--1Dhr3 { background: var(--vkui--color_image_border_alpha); } .TariffLabel__label_grey--1Dhr3, .TariffLabel__label_white--3fTuw { color: var(--vkui--color_text_primary); } .TariffLabel__label_white--3fTuw { background: var(--vkui--color_background_content); } .TariffLabel__label_maxChatbotForceTrial--1_ijX { background: var(--vkui--color_background_contrast_secondary_alpha); color: var(--vkui--color_text_contrast); } .vkui--cloud--dark .TariffLabel__label--t_BLr { background: var(--vkui--color_background); color: var(--vkui--color_text_contrast); } .vkui--cloud--dark .TariffLabel__label_tariff-promo--ubcBr { background: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .vkui--cloud--dark .TariffLabel__label_tariff-rebranding--3gUhQ { background: var(--vkui--color_background_accent_tint_alpha); color: var(--vkui--color_text_accent); } .TariffLabel__label_action-black--1wtAe { background: var(--vkui--color_palette_icon_id_card_themed,--cloud--color_background_viewer); color: var(--vkui--color_text_accent_themed,--vkui--color_text_contrast); } .TariffLabel__label_tariff-promo--ubcBr { background: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .TariffLabel__label_tariff-rebranding--3gUhQ { background: var(--vkui--color_background_accent_tint_alpha); color: var(--vkui--color_text_accent); line-height: 20px; padding: 8px 24px; } .TariffLabel__contentSize_small--3ec79 { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_subhead--font_size--compact); font-weight: var(--vkui--font_subhead--font_weight--regular); line-height: var(--vkui--font_caption1--line_height--regular); padding: 6px 18px 7px 21px; text-align: center; } .TariffLabel__label_rebrandingQuotaLanding--IhXCc { border-radius: 0px 30px 0px 24px; font-family: var(--font_family--vk_sans_display); line-height: 20px; padding: 8px 24px; } .TariffLabel__contentSize_compact--1glyW { font-size: 12px; font-weight: 400; line-height: 16px; padding: 6px 20px; } .TariffLabel__label_topRightBorder--3Lg7J { border-bottom: 0 solid var(--vkui--color_background_accent); border-left: 0 solid var(--vkui--color_background_accent); border-right: 3px solid var(--vkui--color_background_accent); border-top: 3px solid var(--vkui--color_background_accent); padding-right: 21px; padding-top: 5px; } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_rebrandingQuotaLanding--IhXCc { background: var(--vkui--color_palette_icon_id_card_themed); color: var(--vkui--color_text_accent_themed); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_fromLitresPrimary--3HKOF { background: var(--vkui--color_palette_lime); color: var(--vkui--color_text_primary_invariably); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_fromLitresSecondary--pkECm { background: var(--vkui--color_stroke_primary); color: var(--vkui--color_text_contrast); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_fromLitresSecondary--pkECm.TariffLabel__label_tariff-promo--ubcBr { background: rgba(144, 146, 152, 0.48); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_blackFriday2024---MzTO { background: linear-gradient(124deg, rgb(198, 111, 255) -16.59%, rgb(3, 101, 245) 112.76%), rgb(43, 58, 223); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_cyberMonday2025--3uHUP { background: var(--vkui--color_accent_cyan); color: var(--colors-text-primary-invariably); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_family--3R9ca { background: var(--vkui--cloud_color_icon_transport); cursor: default; } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_family--3R9ca.TariffLabel__label_familyMayPromo2025--2Dxon { background: rgba(164, 93, 255, 0.24); color: rgb(226, 169, 255); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_tariffPersonalPink--1M7Pe { background: rgb(247, 86, 150); border-radius: 0px 30px 0px 24px; color: var(--vkui--color_text_accent_themed); line-height: 20px; padding: 6px 24px; } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_tariffPersonalBlue--cRvVk { background: rgb(126, 117, 252); border-radius: 0px 30px 0px 24px; color: var(--vkui--color_text_accent_themed); line-height: 20px; padding: 6px 24px; } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_tariffPersonalGreen--1Ntpl { background: rgb(0, 138, 120); border-radius: 0px 30px 0px 24px; color: var(--vkui--color_text_accent_themed); line-height: 20px; padding: 6px 24px; } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_tariffPersonal--nCNQ5 { background: var(--cloud--color_background_header_icon); border-radius: 0px 30px 0px 24px; color: var(--vkui--color_text_accent_themed); line-height: 20px; padding: 6px 24px; } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_referral--19fnh { background: rgb(25, 55, 90); color: rgb(231, 232, 234); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_family_trial--26x9k, .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_unlimitedAutoupload--1QOXS { background: var(--vkui--color_background_positive_tint_alpha); color: var(--vkui--color_palette_lime); transition: 0.1s ease-in-out; } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_family_trial--26x9k:hover, .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_unlimitedAutoupload--1QOXS:hover { background: var(--vkui--color_palette_lime); color: var(--vkui--cloud_color_sweetgreen); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_maxChatbotForceTrial--1_ijX { background: var(--vkui--color_background_contrast_secondary_alpha); color: var(--vkui--color_text_contrast); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_neuro--39O1f { -webkit-font-smoothing: antialiased; align-items: center; background: linear-gradient(58.92deg,var(--vkui--color_background_accent) .44%,var(--vkui--color_accent_cyan) 111.26%); border: 3px solid var(--vkui--cloud_color_landing_label_background); border-radius: 24px; color: var(--vkui--color_text_contrast); display: flex; font-size: 19px; font-weight: 600; gap: 4px; position: absolute; right: -18px; top: -16px; transform: rotate(6deg); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_neuro--39O1f:hover { background: var(--vkui--color_background_accent--hover); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_advancedBlackFriday2025--1hbJR { background-color: var(--vkui--color_background_accent_tint_alpha); color: rgb(53, 163, 255); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_advancedBlackFriday2025--1hbJR:hover { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_accent_themed); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_marchPromo2026--2h0fE { background-color: var(--vkui--color_background_accent_tint_alpha); color: rgb(53, 163, 255); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_marchPromo2026--2h0fE:hover { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_accent_themed); } .vkui--cloud--dark .TariffLabel__label--t_BLr.TariffLabel__label_marchPromo2026--2h0fE.TariffLabel__label_fromLitresSecondary--pkECm { background: rgb(56, 56, 56); color: var(--vkui--color_text_contrast); } .TariffLabel__labelClickable--6RN7R { cursor: pointer; } .TariffLabel__labelWrapper_bottomCenter--14AtK { display: flex; justify-content: center; left: 0px; margin-top: 117px; position: absolute; width: 100%; } .TariffLabel__label--t_BLr.TariffLabel__label_bottomCenter--1wo60 { -webkit-font-smoothing: antialiased; align-items: center; background: rgb(184, 252, 117); border: 3px solid rgb(255, 255, 255); border-radius: 35px; color: rgb(10, 136, 0); display: flex; font-size: 22px; font-weight: 500; padding: 6px 23px 12px 21px; transform: rotate(7deg); width: max-content; } .AutouploadTooltip__root--1dY0g { font-family: var(--vkui--font_family_vksans); padding: 16px; } .AutouploadTooltip__text--3H_Cp { color: var(--vkui--color_text_contrast); font-size: var(--vkui--font_subhead--font_size--regular); line-height: var(--vkui--font_subhead--line_height--regular); } .AutouploadTooltip__link--EOgNS, .AutouploadTooltip__text--3H_Cp { -webkit-font-smoothing: antialiased; } .AutouploadTooltip__link--EOgNS { color: var(--vkui--color_text_accent); font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_headline2--font_weight--regular); line-height: var(--vkui--font_headline2--line_height--compact); } .AutouploadTooltip__link--EOgNS:hover { color: var(--vkui--color_text_link--hover); } .TariffCardMobile__tariffCard--3ZcS- { background: var(--rebranding-color-landing-secondary-background); border: 1.5px solid transparent; border-radius: 16px; height: 82px; max-width: 460px; position: relative; width: 100%; } .TariffCardMobile__tariffCard--3ZcS- .TariffCardMobile__title--1-TpA { color: var(--vkui--color_text_primary); font-size: 20px; font-weight: 500; line-height: 26px; } .TariffCardMobile__tariffCard--3ZcS- .TariffCardMobile__subtitle--2y1vY { color: var(--vkui--color_text_secondary); font-size: 15px; font-weight: 400; letter-spacing: -0.15px; line-height: 20px; } .TariffCardMobile__tariffCard--3ZcS- .TariffCardMobile__label--Xx9ps { position: absolute; right: -17px; top: -1px; } .TariffCardMobile__tariffCard--3ZcS- .TariffCardMobile__labelInternal--3p3ps { background-color: var(--vkui--cloud_color_sweetblue); color: var(--vkui--color_text_accent_contrast_themed); font-size: 12px; font-weight: 600; line-height: 16px; max-height: 28px; max-width: 80px; padding: 6px 14px 6px 12px; } .TariffCardMobile__tariffCard--3ZcS- .TariffCardMobile__labelInternal_active--2xt22 { background-color: var(--vkui--color_background_accent--active); color: var(--vkui--color_text_contrast); } .TariffCardMobile__border_active--QgA5l { border-color: var(--vkui--color_stroke_accent,#07f); } .TariffsListMobile__radioGroup--2qv7k { display: flex; flex-direction: column; gap: 8px; width: 100%; } .TariffsModalContentMobile__root--nV8ZM { -webkit-font-smoothing: antialiased; display: flex; font-family: var(--font_family--vk_sans_display); max-width: 460px; padding: 44px 16px 0px; position: relative; text-align: left; } .TariffsModalContentMobile__root--nV8ZM .TariffsModalContentMobile__header--3pkTP { padding: 0px 16px; } @media (min-width: 700px) { .TariffsModalContentMobile__root--nV8ZM .TariffsModalContentMobile__header--3pkTP { align-items: center; display: flex; flex-direction: column; } } .TariffsModalContentMobile__root--nV8ZM .TariffsModalContentMobile__title--3HBeL { font-size: 28px; font-weight: 500; line-height: 34px; opacity: 0; transition: opacity 0.12s ease-out; } @media (min-width: 700px) { .TariffsModalContentMobile__root--nV8ZM .TariffsModalContentMobile__title--3HBeL { font-size: 40px; line-height: 46px; text-align: center; } } .TariffsModalContentMobile__root--nV8ZM .TariffsModalContentMobile__hiddenTitle--2R-yw { font-size: 18px; font-weight: 500; left: 16px; line-height: 24px; max-width: calc(100% - 58px); opacity: 0; overflow: hidden; position: absolute; text-overflow: ellipsis; top: 14px; transition: opacity 0.12s ease-out; white-space: nowrap; } .TariffsModalContentMobile__root--nV8ZM .TariffsModalContentMobile__buttonTitle--1YpVC { font-size: 17px; font-weight: 500; line-height: 24px; } .TariffsModalContentMobile__root--nV8ZM .TariffsModalContentMobile__buttonSubtitle--1PQX6 { font-size: 14px; font-weight: 400; line-height: 18px; } .TariffsModalContentMobile__root--nV8ZM .TariffsModalContentMobile__button--96ZKx.ui.button { align-items: center; background: var(--vkui--color_stroke_accent,#07f); border-radius: 16px; bottom: 8px; color: var(--vkui--color_text_contrast,#fff); display: flex; flex-direction: column; height: 64px; position: absolute; width: calc(100% - 32px); } @supports (bottom:env(safe-area-inset-bottom)) { .TariffsModalContentMobile__root--nV8ZM .TariffsModalContentMobile__button--96ZKx.ui.button { bottom: calc(8px + env(safe-area-inset-bottom)); } } .TariffsModalContentMobile__root--nV8ZM .TariffsModalContentMobile__scrollableContainer--27U-p { align-items: center; display: flex; flex-direction: column; height: calc(100dvh - 118px); justify-content: flex-start; overflow-y: auto; scrollbar-width: none; } .TariffsModalContentMobile__root--nV8ZM .TariffsModalContentMobile__scrollableContainer--27U-p::-webkit-scrollbar { height: 0px; width: 0px; } @supports (padding:env(safe-area-inset-bottom)) { .TariffsModalContentMobile__root--nV8ZM .TariffsModalContentMobile__scrollableContainer--27U-p { height: calc(100dvh - 118px - env(safe-area-inset-bottom)); } } .TariffsModalContentMobile__root--nV8ZM .TariffsModalContentMobile__featuresList--36snd { opacity: 0; transition: opacity 0.12s ease-out; } .TariffsModalContentMobile__visible--1UpIT { opacity: 1 !important; } .TariffsModalContentMobile__wrapper--1lcdR { display: flex; justify-content: center; width: 100%; } .TariffsModalMobile__mobile_modal--3xxDN.ui.modal { border-radius: 0px; } .TariffsModalMobile__mobile_modal--3xxDN { background: var(--vkui--cloud_color_background_alternative) !important; } .TariffsModalMobile__closeButton_mobile--GdBus { background: var(--vkui--color_background_secondary_alpha); height: 36px; width: 36px; } .onlyVariablesLocal__vkui--cloud--light--2AcFJ { --vkui--theme_name: "cloud"; --vkui--font_family_fallbacks: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_accent: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_base: Inter,Helvetica,Arial,sans-serif; --vkui--font_weight_accent1: 500; --vkui--font_weight_accent2: 500; --vkui--font_weight_accent3: 400; --vkui--font_weight_base1: 700; --vkui--font_weight_base2: 700; --vkui--font_weight_base3: 400; --vkui--font_display_title1--font_size--regular: 23px; --vkui--font_display_title1--line_height--regular: 28px; --vkui--font_display_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title1--font_weight--regular: 500; --vkui--font_display_title2--font_size--regular: 21px; --vkui--font_display_title2--line_height--regular: 26px; --vkui--font_display_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--regular: 500; --vkui--font_display_title2--font_size--compact: 22px; --vkui--font_display_title2--line_height--compact: 22px; --vkui--font_display_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--compact: 500; --vkui--font_display_title3--font_size--regular: 19px; --vkui--font_display_title3--line_height--regular: 24px; --vkui--font_display_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title3--font_weight--regular: 500; --vkui--font_display_title4--font_size--regular: 17px; --vkui--font_display_title4--line_height--regular: 24px; --vkui--font_display_title4--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title4--font_weight--regular: 500; --vkui--font_title1--font_size--compact: 24px; --vkui--font_title1--line_height--compact: 28px; --vkui--font_title1--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--compact: 500; --vkui--font_title1--font_size--regular: 24px; --vkui--font_title1--line_height--regular: 28px; --vkui--font_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--regular: 500; --vkui--font_title2--font_size--compact: 20px; --vkui--font_title2--line_height--compact: 26px; --vkui--font_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--compact: 500; --vkui--font_title2--font_size--regular: 20px; --vkui--font_title2--line_height--regular: 26px; --vkui--font_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--regular: 500; --vkui--font_title3--font_size--compact: 17px; --vkui--font_title3--line_height--compact: 22px; --vkui--font_title3--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--compact: 500; --vkui--font_title3--font_size--regular: 18px; --vkui--font_title3--line_height--regular: 24px; --vkui--font_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--regular: 500; --vkui--font_headline1--font_size--regular: 16px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_headline1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline1--font_weight--regular: 500; --vkui--font_headline1--font_size--compact: 15px; --vkui--font_headline1--line_height--compact: 20px; --vkui--font_headline2--font_size--regular: 15px; --vkui--font_headline2--line_height--regular: 20px; --vkui--font_headline2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline2--font_weight--regular: 500; --vkui--font_headline2--font_size--compact: 14px; --vkui--font_headline2--line_height--compact: 20px; --vkui--font_text--font_size--compact: 15px; --vkui--font_text--line_height--compact: 20px; --vkui--font_text--font_weight--compact: 400; --vkui--font_text--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_text--font_size--regular: 16px; --vkui--font_text--line_height--regular: 20px; --vkui--font_text--font_weight--regular: 400; --vkui--font_text--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_size--regular: 15px; --vkui--font_paragraph--line_height--regular: 20px; --vkui--font_paragraph--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_weight--regular: 400; --vkui--font_subhead--font_size--compact: 14px; --vkui--font_subhead--line_height--compact: 18px; --vkui--font_subhead--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--compact: 500; --vkui--font_subhead--font_size--regular: 14px; --vkui--font_subhead--line_height--regular: 18px; --vkui--font_subhead--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--regular: 500; --vkui--font_footnote--font_size--regular: 14px; --vkui--font_footnote--line_height--regular: 18px; --vkui--font_footnote--font_weight--regular: 400; --vkui--font_footnote--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote--font_size--compact: 14px; --vkui--font_footnote--line_height--compact: 18px; --vkui--font_footnote--font_weight--compact: 400; --vkui--font_footnote--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_size--regular: 14px; --vkui--font_footnote_caps--line_height--regular: 18px; --vkui--font_footnote_caps--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_weight--regular: 500; --vkui--font_footnote_caps--text_transform--regular: uppercase; --vkui--font_footnote_caps--letter_spacing--regular: 0.3px; --vkui--font_caption1--font_size--regular: 12px; --vkui--font_caption1--line_height--regular: 16px; --vkui--font_caption1--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--regular: 400; --vkui--font_caption1--font_size--compact: 12px; --vkui--font_caption1--line_height--compact: 16px; --vkui--font_caption1--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_size--regular: 12px; --vkui--font_caption1_caps--line_height--regular: 16px; --vkui--font_caption1_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_weight--regular: 400; --vkui--font_caption1_caps--text_transform--regular: uppercase; --vkui--font_caption1_caps--letter_spacing--regular: 0.26px; --vkui--font_caption2--font_size--regular: 11px; --vkui--font_caption2--line_height--regular: 14px; --vkui--font_caption2--font_weight--regular: 400; --vkui--font_caption2--font_family--regular: Inter,Helvetica,Arial,sans-serif; --vkui--font_caption2_caps--font_size--regular: 11px; --vkui--font_caption2_caps--line_height--regular: 14px; --vkui--font_caption2_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps--font_weight--regular: 400; --vkui--font_caption2_caps--text_transform--regular: uppercase; --vkui--font_caption2_caps--letter_spacing--regular: 0.22px; --vkui--font_caption3--font_size--regular: 9px; --vkui--font_caption3--line_height--regular: 12px; --vkui--font_caption3--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3--font_weight--regular: 400; --vkui--font_caption3_caps--font_size--regular: 9px; --vkui--font_caption3_caps--line_height--regular: 12px; --vkui--font_caption3_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps--font_weight--regular: 400; --vkui--font_caption3_caps--text_transform--regular: uppercase; --vkui--font_caption3_caps--letter_spacing--regular: 0.16px; --vkui--size_select_icon_padding--regular: 7px; --vkui--size_select_icon_padding--compact: 6px; --vkui--size_popup_base_padding--regular: 20px; --vkui--size_popup_base_padding--compact: 32px; --vkui--size_popup_header_padding--regular: 16px; --vkui--size_popup_header_padding--compact: 24px; --vkui--size_border_radius--regular: 8px; --vkui--size_border_radius_rounded--regular: 48px; --vkui--size_check_border_radius--regular: 4px; --vkui--size_border_radius_paper--regular: 12px; --vkui--size_border_radius_promo--regular: 20px; --vkui--size_cell_height--regular: 48px; --vkui--size_cell_height--compact: 44px; --vkui--size_field_height--regular: 44px; --vkui--size_field_height--compact: 36px; --vkui--size_search_height--regular: 36px; --vkui--size_search_height--compact: 32px; --vkui--size_button_extra_small_height--regular: 24px; --vkui--size_button_extra_small_height--compact: 22px; --vkui--size_button_small_height--regular: 30px; --vkui--size_button_small_height--compact: 28px; --vkui--size_button_medium_height--regular: 36px; --vkui--size_button_medium_height--compact: 32px; --vkui--size_button_large_height--regular: 44px; --vkui--size_button_large_height--compact: 36px; --vkui--size_checkbox--regular: 16px; --vkui--size_arrow--regular: 8px; --vkui--size_arrow_promo--regular: 40px; --vkui--size_popup_small--regular: 430px; --vkui--size_popup_medium--regular: 680px; --vkui--size_popup_large--regular: 880px; --vkui--size_field_horizontal_padding--regular: 8px; --vkui--size_button_padding_horizontal--regular: 16px; --vkui--size_label_horizontal_margin--regular: 16px; --vkui--size_arrow_padding--regular: 12px; --vkui--size_tooltip_margin--regular: 8px; --vkui--size_icon_u_i--regular: 16px; --vkui--size_avatar_x_s--regular: 24px; --vkui--size_avatar_s--regular: 32px; --vkui--size_avatar_m--regular: 48px; --vkui--size_avatar_l--regular: 96px; --vkui--size_avatar_x_l--compact: 120px; --vkui--size_avatar_x_l--regular: 160px; --vkui--size_badge_x_s--regular: 12px; --vkui--size_badge_s--regular: 16px; --vkui--size_badge_m--regular: 24px; --vkui--size_badge_l--regular: 44px; --vkui--size_badge_x_l--regular: 56px; --vkui--size_cardgrid_padding--regular: 12px; --vkui--size_card_border_radius--regular: 16px; --vkui--size_cardgrid_padding_vertical--regular: 8px; --vkui--size_base_padding_horizontal--regular: 16px; --vkui--size_base_padding_vertical--regular: 12px; --vkui--size_button_group_gap_space--regular: 1px; --vkui--size_button_group_gap_small--regular: 8px; --vkui--size_button_group_gap_medium--regular: 12px; --vkui--size_option_hierarchy--regular: 32px; --vkui--size_switch_height--regular: 14px; --vkui--size_switch_height--compact: 12px; --vkui--size_switch_width--regular: 34px; --vkui--size_switch_width--compact: 32px; --vkui--size_switch_pin--regular: 20px; --vkui--size_switch_pin--compact: 18px; --vkui--size_panel_header_height--compact: 48px; --vkui--size_panel_header_height--regular: 56px; --vkui--size_button_base_small_padding_horizontal--regular: 16px; --vkui--size_button_base_medium_padding_horizontal--regular: 16px; --vkui--size_button_base_large_padding_horizontal--regular: 20px; --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px; --vkui--size_button_minimum_width--regular: 80px; --vkui--size_form_item_padding_vertical--regular: 12px; --vkui--size_split_col_padding_horizontal--regular: 16px; --vkui--size_subnavigation_bar_gap--regular: 8px; --vkui--size_subnavigation_bar_padding_vertical--regular: 12px; --vkui--size_border1x--regular: 1px; --vkui--size_border2x--regular: 0.5px; --vkui--size_border3x--regular: 0.33px; --vkui--spacing_size_3xs: 2px; --vkui--spacing_size_2xs: 2px; --vkui--spacing_size_xs: 4px; --vkui--spacing_size_s: 6px; --vkui--spacing_size_m: 8px; --vkui--spacing_size_l: 10px; --vkui--spacing_size_xl: 12px; --vkui--spacing_size_2xl: 16px; --vkui--spacing_size_3xl: 20px; --vkui--spacing_size_4xl: 24px; --vkui--elevation1: 0 2px 6px 0 rgba(0,16,61,.08),0 1px 2px 0 rgba(0,16,61,.08); --vkui--elevation1_invert_y: 0 -2px 6px 0 rgba(0,16,61,.08),0 -1px 2px 0 rgba(0,16,61,.08); --vkui--elevation2: 0 0 2px 0 rgba(0,16,61,.06),0 0 6px 0 rgba(0,16,61,.06),0 6px 12px 0 rgba(0,16,61,.06); --vkui--elevation3: 0 0 6px 0 rgba(0,16,61,.06),0 6px 12px 0 rgba(0,16,61,.06),0 6px 20px 0 rgba(0,16,61,.06),0 10px 36px 0 rgba(0,16,61,.08); --vkui--elevation4: 0 2px 6px 0 rgba(0,16,61,.06),0 16px 48px 0 rgba(0,16,61,.08),0 24px 68px 0 rgba(0,16,61,.16); --vkui--gradient_black: transparent 0%,rgba(0,0,0,.02) 15%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.32) 70%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.4) 100%; --vkui--gradient_white: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--gradient_tint: rgba(246,247,248,0) 0%,rgba(246,247,248,.05) 15%,rgba(246,247,248,.2) 30%,rgba(246,247,248,.8) 70%,rgba(246,247,248,.95) 85%,#f6f7f8 100%; --vkui--gradient: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--animation_duration_l: 0.4s; --vkui--animation_duration_m: 0.2s; --vkui--animation_duration_s: 0.1s; --vkui--animation_easing_default: cubic-bezier(0.3,0.3,0.5,1); --vkui--animation_easing_platform: cubic-bezier(0.3,0.3,0.5,1); --vkui--opacity_disable: 0.48; --vkui--opacity_disable_accessibility: 0.64; --vkui--opacity_active: 0.72; --vkui--blur_m: 16px; --vkui--z_index_modal: 99; --vkui--z_index_popout: 100; --vkui--x0: 0px; --vkui--x025: 1px; --vkui--x05: 2px; --vkui--x1: 4px; --vkui--x2: 8px; --vkui--x3: 12px; --vkui--x4: 16px; --vkui--x5: 20px; --vkui--x6: 24px; --vkui--x8: 32px; --vkui--x10: 40px; --vkui--x12: 48px; --vkui--x15: 60px; --vkui--x20: 80px; --vkui--size_base: 4px; --vkui--size_grid: 20px; --vkui--font_h0--font_size--compact: 40px; --vkui--font_h0--line_height--compact: 46px; --vkui--font_h0--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--compact: 500; --vkui--font_h0--font_size--regular: 40px; --vkui--font_h0--line_height--regular: 46px; --vkui--font_h0--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--regular: 500; --vkui--font_h1--font_size--compact: 32px; --vkui--font_h1--line_height--compact: 38px; --vkui--font_h1--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--compact: 500; --vkui--font_h1--font_size--regular: 32px; --vkui--font_h1--line_height--regular: 40px; --vkui--font_h1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--regular: 500; --vkui--font_h2--font_size--compact: 28px; --vkui--font_h2--line_height--compact: 32px; --vkui--font_h2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--compact: 500; --vkui--font_h2--font_size--regular: 28px; --vkui--font_h2--line_height--regular: 34px; --vkui--font_h2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--regular: 500; --vkui--size_arrow_height--regular: 8px; --vkui--size_arrow_width--regular: 12px; --vkui--size_base_padding--regular: 20px; --vkui--size_border_width_tab--regular: 2px; --vkui--size_border_width_bar--regular: 4px; --vkui--size_border_width_accent--regular: 8px; --vkui--size_border_width_accent_secondary--regular: 8px; --vkui--size_control_button_width_min--regular: 130px; --vkui--size_control_button_width_min--compact: 104px; --vkui--size_promo_button_close--regular: 32px; --vkui--size_button_slider_height--regular: 24px; --vkui--size_button_slider_width--regular: 12px; --vkui--size_button_slider_width_pointer--regular: 16px; --vkui--size_field_width_min--regular: 328px; --vkui--size_field_width_min--compact: 380px; --vkui--size_label_width--regular: 184px; --vkui--size_progress--regular: 4px; --vkui--size_progress_scroll--regular: 12px; --vkui--size_dot_bullet--regular: 4px; --vkui--size_dot_indicate--regular: 8px; --vkui--size_dot_clickable--regular: 12px; --vkui--size_vertical_padding--regular: 0px; --vkui--size_button_more_padding--regular: 8px; --vkui--size_icon_more_padding--regular: 12px; --vkui--size_icon_more_padding--compact: 8px; --vkui--size_button_icon_padding--regular: 16px; --vkui--size_button_icon_padding--compact: 20px; --vkui--size_div_padding--regular: 4px; --vkui--size_menu_padding--regular: 8px; --vkui--size_tag_padding--regular: 8px; --vkui--size_tab_padding--regular: 16px; --vkui--size_table_horizontal_padding--regular: 16px; --vkui--size_table_vertical_padding--regular: 16px; --vkui--size_slice_top_padding--regular: 40px; --vkui--size_slice_bottom_padding--regular: 60px; --vkui--size_base_margin--regular: 12px; --vkui--size_label_vertical_margin--regular: 4px; --vkui--size_tip_margin--regular: 4px; --vkui--size_field_horizontal_margin--regular: 20px; --vkui--size_field_vertical_margin--regular: 24px; --vkui--size_field_set_margin--regular: 32px; --vkui--size_icon_margin--regular: 12px; --vkui--size_icon_margin--compact: 8px; --vkui--size_choice_margin--regular: 8px; --vkui--size_menu_margin--regular: 2px; --vkui--size_tag_margin--regular: 8px; --vkui--size_tab_margin--regular: 8px; --vkui--size_bullet_margin--regular: 12px; --vkui--size_attribute_margin--regular: 4px; --vkui--size_popup_margin--regular: 8px; --vkui--size_popup_margin--compact: 24px; --vkui--size_header_icon--regular: 20px; --vkui--size_wysiwyg_icon--regular: 14px; --vkui--size_illustration_s--regular: 48px; --vkui--size_illustration_x_m--regular: 72px; --vkui--size_illustration_m--regular: 96px; --vkui--size_illustration_l--regular: 144px; --vkui--size_illustration_x_x_l--regular: 228px; --vkui--tone_value_overlay: 0.48; --vkui--tone_value_viewer: 0.88; --vkui--tone_value_toolbar: 0.24; --vkui--tone_value_hover: 0.04; --vkui--tone_value_active: 0.08; --vkui--tone_value_focus: 0.08; --vkui--type_border_button: solid; --vkui--type_border_position: inset; --vkui--theme_name_base: "cloud"; --vkui--font_title2_custom--font_size--regular: 20px; --vkui--font_title2_custom--line_height--regular: 26px; --vkui--font_title2_custom--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2_custom--font_weight--regular: 400; --vkui--font_title2_custom--font_size--compact: 20px; --vkui--font_title2_custom--line_height--compact: 26px; --vkui--font_title2_custom--font_weight--compact: 400; --vkui--font_title3_custom--font_size--regular: 18px; --vkui--font_title3_custom--line_height--regular: 24px; --vkui--font_title3_custom--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3_custom--font_weight--regular: 400; --vkui--font_title3_custom--font_size--compact: 17px; --vkui--font_title3_custom--line_height--compact: 22px; --vkui--font_title3_custom--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3_custom--font_weight--compact: 400; --vkui--font_caption1_caps_demibold--font_size--regular: 12px; --vkui--font_caption1_caps_demibold--line_height--regular: 16px; --vkui--font_caption1_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps_demibold--font_weight--regular: 600; --vkui--font_caption1_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption1_caps_demibold--letter_spacing--regular: 0.26px; --vkui--font_caption2_caps_demibold--font_size--regular: 11px; --vkui--font_caption2_caps_demibold--line_height--regular: 14px; --vkui--font_caption2_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps_demibold--font_weight--regular: 600; --vkui--font_caption2_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption2_caps_demibold--letter_spacing--regular: 0.22px; --vkui--font_caption3_caps_demibold--font_size--regular: 9px; --vkui--font_caption3_caps_demibold--line_height--regular: 12px; --vkui--font_caption3_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps_demibold--font_weight--regular: 600; --vkui--font_caption3_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption3_caps_demibold--letter_spacing--regular: 0.16px; --vkui--font_subtitle_medium--font_size: 18px; --vkui--font_subtitle_medium--line_height: 24px; --vkui--font_subtitle_medium--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subtitle_medium--font_weight: 500; --vkui--font_subtitle_custom--font_size: 18px; --vkui--font_subtitle_custom--line_height: 24px; --vkui--font_subtitle_custom--font_weight: 400; --vkui--font_subtitle_custom--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline_large_medium--font_size: 16px; --vkui--font_headline_large_medium--line_height: 20px; --vkui--font_headline_large_medium--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline_large_medium--font_weight: 500; --vkui--font_large_text--font_size: 16px; --vkui--font_large_text--line_height: 20px; --vkui--font_large_text--font_weight: 400; --vkui--font_large_text--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_size--regular: 16px; --vkui--font_headline--line_height--regular: 20px; --vkui--font_headline--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_weight--regular: 500; --vkui--font_headline--font_size--compact: 15px; --vkui--font_headline--line_height--compact: 20px; --vkui--colors_scheme: light; --vkui--color_background_accent: #07f; --vkui--color_background_accent--hover: #0073f7; --vkui--color_background_accent--active: #006fef; --vkui--color_background_accent_themed: #07f; --vkui--color_background_accent_themed--hover: #0073f7; --vkui--color_background_accent_themed--active: #006fef; --vkui--color_background_accent_themed_alpha: rgba(0,119,255,.2); --vkui--color_background_accent_themed_alpha--hover: rgba(0,119,255,.24); --vkui--color_background_accent_themed_alpha--active: rgba(0,119,255,.28); --vkui--color_background_accent_alternative: #ff9e00; --vkui--color_background_accent_alternative--hover: #f59802; --vkui--color_background_accent_alternative--active: #eb9305; --vkui--color_background_content: #fff; --vkui--color_background_content--hover: #f5f5f7; --vkui--color_background_content--active: #ebecef; --vkui--color_background_content_alpha: hsla(0,0%,100%,.8); --vkui--color_background_content_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_background_content_alpha--active: hsla(0,0%,100%,.88); --vkui--color_background_content_inverse: #232324; --vkui--color_background_content_inverse--hover: #222225; --vkui--color_background_content_inverse--active: #202126; --vkui--color_background_secondary: #f0f1f3; --vkui--color_background_secondary--hover: #e6e8ec; --vkui--color_background_secondary--active: #dddfe4; --vkui--color_background_secondary_alpha: rgba(0,16,61,.06); --vkui--color_background_secondary_alpha--hover: rgba(0,16,61,.1); --vkui--color_background_secondary_alpha--active: rgba(0,16,61,.14); --vkui--color_background: #fff; --vkui--color_background--hover: #f5f5f7; --vkui--color_background--active: #ebecef; --vkui--color_background_contrast: #fff; --vkui--color_background_contrast--hover: #f5f5f7; --vkui--color_background_contrast--active: #ebecef; --vkui--color_background_contrast_secondary_alpha: hsla(0,0%,100%,.2); --vkui--color_background_contrast_secondary_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_contrast_secondary_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_warning: #fff1ad; --vkui--color_background_warning--hover: #f5e8a9; --vkui--color_background_warning--active: #ebdfa4; --vkui--color_background_negative: #e64646; --vkui--color_background_negative--hover: #dd4446; --vkui--color_background_negative--active: #d44245; --vkui--color_background_tertiary: #f6f7f8; --vkui--color_background_tertiary--hover: #eceef1; --vkui--color_background_tertiary--active: #e2e5e9; --vkui--color_background_tertiary_alpha: rgba(0,0,0,.04); --vkui--color_background_tertiary_alpha--hover: rgba(0,0,0,.08); --vkui--color_background_tertiary_alpha--active: rgba(0,0,0,.12); --vkui--color_background_modal: #fff; --vkui--color_background_modal--hover: #f5f5f7; --vkui--color_background_modal--active: #ebecef; --vkui--color_background_positive: #0dc268; --vkui--color_background_positive--hover: #0cbb66; --vkui--color_background_positive--active: #0cb465; --vkui--color_background_negative_tint: #feefeb; --vkui--color_background_negative_tint--hover: #f4e6e4; --vkui--color_background_negative_tint--active: #eadddd; --vkui--color_background_positive_tint: #ecfaf3; --vkui--color_background_positive_tint--hover: #e3f1ec; --vkui--color_background_positive_tint--active: #d9e7e4; --vkui--color_field_background: #fff; --vkui--color_field_background--hover: #f5f5f7; --vkui--color_field_background--active: #ebecef; --vkui--color_background_modal_inverse: #303030; --vkui--color_background_modal_inverse--hover: #2e2f31; --vkui--color_background_modal_inverse--active: #2c2d31; --vkui--color_background_contrast_inverse: #303030; --vkui--color_background_contrast_inverse--hover: #2e2f31; --vkui--color_background_contrast_inverse--active: #2c2d31; --vkui--color_background_contrast_themed: #fff; --vkui--color_background_contrast_themed--hover: #f5f5f7; --vkui--color_background_contrast_themed--active: #ebecef; --vkui--color_background_accent_tint: #5a9eff; --vkui--color_background_accent_tint--hover: #5698f7; --vkui--color_background_accent_tint--active: #5393ef; --vkui--color_background_info_tint: #f0f4ff; --vkui--color_background_info_tint--hover: #e6ebf7; --vkui--color_background_info_tint--active: #dde2ef; --vkui--color_text_accent: #0070f0; --vkui--color_text_accent--hover: #006ce9; --vkui--color_text_accent--active: #0068e2; --vkui--color_text_accent_themed: #0070f0; --vkui--color_text_accent_themed--hover: #006ce9; --vkui--color_text_accent_themed--active: #0068e2; --vkui--color_text_negative: #ed330a; --vkui--color_text_negative--hover: #e4320c; --vkui--color_text_negative--active: #da300e; --vkui--color_text_link: #0070f0; --vkui--color_text_link--hover: #006ce9; --vkui--color_text_link--active: #0068e2; --vkui--color_text_link_tint: #71aaeb; --vkui--color_text_link_tint--hover: #6ca4e4; --vkui--color_text_link_tint--active: #689edd; --vkui--color_text_link_themed: #0070f0; --vkui--color_text_link_themed--hover: #006ce9; --vkui--color_text_link_themed--active: #0068e2; --vkui--color_text_muted: #2c2d2e; --vkui--color_text_muted--hover: #2a2c2f; --vkui--color_text_muted--active: #282b2f; --vkui--color_text_primary: #2c2d2e; --vkui--color_text_primary--hover: #2a2c2f; --vkui--color_text_primary--active: #282b2f; --vkui--color_text_primary_alpha: rgba(37,41,46,.84); --vkui--color_text_primary_alpha--hover: rgba(37,41,46,.88); --vkui--color_text_primary_alpha--active: rgba(37,41,46,.92); --vkui--color_text_primary_invariably: #2c2d2e; --vkui--color_text_primary_invariably--hover: #2a2c2f; --vkui--color_text_primary_invariably--active: #282b2f; --vkui--color_text_secondary: #87898f; --vkui--color_text_secondary--hover: #82848c; --vkui--color_text_secondary--active: #7c7f88; --vkui--color_text_secondary_alpha: rgba(37,41,46,.55); --vkui--color_text_secondary_alpha--hover: rgba(37,41,46,.59); --vkui--color_text_secondary_alpha--active: rgba(37,41,46,.63); --vkui--color_text_subhead: #797a80; --vkui--color_text_subhead--hover: #74767d; --vkui--color_text_subhead--active: #6f727b; --vkui--color_text_tertiary: #aaadb3; --vkui--color_text_tertiary--hover: #a3a7ae; --vkui--color_text_tertiary--active: #9ca0aa; --vkui--color_text_link_visited: #528fdf; --vkui--color_text_link_visited--hover: #4f8ad9; --vkui--color_text_link_visited--active: #4b85d2; --vkui--color_text_contrast: #fff; --vkui--color_text_contrast--hover: #f5f5f7; --vkui--color_text_contrast--active: #ebecef; --vkui--color_text_contrast_themed: #fff; --vkui--color_text_contrast_themed--hover: #f5f5f7; --vkui--color_text_contrast_themed--active: #ebecef; --vkui--color_link_contrast: #fff; --vkui--color_link_contrast--hover: #f5f5f7; --vkui--color_link_contrast--active: #ebecef; --vkui--color_text_positive: #0dc268; --vkui--color_text_positive--hover: #0cbb66; --vkui--color_text_positive--active: #0cb465; --vkui--color_icon_accent: #07f; --vkui--color_icon_accent--hover: #0073f7; --vkui--color_icon_accent--active: #006fef; --vkui--color_icon_accent_themed: #07f; --vkui--color_icon_accent_themed--hover: #0073f7; --vkui--color_icon_accent_themed--active: #006fef; --vkui--color_icon_primary: #2c2d2e; --vkui--color_icon_primary--hover: #2a2c2f; --vkui--color_icon_primary--active: #282b2f; --vkui--color_icon_primary_invariably: #2c2d2e; --vkui--color_icon_primary_invariably--hover: #2a2c2f; --vkui--color_icon_primary_invariably--active: #282b2f; --vkui--color_icon_medium: #919399; --vkui--color_icon_medium--hover: #8b8e95; --vkui--color_icon_medium--active: #858992; --vkui--color_icon_medium_alpha: rgba(39,43,55,.5); --vkui--color_icon_medium_alpha--hover: rgba(39,43,55,.54); --vkui--color_icon_medium_alpha--active: rgba(39,43,55,.58); --vkui--color_icon_secondary: #a5a7ad; --vkui--color_icon_secondary--hover: #9ea1a9; --vkui--color_icon_secondary--active: #989ba4; --vkui--color_icon_secondary_alpha: rgba(39,43,55,.3); --vkui--color_icon_secondary_alpha--hover: rgba(39,43,55,.34); --vkui--color_icon_secondary_alpha--active: rgba(39,43,55,.38); --vkui--color_icon_tertiary: #cfd1d6; --vkui--color_icon_tertiary--hover: #c7c9d0; --vkui--color_icon_tertiary--active: #bec2ca; --vkui--color_icon_tertiary_alpha: rgba(39,43,55,.2); --vkui--color_icon_tertiary_alpha--hover: rgba(39,43,55,.24); --vkui--color_icon_tertiary_alpha--active: rgba(39,43,55,.28); --vkui--color_icon_contrast: #fff; --vkui--color_icon_contrast--hover: #f5f5f7; --vkui--color_icon_contrast--active: #ebecef; --vkui--color_icon_contrast_themed: #fff; --vkui--color_icon_contrast_themed--hover: #f5f5f7; --vkui--color_icon_contrast_themed--active: #ebecef; --vkui--color_icon_positive: #0dc268; --vkui--color_icon_positive--hover: #0cbb66; --vkui--color_icon_positive--active: #0cb465; --vkui--color_icon_warning: #ff9e00; --vkui--color_icon_warning--hover: #f59802; --vkui--color_icon_warning--active: #eb9305; --vkui--color_icon_negative: #ed330a; --vkui--color_icon_negative--hover: #e4320c; --vkui--color_icon_negative--active: #da300e; --vkui--color_icon_contrast_secondary: #f2f3f5; --vkui--color_icon_contrast_secondary--hover: #e8eaee; --vkui--color_icon_contrast_secondary--active: #dfe1e6; --vkui--color_stroke_accent: #07f; --vkui--color_stroke_accent--hover: #0073f7; --vkui--color_stroke_accent--active: #006fef; --vkui--color_stroke_accent_themed: #07f; --vkui--color_stroke_accent_themed--hover: #0073f7; --vkui--color_stroke_accent_themed--active: #006fef; --vkui--color_stroke_contrast: #fff; --vkui--color_stroke_contrast--hover: #f5f5f7; --vkui--color_stroke_contrast--active: #ebecef; --vkui--color_stroke_negative: #ed330a; --vkui--color_stroke_negative--hover: #e4320c; --vkui--color_stroke_negative--active: #da300e; --vkui--color_stroke_primary: #2c2d2e; --vkui--color_stroke_primary--hover: #2a2c2f; --vkui--color_stroke_primary--active: #282b2f; --vkui--color_image_border_alpha: rgba(0,16,61,.08); --vkui--color_image_border_alpha--hover: rgba(0,16,61,.12); --vkui--color_image_border_alpha--active: rgba(0,16,61,.16); --vkui--color_field_border_alpha: rgba(0,16,61,.12); --vkui--color_field_border_alpha--hover: rgba(0,16,61,.16); --vkui--color_field_border_alpha--active: rgba(0,16,61,.2); --vkui--color_separator_primary_alpha: rgba(0,16,61,.12); --vkui--color_separator_primary_alpha--hover: rgba(0,16,61,.16); --vkui--color_separator_primary_alpha--active: rgba(0,16,61,.2); --vkui--color_separator_secondary: #e6e7eb; --vkui--color_separator_secondary--hover: #dddee4; --vkui--color_separator_secondary--active: #d4d6dd; --vkui--color_separator_primary: #dadce0; --vkui--color_separator_primary--hover: #d1d4d9; --vkui--color_separator_primary--active: #c9ccd3; --vkui--color_stroke_positive: #0dc268; --vkui--color_stroke_positive--hover: #0cbb66; --vkui--color_stroke_positive--active: #0cb465; --vkui--color_separator_primary2x: #cdd0d5; --vkui--color_separator_primary2x--hover: #c5c8cf; --vkui--color_separator_primary2x--active: #bdc1c9; --vkui--color_separator_primary3x: #bfc3ca; --vkui--color_separator_primary3x--hover: #b7bcc4; --vkui--color_separator_primary3x--active: #b0b5bf; --vkui--color_accent_blue: #07f; --vkui--color_accent_blue--hover: #0073f7; --vkui--color_accent_blue--active: #006fef; --vkui--color_accent_gray: #a5a7ad; --vkui--color_accent_gray--hover: #9ea1a9; --vkui--color_accent_gray--active: #989ba4; --vkui--color_accent_red: #ed330a; --vkui--color_accent_red--hover: #e4320c; --vkui--color_accent_red--active: #da300e; --vkui--color_accent_orange_fire: #f05c44; --vkui--color_accent_orange_fire--hover: #e65944; --vkui--color_accent_orange_fire--active: #dd5643; --vkui--color_accent_orange: #ff9e00; --vkui--color_accent_orange--hover: #f59802; --vkui--color_accent_orange--active: #eb9305; --vkui--color_accent_orange_peach: #f9b54f; --vkui--color_accent_orange_peach--hover: #efae4e; --vkui--color_accent_orange_peach--active: #e5a84e; --vkui--color_accent_lime: #b8fc75; --vkui--color_accent_lime--hover: #b1f373; --vkui--color_accent_lime--active: #a9e971; --vkui--color_accent_green: #0dc268; --vkui--color_accent_green--hover: #0cbb66; --vkui--color_accent_green--active: #0cb465; --vkui--color_accent_cyan: #07e5f9; --vkui--color_accent_cyan--hover: #07dcf1; --vkui--color_accent_cyan--active: #06d4ea; --vkui--color_accent_azure: #07f; --vkui--color_accent_azure--hover: #0073f7; --vkui--color_accent_azure--active: #006fef; --vkui--color_accent_purple: #8c64ff; --vkui--color_accent_purple--hover: #8661f7; --vkui--color_accent_purple--active: #815def; --vkui--color_accent_violet: #c15df3; --vkui--color_accent_violet--hover: #b95aec; --vkui--color_accent_violet--active: #b257e4; --vkui--color_accent_raspberry_pink: #e03fab; --vkui--color_accent_raspberry_pink--hover: #d73da7; --vkui--color_accent_raspberry_pink--active: #ce3ba2; --vkui--color_accent_pink: #ff3985; --vkui--color_accent_pink--hover: #f53782; --vkui--color_accent_pink--active: #eb367f; --vkui--color_accent_secondary: #ff9e00; --vkui--color_accent_secondary--hover: #f59802; --vkui--color_accent_secondary--active: #eb9305; --vkui--color_action_sheet_text: #07f; --vkui--color_action_sheet_text--hover: #0073f7; --vkui--color_action_sheet_text--active: #006fef; --vkui--color_header_background: #fff; --vkui--color_header_background--hover: #f5f5f7; --vkui--color_header_background--active: #ebecef; --vkui--color_panel_header_icon: #07f; --vkui--color_panel_header_icon--hover: #0073f7; --vkui--color_panel_header_icon--active: #006fef; --vkui--color_write_bar_input_background: #f0f1f3; --vkui--color_write_bar_input_background--hover: #e6e8ec; --vkui--color_write_bar_input_background--active: #dddfe4; --vkui--color_write_bar_input_border: #e1e3e6; --vkui--color_write_bar_input_border--hover: #d8dbdf; --vkui--color_write_bar_input_border--active: #cfd2d8; --vkui--color_write_bar_input_border_alpha: rgba(0,16,61,.8); --vkui--color_write_bar_input_border_alpha--hover: rgba(0,16,61,.84); --vkui--color_write_bar_input_border_alpha--active: rgba(0,16,61,.88); --vkui--color_track_background: #dadce0; --vkui--color_track_background--hover: #d1d4d9; --vkui--color_track_background--active: #c9ccd3; --vkui--color_track_buffer: #83aaea; --vkui--color_track_buffer--hover: #7ea4e3; --vkui--color_track_buffer--active: #799edc; --vkui--color_image_placeholder: #e6e7eb; --vkui--color_image_placeholder--hover: #dddee4; --vkui--color_image_placeholder--active: #d4d6dd; --vkui--color_image_placeholder_alpha: rgba(0,16,61,.8); --vkui--color_image_placeholder_alpha--hover: rgba(0,16,61,.84); --vkui--color_image_placeholder_alpha--active: rgba(0,16,61,.88); --vkui--color_search_field_background: #e6e7eb; --vkui--color_search_field_background--hover: #dddee4; --vkui--color_search_field_background--active: #d4d6dd; --vkui--color_write_bar_icon: #07f; --vkui--color_write_bar_icon--hover: #0073f7; --vkui--color_write_bar_icon--active: #006fef; --vkui--color_skeleton_from: #f3f3f5; --vkui--color_skeleton_from--hover: #e9eaee; --vkui--color_skeleton_from--active: #e0e1e6; --vkui--color_skeleton_to: #e0e1e6; --vkui--color_skeleton_to--hover: #d7d9df; --vkui--color_skeleton_to--active: #ced0d8; --vkui--color_avatar_overlay: hsla(225,4%,58%,.48); --vkui--color_avatar_overlay--hover: hsla(225,4%,58%,.52); --vkui--color_avatar_overlay--active: hsla(225,4%,58%,.56); --vkui--color_avatar_overlay_inverse_alpha: hsla(0,0%,100%,.85); --vkui--color_avatar_overlay_inverse_alpha--hover: hsla(0,0%,100%,.89); --vkui--color_avatar_overlay_inverse_alpha--active: hsla(0,0%,100%,.93); --vkui--color_overlay_primary: rgba(0,0,0,.4); --vkui--color_overlay_primary--hover: rgba(0,0,0,.44); --vkui--color_overlay_primary--active: rgba(0,0,0,.48); --vkui--color_overlay_secondary: rgba(44,45,46,.5); --vkui--color_overlay_secondary--hover: rgba(44,45,46,.54); --vkui--color_overlay_secondary--active: rgba(44,45,46,.58); --vkui--color_segmented_control: #fff; --vkui--color_segmented_control--hover: #f5f5f7; --vkui--color_segmented_control--active: #ebecef; --vkui--color_tabbar_text_inactive: #99a2ad; --vkui--color_tabbar_text_inactive--hover: #939ca9; --vkui--color_tabbar_text_inactive--active: #8d96a4; --vkui--color_button_text: #07f; --vkui--color_button_text--hover: #0073f7; --vkui--color_button_text--active: #006fef; --vkui--color_button_icon: #07f; --vkui--color_button_icon--hover: #0073f7; --vkui--color_button_icon--active: #006fef; --vkui--color_button_stroke: #07f; --vkui--color_button_stroke--hover: #0073f7; --vkui--color_button_stroke--active: #006fef; --vkui--color_transparent: transparent; --vkui--color_transparent--hover: rgba(0,16,61,.04); --vkui--color_transparent--active: rgba(0,16,61,.08); --vkui--color_rating: #ffd400; --vkui--color_rating--hover: #f5cc02; --vkui--color_rating--active: #ebc405; --vkui--color_button_contrast_alpha: #fff; --vkui--color_button_contrast_alpha--hover: hsla(0,0%,100%,.8); --vkui--color_button_contrast_alpha--active: hsla(0,0%,100%,.6); --vkui--color_button_contrast: #fff; --vkui--color_button_contrast--hover: #fff; --vkui--color_button_contrast--active: #fff; --vkui--color_thumb_error_background_alpha: rgba(237,10,52,.12); --vkui--color_thumb_error_background_alpha--hover: rgba(237,10,52,.16); --vkui--color_thumb_error_background_alpha--active: rgba(237,10,52,.2); --vkui--color_background_accent_tint_themed_alpha: rgba(0,119,255,.06); --vkui--color_background_accent_tint_themed_alpha--hover: rgba(0,119,255,.1); --vkui--color_background_accent_tint_themed_alpha--active: rgba(0,119,255,.14); --vkui--color_background_accent_tint_alpha: rgba(0,119,255,.06); --vkui--color_background_accent_tint_alpha--hover: rgba(0,119,255,.1); --vkui--color_background_accent_tint_alpha--active: rgba(0,119,255,.14); --vkui--color_background_accent_tint_themed: #f0f7ff; --vkui--color_background_accent_tint_themed--hover: #e6eef7; --vkui--color_background_accent_tint_themed--active: #dde5ef; --vkui--color_background_warning_tint_themed_alpha: rgba(255,241,173,.48); --vkui--color_background_warning_tint_themed_alpha--hover: rgba(255,241,173,.52); --vkui--color_background_warning_tint_themed_alpha--active: rgba(255,241,173,.56); --vkui--color_background_warning_tint_alpha: rgba(255,241,173,.48); --vkui--color_background_warning_tint_alpha--hover: rgba(255,241,173,.52); --vkui--color_background_warning_tint_alpha--active: rgba(255,241,173,.56); --vkui--color_background_warning_tint_themed: #fffce0; --vkui--color_background_warning_tint_themed--hover: #f5f3d9; --vkui--color_background_warning_tint_themed--active: #ebe9d3; --vkui--color_background_warning_tint: #fffce0; --vkui--color_background_warning_tint--hover: #f5f3d9; --vkui--color_background_warning_tint--active: #ebe9d3; --vkui--color_background_negative_tint_themed_alpha: rgba(237,51,10,.08); --vkui--color_background_negative_tint_themed_alpha--hover: rgba(237,51,10,.12); --vkui--color_background_negative_tint_themed_alpha--active: rgba(237,51,10,.16); --vkui--color_background_negative_tint_alpha: rgba(237,51,10,.08); --vkui--color_background_negative_tint_alpha--hover: rgba(237,51,10,.12); --vkui--color_background_negative_tint_alpha--active: rgba(237,51,10,.16); --vkui--color_background_negative_tint_themed: #feefeb; --vkui--color_background_negative_tint_themed--hover: #f4e6e4; --vkui--color_background_negative_tint_themed--active: #eadddd; --vkui--color_background_positive_tint_themed_alpha: rgba(13,194,104,.08); --vkui--color_background_positive_tint_themed_alpha--hover: rgba(13,194,104,.12); --vkui--color_background_positive_tint_themed_alpha--active: rgba(13,194,104,.16); --vkui--color_background_positive_tint_alpha: rgba(13,194,104,.08); --vkui--color_background_positive_tint_alpha--hover: rgba(13,194,104,.12); --vkui--color_background_positive_tint_alpha--active: rgba(13,194,104,.16); --vkui--color_background_positive_tint_themed: #ecfaf3; --vkui--color_background_positive_tint_themed--hover: #e3f1ec; --vkui--color_background_positive_tint_themed--active: #d9e7e4; --vkui--color_tooltip_background_blue_tint: #dde9ff; --vkui--color_tooltip_background_blue_tint--hover: #d4e0f7; --vkui--color_tooltip_background_blue_tint--active: #cbd8ef; --vkui--color_tooltip_background_green_tint: #ceeee6; --vkui--color_tooltip_background_green_tint--hover: #c6e5df; --vkui--color_tooltip_background_green_tint--active: #bedcd8; --vkui--color_tooltip_background_orange_tint: #f9d3bd; --vkui--color_tooltip_background_orange_tint--hover: #efcbb8; --vkui--color_tooltip_background_orange_tint--active: #e5c3b3; --vkui--color_tooltip_background_purple_tint: #f2e8ff; --vkui--color_tooltip_background_purple_tint--hover: #e8dff7; --vkui--color_tooltip_background_purple_tint--active: #dfd7ef; --vkui--color_tooltip_text_blue_themed: #1c4479; --vkui--color_tooltip_text_blue_themed--hover: #1b4277; --vkui--color_tooltip_text_blue_themed--active: #1a4074; --vkui--color_tooltip_text_green_themed: #087c6d; --vkui--color_tooltip_text_green_themed--hover: #08786b; --vkui--color_tooltip_text_green_themed--active: #077369; --vkui--color_tooltip_text_orange_themed: #78472a; --vkui--color_tooltip_text_orange_themed--hover: #73452b; --vkui--color_tooltip_text_orange_themed--active: #6e432c; --vkui--color_tooltip_text_purple_themed: #73519f; --vkui--color_tooltip_text_purple_themed--hover: #6e4e9b; --vkui--color_tooltip_text_purple_themed--active: #6a4c97; --vkui--color_background_sky: #cce4ff; --vkui--color_background_sky--hover: #c4dcf7; --vkui--color_background_sky--active: #bcd3ef; --vkui--color_background_sky_alpha: rgba(204,228,255,.9); --vkui--color_background_sky_alpha--hover: rgba(204,228,255,.94); --vkui--color_background_sky_alpha--active: rgba(204,228,255,.98); --vkui--cloud_color_text_secondary_alpha: hsla(0,0%,100%,.6); --vkui--cloud_color_text_secondary_alpha--hover: hsla(0,0%,100%,.64); --vkui--cloud_color_text_secondary_alpha--active: hsla(0,0%,100%,.68); --vkui--cloud_color_text_accent_alternative: #ff9e00; --vkui--cloud_color_text_accent_alternative--hover: #f59802; --vkui--cloud_color_text_accent_alternative--active: #eb9305; --vkui--cloud_color_text_snackbar_accent: #65a0ff; --vkui--cloud_color_text_snackbar_accent--hover: #619af7; --vkui--cloud_color_text_snackbar_accent--active: #5d94ef; --vkui--cloud_color_text_contrast_themed_alpha: hsla(0,0%,100%,.6); --vkui--cloud_color_text_contrast_themed_alpha--hover: hsla(0,0%,100%,.64); --vkui--cloud_color_text_contrast_themed_alpha--active: hsla(0,0%,100%,.68); --vkui--cloud_color_toolbar_background: #fff; --vkui--cloud_color_toolbar_background--hover: #f5f5f7; --vkui--cloud_color_toolbar_background--active: #ebecef; --vkui--cloud_color_viewer_background: #000; --vkui--cloud_color_viewer_background--hover: #000102; --vkui--cloud_color_viewer_background--active: #000105; --vkui--cloud_color_tabbar_background_alpha: hsla(0,0%,100%,.9); --vkui--cloud_color_tabbar_background_alpha--hover: hsla(0,0%,100%,.94); --vkui--cloud_color_tabbar_background_alpha--active: hsla(0,0%,100%,.98); --vkui--cloud_color_header_icon_background_alpha: rgba(71,71,71,.06); --vkui--cloud_color_header_icon_background_alpha--hover: rgba(71,71,71,.1); --vkui--cloud_color_header_icon_background_alpha--active: rgba(71,71,71,.14); --vkui--cloud_color_background_drag_and_drop: #ebf2ff; --vkui--cloud_color_background_drag_and_drop--hover: #e2e9f7; --vkui--cloud_color_background_drag_and_drop--active: #d8e0ef; --vkui--cloud_color_background_c_t_a: #f5f9ff; --vkui--cloud_color_background_c_t_a--hover: #ebf0f7; --vkui--cloud_color_background_c_t_a--active: #e1e6ef; --vkui--cloud_color_header_search_background: #fff; --vkui--cloud_color_header_search_background--hover: #f5f5f7; --vkui--cloud_color_header_search_background--active: #ebecef; --vkui--cloud_color_header_search_background_collapsed: #f0f1f3; --vkui--cloud_color_header_search_background_collapsed--hover: #e6e8ec; --vkui--cloud_color_header_search_background_collapsed--active: #dddfe4; --vkui--cloud_color_background_portal: #f6f7f8; --vkui--cloud_color_background_portal--hover: #eceef1; --vkui--cloud_color_background_portal--active: #e2e5e9; --vkui--cloud_color_background_alternative: #f3f3f5; --vkui--cloud_color_background_alternative--hover: #e9eaee; --vkui--cloud_color_background_alternative--active: #e0e1e6; --vkui--cloud_color_background_content_alternative: #fff; --vkui--cloud_color_background_content_alternative--hover: #f5f5f7; --vkui--cloud_color_background_content_alternative--active: #ebecef; --vkui--cloud_color_background_fast_scroll: #fff; --vkui--cloud_color_background_fast_scroll--hover: #f5f5f7; --vkui--cloud_color_background_fast_scroll--active: #ebecef; --vkui--cloud_color_icon_accent_alternative: #ff9e00; --vkui--cloud_color_icon_accent_alternative--hover: #f59802; --vkui--cloud_color_icon_accent_alternative--active: #eb9305; --vkui--cloud_color_icon_rating: #ffd400; --vkui--cloud_color_icon_rating--hover: #f5cc02; --vkui--cloud_color_icon_rating--active: #ebc405; --vkui--cloud_color_icon_folder: #fedd69; --vkui--cloud_color_icon_folder--hover: #f4d567; --vkui--cloud_color_icon_folder--active: #eacd65; --vkui--cloud_color_landing_stroke_tariff: #249afc; --vkui--cloud_color_landing_stroke_tariff--hover: #2394f4; --vkui--cloud_color_landing_stroke_tariff--active: #218fed; --vkui--cloud_color_sweetblue: #dde9ff; --vkui--cloud_color_sweetblue--hover: #d4e0f7; --vkui--cloud_color_sweetblue--active: #cbd8ef; --vkui--cloud_color_blue_accent_themed: #1c4479; --vkui--cloud_color_blue_accent_themed--hover: #1b4277; --vkui--cloud_color_blue_accent_themed--active: #1a4074; --vkui--cloud_color_sweetgreen: #ceeee6; --vkui--cloud_color_sweetgreen--hover: #c6e5df; --vkui--cloud_color_sweetgreen--active: #bedcd8; --vkui--cloud_color_green_accent_themed: #087c6d; --vkui--cloud_color_green_accent_themed--hover: #08786b; --vkui--cloud_color_green_accent_themed--active: #077369; --vkui--cloud_color_sweetorange: #f9d3bd; --vkui--cloud_color_sweetorange--hover: #efcbb8; --vkui--cloud_color_sweetorange--active: #e5c3b3; --vkui--cloud_color_orange_accent_themed: #78472a; --vkui--cloud_color_orange_accent_themed--hover: #73452b; --vkui--cloud_color_orange_accent_themed--active: #6e432c; --vkui--cloud_color_sweetpurple: #f2e8ff; --vkui--cloud_color_sweetpurple--hover: #e8dff7; --vkui--cloud_color_sweetpurple--active: #dfd7ef; --vkui--cloud_color_purple_accent_themed: #73519f; --vkui--cloud_color_purple_accent_themed--hover: #6e4e9b; --vkui--cloud_color_purple_accent_themed--active: #6a4c97; --vkui--cloud_color_icon_i_d_card_themed_alpha: rgba(0,95,249,.2); --vkui--cloud_color_icon_i_d_card_themed_alpha--hover: rgba(0,95,249,.24); --vkui--cloud_color_icon_i_d_card_themed_alpha--active: rgba(0,95,249,.28); --vkui--cloud_color_icon_i_d_card: #07f; --vkui--cloud_color_icon_i_d_card--hover: #0073f7; --vkui--cloud_color_icon_i_d_card--active: #006fef; --vkui--cloud_color_icon_official_themed_alpha: rgba(236,71,80,.2); --vkui--cloud_color_icon_official_themed_alpha--hover: rgba(236,71,80,.24); --vkui--cloud_color_icon_official_themed_alpha--active: rgba(236,71,80,.28); --vkui--cloud_color_icon_official: #ec4750; --vkui--cloud_color_icon_official--hover: #e3454f; --vkui--cloud_color_icon_official--active: #d9434e; --vkui--cloud_color_icon_transport_themed: rgba(174,126,236,.2); --vkui--cloud_color_icon_transport_themed--hover: rgba(174,126,236,.24); --vkui--cloud_color_icon_transport_themed--active: rgba(174,126,236,.28); --vkui--cloud_color_icon_transport: #ae7eec; --vkui--cloud_color_icon_transport--hover: #a77ae5; --vkui--cloud_color_icon_transport--active: #a075de; --vkui--cloud_color_icon_finance_themed: rgba(36,199,128,.2); --vkui--cloud_color_icon_finance_themed--hover: rgba(36,199,128,.24); --vkui--cloud_color_icon_finance_themed--active: rgba(36,199,128,.28); --vkui--cloud_color_icon_finance: #24c780; --vkui--cloud_color_icon_finance--hover: #23c07d; --vkui--cloud_color_icon_finance--active: #21b87b; --vkui--cloud_color_icon_file_document_invariably: #018bf2; --vkui--cloud_color_icon_file_document_invariably--hover: #0186eb; --vkui--cloud_color_icon_file_document_invariably--active: #0181e4; --vkui--cloud_color_icon_file_presentation_invariably: #da4c4e; --vkui--cloud_color_icon_file_presentation_invariably--hover: #d14a4d; --vkui--cloud_color_icon_file_presentation_invariably--active: #c9474d; --vkui--cloud_color_icon_file_table_invariably: #019784; --vkui--cloud_color_icon_file_table_invariably--hover: #019281; --vkui--cloud_color_icon_file_table_invariably--active: #018c7e; --vkui--cloud_color_background_file_document: #e1f0fd; --vkui--cloud_color_background_file_document--hover: #d8e7f5; --vkui--cloud_color_background_file_document--active: #cfdeee; --vkui--cloud_color_background_file_presentation: #fae9ea; --vkui--cloud_color_background_file_presentation--hover: #f0e0e3; --vkui--cloud_color_background_file_presentation--active: #e6d8dc; --vkui--cloud_color_background_file_table: #e1f2f0; --vkui--cloud_color_background_file_table--hover: #d8e9e9; --vkui--cloud_color_background_file_table--active: #cfe0e2; --vkui--cloud_color_background_file_other_alpha: rgba(0,16,61,.05); --vkui--cloud_color_background_file_other_alpha--hover: rgba(0,16,61,.09); --vkui--cloud_color_background_file_other_alpha--active: rgba(0,16,61,.13); --vkui--cloud_color_background_profile_tariff: #fecad6; --vkui--cloud_color_background_profile_tariff--hover: #f4c3d0; --vkui--cloud_color_background_profile_tariff--active: #eabbca; --vkui--cloud_color_icon_profile_tariff: #ff3985; --vkui--cloud_color_icon_profile_tariff--hover: #f53782; --vkui--cloud_color_icon_profile_tariff--active: #eb367f; --vkui--cloud_color_background_profile_access: #c3edb3; --vkui--cloud_color_background_profile_access--hover: #bbe4ae; --vkui--cloud_color_background_profile_access--active: #b3dbaa; --vkui--cloud_color_icon_profile_access: #018646; --vkui--cloud_color_icon_profile_access--hover: #018146; --vkui--cloud_color_icon_profile_access--active: #017d45; --vkui--cloud_color_background_profile_uploading: #fddda8; --vkui--cloud_color_background_profile_uploading--hover: #f3d5a4; --vkui--cloud_color_background_profile_uploading--active: #e9cd9f; --vkui--cloud_color_icon_profile_uploading: #bc5a00; --vkui--cloud_color_icon_profile_uploading--hover: #b45702; --vkui--cloud_color_icon_profile_uploading--active: #ad5405; --vkui--cloud_color_background_profile_trash: #dadce0; --vkui--cloud_color_background_profile_trash--hover: #d1d4d9; --vkui--cloud_color_background_profile_trash--active: #c9ccd3; --vkui--cloud_color_icon_profile_trash: #656567; --vkui--cloud_color_icon_profile_trash--hover: #616265; --vkui--cloud_color_icon_profile_trash--active: #5d5e64; --vkui--cloud_color_background_profile_settings: #b0f2d6; --vkui--cloud_color_background_profile_settings--hover: #a9e9d0; --vkui--cloud_color_background_profile_settings--active: #a2e0ca; --vkui--cloud_color_icon_profile_settings: #008272; --vkui--cloud_color_icon_profile_settings--hover: #007d70; --vkui--cloud_color_icon_profile_settings--active: #00796e; --vkui--cloud_color_background_profile_mail: #b8e1ff; --vkui--cloud_color_background_profile_mail--hover: #b1d9f7; --vkui--cloud_color_background_profile_mail--active: #a9d0ef; --vkui--cloud_color_icon_profile_mail: #07f; --vkui--cloud_color_icon_profile_mail--hover: #0073f7; --vkui--cloud_color_icon_profile_mail--active: #006fef; --vkui--cloud_color_landing_background: #f3f3f5; --vkui--cloud_color_landing_background--hover: #e9eaee; --vkui--cloud_color_landing_background--active: #e0e1e6; --vkui--cloud_color_landing_secondary_background: #fff; --vkui--cloud_color_landing_secondary_background--hover: #f5f5f7; --vkui--cloud_color_landing_secondary_background--active: #ebecef; --vkui--cloud_color_landing_tertiary_background: #fff; --vkui--cloud_color_landing_tertiary_background--hover: #f5f5f7; --vkui--cloud_color_landing_tertiary_background--active: #ebecef; --vkui--cloud_color_landing_medium_background: #f6f7f8; --vkui--cloud_color_landing_medium_background--hover: #eceef1; --vkui--cloud_color_landing_medium_background--active: #e2e5e9; --vkui--cloud_color_landing_button_background: #ebf2ff; --vkui--cloud_color_landing_button_background--hover: #e2e9f7; --vkui--cloud_color_landing_button_background--active: #d8e0ef; --vkui--cloud_color_landing_label_background: #d9e6fb; --vkui--cloud_color_landing_label_background--hover: #d0ddf3; --vkui--cloud_color_landing_label_background--active: #c8d5ec; --vkui--cloud_color_landing_label_inverse_background: #2c2d2e; --vkui--cloud_color_landing_label_inverse_background--hover: #2a2c2f; --vkui--cloud_color_landing_label_inverse_background--active: #282b2f; --vkui--cloud_color_landing_control_primary_background: #fff; --vkui--cloud_color_landing_control_primary_background--hover: #f5f5f7; --vkui--cloud_color_landing_control_primary_background--active: #ebecef; --vkui--cloud_color_landing_control_secondary_background: #e7e8ec; --vkui--cloud_color_landing_control_secondary_background--hover: #dedfe5; --vkui--cloud_color_landing_control_secondary_background--active: #d5d7de; --vkui--cloud_color_subscription_button_background: #07f; --vkui--cloud_color_subscription_button_background--hover: #0073f7; --vkui--cloud_color_subscription_button_background--active: #006fef; --vkui--cloud_color_scroll_indicator_alpha: hsla(227,4%,43%,.65); --vkui--cloud_color_scroll_indicator_alpha--hover: hsla(227,4%,43%,.69); --vkui--cloud_color_scroll_indicator_alpha--active: hsla(227,4%,43%,.73); --vkui--cloud_color_sidebar_item_text: #333; --vkui--cloud_color_sidebar_item_text--hover: #313233; --vkui--cloud_color_sidebar_item_text--active: #2f3034; --vkui--cloud_color_sidebar_item_text_primary: #2c2d2e; --vkui--cloud_color_sidebar_item_text_primary--hover: #2a2c2f; --vkui--cloud_color_sidebar_item_text_primary--active: #282b2f; --vkui--cloud_color_sidebar_item_text_secondary: #87898f; --vkui--cloud_color_sidebar_item_text_secondary--hover: #82848c; --vkui--cloud_color_sidebar_item_text_secondary--active: #7c7f88; --vkui--cloud_color_sidebar_item_background_alpha: transparent; --vkui--cloud_color_sidebar_item_background_alpha--hover: hsla(0,0%,100%,.24); --vkui--cloud_color_sidebar_item_background_alpha--active: hsla(0,0%,100%,.24); --vkui--cloud_color_background: #fff; --vkui--cloud_color_background--hover: #f5f5f7; --vkui--cloud_color_background--active: #ebecef; --vkui--cloud_color_overlay_background: transparent; --vkui--cloud_color_overlay_background--hover: rgba(0,16,61,.04); --vkui--cloud_color_overlay_background--active: rgba(0,16,61,.08); } .onlyVariablesLocal__vkui--cloud--dark--1tqqk { --vkui--theme_name: "cloudDark"; --vkui--font_family_fallbacks: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_accent: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_base: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_weight_accent1: 500; --vkui--font_weight_accent2: 500; --vkui--font_weight_accent3: 400; --vkui--font_weight_base1: 700; --vkui--font_weight_base2: 700; --vkui--font_weight_base3: 400; --vkui--font_display_title1--font_size--regular: 23px; --vkui--font_display_title1--line_height--regular: 28px; --vkui--font_display_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title1--font_weight--regular: 500; --vkui--font_display_title2--font_size--regular: 21px; --vkui--font_display_title2--line_height--regular: 26px; --vkui--font_display_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--regular: 500; --vkui--font_display_title2--font_size--compact: 22px; --vkui--font_display_title2--line_height--compact: 22px; --vkui--font_display_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--compact: 500; --vkui--font_display_title3--font_size--regular: 19px; --vkui--font_display_title3--line_height--regular: 24px; --vkui--font_display_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title3--font_weight--regular: 500; --vkui--font_display_title4--font_size--regular: 17px; --vkui--font_display_title4--line_height--regular: 24px; --vkui--font_display_title4--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title4--font_weight--regular: 500; --vkui--font_title1--font_size--regular: 24px; --vkui--font_title1--line_height--regular: 28px; --vkui--font_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--regular: 500; --vkui--font_title2--font_size--regular: 20px; --vkui--font_title2--line_height--regular: 26px; --vkui--font_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--regular: 500; --vkui--font_title3--font_size--regular: 17px; --vkui--font_title3--line_height--regular: 22px; --vkui--font_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--regular: 500; --vkui--font_headline1--font_size--regular: 16px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_headline1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline1--font_weight--regular: 500; --vkui--font_headline1--font_size--compact: 15px; --vkui--font_headline1--line_height--compact: 20px; --vkui--font_headline2--font_size--regular: 15px; --vkui--font_headline2--line_height--regular: 20px; --vkui--font_headline2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline2--font_weight--regular: 500; --vkui--font_headline2--font_size--compact: 14px; --vkui--font_headline2--line_height--compact: 20px; --vkui--font_text--font_size--regular: 16px; --vkui--font_text--line_height--regular: 20px; --vkui--font_text--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_text--font_weight--regular: 400; --vkui--font_text--font_size--compact: 15px; --vkui--font_text--line_height--compact: 20px; --vkui--font_paragraph--font_size--regular: 15px; --vkui--font_paragraph--line_height--regular: 20px; --vkui--font_paragraph--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_weight--regular: 400; --vkui--font_subhead--font_size--regular: 14px; --vkui--font_subhead--line_height--regular: 18px; --vkui--font_subhead--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--regular: 400; --vkui--font_subhead--font_size--compact: 13px; --vkui--font_subhead--line_height--compact: 18px; --vkui--font_footnote--font_size--regular: 13px; --vkui--font_footnote--line_height--regular: 18px; --vkui--font_footnote--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote--font_weight--regular: 400; --vkui--font_footnote_caps--font_size--regular: 13px; --vkui--font_footnote_caps--line_height--regular: 18px; --vkui--font_footnote_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_weight--regular: 400; --vkui--font_footnote_caps--text_transform--regular: uppercase; --vkui--font_footnote_caps--letter_spacing--regular: 0.3px; --vkui--font_caption1--font_size--regular: 12px; --vkui--font_caption1--line_height--regular: 16px; --vkui--font_caption1--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--regular: 400; --vkui--font_caption1_caps--font_size--regular: 12px; --vkui--font_caption1_caps--line_height--regular: 16px; --vkui--font_caption1_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_weight--regular: 400; --vkui--font_caption1_caps--text_transform--regular: uppercase; --vkui--font_caption1_caps--letter_spacing--regular: 0.26px; --vkui--font_caption2--font_size--regular: 11px; --vkui--font_caption2--line_height--regular: 14px; --vkui--font_caption2--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2--font_weight--regular: 400; --vkui--font_caption2_caps--font_size--regular: 11px; --vkui--font_caption2_caps--line_height--regular: 14px; --vkui--font_caption2_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps--font_weight--regular: 400; --vkui--font_caption2_caps--text_transform--regular: uppercase; --vkui--font_caption2_caps--letter_spacing--regular: 0.22px; --vkui--font_caption3--font_size--regular: 9px; --vkui--font_caption3--line_height--regular: 12px; --vkui--font_caption3--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3--font_weight--regular: 400; --vkui--font_caption3_caps--font_size--regular: 9px; --vkui--font_caption3_caps--line_height--regular: 12px; --vkui--font_caption3_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps--font_weight--regular: 400; --vkui--font_caption3_caps--text_transform--regular: uppercase; --vkui--font_caption3_caps--letter_spacing--regular: 0.16px; --vkui--size_select_icon_padding--regular: 7px; --vkui--size_select_icon_padding--compact: 6px; --vkui--size_popup_base_padding--regular: 20px; --vkui--size_popup_base_padding--compact: 32px; --vkui--size_popup_header_padding--regular: 16px; --vkui--size_popup_header_padding--compact: 24px; --vkui--size_border_radius--regular: 8px; --vkui--size_border_radius_rounded--regular: 48px; --vkui--size_check_border_radius--regular: 4px; --vkui--size_border_radius_paper--regular: 12px; --vkui--size_border_radius_promo--regular: 20px; --vkui--size_cell_height--regular: 48px; --vkui--size_cell_height--compact: 44px; --vkui--size_field_height--regular: 44px; --vkui--size_field_height--compact: 36px; --vkui--size_search_height--regular: 36px; --vkui--size_search_height--compact: 32px; --vkui--size_button_extra_small_height--regular: 24px; --vkui--size_button_extra_small_height--compact: 22px; --vkui--size_button_small_height--regular: 30px; --vkui--size_button_small_height--compact: 28px; --vkui--size_button_medium_height--regular: 36px; --vkui--size_button_medium_height--compact: 32px; --vkui--size_button_large_height--regular: 44px; --vkui--size_button_large_height--compact: 36px; --vkui--size_checkbox--regular: 16px; --vkui--size_arrow--regular: 8px; --vkui--size_arrow_promo--regular: 40px; --vkui--size_popup_small--regular: 430px; --vkui--size_popup_medium--regular: 680px; --vkui--size_popup_large--regular: 880px; --vkui--size_field_horizontal_padding--regular: 12px; --vkui--size_button_padding_horizontal--regular: 20px; --vkui--size_button_padding_horizontal--compact: 16px; --vkui--size_label_horizontal_margin--regular: 16px; --vkui--size_arrow_padding--regular: 12px; --vkui--size_tooltip_margin--regular: 8px; --vkui--size_icon_u_i--regular: 16px; --vkui--size_avatar_x_s--regular: 24px; --vkui--size_avatar_s--regular: 32px; --vkui--size_avatar_m--regular: 48px; --vkui--size_avatar_l--regular: 96px; --vkui--size_avatar_x_l--regular: 128px; --vkui--size_badge_x_s--regular: 12px; --vkui--size_badge_s--regular: 16px; --vkui--size_badge_m--regular: 24px; --vkui--size_badge_l--regular: 44px; --vkui--size_badge_x_l--regular: 56px; --vkui--size_cardgrid_padding--regular: 12px; --vkui--size_card_border_radius--regular: 16px; --vkui--size_cardgrid_padding_vertical--regular: 8px; --vkui--size_base_padding_horizontal--regular: 16px; --vkui--size_base_padding_vertical--regular: 12px; --vkui--size_button_group_gap_space--regular: 1px; --vkui--size_button_group_gap_small--regular: 8px; --vkui--size_button_group_gap_medium--regular: 12px; --vkui--size_option_hierarchy--regular: 32px; --vkui--size_switch_height--regular: 14px; --vkui--size_switch_height--compact: 12px; --vkui--size_switch_width--regular: 34px; --vkui--size_switch_width--compact: 32px; --vkui--size_switch_pin--regular: 20px; --vkui--size_switch_pin--compact: 18px; --vkui--size_panel_header_height--compact: 48px; --vkui--size_panel_header_height--regular: 56px; --vkui--size_button_base_small_padding_horizontal--regular: 16px; --vkui--size_button_base_medium_padding_horizontal--regular: 16px; --vkui--size_button_base_large_padding_horizontal--regular: 20px; --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px; --vkui--size_button_minimum_width--regular: 80px; --vkui--size_form_item_padding_vertical--regular: 12px; --vkui--size_split_col_padding_horizontal--regular: 16px; --vkui--size_subnavigation_bar_gap--regular: 8px; --vkui--size_subnavigation_bar_padding_vertical--regular: 12px; --vkui--size_border1x--regular: 1px; --vkui--size_border2x--regular: 0.5px; --vkui--size_border3x--regular: 0.33px; --vkui--spacing_size_3xs: 2px; --vkui--spacing_size_2xs: 2px; --vkui--spacing_size_xs: 4px; --vkui--spacing_size_s: 6px; --vkui--spacing_size_m: 8px; --vkui--spacing_size_l: 10px; --vkui--spacing_size_xl: 12px; --vkui--spacing_size_2xl: 16px; --vkui--spacing_size_3xl: 20px; --vkui--spacing_size_4xl: 24px; --vkui--elevation1: 0 2px 0 0 rgba(0,0,0,.04); --vkui--elevation1_invert_y: 0 -2px 0 0 rgba(0,0,0,.04); --vkui--elevation2: 0 4px 48px 0 rgba(0,0,0,.72); --vkui--elevation3: 0 4px 32px 0 rgba(0,0,0,.48); --vkui--elevation4: 0 4px 32px 0 rgba(0,0,0,.48); --vkui--gradient_black: transparent 0%,rgba(0,0,0,.02) 15%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.32) 70%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.4) 100%; --vkui--gradient_white: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--gradient_tint: rgba(37,37,37,0) 0%,rgba(37,37,37,.05) 15%,rgba(37,37,37,.2) 30%,rgba(37,37,37,.8) 70%,rgba(37,37,37,.95) 85%,#252525 100%; --vkui--gradient: rgba(35,35,36,0) 0%,rgba(35,35,36,.05) 15%,rgba(35,35,36,.2) 30%,rgba(35,35,36,.8) 70%,rgba(35,35,36,.95) 85%,#232324 100%; --vkui--animation_duration_l: 0.4s; --vkui--animation_duration_m: 0.2s; --vkui--animation_duration_s: 0.1s; --vkui--animation_easing_default: cubic-bezier(0.3,0.3,0.5,1); --vkui--animation_easing_platform: cubic-bezier(0.3,0.3,0.5,1); --vkui--opacity_disable: 0.48; --vkui--opacity_disable_accessibility: 0.64; --vkui--opacity_active: 0.72; --vkui--blur_m: 16px; --vkui--z_index_modal: 99; --vkui--z_index_popout: 100; --vkui--x0: 0px; --vkui--x025: 1px; --vkui--x05: 2px; --vkui--x1: 4px; --vkui--x2: 8px; --vkui--x3: 12px; --vkui--x4: 16px; --vkui--x5: 20px; --vkui--x6: 24px; --vkui--x8: 32px; --vkui--x10: 40px; --vkui--x12: 48px; --vkui--x15: 60px; --vkui--x20: 80px; --vkui--size_base: 4px; --vkui--size_grid: 20px; --vkui--font_h0--font_size--regular: 28px; --vkui--font_h0--line_height--regular: 32px; --vkui--font_h0--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--regular: 500; --vkui--font_h0--font_size--compact: 44px; --vkui--font_h0--line_height--compact: 52px; --vkui--font_h1--font_size--regular: 24px; --vkui--font_h1--line_height--regular: 28px; --vkui--font_h1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--regular: 500; --vkui--font_h1--font_size--compact: 32px; --vkui--font_h1--line_height--compact: 36px; --vkui--font_h2--font_size--regular: 20px; --vkui--font_h2--line_height--regular: 26px; --vkui--font_h2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--regular: 500; --vkui--font_h2--font_size--compact: 28px; --vkui--font_h2--line_height--compact: 32px; --vkui--size_arrow_height--regular: 8px; --vkui--size_arrow_width--regular: 12px; --vkui--size_base_padding--regular: 16px; --vkui--size_base_padding--compact: 20px; --vkui--size_border_width_tab--regular: 2px; --vkui--size_border_width_bar--regular: 4px; --vkui--size_border_width_accent--regular: 8px; --vkui--size_border_width_accent_secondary--regular: 8px; --vkui--size_control_button_width_min--regular: 130px; --vkui--size_control_button_width_min--compact: 104px; --vkui--size_promo_button_close--regular: 32px; --vkui--size_button_slider_height--regular: 24px; --vkui--size_button_slider_width--regular: 12px; --vkui--size_button_slider_width_pointer--regular: 16px; --vkui--size_field_width_min--regular: 328px; --vkui--size_field_width_min--compact: 380px; --vkui--size_label_width--regular: 184px; --vkui--size_progress--regular: 4px; --vkui--size_progress_scroll--regular: 12px; --vkui--size_dot_bullet--regular: 4px; --vkui--size_dot_indicate--regular: 8px; --vkui--size_dot_clickable--regular: 12px; --vkui--size_vertical_padding--regular: 0px; --vkui--size_button_more_padding--regular: 8px; --vkui--size_icon_more_padding--regular: 12px; --vkui--size_icon_more_padding--compact: 8px; --vkui--size_button_icon_padding--regular: 16px; --vkui--size_button_icon_padding--compact: 20px; --vkui--size_div_padding--regular: 4px; --vkui--size_menu_padding--regular: 8px; --vkui--size_tag_padding--regular: 8px; --vkui--size_tab_padding--regular: 16px; --vkui--size_table_horizontal_padding--regular: 16px; --vkui--size_table_vertical_padding--regular: 16px; --vkui--size_slice_top_padding--regular: 40px; --vkui--size_slice_bottom_padding--regular: 60px; --vkui--size_base_margin--regular: 12px; --vkui--size_label_vertical_margin--regular: 4px; --vkui--size_tip_margin--regular: 4px; --vkui--size_field_horizontal_margin--regular: 20px; --vkui--size_field_vertical_margin--regular: 24px; --vkui--size_field_set_margin--regular: 32px; --vkui--size_icon_margin--regular: 12px; --vkui--size_icon_margin--compact: 8px; --vkui--size_choice_margin--regular: 8px; --vkui--size_menu_margin--regular: 2px; --vkui--size_tag_margin--regular: 8px; --vkui--size_tab_margin--regular: 8px; --vkui--size_bullet_margin--regular: 12px; --vkui--size_attribute_margin--regular: 4px; --vkui--size_popup_margin--regular: 8px; --vkui--size_popup_margin--compact: 24px; --vkui--size_header_icon--regular: 20px; --vkui--size_wysiwyg_icon--regular: 14px; --vkui--size_illustration_s--regular: 48px; --vkui--size_illustration_x_m--regular: 72px; --vkui--size_illustration_m--regular: 96px; --vkui--size_illustration_l--regular: 144px; --vkui--size_illustration_x_x_l--regular: 228px; --vkui--tone_value_overlay: 0.48; --vkui--tone_value_viewer: 0.88; --vkui--tone_value_toolbar: 0.24; --vkui--tone_value_hover: 0.04; --vkui--tone_value_active: 0.08; --vkui--tone_value_focus: 0.08; --vkui--type_border_button: solid; --vkui--type_border_position: inset; --vkui--theme_name_base: "cloud"; --vkui--font_title2_custom--font_size--regular: 20px; --vkui--font_title2_custom--line_height--regular: 26px; --vkui--font_title2_custom--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2_custom--font_weight--regular: 400; --vkui--font_title2_custom--font_size--compact: 20px; --vkui--font_title2_custom--line_height--compact: 26px; --vkui--font_title2_custom--font_weight--compact: 400; --vkui--font_title3_custom--font_size--regular: 18px; --vkui--font_title3_custom--line_height--regular: 24px; --vkui--font_title3_custom--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3_custom--font_weight--regular: 400; --vkui--font_title3_custom--font_size--compact: 17px; --vkui--font_title3_custom--line_height--compact: 22px; --vkui--font_title3_custom--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3_custom--font_weight--compact: 400; --vkui--font_caption1_caps_demibold--font_size--regular: 12px; --vkui--font_caption1_caps_demibold--line_height--regular: 16px; --vkui--font_caption1_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps_demibold--font_weight--regular: 600; --vkui--font_caption1_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption1_caps_demibold--letter_spacing--regular: 0.26px; --vkui--font_caption2_caps_demibold--font_size--regular: 11px; --vkui--font_caption2_caps_demibold--line_height--regular: 14px; --vkui--font_caption2_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps_demibold--font_weight--regular: 600; --vkui--font_caption2_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption2_caps_demibold--letter_spacing--regular: 0.22px; --vkui--font_caption3_caps_demibold--font_size--regular: 9px; --vkui--font_caption3_caps_demibold--line_height--regular: 12px; --vkui--font_caption3_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps_demibold--font_weight--regular: 600; --vkui--font_caption3_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption3_caps_demibold--letter_spacing--regular: 0.16px; --vkui--font_subtitle_medium--font_size: 18px; --vkui--font_subtitle_medium--line_height: 24px; --vkui--font_subtitle_medium--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subtitle_medium--font_weight: 500; --vkui--font_subtitle_custom--font_size: 18px; --vkui--font_subtitle_custom--line_height: 24px; --vkui--font_subtitle_custom--font_weight: 400; --vkui--font_subtitle_custom--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline_large_medium--font_size: 16px; --vkui--font_headline_large_medium--line_height: 20px; --vkui--font_headline_large_medium--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline_large_medium--font_weight: 500; --vkui--font_large_text--font_size: 16px; --vkui--font_large_text--line_height: 20px; --vkui--font_large_text--font_weight: 400; --vkui--font_large_text--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_size--regular: 16px; --vkui--font_headline--line_height--regular: 20px; --vkui--font_headline--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_weight--regular: 500; --vkui--font_headline--font_size--compact: 15px; --vkui--font_headline--line_height--compact: 20px; --vkui--colors_scheme: dark; --vkui--color_background_accent: #07f; --vkui--color_background_accent--hover: #0a7cff; --vkui--color_background_accent--active: #1482ff; --vkui--color_background_accent_themed: #fff; --vkui--color_background_accent_themed--hover: #ebedf0; --vkui--color_background_accent_themed--active: #d7d8db; --vkui--color_background_accent_themed_alpha: hsla(0,0%,100%,.2); --vkui--color_background_accent_themed_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_accent_themed_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_accent_alternative: #ff9e00; --vkui--color_background_accent_alternative--hover: #ffa20a; --vkui--color_background_accent_alternative--active: #ffa614; --vkui--color_background_content: #232324; --vkui--color_background_content--hover: #2c2c2d; --vkui--color_background_content--active: #353536; --vkui--color_background_content_alpha: rgba(35,35,36,.8); --vkui--color_background_content_alpha--hover: rgba(35,35,36,.84); --vkui--color_background_content_alpha--active: rgba(35,35,36,.88); --vkui--color_background_content_inverse: #fff; --vkui--color_background_content_inverse--hover: #ebedf0; --vkui--color_background_content_inverse--active: #d7d8db; --vkui--color_background_secondary: #2a2a2b; --vkui--color_background_secondary--hover: #333; --vkui--color_background_secondary--active: #3b3b3c; --vkui--color_background_secondary_alpha: hsla(0,0%,100%,.12); --vkui--color_background_secondary_alpha--hover: hsla(0,0%,100%,.16); --vkui--color_background_secondary_alpha--active: hsla(0,0%,100%,.2); --vkui--color_background: #19191a; --vkui--color_background--hover: #222223; --vkui--color_background--active: #2b2b2c; --vkui--color_background_contrast: #fff; --vkui--color_background_contrast--hover: #ebedf0; --vkui--color_background_contrast--active: #d7d8db; --vkui--color_background_contrast_secondary_alpha: hsla(0,0%,100%,.2); --vkui--color_background_contrast_secondary_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_contrast_secondary_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_warning: #6c4e00; --vkui--color_background_warning--hover: #72550a; --vkui--color_background_warning--active: #785c14; --vkui--color_background_negative: #ff5c5c; --vkui--color_background_negative--hover: #ff6363; --vkui--color_background_negative--active: #ff6969; --vkui--color_background_tertiary: #252525; --vkui--color_background_tertiary--hover: #2e2e2e; --vkui--color_background_tertiary--active: #363636; --vkui--color_background_tertiary_alpha: hsla(0,0%,100%,.02); --vkui--color_background_tertiary_alpha--hover: hsla(0,0%,100%,.1); --vkui--color_background_tertiary_alpha--active: hsla(0,0%,100%,.14); --vkui--color_background_modal: #303030; --vkui--color_background_modal--hover: #383838; --vkui--color_background_modal--active: #414141; --vkui--color_background_positive: #0dc268; --vkui--color_background_positive--hover: #17c46e; --vkui--color_background_positive--active: #20c774; --vkui--color_background_negative_tint: #522e2e; --vkui--color_background_negative_tint--hover: #593636; --vkui--color_background_negative_tint--active: #603f3f; --vkui--color_background_positive_tint: #182a22; --vkui--color_background_positive_tint--hover: #21332b; --vkui--color_background_positive_tint--active: #2a3b34; --vkui--color_field_background: #232324; --vkui--color_field_background--hover: #2c2c2d; --vkui--color_field_background--active: #353536; --vkui--color_background_modal_inverse: #fff; --vkui--color_background_modal_inverse--hover: #ebedf0; --vkui--color_background_modal_inverse--active: #d7d8db; --vkui--color_background_contrast_inverse: #303030; --vkui--color_background_contrast_inverse--hover: #383838; --vkui--color_background_contrast_inverse--active: #414141; --vkui--color_background_contrast_themed: #303030; --vkui--color_background_contrast_themed--hover: #383838; --vkui--color_background_contrast_themed--active: #414141; --vkui--color_background_accent_tint: #5a9eff; --vkui--color_background_accent_tint--hover: #61a2ff; --vkui--color_background_accent_tint--active: #67a6ff; --vkui--color_background_info_tint: #19202f; --vkui--color_background_info_tint--hover: #222937; --vkui--color_background_info_tint--active: #2b3240; --vkui--color_text_accent: #1a85ff; --vkui--color_text_accent--hover: #238aff; --vkui--color_text_accent--active: #2c8fff; --vkui--color_text_accent_themed: #fff; --vkui--color_text_accent_themed--hover: #ebedf0; --vkui--color_text_accent_themed--active: #d7d8db; --vkui--color_text_negative: #ff5c5c; --vkui--color_text_negative--hover: #ff6363; --vkui--color_text_negative--active: #ff6969; --vkui--color_text_link: #1a85ff; --vkui--color_text_link--hover: #238aff; --vkui--color_text_link--active: #2c8fff; --vkui--color_text_link_tint: #71aaeb; --vkui--color_text_link_tint--hover: #77adec; --vkui--color_text_link_tint--active: #7cb1ed; --vkui--color_text_link_themed: #fff; --vkui--color_text_link_themed--hover: #ebedf0; --vkui--color_text_link_themed--active: #d7d8db; --vkui--color_text_muted: #e7e8ea; --vkui--color_text_muted--hover: #e8e9eb; --vkui--color_text_muted--active: #e9eaec; --vkui--color_text_primary: #e7e8ea; --vkui--color_text_primary--hover: #e8e9eb; --vkui--color_text_primary--active: #e9eaec; --vkui--color_text_primary_alpha: rgba(249,252,255,.72); --vkui--color_text_primary_alpha--hover: rgba(249,252,255,.76); --vkui--color_text_primary_alpha--active: rgba(249,252,255,.8); --vkui--color_text_primary_invariably: #2c2d2e; --vkui--color_text_primary_invariably--hover: #343536; --vkui--color_text_primary_invariably--active: #3d3e3f; --vkui--color_text_secondary: #8c8e94; --vkui--color_text_secondary--hover: #919398; --vkui--color_text_secondary--active: #95979d; --vkui--color_text_secondary_alpha: rgba(247,251,255,.42); --vkui--color_text_secondary_alpha--hover: rgba(247,251,255,.46); --vkui--color_text_secondary_alpha--active: rgba(247,251,255,.5); --vkui--color_text_subhead: #bfc1c5; --vkui--color_text_subhead--hover: #c2c3c7; --vkui--color_text_subhead--active: #c4c6ca; --vkui--color_text_tertiary: #74767a; --vkui--color_text_tertiary--hover: #7a7b7f; --vkui--color_text_tertiary--active: #7f8185; --vkui--color_text_link_visited: #528fdf; --vkui--color_text_link_visited--hover: #5993e0; --vkui--color_text_link_visited--active: #6098e2; --vkui--color_text_contrast: #fff; --vkui--color_text_contrast--hover: #ebedf0; --vkui--color_text_contrast--active: #d7d8db; --vkui--color_text_contrast_themed: #2c2d2e; --vkui--color_text_contrast_themed--hover: #343536; --vkui--color_text_contrast_themed--active: #3d3e3f; --vkui--color_link_contrast: #fff; --vkui--color_link_contrast--hover: #ebedf0; --vkui--color_link_contrast--active: #d7d8db; --vkui--color_text_positive: #0dc268; --vkui--color_text_positive--hover: #17c46e; --vkui--color_text_positive--active: #20c774; --vkui--color_icon_accent: #07f; --vkui--color_icon_accent--hover: #0a7cff; --vkui--color_icon_accent--active: #1482ff; --vkui--color_icon_accent_themed: #fff; --vkui--color_icon_accent_themed--hover: #ebedf0; --vkui--color_icon_accent_themed--active: #d7d8db; --vkui--color_icon_primary: #d9dadd; --vkui--color_icon_primary--hover: #dbdbde; --vkui--color_icon_primary--active: #dcdde0; --vkui--color_icon_primary_invariably: #2c2d2e; --vkui--color_icon_primary_invariably--hover: #343536; --vkui--color_icon_primary_invariably--active: #3d3e3f; --vkui--color_icon_medium: #b0b1b6; --vkui--color_icon_medium--hover: #b3b4b9; --vkui--color_icon_medium--active: #b6b7bc; --vkui--color_icon_medium_alpha: rgba(245,246,255,.7); --vkui--color_icon_medium_alpha--hover: rgba(245,246,255,.74); --vkui--color_icon_medium_alpha--active: rgba(245,246,255,.78); --vkui--color_icon_secondary: #9c9da2; --vkui--color_icon_secondary--hover: #a0a1a6; --vkui--color_icon_secondary--active: #a4a5a9; --vkui--color_icon_secondary_alpha: rgba(245,246,255,.6); --vkui--color_icon_secondary_alpha--hover: rgba(245,246,255,.64); --vkui--color_icon_secondary_alpha--active: rgba(245,246,255,.68); --vkui--color_icon_tertiary: #83848a; --vkui--color_icon_tertiary--hover: #88898f; --vkui--color_icon_tertiary--active: #8d8e93; --vkui--color_icon_tertiary_alpha: rgba(245,246,255,.5); --vkui--color_icon_tertiary_alpha--hover: rgba(245,246,255,.54); --vkui--color_icon_tertiary_alpha--active: rgba(245,246,255,.58); --vkui--color_icon_contrast: #fff; --vkui--color_icon_contrast--hover: #ebedf0; --vkui--color_icon_contrast--active: #d7d8db; --vkui--color_icon_contrast_themed: #2c2d2e; --vkui--color_icon_contrast_themed--hover: #343536; --vkui--color_icon_contrast_themed--active: #3d3e3f; --vkui--color_icon_positive: #0dc268; --vkui--color_icon_positive--hover: #17c46e; --vkui--color_icon_positive--active: #20c774; --vkui--color_icon_warning: #ff9e00; --vkui--color_icon_warning--hover: #ffa20a; --vkui--color_icon_warning--active: #ffa614; --vkui--color_icon_negative: #ff5c5c; --vkui--color_icon_negative--hover: #ff6363; --vkui--color_icon_negative--active: #ff6969; --vkui--color_icon_contrast_secondary: #f2f3f5; --vkui--color_icon_contrast_secondary--hover: #f3f3f5; --vkui--color_icon_contrast_secondary--active: #f3f4f6; --vkui--color_stroke_accent: #07f; --vkui--color_stroke_accent--hover: #0a7cff; --vkui--color_stroke_accent--active: #1482ff; --vkui--color_stroke_accent_themed: #fff; --vkui--color_stroke_accent_themed--hover: #ebedf0; --vkui--color_stroke_accent_themed--active: #d7d8db; --vkui--color_stroke_contrast: #fff; --vkui--color_stroke_contrast--hover: #ebedf0; --vkui--color_stroke_contrast--active: #d7d8db; --vkui--color_stroke_negative: #ff5c5c; --vkui--color_stroke_negative--hover: #ff6363; --vkui--color_stroke_negative--active: #ff6969; --vkui--color_stroke_primary: #d9dadd; --vkui--color_stroke_primary--hover: #dbdbde; --vkui--color_stroke_primary--active: #dcdde0; --vkui--color_image_border_alpha: hsla(0,0%,100%,.08); --vkui--color_image_border_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_image_border_alpha--active: hsla(0,0%,100%,.16); --vkui--color_field_border_alpha: hsla(0,0%,100%,.16); --vkui--color_field_border_alpha--hover: hsla(0,0%,100%,.2); --vkui--color_field_border_alpha--active: hsla(0,0%,100%,.24); --vkui--color_separator_primary_alpha: rgba(0,0,0,.4); --vkui--color_separator_primary_alpha--hover: rgba(0,0,0,.44); --vkui--color_separator_primary_alpha--active: rgba(0,0,0,.48); --vkui--color_separator_secondary: #181818; --vkui--color_separator_secondary--hover: #212121; --vkui--color_separator_secondary--active: #2a2a2a; --vkui--color_separator_primary: #151516; --vkui--color_separator_primary--hover: #1e1e1f; --vkui--color_separator_primary--active: #282829; --vkui--color_stroke_positive: #0dc268; --vkui--color_stroke_positive--hover: #17c46e; --vkui--color_stroke_positive--active: #20c774; --vkui--color_separator_primary2x: #202022; --vkui--color_separator_primary2x--hover: #29292b; --vkui--color_separator_primary2x--active: #323234; --vkui--color_separator_primary3x: #2d2d2f; --vkui--color_separator_primary3x--hover: #353537; --vkui--color_separator_primary3x--active: #3e3e40; --vkui--color_accent_blue: #07f; --vkui--color_accent_blue--hover: #0a7cff; --vkui--color_accent_blue--active: #1482ff; --vkui--color_accent_gray: #9c9da2; --vkui--color_accent_gray--hover: #a0a1a6; --vkui--color_accent_gray--active: #a4a5a9; --vkui--color_accent_red: #ed330a; --vkui--color_accent_red--hover: #ee3b14; --vkui--color_accent_red--active: #ee431e; --vkui--color_accent_orange_fire: #f05c44; --vkui--color_accent_orange_fire--hover: #f1634b; --vkui--color_accent_orange_fire--active: #f16953; --vkui--color_accent_orange: #ff9e00; --vkui--color_accent_orange--hover: #ffa20a; --vkui--color_accent_orange--active: #ffa614; --vkui--color_accent_orange_peach: #ffc062; --vkui--color_accent_orange_peach--hover: #ffc368; --vkui--color_accent_orange_peach--active: #ffc56f; --vkui--color_accent_lime: #b8fc75; --vkui--color_accent_lime--hover: #bbfc7b; --vkui--color_accent_lime--active: #befc80; --vkui--color_accent_green: #0dc268; --vkui--color_accent_green--hover: #17c46e; --vkui--color_accent_green--active: #20c774; --vkui--color_accent_cyan: #07e5f9; --vkui--color_accent_cyan--hover: #11e6f9; --vkui--color_accent_cyan--active: #1be7f9; --vkui--color_accent_azure: #07f; --vkui--color_accent_azure--hover: #0a7cff; --vkui--color_accent_azure--active: #1482ff; --vkui--color_accent_purple: #8c64ff; --vkui--color_accent_purple--hover: #916aff; --vkui--color_accent_purple--active: #9570ff; --vkui--color_accent_violet: #c15df3; --vkui--color_accent_violet--hover: #c363f3; --vkui--color_accent_violet--active: #c66af4; --vkui--color_accent_raspberry_pink: #f060c0; --vkui--color_accent_raspberry_pink--hover: #f166c3; --vkui--color_accent_raspberry_pink--active: #f16dc5; --vkui--color_accent_pink: #ff3985; --vkui--color_accent_pink--hover: #ff418a; --vkui--color_accent_pink--active: #ff498f; --vkui--color_accent_secondary: #ff9e00; --vkui--color_accent_secondary--hover: #ffa20a; --vkui--color_accent_secondary--active: #ffa614; --vkui--color_action_sheet_text: #07f; --vkui--color_action_sheet_text--hover: #0a7cff; --vkui--color_action_sheet_text--active: #1482ff; --vkui--color_header_background: #232324; --vkui--color_header_background--hover: #2c2c2d; --vkui--color_header_background--active: #353536; --vkui--color_panel_header_icon: #07f; --vkui--color_panel_header_icon--hover: #0a7cff; --vkui--color_panel_header_icon--active: #1482ff; --vkui--color_write_bar_input_background: #2a2a2b; --vkui--color_write_bar_input_background--hover: #333; --vkui--color_write_bar_input_background--active: #3b3b3c; --vkui--color_write_bar_input_border: #2c2d2e; --vkui--color_write_bar_input_border--hover: #343536; --vkui--color_write_bar_input_border--active: #3d3e3f; --vkui--color_write_bar_input_border_alpha: hsla(0,0%,100%,.8); --vkui--color_write_bar_input_border_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_write_bar_input_border_alpha--active: hsla(0,0%,100%,.88); --vkui--color_track_background: #434445; --vkui--color_track_background--hover: #4b4b4c; --vkui--color_track_background--active: #525354; --vkui--color_track_buffer: #83aaea; --vkui--color_track_buffer--hover: #88adeb; --vkui--color_track_buffer--active: #8db1ec; --vkui--color_image_placeholder: #393a3b; --vkui--color_image_placeholder--hover: #414243; --vkui--color_image_placeholder--active: #494a4b; --vkui--color_image_placeholder_alpha: hsla(0,0%,100%,.8); --vkui--color_image_placeholder_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_image_placeholder_alpha--active: hsla(0,0%,100%,.88); --vkui--color_search_field_background: #393a3b; --vkui--color_search_field_background--hover: #414243; --vkui--color_search_field_background--active: #494a4b; --vkui--color_write_bar_icon: #07f; --vkui--color_write_bar_icon--hover: #0a7cff; --vkui--color_write_bar_icon--active: #1482ff; --vkui--color_skeleton_from: #2a2a2b; --vkui--color_skeleton_from--hover: #333; --vkui--color_skeleton_from--active: #3b3b3c; --vkui--color_skeleton_to: #3e3f40; --vkui--color_skeleton_to--hover: #464748; --vkui--color_skeleton_to--active: #4d4e4f; --vkui--color_avatar_overlay: hsla(220,4%,70%,.48); --vkui--color_avatar_overlay--hover: hsla(220,4%,70%,.52); --vkui--color_avatar_overlay--active: hsla(220,4%,70%,.56); --vkui--color_avatar_overlay_inverse_alpha: hsla(0,0%,100%,.85); --vkui--color_avatar_overlay_inverse_alpha--hover: hsla(0,0%,100%,.89); --vkui--color_avatar_overlay_inverse_alpha--active: hsla(0,0%,100%,.93); --vkui--color_overlay_primary: rgba(0,0,0,.72); --vkui--color_overlay_primary--hover: rgba(0,0,0,.76); --vkui--color_overlay_primary--active: rgba(0,0,0,.8); --vkui--color_overlay_secondary: rgba(55,56,57,.5); --vkui--color_overlay_secondary--hover: rgba(55,56,57,.54); --vkui--color_overlay_secondary--active: rgba(55,56,57,.58); --vkui--color_segmented_control: #626364; --vkui--color_segmented_control--hover: #68696a; --vkui--color_segmented_control--active: #6f6f70; --vkui--color_tabbar_text_inactive: #76787a; --vkui--color_tabbar_text_inactive--hover: #7b7d7f; --vkui--color_tabbar_text_inactive--active: #818385; --vkui--color_button_text: #fff; --vkui--color_button_text--hover: #ebedf0; --vkui--color_button_text--active: #d7d8db; --vkui--color_button_icon: #fff; --vkui--color_button_icon--hover: #ebedf0; --vkui--color_button_icon--active: #d7d8db; --vkui--color_button_stroke: #fff; --vkui--color_button_stroke--hover: #ebedf0; --vkui--color_button_stroke--active: #d7d8db; --vkui--color_transparent: transparent; --vkui--color_transparent--hover: hsla(0,0%,100%,.04); --vkui--color_transparent--active: hsla(0,0%,100%,.08); --vkui--color_rating: #ffd400; --vkui--color_rating--hover: #ffd60a; --vkui--color_rating--active: #ffd714; --vkui--color_button_contrast_alpha: hsla(0,0%,100%,.12); --vkui--color_button_contrast_alpha--hover: hsla(0,0%,100%,.2); --vkui--color_button_contrast_alpha--active: hsla(0,0%,100%,.24); --vkui--color_button_contrast: #252526; --vkui--color_button_contrast--hover: #29292a; --vkui--color_button_contrast--active: #2c2c2d; --vkui--color_thumb_error_background_alpha: rgba(237,10,52,.12); --vkui--color_thumb_error_background_alpha--hover: rgba(237,10,52,.16); --vkui--color_thumb_error_background_alpha--active: rgba(237,10,52,.2); --vkui--color_background_accent_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_accent_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_accent_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_accent_tint_alpha: rgba(0,119,255,.1); --vkui--color_background_accent_tint_alpha--hover: rgba(0,119,255,.14); --vkui--color_background_accent_tint_alpha--active: rgba(0,119,255,.18); --vkui--color_background_accent_tint_themed: #2b2b2c; --vkui--color_background_accent_tint_themed--hover: #333334; --vkui--color_background_accent_tint_themed--active: #3c3c3d; --vkui--color_background_warning_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_warning_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_warning_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_warning_tint_alpha: rgba(255,158,0,.1); --vkui--color_background_warning_tint_alpha--hover: rgba(255,158,0,.14); --vkui--color_background_warning_tint_alpha--active: rgba(255,158,0,.18); --vkui--color_background_warning_tint_themed: #2b2b2c; --vkui--color_background_warning_tint_themed--hover: #333334; --vkui--color_background_warning_tint_themed--active: #3c3c3d; --vkui--color_background_warning_tint: #302617; --vkui--color_background_warning_tint--hover: #382f20; --vkui--color_background_warning_tint--active: #41372a; --vkui--color_background_negative_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_negative_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_negative_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_negative_tint_alpha: rgba(237,51,10,.1); --vkui--color_background_negative_tint_alpha--hover: rgba(237,51,10,.14); --vkui--color_background_negative_tint_alpha--active: rgba(237,51,10,.18); --vkui--color_background_negative_tint_themed: #2b2b2c; --vkui--color_background_negative_tint_themed--hover: #333334; --vkui--color_background_negative_tint_themed--active: #3c3c3d; --vkui--color_background_positive_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_positive_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_positive_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_positive_tint_alpha: rgba(13,194,104,.1); --vkui--color_background_positive_tint_alpha--hover: rgba(13,194,104,.14); --vkui--color_background_positive_tint_alpha--active: rgba(13,194,104,.18); --vkui--color_background_positive_tint_themed: #2b2b2c; --vkui--color_background_positive_tint_themed--hover: #333334; --vkui--color_background_positive_tint_themed--active: #3c3c3d; --vkui--color_tooltip_background_blue_tint: #1c4479; --vkui--color_tooltip_background_blue_tint--hover: #254b7e; --vkui--color_tooltip_background_blue_tint--active: #2e5384; --vkui--color_tooltip_background_green_tint: #087c6d; --vkui--color_tooltip_background_green_tint--hover: #128173; --vkui--color_tooltip_background_green_tint--active: #1c8679; --vkui--color_tooltip_background_orange_tint: #78472a; --vkui--color_tooltip_background_orange_tint--hover: #7d4e33; --vkui--color_tooltip_background_orange_tint--active: #83563b; --vkui--color_tooltip_background_purple_tint: #73519f; --vkui--color_tooltip_background_purple_tint--hover: #7958a3; --vkui--color_tooltip_background_purple_tint--active: #7e5fa7; --vkui--color_tooltip_text_blue_themed: #fff; --vkui--color_tooltip_text_blue_themed--hover: #ebedf0; --vkui--color_tooltip_text_blue_themed--active: #d7d8db; --vkui--color_tooltip_text_green_themed: #fff; --vkui--color_tooltip_text_green_themed--hover: #ebedf0; --vkui--color_tooltip_text_green_themed--active: #d7d8db; --vkui--color_tooltip_text_orange_themed: #fff; --vkui--color_tooltip_text_orange_themed--hover: #ebedf0; --vkui--color_tooltip_text_orange_themed--active: #d7d8db; --vkui--color_tooltip_text_purple_themed: #fff; --vkui--color_tooltip_text_purple_themed--hover: #ebedf0; --vkui--color_tooltip_text_purple_themed--active: #d7d8db; --vkui--color_background_sky: #2b2b2c; --vkui--color_background_sky--hover: #333334; --vkui--color_background_sky--active: #3c3c3d; --vkui--color_background_sky_alpha: rgba(51,51,51,.8); --vkui--color_background_sky_alpha--hover: rgba(51,51,51,.84); --vkui--color_background_sky_alpha--active: rgba(51,51,51,.88); --vkui--cloud_color_text_secondary_alpha: hsla(0,0%,100%,.48); --vkui--cloud_color_text_secondary_alpha--hover: hsla(0,0%,100%,.52); --vkui--cloud_color_text_secondary_alpha--active: hsla(0,0%,100%,.56); --vkui--cloud_color_text_accent_alternative: #ff9e00; --vkui--cloud_color_text_accent_alternative--hover: #ffa20a; --vkui--cloud_color_text_accent_alternative--active: #ffa614; --vkui--cloud_color_text_snackbar_accent: #65a0ff; --vkui--cloud_color_text_snackbar_accent--hover: #6ba4ff; --vkui--cloud_color_text_snackbar_accent--active: #71a8ff; --vkui--cloud_color_text_contrast_themed_alpha: hsla(0,0%,100%,.6); --vkui--cloud_color_text_contrast_themed_alpha--hover: hsla(0,0%,100%,.64); --vkui--cloud_color_text_contrast_themed_alpha--active: hsla(0,0%,100%,.68); --vkui--cloud_color_toolbar_background: #1f1f1f; --vkui--cloud_color_toolbar_background--hover: #282828; --vkui--cloud_color_toolbar_background--active: #313131; --vkui--cloud_color_viewer_background: #000; --vkui--cloud_color_viewer_background--hover: #0a0a0a; --vkui--cloud_color_viewer_background--active: #141414; --vkui--cloud_color_tabbar_background_alpha: rgba(43,43,43,.9); --vkui--cloud_color_tabbar_background_alpha--hover: rgba(43,43,43,.94); --vkui--cloud_color_tabbar_background_alpha--active: rgba(43,43,43,.98); --vkui--cloud_color_header_icon_background_alpha: hsla(0,0%,71%,.16); --vkui--cloud_color_header_icon_background_alpha--hover: hsla(0,0%,71%,.2); --vkui--cloud_color_header_icon_background_alpha--active: hsla(0,0%,71%,.24); --vkui--cloud_color_background_drag_and_drop: #000b1e; --vkui--cloud_color_background_drag_and_drop--hover: #0a1527; --vkui--cloud_color_background_drag_and_drop--active: #141f30; --vkui--cloud_color_background_c_t_a: #1b1d21; --vkui--cloud_color_background_c_t_a--hover: #24262a; --vkui--cloud_color_background_c_t_a--active: #2d2f33; --vkui--cloud_color_header_search_background: #303030; --vkui--cloud_color_header_search_background--hover: #383838; --vkui--cloud_color_header_search_background--active: #414141; --vkui--cloud_color_header_search_background_collapsed: #303030; --vkui--cloud_color_header_search_background_collapsed--hover: #383838; --vkui--cloud_color_header_search_background_collapsed--active: #414141; --vkui--cloud_color_background_portal: #19191a; --vkui--cloud_color_background_portal--hover: #222223; --vkui--cloud_color_background_portal--active: #2b2b2c; --vkui--cloud_color_background_alternative: #191919; --vkui--cloud_color_background_alternative--hover: #222; --vkui--cloud_color_background_alternative--active: #2b2b2b; --vkui--cloud_color_background_content_alternative: #2a2a2a; --vkui--cloud_color_background_content_alternative--hover: #333; --vkui--cloud_color_background_content_alternative--active: #3b3b3b; --vkui--cloud_color_background_fast_scroll: #39393c; --vkui--cloud_color_background_fast_scroll--hover: #414144; --vkui--cloud_color_background_fast_scroll--active: #49494c; --vkui--cloud_color_icon_accent_alternative: #ff9e00; --vkui--cloud_color_icon_accent_alternative--hover: #ffa20a; --vkui--cloud_color_icon_accent_alternative--active: #ffa614; --vkui--cloud_color_icon_rating: #ffd400; --vkui--cloud_color_icon_rating--hover: #ffd60a; --vkui--cloud_color_icon_rating--active: #ffd714; --vkui--cloud_color_icon_folder: #fedd69; --vkui--cloud_color_icon_folder--hover: #fede6f; --vkui--cloud_color_icon_folder--active: #fee075; --vkui--cloud_color_landing_stroke_tariff: #249afc; --vkui--cloud_color_landing_stroke_tariff--hover: #2d9efc; --vkui--cloud_color_landing_stroke_tariff--active: #36a2fc; --vkui--cloud_color_sweetblue: #1c4479; --vkui--cloud_color_sweetblue--hover: #254b7e; --vkui--cloud_color_sweetblue--active: #2e5384; --vkui--cloud_color_blue_accent_themed: #fff; --vkui--cloud_color_blue_accent_themed--hover: #ebedf0; --vkui--cloud_color_blue_accent_themed--active: #d7d8db; --vkui--cloud_color_sweetgreen: #087c6d; --vkui--cloud_color_sweetgreen--hover: #128173; --vkui--cloud_color_sweetgreen--active: #1c8679; --vkui--cloud_color_green_accent_themed: #fff; --vkui--cloud_color_green_accent_themed--hover: #ebedf0; --vkui--cloud_color_green_accent_themed--active: #d7d8db; --vkui--cloud_color_sweetorange: #78472a; --vkui--cloud_color_sweetorange--hover: #7d4e33; --vkui--cloud_color_sweetorange--active: #83563b; --vkui--cloud_color_orange_accent_themed: #fff; --vkui--cloud_color_orange_accent_themed--hover: #ebedf0; --vkui--cloud_color_orange_accent_themed--active: #d7d8db; --vkui--cloud_color_sweetpurple: #73519f; --vkui--cloud_color_sweetpurple--hover: #7958a3; --vkui--cloud_color_sweetpurple--active: #7e5fa7; --vkui--cloud_color_purple_accent_themed: #fff; --vkui--cloud_color_purple_accent_themed--hover: #ebedf0; --vkui--cloud_color_purple_accent_themed--active: #d7d8db; --vkui--cloud_color_icon_i_d_card_themed_alpha: hsla(0,0%,100%,.08); --vkui--cloud_color_icon_i_d_card_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_icon_i_d_card_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--cloud_color_icon_i_d_card: #1b85ff; --vkui--cloud_color_icon_i_d_card--hover: #248aff; --vkui--cloud_color_icon_i_d_card--active: #2d8fff; --vkui--cloud_color_icon_official_themed_alpha: hsla(0,0%,100%,.08); --vkui--cloud_color_icon_official_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_icon_official_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--cloud_color_icon_official: #ec4750; --vkui--cloud_color_icon_official--hover: #ed4e57; --vkui--cloud_color_icon_official--active: #ee565e; --vkui--cloud_color_icon_transport_themed: hsla(0,0%,100%,.08); --vkui--cloud_color_icon_transport_themed--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_icon_transport_themed--active: hsla(0,0%,100%,.16); --vkui--cloud_color_icon_transport: #ae7eec; --vkui--cloud_color_icon_transport--hover: #b183ed; --vkui--cloud_color_icon_transport--active: #b488ee; --vkui--cloud_color_icon_finance_themed: hsla(0,0%,100%,.08); --vkui--cloud_color_icon_finance_themed--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_icon_finance_themed--active: hsla(0,0%,100%,.16); --vkui--cloud_color_icon_finance: #24c780; --vkui--cloud_color_icon_finance--hover: #2dc985; --vkui--cloud_color_icon_finance--active: #36cb8a; --vkui--cloud_color_icon_file_document_invariably: #018bf2; --vkui--cloud_color_icon_file_document_invariably--hover: #0b90f3; --vkui--cloud_color_icon_file_document_invariably--active: #1594f3; --vkui--cloud_color_icon_file_presentation_invariably: #da4c4e; --vkui--cloud_color_icon_file_presentation_invariably--hover: #db5355; --vkui--cloud_color_icon_file_presentation_invariably--active: #dd5a5c; --vkui--cloud_color_icon_file_table_invariably: #019784; --vkui--cloud_color_icon_file_table_invariably--hover: #0b9b89; --vkui--cloud_color_icon_file_table_invariably--active: #159f8e; --vkui--cloud_color_background_file_document: #353535; --vkui--cloud_color_background_file_document--hover: #3d3d3d; --vkui--cloud_color_background_file_document--active: #454545; --vkui--cloud_color_background_file_presentation: #353535; --vkui--cloud_color_background_file_presentation--hover: #3d3d3d; --vkui--cloud_color_background_file_presentation--active: #454545; --vkui--cloud_color_background_file_table: #353535; --vkui--cloud_color_background_file_table--hover: #3d3d3d; --vkui--cloud_color_background_file_table--active: #454545; --vkui--cloud_color_background_file_other_alpha: hsla(0,0%,100%,.08); --vkui--cloud_color_background_file_other_alpha--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_background_file_other_alpha--active: hsla(0,0%,100%,.16); --vkui--cloud_color_background_profile_tariff: #563940; --vkui--cloud_color_background_profile_tariff--hover: #5d4148; --vkui--cloud_color_background_profile_tariff--active: #64494f; --vkui--cloud_color_icon_profile_tariff: #ff5b9a; --vkui--cloud_color_icon_profile_tariff--hover: #ff629e; --vkui--cloud_color_icon_profile_tariff--active: #ff68a2; --vkui--cloud_color_background_profile_access: #354c2c; --vkui--cloud_color_background_profile_access--hover: #3d5334; --vkui--cloud_color_background_profile_access--active: #455a3d; --vkui--cloud_color_icon_profile_access: #5cba38; --vkui--cloud_color_icon_profile_access--hover: #63bd40; --vkui--cloud_color_icon_profile_access--active: #69c048; --vkui--cloud_color_background_profile_uploading: #524228; --vkui--cloud_color_background_profile_uploading--hover: #594a31; --vkui--cloud_color_background_profile_uploading--active: #605139; --vkui--cloud_color_icon_profile_uploading: #ff9e00; --vkui--cloud_color_icon_profile_uploading--hover: #ffa20a; --vkui--cloud_color_icon_profile_uploading--active: #ffa614; --vkui--cloud_color_background_profile_trash: #414346; --vkui--cloud_color_background_profile_trash--hover: #494b4d; --vkui--cloud_color_background_profile_trash--active: #505255; --vkui--cloud_color_icon_profile_trash: #c9c9c9; --vkui--cloud_color_icon_profile_trash--hover: #cbcbcb; --vkui--cloud_color_icon_profile_trash--active: #cdcdcd; --vkui--cloud_color_background_profile_settings: #30443b; --vkui--cloud_color_background_profile_settings--hover: #384b43; --vkui--cloud_color_background_profile_settings--active: #41534b; --vkui--cloud_color_icon_profile_settings: #06c7af; --vkui--cloud_color_icon_profile_settings--hover: #10c9b2; --vkui--cloud_color_icon_profile_settings--active: #1acbb5; --vkui--cloud_color_background_profile_mail: #273d4e; --vkui--cloud_color_background_profile_mail--hover: #304555; --vkui--cloud_color_background_profile_mail--active: #384d5c; --vkui--cloud_color_icon_profile_mail: #1b85ff; --vkui--cloud_color_icon_profile_mail--hover: #248aff; --vkui--cloud_color_icon_profile_mail--active: #2d8fff; --vkui--cloud_color_landing_background: #000; --vkui--cloud_color_landing_background--hover: #0a0a0a; --vkui--cloud_color_landing_background--active: #141414; --vkui--cloud_color_landing_secondary_background: #303030; --vkui--cloud_color_landing_secondary_background--hover: #383838; --vkui--cloud_color_landing_secondary_background--active: #414141; --vkui--cloud_color_landing_tertiary_background: #191919; --vkui--cloud_color_landing_tertiary_background--hover: #222; --vkui--cloud_color_landing_tertiary_background--active: #2b2b2b; --vkui--cloud_color_landing_medium_background: #19191a; --vkui--cloud_color_landing_medium_background--hover: #222223; --vkui--cloud_color_landing_medium_background--active: #2b2b2c; --vkui--cloud_color_landing_button_background: #191919; --vkui--cloud_color_landing_button_background--hover: #222; --vkui--cloud_color_landing_button_background--active: #2b2b2b; --vkui--cloud_color_landing_label_background: #191919; --vkui--cloud_color_landing_label_background--hover: #222; --vkui--cloud_color_landing_label_background--active: #2b2b2b; --vkui--cloud_color_landing_label_inverse_background: #2775fc; --vkui--cloud_color_landing_label_inverse_background--hover: #307bfc; --vkui--cloud_color_landing_label_inverse_background--active: #3880fc; --vkui--cloud_color_landing_control_primary_background: #3b3b3b; --vkui--cloud_color_landing_control_primary_background--hover: #434343; --vkui--cloud_color_landing_control_primary_background--active: #4b4b4b; --vkui--cloud_color_landing_control_secondary_background: #262627; --vkui--cloud_color_landing_control_secondary_background--hover: #2f2f30; --vkui--cloud_color_landing_control_secondary_background--active: #373738; --vkui--cloud_color_subscription_button_background: #191919; --vkui--cloud_color_subscription_button_background--hover: #222; --vkui--cloud_color_subscription_button_background--active: #2b2b2b; --vkui--cloud_color_scroll_indicator_alpha: hsla(0,0%,100%,.28); --vkui--cloud_color_scroll_indicator_alpha--hover: hsla(0,0%,100%,.32); --vkui--cloud_color_scroll_indicator_alpha--active: hsla(0,0%,100%,.36); --vkui--cloud_color_sidebar_item_text: #fff; --vkui--cloud_color_sidebar_item_text--hover: #ebedf0; --vkui--cloud_color_sidebar_item_text--active: #d7d8db; --vkui--cloud_color_sidebar_item_text_primary: #e7e8ea; --vkui--cloud_color_sidebar_item_text_primary--hover: #e8e9eb; --vkui--cloud_color_sidebar_item_text_primary--active: #e9eaec; --vkui--cloud_color_sidebar_item_text_secondary: #8c8e94; --vkui--cloud_color_sidebar_item_text_secondary--hover: #919398; --vkui--cloud_color_sidebar_item_text_secondary--active: #95979d; --vkui--cloud_color_sidebar_item_background_alpha: transparent; --vkui--cloud_color_sidebar_item_background_alpha--hover: hsla(0,0%,100%,.24); --vkui--cloud_color_sidebar_item_background_alpha--active: hsla(0,0%,100%,.24); --vkui--cloud_color_background: #19191a; --vkui--cloud_color_background--hover: #222223; --vkui--cloud_color_background--active: #2b2b2c; --vkui--cloud_color_overlay_background: transparent; --vkui--cloud_color_overlay_background--hover: hsla(0,0%,100%,.04); --vkui--cloud_color_overlay_background--active: hsla(0,0%,100%,.08); } .onlyVariablesLocal__vkui--octavius--light--3ALt3 { --vkui--theme_name: "paradigmTech"; --vkui--font_family_fallbacks: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_accent: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_base: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_weight_accent1: 500; --vkui--font_weight_accent2: 500; --vkui--font_weight_accent3: 400; --vkui--font_weight_base1: 700; --vkui--font_weight_base2: 700; --vkui--font_weight_base3: 400; --vkui--font_display_title1--font_size--regular: 23px; --vkui--font_display_title1--line_height--regular: 28px; --vkui--font_display_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title1--font_weight--regular: 500; --vkui--font_display_title2--font_size--regular: 21px; --vkui--font_display_title2--line_height--regular: 26px; --vkui--font_display_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--regular: 500; --vkui--font_display_title2--font_size--compact: 22px; --vkui--font_display_title2--line_height--compact: 22px; --vkui--font_display_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--compact: 500; --vkui--font_display_title3--font_size--regular: 19px; --vkui--font_display_title3--line_height--regular: 24px; --vkui--font_display_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title3--font_weight--regular: 500; --vkui--font_display_title4--font_size--regular: 17px; --vkui--font_display_title4--line_height--regular: 24px; --vkui--font_display_title4--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title4--font_weight--regular: 500; --vkui--font_title1--font_size--regular: 24px; --vkui--font_title1--line_height--regular: 28px; --vkui--font_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--regular: 500; --vkui--font_title2--font_size--regular: 20px; --vkui--font_title2--line_height--regular: 26px; --vkui--font_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--regular: 500; --vkui--font_title3--font_size--regular: 17px; --vkui--font_title3--line_height--regular: 22px; --vkui--font_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--regular: 500; --vkui--font_headline1--font_size--regular: 16px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_headline1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline1--font_weight--regular: 500; --vkui--font_headline1--font_size--compact: 15px; --vkui--font_headline1--line_height--compact: 20px; --vkui--font_headline2--font_size--regular: 15px; --vkui--font_headline2--line_height--regular: 20px; --vkui--font_headline2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline2--font_weight--regular: 500; --vkui--font_headline2--font_size--compact: 14px; --vkui--font_headline2--line_height--compact: 20px; --vkui--font_text--font_size--regular: 16px; --vkui--font_text--line_height--regular: 20px; --vkui--font_text--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_text--font_weight--regular: 400; --vkui--font_text--font_size--compact: 15px; --vkui--font_text--line_height--compact: 20px; --vkui--font_paragraph--font_size--regular: 15px; --vkui--font_paragraph--line_height--regular: 20px; --vkui--font_paragraph--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_weight--regular: 400; --vkui--font_subhead--font_size--regular: 14px; --vkui--font_subhead--line_height--regular: 18px; --vkui--font_subhead--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--regular: 400; --vkui--font_subhead--font_size--compact: 13px; --vkui--font_subhead--line_height--compact: 18px; --vkui--font_footnote--font_size--regular: 13px; --vkui--font_footnote--line_height--regular: 18px; --vkui--font_footnote--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote--font_weight--regular: 400; --vkui--font_footnote_caps--font_size--regular: 13px; --vkui--font_footnote_caps--line_height--regular: 18px; --vkui--font_footnote_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_weight--regular: 400; --vkui--font_footnote_caps--text_transform--regular: uppercase; --vkui--font_footnote_caps--letter_spacing--regular: 0.3px; --vkui--font_caption1--font_size--regular: 12px; --vkui--font_caption1--line_height--regular: 16px; --vkui--font_caption1--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--regular: 400; --vkui--font_caption1_caps--font_size--regular: 12px; --vkui--font_caption1_caps--line_height--regular: 16px; --vkui--font_caption1_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_weight--regular: 400; --vkui--font_caption1_caps--text_transform--regular: uppercase; --vkui--font_caption1_caps--letter_spacing--regular: 0.26px; --vkui--font_caption2--font_size--regular: 11px; --vkui--font_caption2--line_height--regular: 14px; --vkui--font_caption2--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2--font_weight--regular: 400; --vkui--font_caption2_caps--font_size--regular: 11px; --vkui--font_caption2_caps--line_height--regular: 14px; --vkui--font_caption2_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps--font_weight--regular: 400; --vkui--font_caption2_caps--text_transform--regular: uppercase; --vkui--font_caption2_caps--letter_spacing--regular: 0.22px; --vkui--font_caption3--font_size--regular: 9px; --vkui--font_caption3--line_height--regular: 12px; --vkui--font_caption3--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3--font_weight--regular: 400; --vkui--font_caption3_caps--font_size--regular: 9px; --vkui--font_caption3_caps--line_height--regular: 12px; --vkui--font_caption3_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps--font_weight--regular: 400; --vkui--font_caption3_caps--text_transform--regular: uppercase; --vkui--font_caption3_caps--letter_spacing--regular: 0.16px; --vkui--size_select_icon_padding--regular: 7px; --vkui--size_select_icon_padding--compact: 6px; --vkui--size_popup_base_padding--regular: 20px; --vkui--size_popup_base_padding--compact: 32px; --vkui--size_popup_header_padding--regular: 16px; --vkui--size_popup_header_padding--compact: 24px; --vkui--size_border_radius--regular: 8px; --vkui--size_border_radius_rounded--regular: 48px; --vkui--size_check_border_radius--regular: 4px; --vkui--size_border_radius_paper--regular: 12px; --vkui--size_border_radius_promo--regular: 20px; --vkui--size_cell_height--regular: 48px; --vkui--size_cell_height--compact: 44px; --vkui--size_field_height--regular: 44px; --vkui--size_field_height--compact: 36px; --vkui--size_search_height--regular: 36px; --vkui--size_search_height--compact: 32px; --vkui--size_button_extra_small_height--regular: 24px; --vkui--size_button_extra_small_height--compact: 22px; --vkui--size_button_small_height--regular: 30px; --vkui--size_button_small_height--compact: 28px; --vkui--size_button_medium_height--regular: 36px; --vkui--size_button_medium_height--compact: 32px; --vkui--size_button_large_height--regular: 44px; --vkui--size_button_large_height--compact: 36px; --vkui--size_checkbox--regular: 16px; --vkui--size_arrow--regular: 8px; --vkui--size_arrow_promo--regular: 40px; --vkui--size_popup_small--regular: 430px; --vkui--size_popup_medium--regular: 680px; --vkui--size_popup_large--regular: 880px; --vkui--size_field_horizontal_padding--regular: 12px; --vkui--size_button_padding_horizontal--regular: 20px; --vkui--size_button_padding_horizontal--compact: 16px; --vkui--size_label_horizontal_margin--regular: 16px; --vkui--size_arrow_padding--regular: 12px; --vkui--size_tooltip_margin--regular: 8px; --vkui--size_icon_u_i--regular: 16px; --vkui--size_avatar_x_s--regular: 24px; --vkui--size_avatar_s--regular: 32px; --vkui--size_avatar_m--regular: 48px; --vkui--size_avatar_l--regular: 96px; --vkui--size_avatar_x_l--regular: 128px; --vkui--size_badge_x_s--regular: 12px; --vkui--size_badge_s--regular: 16px; --vkui--size_badge_m--regular: 24px; --vkui--size_badge_l--regular: 44px; --vkui--size_badge_x_l--regular: 56px; --vkui--size_cardgrid_padding--regular: 12px; --vkui--size_card_border_radius--regular: 16px; --vkui--size_cardgrid_padding_vertical--regular: 8px; --vkui--size_base_padding_horizontal--regular: 16px; --vkui--size_base_padding_vertical--regular: 12px; --vkui--size_button_group_gap_space--regular: 1px; --vkui--size_button_group_gap_small--regular: 8px; --vkui--size_button_group_gap_medium--regular: 12px; --vkui--size_option_hierarchy--regular: 32px; --vkui--size_switch_height--regular: 14px; --vkui--size_switch_height--compact: 12px; --vkui--size_switch_width--regular: 34px; --vkui--size_switch_width--compact: 32px; --vkui--size_switch_pin--regular: 20px; --vkui--size_switch_pin--compact: 18px; --vkui--size_panel_header_height--compact: 48px; --vkui--size_panel_header_height--regular: 56px; --vkui--size_button_base_small_padding_horizontal--regular: 16px; --vkui--size_button_base_medium_padding_horizontal--regular: 16px; --vkui--size_button_base_large_padding_horizontal--regular: 20px; --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px; --vkui--size_button_minimum_width--regular: 80px; --vkui--size_form_item_padding_vertical--regular: 12px; --vkui--size_split_col_padding_horizontal--regular: 16px; --vkui--size_subnavigation_bar_gap--regular: 8px; --vkui--size_subnavigation_bar_padding_vertical--regular: 12px; --vkui--size_border1x--regular: 1px; --vkui--size_border2x--regular: 0.5px; --vkui--size_border3x--regular: 0.33px; --vkui--spacing_size_3xs: 2px; --vkui--spacing_size_2xs: 2px; --vkui--spacing_size_xs: 4px; --vkui--spacing_size_s: 6px; --vkui--spacing_size_m: 8px; --vkui--spacing_size_l: 10px; --vkui--spacing_size_xl: 12px; --vkui--spacing_size_2xl: 16px; --vkui--spacing_size_3xl: 20px; --vkui--spacing_size_4xl: 24px; --vkui--elevation1: 0 2px 6px 0 rgba(0,16,61,.08),0 1px 2px 0 rgba(0,16,61,.08); --vkui--elevation1_invert_y: 0 -2px 6px 0 rgba(0,16,61,.08),0 -1px 2px 0 rgba(0,16,61,.08); --vkui--elevation2: 0 0 2px 0 rgba(0,16,61,.06),0 0 6px 0 rgba(0,16,61,.06),0 6px 12px 0 rgba(0,16,61,.06); --vkui--elevation3: 0 0 6px 0 rgba(0,16,61,.06),0 6px 12px 0 rgba(0,16,61,.06),0 6px 20px 0 rgba(0,16,61,.06),0 10px 36px 0 rgba(0,16,61,.08); --vkui--elevation4: 0 2px 6px 0 rgba(0,16,61,.06),0 16px 48px 0 rgba(0,16,61,.08),0 24px 68px 0 rgba(0,16,61,.16); --vkui--gradient_black: transparent 0%,rgba(0,0,0,.02) 15%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.32) 70%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.4) 100%; --vkui--gradient_white: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--gradient_tint: rgba(246,247,248,0) 0%,rgba(246,247,248,.05) 15%,rgba(246,247,248,.2) 30%,rgba(246,247,248,.8) 70%,rgba(246,247,248,.95) 85%,#f6f7f8 100%; --vkui--gradient: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--animation_duration_l: 0.4s; --vkui--animation_duration_m: 0.2s; --vkui--animation_duration_s: 0.1s; --vkui--animation_easing_default: cubic-bezier(0.3,0.3,0.5,1); --vkui--animation_easing_platform: cubic-bezier(0.3,0.3,0.5,1); --vkui--opacity_disable: 0.48; --vkui--opacity_disable_accessibility: 0.64; --vkui--opacity_active: 0.72; --vkui--blur_m: 16px; --vkui--z_index_modal: 99; --vkui--z_index_popout: 100; --vkui--x0: 0px; --vkui--x025: 1px; --vkui--x05: 2px; --vkui--x1: 4px; --vkui--x2: 8px; --vkui--x3: 12px; --vkui--x4: 16px; --vkui--x5: 20px; --vkui--x6: 24px; --vkui--x8: 32px; --vkui--x10: 40px; --vkui--x12: 48px; --vkui--x15: 60px; --vkui--x20: 80px; --vkui--size_base: 4px; --vkui--size_grid: 20px; --vkui--font_h0--font_size--regular: 28px; --vkui--font_h0--line_height--regular: 32px; --vkui--font_h0--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--regular: 500; --vkui--font_h0--font_size--compact: 44px; --vkui--font_h0--line_height--compact: 52px; --vkui--font_h1--font_size--regular: 24px; --vkui--font_h1--line_height--regular: 28px; --vkui--font_h1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--regular: 500; --vkui--font_h1--font_size--compact: 32px; --vkui--font_h1--line_height--compact: 36px; --vkui--font_h2--font_size--regular: 20px; --vkui--font_h2--line_height--regular: 26px; --vkui--font_h2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--regular: 500; --vkui--font_h2--font_size--compact: 28px; --vkui--font_h2--line_height--compact: 32px; --vkui--size_arrow_height--regular: 8px; --vkui--size_arrow_width--regular: 12px; --vkui--size_base_padding--regular: 16px; --vkui--size_base_padding--compact: 20px; --vkui--size_border_width_tab--regular: 2px; --vkui--size_border_width_bar--regular: 4px; --vkui--size_border_width_accent--regular: 8px; --vkui--size_border_width_accent_secondary--regular: 8px; --vkui--size_control_button_width_min--regular: 130px; --vkui--size_control_button_width_min--compact: 104px; --vkui--size_promo_button_close--regular: 32px; --vkui--size_button_slider_height--regular: 24px; --vkui--size_button_slider_width--regular: 12px; --vkui--size_button_slider_width_pointer--regular: 16px; --vkui--size_field_width_min--regular: 328px; --vkui--size_field_width_min--compact: 380px; --vkui--size_label_width--regular: 184px; --vkui--size_progress--regular: 4px; --vkui--size_progress_scroll--regular: 12px; --vkui--size_dot_bullet--regular: 4px; --vkui--size_dot_indicate--regular: 8px; --vkui--size_dot_clickable--regular: 12px; --vkui--size_vertical_padding--regular: 0px; --vkui--size_button_more_padding--regular: 8px; --vkui--size_icon_more_padding--regular: 12px; --vkui--size_icon_more_padding--compact: 8px; --vkui--size_button_icon_padding--regular: 16px; --vkui--size_button_icon_padding--compact: 20px; --vkui--size_div_padding--regular: 4px; --vkui--size_menu_padding--regular: 8px; --vkui--size_tag_padding--regular: 8px; --vkui--size_tab_padding--regular: 16px; --vkui--size_table_horizontal_padding--regular: 16px; --vkui--size_table_vertical_padding--regular: 16px; --vkui--size_slice_top_padding--regular: 40px; --vkui--size_slice_bottom_padding--regular: 60px; --vkui--size_base_margin--regular: 12px; --vkui--size_label_vertical_margin--regular: 4px; --vkui--size_tip_margin--regular: 4px; --vkui--size_field_horizontal_margin--regular: 20px; --vkui--size_field_vertical_margin--regular: 24px; --vkui--size_field_set_margin--regular: 32px; --vkui--size_icon_margin--regular: 12px; --vkui--size_icon_margin--compact: 8px; --vkui--size_choice_margin--regular: 8px; --vkui--size_menu_margin--regular: 2px; --vkui--size_tag_margin--regular: 8px; --vkui--size_tab_margin--regular: 8px; --vkui--size_bullet_margin--regular: 12px; --vkui--size_attribute_margin--regular: 4px; --vkui--size_popup_margin--regular: 8px; --vkui--size_popup_margin--compact: 24px; --vkui--size_header_icon--regular: 20px; --vkui--size_wysiwyg_icon--regular: 14px; --vkui--size_illustration_s--regular: 48px; --vkui--size_illustration_x_m--regular: 72px; --vkui--size_illustration_m--regular: 96px; --vkui--size_illustration_l--regular: 144px; --vkui--size_illustration_x_x_l--regular: 228px; --vkui--tone_value_overlay: 0.48; --vkui--tone_value_viewer: 0.88; --vkui--tone_value_toolbar: 0.24; --vkui--tone_value_hover: 0.04; --vkui--tone_value_active: 0.08; --vkui--tone_value_focus: 0.08; --vkui--type_border_button: solid; --vkui--type_border_position: inset; --vkui--theme_name_base: "octavius"; --vkui--octavius_shadow_sidebar_item_text: none; --vkui--octavius_shadow_sidebar_item_icon: none; --vkui--octavius_elevation_card: none; --vkui--octavius_shadow_empty_state_text: none; --vkui--octavius_elevation_header: 0px 0px 16px rgba(2,13,41,.16); --vkui--octavius_text_shadow_empty_state_text: none; --vkui--octavius_position_background: 50% 0; --vkui--octavius_image_overlay_background: none; --vkui--octavius_text_shadow_sidebar_item_text: none; --vkui--octavius_filter_sidebar_item_icon: none; --vkui--octavius_image_background: none; --vkui--octavius_font_family_default: HelveticaNeue,Helvetica,Arial,sans-serif; --vkui--octavius_font_family_mail_sans: VKSansDisplay,MailSans,HelveticaNeue,Helvetica,Arial,sans-serif; --vkui--octavius_font_family_global: Arial,Tahoma,Verdana,sans-serif; --vkui--octavius_font_family_mac: Helvetica,Arial,Tahoma,Verdana,sans-serif; --vkui--octavius_font_family_display: inherit; --vkui--octavius_color_letter_attach_list_background: linear-gradient(270deg,#fff 22.77%,hsla(0,0%,100%,0) 104.46%); --vkui--octavius_size_headline_height--regular: 36px; --vkui--octavius_size_layout_width_max--regular: 2150px; --vkui--octavius_size_layout_width_min--regular: 761px; --vkui--octavius_size_sidebar_padding_top--regular: 12px; --vkui--octavius_size_sidebar_widgets_height_min--regular: 64px; --vkui--octavius_size_sidebar_widgets_height_compact_min--regular: 104px; --vkui--font_headline--font_size--regular: 16px; --vkui--font_headline--line_height--regular: 20px; --vkui--font_headline--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_weight--regular: 500; --vkui--font_headline--font_size--compact: 15px; --vkui--font_headline--line_height--compact: 20px; --vkui--colors_scheme: light; --vkui--color_background_accent: #07f; --vkui--color_background_accent--hover: #0073f7; --vkui--color_background_accent--active: #006fef; --vkui--color_background_accent_themed: #07f; --vkui--color_background_accent_themed--hover: #0073f7; --vkui--color_background_accent_themed--active: #006fef; --vkui--color_background_accent_themed_alpha: rgba(0,119,255,.2); --vkui--color_background_accent_themed_alpha--hover: rgba(0,119,255,.24); --vkui--color_background_accent_themed_alpha--active: rgba(0,119,255,.28); --vkui--color_background_accent_alternative: #ff9e00; --vkui--color_background_accent_alternative--hover: #f59802; --vkui--color_background_accent_alternative--active: #eb9305; --vkui--color_background_content: #fff; --vkui--color_background_content--hover: #f5f5f7; --vkui--color_background_content--active: #ebecef; --vkui--color_background_content_alpha: hsla(0,0%,100%,.8); --vkui--color_background_content_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_background_content_alpha--active: hsla(0,0%,100%,.88); --vkui--color_background_content_inverse: #1e1f22; --vkui--color_background_content_inverse--hover: #1d1e23; --vkui--color_background_content_inverse--active: #1c1e24; --vkui--color_background_secondary: #eff0f4; --vkui--color_background_secondary--hover: #e5e7ed; --vkui--color_background_secondary--active: #dcdee5; --vkui--color_background_secondary_alpha: rgba(129,140,154,.12); --vkui--color_background_secondary_alpha--hover: rgba(129,140,154,.16); --vkui--color_background_secondary_alpha--active: rgba(129,140,154,.2); --vkui--color_background: #f6f7fb; --vkui--color_background--hover: #eceef3; --vkui--color_background--active: #e2e5ec; --vkui--color_background_contrast: #fff; --vkui--color_background_contrast--hover: #f5f5f7; --vkui--color_background_contrast--active: #ebecef; --vkui--color_background_contrast_secondary_alpha: hsla(0,0%,100%,.2); --vkui--color_background_contrast_secondary_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_contrast_secondary_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_warning: #fef099; --vkui--color_background_warning--hover: #f4e795; --vkui--color_background_warning--active: #eade92; --vkui--color_background_negative: #f23741; --vkui--color_background_negative--hover: #e83541; --vkui--color_background_negative--active: #df3441; --vkui--color_background_tertiary: #f6f7fb; --vkui--color_background_tertiary--hover: #eceef3; --vkui--color_background_tertiary--active: #e2e5ec; --vkui--color_background_tertiary_alpha: rgba(138,153,177,.08); --vkui--color_background_tertiary_alpha--hover: rgba(138,153,177,.12); --vkui--color_background_tertiary_alpha--active: rgba(138,153,177,.16); --vkui--color_background_modal: #fff; --vkui--color_background_modal--hover: #f5f5f7; --vkui--color_background_modal--active: #ebecef; --vkui--color_background_positive: #0bad41; --vkui--color_background_positive--hover: #0ba741; --vkui--color_background_positive--active: #0aa041; --vkui--color_background_negative_tint: #feeff0; --vkui--color_background_negative_tint--hover: #f4e6e9; --vkui--color_background_negative_tint--active: #eadde2; --vkui--color_background_positive_tint: #eafff0; --vkui--color_background_positive_tint--hover: #e1f5e9; --vkui--color_background_positive_tint--active: #d7ece2; --vkui--color_field_background: #fff; --vkui--color_field_background--hover: #f5f5f7; --vkui--color_field_background--active: #ebecef; --vkui--color_background_modal_inverse: #2d2e31; --vkui--color_background_modal_inverse--hover: #2b2d31; --vkui--color_background_modal_inverse--active: #292c32; --vkui--color_background_contrast_inverse: #333; --vkui--color_background_contrast_inverse--hover: #313233; --vkui--color_background_contrast_inverse--active: #2f3034; --vkui--color_background_contrast_themed: #fff; --vkui--color_background_contrast_themed--hover: #f5f5f7; --vkui--color_background_contrast_themed--active: #ebecef; --vkui--color_background_accent_tint: #5a9eff; --vkui--color_background_accent_tint--hover: #5698f7; --vkui--color_background_accent_tint--active: #5393ef; --vkui--color_background_info_tint: #f0f4ff; --vkui--color_background_info_tint--hover: #e6ebf7; --vkui--color_background_info_tint--active: #dde2ef; --vkui--color_text_accent: #006ee9; --vkui--color_text_accent--hover: #006ae2; --vkui--color_text_accent--active: #0066db; --vkui--color_text_accent_themed: #006ee9; --vkui--color_text_accent_themed--hover: #006ae2; --vkui--color_text_accent_themed--active: #0066db; --vkui--color_text_negative: #f23741; --vkui--color_text_negative--hover: #e83541; --vkui--color_text_negative--active: #df3441; --vkui--color_text_link: #006ee9; --vkui--color_text_link--hover: #006ae2; --vkui--color_text_link--active: #0066db; --vkui--color_text_link_tint: #71aaeb; --vkui--color_text_link_tint--hover: #6ca4e4; --vkui--color_text_link_tint--active: #689edd; --vkui--color_text_link_themed: #006ee9; --vkui--color_text_link_themed--hover: #006ae2; --vkui--color_text_link_themed--active: #0066db; --vkui--color_text_muted: #252629; --vkui--color_text_muted--hover: #24252a; --vkui--color_text_muted--active: #22242b; --vkui--color_text_primary: #252629; --vkui--color_text_primary--hover: #24252a; --vkui--color_text_primary--active: #22242b; --vkui--color_text_primary_alpha: rgba(37,41,46,.84); --vkui--color_text_primary_alpha--hover: rgba(37,41,46,.88); --vkui--color_text_primary_alpha--active: rgba(37,41,46,.92); --vkui--color_text_primary_invariably: #252629; --vkui--color_text_primary_invariably--hover: #24252a; --vkui--color_text_primary_invariably--active: #22242b; --vkui--color_text_secondary: #697481; --vkui--color_text_secondary--hover: #65707e; --vkui--color_text_secondary--active: #616c7c; --vkui--color_text_secondary_alpha: rgba(37,41,46,.55); --vkui--color_text_secondary_alpha--hover: rgba(37,41,46,.59); --vkui--color_text_secondary_alpha--active: rgba(37,41,46,.63); --vkui--color_text_subhead: #707b89; --vkui--color_text_subhead--hover: #6c7786; --vkui--color_text_subhead--active: #677283; --vkui--color_text_tertiary: #c9d0d9; --vkui--color_text_tertiary--hover: #c1c8d3; --vkui--color_text_tertiary--active: #b9c1cd; --vkui--color_text_link_visited: #2e90fb; --vkui--color_text_link_visited--hover: #2c8bf3; --vkui--color_text_link_visited--active: #2a86ec; --vkui--color_text_contrast: #fff; --vkui--color_text_contrast--hover: #f5f5f7; --vkui--color_text_contrast--active: #ebecef; --vkui--color_text_contrast_themed: #fff; --vkui--color_text_contrast_themed--hover: #f5f5f7; --vkui--color_text_contrast_themed--active: #ebecef; --vkui--color_link_contrast: #fff; --vkui--color_link_contrast--hover: #f5f5f7; --vkui--color_link_contrast--active: #ebecef; --vkui--color_text_positive: #00963e; --vkui--color_text_positive--hover: #00913e; --vkui--color_text_positive--active: #008b3e; --vkui--color_icon_accent: #07f; --vkui--color_icon_accent--hover: #0073f7; --vkui--color_icon_accent--active: #006fef; --vkui--color_icon_accent_themed: #07f; --vkui--color_icon_accent_themed--hover: #0073f7; --vkui--color_icon_accent_themed--active: #006fef; --vkui--color_icon_primary: #252629; --vkui--color_icon_primary--hover: #24252a; --vkui--color_icon_primary--active: #22242b; --vkui--color_icon_primary_invariably: #252629; --vkui--color_icon_primary_invariably--hover: #24252a; --vkui--color_icon_primary_invariably--active: #22242b; --vkui--color_icon_medium: #798492; --vkui--color_icon_medium--hover: #747f8f; --vkui--color_icon_medium--active: #6f7b8b; --vkui--color_icon_medium_alpha: rgba(0,22,55,.46); --vkui--color_icon_medium_alpha--hover: rgba(0,22,55,.5); --vkui--color_icon_medium_alpha--active: rgba(0,22,55,.54); --vkui--color_icon_secondary: #939eac; --vkui--color_icon_secondary--hover: #8d98a8; --vkui--color_icon_secondary--active: #8793a3; --vkui--color_icon_secondary_alpha: rgba(0,22,55,.42); --vkui--color_icon_secondary_alpha--hover: rgba(0,22,55,.46); --vkui--color_icon_secondary_alpha--active: rgba(0,22,55,.5); --vkui--color_icon_tertiary: #c9d0d9; --vkui--color_icon_tertiary--hover: #c1c8d3; --vkui--color_icon_tertiary--active: #b9c1cd; --vkui--color_icon_tertiary_alpha: rgba(3,37,76,.2); --vkui--color_icon_tertiary_alpha--hover: rgba(3,37,76,.24); --vkui--color_icon_tertiary_alpha--active: rgba(3,37,76,.28); --vkui--color_icon_contrast: #fff; --vkui--color_icon_contrast--hover: #f5f5f7; --vkui--color_icon_contrast--active: #ebecef; --vkui--color_icon_contrast_themed: #fff; --vkui--color_icon_contrast_themed--hover: #f5f5f7; --vkui--color_icon_contrast_themed--active: #ebecef; --vkui--color_icon_positive: #06a041; --vkui--color_icon_positive--hover: #069a41; --vkui--color_icon_positive--active: #069441; --vkui--color_icon_warning: #ff9e00; --vkui--color_icon_warning--hover: #f59802; --vkui--color_icon_warning--active: #eb9305; --vkui--color_icon_negative: #f23741; --vkui--color_icon_negative--hover: #e83541; --vkui--color_icon_negative--active: #df3441; --vkui--color_icon_contrast_secondary: #eff0f4; --vkui--color_icon_contrast_secondary--hover: #e5e7ed; --vkui--color_icon_contrast_secondary--active: #dcdee5; --vkui--color_stroke_accent: #07f; --vkui--color_stroke_accent--hover: #0073f7; --vkui--color_stroke_accent--active: #006fef; --vkui--color_stroke_accent_themed: #07f; --vkui--color_stroke_accent_themed--hover: #0073f7; --vkui--color_stroke_accent_themed--active: #006fef; --vkui--color_stroke_contrast: #fff; --vkui--color_stroke_contrast--hover: #f5f5f7; --vkui--color_stroke_contrast--active: #ebecef; --vkui--color_stroke_negative: #f23741; --vkui--color_stroke_negative--hover: #e83541; --vkui--color_stroke_negative--active: #df3441; --vkui--color_stroke_primary: #2c2d2e; --vkui--color_stroke_primary--hover: #2a2c2f; --vkui--color_stroke_primary--active: #282b2f; --vkui--color_image_border_alpha: rgba(129,140,154,.16); --vkui--color_image_border_alpha--hover: rgba(129,140,154,.2); --vkui--color_image_border_alpha--active: rgba(129,140,154,.24); --vkui--color_field_border_alpha: rgba(129,140,154,.28); --vkui--color_field_border_alpha--hover: rgba(129,140,154,.32); --vkui--color_field_border_alpha--active: rgba(129,140,154,.36); --vkui--color_separator_primary_alpha: rgba(129,140,154,.18); --vkui--color_separator_primary_alpha--hover: rgba(129,140,154,.22); --vkui--color_separator_primary_alpha--active: rgba(129,140,154,.26); --vkui--color_separator_secondary: #e3e4e7; --vkui--color_separator_secondary--hover: #dadce0; --vkui--color_separator_secondary--active: #d1d3d9; --vkui--color_separator_primary: #eaebee; --vkui--color_separator_primary--hover: #e1e2e7; --vkui--color_separator_primary--active: #d7d9e0; --vkui--color_stroke_positive: #0bad41; --vkui--color_stroke_positive--hover: #0ba741; --vkui--color_stroke_positive--active: #0aa041; --vkui--color_separator_primary2x: #cdd0d5; --vkui--color_separator_primary2x--hover: #c5c8cf; --vkui--color_separator_primary2x--active: #bdc1c9; --vkui--color_separator_primary3x: #bfc3ca; --vkui--color_separator_primary3x--hover: #b7bcc4; --vkui--color_separator_primary3x--active: #b0b5bf; --vkui--color_accent_blue: #07f; --vkui--color_accent_blue--hover: #0073f7; --vkui--color_accent_blue--active: #006fef; --vkui--color_accent_gray: #a3a4a8; --vkui--color_accent_gray--hover: #9c9ea4; --vkui--color_accent_gray--active: #96989f; --vkui--color_accent_red: #f23741; --vkui--color_accent_red--hover: #e83541; --vkui--color_accent_red--active: #df3441; --vkui--color_accent_orange_fire: #f05c44; --vkui--color_accent_orange_fire--hover: #e65944; --vkui--color_accent_orange_fire--active: #dd5643; --vkui--color_accent_orange: #f77e13; --vkui--color_accent_orange--hover: #ed7a15; --vkui--color_accent_orange--active: #e37516; --vkui--color_accent_orange_peach: #f9b54f; --vkui--color_accent_orange_peach--hover: #efae4e; --vkui--color_accent_orange_peach--active: #e5a84e; --vkui--color_accent_lime: #b8fc75; --vkui--color_accent_lime--hover: #b1f373; --vkui--color_accent_lime--active: #a9e971; --vkui--color_accent_green: #24c649; --vkui--color_accent_green--hover: #23bf49; --vkui--color_accent_green--active: #21b748; --vkui--color_accent_cyan: #24e9fe; --vkui--color_accent_cyan--hover: #23e0f6; --vkui--color_accent_cyan--active: #21d8ef; --vkui--color_accent_azure: #07f; --vkui--color_accent_azure--hover: #0073f7; --vkui--color_accent_azure--active: #006fef; --vkui--color_accent_purple: #8f68fe; --vkui--color_accent_purple--hover: #8964f6; --vkui--color_accent_purple--active: #8461ef; --vkui--color_accent_violet: #a567e7; --vkui--color_accent_violet--hover: #9e64e0; --vkui--color_accent_violet--active: #9860d9; --vkui--color_accent_raspberry_pink: #e03fab; --vkui--color_accent_raspberry_pink--hover: #d73da7; --vkui--color_accent_raspberry_pink--active: #ce3ba2; --vkui--color_accent_pink: #ff3985; --vkui--color_accent_pink--hover: #f53782; --vkui--color_accent_pink--active: #eb367f; --vkui--color_accent_secondary: #ff9e00; --vkui--color_accent_secondary--hover: #f59802; --vkui--color_accent_secondary--active: #eb9305; --vkui--color_action_sheet_text: #07f; --vkui--color_action_sheet_text--hover: #0073f7; --vkui--color_action_sheet_text--active: #006fef; --vkui--color_header_background: #fff; --vkui--color_header_background--hover: #f5f5f7; --vkui--color_header_background--active: #ebecef; --vkui--color_panel_header_icon: #07f; --vkui--color_panel_header_icon--hover: #0073f7; --vkui--color_panel_header_icon--active: #006fef; --vkui--color_write_bar_input_background: #f0f1f3; --vkui--color_write_bar_input_background--hover: #e6e8ec; --vkui--color_write_bar_input_background--active: #dddfe4; --vkui--color_write_bar_input_border: #e1e3e6; --vkui--color_write_bar_input_border--hover: #d8dbdf; --vkui--color_write_bar_input_border--active: #cfd2d8; --vkui--color_write_bar_input_border_alpha: rgba(0,16,61,.8); --vkui--color_write_bar_input_border_alpha--hover: rgba(0,16,61,.84); --vkui--color_write_bar_input_border_alpha--active: rgba(0,16,61,.88); --vkui--color_track_background: #dadce0; --vkui--color_track_background--hover: #d1d4d9; --vkui--color_track_background--active: #c9ccd3; --vkui--color_track_buffer: #83aaea; --vkui--color_track_buffer--hover: #7ea4e3; --vkui--color_track_buffer--active: #799edc; --vkui--color_image_placeholder: #e6e7eb; --vkui--color_image_placeholder--hover: #dddee4; --vkui--color_image_placeholder--active: #d4d6dd; --vkui--color_image_placeholder_alpha: rgba(0,16,61,.8); --vkui--color_image_placeholder_alpha--hover: rgba(0,16,61,.84); --vkui--color_image_placeholder_alpha--active: rgba(0,16,61,.88); --vkui--color_search_field_background: #e6e7eb; --vkui--color_search_field_background--hover: #dddee4; --vkui--color_search_field_background--active: #d4d6dd; --vkui--color_write_bar_icon: #07f; --vkui--color_write_bar_icon--hover: #0073f7; --vkui--color_write_bar_icon--active: #006fef; --vkui--color_skeleton_from: #f3f3f5; --vkui--color_skeleton_from--hover: #e9eaee; --vkui--color_skeleton_from--active: #e0e1e6; --vkui--color_skeleton_to: #e0e1e6; --vkui--color_skeleton_to--hover: #d7d9df; --vkui--color_skeleton_to--active: #ced0d8; --vkui--color_avatar_overlay: hsla(225,4%,58%,.48); --vkui--color_avatar_overlay--hover: hsla(225,4%,58%,.52); --vkui--color_avatar_overlay--active: hsla(225,4%,58%,.56); --vkui--color_avatar_overlay_inverse_alpha: hsla(0,0%,100%,.85); --vkui--color_avatar_overlay_inverse_alpha--hover: hsla(0,0%,100%,.89); --vkui--color_avatar_overlay_inverse_alpha--active: hsla(0,0%,100%,.93); --vkui--color_overlay_primary: rgba(0,0,0,.4); --vkui--color_overlay_primary--hover: rgba(0,0,0,.44); --vkui--color_overlay_primary--active: rgba(0,0,0,.48); --vkui--color_overlay_secondary: rgba(44,45,46,.5); --vkui--color_overlay_secondary--hover: rgba(44,45,46,.54); --vkui--color_overlay_secondary--active: rgba(44,45,46,.58); --vkui--color_segmented_control: #fff; --vkui--color_segmented_control--hover: #f5f5f7; --vkui--color_segmented_control--active: #ebecef; --vkui--color_tabbar_text_inactive: #99a2ad; --vkui--color_tabbar_text_inactive--hover: #939ca9; --vkui--color_tabbar_text_inactive--active: #8d96a4; --vkui--color_button_text: #07f; --vkui--color_button_text--hover: #0073f7; --vkui--color_button_text--active: #006fef; --vkui--color_button_icon: #07f; --vkui--color_button_icon--hover: #0073f7; --vkui--color_button_icon--active: #006fef; --vkui--color_button_stroke: #07f; --vkui--color_button_stroke--hover: #0073f7; --vkui--color_button_stroke--active: #006fef; --vkui--color_transparent: transparent; --vkui--color_transparent--hover: rgba(0,16,61,.04); --vkui--color_transparent--active: rgba(0,16,61,.08); --vkui--color_rating: #ffd400; --vkui--color_rating--hover: #f5cc02; --vkui--color_rating--active: #ebc405; --vkui--color_button_contrast_alpha: #fff; --vkui--color_button_contrast_alpha--hover: hsla(0,0%,100%,.8); --vkui--color_button_contrast_alpha--active: hsla(0,0%,100%,.6); --vkui--color_button_contrast: #fff; --vkui--color_button_contrast--hover: #fff; --vkui--color_button_contrast--active: #fff; --vkui--color_thumb_error_background_alpha: rgba(237,10,52,.12); --vkui--color_thumb_error_background_alpha--hover: rgba(237,10,52,.16); --vkui--color_thumb_error_background_alpha--active: rgba(237,10,52,.2); --vkui--color_background_accent_tint_themed_alpha: rgba(0,119,255,.08); --vkui--color_background_accent_tint_themed_alpha--hover: rgba(0,119,255,.12); --vkui--color_background_accent_tint_themed_alpha--active: rgba(0,119,255,.16); --vkui--color_background_accent_tint_alpha: rgba(0,119,255,.08); --vkui--color_background_accent_tint_alpha--hover: rgba(0,119,255,.12); --vkui--color_background_accent_tint_alpha--active: rgba(0,119,255,.16); --vkui--color_background_accent_tint_themed: #f2f9ff; --vkui--color_background_accent_tint_themed--hover: #e8f0f7; --vkui--color_background_accent_tint_themed--active: #dfe6ef; --vkui--color_background_warning_tint_themed_alpha: rgba(250,199,6,.16); --vkui--color_background_warning_tint_themed_alpha--hover: rgba(250,199,6,.2); --vkui--color_background_warning_tint_themed_alpha--active: rgba(250,199,6,.24); --vkui--color_background_warning_tint_alpha: rgba(250,199,6,.16); --vkui--color_background_warning_tint_alpha--hover: rgba(250,199,6,.2); --vkui--color_background_warning_tint_alpha--active: rgba(250,199,6,.24); --vkui--color_background_warning_tint_themed: #fef8d1; --vkui--color_background_warning_tint_themed--hover: #f4efcb; --vkui--color_background_warning_tint_themed--active: #eae5c5; --vkui--color_background_warning_tint: #fef8d1; --vkui--color_background_warning_tint--hover: #f4efcb; --vkui--color_background_warning_tint--active: #eae5c5; --vkui--color_background_negative_tint_themed_alpha: rgba(242,55,65,.08); --vkui--color_background_negative_tint_themed_alpha--hover: rgba(242,55,65,.12); --vkui--color_background_negative_tint_themed_alpha--active: rgba(242,55,65,.16); --vkui--color_background_negative_tint_alpha: rgba(242,55,65,.08); --vkui--color_background_negative_tint_alpha--hover: rgba(242,55,65,.12); --vkui--color_background_negative_tint_alpha--active: rgba(242,55,65,.16); --vkui--color_background_negative_tint_themed: #feefeb; --vkui--color_background_negative_tint_themed--hover: #f4e6e4; --vkui--color_background_negative_tint_themed--active: #eadddd; --vkui--color_background_positive_tint_themed_alpha: rgba(11,255,89,.08); --vkui--color_background_positive_tint_themed_alpha--hover: rgba(11,255,89,.12); --vkui--color_background_positive_tint_themed_alpha--active: rgba(11,255,89,.16); --vkui--color_background_positive_tint_alpha: rgba(11,255,89,.08); --vkui--color_background_positive_tint_alpha--hover: rgba(11,255,89,.12); --vkui--color_background_positive_tint_alpha--active: rgba(11,255,89,.16); --vkui--color_background_positive_tint_themed: #eafff0; --vkui--color_background_positive_tint_themed--hover: #e1f5e9; --vkui--color_background_positive_tint_themed--active: #d7ece2; --vkui--color_tooltip_background_blue_tint: #dde9ff; --vkui--color_tooltip_background_blue_tint--hover: #d4e0f7; --vkui--color_tooltip_background_blue_tint--active: #cbd8ef; --vkui--color_tooltip_background_green_tint: #ceeee6; --vkui--color_tooltip_background_green_tint--hover: #c6e5df; --vkui--color_tooltip_background_green_tint--active: #bedcd8; --vkui--color_tooltip_background_orange_tint: #f9d3bd; --vkui--color_tooltip_background_orange_tint--hover: #efcbb8; --vkui--color_tooltip_background_orange_tint--active: #e5c3b3; --vkui--color_tooltip_background_purple_tint: #f2e8ff; --vkui--color_tooltip_background_purple_tint--hover: #e8dff7; --vkui--color_tooltip_background_purple_tint--active: #dfd7ef; --vkui--color_tooltip_text_blue_themed: #1c4479; --vkui--color_tooltip_text_blue_themed--hover: #1b4277; --vkui--color_tooltip_text_blue_themed--active: #1a4074; --vkui--color_tooltip_text_green_themed: #087c6d; --vkui--color_tooltip_text_green_themed--hover: #08786b; --vkui--color_tooltip_text_green_themed--active: #077369; --vkui--color_tooltip_text_orange_themed: #78472a; --vkui--color_tooltip_text_orange_themed--hover: #73452b; --vkui--color_tooltip_text_orange_themed--active: #6e432c; --vkui--color_tooltip_text_purple_themed: #73519f; --vkui--color_tooltip_text_purple_themed--hover: #6e4e9b; --vkui--color_tooltip_text_purple_themed--active: #6a4c97; --vkui--color_background_sky: #cce4ff; --vkui--color_background_sky--hover: #c4dcf7; --vkui--color_background_sky--active: #bcd3ef; --vkui--color_background_sky_alpha: rgba(204,228,255,.9); --vkui--color_background_sky_alpha--hover: rgba(204,228,255,.94); --vkui--color_background_sky_alpha--active: rgba(204,228,255,.98); --vkui--color_social_vk: #3f8ae0; --vkui--color_social_vk--hover: #3c85d9; --vkui--color_social_vk--active: #3a80d3; --vkui--color_social_ok: #ee8208; --vkui--color_social_ok--hover: #e47d0a; --vkui--color_social_ok--active: #db790c; --vkui--color_social_fb: #1877f2; --vkui--color_social_fb--hover: #1773eb; --vkui--color_social_fb--active: #166fe4; --vkui--color_social_mir: #117eda; --vkui--color_social_mir--hover: #107ad4; --vkui--color_social_mir--active: #1075cd; --vkui--color_social_twitter: #1da1f2; --vkui--color_social_twitter--hover: #1c9beb; --vkui--color_social_twitter--active: #1b95e4; --vkui--color_social_behance: #1769ff; --vkui--color_social_behance--hover: #1665f7; --vkui--color_social_behance--active: #1562ef; --vkui--color_social_dribbble: #ea4c89; --vkui--color_social_dribbble--hover: #e14a86; --vkui--color_social_dribbble--active: #d74783; --vkui--color_background_thumbnail: #ebecef; --vkui--color_background_thumbnail--hover: #e2e3e8; --vkui--color_background_thumbnail--active: #d8dae1; --vkui--color_background_thumbnail_alpha: rgba(0,16,61,.08); --vkui--color_background_thumbnail_alpha--hover: rgba(0,16,61,.12); --vkui--color_background_thumbnail_alpha--active: rgba(0,16,61,.16); --vkui--color_palette_red1: #fc2c38; --vkui--color_palette_red1--hover: #f22b38; --vkui--color_palette_red1--active: #e82a38; --vkui--color_palette_red2: #eb1981; --vkui--color_palette_red2--hover: #e2197e; --vkui--color_palette_red2--active: #d8187c; --vkui--color_palette_red3: #ff71bb; --vkui--color_palette_red3--hover: #f56db6; --vkui--color_palette_red3--active: #eb69b1; --vkui--color_palette_orange1: #ff8b2e; --vkui--color_palette_orange1--hover: #f5862f; --vkui--color_palette_orange1--active: #eb812f; --vkui--color_palette_orange1_alpha: rgba(255,158,0,.12); --vkui--color_palette_orange1_alpha--hover: rgba(255,158,0,.16); --vkui--color_palette_orange1_alpha--active: rgba(255,158,0,.2); --vkui--color_palette_yellow1: #ffc311; --vkui--color_palette_yellow1--hover: #f5bc13; --vkui--color_palette_yellow1--active: #ebb515; --vkui--color_palette_green1: #aee113; --vkui--color_palette_green1--hover: #a7d915; --vkui--color_palette_green1--active: #a0d016; --vkui--color_palette_green2: #59c354; --vkui--color_palette_green2--hover: #55bc53; --vkui--color_palette_green2--active: #52b552; --vkui--color_palette_green3: #37eb94; --vkui--color_palette_green3--hover: #35e291; --vkui--color_palette_green3--active: #33d98d; --vkui--color_palette_green4: #00b1b3; --vkui--color_palette_green4--hover: #00abae; --vkui--color_palette_green4--active: #00a4aa; --vkui--color_palette_green1_alpha: rgba(92,186,56,.12); --vkui--color_palette_green1_alpha--hover: rgba(92,186,56,.16); --vkui--color_palette_green1_alpha--active: rgba(92,186,56,.2); --vkui--color_palette_green2_alpha: rgba(0,230,180,.08); --vkui--color_palette_green2_alpha--hover: rgba(0,230,180,.12); --vkui--color_palette_green2_alpha--active: rgba(0,230,180,.16); --vkui--color_palette_blue1: #2951ff; --vkui--color_palette_blue1--hover: #274ef7; --vkui--color_palette_blue1--active: #264cef; --vkui--color_palette_blue2: #00abf2; --vkui--color_palette_blue2--hover: #00a5eb; --vkui--color_palette_blue2--active: #009fe4; --vkui--color_palette_blue3: #26dfdf; --vkui--color_palette_blue3--hover: #24d7d9; --vkui--color_palette_blue3--active: #23ced2; --vkui--color_palette_blue1_alpha: rgba(0,95,249,.12); --vkui--color_palette_blue1_alpha--hover: rgba(0,95,249,.16); --vkui--color_palette_blue1_alpha--active: rgba(0,95,249,.2); --vkui--color_palette_violet1: #6c00ff; --vkui--color_palette_violet1--hover: #6801f7; --vkui--color_palette_violet1--active: #6301ef; --vkui--color_palette_violet2: #ae73ff; --vkui--color_palette_violet2--hover: #a76ff7; --vkui--color_palette_violet2--active: #a06bef; --vkui--color_alert: #c1341b; --vkui--color_alert--hover: #b9331c; --vkui--color_alert--active: #b2311e; --vkui--color_tag_background_mint: #96e9cd; --vkui--color_tag_background_mint--hover: #90e0c7; --vkui--color_tag_background_mint--active: #8ad8c1; --vkui--color_tag_text_mint: #1f5c5c; --vkui--color_tag_text_mint--hover: #1e595b; --vkui--color_tag_text_mint--active: #1d565a; --vkui--color_tag_background_sky: #9edbff; --vkui--color_tag_background_sky--hover: #98d3f7; --vkui--color_tag_background_sky--active: #91cbef; --vkui--color_tag_text_sky: #20455b; --vkui--color_tag_text_sky--hover: #1f435a; --vkui--color_tag_text_sky--active: #1d4159; --vkui--color_tag_background_orange: #ffb181; --vkui--color_tag_background_orange--hover: #f5ab7e; --vkui--color_tag_background_orange--active: #eba47c; --vkui--color_tag_text_orange: #5c361f; --vkui--color_tag_text_orange--hover: #583420; --vkui--color_tag_text_orange--active: #553321; --vkui--color_tag_background_pink: #ffbfdc; --vkui--color_tag_background_pink--hover: #f5b8d6; --vkui--color_tag_background_pink--active: #ebb1cf; --vkui--color_tag_text_pink: #51205b; --vkui--color_tag_text_pink--hover: #4e1f5a; --vkui--color_tag_text_pink--active: #4b1f59; --vkui--color_tag_background_purple: #cca7ff; --vkui--color_tag_background_purple--hover: #c4a1f7; --vkui--color_tag_background_purple--active: #bc9bef; --vkui--color_tag_text_purple: #38205b; --vkui--color_tag_text_purple--hover: #361f5a; --vkui--color_tag_text_purple--active: #341f59; --vkui--color_tag_background_salmon: #fe9898; --vkui--color_tag_background_salmon--hover: #f49394; --vkui--color_tag_background_salmon--active: #ea8d91; --vkui--color_tag_text_salmon: #5c2727; --vkui--color_tag_text_salmon--hover: #582628; --vkui--color_tag_text_salmon--active: #552529; --vkui--color_tag_background_yellow: #ffdf7e; --vkui--color_tag_background_yellow--hover: #f5d77b; --vkui--color_tag_background_yellow--active: #ebce79; --vkui--color_tag_text_yellow: #5c4d1f; --vkui--color_tag_text_yellow--hover: #584b20; --vkui--color_tag_text_yellow--active: #554821; --vkui--color_tag_background_lime: #caf28e; --vkui--color_tag_background_lime--hover: #c2e98b; --vkui--color_tag_background_lime--active: #bae088; --vkui--color_tag_text_lime: #435c1f; --vkui--color_tag_text_lime--hover: #405920; --vkui--color_tag_text_lime--active: #3e5621; --vkui--color_tag_background_grass: #86de8c; --vkui--color_tag_background_grass--hover: #81d689; --vkui--color_tag_background_grass--active: #7bce86; --vkui--color_tag_text_grass: #1f5c23; --vkui--color_tag_text_grass--hover: #1e5924; --vkui--color_tag_text_grass--active: #1d5625; --vkui--color_tag_background_turquoise: #bcffff; --vkui--color_tag_background_turquoise--hover: #b4f5f7; --vkui--color_tag_background_turquoise--active: #adecef; --vkui--color_tag_text_turquoise: #1f535c; --vkui--color_tag_text_turquoise--hover: #1e505b; --vkui--color_tag_text_turquoise--active: #1d4e5a; --vkui--color_tag_background_lightsky: #80e3f4; --vkui--color_tag_background_lightsky--hover: #7bdbed; --vkui--color_tag_background_lightsky--active: #76d2e5; --vkui--color_tag_text_lightsky: #1f455c; --vkui--color_tag_text_lightsky--hover: #1e435b; --vkui--color_tag_text_lightsky--active: #1d415a; --vkui--color_tag_background_main_sky: #b2d0ff; --vkui--color_tag_background_main_sky--hover: #abc8f7; --vkui--color_tag_background_main_sky--active: #a4c1ef; --vkui--color_tag_text_main_sky: #202e5b; --vkui--color_tag_text_main_sky--hover: #1f2d5a; --vkui--color_tag_text_main_sky--active: #1d2c59; --vkui--color_tag_background_violet: #b5b3fb; --vkui--color_tag_background_violet--hover: #aeacf3; --vkui--color_tag_background_violet--active: #a7a6ec; --vkui--color_tag_text_violet: #21205b; --vkui--color_tag_text_violet--hover: #201f5a; --vkui--color_tag_text_violet--active: #1e1f59; --vkui--color_tag_background_magenta: #f4b8ff; --vkui--color_tag_background_magenta--hover: #eab1f7; --vkui--color_tag_background_magenta--active: #e0abef; --vkui--color_tag_text_magenta: #5b203a; --vkui--color_tag_text_magenta--hover: #571f3a; --vkui--color_tag_text_magenta--active: #541f3a; --vkui--color_tag_background_tickle: #ff88a4; --vkui--color_tag_background_tickle--hover: #f583a0; --vkui--color_tag_background_tickle--active: #eb7e9c; --vkui--color_tag_text_tickle: #5c212f; --vkui--color_tag_text_tickle--hover: #582030; --vkui--color_tag_text_tickle--active: #552030; --vkui--octavius_color_placeholder_background: #fff; --vkui--octavius_color_placeholder_background--hover: #f5f5f7; --vkui--octavius_color_placeholder_background--active: #ebecef; --vkui--octavius_color_promo_background: #ebeef5; --vkui--octavius_color_promo_background--hover: #e2e5ee; --vkui--octavius_color_promo_background--active: #d8dce6; --vkui--octavius_color_thread_footer_background: #ebecef; --vkui--octavius_color_thread_footer_background--hover: #e2e3e8; --vkui--octavius_color_thread_footer_background--active: #d8dae1; --vkui--octavius_color_button_text: #333; --vkui--octavius_color_button_text--hover: #313233; --vkui--octavius_color_button_text--active: #2f3034; --vkui--octavius_color_button_icon: #333; --vkui--octavius_color_button_icon--hover: #313233; --vkui--octavius_color_button_icon--active: #2f3034; --vkui--octavius_color_button_background_alpha: transparent; --vkui--octavius_color_button_background_alpha--hover: rgba(0,16,61,.04); --vkui--octavius_color_button_background_alpha--active: rgba(0,16,61,.08); --vkui--octavius_color_background: #f6f7fb; --vkui--octavius_color_background--hover: #eceef3; --vkui--octavius_color_background--active: #e2e5ec; --vkui--octavius_color_background_accent_toned_alpha: rgba(0,119,255,.12); --vkui--octavius_color_background_accent_toned_alpha--hover: rgba(0,119,255,.16); --vkui--octavius_color_background_accent_toned_alpha--active: rgba(0,119,255,.2); --vkui--octavius_color_overlay_background: transparent; --vkui--octavius_color_overlay_background--hover: rgba(0,16,61,.04); --vkui--octavius_color_overlay_background--active: rgba(0,16,61,.08); --vkui--octavius_color_header_background: #fff; --vkui--octavius_color_header_background--hover: #f5f5f7; --vkui--octavius_color_header_background--active: #ebecef; --vkui--octavius_color_header_button_text: #252629; --vkui--octavius_color_header_button_text--hover: #24252a; --vkui--octavius_color_header_button_text--active: #22242b; --vkui--octavius_color_header_button_background_alpha: transparent; --vkui--octavius_color_header_button_background_alpha--hover: hsla(0,0%,100%,.64); --vkui--octavius_color_header_button_background_alpha--active: hsla(0,0%,100%,.4); --vkui--octavius_color_header_icon: #fff; --vkui--octavius_color_header_icon--hover: #f5f5f7; --vkui--octavius_color_header_icon--active: #ebecef; --vkui--octavius_color_header_icon_unread: #07f; --vkui--octavius_color_header_icon_unread--hover: #0073f7; --vkui--octavius_color_header_icon_unread--active: #006fef; --vkui--octavius_color_header_icon_favorite: #f23741; --vkui--octavius_color_header_icon_favorite--hover: #e83541; --vkui--octavius_color_header_icon_favorite--active: #df3441; --vkui--octavius_color_header_icon_attach: #d9dadd; --vkui--octavius_color_header_icon_attach--hover: #d0d2d7; --vkui--octavius_color_header_icon_attach--active: #c8cad0; --vkui--octavius_color_header_text_secondary: #93969b; --vkui--octavius_color_header_text_secondary--hover: #8d9197; --vkui--octavius_color_header_text_secondary--active: #878b93; --vkui--octavius_color_header_search_icon: #b6b8be; --vkui--octavius_color_header_search_icon--hover: #afb1b9; --vkui--octavius_color_header_search_icon--active: #a7abb4; --vkui--octavius_color_header_search_chip_background: #fff; --vkui--octavius_color_header_search_chip_background--hover: hsla(0,0%,100%,.64); --vkui--octavius_color_header_search_chip_background--active: hsla(0,0%,100%,.4); --vkui--octavius_color_header_search_chip_background_editable: #fff; --vkui--octavius_color_header_search_chip_background_editable--hover: #f5f5f7; --vkui--octavius_color_header_search_chip_background_editable--active: #ebecef; --vkui--octavius_color_header_search_chip_border_editable_alpha: rgba(0,16,61,.12); --vkui--octavius_color_header_search_chip_border_editable_alpha--hover: rgba(0,16,61,.16); --vkui--octavius_color_header_search_chip_border_editable_alpha--active: rgba(0,16,61,.2); --vkui--octavius_color_header_search_background: #f0f1f3; --vkui--octavius_color_header_search_background--hover: #e6e8ec; --vkui--octavius_color_header_search_background--active: #dddfe4; --vkui--octavius_color_header_search_background_collapsed: #f0f1f3; --vkui--octavius_color_header_search_background_collapsed--hover: #e6e8ec; --vkui--octavius_color_header_search_background_collapsed--active: #dddfe4; --vkui--octavius_color_header_search_text: #2c2d2e; --vkui--octavius_color_header_search_text--hover: #2a2c2f; --vkui--octavius_color_header_search_text--active: #282b2f; --vkui--octavius_color_header_search_text_collapsed: #87898f; --vkui--octavius_color_header_search_text_collapsed--hover: #82848c; --vkui--octavius_color_header_search_text_collapsed--active: #7c7f88; --vkui--octavius_color_header_filter_text_alpha: rgba(39,43,55,.5); --vkui--octavius_color_header_filter_text_alpha--hover: rgba(39,43,55,.54); --vkui--octavius_color_header_filter_text_alpha--active: rgba(39,43,55,.58); --vkui--octavius_color_header_tab_active_themed_alpha: rgba(0,95,249,.1); --vkui--octavius_color_header_tab_active_themed_alpha--hover: rgba(0,95,249,.14); --vkui--octavius_color_header_tab_active_themed_alpha--active: rgba(0,95,249,.18); --vkui--octavius_color_header_tab_text_active_themed: #07f; --vkui--octavius_color_header_tab_text_active_themed--hover: #0073f7; --vkui--octavius_color_header_tab_text_active_themed--active: #006fef; --vkui--octavius_color_portal_search_background_alpha: hsla(0,0%,100%,.99); --vkui--octavius_color_portal_search_background_alpha--hover: #fff; --vkui--octavius_color_portal_search_background_alpha--active: #fff; --vkui--octavius_color_portal_search_icon_themed_alpha: rgba(0,95,255,.99); --vkui--octavius_color_portal_search_icon_themed_alpha--hover: #005fff; --vkui--octavius_color_portal_search_icon_themed_alpha--active: #005fff; --vkui--octavius_color_portal_menu_background: #fff; --vkui--octavius_color_portal_menu_background--hover: #f5f5f7; --vkui--octavius_color_portal_menu_background--active: #ebecef; --vkui--octavius_color_sidebar_item_icon_active: #2c2d2e; --vkui--octavius_color_sidebar_item_icon_active--hover: #2a2c2f; --vkui--octavius_color_sidebar_item_icon_active--active: #282b2f; --vkui--octavius_color_sidebar_item_icon_primary: #2c2d2e; --vkui--octavius_color_sidebar_item_icon_primary--hover: #2a2c2f; --vkui--octavius_color_sidebar_item_icon_primary--active: #282b2f; --vkui--octavius_color_sidebar_item_text_active: #2c2d2e; --vkui--octavius_color_sidebar_item_text_active--hover: #2a2c2f; --vkui--octavius_color_sidebar_item_text_active--active: #282b2f; --vkui--octavius_color_sidebar_item_text_primary: #2c2d2e; --vkui--octavius_color_sidebar_item_text_primary--hover: #2a2c2f; --vkui--octavius_color_sidebar_item_text_primary--active: #282b2f; --vkui--octavius_color_sidebar_button_icon: #2c2d2e; --vkui--octavius_color_sidebar_button_icon--hover: #2a2c2f; --vkui--octavius_color_sidebar_button_icon--active: #282b2f; --vkui--octavius_color_sidebar_button_text: #2c2d2e; --vkui--octavius_color_sidebar_button_text--hover: #2a2c2f; --vkui--octavius_color_sidebar_button_text--active: #282b2f; --vkui--octavius_color_sidebar_button_background: #fff; --vkui--octavius_color_sidebar_button_background--hover: #f5f5f7; --vkui--octavius_color_sidebar_button_background--active: #ebecef; --vkui--octavius_color_sidebar_counter_background_alpha: transparent; --vkui--octavius_color_sidebar_counter_background_alpha--hover: rgba(0,16,61,.04); --vkui--octavius_color_sidebar_counter_background_alpha--active: rgba(0,16,61,.08); --vkui--octavius_color_sidebar_counter_text: #2c2d2e; --vkui--octavius_color_sidebar_counter_text--hover: #2a2c2f; --vkui--octavius_color_sidebar_counter_text--active: #282b2f; --vkui--octavius_color_sidebar_item_background_alpha: transparent; --vkui--octavius_color_sidebar_item_background_alpha--hover: rgba(0,16,61,.04); --vkui--octavius_color_sidebar_item_background_alpha--active: rgba(0,16,61,.08); --vkui--octavius_color_sidebar_scrollbar_alpha: rgba(0,16,61,.08); --vkui--octavius_color_sidebar_scrollbar_alpha--hover: rgba(0,16,61,.12); --vkui--octavius_color_sidebar_scrollbar_alpha--active: rgba(0,16,61,.16); --vkui--octavius_color_sidebar_item_icon: #333; --vkui--octavius_color_sidebar_item_icon--hover: #313233; --vkui--octavius_color_sidebar_item_icon--active: #2f3034; --vkui--octavius_color_sidebar_item_text: #333; --vkui--octavius_color_sidebar_item_text--hover: #313233; --vkui--octavius_color_sidebar_item_text--active: #2f3034; --vkui--octavius_color_sidebar_item_button_background_alpha: rgba(0,16,61,.08); --vkui--octavius_color_sidebar_item_button_background_alpha--hover: rgba(0,16,61,.12); --vkui--octavius_color_sidebar_item_button_background_alpha--active: rgba(0,16,61,.16); --vkui--octavius_color_sidebar_item_icon_secondary: #87898f; --vkui--octavius_color_sidebar_item_icon_secondary--hover: #82848c; --vkui--octavius_color_sidebar_item_icon_secondary--active: #7c7f88; --vkui--octavius_color_sidebar_item_text_secondary: #87898f; --vkui--octavius_color_sidebar_item_text_secondary--hover: #82848c; --vkui--octavius_color_sidebar_item_text_secondary--active: #7c7f88; --vkui--octavius_color_sidebar_short_item_icon: #333; --vkui--octavius_color_sidebar_short_item_icon--hover: #313233; --vkui--octavius_color_sidebar_short_item_icon--active: #2f3034; --vkui--octavius_color_sidebar_short_item_text: #333; --vkui--octavius_color_sidebar_short_item_text--hover: #313233; --vkui--octavius_color_sidebar_short_item_text--active: #2f3034; --vkui--octavius_color_sidebar_short_item_text_active: #2c2d2e; --vkui--octavius_color_sidebar_short_item_text_active--hover: #2a2c2f; --vkui--octavius_color_sidebar_short_item_text_active--active: #282b2f; --vkui--octavius_color_sidebar_short_item_icon_active: #2c2d2e; --vkui--octavius_color_sidebar_short_item_icon_active--hover: #2a2c2f; --vkui--octavius_color_sidebar_short_item_icon_active--active: #282b2f; --vkui--octavius_color_sidebar_short_item_icon_secondary: #a5a7ad; --vkui--octavius_color_sidebar_short_item_icon_secondary--hover: #9ea1a9; --vkui--octavius_color_sidebar_short_item_icon_secondary--active: #989ba4; --vkui--octavius_color_sidebar_short_item_text_secondary: #87898f; --vkui--octavius_color_sidebar_short_item_text_secondary--hover: #82848c; --vkui--octavius_color_sidebar_short_item_text_secondary--active: #7c7f88; --vkui--octavius_color_sidebar_compose_button_background: #fff; --vkui--octavius_color_sidebar_compose_button_background--hover: #f5f5f7; --vkui--octavius_color_sidebar_compose_button_background--active: #ebecef; --vkui--octavius_color_sidebar_compose_button_text: #2c2d2e; --vkui--octavius_color_sidebar_compose_button_text--hover: #2a2c2f; --vkui--octavius_color_sidebar_compose_button_text--active: #282b2f; --vkui--octavius_color_sidebar_compose_button_icon: #2c2d2e; --vkui--octavius_color_sidebar_compose_button_icon--hover: #2a2c2f; --vkui--octavius_color_sidebar_compose_button_icon--active: #282b2f; --vkui--octavius_color_sidebar_icon_unread: #07f; --vkui--octavius_color_sidebar_icon_unread--hover: #0073f7; --vkui--octavius_color_sidebar_icon_unread--active: #006fef; --vkui--octavius_color_sidebar_icon_favorite: #f23741; --vkui--octavius_color_sidebar_icon_favorite--hover: #e83541; --vkui--octavius_color_sidebar_icon_favorite--active: #df3441; --vkui--octavius_color_sidebar_icon_order: #ff54aa; --vkui--octavius_color_sidebar_icon_order--hover: #f551a6; --vkui--octavius_color_sidebar_icon_order--active: #eb4fa1; --vkui--octavius_color_sidebar_icon_finance: #2fc885; --vkui--octavius_color_sidebar_icon_finance--hover: #2dc182; --vkui--octavius_color_sidebar_icon_finance--active: #2bb97f; --vkui--octavius_color_sidebar_icon_registration: #ff9e00; --vkui--octavius_color_sidebar_icon_registration--hover: #f59802; --vkui--octavius_color_sidebar_icon_registration--active: #eb9305; --vkui--octavius_color_sidebar_icon_travel: #ba34fc; --vkui--octavius_color_sidebar_icon_travel--hover: #b333f4; --vkui--octavius_color_sidebar_icon_travel--active: #ab31ed; --vkui--octavius_color_sidebar_icon_event: #09a6fa; --vkui--octavius_color_sidebar_icon_event--hover: #09a0f2; --vkui--octavius_color_sidebar_icon_event--active: #089aeb; --vkui--octavius_color_sidebar_icon_fees: #e60000; --vkui--octavius_color_sidebar_icon_fees--hover: #dd0102; --vkui--octavius_color_sidebar_icon_fees--active: #d40105; --vkui--octavius_color_content_scrollbar_alpha: rgba(0,16,61,.08); --vkui--octavius_color_content_scrollbar_alpha--hover: rgba(0,16,61,.12); --vkui--octavius_color_content_scrollbar_alpha--active: rgba(0,16,61,.16); --vkui--octavius_color_action_archive: #1f5c23; --vkui--octavius_color_action_archive--hover: #1e5924; --vkui--octavius_color_action_archive--active: #1d5625; --vkui--octavius_color_icon_favorite: #fc2c38; --vkui--octavius_color_icon_favorite--hover: #f22b38; --vkui--octavius_color_icon_favorite--active: #e82a38; --vkui--octavius_color_icon_order: #ff54aa; --vkui--octavius_color_icon_order--hover: #f551a6; --vkui--octavius_color_icon_order--active: #eb4fa1; --vkui--octavius_color_icon_finance: #2fc885; --vkui--octavius_color_icon_finance--hover: #2dc182; --vkui--octavius_color_icon_finance--active: #2bb97f; --vkui--octavius_color_icon_registration: #ff9e00; --vkui--octavius_color_icon_registration--hover: #f59802; --vkui--octavius_color_icon_registration--active: #eb9305; --vkui--octavius_color_icon_travel: #ba34fc; --vkui--octavius_color_icon_travel--hover: #b333f4; --vkui--octavius_color_icon_travel--active: #ab31ed; --vkui--octavius_color_icon_event: #09a6fa; --vkui--octavius_color_icon_event--hover: #09a0f2; --vkui--octavius_color_icon_event--active: #089aeb; --vkui--octavius_color_icon_fees: #ff6262; --vkui--octavius_color_icon_fees--hover: #f55f61; --vkui--octavius_color_icon_fees--active: #eb5b5f; --vkui--octavius_color_icon_event_alpha: rgba(59,186,254,.1); --vkui--octavius_color_icon_event_alpha--hover: rgba(59,186,254,.14); --vkui--octavius_color_icon_event_alpha--active: rgba(59,186,254,.18); --vkui--octavius_color_icon_order_alpha: rgba(249,76,163,.1); --vkui--octavius_color_icon_order_alpha--hover: rgba(249,76,163,.14); --vkui--octavius_color_icon_order_alpha--active: rgba(249,76,163,.18); --vkui--octavius_color_icon_travel_alpha: rgba(193,93,243,.1); --vkui--octavius_color_icon_travel_alpha--hover: rgba(193,93,243,.14); --vkui--octavius_color_icon_travel_alpha--active: rgba(193,93,243,.18); --vkui--octavius_color_list_letter_background: #fff; --vkui--octavius_color_list_letter_background--hover: #f5f5f7; --vkui--octavius_color_list_letter_background--active: #ebecef; --vkui--octavius_color_list_text_unread: #2c2d2e; --vkui--octavius_color_list_text_unread--hover: #2a2c2f; --vkui--octavius_color_list_text_unread--active: #282b2f; --vkui--octavius_color_list_text_primary: #2c2d2e; --vkui--octavius_color_list_text_primary--hover: #2a2c2f; --vkui--octavius_color_list_text_primary--active: #282b2f; --vkui--octavius_color_list_icon_primary: #2c2d2e; --vkui--octavius_color_list_icon_primary--hover: #2a2c2f; --vkui--octavius_color_list_icon_primary--active: #282b2f; --vkui--octavius_color_list_letter_separator_alpha: rgba(0,16,61,.12); --vkui--octavius_color_list_letter_separator_alpha--hover: rgba(0,16,61,.16); --vkui--octavius_color_list_letter_separator_alpha--active: rgba(0,16,61,.2); --vkui--octavius_color_list_letter_adv_background: #f0f5ff; --vkui--octavius_color_list_letter_adv_background--hover: #e6ecf7; --vkui--octavius_color_list_letter_adv_background--active: #dde3ef; --vkui--octavius_color_list_background_positive_alpha: rgba(13,194,104,.08); --vkui--octavius_color_list_background_positive_alpha--hover: rgba(13,194,104,.12); --vkui--octavius_color_list_background_positive_alpha--active: rgba(13,194,104,.16); --vkui--octavius_color_list_background_positive_tags_outline: #f2faf4; --vkui--octavius_color_list_background_positive_tags_outline--hover: #e8f1ed; --vkui--octavius_color_list_background_positive_tags_outline--active: #dfe7e5; --vkui--octavius_color_letter_list_text_unread: #2c2d2e; --vkui--octavius_color_letter_list_text_unread--hover: #2a2c2f; --vkui--octavius_color_letter_list_text_unread--active: #282b2f; --vkui--octavius_color_dataset_background: #fff; --vkui--octavius_color_dataset_background--hover: #f5f5f7; --vkui--octavius_color_dataset_background--active: #ebecef; --vkui--octavius_color_empty_state_text: #333; --vkui--octavius_color_empty_state_text--hover: #313233; --vkui--octavius_color_empty_state_text--active: #2f3034; --vkui--octavius_color_button_empty_state_text: #2c2d2e; --vkui--octavius_color_button_empty_state_text--hover: #2a2c2f; --vkui--octavius_color_button_empty_state_text--active: #282b2f; --vkui--octavius_color_button_empty_state_background_alpha: rgba(0,16,61,.06); --vkui--octavius_color_button_empty_state_background_alpha--hover: rgba(0,16,61,.1); --vkui--octavius_color_button_empty_state_background_alpha--active: rgba(0,16,61,.14); --vkui--octavius_color_layout_border_alpha: rgba(0,16,61,.12); --vkui--octavius_color_layout_border_alpha--hover: rgba(0,16,61,.16); --vkui--octavius_color_layout_border_alpha--active: rgba(0,16,61,.2); --vkui--octavius_color_layout_letter_border_alpha: rgba(0,16,61,.12); --vkui--octavius_color_layout_letter_border_alpha--hover: rgba(0,16,61,.16); --vkui--octavius_color_layout_letter_border_alpha--active: rgba(0,16,61,.2); --vkui--octavius_color_empty_state_text_link: #005bd1; --vkui--octavius_color_empty_state_text_link--hover: #0058cb; --vkui--octavius_color_empty_state_text_link--active: #0055c5; --vkui--octavius_color_letter_contact_background_alpha: transparent; --vkui--octavius_color_letter_contact_background_alpha--hover: rgba(0,16,61,.08); --vkui--octavius_color_letter_contact_background_alpha--active: rgba(0,16,61,.16); --vkui--octavius_color_letter_preview_background_primary: #f9f9fa; --vkui--octavius_color_letter_preview_background_primary--hover: #eff0f2; --vkui--octavius_color_letter_preview_background_primary--active: #e5e6eb; --vkui--octavius_color_letter_preview_background_secondary: #f3f3f5; --vkui--octavius_color_letter_preview_background_secondary--hover: #e9eaee; --vkui--octavius_color_letter_preview_background_secondary--active: #e0e1e6; --vkui--octavius_color_notification_border: #fff; --vkui--octavius_color_notification_border--hover: #f5f5f7; --vkui--octavius_color_notification_border--active: #ebecef; --vkui--octavius_text_decoration_empty_state_text_link: none; --vkui--octavius_text_decoration_empty_state_text_link--hover: underline; --vkui--octavius_text_decoration_empty_state_text_link--active: underline; --vkui--octavius_color_background_accent_tint_alpha: rgba(0,95,249,.12); --vkui--octavius_color_background_accent_tint_alpha--hover: rgba(0,95,249,.16); --vkui--octavius_color_background_accent_tint_alpha--active: rgba(0,95,249,.2); --vkui--octavius_color_background_negative_tint_alpha: rgba(236,71,80,.12); --vkui--octavius_color_background_negative_tint_alpha--hover: rgba(236,71,80,.16); --vkui--octavius_color_background_negative_tint_alpha--active: rgba(236,71,80,.2); --vkui--octavius_color_background_positive_tint_alpha: rgba(13,194,104,.1); --vkui--octavius_color_background_positive_tint_alpha--hover: rgba(13,194,104,.14); --vkui--octavius_color_background_positive_tint_alpha--active: rgba(13,194,104,.18); --vkui--octavius_color_button_background_contrast_alpha: hsla(0,0%,98%,.99); --vkui--octavius_color_button_background_contrast_alpha--hover: #fafafa; --vkui--octavius_color_button_background_contrast_alpha--active: #fafafa; --vkui--octavius_color_icon_social: #7288ff; --vkui--octavius_color_icon_social--hover: #6d83f7; --vkui--octavius_color_icon_social--active: #697eef; --vkui--octavius_color_icon_mailings: #ffa447; --vkui--octavius_color_icon_mailings--hover: #f59e47; --vkui--octavius_color_icon_mailings--active: #eb9846; --vkui--octavius_color_icon_to_myself: #1dc7d2; --vkui--octavius_color_icon_to_myself--hover: #1cc0cc; --vkui--octavius_color_icon_to_myself--active: #1bb8c6; --vkui--octavius_color_icon_news: #26c0eb; --vkui--octavius_color_icon_news--hover: #24b9e4; --vkui--octavius_color_icon_news--active: #23b2dd; --vkui--octavius_color_icon_official: #ec4750; --vkui--octavius_color_icon_official--hover: #e3454f; --vkui--octavius_color_icon_official--active: #d9434e; --vkui--octavius_color_icon_school: #c97eec; --vkui--octavius_color_icon_school--hover: #c17ae5; --vkui--octavius_color_icon_school--active: #b975de; --vkui--octavius_color_icon_games: #fdcc3e; --vkui--octavius_color_icon_games--hover: #f3c43e; --vkui--octavius_color_icon_games--active: #e9bd3e; --vkui--octavius_color_icon_receipts: #74bf05; --vkui--octavius_color_icon_receipts--hover: #6fb807; --vkui--octavius_color_icon_receipts--active: #6bb109; --vkui--octavius_color_text_fees: #ff2f2f; --vkui--octavius_color_text_fees--hover: #f52e30; --vkui--octavius_color_text_fees--active: #eb2d30; --vkui--octavius_color_text_finance: #27b275; --vkui--octavius_color_text_finance--hover: #25ac73; --vkui--octavius_color_text_finance--active: #24a571; --vkui--octavius_color_text_social: #556ad9; --vkui--octavius_color_text_social--hover: #5266d3; --vkui--octavius_color_text_social--active: #4e63cd; --vkui--octavius_color_text_mailings: #fc8a15; --vkui--octavius_color_text_mailings--hover: #f28517; --vkui--octavius_color_text_mailings--active: #e88018; --vkui--octavius_color_text_to_myself: #13b4bf; --vkui--octavius_color_text_to_myself--hover: #12adba; --vkui--octavius_color_text_to_myself--active: #11a7b5; --vkui--octavius_color_text_news: #08abd9; --vkui--octavius_color_text_news--hover: #08a5d3; --vkui--octavius_color_text_news--active: #079fcd; --vkui--octavius_color_text_school: #c97eec; --vkui--octavius_color_text_school--hover: #c17ae5; --vkui--octavius_color_text_school--active: #b975de; --vkui--octavius_color_text_games: #ebaf00; --vkui--octavius_color_text_games--hover: #e2a902; --vkui--octavius_color_text_games--active: #d8a205; --vkui--octavius_color_sidebar_widget_background_alpha: hsla(0,0%,100%,.16); --vkui--octavius_color_sidebar_widget_background_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_sidebar_widget_background_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_snackbar_icon_positive: #24c649; --vkui--octavius_color_snackbar_icon_positive--hover: #23bf49; --vkui--octavius_color_snackbar_icon_positive--active: #21b748; --vkui--octavius_color_snackbar_icon_negative: #f85050; --vkui--octavius_color_snackbar_icon_negative--hover: #ee4d4f; --vkui--octavius_color_snackbar_icon_negative--active: #e44b4e; --vkui--octavius_color_snackbar_icon_accent: #07f; --vkui--octavius_color_snackbar_icon_accent--hover: #0073f7; --vkui--octavius_color_snackbar_icon_accent--active: #006fef; --vkui--octavius_color_snackbar_icon_secondary: #9c9da2; --vkui--octavius_color_snackbar_icon_secondary--hover: #96979e; --vkui--octavius_color_snackbar_icon_secondary--active: #90929a; --vkui--octavius_color_snackbar_icon_warning: #ff9e00; --vkui--octavius_color_snackbar_icon_warning--hover: #f59802; --vkui--octavius_color_snackbar_icon_warning--active: #eb9305; --vkui--octavius_color_snackbar_text_accent: #1a85ff; --vkui--octavius_color_snackbar_text_accent--hover: #1980f7; --vkui--octavius_color_snackbar_text_accent--active: #187cef; --vkui--octavius_color_snackbar_text_contrast: #fff; --vkui--octavius_color_snackbar_text_contrast--hover: #f5f5f7; --vkui--octavius_color_snackbar_text_contrast--active: #ebecef; --vkui--octavius_color_snackbar_background: #303030; --vkui--octavius_color_snackbar_background--hover: #2e2f31; --vkui--octavius_color_snackbar_background--active: #2c2d31; --vkui--octavius_color_snackbar_transparent: hsla(0,0%,100%,.16); --vkui--octavius_color_snackbar_transparent--active: hsla(0,0%,100%,.04); --vkui--octavius_color_snackbar_transparent--hover: hsla(0,0%,100%,.08); --vkui--octavius_color_icon_unread: #07f; --vkui--octavius_color_icon_unread--hover: #0073f7; --vkui--octavius_color_icon_unread--active: #006fef; --vkui--octavius_color_header_progress: #07f; --vkui--octavius_color_header_progress--hover: #0073f7; --vkui--octavius_color_header_progress--active: #006fef; --vkui--paradigm_tech_background_portal: #f6f7fb; --vkui--paradigm_tech_background_portal--hover: #eceef3; --vkui--paradigm_tech_background_portal--active: #e2e5ec; --vkui--paradigm_tech_avatars_sky: #9dd5fe; --vkui--paradigm_tech_avatars_sky--hover: #97cdf6; --vkui--paradigm_tech_avatars_sky--active: #90c5ef; --vkui--paradigm_tech_avatars_seagreen: #70ec9a; --vkui--paradigm_tech_avatars_seagreen--hover: #6ce396; --vkui--paradigm_tech_avatars_seagreen--active: #67da93; --vkui--paradigm_tech_avatars_mint: #7beadb; --vkui--paradigm_tech_avatars_mint--hover: #76e1d5; --vkui--paradigm_tech_avatars_mint--active: #71d9ce; --vkui--paradigm_tech_avatars_cyan: #00d3e6; --vkui--paradigm_tech_avatars_cyan--hover: #00cbdf; --vkui--paradigm_tech_avatars_cyan--active: #00c3d8; --vkui--paradigm_tech_avatars_blue: #2389ff; --vkui--paradigm_tech_avatars_blue--hover: #2284f7; --vkui--paradigm_tech_avatars_blue--active: #207fef; --vkui--paradigm_tech_avatars_red: #f85050; --vkui--paradigm_tech_avatars_red--hover: #ee4d4f; --vkui--paradigm_tech_avatars_red--active: #e44b4e; --vkui--paradigm_tech_avatars_yellow: #ffd65c; --vkui--paradigm_tech_avatars_yellow--hover: #f5ce5b; --vkui--paradigm_tech_avatars_yellow--active: #ebc65a; --vkui--paradigm_tech_avatars_indigo: #7876ff; --vkui--paradigm_tech_avatars_indigo--hover: #7372f7; --vkui--paradigm_tech_avatars_indigo--active: #6e6eef; --vkui--paradigm_tech_avatars_peach: #fcbe99; --vkui--paradigm_tech_avatars_peach--hover: #f2b795; --vkui--paradigm_tech_avatars_peach--active: #e8b092; --vkui--paradigm_tech_avatars_lavander: #c9b7ff; --vkui--paradigm_tech_avatars_lavander--hover: #c1b0f7; --vkui--paradigm_tech_avatars_lavander--active: #b9aaef; --vkui--paradigm_tech_avatars_violet: #b780f3; --vkui--paradigm_tech_avatars_violet--hover: #b07cec; --vkui--paradigm_tech_avatars_violet--active: #a877e4; --vkui--paradigm_tech_avatars_green: #2acf56; --vkui--paradigm_tech_avatars_green--hover: #28c755; --vkui--paradigm_tech_avatars_green--active: #27c054; --vkui--paradigm_tech_avatars_lime: #c3f07f; --vkui--paradigm_tech_avatars_lime--hover: #bbe77c; --vkui--paradigm_tech_avatars_lime--active: #b3de7a; --vkui--paradigm_tech_avatars_coral: #ffa9a3; --vkui--paradigm_tech_avatars_coral--hover: #f5a39f; --vkui--paradigm_tech_avatars_coral--active: #eb9d9b; --vkui--paradigm_tech_avatars_orange: #fb8422; --vkui--paradigm_tech_avatars_orange--hover: #f17f23; --vkui--paradigm_tech_avatars_orange--active: #e77b24; } .onlyVariablesLocal__vkui--octavius--dark--3RB-n { --vkui--theme_name: "paradigmTechDark"; --vkui--font_family_fallbacks: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_accent: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_base: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_weight_accent1: 500; --vkui--font_weight_accent2: 500; --vkui--font_weight_accent3: 400; --vkui--font_weight_base1: 700; --vkui--font_weight_base2: 700; --vkui--font_weight_base3: 400; --vkui--font_display_title1--font_size--regular: 23px; --vkui--font_display_title1--line_height--regular: 28px; --vkui--font_display_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title1--font_weight--regular: 500; --vkui--font_display_title2--font_size--regular: 21px; --vkui--font_display_title2--line_height--regular: 26px; --vkui--font_display_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--regular: 500; --vkui--font_display_title2--font_size--compact: 22px; --vkui--font_display_title2--line_height--compact: 22px; --vkui--font_display_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--compact: 500; --vkui--font_display_title3--font_size--regular: 19px; --vkui--font_display_title3--line_height--regular: 24px; --vkui--font_display_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title3--font_weight--regular: 500; --vkui--font_display_title4--font_size--regular: 17px; --vkui--font_display_title4--line_height--regular: 24px; --vkui--font_display_title4--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title4--font_weight--regular: 500; --vkui--font_title1--font_size--regular: 24px; --vkui--font_title1--line_height--regular: 28px; --vkui--font_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--regular: 500; --vkui--font_title2--font_size--regular: 20px; --vkui--font_title2--line_height--regular: 26px; --vkui--font_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--regular: 500; --vkui--font_title3--font_size--regular: 17px; --vkui--font_title3--line_height--regular: 22px; --vkui--font_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--regular: 500; --vkui--font_headline1--font_size--regular: 16px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_headline1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline1--font_weight--regular: 500; --vkui--font_headline1--font_size--compact: 15px; --vkui--font_headline1--line_height--compact: 20px; --vkui--font_headline2--font_size--regular: 15px; --vkui--font_headline2--line_height--regular: 20px; --vkui--font_headline2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline2--font_weight--regular: 500; --vkui--font_headline2--font_size--compact: 14px; --vkui--font_headline2--line_height--compact: 20px; --vkui--font_text--font_size--regular: 16px; --vkui--font_text--line_height--regular: 20px; --vkui--font_text--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_text--font_weight--regular: 400; --vkui--font_text--font_size--compact: 15px; --vkui--font_text--line_height--compact: 20px; --vkui--font_paragraph--font_size--regular: 15px; --vkui--font_paragraph--line_height--regular: 20px; --vkui--font_paragraph--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_weight--regular: 400; --vkui--font_subhead--font_size--regular: 14px; --vkui--font_subhead--line_height--regular: 18px; --vkui--font_subhead--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--regular: 400; --vkui--font_subhead--font_size--compact: 13px; --vkui--font_subhead--line_height--compact: 18px; --vkui--font_footnote--font_size--regular: 13px; --vkui--font_footnote--line_height--regular: 18px; --vkui--font_footnote--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote--font_weight--regular: 400; --vkui--font_footnote_caps--font_size--regular: 13px; --vkui--font_footnote_caps--line_height--regular: 18px; --vkui--font_footnote_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_weight--regular: 400; --vkui--font_footnote_caps--text_transform--regular: uppercase; --vkui--font_footnote_caps--letter_spacing--regular: 0.3px; --vkui--font_caption1--font_size--regular: 12px; --vkui--font_caption1--line_height--regular: 16px; --vkui--font_caption1--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--regular: 400; --vkui--font_caption1_caps--font_size--regular: 12px; --vkui--font_caption1_caps--line_height--regular: 16px; --vkui--font_caption1_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_weight--regular: 400; --vkui--font_caption1_caps--text_transform--regular: uppercase; --vkui--font_caption1_caps--letter_spacing--regular: 0.26px; --vkui--font_caption2--font_size--regular: 11px; --vkui--font_caption2--line_height--regular: 14px; --vkui--font_caption2--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2--font_weight--regular: 400; --vkui--font_caption2_caps--font_size--regular: 11px; --vkui--font_caption2_caps--line_height--regular: 14px; --vkui--font_caption2_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps--font_weight--regular: 400; --vkui--font_caption2_caps--text_transform--regular: uppercase; --vkui--font_caption2_caps--letter_spacing--regular: 0.22px; --vkui--font_caption3--font_size--regular: 9px; --vkui--font_caption3--line_height--regular: 12px; --vkui--font_caption3--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3--font_weight--regular: 400; --vkui--font_caption3_caps--font_size--regular: 9px; --vkui--font_caption3_caps--line_height--regular: 12px; --vkui--font_caption3_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps--font_weight--regular: 400; --vkui--font_caption3_caps--text_transform--regular: uppercase; --vkui--font_caption3_caps--letter_spacing--regular: 0.16px; --vkui--size_select_icon_padding--regular: 7px; --vkui--size_select_icon_padding--compact: 6px; --vkui--size_popup_base_padding--regular: 20px; --vkui--size_popup_base_padding--compact: 32px; --vkui--size_popup_header_padding--regular: 16px; --vkui--size_popup_header_padding--compact: 24px; --vkui--size_border_radius--regular: 8px; --vkui--size_border_radius_rounded--regular: 48px; --vkui--size_check_border_radius--regular: 4px; --vkui--size_border_radius_paper--regular: 12px; --vkui--size_border_radius_promo--regular: 20px; --vkui--size_cell_height--regular: 48px; --vkui--size_cell_height--compact: 44px; --vkui--size_field_height--regular: 44px; --vkui--size_field_height--compact: 36px; --vkui--size_search_height--regular: 36px; --vkui--size_search_height--compact: 32px; --vkui--size_button_extra_small_height--regular: 24px; --vkui--size_button_extra_small_height--compact: 22px; --vkui--size_button_small_height--regular: 30px; --vkui--size_button_small_height--compact: 28px; --vkui--size_button_medium_height--regular: 36px; --vkui--size_button_medium_height--compact: 32px; --vkui--size_button_large_height--regular: 44px; --vkui--size_button_large_height--compact: 36px; --vkui--size_checkbox--regular: 16px; --vkui--size_arrow--regular: 8px; --vkui--size_arrow_promo--regular: 40px; --vkui--size_popup_small--regular: 430px; --vkui--size_popup_medium--regular: 680px; --vkui--size_popup_large--regular: 880px; --vkui--size_field_horizontal_padding--regular: 12px; --vkui--size_button_padding_horizontal--regular: 20px; --vkui--size_button_padding_horizontal--compact: 16px; --vkui--size_label_horizontal_margin--regular: 16px; --vkui--size_arrow_padding--regular: 12px; --vkui--size_tooltip_margin--regular: 8px; --vkui--size_icon_u_i--regular: 16px; --vkui--size_avatar_x_s--regular: 24px; --vkui--size_avatar_s--regular: 32px; --vkui--size_avatar_m--regular: 48px; --vkui--size_avatar_l--regular: 96px; --vkui--size_avatar_x_l--regular: 128px; --vkui--size_badge_x_s--regular: 12px; --vkui--size_badge_s--regular: 16px; --vkui--size_badge_m--regular: 24px; --vkui--size_badge_l--regular: 44px; --vkui--size_badge_x_l--regular: 56px; --vkui--size_cardgrid_padding--regular: 12px; --vkui--size_card_border_radius--regular: 16px; --vkui--size_cardgrid_padding_vertical--regular: 8px; --vkui--size_base_padding_horizontal--regular: 16px; --vkui--size_base_padding_vertical--regular: 12px; --vkui--size_button_group_gap_space--regular: 1px; --vkui--size_button_group_gap_small--regular: 8px; --vkui--size_button_group_gap_medium--regular: 12px; --vkui--size_option_hierarchy--regular: 32px; --vkui--size_switch_height--regular: 14px; --vkui--size_switch_height--compact: 12px; --vkui--size_switch_width--regular: 34px; --vkui--size_switch_width--compact: 32px; --vkui--size_switch_pin--regular: 20px; --vkui--size_switch_pin--compact: 18px; --vkui--size_panel_header_height--compact: 48px; --vkui--size_panel_header_height--regular: 56px; --vkui--size_button_base_small_padding_horizontal--regular: 16px; --vkui--size_button_base_medium_padding_horizontal--regular: 16px; --vkui--size_button_base_large_padding_horizontal--regular: 20px; --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px; --vkui--size_button_minimum_width--regular: 80px; --vkui--size_form_item_padding_vertical--regular: 12px; --vkui--size_split_col_padding_horizontal--regular: 16px; --vkui--size_subnavigation_bar_gap--regular: 8px; --vkui--size_subnavigation_bar_padding_vertical--regular: 12px; --vkui--size_border1x--regular: 1px; --vkui--size_border2x--regular: 0.5px; --vkui--size_border3x--regular: 0.33px; --vkui--spacing_size_3xs: 2px; --vkui--spacing_size_2xs: 2px; --vkui--spacing_size_xs: 4px; --vkui--spacing_size_s: 6px; --vkui--spacing_size_m: 8px; --vkui--spacing_size_l: 10px; --vkui--spacing_size_xl: 12px; --vkui--spacing_size_2xl: 16px; --vkui--spacing_size_3xl: 20px; --vkui--spacing_size_4xl: 24px; --vkui--elevation1: 0 2px 0 0 rgba(0,0,0,.04); --vkui--elevation1_invert_y: 0 -2px 0 0 rgba(0,0,0,.04); --vkui--elevation2: 0 4px 48px 0 rgba(0,0,0,.72); --vkui--elevation3: 0 4px 32px 0 rgba(0,0,0,.48); --vkui--elevation4: 0 4px 32px 0 rgba(0,0,0,.48); --vkui--gradient_black: transparent 0%,rgba(0,0,0,.02) 15%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.32) 70%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.4) 100%; --vkui--gradient_white: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--gradient_tint: rgba(37,37,37,0) 0%,rgba(37,37,37,.05) 15%,rgba(37,37,37,.2) 30%,rgba(37,37,37,.8) 70%,rgba(37,37,37,.95) 85%,#252525 100%; --vkui--gradient: rgba(35,35,36,0) 0%,rgba(35,35,36,.05) 15%,rgba(35,35,36,.2) 30%,rgba(35,35,36,.8) 70%,rgba(35,35,36,.95) 85%,#232324 100%; --vkui--animation_duration_l: 0.4s; --vkui--animation_duration_m: 0.2s; --vkui--animation_duration_s: 0.1s; --vkui--animation_easing_default: cubic-bezier(0.3,0.3,0.5,1); --vkui--animation_easing_platform: cubic-bezier(0.3,0.3,0.5,1); --vkui--opacity_disable: 0.48; --vkui--opacity_disable_accessibility: 0.64; --vkui--opacity_active: 0.72; --vkui--blur_m: 16px; --vkui--z_index_modal: 99; --vkui--z_index_popout: 100; --vkui--x0: 0px; --vkui--x025: 1px; --vkui--x05: 2px; --vkui--x1: 4px; --vkui--x2: 8px; --vkui--x3: 12px; --vkui--x4: 16px; --vkui--x5: 20px; --vkui--x6: 24px; --vkui--x8: 32px; --vkui--x10: 40px; --vkui--x12: 48px; --vkui--x15: 60px; --vkui--x20: 80px; --vkui--size_base: 4px; --vkui--size_grid: 20px; --vkui--font_h0--font_size--regular: 28px; --vkui--font_h0--line_height--regular: 32px; --vkui--font_h0--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--regular: 500; --vkui--font_h0--font_size--compact: 44px; --vkui--font_h0--line_height--compact: 52px; --vkui--font_h1--font_size--regular: 24px; --vkui--font_h1--line_height--regular: 28px; --vkui--font_h1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--regular: 500; --vkui--font_h1--font_size--compact: 32px; --vkui--font_h1--line_height--compact: 36px; --vkui--font_h2--font_size--regular: 20px; --vkui--font_h2--line_height--regular: 26px; --vkui--font_h2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--regular: 500; --vkui--font_h2--font_size--compact: 28px; --vkui--font_h2--line_height--compact: 32px; --vkui--size_arrow_height--regular: 8px; --vkui--size_arrow_width--regular: 12px; --vkui--size_base_padding--regular: 16px; --vkui--size_base_padding--compact: 20px; --vkui--size_border_width_tab--regular: 2px; --vkui--size_border_width_bar--regular: 4px; --vkui--size_border_width_accent--regular: 8px; --vkui--size_border_width_accent_secondary--regular: 8px; --vkui--size_control_button_width_min--regular: 130px; --vkui--size_control_button_width_min--compact: 104px; --vkui--size_promo_button_close--regular: 32px; --vkui--size_button_slider_height--regular: 24px; --vkui--size_button_slider_width--regular: 12px; --vkui--size_button_slider_width_pointer--regular: 16px; --vkui--size_field_width_min--regular: 328px; --vkui--size_field_width_min--compact: 380px; --vkui--size_label_width--regular: 184px; --vkui--size_progress--regular: 4px; --vkui--size_progress_scroll--regular: 12px; --vkui--size_dot_bullet--regular: 4px; --vkui--size_dot_indicate--regular: 8px; --vkui--size_dot_clickable--regular: 12px; --vkui--size_vertical_padding--regular: 0px; --vkui--size_button_more_padding--regular: 8px; --vkui--size_icon_more_padding--regular: 12px; --vkui--size_icon_more_padding--compact: 8px; --vkui--size_button_icon_padding--regular: 16px; --vkui--size_button_icon_padding--compact: 20px; --vkui--size_div_padding--regular: 4px; --vkui--size_menu_padding--regular: 8px; --vkui--size_tag_padding--regular: 8px; --vkui--size_tab_padding--regular: 16px; --vkui--size_table_horizontal_padding--regular: 16px; --vkui--size_table_vertical_padding--regular: 16px; --vkui--size_slice_top_padding--regular: 40px; --vkui--size_slice_bottom_padding--regular: 60px; --vkui--size_base_margin--regular: 12px; --vkui--size_label_vertical_margin--regular: 4px; --vkui--size_tip_margin--regular: 4px; --vkui--size_field_horizontal_margin--regular: 20px; --vkui--size_field_vertical_margin--regular: 24px; --vkui--size_field_set_margin--regular: 32px; --vkui--size_icon_margin--regular: 12px; --vkui--size_icon_margin--compact: 8px; --vkui--size_choice_margin--regular: 8px; --vkui--size_menu_margin--regular: 2px; --vkui--size_tag_margin--regular: 8px; --vkui--size_tab_margin--regular: 8px; --vkui--size_bullet_margin--regular: 12px; --vkui--size_attribute_margin--regular: 4px; --vkui--size_popup_margin--regular: 8px; --vkui--size_popup_margin--compact: 24px; --vkui--size_header_icon--regular: 20px; --vkui--size_wysiwyg_icon--regular: 14px; --vkui--size_illustration_s--regular: 48px; --vkui--size_illustration_x_m--regular: 72px; --vkui--size_illustration_m--regular: 96px; --vkui--size_illustration_l--regular: 144px; --vkui--size_illustration_x_x_l--regular: 228px; --vkui--tone_value_overlay: 0.48; --vkui--tone_value_viewer: 0.88; --vkui--tone_value_toolbar: 0.24; --vkui--tone_value_hover: 0.04; --vkui--tone_value_active: 0.08; --vkui--tone_value_focus: 0.08; --vkui--type_border_button: solid; --vkui--type_border_position: inset; --vkui--theme_name_base: "octavius"; --vkui--octavius_shadow_sidebar_item_text: none; --vkui--octavius_shadow_sidebar_item_icon: none; --vkui--octavius_elevation_card: none; --vkui--octavius_shadow_empty_state_text: none; --vkui--octavius_elevation_header: 0px 0px 16px rgba(2,13,41,.16); --vkui--octavius_text_shadow_empty_state_text: none; --vkui--octavius_position_background: 50% 0; --vkui--octavius_image_overlay_background: none; --vkui--octavius_text_shadow_sidebar_item_text: none; --vkui--octavius_filter_sidebar_item_icon: none; --vkui--octavius_image_background: none; --vkui--octavius_font_family_default: HelveticaNeue,Helvetica,Arial,sans-serif; --vkui--octavius_font_family_mail_sans: VKSansDisplay,MailSans,HelveticaNeue,Helvetica,Arial,sans-serif; --vkui--octavius_font_family_global: Arial,Tahoma,Verdana,sans-serif; --vkui--octavius_font_family_mac: Helvetica,Arial,Tahoma,Verdana,sans-serif; --vkui--octavius_font_family_display: inherit; --vkui--octavius_color_letter_attach_list_background: linear-gradient(90deg,rgba(31,31,31,0),#1f1f1f 80%); --vkui--octavius_size_headline_height--regular: 36px; --vkui--octavius_size_layout_width_max--regular: 2150px; --vkui--octavius_size_layout_width_min--regular: 761px; --vkui--octavius_size_sidebar_padding_top--regular: 12px; --vkui--octavius_size_sidebar_widgets_height_min--regular: 64px; --vkui--octavius_size_sidebar_widgets_height_compact_min--regular: 104px; --vkui--font_headline--font_size--regular: 16px; --vkui--font_headline--line_height--regular: 20px; --vkui--font_headline--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_weight--regular: 500; --vkui--font_headline--font_size--compact: 15px; --vkui--font_headline--line_height--compact: 20px; --vkui--colors_scheme: dark; --vkui--color_background_accent: #07f; --vkui--color_background_accent--hover: #0a7cff; --vkui--color_background_accent--active: #1482ff; --vkui--color_background_accent_themed: #fff; --vkui--color_background_accent_themed--hover: #ebedf0; --vkui--color_background_accent_themed--active: #d7d8db; --vkui--color_background_accent_themed_alpha: rgba(0,119,255,.2); --vkui--color_background_accent_themed_alpha--hover: rgba(0,119,255,.24); --vkui--color_background_accent_themed_alpha--active: rgba(0,119,255,.28); --vkui--color_background_accent_alternative: #ff9e00; --vkui--color_background_accent_alternative--hover: #ffa20a; --vkui--color_background_accent_alternative--active: #ffa614; --vkui--color_background_content: #1e1f22; --vkui--color_background_content--hover: #27282b; --vkui--color_background_content--active: #303134; --vkui--color_background_content_alpha: hsla(0,0%,100%,.8); --vkui--color_background_content_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_background_content_alpha--active: hsla(0,0%,100%,.88); --vkui--color_background_content_inverse: #fff; --vkui--color_background_content_inverse--hover: #ebedf0; --vkui--color_background_content_inverse--active: #d7d8db; --vkui--color_background_secondary: #343539; --vkui--color_background_secondary--hover: #3c3d41; --vkui--color_background_secondary--active: #444549; --vkui--color_background_secondary_alpha: hsla(0,0%,100%,.12); --vkui--color_background_secondary_alpha--hover: hsla(0,0%,100%,.16); --vkui--color_background_secondary_alpha--active: hsla(0,0%,100%,.2); --vkui--color_background: #17181b; --vkui--color_background--hover: #202124; --vkui--color_background--active: #2a2a2d; --vkui--color_background_contrast: #fff; --vkui--color_background_contrast--hover: #ebedf0; --vkui--color_background_contrast--active: #d7d8db; --vkui--color_background_contrast_secondary_alpha: hsla(0,0%,100%,.2); --vkui--color_background_contrast_secondary_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_contrast_secondary_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_warning: #5e480d; --vkui--color_background_warning--hover: #644f17; --vkui--color_background_warning--active: #6b5720; --vkui--color_background_negative: #f85050; --vkui--color_background_negative--hover: #f85757; --vkui--color_background_negative--active: #f95e5e; --vkui--color_background_tertiary: #252629; --vkui--color_background_tertiary--hover: #2e2f32; --vkui--color_background_tertiary--active: #36373a; --vkui--color_background_tertiary_alpha: hsla(0,0%,100%,.04); --vkui--color_background_tertiary_alpha--hover: hsla(0,0%,100%,.08); --vkui--color_background_tertiary_alpha--active: hsla(0,0%,100%,.12); --vkui--color_background_modal: #2d2e31; --vkui--color_background_modal--hover: #353639; --vkui--color_background_modal--active: #3e3f41; --vkui--color_background_positive: #24c649; --vkui--color_background_positive--hover: #2dc850; --vkui--color_background_positive--active: #36cb58; --vkui--color_background_negative_tint: #543034; --vkui--color_background_negative_tint--hover: #5b383c; --vkui--color_background_negative_tint--active: #624144; --vkui--color_background_positive_tint: #284f37; --vkui--color_background_positive_tint--hover: #31563f; --vkui--color_background_positive_tint--active: #395d47; --vkui--color_field_background: #1e1f22; --vkui--color_field_background--hover: #27282b; --vkui--color_field_background--active: #303134; --vkui--color_background_modal_inverse: #fff; --vkui--color_background_modal_inverse--hover: #ebedf0; --vkui--color_background_modal_inverse--active: #d7d8db; --vkui--color_background_contrast_inverse: #333; --vkui--color_background_contrast_inverse--hover: #3b3b3b; --vkui--color_background_contrast_inverse--active: #434343; --vkui--color_background_contrast_themed: #fff; --vkui--color_background_contrast_themed--hover: #ebedf0; --vkui--color_background_contrast_themed--active: #d7d8db; --vkui--color_background_accent_tint: #56a7fb; --vkui--color_background_accent_tint--hover: #5dabfb; --vkui--color_background_accent_tint--active: #64aefb; --vkui--color_background_info_tint: #19202f; --vkui--color_background_info_tint--hover: #222937; --vkui--color_background_info_tint--active: #2b3240; --vkui--color_text_accent: #2e90fb; --vkui--color_text_accent--hover: #3694fb; --vkui--color_text_accent--active: #3f99fb; --vkui--color_text_accent_themed: #fff; --vkui--color_text_accent_themed--hover: #ebedf0; --vkui--color_text_accent_themed--active: #d7d8db; --vkui--color_text_negative: #f85050; --vkui--color_text_negative--hover: #f85757; --vkui--color_text_negative--active: #f95e5e; --vkui--color_text_link: #2e90fb; --vkui--color_text_link--hover: #3694fb; --vkui--color_text_link--active: #3f99fb; --vkui--color_text_link_tint: #71aaeb; --vkui--color_text_link_tint--hover: #77adec; --vkui--color_text_link_tint--active: #7cb1ed; --vkui--color_text_link_themed: #fff; --vkui--color_text_link_themed--hover: #ebedf0; --vkui--color_text_link_themed--active: #d7d8db; --vkui--color_text_muted: #252629; --vkui--color_text_muted--hover: #2e2f32; --vkui--color_text_muted--active: #36373a; --vkui--color_text_primary: #f6f7fb; --vkui--color_text_primary--hover: #f6f7fb; --vkui--color_text_primary--active: #f7f8fb; --vkui--color_text_primary_alpha: rgba(249,252,255,.72); --vkui--color_text_primary_alpha--hover: rgba(249,252,255,.76); --vkui--color_text_primary_alpha--active: rgba(249,252,255,.8); --vkui--color_text_primary_invariably: #252629; --vkui--color_text_primary_invariably--hover: #2e2f32; --vkui--color_text_primary_invariably--active: #36373a; --vkui--color_text_secondary: #8994a3; --vkui--color_text_secondary--hover: #8e98a7; --vkui--color_text_secondary--active: #929daa; --vkui--color_text_secondary_alpha: rgba(247,251,255,.42); --vkui--color_text_secondary_alpha--hover: rgba(247,251,255,.46); --vkui--color_text_secondary_alpha--active: rgba(247,251,255,.5); --vkui--color_text_subhead: #9da7b5; --vkui--color_text_subhead--hover: #a1abb8; --vkui--color_text_subhead--active: #a5aebb; --vkui--color_text_tertiary: #707b89; --vkui--color_text_tertiary--hover: #76808e; --vkui--color_text_tertiary--active: #7b8692; --vkui--color_text_link_visited: #56a7fb; --vkui--color_text_link_visited--hover: #5dabfb; --vkui--color_text_link_visited--active: #64aefb; --vkui--color_text_contrast: #fff; --vkui--color_text_contrast--hover: #ebedf0; --vkui--color_text_contrast--active: #d7d8db; --vkui--color_text_contrast_themed: #fff; --vkui--color_text_contrast_themed--hover: #ebedf0; --vkui--color_text_contrast_themed--active: #d7d8db; --vkui--color_link_contrast: #fff; --vkui--color_link_contrast--hover: #ebedf0; --vkui--color_link_contrast--active: #d7d8db; --vkui--color_text_positive: #24c649; --vkui--color_text_positive--hover: #2dc850; --vkui--color_text_positive--active: #36cb58; --vkui--color_icon_accent: #0187f6; --vkui--color_icon_accent--hover: #0b8cf6; --vkui--color_icon_accent--active: #1591f7; --vkui--color_icon_accent_themed: #fff; --vkui--color_icon_accent_themed--hover: #fff; --vkui--color_icon_accent_themed--active: #fff; --vkui--color_icon_primary: #f6f7fb; --vkui--color_icon_primary--hover: #f6f7fb; --vkui--color_icon_primary--active: #f7f8fb; --vkui--color_icon_primary_invariably: #252629; --vkui--color_icon_primary_invariably--hover: #2e2f32; --vkui--color_icon_primary_invariably--active: #36373a; --vkui--color_icon_medium: #939eac; --vkui--color_icon_medium--hover: #97a2af; --vkui--color_icon_medium--active: #9ca6b3; --vkui--color_icon_medium_alpha: rgba(215,231,254,.56); --vkui--color_icon_medium_alpha--hover: rgba(215,231,254,.6); --vkui--color_icon_medium_alpha--active: rgba(215,231,254,.64); --vkui--color_icon_secondary: #798492; --vkui--color_icon_secondary--hover: #7e8996; --vkui--color_icon_secondary--active: #848e9b; --vkui--color_icon_secondary_alpha: rgba(209,226,251,.52); --vkui--color_icon_secondary_alpha--hover: rgba(209,226,251,.56); --vkui--color_icon_secondary_alpha--active: rgba(209,226,251,.6); --vkui--color_icon_tertiary: #626d7a; --vkui--color_icon_tertiary--hover: #68737f; --vkui--color_icon_tertiary--active: #6f7985; --vkui--color_icon_tertiary_alpha: rgba(184,205,235,.4); --vkui--color_icon_tertiary_alpha--hover: rgba(184,205,235,.44); --vkui--color_icon_tertiary_alpha--active: rgba(184,205,235,.48); --vkui--color_icon_contrast: #fff; --vkui--color_icon_contrast--hover: #ebedf0; --vkui--color_icon_contrast--active: #d7d8db; --vkui--color_icon_contrast_themed: #252629; --vkui--color_icon_contrast_themed--hover: #2e2f32; --vkui--color_icon_contrast_themed--active: #36373a; --vkui--color_icon_positive: #24c649; --vkui--color_icon_positive--hover: #2dc850; --vkui--color_icon_positive--active: #36cb58; --vkui--color_icon_warning: #ff9e00; --vkui--color_icon_warning--hover: #ffa20a; --vkui--color_icon_warning--active: #ffa614; --vkui--color_icon_negative: #f85050; --vkui--color_icon_negative--hover: #f85757; --vkui--color_icon_negative--active: #f95e5e; --vkui--color_icon_contrast_secondary: #eff0f4; --vkui--color_icon_contrast_secondary--hover: #f0f1f4; --vkui--color_icon_contrast_secondary--active: #f0f1f5; --vkui--color_stroke_accent: #07f; --vkui--color_stroke_accent--hover: #0a7cff; --vkui--color_stroke_accent--active: #1482ff; --vkui--color_stroke_accent_themed: #fff; --vkui--color_stroke_accent_themed--hover: #ebedf0; --vkui--color_stroke_accent_themed--active: #d7d8db; --vkui--color_stroke_contrast: #fff; --vkui--color_stroke_contrast--hover: #ebedf0; --vkui--color_stroke_contrast--active: #d7d8db; --vkui--color_stroke_negative: #f85050; --vkui--color_stroke_negative--hover: #f85757; --vkui--color_stroke_negative--active: #f95e5e; --vkui--color_stroke_primary: #2c2d2e; --vkui--color_stroke_primary--hover: #343536; --vkui--color_stroke_primary--active: #3d3e3f; --vkui--color_image_border_alpha: hsla(0,0%,100%,.08); --vkui--color_image_border_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_image_border_alpha--active: hsla(0,0%,100%,.16); --vkui--color_field_border_alpha: hsla(0,0%,100%,.12); --vkui--color_field_border_alpha--hover: hsla(0,0%,100%,.16); --vkui--color_field_border_alpha--active: hsla(0,0%,100%,.2); --vkui--color_separator_primary_alpha: rgba(0,0,0,.4); --vkui--color_separator_primary_alpha--hover: rgba(0,0,0,.44); --vkui--color_separator_primary_alpha--active: rgba(0,0,0,.48); --vkui--color_separator_secondary: #17181b; --vkui--color_separator_secondary--hover: #202124; --vkui--color_separator_secondary--active: #2a2a2d; --vkui--color_separator_primary: #101114; --vkui--color_separator_primary--hover: #1a1b1d; --vkui--color_separator_primary--active: #232427; --vkui--color_stroke_positive: #24c649; --vkui--color_stroke_positive--hover: #2dc850; --vkui--color_stroke_positive--active: #36cb58; --vkui--color_separator_primary2x: #202022; --vkui--color_separator_primary2x--hover: #29292b; --vkui--color_separator_primary2x--active: #323234; --vkui--color_separator_primary3x: #2d2d2f; --vkui--color_separator_primary3x--hover: #353537; --vkui--color_separator_primary3x--active: #3e3e40; --vkui--color_accent_blue: #07f; --vkui--color_accent_blue--hover: #0a7cff; --vkui--color_accent_blue--active: #1482ff; --vkui--color_accent_gray: #9c9da2; --vkui--color_accent_gray--hover: #a0a1a6; --vkui--color_accent_gray--active: #a4a5a9; --vkui--color_accent_red: #ed330a; --vkui--color_accent_red--hover: #ee3b14; --vkui--color_accent_red--active: #ee431e; --vkui--color_accent_orange_fire: #f05c44; --vkui--color_accent_orange_fire--hover: #f1634b; --vkui--color_accent_orange_fire--active: #f16953; --vkui--color_accent_orange: #ff9e00; --vkui--color_accent_orange--hover: #ffa20a; --vkui--color_accent_orange--active: #ffa614; --vkui--color_accent_orange_peach: #ffc062; --vkui--color_accent_orange_peach--hover: #ffc368; --vkui--color_accent_orange_peach--active: #ffc56f; --vkui--color_accent_lime: #b8fc75; --vkui--color_accent_lime--hover: #bbfc7b; --vkui--color_accent_lime--active: #befc80; --vkui--color_accent_green: #0dc268; --vkui--color_accent_green--hover: #17c46e; --vkui--color_accent_green--active: #20c774; --vkui--color_accent_cyan: #07e5f9; --vkui--color_accent_cyan--hover: #11e6f9; --vkui--color_accent_cyan--active: #1be7f9; --vkui--color_accent_azure: #07f; --vkui--color_accent_azure--hover: #0a7cff; --vkui--color_accent_azure--active: #1482ff; --vkui--color_accent_purple: #8c64ff; --vkui--color_accent_purple--hover: #916aff; --vkui--color_accent_purple--active: #9570ff; --vkui--color_accent_violet: #c15df3; --vkui--color_accent_violet--hover: #c363f3; --vkui--color_accent_violet--active: #c66af4; --vkui--color_accent_raspberry_pink: #f060c0; --vkui--color_accent_raspberry_pink--hover: #f166c3; --vkui--color_accent_raspberry_pink--active: #f16dc5; --vkui--color_accent_pink: #ff3985; --vkui--color_accent_pink--hover: #ff418a; --vkui--color_accent_pink--active: #ff498f; --vkui--color_accent_secondary: #ff9e00; --vkui--color_accent_secondary--hover: #ffa20a; --vkui--color_accent_secondary--active: #ffa614; --vkui--color_action_sheet_text: #07f; --vkui--color_action_sheet_text--hover: #0a7cff; --vkui--color_action_sheet_text--active: #1482ff; --vkui--color_header_background: #232324; --vkui--color_header_background--hover: #2c2c2d; --vkui--color_header_background--active: #353536; --vkui--color_panel_header_icon: #07f; --vkui--color_panel_header_icon--hover: #0a7cff; --vkui--color_panel_header_icon--active: #1482ff; --vkui--color_write_bar_input_background: #2a2a2b; --vkui--color_write_bar_input_background--hover: #333; --vkui--color_write_bar_input_background--active: #3b3b3c; --vkui--color_write_bar_input_border: #2c2d2e; --vkui--color_write_bar_input_border--hover: #343536; --vkui--color_write_bar_input_border--active: #3d3e3f; --vkui--color_write_bar_input_border_alpha: hsla(0,0%,100%,.8); --vkui--color_write_bar_input_border_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_write_bar_input_border_alpha--active: hsla(0,0%,100%,.88); --vkui--color_track_background: #434445; --vkui--color_track_background--hover: #4b4b4c; --vkui--color_track_background--active: #525354; --vkui--color_track_buffer: #83aaea; --vkui--color_track_buffer--hover: #88adeb; --vkui--color_track_buffer--active: #8db1ec; --vkui--color_image_placeholder: #393a3b; --vkui--color_image_placeholder--hover: #414243; --vkui--color_image_placeholder--active: #494a4b; --vkui--color_image_placeholder_alpha: hsla(0,0%,100%,.8); --vkui--color_image_placeholder_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_image_placeholder_alpha--active: hsla(0,0%,100%,.88); --vkui--color_search_field_background: #393a3b; --vkui--color_search_field_background--hover: #414243; --vkui--color_search_field_background--active: #494a4b; --vkui--color_write_bar_icon: #07f; --vkui--color_write_bar_icon--hover: #0a7cff; --vkui--color_write_bar_icon--active: #1482ff; --vkui--color_skeleton_from: #2a2a2b; --vkui--color_skeleton_from--hover: #333; --vkui--color_skeleton_from--active: #3b3b3c; --vkui--color_skeleton_to: #3e3f40; --vkui--color_skeleton_to--hover: #464748; --vkui--color_skeleton_to--active: #4d4e4f; --vkui--color_avatar_overlay: hsla(220,4%,70%,.48); --vkui--color_avatar_overlay--hover: hsla(220,4%,70%,.52); --vkui--color_avatar_overlay--active: hsla(220,4%,70%,.56); --vkui--color_avatar_overlay_inverse_alpha: hsla(0,0%,100%,.85); --vkui--color_avatar_overlay_inverse_alpha--hover: hsla(0,0%,100%,.89); --vkui--color_avatar_overlay_inverse_alpha--active: hsla(0,0%,100%,.93); --vkui--color_overlay_primary: rgba(0,0,0,.72); --vkui--color_overlay_primary--hover: rgba(0,0,0,.76); --vkui--color_overlay_primary--active: rgba(0,0,0,.8); --vkui--color_overlay_secondary: rgba(55,56,57,.5); --vkui--color_overlay_secondary--hover: rgba(55,56,57,.54); --vkui--color_overlay_secondary--active: rgba(55,56,57,.58); --vkui--color_segmented_control: #626364; --vkui--color_segmented_control--hover: #68696a; --vkui--color_segmented_control--active: #6f6f70; --vkui--color_tabbar_text_inactive: #76787a; --vkui--color_tabbar_text_inactive--hover: #7b7d7f; --vkui--color_tabbar_text_inactive--active: #818385; --vkui--color_button_text: #fff; --vkui--color_button_text--hover: #ebedf0; --vkui--color_button_text--active: #d7d8db; --vkui--color_button_icon: #fff; --vkui--color_button_icon--hover: #ebedf0; --vkui--color_button_icon--active: #d7d8db; --vkui--color_button_stroke: #fff; --vkui--color_button_stroke--hover: #ebedf0; --vkui--color_button_stroke--active: #d7d8db; --vkui--color_transparent: transparent; --vkui--color_transparent--hover: hsla(0,0%,100%,.04); --vkui--color_transparent--active: hsla(0,0%,100%,.08); --vkui--color_rating: #ffd400; --vkui--color_rating--hover: #ffd60a; --vkui--color_rating--active: #ffd714; --vkui--color_button_contrast_alpha: hsla(0,0%,100%,.12); --vkui--color_button_contrast_alpha--hover: hsla(0,0%,100%,.2); --vkui--color_button_contrast_alpha--active: hsla(0,0%,100%,.24); --vkui--color_button_contrast: #202124; --vkui--color_button_contrast--hover: #242528; --vkui--color_button_contrast--active: #27282b; --vkui--color_thumb_error_background_alpha: rgba(237,10,52,.12); --vkui--color_thumb_error_background_alpha--hover: rgba(237,10,52,.16); --vkui--color_thumb_error_background_alpha--active: rgba(237,10,52,.2); --vkui--color_background_accent_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_accent_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_accent_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_accent_tint_alpha: rgba(0,119,255,.2); --vkui--color_background_accent_tint_alpha--hover: rgba(0,119,255,.24); --vkui--color_background_accent_tint_alpha--active: rgba(0,119,255,.28); --vkui--color_background_accent_tint_themed: #fff; --vkui--color_background_accent_tint_themed--hover: #ebedf0; --vkui--color_background_accent_tint_themed--active: #d7d8db; --vkui--color_background_warning_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_warning_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_warning_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_warning_tint_alpha: rgba(250,199,6,.12); --vkui--color_background_warning_tint_alpha--hover: rgba(250,199,6,.16); --vkui--color_background_warning_tint_alpha--active: rgba(250,199,6,.2); --vkui--color_background_warning_tint_themed: #fff; --vkui--color_background_warning_tint_themed--hover: #ebedf0; --vkui--color_background_warning_tint_themed--active: #d7d8db; --vkui--color_background_warning_tint: #46402c; --vkui--color_background_warning_tint--hover: #4d4834; --vkui--color_background_warning_tint--active: #554f3d; --vkui--color_background_negative_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_negative_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_negative_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_negative_tint_alpha: rgba(242,55,65,.2); --vkui--color_background_negative_tint_alpha--hover: rgba(242,55,65,.24); --vkui--color_background_negative_tint_alpha--active: rgba(242,55,65,.28); --vkui--color_background_negative_tint_themed: #fff; --vkui--color_background_negative_tint_themed--hover: #ebedf0; --vkui--color_background_negative_tint_themed--active: #d7d8db; --vkui--color_background_positive_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_positive_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_positive_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_positive_tint_alpha: rgba(11,255,89,.16); --vkui--color_background_positive_tint_alpha--hover: rgba(11,255,89,.2); --vkui--color_background_positive_tint_alpha--active: rgba(11,255,89,.24); --vkui--color_background_positive_tint_themed: #fff; --vkui--color_background_positive_tint_themed--hover: #ebedf0; --vkui--color_background_positive_tint_themed--active: #d7d8db; --vkui--color_tooltip_background_blue_tint: #1c4479; --vkui--color_tooltip_background_blue_tint--hover: #254b7e; --vkui--color_tooltip_background_blue_tint--active: #2e5384; --vkui--color_tooltip_background_green_tint: #087c6d; --vkui--color_tooltip_background_green_tint--hover: #128173; --vkui--color_tooltip_background_green_tint--active: #1c8679; --vkui--color_tooltip_background_orange_tint: #78472a; --vkui--color_tooltip_background_orange_tint--hover: #7d4e33; --vkui--color_tooltip_background_orange_tint--active: #83563b; --vkui--color_tooltip_background_purple_tint: #73519f; --vkui--color_tooltip_background_purple_tint--hover: #7958a3; --vkui--color_tooltip_background_purple_tint--active: #7e5fa7; --vkui--color_tooltip_text_blue_themed: #fff; --vkui--color_tooltip_text_blue_themed--hover: #ebedf0; --vkui--color_tooltip_text_blue_themed--active: #d7d8db; --vkui--color_tooltip_text_green_themed: #fff; --vkui--color_tooltip_text_green_themed--hover: #ebedf0; --vkui--color_tooltip_text_green_themed--active: #d7d8db; --vkui--color_tooltip_text_orange_themed: #fff; --vkui--color_tooltip_text_orange_themed--hover: #ebedf0; --vkui--color_tooltip_text_orange_themed--active: #d7d8db; --vkui--color_tooltip_text_purple_themed: #fff; --vkui--color_tooltip_text_purple_themed--hover: #ebedf0; --vkui--color_tooltip_text_purple_themed--active: #d7d8db; --vkui--color_background_sky: #2b2b2c; --vkui--color_background_sky--hover: #333334; --vkui--color_background_sky--active: #3c3c3d; --vkui--color_background_sky_alpha: rgba(51,51,51,.8); --vkui--color_background_sky_alpha--hover: rgba(51,51,51,.84); --vkui--color_background_sky_alpha--active: rgba(51,51,51,.88); --vkui--color_social_vk: #3f8ae0; --vkui--color_social_vk--hover: #478fe1; --vkui--color_social_vk--active: #4e93e2; --vkui--color_social_ok: #ee8208; --vkui--color_social_ok--hover: #ef8712; --vkui--color_social_ok--active: #ef8c1c; --vkui--color_social_fb: #1877f2; --vkui--color_social_fb--hover: #217cf3; --vkui--color_social_fb--active: #2a82f3; --vkui--color_social_mir: #117eda; --vkui--color_social_mir--hover: #1b83db; --vkui--color_social_mir--active: #2488dd; --vkui--color_social_twitter: #1da1f2; --vkui--color_social_twitter--hover: #26a5f3; --vkui--color_social_twitter--active: #2fa9f3; --vkui--color_social_behance: #1769ff; --vkui--color_social_behance--hover: #206fff; --vkui--color_social_behance--active: #2a75ff; --vkui--color_social_dribbble: #ea4c89; --vkui--color_social_dribbble--hover: #eb538e; --vkui--color_social_dribbble--active: #ec5a92; --vkui--color_background_thumbnail: #1f1f1f; --vkui--color_background_thumbnail--hover: #282828; --vkui--color_background_thumbnail--active: #313131; --vkui--color_background_thumbnail_alpha: hsla(0,0%,100%,.08); --vkui--color_background_thumbnail_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_thumbnail_alpha--active: hsla(0,0%,100%,.16); --vkui--color_palette_red1: #fc2c38; --vkui--color_palette_red1--hover: #fc3440; --vkui--color_palette_red1--active: #fc3d48; --vkui--color_palette_red2: #eb1981; --vkui--color_palette_red2--hover: #ec2286; --vkui--color_palette_red2--active: #ed2b8b; --vkui--color_palette_red3: #ff71bb; --vkui--color_palette_red3--hover: #ff77be; --vkui--color_palette_red3--active: #ff7cc0; --vkui--color_palette_orange1: #ff8b2e; --vkui--color_palette_orange1--hover: #ff9036; --vkui--color_palette_orange1--active: #ff943f; --vkui--color_palette_orange1_alpha: rgba(255,158,0,.12); --vkui--color_palette_orange1_alpha--hover: rgba(255,158,0,.16); --vkui--color_palette_orange1_alpha--active: rgba(255,158,0,.2); --vkui--color_palette_yellow1: #ffc311; --vkui--color_palette_yellow1--hover: #ffc51b; --vkui--color_palette_yellow1--active: #ffc824; --vkui--color_palette_green1: #aee113; --vkui--color_palette_green1--hover: #b1e21c; --vkui--color_palette_green1--active: #b4e326; --vkui--color_palette_green2: #59c354; --vkui--color_palette_green2--hover: #60c55b; --vkui--color_palette_green2--active: #66c862; --vkui--color_palette_green3: #37eb94; --vkui--color_palette_green3--hover: #3fec98; --vkui--color_palette_green3--active: #47ed9d; --vkui--color_palette_green4: #00b1b3; --vkui--color_palette_green4--hover: #0ab4b6; --vkui--color_palette_green4--active: #14b7b9; --vkui--color_palette_green1_alpha: rgba(92,186,56,.12); --vkui--color_palette_green1_alpha--hover: rgba(92,186,56,.16); --vkui--color_palette_green1_alpha--active: rgba(92,186,56,.2); --vkui--color_palette_green2_alpha: rgba(0,230,180,.08); --vkui--color_palette_green2_alpha--hover: rgba(0,230,180,.12); --vkui--color_palette_green2_alpha--active: rgba(0,230,180,.16); --vkui--color_palette_blue1: #2951ff; --vkui--color_palette_blue1--hover: #3258ff; --vkui--color_palette_blue1--active: #3a5fff; --vkui--color_palette_blue2: #00abf2; --vkui--color_palette_blue2--hover: #0aaef3; --vkui--color_palette_blue2--active: #14b2f3; --vkui--color_palette_blue3: #26dfdf; --vkui--color_palette_blue3--hover: #2fe0e0; --vkui--color_palette_blue3--active: #37e2e2; --vkui--color_palette_blue1_alpha: rgba(0,95,249,.12); --vkui--color_palette_blue1_alpha--hover: rgba(0,95,249,.16); --vkui--color_palette_blue1_alpha--active: rgba(0,95,249,.2); --vkui--color_palette_violet1: #6c00ff; --vkui--color_palette_violet1--hover: #720aff; --vkui--color_palette_violet1--active: #7814ff; --vkui--color_palette_violet2: #ae73ff; --vkui--color_palette_violet2--hover: #b179ff; --vkui--color_palette_violet2--active: #b47eff; --vkui--color_alert: #c1341b; --vkui--color_alert--hover: #c33c24; --vkui--color_alert--active: #c6442d; --vkui--color_tag_background_mint: #96e9cd; --vkui--color_tag_background_mint--hover: #9aeacf; --vkui--color_tag_background_mint--active: #9eebd1; --vkui--color_tag_text_mint: #1f5c5c; --vkui--color_tag_text_mint--hover: #286363; --vkui--color_tag_text_mint--active: #316969; --vkui--color_tag_background_sky: #9edbff; --vkui--color_tag_background_sky--hover: #a2dcff; --vkui--color_tag_background_sky--active: #a6deff; --vkui--color_tag_text_sky: #20455b; --vkui--color_tag_text_sky--hover: #294c62; --vkui--color_tag_text_sky--active: #325468; --vkui--color_tag_background_orange: #ffb181; --vkui--color_tag_background_orange--hover: #ffb486; --vkui--color_tag_background_orange--active: #ffb78b; --vkui--color_tag_text_orange: #5c361f; --vkui--color_tag_text_orange--hover: #633e28; --vkui--color_tag_text_orange--active: #694631; --vkui--color_tag_background_pink: #ffbfdc; --vkui--color_tag_background_pink--hover: #ffc2dd; --vkui--color_tag_background_pink--active: #ffc4df; --vkui--color_tag_text_pink: #51205b; --vkui--color_tag_text_pink--hover: #582962; --vkui--color_tag_text_pink--active: #5f3268; --vkui--color_tag_background_purple: #cca7ff; --vkui--color_tag_background_purple--hover: #ceabff; --vkui--color_tag_background_purple--active: #d0aeff; --vkui--color_tag_text_purple: #38205b; --vkui--color_tag_text_purple--hover: #402962; --vkui--color_tag_text_purple--active: #483268; --vkui--color_tag_background_salmon: #fe9898; --vkui--color_tag_background_salmon--hover: #fe9c9c; --vkui--color_tag_background_salmon--active: #fea0a0; --vkui--color_tag_text_salmon: #5c2727; --vkui--color_tag_text_salmon--hover: #633030; --vkui--color_tag_text_salmon--active: #693838; --vkui--color_tag_background_yellow: #ffdf7e; --vkui--color_tag_background_yellow--hover: #ffe083; --vkui--color_tag_background_yellow--active: #ffe288; --vkui--color_tag_text_yellow: #5c4d1f; --vkui--color_tag_text_yellow--hover: #635428; --vkui--color_tag_text_yellow--active: #695b31; --vkui--color_tag_background_lime: #caf28e; --vkui--color_tag_background_lime--hover: #ccf393; --vkui--color_tag_background_lime--active: #cef397; --vkui--color_tag_text_lime: #435c1f; --vkui--color_tag_text_lime--hover: #4b6328; --vkui--color_tag_text_lime--active: #526931; --vkui--color_tag_background_grass: #86de8c; --vkui--color_tag_background_grass--hover: #8bdf91; --vkui--color_tag_background_grass--active: #90e195; --vkui--color_tag_text_grass: #1f5c23; --vkui--color_tag_text_grass--hover: #28632c; --vkui--color_tag_text_grass--active: #316935; --vkui--color_tag_background_turquoise: #bcffff; --vkui--color_tag_background_turquoise--hover: #bfffff; --vkui--color_tag_background_turquoise--active: #c1ffff; --vkui--color_tag_text_turquoise: #1f535c; --vkui--color_tag_text_turquoise--hover: #285a63; --vkui--color_tag_text_turquoise--active: #316169; --vkui--color_tag_background_lightsky: #80e3f4; --vkui--color_tag_background_lightsky--hover: #85e4f4; --vkui--color_tag_background_lightsky--active: #8ae5f5; --vkui--color_tag_text_lightsky: #1f455c; --vkui--color_tag_text_lightsky--hover: #284c63; --vkui--color_tag_text_lightsky--active: #315469; --vkui--color_tag_background_main_sky: #b2d0ff; --vkui--color_tag_background_main_sky--hover: #b5d2ff; --vkui--color_tag_background_main_sky--active: #b8d4ff; --vkui--color_tag_text_main_sky: #202e5b; --vkui--color_tag_text_main_sky--hover: #293662; --vkui--color_tag_text_main_sky--active: #323f68; --vkui--color_tag_background_violet: #b5b3fb; --vkui--color_tag_background_violet--hover: #b8b6fb; --vkui--color_tag_background_violet--active: #bbb9fb; --vkui--color_tag_text_violet: #21205b; --vkui--color_tag_text_violet--hover: #2a2962; --vkui--color_tag_text_violet--active: #333268; --vkui--color_tag_background_magenta: #f4b8ff; --vkui--color_tag_background_magenta--hover: #f4bbff; --vkui--color_tag_background_magenta--active: #f5beff; --vkui--color_tag_text_magenta: #5b203a; --vkui--color_tag_text_magenta--hover: #622942; --vkui--color_tag_text_magenta--active: #68324a; --vkui--color_tag_background_tickle: #ff88a4; --vkui--color_tag_background_tickle--hover: #ff8da8; --vkui--color_tag_background_tickle--active: #ff92ab; --vkui--color_tag_text_tickle: #5c212f; --vkui--color_tag_text_tickle--hover: #632a37; --vkui--color_tag_text_tickle--active: #693340; --vkui--octavius_color_placeholder_background: #000; --vkui--octavius_color_placeholder_background--hover: #0a0a0a; --vkui--octavius_color_placeholder_background--active: #141414; --vkui--octavius_color_promo_background: #303030; --vkui--octavius_color_promo_background--hover: #383838; --vkui--octavius_color_promo_background--active: #414141; --vkui--octavius_color_thread_footer_background: #303030; --vkui--octavius_color_thread_footer_background--hover: #383838; --vkui--octavius_color_thread_footer_background--active: #414141; --vkui--octavius_color_button_text: #e7e8ea; --vkui--octavius_color_button_text--hover: #e8e9eb; --vkui--octavius_color_button_text--active: #e9eaec; --vkui--octavius_color_button_icon: #e7e8ea; --vkui--octavius_color_button_icon--hover: #e8e9eb; --vkui--octavius_color_button_icon--active: #e9eaec; --vkui--octavius_color_button_background_alpha: transparent; --vkui--octavius_color_button_background_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_button_background_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_background: #17181b; --vkui--octavius_color_background--hover: #202124; --vkui--octavius_color_background--active: #2a2a2d; --vkui--octavius_color_background_accent_toned_alpha: rgba(0,119,255,.12); --vkui--octavius_color_background_accent_toned_alpha--hover: rgba(0,119,255,.16); --vkui--octavius_color_background_accent_toned_alpha--active: rgba(0,119,255,.2); --vkui--octavius_color_overlay_background: transparent; --vkui--octavius_color_overlay_background--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_overlay_background--active: hsla(0,0%,100%,.08); --vkui--octavius_color_header_background: #232324; --vkui--octavius_color_header_background--hover: #2c2c2d; --vkui--octavius_color_header_background--active: #353536; --vkui--octavius_color_header_button_text: #252629; --vkui--octavius_color_header_button_text--hover: #2e2f32; --vkui--octavius_color_header_button_text--active: #36373a; --vkui--octavius_color_header_button_background_alpha: transparent; --vkui--octavius_color_header_button_background_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_header_button_background_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_header_icon: #fff; --vkui--octavius_color_header_icon--hover: #ebedf0; --vkui--octavius_color_header_icon--active: #d7d8db; --vkui--octavius_color_header_icon_unread: #fff; --vkui--octavius_color_header_icon_unread--hover: #ebedf0; --vkui--octavius_color_header_icon_unread--active: #d7d8db; --vkui--octavius_color_header_icon_favorite: #f23741; --vkui--octavius_color_header_icon_favorite--hover: #f33f49; --vkui--octavius_color_header_icon_favorite--active: #f34750; --vkui--octavius_color_header_icon_attach: #fff; --vkui--octavius_color_header_icon_attach--hover: #ebedf0; --vkui--octavius_color_header_icon_attach--active: #d7d8db; --vkui--octavius_color_header_text_secondary: #93969b; --vkui--octavius_color_header_text_secondary--hover: #979a9f; --vkui--octavius_color_header_text_secondary--active: #9c9ea3; --vkui--octavius_color_header_search_icon: #b6b8be; --vkui--octavius_color_header_search_icon--hover: #b9bbc1; --vkui--octavius_color_header_search_icon--active: #bcbec3; --vkui--octavius_color_header_search_chip_background: #404040; --vkui--octavius_color_header_search_chip_background--hover: #484848; --vkui--octavius_color_header_search_chip_background--active: #4f4f4f; --vkui--octavius_color_header_search_chip_background_editable: #3e3e3e; --vkui--octavius_color_header_search_chip_background_editable--hover: #464646; --vkui--octavius_color_header_search_chip_background_editable--active: #4d4d4d; --vkui--octavius_color_header_search_chip_border_editable_alpha: hsla(0,0%,100%,.48); --vkui--octavius_color_header_search_chip_border_editable_alpha--hover: hsla(0,0%,100%,.52); --vkui--octavius_color_header_search_chip_border_editable_alpha--active: hsla(0,0%,100%,.56); --vkui--octavius_color_header_search_background: #303030; --vkui--octavius_color_header_search_background--hover: #383838; --vkui--octavius_color_header_search_background--active: #414141; --vkui--octavius_color_header_search_background_collapsed: #303030; --vkui--octavius_color_header_search_background_collapsed--hover: #383838; --vkui--octavius_color_header_search_background_collapsed--active: #414141; --vkui--octavius_color_header_search_text: #e7e8ea; --vkui--octavius_color_header_search_text--hover: #e8e9eb; --vkui--octavius_color_header_search_text--active: #e9eaec; --vkui--octavius_color_header_search_text_collapsed: #8c8e94; --vkui--octavius_color_header_search_text_collapsed--hover: #919398; --vkui--octavius_color_header_search_text_collapsed--active: #95979d; --vkui--octavius_color_header_filter_text_alpha: rgba(39,43,55,.5); --vkui--octavius_color_header_filter_text_alpha--hover: rgba(39,43,55,.54); --vkui--octavius_color_header_filter_text_alpha--active: rgba(39,43,55,.58); --vkui--octavius_color_header_tab_active_themed_alpha: hsla(0,0%,100%,.8); --vkui--octavius_color_header_tab_active_themed_alpha--hover: hsla(0,0%,100%,.84); --vkui--octavius_color_header_tab_active_themed_alpha--active: hsla(0,0%,100%,.88); --vkui--octavius_color_header_tab_text_active_themed: #e7e8ea; --vkui--octavius_color_header_tab_text_active_themed--hover: #e8e9eb; --vkui--octavius_color_header_tab_text_active_themed--active: #e9eaec; --vkui--octavius_color_portal_search_background_alpha: hsla(0,0%,100%,.08); --vkui--octavius_color_portal_search_background_alpha--hover: hsla(0,0%,100%,.12); --vkui--octavius_color_portal_search_background_alpha--active: hsla(0,0%,100%,.16); --vkui--octavius_color_portal_search_icon_themed_alpha: hsla(0,0%,100%,.3); --vkui--octavius_color_portal_search_icon_themed_alpha--hover: hsla(0,0%,100%,.34); --vkui--octavius_color_portal_search_icon_themed_alpha--active: hsla(0,0%,100%,.38); --vkui--octavius_color_portal_menu_background: #232324; --vkui--octavius_color_portal_menu_background--hover: #2c2c2d; --vkui--octavius_color_portal_menu_background--active: #353536; --vkui--octavius_color_sidebar_item_icon_active: #fff; --vkui--octavius_color_sidebar_item_icon_active--hover: #ebedf0; --vkui--octavius_color_sidebar_item_icon_active--active: #d7d8db; --vkui--octavius_color_sidebar_item_icon_primary: #e7e8ea; --vkui--octavius_color_sidebar_item_icon_primary--hover: #e8e9eb; --vkui--octavius_color_sidebar_item_icon_primary--active: #e9eaec; --vkui--octavius_color_sidebar_item_text_active: #fff; --vkui--octavius_color_sidebar_item_text_active--hover: #ebedf0; --vkui--octavius_color_sidebar_item_text_active--active: #d7d8db; --vkui--octavius_color_sidebar_item_text_primary: #e7e8ea; --vkui--octavius_color_sidebar_item_text_primary--hover: #e8e9eb; --vkui--octavius_color_sidebar_item_text_primary--active: #e9eaec; --vkui--octavius_color_sidebar_button_icon: #2c2d2e; --vkui--octavius_color_sidebar_button_icon--hover: #343536; --vkui--octavius_color_sidebar_button_icon--active: #3d3e3f; --vkui--octavius_color_sidebar_button_text: #2c2d2e; --vkui--octavius_color_sidebar_button_text--hover: #343536; --vkui--octavius_color_sidebar_button_text--active: #3d3e3f; --vkui--octavius_color_sidebar_button_background: #fff; --vkui--octavius_color_sidebar_button_background--hover: #ebedf0; --vkui--octavius_color_sidebar_button_background--active: #d7d8db; --vkui--octavius_color_sidebar_counter_background_alpha: transparent; --vkui--octavius_color_sidebar_counter_background_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_sidebar_counter_background_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_sidebar_counter_text: #e7e8ea; --vkui--octavius_color_sidebar_counter_text--hover: #e8e9eb; --vkui--octavius_color_sidebar_counter_text--active: #e9eaec; --vkui--octavius_color_sidebar_item_background_alpha: transparent; --vkui--octavius_color_sidebar_item_background_alpha--hover: hsla(0,0%,100%,.24); --vkui--octavius_color_sidebar_item_background_alpha--active: hsla(0,0%,100%,.24); --vkui--octavius_color_sidebar_scrollbar_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_sidebar_scrollbar_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_sidebar_scrollbar_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_sidebar_item_icon: #e7e8ea; --vkui--octavius_color_sidebar_item_icon--hover: #e8e9eb; --vkui--octavius_color_sidebar_item_icon--active: #e9eaec; --vkui--octavius_color_sidebar_item_text: #e7e8ea; --vkui--octavius_color_sidebar_item_text--hover: #e8e9eb; --vkui--octavius_color_sidebar_item_text--active: #e9eaec; --vkui--octavius_color_sidebar_item_button_background_alpha: hsla(0,0%,100%,.08); --vkui--octavius_color_sidebar_item_button_background_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_sidebar_item_button_background_alpha--active: hsla(0,0%,100%,.24); --vkui--octavius_color_sidebar_item_icon_secondary: #8c8e94; --vkui--octavius_color_sidebar_item_icon_secondary--hover: #919398; --vkui--octavius_color_sidebar_item_icon_secondary--active: #95979d; --vkui--octavius_color_sidebar_item_text_secondary: #8c8e94; --vkui--octavius_color_sidebar_item_text_secondary--hover: #919398; --vkui--octavius_color_sidebar_item_text_secondary--active: #95979d; --vkui--octavius_color_sidebar_short_item_icon: #e7e8ea; --vkui--octavius_color_sidebar_short_item_icon--hover: #e8e9eb; --vkui--octavius_color_sidebar_short_item_icon--active: #e9eaec; --vkui--octavius_color_sidebar_short_item_text: #e7e8ea; --vkui--octavius_color_sidebar_short_item_text--hover: #e8e9eb; --vkui--octavius_color_sidebar_short_item_text--active: #e9eaec; --vkui--octavius_color_sidebar_short_item_text_active: #fff; --vkui--octavius_color_sidebar_short_item_text_active--hover: #ebedf0; --vkui--octavius_color_sidebar_short_item_text_active--active: #d7d8db; --vkui--octavius_color_sidebar_short_item_icon_active: #fff; --vkui--octavius_color_sidebar_short_item_icon_active--hover: #ebedf0; --vkui--octavius_color_sidebar_short_item_icon_active--active: #d7d8db; --vkui--octavius_color_sidebar_short_item_icon_secondary: #9c9da2; --vkui--octavius_color_sidebar_short_item_icon_secondary--hover: #a0a1a6; --vkui--octavius_color_sidebar_short_item_icon_secondary--active: #a4a5a9; --vkui--octavius_color_sidebar_short_item_text_secondary: #8c8e94; --vkui--octavius_color_sidebar_short_item_text_secondary--hover: #919398; --vkui--octavius_color_sidebar_short_item_text_secondary--active: #95979d; --vkui--octavius_color_sidebar_compose_button_background: #fff; --vkui--octavius_color_sidebar_compose_button_background--hover: #ebedf0; --vkui--octavius_color_sidebar_compose_button_background--active: #d7d8db; --vkui--octavius_color_sidebar_compose_button_text: #2c2d2e; --vkui--octavius_color_sidebar_compose_button_text--hover: #343536; --vkui--octavius_color_sidebar_compose_button_text--active: #3d3e3f; --vkui--octavius_color_sidebar_compose_button_icon: #2c2d2e; --vkui--octavius_color_sidebar_compose_button_icon--hover: #343536; --vkui--octavius_color_sidebar_compose_button_icon--active: #3d3e3f; --vkui--octavius_color_sidebar_icon_unread: #07f; --vkui--octavius_color_sidebar_icon_unread--hover: #0a7cff; --vkui--octavius_color_sidebar_icon_unread--active: #1482ff; --vkui--octavius_color_sidebar_icon_favorite: #f23741; --vkui--octavius_color_sidebar_icon_favorite--hover: #f33f49; --vkui--octavius_color_sidebar_icon_favorite--active: #f34750; --vkui--octavius_color_sidebar_icon_order: #f94ca3; --vkui--octavius_color_sidebar_icon_order--hover: #f953a7; --vkui--octavius_color_sidebar_icon_order--active: #f95aaa; --vkui--octavius_color_sidebar_icon_finance: #24c780; --vkui--octavius_color_sidebar_icon_finance--hover: #2dc985; --vkui--octavius_color_sidebar_icon_finance--active: #36cb8a; --vkui--octavius_color_sidebar_icon_registration: #ff9c37; --vkui--octavius_color_sidebar_icon_registration--hover: #ffa03f; --vkui--octavius_color_sidebar_icon_registration--active: #ffa447; --vkui--octavius_color_sidebar_icon_travel: #c15df3; --vkui--octavius_color_sidebar_icon_travel--hover: #c363f3; --vkui--octavius_color_sidebar_icon_travel--active: #c66af4; --vkui--octavius_color_sidebar_icon_event: #3bbafe; --vkui--octavius_color_sidebar_icon_event--hover: #43bdfe; --vkui--octavius_color_sidebar_icon_event--active: #4bc0fe; --vkui--octavius_color_sidebar_icon_fees: #ee3c3c; --vkui--octavius_color_sidebar_icon_fees--hover: #ef4444; --vkui--octavius_color_sidebar_icon_fees--active: #ef4c4c; --vkui--octavius_color_content_scrollbar_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_content_scrollbar_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_content_scrollbar_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_action_archive: #0eab67; --vkui--octavius_color_action_archive--hover: #18ae6d; --vkui--octavius_color_action_archive--active: #21b273; --vkui--octavius_color_icon_favorite: #ff4550; --vkui--octavius_color_icon_favorite--hover: #ff4c57; --vkui--octavius_color_icon_favorite--active: #ff545e; --vkui--octavius_color_icon_order: #f94ca3; --vkui--octavius_color_icon_order--hover: #f953a7; --vkui--octavius_color_icon_order--active: #f95aaa; --vkui--octavius_color_icon_finance: #2fc885; --vkui--octavius_color_icon_finance--hover: #37ca8a; --vkui--octavius_color_icon_finance--active: #40cc8f; --vkui--octavius_color_icon_registration: #ff9c37; --vkui--octavius_color_icon_registration--hover: #ffa03f; --vkui--octavius_color_icon_registration--active: #ffa447; --vkui--octavius_color_icon_travel: #c15df3; --vkui--octavius_color_icon_travel--hover: #c363f3; --vkui--octavius_color_icon_travel--active: #c66af4; --vkui--octavius_color_icon_event: #ff6262; --vkui--octavius_color_icon_event--hover: #ff6868; --vkui--octavius_color_icon_event--active: #ff6f6f; --vkui--octavius_color_icon_fees: #ff6262; --vkui--octavius_color_icon_fees--hover: #ff6868; --vkui--octavius_color_icon_fees--active: #ff6f6f; --vkui--octavius_color_icon_event_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_icon_event_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_icon_event_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_icon_order_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_icon_order_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_icon_order_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_icon_travel_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_icon_travel_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_icon_travel_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_list_letter_background: #232324; --vkui--octavius_color_list_letter_background--hover: #2c2c2d; --vkui--octavius_color_list_letter_background--active: #353536; --vkui--octavius_color_list_text_unread: #2c2d2e; --vkui--octavius_color_list_text_unread--hover: #343536; --vkui--octavius_color_list_text_unread--active: #3d3e3f; --vkui--octavius_color_list_text_primary: #2c2d2e; --vkui--octavius_color_list_text_primary--hover: #343536; --vkui--octavius_color_list_text_primary--active: #3d3e3f; --vkui--octavius_color_list_icon_primary: #2c2d2e; --vkui--octavius_color_list_icon_primary--hover: #343536; --vkui--octavius_color_list_icon_primary--active: #3d3e3f; --vkui--octavius_color_list_letter_separator_alpha: rgba(0,0,0,.4); --vkui--octavius_color_list_letter_separator_alpha--hover: rgba(0,0,0,.44); --vkui--octavius_color_list_letter_separator_alpha--active: rgba(0,0,0,.48); --vkui--octavius_color_list_letter_adv_background: #151515; --vkui--octavius_color_list_letter_adv_background--hover: #1e1e1e; --vkui--octavius_color_list_letter_adv_background--active: #282828; --vkui--octavius_color_list_background_positive_alpha: rgba(13,194,104,.08); --vkui--octavius_color_list_background_positive_alpha--hover: rgba(13,194,104,.12); --vkui--octavius_color_list_background_positive_alpha--active: rgba(13,194,104,.16); --vkui--octavius_color_list_background_positive_tags_outline: #272f2a; --vkui--octavius_color_list_background_positive_tags_outline--hover: #303733; --vkui--octavius_color_list_background_positive_tags_outline--active: #38403b; --vkui--octavius_color_letter_list_text_unread: #fff; --vkui--octavius_color_letter_list_text_unread--hover: #ebedf0; --vkui--octavius_color_letter_list_text_unread--active: #d7d8db; --vkui--octavius_color_dataset_background: #232324; --vkui--octavius_color_dataset_background--hover: #2c2c2d; --vkui--octavius_color_dataset_background--active: #353536; --vkui--octavius_color_empty_state_text: #e7e8ea; --vkui--octavius_color_empty_state_text--hover: #e8e9eb; --vkui--octavius_color_empty_state_text--active: #e9eaec; --vkui--octavius_color_button_empty_state_text: #e7e8ea; --vkui--octavius_color_button_empty_state_text--hover: #e8e9eb; --vkui--octavius_color_button_empty_state_text--active: #e9eaec; --vkui--octavius_color_button_empty_state_background_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_button_empty_state_background_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_button_empty_state_background_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_layout_border_alpha: transparent; --vkui--octavius_color_layout_border_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_layout_border_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_layout_letter_border_alpha: rgba(0,0,0,.4); --vkui--octavius_color_layout_letter_border_alpha--hover: rgba(0,0,0,.44); --vkui--octavius_color_layout_letter_border_alpha--active: rgba(0,0,0,.48); --vkui--octavius_color_empty_state_text_link: #e7e8ea; --vkui--octavius_color_empty_state_text_link--hover: #e8e9eb; --vkui--octavius_color_empty_state_text_link--active: #e9eaec; --vkui--octavius_color_letter_contact_background_alpha: transparent; --vkui--octavius_color_letter_contact_background_alpha--hover: hsla(0,0%,100%,.08); --vkui--octavius_color_letter_contact_background_alpha--active: hsla(0,0%,100%,.16); --vkui--octavius_color_letter_preview_background_primary: #141414; --vkui--octavius_color_letter_preview_background_primary--hover: #1d1d1d; --vkui--octavius_color_letter_preview_background_primary--active: #272727; --vkui--octavius_color_letter_preview_background_secondary: #0f0f0f; --vkui--octavius_color_letter_preview_background_secondary--hover: #191919; --vkui--octavius_color_letter_preview_background_secondary--active: #222; --vkui--octavius_color_notification_border: #000; --vkui--octavius_color_notification_border--hover: #0a0a0a; --vkui--octavius_color_notification_border--active: #141414; --vkui--octavius_text_decoration_empty_state_text_link: underline; --vkui--octavius_text_decoration_empty_state_text_link--hover: none; --vkui--octavius_text_decoration_empty_state_text_link--active: none; --vkui--octavius_color_background_accent_tint_alpha: rgba(0,95,249,.12); --vkui--octavius_color_background_accent_tint_alpha--hover: rgba(0,95,249,.16); --vkui--octavius_color_background_accent_tint_alpha--active: rgba(0,95,249,.2); --vkui--octavius_color_background_negative_tint_alpha: rgba(236,71,80,.16); --vkui--octavius_color_background_negative_tint_alpha--hover: rgba(236,71,80,.2); --vkui--octavius_color_background_negative_tint_alpha--active: rgba(236,71,80,.24); --vkui--octavius_color_background_positive_tint_alpha: rgba(13,194,104,.12); --vkui--octavius_color_background_positive_tint_alpha--hover: rgba(13,194,104,.16); --vkui--octavius_color_background_positive_tint_alpha--active: rgba(13,194,104,.2); --vkui--octavius_color_button_background_contrast_alpha: hsla(0,0%,98%,.12); --vkui--octavius_color_button_background_contrast_alpha--hover: hsla(0,0%,98%,.16); --vkui--octavius_color_button_background_contrast_alpha--active: hsla(0,0%,98%,.2); --vkui--octavius_color_icon_social: #5f7ce8; --vkui--octavius_color_icon_social--hover: #6581e9; --vkui--octavius_color_icon_social--active: #6c86ea; --vkui--octavius_color_icon_mailings: #ffa447; --vkui--octavius_color_icon_mailings--hover: #ffa84e; --vkui--octavius_color_icon_mailings--active: #ffab56; --vkui--octavius_color_icon_to_myself: #1dc7d2; --vkui--octavius_color_icon_to_myself--hover: #26c9d4; --vkui--octavius_color_icon_to_myself--active: #2fcbd6; --vkui--octavius_color_icon_news: #1db8e4; --vkui--octavius_color_icon_news--hover: #26bbe5; --vkui--octavius_color_icon_news--active: #2fbee6; --vkui--octavius_color_icon_official: #ec4750; --vkui--octavius_color_icon_official--hover: #ed4e57; --vkui--octavius_color_icon_official--active: #ee565e; --vkui--octavius_color_icon_school: #c97eec; --vkui--octavius_color_icon_school--hover: #cb83ed; --vkui--octavius_color_icon_school--active: #cd88ee; --vkui--octavius_color_icon_games: #f8ba04; --vkui--octavius_color_icon_games--hover: #f8bd0e; --vkui--octavius_color_icon_games--active: #f9c018; --vkui--octavius_color_icon_receipts: #74bf05; --vkui--octavius_color_icon_receipts--hover: #7ac20f; --vkui--octavius_color_icon_receipts--active: #7fc419; --vkui--octavius_color_text_fees: #ff6c6c; --vkui--octavius_color_text_fees--hover: #ff7272; --vkui--octavius_color_text_fees--active: #ff7878; --vkui--octavius_color_text_finance: #52c392; --vkui--octavius_color_text_finance--hover: #59c596; --vkui--octavius_color_text_finance--active: #60c89b; --vkui--octavius_color_text_social: #7688e9; --vkui--octavius_color_text_social--hover: #7b8dea; --vkui--octavius_color_text_social--active: #8192eb; --vkui--octavius_color_text_mailings: #ffa950; --vkui--octavius_color_text_mailings--hover: #ffac57; --vkui--octavius_color_text_mailings--active: #ffb05e; --vkui--octavius_color_text_to_myself: #41c9d2; --vkui--octavius_color_text_to_myself--hover: #49cbd4; --vkui--octavius_color_text_to_myself--active: #50cdd6; --vkui--octavius_color_text_news: #37c1e8; --vkui--octavius_color_text_news--hover: #3fc3e9; --vkui--octavius_color_text_news--active: #47c6ea; --vkui--octavius_color_text_school: #d392f2; --vkui--octavius_color_text_school--hover: #d596f3; --vkui--octavius_color_text_school--active: #d79bf3; --vkui--octavius_color_text_games: #f6be1a; --vkui--octavius_color_text_games--hover: #f6c123; --vkui--octavius_color_text_games--active: #f7c32c; --vkui--octavius_color_sidebar_widget_background_alpha: hsla(0,0%,100%,.16); --vkui--octavius_color_sidebar_widget_background_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_sidebar_widget_background_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_snackbar_icon_positive: #24c649; --vkui--octavius_color_snackbar_icon_positive--hover: #2dc850; --vkui--octavius_color_snackbar_icon_positive--active: #36cb58; --vkui--octavius_color_snackbar_icon_negative: #f85050; --vkui--octavius_color_snackbar_icon_negative--hover: #f85757; --vkui--octavius_color_snackbar_icon_negative--active: #f95e5e; --vkui--octavius_color_snackbar_icon_accent: #07f; --vkui--octavius_color_snackbar_icon_accent--hover: #0a7cff; --vkui--octavius_color_snackbar_icon_accent--active: #1482ff; --vkui--octavius_color_snackbar_icon_secondary: #9c9da2; --vkui--octavius_color_snackbar_icon_secondary--hover: #a0a1a6; --vkui--octavius_color_snackbar_icon_secondary--active: #a4a5a9; --vkui--octavius_color_snackbar_icon_warning: #ff9e00; --vkui--octavius_color_snackbar_icon_warning--hover: #ffa20a; --vkui--octavius_color_snackbar_icon_warning--active: #ffa614; --vkui--octavius_color_snackbar_text_accent: #1a85ff; --vkui--octavius_color_snackbar_text_accent--hover: #238aff; --vkui--octavius_color_snackbar_text_accent--active: #2c8fff; --vkui--octavius_color_snackbar_text_contrast: #fff; --vkui--octavius_color_snackbar_text_contrast--hover: #ebedf0; --vkui--octavius_color_snackbar_text_contrast--active: #d7d8db; --vkui--octavius_color_snackbar_background: #303030; --vkui--octavius_color_snackbar_background--hover: #383838; --vkui--octavius_color_snackbar_background--active: #414141; --vkui--octavius_color_snackbar_transparent: hsla(0,0%,100%,.16); --vkui--octavius_color_snackbar_transparent--active: hsla(0,0%,100%,.04); --vkui--octavius_color_snackbar_transparent--hover: hsla(0,0%,100%,.08); --vkui--octavius_color_icon_unread: #07f; --vkui--octavius_color_icon_unread--hover: #0a7cff; --vkui--octavius_color_icon_unread--active: #1482ff; --vkui--octavius_color_header_progress: #07f; --vkui--octavius_color_header_progress--hover: #0a7cff; --vkui--octavius_color_header_progress--active: #1482ff; --vkui--paradigm_tech_background_portal: #17181b; --vkui--paradigm_tech_background_portal--hover: #202124; --vkui--paradigm_tech_background_portal--active: #2a2a2d; --vkui--paradigm_tech_avatars_sky: #9dd5fe; --vkui--paradigm_tech_avatars_sky--hover: #a1d7fe; --vkui--paradigm_tech_avatars_sky--active: #a5d8fe; --vkui--paradigm_tech_avatars_seagreen: #70ec9a; --vkui--paradigm_tech_avatars_seagreen--hover: #76ed9e; --vkui--paradigm_tech_avatars_seagreen--active: #7beea2; --vkui--paradigm_tech_avatars_mint: #7beadb; --vkui--paradigm_tech_avatars_mint--hover: #80ebdc; --vkui--paradigm_tech_avatars_mint--active: #86ecde; --vkui--paradigm_tech_avatars_cyan: #00d3e6; --vkui--paradigm_tech_avatars_cyan--hover: #0ad5e7; --vkui--paradigm_tech_avatars_cyan--active: #14d7e8; --vkui--paradigm_tech_avatars_blue: #2389ff; --vkui--paradigm_tech_avatars_blue--hover: #2c8eff; --vkui--paradigm_tech_avatars_blue--active: #3592ff; --vkui--paradigm_tech_avatars_red: #f85050; --vkui--paradigm_tech_avatars_red--hover: #f85757; --vkui--paradigm_tech_avatars_red--active: #f95e5e; --vkui--paradigm_tech_avatars_yellow: #ffd65c; --vkui--paradigm_tech_avatars_yellow--hover: #ffd863; --vkui--paradigm_tech_avatars_yellow--active: #ffd969; --vkui--paradigm_tech_avatars_indigo: #7876ff; --vkui--paradigm_tech_avatars_indigo--hover: #7d7bff; --vkui--paradigm_tech_avatars_indigo--active: #8381ff; --vkui--paradigm_tech_avatars_peach: #fcbe99; --vkui--paradigm_tech_avatars_peach--hover: #fcc19d; --vkui--paradigm_tech_avatars_peach--active: #fcc3a1; --vkui--paradigm_tech_avatars_lavander: #c9b7ff; --vkui--paradigm_tech_avatars_lavander--hover: #cbbaff; --vkui--paradigm_tech_avatars_lavander--active: #cdbdff; --vkui--paradigm_tech_avatars_violet: #b780f3; --vkui--paradigm_tech_avatars_violet--hover: #ba85f3; --vkui--paradigm_tech_avatars_violet--active: #bd8af4; --vkui--paradigm_tech_avatars_green: #2acf56; --vkui--paradigm_tech_avatars_green--hover: #33d15d; --vkui--paradigm_tech_avatars_green--active: #3bd364; --vkui--paradigm_tech_avatars_lime: #c3f07f; --vkui--paradigm_tech_avatars_lime--hover: #c5f184; --vkui--paradigm_tech_avatars_lime--active: #c8f189; --vkui--paradigm_tech_avatars_coral: #ffa9a3; --vkui--paradigm_tech_avatars_coral--hover: #ffaca7; --vkui--paradigm_tech_avatars_coral--active: #ffb0aa; --vkui--paradigm_tech_avatars_orange: #fb8422; --vkui--paradigm_tech_avatars_orange--hover: #fb892b; --vkui--paradigm_tech_avatars_orange--active: #fb8e34; } .LegacyTariffPaywall-theme__vkui--cloud--light--1XnlE { } .LegacyTariffPaywall-theme__vkui--cloud--dark--1GL-- { } .LegacyTariffPaywall-theme__vkui--octavius--light--1wNoh { } .LegacyTariffPaywall-theme__vkui--octavius--dark--j4fwY { } .LegacyTariffRedirect__notice--2gEhv.ui.modal { width: 530px; } .LegacyTariffRedirect__notice--2gEhv.ui.modal > .content { padding: 0px !important; } .LegacyTariffRedirect__content--2rEyk { padding: 32px 32px 16px; text-align: left; } .LegacyTariffRedirect__title--24z-8 { font-family: var(--font_family--vk_sans_display); font-size: 24px; font-weight: 500; line-height: 28px; margin: 0px 0px 16px; } .LegacyTariffRedirect__description--3VeY4 { font-family: Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; margin: 0px; } .LegacyTariffRedirect__footer--2JK3F { padding: 16px 32px 40px; text-align: left; } .LegacyTariffRedirect__button--7f6PH.ui.button.primary { background-color: var(--vkui--color_accent_azure); border-radius: 8px; color: var(--vkui--color_text_contrast); font-family: var(--font_family--vk_sans_display); font-size: 15px; font-weight: 500; height: 36px; justify-content: center; line-height: 20px; margin: 0px; padding: 8px 16px; } .LegacyTariffRedirect__notice--2gEhv .LegacyTariffRedirect__close--1B76Q { height: 40px; right: 12px; top: 12px; width: 40px; } .LegacyTariffRedirect__notice--2gEhv .LegacyTariffRedirect__description--3VeY4 { margin-right: 20px; } .LegacyTariffRedirect__mobile--3mazM .LegacyTariffRedirect__content--2rEyk { padding: 24px 24px 0px; } .LegacyTariffRedirect__mobile--3mazM .LegacyTariffRedirect__title--24z-8 { margin: 0px 18px 12px 0px; } .LegacyTariffRedirect__mobile--3mazM .LegacyTariffRedirect__description--3VeY4 { font-family: var(--font_family--vk_sans_display); font-size: 15px; } .LegacyTariffRedirect__mobile--3mazM .LegacyTariffRedirect__footer--2JK3F { padding: 24px 16px 16px; } .LegacyTariffRedirect__mobile--3mazM .LegacyTariffRedirect__button--7f6PH.ui.button.primary { border-radius: 12px; height: 44px; padding: 12px 16px; text-align: center; width: 100%; } .LegacyTariffRedirect__mobileClose--fgpA1.LegacyTariffRedirect__mobileClose--fgpA1 { background-color: var(--vkui--color_background_secondary_alpha); padding: 2px; right: 16px; top: 16px; } .LegacyTariffRedirect__mobileClose--fgpA1.LegacyTariffRedirect__mobileClose--fgpA1 svg, .LegacyTariffRedirect__mobileClose--fgpA1.LegacyTariffRedirect__mobileClose--fgpA1 > div { height: 20px !important; width: 20px !important; } .LegacyTariffRedirect__discount--d7Dx3 { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/0549d89057ef0973901e.png") 50% center / 100% 100% no-repeat; color: var(--vkui--cloud_color_green_accent_themed); font-size: 12px; font-weight: 600; line-height: 16px; padding: 6px 10px; position: absolute; right: -8px; top: -8px; transform: rotate(10deg); z-index: 2; } .LegacyTariffRedirect__paywallDark--1sDtT .LegacyTariffRedirect__discount--d7Dx3 { color: var(--vkui--cloud_color_sweetgreen); } .LegacyTariffRedirect__paywallTheme--28hBP { --rebranding-color-landing-secondary-background: var(--vkui--color_background_modal); --rebranding-color-landing-control-secondary-background: var(--vkui--color_background_secondary); color: var(--vkui--color_text_primary); } .LegacyTariffRedirect__paywallTheme--28hBP [data-qa-id="legacy-tariff-redirect-switch"] { --color-eerie-black: var(--vkui--color_background_modal); } .LegacyTariffRedirect__paywallTheme--28hBP [data-qa-id="legacy-tariff-redirect-buy-btn"] { background: var(--vkui--color_accent_azure); } .LegacyTariffRedirect__paywallDark--1sDtT [data-qa-id="legacy-tariff-redirect-switch"] { --rebranding-color-landing-secondary-background: var(--vkui--cloud_color_background_alternative); --color-eerie-black: var(--vkui--cloud_color_background_alternative); } .LegacyTariffRedirect__paywallTheme--28hBP:not(.LegacyTariffRedirect__paywallDark--1sDtT) { --vkui--color_text_accent_contrast_themed: var(--vkui--color_text_accent); --vkui--cloud_color_sweetblue: rgba(0,119,255,.1); } .LegacyTariffRedirect__paywallTheme--28hBP:not(.LegacyTariffRedirect__paywallDark--1sDtT) [data-qa-id="legacy-tariff-redirect-switch"] { --vkui--color_background_content: var(--vkui--color_background_secondary_alpha); --vkui--color_background_secondary: var(--vkui--color_background_secondary_alpha); --rebranding-color-landing-control-secondary-background: var(--vkui--color_background_secondary_alpha); } .LegacyTariffRedirect__paywall--1jK4Z { box-sizing: border-box; height: calc(100dvh - 8px - env(safe-area-inset-top, 0px)); } .LegacyTariffRedirect__paywall--1jK4Z [data-qa-id="legacy-tariff-redirect-scrollable"] { flex: 1 1 0%; height: auto; min-height: 0px; } .LegacyTariffRedirect__paywall--1jK4Z [data-qa-id="legacy-tariff-redirect-scrollable"] + div { flex-shrink: 0; height: calc(80px + env(safe-area-inset-bottom, 0px)) !important; padding: 0px !important; } .LegacyTariffRedirect__paywall--1jK4Z [data-qa-id="legacy-tariff-redirect-features"] + div, .LegacyTariffRedirect__paywall--1jK4Z [data-qa-id="legacy-tariff-redirect-title"] + div { height: 16px !important; padding: 0px !important; } .FamilyByOptionTooltip__root--3YwlE { font-family: var(--vkui--font_family_vksans); padding: 16px 0px 17px 20px; position: relative; width: 346px; } .FamilyByOptionTooltip__rootMobile--2c7AA { width: 310px; } .FamilyByOptionTooltip__textWrap--2Qq3d { -webkit-font-smoothing: antialiased; flex-direction: column; font-size: var(--vkui--font_subhead--font_size--regular); line-height: var(--vkui--font_subhead--line_height--regular); } .FamilyByOptionTooltip__item--2OQyw, .FamilyByOptionTooltip__textWrap--2Qq3d { display: flex; gap: 6px; } .FamilyByOptionTooltip__item--2OQyw { align-items: center; line-height: 22px; } .FamilyByOptionTooltip__image---6-jT { bottom: 8px; position: absolute; right: -15px; width: 130px; z-index: 10; } .FamilyByOptionTooltip__imageMobile--3D5ER { bottom: 30px; } .FamilyByOptionTooltip__content--31CTk { overflow: visible; } .FamilyByOptionTooltip__title--2XRg_ { --vkui--font_headline1--font_size--compact: 16px; } @media (max-width: 400px) { .FamilyByOptionTooltip__rootMobile--2c7AA { padding: 13px 0px 14px 16px; transform: scale(0.95); transform-origin: center center; width: 280px; } .FamilyByOptionTooltip__imageMobile--3D5ER { right: -40px; } } :root { --scrollable-tabs-forward-animation-delay: 750ms; --scrollable-tabs-forward-animation-duration: 250ms; --scrollable-tabs-backward-animation-delay: calc(350ms + var(--scrollable-tabs-forward-animation-duration) + var(--scrollable-tabs-forward-animation-delay)); --scrollable-tabs-backward-animation-duration: 100ms; --slider-forward-animation-delay: calc(1100ms + var(--scrollable-tabs-backward-animation-delay) + var(--scrollable-tabs-backward-animation-duration)); --slider-forward-animation-duration: 350ms; --slider-backward-animation-delay: calc(250ms + var(--slider-forward-animation-duration) + var(--slider-forward-animation-delay)); --slider-backward-animation-duration: 150ms; } @keyframes MultiTariffsListMobile__ScrollableTabsForwardAnimation--3HNgS { 0% { transform: translateX(0px); } 1% { transform: translateX(0px); width: max-content; } 100% { transform: translateX(-50px); width: max-content; } } @keyframes MultiTariffsListMobile__ScrollableTabsBackwardAnimation--3zlPO { 0% { transform: translateX(-50px); width: max-content; } 99% { transform: translateX(0px); width: max-content; } 100% { transform: translateX(0px); width: 100%; } } @keyframes MultiTariffsListMobile__SliderForwardScrollAnimation--20hR1 { 0% { transform: translateX(0px); } 100% { transform: translateX(-100px); } } @keyframes MultiTariffsListMobile__SliderBackwardScrollAnimation--1hoDK { 0% { transform: translateX(-100px); } 100% { transform: translateX(0px); } } .MultiTariffsListMobile__card--1LAs- { background-color: var(--rebranding_color_background-content-alternative); border-radius: 24px; padding: 20px 0px; width: 100%; } .MultiTariffsListMobile__card--1LAs-, .MultiTariffsListMobile__tariff--FkSmF { -webkit-font-smoothing: antialiased; box-sizing: border-box; } .MultiTariffsListMobile__tariff--FkSmF { align-items: center; background-color: var(--rebranding--dark_theme_color_background_sky); border: 1px solid rgb(71, 71, 71); border-radius: 16px; color: var(--vkui--color_text_contrast); cursor: pointer; display: flex; font-weight: 700; gap: 6px; height: 100px; justify-content: center; position: relative; width: 140px; } .MultiTariffsListMobile__tariffSlide--10VHt.swiper-slide { width: 140px; } .MultiTariffsListMobile__tariff_highlight--3id6c { border-radius: 24px; } .MultiTariffsListMobile__tariff_highlight--3id6c.MultiTariffsListMobile__tariffActive--36K6Y { background-color: var(--vkui--cloud_color_background_profile_settings); border: 2px solid var(--vkui--color_accent_lime); } .MultiTariffsListMobile__tariff_highlight--3id6c.MultiTariffsListMobile__tariffActive--36K6Y.MultiTariffsListMobile__marchPromo2026--2qe1b { background-color: var(--vkui--color_background_accent_tint_alpha); border: 2px solid rgb(53, 163, 255); } .MultiTariffsListMobile__tariff_highlight--3id6c .MultiTariffsListMobile__label--2cfOE { background-color: var(--vkui--color_accent_lime); color: var(--vkui--cloud_color_background_profile_mail); } .MultiTariffsListMobile__tariff_family_highlight--1rk0W.MultiTariffsListMobile__tariffActive--36K6Y { background-color: rgb(70, 47, 100); border: 2px solid var(--vkui--color_accent_violet); } .MultiTariffsListMobile__tariff_family_highlight--1rk0W .MultiTariffsListMobile__label--2cfOE { background-color: var(--vkui--color_accent_violet); color: var(--vkui--color_text_contrast); } .MultiTariffsListMobile__tariff_for_work_highlight--3rLDL.MultiTariffsListMobile__tariffActive--36K6Y { background-color: var(--vkui--cloud_color_background_profile_mail); border: 2px solid var(--vkui--color_accent_cyan); } .MultiTariffsListMobile__tariff_for_work_highlight--3rLDL .MultiTariffsListMobile__label--2cfOE { background-color: var(--vkui--color_accent_cyan); color: var(--vkui--cloud_color_background_profile_settings); } .MultiTariffsListMobile__tariff_highlight_bf2025--a5QMU { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/blackFriday2025/337506b28a07747d160a.png"); background-repeat: no-repeat; background-size: 100% 100%; } .MultiTariffsListMobile__tariff_highlight_bf2025--a5QMU.MultiTariffsListMobile__tariffActive--36K6Y { border: 2px solid rgb(35, 97, 255); } .MultiTariffsListMobile__tariff_highlight_bf2025--a5QMU .MultiTariffsListMobile__label_bf2025--iM0v2 { background-color: var(--cloud--color_sweet_blue); border-radius: 0px 24px; color: var(--vkui--color_text_contrast); } .MultiTariffsListMobile__tariff_highlight_bf2025--a5QMU .MultiTariffsListMobile__label_bf2025_active--3gOaL { right: 0px !important; top: 0px !important; } .MultiTariffsListMobile__list--Gpvrl { overflow: hidden; } .MultiTariffsListMobile__value--1Jpi3 { font-size: 40px; font-weight: 700; line-height: 64px; } .MultiTariffsListMobile__units--1HKrD { font-size: 24px; line-height: 42px; margin-top: -13px; } .MultiTariffsListMobile__cardSkeleton--ocmNP { height: 332px; padding: 24px; width: 100%; } .MultiTariffsListMobile__label--2cfOE { background-color: var(--vkui--color_background_accent); border-radius: 0px 24px 0px 16px; box-sizing: border-box; color: var(--vkui--color_text_contrast); font-size: var(--vkui--font_footnote_caps--font_size--regular); font-weight: var(--vkui--font_weight_accent1); line-height: var(--vkui--font_footnote_caps--line_height--regular); padding: 3px 12px; position: absolute; right: -1px; top: -1px; } .MultiTariffsListMobile__tariffActive--36K6Y { background-color: var(--cloud--color_sweet_blue); border: 2px solid var(--vkui--color_stroke_accent); } .MultiTariffsListMobile__tariffActive--36K6Y .MultiTariffsListMobile__label--2cfOE { right: -2px; top: -2px; } .MultiTariffsListMobile__maxChatbotRadius--1wG1S { border-radius: 24px; } .MultiTariffsListMobile__tariffActive--36K6Y.MultiTariffsListMobile__maxChatbotActive--3VM94 { background-color: var(--vkui--color_background_accent_tint_alpha); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .MultiTariffsListMobile__tariffActive--36K6Y.MultiTariffsListMobile__maxChatbotActive--3VM94::after { background: conic-gradient(from 225deg, rgb(149, 0, 255) -91.325deg, rgb(0, 191, 255) 0.3258deg, rgb(0, 191, 255) 43.4409deg, rgb(71, 26, 255) 110.236deg, rgb(71, 26, 255) 159.01deg, rgb(149, 0, 255) 224.773deg, rgb(149, 0, 255) 268.677deg, rgb(0, 191, 255) 360.324deg); border-radius: inherit; inset: 0px; content: ""; mask: conic-gradient(rgb(0, 0, 0) 0deg, rgb(0, 0, 0) 0deg) content-box exclude, conic-gradient(rgb(0, 0, 0) 0deg, rgb(0, 0, 0) 0deg); padding: 2px; position: absolute; } .MultiTariffsListMobile__tariffActive--36K6Y.MultiTariffsListMobile__maxChatbotActive--3VM94 .MultiTariffsListMobile__label--2cfOE { right: 0px; top: 0px; z-index: 1; } .MultiTariffsListMobile__label--2cfOE.MultiTariffsListMobile__label_maxChatbot--3ztyF { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/maxChatbotForceTrial/d0a80eb4debad3ce84f8.png") 50% center / 100% 100% no-repeat; border-radius: 0px 16px; overflow: hidden; } .MultiTariffsListMobile__maxChatbotLabelText--2LUsD { position: relative; } .MultiTariffsListMobile__cardFamily--1-i6I { margin-right: 24px; } .MultiTariffsListMobile__familyTariff--2cOdC { -webkit-font-smoothing: antialiased; align-items: center; background-color: var(--cloud--color_sweet_blue); border: 2px solid var(--vkui--color_stroke_accent); border-radius: 16px; box-sizing: border-box; color: var(--vkui--color_text_contrast); cursor: pointer; display: flex; font-weight: 700; gap: 6px; height: 100px; justify-content: center; margin: 0px auto; position: relative; width: 160px; } .MultiTariffsListMobile__familyTariff--2cOdC::before { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/multitariff/e8ed90f80b4408c79bd2.png") 0% 0% / 100% auto no-repeat; content: ""; height: 146px; left: -80px; position: absolute; top: -35px; width: 139px; } .MultiTariffsListMobile__familyTariff--2cOdC::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/multitariff/164e1c901a0ea00cc013.png") 0% 0% / 100% auto no-repeat; bottom: -50px; content: ""; height: 151px; position: absolute; right: -80px; width: 142px; } .MultiTariffsListMobile__buttonBlock--3VxP9 { position: relative; width: 100%; } .MultiTariffsListMobile__buttonBlock_maxChatbot--MV5FO .MultiTariffsListMobile__saving--3TdDh { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/maxChatbotForceTrial/535579e5b02b74003f15.png") 50% center / 100% 100% no-repeat; border-radius: 0px; height: 24px; padding: 0px; width: 57px; } .MultiTariffsListMobile__buttonBlock_marchPromo2026--NMSxj .MultiTariffsListMobile__saving--3TdDh { background: rgb(0, 77, 180); color: var(--vkui--color_text_contrast); } .MultiTariffsListMobile__featuresBlock--38Xj- { align-self: self-start; margin: 0px 12px; } .MultiTariffsListMobile__saving--3TdDh { background: var(--vkui--color_palette_lime); border-radius: 0px 16px; color: var(--vkui--cloud_color_background_profile_settings); font-size: 14px; font-weight: 500; line-height: 20px; padding: 3px 12px; position: absolute; right: 0px; top: 0px; } .MultiTariffsListMobile__savingBF--njJuH { position: absolute; right: -15px; top: -15px; width: 60px; } .MultiTariffsListMobile__familyByOptions--21vc9 { align-items: center; border-radius: 16px; column-gap: 8px; display: grid; grid-template-columns: 46px 1fr 46px; grid-template-rows: 1fr 1fr; height: 46px; margin: 10px 13px 0px; padding: 6px 12px 0px 6px; } .MultiTariffsListMobile__familyByOptionSwitch--3uY5Z { grid-area: 1 / 3 / 3 / 4; } .MultiTariffsListMobile__familyByOptionsText--126aN { align-items: center; display: flex; font-size: 16px; gap: 4px; grid-area: 1 / 2 / 2 / 3; line-height: 22px; } .MultiTariffsListMobile__familyByOptionsAdditionalText--3ofdx { color: var(--vkui--color_text_tertiary); grid-area: 2 / 2 / 3 / 3; } .MultiTariffsListMobile__familyByOptionsAdditionalTextChecked--2HJ2- { color: var(--vkui--color_accent_lime); } .MultiTariffsListMobile__familyByOptionsMedia--3FD0p { border-radius: 12px; grid-area: 1 / 1 / 3 / 2; height: 46px; width: 46px; } .MultiTariffsListMobile__familyByOptionsIcon--1rkM5 { color: var(--vkui--color_text_tertiary) !important; } .MultiTariffsListMobile__familyByOptions--21vc9:hover .MultiTariffsListMobile__familyByOptionsIcon--1rkM5 { cursor: pointer; display: initial; } .MultiTariffsListMobile__buttonPromocodeMobile--2J7Zd.ui.button { background-color: initial; padding: 17px 24px; } .MultiTariffsListMobile__animated_slider--rk45F { overflow: visible !important; } @media (max-width: 800px) { .MultiTariffsListMobile__animated_slider--rk45F { animation: 3.2s ease-in-out 0.8s 1 normal none running MultiTariffsListMobile__HorizontalScrollAnimation--1dwXm; } } @keyframes MultiTariffsListMobile__HorizontalScrollAnimation--1dwXm { 0% { left: 0px; } 31.25% { left: 0px; } 50% { left: -100px; } 68.75% { left: 0px; } 100% { left: 0px; } } @media (max-width: 800px) { .MultiTariffsListMobile__animated_slider--rk45F.MultiTariffsListMobile__delayed_animated_slider--gkCPZ { animation-duration: ; animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-fill-mode: forwards; } } .MultiTariffsListMobile__scrollable_tabs_root--3fMWo { padding: 0px; width: 100%; } .MultiTariffsListMobile__scrollable_tabs_root--3fMWo.MultiTariffsListMobile__scrollable_tabs_animated_slider--31Y0q { position: relative; } @media (max-width: 500px) { .MultiTariffsListMobile__scrollable_tabs_root--3fMWo.MultiTariffsListMobile__scrollable_tabs_animated_slider--31Y0q { animation-duration: ; animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-fill-mode: forwards; } } .MultiTariffsListMobile__scrollable_tabs_root--3fMWo .vkuiSubnavigationBar__item + .vkuiSubnavigationBar__item { margin-left: 6px; } .MultiTariffsListMobile__scrollable_tabs_root--3fMWo .vkuiSubnavigationBar__scrollIn { padding: 2px 0px; } @media (min-width: 500px) { .MultiTariffsListMobile__scrollable_tabs_root--3fMWo .vkuiSubnavigationBar__scrollIn { display: flex; justify-content: center; } } .MultiTariffsListMobile__scrollable_tabs_root--3fMWo .MultiTariffsListMobile__scrollable_tabs_item--uIvfs { background-color: var(--vkui--color_background_secondary); border-radius: 12px; box-shadow: none; } .MultiTariffsListMobile__scrollable_tabs_root--3fMWo .MultiTariffsListMobile__scrollable_tabs_item--uIvfs.MultiTariffsListMobile__scrollable_tabs_item_selected--3uxZA { background: var(--cloud--color_sweet_blue); border: 1px solid var(--vkui--color_background_accent); } .MultiTariffsListMobile__scrollable_tabs_root--3fMWo .MultiTariffsListMobile__scrollable_tabs_item--uIvfs.MultiTariffsListMobile__scrollable_tabs_item_selected--3uxZA .vkuiSubnavigationButton__label { color: var(--vkui--color_text_contrast); } .MultiTariffsListMobile__scrollable_tabs_root--3fMWo .MultiTariffsListMobile__scrollable_tabs_item--uIvfs .vkuiSubnavigationButton__label { color: var(--vkui--color_text_contrast); font-weight: 500; } .MultiTariffsListMobile__scrollable_tabs_root--3fMWo .MultiTariffsListMobile__scrollable_tabs_item_marchPromo2026--2P6qZ.MultiTariffsListMobile__scrollable_tabs_item_selected--3uxZA { background: var(--vkui--color_background_contrast); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .MultiTariffsListMobile__scrollable_tabs_root--3fMWo .MultiTariffsListMobile__scrollable_tabs_item_marchPromo2026--2P6qZ.MultiTariffsListMobile__scrollable_tabs_item_selected--3uxZA .vkuiSubnavigationButton__label { color: var(--vkui--color_text_primary_invariably); } .Features__root--22_AR { box-sizing: border-box; display: flex; flex-direction: column; gap: 4px; padding: 0px 20px; width: 100%; } .Features__rootDivider--fuL5_ { padding-bottom: 10px; position: relative; } .Features__rootDivider--fuL5_::after { background-color: rgb(71, 71, 71); bottom: 0px; content: ""; height: 1px; left: 24px; position: absolute; right: 24px; } .Features__item--2B1xS { font-size: var(--vkui--font_text--font_size--regular); gap: 8px; line-height: var(--vkui--font_text--line_height--regular); padding: 6px 0px; } .Features__item--2B1xS, .Features__item--2B1xS .Features__iconContainer--1uAla { align-items: center; display: flex; } .Features__item--2B1xS .Features__iconContainer--1uAla { align-self: flex-start; height: 20px; } .Features__item--2B1xS svg { flex-shrink: 0; height: 16px; width: 16px; } .Features__item--2B1xS span { color: var(--vkui--color_text_link); } .Features__item-normal--3gIBc { color: var(--vkui--color_text_contrast); } .Features__item-disabled--3Pk86 { color: var(--vkui--color_text_tertiary); } .Features__item-highlighted--2Asai { color: var(--vkui--color_palette_lime); } .Features__item-violet--DdS2J { color: var(--vkui--color_accent_violet); } .Features__item-violet--DdS2J svg path { fill: var(--vkui--color_accent_violet); stroke: var(--vkui--color_accent_violet); } .Features__itemMarchPromo2026--1yomn { color: rgb(53, 163, 255); } .Features__item-sky--VE7DZ { color: var(--vkui--color_accent_cyan); } .Features__item-blackFriday2025--3Wg_q { color: rgb(53, 163, 255); } .Features__multiTariffVerticalPadding--2ySRt { padding: 0px 4px; } .Features__itemMarchPromo2026--1yomn span { color: rgb(53, 163, 255); } .Features__itemMarchPromo2026--1yomn svg path { fill: rgb(53, 163, 255); stroke: rgb(53, 163, 255); } .MultiTariffCardLoader__card--1gHEg, .MultiTariffCardLoader__root--3caDd { width: 100%; } .MultiTariffCardLoader__card--1gHEg { background-color: var(--rebranding_color_background-content-alternative); border-radius: 24px; box-sizing: border-box; height: 364px; padding: 24px 0px 24px 24px; } .MultiTariffCardLoader__spaceBlock--jYPso { display: flex; flex-direction: row; gap: 12px; overflow: hidden; width: 100%; } .MultiTariffCardLoader__space--2k22n { border-radius: 16px; flex-shrink: 0; height: 100px; overflow: hidden; width: 135px; } .MultiTariffCardLoader__buttons--3pxO2 { display: flex; flex-direction: column; gap: 6px; width: 100%; } .MultiTariffCardLoader__button--SD4VI { border-radius: 16px; height: 56px; overflow: hidden; width: 100%; } .MultiTariffCardLoader__features--1Izr_ { box-sizing: border-box; display: flex; flex-direction: column; gap: 4px; padding-right: 24px; width: 100%; } .MultiTariffCardLoader__feature--2wTA6 { border-radius: 12px; height: 32px; overflow: hidden; width: 100%; } .MultiTariffCardLoader__placeholder--3Kg5f { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(52, 52, 52, 0.16) 76.96%), rgb(52, 52, 52); display: flex; flex: 1 1 0%; height: 100%; width: 100%; } .vkui--cloud--dark.rebranding .LitresTooltip__tooltipRoot--x_LG8 { border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px, rgba(0, 0, 0, 0.18) 0px 0px 8px 0px, rgba(0, 0, 0, 0.22) 7px 10px 30px 0px; filter: none; } .vkui--cloud--dark.rebranding .LitresTooltip__tooltipArrow--1p0Q6 { color: var(--promo--dark_background_dark); } .vkui--cloud--dark.rebranding .LitresTooltip__root--6EwKT { background: var(--promo--dark_background_dark); } .LitresTooltip__root--6EwKT { -webkit-font-smoothing: antialiased; padding: 16px 34px 16px 16px; } .LitresTooltip__text--ep-zi { font-family: var(--font_family--vk_sans_display); font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_headline2--line_height--compact); } .LitresTooltip__link--2hYJ7 { font-family: var(--font_family--vk_sans_display); font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_weight_accent1); line-height: var(--vkui--font_headline2--line_height--compact); color: var(--vkui--color_background_border,--vkui--color_text_accent) !important; } .BAZFeatureLineWithTooltip__root--X8lV6 { --cloud--color_sweet_blue: #dde9ff; width: 302px; } .BAZFeatureLineWithTooltip__description--ROV09 { align-items: center; display: flex; gap: 8px; position: relative; } .BAZFeatureLineWithTooltip__description--ROV09:hover { color: var(--vkui--color_accent_green); } .BAZFeatureLineWithTooltip__content--2F8IH { font-size: 14px; font-weight: 500; padding: 16px 40px 16px 16px; color: var(--vkui--color_tooltip_background_blue_tint) !important; } .BAZFeatureLineWithTooltip__content--2F8IH > a { color: rgb(0, 112, 240); font-weight: 500; } .BAZFeatureLineWithTooltip__content--2F8IH > p { line-height: 18px; margin-bottom: 2px; } .BAZFeatureLineWithTooltip__wrapper--1IJLV { position: relative; } .BAZFeatureLineWithTooltip__container--3ihIw { bottom: -20px; height: 100px; left: -20px; position: absolute; right: 20px; width: 120%; } .BAZFeatureLineWithTooltip__closeClassName--17l6i { color: rgba(39, 43, 55, 0.3) !important; } .quotaFeatures__cancelText--gSlbk { color: var(--vkui--color_icon_tertiary); } [data-info-by-hover="true"] { cursor: pointer; margin-left: 8px; visibility: hidden; } .quotaFeatures__rmBackIcon--3zQD6 { margin-left: -2px; margin-right: -2px; } .MultiTariffUpsaleDialog__root--2Ovkn.modal.ui.small { width: 640px; } .MultiTariffUpsaleDialog__root--2Ovkn.modal.ui > .header { padding: 24px 12px 12px 32px; } .MultiTariffUpsaleDialog__alternativeRoot--7NFM0.modal.ui.small { width: 930px; } .MultiTariffUpsaleDialog__headerText--1W8iY { font-size: 18px; line-height: var(--vkui--font_display_title3--line_height--regular); } .MultiTariffUpsaleDialog__radioGroup--36RYJ { display: flex; justify-content: space-between; padding-bottom: 8px; padding-top: 20px; } .MultiTariffUpsaleDialog__radioGroup--36RYJ > label { flex: initial !important; } .MultiTariffUpsaleDialog__radio---1s1l { border: 2px solid var(--cloud--color_background_label_second); border-radius: 20px; box-sizing: border-box; height: 164px; padding: 32px 14px 20px 20px; width: 281px; } .MultiTariffUpsaleDialog__radio---1s1l > div > svg { display: none; } .MultiTariffUpsaleDialog__radio---1s1l > div > div > div { margin-top: 0px !important; } .MultiTariffUpsaleDialog__radio---1s1l > div > div > span { margin-top: -2px; } .MultiTariffUpsaleDialog__familyLabelIcon--Kn7E_ { cursor: pointer; margin-left: 3px; } .MultiTariffUpsaleDialog__spaceDescription--2kmqB { margin-top: 39px; } .MultiTariffUpsaleDialog__radioFamilySpace--bh2h8 { border-radius: 28px; height: 218px; padding: 11px 12px 12px; width: 278px; } .MultiTariffUpsaleDialog__labelWrap--2VUvP { display: flex; gap: 6px; } .MultiTariffUpsaleDialog__spaceLabel--iJQVI { align-items: center; background: var(--cloud--color_background_label_second); border-radius: 20px; display: flex; font-size: 14px; line-height: 18px; padding: 7px 9px; } .MultiTariffUpsaleDialog__spaceLabel_active--2tDi3 { background: var(--vkui--color_stroke_accent); } .MultiTariffUpsaleDialog__spaceLabel_family--3gQva { background: var(--vkui--color_palette_lime); color: rgb(43, 99, 23); } .MultiTariffUpsaleDialog__familySpaceSize--mUrVg { color: var(--vkui--color_text_primary); font-size: 24px; line-height: 40px; } .MultiTariffUpsaleDialog__familySpaceSizePlus--eU0cw { font-size: 33px; } .MultiTariffUpsaleDialog__familySpaceSizeNumber--2x3Kh { font-size: 40px; margin-right: 8px; } .MultiTariffUpsaleDialog__familySizeWrap--BAx0F { align-items: center; display: flex; justify-content: space-between; } .MultiTariffUpsaleDialog__familySpaceImg--3oPfK { height: 32px; } .MultiTariffUpsaleDialog__familySpaceButton--9tuOT { background: rgb(48, 48, 48); border-radius: 18px; margin-top: 16px; padding: 8px 12px; } .MultiTariffUpsaleDialog__familySpaceButtonTitle--147NQ { color: var(--vkui--color_text_primary); font-size: 18px; line-height: 24px; margin-bottom: 2px; } .MultiTariffUpsaleDialog__familySpaceButtonDescription--3SlRk { color: var(--vkui--color_text_secondary); font-size: 14px; line-height: 18px; } .MultiTariffUpsaleDialog__radioWrapper--1g6TG { margin: 0px; } .MultiTariffUpsaleDialog__radioTitle--tBDcW { color: var(--vkui--color_text_primary); font-size: var(--vkui--font_title1--font_size--regular); line-height: var(--vkui--font_title1--line_height--regular); margin-bottom: 4px; margin-top: 22px; } .MultiTariffUpsaleDialog__radioDecoration--1i1Rg { color: var(--vkui--color_text_tertiary); text-decoration: line-through; } .MultiTariffUpsaleDialog__radioDescription--31Wby { font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); white-space: break-spaces; } .MultiTariffUpsaleDialog__radio_active--aXXVI { border: 2px solid var(--vkui--color_stroke_accent); } .MultiTariffUpsaleDialog__label--1ZZBf { background-color: var(--cloud--color_background_label_second); border-radius: 0px 20px 0px 24px; box-sizing: border-box; color: var(--vkui--color_text_accent_themed); font-size: var(--vkui--font_headline2--font_size--regular); font-weight: var(--vkui--font_weight_accent1); height: auto; line-height: var(--vkui--font_headline2--line_height--regular); padding: 6px 18px 6px 20px; position: absolute; right: -15px; top: -33px; } .MultiTariffUpsaleDialog__labelActive--31sWf { background-color: var(--vkui--cloud_color_landing_label_inverse_background); } .MultiTariffUpsaleDialog__labelNone--27m_i { display: none; } .FamilySpaceToEachTooltip__root--ZW_qG { color: var(--vkui--color_text_contrast); padding: 16px 64px 20px 20px; white-space: pre-wrap; width: 264px; } .FamilySpaceToEachTooltip__image--1vnbA { inset: auto 0px 0px auto; height: 101px; position: absolute; width: 122px; } .FamilySpaceToEachTooltip__title--3ipq2 { --vkui--font_headline1--font_size--compact: var(--vkui--font_headline1--font_size--regular); } .FamilySpaceToEachTooltip__text--3FyXU { --vkui--font_text--line_height--compact: 22px; --vkui--font_text--font_size--compact: 14px; font-family: var(--font-tt-norms),"sans-serif"; } .FamilySpaceToEachTooltip__familySpaceToEachWrapper--1esYG div[class*="FloatingTooltip__arrow--"] { left: auto; right: -20px; } .FamilySpaceToEachTooltip__button--6Cx5i { --vkui--size_button_base_medium_padding_horizontal--regular: 9px; } .FamilySpaceToEachTooltip__button--6Cx5i .vkuiButton__content { font-family: var(--font-tt-norms),"sans-serif"; } .VigboTooltip__image--3giWe { inset: auto 4px 6px auto; height: 78px; position: absolute; width: 119px; } .VigboTooltip__content--2IBId { width: 348px; } .VigboTooltip__contentWrapper--gesUQ { color: var(--vkui--color_text_contrast); padding: 16px 64px 20px 20px; } .VigboTooltip__title--2-E6G { --vkui--font_headline1--font_size--compact: 16px; } .VigboTooltip__text--33BZw { font-family: var(--font-tt-norms); font-size: 14px; line-height: 22px; } .VigboTooltip__button--3uTWz .vkuiButton__content { --vkui--size_button_base_medium_padding_horizontal--regular: 9px; font-family: var(--font-tt-norms); } .DiscountLabel__root--2aLAh { align-items: center; background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/13f3be2a2577d390cde7.png") 50% center / 100% auto no-repeat; color: var(--vkui--color_text_contrast); display: flex; font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_caption1--font_size--regular); font-weight: var(--vkui--font_weight_accent1); height: 32px; justify-content: center; opacity: 0.9; text-shadow: rgba(134, 0, 135, 0.75) 0px 1px 1px, rgba(134, 0, 135, 0.75) 0px 2px 2px; width: 50px; z-index: 2; } .DiscountLabel__root_action--1UhvI { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/ab8e67ae5253f328a037.png") 50% center / 100% auto no-repeat; text-shadow: none; } .DiscountLabel__root_rebrandingQuotaLanding--2oVMK { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/0549d89057ef0973901e.png") 50% center / 100% auto no-repeat; color: var(--vkui--color_text_primary_invariably); font-family: var(--font_family--vk_sans_display); font-size: 13px; font-weight: 400; line-height: 18px; opacity: 1; text-shadow: none; } .DiscountLabel__root_fromLitres--Vxsgz { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/ef37b13e1744d08724c9.png") 50% center / 100% auto no-repeat; color: var(--rebranding--color_text_contrast); } .DiscountLabel__root_referral--34fuk { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/367ffecf1fa9f800cbe9.png") 50% center / 100% auto no-repeat; } .TariffFeatureList__featureList--2pvXM { list-style: none; margin: 0px; padding: 0px; } .TariffFeatureList__featureListItem--2qERf { align-items: flex-start; display: flex; font-family: var(--font-inter); font-size: 14px; font-weight: 400; padding: 8px 0px; } .TariffFeatureList__contentSize_compact--9lhV1 { padding: 0px 16px; } .TariffFeatureList__contentSize_compact--9lhV1 .TariffFeatureList__featureListItem--2qERf { font-size: var(--vkui--font_text--font_size--compact); line-height: var(--vkui--font_paragraph--line_height--regular); padding: 5px 0px; } .TariffFeatureList__featureListItem_accentUrl--9GbMK { font-family: var(--vkui--font_family_accent); } .TariffFeatureList__featureListItem_accent--3d_gQ, .TariffFeatureList__featureListItem_accentUrl--9GbMK a { color: var(--vkui--color_text_accent); } .TariffFeatureList__featureListItem_primaryColor--2f7Ez { color: var(--vkui--color_text_primary) !important; } .TariffFeatureList__featureListItem_primaryColor--2f7Ez div { color: var(--vkui--color_text_primary); } .TariffFeatureList__featureList_maxChatbotForceTrial--2amD_, .TariffFeatureList__featureList_vigbo--hMrGV { gap: 18px; } .TariffFeatureList__featureListItem_rebranding--2MwAX { font-family: var(--font-tt-norms); } .TariffFeatureList__featureListItem_large--3bhoR { font-size: 17px; } .TariffFeatureList__featureListItem_pointer--2cMFx { cursor: pointer; } .TariffFeatureList__featureListItemIcon--bARFr { align-items: center; display: flex; margin-right: 8px; margin-top: 1px; } .TariffFeatureList__contentSize_small--g8zmv .TariffFeatureList__featureListItem--2qERf { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_subhead--line_height--regular); padding: 8px 0px; } .TariffFeatureList__contentSize_small--g8zmv .TariffFeatureList__featureListItemIcon--bARFr { margin-right: 5px; } .TariffFeatureList__featureList_rebrandingQuotaLanding--1n7JV { display: flex; flex-direction: column; gap: 18px; } .TariffFeatureList__featureList_rebrandingQuotaLanding--1n7JV .TariffFeatureList__featureListItem--2qERf { color: var(--vkui--color_text_secondary); font-family: var(--font_family--vk_sans_display); font-size: 16px; line-height: 19px; padding: 0px; } .TariffFeatureList__featureList_rebrandingQuotaLanding--1n7JV .TariffFeatureList__featureListItem--2qERf a { color: var(--vkui--color_text_link); } .TariffFeatureList__featureList_rebrandingQuotaLanding--1n7JV.TariffFeatureList__featureList_smallSize--9Kw3R .TariffFeatureList__featureListItem--2qERf { font-size: 14px; font-weight: 400; line-height: 17px; } .TariffFeatureList__featureList_rebrandingQuotaLanding--1n7JV .TariffFeatureList__featureListItem_bright--2b9Ue { color: var(--vkui--color_text_primary); } .TariffFeatureList__featureList_rebrandingQuotaLanding--1n7JV .TariffFeatureList__featureListItem_bright--2b9Ue svg > use { color: var(--vkui--color_icon_accent) !important; } .TariffFeatureList__featureList_rebrandingQuotaLanding--1n7JV .TariffFeatureList__featureListItem_disabled--1ME21 { color: var(--vkui--color_text_secondary); } .TariffFeatureList__featureList_rebrandingQuotaLanding--1n7JV .TariffFeatureList__featureListItem_disabled--1ME21 svg > use { color: var(--vkui--color_icon_secondary) !important; } .TariffFeatureList__featureList_rebrandingQuotaLanding--1n7JV .TariffFeatureList__featureListItem_disabled_beauty--2PAW5 svg > use { color: var(--vkui--color_text_secondary) !important; } .TariffFeatureList__featureList_rebrandingQuotaLanding--1n7JV .TariffFeatureList__featureListItem_disabledNew--hSu-2, .TariffFeatureList__featureList_rebrandingQuotaLanding--1n7JV .TariffFeatureList__featureListItem_disabledNew--hSu-2 svg > use { color: var(--vkui--color_text_tertiary) !important; } .TariffFeatureList__featureList_rebrandingQuotaLanding--1n7JV .TariffFeatureList__featureListItem_marchPromo2026--2iYoz a { color: rgb(53, 163, 255); } .TariffFeatureList__featureList_rebrandingQuotaLanding--1n7JV.TariffFeatureList__contentSize_compact--9lhV1 { gap: 12px; padding: 0px; } .TariffFeatureList__featureList_rebrandingQuotaLanding--1n7JV.TariffFeatureList__contentSize_compact--9lhV1 .TariffFeatureList__featureListItem--2qERf { font-size: 12px; line-height: 16px; } .TariffFeatureList__featureList_compactScroll--H-aei { gap: 16px; } .TariffFeatureList__featureList_showEditingDocumentFeatureB--IZBso { gap: 12px; } .TariffFeatureList__featureListItem_lime--3AOMf div { color: var(--vkui--color_palette_lime); } .TariffFeatureList__featureListItem_blackFriday2025--3o6Vn div, .TariffFeatureList__featureListItem_lime--3AOMf.TariffFeatureList__featureListItem_marchPromo2026--2iYoz div { color: rgb(53, 163, 255); } .TariffSpace__space--3z07A { display: flex; flex-grow: 1; justify-content: center; z-index: 1; } .TariffSpace__space--3z07A.TariffSpace__space_vigbo--L9VqO { margin: 9px 0px 6px 24px; } .TariffSpace__space--3z07A.TariffSpace__space_family--mJqa7 { margin: 8px 0px 6px 24px; } .TariffSpace__space--3z07A.TariffSpace__space_familySpaceToEach--2d8RI { margin: 46px 0px 0px 24px; } .TariffSpace__space--3z07A.TariffSpace__space_maxChatbotForceTrial--2h_DK { padding-bottom: 6px; padding-top: 20px; } .TariffSpace__spaceName--1STGY { font-family: var(--font-tt-norms); font-size: 60px; font-weight: 500; } .TariffSpace__spaceName--1STGY.TariffSpace__contentSize_small--2TLI9 { font-size: 52px; line-height: 73px; } .TariffSpace__spaceName--1STGY.TariffSpace__contentSize_compact--2sm9e { font-size: 57px; line-height: normal; } .TariffSpace__spaceName--1STGY.TariffSpace__spaceName_rebranding--39QmP { line-height: 84px; } .TariffSpace__spaceName--1STGY.TariffSpace__spaceName_vigbo--2O0or { box-sizing: border-box; display: flex; } .TariffSpace__spaceName--1STGY.TariffSpace__spaceName_family--13SWD, .TariffSpace__spaceName--1STGY.TariffSpace__spaceName_vigbo--2O0or { height: 84px !important; line-height: normal !important; } .TariffSpace__spaceName--1STGY.TariffSpace__spaceName_family--13SWD { box-sizing: border-box; display: flex; } .TariffSpace__spaceName--1STGY .TariffSpace__spaceSize--3c4Fl { font-size: 74px; } .TariffSpace__spaceName--1STGY .TariffSpace__spaceSize_family--3r8B8, .TariffSpace__spaceName--1STGY .TariffSpace__spaceSize_vigbo--VeWND { font-size: 68px; } .TariffSpace__spaceUnits--24b2p { font-family: var(--font-tt-norms); font-size: 32px; font-weight: 700; margin-left: 8px; margin-top: 6px; } .TariffSpace__spaceUnits--24b2p.TariffSpace__contentSize_small--2TLI9 { font-size: 28px; line-height: normal; margin-top: 8px; } .TariffSpace__spaceUnits--24b2p.TariffSpace__contentSize_compact--2sm9e { font-size: 30px; line-height: normal; } .TariffSpace__spaceUnits--24b2p.TariffSpace__spaceUnits_rebranding--3KQUz { line-height: normal; margin-top: 11px; } .TariffSpace__spaceUnits--24b2p.TariffSpace__spaceUnits_vigbo--2KVGT { height: 34px; margin-top: 10px !important; } .TariffSpace__spaceUnits--24b2p .TariffSpace__spaceUnits_family--2Os-s { height: 34px; margin-top: 10px !important; } .TariffSpace__plus--2hrK9 { align-self: center; font-size: 28px; font-weight: 700; margin: 0px 12px; } .TariffSpace__gift--3Vo1Z { display: flex; flex-grow: 1; justify-content: center; } .TariffSpace__gift_blue--Cudvv { color: rgb(36, 107, 222); } .TariffSpace__gift_violet--2jlN6 { color: rgb(144, 67, 188); } .TariffSpace__gift_green--SfIhV { color: rgb(68, 152, 17); } .TariffSpace__gift_turquoise--1zIHY { color: rgb(30, 144, 208); } .TariffSpace__gift_yellow--2eGAB { color: rgb(193, 122, 15); } .TariffSpace__gift_pink--2kJ-d { color: rgb(217, 76, 76); } .TariffSpace__space_withGift--2I8hN .TariffSpace__spaceName--1STGY { font-size: 48px; line-height: 48px; } .TariffSpace__space_withGift--2I8hN .TariffSpace__spaceUnits--24b2p { font-size: 18px; line-height: 23px; margin-top: 0px; } .TariffSpace__space_rebrandingQuotaLanding--3WAfV .TariffSpace__spaceName--1STGY { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 60px; font-weight: 500; height: 84px; line-height: 84px; } .TariffSpace__space_rebrandingQuotaLanding--3WAfV .TariffSpace__spaceName--1STGY.TariffSpace__contentSize_compact--2sm9e { font-size: 57px; line-height: normal; } .TariffSpace__space_rebrandingQuotaLanding--3WAfV .TariffSpace__spaceUnits--24b2p { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 32px; font-weight: 700; margin: 8px 0px 0px 8px; } .TariffSpace__space_rebrandingQuotaLanding--3WAfV .TariffSpace__spaceUnits--24b2p.TariffSpace__contentSize_compact--2sm9e { font-size: 28px; line-height: normal; margin-top: 14px; } .TariffSpace__space_rebrandingQuotaLanding--3WAfV.TariffSpace__space_personal--3Eo1i .TariffSpace__spaceSize--3c4Fl { font-size: 70px; } .TariffSpace__vigboColor--2CPXQ { color: rgb(44, 45, 46) !important; } .TariffSpace__space_family--mJqa7 { --vkui--color_text_primary: #2c2d2e; } .FeatureSwitch__root--35OUn { -webkit-font-smoothing: antialiased; align-items: center; background: linear-gradient(var(--vkui--color_background_accent_tint_alpha--hover),var(--vkui--color_background_accent_tint_alpha--hover)) padding-box,linear-gradient(var(--vkui--color_background_field),var(--vkui--color_background_field)) padding-box,linear-gradient(66.32deg,var(--vkui--color_background_accent) 5.51%,var(--vkui--color_accent_cyan)) border-box; border: 1px solid transparent; border-radius: 20px; box-sizing: border-box; display: grid; grid-template-columns: 24px 1fr 40px; height: 42px; margin-left: 12px; margin-right: 12px; padding: 0px 17px 0px 32px; position: relative; } .FeatureSwitch__info--1dwA_ { color: var(--vkui--color_background_accent_themed_alpha--active); cursor: pointer; height: 32px; justify-content: center; margin-left: -2px; margin-top: 2px; width: 32px; } .FeatureSwitch__info--1dwA_, .FeatureSwitch__text--2y4Z- { align-items: center; display: flex; } .FeatureSwitch__text--2y4Z- { font-size: 16px; } .FeatureSwitch__text--2y4Z-:hover .FeatureSwitch__info--1dwA_ { color: var(--vkui--color_background_accent); } .FeatureSwitch__root_off--3If2L { background: none; border: 1px solid var(--vkui--color_image_border_alpha); color: var(--vkui--color_text_tertiary); } .FeatureSwitch__rootDisabled--2PbtF { align-items: center; color: var(--vkui--color_text_secondary); display: flex; gap: 8px; height: 42px; margin-left: 32px; margin-right: 32px; padding-left: 15px; position: relative; } .FeatureSwitch__rootDisabled--2PbtF::before { border-top: 1px solid var(--vkui--color_background_secondary_alpha); content: ""; height: 1px; left: 0px; position: absolute; right: 0px; top: 0px; } .FeatureSwitch__starsAnimation--3OGwL { height: auto; pointer-events: none; position: absolute; right: -150px; top: -80px; width: 400px; } :root { --tariff-card-border-radius: 24px; } .TariffCardImageHeader__imageHeader--2Vm0T { height: var(--mascot-height); width: 100%; } .TariffCardImageHeader__wrapper--1DsHR { background-color: var(--mascot-bg-color); height: calc(var(--mascot-height) - 1px); left: 0px; margin-top: ; margin-right: ; margin-left: ; margin-bottom: 0px; right: 0px; top: 0px; } .TariffCardImageHeader__rack--3x-pb, .TariffCardImageHeader__wrapper--1DsHR { border-top-left-radius: var(--mascot-border-radius); border-top-right-radius: var(--mascot-border-radius); position: absolute; } .TariffCardImageHeader__rack--3x-pb { background-color: var(--mascot-card-bg-color); bottom: -1px; height: var(--mascot-rack-height); width: 100%; } .TariffCardImageHeader__mascot--17l6x .TariffCardImageHeader__img--3wagt { bottom: calc(var(--mascot-rack-height) - 22px); height: 123px; left: calc(50% - 89px); position: absolute; width: 174px; } .TariffCardImageHeader__mascot--17l6x .TariffCardImageHeader__rack--3x-pb { background-color: var(--mascot-card-bg-color); border-top-left-radius: var(--mascot-border-radius); border-top-right-radius: var(--mascot-border-radius); bottom: -1px; height: var(--mascot-rack-height); position: absolute; width: 100%; } .TariffCardImageHeader__mailSpace--vnSW1 .TariffCardImageHeader__img--3wagt { border-radius: var(--tariff-card-border-radius); height: 179px; width: 256px; } .TariffCardImageHeader__mailSpace--vnSW1 .TariffCardImageHeader__rack--3x-pb { background-color: var(--mascot-card-bg-color); border-top-left-radius: var(--mascot-border-radius); border-top-right-radius: var(--mascot-border-radius); height: 34px; position: absolute; top: 145px; width: 100%; } :root { --tariff-card-border-radius: 24px; } .TariffCard__card--X0FGV { background: var(--vkui--color_background_content); border-radius: var(--tariff-card-border-radius); box-sizing: border-box; display: flex; flex-direction: column; padding: 70px 24px 40px; position: relative; z-index: 1; } .TariffCard__card--X0FGV:hover { box-shadow: 0 4px 32px var(--vkui--color_image_border_alpha--active); transition: box-shadow 0.15s ease-in-out; } .TariffCard__card--X0FGV.TariffCard__darkMode--3hn8_:hover { box-shadow: rgb(0, 0, 0) 0px 4px 32px; } .TariffCard__card--X0FGV.TariffCard__card_rebranding--lw1YE:hover { box-shadow: none; } .TariffCard__card_compact--yOIV3 { padding: 76px 12px 12px; } .TariffCard__card_compact--yOIV3.TariffCard__card_disable--23VRr { padding: 74px 12px 10px; } .TariffCard__card_compact--yOIV3.TariffCard__card_disable--23VRr:hover { box-shadow: none; } .TariffCard__card_compact--yOIV3 .TariffCard__featureList--PvC5T { padding: 20px 12px 0px; } .TariffCard__card_rebranding--lw1YE { background: var(--rebranding_color_background-content-alternative); padding-top: 60px; } .TariffCard__card_compact_padding--3v85s { padding-top: 64px; } .TariffCard__card_w360--1SiCD { width: 360px; } .TariffCard__card_w352--3U9U_ { width: 352px; } .TariffCard__card_w300--1-vq3 { width: 300px; } .TariffCard__card_fluid--241Me { width: 100%; } .TariffCard__card_disable--23VRr { background: var(--vkui--color_background_tertiary); border: 2px solid var(--vkui--color_separator_secondary); } .TariffCard__card_action--2kUh6.TariffCard__card_focused--13bP4::before { background: rgb(255, 92, 0); } .TariffCard__card_action--2kUh6.TariffCard__card_focused--13bP4 .TariffCard__cardButton_action--2nRmX.ui.button { background: rgb(255, 92, 0); } .TariffCard__card_action--2kUh6.TariffCard__card_focused--13bP4 .TariffCard__cardButton_action--2nRmX.ui.button:hover { background: rgb(235, 85, 0); } .TariffCard__card_bordered--1Og6d { --border: 2px; } .TariffCard__card_bordered--1Og6d::after, .TariffCard__card_bordered--1Og6d::before { border-radius: var(--tariff-card-border-radius); content: ""; position: absolute; z-index: -1; } .TariffCard__card_bordered--1Og6d::before { background: var(--vkui--color_background_secondary_alpha--hover); inset: 0px; } .TariffCard__card_bordered--1Og6d::after { background: var(--vkui--color_background_tertiary); border-radius: calc(var(--tariff-card-border-radius) - var(--border)/2); bottom: var(--border); left: var(--border); right: var(--border); top: var(--border); } .TariffCard__card_bordered--1Og6d:hover { box-shadow: none; } .TariffCard__card_bordered--1Og6d .TariffCard__cardButton--RDmFZ.ui.button { background-color: var(--vkui--color_background_secondary_alpha); } .TariffCard__card_focused--13bP4 { --focused-border: 4px; box-shadow: 0 4px 32px var(--vkui--color_image_border_alpha--active); } .TariffCard__card_focused--13bP4.TariffCard__contentSize_small--2Xisq { --focused-border: 3px; } .TariffCard__card_focused--13bP4.TariffCard__focused_without_shadow--2xl96:not(:hover) { box-shadow: none; } .TariffCard__card_focused--13bP4::after, .TariffCard__card_focused--13bP4::before { border-radius: var(--tariff-card-border-radius); content: ""; position: absolute; z-index: -1; } .TariffCard__card_focused--13bP4::before { inset: 0px; } .TariffCard__card_focused--13bP4.TariffCard__accentFocused--1vdzR::before, .TariffCard__card_focused--13bP4::before { background: var(--vkui--color_background_accent); } .TariffCard__card_focused--13bP4::after { background: var(--vkui--color_background_content); border-radius: calc(var(--tariff-card-border-radius) - var(--focused-border)/2); bottom: var(--focused-border); left: var(--focused-border); right: var(--focused-border); top: var(--focused-border); } .TariffCard__card_focused--13bP4.TariffCard__card_rebranding--lw1YE::after { background: var(--rebranding_color_background-content-alternative); } .TariffCard__card_focused--13bP4 .TariffCard__label--293bH { right: var(--focused-border); top: var(--focused-border); } .TariffCard__label--293bH { position: absolute; right: 0px; top: 0px; } .TariffCard__cardHeader--2GktI { align-items: center; display: flex; flex-direction: column; margin: initial; padding-left: 5px; position: relative; } .TariffCard__cardHeader_stretch--3IcW- { align-items: stretch; padding: 0px 20px; } .TariffCard__cardHeader_vigbo--3KKxo { align-items: flex-start; padding: 0px !important; } .TariffCard__cardHeader_maxChatbotForceTrial--1GPh5 { padding: 0px 3px !important; } .TariffCard__switch--K5xq_ { margin: 16px 0px; } .TariffCard__cardHeaderPrimaryText--1y-Pa { font-family: var(--vkui--font_family_accent); font-size: 17px; font-style: normal; font-weight: 500; line-height: 24px; margin: 16px 0px; } .TariffCard__cardHeaderPrimaryText_crossedOut--2rwGB { text-decoration: line-through; } .TariffCard__cardHeaderPrimaryText_light--vQNN5 { font-weight: 400; } .TariffCard__cardHeaderPrimaryText_large--17SiE { font-size: 20px; font-weight: 500; line-height: 28px; margin: 29px 0px; } .TariffCard__cardHeaderPrimaryText_extra--3gUZx { font-size: 24px; font-weight: 500; line-height: 28px; } .TariffCard__cardHeaderPrimaryText_nomargin--2J5C- { margin: 0px; } .TariffCard__cardHeaderPrimaryText_marginTop--36ZhF { margin-top: 7px; } .TariffCard__cardButton--RDmFZ.ui.button { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background_secondary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 16px; box-shadow: none; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: 17px; font-weight: 500; height: 56px; line-height: 23px; position: relative; z-index: 1; } .TariffCard__cardButton--RDmFZ.ui.button .TariffCard__buttonText_middle--Ngpu2 { font-size: 16px; } .TariffCard__cardButton--RDmFZ.ui.button .TariffCard__buttonText_large--1wd3s { font-size: var(--vkui--font_subtitle_medium--font_size); line-height: var(--vkui--font_subtitle_medium--line_height); } @media (max-width: 1120px) { .TariffCard__cardButton--RDmFZ.ui.button { padding: 8px 0px; } } .TariffCard__cardButton--RDmFZ.ui.button:hover { background-color: var(--vkui--color_background--hover); } .TariffCard__cardButton--RDmFZ.ui.button:active { background-color: var(--vkui--color_background--active); } .TariffCard__cardButton--RDmFZ.ui.button:disabled { opacity: 0.4; } .TariffCard__cardButton_primaryLight--3jvnB.ui.button { background-color: var(--color-tree-drop-hover); color: var(--vkui--color_text_accent); } .TariffCard__cardButton_primaryLight--3jvnB.ui.button:hover { background-color: var(--color-tree-drop-hover); } .TariffCard__cardButton_primaryLight--3jvnB.ui.button:active { background-color: var(--color-tree-drop-hover); } .TariffCard__cardButton_primary--12RBW.ui.button { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .TariffCard__cardButton_primary--12RBW.ui.button:hover { background-color: var(--vkui--color_background_accent--hover); } .TariffCard__cardButton_primary--12RBW.ui.button:active { background-color: var(--vkui--color_background_accent--active); } .TariffCard__cardButton_rebranding--2nvH3.ui.button { font-family: var(--font-tt-norms); font-size: 17px; line-height: 24px; } .TariffCard__cardButton_rebranding--2nvH3.ui.button:hover { background-color: var(--vkui--color_background_accent--hover); } .TariffCard__cardButton_rebranding--2nvH3.ui.button:active { background-color: var(--vkui--color_background_accent--active); } .TariffCard__cardButton_disabled--2MhYW.ui.button:disabled { opacity: 1 !important; } .TariffCard__cardButton_disabled--2MhYW.ui.button:disabled { color: var(--vkui--color_text_primary); } .TariffCard__cardButton_big--2u-u9.ui.button { height: 68px; } .TariffCard__buttonAdditionalText--3G6AC { font-family: var(--font-inter); font-size: 12px; font-weight: 400; line-height: 16px; } .TariffCard__featureList--PvC5T { padding-top: 24px; } .TariffCard__delimiter--2d9i8 { background: var(--vkui--color_separator_primary_alpha); height: 1px; margin-top: 24px; width: 100%; } .TariffCard__buttonWrapper--3x__k { position: relative; z-index: 11; } .TariffCard__buttonWrapper_withMargin--22TFi { margin-top: 24px; } .TariffCard__buttonWrapper_inFooter--1q4k0 { margin-top: auto; } .TariffCard__buttonWrapper_maxChatbotForceTrial--32-3S { background: var(--max-chatbot-force-trial-bg); border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; margin: 0px 3px 3px; padding-bottom: 8px !important; } .TariffCard__discountLabel--2tLjy { position: absolute; right: -4px; top: -4px; transform: rotate(8deg); z-index: 2; } .TariffCard__saving--2c2rN { -webkit-font-smoothing: antialiased; background: var(--vkui--color_icon_primary); border-radius: 0px 16px; color: var(--vkui--color_text_contrast); font-size: 11px; font-weight: 500; line-height: 14px; padding: 5px 12px 3px; position: absolute; right: 0px; top: 0px; z-index: 1; } .TariffCard__saving--2c2rN.TariffCard__boldSavingLabel--1CsxK { font-weight: 600; padding: 4px 12px; } .TariffCard__cardButton_primaryLight--3jvnB ~ .TariffCard__saving--2c2rN { background: var(--vkui--color_icon_accent); color: var(--vkui--color_text_contrast); } .TariffCard__cardButton_primary--12RBW ~ .TariffCard__saving--2c2rN { background: var(--vkui--color_icon_primary); color: var(--vkui--color_text_contrast); } .TariffCard__saving--2c2rN.TariffCard__limeSavingLabel--hIddB { background-color: var(--vkui--color_palette_lime) !important; color: var(--vkui--color_text_primary_invariably) !important; } .TariffCard__footerText--29VBO { align-items: center; display: flex; justify-content: center; width: 100%; } .vkui--cloud--dark .TariffCard__card--X0FGV { backdrop-filter: blur(67px); } .vkui--cloud--dark .TariffCard__card_focused--13bP4::after { background: var(--vkui--color_background_contrast_inverse); } .vkui--cloud--dark .TariffCard__card_focused--13bP4.TariffCard__card_rebranding--lw1YE::after { background: var(--rebranding_color_background-content-alternative); } .vkui--cloud--dark .TariffCard__card_disable--23VRr { background: var(--vkui--color_background_tertiary); } .vkui--cloud--dark .TariffCard__cardButton_primaryLight--3jvnB.ui.button { background-color: rgb(24, 24, 24); color: var(--vkui--color_text_contrast); } .vkui--cloud--dark .TariffCard__cardButton_primaryLight--3jvnB.ui.button ~ .TariffCard__saving--2c2rN { background-color: var(--vkui--color_background_accent); } .vkui--cloud--dark .TariffCard__cardButton_primary--12RBW.ui.button { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .vkui--cloud--dark .TariffCard__cardButton_primary--12RBW.ui.button ~ .TariffCard__saving--2c2rN { background-color: var(--cloud--color_background_viewer); color: var(--vkui--color_text_contrast); } .vkui--cloud--dark .TariffCard__cardButton_rebranding--2nvH3.ui.button:hover { background-color: var(--vkui--color_background_accent--hover); } .vkui--cloud--dark .TariffCard__cardButton_rebranding--2nvH3.ui.button:active { background-color: var(--vkui--color_background_accent--active); } .vkui--cloud--dark .TariffCard__featureList_white--44MCj svg { fill: var(--vkui--color_icon_contrast); } .vkui--cloud--dark .TariffCard__featureList_rebrandingQuotaLanding--3ry1v svg { fill: var(--vkui--color_text_tertiary); } .vkui--cloud--dark .TariffCard__cardButton--RDmFZ.TariffCard__cardButton_blackFriday2024--Dr440.ui.button ~ .TariffCard__saving--2c2rN { background-color: var(--color-background-black-friday-2024) !important; } .vkui--cloud--dark .TariffCard__cardButton_primary--12RBW.TariffCard__cardButton_blackFriday2024--Dr440.ui.button { background-color: var(--color-background-black-friday-2024) !important; } .vkui--cloud--dark .TariffCard__cardButton_primary--12RBW.TariffCard__cardButton_blackFriday2024--Dr440.ui.button ~ .TariffCard__saving--2c2rN { background-color: var(--vkui--color_palette_lime) !important; } .vkui--cloud--dark .TariffCard__cardButton--RDmFZ.TariffCard__cardButton_cyberMonday2025--1L2sK.ui.button ~ .TariffCard__saving--2c2rN { background-color: var(--vkui--color_palette_lime) !important; color: var(--vkui--color_text_primary_invariably) !important; } .TariffCard__cardButton_action--2nRmX.ui.button { background: rgb(44, 46, 45); height: 68px; } .TariffCard__cardButton_action--2nRmX.ui.button:hover { background: var(--cloud--color_background_viewer); } .TariffCard__cardButton_InInfoBlock--g8oeh.ui.button { height: 64px; } .TariffCard__contentSize_small--2Xisq { padding-left: 10px; padding-right: 10px; padding-top: 55px; } .TariffCard__contentSize_small--2Xisq .TariffCard__cardHeader--2GktI { padding-left: 0px; } .TariffCard__contentSize_small--2Xisq .TariffCard__featureList--PvC5T { padding: 14px 2px 0px; } .TariffCard__card_rebrandingQuotaLanding--31Eoj { background: var(--vkui--color_background_field); border-radius: 30px; padding: 32px 0px 0px; } .TariffCard__card_rebrandingQuotaLanding--31Eoj:hover { box-shadow: none !important; } .TariffCard__card_rebrandingQuotaLanding--31Eoj .TariffCard__cardHeader--2GktI { padding: 20px 24px 32px; } .TariffCard__card_rebrandingQuotaLanding--31Eoj .TariffCard__featureList--PvC5T { padding: 0px 24px 24px; } .TariffCard__card_rebrandingQuotaLanding--31Eoj .TariffCard__buttonWrapper--3x__k { margin-top: -20px; padding: 12px 12px 28px; } .TariffCard__card_rebrandingQuotaLanding--31Eoj .TariffCard__buttonWrapper_inFooter--1q4k0 { margin-top: 0px; padding: 12px; } .TariffCard__card_rebrandingQuotaLanding--31Eoj .TariffCard__cardButton--RDmFZ.ui.button { background: var(--vkui--color-other-cloud-color-landing-button-background); border-radius: 18px; color: var(--vkui--color_text_accent_themed); font-family: var(--font_family--vk_sans_display); font-size: 18px; } .TariffCard__card_rebrandingQuotaLanding--31Eoj .TariffCard__cardButton--RDmFZ.ui.button:hover { background: var(--vkui--color-other-cloud-color-landing-button-background--hover); } .TariffCard__card_rebrandingQuotaLanding--31Eoj .TariffCard__cardButton--RDmFZ.ui.button:active { background: var(--vkui--color-other-cloud-color-landing-button-background--active); } .TariffCard__card_rebrandingQuotaLanding--31Eoj .TariffCard__cardButton--RDmFZ.ui.button .TariffCard__buttonAdditionalText--3G6AC { color: var(--vkui--color_text_secondary); font-family: var(--font_family--vk_sans_display); font-size: 14px; line-height: 17px; } .TariffCard__card_rebrandingQuotaLanding--31Eoj .TariffCard__cardButton_dark--3Erv8.ui.button { background-color: rgb(25, 25, 25); color: var(--vkui--color_text_contrast); } .TariffCard__card_rebrandingQuotaLanding--31Eoj .TariffCard__cardButton_dark--3Erv8.ui.button:hover { background-color: rgb(35, 35, 36); } .TariffCard__card_rebrandingQuotaLanding--31Eoj .TariffCard__cardButton_dark--3Erv8.ui.button:active { background-color: rgb(29, 29, 29); } .TariffCard__card_rebrandingQuotaLanding--31Eoj .TariffCard__saving--2c2rN { background-color: var(--vkui--color_background_accent); font-family: var(--font_family--vk_sans_display); font-size: 14px; font-weight: 500; line-height: 18px; padding: 3px 12px; right: 12px; top: 12px; } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_vigbo--1iyaK { padding: 0px; } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_vigbo--1iyaK.TariffCard__card_focused--13bP4::before { background: var(--vkui--color_background_field) !important; } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_family--3dClH { padding: 0px; } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_family--3dClH.TariffCard__card_focused--13bP4::before { background: var(--vkui--color_background_field) !important; } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_focused--13bP4 { background: initial; box-shadow: none; } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_focused--13bP4::before { background: var(--vkui--color_stroke_accent); border-radius: 30px; } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_focused--13bP4::after { background: var(--vkui--color_background_field); border-radius: 27px; inset: 3px; } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_focused--13bP4 .TariffCard__cardButton--RDmFZ.ui.button { background: var(--vkui--color_background_accent); color: var(--vkui--color_text_accent_contrast_themed); } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_focused--13bP4 .TariffCard__cardButton--RDmFZ.ui.button:hover { background: var(--vkui--color_background_accent--hover); } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_focused--13bP4 .TariffCard__cardButton--RDmFZ.ui.button .TariffCard__buttonAdditionalText--3G6AC { color: var(--vkui--color_text_contrast); } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_focused--13bP4 .TariffCard__saving--2c2rN { background-color: var(--vkui--color_palette_lime) !important; color: var(--vkui--color_text_primary_invariably) !important; } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_focused--13bP4 .TariffCard__label--293bH { right: 0px; top: 0px; } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_maxChatbotForceTrial--3q57a { --max-chatbot-force-trial-bg: #20224f; background: linear-gradient(248deg, rgb(32, 34, 79) -4.83%, rgb(26, 71, 185) 38.75%, rgb(139, 28, 254) 82.32%); } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_maxChatbotForceTrial--3q57a, .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_maxChatbotForceTrial--3q57a.TariffCard__card_focused--13bP4::after { background: linear-gradient(248deg,var(--max-chatbot-force-trial-bg) -4.83%,#1a47b9 38.75%,#8b1cfe 82.32%); } .TariffCard__card_rebrandingQuotaLanding--31Eoj.TariffCard__card_maxChatbotForceTrial--3q57a .TariffCard__saving--2c2rN { border-radius: 0px; height: 24px; padding: 0px; width: 57px; background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/maxChatbotForceTrial/535579e5b02b74003f15.png") 50% center / 100% 100% no-repeat !important; } .TariffCard__card_compactFont--ta058 .TariffCard__featureList_rebrandingQuotaLanding--3ry1v { padding-bottom: 12px !important; } .TariffCard__card_compactFont--ta058 .TariffCard__cardHeader--2GktI { padding-bottom: 14px !important; padding-top: 0px; } .TariffCard__card_compactFont--ta058 .TariffCard__cardButton--RDmFZ.ui.button { font-size: 14px; height: 54px; line-height: 18px; } .TariffCard__card_compactFont--ta058 .TariffCard__cardButton--RDmFZ.ui.button .TariffCard__buttonAdditionalText--3G6AC { font-size: 11px; line-height: 13px; } .TariffCard__card_compactFont--ta058 .TariffCard__saving--2c2rN { font-size: 12px; line-height: 16px; } .TariffCard__featureList_rebrandingQuotaLanding--3ry1v { align-items: center; display: flex; justify-content: center; padding: 0px 24px 24px; } .TariffCard__onlyYearTariffWrapper--1wI-g { color: var(--vkui--color_text_muted); display: flex; justify-content: center; padding: 24px 0px; } .TariffCard__onlyYearTariffWrapperRebranding--FMSrV { padding: 36px 0px; } .TariffCard__card_imageHeader--15S-z { --defered-focused-border: var(--focused-border,0px); --mascot-border-radius: calc(var(--tariff-card-border-radius) - var(--defered-focused-border)/2); --mascot-bg-color: var(--vkui--color_background_sky); --mascot-card-bg-color: var(--vkui--color_background_content); --mascot-height: 172px; --mascot-rack-height: 32px; padding-top: 0px; } .TariffCard__card_imageHeader--15S-z.TariffCard__card_compact--yOIV3 { --mascot-height: 178px; --mascot-rack-height: 44px; } .TariffCard__card_imageHeader--15S-z.TariffCard__card_rebranding--lw1YE { --mascot-height: 165px; --mascot-rack-height: 32px; --mascot-card-bg-color: var(--rebranding_color_background-content-alternative); --mascot-bg-color: var(--rebranding--color_background_sky); } .TariffCard__card_imageHeader--15S-z.TariffCard__card_rebranding--lw1YE.TariffCard__darkMode--3hn8_ { --mascot-bg-color: var(--rebranding--dark_theme_color_background_sky_alternative); } .TariffCard__card_imageHeader--15S-z.TariffCard__card_rebrandingQuotaLanding--31Eoj { --mascot-bg-color: #1e1e1e; --mascot-card-bg-color: var(--vkui--color_background_field); --mascot-rack-height: 18px; --mascot-height: 148px; } .TariffCard__card_imageHeader--15S-z.TariffCard__contentSize_small--2Xisq { --mascot-height: 155px; --mascot-rack-height: 24px; } .TariffCard__family_img--2kaPk { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/family/82e27a7031782d645878.png") -3px -5px / 105% 120% no-repeat rgb(211, 211, 211); border: 1.5px solid rgb(255, 255, 255); border-radius: 18px; height: 83px; left: calc(50% - 175px); position: absolute; top: 40px; transform: rotate(-18deg); width: 83px; } .TariffCard__family_img_back--2vduP { background: rgb(76, 88, 102); height: 81px; left: calc(50% - 180px); top: 53px; transform: rotate(-33deg); width: 80px; } .TariffCard__child_img--1pit2, .TariffCard__family_img_back--2vduP { border-radius: 18px; position: absolute; } .TariffCard__child_img--1pit2 { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/family/4b043bd24d0f480e8a31.png") -10px -7px / 119% 116% no-repeat rgb(211, 211, 211); border: 1.5px solid rgb(255, 255, 255); height: 87px; left: calc(50% + 89px); top: 75px; transform: rotate(11.705deg); width: 87px; } .TariffCard__card_compactScroll--1piUl .TariffCard__cardHeader--2GktI { padding-bottom: 28px; } .TariffCard__card_compactScroll--1piUl .TariffCard__featureList--PvC5T { padding-bottom: 20px; } .TariffCard__card_showEditingDocumentFeatureB--3BKOO .TariffCard__featureList--PvC5T { padding-bottom: 16px; } .TariffCard__card_showEditingDocumentFeatureC--1eBgT .TariffCard__cardHeader--2GktI { padding-bottom: 14px; } .TariffCard__card_showEditingDocumentFeatureC--1eBgT .TariffCard__featureList--PvC5T { padding-bottom: 40px; padding-top: 20px; } .TariffCard__card_cyberMonday2025--3IhCk.TariffCard__card_focused--13bP4::before { background: linear-gradient(135deg, rgb(7, 229, 249), rgb(28, 117, 255)) border-box border-box !important; } [class*="border_type_"] { --border: 3px; --tariff-card-border-radius: 30px; } [class*="border_type_"]::after, [class*="border_type_"]::before { border-radius: var(--tariff-card-border-radius); content: ""; position: absolute; z-index: -1; } [class*="border_type_"]::before { inset: 0px; } [class*="border_type_"]::after { background: var(--vkui--color_background_field); border-radius: calc(var(--tariff-card-border-radius) - var(--border)/2); bottom: var(--border); left: var(--border); right: var(--border); top: var(--border); } [class*="border_type_"]:hover { box-shadow: none; } .TariffCard__border_type_tariffPersonalPink--3xfRy::before { background: rgb(247, 86, 150); } .TariffCard__border_type_tariffPersonalGreen--3vzm_::before { background: rgb(0, 138, 120); } .TariffCard__border_type_tariffPersonalBlue--YYsIw::before { background: rgb(126, 117, 252); } .TariffCard__card_personal--3yOi8 { background-color: var(--vkui--color_background_secondary); } .TariffCard__card_personal--3yOi8 .TariffCard__cardHeader--2GktI { padding-bottom: 0px; padding-top: 8px; } .TariffCard__onlyYearTariffPersonal--1SXs0.TariffCard__onlyYearTariffWrapperRebranding--FMSrV { color: var(--vkui--color_text_secondary); } .TariffCard__onlyYearTariffPersonal--1SXs0.TariffCard__onlyYearTariffWrapperRebranding--FMSrV .TariffCard__onlyYearText--3JUhY { font-size: 18px; } .TariffCard__onlyYearText--3JUhY { color: var(--vkui--color_text_tertiary); } .TariffCard__familyByOptions--3r4I4 { align-items: center; background-color: rgba(255, 255, 255, 0.08); border-radius: 16px; column-gap: 8px; display: grid; grid-template-columns: 46px 1fr 46px; grid-template-rows: 1fr 1fr; height: 46px; margin: 22px 13px 0px; padding: 6px 12px 6px 6px; } .TariffCard__familyByOptions--3r4I4 .vkuiSwitch { grid-area: 1 / 3 / 3 / 4; } .TariffCard__familyByOptionsText--1hGwU { align-items: center; display: flex; font-size: 16px; gap: 4px; grid-area: 1 / 2 / 2 / 3; line-height: 22px; } .TariffCard__familyByOptionsAdditionalText--35M5F { grid-area: 2 / 2 / 3 / 3; } .TariffCard__familyByOptionsAdditionalTextChecked--2Jk95 { color: var(--vkui--color_accent_lime); } .TariffCard__featureList_familyByOptions--2ACAB { display: block; padding: 0px 33px 12px !important; } .TariffCard__familyByOptionsMedia--2ae6N { border-radius: 12px; grid-area: 1 / 1 / 3 / 2; height: 46px; width: 46px; } .TariffCard__familyByOptionsIcon--2pgcO { display: none; } .TariffCard__familyByOptionsIconShow--26xoD { display: initial; } .TariffCard__familyByOptions--3r4I4:hover .TariffCard__familyByOptionsIcon--2pgcO { cursor: pointer; display: initial; } .TariffCard__card_aiTariff--36ear.TariffCard__card_focused--13bP4::before { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-color: ; background-clip: padding-box, border-box; background-origin: padding-box, border-box; border: 3px solid transparent; } .TariffCard__card_aiTariff--36ear.TariffCard__card_focused--13bP4::after { background: linear-gradient(0deg,var(--vkui--color_background_accent_tint_alpha),var(--vkui--color_background_accent_tint_alpha)),linear-gradient(55.39deg,rgba(0,119,255,.5) 29.17%,rgba(7,229,249,.5) 114.67%),var(--vkui--color_background_field); } .TariffCard__card_aiTariff--36ear.TariffCard__card_focused--13bP4 .TariffCard__cardButton--RDmFZ.ui.button { background: var(--vkui--color-other-cloud-color-landing-button-background); color: var(--vkui--color_text_accent_themed); } .TariffCard__card_aiTariff--36ear.TariffCard__card_focused--13bP4 .TariffCard__cardButton--RDmFZ.ui.button:hover { background: var(--vkui--color-other-cloud-color-landing-button-background--hover); } .TariffCard__card_aiTariff--36ear.TariffCard__card_focused--13bP4 .TariffCard__cardButton--RDmFZ.ui.button:active { background: var(--vkui--color-other-cloud-color-landing-button-background--active); } .TariffCard__card_aiTariff--36ear.TariffCard__card_focused--13bP4 .TariffCard__cardButton--RDmFZ.ui.button .TariffCard__buttonAdditionalText--3G6AC { color: var(--vkui--color_text_secondary); } .TariffCard__card_aiTariff--36ear.TariffCard__card_focused--13bP4 .TariffCard__cardButton--RDmFZ.ui.button ~ .TariffCard__saving--2c2rN { background-color: var(--vkui--color_background_accent) !important; color: var(--vkui--color_text_contrast) !important; } @keyframes TariffCard__star1Animation--1r5sf { 0% { transform: translate(0px) rotate(0deg); } 50% { transform: translate(4px, 17px) rotate(5deg); } 100% { transform: translate(0px) rotate(0deg); } } @keyframes TariffCard__star2Animation--1Znyi { 0% { transform: rotate(0deg) translate(0px); } 40% { transform: rotate(-8deg) translate(8px, -6px); } 70% { transform: rotate(0deg) translate(0px); } 100% { transform: rotate(0deg) translate(0px); } } .TariffCard__card_aiTariff--36ear.TariffCard__card_focused--13bP4 .TariffCard__aiTariffImg--2-gUl { position: absolute; } .TariffCard__card_aiTariff--36ear.TariffCard__card_focused--13bP4 .TariffCard__aiTariffImg--2-gUl .TariffCard__star1--2TPz9 { animation: 3.8s ease-in-out 0s infinite normal none running TariffCard__star1Animation--1r5sf; height: 190px; left: -60px; position: absolute; top: -33px; width: 163px; } .TariffCard__card_aiTariff--36ear.TariffCard__card_focused--13bP4 .TariffCard__aiTariffImg--2-gUl .TariffCard__star2--3r0UR { animation: 4s ease-in-out 0s infinite normal none running TariffCard__star2Animation--1Znyi; height: 92px; left: 301px; position: absolute; top: 178px; width: 78px; } .TariffCard__savingBF--T-W2B { position: absolute; right: -4px; top: -10px; width: 72px; z-index: 1; } .TariffCard__hideImg--GkrNo { display: none; } .TariffCard__card--X0FGV:hover [data-info-by-hover="true"] { visibility: visible; } .TariffCard__card--X0FGV:hover [data-info-by-card-hover="true"] { color: var(--vkui--color_text_contrast); } .TariffCard__featuresList_vigbo--1Nt4v { background: var(--vkui--color_background_field); justify-content: flex-start; z-index: 1; padding: 23px 52px 21px 32px !important; } .TariffCard__featuresList_maxChatbotForceTrial--1udlG { background: var(--max-chatbot-force-trial-bg); justify-content: flex-start; margin: 0px 3px; z-index: 1; padding: 23px 52px 20px 32px !important; } .TariffCard__vigbo_header--2hY10 { background: rgb(203, 213, 225); border-top-left-radius: 30px; border-top-right-radius: 30px; height: 240px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; } .TariffCard__vigbo_logo--2sYwO { height: 32px; margin: 15px 0px 0px 14px; width: 85px; z-index: 1; } .TariffCard__vigbo_logo--2sYwO > img { height: 100%; width: 100%; } .TariffCard__vigbo_peopleImg--19yM0 { position: absolute; right: 0px; top: 0px; z-index: 1; } .TariffCard__vigbo_peopleImg--19yM0.TariffCard__vigbo_peopleImg_256--1XGxw { height: 147px; top: 18px; width: 141px; } .TariffCard__vigbo_peopleImg--19yM0.TariffCard__vigbo_peopleImg_1--3dq6y { height: 165px; top: 16px; width: 192px; } .TariffCard__vigbo_peopleImg--19yM0.TariffCard__vigbo_peopleImg_2--1Z2f8 { height: 159px; top: 17px; width: 206px; } .TariffCard__vigbo_peopleImg--19yM0.TariffCard__vigbo_peopleImg_4--utvNz { height: 138px; top: 20px; width: 192px; } .TariffCard__card_family--3dClH .TariffCard__featuresList_family--tie3y { background: var(--vkui--color_background_field); justify-content: flex-start; padding: 23px 52px 21px 32px; z-index: 1; } .TariffCard__card_family--3dClH .TariffCard__featuresList_familySpaceToEach--d4pwv { border-radius: 30px 30px 0px 0px; padding: 26px 45px 14px 28px; } .TariffCard__cardHeader_family--20S73 { align-items: flex-start; padding: 0px !important; } .TariffCard__familySpaceToEach_header--CCsc7, .TariffCard__family_header--3jV31 { background: rgb(165, 209, 255); border-top-left-radius: 30px; border-top-right-radius: 30px; height: 240px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; } .TariffCard__familySpaceToEach_root--37Yi1 { align-items: center; background-color: var(--vkui--color_background_contrast); border-radius: 18px; display: grid; grid-template-columns: 1fr 80px; grid-template-rows: repeat(2, 1fr); margin: 0px 0px 10px 11px; padding: 11px 17px; row-gap: 2px; width: calc(100% - 56px); z-index: 11; } .TariffCard__familySpaceToEach_root--37Yi1:hover { cursor: pointer; } .TariffCard__familySpaceToEach_root--37Yi1 .TariffCard__familySpaceToEach_headline--2giy_ { color: var(--vkui--color_text_primary_invariably); font-size: var(--vkui--font_headline1--font_size--regular); } .TariffCard__familySpaceToEach_root--37Yi1 .TariffCard__familySpaceToEach_paragraph--2QB05 { color: var(--vkui--color_text_secondary); font-family: var(--font-tt-norms); } .TariffCard__familySpaceToEach_root--37Yi1 .TariffCard__familySpaceToEach_image--1ctu8 { grid-area: 1 / 2 / 3 / 3; height: 34px; width: 80px; } .TariffCard__spaceToEachTooltip_background--15KWJ { background-color: rgba(0, 0, 0, 0.54); border-radius: 30px; inset: 0px 0px auto auto; height: 100%; position: absolute; width: 100%; z-index: 10; } .TariffCard__spaceToEach_focus--AB7HI { z-index: 11; } .TariffCard__familySpaceToEach_tag--2xlWj { background-color: rgba(0, 119, 255, 0.34); border-radius: 79px; inset: 12px auto auto 12px; padding: 7px 14px; position: absolute; z-index: 1; } .TariffCard__familySpaceToEach_tag_focus--3Lmjs { background-color: var(--vkui--color_background_accent); } .TariffCard__family_CardImage--BAa6R { inset: 0px 0px auto auto; position: absolute; z-index: 1; } .TariffCard__family_CardImage--BAa6R.TariffCard__family_CardImage_2Tb--Jhw7o { height: 162px; width: 182px; } .TariffCard__family_CardImage--BAa6R.TariffCard__family_CardImage_1Tb--2oOeb { height: 156px; width: 182px; } .TariffCard__family_CardImage--BAa6R.TariffCard__family_CardImage_512Gb--3X8zi { height: 159px; width: 178px; } .TariffCard__family_CardImage--BAa6R.TariffCard__family_CardImage_256Gb--2YYqU { height: 148px; width: 164px; } .TariffCard__family_tag--2xvNT { background-color: rgba(0, 119, 255, 0.22); border-radius: 69px; color: var(--vkui--color_text_contrast); font-size: 14px; font-weight: 500; line-height: 18px; margin: 16px 0px 0px 16px; padding: 7px 12px; z-index: 1; } .TariffCard__familySpaceToEach_CardImage--2Hj9a { border-top-right-radius: 30px; inset: 0px 0px auto auto; height: 105px; position: absolute; width: 142px; z-index: 1; } .TariffCard__customHeader--6HpPy { overflow: hidden; padding: 0px; } .TariffCard__card_action--2kUh6.TariffCard__card_focused--13bP4.TariffCard__custom_focused_border--2yVgo::before { content: none; } .TariffCard__card_action--2kUh6.TariffCard__card_focused--13bP4.TariffCard__custom_focused_border--2yVgo::after { background: transparent; border: 3px solid var(--vkui--color_stroke_accent); border-radius: 30px; inset: 0px; pointer-events: none; z-index: 0; } .TariffCard__card_action--2kUh6.TariffCard__card_focused--13bP4.TariffCard__card_aiTariffNew--3V5Ys.TariffCard__custom_focused_border--2yVgo::after { background: conic-gradient(from 35.87deg at 57.24% 53.19%, rgb(86, 198, 221) -37.16deg, rgb(136, 202, 255) 20.29deg, rgb(153, 90, 243) 100.38deg, rgb(0, 101, 148) 210deg, rgb(169, 147, 255) 280.38deg, rgb(86, 198, 221) 322.84deg, rgb(136, 202, 255) 380.29deg); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: inherit; inset: 0px; content: ""; mask: conic-gradient(rgb(0, 0, 0) 0deg, rgb(0, 0, 0) 0deg) content-box exclude, conic-gradient(rgb(0, 0, 0) 0deg, rgb(0, 0, 0) 0deg); padding: 3px; position: absolute; } .TariffCard__card_blackFriday2025--3sYB5.TariffCard__card_focused--13bP4::after { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/blackFriday2025/8ec62a46b6b1d352f547.png"); background-size: 100% 100%; height: auto; overflow: hidden; width: 346px; } .TariffPlansCard__tariffCard--3gqRU { width: auto; } .TariffPlansCard__tariffCard_invisible--Gifa3 { pointer-events: none; } .TariffPlansCard__crossedOldPrice--1c16V, .TariffPlansCard__crossedOutPrice--gVeJh { text-decoration: line-through; } .TariffPlansCard__crossedOldPrice--1c16V { color: var(--vkui--color_text_secondary); margin-right: 6px; } .TariffPlansCard__crossedOldPriceFocuced--dJwxx { color: rgb(255, 192, 157); } .TariffPlansCard__infoBlock--3SBm7 { -webkit-font-smoothing: antialiased; align-items: center; background-color: var(--vkui--color_background_secondary_alpha); border-radius: 12px; box-sizing: border-box; display: flex; gap: 8px; justify-content: center; padding: 6px 20px; } .TariffPlansCard__skeleton--xpQ1d { height: 18px; width: 190px; } .TariffPlansCard__benefitsLink--nTwjL.ui.button { font-family: var(--vkui--font_display_title2--font_family--regular); } .TariffPlansCard__infoBlock_rebranding--2fE4t { background-color: var(--cloud--color_background_header_icon); color: var(--vkui--color_text_primary); padding: 6px 8px; } .TariffPlansCard__infoBlock_vigbo--1AIhw { z-index: 1; } .TariffPlansCard__caption_rebranding--3BHBw { font-family: var(--font_family--vk_sans_display); font-size: 16px; line-height: 22px; } .TariffPlansCard__tariffCard_rebranding--4W0zG .TariffPlansCard__crossedOldPrice--1c16V { color: var(--vkui--color_text_tertiary); } .TariffPlansCard__tariffCard_rebranding--4W0zG .TariffPlansCard__crossedOldPriceFocuced--dJwxx { color: var(--vkui--color_text_contrast); opacity: 0.5; } .TariffPlansCard__caption_rebrandingMobile--s3yAP { font-size: 13px; line-height: 18px; } .TariffPlansCard__personalImage--aICDU { background-color: var(--vkui--color_background_field); border-top-left-radius: 30px; border-top-right-radius: 30px; display: block; height: auto; margin-bottom: -55px; width: 100%; } .TariffPlansCard__infoBlockWrapper_family--3H5x4, .TariffPlansCard__infoBlockWrapper_vigbo--kOSCJ { background-color: var(--vkui--color_background_field); border-top-left-radius: 30px; border-top-right-radius: 30px; padding: 20px 28px 0px; width: calc(100% - 56px); z-index: 1; } .TariffPlansCard__infoBlockWrapper_maxChatbotForceTrial--2OUfh { background-color: var(--max-chatbot-force-trial-bg); border-top-left-radius: 30px; border-top-right-radius: 30px; padding: 20px 34px 6px; z-index: 1; } .TariffCard__root--3nrIP { align-items: center; background: var(--vkui--color_background); border-radius: 20px; box-shadow: 0 4px 32px var(--vkui--color_background_secondary_alpha--active); display: flex; flex-direction: column; font-family: var(--font-tt-norms); padding: 8px; position: relative; } .TariffCard__root_ab_new_cards--mzWJu { box-shadow: none; position: relative; } .TariffCard__root_ab_new_cards--mzWJu, .TariffCard__root_ab_new_cards--mzWJu.TariffCard__root_space_1--2L0Dj, .TariffCard__root_ab_new_cards--mzWJu.TariffCard__root_space_32--2OKst { background: linear-gradient(323.54deg, rgb(216, 235, 255) -11.56%, rgb(239, 245, 255) 98.4%); } .TariffCard__root_ab_new_cards--mzWJu.TariffCard__root_space_2--3o7zH, .TariffCard__root_ab_new_cards--mzWJu.TariffCard__root_space_64--3KZQt { background: linear-gradient(340.42deg, rgb(227, 221, 245) -40.17%, rgb(243, 239, 255) 96.74%); } .TariffCard__root_ab_new_cards--mzWJu.TariffCard__root_space_128--2KYm-, .TariffCard__root_ab_new_cards--mzWJu.TariffCard__root_space_4--1_p-h { background: linear-gradient(336.27deg, rgb(255, 236, 242) 21.66%, rgb(255, 246, 249) 122.34%); } .TariffCard__root_ab_new_cards--mzWJu.TariffCard__root_space_256--34toU { background: linear-gradient(336.27deg, rgb(255, 238, 225) 21.66%, rgb(255, 246, 239) 122.34%); } .TariffCard__root_ab_new_cards--mzWJu.TariffCard__root_space_512--2zt-f { background: linear-gradient(336.27deg, rgb(255, 239, 236) 21.66%, rgb(255, 245, 243) 122.34%); } .TariffCard__bgicon_ab_new_cards--3-Giz { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/tariffs-ab/7759087893edd88b2e79.png"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; height: 52px; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 108px; } .TariffCard__button_ab_new_cards--2j_wB.ui.button { background: var(--vkui--color_background); } .TariffCard__title--tahvH.TariffCard__title_ab_new_cards--1L0S0 { align-items: center; display: flex; font-family: var(--font-tt-norms); font-size: 52px; font-style: normal; font-weight: 500; line-height: 64px; margin: 60px 0px 32px; } .TariffCard__title--tahvH.TariffCard__title_ab_new_cards--1L0S0 svg { margin-left: 16px; } .TariffCard__title--tahvH.TariffCard__title_ab_new_cards--1L0S0.TariffCard__title_ab_new_cards_opened--3c7zY svg { transform: rotate(180deg); } .TariffCard__features_ab_new_cards--2YyMG { margin-bottom: 35px; width: 100%; } .TariffCard__features_ab_new_cards--2YyMG .TariffCard__features_li--2okrd { display: flex; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; margin: 0px 12px 12px; } .TariffCard__features_ab_new_cards--2YyMG .TariffCard__features_li--2okrd svg { color: rgb(11, 102, 249); margin-right: 12px; } .TariffCard__features_ab_new_cards--2YyMG .TariffCard__features_li_space_1--1dUDC svg, .TariffCard__features_ab_new_cards--2YyMG .TariffCard__features_li_space_32--2hTk8 svg { color: rgb(11, 102, 249); } .TariffCard__features_ab_new_cards--2YyMG .TariffCard__features_li_space_2--2B5FJ svg, .TariffCard__features_ab_new_cards--2YyMG .TariffCard__features_li_space_64--39d0D svg { color: rgb(142, 113, 205); } .TariffCard__features_ab_new_cards--2YyMG .TariffCard__features_li_space_128--1RKWw svg, .TariffCard__features_ab_new_cards--2YyMG .TariffCard__features_li_space_4--2nBt9 svg { color: rgb(251, 128, 173); } .TariffCard__features_ab_new_cards--2YyMG .TariffCard__features_li_space_256--2oo_O svg { color: rgb(255, 150, 130); } .TariffCard__features_ab_new_cards--2YyMG .TariffCard__features_li_space_512--3irGP svg { color: rgb(255, 122, 131); } .TariffCard__title--tahvH { display: flex; font-weight: 500; margin: 40px 0px 20px; } .TariffCard__root_one_product--3oD7q .TariffCard__title--tahvH.TariffCard__title_withGift--3Qw9o { margin: 65px 0px 0px; } .TariffCard__root_one_product--3oD7q .TariffCard__title--tahvH.TariffCard__title_withGift--3Qw9o .TariffCard__space--1gfbE { font-size: 48px; line-height: 48px; } .TariffCard__root_one_product--3oD7q .TariffCard__title--tahvH.TariffCard__title_withGift--3Qw9o .TariffCard__unit--V9frN { font-size: 18px; line-height: 23px; margin-top: 0px; } .TariffCard__space--1gfbE { font-size: 66px; line-height: 84px; margin-right: 4px; } .TariffCard__unit--V9frN { font-size: 28px; font-weight: 700; line-height: 36px; margin-top: 10px; } .TariffCard__units--UMRBY { margin-left: 8px; } .TariffCard__plus--21ywZ { font-size: 24px; font-weight: 700; line-height: 48px; margin: 0px 12px; } .TariffCard__gift--2mzEJ { display: flex; } .TariffCard__yearPrice--1onlm { text-decoration: line-through; } .TariffCard__buttons--2AfIo { border-radius: 16px; display: flex; margin-top: auto; width: 100%; } .TariffCard__buttons_columns--2rit9 { flex-direction: column; gap: 8px; } .TariffCard__buttons_columns--2rit9 .TariffCard__button--nq5G1.ui.button { height: 56px; } .TariffCard__button_column--2Z1BI { flex-direction: column; } .TariffCard__buttonWrapper--2QwHW { position: relative; width: 100%; } .TariffCard__buttonWrapper--2QwHW:not(:only-child).TariffCard__buttonWrapper--2QwHW:first-child { margin-right: 8px; } .TariffCard__button--nq5G1.ui.button { border-radius: 12px; font-size: 15px; font-weight: 500; height: 46px; padding-top: 4px; width: 100%; } .TariffCard__saving--3H6xc { background: var(--vkui--color_background_contrast_inverse); border-radius: 0px 12px; color: var(--vkui--color_text_contrast); font-size: 10px; font-weight: 500; line-height: 12px; padding: 2px 6px; position: absolute; right: 0px; top: 0px; } .TariffCard__saving_action---djCS { background: rgb(255, 92, 0); } .TariffCard__discount--z0O2a { font-size: 18px; line-height: 24px; margin: 6px 0px 20px; text-decoration: line-through; } .TariffCard__discountLabel--2Re7x { position: absolute; right: -4px; top: -4px; transform: rotate(8deg); z-index: 2; } .TariffCard__economy--2K5Vb { border-radius: 0px 20px; padding: 10px 25px 10px 22px; } .TariffCard__savingLable--1k8Yu { background: var(--color-datalist-selected-hover); border-radius: 0px 20px; color: var(--vkui--color_icon_medium); padding: 10px 22px; } .TariffCard__savingLable--1k8Yu:not(:only-child) { margin-right: -14px; } .TariffCard__lables--2sdID { display: flex; font-family: var(--vkui--font_family_accent); font-weight: 500; position: absolute; right: 0px; top: 0px; } .TariffCard__litresLabel--3S4ed { background: var(--vkui--color_stroke_primary); border-radius: 0px 24px; color: var(--vkui--color_text_contrast); cursor: pointer; font-family: var(--font_family--vk_sans_display); font-size: var(--vkui--font_subhead--font_size--compact); font-weight: var(--vkui--font_subhead--font_weight--regular); line-height: var(--vkui--font_subhead--line_height--compact); padding: 5px 18px; } .TariffCard__litresLabel--3S4ed.TariffCard__isRecommended--1txOk { background: var(--vkui--color_palette_lime); color: var(--vkui--color_text_primary_invariably); } .TariffCard__customLabel--24O0R { background: rgb(36, 107, 222); color: var(--vkui--color_text_contrast); } .TariffCard__customLabel--24O0R, .TariffCard__referralLabel--38MKh { align-items: center; border-radius: 0px 24px; display: flex; flex-direction: column; font-family: var(--font_family--vk_sans_display); font-size: var(--vkui--font_subhead--font_size--compact); font-weight: var(--vkui--font_subhead--font_weight--regular); justify-content: center; line-height: var(--vkui--font_subhead--line_height--compact); padding: 8px 24px; } .TariffCard__referralLabel--38MKh { background: rgb(25, 55, 90); color: rgb(231, 232, 234); } .TariffCard__priceInfo--lVeGL { color: var(--vkui--color_text_contrast); } .TariffCard__crossedOldPrice--3H9pp { color: var(--vkui--color_text_secondary); margin-right: 4px; text-decoration: line-through; } .TariffCard__infoText--bfB9S { font-size: 16px; font-weight: 400; line-height: 23px; margin: 14px 0px; } .TariffCard__root_space_64--3KZQt .TariffCard__gift--2mzEJ { color: rgb(47, 162, 162); } .TariffCard__root_space_64--3KZQt .TariffCard__economy--2K5Vb { background: rgb(183, 244, 244); color: rgb(47, 162, 162); } .TariffCard__root_space_128--2KYm- .TariffCard__gift--2mzEJ { color: rgb(68, 152, 17); } .TariffCard__root_space_128--2KYm- .TariffCard__economy--2K5Vb { background: rgb(219, 246, 178); color: rgb(68, 152, 17); } .TariffCard__root_space_256--34toU .TariffCard__gift--2mzEJ { color: rgb(85, 88, 170); } .TariffCard__root_space_256--34toU .TariffCard__economy--2K5Vb { background: rgb(217, 218, 249); color: rgb(85, 88, 170); } .TariffCard__root_space_512--2zt-f .TariffCard__gift--2mzEJ { color: rgb(193, 122, 15); } .TariffCard__root_space_512--2zt-f .TariffCard__economy--2K5Vb { background: rgb(255, 233, 167); color: rgb(193, 122, 15); } .TariffCard__root_space_1--2L0Dj .TariffCard__gift--2mzEJ, .TariffCard__root_space_32--2OKst .TariffCard__gift--2mzEJ { color: rgb(180, 79, 115); } .TariffCard__root_space_1--2L0Dj .TariffCard__economy--2K5Vb, .TariffCard__root_space_32--2OKst .TariffCard__economy--2K5Vb { background: rgb(251, 191, 213); color: rgb(180, 79, 115); } .TariffCard__root_space_2--3o7zH .TariffCard__gift--2mzEJ { color: rgb(36, 107, 222); } .TariffCard__root_space_2--3o7zH .TariffCard__economy--2K5Vb { background: rgb(217, 230, 251); color: rgb(36, 107, 222); } .TariffCard__root_space_4--1_p-h .TariffCard__gift--2mzEJ { color: rgb(85, 88, 170); } .TariffCard__root_space_4--1_p-h .TariffCard__economy--2K5Vb { background: rgb(217, 218, 249); color: rgb(85, 88, 170); } .TariffCard__root_old_price_year--3KrCb .TariffCard__button--nq5G1.ui.button { flex-direction: column; font-size: 14px; height: 56px; line-height: 18px; } .TariffCard__root_old_price_year--3KrCb .TariffCard__oldPrice--2N9-l { font-size: 12px; font-weight: 400; line-height: 14px; position: relative; } .TariffCard__root_old_price_year--3KrCb .TariffCard__oldPrice--2N9-l::after { background-color: currentcolor; border-radius: 1px; content: ""; height: 1px; left: -2px; position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% + 4px); } .TariffCard__root_old_price_year--3KrCb .TariffCard__oldPriceMonth--3nYPb { font-size: 12px; font-weight: 400; line-height: 14px; position: relative; } .TariffCard__root_old_price_year--3KrCb .TariffCard__economy--2K5Vb { font-size: 15px; } .TariffCard__root_old_price_year--3KrCb.TariffCard__root_one_product--3oD7q .TariffCard__title--tahvH { margin-bottom: 20px; } .TariffCard__root_space_32--2OKst.TariffCard__root_old_price_year--3KrCb .TariffCard__economy--2K5Vb { background: rgb(233, 207, 249); color: rgb(144, 67, 188); } .TariffCard__root_space_64--3KZQt.TariffCard__root_old_price_year--3KrCb .TariffCard__economy--2K5Vb { background: rgb(255, 233, 167); color: rgb(193, 122, 15); } .TariffCard__root_space_256--34toU.TariffCard__root_old_price_year--3KrCb .TariffCard__economy--2K5Vb, .TariffCard__root_space_512--2zt-f.TariffCard__root_old_price_year--3KrCb .TariffCard__economy--2K5Vb { background: rgb(217, 230, 251); color: rgb(36, 107, 222); } .TariffCard__root_space_1--2L0Dj.TariffCard__root_old_price_year--3KrCb .TariffCard__economy--2K5Vb { background: rgb(251, 191, 213); color: rgb(180, 79, 115); } .TariffCard__root_space_2--3o7zH.TariffCard__root_old_price_year--3KrCb .TariffCard__economy--2K5Vb { background: rgb(217, 218, 249); color: rgb(85, 88, 170); } .TariffCard__root_space_4--1_p-h.TariffCard__root_old_price_year--3KrCb .TariffCard__economy--2K5Vb { background: rgb(219, 246, 178); color: rgb(68, 152, 17); } .TariffCard__root_theme_white--2xveb.TariffCard__root_ab_new_cards--mzWJu { background: var(--vkui--color_background_content); } .TariffCard__root_theme_white--2xveb.TariffCard__root_ab_new_cards--mzWJu.TariffCard__root_action--3p029 { background-color: var(--vkui--color_search_field_background); } .TariffCard__root_theme_white--2xveb.TariffCard__root_ab_new_cards--mzWJu.TariffCard__root_action--3p029 .TariffCard__title--tahvH.TariffCard__title_ab_new_cards--1L0S0 { margin: 52px 0px 28px; } .TariffCard__root_theme_white--2xveb .TariffCard__bgicon_ab_new_cards--3-Giz { background: transparent; } .TariffCard__root_theme_white--2xveb .TariffCard__title_ab_new_cards_opened--3c7zY { margin-bottom: 12px; } .TariffCard__root_theme_white--2xveb .TariffCard__button_ab_new_cards--2j_wB.ui.button { background: var(--vkui--color_skeleton_from); border-radius: 12px; height: 56px; } .TariffCard__root_theme_white--2xveb .TariffCard__button_ab_new_cards--2j_wB.ui.button.primary { background: var(--vkui--color_background_accent); } .TariffCard__root_theme_white--2xveb .TariffCard__features_li--2okrd svg { color: var(--vkui--color_icon_accent) !important; } .TariffCard__root_theme_white--2xveb .TariffCard__features_li--2okrd a { color: var(--vkui--color_text_accent); } .TariffCard__root_theme_white--2xveb .TariffCard__features_ab_new_cards--2YyMG { margin-bottom: 28px; } .TariffCard__root_theme_grey--2R6iW.TariffCard__root_ab_new_cards--mzWJu { background: var(--vkui--color_skeleton_from); } .TariffCard__root_theme_grey--2R6iW .TariffCard__bgicon_ab_new_cards--3-Giz { background: transparent; } .TariffCard__root_theme_grey--2R6iW .TariffCard__title_ab_new_cards_opened--3c7zY { margin-bottom: 12px; } .TariffCard__root_theme_grey--2R6iW .TariffCard__button_ab_new_cards--2j_wB.ui.button { background: var(--vkui--color_button_contrast); border-radius: 12px; height: 56px; } .TariffCard__root_theme_grey--2R6iW .TariffCard__button_ab_new_cards--2j_wB.ui.button.primary { background: var(--vkui--color_background_accent); } .TariffCard__root_theme_grey--2R6iW .TariffCard__features_ab_new_cards--2YyMG { margin-bottom: 28px; } .TariffCard__root_theme_grey--2R6iW .TariffCard__features_li--2okrd svg { color: var(--vkui--color_icon_accent) !important; } .TariffCard__root_theme_grey--2R6iW .TariffCard__features_li--2okrd a { color: var(--vkui--color_text_accent); } .TariffCard__button_ab_new_cards--2j_wB.TariffCard__button_action--hXsvf.ui.button { background: var(--vkui--color_background); } .TariffCard__button_ab_new_cards--2j_wB.TariffCard__button_action--hXsvf.ui.button:hover { background: var(--vkui--color_background--hover); } .TariffCard__button_ab_new_cards--2j_wB.TariffCard__button_action--hXsvf.ui.button.primary { background: var(--vkui--color_icon_primary); } .TariffCard__button_ab_new_cards--2j_wB.TariffCard__button_action--hXsvf.ui.button.primary:hover { background: var(--cloud--color_background_viewer); } .TariffCard__button_ab_new_cards--2j_wB.TariffCard__button_action--hXsvf.TariffCard__button_expanded--1A2zH.ui.button.primary { background: rgb(255, 92, 0); } .TariffCard__button_ab_new_cards--2j_wB.TariffCard__button_action--hXsvf.TariffCard__button_expanded--1A2zH.ui.button.primary:hover { background: rgb(235, 85, 0); } .vkui--cloud--dark .TariffCard__root--3nrIP { backdrop-filter: blur(30px); background-color: var(--vkui--color_background_contrast_secondary_alpha); } .vkui--cloud--dark .TariffCard__button--nq5G1.ui.button { background-color: var(--vkui--color_background_tertiary); padding-left: 0px; padding-right: 0px; padding-top: 4px; } .vkui--cloud--dark .TariffCard__button--nq5G1.ui.button.primary { background-color: var(--vkui--color_background_accent); } .vkui--cloud--dark .TariffCard__saving--3H6xc { background-color: var(--cloud--color_background_viewer); } .vkui--cloud--dark .TariffCard__button_action--hXsvf.ui.button.primary { background: rgb(255, 92, 0); } .vkui--cloud--dark .TariffCard__button_action--hXsvf.ui.button.primary:hover { background: rgb(235, 85, 0); } .vkui--cloud--dark .TariffCard__features_li--2okrd svg { color: var(--vkui--color_text_contrast) !important; } .TariffCard__disabledFeature--3BJ3p { align-items: center; align-self: self-start; color: var(--vkui--color_text_tertiary); display: flex; flex-direction: row; font-size: var(--vkui--font_text--font_size--regular); gap: 8px; line-height: var(--vkui--font_text--line_height--regular); margin-left: 24px; } .TariffCard__autouploadLabel--1JxVP { background-color: var(--vkui--color_background_accent); cursor: pointer; font-size: 15px; line-height: 20px; } .TariffCard__autouploadLabel--1JxVP, .TariffCard__onlySpaceLabel--3_rxy { border-radius: 0px 24px; padding: 8px 24px; } .TariffCard__onlySpaceLabel--3_rxy { background-color: var(--vkui--color_background_tertiary_alpha--hover); color: var(--vkui--color_text_primary); font-size: var(--vkui--font_headline--font_size--compact); line-height: var(--vkui--font_headline--line_height--compact); } .TariffCard__familyLabel--1lvcz { background-color: var(--vkui--cloud_color_icon_transport); border-radius: 0px 24px; color: var(--vkui--color_text_accent_contrast_themed); cursor: pointer; font-size: 15px; line-height: 20px; padding: 8px 24px; } .TariffCard__familyLabelMayPromo2025--3uz8V { background: rgba(164, 93, 255, 0.24); color: rgb(226, 169, 255); } .TariffCard__family_img--1hWmK { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/family/82e27a7031782d645878.png") -3px -5px / 105% 120% no-repeat rgb(211, 211, 211); border: 1.5px solid rgb(255, 255, 255); border-radius: 18px; height: 72px; left: 6px; position: absolute; top: -1px; transform: rotate(-16deg); width: 72px; } .TariffCard__family_img_back--2Ibrg { backdrop-filter: blur(13px); background: rgba(244, 249, 255, 0.22); border-radius: 18px; height: 68px; left: 2px; position: absolute; top: 13px; transform: rotate(-29deg); width: 67px; } .TariffCard__card_horizontalMobile--1_2LF { margin-bottom: 20px; } .TariffCard__card_horizontalMobile--1_2LF .TariffCard__features_ab_new_cards--2YyMG { margin-bottom: 32px; margin-top: 2px; } .TariffCard__card_horizontalMobile--1_2LF .TariffCard__features_li--2okrd { font-size: var(--vkui--font_paragraph--font_size--regular); font-weight: var(--vkui--font_paragraph--font_weight--regular); line-height: var(--vkui--font_paragraph--line_height--regular); } .TariffCard__card_horizontalMobile--1_2LF .TariffCard__features_li--2okrd svg { margin-right: 8px; } .TariffCard__card_horizontalMobile--1_2LF .TariffCard__features_li--2okrd:last-child { margin-bottom: 0px; } .TariffCard__card_horizontalMobile--1_2LF .TariffCard__buttons--2AfIo { flex-direction: column; gap: 8px; } .TariffCard__card_horizontalMobile--1_2LF .TariffCard__buttons--2AfIo .TariffCard__button--nq5G1.ui.button { font-size: var(--vkui--font_headline2--font_size--regular); font-weight: var(--vkui--font_headline2--font_weight--regular); line-height: var(--vkui--font_headline2--line_height--regular); } .TariffCard__card_horizontalMobile--1_2LF .TariffCard__buttons--2AfIo .TariffCard__oldPriceMonth--3nYPb { line-height: 16px; } .TariffCard__card_horizontalMobile--1_2LF .TariffCard__buttons--2AfIo .TariffCard__saving--3H6xc { font-size: var(--vkui--font_caption3--font_size--regular); font-weight: 600; } .TariffCard__card_active--EO2Di { border: 3px solid var(--color-promo-card-border); } .TariffCard__card_active_rebranding--34Ton { border: 3px solid var(--vkui--color_background_accent); } .TariffCard__onlyYearTariffLabel--3GugQ { background-color: var(--vkui--color_background_secondary_alpha--hover); border-radius: 0px 24px; padding: 8px 24px; position: absolute; right: 0px; top: 0px; } .TariffCard__onlyYearTariffLabel--3GugQ h3 { color: var(--vkui--color_text_primary); } .TariffCard__root_rebrandingQuotaLanding--300nP { border-radius: 24px; padding: 0px; background: var(--vkui--color_background_field) !important; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__economy--2K5Vb { font-family: var(--font_family--vk_sans_display); font-size: 13px; font-weight: 400; line-height: 18px; padding: 7px 16px; background-color: var(--vkui--color_palette_lime) !important; color: var(--vkui--color_text_primary_invariably) !important; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__title--tahvH { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 54px; font-weight: 600; line-height: 84px; margin: 39px 0px 27px !important; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__title--tahvH.TariffCard__fromLitres--VMrY7 { margin-bottom: 8px !important; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__title_compact--lxAcJ { margin: 39px 0px 12px !important; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__features_ab_new_cards--2YyMG { box-sizing: border-box; color: var(--vkui--color_text_primary); font-size: 16px; font-weight: 400; line-height: 22px; margin: 0px auto; padding: 0px 24px 12px; width: fit-content; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__features_li--2okrd { margin: 0px 0px 16px; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__features_li--2okrd:last-child { margin-bottom: 0px; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__features_li--2okrd svg { margin-right: 8px; margin-top: 2px; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__features_li--2okrd a { color: var(--vkui--color_text_link); font-size: 16px; font-weight: 400; line-height: 22px; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__features_li_disabled--2xSpH { color: var(--vkui--color_text_tertiary); } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__features_li_disabled--2xSpH svg { color: var(--vkui--color_icon_tertiary) !important; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__features_li_lime--1xIdH { color: var(--vkui--color_palette_lime); } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__features_li_lime--1xIdH svg { margin-left: 3px; height: 16px !important; width: 16px !important; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__buttons--2AfIo { box-sizing: border-box; padding: 12px; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__buttons--2AfIo .TariffCard__button--nq5G1.ui.button { background-color: var(--vkui--color-other-cloud-color-landing-button-background); border-radius: 16px; color: var(--vkui--color_text_accent_themed); font-family: var(--font_family--vk_sans_display); font-size: 15px; font-weight: 500; line-height: 20px; padding: 0px; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__buttons--2AfIo .TariffCard__button_action--hXsvf.ui.button.primary { background: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__buttons--2AfIo .TariffCard__oldPrice--2N9-l { color: var(--vkui--color_text_contrast); font-family: var(--font_family--vk_sans_display); font-size: 13px; font-weight: 400; line-height: 18px; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__buttons--2AfIo .TariffCard__threeMonthDescription--2C7R8 { color: var(--vkui--color_text_contrast); font-family: var(--vkui--font_family_vksans); font-size: 13px; font-weight: 400; line-height: 18px; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__buttons--2AfIo .TariffCard__mayPromo2025Description--aghf_ { font-size: 13px; font-weight: 400; line-height: 18px; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__buttons--2AfIo .TariffCard__saving--3H6xc { background-color: var(--vkui--color_palette_lime); color: var(--vkui--color_text_primary_invariably); font-family: var(--font_family--vk_sans_display); font-size: 9px; font-weight: 600; padding: 2px 6px; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__onlyYearTariffLabel--3GugQ { color: var(--vkui--color_text_contrast); } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__autouploadLabel--1JxVP { background: var(--vkui--color_background_positive_tint_alpha); color: var(--vkui--color_palette_lime); transition: 0.1s ease-in-out; } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__autouploadLabel--1JxVP.TariffCard__autouploadLabelExpanded--3DOa0 { background: var(--vkui--color_palette_lime); color: var(--vkui--cloud_color_sweetgreen); } .TariffCard__root_rebrandingQuotaLanding--300nP .TariffCard__autouploadLabel--1JxVP.TariffCard__autouploadLabelExpanded--3DOa0.TariffCard__autouploadLabelExpandedMayPromo2025--4JPFu { background: var(--vkui--color_background_positive_tint_alpha); color: var(--vkui--color_palette_lime); } .TariffCard__root_rebrandingSubscriptions--1txFV { box-shadow: none; padding: 0px; backdrop-filter: none !important; background: var(--vkui--color_background_field) !important; } .TariffCard__root_rebrandingSubscriptions--1txFV .TariffCard__economy--2K5Vb { font-family: var(--font_family--vk_sans_display); font-size: 13px; font-weight: 400; line-height: 18px; padding: 7px 16px; background-color: var(--vkui--color_palette_lime) !important; color: var(--vkui--color_text_primary_invariably) !important; } .TariffCard__root_rebrandingSubscriptions--1txFV .TariffCard__title--tahvH { font-weight: 600; margin: 56px 0px 28px !important; } .TariffCard__root_rebrandingSubscriptions--1txFV .TariffCard__title--tahvH svg { margin-left: 12px; } .TariffCard__root_rebrandingSubscriptions--1txFV .TariffCard__features_ab_new_cards--2YyMG { box-sizing: border-box; font-size: 16px; font-weight: 400; line-height: 22px; margin-bottom: 0px; padding: 0px 20px 24px; } .TariffCard__root_rebrandingSubscriptions--1txFV .TariffCard__features_li--2okrd { margin: 0px 0px 16px; } .TariffCard__root_rebrandingSubscriptions--1txFV .TariffCard__features_li--2okrd:last-child { margin-bottom: 0px; } .TariffCard__root_rebrandingSubscriptions--1txFV .TariffCard__features_li--2okrd svg { margin-right: 12px; } .TariffCard__root_rebrandingSubscriptions--1txFV .TariffCard__features_li--2okrd a { color: var(--vkui--color_text_link); font-size: 16px; font-weight: 400; line-height: 22px; } .TariffCard__root_rebrandingSubscriptions--1txFV .TariffCard__buttons--2AfIo { box-sizing: border-box; padding: 8px; } .TariffCard__root_rebrandingSubscriptions--1txFV .TariffCard__buttons--2AfIo .TariffCard__button--nq5G1.ui.button { background-color: var(--vkui--color-other-cloud-color-landing-button-background); color: var(--vkui--color_text_accent_themed); font-size: 15px; line-height: 20px; padding: 0px; } .TariffCard__root_rebrandingSubscriptions--1txFV .TariffCard__buttons--2AfIo .TariffCard__button_action--hXsvf.ui.button.primary { background: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .TariffCard__root_rebrandingSubscriptions--1txFV .TariffCard__buttons--2AfIo .TariffCard__oldPrice--2N9-l { color: var(--vkui--color_text_contrast); line-height: 16px; } .TariffCard__root_rebrandingSubscriptions--1txFV .TariffCard__buttons--2AfIo .TariffCard__saving--3H6xc { background-color: var(--vkui--color_palette_lime); color: var(--vkui--color_text_primary_invariably); font-size: 9px; font-weight: 600; padding: 2px 6px; } .TariffCard__root_recommended--20_Lt { border: 3px solid var(--vkui--color_background_border); } .TariffCard__root_recommendedBlackFriday2024--2eyd9 { border: 3px solid transparent; background: linear-gradient(var(--vkui--color_background_field) 0 0) padding-box,linear-gradient(135deg,#f7bbec 0,#f3dbf0 9%,#8fddf5 19%,#4450ab 56%,#383aa0 100%) border-box !important; } .TariffCard__root_recommendedBlackFriday2024--2eyd9 .TariffCard__lables--2sdID .TariffCard__litresLabel--3S4ed { background: linear-gradient(124deg, rgb(198, 111, 255) -16.59%, rgb(3, 101, 245) 112.76%), rgb(43, 58, 223); font-size: 15px; font-weight: var(--vkui--font_headline1--font_weight--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .TariffCard__root_recommendedBlackFriday2024--2eyd9 .TariffCard__buttons--2AfIo { padding: 12px 9px 9px; } .TariffCard__root_recommendedCyberMonday2025--2S4AM { border: 3px solid transparent; background: linear-gradient(var(--vkui--color_background_field) 0 0) padding-box,linear-gradient(135deg,#07e5f9 0,#1c75ff 100%) border-box !important; } .TariffCard__root_recommendedCyberMonday2025--2S4AM .TariffCard__lables--2sdID .TariffCard__litresLabel--3S4ed { background: var(--vkui--color_accent_cyan); color: var(--colors-text-primary-invariably); font-size: 15px; font-weight: var(--vkui--font_headline1--font_weight--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .TariffCard__root_recommendedCyberMonday2025--2S4AM .TariffCard__buttons--2AfIo { padding: 12px 9px 9px; } .TariffCard__root_blackFriday2024--HyNzc .TariffCard__buttons--2AfIo .TariffCard__button_action--hXsvf.ui.button.primary { background-color: var(--color-background-black-friday-2024); } .TariffCard__root_blackFriday2024--HyNzc .TariffCard__buttons--2AfIo .TariffCard__saving--3H6xc { background-color: var(--vkui--color_palette_lime); } .TariffCard__root_recommendedMayPromo2025--2hjfy { border: 3px solid var(--vkui--color_background_accent); } .TariffCard__root_recommendedMayPromo2025--2hjfy .TariffCard__autouploadLabel--1JxVP { border-radius: 0px 21px; } .TariffCard__root_multitariff--3nVYc .TariffCard__title--tahvH.TariffCard__title_ab_new_cards--1L0S0 { line-height: 64px; margin: 44px 0px 12px !important; } .TariffCard__root_multitariff--3nVYc .TariffCard__units--UMRBY { align-self: baseline; font-size: 36px; line-height: 42px; margin-top: 4px; } .TariffCard__root_multitariff--3nVYc .TariffCard__autouploadLabel--1JxVP { background: var(--vkui--color_palette_lime); color: var(--vkui--cloud_color_background_profile_access); } .TariffCard__root_multitariff--3nVYc .TariffCard__familyLabel--1lvcz { background: var(--vkui--color_accent_violet); color: var(--vkui--cloud_color_blue_accent_themed); } .TariffCard__root_multitariff--3nVYc.TariffCard__card_active--EO2Di { border: 2px solid var(--vkui--color_palette_lime); } .TariffCard__root_multitariff--3nVYc.TariffCard__card_active--EO2Di .TariffCard__autouploadLabel--1JxVP { border-radius: 0px 21px 0px 24px; } .TariffCard__root_multitariff--3nVYc.TariffCard__root_family--2-Kfv.TariffCard__card_active--EO2Di { border: 2px solid var(--vkui--color_accent_violet); } .TariffCard__root_multitariff--3nVYc.TariffCard__root_family--2-Kfv.TariffCard__card_active--EO2Di .TariffCard__familyLabel--1lvcz { border-radius: 0px 21px 0px 24px; } .MobileTariffCardLoader__root--1ZWBz { align-items: center; background: var(--vkui--color_background_content); border-radius: 20px; box-sizing: border-box; display: flex; flex-direction: column; padding: 0px 8px 8px; width: 100%; } .MobileTariffCardLoader__root_dark--_AW0X { background: var(--vkui--color_skeleton_from); } .MobileTariffCardLoader__quota--13dkQ { border-radius: 8px; height: 42px; overflow: hidden; width: 207px; } .MobileTariffCardLoader__buttons--3xXu9 { display: flex; flex-direction: row; gap: 8px; width: 100%; } .MobileTariffCardLoader__button--pzqTf { height: 56px; width: 50%; } .MobileTariffCardLoader__button--pzqTf, .MobileTariffCardLoader__informer--3Mswl { border-radius: 12px; overflow: hidden; } .MobileTariffCardLoader__informer--3Mswl { height: 32px; width: 238px; } .MobileTariffCardLoader__features--3Ziab { box-sizing: border-box; padding: 0px 12px; width: 100%; } .MobileTariffCardLoader__feature--1aRbZ { border-radius: 4px; height: 18px; overflow: hidden; width: 100%; } .VerticalTariffCardList__mobileList--1eBEP { width: 100%; z-index: 1; } .VerticalTariffCardList__mobileTariff--tvSVJ { margin-bottom: 16px; width: 100%; } .VerticalTariffCardList__mobileTariff--tvSVJ:last-child { margin-bottom: 0px; } .PromoMarch2026__root--3C26z { align-items: center; display: flex; gap: 16px; justify-content: center; margin-top: 21px; width: 100%; } .PromoMarch2026__root_mobile--2iv7x { box-sizing: border-box; gap: 12px; justify-content: space-between; margin-top: 0px; text-align: left; } .PromoMarch2026__root_mobile--2iv7x .PromoMarch2026__terms--3vlWH { color: var(--vkui--color_text_contrast); font-size: 13px; line-height: 14px; width: 138px; } .PromoMarch2026__root_mobile--2iv7x .PromoMarch2026__terms_webview--2a7yO { color: rgb(110, 165, 255); } .PromoMarch2026__terms--3vlWH { color: var(--vkui--color_text_accent); cursor: pointer; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; } .PromoMarch2026__container_mobile--1jt-i { padding: 0px 8px !important; } .PromoMarch2026__button_root--1XrSb { cursor: pointer; position: relative; width: 198px; } .PromoMarch2026__button_root_mobile--LmFnM { width: 180px; } .PromoMarch2026__button_root_mobile--LmFnM .PromoMarch2026__button--Stv1q.ui.button { font-size: 13px; } .PromoMarch2026__button_root_mobile--LmFnM .PromoMarch2026__button_label_mobile--1LVCZ { right: -16px; top: -20px; width: 80px; } .PromoMarch2026__button--Stv1q.ui.button { font-size: 14px; padding: 7px 12px; } .PromoMarch2026__button_label--1fBNC { cursor: pointer; position: absolute; right: -50px; top: -18px; width: 94px; } .PromoButton__root--uL6f6.ui.button.primary { background: rgb(255, 92, 0); border-radius: 12px; font-weight: var(--vkui--font_weight_base3); height: 38px; padding: 0px 16px; } .PromoButton__root--uL6f6.ui.button.primary.PromoButton__compact--QPZ99 { font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_headline2--font_weight--regular); line-height: var(--vkui--font_footnote--line_height--regular); } .PromoButton__root--uL6f6.ui.button.primary:active, .PromoButton__root--uL6f6.ui.button.primary:focus, .PromoButton__root--uL6f6.ui.button.primary:hover { background: rgb(235, 85, 0); } .PromoButton__root_rebranding--36pps.ui.button.primary { background: var(--vkui--color_background_accent); border-radius: 12px; font-family: var(--font_family--vk_sans_display); font-weight: 500; height: 40px; line-height: 20px; padding: 10px 16px; } .PromoButton__root_rebranding--36pps.ui.button.primary:active, .PromoButton__root_rebranding--36pps.ui.button.primary:focus, .PromoButton__root_rebranding--36pps.ui.button.primary:hover { background: var(--vkui--color_background_accent--hover); } .PromoButton__root_rebranding--36pps.PromoButton__root_mobile--2ZSOC.ui.button.primary { border-radius: 8px; font-size: 15px; height: 36px; padding: 8px 16px; } .PromoButton__root_blackFriday2024--3cKBV.ui.button.primary { background: var(--color-background-black-friday-2024); } .PromoButton__root_mayPromo2025--3t2CR.ui.button.primary { background: rgba(175, 177, 182, 0.48); } .PromoButton__root_mayPromo2025--3t2CR.ui.button.primary:hover { background: rgba(255, 255, 255, 0.16); } .PromoButton__root_blackFriday2025--20b1D.ui.button.primary, .PromoButton__root_marchPromo2026Enabled--1pCgB.ui.button.primary, .PromoButton__root_septemberPromo2025--10cYN.ui.button.primary { background-color: var(--vkui--color_other_image_placeholder); } .PromoButton__root_blackFriday2025--20b1D.ui.button.primary:focus, .PromoButton__root_blackFriday2025--20b1D.ui.button.primary:hover, .PromoButton__root_marchPromo2026Enabled--1pCgB.ui.button.primary:focus, .PromoButton__root_marchPromo2026Enabled--1pCgB.ui.button.primary:hover, .PromoButton__root_septemberPromo2025--10cYN.ui.button.primary:focus, .PromoButton__root_septemberPromo2025--10cYN.ui.button.primary:hover { background-color: rgb(74, 75, 77); } .PromoButton__root_blackFriday2025--20b1D.ui.button.primary:active, .PromoButton__root_marchPromo2026Enabled--1pCgB.ui.button.primary:active, .PromoButton__root_septemberPromo2025--10cYN.ui.button.primary:active { background-color: rgb(44, 44, 45); } .PromoButton__root_summerPromo2026Enabled--1Lic0.ui.button.primary { background-color: var(--vkui--color_accent_lime); color: rgb(44, 45, 46); } .PromoButton__root_summerPromo2026Enabled--1Lic0.ui.button.primary:focus, .PromoButton__root_summerPromo2026Enabled--1Lic0.ui.button.primary:hover { background-color: rgb(175, 240, 110); color: rgb(44, 45, 46); } .PromoButton__root_summerPromo2026Enabled--1Lic0.ui.button.primary:active { background-color: var(--vkui--color_accent_lime--active); } .PromoButton__root_maxPromo--2RWaQ.ui.button.primary { background-color: var(--vkui--color_background_accent); font-size: var(--vkui--font_text--font_size--compact); } .PromoButton__root_maxPromo--2RWaQ.ui.button.primary:focus, .PromoButton__root_maxPromo--2RWaQ.ui.button.primary:hover { background-color: var(--vkui--color_background_accent--hover); } .PromoButton__root_maxPromo--2RWaQ.ui.button.primary:active { background-color: var(--vkui--color_background_accent--hover); } .QuotaLandingPromo__root--2toHF { padding: 48px 40px 32px; position: relative; text-align: center; z-index: 1; } .QuotaLandingPromo__title--2k47Z { color: var(--vkui--color_text_primary); font-size: max(30px, min(3.1vw, 44px)); font-weight: 500; line-height: 1.2; margin: 0px; } .QuotaLandingPromo__offer--3j5ye { align-items: center; display: flex; gap: 16px; justify-content: center; margin-top: 26px; } .QuotaLandingPromo__description--3xmjE { color: var(--vkui--color_text_accent); font-size: 14px; line-height: 20px; } .QuotaLandingPromo__buttonWrapper--dokw3 { position: relative; } .QuotaLandingPromo__button--1lVvD.ui.button { border-radius: 8px; box-sizing: border-box; font-size: 13px; font-weight: 400; height: 38px; line-height: 18px; margin: 0px; padding: 0px; width: 107px; } .QuotaLandingPromo__rootMobile--w5P4V { padding: 32px 16px; } .QuotaLandingPromo__rootMobile--w5P4V .QuotaLandingPromo__title--2k47Z { font-size: 30px; line-height: 32px; white-space: pre-line; } .QuotaLandingPromo__rootMobile--w5P4V .QuotaLandingPromo__offer--3j5ye { gap: 12px; margin-top: 24px; } .QuotaLandingPromo__rootMobile--w5P4V .QuotaLandingPromo__buttonMobile--2cnKG.ui.button { align-items: center; display: inline-flex; font-family: var(--font_family--vk_sans_display); justify-content: center; } .QuotaLandingPromo__rootMobile--w5P4V .QuotaLandingPromo__description--3xmjE { font-size: 13px; line-height: 14px; } .QuotaLandingPromo__buttonMobile--2cnKG.ui.button { font-size: 13px; height: 32px; line-height: 18px; width: 99px; } .QuotaLandingPromo__info--3zxGX, .QuotaLandingPromo__card--3D1oE { background-position: 50% center; background-repeat: no-repeat; background-size: cover; color: rgb(255, 255, 255); overflow: hidden; text-align: left; } .QuotaLandingPromo__info--3zxGX .QuotaLandingPromo__description--3xmjE, .QuotaLandingPromo__card--3D1oE .QuotaLandingPromo__description--3xmjE { color: inherit; } .QuotaLandingPromo__info--3zxGX .QuotaLandingPromo__offer--3j5ye, .QuotaLandingPromo__info--3zxGX .QuotaLandingPromo__title--2k47Z, .QuotaLandingPromo__card--3D1oE .QuotaLandingPromo__offer--3j5ye, .QuotaLandingPromo__card--3D1oE .QuotaLandingPromo__title--2k47Z { position: relative; z-index: 1; } .QuotaLandingPromo__info--3zxGX::after, .QuotaLandingPromo__info--3zxGX::before, .QuotaLandingPromo__card--3D1oE::after, .QuotaLandingPromo__card--3D1oE::before { background-repeat: no-repeat; background-size: contain; content: ""; pointer-events: none; position: absolute; } .QuotaLandingPromo__info--3zxGX::before, .QuotaLandingPromo__card--3D1oE::before { background-image: var(--quota-landing-left-image); } .QuotaLandingPromo__info--3zxGX::after, .QuotaLandingPromo__card--3D1oE::after { background-image: var(--quota-landing-right-image); } .QuotaLandingPromo__info--3zxGX { background-image: linear-gradient(52deg, rgb(15, 34, 70) 32.3%, rgb(3, 11, 25) 107.2%); border-radius: 16px; margin: 0px 18px 20px 16px; padding: 20px 13.5px 18px; } .QuotaLandingPromo__info--3zxGX::before { height: 74px; left: 0px; top: 12px; width: 125px; } .QuotaLandingPromo__info--3zxGX::after { height: 74px; right: 75px; top: 0px; width: 151.25px; } .QuotaLandingPromo__info--3zxGX .QuotaLandingPromo__offer--3j5ye { flex-wrap: nowrap; gap: 8px; justify-content: space-between; margin: 0px; } .QuotaLandingPromo__info--3zxGX .QuotaLandingPromo__description--3xmjE { font-family: var(--font_family--vk_sans_display); font-size: 14px; font-weight: 500; line-height: 20px; min-width: 0px; white-space: pre-line; } .QuotaLandingPromo__info--3zxGX .QuotaLandingPromo__buttonWrapper--dokw3 { flex-shrink: 0; } .QuotaLandingPromo__info--3zxGX .QuotaLandingPromo__buttonMobile--2cnKG.ui.button { font-size: 14px; font-weight: 500; height: 36px; line-height: 20px; width: 115px; } .QuotaLandingPromo__card--3D1oE { background-image: linear-gradient(71deg, rgb(15, 34, 70) 32.3%, rgb(3, 11, 25) 107.2%); border-radius: 20px; margin-bottom: 12px; padding: 24px; } .QuotaLandingPromo__card--3D1oE::after { bottom: 0px; height: 150px; right: 0px; width: 150px; } .QuotaLandingPromo__card--3D1oE .QuotaLandingPromo__title--2k47Z { color: inherit; font-size: 18px; line-height: 24px; margin: 0px; max-width: 65%; } .QuotaLandingPromo__card--3D1oE .QuotaLandingPromo__offer--3j5ye { align-items: flex-start; flex-direction: column; gap: 16px; margin-top: 4px; } .QuotaLandingPromo__card--3D1oE .QuotaLandingPromo__description--3xmjE { font-size: 16px; line-height: 20px; max-width: 65%; white-space: pre-line; } .QuotaLandingPromo__card--3D1oE .QuotaLandingPromo__buttonMobile--2cnKG.ui.button { font-size: 16px; height: 36px; line-height: 24px; padding: 6px 12px; width: auto; } .SummerPromo2026__root--TcpVV { align-items: center; display: flex; gap: 16px; justify-content: center; width: 100%; } .SummerPromo2026__leftText--3FuNY { color: var(--vkui--color_text_accent); cursor: pointer; font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; min-width: 140px; text-align: center; } .SummerPromo2026__leftText--3FuNY.SummerPromo2026__leftTextMobile--2HSZ6 { font-size: 13px; line-height: 14px; } .SummerPromo2026__button--38Hrf { max-height: 40px; max-width: 172px; border-radius: 8px !important; font-size: 15px !important; padding: 10px 24px !important; } .SummerPromo2026__button--38Hrf.SummerPromo2026__buttonMobile--1dsfq { max-height: 32px; max-width: 130px; font-size: 13px !important; font-weight: 400 !important; padding: 7px 12px !important; } .SummerPromo2026BackgroundImages__leftImg--1Dfso { left: 0px; } .SummerPromo2026BackgroundImages__leftImg--1Dfso, .SummerPromo2026BackgroundImages__rightImg--1KLRO { position: absolute; top: 0px; width: 378px; } .SummerPromo2026BackgroundImages__rightImg--1KLRO { right: 0px; } .SummerPromo2026BackgroundImages__leftMobImg--2lYqd { left: 0px; } .SummerPromo2026BackgroundImages__leftMobImg--2lYqd, .SummerPromo2026BackgroundImages__rightMobImg--1ZKzW { position: absolute; top: 48px; width: 70px; } .SummerPromo2026BackgroundImages__rightMobImg--1ZKzW { right: 0px; } .SummerPromo2026BackgroundImages__rightWebviewImg--2ycDv { position: absolute; right: 0px; top: 0px; width: 100%; } .NavButtons__root--Ny88W { display: flex; flex-direction: row; gap: 12px; } .NavButtons__root_compact--oKZtH .NavButtons__navButton--36gIl { height: 38px; width: 38px; } .NavButtons__navButton--36gIl { align-items: center; background: var(--vkui--color_background); border-radius: 100%; cursor: pointer; display: flex; height: 48px; justify-content: center; transition: opacity 0.2s ease-in-out; width: 48px; } .NavButtons__navButton--36gIl:hover { background: var(--vkui--color_background--hover); } .NavButtons__navButton_disabled--1r-D9 { opacity: 0.4; pointer-events: none; } .vkui--cloud--dark .NavButtons__navButton--36gIl { background: var(--vkui--color_avatar_overlay_inverse_alpha--active); color: var(--vkui--color_text_primary_invariably); } .vkui--cloud--dark .NavButtons__navButton_disabled--1r-D9 { backdrop-filter: blur(27px); background-color: var(--vkui--color_background_contrast_secondary_alpha); color: var(--vkui--color_icon_secondary); opacity: 1; } .TariffCardLoader__root--1UbFU { align-items: center; background: var(--vkui--color_background_content); border-radius: 24px; box-sizing: border-box; display: flex; flex-direction: column; padding: 0px 12px 12px; width: 100%; } .TariffCardLoader__quota--l4ft7 { align-items: flex-start; display: flex; flex-direction: row; gap: 8px; } .TariffCardLoader__space--1vEK3 { height: 84px; width: 134px; } .TariffCardLoader__space--1vEK3, .TariffCardLoader__units--3Z3ey { border-radius: 8px; overflow: hidden; } .TariffCardLoader__units--3Z3ey { height: 25px; width: 38px; } .TariffCardLoader__informer--2YOre { border-radius: 12px; height: 34px; overflow: hidden; width: 238px; } .TariffCardLoader__feature--1CTp3 { border-radius: 4px; height: 19px; overflow: hidden; width: 232px; } .TariffCardLoader__button--223Fs { border-radius: 16px; height: 68px; overflow: hidden; width: 100%; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .TariffsList__root--2moMF { box-sizing: border-box; padding: 0px 136px; width: 100%; } .TariffsList__listBlock--3M3bk { color: rgb(0, 0, 0); } .TariffsList__carouselCard--11uLZ { width: 280px; } .TariffsList__list--2BCSq { margin: 0px -136px; overflow: hidden; padding: 28px 0px 40px; } .TariffsList__list--2BCSq .swiper { box-sizing: border-box; display: inline-flex; overflow: initial; padding: 0px 136px; width: 100%; } .TariffsList__list--2BCSq .swiper-padding { padding-left: 20px; } .TariffsList__slide--3qoma.swiper-slide { width: 280px; } .TariffsList__mobileList--2xZxb { width: 100%; z-index: 1; } @media (min-width: 700px) { .TariffsList__mobileList--2xZxb { column-gap: 24px; display: grid; grid-template-columns: 1fr 1fr; } } .TariffsList__header--12nUk { align-items: center; display: flex; justify-content: center; position: relative; width: 100%; } .TariffsList__navButtons--2K34g { position: absolute; right: 0px; z-index: 1; } .TariffsList__switch--1bud2 { position: relative; z-index: 1; } .TariffsList__discountLabel--FkULH { position: absolute; right: -10px; top: -6px; transform: rotate(8deg); z-index: 2; } .TariffsList__discountLabel_compact--3VG5k { right: -13px; top: -12px; } .TariffsList__discountLabel_referral--JnTih { left: -10px; top: -32px; transform: rotate(-8deg); } .TariffsList__savingLabel--10dyb { background: var(--vkui--color_icon_primary); border-radius: 0px 16px; color: var(--vkui--color_text_contrast); font-family: var(--vkui--font_family_accent); font-size: 10px; font-weight: 600; line-height: 14px; padding: 2px 12px; position: absolute; right: 5px; top: 4px; z-index: 1; } .TariffsList__savingLabel--10dyb.TariffsList__accentBackground--1qfsa { -webkit-font-smoothing: antialiased; background: var(--vkui--color_icon_accent); border-radius: 0px 24px 0px 16px; padding: 4px 12px 3px; right: 4px; } .TariffsList__discountLabel_right--28t3s { right: -12px; top: -8px; } .TariffsList__discountLabel_mobile--nmd0i { right: -6px; top: -14px; } .TariffsList__root_anonymous--9ZGkp .TariffsList__list--2BCSq { padding-bottom: 40px; } .TariffsList__mobileTariff--2hPfP { margin-bottom: 20px; width: 100%; } .TariffsList__swiperSkeletonWrapper--OQdbg { height: 488px; width: calc(-72px + 100vw); } .TariffsList__favorableTariffCard--3rCa3 { flex-shrink: 0; margin-right: 16px; width: 288px; } .TariffsList__favorableTariffCard--3rCa3:last-child { margin-right: 0px; } .TariffsList__favorableTariffsList--2dgon { display: flex; justify-content: center; padding: 28px 0px 40px; } .TariffsList__tariffCard_large--SgKNg { width: 360px !important; } .TariffsList__favorableTariffCard_rebranding--2IpG1 { flex-shrink: 0; margin-right: 24px; width: 352px; } .TariffsList__favorableTariffCard_rebranding--2IpG1:last-child { margin-right: 0px; } .TariffsList__slide_rebranding--3SJm_ { width: 352px; } .TariffsList__slide_rebranding--3SJm_.swiper-slide { width: 352px; } .TariffsList__favorableTariffsList_rebranding--2ok5L, .TariffsList__list_rebranding--30i_B, .TariffsList__root_anonymous--9ZGkp .TariffsList__list_rebranding--30i_B { padding-bottom: 0px; } .TariffsList__mobileTariff_rebranding--2u392 { margin-bottom: 16px; } .TariffsList__mobileTariff_rebranding--2u392:last-child { margin-bottom: 0px; } .TariffsList__buttonPromocode--22j26.ui.button { font-size: 18px; margin: 0px auto; padding-left: 24px; padding-right: 24px; width: auto; } .PromoBlackFriday2025__blockPromo--1ZS7j { align-items: center; cursor: default; display: flex; gap: 15px; justify-content: center; margin-top: 21px; } .PromoBlackFriday2025__blockPromoMobile--3IM59 { gap: 12px; margin-top: 0px; } .PromoBlackFriday2025__leftText--1exzL { color: var(--vkui--color_text_accent); font-size: 15px; font-weight: 400; line-height: 20px; } .PromoBlackFriday2025__leftTextMobile--2sG9M { font-size: 13px; line-height: 18px; } .PromoBlackFriday2025__rightBlock--1B58w { position: relative; } .PromoBlackFriday2025__rightBlock--1B58w .PromoBlackFriday2025__image--13-w5 { position: absolute; right: -15px; top: -20px; width: 60px; } .PromoBlackFriday2025__rightBlock--1B58w .PromoBlackFriday2025__imageMobile--pTgrp { position: absolute; right: -12px; top: -14px; width: 44px; } .PromoBlackFriday2025__rightBlock--1B58w .PromoBlackFriday2025__hideImg--1_Vmp { display: none; } .PromoBlackFriday2025__button--9-G8c.ui.button { background-color: rgb(35, 97, 255); border-radius: 8px; color: var(--vkui--color_text_contrast); font-size: 15px; font-weight: 500; height: 40px; line-height: 20px; padding: 10px 16px; width: 242px; } .PromoBlackFriday2025__button--9-G8c.ui.button:hover { background-color: rgb(31, 93, 255); } .PromoBlackFriday2025__button--9-G8c.ui.button:active, .PromoBlackFriday2025__button--9-G8c.ui.button:focus { background-color: rgb(27, 89, 255); } .PromoBlackFriday2025__buttonMobile--3rUhy.ui.button { font-size: 13px; height: 32px; line-height: 18px; padding: 7px 10px; width: 202px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .FeaturesCarousel__root--1NPWg { display: block; } .FeaturesCarousel__title--2fTfJ { font-size: 28px; font-weight: 500; line-height: 34px; padding: 0px 16px; text-align: center; } .FeaturesCarousel__slide--3J_z6, .FeaturesCarousel__title--2fTfJ { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); } .FeaturesCarousel__slide--3J_z6 { background: var(--vkui--color_background_field); border-radius: 32px; padding: 24px; text-align: left; } @media (max-width: 375px) { .FeaturesCarousel__slide--3J_z6 { box-sizing: border-box; min-height: 291px; } } .FeaturesCarousel__slideIcon--1wA7q { align-items: center; border-radius: 20px; display: flex; height: 70px; justify-content: center; width: 70px; } .FeaturesCarousel__slideIcon_widgets--1FTjn { background: rgba(0, 119, 255, 0.12); color: var(--vkui--color_icon_accent); } .FeaturesCarousel__slideIcon_upload--1oNIy { background: rgba(7, 229, 249, 0.12); color: var(--vkui--color_accent_cyan); } .FeaturesCarousel__slideIcon_cloud--13e6S { background: rgba(184, 252, 115, 0.12); color: var(--vkui--color_palette_lime); } .FeaturesCarousel__slideIcon_timer--1Gl-m { background: rgba(255, 91, 154, 0.12); color: var(--vkui--cloud_color_icon_profile_tariff); } .FeaturesCarousel__slideIcon_cancel-mail--1Q5wt { background: rgba(92, 186, 56, 0.12); color: var(--vkui--color_icon_positive); } .FeaturesCarousel__slideIcon_ad--37RH_ { background: rgba(193, 93, 243, 0.12); color: var(--vkui--color_accent_violet); } .FeaturesCarousel__slideTitle--3u9d1 { font-size: var(--vkui--font_title1--font_size--regular); font-weight: 500; line-height: var(--vkui--font_title1--line_height--regular); } .FeaturesCarousel__slideText--2TRIb { font-size: 18px; line-height: 23px; } .FeaturesCarousel__bullet--28Ak2 { background: var(--vkui--color_icon_primary_invariably); border-radius: 50%; display: block; height: 8px; margin: 0px 8px; width: 8px; } .FeaturesCarousel__bulletActive--1yq9M { background: var(--vkui--color_icon_primary); } .FeaturesCarousel__bulletWrapper--ghbza { display: flex; justify-content: center; margin-top: 43px; } .Header__root--2Na5t { display: flex; flex-direction: row; padding: 0px 20px; } .Header__title--18lQV { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_h1--font_size--compact); font-weight: var(--vkui--font_weight_accent1); line-height: 40px; } .Header__button--tJ4JU.ui.button { background-color: var(--cloud--color_background_header_icon); border-radius: 16px; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-weight: 500; height: 36px; line-height: 20px; margin-left: auto; padding: 8px 12px; z-index: 1; } .vkui--cloud--dark .Header__button--tJ4JU.ui.button { background-color: var(--vkui--color_background_tertiary); } .Header__root_rebranding--2BDmq { padding: 0px 16px; } .Header__root_rebranding--2BDmq .Header__title--18lQV { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 32px; font-weight: 500; line-height: 34px; } .Header__root_rebranding--2BDmq .Header__titleSeptemberPromo2025Mobile--wUump { font-size: var(--vkui--font_title1--font_size--regular); line-height: var(--vkui--font_title1--line_height--regular); padding-left: 8px; } .Header__root_rebranding--2BDmq .Header__button--tJ4JU.ui.button { background: var(--vkui--color_background_field); border-radius: 32px; color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 14px; font-weight: 500; line-height: 20px; padding: 14px 12px; } .Header__root_rebranding--2BDmq .Header__buttonSeptemberPromo2025Mobile--1tobH.ui.button { align-self: center; background-color: var(--vkui--color_background_secondary); border-radius: 16px; font-size: var(--vkui--font_paragraph--font_size--regular); padding: 8px 16px; } .Header__root_autumnPromo--20PME { position: relative; z-index: 100; } .Header__root_cyberMonday2025--1kAz- .Header__title--18lQV { font-size: 28px; font-weight: 500; line-height: 34px; position: relative; } .Header__root_cyberMonday2025--1kAz- .Header__title--18lQV .Header__webviewTitleImage--1zwgl { height: 34px; position: absolute; right: 12px; top: -16px; width: 34px; } .Header__root_cyberMonday2025--1kAz- .Header__button--tJ4JU.ui.button { z-index: 100; } .Header__root_marchPromo2026--3d3A1 { align-items: center; } .Header__root_marchPromo2026--3d3A1 .Header__title--18lQV { z-index: 2; } .Header__titleSummerPromo2026Mobile--3VxdC { padding: 8px 0px 0px 8px; position: relative; font-size: 24px !important; line-height: 28px !important; } .Header__titleSummerPromo2026Mobile--3VxdC svg { left: 43%; position: absolute; top: 100%; } .Header__root_configuredPromo--EWNvY { align-items: center; } .Header__root_configuredPromo--EWNvY .Header__title--18lQV { font-size: 24px; line-height: 28px; padding-left: 8px; } .MobileQuotaTariffsLanding__root--1gDts { -webkit-font-smoothing: antialiased; background: var(--vkui--color_background_secondary); font-family: var(--vkui--font_family_accent); } .MobileQuotaTariffsLanding__root_dark--lXjDT { background: var(--vkui--color_background_primary); } .MobileQuotaTariffsLanding__title--2p3id { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_title1--font_size--compact); font-weight: var(--vkui--font_weight_accent1); line-height: var(--vkui--font_title1--line_height--compact); } .MobileQuotaTariffsLanding__button--11bkn.ui.button { background: var(--vkui--color_background_field); border-radius: 16px; color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 18px; font-weight: 500; height: 56px; line-height: 23px; width: 100%; } .MobileQuotaTariffsLanding__link--2QM_7.ui.button { color: var(--vkui--color_text_primary) !important; } .MobileQuotaTariffsLanding__link--2QM_7.ui.button { font-family: var(--font_family--vk_sans_display); font-size: 18px; font-weight: 500; height: 56px; line-height: 23px; } .MobileQuotaTariffsLanding__root--1gDts h1, h2, h3, h4, h5 { font-family: var(--vkui--font_family_accent); } .MobileQuotaTariffsLanding__root_blackFriday2025--R9Jps::after { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/blackFriday2025/54aac2f0b473596bdbff.png"); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%; content: ""; height: 116px; overflow: hidden; pointer-events: none; position: absolute; right: -5px; top: 0px; width: 375px; } .MobileQuotaTariffsLanding__actionDatesBlock--3PYRh { display: flex; justify-content: center; margin-top: 12px; } .MobileQuotaTariffsLanding__actionDatesBlock--3PYRh .MobileQuotaTariffsLanding__actionDates--3NlFo { font-feature-settings: "clig" 0, "liga" 0; color: rgb(135, 137, 143); font-family: var(--font-tt-norms); font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; } .MobileQuotaTariffsLanding__headerBlock--1oQjx { align-items: center; display: flex; flex-direction: row; justify-content: space-between; margin: 0px 17px 0px 24px; } .MobileQuotaTariffsLanding__headerBlockPromo--1Qc3H { justify-content: flex-start; position: relative; z-index: 1; } .MobileQuotaTariffsLanding__headerBlockPromo--1Qc3H, .MobileQuotaTariffsLanding__promoBlackFriday2025--q-hwU { align-items: center; display: flex; flex-direction: row; padding-left: 16px; } .MobileQuotaTariffsLanding__promoBlackFriday2025--q-hwU { justify-content: center; padding-right: 16px; } @media (max-width: 345px) { .MobileQuotaTariffsLanding__root_blackFriday2025--R9Jps::after { width: 330px; } } .MobileQuotaTariffsLanding__root_marchPromo2026--3tdPH { background: linear-gradient(rgb(13, 35, 78), rgb(25, 25, 25) 15%); } .MobileQuotaTariffsLanding__marchPromo2026WebviewImg--3My4g { left: 0px; position: absolute; top: 0px; width: 100%; } .SearchBar__container--18pPG { margin: 8px 0px 0px; padding: 16px 0px; z-index: 0; } .SearchBar__input--3KmSf { -webkit-font-smoothing: antialiased; background: var(--vkui--color_background_secondary); caret-color: var(--vkui--color_text_accent); flex: 1 1 0%; } .SearchBar__searchIcon--239tw { color: var(--vkui--color_icon_secondary); } .SearchBar__loadingIcon--14A4r { color: var(--vkui--color_icon_accent); } .MobileSearchDatalist__sectionsContainer--tfWWw { display: flex; flex-direction: column; gap: 16px; } .SearchSection__sectionContainer--2rDcD { -webkit-font-smoothing: antialiased; background-color: var(--color-datalist-hover); border-radius: 16px; } .SearchSection__buttonWrapper--25ov9 { border-radius: 12px; padding: 8px 16px 16px; } .SearchSectionItem__pic--1xg5K { border-radius: 8px; height: 40px; margin-right: 16px; min-width: 40px; } .MobileSearchPage__root--3Fr2O { -webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; min-height: 100vh; padding-bottom: 90px; width: 100%; } .MobileSearchPage__root_error--21SKd { padding-bottom: 0px; } .MobileSearchPage__content--1nEUG { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; height: 100%; padding: 0px 16px 16px; position: relative; width: 100%; } @supports (padding-left:constant(safe-area-inset-bottom)) { .MobileSearchPage__content--1nEUG { } } @supports (padding-left:env(safe-area-inset-bottom)) { .MobileSearchPage__content--1nEUG { padding-left: calc(16px + env(safe-area-inset-left)); padding-right: calc(16px + env(safe-area-inset-right)); } } .SearchSuggests__container--2RDOh { background-color: var(--vkui--color_background_tertiary); border-radius: var(--vkui--size_card_border_radius--regular); font-family: var(--vkui--font_family_accent); margin-bottom: 16px; margin-top: 8px; } .SearchSuggests__header--2Gqwx { color: var(--vkui--color_text_secondary); } .SearchSuggests__resetButton--2L6bH { margin-right: -12px; } .SearchSuggests__clearButton--CBE4- { align-items: center; border-radius: 50%; color: var(--vkui--color_icon_secondary); display: flex; height: 48px; justify-content: center; margin-right: -16px; width: 48px; } .Informer__root--BCyNo { align-items: center; box-sizing: border-box; color: var(--vkui--color_text_accent); display: flex; flex-direction: row; font-family: var(--font-tt-norms); font-size: 14px; line-height: 18px; margin-top: 8px; width: 100%; } .Informer__root--BCyNo .Informer__icon--2KMQT { color: var(--vkui--color_icon_accent); } .Informer__icon--2KMQT { height: 20px; margin-right: 8px; } .Informer__icon--2KMQT svg { fill: currentcolor; } .MobileTrashbinPage__root--3FiAe { -webkit-font-smoothing: antialiased; min-height: 100vh; } .MobileTrashbinPage__content--2IZ-B, .MobileTrashbinPage__root--3FiAe { display: flex; flex-direction: column; height: 100%; width: 100%; } .MobileTrashbinPage__content--2IZ-B { box-sizing: border-box; flex-grow: 1; padding: 0px 16px 16px; position: relative; } @supports (padding-left:constant(safe-area-inset-bottom)) { .MobileTrashbinPage__content--2IZ-B { } } @supports (padding-left:env(safe-area-inset-bottom)) { .MobileTrashbinPage__content--2IZ-B { padding-left: calc(16px + env(safe-area-inset-left)); padding-right: calc(16px + env(safe-area-inset-right)); } } .MobileTrashbinPage__menu--3Bto6 { margin: 8px -16px 0px; } .BlurButton__button--erNMz { align-items: center; border-radius: 8px; display: flex; height: 32px; justify-content: center; margin-left: 8px; width: 32px; } .DocumentUpload__input--1ii32 { display: none; } .vkui--cloud--dark .Empty__root--3X8cE::before { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/60a39ce292153a53aef7.png"); } .vkui--cloud--dark .Empty__item--1vzMP:focus, .vkui--cloud--dark .Empty__item--1vzMP:hover { background-color: rgba(255, 255, 255, 0.04); } .vkui--cloud--dark .Empty__other--3B5iJ:focus, .vkui--cloud--dark .Empty__other--3B5iJ:hover { background-color: rgb(0, 11, 30); } .Empty__wrapper--2XGgV { align-items: center; display: flex; flex-grow: 1; justify-content: center; } .Empty__root--3X8cE { background: var(--rebranding_color_background_alternative); border-radius: 26px; position: relative; width: 380px; } .Empty__root--3X8cE::before { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/849595a516afe76ad15b.png"); background-size: cover; content: ""; height: 164px; left: -4px; position: absolute; top: -120px; width: 400px; } .Empty__title--2Rtq4 { font-family: var(--vkui--font_title2--font_family--compact); font-size: var(--vkui--font_title2--font_size--compact); font-weight: var(--vkui--font_title2--font_weight--regular); line-height: var(--vkui--font_title2--line_height--compact); margin-bottom: 4px; } .Empty__text--cij0v { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_text--font_family--compact); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--compact); } .Empty__content--1YVgu { padding: 20px; position: relative; } .Empty__list--2gaL1 { flex-wrap: wrap; gap: 8px; margin: 16px 0px 0px; padding: 0px; } .Empty__item--1vzMP, .Empty__list--2gaL1 { display: flex; } .Empty__item--1vzMP { align-items: center; background: var(--rebranding_color_background-content-alternative); border-radius: 16px; box-sizing: border-box; cursor: pointer; flex-direction: column; font-family: var(--vkui--font_text--font_family--compact); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--regular); gap: 14px; height: 108px; justify-content: flex-end; line-height: var(--vkui--font_text--line_height--compact); padding: 12px; position: relative; transition: background-color 0.16s ease-out; width: 108px; } .Empty__item--1vzMP svg { color: var(--vkui--color_icon_secondary); } .Empty__item--1vzMP:focus, .Empty__item--1vzMP:hover { background-color: rgba(0, 16, 61, 0.04); } .Empty__other--3B5iJ { outline: 0px; } .Empty__other--3B5iJ, .Empty__other--3B5iJ svg { color: var(--vkui--color_text_accent); } .Empty__other--3B5iJ::before { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/icons/documents/0e0087b41fcc5ea75d1b.svg"); border-radius: 16px; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .Empty__other--3B5iJ:focus, .Empty__other--3B5iJ:hover { background-color: rgb(235, 242, 255); } .Item__wrapper--1R_Nk { background-color: var(--vkui--color_background_secondary); border-radius: 16px; box-sizing: border-box; cursor: pointer; display: block; outline: .5px solid var(--vkui--color_image_border_alpha); overflow: hidden; position: relative; user-select: none; } .Item__image--3yllM, .Item__wrapper--1R_Nk { height: 100%; width: 100%; } .Item__image--3yllM { object-fit: cover; } .Item__label--1boXB { backdrop-filter: blur(20px); background: var(--color-background-gray); border-radius: 8px; bottom: 12px; box-sizing: border-box; color: var(--vkui--color_text_contrast); display: inline-block; font-weight: 500; left: 12px; overflow: hidden; padding: 6px 8px; position: absolute; text-overflow: ellipsis; white-space: nowrap; } .List__wrapper--BE9OM { column-gap: 12px; display: grid; flex-grow: 1; grid-auto-rows: var(--albums-row-height); grid-template-columns: repeat(auto-fill, minmax(228px, 1fr)); margin-top: 20px; row-gap: var(--albums-grid-row-gap-size); } .List__button--3mJAC { border: 1px dashed var(--vkui--color_field_border_alpha); border-radius: 16px; box-sizing: border-box; cursor: pointer; flex-direction: column; height: 100%; user-select: none; width: 100%; } .List__button--3mJAC, .List__icon--2zEyR { align-items: center; display: flex; justify-content: center; } .List__icon--2zEyR { background: var(--vkui--color_background_secondary); border-radius: var(--vkui--size_border_radius_paper--regular); color: var(--vkui--color_icon_primary); height: 48px; margin-bottom: 16px; width: 48px; } .List__text--LX1HL { font-weight: 500; } .List__hiddenItem--nxxnq::before { backdrop-filter: blur(4px) grayscale(1); inset: 0px; content: ""; pointer-events: none; position: absolute; } .RecognitionButton__button--3kQsv { margin-left: auto; } .RecognitionButton__button--3kQsv span:last-child { font-family: var(--vkui--font_text--font_family--compact); font-size: var(--vkui--font_text--font_size--compact); } .RecognitionButton__button--3kQsv .RecognitionButton__loader--11eTD:last-child { margin-bottom: 4px; margin-right: 6px; } .RecognitionButton__button--3kQsv .RecognitionButton__loader--11eTD:last-child::before { border-color: var(--vkui--color_background_accent_tint_alpha); } .RecognitionButton__button--3kQsv .RecognitionButton__loader--11eTD:last-child::after { border-top-color: var(--vkui--color_background_accent); } .RecognitionButton__tooltip--HV4yW { width: 288px; } .RecognitionButton__tooltip--HV4yW .RecognitionButton__tooltipContent--3DdrG { gap: 0px; padding: 16px; } .RecognitionButton__tooltipText--3aOtD { font-family: var(--vkui--font_text--font_family--compact); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--compact); line-height: var(--vkui--font_text--line_height--compact); word-break: break-word; } .NewPersonalDocumentsMainPage__root--1KVbw.NewPersonalDocumentsMainPage__root_new_portal_header--20ZIR { scrollbar-gutter: stable; display: flex; flex-direction: column; height: 100%; overflow-y: scroll; padding: 8px 10px 0px 20px; scrollbar-color: var(--color-scrollbar) var(--vkui--color_background); scrollbar-width: thin; } .NewPersonalDocumentsMainPage__root--1KVbw.NewPersonalDocumentsMainPage__root_new_portal_header--20ZIR:hover { overflow-y: auto !important; } .NewPersonalDocumentsMainPage__root--1KVbw.NewPersonalDocumentsMainPage__root_new_portal_header--20ZIR::-webkit-scrollbar { height: 6px; width: 6px; } .NewPersonalDocumentsMainPage__root--1KVbw.NewPersonalDocumentsMainPage__root_new_portal_header--20ZIR::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar); border-radius: 6px; } .NewPersonalDocumentsMainPage__root--1KVbw.NewPersonalDocumentsMainPage__root_new_portal_header--20ZIR ::-webkit-scrollbar-corner, .NewPersonalDocumentsMainPage__root--1KVbw.NewPersonalDocumentsMainPage__root_new_portal_header--20ZIR::-webkit-scrollbar-track { background-color: initial; } .NewPersonalDocumentsMainPage__title--1NoZC { align-items: center; justify-content: space-between; } .NewPersonalDocumentsMainPage__title--1NoZC, .NewPersonalDocumentsMainPage__tools--2zrK7 { display: flex; } .DocumentsInformer__informer--1qzVu { margin-bottom: 24px; min-height: 92px; } .DocumentsInformer__icon--3uN4p { transform: translateY(3px); } .PersonalDocuments__root--350_v.PersonalDocuments__root_new_portal_header--1IUlc { height: 100%; } .PersonalDocuments__root--350_v.PersonalDocuments__root_new_portal_header--1IUlc .PersonalDocuments__documentsInformer_new_portal_header--3z-2k, .PersonalDocuments__root--350_v.PersonalDocuments__root_new_portal_header--1IUlc .PersonalDocuments__title--22pe9 { padding: 0px 16px; } .PersonalDocuments__title--22pe9 { align-items: center; display: flex; } .PersonalDocuments__content--TCakN.PersonalDocuments__content_new_portal_header--2Z_Gk { height: calc(100% - 40px); } .PersonalDocuments__settings--28usn { align-items: center; cursor: pointer; display: flex; height: 40px; justify-content: center; margin-left: auto; width: 40px; } .PersonalDocuments__settings--28usn:hover { background: var(--vkui--color_background_secondary_alpha--hover); border-radius: 8px; } .PersonalDocuments__info--2zxTp { align-items: center; display: flex; flex-grow: 1; transform: translateY(-4px); } .PersonalDocuments__informer--2Znck { align-self: flex-start; box-sizing: border-box; flex-shrink: 0; height: 42px; padding: 4px 0px; } .PhotoCard__root--1zg5E { height: 100%; overflow: hidden; width: 100%; } .PhotoCard__photoWrapper--1KQly { height: calc(100% - 8px); margin-top: 8px; width: 100%; } .PhotoCard__imageContainer--3I5Iv { border-radius: 12px; display: block; height: 100%; overflow: hidden; position: relative; width: 100%; } .PhotoCard__imageContainer--3I5Iv::after { border: 1px solid var(--vkui--color_field_border_alpha); border-radius: 12px; inset: 0px; content: ""; position: absolute; } .PhotoCard__photo--10G6h { display: block; height: 100%; object-fit: cover; width: 100%; } .rebranding .Item__root--MmQ7P:hover { color: var(--vkui--color_text_accent); } .vkui--cloud--dark.rebranding .Item__root--MmQ7P:hover { color: var(--vkui--color_text_accent); } .Item__root--MmQ7P { align-items: center; align-self: start; background: var(--vkui--color_background); border-radius: 12px; box-sizing: border-box; color: inherit; cursor: pointer; font-family: var(--vkui--font_family_accent); padding: 12px 16px; position: relative; text-decoration: none; transition: background-color 0.2s ease-out; width: 100%; } .Item__root--MmQ7P:hover { background: var(--vkui--color_background--hover); } .Item__icon--3PxJm { height: 60px; margin-bottom: 32px; pointer-events: none; position: relative; width: 60px; } .Item__name--32h5c { display: block; } .Item__content--yWGqB { align-items: center; display: flex; height: 0px; justify-content: center; opacity: 0; transform: translateZ(0px); transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out; width: 100%; } .Item__root_opened--tGm6W .Item__content--yWGqB { height: 136px; opacity: 1; } .Item__arrow--1C1Jp { border-radius: 4px; transition: transform 0.2s, background-color 0.2s; } .Item__arrow--1C1Jp:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .Item__root_opened--tGm6W .Item__arrow--1C1Jp { transform: rotate(180deg); } .Item__header--GeXsS { align-items: center; cursor: pointer; display: flex; font-size: 17px; font-weight: 500; justify-content: space-between; line-height: 24px; position: relative; } .Item__header--GeXsS::before { inset: -12px -16px; content: ""; position: absolute; } .Item__root--MmQ7P:not(.Item__root_dragOver--1Gw8q) .Item__header--GeXsS { z-index: 2; } .Item__root_empty---Uh86 { align-self: stretch; background: var(--vkui--color_background); border: 1px dashed var(--vkui--color_field_border_alpha); cursor: auto; display: flex; flex-direction: column; height: 184px; justify-content: center; position: relative; } .Item__root_empty---Uh86:hover { border: 1px dashed transparent; } .Item__hoverItem--2LM5T, .Item__root_empty---Uh86:hover { background: var(--vkui--color_background--hover); } .Item__hoverItem--2LM5T { align-items: center; border: 1px dashed var(--color-empty-border); border-radius: 12px; inset: -1px; cursor: pointer; display: flex; flex-direction: column; justify-content: center; opacity: 0; position: absolute; transition: opacity 0.3s ease-in-out; } .Item__hoverItem--2LM5T:hover, .Item__root_empty---Uh86.Item__root_dragOver--1Gw8q .Item__hoverItem--2LM5T { opacity: 1; } .Item__cross--2HpCh { margin-right: 12px; } .Item__title--y3pcR { align-items: center; color: var(--vkui--color_text_accent); display: flex; pointer-events: none; } .Item__iconWrapper--y3m_E { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .Item__iconContainer--b4Bvs { color: var(--vkui--color_icon_primary); transform: translateY(20px); } .Item__counter--Y17TY { background: var(--vkui--color_background_content); border-radius: 16px; font-size: 12px; font-weight: 500; line-height: 20px; margin-left: 8px; padding: 2px 10px; } .Item__headerSection--1F5f0, .Item__upload--2b1Ym { align-items: center; display: flex; } .Item__upload--2b1Ym { background-color: initial; color: var(--vkui--color_text_accent); cursor: pointer; justify-content: center; margin-right: 12px; position: relative; z-index: 1; } .Item__upload--2b1Ym::before { border-radius: 8px; content: ""; height: 30px; position: absolute; transition: background-color 0.2s ease-out; width: 30px; } .Item__upload--2b1Ym:hover::before { background-color: var(--vkui--color_background_accent_tint_alpha); } .Item__dropArea--1R2BV { align-items: center; backdrop-filter: blur(20px); background: rgba(237, 240, 244, 0.61); border: 1px dashed var(--color-empty-border); border-radius: 12px; inset: 0px; box-sizing: border-box; display: flex; justify-content: center; opacity: 0; position: absolute; transition: opacity 0.2s ease-out; z-index: 1; } .Item__root_opened--tGm6W.Item__root_dragOver--1Gw8q .Item__dropArea--1R2BV { opacity: 1; } .Item__input--1AMBc { display: none; } .Item__fileIcon--2NPlM { height: 100px; width: 100%; } .PersonalDocumentsMainPage__root--eWd-- { --card-size-s: 340px; --card-size-m: 518px; } .PersonalDocumentsMainPage__root--eWd--.PersonalDocumentsMainPage__root_new_portal_header--1XulZ { scrollbar-gutter: stable; height: 100%; overflow-y: scroll; padding: 0px 16px; scrollbar-color: var(--color-scrollbar) var(--vkui--color_background); scrollbar-width: thin; } .PersonalDocumentsMainPage__root--eWd--.PersonalDocumentsMainPage__root_new_portal_header--1XulZ:hover { overflow-y: auto !important; } .PersonalDocumentsMainPage__root--eWd--.PersonalDocumentsMainPage__root_new_portal_header--1XulZ::-webkit-scrollbar { height: 6px; width: 6px; } .PersonalDocumentsMainPage__root--eWd--.PersonalDocumentsMainPage__root_new_portal_header--1XulZ::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar); border-radius: 6px; } .PersonalDocumentsMainPage__root--eWd--.PersonalDocumentsMainPage__root_new_portal_header--1XulZ ::-webkit-scrollbar-corner, .PersonalDocumentsMainPage__root--eWd--.PersonalDocumentsMainPage__root_new_portal_header--1XulZ::-webkit-scrollbar-track { background-color: initial; } .PersonalDocumentsMainPage__content--_NXXn { gap: 12px; display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 20px; } @media (min-width: 1432px) { .PersonalDocumentsMainPage__content--_NXXn { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1784px) { .PersonalDocumentsMainPage__content--_NXXn { grid-template-columns: repeat(4, 1fr); } } .PersonalDocumentsMainPage__title--14I8u { align-items: flex-start; display: flex; } .PersonalDocumentsMainPage__settings--2ojQL { align-items: center; cursor: pointer; display: flex; height: 40px; justify-content: center; margin-left: auto; width: 40px; } .PersonalDocumentsMainPage__settings--2ojQL:hover { background: var(--vkui--color_background_secondary_alpha--hover); border-radius: 8px; } .PersonalDocumentsMainPage__smsBlockWrapper--2v1-H { height: 236px; margin-top: 52px; width: 477px; } .PersonalDocumentsMainPage__info--3oa4J { align-items: center; display: flex; flex-grow: 1; } .PersonalDocumentsMainPage__informer--38Tu_ { align-self: flex-start; box-sizing: border-box; flex-shrink: 0; height: 42px; padding: 4px 0px; } .RestoreFromSafeButton__tip--1q0bA { width: 323px; } .RestoreFromSafeButton__tip--1q0bA .RestoreFromSafeButton__tipContent--3IiV9 { padding: 20px; } .RestoreFromSafeButton__tip--1q0bA .RestoreFromSafeButton__tipText--2rXd7 { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--line_height--regular); } .AnimatedBell__root--1V7RB { height: 20px; position: relative; width: 20px; } .AnimatedBell__root--1V7RB, .AnimatedBell__root--1V7RB svg { color: red; } .AnimatedBell__informer--31e86 { align-items: center; background: var(--vkui--color_background); display: flex; height: 12px; justify-content: center; position: absolute; right: 0px; top: -2px; width: 12px; } .AnimatedBell__dot--3RcIY { height: 8px; position: relative; width: 8px; } .AnimatedBell__dot--3RcIY, .AnimatedBell__dot--3RcIY::before { background-color: var(--vkui--color_background_negative); border-radius: 50%; } .AnimatedBell__dot--3RcIY::before { animation: 1.8s ease-out 0s infinite normal none running AnimatedBell__pulse--3qYMf; content: ""; height: 14px; left: -3px; opacity: 0.5; position: absolute; top: -3px; transform: translate(-50%, -50%); width: 14px; } @keyframes AnimatedBell__pulse--3qYMf { 0% { transform: scale(0); } 50% { transform: scale(1); } 100% { opacity: 0; transform: scale(0); } } .FeaturesButton__root--1EC8X { border-radius: 8px; cursor: pointer; padding: 8px; position: relative; } .FeaturesButton__root--1EC8X:hover, .FeaturesButton__root--1EC8X:hover .FeaturesButton__informer--2VEY4 { background-color: var(--vkui--color_background_tertiary--hover); } .FeaturesButton__root_mobile--z8m4n { background-color: var(--vkui--cloud_color_header_icon_background_alpha); border-radius: 50%; } .FeaturesButton__root_mobile--z8m4n:hover { background-color: var(--vkui--color_background_secondary); } .FeaturesButton__root_mobile--z8m4n .FeaturesButton__informer--2VEY4 { background-color: initial; } .FeaturesButton__informer--2VEY4 { align-items: center; background-color: var(--vkui--color_background); display: flex; height: 12px; justify-content: center; position: absolute; right: 8px; top: 6px; width: 12px; } .FeaturesButton__dot--3NWhR { background-color: var(--vkui--color_background_negative); border-radius: 50%; height: 8px; position: relative; width: 8px; } .FeaturesListItem__root--2ERUi { background-color: var(--vkui--color_background_tertiary); border-radius: 12px; height: 90px; margin-top: 8px; position: relative; width: 100%; } .FeaturesListItem__root_mobile--3wqit { background-color: var(--vkui--color_background_modal); } .FeaturesListItem__content--3EJ95 { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; padding: 16px; width: calc(100% - 126px); } .FeaturesListItem__link--2GEH0 { display: flex; height: 100%; } .FeaturesListItem__title--3YWKn { font-weight: var(--vkui--font_weight_accent1); white-space: nowrap; } .FeaturesListItem__text--3jRtY, .FeaturesListItem__title--3YWKn { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: 14px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; } .FeaturesListItem__text--3jRtY { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; font-weight: var(--vkui--font_weight_accent3); max-height: 36px; } .FeaturesListItem__imageWrapper--2OP50 { border-radius: 0px 12px 12px 0px; overflow: hidden; width: 126px; } .FeaturesListItem__image--2BNPl { height: 100%; } .FeaturesListItem__informer--1cHYM { background-color: var(--vkui--color_background_negative); border-radius: 50%; height: 8px; left: 0px; position: absolute; top: 0px; width: 8px; } .FeaturesDropdown__root--3Olty { border-radius: 16px; box-sizing: border-box; padding: 20px; width: 424px; } .FeaturesDropdown__title--1vcrh { font-size: var(--vkui--font_title2--font_size--regular); font-weight: var(--vkui--font_title2--font_weight--regular); line-height: var(--vkui--font_title2--line_height--regular); } .FeaturesDropdown__link--2ipd7, .FeaturesDropdown__title--1vcrh { font-family: var(--vkui--font_family_accent); } .FeaturesDropdown__link--2ipd7 { color: var(--vkui--color_text_accent); font-size: 13px; font-weight: var(--vkui--font_weight_accent1); line-height: 16px; } .FeaturesDropdown__link--2ipd7:hover { color: var(--vkui--color_text_accent--hover); } .FeaturesDropdown__link--2ipd7:active { color: var(--vkui--color_text_accent--active); } .WebSearchToolbar__group--lDSnY { display: flex; font-family: var(--vkui--font_family_accent); } .WebSearchToolbar__group--lDSnY button:not(:last-child) { margin: 0 var(--vkui--size_button_group_gap_small--regular) 0 0; } .WebSearchToolbar__container--l1PU6 { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background); border-radius: var(--vkui--size_border_radius_paper--regular); box-shadow: var(--vkui--elevation3); padding: var(--vkui--size_div_padding--regular) 0; width: 260px; } .SearchPage__root--1G5UD.SearchPage__root_new_portal_header--1TmRy { height: 100%; } .SearchPage__root--1G5UD.SearchPage__root_new_portal_header--1TmRy .SearchPage__datalistSelectable--3hXYY { height: calc(100% - 42px); } .SearchPage__root--1G5UD.SearchPage__root_new_portal_header--1TmRy .SearchPage__searchPageHeader_new_portal_header--2PLfO { padding: 0px 16px; width: auto; } .SearchPage__searchPageHeader--1QSYl { align-items: center; display: flex; flex-shrink: 0; justify-content: space-between; max-width: 100%; overflow: hidden; width: 100%; } .SearchPage__contentSearchToolbar--17Bgn { margin-top: 20px; } .SearchPage__viewSelection--X75Fu { margin-bottom: 20px; } .SharedTabs__root--1t7uC { height: 30px; margin-top: 12px; } .SharedAutoDeletePage__root--3dpMn { display: flex; flex: 1 0 auto; flex-direction: column; position: relative; } .SharedAutoDeletePage__root--3dpMn.SharedAutoDeletePage__root_new_portal_header--m8jKo { height: 100%; } .SharedAutoDeletePage__root--3dpMn.SharedAutoDeletePage__root_new_portal_header--m8jKo .SharedAutoDeletePage__datalistSelectable--2Sk26 { height: calc(100% - 100px); } .SharedAutoDeletePage__root--3dpMn .SharedAutoDeletePage__headerContainer_new_portal_header--99-7i { height: fit-content; margin-bottom: 16px; padding: 0px 16px; } .SharedAutoDeletePage__title--3QXQw { font-family: var(--font-tt-norms); font-size: 32px; font-weight: 500; line-height: 40px; } .SharedAutoDeletePage__breadPlaceholder--1g_sQ { height: 42px; width: 100%; } .SharedIncomingPage__root--iP8PT { display: flex; flex: 1 0 auto; flex-direction: column; } .SharedIncomingPage__root--iP8PT.SharedIncomingPage__root_new_portal_header--1P4MP { display: flex; flex-direction: column; height: 100%; } .SharedIncomingPage__root--iP8PT.SharedIncomingPage__root_new_portal_header--1P4MP .SharedIncomingPage__datalistSelectable--1X3iG { height: calc(100% - 100px); } .SharedIncomingPage__root--iP8PT .SharedIncomingPage__headerContainer_new_portal_header--1G_Qm { margin-bottom: 16px; padding: 0px 16px; } .SharedIncomingPage__breadPlaceholder--2ktpw { height: 42px; width: 100%; } .SharedIndexedPage__root--1_D9B { display: flex; flex: 1 0 auto; flex-direction: column; position: relative; } .SharedIndexedPage__root--1_D9B.SharedIndexedPage__root_new_portal_header--8A0rX { height: 100%; } .SharedIndexedPage__root--1_D9B.SharedIndexedPage__root_new_portal_header--8A0rX .SharedIndexedPage__datalistSelectable--y85kn { height: calc(100% - 100px); } .SharedIndexedPage__root--1_D9B .SharedIndexedPage__headerContainer_new_portal_header--3WpPM { height: fit-content; margin-bottom: 16px; padding: 0px 16px; } .SharedIndexedPage__title--1gaZx { font-family: var(--font-tt-norms); font-size: 32px; font-weight: 500; line-height: 40px; } .SharedIndexedPage__breadPlaceholder--3-dYv { height: 42px; width: 100%; } .SharedPage__root--4BMCs { display: flex; flex: 1 0 auto; flex-direction: column; } .SharedPage__root--4BMCs.SharedPage__root_new_portal_header--2YBSs { display: flex; flex-direction: column; height: 100%; } .SharedPage__root--4BMCs.SharedPage__root_new_portal_header--2YBSs .SharedPage__datalistSelectable--32MN4 { height: calc(100% - 100px); } .SharedPage__root--4BMCs .SharedPage__headerContainer_new_portal_header--1MuPy { margin-bottom: 16px; padding: 0px 16px; } .SharedPage__breadPlaceholder--oz6p4 { height: 42px; width: 100%; } .VigboAlbumPage__root--3y9sR { margin: 10px 0px; } .VigboAlbumPage__root--3y9sR.VigboAlbumPage__root_new_portal_header--3UQjX { height: 100%; margin: 0px; } .VigboAlbumPage__root--3y9sR.VigboAlbumPage__root_new_portal_header--3UQjX .VigboAlbumPage__datalistContainer_new_portal_header--r2_YO { height: calc(100% - 58px); } .VigboAlbumPage__root--3y9sR .VigboAlbumPage__headerContainer_new_portal_header--2TB-H { align-items: center; display: flex; justify-content: space-between; margin-bottom: 16px; padding: 0px 16px; } .VigboAlbumPage__root--3y9sR .VigboAlbumPage__headerContainer_new_portal_header--2TB-H .VigboAlbumPage__filesCountWrapper--FVriI { align-items: center; display: flex; } .VigboAlbumPage__root--3y9sR .VigboAlbumPage__headerContainer_new_portal_header--2TB-H .VigboAlbumPage__filesCount--27l6M { color: var(--vkui--color_text_secondary); font-family: var(--font-tt-norms); font-size: 15px; line-height: 20px; } .EmptyFinishedVigbo__root--8281V { align-items: center; background: var(--vkui--color_background_secondary); border-radius: 22px; display: flex; flex-direction: column; height: 100%; overflow: hidden; position: relative; width: 100%; } .EmptyFinishedVigbo__lockIcon--3QJeM { background: var(--vkui--color_background_secondary_alpha); border-radius: 16px; display: inline-flex; height: 48px; left: 14px; position: absolute; top: 14px; width: 48px; } .EmptyFinishedVigbo__content--13FpV, .EmptyFinishedVigbo__lockIcon--3QJeM { align-items: center; justify-content: center; } .EmptyFinishedVigbo__content--13FpV { display: flex; flex: 1 1 0%; flex-direction: column; gap: 32px; max-width: 485px; } .EmptyFinishedVigbo__text--2gR-r { align-items: center; display: flex; flex-direction: column; font-family: var(--font_family--vk_sans_display); gap: 9px; } .EmptyFinishedVigbo__text--2gR-r .EmptyFinishedVigbo__header--2ynUm { font-size: 28px; font-weight: 500; line-height: 34px; text-align: center; } .EmptyFinishedVigbo__text--2gR-r .EmptyFinishedVigbo__description--1fh0A { font-size: 16px; line-height: 24px; text-align: center; } .EmptyFinishedVigbo__button--3cbY6 { max-width: 271px; position: relative; border-radius: 14px !important; } .EmptyFinishedVigbo__topImage--3qBE- { position: absolute; right: 0px; top: 0px; transform: scale(0.5); transform-origin: right top; } .EmptyFinishedVigbo__bottomImage--2EAcB { background: var(--vkui--color_background_field); border-radius: 30px 30px 0px 0px; box-sizing: initial; height: 133.5px; padding: 16px; width: 607.5px; } .BenefitCard__root--adUTm { background-color: var(--vkui--color_background_vigbo_benefit); border-radius: 17px; display: flex; flex-direction: column; gap: 31px; padding: 16px; width: 100%; } .BenefitCard__icon--3d4p4 { background-color: var(--vkui--color_background_secondary_alpha); border-radius: 14.4px; height: 48px; width: 48px; } .BenefitCard__text--37WDQ { font-size: 16px; font-weight: 500; line-height: 20px; } .EmptyVigboFeaturesPreview__root--24isj { align-items: center; background: var(--vkui--color_background_secondary); border-radius: 22px; display: flex; flex-direction: column; font-family: var(--font-tt-norms); height: 100%; overflow: hidden; position: relative; width: 100%; } .EmptyVigboFeaturesPreview__leftPicture--3p_Gc { left: 0px; position: absolute; top: 24px; transform: scale(0.5); transform-origin: left top; } .EmptyVigboFeaturesPreview__rightPicture--2DRbd { position: absolute; right: 0px; top: 0px; transform: scale(0.5); transform-origin: right top; } .EmptyVigboFeaturesPreview__content--3tJ8N { gap: 106px; margin: auto; } .EmptyVigboFeaturesPreview__content--3tJ8N, .EmptyVigboFeaturesPreview__textContent--14ur2 { align-items: center; display: flex; flex-direction: column; } .EmptyVigboFeaturesPreview__textContent--14ur2 { width: 485px; } .EmptyVigboFeaturesPreview__logo--3OEV- { display: inline; } .EmptyVigboFeaturesPreview__title--2BHQV { font-size: 28px; font-weight: 500; line-height: 34px; margin-top: 24px; } .EmptyVigboFeaturesPreview__text--1ptTZ, .EmptyVigboFeaturesPreview__title--2BHQV { text-align: center; } .EmptyVigboFeaturesPreview__text--1ptTZ { font-size: 16px; line-height: 22.32px; margin-top: 9px; } .EmptyVigboFeaturesPreview__buttonsContainer--HU864 { display: flex; gap: 12px; height: 50px; margin-top: 32px; } .EmptyVigboFeaturesPreview__bttn--1oCXj { width: 141px; border-radius: 14px !important; font-size: 16px !important; font-weight: 500 !important; line-height: 20px !important; } .EmptyVigboFeaturesPreview__benefitsContainter--3nN9O { display: flex; flex-direction: row; gap: 12px; max-width: 80.5%; min-height: 151px; } .AdvFullscreenContainer__container--kqD-4 { position: absolute; z-index: 100002; } .FrozenWarning__root--1Dg5l { align-items: center; bottom: 50%; display: flex; flex-direction: column; position: fixed; right: 50%; text-align: center; transform: translate(50%, 50%); width: 500px; z-index: 10000; } @media (min-height: 789px) { .FrozenWarning__root--1Dg5l { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/690d6a6af51807880f70.svg") center top / 120px 120px no-repeat; padding-top: 152px; } } .FrozenWarning__title--3P4OC { font-family: var(--font-tt-norms); font-size: 24px; line-height: 32px; } .FrozenWarning__description--SGORB { font-family: var(--font-inter); font-size: 15px; line-height: 20px; margin-top: 16px; } .FrozenWarning__description--SGORB p { margin: 10px 0px; } .FrozenWarning__description--SGORB a { text-decoration: none; } .FrozenWarning__button--1IoeM { margin-top: 20px; } .FrozenWarning__link--3IFhS { color: var(--color-grey); cursor: pointer; font-size: 13px; margin-top: 15px; } .FrozenWarning__root_mobile--1T7S1 { box-sizing: border-box; max-height: 100%; max-width: 100%; overflow: auto; padding: 20px; scrollbar-width: none; } .FrozenWarning__root_mobile--1T7S1::-webkit-scrollbar { display: none; } .FrozenWarning__root_mobile--1T7S1 .FrozenWarning__description--SGORB br { display: none; } .FrozenWarning__white_text--GYu6Y { color: var(--color_text_muted--dark); } .BaseInputDialog__content--1CH9w { margin-top: 16px; } .BaseInputDialog__waitText--pIAcu { font-size: 13px; padding-left: 5px; padding-top: 5px; } .BaseInputDialog__input--x5QKo .ui.fluid.input { box-sizing: border-box; height: 40px; } .BaseInputDialog__input--x5QKo .ui.fluid.input input { background-color: var(--vkui--color_field_background); border-color: var(--vkui--color_field_border_alpha); border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: 15px; font-weight: 400; height: 40px; line-height: 20px; } .BaseInputDialog__input--x5QKo .ui.fluid.input input::selection { background: var(--vkui--color_background_accent_tint_alpha); color: var(--vkui--color_text_primary); } .index__wrapper--11Ntm { display: flex; flex-direction: column; } .index__error--37wkb { color: var(--vkui--color_background_negative); font-size: 13px; line-height: 13px; text-align: left; white-space: pre-wrap; word-break: break-word; margin-top: 8px !important; } .index__error_fix--1pEzE { margin-top: -12px; } .index__error_input--1USAB { margin-bottom: 0px !important; } .index__error_input--1USAB input { background-color: var(--vkui--color_field_background) !important; border-color: var(--vkui--color_background_negative) !important; color: var(--vkui--color_background_negative) !important; } .ConvertFb2ToEpubDialog__header--3Q7Od { font-size: 24px; font-weight: 500; line-height: 28px; } .ConvertFb2ToEpubDialog__content--157Sl, .ConvertFb2ToEpubDialog__header--3Q7Od { letter-spacing: 0px; text-align: left; } .ConvertFb2ToEpubDialog__content--157Sl { font-size: 15px; font-weight: 400; line-height: 20px; } .CreateDocumentByLinkDialog__text--1QH5t { font-family: var(--font-tt-norms); } .DisableAdsPromo__root--7jdcQ { background: rgb(237, 242, 255); border-radius: var(--vkui--size_card_border_radius--regular); bottom: 15px; box-sizing: border-box; font-family: var(--font-tt-norms); font-size: 13px; height: 60px; left: 50%; line-height: 15px; overflow: hidden; padding: 12px; position: fixed; transform: translateX(-50%); width: 416px; z-index: 1000; } .DisableAdsPromo__root--7jdcQ, .DisableAdsPromo__wrapper--1ZPxd { align-items: center; display: flex; } .DisableAdsPromo__wrapper--1ZPxd { justify-content: space-between; position: relative; width: 100%; } .DisableAdsPromo__text--YwFGM { font-size: 14px; margin-right: 25px; word-break: normal; } .DisableAdsPromo__button--2OArO.ui.big.button.button { background: var(--cloud--color_background_accent_alpha); color: var(--vkui--color_background_accent); font-size: 14px; line-height: 20px; white-space: nowrap; } .DisableAdsPromo__button--2OArO.ui.big.button.button:hover { background: var(--vkui--color_background_accent--hover); color: var(--vkui--color_text_contrast); } .DisableAdsPromo__button--2OArO.ui.big.button.button:active { background: var(--vkui--color_background_accent--active); } .DisableAdsPromo__icon--2sk1p { height: 36px; margin-right: 12px; } .DisableAdsPromo__container--27BlB { align-items: center; display: flex; } .FamilyFolderModal__titleBlock--snfW_ { display: flex; flex-direction: column; gap: 5px; width: 348px; } .FamilyFolderModal__titleBlock--snfW_ > .FamilyFolderModal__title--Igdt2 { font-size: 24px; font-weight: 500; line-height: 28px; } .FamilyFolderModal__titleBlock--snfW_ > .FamilyFolderModal__description--1ARVC { font-size: 14px; font-weight: 400; line-height: 18px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } @media (max-width: 1024px) { .SharingNewUnMount__root_responsive--22Jy_.modal.ui.small { max-width: 548px; width: calc(100% - var(--vkui--x5)); } } .PublicPassword__root--2E1Jn { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; flex-direction: column; font-family: var(--font-tt-norms); height: 100%; overflow: auto; padding: 24px 0px 32px; scrollbar-width: none; text-align: left; width: 100%; } .PublicPassword__root--2E1Jn::-webkit-scrollbar { display: none; } .PublicPassword__password--hWU4F.vkuiFormField { border-radius: 8px; flex: 1 1 0%; height: 36px; margin-right: 8px; min-height: 36px; width: 100%; } .PublicPassword__password--hWU4F.vkuiFormField .vkuiInput__el { height: 36px; padding-left: 12px; } .PublicPassword__password--hWU4F.vkuiFormField .vkuiInput__el::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_paragraph--font_size--regular); line-height: var(--vkui--font_paragraph--line_height--regular); } .PublicPassword__password--hWU4F.vkuiFormField .vkuiInput__el::placeholder { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_paragraph--font_size--regular); line-height: var(--vkui--font_paragraph--line_height--regular); } .PublicPassword__password--hWU4F.vkuiFormField .vkuiFocusVisible--mode-outline { border-color: var(--vkui--color_stroke_accent); } .PublicPassword__passwordError--2d5VX.vkuiFormField .vkuiFocusVisible--mode-outline { border-color: var(--vkui--color_stroke_negative); } .PublicPassword__title--9Hkw8 { -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; font-family: var(--vkui--font_title1--font_family--regular); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--compact); line-height: var(--vkui--font_title1--line_height--regular); overflow: hidden; padding-right: var(--vkui--x6); word-break: break-all; } .PublicPassword__text--1djxU { font-size: var(--vkui--font_subtitle_medium--font_size); line-height: var(--vkui--font_subtitle_medium--line_height); } .PublicPassword__text--1djxU.PublicPassword__redesign--1xN5Z { font-size: var(--vkui--font_paragraph--font_size--regular); } .PublicPassword__errorText--iFE3x { color: var(--vkui--color_text_negative); font-size: var(--vkui--font_footnote--font_size--regular,14px); font-weight: var(--vkui--font_footnote--font_weight--regular,400); line-height: var(--vkui--font_footnote--line_height--regular,18px); } .PublicPassword__inputActions--1-jPK { align-items: center; display: flex; gap: var(--vkui--x2); margin: 0 var(--vkui--x2); } .PublicPassword__cancel--YaUkr, .PublicPassword__passwordToogle--GebQH { color: var(--vkui--color_icon_secondary_alpha); cursor: pointer; } .PublicPassword__footer--2qcWa { display: flex; gap: var(--vkui--x4); } .PublicPassword__modal--1v6xi.modal.ui .content { font-family: var(--font-tt-norms); } .PublicPassword__modal--1v6xi.modal .ui.button { font-size: 15px; line-height: 1; } .DeletePublicPasswordDialog__text--2pNG8 { font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); } .DeletePublicPasswordDialog__dialog--1hsN6[data-qa-modal="delete-public-password-confirm"] > [class*="content"] { font-family: var(--font-tt-norms); padding: 0px 32px !important; } .DeletePublicPasswordDialog__dialog--1hsN6[data-qa-modal="delete-public-password-confirm"] > [class*="actions"] { font-family: var(--font-tt-norms); } .ui.small.modal > .header:not(.ui) { padding-bottom: 12px !important; } .DeletePublicPasswordDialog__dialog--1hsN6[data-qa-modal="delete-public-password-confirm"] [class*="button"] { font-size: 15px; height: 36px; line-height: 1; } .DeletePublicPasswordConfirmModal__text--kUznq { font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); } .SharingNewCollapsedDialog__dialog--2fu1w { padding: 32px 0px; } .SharingNewCollapsedDialog__dialog--2fu1w.modal.ui { width: 548px; } .vkui--cloud--dark div:has(.SharingNewCollapsedDialog__dialog--2fu1w) { background: rgba(0, 0, 0, 0.4) !important; } .SharingNewCollapsedDialog__heading--1n7Lh { font-family: var(--vkui--font_family_accent); font-size: 24px; font-weight: 500; line-height: 28px; margin-bottom: 16px; } .SharingNewCollapsedDialog__buttons--2Slhh { display: flex; justify-content: space-between; } .SharingNewCollapsedDialog__closeBtn--7hKFT.ui.button { color: rgb(145, 147, 153); font-weight: 500; } .SharingNewAddUser__root--6Tjxj { display: block; } .SharingNewAddUser__root--6Tjxj.SharingNewAddUser__tabs--33QeD { height: 36px; } .SharingNewAddUser__root--6Tjxj.SharingNewAddUser__tabs--33QeD .ui.fluid.input { height: 36px; } .SharingNewAddUser__root--6Tjxj.SharingNewAddUser__tabsError--3lkRM { height: auto; } .SharingNewAddUser__inputField--1kgVR { margin-right: 9px; position: relative; } .SharingNewAddUser__inputField--1kgVR, .SharingNewAddUser__inputRow--2bJyH { display: flex; width: 100%; } .SharingNewAddUser__inputRow--2bJyH { height: 40px; padding-bottom: 4px; } .SharingNewAddUser__inputRowRedesign--2qWaB { height: 36px; } .SharingNewAddUser__dropdown--1A-XR { align-items: center; display: flex; height: 100%; justify-content: center; } .SharingNewAddUser__dropdown--1A-XR.SharingNewAddUser__tabs--33QeD { height: 32px; position: absolute; right: 2px; top: 2px; z-index: 10; } .SharingNewAddUser__inputWrapper--1v7vJ { border-radius: 8px; width: 100%; } .SharingNewAddUser__suggestDropdown--3hPse { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; box-shadow: var(--vkui--elevation3); font-family: var(--font-tt-norms); max-height: 216px; padding: 8px 0px; width: 307px; } .SharingNewAddUser__user--3y8sl { align-items: center; display: flex; } .SharingNewAddUser__avatar--1TJG9 { border: 1px solid var(--vkui--color_skeleton_from); border-radius: 50%; display: block; height: 36px; margin-right: 8px; width: 36px; } .SharingNewAddUser__info--3D7Zg { display: flex; flex-direction: column; justify-content: center; max-width: calc(100% - 46px); } .SharingNewAddUser__name--1pjCz { font-size: 15px; } .SharingNewAddUser__email--1PMSh, .SharingNewAddUser__name--1pjCz { line-height: 18px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .SharingNewAddUser__email--1PMSh { color: var(--vkui--color_text_secondary); font-size: 13px; } .SharingNewAddUser__rightsItem--mr8Ik { align-items: center; display: flex; height: 100%; } .SharingNewAddUser__errorMessage--nHH2D { font-size: 13px; line-height: 18px; margin-top: 12px; } .SharingNewAddUser__errorMessage--nHH2D, .SharingNewAddUser__errorMessage--nHH2D a { color: var(--vkui--color_text_negative); } .SharingNewAddUser__dropdownMenu--17Ile { font-family: var(--font-tt-norms); } .SharingNewAddUser__root_phone--1jocK .SharingNewAddUser__inputRow--2bJyH { background: var(--vkui--color_background_accent_tint_alpha); border-radius: 12px; box-sizing: border-box; flex-direction: column; height: auto; padding: 16px 12px; } .SharingNewAddUser__root_phone--1jocK .SharingNewAddUser__buttonWrapper--2SC3W { display: flex; margin-top: 12px; } .SharingNewAddUser__root_phone--1jocK .SharingNewAddUser__action--2aHj3 { margin-right: 12px; } .SharingNewAddUser__tabs--33QeD.ui.primary.button { height: 36px; } .SharingNewAddUser__tabs--33QeD .ui.fluid.input input { border-color: var(--vkui--color_image_border_alpha); border-radius: 8px; } .InputSuggest__root--DCCTi { display: flex; height: 40px; } .InputSuggest__input--3KAzA, .InputSuggest__root--DCCTi { width: 100%; } .InputSuggest__input--3KAzA .ui.fluid.input input { background: transparent; border: 1px solid var(--vkui--color_field_border_alpha); border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); padding: 10px 12px; position: relative; transition: border-color 0.3s; width: 100%; } .InputSuggest__input--3KAzA .ui.fluid.input input:hover { border-color: var(--vkui--color_field_border_alpha--hover); z-index: 1; } .InputSuggest__input--3KAzA .ui.fluid.input input:focus { border-color: var(--vkui--color_field_border_alpha--active); z-index: 1; } .InputSuggest__input--3KAzA .ui.fluid.input input:not(:focus) { text-overflow: ellipsis; } .InputSuggest__input--3KAzA .ui.fluid.input input::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); font-size: 15px; line-height: 20px; } .InputSuggest__input--3KAzA .ui.fluid.input input::placeholder { color: var(--vkui--color_text_secondary); font-size: 15px; line-height: 20px; } .InputSuggest__input--3KAzA .ui.fluid.input input::selection { background: var(--vkui--color_background_accent_tint_alpha); } .InputSuggest__input--3KAzA .ui.fluid.input input:disabled { opacity: 1; pointer-events: none; } .InputSuggest__input_error--2BwbE .ui.fluid.input input { border-color: var(--vkui--color_accent_red); z-index: 1; } .InputSuggest__input_right_action--1977i .ui.fluid.input input { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .InputSuggest__input_rendered_action--2wtVF .ui.fluid.input input { padding: 10px 160px 10px 12px; } .InputSuggest__input_vk--2Fy3i .ui.fluid.input input { background: var(--vkui--color_field_background); border: 1px solid transparent; border-radius: 12px; } .InputSuggest__input_vk--2Fy3i .ui.fluid.input input:focus { border: 1px solid var(--vkui--color_accent_blue); } .UserList__root--g6bsg { margin-top: 24px; } .UserList__root_tabs--1wKHp { margin-bottom: 28px; margin-top: 12px; } .UserList__root_tabs--1wKHp .UserList__usersList--3s18T { margin-top: 12px; overflow-y: auto; padding-bottom: 0px; } .UserList__root_embeded--2y9kf { margin-top: 0px; } .UserList__loading--32st0 { height: 80px; min-height: 80px; transform: translateY(-30px); } .UserList__mounted--1FhPE .UserList__loading--32st0 { transform: translateY(-16px); } .UserList__mountedRights--2Kj2c { margin-top: 24px; } .UserList__mountedRights--2Kj2c > span { font-weight: 500; } .UserList__user--34-lZ { margin-bottom: 16px; } .UserList__user--34-lZ:last-child, .UserList__user_embeded--2aZeU { margin-bottom: 0px; } .UserList__root_phone--1R_89 { position: relative; } .UserList__root_phone--1R_89 .UserList__usersList--3s18T { max-height: none; overflow: hidden; padding: 0px; } .UserList__root_phone--1R_89 .UserList__user--34-lZ { margin-bottom: 4px; } .UserList__root_phone--1R_89 .UserList__user--34-lZ:last-child { margin-bottom: 0px; } .UserList__root_phone--1R_89 .UserList__mountedRights--2Kj2c { padding: 0px 8px; } .UserList__usersList--3s18T { margin: 24px 0px 0px; max-height: 180px; padding-bottom: 15px; } .UserList__usersList--3s18T.UserList__compact--1bscZ { max-height: 108px; } .UserList__usersList_embeded--zoek9 { display: flex; flex-direction: column; gap: 12px; margin: 12px 0px 32px; max-height: 204px; padding-bottom: 0px; } .UserList__usersList_scroll--21YUu { overflow: auto; padding-bottom: 0px; } .UserList__collapsedList--2V3tZ { align-items: center; background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; display: flex; gap: 8px; height: 28px; margin-top: 12px; padding: 0px; width: 100%; } .UserList__collapsedList_avatarContainer--2nu-Y { height: 28px; position: relative; width: 28px; } .UserList__collapsedList_avatar--AzDfo { border-radius: 50%; height: 20px; position: absolute; width: 20px; } .UserList__collapsedList_avatar--AzDfo:first-child { left: 0px; top: 0px; } .UserList__collapsedList_avatar--AzDfo:last-child { bottom: 0px; right: 0px; } .UserList__collapsedList_users--7XJla { color: var(--cloud--color_text_sharing_tab_button); margin: 0px; } .UserList__collapsedList_chevron--AfmGJ { color: rgb(190, 191, 195); margin-left: auto; } .SharingNewWeblinkList__root--2n6V- { margin-top: 24px; } .SharingNewWeblinkList__root--2n6V-.SharingNewWeblinkList__root_embeded--36Jl2 { margin-top: 0px; } .SharingNewWeblinkList__section--3W-Py:only-child { padding-bottom: 0px; } .SharingNewWeblinkList__root_phone--ifowo { position: relative; } .SharingNewWeblinkList__root_phone--ifowo .SharingNewWeblinkList__usersList--2Fl2c { max-height: none; overflow: hidden; padding: 0px; } .SharingNewWeblinkList__root_phone--ifowo .SharingNewWeblinkList__user--3q9D- { margin-bottom: 4px; } .SharingNewWeblinkList__root_phone--ifowo .SharingNewWeblinkList__user--3q9D-:last-child { margin-bottom: 0px; } .SharingNewWeblinkList__root_phone--ifowo .SharingNewWeblinkList__mountedRights--bB_Tf { padding: 0px 8px; } .SharingWeblink__root--l-hIM { margin-top: var(--vkui--size_popup_margin--compact); } .SharingWeblink__root_tutoria--35tS2 { margin-top: 12px; } .SharingWeblink__root_tutoria--35tS2 .SharingWeblink__copyWeblink--1ZZWV { height: auto; margin: 0px -20px 4px; padding: 5px; } .SharingWeblink__root_tutoria--35tS2 .SharingWeblink__rightItem--3i-A6 { height: auto; } .SharingWeblink__root_opened--2rLhf { max-height: 100vh; opacity: 1; transition: opacity 1s ease-out, max-height 1s ease-out; } .SharingWeblink__root_closed--1wPhv { margin: 0px; max-height: 0px; opacity: 0; padding: 0px; } .SharingWeblink__root--l-hIM .SharingWeblink__root_opened--2rLhf, .SharingWeblink__root_no_edit--31Ke7 { margin-top: 0px; } .SharingWeblink__copyWeblink--1ZZWV { background: var(--vkui--color_background_accent_tint_alpha); border-radius: var(--vkui--size_border_radius_paper--regular); box-sizing: border-box; height: var(--vkui--x20); margin: 0px -20px 12px; padding: var(--vkui--size_field_horizontal_margin--regular); } .SharingWeblink__rightItem--3i-A6 { align-items: center; display: flex; font-size: var(--vkui--font_text--font_size--regular); height: var(--vkui--x10); line-height: 19px; position: relative; } .SharingWeblink__rightIcon--3_0nn { display: flex; margin-left: auto; } .SharingWeblink__rightItem_leftIcon--2zegf { color: var(--vkui--color_icon_accent); display: flex; margin-left: 6px; position: relative; } .SharingWeblink__rightItem_leftIcon--2zegf::before { content: ""; cursor: pointer; height: 48px; left: -100%; position: absolute; top: -100%; width: 48px; } .SharingWeblink__paidLabel--1sDEk { background-color: var(--vkui--color_background_modal_inverse); border-radius: var(--vkui--size_border_radius_promo--regular); color: var(--vkui--color_text_contrast); font-size: 10px; font-weight: 700; line-height: var(--vkui--font_caption3--line_height--regular); padding: 5px 8px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .SharingWeblink__dropdownMenu--viOpg, .SharingWeblink__paidLabel--1sDEk { font-family: var(--font-tt-norms); } .SharingWeblink__rightItem_disabled--Dh3aX .SharingWeblink__rightTitle--2j2z_ { opacity: 0.48; pointer-events: none; } .SharingWeblink__rightItem_disabled--Dh3aX .SharingWeblink__rightIcon--3_0nn { cursor: pointer; } .SharingWeblink__rightTitle--2j2z_.SharingWeblink__tabs--2Zny0 { align-items: center; display: flex; font-size: 15px; gap: 8px; margin-left: 4px; } .SharingWeblink__rightTitle--2j2z_.SharingWeblink__tabs--2Zny0 svg { padding: 4px; transform: translateY(-1px); } .SharingWeblink__dialogContent--3Sgn7 { margin-top: var(--vkui--size_tip_margin--regular); } .SharingWeblink__dialogContent--3Sgn7 span { font-weight: 600; } .SharingWeblink__tooltip--33xW7 { min-width: calc(100% - 32px); } .SharingWeblink__cellGroup--35WH_ { background-color: var(--vkui--color_background_tertiary); border-radius: var(--vkui--size_border_radius_paper--regular); margin: 0px -20px 20px; padding: 12px 20px; } .SharingWeblink__rightAction--jlnsh { padding: var(--vkui--size_cardgrid_padding--regular) var(--vkui--size_cardgrid_padding_vertical--regular); } .SharingWeblink__dropdown--uwa_6, .SharingWeblink__rightAction--jlnsh { margin-left: auto; } .SharingWeblink__dropdown--uwa_6.SharingWeblink__disabledOnboarding--nGdce { cursor: pointer; } .SharingWeblink__closeAccessBottom--dQ1TZ { background-color: var(--vkui--color_background_content); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--vkui--color_text_secondary); cursor: pointer; font-size: var(--vkui--font_headline1--font_size--regular); } .SharingWeblink__root_phone--2SiN_ .SharingWeblink__copyWeblink--1ZZWV { height: auto; margin: 0px 0px 16px; padding: 16px 12px; } .SharingWeblink__root_phone--2SiN_ .SharingWeblink__input--2yK3f { margin: 0px; } .SharingWeblink__root_phone--2SiN_ .SharingWeblink__rightItem--3i-A6 { align-items: start; box-sizing: border-box; flex-direction: column; font-size: var(--vkui--font_headline1--font_size--regular); height: 56px; line-height: var(--vkui--font_title3--line_height--regular); padding: 6px 16px; position: relative; } .SharingWeblink__root_phone--2SiN_ .SharingWeblink__rightTitle--2j2z_.SharingWeblink__tabs--2Zny0 { margin-left: 0px; } .SharingWeblink__root_phone--2SiN_ .SharingWeblink__paidLabel--1sDEk { display: none; right: var(--vkui--size_tab_padding--regular); } .SharingWeblink__root_phone--2SiN_ .SharingWeblink__rightItem_disabled--Dh3aX .SharingWeblink__paidLabel--1sDEk { display: block; } .SharingWeblink__root_phone--2SiN_ .SharingWeblink__dropdown--uwa_6 { inset: 0px; padding: 0px; position: absolute; } .SharingWeblink__root_phone--2SiN_ .SharingWeblink__headline--25QS9 { margin: 10px 8px; } .SharingWeblink__headline--25QS9 { font-family: var(--vkui--font_family_accent); font-size: 20px; font-weight: 500; line-height: 24px; margin: 10px 0px; } .DisableSeoTooltip__root--2-V39 { box-sizing: border-box; padding: 16px; position: relative; width: 290px; } .DisableSeoTooltip__title--1-rB5 { color: var(--vkui--color_text_primary); font-size: var(--vkui--font_paragraph--font_size--regular); font-weight: var(--vkui--ffont_paragraph--font_weight--regular); line-height: var(--vkui--font_paragraph--line_height--regular); } .DisableSeoTooltip__wrapper--3glGp { width: 300px; } .vkui--cloud--dark.rebranding .AutoDeleteOnboardingTooltip__root--Wu0_U { background-color: var(--vkui--color_background_modal_inverse); } .AutoDeleteOnboardingTooltip__tooltip--LadGI { box-sizing: border-box; padding: 20px; position: relative; width: 378px; } .AutoDeleteOnboardingTooltip__tooltipTitle--1AOlT { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .AutoDeleteOnboardingTooltip__tooltipText--16eGx, .AutoDeleteOnboardingTooltip__tooltipTitle--1AOlT { font-family: var(--vkui--font_family_accent); } .AutoDeleteOnboardingTooltip__tooltipText--16eGx { font-size: var(--vkui--font_text--font_size--regular); max-width: 250px; } .AutoDeleteOnboardingTooltip__image--3xOHD { bottom: 0px; flex-shrink: 0; height: 108px; position: absolute; right: 0px; width: 92px; } .ChangeDesign__tooltip--2SJGq { box-sizing: border-box; padding: 20px; position: relative; width: 380px; } .ChangeDesign__tooltipTitle--3-AuJ { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .ChangeDesign__tooltipText--e3EL-, .ChangeDesign__tooltipTitle--3-AuJ { font-family: var(--vkui--font_family_accent); } .ChangeDesign__image--2mGUr { bottom: 7px; height: auto; position: absolute; right: 0px; width: 66px; } .ChangeDesign__infoText--AaIua { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_caption2_caps--font_size--regular); font-weight: var(--vkui--font_caption2--font_weight--regular); letter-spacing: 0.11px; line-height: var(--vkui--font_caption2--line_height--regular); } .ChangeDesign__buttonLink--11vYV.ui.button { color: var(--vkui--color_text_accent) !important; font-family: var(--vkui--font_family_base) !important; font-size: var(--vkui--font_text--font_size--regular) !important; line-height: 1 !important; padding: var(--vkui--size_base_padding_vertical--regular) var(--vkui--size_cardgrid_padding_vertical--regular) !important; } .ChangeDesign__buttonLink--11vYV.ui.button { border-radius: var(--vkui--size_border_radius--regular); margin-right: 8px; } .ChangeDesign__buttonLink--11vYV.ui.button:hover { color: var(--vkui--color_text_accent--hover) !important; } .ChangeDesign__buttonLink--11vYV.ui.button:active, .ChangeDesign__buttonLink--11vYV.ui.button:hover { background: var(--vkui--color_transparent--hover) !important; } .ChangeDesign__buttonLink--11vYV.ui.button.ChangeDesign__onboardingLink--25m3N { margin-right: 0px; } .ChangeDesign__buttonLinkRedesign--2JCYu.ui.button { font-size: 15px !important; text-transform: lowercase !important; } .ChangeDesign__titleWrapper--1wwHX { align-items: center; display: flex; flex-direction: row; } .ChangeDesign__titleWrapperRedesign--1qLIz { font-size: 15px; } .ChangeDesign__themePreview--1hfJR { background-size: cover; border-radius: 4px; height: 26px; margin-left: 6px; width: 60px; } .ChangeDesign__themeNotSet--2GgMV { color: var(--vkui--color_text_tertiary); font-size: var(--vkui--font_text--font_size--regular); line-height: 19px; } .ChangeDesign__themeNotSetRedesign--k8jsl { font-size: 15px; } .vkui--cloud--dark.rebranding .PasswordOnboardingTooltip__root--1ZlQb { background-color: var(--vkui--color_background_modal_inverse); } .PasswordOnboardingTooltip__tooltip--2HCK2 { box-sizing: border-box; padding: 20px; position: relative; width: 378px; } .PasswordOnboardingTooltip__tooltipTitle--Gzanc { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .PasswordOnboardingTooltip__tooltipText--2cm-Y, .PasswordOnboardingTooltip__tooltipTitle--Gzanc { font-family: var(--vkui--font_family_accent); } .PasswordOnboardingTooltip__tooltipText--2cm-Y { font-size: var(--vkui--font_text--font_size--regular); } .PasswordOnboardingTooltip__image--GxrEq { bottom: 0px; flex-shrink: 0; height: 108px; position: absolute; right: 0px; width: 92px; } .Password__password--2E0fT.vkuiFormField { flex: 1 1 0%; height: 32px; margin-right: 8px; min-height: 32px; width: 100%; } .Password__password--2E0fT.vkuiFormField .vkuiInput__el { height: 32px; padding-left: 12px; } .Password__password--2E0fT.vkuiFormField .vkuiInput__el::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); } .Password__password--2E0fT.vkuiFormField .vkuiInput__el::placeholder { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); } .Password__password--2E0fT.vkuiFormField .vkuiFocusVisible--mode-outline { border-color: var(--vkui--color_text_link); } .Password__passwordError--n0yBi.vkuiFormField .vkuiFocusVisible--mode-outline { border-color: var(--vkui--color_stroke_negative); } .Password__passwordToogle--21WWe { color: var(--vkui--color_icon_secondary_alpha); } .Password__error--2bwot, .Password__passwordToogle--21WWe { cursor: pointer; margin-left: 6px; width: 20px; } .Password__error--2bwot { color: var(--vkui--color_icon_negative); } .Password__savePassword--tLKEc.ui.button { color: var(--vkui--color_text_accent) !important; font-family: var(--vkui--font_family_base) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 20px !important; padding-left: 6px !important; padding-right: 6px !important; } .Password__savePassword--tLKEc.ui.button { margin-left: 4px; margin-right: 4px; } .Password__savePassword--tLKEc.ui.button:hover { color: var(--vkui--color_text_accent--hover) !important; } .Password__passwordCancel--2MkWA { color: var(--vkui--color_icon_secondary); cursor: pointer; } .Password__passwordCancel--2MkWA.Password__withRightMargin--3Y24E { margin-right: 8px; } .Password__tooltip--1Y78Y { -webkit-font-smoothing: antialiased; box-sizing: border-box; padding: 20px 40px 20px 20px; width: 228px; } .Password__tooltipText--30h7y { font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); } .PublicPassword__root--1docY { align-items: center; display: flex; flex-wrap: wrap; font-size: var(--vkui--font_text--font_size--regular); line-height: 19px; min-height: var(--vkui--x10); position: relative; } .PublicPassword__rootRedesign--2AGJN { font-size: 15px; } .PublicPassword__passwordNotSet--VEYFd, .PublicPassword__passwordSet--1vl-n { font-size: var(--vkui--font_text--font_size--regular); line-height: 19px; } .PublicPassword__passwordNotSetRedesign--2aIBH, .PublicPassword__passwordSetRedesign--2zxRy { font-size: 15px; } .PublicPassword__passwordSet--1vl-n { color: var(--vkui--color_text_positive); } .PublicPassword__passwordNotSet--VEYFd { color: var(--vkui--color_text_tertiary); } .PublicPassword__buttonWrapper--3JOvp.PublicPassword__enabled--1y1Tt { cursor: pointer; } .PublicPassword__buttonLink--2KK8x.ui.button { color: var(--vkui--color_text_accent) !important; font-family: var(--vkui--font_family_base) !important; font-size: var(--vkui--font_text--font_size--regular) !important; line-height: 1 !important; padding: var(--vkui--size_base_padding_vertical--regular) var(--vkui--size_cardgrid_padding_vertical--regular) !important; } .PublicPassword__buttonLink--2KK8x.ui.button { border-radius: var(--vkui--size_border_radius--regular); margin-right: 8px; } .PublicPassword__buttonLink--2KK8x.ui.button:hover { color: var(--vkui--color_text_accent--hover) !important; } .PublicPassword__buttonLink--2KK8x.ui.button:active, .PublicPassword__buttonLink--2KK8x.ui.button:hover { background: var(--vkui--color_transparent--hover) !important; } .PublicPassword__buttonLink--2KK8x.ui.button.PublicPassword__onboardingLink--2Zbfa { margin-right: 0px; } .PublicPassword__buttonLinkRedesign--3TYg6.ui.button { font-size: 15px !important; } .PublicPassword__buttonLinkRedesign--3TYg6.ui.button { text-transform: lowercase; } .PublicPassword__menuIcon--3KBRa { border-radius: var(--vkui--size_border_radius--regular); color: var(--vkui--color_icon_accent); cursor: pointer; margin-right: 6px; padding: 6px 10px; } .PublicPassword__menuIcon--3KBRa.PublicPassword__opened--Pjlqv, .PublicPassword__menuIcon--3KBRa:active, .PublicPassword__menuIcon--3KBRa:hover { background: var(--vkui--color_transparent--hover); } .PublicPassword__actions--17YTx { display: flex; flex-direction: row; } .PublicPassword__dropdown--qN1nf { margin-left: auto; } .PublicPassword__skeleton--2oskZ { animation: 1s linear 0s infinite normal none running PublicPassword__shine--2KpKB; background-color: var(--vkui--color_background_secondary); background-image: linear-gradient(90deg, rgba(244, 244, 246, 0) 29.39%, rgba(255, 255, 255, 0.54) 52.41%, rgba(244, 244, 246, 0) 75%); background-size: 200% 100%; border-radius: 8px; height: 40px; width: 101px; } .vkui--cloud--dark .PublicPassword__skeleton--2oskZ { background-image: linear-gradient(90deg, rgba(52, 52, 52, 0) 29.39%, rgba(107, 107, 107, 0.2) 52.41%, rgba(52, 52, 52, 0) 75%); } .PublicPassword__rootMobile--17j0h { padding: 6px 16px; } .PublicPassword__rootMobile--17j0h .PublicPassword__passwordNotSet--VEYFd, .PublicPassword__rootMobile--17j0h .PublicPassword__passwordSet--1vl-n { display: block; font-size: var(--vkui--font_footnote--font_size--regular); line-height: var(--vkui--font_footnote--line_height--regular); margin-top: 2px; } .PublicPassword__rootMobile--17j0h .PublicPassword__skeleton--2oskZ { height: 36px; width: 122px; } .PublicPassword__buttonMobile--2L5_6.ui.button { background: var(--vkui--color_background_secondary); font-weight: 500; } .PublicPassword__buttonMobile--2L5_6.ui.button:active, .PublicPassword__buttonMobile--2L5_6.ui.button:hover { background: var(--vkui--color_background_secondary--active); } .PublicPassword__buttonCopyMobile--3MG5a { cursor: pointer; margin-right: -8px; padding: 8px; } @keyframes PublicPassword__shine--2KpKB { 100% { background-position-x: -200%; } } .Tooltip__tooltip--2L6gW { -webkit-font-smoothing: antialiased; box-sizing: border-box; padding: 20px; position: relative; width: 380px; } .Tooltip__tooltipTitle--3jj7S { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .Tooltip__tooltipText--1iDds, .Tooltip__tooltipTitle--3jj7S { font-family: var(--vkui--font_family_accent); } .Tooltip__tooltipText--1iDds { font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .Tooltip__tooltipButton--34nzX.ui.button { -webkit-font-smoothing: antialiased; font-size: 15px; width: auto; } .Tooltip__image--1kJUq { bottom: 0px; height: auto; position: absolute; right: 0px; width: 120px; } .Tooltip__caption--bQ7UJ { color: var(--vkui--color_text_secondary); } .vkui--cloud--dark.rebranding .PaidFeaturesTooltip__root--1xN8k { background-color: var(--vkui--color_background_modal_inverse); } .PaidFeaturesTooltip__tooltip--dsTeq { box-sizing: border-box; padding: 20px; position: relative; width: 378px; } .PaidFeaturesTooltip__tooltipTitle--dBvkj { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .PaidFeaturesTooltip__tooltipText--10tgS, .PaidFeaturesTooltip__tooltipTitle--dBvkj { font-family: var(--vkui--font_family_accent); } .PaidFeaturesTooltip__tooltipText--10tgS { font-size: var(--vkui--font_text--font_size--regular); max-width: 250px; } .PaidFeaturesTooltip__image--E678k { bottom: 0px; flex-shrink: 0; height: 93px; position: absolute; right: -1px; width: 129px; } .PaidFeaturesWrapper__root--1irXb { border: 1.5px solid transparent; border-radius: 12px; display: flex; flex-direction: column; margin: 0px -20px; padding: 0px 20px; position: relative; transition: border 0.2s ease-out; } .PaidFeaturesWrapper__root--1irXb.PaidFeaturesWrapper__withBorder--4SQqF { border-color: rgb(36, 154, 252); } .PaidFeaturesWrapper__root--1irXb.PaidFeaturesWrapper__intab--12hs5 { margin: 0px -10px; padding: 0px 10px; } .PaidFeaturesWrapper__tooltipAnchor--3AVvh { bottom: 0px; position: absolute; right: 20px; top: 0px; } .PaidFeaturesWrapper__tooltipAnchor--3AVvh.PaidFeaturesWrapper__outer--37EXr { right: 0px; } .vkui--cloud--dark.rebranding .SharingOnboardingTooltip__root--1Wa4A { background-color: var(--vkui--color_background_modal_inverse); } .SharingOnboardingTooltip__tooltip--18ysz { box-sizing: border-box; padding: 20px; position: relative; width: 378px; } .SharingOnboardingTooltip__tooltipTitle--iiGgK { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .SharingOnboardingTooltip__tooltipText--3db0l, .SharingOnboardingTooltip__tooltipTitle--iiGgK { font-family: var(--vkui--font_family_accent); } .SharingOnboardingTooltip__tooltipText--3db0l { font-size: var(--vkui--font_text--font_size--regular); max-width: 250px; } .SharingOnboardingTooltip__image--24BGo { bottom: 0px; height: 108px; position: absolute; right: -1px; width: 110px; } .SharingOnboardingHeader__root--6tjRm { -webkit-font-smoothing: antialiased; justify-content: space-between; width: 100%; } .SharingOnboardingHeader__root--6tjRm, .SharingOnboardingHeader__root--6tjRm .SharingOnboardingHeader__container--3l9Z_ { align-items: center; display: flex; } .SharingOnboardingHeader__root--6tjRm .SharingOnboardingHeader__container--3l9Z_ { gap: 10px; } .SharingOnboardingHeader__root--6tjRm .SharingOnboardingHeader__container--3l9Z_ .SharingOnboardingHeader__text--10_Ra { font-size: 20px; font-weight: 500; line-height: 24px; } .SharingOnboardingHeader__root--6tjRm .SharingOnboardingHeader__container--3l9Z_ .SharingOnboardingHeader__icon--3eyHB { transform: rotate(180deg); transition: transform 0.1s ease-in-out; } .SharingOnboardingHeader__root--6tjRm.SharingOnboardingHeader__opened--293eq .SharingOnboardingHeader__icon--3eyHB { transform: rotate(0deg); } .SharingOnboardingHeader__root--6tjRm .SharingOnboardingHeader__button--1cX1-.ui.button { font-size: 15px !important; line-height: 20px !important; padding: 8px 12px !important; } .SharingOnboardingHeader__root--6tjRm .SharingOnboardingHeader__button--1cX1-.ui.button { align-items: center; background: var(--vkui--color-other-cloud-color-landing-button-background); border-radius: 8px; color: var(--vkui--color_text_accent_themed); display: flex; font-family: var(--font_family--vk_sans_display); font-weight: 500; gap: 4px; height: 36px; justify-content: center; } .SharingOnboardingHeader__root--6tjRm .SharingOnboardingHeader__button--1cX1-.ui.button:hover { background: var(--vkui--color-other-cloud-color-landing-button-background--hover); } .SharingOnboardingHeader__root--6tjRm .SharingOnboardingHeader__button--1cX1-.ui.button:active { background: var(--vkui--color-other-cloud-color-landing-button-background--active); } .vkui--cloud--dark.rebranding .SharingOnboardingHeader__root--6tjRm .SharingOnboardingHeader__button--1cX1-.ui.button { background: var(--color-back-white-1); } .vkui--cloud--dark.rebranding .SharingOnboardingHeader__root--6tjRm .SharingOnboardingHeader__button--1cX1-.ui.button:hover { background: var(--color-back-white-1--hover); } .vkui--cloud--dark.rebranding .SharingOnboardingHeader__root--6tjRm .SharingOnboardingHeader__button--1cX1-.ui.button:active { background: var(--color-back-white-1--active); } .SharingOnboarding__root--1KK5l { display: flex; flex-direction: column; } .SharingOnboarding__root--1KK5l.SharingOnboarding__tabDesign--2wz0a { margin-left: -10px; } .SharingOnboarding__animated--1vuc5 { overflow: hidden; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .CloseSharing__root--2_cg2.ui.button { margin-bottom: var(--vkui--x8); } @media (max-width: 840px) { .CloseSharing__root--2_cg2.ui.button { margin-bottom: var(--vkui--x6); } } .CloseSharing__contrast--19Vqy.ui.button { color: var(--vkui--color_text_secondary); } .CloseSharing__root--2_cg2.ui.button.CloseSharing__root_phone--16_Tr { justify-content: center; margin-bottom: 0px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .SharingNewAddUser__root--3H-gk { display: block; margin: 12px 0px; } .SharingNewAddUser__root--3H-gk .ui.fluid.input input { height: 44px !important; } .SharingNewAddUser__inputField--1m2Vc { margin-right: var(--vkui--x3); } .SharingNewAddUser__inputField--1m2Vc, .SharingNewAddUser__inputRow--3o4GZ { display: flex; width: 100%; } .SharingNewAddUser__inputRow--3o4GZ { height: 44px; } @media (max-width: 840px) { .SharingNewAddUser__inputRow--3o4GZ { flex-direction: column; height: auto; } } .SharingNewAddUser__dropdown--3Rakp { align-items: center; display: flex; height: 100%; justify-content: center; } .SharingNewAddUser__inputWrapper--2JI1w { border-radius: 8px; width: 100%; } .SharingNewAddUser__suggestDropdown--2E6QT { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; box-shadow: var(--vkui--elevation3); font-family: var(--font-tt-norms); max-height: 216px; padding: 8px 0px; width: 307px; } .SharingNewAddUser__user--1iVi6 { align-items: center; display: flex; } .SharingNewAddUser__avatar--7bFTH { border: 1px solid var(--color-datalist-selected); border-radius: 50%; display: block; height: 36px; margin-right: 8px; width: 36px; } .SharingNewAddUser__info--8OhuW { display: flex; flex-direction: column; justify-content: center; max-width: calc(100% - 46px); } .SharingNewAddUser__name--1MOIN { font-size: 15px; } .SharingNewAddUser__email--2gH6F, .SharingNewAddUser__name--1MOIN { line-height: 18px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .SharingNewAddUser__email--2gH6F { color: var(--vkui--color_text_secondary); font-size: 13px; } .SharingNewAddUser__rightsItem--3uQ2y { align-items: center; display: flex; height: 100%; } .SharingNewAddUser__errorMessage--2LWBn { font-size: 13px; line-height: 18px; margin-top: 12px; } .SharingNewAddUser__errorMessage--2LWBn, .SharingNewAddUser__errorMessage--2LWBn a { color: var(--vkui--color_text_negative); } .SharingNewAddUser__dropdownMenu--2rviw { font-family: var(--font-tt-norms); } .SharingNewAddUser__buttonWrapper--1ky2C { height: 100%; min-width: 129px; } @media (max-width: 840px) { .SharingNewAddUser__buttonWrapper--1ky2C { height: 44px; margin-top: var(--vkui--x4); } } .SharingNewAddUser__button--2LT6z { width: 100%; } .SharingNewAddUser__button--2LT6z.ui.button { height: 100%; } .SharingNewAddUser__root_phone--2GGyl .SharingNewAddUser__inputRow--3o4GZ { background: var(--vkui--color_background_accent_tint_alpha); border-radius: 12px; box-sizing: border-box; flex-direction: column; height: auto; padding: 16px 12px; } .SharingNewAddUser__root_phone--2GGyl .SharingNewAddUser__buttonWrapper--1ky2C { display: flex; margin-top: 12px; } .SharingNewAddUser__root_phone--2GGyl .SharingNewAddUser__action--1j1iu { margin-right: 12px; } .SharingNewAddUser__root_phone_vkt--YaIaF .SharingNewAddUser__inputRow--3o4GZ { background: rgb(225, 237, 255); border-radius: 12px; box-sizing: border-box; flex-direction: column; height: auto; padding: 16px 12px; } .SharingNewAddUser__root_phone_vkt--YaIaF .SharingNewAddUser__buttonWrapper--1ky2C { display: flex; flex-direction: column; gap: 10px; height: 98px; margin-top: 12px; } .SharingNewAddUser__root_phone_vkt--YaIaF .SharingNewAddUser__buttonWrapper--1ky2C > * { flex: 1 1 0%; } .SharingNewAddUser__root_phone_vkt--YaIaF .SharingNewAddUser__action--1j1iu { width: 100%; } .SharingNewAddUser__root_phone_vkt--YaIaF .SharingNewAddUser__dropdown--3Rakp { display: block; } .SharingNewAddUser__inputSuggesst--EqeHb { height: 44px; } .SharingNewAddUser__input--279q_ { background: var(--vkui--color_background_modal); border-bottom-left-radius: var(--vkui--x3); border-top-left-radius: var(--vkui--x3); } .SharingNewAddUser__input--279q_ .ui.fluid.input input { padding: 10px 0px 10px 12px; } .SharingNewAddUser__input--279q_ * { border: 0px !important; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .SharingNewDropdown__root--3yp1G { border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_accent); cursor: pointer; height: 100%; margin-right: -8px; padding: 12px 8px; } .SharingNewDropdown__root--3yp1G:hover { background: var(--vkui--color_transparent--hover); } .SharingNewDropdown__root--3yp1G:active { background: var(--vkui--color_image_border_alpha); } @media (max-width: 840px) { .SharingNewDropdown__root--3yp1G { border-radius: 0px; padding: 0 0 0 var(--vkui--x6); } .SharingNewDropdown__root--3yp1G:active, .SharingNewDropdown__root--3yp1G:hover { background: none; } .SharingNewDropdown__root--3yp1G.SharingNewDropdown__root_in_user--2Wcdq { padding: 0px; } } .SharingNewDropdown__container--1ECtH { align-items: center; display: flex; justify-content: end; width: 100%; } .SharingNewDropdown__root_opened--2yboE, .SharingNewDropdown__root_opened--2yboE:active, .SharingNewDropdown__root_opened--2yboE:hover { background: var(--vkui--color_image_border_alpha); } @media (max-width: 840px) { .SharingNewDropdown__root_opened--2yboE, .SharingNewDropdown__root_opened--2yboE:active, .SharingNewDropdown__root_opened--2yboE:hover { background: none; } } .SharingNewDropdown__text--1M8E7 { line-height: 1; margin-right: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } @media (max-width: 840px) { .SharingNewDropdown__text--1M8E7 { line-height: var(--vkui--font_paragraph--line_height--regular); margin-right: 0px; white-space: inherit; } } .SharingNewDropdown__icon--3lVQM { fill: var(--vkui--color_text_accent); transform: translateY(1px); transition: transform 0.3s; } @media (max-width: 840px) { .SharingNewDropdown__icon--3lVQM { position: absolute; right: 0px; top: 4px; } } .SharingNewDropdown__root_color_gray--2mBW0 { color: var(--vkui--color_text_accent); } .SharingNewDropdown__root_color_gray--2mBW0 .SharingNewDropdown__icon--3lVQM { fill: var(--vkui--color_icon_accent); } .SharingNewDropdown__root_color_red--3fg0n { color: var(--vkui--color_stroke_negative); } .SharingNewDropdown__root_color_red--3fg0n .SharingNewDropdown__icon--3lVQM { fill: var(--vkui--color_stroke_negative); } .SharingNewDropdown__root_opened--2yboE .SharingNewDropdown__icon--3lVQM { transform: translateY(1px) rotate(180deg); } .SharingNewDropdown__root_disabled--1exNI { opacity: 0.48; pointer-events: none; } .SharingNewDropdown__root_in_input--2CjAs { background: var(--vkui--color_background_modal); border-bottom-left-radius: 0px; border-top-left-radius: 0px; box-sizing: border-box; display: flex; padding: 0px 12px; position: relative; transform: translateX(-1px); transition: border-color 0.3s; } .SharingNewDropdown__root_in_input--2CjAs.SharingNewDropdown__root_opened--2yboE, .SharingNewDropdown__root_in_input--2CjAs:active, .SharingNewDropdown__root_in_input--2CjAs:hover { background: var(--vkui--color_background_modal); border-color: var(--vkui--color_background_modal); z-index: 1; } .SharingNewDropdown__root_in_input--2CjAs .SharingNewDropdown__icon--3lVQM, .SharingNewDropdown__root_in_user--2Wcdq .SharingNewDropdown__icon--3lVQM { position: static; } .SharingNewDropdown__root_phone--3dBi3 { font-size: 14px; height: 100%; line-height: 18px; padding: 12px 16px; width: 100%; } .SharingNewDropdown__root_phone--3dBi3 .SharingNewDropdown__container--1ECtH { justify-content: start; padding-top: 20px; } .SharingNewDropdown__root_phone--3dBi3 .SharingNewDropdown__icon--3lVQM { color: var(--vkui--color_text_primary_invariably); position: absolute; right: 16px; top: 50%; transform: translateY(-50%); } .SharingNewDropdown__root_phone--3dBi3.SharingNewDropdown__root_opened--2yboE .SharingNewDropdown__icon--3lVQM { transform: translateY(-50%) rotate(180deg); } .SharingNewDropdown__root_phone--3dBi3.SharingNewDropdown__root_in_user--2Wcdq { padding: 28px 0px 0px 68px; } .SharingNewDropdown__root_in_input--2CjAs.SharingNewDropdown__root_phone--3dBi3 { align-items: center; background: var(--vkui--color_background_modal); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; display: flex; font-size: 16px; font-weight: 500; justify-content: center; line-height: 22px; padding: 0px 44px 0px 24px; position: static; } .SharingNewDropdown__root_in_input--2CjAs.SharingNewDropdown__root_phone--3dBi3.SharingNewDropdown__root_opened--2yboE { background: var(--vkui--color_image_border_alpha); } .SharingNewDropdown__root_in_input--2CjAs.SharingNewDropdown__root_phone--3dBi3 .SharingNewDropdown__container--1ECtH { padding-top: 0px; } .SharingNewSection__root--1Q4cw { position: relative; } .SharingNewSection__header--1BdE- { align-items: center; cursor: pointer; display: inline-flex; font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_text--font_size--regular5--font_size); font-weight: 500; line-height: var(--vkui--font_text--font_size--regular5--line_height); } .SharingNewSection__title--3xktL { margin-right: 12px; } .SharingNewSection__content--Vq_a5 { height: 0px; opacity: 0; transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out; visibility: hidden; } .SharingNewSection__root_opened--3WraY .SharingNewSection__content--Vq_a5 { height: auto; opacity: 1; visibility: visible; } .SharingNewSection__root_opened--3WraY.SharingNewSection__root_no_switch--2KkIw { padding-top: 0px; } .SharingNewSection__root_opened--3WraY:last-child { padding-bottom: 0px; } .SharingNewSection__root_opened--3WraY:only-child { padding-bottom: 24px; } .SharingNewSection__root_phone--3HIwx .SharingNewSection__header--1BdE- { font-size: 18px; line-height: 24px; } .SharingNewSection__root_phone--3HIwx.SharingNewSection__root_no_switch--2KkIw { margin: 0px; } .SharingNewSection__root_phone--3HIwx.SharingNewSection__root_opened--3WraY.SharingNewSection__root_no_switch--2KkIw { padding-bottom: 0px; } .SharingNewSection__root_phone--3HIwx .SharingNewSection__title--3xktL { padding: 0px 8px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .User__root--1mb6c { display: flex; height: 40px; } @media (max-width: 840px) { .User__root--1mb6c { height: auto; } } .User__root_status_new--19x3y .User__userContainer--1lZMS, .User__root_status_send--3PCos .User__userContainer--1lZMS { opacity: 0.48; } .User__userContainer--1lZMS { align-items: center; display: flex; max-width: 100%; min-width: 1px; width: 100%; } @media (max-width: 840px) { .User__userContainer--1lZMS { align-items: flex-start; flex-direction: column; } } .User__avatar--1clpB { background-size: 100% auto; border-radius: 50%; display: block; flex-shrink: 0; height: 36px; margin-right: 8px; position: relative; width: 36px; } .User__avatar--1clpB::after { border: 1px solid var(--vkui--color_field_border_alpha); border-radius: 50%; inset: 0px; content: ""; position: absolute; } .User__owner--3OnG2 { padding-right: 10px; white-space: nowrap; } .User__info--1lCoI { display: flex; flex-direction: column; justify-content: center; max-width: 100%; min-width: 1px; width: 100%; } .User__name--1yjo3 { font-size: 15px; } .User__email--3iGzF, .User__name--1yjo3 { line-height: 18px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .User__email--3iGzF { color: var(--vkui--color_text_secondary); font-size: 13px; } .User__rightItem--25aGx { color: var(--vkui--color_text_primary); font-size: 15px; line-height: 1; margin-left: auto; white-space: nowrap; } .User__dropdownItem--3Nghx { cursor: pointer; font-family: var(--font-tt-norms); font-size: 15px; line-height: 20px; padding: 10px 20px; } .User__dropdownItem--3Nghx:hover { background: var(--vkui--color_background--hover); } .User__dropdownMenu--3G8JS { font-family: var(--font-tt-norms); } .User__unmount--3WKql { border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_accent); cursor: pointer; height: 40px; line-height: 1; padding: 12px 8px; white-space: nowrap; } .User__unmount--3WKql:hover { background: var(--vkui--color_transparent--hover); } .User__unmount--3WKql:active { background: var(--vkui--color_image_border_alpha); } .User__tooltip--15NLo { min-width: calc(100% - 32px); } .User__unmountContainer--1vsh8 { padding-right: 2px; } .User__unmountText--2Pdea { display: block; } .User__root_phone--1gA9j { align-items: center; box-sizing: border-box; height: 68px; padding: 6px 16px; position: relative; } .User__root_phone--1gA9j .User__infoContainer--1kdjY { align-items: start; flex-direction: column; max-width: 100%; min-width: 1px; } .User__root_phone--1gA9j .User__rightItem--25aGx { box-sizing: border-box; margin-left: 0px; width: 100%; } .User__root_phone--1gA9j .User__avatar--1clpB { height: 40px; margin-right: 12px; width: 40px; } .User__root_phone--1gA9j .User__email--3iGzF, .User__root_phone--1gA9j .User__name--1yjo3 { margin-bottom: 2px; } .User__root_phone--1gA9j .User__userContainer--1lZMS { align-items: start; flex-direction: column; } .User__root_phone--1gA9j .User__dropdown--14DUg { inset: 0px; position: absolute; } .User__root_phone--1gA9j .User__owner--3OnG2 { color: var(--vkui--color_text_accent); } .User__root_phone--1gA9j.User__root_withDropdown--2ex3C .User__userContainer--1lZMS { padding-bottom: 16px; } .User__root_phone--1gA9j .User__unmount--3WKql { inset: 0px; height: auto; padding: 0px; position: absolute; } .User__root_phone--1gA9j .User__unmountText--2Pdea { padding: 47px 0px 0px 67px; } .User__dropdown--14DUg > div { margin-right: 0px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .SharingNewWeblink__copyWeblink--10usq { margin-bottom: 12px; margin-top: 12px; } @media (max-width: 840px) { .SharingNewWeblink__copyWeblink--10usq { margin-bottom: var(--vkui--x6); } } .SharingNewWeblink__innerContent--1MuI8 { background: var(--vkui--color_background_tertiary); border-radius: var(--vkui--size_border_radius_paper--regular); padding: var(--vkui--x4) var(--vkui--x6) var(--vkui--x4); } .SharingNewWeblink__titleWrapper--1OzXu { align-items: center; display: flex; } @media (max-width: 840px) { .SharingNewWeblink__titleWrapper--1OzXu { margin-bottom: var(--vkui--x1); } } .SharingNewWeblink__rightsItem--27E86 { align-items: center; display: flex; font-size: 15px; height: 44px; justify-content: space-between; position: relative; width: 100%; } @media (max-width: 840px) { .SharingNewWeblink__rightsItem--27E86 { align-items: flex-start; flex-direction: column; height: auto; margin-bottom: var(--vkui--x6); } .SharingNewWeblink__rightsItem--27E86 .SharingNewWeblink__dropdown--1F4G6 { width: 100%; } } .SharingNewWeblink__rightsItem--27E86 .SharingNewWeblink__dropdownButton--1OfkH { color: var(--vkui--color_accent_blue); } .SharingNewWeblink__innerContent--1MuI8.SharingNewWeblink__short---u-B- { padding: var(--vkui--x4) var(--vkui--x6); } @media (max-width: 840px) { .SharingNewWeblink__innerContent--1MuI8.SharingNewWeblink__short---u-B- { padding: var(--vkui--x4) var(--vkui--x6); } .SharingNewWeblink__innerContent--1MuI8.SharingNewWeblink__short---u-B- .SharingNewWeblink__rightsItem--27E86, .SharingNewWeblink__rightsItemNoMargin--K-nfY { margin-bottom: 0px; } } .SharingNewWeblink__rightsTitle--A07c3 { font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--compact); line-height: var(--vkui--font_text--line_height--compact); margin-right: auto; white-space: nowrap; } .SharingNewWeblink__rightsIcon--3WVP3 { display: flex; margin-left: auto; } .SharingNewWeblink__paidLabel--jMLYa { background-color: var(--vkui--color_background_modal_inverse); border-radius: 20px; color: var(--vkui--color_text_contrast); font-size: 10px; font-weight: 700; line-height: 12px; padding: 5px 8px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .SharingNewWeblink__dropdownMenu--1EMFg, .SharingNewWeblink__paidLabel--jMLYa { font-family: var(--font-tt-norms); } .SharingNewWeblink__menuIcon--2TcoL { border-radius: var(--vkui--size_border_radius--regular); color: var(--vkui--color_icon_primary); cursor: pointer; margin-left: 6px; padding: 6px; } .SharingNewWeblink__menuIcon--2TcoL:hover { background: var(--vkui--color_transparent--hover); } .SharingNewWeblink__menuIcon--2TcoL.SharingNewWeblink__opened--3kQyG, .SharingNewWeblink__menuIcon--2TcoL:active { background: var(--vkui--color_transparent--active); } .SharingNewWeblink__dropdownAccess--ZyPDr { max-width: 59%; } .SharingNewWeblink__dropdown--1F4G6 .SharingNewWeblink__dropdownPhoneLink--15mjo.ui.button { padding: 32px 16px 12px; } .SharingNewWeblink__rightsItem_disabled--3HBHX .SharingNewWeblink__rightsTitle--A07c3 { opacity: 0.48; pointer-events: none; } .SharingNewWeblink__rightsItem_disabled--3HBHX .SharingNewWeblink__rightsIcon--3WVP3 { cursor: pointer; } .SharingNewWeblink__dialogContent--34WR1 { margin-top: 4px; } .SharingNewWeblink__dialogContent--34WR1 span { font-weight: 600; } .SharingNewWeblink__tooltip--1xuUa { min-width: calc(100% - 32px); } .SharingNewWeblink__icon--2D3ov { margin-right: var(--vkui--size_icon_margin--compact); max-height: 16px; } .SharingNewWeblink__root_phone--2QBG2 .SharingNewWeblink__copyWeblink--10usq { height: auto; margin: 0px 0px 16px; padding: 16px 12px; } .SharingNewWeblink__root_phone--2QBG2 .SharingNewWeblink__input--8hWEJ { margin: 0px; } .SharingNewWeblink__root_phone--2QBG2 .SharingNewWeblink__rightsItem--27E86 { align-items: start; box-sizing: border-box; font-size: 16px; height: 56px; line-height: 24px; padding: 6px 16px; position: relative; } .SharingNewWeblink__root_phone--2QBG2 .SharingNewWeblink__paidLabel--jMLYa { display: none; right: 16px; } .SharingNewWeblink__root_phone--2QBG2 .SharingNewWeblink__rightsItem_disabled--3HBHX .SharingNewWeblink__paidLabel--jMLYa { display: block; } .SharingNewWeblink__root_phone--2QBG2 .SharingNewWeblink__dropdown--1F4G6 { inset: 0px; padding: 0px; position: absolute; } .SharingNewWeblink__root_phone--2QBG2 .SharingNewWeblink__innerContent--1MuI8 { padding: var(--vkui--size_popup_margin--regular); } .SharingNewWeblink__inputCount--3c83X { background: var(--vkui--color_skeleton_from); border: 1px solid transparent; border-radius: var(--vkui--size_border_radius_paper--regular); color: var(--vkui--color_accent_blue); height: 36px; padding: 0 var(--vkui--x3); text-align: center; transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out; width: 39px; } .SharingNewWeblink__inputCount--3c83X:focus, .SharingNewWeblink__inputCount--3c83X:hover { background: var(--vkui--color_field_background); border-color: var(--vkui--color_accent_blue); } @media (max-width: 840px) { .SharingNewWeblink__inputCount--3c83X { height: 28px; } } .SharingNewWeblink__countWrapper--uurum { background: var(--vkui--color_skeleton_from); border-radius: var(--vkui--size_border_radius_paper--regular); box-sizing: border-box; color: var(--vkui--color_accent_blue); height: 39px; line-height: 39px; min-width: 79px; padding: 0 var(--vkui--x3); text-align: center; white-space: nowrap; } @media (max-width: 840px) { .SharingNewWeblink__countWrapper--uurum { height: 30px; left: 0px; line-height: 30px; position: absolute; } } .SharingNewWeblink__notDownloadable--uS_-p { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_paragraph--font_size--regular); line-height: var(--vkui--font_paragraph--line_height--regular); } @media (max-width: 840px) { .SharingNewWeblink__notDownloadable--uS_-p { padding-left: var(--vkui--x6); } } .SharingNewWeblink__notDownloadable--uS_-p.SharingNewWeblink__redesign--QyqRK { margin-right: var(--vkui--x4); } .SharingNewWeblink__downloadInputWrapper--2xWjt { margin-left: var(--vkui--x1); } @media (max-width: 840px) { .SharingNewWeblink__downloadInputWrapper--2xWjt { left: 150px; margin-left: 0px; position: absolute; top: 20px; } } @media (min-width: 840px) { .SharingNewWeblink__downloadDropdown--2f5FR { margin-left: auto; } } .SharingNewSharing__root--11Ya0 { margin-top: 24px; } .SharingNewSharing__usersList--24fyg { margin: 24px 0px 0px; max-height: 250px; overflow: auto; } .SharingNewSharing__section--3LE8Z:only-child, .SharingNewSharing__usersList_scroll--2_4hU { padding-bottom: 0px; } .SharingNewSharing__loading--3PCC- { height: 60px; transform: translateY(-30px); } .SharingNewSharing__mounted--2nv5Z .SharingNewSharing__loading--3PCC- { transform: translateY(-16px); } .SharingNewSharing__mountedRights--3vrZa { margin-top: 24px; } .SharingNewSharing__mountedRightsText--2E1yg { font-weight: 500; } .SharingNewSharing__user--2bYeG { margin-bottom: 16px; } .SharingNewSharing__user--2bYeG:last-child { margin-bottom: 0px; } .SharingNewSharing__root_phone--11UK2 { position: relative; } .SharingNewSharing__root_phone--11UK2 .SharingNewSharing__usersList--24fyg { max-height: none; overflow: hidden; padding: 0px; } .SharingNewSharing__root_phone--11UK2 .SharingNewSharing__user--2bYeG { margin-bottom: 4px; } .SharingNewSharing__root_phone--11UK2 .SharingNewSharing__user--2bYeG:last-child { margin-bottom: 0px; } .SharingNewSharing__root_phone--11UK2 .SharingNewSharing__mountedRights--3vrZa { padding: 0px 8px; } .SharingNewSharing__tabs--32OdI { margin-bottom: var(--vkui--x5); } .SharingNewSharing__toggler--3ihR1 { align-items: center; color: var(--vkui--color_text_accent); cursor: pointer; display: inline-flex; padding: 0 0 0 var(--vkui--x6); } .SharingNewSharing__toggler--3ihR1 svg { transform: rotate(-90deg); } .SharingNewSharing__segmentedControl--1Y9mt { margin-bottom: var(--vkui--x6); } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .SharingNew__root--2YVSc { -webkit-tap-highlight-color: transparent; color: var(--vkui--color_text_primary); transform: translateZ(0px); will-change: height; } .SharingNew__header--2WD4V, .SharingNew__root--2YVSc { font-family: var(--font-tt-norms); } .SharingNew__header--2WD4V { -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; font-size: 24px; font-weight: 500; line-height: 28px; overflow: hidden; padding-right: 24px; word-break: break-all; } .SharingNew__footer--31RZw { display: flex; gap: var(--vkui--x2); padding: var(--vkui--x1) 0; } .SharingNew__footer_old--3aFxw { padding: 0px; } .SharingNew__content--22plu { display: flex; flex-direction: column; gap: var(--vkui--x4); margin-top: var(--vkui--x6); } @media (max-width: 840px) { .SharingNew__content--22plu { margin-top: var(--vkui--x4); } } .SharingNew__content_old--2MEPJ { gap: var(--vkui--x6); } .SharingNew__modal--3k3mT.modal.ui { box-sizing: border-box; padding: var(--vkui--x6) var(--vkui--size_popup_base_padding--compact) 0 var(--vkui--size_popup_base_padding--compact); width: 640px; } @media (max-width: 840px) { .SharingNew__modal--3k3mT.modal.ui { max-width: 640px; padding: 22px var(--vkui--x5) 0 var(--vkui--x5); width: calc(100% - var(--vkui--x5)); } } .SharingNew__modal--3k3mT.modal.ui .content { font-family: var(--font-tt-norms); padding: 0px; } @media (max-width: 840px) { .SharingNew__modal--3k3mT.modal.ui .content { padding: 0px !important; } } .SharingNew__modal--3k3mT.modal .ui.button { font-size: 15px; line-height: 1; padding: 0px 16px; } .SharingNew__root_phone--KT-x_ { display: flex; flex-direction: column; max-height: 100%; min-height: 100%; padding-top: 0px; width: 100%; } .SharingNew__root_phone--KT-x_ .SharingNew__header--2WD4V { font-size: 20px; line-height: 24px; padding: 0px 8px; } .SharingNew__root_phone--KT-x_ .SharingNew__content--22plu { box-sizing: border-box; display: flex; flex: 1 1 auto; flex-direction: column; height: 100%; min-height: 1px; overflow: auto; scrollbar-width: none; } .SharingNew__root_phone--KT-x_ .SharingNew__content--22plu::-webkit-scrollbar { display: none; } .SharingNew__root_phone--KT-x_ .SharingNew__footer--31RZw { display: flex; flex-direction: column; } .SharingNew__backButton--2lPF5.ui.primary.button { margin-bottom: var(--vkui--x6); padding: 0px; } .SharingNew__backButtonContent--2-CoO { align-items: center; display: flex; } .SharingNew__content_pb--j4Faj { padding-bottom: var(--vkui--x8); } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .AdditionalSettings__content--3Uf5I { height: 0px; opacity: 0; padding-top: 0px; transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out, padding-top 0.3s ease-in-out; visibility: hidden; } .AdditionalSettings__toggler--1xCgq { align-items: center; cursor: pointer; display: inline-flex; font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); margin-top: var(--vkui--x3); } @media (max-width: 840px) { .AdditionalSettings__toggler--1xCgq { margin-top: 0px; } } .AdditionalSettings__toggler--1xCgq svg { margin-left: var(--vkui--x1); transform: rotate(90deg); transition: transform 0.3s; } .AdditionalSettings__toggler_pub_pasw--1BDx3 { font-size: var(--vkui--font_headline2--font_size--regular); font-weight: var(--vkui--font_headline2--font_weight--regular); line-height: var(--vkui--font_headline2--line_height--regular); } .AdditionalSettings__toggler_phone--1zltH { padding: 0 var(--vkui--size_button_padding_horizontal--regular); } .AdditionalSettings__toggler_opened--3kjDC svg { transform: rotate(270deg); } .AdditionalSettings__content_opened--3oujH { height: auto; opacity: 1; padding-top: var(--vkui--x3); visibility: visible; } .Tooltip__tooltip--1lXkA { -webkit-font-smoothing: antialiased; box-sizing: border-box; padding: 20px; position: relative; width: 380px; } .Tooltip__tooltipTitle--82FVR { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .Tooltip__tooltipText--1u4aA, .Tooltip__tooltipTitle--82FVR { font-family: var(--vkui--font_family_accent); } .Tooltip__tooltipText--1u4aA { font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .Tooltip__tooltipButton--f_1pO.ui.button { -webkit-font-smoothing: antialiased; font-size: 15px; width: auto; } .Tooltip__image--THM9X { bottom: 0px; height: auto; position: absolute; right: 0px; width: 120px; } .SharingNewSection__root--36TT3 { padding: 24px 0px; position: relative; transition: padding 0.3s ease-out; } .SharingNewSection__header--18nh6 { align-items: center; cursor: pointer; display: inline-flex; font-family: var(--vkui--font_family_accent); line-height: 24px; } .SharingNewSection__title--3nour { font-size: 15px; font-weight: 400; } .SharingNewSection__title--3nour, .SharingNewSection__titleBig--2MUCG { margin-right: 12px; } .SharingNewSection__titleBig--2MUCG { font-size: 20px; font-weight: 500; } .SharingNewSection__content--3PoFL { margin: 0px -20px; opacity: 0; overflow: hidden; padding: 0px 20px; transform: translateZ(0px); transition: max-height 0.3s ease-out, opacity 0.3s ease-out; will-change: max-height; } .SharingNewSection__tutoria_content--1uMLH { margin: 0px; } .SharingNewSection__root_opened--3jvwc { padding: 24px 0px 12px; } .SharingNewSection__tutoria_opened--3gHAn { padding: 12px 0px; } .SharingNewSection__root_opened--3jvwc .SharingNewSection__content--3PoFL { opacity: 1; overflow: visible; } .SharingNewSection__root--36TT3::after { background: var(--vkui--color_background_secondary_alpha); bottom: 0px; content: ""; height: 1px; position: absolute; width: 100%; } .SharingNewSection__root--36TT3:last-child::after { height: 0px; } .SharingNewSection__root_opened--3jvwc:last-child { padding-bottom: 0px; } .SharingNewSection__root_opened--3jvwc:only-child { padding-bottom: 24px; } .SharingNewSection__tutoria_opened--3gHAn:only-child { padding-bottom: 0px; } .SharingNewSection__root_phone--3PMeK .SharingNewSection__header--18nh6 { font-size: 18px; line-height: 24px; } .SharingNewSection__root_phone--3PMeK .SharingNewSection__title--3nour { padding: 0px 8px; } .SharingNewSection__root_phone--3PMeK .SharingNewSection__content--3PoFL { margin: 0px; padding: 0px; } .InformerLimitSharing__info--324vo { align-items: center; background: var(--vkui--color_background_content); border: 1px solid var(--vkui--color_stroke_negative); border-radius: 12px; box-sizing: border-box; display: flex; flex-shrink: 0; height: 70px; justify-content: space-between; margin-bottom: 12px; margin-top: 12px; padding: 12px; position: relative; width: 484px; } .InformerLimitSharing__infoMobile--L0c8X { margin-bottom: 16px; margin-left: 0px; margin-top: 16px; min-height: 90px; padding: 12px; width: 100%; } .InformerLimitSharing__iconInfo--1_gey { align-self: flex-start; color: var(--vkui--color_stroke_negative); } .InformerLimitSharing__content--3qbgq { display: inline-block; flex: 1 1 0%; font-family: var(--font-tt-norms); font-size: var(--vkui--font_headline1--font_size--compact); font-weight: var(--vkui--font_footnote--font_weight--regular); height: 40px; line-height: var(--vkui--font_headline1--line_height--regular); padding-left: 8px; width: 436px; } .InformerLimitSharing__contentMobile--2ILck { display: flex; flex-direction: column; height: 100%; justify-content: space-between; padding-left: 6px; } .InformerLimitSharing__text--2kYAm { color: var(--vkui--color_text_primary); } .InformerLimitSharing__link--3tG5h { color: var(--vkui--color_text_link); } .InformerLimitSharing__link--3tG5h:hover { cursor: pointer; } @media (max-width: 352px) { .InformerLimitSharing__infoMobile--L0c8X { min-height: 115px; } } .TooltipShort__root--26b3W { -webkit-font-smoothing: antialiased; box-sizing: border-box; padding: 16px; position: relative; width: 214px; } .TooltipShort__tooltipText--2hJ82 { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .TooltipShort__tooltipButton--27ZwL.ui.button { -webkit-font-smoothing: antialiased; font-size: 15px; width: auto; } .rebranding .Sharing__modal--1ZOhv.modal .ui.button.primary { background-color: var(--vkui--color_background_accent); } .rebranding .Sharing__modal--1ZOhv.modal .ui.button.primary:hover { background-color: var(--vkui--color_background_accent--hover); } .vkui--cloud--dark.rebranding .Sharing__modal--1ZOhv.modal .ui.button.primary { background-color: var(--vkui--color_background_accent); } .vkui--cloud--dark.rebranding .Sharing__modal--1ZOhv.modal .ui.button.primary:hover { background-color: var(--vkui--color_background_accent--hover); } .Sharing__root--2fF9B { -webkit-tap-highlight-color: transparent; color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); transform: translateZ(0px); will-change: height; } .Sharing__header--1o3Rk, .Sharing__root--2fF9B { -webkit-font-smoothing: antialiased; } .Sharing__header--1o3Rk { font-family: var(--vkui--font_title1--font_family--regular); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--compact); line-height: var(--vkui--font_title1--line_height--regular); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Sharing__header--1o3Rk.Sharing__sharingTabs--2kJV- { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; white-space: normal; } .Sharing__headerModified--3h0v7 { -webkit-font-smoothing: antialiased; font-family: var(--vkui--font_title1--font_family--regular); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--compact); line-height: var(--vkui--font_title1--line_height--regular); margin-left: -20px; } .Sharing__modal--1ZOhv.modal.ui { box-sizing: border-box; padding: 24px 32px 0px; width: 548px; } .Sharing__sharingTabs--2kJV-.modal.ui { padding: 24px 32px; } .Sharing__sharingTabs--2kJV-.modal.ui > .closeIcon svg { color: var(--vkui--color_text_secondary); } .Sharing__sharingRedesign--SocCb.modal.ui > .closeIcon svg { color: var(--vkui--color_text_secondary); } .Sharing__tutoria--37nIf.modal.ui { margin: 0px !important; } .Sharing__tutoria--37nIf.modal.ui { left: 50%; padding: 12px; position: absolute; top: 50%; transform: translate(-50%, -50%); } .Sharing__modal--1ZOhv.modal.ui .content { font-family: var(--font-tt-norms); padding: 0px; } .Sharing__tutoria--37nIf.modal.ui .content { padding: 0px !important; } .Sharing__modal--1ZOhv.modal .ui.button { font-size: var(--vkui--font_footnote--font_size--regular); line-height: 1; padding: 0px 16px; } .Sharing__sharingTabs--2kJV-.modal .ui.button { font-size: 15px; } .Sharing__backButton--bhMRq { margin: 0px 0px 16px -4px; } .Sharing__root_phone--2SSc8 { display: flex; flex-direction: column; max-height: 100%; min-height: 100%; padding-top: 0px; width: 100%; } .Sharing__root_phone--2SSc8 .Sharing__header--1o3Rk { font-size: 20px; line-height: 24px; min-height: 24px; padding: 0px 8px; } .Sharing__root_phone--2SSc8 .Sharing__content--2OnsP { box-sizing: border-box; display: flex; flex: 1 1 auto; flex-direction: column; height: 100%; min-height: 1px; overflow: auto; scrollbar-width: none; } .Sharing__root_phone--2SSc8 .Sharing__content--2OnsP::-webkit-scrollbar { display: none; } .SharingNewSharing__root--1HdJ6 { margin-top: 24px; } .SharingNewSharing__section--a7j0z:only-child { padding-bottom: 0px; } .SharingNewSharing__root_phone--3N-n0 { position: relative; } .SharingNewSharing__root_phone--3N-n0 .SharingNewSharing__usersList--36ztj { max-height: none; overflow: hidden; padding: 0px; } .SharingNewSharing__root_phone--3N-n0 .SharingNewSharing__user--2IBOI { margin-bottom: 4px; } .SharingNewSharing__root_phone--3N-n0 .SharingNewSharing__user--2IBOI:last-child { margin-bottom: 0px; } .SharingNewSharing__root_phone--3N-n0 .SharingNewSharing__mountedRights--3Rogu { padding: 0px 8px; } .SharingPersonalAccessBlock__section--2Pq32:only-child { padding-bottom: 0px; } .SharingPersonalAccessBlock__root_phone--24f3i { position: relative; } .SharingPersonalAccessBlock__root_phone--24f3i .SharingPersonalAccessBlock__usersList--1NiJl { max-height: none; overflow: hidden; padding: 0px; } .SharingPersonalAccessBlock__root_phone--24f3i .SharingPersonalAccessBlock__user--1nCzT { margin-bottom: 4px; } .SharingPersonalAccessBlock__root_phone--24f3i .SharingPersonalAccessBlock__user--1nCzT:last-child { margin-bottom: 0px; } .SharingPersonalAccessBlock__root_phone--24f3i .SharingPersonalAccessBlock__mountedRights--11M8x { padding: 0px 8px; } .SharingPersonalAccessBlock__btnContainer--2yTYm.ui.button { height: 36px; } .SharingPersonalAccessBlock__closeAccessButton--2g5Q5 { align-items: center; display: flex; font-weight: 500; gap: 8px; justify-content: center; } .SharingPersonalAccessBlock__closeAccessButton--2g5Q5 span { font-size: 15px; } .SharingPersonalAccessBlock__copyWeblink--1QRVh { box-sizing: border-box; display: flex; font-weight: 500; gap: 12px; height: 36px; } .SharingPersonalAccessBlock__copyWeblink--1QRVh, .SharingPersonalAccessBlock__description--1m8O9, .SharingPersonalAccessBlock__title--4nfAA { margin-top: 12px; } .SharingPersonalAccessBlock__userCounter--1jsV5 { color: var(--vkui--color_text_secondary); margin-left: 4px; } .SharingBizDisabledWeblinkBlock__sharingDisabledBlockContainer--3lPsF { display: flex; flex-direction: column; } .SharingBizDisabledWeblinkBlock__sharingDisabledOptions--f2DcW { margin-left: -8px; margin-right: -8px; padding: 16px 0px 24px; } .SharingBizDisabledWeblinkBlock__sharingDisabledOpenAccessButton--2lcb5 { align-items: center; display: flex; font-weight: 500; gap: 4px; justify-content: center; width: fit-content; } .SharingBizDisabledWeblinkBlock__sharingDisabledOpenAccessButton--2lcb5 span { font-size: 15px; } .SharingDisabledWeblinkBlock__emptyContainer--3XntV { align-items: center; display: flex; flex-direction: column; margin-top: 20px; } .SharingDisabledWeblinkBlock__emptyImage--L8Ohh { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/light/24fac2fa1ffd31b8b43a.png"); background-position: 42% center; background-size: cover; height: 170px; width: 340px; } .SharingDisabledWeblinkBlock__emptyStateIcon--3NS1d { color: var(--vkui--color_accent_blue); margin: var(--vkui--x8); } .vkui--cloud--dark .SharingDisabledWeblinkBlock__emptyImage--L8Ohh { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/dark/a273c3c8e7ffb3395484.png"); background-position-x: 33%; } .SharingDisabledWeblinkBlock__emptyHeader--3PxkX { color: var(--cloud--color_text_sharing_tab_button); font-size: 20px; font-weight: 500; line-height: 26px; margin-bottom: 8px; margin-top: 0px; } .SharingDisabledWeblinkBlock__emptyDescription--13t0r { color: var(--vkui--color_text_secondary); font-size: 15px; line-height: 20px; margin-bottom: 20px; text-align: center; } .SharingDisabledWeblinkBlock__openAccessButton--isSn7 { align-items: center; display: flex; font-weight: 500; gap: 8px; justify-content: center; } .SharingDisabledWeblinkBlock__openAccessButton--isSn7 span { font-size: 15px; } .SharingOptions__root--pbbke { margin-top: var(--vkui--size_popup_margin--compact); } .SharingOptions__root_tutoria--3X9sZ { margin-top: 12px; } .SharingOptions__root_tutoria--3X9sZ .SharingOptions__copyWeblink--1Q7eL { height: auto; margin: 0px -20px 4px; padding: 5px; } .SharingOptions__root_tutoria--3X9sZ .SharingOptions__rightItem--1KNAd { height: auto; } .SharingOptions__root_opened--15Nmw { max-height: 100vh; opacity: 1; transition: opacity 1s ease-out, max-height 1s ease-out; } .SharingOptions__root_closed--2Nwl2 { margin: 0px; max-height: 0px; opacity: 0; padding: 0px; } .SharingOptions__root--pbbke .SharingOptions__root_opened--15Nmw { margin-top: 0px; } .SharingOptions__copyWeblink--1Q7eL { background: var(--vkui--color_background_accent_tint_alpha); border-radius: var(--vkui--size_border_radius_paper--regular); box-sizing: border-box; height: var(--vkui--x20); margin: 0px -20px 12px; padding: var(--vkui--size_field_horizontal_margin--regular); } .SharingOptions__rightItem--1KNAd { font-size: var(--vkui--font_text--font_size--regular); height: var(--vkui--x10); line-height: 19px; position: relative; } .SharingOptions__rightItem--1KNAd, .SharingOptions__rightTitle--3V4K9.SharingOptions__tabs--124av { align-items: center; display: flex; } .SharingOptions__rightTitle--3V4K9.SharingOptions__tabs--124av { font-size: 15px; gap: 8px; margin-left: 4px; } .SharingOptions__rightTitle--3V4K9.SharingOptions__tabs--124av svg { padding: 4px; transform: translateY(-1px); } .SharingOptions__rightIcon--2Xe0s { display: flex; margin-left: auto; } .SharingOptions__rightItem_leftIcon--22T_y { color: var(--vkui--color_icon_accent); display: flex; margin-left: 6px; position: relative; } .SharingOptions__rightItem_leftIcon--22T_y::before { content: ""; cursor: pointer; height: 48px; left: -100%; position: absolute; top: -100%; width: 48px; } .SharingOptions__paidLabel--3qswM { background-color: var(--vkui--color_background_modal_inverse); border-radius: var(--vkui--size_border_radius_promo--regular); color: var(--vkui--color_text_contrast); font-size: 10px; font-weight: 700; line-height: var(--vkui--font_caption3--line_height--regular); padding: 5px 8px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .SharingOptions__dropdownMenu--1iaDO, .SharingOptions__paidLabel--3qswM { font-family: var(--font-tt-norms); } .SharingOptions__icon--2UIDt { margin-right: 14px; } .SharingOptions__rightTitle--3V4K9 { align-items: center; display: flex; } .SharingOptions__rightItem_disabled--17Iq2 .SharingOptions__rightTitle--3V4K9 { opacity: 0.48; pointer-events: none; } .SharingOptions__rightItem_disabled--17Iq2 .SharingOptions__rightIcon--2Xe0s { cursor: pointer; } .SharingOptions__dialogContent--3T6PQ { margin-top: var(--vkui--size_tip_margin--regular); } .SharingOptions__dialogContent--3T6PQ span { font-weight: 600; } .SharingOptions__tooltip--uWF7h { min-width: calc(100% - 32px); } .SharingOptions__cellGroup--3opT7 { background-color: var(--vkui--color_background_tertiary); border-radius: var(--vkui--size_border_radius_paper--regular); margin: 0px -20px 20px; padding: 12px 20px; } .SharingOptions__rightAction--1cbG_ { padding: var(--vkui--size_cardgrid_padding--regular) var(--vkui--size_cardgrid_padding_vertical--regular); } .SharingOptions__dropdown--2sLAS, .SharingOptions__rightAction--1cbG_ { margin-left: auto; } .SharingOptions__closeAccessBottom--26YVI { background-color: var(--vkui--color_background_content); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--vkui--color_text_secondary); cursor: pointer; font-size: var(--vkui--font_headline1--font_size--regular); } .SharingOptions__root_phone--T097F .SharingOptions__copyWeblink--1Q7eL { height: auto; margin: 0px 0px 16px; padding: 16px 12px; } .SharingOptions__root_phone--T097F .SharingOptions__input--3dT9H { margin: 0px; } .SharingOptions__root_phone--T097F .SharingOptions__rightItem--1KNAd { align-items: start; box-sizing: border-box; flex-direction: column; font-size: var(--vkui--font_headline1--font_size--regular); height: 56px; line-height: var(--vkui--font_title3--line_height--regular); padding: 6px 16px; position: relative; } .SharingOptions__root_phone--T097F .SharingOptions__rightTitle--3V4K9.SharingOptions__tabs--124av { margin-left: 0px; } .SharingOptions__root_phone--T097F .SharingOptions__paidLabel--3qswM { display: none; right: var(--vkui--size_tab_padding--regular); } .SharingOptions__root_phone--T097F .SharingOptions__rightItem_disabled--17Iq2 .SharingOptions__paidLabel--3qswM { display: block; } .SharingOptions__root_phone--T097F .SharingOptions__dropdown--2sLAS { inset: 0px; padding: 0px; position: absolute; } .SharingOptions__root_phone--T097F .SharingOptions__headline--1mPAr { margin: 10px 8px; } .SharingOptions__headline--1mPAr { font-family: var(--vkui--font_family_accent); font-size: 20px; font-weight: 500; line-height: 24px; margin: 10px 0px; } .SharingOptions__tooltipContent--1Gc_a { margin: 20px; } .SharingOptions__tooltipContent--1Gc_a .SharingOptions__tooltipHeadline--hLZAs { margin-bottom: 4px; } .SharingOptions__openPersonalAccessButton--1Bh9Q { align-items: center; display: flex; gap: 8px; } .SharingOptions__personalAccessButtonChevron--3Qlzm { color: var(--vkui--color_accent_blue); } .SharingOptions__sharingMoreOptions---qBqy { align-items: center; border-radius: 8px; cursor: pointer; display: flex; height: 36px; justify-content: space-between; padding: 0px 16px 0px 4px; } .SharingOptions__sharingMoreOptions---qBqy .SharingOptions__showMoreTitle--2pbCo { align-items: center; display: flex; gap: 8px; } .SharingOptions__sharingMoreOptions---qBqy .SharingOptions__showMoreTitle--2pbCo svg { padding: 4px; } .SharingOptions__sharingMoreOptions---qBqy .SharingOptions__showMoreOptions--3mqkS { color: var(--vkui--color_text_secondary); } .SharingOptions__sharingMoreOptions---qBqy:hover { background: var(--vkui--color_transparent--hover); } .FoldingOptionsList__moreOptionsButton--2hMrQ { align-items: center; border-radius: 8px; cursor: pointer; display: flex; height: 36px; justify-content: space-between; padding: 0px 16px 0px 4px; } .FoldingOptionsList__moreOptionsButton--2hMrQ .FoldingOptionsList__moreOptionsTitle--357PY { align-items: center; display: flex; gap: 8px; } .FoldingOptionsList__moreOptionsButton--2hMrQ .FoldingOptionsList__moreOptionsTitle--357PY svg { padding: 4px; } .FoldingOptionsList__moreOptionsButton--2hMrQ .FoldingOptionsList__moreOptionsDescription--2LOVy { color: var(--vkui--color_text_secondary); } .FoldingOptionsList__moreOptionsButton--2hMrQ:hover { background: var(--vkui--color_transparent--hover); } .SharingNewWeblinkTab__root--1TfsC { margin: var(--vkui--spacing_size_3xl) 0; } .SharingNewWeblinkTab__root--1TfsC:not(.SharingNewWeblinkTab__onboardingPaid--2JvDJ) > div { min-height: 36px; } .SharingNewWeblinkTab__root_tutoria--128HP { margin-top: 12px; } .SharingNewWeblinkTab__root_tutoria--128HP .SharingNewWeblinkTab__copyWeblink--1qEe- { height: auto; margin: 0px -20px 4px; padding: 5px; } .SharingNewWeblinkTab__root_tutoria--128HP .SharingNewWeblinkTab__rightItem--1FiQW { height: auto; } .SharingNewWeblinkTab__root_opened--3hWNV { max-height: 100vh; opacity: 1; transition: opacity 1s ease-out, max-height 1s ease-out; } .SharingNewWeblinkTab__root_closed--2f60z { margin: 0px; max-height: 0px; opacity: 0; padding: 0px; } .SharingNewWeblinkTab__root--1TfsC .SharingNewWeblinkTab__root_opened--3hWNV { margin-top: 0px; } .SharingNewWeblinkTab__copyWeblink--1qEe- { box-sizing: border-box; display: flex; font-weight: 500; gap: 12px; height: 36px; } .SharingNewWeblinkTab__closeAccessButton--7NSX- { align-items: center; display: flex; font-weight: 500; gap: 8px; justify-content: center; } .SharingNewWeblinkTab__closeAccessButton--7NSX- span { font-size: 15px; } .SharingNewWeblinkTab__btnContainer--16shk.ui.button { height: 36px; } .SharingNewWeblinkTab__rightItem--1FiQW { align-items: center; display: flex; font-size: var(--vkui--font_text--font_size--regular); height: var(--vkui--x10); line-height: 19px; position: relative; } .SharingNewWeblinkTab__rightIcon--1p2cJ { display: flex; margin-left: auto; } .SharingNewWeblinkTab__paidLabel--T_S3i { background-color: var(--vkui--color_background_modal_inverse); border-radius: var(--vkui--size_border_radius_promo--regular); color: var(--vkui--color_text_contrast); font-size: 10px; font-weight: 700; line-height: var(--vkui--font_caption3--line_height--regular); padding: 5px 8px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .SharingNewWeblinkTab__dropdownMenu--S6ZTy, .SharingNewWeblinkTab__paidLabel--T_S3i { font-family: var(--font-tt-norms); } .SharingNewWeblinkTab__rightItem_disabled--17Zja .SharingNewWeblinkTab__rightTitle--1RDS9 { opacity: 0.48; pointer-events: none; } .SharingNewWeblinkTab__rightItem_disabled--17Zja .SharingNewWeblinkTab__rightIcon--1p2cJ { cursor: pointer; } .SharingNewWeblinkTab__dialogContent--CUFAJ { margin-top: var(--vkui--size_tip_margin--regular); } .SharingNewWeblinkTab__dialogContent--CUFAJ span { font-weight: 600; } .SharingNewWeblinkTab__tooltip--3uSmH { min-width: calc(100% - 32px); } .SharingNewWeblinkTab__cellGroup--3WJpe { background-color: var(--vkui--color_background_tertiary); border-radius: var(--vkui--size_border_radius_paper--regular); margin: 0px -20px 20px; padding: 12px 20px; } .SharingNewWeblinkTab__rightAction--1R-w9 { padding: var(--vkui--size_cardgrid_padding--regular) var(--vkui--size_cardgrid_padding_vertical--regular); } .SharingNewWeblinkTab__dropdown--5RQsz, .SharingNewWeblinkTab__rightAction--1R-w9 { margin-left: auto; } .SharingNewWeblinkTab__closeAccessBottom--3jqQh { background-color: var(--vkui--color_background_content); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--vkui--color_text_secondary); cursor: pointer; font-size: var(--vkui--font_headline1--font_size--regular); } .SharingNewWeblinkTab__root_phone--3EEiP .SharingNewWeblinkTab__copyWeblink--1qEe- { height: auto; margin: 0px 0px 16px; padding: 16px 12px; } .SharingNewWeblinkTab__root_phone--3EEiP .SharingNewWeblinkTab__input--1u31I { margin: 0px; } .SharingNewWeblinkTab__root_phone--3EEiP .SharingNewWeblinkTab__rightItem--1FiQW { align-items: start; box-sizing: border-box; flex-direction: column; font-size: var(--vkui--font_headline1--font_size--regular); height: 56px; line-height: var(--vkui--font_title3--line_height--regular); padding: 6px 16px; position: relative; } .SharingNewWeblinkTab__root_phone--3EEiP .SharingNewWeblinkTab__paidLabel--T_S3i { display: none; right: var(--vkui--size_tab_padding--regular); } .SharingNewWeblinkTab__root_phone--3EEiP .SharingNewWeblinkTab__rightItem_disabled--17Zja .SharingNewWeblinkTab__paidLabel--T_S3i { display: block; } .SharingNewWeblinkTab__root_phone--3EEiP .SharingNewWeblinkTab__dropdown--5RQsz { inset: 0px; padding: 0px; position: absolute; } .SharingNewWeblinkTab__root_phone--3EEiP .SharingNewWeblinkTab__headline--1O4WX { margin: 10px 8px; } .SharingNewWeblinkTab__personalAccessContainer--yiYOe { margin: 20px 0px 28px; } .SharingNewWeblinkTab__headline--1O4WX { font-family: var(--vkui--font_family_accent); font-size: 20px; font-weight: 500; line-height: 24px; } .SharingContentFiles__root--34nH_ { margin-bottom: 16px; } .SharingContentFiles__root_tutoria--3yLRI { margin-top: 12px; } .SharingContentFiles__root_tutoria--3yLRI .SharingContentFiles__copyWeblink--1XqKM { height: auto; margin: 0px -20px 4px; padding: 5px; } .SharingContentFiles__root_tutoria--3yLRI .SharingContentFiles__rightItem--3e3eJ { height: auto; } .SharingContentFiles__root_opened--3Oc3C { max-height: 100vh; opacity: 1; transition: opacity 1s ease-out, max-height 1s ease-out; } .SharingContentFiles__root_closed--1oNMG { margin: 0px; max-height: 0px; opacity: 0; padding: 0px; } .SharingContentFiles__root--34nH_ .SharingContentFiles__root_opened--3Oc3C { margin-top: 0px; } .SharingContentFiles__copyWeblink--1XqKM { box-sizing: border-box; display: flex; font-weight: 500; gap: 12px; } .SharingContentFiles__closeAccessButton--25hnb { align-items: center; display: flex; font-weight: 500; gap: 8px; justify-content: center; } .SharingContentFiles__closeAccessButton--25hnb span { font-size: 15px; } .SharingContentFiles__emptyContainer--_dJ2e { align-items: center; display: flex; flex-direction: column; margin-top: 20px; } .SharingContentFiles__emptyImage--h5H6G { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/light/24fac2fa1ffd31b8b43a.png"); background-position: 42% center; background-size: cover; height: 170px; width: 340px; } .vkui--cloud--dark .SharingContentFiles__emptyImage--h5H6G { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/dark/a273c3c8e7ffb3395484.png"); background-position-x: 33%; } .SharingContentFiles__header--3XLAX { -webkit-font-smoothing: antialiased; font-family: var(--vkui--font_title1--font_family--regular); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--compact); line-height: var(--vkui--font_title1--line_height--regular); margin-right: 24px; max-height: calc(var(--vkui--font_title1--line_height--regular)*3); overflow: hidden; word-break: break-all; } .SharingContentFiles__emptyHeader--3TvJU { color: var(--cloud--color_text_sharing_tab_button); font-size: 20px; font-weight: 500; line-height: 26px; margin-bottom: 8px; margin-top: 0px; } .SharingContentFiles__emptyDescription--2liD_ { font-size: 15px; line-height: 20px; margin-bottom: 20px; text-align: center; } .SharingContentFiles__rightItem--3e3eJ { align-items: center; display: flex; font-size: var(--vkui--font_text--font_size--regular); height: var(--vkui--x10); line-height: 19px; position: relative; } .SharingContentFiles__rightIcon--1K6UI { display: flex; margin-left: auto; } .SharingContentFiles__paidLabel--2Xsgm { background-color: var(--vkui--color_background_modal_inverse); border-radius: var(--vkui--size_border_radius_promo--regular); color: var(--vkui--color_text_contrast); font-size: 10px; font-weight: 700; line-height: var(--vkui--font_caption3--line_height--regular); padding: 5px 8px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .SharingContentFiles__dropdownMenu--2iU5P, .SharingContentFiles__paidLabel--2Xsgm { font-family: var(--font-tt-norms); } .SharingContentFiles__rightItem_disabled--1Opn2 .SharingContentFiles__rightTitle--3I_4G { opacity: 0.48; pointer-events: none; } .SharingContentFiles__rightItem_disabled--1Opn2 .SharingContentFiles__rightIcon--1K6UI { cursor: pointer; } .SharingContentFiles__dialogContent--25SAP { margin-top: var(--vkui--size_tip_margin--regular); } .SharingContentFiles__dialogContent--25SAP span { font-weight: 600; } .SharingContentFiles__tooltip--3taED { min-width: calc(100% - 32px); } .SharingContentFiles__cellGroup--16xQk { background-color: var(--vkui--color_background_tertiary); border-radius: var(--vkui--size_border_radius_paper--regular); margin: 0px -20px 20px; padding: 12px 20px; } .SharingContentFiles__rightAction--1SLUP { padding: var(--vkui--size_cardgrid_padding--regular) var(--vkui--size_cardgrid_padding_vertical--regular); } .SharingContentFiles__dropdown--3SkLT, .SharingContentFiles__rightAction--1SLUP { margin-left: auto; } .SharingContentFiles__closeAccessBottom--2XfaZ { background-color: var(--vkui--color_background_content); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--vkui--color_text_secondary); cursor: pointer; font-size: var(--vkui--font_headline1--font_size--regular); } .SharingContentFiles__root_phone--_DZRR .SharingContentFiles__copyWeblink--1XqKM { height: auto; margin: 0px 0px 16px; padding: 16px 12px; } .SharingContentFiles__root_phone--_DZRR .SharingContentFiles__input--3xRwQ { margin: 0px; } .SharingContentFiles__root_phone--_DZRR .SharingContentFiles__rightItem--3e3eJ { align-items: start; box-sizing: border-box; flex-direction: column; font-size: var(--vkui--font_headline1--font_size--regular); height: 56px; line-height: var(--vkui--font_title3--line_height--regular); padding: 6px 16px; position: relative; } .SharingContentFiles__root_phone--_DZRR .SharingContentFiles__paidLabel--2Xsgm { display: none; right: var(--vkui--size_tab_padding--regular); } .SharingContentFiles__root_phone--_DZRR .SharingContentFiles__rightItem_disabled--1Opn2 .SharingContentFiles__paidLabel--2Xsgm { display: block; } .SharingContentFiles__root_phone--_DZRR .SharingContentFiles__dropdown--3SkLT { inset: 0px; padding: 0px; position: absolute; } .SharingContentFiles__root_phone--_DZRR .SharingContentFiles__headline--2Jl3s { margin: 10px 8px; } .SharingContentFiles__persAccessContainer--A4iZg { margin: 20px 0px; } .SharingContentFiles__headline--2Jl3s { font-family: var(--vkui--font_family_accent); font-size: 20px; font-weight: 500; line-height: 24px; } .SpaceConsumptionWarning__root--2rNyL { background: var(--vkui--color_background_accent_tint_alpha); border-radius: 12px; display: flex; flex-direction: row; gap: 12px; justify-content: space-between; margin-bottom: 20px; margin-top: -12px; padding: 16px 6px 16px 16px; } .SpaceConsumptionWarning__root--2rNyL.SpaceConsumptionWarning__biz--W65Gl { background: var(--vkui--color_background_secondary); } .SpaceConsumptionWarning__infoIcon--3dsaL { color: var(--vkui--color_accent_blue); width: 24px; } .SpaceConsumptionWarning__close--2Js3B { align-items: center; cursor: pointer; display: flex; height: 36px; justify-content: center; margin-top: -12px; width: 36px; } .SpaceConsumptionWarning__close--2Js3B svg { color: var(--vkui--color_icon_secondary_alpha); } .SharingNewSharingTab__root--3SIiM { margin-top: 24px; } .SharingNewSharingTab__section---cAeR:only-child { padding-bottom: 0px; } .SharingNewSharingTab__root_phone--ygT0i { position: relative; } .SharingNewSharingTab__root_phone--ygT0i .SharingNewSharingTab__usersList--Qf395 { max-height: none; overflow: hidden; padding: 0px; } .SharingNewSharingTab__root_phone--ygT0i .SharingNewSharingTab__user--eRS6E { margin-bottom: 4px; } .SharingNewSharingTab__root_phone--ygT0i .SharingNewSharingTab__user--eRS6E:last-child { margin-bottom: 0px; } .SharingNewSharingTab__root_phone--ygT0i .SharingNewSharingTab__mountedRights--L3fxO { padding: 0px 8px; } .SharingNewSharingTab__btnContainer--1OHq4.ui.button { height: 36px; } .SharingNewSharingTab__closeAccessButton--9YVKh { align-items: center; display: flex; font-weight: 500; gap: 8px; justify-content: center; } .SharingNewSharingTab__closeAccessButton--9YVKh span { font-size: 15px; } .SharingContentFoldersBiz__root--3MNfr { margin-bottom: 16px; } .SharingContentFoldersBiz__root_tutoria--10Ixd { margin-top: 12px; } .SharingContentFoldersBiz__root_tutoria--10Ixd .SharingContentFoldersBiz__copyWeblink--X9wQL { height: auto; margin: 0px -20px 4px; padding: 5px; } .SharingContentFoldersBiz__root_tutoria--10Ixd .SharingContentFoldersBiz__rightItem--z9Eqj { height: auto; } .SharingContentFoldersBiz__root_opened--2encs { max-height: 100vh; opacity: 1; transition: opacity 1s ease-out, max-height 1s ease-out; } .SharingContentFoldersBiz__root_closed--3b4SR { margin: 0px; max-height: 0px; opacity: 0; padding: 0px; } .SharingContentFoldersBiz__root--3MNfr .SharingContentFoldersBiz__root_opened--2encs { margin-top: 0px; } .SharingContentFoldersBiz__copyWeblink--X9wQL { box-sizing: border-box; display: flex; font-weight: 500; gap: 12px; } .SharingContentFoldersBiz__closeAccessButton--EDn_z { align-items: center; display: flex; font-weight: 500; gap: 8px; justify-content: center; } .SharingContentFoldersBiz__closeAccessButton--EDn_z span { font-size: 15px; } .SharingContentFoldersBiz__emptyContainer--2EOmh { align-items: center; display: flex; flex-direction: column; margin-top: 20px; } .SharingContentFoldersBiz__emptyImage--1cBdO { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/light/24fac2fa1ffd31b8b43a.png"); background-position: 42% center; background-size: cover; height: 170px; width: 340px; } .vkui--cloud--dark .SharingContentFoldersBiz__emptyImage--1cBdO { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/empty-folder/dark/a273c3c8e7ffb3395484.png"); background-position-x: 33%; } .SharingContentFoldersBiz__header--w8D44 { -webkit-font-smoothing: antialiased; font-family: var(--vkui--font_title1--font_family--regular); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--compact); line-height: var(--vkui--font_title1--line_height--regular); margin-right: 24px; max-height: calc(var(--vkui--font_title1--line_height--regular)*3); overflow: hidden; word-break: break-all; } .SharingContentFoldersBiz__emptyHeader--sA7iy { color: var(--cloud--color_text_sharing_tab_button); font-size: 20px; font-weight: 500; line-height: 26px; margin-bottom: 8px; margin-top: 0px; } .SharingContentFoldersBiz__emptyDescription--3o1oI { font-size: 15px; line-height: 20px; margin-bottom: 20px; text-align: center; } .SharingContentFoldersBiz__rightItem--z9Eqj { align-items: center; display: flex; font-size: var(--vkui--font_text--font_size--regular); height: var(--vkui--x10); line-height: 19px; position: relative; } .SharingContentFoldersBiz__rightIcon--1AxsF { display: flex; margin-left: auto; } .SharingContentFoldersBiz__paidLabel--zPIF5 { background-color: var(--vkui--color_background_modal_inverse); border-radius: var(--vkui--size_border_radius_promo--regular); color: var(--vkui--color_text_contrast); font-size: 10px; font-weight: 700; line-height: var(--vkui--font_caption3--line_height--regular); padding: 5px 8px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .SharingContentFoldersBiz__dropdownMenu--v_vat, .SharingContentFoldersBiz__paidLabel--zPIF5 { font-family: var(--font-tt-norms); } .SharingContentFoldersBiz__rightItem_disabled--3p3Bt .SharingContentFoldersBiz__rightTitle--2UQee { opacity: 0.48; pointer-events: none; } .SharingContentFoldersBiz__rightItem_disabled--3p3Bt .SharingContentFoldersBiz__rightIcon--1AxsF { cursor: pointer; } .SharingContentFoldersBiz__dialogContent--1m-a6 { margin-top: var(--vkui--size_tip_margin--regular); } .SharingContentFoldersBiz__dialogContent--1m-a6 span { font-weight: 600; } .SharingContentFoldersBiz__tooltip--3eUlE { min-width: calc(100% - 32px); } .SharingContentFoldersBiz__cellGroup--1ZY61 { background-color: var(--vkui--color_background_tertiary); border-radius: var(--vkui--size_border_radius_paper--regular); margin: 0px -20px 20px; padding: 12px 20px; } .SharingContentFoldersBiz__rightAction--2NQXb { padding: var(--vkui--size_cardgrid_padding--regular) var(--vkui--size_cardgrid_padding_vertical--regular); } .SharingContentFoldersBiz__dropdown--3W2XR, .SharingContentFoldersBiz__rightAction--2NQXb { margin-left: auto; } .SharingContentFoldersBiz__closeAccessBottom--29fbZ { background-color: var(--vkui--color_background_content); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--vkui--color_text_secondary); cursor: pointer; font-size: var(--vkui--font_headline1--font_size--regular); } .SharingContentFoldersBiz__root_phone--K1OD- .SharingContentFoldersBiz__copyWeblink--X9wQL { height: auto; margin: 0px 0px 16px; padding: 16px 12px; } .SharingContentFoldersBiz__root_phone--K1OD- .SharingContentFoldersBiz__input--p_Owg { margin: 0px; } .SharingContentFoldersBiz__root_phone--K1OD- .SharingContentFoldersBiz__rightItem--z9Eqj { align-items: start; box-sizing: border-box; flex-direction: column; font-size: var(--vkui--font_headline1--font_size--regular); height: 56px; line-height: var(--vkui--font_title3--line_height--regular); padding: 6px 16px; position: relative; } .SharingContentFoldersBiz__root_phone--K1OD- .SharingContentFoldersBiz__paidLabel--zPIF5 { display: none; right: var(--vkui--size_tab_padding--regular); } .SharingContentFoldersBiz__root_phone--K1OD- .SharingContentFoldersBiz__rightItem_disabled--3p3Bt .SharingContentFoldersBiz__paidLabel--zPIF5 { display: block; } .SharingContentFoldersBiz__root_phone--K1OD- .SharingContentFoldersBiz__dropdown--3W2XR { inset: 0px; padding: 0px; position: absolute; } .SharingContentFoldersBiz__root_phone--K1OD- .SharingContentFoldersBiz__headline--ILacf { margin: 10px 8px; } .SharingContentFoldersBiz__persAccessContainer--3ct0H { margin: 20px 0px; } .SharingContentFoldersBiz__headline--ILacf { font-family: var(--vkui--font_family_accent); font-size: 20px; font-weight: 500; line-height: 24px; } .UploadBigFileDialog__root--3_2ql { -webkit-font-smoothing: auto; color: var(--vkui--color_text_primary); min-height: 274px; } .UploadBigFileDialog__header--1WyJ3 { font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); } .UploadBigFileDialog__header_web--L3tG7 { -webkit-font-smoothing: auto; margin-right: 40px; padding: 0px; } .UploadBigFileDialog__content--3HqTM { font-family: var(--vkui--font_family_accent); font-size: 18px; font-weight: var(--vkui--font_text--font_weight--regular); line-height: 24px; margin-top: 12px; } .UploadBigFileDialog__buttonWrapper--nBZuC { display: flex; margin-top: 28px; } .UploadBigFileDialog__buttonWrapper--nBZuC .UploadBigFileDialog__button--3kcHU:first-child { margin-right: 16px; } .UploadBigFileDialog__fileIcon--dLQLC { flex-shrink: 0; height: 32px; margin-right: 14px; width: 32px; } .UploadBigFileDialog__description--g12cb { display: flex; flex-direction: column; max-width: calc(100% - 40px); } .UploadBigFileDialog__fileContainer--1R8UV { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/icons/f336b2f0aa43c4af0de6.svg") calc(100% - 8px) 8px / 16px auto no-repeat; border: 1px solid var(--vkui--color_stroke_negative); border-radius: 8px; display: flex; flex-direction: row; font-size: 13px; line-height: 16px; margin-top: 20px; padding: 13px 16px; } .UploadBigFileDialog__fileDescription--1eUQS { margin: 0px 8px 2px 0px; max-width: 100%; } .UploadBigFileDialog__fileDescription--1eUQS > span { display: inline-block; margin-right: 0.2em; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; white-space: nowrap; } .UploadBigFileDialog__fileSize--2AfK5 { color: var(--vkui--color_icon_medium); } .UploadBigFileDialog__root_phone--1rpuT .UploadBigFileDialog__buttonWrapper--nBZuC { display: block; width: 100%; } .UploadBigFileDialog__root_phone--1rpuT .UploadBigFileDialog__content--3HqTM { margin-bottom: 16px; } .UploadBigFileDialog__root_phone--1rpuT .UploadBigFileDialog__button--3kcHU:first-child { margin: 0px 0px 12px; } .UploadBigFileDialog__root_phone--1rpuT .UploadBigFileDialog__fileContainer--1R8UV { box-sizing: border-box; width: 100%; } .UploadBigFileDialog__root--3_2ql.modal.ui { border-radius: 12px; box-sizing: border-box; margin: 10rem auto; min-height: 216px; padding: 0px 32px; } .UploadBigFileDialog__root--3_2ql.modal.ui .header { padding: 0px; } .UploadBigFileDialog__root--3_2ql.modal.ui .content { padding: 0px; } .UploadBigFileDialog__root--3_2ql.modal .ui.button { font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); padding: 0px 16px; width: auto; } .UploadBizBigFileDialog__root--1m4-L { color: var(--vkui--color_text_primary); min-height: 274px; } .UploadBizBigFileDialog__header--zkoch { font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); } .UploadBizBigFileDialog__content--2IASk { font-family: var(--vkui--font_family_accent); font-size: 18px; font-weight: var(--vkui--font_text--font_weight--regular); line-height: 24px; margin-top: 12px; } .UploadBizBigFileDialog__buttonWrapper--1MThA { display: flex; margin-top: 28px; } .UploadBizBigFileDialog__buttonWrapper--1MThA .UploadBizBigFileDialog__button--2Y306:first-child { margin-right: 16px; } .UploadBizBigFileDialog__fileIcon--2vkzr { flex-shrink: 0; height: 32px; margin-right: 14px; width: 32px; } .UploadBizBigFileDialog__description--29bbN { display: flex; flex-direction: column; max-width: calc(100% - 40px); } .UploadBizBigFileDialog__fileContainer--NYf1- { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/icons/f336b2f0aa43c4af0de6.svg") calc(100% - 8px) 8px / 16px auto no-repeat; border: 1px solid var(--vkui--color_stroke_negative); border-radius: 8px; display: flex; flex-direction: row; font-size: 13px; line-height: 16px; margin-top: 20px; padding: 13px 16px; } .UploadBizBigFileDialog__fileDescription--3d3BE { margin: 0px 8px 2px 0px; max-width: 100%; } .UploadBizBigFileDialog__fileDescription--3d3BE > span { display: inline-block; margin-right: 0.2em; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; white-space: nowrap; } .UploadBizBigFileDialog__fileSize--2c7hp { color: var(--vkui--color_icon_medium); } .UploadBizBigFileDialog__root_phone--3SpU8 .UploadBizBigFileDialog__buttonWrapper--1MThA { display: block; width: 100%; } .UploadBizBigFileDialog__root_phone--3SpU8 .UploadBizBigFileDialog__content--2IASk { margin-bottom: 16px; } .UploadBizBigFileDialog__root_phone--3SpU8 .UploadBizBigFileDialog__button--2Y306:first-child { margin: 0px 0px 12px; } .UploadBizBigFileDialog__root_phone--3SpU8 .UploadBizBigFileDialog__fileContainer--NYf1- { box-sizing: border-box; width: 100%; } .UploadBizBigFileDialog__root--1m4-L.modal.ui { border-radius: 20px; box-sizing: border-box; min-height: 216px; padding: 24px 32px; } .UploadBizBigFileDialog__root--1m4-L.modal.ui .header { padding: 0px; } .UploadBizBigFileDialog__root--1m4-L.modal.ui .content { padding: 0px; } .UploadBizBigFileDialog__root--1m4-L.modal .ui.button { font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); padding: 0px 16px; width: auto; } .FamilyAcceptInviteDialog__content--3HVrA { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); } .FamilyAcceptInviteDialog__text--1RSGQ { font-size: 16px; line-height: 24px; } .FamilyAcceptInviteDialog__text--1RSGQ, .FamilyAcceptInviteDialog__text--1RSGQ span { -webkit-font-smoothing: antialiased; } .FamilyAcceptInviteDialog__text--1RSGQ span { font-weight: var(--vkui--font_weight_accent1); } .FamilyAcceptInviteDialog__list--1pK6v { margin: 0px; padding: 0px; } .FamilyAcceptInviteDialog__listItem--2Npoy { -webkit-font-smoothing: antialiased; align-items: flex-start; display: flex; font-size: 16px; line-height: 24px; list-style: none; } .FamilyAcceptInviteDialog__listItem--2Npoy:not(:last-child) { padding-bottom: 4px; } .FamilyAcceptInviteDialog__listItem--2Npoy svg { fill: var(--vkui--color_icon_accent); color: var(--vkui--color_icon_accent); flex-shrink: 0; margin-right: 10px; margin-top: 4px; } .FamilyAcceptInviteDialog__rootMobile--1Xzho { display: flex; flex-direction: column; height: 100%; overflow: auto; scrollbar-width: none; width: 100%; } .FamilyAcceptInviteDialog__rootMobile--1Xzho::-webkit-scrollbar { display: none; } .FamilyAcceptInviteDialog__rootMobile--1Xzho .FamilyAcceptInviteDialog__content--3HVrA, .FamilyAcceptInviteDialog__title---jUP1 { padding: 0px 24px; } .FamilyAcceptInviteDialog__title---jUP1 { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: 32px; } .FamilyAcceptInviteDialog__image--HnhH9 { border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; } .FamilyAcceptInviteDialog__buttonWrapper--2gIIL { padding: 0px 16px 16px; } .FamilyAcceptInviteDialog__buttonWrapper--2gIIL .ui.button { -webkit-font-smoothing: antialiased; } .FamilyErrorDialog__title--HgKbR { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title1--font_size--regular); line-height: var(--vkui--font_title1--line_height--regular); } .FamilyErrorDialog__text--1ku4z { font-family: var(--vkui--font_family_accent); font-size: 18px; line-height: 24px; } .FamilyErrorDialog__title_mobile--7VY_A { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title2--font_size--regular); line-height: var(--vkui--font_title2--line_height--regular); } .FamilyErrorDialog__text_mobile--1TFdW { font-size: 16px; margin: 4px 0px 8px; } .FamilyErrorDialog__rebrandingText--bypou, .FamilyErrorDialog__rebrandingTitle--1xf7A { color: var(--vkui--color_text_contrast); } .FreemiumFeaturesModal__bankCardRoot--3ZDHi { --vkui--font_text--font_size--compact: --vkui--font_text--font_size--regular; background-color: var(--vkui--color_background_positive_tint); border-radius: 10px; display: flex; gap: 7px; padding: 8px; } .FreemiumFeaturesModal__bankCardDark--3iD9z { background-color: rgba(255, 255, 255, 0.08); } .FreemiumFeaturesModal__contentRoot--sB8jM { display: flex; flex-direction: column; } .FreemiumFeaturesModal__contentRoot--sB8jM .FreemiumFeaturesModal__title--2ps6W { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .FreemiumFeaturesModal__contentRoot--sB8jM .FreemiumFeaturesModal__list--nBRZa { gap: 18px 52px; display: grid; grid-template-columns: repeat(2, 262px); grid-template-rows: repeat(3, 46px); } .FreemiumFeaturesModal__benefitsBlock--1ms8Y { display: flex; gap: 13px; height: auto; width: auto; } .FreemiumFeaturesModal__benefitsBlock--1ms8Y .FreemiumFeaturesModal__image--2Vz7J { height: 46px; width: 46px; } .FreemiumFeaturesModal__benefitsBlock--1ms8Y .FreemiumFeaturesModal__content--3c1aS { align-content: center; font-size: var(--vkui--font_paragraph--font_size--regular); font-weight: var(--vkui--font_paragraph--font_weight--regular); line-height: var(--vkui--font_paragraph--line_height--regular); } .FreemiumFeaturesModal__benefitsBlock--1ms8Y .FreemiumFeaturesModal__infoIcon--36ItX { inset: 23px 33px auto auto; color: var(--vkui--color_icon_secondary); position: absolute; } .FreemiumFeaturesModal__benefitsBlock--1ms8Y .FreemiumFeaturesModal__infoIcon--36ItX:hover { cursor: pointer; } .FreemiumFeaturesModal__text--21_lg { font-family: var(--font-tt-norms),"Helvetica","Arial","sans-serif"; } .FreemiumFeaturesModal__positionRelative--CQ_g0 { position: relative; } .FreemiumFeaturesModal__tag--17n7I { inset: -27px auto auto -3px; height: 45px; position: absolute; width: 108px; } .FreemiumFeaturesModal__root--1_0l8.ui.modal { border-radius: 12px; overflow: visible; } .FreemiumFeaturesModal__root--1_0l8.ui.modal .content { border-radius: 12px; } .FreemiumAboutModal__root--17FM8.ui { -webkit-font-smoothing: antialiased; padding: 22px 0px 32px; width: 640px; } .FreemiumAboutModal__root--17FM8.ui .content { display: flex; flex-direction: column; gap: 24px; } .FreemiumUnlimitedSpaceModal__root--1tgr7.ui { -webkit-font-smoothing: antialiased; padding: 22px 0px 32px; width: 640px; } .FreemiumUnlimitedSpaceModal__root--1tgr7.ui .content { padding-right: 25px !important; } .FreemiumUnlimitedSpaceModal__root--1tgr7.ui .content { display: flex; flex-direction: column; gap: 24px; } .FreemiumOnboardingModal__imageTitleSmall--MLEPp { color: var(--vkui--color_text_primary); font-size: 34px; font-weight: 600; } .FreemiumOnboardingModal__imageText--1k-dn { display: flex; flex-direction: column; gap: 4px; left: 114px; position: absolute; top: 120px; z-index: 1; } .FreemiumOnboardingModal__imageTitle--1s9j1 { color: var(--vkui--color_text_primary); font-size: 60px; font-weight: 400; line-height: 1; } .FreemiumOnboardingModal__imageSubtitle--2VODw { color: var(--vkui--color_text_tertiary); font-size: 14px; font-weight: 400; line-height: 1.2; margin-bottom: 24px; } .FreemiumOnboardingModal__text--2IBxS { font-family: var(--font-tt-norms); font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .RecognitionPopup__root--2YTic.modal.ui { width: 420px; } .PromocodeResultDialog__dialog--2II-O.ui.modal { max-width: 440px; width: auto; } @media (max-width: 420px) { .PromocodeResultDialog__dialog--2II-O.ui.modal { left: 5px; margin: 0px auto; right: 5px; } } .PromocodeResultDialog__dialog--2II-O.ui.modal > .actions { background: none; } .PromocodeResultDialog__dialog--2II-O.ui.modal > .content { background: none; } .PromocodeResultDialog__dialog_centerButton--Kjr0h.ui.modal > .actions { padding-left: 30px; text-align: center; } .PromocodeResultDialog__dialog_error--2jpRF.ui.modal { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/promo-landing/d81455734c7bf1985247.svg"); background-position: center 48px; background-repeat: no-repeat; background-size: 96px auto; } .PromocodeResultDialog__dialog_success--3uaQo.ui.modal { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/promo-landing/d76185a99e8994964df4.png"); background-position: center 48px; background-repeat: no-repeat; background-size: 96px auto; } .PromocodeResultDialog__dialog_gift--wRm3i.ui.modal { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/promo-landing/9915fb7add350e02c68d.png"), url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/promo-landing/f97a9a14b03926f2aaa2.png"); background-position: 0px top, center center; background-repeat: no-repeat, no-repeat; background-size: 100% auto, 100% auto; } .PromocodeResultDialog__dialogButton--1X7AV.ui.button { border-radius: 4px; display: inline-flex; height: 40px; margin-right: 8px; } .PromocodeResultDialog__dialogContent--Y02SH { color: var(--vkui--color_text_primary); text-align: center; } .PromocodeResultDialog__dialogHeader--2sdKB { font-family: var(--font-tt-norms); font-size: 24px; line-height: 32px; margin-top: 172px; } .PromocodeResultDialog__dialogText--3atK7 { font-size: 17px; line-height: 24px; padding: 20px 0px 24px; } .AutoUploadBuyDialog__content--xv5wG { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_contrast); font-family: var(--font_family--vk_sans_display); } .AutoUploadBuyDialog__text--24bf6 { font-size: var(--vkui--font_subtitle_custom--font_size); font-weight: var(--vkui--font_subtitle_custom--font_weight); line-height: var(--vkui--font_subtitle_custom--line_height); } .AutoUploadBuyDialog__image--Zy-lz { flex-shrink: 0; height: 240px; width: 540px; } .AutoUploadBuyDialog__root--2vkUR > .closeIcon { background: var(--vkui--color_background_secondary_alpha); border-radius: 8px; height: 40px; width: 40px; } .AutoUploadBuyDialog__root--2vkUR > .closeIcon:hover { background: var(--vkui--color_background_secondary_alpha--hover); } .AutoUploadBuyDialog__root--2vkUR > .closeIcon > svg { color: var(--vkui--color_icon_primary); } .AutoUploadBuyDialog__rootMobile--2ohBG { -webkit-font-smoothing: antialiased; border-radius: 20px 20px 0px 0px; display: flex; flex-direction: column; font-family: var(--font_family--vk_sans_display); height: 100%; overflow: auto; scrollbar-width: none; width: 100%; } .AutoUploadBuyDialog__rootMobile--2ohBG::-webkit-scrollbar { display: none; } .AutoUploadBuyDialog__rootMobile--2ohBG .AutoUploadBuyDialog__text--24bf6 { font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--compact); padding: 0px 16px; } .AutoUploadBuyDialog__rootMobile--2ohBG .AutoUploadBuyDialog__imageContainer--1LA4l { display: flex; justify-content: center; width: 100%; } .AutoUploadBuyDialog__rootMobile--2ohBG .AutoUploadBuyDialog__image--Zy-lz { flex-shrink: 0; height: 280px; width: 100%; } .AutoUploadBuyDialog__rootMobile--2ohBG .AutoUploadBuyDialog__title--3NABC { font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); padding: 0px 16px; } .AutoUploadBuyDialog__rootMobile--2ohBG .AutoUploadBuyDialog__buttonWrapper--35hUo { padding: 0px 16px 16px; } .DetailedTariffBenefitsContent__root--TlxqN { align-self: stretch; background: rgb(43, 43, 43); display: flex; flex-direction: column; padding: 32px; row-gap: 24px; } .DetailedTariffBenefitsContent__buttonContainer--3wnQF { display: flex; justify-content: flex-start; } .DetailedTariffBenefitsContent__buttonContainer--3wnQF .DetailedTariffBenefitsContent__button--11PG8.ui.button { -webkit-font-smoothing: antialiased; width: auto; } .vkui--cloud--dark .DetailedTariffBenefitsContent__featureList_white--1Bb0o svg { fill: var(--vkui--color_icon_contrast); } .vkui--cloud--dark .DetailedTariffBenefitsContent__featureList_white--1Bb0o ul { display: flex; flex-direction: column; row-gap: 8px; } .vkui--cloud--dark .DetailedTariffBenefitsContent__featureList_white--1Bb0o li { -webkit-font-smoothing: antialiased; font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); padding: 0px; } .DetailedTariffBenefitsHeader__root--3H18Y { align-self: stretch; background: var(--vkui--color_background_modal); height: 240px; } .DetailedTariffBenefitsHeader__root--3H18Y, .DetailedTariffBenefitsHeader__spaceContainer--3ZKvK { align-items: center; display: flex; justify-content: center; } .DetailedTariffBenefitsHeader__spaceContainer--3ZKvK { background: rgb(53, 53, 53); border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.06) 0px 30.725px 54.623px 0px, rgba(0, 0, 0, 0.09) 0px 12.836px 22.82px 0px, rgba(0, 0, 0, 0.12) 0px 6.863px 12.201px 0px, rgba(0, 0, 0, 0.14) 0px 3.847px 6.84px 0px, rgba(0, 0, 0, 0.17) 0px 2.043px 3.632px 0px, rgba(0, 0, 0, 0.23) 0px 0.85px 1.512px 0px; flex-shrink: 0; height: 130px; position: relative; width: 170px; } .DetailedTariffBenefitsHeader__spaceContainer_256gb--zSKnC { width: 228px; } .DetailedTariffBenefitsHeader__spaceLabel--PQEan { -webkit-font-smoothing: antialiased; font-feature-settings: "clig" 0, "liga" 0; align-items: center; background: rgb(0, 185, 41); border-radius: 12px; bottom: -12px; color: var(--vkui--color_background_accent_themed); display: flex; flex-shrink: 0; font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_title2--font_size--regular); font-style: normal; font-weight: var(--vkui--font_display_title1--font_weight--regular); justify-content: center; line-height: var(--vkui--font_display_title1--line_height--regular); padding: 10px 20px; position: absolute; right: -32px; } .DetailedTariffBenefitsHeader__spaceLabel_256gb--N3pHR { right: -26px; } .DetailedTariffBenefitsHeader__spaceLabel_month--3u28B { padding: 10px 16px; } .DetailedTariffBenefitsPopup__root--Vf_Q8 { font-family: var(--vkui--font_family_accent); } .DetailedTariffBenefitsPopup__root--Vf_Q8.modal.ui.large { max-width: calc(100% - 16px); width: 540px; } .DetailedTariffBenefitsPopup__root--Vf_Q8.modal.ui.large > .content { padding: 0px; } .FastCleanerModal__groupGrid-2c--ADQOJ { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; } .FastCleanerModal__groupGrid-1c--gprGI { display: grid; grid-template-columns: 1fr; } .FastCleanerModal__card--2eQhJ { background-color: rgb(41, 41, 41); border-radius: 12px; } .FastCleanerModal__groupList--2_WB4 { max-height: 176px; overflow-y: auto; } .FastCleanerModal__product--3PGWi { border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .FastCleanerModal__row--2Y7rz { height: 44px; justify-content: space-between; padding: 0px 12px; } .FastCleanerModal__row--2Y7rz, .FastCleanerModal__textWithIcon--2ctNJ { align-items: center; display: flex; flex-wrap: wrap; } .FastCleanerModal__textWithIcon--2ctNJ { gap: 8px; padding: initial; } .FastCleanerModal__subheadFont--1cbt2 { font-size: 14px; } .FastCleanerModal__secondaryText--3psP7 { color: var(--vkui--color_text_secondary,#8c8e94); } .FastCleanerModal__flex--1msnM { display: flex; } .FastCleanerModal__primaryButton--1NDqj { height: 36px; margin-right: 8px; background-color: var(--vkui--color_background_accent,#07f) !important; color: var(--vkui--color_text_accent_contrast_themed,#fff) !important; } .FastCleanerModal__root--1C6Re.ui.modal.large { width: 640px; } .FastCleanerModal__rootConfirm--2fyow.ui.modal.large { width: 540px; } .FastCleanerModal__content--2tc0U { padding: 0px 60px; position: relative; } .FastCleanerModal__form--3MPDq { display: flex; gap: 8px; justify-content: center; padding: 0px 27px; } .FastCleanerModal__button--3ojek.ui.button { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background_modal_inverse); flex-shrink: 0; height: 48px; padding-left: 24px; padding-right: 24px; width: auto; } .FastCleanerModal__button--3ojek.ui.button:hover { background-color: var(--vkui--color_background_modal); } .FastCleanerModal__button--3ojek.ui.button:active { background-color: rgb(17, 17, 17); } .FastCleanerModal__input--1zbDc.vkuiFormField { background-color: var(--vkui--color_background_contrast); border-radius: 12px; width: 100%; } .FastCleanerModal__input--1zbDc.vkuiFormField .vkuiInput__el { color: var(--vkui--color_text_contrast_themed); font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); padding: 12px 12px 12px 20px; } .FastCleanerModal__input--1zbDc.vkuiFormField .vkuiInput__el::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); } .FastCleanerModal__input--1zbDc.vkuiFormField .vkuiInput__el::placeholder { color: var(--vkui--color_text_secondary); } .FastCleanerModal__inputError--3Fd_C.vkuiFormField { background-color: rgb(250, 235, 235); } .FastCleanerModal__inputError--3Fd_C.vkuiFormField .vkuiInput__el { color: var(--vkui--color_text_negative); } .FastCleanerModal__inputError--3Fd_C.vkuiFormField .vkuiFormField__border { border: .5px solid var(--vkui--color_background_negative); } .FastCleanerModal__description--arX66 { color: var(--vkui--color_text_contrast); text-align: center; } .FastCleanerModal__description--arX66, .FastCleanerModal__descriptionText--3R0jn { font-size: var(--vkui--font_text--font_size--regular); line-height: 22px; } .FastCleanerModal__buttonLink--ZcvZq .vkuiButton__content { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_weight_accent3); } .FastCleanerModal__buttonLink--ZcvZq.vkuiButton--hover .vkuiButton__content { color: var(--vkui--color_text_secondary_alpha); } .FastCleanerModal__title--3glwG { -webkit-font-smoothing: antialiased; font-size: 40px; font-weight: var(--vkui--font_weight_accent1); line-height: 46px; margin: 0px auto; text-align: center; width: fit-content; } .FastCleanerModal__underline--1F0hi { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/7f67e4c4da8ee23ee1ab.svg") center bottom / 100% auto no-repeat; padding-bottom: 12px; } .FastCleanerModal__underlineTariff--3Lote { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/c9bdad7d8be7a0f3b3c9.svg") center bottom / 100% auto no-repeat; padding-bottom: 8px; } .FastCleanerModal__conditions--1bJdN { display: flex; gap: 12px; margin: 0px 32px; position: relative; } .FastCleanerModal__condition--1M3bf { background-color: var(--vkui--color_background_secondary_alpha); border-radius: 16px; display: flex; gap: 12px; padding: 16px; } .FastCleanerModal__condition--1M3bf svg { flex-shrink: 0; } .FastCleanerModal__conditionText--kFzJu { font-size: var(--vkui--font_caption1_caps--font_size--regular); line-height: var(--vkui--font_caption1_caps--line_height--regular); } .FastCleanerModal__fullConditions--3TakW { display: block; margin: 0px auto; } .FastCleanerModal__fullConditions--3TakW .vkuiButton__content { font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_headline2--line_height--compact); } .FastCleanerModal__fullConditions--3TakW.vkuiButton--hover .vkuiButton__content { color: var(--vkui--color_text_secondary_alpha); } .FastCleanerModal__activated--3EtLE { color: var(--vkui--color_text_contrast); font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); text-align: center; } .FastCleanerModal__buttonSubscriptions--S7b36.ui.button { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background_modal_inverse); font-size: var(--vkui--font_headline1--font_size--compact); margin: 0px auto; padding-left: 16px; padding-right: 16px; width: auto; } .FastCleanerModal__buttonSubscriptions--S7b36.ui.button:hover { background-color: var(--vkui--color_background_modal); } .FastCleanerModal__buttonSubscriptions--S7b36.ui.button:active { background-color: rgb(17, 17, 17); } .FastCleanerModal__error--3BdOE { color: var(--vkui--color_text_secondary_alpha); font-size: var(--vkui--font_subhead--font_size--regular); line-height: var(--vkui--font_subhead--line_height--regular); padding: 0px 27px; } .FastCleanerModal__crown--3v54W { position: relative; } .FastCleanerModal__crown--3v54W::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/1d0eef5b792ce6d741df.svg") 0% 0% / cover no-repeat; content: ""; height: 43px; position: absolute; right: -29px; top: -25px; width: 43px; } .FastCleanerModal__categoryContainer--1gWzl { display: flex; flex-wrap: wrap; justify-content: space-between; } .FastCleanerModal__category--3zTxT { align-items: center; box-sizing: border-box; display: inline-flex; height: 24px; margin-bottom: 20px; min-width: 230px; } .FastCleanerModal__categoryIcon--3pBMI { height: 24px; margin-right: 10px; width: 24px; } .FastCleanerModal__categoryText--3boWK { font-weight: 500; line-height: 18px; margin-right: 10px; min-width: 140px; } .FastCleanerModal__counter--BrYhV { background-color: var(--vkui--color_background_secondary_alpha,#00103d0f); color: var(--vkui--color_text_primary,#2c2d2e); } .FastCleanerModal__mobileRoot--1Q6UU { overflow-y: scroll; padding: 24px !important; } .FastCleanerModal__mobileRoot--1Q6UU .FastCleanerModal__contentWrapper--LU9SG { width: 100%; } .FastCleanerModal__mobileRoot--1Q6UU .FastCleanerModal__groupGrid-1c--gprGI { gap: 8px; display: grid; grid-template-columns: 1fr; } .FastCleanerModal__mobileRoot--1Q6UU .FastCleanerModal__secondaryText--3psP7 { padding-left: 12px; padding-right: 12px; } .FastCleanerModal__mobileRoot--1Q6UU .FastCleanerModal__buttons--1wEtw { width: 100%; } .FastCleanerModal__mobileRoot--1Q6UU .FastCleanerModal__buttons--1wEtw button { border-radius: 12px; width: 100%; } .FastCleanerModal__mobileRoot--1Q6UU .FastCleanerModal__groupList--2_WB4 { max-height: none; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .LeftDialog__root--1TuHS { background: var(--vkui--cloud_color_background_alternative); inset: 0px; padding-bottom: 0px; position: fixed; z-index: 1202; } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .LeftDialog__root--1TuHS { } } @supports (padding-bottom:env(safe-area-inset-bottom)) { .LeftDialog__root--1TuHS { padding-bottom: env(safe-area-inset-bottom); } } @supports (padding-top:env(safe-area-inset-top)) { .LeftDialog__root--1TuHS { padding-top: env(safe-area-inset-top); } } .LeftDialog__root_white--ojz-P { background: var(--vkui--color_background); } .LeftDialog__close--1na6p { align-items: center; background-color: var(--vkui--cloud_color_header_icon_background_alpha); border-radius: 50%; color: var(--vkui--color_text_primary); display: flex; height: 37px; justify-content: center; left: 16px; position: absolute; top: 10px; width: 36px; } @supports (top:calc(10px + env(safe-area-inset-top))) { .LeftDialog__close--1na6p { top: calc(10px + env(safe-area-inset-top)); } } @media (min-width: 700px) { .LeftDialog__close--1na6p { top: 38px; } @supports (top:calc(40px + env(safe-area-inset-top))) { .LeftDialog__close--1na6p { top: calc(38px + env(safe-area-inset-top)); } } } .LeftDialog__animation_appear--y1Ok5 { opacity: 0; transform: translateX(-100%); } .LeftDialog__animation_appear_active--12JNO { transition: opacity 0.25s, transform 0.25s; } .LeftDialog__animation_appear_active--12JNO, .LeftDialog__animation_exit--1m1-a { opacity: 1; transform: translateX(0px); } .LeftDialog__animation_exit_active--38Z53 { opacity: 0; transform: translateX(-100%); transition: opacity 0.25s, transform 0.25s; } .LeftDialog__root_rebrandingQuotaLanding--DvsXM { background: var(--rebranding_color_leftside_background); } .LeftDialog__root_rebrandingQuotaLanding--DvsXM .LeftDialog__close--1na6p { background: var(--vkui--color_background_secondary); color: var(--vkui--color_icon_primary); top: 24px; } @supports (top:calc(24px + env(safe-area-inset-top))) { .LeftDialog__root_rebrandingQuotaLanding--DvsXM .LeftDialog__close--1na6p { top: calc(24px + env(safe-area-inset-top)); } } .OptionsBlock__root--1u43v { background: var(--vkui--color_background_secondary); border-radius: 12px; color: var(--vkui--color_text_primary); padding: 8px 0px; } .OptionsBlock__header--3_MIy { font-family: var(--font-tt-norms); font-size: 16px; font-weight: 500; justify-content: space-between; line-height: 22px; padding: 8px 16px 12px; } .OptionsBlock__header--3_MIy, .OptionsBlock__item--2dHxH { align-items: center; display: flex; } .OptionsBlock__item--2dHxH { box-sizing: border-box; height: 48px; padding: 14px 10px; position: relative; } .OptionsBlock__item_disabled--3HyU_ { opacity: 0.4; pointer-events: none; } .OptionsBlock__icon--18rO- { height: 24px; margin-right: 12px; width: 24px; } .OptionsBlock__text--OK7Dh { flex: 1 1 0%; font-family: var(--font-tt-norms); font-size: 16px; line-height: 24px; margin-top: 2px; } .OptionsBlock__check--L0M2R { color: var(--vkui--color_text_accent); margin-right: 16px; } .OptionsBlock__check--L0M2R > svg { display: block; } .OptionsBlock__root_delete--3-Zy9, .OptionsBlock__root_remove--34s11 { color: var(--vkui--color_text_negative); padding: 0px; } .OptionsBlock__root_auth--30Y2g { color: var(--vkui--color_text_accent); } .OptionsBlock__root--1u43v[data-qa-options*="mobile-options-modal-redesign"], .OptionsBlock__root_mobile-sort-menu--AWAbE { background: var(--vkui--color_background_secondary_alpha); border-radius: 16px; color: var(--vkui--color_text_primary); padding: 4px 0px; } .OptionsBlock__root--1u43v[data-qa-options*="mobile-options-modal-redesign"] .OptionsBlock__item--2dHxH, .OptionsBlock__root_mobile-sort-menu--AWAbE .OptionsBlock__item--2dHxH { align-items: center; box-sizing: border-box; display: flex; height: 44px; padding: 0px 8px 0px 16px; position: relative; } .OptionsBlock__root--1u43v[data-qa-options*="mobile-options-modal-redesign"] .OptionsBlock__text--OK7Dh, .OptionsBlock__root_mobile-sort-menu--AWAbE .OptionsBlock__text--OK7Dh { flex: 1 1 0%; font-family: var(--font-tt-norms); font-size: 17px; line-height: 24px; margin: 0px; } .OptionsBlock__root--1u43v[data-qa-options*="mobile-options-modal-redesign"] .OptionsBlock__check--L0M2R, .OptionsBlock__root_mobile-sort-menu--AWAbE .OptionsBlock__check--L0M2R { align-items: center; display: flex; height: 36px; justify-content: center; margin: 0px; width: 36px; } .OptionsBlock__root_mobile-options-modal-redesign_delete--2CbJ7[data-qa-options*="mobile-options-modal-redesign"], .OptionsBlock__root_mobile-options-modal-redesign_remove--2cnPx[data-qa-options*="mobile-options-modal-redesign"] { color: var(--vkui--color_text_negative); } .OptionsBlock__root_mobile-options-modal-redesign_remove_auth--2s9zL[data-qa-options*="mobile-options-modal-redesign"] { color: var(--vkui--color_text_accent); } .OptionsBlock__rightItem--3W-XM { margin-right: 6px; } .UserBlock__root--1FSOv { align-items: center; background: var(--vkui--color_background_secondary); border-radius: 12px; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; height: 64px; padding: 8px 12px; } .UserBlock__info--1Fgkn { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 14px; line-height: 18px; max-width: 100%; min-width: 1px; } .UserBlock__avatar--1zu1_ { margin-right: 8px; } .UserBlock__login--1xTq- { font-weight: 500; } .UserBlock__email--1QORo, .UserBlock__login--1xTq- { overflow: hidden; text-overflow: ellipsis; } .UserBlock__arrow--SKqh5 { color: var(--vkui--color_text_primary); height: 20px; margin-left: auto; width: 20px; } .UserBlock__root_leftMenu--1SNix { background: transparent; padding: 12px 16px; } .UserBlock__root_leftMenu--1SNix .UserBlock__avatar--1zu1_, .UserBlock__root_leftMenu--1SNix .UserBlock__info--1Fgkn { margin-right: 16px; } .UserBlock__root_leftMenu--1SNix .UserBlock__login--1xTq- { font-size: 18px; line-height: 24px; margin-bottom: 2px; } .UserBlock__root_rebrandingQuotaLanding--15Qx_ { padding: 4px 0px; } .UserBlock__root_rebrandingQuotaLanding--15Qx_ .UserBlock__login--1xTq- { font-size: 18px; font-weight: 500; line-height: 23px; } .UserBlock__root_rebrandingQuotaLanding--15Qx_ .UserBlock__email--1QORo, .UserBlock__root_rebrandingQuotaLanding--15Qx_ .UserBlock__login--1xTq- { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); } .UserBlock__root_rebrandingQuotaLanding--15Qx_ .UserBlock__email--1QORo { font-size: 14px; font-weight: 400; line-height: 17px; } .UserBlock__root_rebrandingQuotaLanding--15Qx_ .UserBlock__arrow--SKqh5 { color: var(--vkui--color_text_primary); } .MobileNavigationPanel__navigationBlock--2fzLQ { align-items: center; background: transparent; display: flex; height: 56px; justify-content: space-between; padding: 0px 16px; width: 100%; } .MobileNavigationPanel__navigationBlock--2fzLQ > svg { width: 14px; } .MobileNavigationPanel__leftBlock--3CRk3 { align-items: center; display: flex; gap: 12px; justify-content: flex-start; } .MobileNavigationPanel__navigationBlockSticky--Jbt8U { backdrop-filter: blur(14px); background: var(--vkui--color_avatar_overlay_inverse_alpha--active); } .vkui--cloud--dark .MobileNavigationPanel__navigationBlockSticky--Jbt8U { background: var(--vkui--color_background_primary); } .MobileNavigationPanel__dialog--13ewI { margin-top: 78px; overflow: auto; scrollbar-width: none; } .MobileNavigationPanel__dialog--13ewI::-webkit-scrollbar { display: none; } .MobileNavigationPanel__tab--rnnaV { align-items: center; border-radius: 12px; display: flex; font-size: 15px; height: 20px; padding: 14px 16px; } .MobileNavigationPanel__tabActive--1PQMK { background-color: var(--vkui--color_background_accent_tint_themed_alpha); color: var(--vkui--color_text_accent); } .MobileNavigationPanel__menu--31Il4 { display: flex; flex-direction: column; height: 100%; justify-content: space-between; padding: 0px 36px; } .MobileNavigationPanel__userBlock--1FEQx { margin-bottom: 28px; } .MobileNavigationPanel__button--1iYOC.ui.button { background-color: var(--vkui--color_background_content); border-radius: 16px; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-weight: 500; height: 36px; line-height: 20px; margin-left: auto; padding: 8px 16px; } .MobileNavigationPanel__navigationBlockRebranding--3l9Tq { height: 44px; padding: 0px 12px 0px 16px; } .MobileNavigationPanel__navigationBlockRebranding--3l9Tq .MobileNavigationPanel__leftBlock--3CRk3 svg { color: var(--vkui--color_icon_primary); } .MobileNavigationPanel__navigationBlockRebranding--3l9Tq .MobileNavigationPanel__button--1iYOC.ui.button { background-color: var(--vkui--color_background_content); border-radius: 16px; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-weight: 500; height: 36px; line-height: 20px; margin-left: auto; padding: 8px 16px; } .MobileNavigationPanel__menu_rebranding--1itQn { padding: 0px 16px; } .MobileNavigationPanel__menu_rebranding--1itQn .MobileNavigationPanel__dialog--13ewI { margin-top: 84px; } .MobileNavigationPanel__menu_rebranding--1itQn .MobileNavigationPanel__tab--rnnaV { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 400; line-height: 19px; padding: 16px; } .MobileNavigationPanel__menu_rebranding--1itQn .MobileNavigationPanel__tab--rnnaV:not(:last-child) { margin-bottom: 12px; } .MobileNavigationPanel__menu_rebranding--1itQn .MobileNavigationPanel__tab--rnnaV.MobileNavigationPanel__tabActive--1PQMK { background: var(--vkui--color_background_secondary); color: var(--vkui--color_text_accent); } .MobileNavigationPanel__menu_rebranding--1itQn .MobileNavigationPanel__userBlock--1FEQx { margin-bottom: 55px; padding: 0px 16px; } .SkippedPaymentDialog__text--15-DN { font-size: 18px; line-height: 24px; } .SkippedPaymentFinalDialog__root--3pK5p.ui.modal { width: 880px; } .SkippedPaymentFinalDialog__root--3pK5p.ui.modal > .content { padding: 0px; } .SkippedPaymentFinalDialog__content--3K_n_ { font-family: var(--vkui--font_family_accent); padding: 24px 40px 50px; text-align: center; } .SkippedPaymentFinalDialog__title--38FFD { font-size: 32px; font-weight: var(--vkui--font_weight_accent1); line-height: 38px; } .SkippedPaymentFinalDialog__text--2oCRV, .SkippedPaymentFinalDialog__title--38FFD { -webkit-font-smoothing: antialiased; } .SkippedPaymentFinalDialog__text--2oCRV { font-size: var(--vkui--font_title2--font_size--regular); font-weight: 400; line-height: var(--vkui--font_title2--line_height--regular); } .SkippedPaymentFinalDialog__text--2oCRV span { color: var(--rebranding_color_lime); font-weight: var(--vkui--font_title2--font_weight--regular); } .SkippedPaymentFinalDialog__button--1e0jL.ui.button { -webkit-font-smoothing: antialiased; font-size: 15px; margin: 0px auto; width: auto; } .SkippedPaymentFinalDialog__video--3f4UF { min-height: 445px; width: 100%; } .AiPhotoGenerationCancelGenerationModal__title--2zF-j { font-family: var(--vkui--font_title1--font_family--regular); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); } .AiPhotoGenerationCancelGenerationModal__description--1qR9N { font-family: var(--vkui--font_title3_custom--font_family--regular); font-size: var(--vkui--font_title3_custom--font_size--regular); font-weight: var(--vkui--font_title3_custom--font_weight--regular); line-height: var(--vkui--font_title3_custom--line_height--regular); } .AiPhotoGenerationClamp__wrapper--kEtWR { align-items: center; color: rgb(231, 232, 234); display: flex; flex-direction: column; } .AiPhotoGenerationClamp__title--3fhxa { font-size: 28px; font-weight: 500; line-height: 32px; max-width: 350px; } .AiPhotoGenerationClamp__subTitle--3mOSy, .AiPhotoGenerationClamp__title--3fhxa { text-align: center; } .AiPhotoGenerationClamp__subTitle--3mOSy { font-size: 17px; font-weight: 400; line-height: 22px; max-width: 500px; } .AiPhotoGenerationClamp__button--1YHxh { -webkit-font-smoothing: antialiased; padding: 6px 4px; } .AiPhotoGenerationClamp__animationContainer--1U4Tx { height: 320px; width: 375px; } .AiPhotoGenerationClamp__animation--2P2l9 { width: 100%; } .AiPhotoGenerationLoader__container--Kp12H { -webkit-font-smoothing: antialiased; align-items: center; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; padding-bottom: 48px; z-index: 2; } .AiPhotoGenerationLoader__percentage--3zAop { font-feature-settings: "liga" 0, "clig" 0; font-family: var(--font_family--vk_sans_display); font-size: 64px; font-style: normal; font-weight: 500; line-height: 72px; } .AiPhotoGenerationLoader__percentage--3zAop, .AiPhotoGenerationLoader__title--2yuTi { color: rgb(231, 232, 234); text-align: center; } .AiPhotoGenerationLoader__title--2yuTi { font-feature-settings: "liga" 0, "clig" 0; font-family: var(--font_family--vk_sans_display); font-size: 24px; font-style: normal; font-weight: 500; line-height: 28px; } .AiPhotoGenerationLoader__text--3XUdx { font-feature-settings: "liga" 0, "clig" 0; color: rgb(140, 142, 148); font-family: var(--font_family--vk_sans_display); font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; text-align: center; } .AiPhotoGenerationLoader__button--3KRWk.ui.button { background: rgba(181, 181, 181, 0.16); border-radius: 12px; color: rgb(231, 232, 234); font-family: var(--font_family--vk_sans_display); font-style: normal; font-weight: 500; height: 48px; line-height: 20px; padding: 0px 24px; } .AiPhotoGenerationLoader__button--3KRWk.ui.button:hover { background-color: rgba(181, 181, 181, 0.2); } .AiPhotoGenerationLoader__button--3KRWk.ui.button:active { background-color: rgba(181, 181, 181, 0.24); } .AiPhotoGenerationLoader__lottie--1LOwM { max-width: 1600px; position: absolute; top: 0px; width: 100%; } .AiPhotoGenerationLoaderText__text--B4oTV { display: inline-block; opacity: 1; transition: opacity 0.15s ease-in-out; } .AiPhotoGenerationLoaderText__textHiding--2q5de { opacity: 0; } .AiPhotoGenerationLoaderFinish__container--1LQWH { -webkit-font-smoothing: antialiased; align-items: center; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; padding-bottom: 48px; z-index: 2; } .AiPhotoGenerationLoaderFinish__percentage--239SS { font-feature-settings: "liga" 0, "clig" 0; font-family: var(--font_family--vk_sans_display); font-size: 64px; font-style: normal; font-weight: 500; line-height: 72px; } .AiPhotoGenerationLoaderFinish__percentage--239SS, .AiPhotoGenerationLoaderFinish__title--3ilv1 { color: rgb(231, 232, 234); text-align: center; } .AiPhotoGenerationLoaderFinish__title--3ilv1 { font-feature-settings: "liga" 0, "clig" 0; font-family: var(--font_family--vk_sans_display); font-size: 24px; font-style: normal; font-weight: 500; line-height: 28px; } .AiPhotoGenerationLoaderFinish__text--3O4l8 { font-feature-settings: "liga" 0, "clig" 0; color: rgb(140, 142, 148); font-family: var(--font_family--vk_sans_display); font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; text-align: center; } .AiPhotoGenerationLoaderFinish__lottie--3a0Px { max-width: 1600px; position: absolute; top: 0px; width: 100%; } .AiPhotoGenerationButtonRefresh__button--30EGf { align-items: center; border-radius: 1000px; box-sizing: border-box; cursor: pointer; display: flex; font-size: 15px; font-weight: 500; gap: 8px; height: 36px; justify-content: center; line-height: 20px; margin: 0px 6px; overflow: hidden; padding: 0px 12px 0px 8px; position: relative; transition: background-color 0.2s ease-in-out; white-space: nowrap; z-index: 1; } .AiPhotoGenerationButtonRefresh__button--30EGf:hover { background: rgba(255, 255, 255, 0.15); } .AiPhotoGenerationButtonSave__wrapper--3_RGL { min-width: 210px; transition: min-width 0.2s ease-in-out; width: 210px; } .AiPhotoGenerationButtonSave__wrapper_none--1JNYv { min-width: 0px; width: 0px; } .AiPhotoGenerationButtonSave__button--39S8z { align-items: center; background: var(--vkui--color_background_accent); border-radius: 1000px; box-sizing: border-box; cursor: pointer; display: flex; font-size: 15px; font-weight: 500; gap: 8px; height: 36px; justify-content: center; line-height: 20px; margin: 0px 6px; overflow: hidden; padding: 0px 12px 0px 8px; position: relative; transition: background-color 0.2s ease-in-out; white-space: nowrap; z-index: 1; } .AiPhotoGenerationButtonSave__button--39S8z:hover { background: var(--vkui--color_background_accent--hover); } .AiPhotoGenerationButtonSave__button--39S8z:active { background: var(--vkui--color_background_accent--active); } .AiPhotoGenerationToolbarDelimiter__delimiter--kH7ML { background: rgba(143, 143, 143, 0.3); height: 20px; width: 1px; } .AiPhotoGenerationRatingBlock__ratingBlock--1liCO { align-items: center; display: flex; gap: 6px; justify-content: center; margin: 0px 6px; opacity: 1; transition: opacity 0.2s ease-in-out; } .AiPhotoGenerationRatingBlock__ratingWrapper--9Himj { display: flex; min-width: 90px; transition: min-width 0.2s ease-in-out; width: 90px; } .AiPhotoGenerationRatingBlock__ratingWrapper--9Himj .AiPhotoGenerationRatingBlock__button--343ut:not(.AiPhotoGenerationRatingBlock__button_icon--1NFlN) { animation: 0.3s ease-in-out 0s 1 alternate none running AiPhotoGenerationRatingBlock__appear--2RChL; } .AiPhotoGenerationRatingBlock__ratingWrapper--9Himj .AiPhotoGenerationRatingBlock__icon--W_3-d { opacity: 0; position: absolute; transition: opacity 0.2s ease-in-out; } .AiPhotoGenerationRatingBlock__ratingWrapper--9Himj .AiPhotoGenerationRatingBlock__iconActive--1L-Pi { opacity: 1; } .AiPhotoGenerationRatingBlock__ratingWrapper_long--eHCVs { min-width: 173px; } .AiPhotoGenerationRatingBlock__ratingWrapper_long--eHCVs .AiPhotoGenerationRatingBlock__ratingBlock--1liCO { opacity: 0; } .AiPhotoGenerationRatingBlock__ratingWrapper_long--eHCVs .AiPhotoGenerationRatingBlock__button--343ut:not(.AiPhotoGenerationRatingBlock__button_icon--1NFlN) { opacity: 1; } .AiPhotoGenerationRatingBlock__ratingWrapper_none--Guaph { min-width: 0px; width: 0px; } .AiPhotoGenerationRatingBlock__button--343ut { align-items: center; border-radius: 1000px; box-sizing: border-box; cursor: pointer; display: flex; font-size: 15px; font-weight: 500; gap: 8px; height: 36px; justify-content: center; line-height: 20px; margin: 0px 6px; overflow: hidden; padding: 0px 12px 0px 8px; position: relative; transition: background-color 0.2s ease-in-out; white-space: nowrap; z-index: 1; } .AiPhotoGenerationRatingBlock__button--343ut:hover { background: rgba(255, 255, 255, 0.15); } .AiPhotoGenerationRatingBlock__button_active--3rpQE { background: rgba(255, 255, 255, 0.12); } .AiPhotoGenerationRatingBlock__button_icon--1NFlN { height: 36px; margin: 0px; padding: 0px; width: 36px; } .AiPhotoGenerationRatingBlock__delimiter--596YH { background: rgba(143, 143, 143, 0.3); height: 20px; width: 1px; } .AiPhotoGenerationRatingBlock__counter--2HOn0 { color: var(--vkui--color_text_secondary); font-size: 13px; } .AiPhotoGenerationRatingBlock__tooltipRoot--1ZCFp { min-width: 320px; width: 320px; } .AiPhotoGenerationRatingBlock__tooltip--3y47q { background: var(--vkui--color_background_modal); padding: 24px; width: 272px; } .AiPhotoGenerationRatingBlock__tooltipButton--W1LsF.ui.button.primary { font-size: 15px; width: auto; } .AiPhotoGenerationRatingBlock__tooltipText--5ATtz { color: var(--vkui--color_text_primary); font-size: 17px; } .AiPhotoGenerationRatingBlock__tooltipEdit--3oJvi > textarea { background: var(--vkui--cloud_color_background_alternative); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; color: var(--vkui--color_text_primary); height: 80px; outline: none; padding: 10px; font-family: var(--font-tt-norms) !important; } .AiPhotoGenerationToolbarComplete__root--3LJKE { -webkit-font-smoothing: antialiased; bottom: 18px; color: var(--vkui--color_text_contrast); font-family: var(--font-tt-norms); justify-content: center; pointer-events: none; position: absolute; user-select: none; width: 100%; z-index: 1; } .AiPhotoGenerationToolbarComplete__container--1zMEU, .AiPhotoGenerationToolbarComplete__root--3LJKE { align-items: center; box-sizing: border-box; display: flex; } .AiPhotoGenerationToolbarComplete__container--1zMEU { backdrop-filter: blur(30px); background: var(--vkui--cloud_color_tabbar_background_alpha); border-radius: 1000px; height: 48px; pointer-events: all; } .AiPhotoGenerationSuggestions__suggestions--2TaMy { padding-bottom: 12px; width: 100%; } .AiPhotoGenerationSuggestions__suggestions--2TaMy::before { background: linear-gradient(90deg, rgb(25, 25, 25), transparent); left: 0px; z-index: 1; } .AiPhotoGenerationSuggestions__suggestions--2TaMy::after, .AiPhotoGenerationSuggestions__suggestions--2TaMy::before { bottom: 0px; content: ""; height: 32px; pointer-events: none; position: absolute; top: 0px; width: 16px; } .AiPhotoGenerationSuggestions__suggestions--2TaMy::after { background: linear-gradient(270deg, rgb(25, 25, 25), transparent); right: 0px; } .AiPhotoGenerationSuggestions__suggest--3mk8j { border-radius: 8px 8px 8px 0px; background-color: rgb(42, 42, 42) !important; min-width: fit-content !important; } .AiPhotoGenerationSuggestions__suggestFirst--Ra_zr { margin-left: 16px; } .AiPhotoGenerationSuggestions__suggestLast--3yqlQ { height: 1px; min-width: 4px !important; } .AiPhotoGenerationToolbarIdle__toolbar--2NfHR { bottom: 18px; left: 50%; position: fixed; transform: translateX(-50%); width: 640px; z-index: 2; } .AiPhotoGenerationToolbarIdle__wrapper--17pdY { background: rgb(42, 42, 42); border-radius: 20px; padding: 16px; } .AiPhotoGenerationToolbarIdle__inputContainer--2D-4n { background: rgb(42, 42, 42); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; max-height: 144px; min-height: 20px; } .AiPhotoGenerationToolbarIdle__inputContainer--2D-4n .vkuiFocusVisible--visible { display: none; } .AiPhotoGenerationToolbarIdle__inputContainer--2D-4n .vkuiFormField__border { display: none; } .AiPhotoGenerationToolbarIdle__inputContainer--2D-4n textarea { border-radius: 0px; color: rgb(231, 232, 234); max-height: 144px; padding: 0px; scrollbar-color: rgb(76, 76, 76) transparent; scrollbar-width: thin; } .AiPhotoGenerationToolbarIdle__inputContainer--2D-4n textarea::selection { color: rgb(231, 232, 234); } .AiPhotoGenerationToolbarIdle__controls--VIh-9 { display: flex; justify-content: space-between; } .AiPhotoGenerationToolbarIdle__styleButton--2URvD { background: rgba(181, 181, 181, 0.16) !important; color: rgb(231, 232, 234) !important; } .AiPhotoGenerationToolbarIdle__styleButtonSelected--30MCq { background: linear-gradient(0deg, rgb(28, 68, 121), rgb(28, 68, 121)), rgba(181, 181, 181, 0.16) !important; } .AiPhotoGenerationToolbarIdle__selectedButtonWrapper--17GLW { display: flex; gap: 4px; } .AiPhotoGenerationToolbarIdle__selectedButtonClose--36X0p { margin-top: 1px; } .ScreenNew__root--1aPSr { background-color: var(--vkui--color_background); height: 100%; left: 0px; overflow: auto; z-index: 1204; } .ScreenNew__header--32ZDL, .ScreenNew__root--1aPSr { display: flex; position: fixed; top: 0px; width: 100%; } .ScreenNew__header--32ZDL { background: transparent; box-sizing: border-box; cursor: default; justify-content: space-between; padding: 16px; z-index: 1; } .ScreenNew__header--32ZDL, .ScreenNew__leftBlock--1MjiQ { align-items: center; gap: 16px; } .ScreenNew__leftBlock--1MjiQ { display: flex; } .ScreenNew__logo--t-XV0 { cursor: pointer; left: 32px; top: 32px; } @media (max-width: 768px) { .ScreenNew__logo--t-XV0 { left: 16px; top: 16px; } } .ScreenNew__content---1jNw { margin: 60px auto 0px; padding: 0px 32px; } @media (max-width: 768px) { .ScreenNew__content---1jNw { padding: 0px 24px; } } .ScreenNew__separator--iNtrt { background: rgba(143, 143, 143, 0.5); height: 32px; width: 1px; } .ScreenNew__titleContainer--2jDpj { -webkit-font-smoothing: antialiased; align-items: center; display: flex; gap: 8px; } .ScreenNew__title--3L3Em { color: var(--vkui--color_text_primary); } .ScreenNew__info--hXIiV { color: var(--vkui--cloud_color_text_contrast_themed_alpha); font-size: 15px; font-weight: 400; line-height: 20px; } .ScreenNew__rightBlock--1aVsy { align-items: center; display: flex; gap: 2px; } .ScreenNew__closeIcon--1B7DD { cursor: pointer; z-index: 2; } .FullScreenAiPhotoGenerationModal__screenRoot--kJquC { z-index: 1204; } .FullScreenAiPhotoGenerationModal__screenRootClamp--2yTHp { background-color: rgb(24, 24, 24); } .FullScreenAiPhotoGenerationModal__screenContent--3J3qF { display: flex; height: 100vh; margin: 0px; padding: 0px; width: 100%; } .FullScreenAiPhotoGenerationModal__root--1m6dU { color: var(--vkui--color_text_primary); flex-direction: column; font-family: var(--vkui--font_family_accent); font-style: normal; font-weight: 400; height: 100%; } .FullScreenAiPhotoGenerationModal__header--3WHmB, .FullScreenAiPhotoGenerationModal__root--1m6dU { align-items: center; display: flex; width: 100%; } .FullScreenAiPhotoGenerationModal__header--3WHmB { background: transparent; cursor: default; gap: 16px; height: 40px; margin: 8px; position: fixed; top: 0px; z-index: 1; } .FullScreenAiPhotoGenerationModal__mainContent--3a69E { align-items: center; display: flex; flex-grow: 1; justify-content: center; } .FullScreenAiPhotoGenerationModal__idleIcon--2DPrT { color: var(--color-background-tertiary); margin-top: -4vh; } .FullScreenAiPhotoGenerationModal__generatedImage--6-r1S { max-height: 75vh; width: 100%; } .AiPhotoGenerationResetModal__title--2CtOM { font-family: var(--vkui--font_title1--font_family--regular); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); } .AiPhotoGenerationResetModal__description--1qoin { font-family: var(--vkui--font_title3_custom--font_family--regular); font-size: var(--vkui--font_title3_custom--font_size--regular); font-weight: var(--vkui--font_title3_custom--font_weight--regular); line-height: var(--vkui--font_title3_custom--line_height--regular); } .AiPhotoGenerationStylesPopup__modal--3IZg4 { padding: 24px 0px 32px; border-radius: 16px !important; user-select: none !important; width: fit-content !important; } .AiPhotoGenerationStylesPopup__wrapper--24nse { color: rgb(231, 232, 234); display: flex; flex-direction: column; padding: 0px; } .AiPhotoGenerationStylesPopup__closeIcon--2Zh2L { margin-top: 6px; right: 12px; } .AiPhotoGenerationStylesPopup__grid--2010j { display: grid; gap: 6px; grid-template-columns: repeat(4, 1fr); } .AiPhotoGenerationStylesPopup__card--1kuE9 { border-radius: 12px; cursor: pointer; height: 175px; overflow: hidden; position: relative; width: 175px; } .AiPhotoGenerationStylesPopup__image--1o8sX { display: block; height: 100%; object-fit: cover; width: 100%; } .AiPhotoGenerationStylesPopup__overlay--2psZ0 { background: linear-gradient(transparent 45%, rgba(0, 0, 0, 0.55)); inset: 0px; position: absolute; } .AiPhotoGenerationStylesPopup__headline--1ute7 { bottom: 12px; color: rgb(255, 255, 255); left: 16px; position: absolute; z-index: 1; } .AiPhotoGenerationEntryPointModal__content--3jYpN { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title3--font_size--regular); padding: 224px 0 var(--padding-promo) !important; } .AiPhotoGenerationEntryPointModal__imageWrapper--32k-m { height: 200px !important; } .AiPhotoGenerationEntryPointModal__closeIcon--1LyJC { color: var(--vkui--color_icon_secondary); } .AiPhotoGenerationMailSpacePromo__content--aCaD4 { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title3--font_size--regular); padding: 224px 0 var(--padding-promo) !important; } .AiPhotoGenerationMailSpacePromo__imageWrapper--3Fd0B { height: 200px !important; } .AllDocumentsRequestModal__dialog--3G2y6.modal.ui { height: 498px; width: 420px; } .AllDocumentsRequestModal__dialog--3G2y6.modal.ui .AllDocumentsRequestModal__content--19XZ6 { padding: 0px !important; } .AllDocumentsRequestModal__dialog--3G2y6.modal.ui > .content { padding: 0px !important; } .AllDocumentsRequestModal__dialog--3G2y6.modal.ui > .content { height: 100%; } .AllDocumentsRequestModal__top--pTgXt { align-items: center; background-color: rgb(238, 240, 243); display: flex; height: 242px; justify-content: center; } .AllDocumentsRequestModal__bottom--3zqzZ { padding: var(--vkui--x6) var(--vkui--x8); } .AllDocumentsRequestModal__heading---Fg2- { font-feature-settings: "liga" 0, "clig" 0; font-family: var(--vkui--font_title1--font_family--regular); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); } .AllDocumentsRequestModal__closeButton--2Q34L { background: var(--colors-Other-octaviusColorBackgroundOverlay,hsla(0,0%,100%,.48)); height: 30px; width: 30px; border-radius: 50% !important; } .AllDocumentsRequestModal__closeIcon--3ERqO { color: rgba(39, 43, 55, 0.3); height: 12px; width: 12px; } .AsidePollModal__root--2lbyv { -webkit-font-smoothing: antialiased; background-color: var(--vkui--cloud_color_background_content_alternative); border-radius: 20px; bottom: 16px; box-shadow: rgba(0, 10, 35, 0.08) 0px 72px 80px 0px, rgba(0, 10, 35, 0.02) 0px 22px 24px 0px, rgba(0, 10, 35, 0.03) 0px 8px 12px 0px, rgba(0, 10, 35, 0.1) 0px 0px 48px 0px; left: 16px; overflow: hidden; position: fixed; width: 320px; z-index: 1205; } .AsidePollModal__root--2lbyv + .AsidePollModal__root--2lbyv { box-shadow: none; } .AsidePollModal__root_showAboveViewer--2vEz8 { z-index: 1206; } .AsidePollModal__close--3az-H { color: var(--vkui--color_icon_secondary); height: auto; padding: 6px; position: absolute; right: 8px; top: 8px; } .AsidePollModal__close_overImage--3d98g { background: var(--vkui--color_background_secondary_alpha); color: var(--vkui--color_icon_primary); padding: 10px; } .AsidePollModal__animation--3mRdQ { left: 0px; position: absolute; top: 0px; width: 100%; } .Intro__image--1tNPS { display: block; width: 100%; } .Intro__content--1wV0I { padding: 16px 24px 24px; } .Poll__content--2wLqD { padding: 24px; } .Poll__step--3GdJe { color: var(--vkui--color_text_secondary); } .Poll__buttonsWrapper--8Wdzj { display: flex; gap: 8px; } .Poll__pollButton--Vtgbt { background-color: var(--vkui--color_background_secondary); border-radius: 12px; height: auto; margin-bottom: 8px; min-height: auto; padding: 12px; } .Poll__pollButton--Vtgbt:last-child { margin-bottom: 4px; } .Poll__pollButton--Vtgbt:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .Poll__pollButton--Vtgbt:active { background-color: var(--vkui--color_background_secondary_alpha--active); } .Poll__pollButton--Vtgbt .vkuiButton__before { -webkit-font-smoothing: antialiased; align-items: center; background-color: var(--vkui--color_background_modal); border-radius: 100%; color: var(--vkui--color_text_tertiary); display: flex; flex-shrink: 0; font-size: var(--vkui--font_subhead--font_size--regular); font-weight: 600; height: 28px; justify-content: center; padding-left: 0px; text-transform: uppercase; width: 28px; } .Poll__pollButton--Vtgbt .vkuiButton__content { -webkit-font-smoothing: antialiased; font-weight: 400; white-space: normal; } .Poll__pollButton--Vtgbt .vkuiButton__content:last-child { padding-right: 0px; } .Poll__pollButtonActive--akEUB { background-color: var(--vkui--cloud_color_sweetblue); } .Poll__pollButtonActive--akEUB .vkuiButton__before { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .Poll__pollButtonActive--akEUB .vkuiButton__content { color: var(--vkui--color_text_accent); } .Poll__pollButtonActive--akEUB:active, .Poll__pollButtonActive--akEUB:hover { background-color: var(--vkui--cloud_color_sweetblue); } .vkui--cloud--dark .Poll__pollButtonActive--akEUB .vkuiButton__before { color: var(--vkui--color_text_primary); } .vkui--cloud--dark .Poll__pollButtonActive--akEUB .vkuiButton__content { color: var(--vkui--color_text_primary); } .Result__image--3GwTN { display: block; width: 100%; } .Result__content--31FgW { padding: 16px 24px 24px; } .AuthDialog__root--2FM3b { -webkit-font-smoothing: antialiased; font-family: var(--vkui--font_family_accent); padding: 24px 0px; } .AuthDialog__title--1P_VY { font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); margin-bottom: 12px; } .AuthDialog__text--Ugrsq { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); margin-bottom: 24px; } .AuthDialog__buttonWrapper--2xzbv { display: flex; } .AuthDialog__button--2ajYh { font-weight: var(--vkui--font_weight_accent2); } .AuthDialog__space--1jThx { height: 100%; width: 12px; } .infoOffer__root--2uayd { background-color: var(--vkui--color_background_secondary); background-repeat: no-repeat; background-size: contain; box-shadow: 0 4px 60px var(--vkui--color_background_secondary_alpha--active); margin: 0px -30px; padding: 35px 8px 8px; text-align: center; } .infoOffer__root--2uayd .infoOffer__button--2nw2v.button.ui { margin-top: 32px; } .infoOffer__root--2uayd .infoOffer__text--1XO9Z, .infoOffer__root--2uayd .infoOffer__title--1JQYe { color: var(--vkui--color_text_primary); } .infoOffer__iconBlock--3_0av { height: 82px; margin: 0px auto 30px; position: relative; width: 168px; } .infoOffer__icon--mv2Dw { background-position: 50% center; background-repeat: no-repeat; background-size: cover; inset: 0px -20px -176px; position: absolute; } .infoOffer__title--1JQYe { font-family: var(--font-tt-norms); font-size: 20px; font-weight: 400; line-height: 24px; margin-bottom: 12px; } .infoOffer__text--1XO9Z, .infoOffer__title--1JQYe { color: var(--vkui--color_text_contrast); position: relative; } .infoOffer__text--1XO9Z { font-family: var(--vkui--font_family_accent); font-size: 16px; font-weight: 300; line-height: 26px; } .infoOffer__modal--GPIaW.modal.ui { border-radius: 20px; width: 300px; } .infoOffer__button--2nw2v.button.ui { -webkit-font-smoothing: antialiased; font-size: 15px; position: relative; } .infoOffer__rebranding--2dKfv .infoOffer__title--1JQYe { line-height: 26px; } .infoOffer__rebranding--2dKfv .infoOffer__text--1XO9Z { line-height: 20px; } .infoOffer__rebranding--2dKfv .infoOffer__button--2nw2v.button.ui { } .infoOffer__rebranding--2dKfv .infoOffer__root--2uayd, .infoOffer__rebranding--2dKfv.infoOffer__modal--GPIaW.modal.ui, .infoOffer__rebranding--2dKfv.infoOffer__modal--GPIaW.modal.ui > .content { background: var(--vkui--color_background); box-shadow: none; } .infoOffer__modal--2tDvH.modal.ui { width: 540px; } .infoOffer__modal--2tDvH.modal.ui > .content { padding: 32px !important; } .infoOffer__root--3TziD { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); width: 100%; } .infoOffer__imageWrap--SB-Qy { align-items: center; display: flex; justify-content: center; padding: 12px 0px 36px; } .infoOffer__image--1hUQf { height: 152px; } .infoOffer__title--sF12J { font-size: 24px; font-weight: 500; line-height: 28px; margin-top: 12px; } .infoOffer__features--27gKW { display: flex; flex-direction: column; gap: 8px; list-style: none; margin: 12px 0px 24px; padding: 0px; } .infoOffer__feature--3_Inz { align-items: center; display: flex; font-size: 18px; font-weight: 400; line-height: 24px; } .infoOffer__feature--3_Inz::before { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/880fa0e907f16878a600.svg") 50% center / contain no-repeat; content: ""; display: inline-block; height: 18px; margin-right: 8px; width: 18px; } .BuyBusinessDialog__root--jF3T0.ui.modal { border-radius: 20px; min-height: 370px; min-width: 460px; } .BuyBusinessDialog__content--LFv5L { display: flex; flex-direction: column; font-family: var(--font-tt-norms); padding: 67px 8px 31px; } .BuyBusinessDialog__input--PdYiF { border: 1px solid var(--vkui--color_field_border_alpha); border-radius: 8px; box-sizing: border-box; height: 46px; margin-bottom: 15px; outline: none; padding: 13px 12px; } .BuyBusinessDialog__input--PdYiF:focus { border-color: var(--vkui--color_field_border_alpha--active); } .BuyBusinessDialog__input_error--MHPue { border-color: var(--vkui--color_text_negative); color: var(--vkui--color_text_negative); } .BuyBusinessDialog__input_error--MHPue:focus { border-color: var(--vkui--color_text_negative--active); color: var(--vkui--color_text_negative--active); } .BuyBusinessDialog__button--16slX.ui.button { font-family: var(--font-tt-norms); height: 48px; margin-top: 7px; padding: 0px 24px; width: 173px; } .BuyBusinessDialog__errorText--3Fjx5 { color: var(--vkui--color_text_negative); font-size: 11px; height: 20px; margin-top: -6px; } .BuyBusinessDialog__success--22iwn { place-items: center; display: flex; flex-direction: column; justify-content: center; } .BuyBusinessDialog__success--22iwn .BuyBusinessDialog__button--16slX.ui.button { margin-top: 60px; } .BuyBusinessDialog__title--3KQyQ { font-size: 32px; font-weight: 500; letter-spacing: 1px; margin-top: 40px; } .BuyBusinessDialog__description--JPJcc { font-size: 15px; margin-top: 14px; text-align: center; } .CheckABModal__wrapper--2Pgvp { align-items: center; display: flex; flex-direction: column; gap: 8px; } .CheckABModal__icon--2PfD1 { color: var(--vkui--color_icon_accent); padding: 8px 0px 16px; } .CheckABModal__subTitle--InT6x { color: var(--vkui--color_text_primary); font-family: "SF Pro Text", Arial, sans-serif; font-size: 17px; font-weight: 400; line-height: 22px; text-align: center; } .CheckABModal__footer--1oxph { justify-content: center; } .CoEditPublicAlertPopup__content--3Qi8D { padding-top: 284px; } .CoEditPublicAlertPopup__imageWrapper--Fhkvn { height: 260px; } .CoEditPublicAlertPopup__image--NetML { object-fit: fill; } .CoEditPublicAlertPopup__closeIcon--2RvWD { color: var(--vkui--color_icon_primary_invariably); } .CoEditPublicAlertPopup__text--OzZCi { font-family: var(--font-tt-norms); font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); margin-bottom: 24px; margin-top: 12px; } .PreCopyWeblinkDialog__modal--IgGG2.modal.ui { max-width: 490px; } .QuotaSpacePromo__root--2Ikb0 { background: var(--vkui--color_background_secondary); border-radius: 12px; padding: 16px; position: relative; } .QuotaSpacePromo__img--3fDkm { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/features/91df55e14bf8e1c400e1.png"); background-position-x: right; background-size: cover; bottom: 0px; height: 108px; position: absolute; right: 0px; width: 163px; } .QuotaSpacePromo__buttonText--1r8IW { color: var(--vkui--color_text_contrast); font-weight: var(--vkui--font_headline--font_weight--regular); line-height: 18px; } .QuotaSpacePromo__buttonText--1r8IW, .QuotaSpacePromo__subTitle--1zrhr { font-family: var(--vkui--font_headline--font_family--regular); font-size: 14px; } .QuotaSpacePromo__subTitle--1zrhr { color: var(--vkui--color_text); font-weight: 300; line-height: 20px; } .DeleteConfirmationDialog__wrapper--3wwsp { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); padding: 24px 0px; } .DeleteConfirmationDialog__wrapper_mobile--3qtwe { box-sizing: border-box; display: flex; flex-direction: column; min-width: 327px; padding: 12px 8px; width: 100%; } .DeleteConfirmationDialog__wrapper_remove--1Xbb3 { width: 364px; } .DeleteConfirmationDialog__wrapper--3wwsp h1, h2, h3, h4, h5 { font-family: var(--vkui--font_family_accent); } .DeleteConfirmationDialog__checkbox--oZpzb { margin-right: 8px; margin-top: 2px; } .DeleteConfirmationDialog__buttons--1X8sg, .DeleteConfirmationDialog__checkboxWrapper--1-gCx { display: flex; } .DeleteConfirmationDialog__buttons_mobile--mERnK { flex-direction: column; } .DeleteConfirmationDialog__buttons_large--1keoB { width: 420px; } .DeleteConfirmationDialog__cancel--D4b5T { margin-left: 16px; } .DeleteConfirmationDialog__cancel_mobile--2v3VP { margin-left: 0px; margin-top: 12px; } .DeleteConfirmationDialog__message--2KSVm { font-weight: var(--vkui--font_title3--font_weight--regular); } .DeleteConfirmationDialog__title--1_fny { padding: 0px; } .DeleteConfirmationDialog__text--3X_zp { font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); } .DisabledFeatureDialog__title--1DaqN { font-size: 24px; line-height: 32px; margin: 20px 0px; text-align: center; } .DisabledFeatureDialog__content--KXOWh { align-items: center; display: flex; flex-direction: column; min-height: 220px; padding: 10px 0px 0px; } .DisabledFeatureDialog__content_scrollable--D5JIO { overflow: auto; } .DisabledFeatureDialog__footer--5FLTQ { justify-content: center; padding: 32px 0px; } .DisabledFeatureDialog__buttonWrapper--1R6X8, .DisabledFeatureDialog__footer--5FLTQ { display: flex; } .DisabledFeatureDialog__buttonWrapper--1R6X8 > .ui.button { font-weight: 500; margin-right: 12px; padding: 12px 30px; } .DisabledFeatureDialog__iconWrapper--2B8xf { margin-top: 30px; } .DisabledFeatureDialog__description--3Oh1H { color: var(--vkui--color_text_primary); cursor: pointer; text-align: center; } .DisabledFeatureDialog__recommend--1XwR5 { margin-top: 20px; text-align: center; } .DisabledFeatureDialog__root_phone--1pI6s .DisabledFeatureDialog__title--1DaqN { font-size: 18px; font-weight: 500; line-height: 24px; } .DisabledFeatureDialog__root_phone--1pI6s .DisabledFeatureDialog__footer--5FLTQ { padding: 40px 0px 0px; } .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root_phone--1pI6s { font-family: var(--vkui--font_family_accent); } .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root_phone--1pI6s .DisabledFeatureDialog__title--1DaqN { -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 28px; margin-bottom: 8px; margin-top: 16px; } .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root_phone--1pI6s .DisabledFeatureDialog__description--3Oh1H, .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root_phone--1pI6s .DisabledFeatureDialog__recommend--1XwR5 { -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 20px; } .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root_phone--1pI6s .DisabledFeatureDialog__footer--5FLTQ { display: block; padding-top: 24px; } .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root_phone--1pI6s .DisabledFeatureDialog__button--2YBn7.ui.button { -webkit-font-smoothing: antialiased; border-radius: 16px; margin-right: 0px; } .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root_phone--1pI6s .DisabledFeatureDialog__iconWrapper--2B8xf { align-items: center; background: var(--vkui--color_background_negative); border-radius: 50%; color: var(--rebranding--color_icon_contrast); display: flex; height: 40px; justify-content: center; margin-top: 8px; width: 40px; } .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root--3ML_Z { font-family: var(--vkui--font_family_accent); } .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root--3ML_Z .DisabledFeatureDialog__iconWrapper--2B8xf { display: none; } .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root--3ML_Z .DisabledFeatureDialog__title--1DaqN { -webkit-font-smoothing: antialiased; font-size: 24px; font-weight: 500; line-height: 28px; margin-bottom: 12px; margin-top: 14px; text-align: left; width: calc(100% - 12px); } .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root--3ML_Z .DisabledFeatureDialog__description--3Oh1H, .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root--3ML_Z .DisabledFeatureDialog__recommend--1XwR5 { -webkit-font-smoothing: antialiased; font-size: 18px; font-weight: 400; line-height: 24px; text-align: left; } .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root--3ML_Z .DisabledFeatureDialog__description--3Oh1H span, .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root--3ML_Z .DisabledFeatureDialog__recommend--1XwR5 span { color: var(--vkui--color_text_negative); } .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root--3ML_Z .DisabledFeatureDialog__content--KXOWh { display: block; min-height: 0px; } .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root--3ML_Z .DisabledFeatureDialog__footer--5FLTQ { justify-content: flex-start; padding-bottom: 32px; padding-top: 24px; } .DisabledFeatureDialog__rebranding--kb-NK.DisabledFeatureDialog__root--3ML_Z .DisabledFeatureDialog__button--2YBn7.ui.button { -webkit-font-smoothing: antialiased; font-size: 15px; padding: 0px 16px; } .DuplicatesMailSpacePromoModal__content--2U9SF { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title3--font_size--regular); padding: 224px 0 var(--padding-promo) !important; } .DuplicatesMailSpacePromoModal__imageWrapper--2MySn { height: 200px !important; } .DuplicatesRemoveAllModal__title--19vva { font-family: var(--vkui--font_title1--font_family--regular); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); } .DuplicatesRemoveAllModal__description--2J18- { font-family: var(--vkui--font_title3_custom--font_family--regular); font-size: var(--vkui--font_title3_custom--font_size--regular); font-weight: var(--vkui--font_title3_custom--font_weight--regular); line-height: var(--vkui--font_title3_custom--line_height--regular); } .DuplicatesRemoveGroupModal__title--zKdFR { font-family: var(--vkui--font_title1--font_family--regular); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); } .DuplicatesRemoveGroupModal__description--PdSj9 { font-family: var(--vkui--font_title3_custom--font_family--regular); font-size: var(--vkui--font_title3_custom--font_size--regular); font-weight: var(--vkui--font_title3_custom--font_weight--regular); line-height: var(--vkui--font_title3_custom--line_height--regular); } .DuplicatesRemoveLimitModal__content--1kUqq { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title3--font_size--regular); padding: 224px 0 var(--padding-promo) !important; } .DuplicatesRemoveLimitModal__imageWrapper--2HdxO { height: 200px !important; } .DuplicatesRemoveLimitWarningModal__content--DXFEt { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title3--font_size--regular); padding: 224px 0 var(--padding-promo) !important; } .DuplicatesRemoveLimitWarningModal__imageWrapper--1W_aL { height: 200px !important; } .CategoryFilters__container--2V8xj { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background); border-radius: var(--vkui--size_border_radius_paper--regular); box-shadow: var(--vkui--elevation3); padding: var(--vkui--size_div_padding--regular) 0; width: 260px; } .CategoryFilters__resetButton--2W4fg { margin-right: -12px; } .ClearButton__button--28ZjJ { color: var(--vkui--color_icon_secondary); } .ClearButton__hover--10Rl2 { background-color: initial; color: var(--vkui--color_icon_primary); } .Filters__container--GPe-z { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background); border-radius: var(--vkui--size_border_radius_paper--regular); box-shadow: var(--vkui--elevation3); display: flex; width: 524px; } .Filters__group--yOMaA { width: 100%; } .Filters__grid--1FurH { border-radius: var(--vkui--size_border_radius_paper--regular); overflow: hidden; } .Filters__header--1Ndip { padding-bottom: var(--vkui--size_div_padding--regular); } .Filters__card--30DAM { overflow: hidden; } .SearchButton__button--7CYBM { border-left: var(--vkui--size_menu_margin--regular) solid var(--vkui--color_stroke_contrast); border-radius: 0 var(--vkui--size_border_radius--regular) var(--vkui--size_border_radius--regular) 0; width: 102px; } .SearchInput__input--1vI1r { -webkit-font-smoothing: antialiased; caret-color: var(--vkui--color_text_accent); flex: 1 1 0%; } .SearchInput__input--1vI1r > [class*="FormField__border"] { background-color: var(--vkui--color_background_secondary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--vkui--size_border_radius--regular); } .SearchInput__input--1vI1r > input { font-family: sans-serif; z-index: 3; } .SearchInput__searchIcon--qeL3U { color: var(--vkui--color_icon_secondary); margin: 0px 12px; } .SearchSuggests__container--3LOLi { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background); border-radius: var(--vkui--size_border_radius_paper--regular); box-shadow: var(--vkui--elevation3); padding: var(--vkui--size_div_padding--regular) 0; } .SearchSuggests__header--12bhc { color: var(--vkui--color_text_secondary); } .SearchSuggests__hover--2eZUd { background-color: var(--vkui--color_transparent--hover); transition: background-color 0.15s ease-out; } .SearchSuggests__hover--2eZUd .SearchSuggests__clearButton--1LlNC { opacity: 1; } .SearchSuggests__resetButton--3ILmU { margin-right: -12px; } .SearchSuggests__clearButton--1LlNC { align-items: center; border-radius: 50%; color: var(--vkui--color_icon_secondary); display: flex; height: 44px; justify-content: center; margin-right: -16px; opacity: 0; width: 44px; } .SearchSuggests__clearButton--1LlNC:hover { color: var(--vkui--color_icon_primary); opacity: 1; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .TransitionWrapper__root--3Kw6q { align-items: center; display: flex; font-family: var(--vkui--font_family_accent); margin-left: auto; min-width: 240px; overflow: hidden; width: 240px; } @media (max-width: 1024px) { .TransitionWrapper__root--3Kw6q.TransitionWrapper__responsive--3N7-p { min-width: auto; } } .TransitionWrapper__root_expand--2Zhl6 { width: 100%; } .TransitionWrapper__animation_appear--1Clkl { width: 240px; } .TransitionWrapper__animation_appear_active--2Ugm2 { transition: width 0.2s; width: 100%; } .TransitionWrapper__animation_exit--Tbnuq { width: 100%; } .TransitionWrapper__animation_exit_active--hIKaQ { transition: width 0.2s; width: 240px; } .TypeSelectButton__button--3YkI_ { border-radius: 0px; } .TypeSelectButton__button--3YkI_ > span[class*="vkuiButton__in"] { color: var(--vkui--color_text_secondary); } .TypeSelectButton__button--3YkI_:hover > span[class*="vkuiButton__in"] { color: var(--vkui--color_text_primary); } .TypeSelectButton__selected--28iYj > span[class*="vkuiButton__in"] { color: var(--vkui--color_text_accent); } .TypeSelectButton__icon--2Wz3b { display: block; margin-left: -4px; margin-right: -4px; } .SocialButtons__buttons--1ugTZ { margin-bottom: 0px !important; } .SocialButtons__button--28Vbt { margin-right: var(--vkui--size_icon_margin) !important; padding: 0px !important; } .SocialButtons__button--28Vbt button { align-items: center; justify-content: center; box-shadow: inset 0 0 0 1px var(--vkui--color_field_border_alpha) !important; padding: 0 var(--vkui--x2) !important; } .SocialButtons__button--28Vbt button:hover { box-shadow: inset 0 0 0 1px var(--vkui--color_field_border_alpha--hover) !important; } .SocialButtons__button--28Vbt svg { margin-left: auto; margin-right: auto; } .SocialButtons__button_mm--143la > button { background-color: var(--color_social_mir--normal) !important; } .SocialButtons__button_mm--143la > button:hover { background-color: var(--color_social_mir--hover) !important; } .SocialButtons__button_ok--BFCKm > button { background-color: var(--color_social_ok--normal) !important; } .SocialButtons__button_ok--BFCKm > button:hover { background-color: var(--color_social_ok--hover) !important; } .SocialButtons__button_vk--1rUWe > button { background-color: var(--color_social_vk--normal) !important; } .SocialButtons__button_vk--1rUWe > button:hover { background-color: var(--color_social_vk--hover) !important; } .SocialButtons__button_fb--x2zIE > button { background-color: var(--color_social_fb--normal) !important; } .SocialButtons__button_fb--x2zIE > button:hover { background-color: var(--color_social_fb--hover) !important; } .SocialButtons__button_tw--2hPN3 > button { background-color: var(--color_social_twitter--normal) !important; } .SocialButtons__button_tw--2hPN3 > button:hover { background-color: var(--color_social_twitter--hover) !important; } .SocialButtons__button_isNewIcons--1yxif button { fill: none; border-radius: 8px !important; padding: 0px !important; } .SocialButtons__button_isNewIcons--1yxif button.ui.button:hover { box-shadow: inset 0 0 0 2px var(--vkui--color_field_border_alpha--hover) !important; } .SocialButtons__button_disabled--3ZEr6 > button.ui.button { cursor: default; } .SocialButtons__button_dark--2Jglm button { background: var(--vkui--color_background_secondary) !important; } .SocialButtons__button_dark--2Jglm button:hover { background: var(--vkui--color_background_secondary--hover) !important; } .SocialButtons__button_size_big--2WNrY { margin-right: 18px !important; } .SocialButtons__button_size_bigbutton--1d9Sd.ui.button { height: 39px !important; width: 39px !important; } .SocialButtons__button_size_medium--U27Gs { margin-right: 17px !important; } .SocialButtons__button_size_mediumbutton--1xdbM.ui.button { height: 34px !important; width: 34px !important; } .ViewerShareButton__root_basic--2T87r button.ui.basic.button { color: var(--vkui--color_text_contrast) !important; } .ViewerShareButton__icon--2en-S { margin-right: 8px; } .ViewerShareButton__socials--29Mgk { margin-bottom: 8px; margin-top: 12px; padding: 0px 16px; } .ViewerShareButton__link--27yGz { align-items: center; display: flex; line-height: 1; } @media (max-width: 320px) { .ViewerShareButton__text--2TACQ { display: none; } } .ViewerSaveToCloudButton__root--1c3nP { display: block; } .ViewerSaveToCloudButton__icon--3PqrT { padding: 3px 2px; } .ViewerSaveToCloudButton__text--2wDdA { font-size: 15px; font-weight: 500; line-height: 20px; margin-left: 8px; margin-right: 4px; } @media (max-width: 365px) { .ViewerSaveToCloudButton__text--2wDdA { display: none; } } .EbookReaderDialog__root--3q7XS { background-color: var(--vkui--color_background_contrast); display: flex; flex-direction: column; height: 100vh; left: 0px; overflow: auto; position: fixed; top: 0px; width: 100vw; z-index: 9000; } .EbookReaderDialog__root_cepia--3uwBs { background-color: var(--color-cepia); } .EbookReaderDialog__root_dark--22xdh { background-color: var(--color-eerie-black); } .EbookReaderDialog__header--1XJpW { height: 56px; width: 100%; } .EbookReaderDialog__wrapperIframe--17DjC { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-grow: 1; min-width: 1004px; width: 100%; } .EbookReaderDialog__dimoutable--2grBd { opacity: 1; transition: opacity 0.2s ease-in-out; } .EbookReaderDialog__dimout--3F9QK { opacity: 0; } .EbookReaderDialog__dimout--3F9QK:hover { opacity: 1; } .EbookReaderDialog__error--1FdZ3 { color: var(--vkui--color_text_muted); font-family: var(--font-tt-norms); height: 100%; text-align: center; width: 100%; } .EbookReaderDialog__error--1FdZ3, .EbookReaderDialog__error--1FdZ3 .EbookReaderDialog__description--36nqM { align-items: center; display: flex; justify-content: center; } .EbookReaderDialog__error--1FdZ3 .EbookReaderDialog__description--36nqM { -webkit-font-smoothing: antialiased; flex-direction: column; max-width: 360px; } .EbookReaderDialog__error--1FdZ3 .EbookReaderDialog__icon--3L-cH { align-items: center; background: var(--vkui--color_background_secondary_alpha); border-radius: 16px; display: flex; height: 80px; justify-content: center; width: 80px; } .EbookReaderDialog__root_dark--22xdh .EbookReaderDialog__error--1FdZ3 { color: var(--vkui--color_text_contrast); } .EbookReaderDialog__root_dark--22xdh .EbookReaderDialog__error--1FdZ3 .EbookReaderDialog__icon--3L-cH { background: var(--vkui--color_background_contrast_secondary_alpha); } .EbookReaderDialog__root_dark--22xdh .EbookReaderDialog__error--1FdZ3 .ui.button { background: var(--vkui--color_background_contrast_secondary_alpha); color: var(--vkui--color_text_contrast); } .ExtendQuotaOfferModal__root_mobile--2QgW2 { background-color: var(--vkui--color_background_modal); overflow: hidden; } .ExtendQuotaOfferModal__root_mobile--2QgW2.ExtendQuotaOfferModal__dialogContent--34CoR { border-radius: 16px 16px 0px 0px; } .ExtendQuotaOfferModal__root_mobile--2QgW2 .ExtendQuotaOfferModal__button--uF47L { border-radius: 12px; height: 56px; } .ExtendQuotaOfferModal__root_mobile--2QgW2 .ExtendQuotaOfferModal__buttonText--3sVHH { font-size: var(--vkui--font_display_title4--font_size--regular); font-weight: var(--vkui--font_display_title4--font_weight--regular); line-height: var(--vkui--font_display_title4--line_height--regular); } .ExtendQuotaOfferModal__root_mobile--2QgW2 .ExtendQuotaOfferModal__text--2GKtO, .ExtendQuotaOfferModal__root_mobile--2QgW2 .ExtendQuotaOfferModal__title--3eMis { text-align: center; } .ExtendQuotaOfferModal__root_mobile--2QgW2 .ExtendQuotaOfferModal__content--3qAjz { padding: 24px 16px 0px; } .ExtendQuotaOfferModal__root_mobile--2QgW2 .ExtendQuotaOfferModal__close_light--fWBwJ { background-color: rgba(255, 255, 255, 0.16); } .ExtendQuotaOfferModal__root_mobile--2QgW2 .ExtendQuotaOfferModal__close_light--fWBwJ use { color: rgb(231, 232, 234) !important; } .ExtendQuotaOfferModal__root_mobile--2QgW2 .ExtendQuotaOfferModal__close_dark--3OHUL use { color: var(--vkui--color_icon_primary) !important; } .ExtendQuotaOfferModal__root_mobile--2QgW2 .ExtendQuotaOfferModal__imageWrapper--am_t7 { position: relative; width: 100%; } .ExtendQuotaOfferModal__root_mobile--2QgW2 .ExtendQuotaOfferModal__imageWrapper--am_t7 .ExtendQuotaOfferModal__imageText--1Goyb { bottom: 2px; color: rgba(255, 255, 255, 0.6); font-size: 7.8px; font-style: normal; font-weight: 400; left: 0px; line-height: 11.388px; position: absolute; right: 0px; text-align: center; } .ExtendQuotaOfferModal__root_mobile--2QgW2 .ExtendQuotaOfferModal__image--Ebjf9 { display: block; width: 100%; } .ExtendQuotaOfferModal__root--PremE.modal.ui { width: 540px; } .ExtendQuotaOfferModal__root--PremE .ExtendQuotaOfferModal__text--2GKtO { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_subtitle_custom--font_size); font-weight: var(--vkui--font_subtitle_custom--font_weight); line-height: var(--vkui--font_subtitle_custom--line_height); } .FamilyInviteModal__root--vZahB.modal.ui { width: 560px; } .FamilyInviteModal__root--vZahB.modal.ui > .content { padding: 24px 32px 32px; } .FamilyInviteModal__rootMobile--1l8iU { display: block; } .FamilyInviteModal__rootMobile--1l8iU .FamilyInviteModal__title--2-1c9 { font-size: var(--vkui--font_title2--font_size--regular); font-weight: var(--vkui--font_title2--font_weight--regular); line-height: var(--vkui--font_title2--line_height--regular); } .FamilyInviteModal__rootMobile--1l8iU .FamilyInviteModal__text--1kv1N { font-size: 16px; } .FamilyInviteModal__rootMobile--1l8iU .FamilyInviteModal__copyLink--1NJAk, .FamilyInviteModal__rootMobile--1l8iU .FamilyInviteModal__loading--pZfXz { padding: 12px; } .FamilyInviteModal__rootMobile--1l8iU .FamilyInviteModal__loading--pZfXz { flex-direction: column; } .FamilyInviteModal__rootMobile--1l8iU .FamilyInviteModal__loadingInput--_ZFzp { flex: 1 1 auto; margin-bottom: 12px; width: 100%; } .FamilyInviteModal__rootMobile--1l8iU .FamilyInviteModal__loadingButton--1MUhF { width: 100%; } .FamilyInviteModal__title--2-1c9 { font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); } .FamilyInviteModal__text--1kv1N, .FamilyInviteModal__title--2-1c9 { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); } .FamilyInviteModal__text--1kv1N { font-size: 18px; line-height: 24px; } .FamilyInviteModal__copyLink--1NJAk { background-color: var(--vkui--color_background_accent_tint_alpha); border-radius: 12px; padding: 20px 16px 20px 20px; } .FamilyInviteModal__copyLink--1NJAk input { color: var(--vkui--color_text_primary); } .FamilyInviteModal__loading--pZfXz { background-color: var(--vkui--color_skeleton_from); border-radius: 12px; display: flex; justify-content: space-between; padding: 20px; } .FamilyInviteModal__loadingInput--_ZFzp { flex: 1 1 0%; margin-right: 8px; } .FamilyInviteModal__loadingButton--1MUhF, .FamilyInviteModal__loadingInput--_ZFzp { background-color: var(--vkui--color_skeleton_to); border-radius: 8px; height: 40px; } .FamilyInviteModal__loadingButton--1MUhF { width: 125px; } .FamilyInviteModal__error--2kpMV { background-color: rgba(237, 10, 52, 0.1); } .FamilyInviteModal__error--2kpMV .FamilyInviteModal__loadingInput--_ZFzp { align-items: center; background-color: initial; display: flex; } .FamilyInviteModal__error--2kpMV .FamilyInviteModal__loadingInput--_ZFzp svg { color: var(--vkui--color_icon_negative); margin-right: 8px; } .FamilyInviteModal__errorText--gIn5h { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); } .FamilyInviteModal__errorButton--1mcCP.ui.button { background-color: var(--vkui--color_background); width: auto; } .FamilyInviteModal__errorButton--1mcCP.ui.button:active, .FamilyInviteModal__errorButton--1mcCP.ui.button:focus-visible, .FamilyInviteModal__errorButton--1mcCP.ui.button:hover { background-color: var(--vkui--color_background); opacity: 0.6; } .FamilyInviteModal__rootRebranding--ShaMf .FamilyInviteModal__copyLink--1NJAk input, .FamilyInviteModal__rootRebranding--ShaMf .FamilyInviteModal__errorText--gIn5h, .FamilyInviteModal__rootRebranding--ShaMf .FamilyInviteModal__text--1kv1N, .FamilyInviteModal__rootRebranding--ShaMf .FamilyInviteModal__title--2-1c9, .FamilyInviteModal__rootRebrandingMobile--1mizD .FamilyInviteModal__copyLink--1NJAk input, .FamilyInviteModal__rootRebrandingMobile--1mizD .FamilyInviteModal__errorText--gIn5h, .FamilyInviteModal__rootRebrandingMobile--1mizD .FamilyInviteModal__text--1kv1N, .FamilyInviteModal__rootRebrandingMobile--1mizD .FamilyInviteModal__title--2-1c9 { color: var(--vkui--color_text_contrast); } .FamilyInviteModal__rootRebranding--ShaMf .FamilyInviteModal__errorButton--1mcCP.ui.button, .FamilyInviteModal__rootRebrandingMobile--1mizD .FamilyInviteModal__errorButton--1mcCP.ui.button { color: var(--vkui--color_text_contrast); } .FamilyAfterPurchaseModal__text--2Z2_7 { font-size: 18px; line-height: 24px; } .LitresModal__title--2QtKm { line-height: var(--vkui--font_title1--line_height--regular); } .LitresModal__image--1LkmX { flex-shrink: 0; height: 196px; width: 224px; } .LitresModal__content--3yA3N { -webkit-font-smoothing: antialiased; font-family: var(--font_family--vk_sans_display); } .LitresModal__wsncontent--2HucR { padding-bottom: 16px !important; } .LitresModal__text--aAgjF { font-size: var(--vkui--font_subtitle_custom--font_size); font-weight: var(--vkui--font_subtitle_custom--font_weight); line-height: var(--vkui--font_subtitle_custom--line_height); } .LitresModal__footer--3fpG8 { display: flex; flex-direction: column; margin-top: 12px; } .LitresModal__footer--3fpG8 a, .LitresModal__footer--3fpG8 span { color: var(--vkui--color_text_tertiary); font-family: Arial; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } .FamilyTariffModal__root_mobile--nVjl9 { overflow: hidden; } .FamilyTariffModal__root_mobile--nVjl9.FamilyTariffModal__dialogContent--1j8Hh { border-radius: 16px 16px 0px 0px; } .FamilyTariffModal__root_mobile--nVjl9 .FamilyTariffModal__button--31TPV { border-radius: 12px; height: 56px; } .FamilyTariffModal__root_mobile--nVjl9 .FamilyTariffModal__buttonText--3EQXb { font-size: var(--vkui--font_display_title4--font_size--regular); font-weight: var(--vkui--font_display_title4--font_weight--regular); line-height: var(--vkui--font_display_title4--line_height--regular); } .FamilyTariffModal__root_mobile--nVjl9 .FamilyTariffModal__content--1Q9lj { padding: 24px 16px 0px; } .FamilyTariffModal__root_mobile--nVjl9 .FamilyTariffModal__close_light--2b-LN { background-color: rgba(255, 255, 255, 0.16); } .FamilyTariffModal__root_mobile--nVjl9 .FamilyTariffModal__close_light--2b-LN use { color: rgb(231, 232, 234) !important; } .FamilyTariffModal__root_mobile--nVjl9 .FamilyTariffModal__close--2_ZfY use { color: var(--vkui--color_icon_primary) !important; } .FamilyTariffModal__root_mobile--nVjl9 .FamilyTariffModal__imageWrapper--3LxzR { position: relative; width: 100%; } .FamilyTariffModal__root_mobile--nVjl9 .FamilyTariffModal__imageWrapper--3LxzR .FamilyTariffModal__imageText--2eKxp { bottom: 2px; color: rgba(255, 255, 255, 0.6); font-size: 7.8px; font-style: normal; font-weight: 400; left: 0px; line-height: 11.388px; position: absolute; right: 0px; } .FamilyTariffModal__root_mobile--nVjl9 .FamilyTariffModal__image--1efF_ { display: block; width: 100%; } .FamilyTariffModal__root--mSE7X .FamilyTariffModal__text--1hG1b { font-weight: var(--vkui--font_subtitle_custom--font_weight); } .FamilyTariffModal__root--mSE7X .FamilyTariffModal__boldText--QUupI, .FamilyTariffModal__root--mSE7X .FamilyTariffModal__text--1hG1b { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_subtitle_custom--font_size); line-height: var(--vkui--font_subtitle_custom--line_height); } .FamilyTariffModal__root--mSE7X .FamilyTariffModal__boldText--QUupI { font-weight: var(--vkui--font_headline_large_medium--font_weight); } .FamilyTariffModal__root_lightClose--_mhpr .closeIcon:hover { background-color: rgba(255, 255, 255, 0.16); } .FamilyTariffModal__root_lightClose--_mhpr .FamilyTariffModal__cross--2EZca { color: rgb(231, 232, 234); } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .FileHistoryList__root--Xl_Yh { margin-top: 10px; overflow-y: scroll; } .FileHistoryList__root--Xl_Yh > div:first-child { min-height: 200px !important; } .FileHistoryList__root_virtual-list--2cktW > div:first-child { height: 250px; } .vkui--cloud--dark.rebranding .FileHistoryList__item--XlJ2V { color: var(--vkui--color_text_secondary); } .vkui--cloud--dark.rebranding .FileHistoryList__rebranding--2deQg div[class*="Name__wrap"], .vkui--cloud--dark.rebranding .FileHistoryList__rebranding--2deQg div[class*="VirtualList-new__divider"] { color: var(--vkui--color_text_primary); } .FileHistoryList__item--XlJ2V { align-items: center; border-radius: 8px; color: var(--vkui--color_text_secondary); display: flex; flex-direction: row; font-size: 13px; height: 48px; line-height: 20px; width: 100%; } .FileHistoryList__item--XlJ2V:hover:not(.FileHistoryList__item_current--2lsoh) { background-color: var(--vkui--color_transparent--hover); } .FileHistoryList__item_selected--2HRbs { background-color: var(--vkui-color_background_tertiary); } .FileHistoryList__item_current--2lsoh { color: var(--vkui--color_text_secondary); } .FileHistoryList__name--Da6Qc { box-sizing: border-box; flex: 1 1 auto; margin-right: auto; max-width: 330px; overflow: hidden; padding-right: 16px; width: 100%; } .FileHistoryList__size--U0dB9 { flex-shrink: 0; margin-left: 10px; min-width: 70px; } @media (max-width: 840px) { .FileHistoryList__size--U0dB9 { min-width: auto; } } .FileHistoryList__time--2J16K { margin-left: 10px; width: 50px; } .FileHistoryList__controls--3xmzY { width: 84px; } .FileHistoryList__recovery--vlmGm { visibility: hidden; } .FileHistoryList__item--XlJ2V:hover .FileHistoryList__recovery--vlmGm, .FileHistoryList__item_selected--2HRbs .FileHistoryList__recovery--vlmGm { visibility: visible; } .FileHistoryList__root_responsive--3p60a { overflow-x: hidden; } @media (max-width: 840px) { .FileHistoryList__root_responsive--3p60a .FileHistoryList__name--Da6Qc { margin-right: auto; width: auto; } .FileHistoryList__root_responsive--3p60a .FileHistoryList__time--2J16K { min-width: 40px; } .FileHistoryList__root_responsive--3p60a .FileHistoryList__size--U0dB9 { min-width: auto; } } .FileHistoryList__rebranding--2deQg div[class*="VirtualList-new__divider"] { color: var(--cloud-color_text_default); } .FileHistory__root---IMcL { color: var(--vkui--color_text_primary); padding-bottom: 32px; } .FileHistory__content--6IODG { display: flex; flex-direction: column; height: 300px; margin-top: 14px; max-height: 300px; } .FileHistory__header--3-mBn { font-size: 20px; } .FileHistory__description--2Zp4J, .FileHistory__header--3-mBn { color: var(--vkui--color_text_primary); } .FileHistory__description--2Zp4J { font-size: 14px; font-weight: 400; line-height: 20px; } .CustomMarkerSlider__root---IYeQ { --border-radius: 100px; --gray-background-color: var(--ph-color-transparent--active); width: 100%; } .CustomMarkerSlider__track--26HmX { --track-height: 8px; --thumb-height: 20px; --thumb-width: 20px; --thumb-offset: 10px; --thumb-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.04),0px 4px 4px 0px rgba(0,0,0,.08); cursor: pointer; display: flex; height: var(--track-height); position: relative; } .CustomMarkerSlider__filled--3-1Ks { align-items: center; background-color: var(--vkui--color_background_accent); border-radius: var(--border-radius); display: flex; height: 100%; padding-left: calc(var(--thumb-offset)/2); padding-right: calc(var(--thumb-offset)/2); z-index: 1000; } .CustomMarkerSlider__filled--3-1Ks.CustomMarkerSlider__withAnimation--1nw4s { transition: width 0.6s ease-in-out; } .CustomMarkerSlider__emptyContainer--fjCMU { inset: 0px; display: flex; gap: 1px; position: absolute; } .CustomMarkerSlider__emptyContainer--fjCMU .CustomMarkerSlider__empty--2rwNF { align-items: center; background-color: var(--gray-background-color); border-radius: var(--border-radius); display: flex; height: 100%; justify-content: flex-end; padding-left: 10px; padding-right: 10px; position: relative; } .CustomMarkerSlider__label--2oPLA { color: var(--ph-color-text-secondary); font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_headline2--font_weight--regular); line-height: var(--vkui--font_headline2--line_height--compact); } .CustomMarkerSlider__bottom--bLHop { align-items: center; display: flex; justify-content: space-between; } .CustomMarkerSliderThumb__thumb--3geD6 { align-items: center; border-radius: var(--border-radius); display: flex; height: var(--thumb-height); justify-content: center; position: absolute; top: calc((var(--track-height) - var(--thumb-height))/2); width: var(--thumb-width); } .CustomMarkerSliderThumb__thumb--3geD6.CustomMarkerSliderThumb__withAnimation--1f4iP { transition: left 0.6s ease-in-out; } .CustomMarkerSliderThumb__thumb--3geD6 .CustomMarkerSliderThumb__thumbPointer--3rr8- { background-color: var(--color-back-white); border-radius: var(--border-radius); box-shadow: var(--thumb-box-shadow); cursor: pointer; height: var(--thumb-height); position: relative; transition: 0.2s; width: var(--thumb-width); z-index: 10000; } .CustomMarkerSliderThumb__thumb--3geD6 .CustomMarkerSliderThumb__thumbPointer--3rr8-:hover { transform: scale(1.3); } .CustomMarkerSliderThumb__thumb--3geD6 .CustomMarkerSliderThumb__thumbPointer--3rr8-:active { transform: scale(1.2); } .FlexibleQuotaFooter__root--3KiAg { -webkit-font-smoothing: antialiased; align-items: center; display: flex; justify-content: space-between; width: 100%; } .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__tooltipContent--1WPZq { width: 232px; } .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__infoBlock--1HHl2 { align-items: center; display: flex; gap: 8px; } .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__infoBlock--1HHl2 .FlexibleQuotaFooter__input--3ftYc { caret-color: var(--vkui--color_text_accent); flex: 1 1 0%; min-height: 28px; width: 66px; } .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__infoBlock--1HHl2 .FlexibleQuotaFooter__input--3ftYc > [class*="FormField__border"] { background-color: var(--vkui--color_background_secondary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--vkui--size_border_radius--regular); } .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__infoBlock--1HHl2 .FlexibleQuotaFooter__input--3ftYc > input { background: var(--vkui--color_background_secondary); border-color: var(--cloud--color-stroke-field_border_alpha); border-radius: 8px; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-weight: var(--vkui--font_headline1--font_weight--regular); height: 28px; line-height: var(--vkui--font_headline1--line_height--compact); padding: 0px 12px; transition: border-color 0.1s; z-index: 3; } .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__infoBlock--1HHl2 .FlexibleQuotaFooter__input--3ftYc > input::-webkit-inner-spin-button, .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__infoBlock--1HHl2 .FlexibleQuotaFooter__input--3ftYc > input::-webkit-outer-spin-button { appearance: none; margin: 0px; } .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__infoBlock--1HHl2 .FlexibleQuotaFooter__input--3ftYc > input[type="number"] { } .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__infoBlock--1HHl2 .FlexibleQuotaFooter__input--3ftYc > input:active, .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__infoBlock--1HHl2 .FlexibleQuotaFooter__input--3ftYc > input:focus { border-color: var(--vkui--color_text_accent); } .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__infoBlock--1HHl2 .FlexibleQuotaFooter__input--3ftYc > input:active, .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__infoBlock--1HHl2 .FlexibleQuotaFooter__input--3ftYc > input:focus, .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__infoBlock--1HHl2 .FlexibleQuotaFooter__input--3ftYc > input:hover { background: var(--vkui--color_background_secondary); border-radius: 8px; color: var(--vkui--color_text_primary); } .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__infoBlock--1HHl2 .FlexibleQuotaFooter__text--1sEae { font-size: var(--vkui--font_headline1--font_size--compact); font-weight: var(--vkui--font_headline1--font_weight--regular); line-height: var(--vkui--font_headline1--line_height--compact); } .FlexibleQuotaFooter__root--3KiAg .FlexibleQuotaFooter__button--33KnH.ui.primary.button { border-radius: 8px; font-size: var(--vkui--font_text--font_size--compact); height: 36px; line-height: var(--vkui--font_headline--line_height--compact); padding: 8px 20px; width: auto; } .FlexibleQuotaTooltip__root--1gnts { --init-color: #07f; --private-color: #08bd50; --study-color: #af67f7; --business-color: #fd549b; --pro-color: #ff9e00; --init-bottom-offset: 25px; --tooltip-width: 160px; bottom: var(--init-bottom-offset); left: -24px; opacity: 0; overflow: hidden; position: absolute; transform: translate3d(-46px, 46px, 0px) scale3d(0.1, 0.1, 1); transition: 0.2s ease-in-out; } .FlexibleQuotaTooltip__root--1gnts, .FlexibleQuotaTooltip__root--1gnts.FlexibleQuotaTooltip__init--maJTQ { --target-color: var(--init-color); --target-bg-color: var(--init-color); } .FlexibleQuotaTooltip__root--1gnts.FlexibleQuotaTooltip__private--1OplN { --target-color: var(--private-color); --target-bg-color: var(--private-color); } .FlexibleQuotaTooltip__root--1gnts.FlexibleQuotaTooltip__study--3lyFg { --target-color: var(--study-color); --target-bg-color: var(--study-color); } .FlexibleQuotaTooltip__root--1gnts.FlexibleQuotaTooltip__business--3hSs5 { --target-color: var(--business-color); --target-bg-color: var(--business-color); } .FlexibleQuotaTooltip__root--1gnts.FlexibleQuotaTooltip__pro--29oGN { --target-color: var(--pro-color); --target-bg-color: var(--pro-color); } .FlexibleQuotaTooltip__root--1gnts.FlexibleQuotaTooltip__ready--3EfMh { opacity: 1; transform: scaleX(1); } .FlexibleQuotaTooltip__root--1gnts .FlexibleQuotaTooltip__tooltip--7p_Xe { background-color: var(--target-bg-color); border-radius: 16px; box-sizing: border-box; display: flex; gap: 8px; padding: 6px 16px 6px 6px; position: relative; transition: 0.1s ease-in-out; width: var(--tooltip-width); } .FlexibleQuotaTooltip__root--1gnts .FlexibleQuotaTooltip__tooltip--7p_Xe .FlexibleQuotaTooltip__initContext--1s7bl { align-items: center; color: var(--rebranding--color_text_primary); display: flex; font-size: var(--vkui--font_title3--font_size--compact); font-weight: var(--vkui--font_title3--font_weight--compact); line-height: var(--vkui--font_title3--line_height--compact); } .FlexibleQuotaTooltip__root--1gnts .FlexibleQuotaTooltip__tooltip--7p_Xe .FlexibleQuotaTooltip__info--3IqCS { display: flex; flex-direction: column; } .FlexibleQuotaTooltip__root--1gnts .FlexibleQuotaTooltip__tooltip--7p_Xe .FlexibleQuotaTooltip__info--3IqCS .FlexibleQuotaTooltip__space--1B2iu { display: flex; flex-shrink: 0; justify-content: space-between; } .FlexibleQuotaTooltip__root--1gnts .FlexibleQuotaTooltip__tooltip--7p_Xe .FlexibleQuotaTooltip__info--3IqCS .FlexibleQuotaTooltip__space--1B2iu .FlexibleQuotaTooltip__text--dxup3 { color: var(--rebranding--color_text_primary); display: flex; flex-shrink: 0; flex-wrap: nowrap; font-size: var(--vkui--font_title3--font_size--compact); font-weight: var(--vkui--font_title3--font_weight--compact); line-height: var(--vkui--font_title3--line_height--compact); } .FlexibleQuotaTooltip__root--1gnts .FlexibleQuotaTooltip__tooltip--7p_Xe .FlexibleQuotaTooltip__info--3IqCS .FlexibleQuotaTooltip__space--1B2iu.FlexibleQuotaTooltip__digit-1--2uAaH { width: 45px; } .FlexibleQuotaTooltip__root--1gnts .FlexibleQuotaTooltip__tooltip--7p_Xe .FlexibleQuotaTooltip__info--3IqCS .FlexibleQuotaTooltip__space--1B2iu.FlexibleQuotaTooltip__digit-2--3YKKB { width: 55px; } .FlexibleQuotaTooltip__root--1gnts .FlexibleQuotaTooltip__tooltip--7p_Xe .FlexibleQuotaTooltip__info--3IqCS .FlexibleQuotaTooltip__space--1B2iu.FlexibleQuotaTooltip__digit-3--14VID { width: 65px; } .FlexibleQuotaTooltip__root--1gnts .FlexibleQuotaTooltip__tooltip--7p_Xe .FlexibleQuotaTooltip__info--3IqCS .FlexibleQuotaTooltip__space--1B2iu.FlexibleQuotaTooltip__digit-4--1wb88 { width: 77px; } .FlexibleQuotaTooltip__root--1gnts .FlexibleQuotaTooltip__tooltip--7p_Xe .FlexibleQuotaTooltip__info--3IqCS .FlexibleQuotaTooltip__space--1B2iu.FlexibleQuotaTooltip__digit-5--3xmLp { width: 88px; } .FlexibleQuotaTooltip__root--1gnts .FlexibleQuotaTooltip__tooltip--7p_Xe .FlexibleQuotaTooltip__info--3IqCS .FlexibleQuotaTooltip__context--2WYWz { color: var(--rebranding--color_text_primary); font-size: var(--vkui--font_footnote--font_size--regular); font-weight: var(--vkui--font_footnote--font_weight--compact); line-height: var(--vkui--font_footnote--line_height--regular); } .FlexibleQuotaTooltip__root--1gnts .FlexibleQuotaTooltip__arrow--3aA7c { color: var(--target-color); overflow: hidden; position: relative; transition: 0.1s ease-in-out; } .FlexibleQuotaTooltip__root--1gnts .FlexibleQuotaTooltip__arrow--3aA7c svg { display: block; left: -6px; position: relative; top: -2px; transform: rotate(180deg); } .FlexibleQuotaTooltip__image--191hF { border-radius: 12px; display: none; height: 44px; width: 44px; } .FlexibleQuotaTooltip__image--191hF.FlexibleQuotaTooltip__visible--3lHXZ { display: block; } .FlexibleQuotaBlock__root--12tFT { align-items: center; align-self: stretch; background-color: var(--vkui--color_background_secondary); border-radius: 16px; display: flex; flex-direction: column; gap: 16px; padding: 30px 24px 24px; } .FlexibleQuotaBlock__root--12tFT .vkuiSeparator { color: var(--ph-color-transparent--active); width: 100%; } .vkui--cloud--dark .FlexibleQuotaBlock__root--12tFT .vkuiSeparator { color: var(--color-back-white-1); } .FlexbileQuotaModal__root--3y0iL { border-radius: 20px !important; overflow: visible !important; width: 640px !important; } .FlexbileQuotaModal__root--3y0iL.modal.ui .header { border-top-left-radius: 20px; border-top-right-radius: 20px; padding-left: 24px; padding-right: 24px; } .FlexbileQuotaModal__root--3y0iL.modal.ui .content { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding-left: 24px; padding-right: 24px; } .FlexbileQuotaModal__root--3y0iL .FlexbileQuotaModal__dialogContent--O0nle { padding-bottom: 24px; } .FlexbileQuotaModal__root--3y0iL .FlexbileQuotaModal__content--PRAEW .FlexbileQuotaModal__text--18g54 { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .AlbumActionsModal__root--1j6Aw { display: flex; flex-direction: column; width: 100%; } .AlbumActionsModal__header--3r0nP { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 17px; font-weight: 500; line-height: 22px; padding: 8px 8px 12px; } .AlbumActionsModal__block--SnxN- { background: var(--vkui--color_background_secondary); border-radius: 12px; overflow: hidden; padding-bottom: 4px; padding-top: 4px; } .AlbumActionsModal__item--LhAjs { -webkit-tap-highlight-color: transparent; align-items: center; background: none; border: 0px; box-sizing: border-box; color: var(--vkui--color_text_primary); cursor: pointer; display: flex; gap: 8px; height: 44px; padding: 2px 16px; width: 100%; } .AlbumActionsModal__itemIcon--3kCB_ { color: var(--vkui--color_icon_primary); display: flex; flex-shrink: 0; height: 24px; width: 24px; } .AlbumActionsModal__itemText--172fp { font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 400; line-height: 20px; } .AlbumActionsModal__item_danger--5pMNL { color: var(--vkui--color_text_negative); } .AlbumActionsModal__item_danger--5pMNL .AlbumActionsModal__itemIcon--3kCB_ { color: var(--vkui--color_icon_negative); } .MobileDropdown__root--2de6G { background: var(--vkui--color_background); border-radius: 20px; margin: 8px; padding: 12px 8px; } @supports (margin-bottom:constant(safe-area-inset-bottom)) { .MobileDropdown__root--2de6G { } } @supports (margin-bottom:env(safe-area-inset-bottom)) { .MobileDropdown__root--2de6G { margin-bottom: calc(env(safe-area-inset-bottom) + 8px); } } .MobileDropdown__overlay--1RDKn { background: var(--vkui--color_overlay_primary); inset: 0px; opacity: 1; position: fixed; z-index: -1; } .MobileDropdown__header--11Syw { font-family: var(--font-tt-norms); font-size: 20px; font-weight: 500; line-height: 24px; margin-bottom: 32px; } .MobileDropdown__header--11Syw, .MobileDropdown__item--1QT0P { color: var(--vkui--color_text_primary); } .MobileDropdown__item--1QT0P { align-content: center; box-sizing: border-box; display: flex; flex-direction: row; height: 52px; padding: 16px; } .MobileDropdown__itemText--2ZQ7e { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 17px; font-weight: 500; line-height: 24px; } .MobileDropdown__itemIcon--2eXFX { color: var(--vkui--color_icon_primary); height: 20px; margin-right: 12px; width: 20px; } .MobileDropdown__root_public--3FGOf { border-radius: 20px 20px 0px 0px; margin-bottom: 0px; padding: 16px; } .MobileDropdown__root_public--3FGOf .MobileDropdown__item--1QT0P { background: var(--vkui--color_background_secondary); border-radius: 12px; justify-content: center; margin-top: 12px; } .MobileDropdown__root_actionSheet--1SkI2 { background: var(--vkui--color_background_modal); border-radius: 12px; margin: 10px; padding: 8px 0px; } @supports (margin-bottom:constant(safe-area-inset-bottom)) { .MobileDropdown__root_actionSheet--1SkI2 { } } @supports (margin-bottom:env(safe-area-inset-bottom)) { .MobileDropdown__root_actionSheet--1SkI2 { margin-bottom: calc(env(safe-area-inset-bottom) + 10px); } } .MobileDropdown__root_actionSheet--1SkI2 .MobileDropdown__header--11Syw { font-family: var(--font_family--vk_sans_display); font-size: 17px; font-weight: 500; line-height: 22px; margin-bottom: 0px; padding: 12px 20px 8px; } .MobileDropdown__root_actionSheet--1SkI2 .MobileDropdown__item--1QT0P { align-items: center; height: 44px; padding: 12px 20px; } .MobileDropdown__root_actionSheet--1SkI2 .MobileDropdown__itemText--2ZQ7e { font-family: var(--font_family--vk_sans_display); font-size: 15px; font-weight: 400; line-height: 20px; } .MobileDropdown__animation_appear--1qw0m { opacity: 0; transform: translateY(100%); } .MobileDropdown__animation_appear_active--B8Ves { transition: opacity 0.25s, transform 0.25s; } .MobileDropdown__animation_appear_active--B8Ves, .MobileDropdown__animation_exit--24KDf { opacity: 1; transform: translateY(0px); } .MobileDropdown__animation_exit_active--2_CcR { opacity: 0; transform: translateY(100%); transition: opacity 0.25s, transform 0.25s; } .MobileDropdown__overlay_appear--kZtAX { opacity: 0; } .MobileDropdown__overlay_appear_active--3WoCY { opacity: 1; transition: opacity 0.25s ease-in-out; } .MobileDropdown__overlay_exit--1JBC7 { opacity: 1; } .MobileDropdown__overlay_exit_active--37upf { opacity: 0; transition: opacity 0.25s ease-in-out; } .AlbumAddSourceSheet__root--2Qcpf { bottom: 0px; left: 0px; position: fixed; right: 0px; z-index: 1301; } .AlbumRemoveDialog__dialog---WUrn { border-radius: 20px; margin: 0px 8px 8px; padding: 8px 0px 24px; } .AlbumRemoveDialog__root--c0TNg { display: flex; flex-direction: column; text-align: left; width: 100%; } .AlbumRemoveDialog__title--3ZRbu { font-size: 24px; font-weight: 500; line-height: 28px; padding: 16px 60px 0px 16px; } .AlbumRemoveDialog__subtitle--2m_DN, .AlbumRemoveDialog__title--3ZRbu { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); margin: 0px; } .AlbumRemoveDialog__subtitle--2m_DN { font-size: 16px; font-weight: 400; line-height: 20px; padding: 16px; } .AlbumRemoveDialog__actions--3GYdD { padding: 0px 16px; } .AlbumRemoveDialog__negativeButton--2PVq2 { background-color: var(--vkui--color_background_negative_tint_alpha); } .AlbumRemoveItemsDialog__dialog--2GdAg { border-radius: 20px; margin: 0px 8px 8px; padding: 8px 0px 24px; } .AlbumRemoveItemsDialog__root--2SmND { display: flex; flex-direction: column; gap: 12px; width: 100%; } .AlbumRemoveItemsDialog__text--3b8G4 { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 400; line-height: 20px; padding: 16px 40px 8px; text-align: center; } .AlbumRemoveItemsDialog__actions--2VKfQ { padding: 0px 16px; } .AlbumRemoveItemsDialog__negativeButton--2TS7G { background-color: var(--vkui--color_background_negative_tint_alpha); } .AlbumRemoveItemsToBinDialog__dialog--ftJwE { border-radius: 20px; margin: 0px 8px 8px; padding: 8px 0px 24px; } .AlbumRemoveItemsToBinDialog__root--3Wmed { display: flex; flex-direction: column; text-align: left; width: 100%; } .AlbumRemoveItemsToBinDialog__title--mx0IC { font-size: 24px; font-weight: 500; line-height: 28px; padding: 16px 60px 0px 16px; } .AlbumRemoveItemsToBinDialog__subtitle--29WiM, .AlbumRemoveItemsToBinDialog__title--mx0IC { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); margin: 0px; } .AlbumRemoveItemsToBinDialog__subtitle--29WiM { font-size: 16px; font-weight: 400; line-height: 20px; padding: 16px; } .AlbumRemoveItemsToBinDialog__actions--pW7qS { padding: 0px 16px; } .AlbumRemoveItemsToBinDialog__button--3pcUp { -webkit-tap-highlight-color: transparent; background: var(--vkui--color_background_secondary); border: 0px; border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_text_primary); cursor: pointer; font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 500; height: 44px; line-height: 20px; padding: 10px 16px; width: 100%; } .AlbumRemoveItemsToBinDialog__button_danger--2UpY5 { background: var(--vkui--color_background_negative_tint); color: var(--vkui--color_text_negative); } .AlbumRemoveItemsToBinDialog__negativeButton--23O8c { background-color: var(--vkui--color_background_negative_tint_alpha); } .AllFunctionsInAppModal__root--yVOgV { --vkui--size_border_radius--regular: 12px; } .AllFunctionsInAppModal__image--3QAo3, .AllFunctionsInAppModal__root--yVOgV { border-top-left-radius: inherit; border-top-right-radius: inherit; } .AllFunctionsInAppModal__image--3QAo3 { display: block; width: 100%; } .AllFunctionsInAppModal__mainContent--36xPE { padding: 12px 16px 16px; } .AllFunctionsInAppModal__textContent--2UvfD { display: flex; flex-direction: column; gap: 8px; } .AllFunctionsInAppModal__subhead--1QDuP { font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); } .AuthModal__root--2TMaI { font-size: 14px; line-height: 18px; } .AuthModal__buttonWrapper--3UQQC { margin-bottom: 12px; } .AuthModal__buttonWrapper--3UQQC:last-child { margin-bottom: 10px; } .CloudNewFeaturesModal__root--2g5MR { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; justify-content: flex-start; min-height: 100%; padding: 70px 24px 24px; width: 100%; } @supports (padding-left:constant(safe-area-inset-bottom)) { .CloudNewFeaturesModal__root--2g5MR { } } @supports (padding-left:env(safe-area-inset-bottom)) { .CloudNewFeaturesModal__root--2g5MR { padding-left: calc(24px + env(safe-area-inset-left)); padding-right: calc(24px + env(safe-area-inset-right)); } } @supports (padding-top:env(safe-area-inset-top)) { .CloudNewFeaturesModal__root--2g5MR { padding-top: calc(70px + env(safe-area-inset-top)); } } @supports (padding-top:constant(safe-area-inset-top)) { .CloudNewFeaturesModal__root--2g5MR { } } .CloudNewFeaturesModal__content--1HO4z { width: 100%; } .CloudNewFeaturesModal__contentWrapper--KB-J3 { align-items: center; box-sizing: border-box; display: flex; flex: 1 1 auto; flex-direction: column; height: 100%; min-height: 1px; overflow: auto; scrollbar-width: none; width: 100%; } .CloudNewFeaturesModal__contentWrapper--KB-J3::-webkit-scrollbar { display: none; } .CloudNewFeaturesModal__title--25q4l { font-family: var(--vkui--font_family_accent); font-size: 28px; font-weight: var(--vkui--font_weight_accent1); line-height: 36px; } .CloudNewFeaturesModal__buttonWrapper--Zn9_p { margin-top: auto; width: 100%; } .CloudNewFeaturesModal__button--3j8vG { background: var(--vkui--cloud_color_header_icon_background_alpha) !important; } .DownloadAppModal__root--1oPJK { display: flex; flex-direction: column; height: 100%; position: relative; scrollbar-width: none; width: 100%; } .DownloadAppModal__root--1oPJK::-webkit-scrollbar { display: none; } .DownloadAppModal__content--1oaFn { color: var(--vkui--color_text_primary); } .DownloadAppModal__title--1elPO { font-size: 24px; font-weight: 500; line-height: 28px; margin-bottom: 12px; } .DownloadAppModal__text--DMuIH, .DownloadAppModal__title--1elPO { -webkit-font-smoothing: antialiased; text-align: center; } .DownloadAppModal__text--DMuIH { font-size: 16px; line-height: 24px; margin-bottom: 24px; } .DownloadAppModal__imageWrapper--1OJKX { display: flex; justify-content: center; padding: 64px 0px 72px; width: 100%; } .DownloadAppModal__image--aJarA { height: auto; width: 100%; } .DownloadAppModal__bite--3s4Ow { left: -8px; position: absolute; top: 70px; width: 110px; } .DownloadAppModal__button--3IOAW { align-items: center; background: var(--vkui--color_background_accent); border-radius: 16px; display: flex; font-family: var(--font-tt-norms); font-size: 16px; font-weight: 500; height: 54px; justify-content: center; } .DownloadAppModal__button--3IOAW, .DownloadAppModal__button--3IOAW:hover { color: var(--vkui--color_text_contrast); } .DownloadDropdown__root--1SfIq { bottom: 0px; left: 0px; position: fixed; right: 0px; z-index: 1301; } .DownloadLimitsTariffModal__block--2QzO1 { -webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); height: 100%; overflow: auto; padding: 16px; scrollbar-width: none; text-align: center; width: 100%; } .DownloadLimitsTariffModal__block--2QzO1::-webkit-scrollbar { display: none; } .DownloadLimitsTariffModal__iconInfo--2p5Ry { align-self: center; color: var(--vkui--color_stroke_negative); } .FileInfoItem__root--3hKsj { align-items: center; background: var(--vkui--color_background_secondary); border-radius: 12px; box-sizing: border-box; display: flex; min-height: 60px; padding: 6px 16px; width: 100%; } .FileInfoItem__item--Ioi5C { margin-right: 16px; transition: 0.3s ease-out; } .FileInfoItem__item--Ioi5C:last-of-type { margin-right: 0px; } .FileInfoItem__item--Ioi5C.deg90 { transform: rotate(90deg); } .FileInfoItem__item--Ioi5C.deg180 { transform: rotate(180deg); } .FileInfoItem__item--Ioi5C.deg270 { transform: rotate(270deg); } .FileInfoItem__icon--1a-lP { height: 28px; width: 28px; } .FileInfoItem__activeIcon--3h0bh { color: var(--vkui--color_text_positive); } .FileInfoItem__infoContainer--p5X75 { display: flex; flex: 1 1 0%; flex-direction: column; font-family: var(--font-tt-norms); font-weight: var(--vkui--font_text--font_weight--regular); justify-content: space-evenly; overflow: hidden; width: 100%; } .FileInfoItem__info--2MJHA { color: var(--vkui--color_text_primary); font-size: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .FileInfoItem__section--PIvhE { color: var(--vkui--color_text_secondary); font-size: 14px; line-height: 18px; } .FileInfoModal__root--qjPzc { max-height: 100%; min-height: 100%; width: 100%; } .FileInfoModal__content--1Qqs3, .FileInfoModal__root--qjPzc { box-sizing: border-box; display: flex; flex-direction: column; } .FileInfoModal__content--1Qqs3 { flex: 1 1 auto; height: 100%; min-height: 1px; overflow: auto; scrollbar-width: none; } .FileInfoModal__content--1Qqs3::-webkit-scrollbar { display: none; } .FileInfoModal__header--2i766 { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 20px; font-weight: var(--vkui--font_headline1--font_weight--regular); line-height: 24px; margin-bottom: 16px; margin-left: 16px; } .FileInfoModal__item--2dGXn { margin-bottom: 8px; } .FileInfoModal__item--2dGXn:last-child { margin-bottom: 0px; } .FileDirection__root--1mZVP { align-items: center; display: flex; gap: 6px; } .FileDirection__folder--kLzIe { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .FileDirection__dots--dQf2H { width: 20px; } .FileDirection__directionIcon--3GInK { display: block; height: 16px; width: 12px; } .FilterAuthorsModal__root--2zfQz { box-sizing: border-box; display: flex; flex: 1 1 auto; flex-direction: column; height: 100%; margin-bottom: -46px; max-height: 100%; min-height: 1px; overflow: auto; padding-bottom: 46px; scrollbar-width: none; width: 100%; } .FilterAuthorsModal__root--2zfQz::-webkit-scrollbar { display: none; } .FilterAuthorsModal__title--2p36f { padding: 0px 8px 20px; } .FilterAuthorsModal__block--1dmmc { background: var(--vkui--color_background_secondary); border-radius: 12px; padding: 8px 0px; } .FilterAuthorsModal__blockTitle--12L65 { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 16px; font-weight: 500; line-height: 22px; } .FilterAuthorsModal__blockTitle--12L65, .FilterAuthorsModal__item--1s9BH { box-sizing: border-box; padding: 8px 16px; width: 100%; } .FilterAuthorsModal__item--1s9BH { align-items: center; display: flex; } .FilterAuthorsModal__avatar--2YQrF { margin-right: 16px; } .FilterAuthorsModal__name--1bphT { color: var(--vkui--color_text_primary); flex: 1 1 0%; font-family: var(--font-tt-norms); font-size: 16px; line-height: 24px; margin-right: auto; overflow: hidden; text-overflow: ellipsis; width: 100%; } .FilterAuthorsModal__menuItem--1V9qS { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: space-between; padding: 0px 8px; width: 100%; } .FilterAuthorsModal__filter--3oTii { margin-bottom: 12px; } .FilterFacesModal__root--10hJb { box-sizing: border-box; display: flex; flex: 1 1 auto; flex-direction: column; height: 100%; margin-bottom: -46px; max-height: 100%; min-height: 1px; overflow: auto; padding-bottom: 46px; scrollbar-width: none; width: 100%; } .FilterFacesModal__root--10hJb::-webkit-scrollbar { display: none; } .FilterFacesModal__title--AIjMn { margin-bottom: 16px; } .FolderPicker__root--2gOy4 { background: var(--vkui--color_background_content); display: flex; flex-direction: column; height: 100%; overflow: hidden; width: 100%; } .FolderPicker__header--2YqmM { color: var(--vkui--color_icon_primary); flex-shrink: 0; padding: 8px 8px 12px; } .FolderPicker__header--2YqmM, .FolderPicker__headerButton--1U0HD { align-items: center; display: flex; } .FolderPicker__headerButton--1U0HD { appearance: none; background-color: var(--vkui--color_background_secondary_alpha); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 16px; color: inherit; cursor: pointer; justify-content: center; padding: 8px; } .FolderPicker__title--2qCKo { color: var(--vkui--color_text_primary); flex-grow: 1; font-size: 20px; font-weight: 500; line-height: 26px; margin: 0px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .FolderPicker__content--1F5yd { flex-grow: 1; overflow-y: auto; padding: 0px 4px; } .FolderPicker__spinner--54NBl { height: 100px; position: relative; } .FolderPicker__empty--3FjCT, .FolderPicker__emptyWrapper---wpQW { display: flex; flex-direction: column; height: 100%; } .FolderPicker__empty--3FjCT { align-items: center; justify-content: center; padding: 0px 32px; text-align: center; } .FolderPicker__emptyIcon--38hpN { color: var(--vkui--color_icon_accent); } .FolderPicker__loadMoreAnchor--1puzu { flex-shrink: 0; height: 1px; } .FolderPicker__footer---VTRq { flex-shrink: 0; padding: 8px 16px calc(8px + env(safe-area-inset-bottom, 0px)); } .FolderPicker__saveButton--1-QSu { align-items: center; background: var(--vkui--color_background_secondary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; color: var(--vkui--color_text_primary); cursor: pointer; display: flex; font-family: inherit; font-size: 15px; font-weight: 500; gap: 8px; height: 44px; justify-content: center; line-height: 20px; width: 100%; } .FolderPicker__saveButton--1-QSu:disabled { cursor: default; opacity: 0.5; } .MobilePublicPromoinfo__root--1mFCn.ui.modal { margin: 0px auto; width: 300px; } .MobilePublicPromoinfo__root--1mFCn.ui.modal, .MobilePublicPromoinfo__root--1mFCn.ui.modal > .content { padding: 0px !important; } .MobilePublicPromoinfo__root--1mFCn.ui.modal, .MobilePublicPromoinfo__root--1mFCn.ui.modal > .content { background: none; } .MobilePublicPromoinfo__background--1TWZx { margin: 0px; max-height: 390px; max-width: 310px; object-fit: cover; } .MobilePublicPromoinfo__close--aWUeT { align-items: center; background: var(--vkui--color_background_tertiary_alpha); border-radius: 50%; cursor: pointer; height: 28px; justify-content: center; position: absolute; right: 12px; top: 12px; width: 28px; z-index: 1; } .MobilePublicPromoinfo__close--aWUeT, .MobilePublicPromoinfo__link--ZEcgX { display: flex; } @font-face { font-family: swiper-icons; font-style: normal; font-weight: 400; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); } :root { --swiper-theme-color: #007aff; } .swiper { list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0px; position: relative; z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { box-sizing: initial; display: flex; height: 100%; position: relative; transition-property: transform; width: 100%; z-index: 1; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translateZ(0px); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; height: 100%; position: relative; transition-property: transform; width: 100%; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent); } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-left: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-top: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { height: var(--swiper-centered-offset-after); width: 100%; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; } .swiper-zoom-container { align-items: center; display: flex; height: 100%; justify-content: center; text-align: center; width: 100%; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-height: 100%; max-width: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .MobileViewer__root--1GUgT { --navbar-width: 0px; inset: -2px 0px 0px; height: calc(100% + 4px); max-width: 100vw; position: fixed; width: 100%; z-index: 1202; } @supports (top:env(safe-area-inset-top)) { .MobileViewer__root--1GUgT { height: calc(100% + 4px - env(safe-area-inset-top)); top: calc(env(safe-area-inset-top) - 2px); } } .MobileViewer__content--2BiL6 { background-color: var(--cloud--color_background_viewer); height: 100%; max-width: 100vw; width: 100%; } .MobileViewer__withToolbar--vn3H5 { --viewer-toolbar-height: 68px; } .MobileViewer__swiperWrapper--2Bben { align-items: center; display: flex; } .MobileViewer__slide--2AaNj, .MobileViewer__swiperWrapper--2Bben, .MobileViewer__swiperWrapper--2Bben > div:first-child { height: 100%; width: 100%; } .MobileViewer__toolbar_enter--1LcP- { opacity: 0; transform: translateY(-56px); } .MobileViewer__toolbar_enter_active--1R2oH { opacity: 1; transform: translateY(0px); transition: opacity 0.25s, transform 0.25s; } .MobileViewer__toolbar_exit--2ilGD { opacity: 1; } .MobileViewer__toolbar_exit_active--1uN4q { opacity: 0; transform: translateY(-56px); transition: opacity 0.25s, transform 0.25s; } .MobileViewer__dropdown--3dHBd { bottom: 0px; left: 0px; position: fixed; right: 0px; z-index: 1011; } .MobileViewerItem__iconBlock--4MhNv { align-items: center; display: flex; flex-direction: column; justify-content: center; width: 100%; } .MobileViewerItem__iconBlock_footer--AqA0N { bottom: 0px; box-sizing: border-box; padding: 0px 14px 24px; position: absolute; width: 100%; } .MobileViewerItem__iconBlock_footerButton--2tT9X.ui.button { background-color: var(--vkui--color_background_accent); width: 100%; } .MobileViewerItem__icon--2syHZ { height: 160px; width: 160px; } .MobileViewerItem__videoBlock--1cjg_ { align-items: center; display: flex; height: 100%; justify-content: center; position: relative; width: 100%; } .MobileViewerItem__video--mPWI7 { border: 0px; height: 80%; max-height: 80%; width: 100%; z-index: 1; } .MobileViewerItem__videoSwiper--2OZ_D { height: 70%; position: absolute; top: 50%; transform: translateY(-50%); width: 30%; z-index: 2; } .MobileViewerItem__videoSwiper_right--OyOI7 { right: 0px; } .MobileViewerItem__videoSwiper_left--1u2nf { left: 0px; } .MobileViewerItem__image--3gomV { max-height: 100%; max-width: 100vw; object-fit: contain; object-position: center center; } .MobileViewerItem__imageHidden--18VAm { visibility: hidden; } .MobileViewerItem__singleFile--2smqf .MobileViewerItem__video--mPWI7 { height: 100%; max-height: 100%; } .MobileViewerItem__audioIcon--2UHJl { border-radius: 12px; margin-top: -50%; overflow: hidden; pointer-events: none; position: fixed; user-select: none; z-index: 1; } .MobileViewerItem__txtBlock--2IQME { left: 0px; overflow: hidden; top: 0px; } .MobileViewerItem__txt--Y7nu6, .MobileViewerItem__txtBlock--2IQME { height: 100%; position: relative; width: 100%; } .MobileViewerItem__txt--Y7nu6 { background: var(--vkui--color_background_content); border: 0px; } .ItemViewer__root--28WAn { align-items: center; display: flex; justify-content: center; max-width: 100vw; } .ItemViewer__root--28WAn, .ItemViewer__root--28WAn > div:first-child { height: 100%; width: 100%; } .ItemViewer__content--2VyjQ { display: flex; flex-direction: column; } .ItemViewer__contentMessage--9uLSu { color: var(--vkui--color_field_background); } .ItemViewer__wrapper--3_8Ei { background: var(--cloud--color_background_viewer); position: fixed; top: 0px; width: 100vw; z-index: 10000; height: 100vh !important; } .ViewerToolbar__root--2f9ta { align-items: center; background: linear-gradient(0deg,var(--vkui--color_overlay_primary--active) 0,var(--cloud--color_background_viewer) 100%); box-sizing: border-box; display: flex; flex-direction: row; height: 68px; justify-content: space-between; left: 0px; padding: 18px 16px 12px; position: absolute; top: 2px; width: 100%; z-index: 2; } @media screen and (orientation: landscape) { .ViewerToolbar__root--2f9ta { margin-top: 0px; top: 0px; } } .ViewerToolbar__leftGroup--DkYVQ { align-items: center; display: flex; flex-direction: row; margin-right: 8px; } .ViewerToolbar__info--37T-5 { color: var(--vkui--color_text_contrast); font-family: var(--font-tt-norms); font-weight: 400; } .ViewerToolbar__nameBlock--3ZgAr { display: flex; flex-direction: row; font-size: 16px; font-weight: 500; line-height: 24px; width: 215px; } @media (max-width: 350px) { .ViewerToolbar__nameBlock--3ZgAr { width: 200px; } } .ViewerToolbar__name--2tmB5 { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ViewerToolbar__count--29-sv { font-size: 14px; line-height: 18px; margin-top: 2px; opacity: 0.6; text-align: left; } .ViewerToolbar__buttons--1moDt { flex-direction: row; } .ViewerToolbar__button--3FhcU, .ViewerToolbar__buttons--1moDt { align-items: center; display: flex; justify-content: center; } .ViewerToolbar__button--3FhcU { backdrop-filter: blur(44px); background: var(--rebranding--color-background_header_icon); border-radius: 16px; box-sizing: border-box; color: var(--vkui--color_text_contrast); height: 36px; padding: 0px 2px; } .ViewerToolbar__button_back--5bNDR { margin-right: 16px; padding: 0px; width: 36px; } .ViewerToolbar__buttonFaces--1Adpm { align-items: center; display: flex; justify-content: center; margin-right: 8px; position: relative; width: 36px; } .ViewerToolbar__facesCount--1BNwP { font-family: var(--font-tt-norms); font-size: 10px; font-weight: 700; line-height: 15px; position: absolute; } .ViewerToolbar__button_cancel--1R5VL { align-items: center; backdrop-filter: blur(44px); background: var(--vkui--color_icon_secondary_alpha); border-radius: 16px; box-sizing: border-box; color: var(--vkui--color_icon_contrast); display: flex; height: 36px; justify-content: center; margin-top: -18px; width: 36px; } .ItemInfo__root--whICa { align-items: center; box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; padding: 0px 8px; width: 100%; } .ItemInfo__root--whICa .ItemInfo__pic--OXwDV { flex-shrink: 0; height: 48px; margin-right: 16px; width: 48px; } .ItemInfo__root--whICa .ItemInfo__info--39zb0 { flex: 1 1 auto; margin-right: 30px; } .ItemInfo__root--whICa .ItemInfo__info--39zb0, .ItemInfo__root--whICa .ItemInfo__name--30Afr { overflow: hidden; width: 100%; } .ItemInfo__root--whICa .ItemInfo__name--30Afr { color: var(--vkui--color_text_primary); font-size: 18px; font-weight: 500; line-height: 24px; } .ItemInfo__root--whICa .ItemInfo__description--3nNTW, .ItemInfo__root--whICa .ItemInfo__name--30Afr { font-family: var(--font-tt-norms); } .ItemInfo__root--whICa .ItemInfo__description--3nNTW { color: var(--vkui--color_text_secondary); font-size: 14px; line-height: 18px; margin-top: 4px; } .ItemInfo__root_touchRedesign--1sp8D .ItemInfo__name--30Afr { font-size: 20px; font-weight: 500; line-height: 26px; } .ItemInfo__root_touchRedesign--1sp8D .ItemInfo__pic--OXwDV { margin-right: 12px; } .ItemInfo__root_touchRedesign--1sp8D .ItemInfo__description--3nNTW { margin-top: 2px; } .OptionsModal__root--23MAD { -webkit-font-smoothing: antialiased; max-height: 100%; } .OptionsModal__content--3xioS, .OptionsModal__root--23MAD { display: flex; flex-direction: column; height: 100%; min-height: 1px; width: 100%; } .OptionsModal__content--3xioS { box-sizing: border-box; flex: 1 1 auto; overflow: auto; scrollbar-width: none; } .OptionsModal__content--3xioS::-webkit-scrollbar { display: none; } .OptionsModal__upload--2WFji { inset: 0px; position: absolute; } .OptionsModal__headerComponent--2EZQU { align-items: center; color: var(--vkui--color_text_accent); display: flex; font-family: var(--font-tt-norms); font-size: 16px; font-weight: 500; line-height: 22px; } .OptionsModal__sortIcon--1gFcC { height: 20px; margin-left: 4px; width: 20px; } .OptionsModal__expires--2N0tx:not(:empty), .OptionsModal__option--3Ydnq:not(:empty), .OptionsModal__uploadInfo--Srwgy:not(:empty) { margin-bottom: 12px; } .OptionsModal__expires--2N0tx:last-child, .OptionsModal__option--3Ydnq:last-child, .OptionsModal__uploadInfo--Srwgy:last-child { margin-bottom: 0px; } .OptionsModal__optionTouchRedesign--W2DWP:not(:empty) { margin-bottom: 8px; } .OptionsModal__itemInfo--2Dj9N { margin-bottom: 16px; } .OptionsModal__itemInfoTouchRedesign--WCbng { margin-top: 16px; } .OptionsModal__header--2zjim { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 20px; font-weight: 500; line-height: 24px; overflow: hidden; padding: 8px 16px 12px; width: 100%; } .OptionsModal__icon--2qWbd { color: var(--vkui--color_icon_primary); height: 24px; width: 24px; } .EmptyFolder__emptyFolder--2PeB0 { align-items: center; color: var(--vkui--color_text_primary); display: flex; flex-direction: column; font-family: VKSansDisplay, "MS Trebuchet", sans-serif; justify-content: center; } .EmptyFolder__emptyFolderTitle--2y5db { font-size: 24px; font-style: normal; font-weight: 500; padding-bottom: 8px; } .EmptyFolder__emptyFolderSubtitle--2ziID { font-size: 16px; } .ItemRow__root--3vBfh { padding-right: 16px; } .ItemRow__icon--2vJXX { color: var(--vkui--color_icon_secondary); height: 20px; width: 20px; } .MobileViewerArchive__archive--aQtDg { align-self: flex-start; background: var(--vkui--color_background); display: flex; flex-direction: column; height: 100%; max-width: 100vw; overflow: auto; padding: 16px; width: 100%; } @supports (padding-left:env(safe-area-inset-bottom)) { .MobileViewerArchive__archive--aQtDg { padding-left: calc(16px + env(safe-area-inset-left)); padding-right: calc(16px + env(safe-area-inset-right)); } } .MobileViewerArchive__toolbar--bGAAz { display: flex; padding-bottom: 8px; width: 100%; } .MobileViewerArchive__toolbarBreadcrumbs--b_aHU { flex: 1 1 0%; padding: 0px; width: 0px; } .MobileViewerArchive__toolbarAction--1jY_l { align-items: center; background: var(--cloud--color_background_header_icon); border-radius: 20px; box-sizing: border-box; display: flex; flex-shrink: 0; height: 36px; justify-content: center; margin-left: auto; margin-top: 16px; width: 24px; } .MobileViewerArchive__archiveContent--3BaRL { flex: 1 1 0%; max-width: 100vw; min-height: 0px; } .MobileViewerArchive__archiveContent_scrolled--2Vw0m { margin-right: -16px; } .MobileViewerArchive__errorWrapper--3SwlA { align-items: center; display: flex; height: calc(100% - 80px); justify-content: center; } .MobileViewerArchive__toolbarActionIcon--2T2Iw { height: 20px; width: 20px; } .MobileViewerArchive__archiveItemsList--2jmSL { box-sizing: border-box; padding-bottom: 75px; } .MobileViewerArchive__archiveTextItem--cKiLv { align-items: center; display: flex; height: 56px; justify-content: center; } .MobileViewerArchive__text--1H_AY { color: var(--vkui--color_text_muted); font-family: var(--font_family--vk_sans_display); font-size: 16px; } .MobileViewerBottomToolbar__root--1ppMw { bottom: 0px; box-sizing: border-box; display: flex; flex-flow: column; padding: 24px; position: absolute; width: 100%; } .MobileViewerBottomToolbar__btn--11jdL.MobileViewerBottomToolbar__secondary--2amVL { background-color: var(--vkui--color_background_contrast_secondary_alpha); color: var(--vkui--color_text_contrast); } .MobileViewerBottomToolbar__btn--11jdL.MobileViewerBottomToolbar__iconOnly--26eLx .vkuiButton__before { align-items: center !important; display: flex !important; justify-content: center !important; margin: 0px !important; padding: 0px !important; } .MobileViewerBottomToolbar__cloneBtn--deqp7 { margin-left: 12px; } .MobileViewerBottomToolbar__editBtn--2avGn { margin-bottom: 12px; } .MobileViewerBottomToolbar__controlsRow--3N734 { display: flex; flex-wrap: nowrap; width: 100%; } .MobileViewerTxt__root--2p-Qy { height: 100%; left: 0px; overflow: hidden; position: relative; top: 0px; width: 100%; } .MobileViewerTxt__root--2p-Qy .MobileViewerTxt__body--_e7xb { color: rgb(255, 255, 255); } .MobileViewerTxt__content--Ha65e { background: var(--vkui--color_background_contrast); border: 0px; height: 100%; position: relative; width: 100%; } .ViewerEbook__wrapper--2sJLW { box-sizing: border-box; height: 100%; max-width: 1360px; padding: 10px; width: 100%; } .ViewerEbook__wrapper_mobile--3OpZZ { padding: 0px; } .ViewerEbook__wrapperIframe--20dfB { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 100%; width: 100%; } .ViewerEbook__visibilityHoc--1qQHl { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } .MobileViewerDoc__iconBlock--1jGYt { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } .AuthorsCounter__root--2N7xo { display: flex; } .AuthorsCounter__item--1kPqK { border: 2px solid var(--vkui--color_background_secondary); border-radius: 50%; height: 32px; margin: 0px 0px 0px -16px; width: 32px; } .AuthorsCounter__counter--3uYsn { align-items: center; background: var(--vkui--color_icon_secondary); color: var(--vkui--color_text_contrast); display: flex; font-size: 15px; justify-content: center; } .PublicPasswordDeleteModal__root--Gf880 { -webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); height: 100%; overflow: auto; padding: 16px; scrollbar-width: none; text-align: left; width: 100%; } .PublicPasswordDeleteModal__root--Gf880::-webkit-scrollbar { display: none; } .PublicPasswordDeleteModal__text--2n63d { font-size: var(--vkui--font_paragraph--font_size--regular); line-height: var(--vkui--font_paragraph--line_height--regular); } .PublicPasswordSetModal__root--3sZx0 { -webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); height: 100%; overflow: auto; padding: 16px; scrollbar-width: none; text-align: left; width: 100%; } .PublicPasswordSetModal__root--3sZx0::-webkit-scrollbar { display: none; } .PublicPasswordSetModal__password--3GCH0.vkuiFormField { border-radius: 12px; flex: 1 1 0%; height: 44px; margin-right: 8px; min-height: 44px; width: 100%; } .PublicPasswordSetModal__password--3GCH0.vkuiFormField .vkuiInput__el { height: 44px; padding-left: 12px; } .PublicPasswordSetModal__password--3GCH0.vkuiFormField .vkuiInput__el::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); } .PublicPasswordSetModal__password--3GCH0.vkuiFormField .vkuiInput__el::placeholder { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); } .PublicPasswordSetModal__password--3GCH0.vkuiFormField .vkuiFocusVisible--mode-outline { border-color: var(--vkui--color_text_link); } .PublicPasswordSetModal__passwordError--2TrdS.vkuiFormField .vkuiFocusVisible--mode-outline { border-color: var(--vkui--color_stroke_negative); } .PublicPasswordSetModal__text--2q-UY { font-size: var(--vkui--font_paragraph--font_size--regular); line-height: var(--vkui--font_paragraph--line_height--regular); } .PublicPasswordSetModal__errorText--l85mG { color: var(--vkui--color_text_negative); } .PublicPasswordSetModal__passwordToogle--1wgFi { color: var(--vkui--color_icon_secondary_alpha); cursor: pointer; margin-left: 10px; margin-right: 10px; } .PublicPasswordTariffModal__root--3q-Wv { -webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); height: 100%; overflow: auto; padding: 16px; scrollbar-width: none; width: 100%; } .PublicPasswordTariffModal__root--3q-Wv::-webkit-scrollbar { display: none; } .PublicPasswordTariffModal__content--22YtV { padding: 0px 8px; } .PublicPasswordTariffModal__image--3PtsD { box-sizing: border-box; padding: 24px 24px 0px; width: 100%; } .PublicPasswordTariffModal__button--O2DOH.ui.button.primary { -webkit-font-smoothing: antialiased; } .PublicBenefitsOfAuthorizationModal__rootMobile--1PtWW { --vkui--size_border_radius--regular: 12px; width: 100%; } .PublicBenefitsOfAuthorizationModal__colorDialog--3I7IB { --vkui--color_background_modal: var(--vkui--color_background_accent); } .PublicBenefitsOfAuthorizationModal__imageContainer--185In { display: flex; justify-content: center; position: relative; width: 100%; } .PublicBenefitsOfAuthorizationModal__image--15e2i { width: 100%; } .PublicBenefitsOfAuthorizationModal__title--84_sG { color: var(--vkui--color_text_primary); padding-top: 12px; } .PublicBenefitsOfAuthorizationModal__title_color--2iVT1 { color: var(--vkui--color_text_contrast); } .PublicBenefitsOfAuthorizationModal__subhead--2qZ1V { color: var(--vkui--color_text_primary); font-size: 16px; letter-spacing: 0px; line-height: 20px; margin-top: 8px; vertical-align: middle; } .PublicBenefitsOfAuthorizationModal__subhead_color--_x2D9 { color: var(--vkui--color_text_contrast); } .PublicBenefitsOfAuthorizationModal__button_accent_color--2oKbW { --vkui--color_background_accent_themed: var(--vkui--color_background_contrast_secondary_alpha); } .PublicBenefitsOfAuthorizationModal__noColorDialog--2IbMJ .PublicBenefitsOfAuthorizationModal__darkCloseButton--AXPZl svg use { color: var(--vkui--color_icon_medium) !important; } .RequiredSignUpDialog__root--J9lvD { display: flex; flex-direction: column; } .RequiredSignUpDialog__root--J9lvD, .RequiredSignUpDialog__title--3IV2l { font-family: var(--font-tt-norms); } .RequiredSignUpDialog__title--3IV2l { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title2--font_size--regular,20px); font-weight: var(--vkui--font_title2--font_weight--regular,500); line-height: var(--vkui--font_title2--line_height--regular,26px); } .RequiredSignUpDialog__subtitle--1PnWv, .RequiredSignUpDialog__title--3IV2l { text-align: center; } .RequiredSignUpDialog__subtitle--1PnWv { font-size: var(--vkui--font_text--font_size--regular,15px); font-weight: var(--vkui--font_text--font_weight--regular,400); line-height: var(--vkui--font_text--line_height--regular,20px); } .RequiredSignUpDialog__btn--2EjSr { border-radius: 12px; } .RequiredSignUpDialog__active--2PV9A { background-color: var(--vkui--color_background_accent--active); opacity: 1 !important; } .RequiredSignUpDialog__btnText--APyZb { -webkit-font-smoothing: antialiased; font-family: var(--font-tt-norms); font-size: var(--vkui--font_headline1--font_size--regular,16px); font-weight: var(--vkui--font_headline1--font_weight--regular,500); line-height: var(--vkui--font_headline1--line_height--regular,20px); text-align: center; } .SearchHistoryNotification__root--1PFKE { -webkit-font-smoothing: antialiased; align-items: center; display: flex; flex-direction: column; justify-content: flex-end; } .SearchHistoryNotification__content--1pyJ6 { font-family: var(--vkui--font_family_accent); padding: 0px 24px 9px; } .SearchHistoryNotification__image--3Rk9a { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/search/f9f9618fba461483a9f7.png") 50% center / contain no-repeat; min-height: 310px; width: 100%; } .SearchHistoryNotification__title--3FmrO { font-size: 24px; font-weight: 500; line-height: 32px; margin-bottom: 12px; text-align: center; } .SearchHistoryNotification__description--3LaT0 { font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 40px; text-align: center; } .SearchHistoryNotification__button--3hG-W.ui.button { height: 56px; } .SearchNotification__root--ogg0K { -webkit-font-smoothing: antialiased; align-items: center; display: flex; flex-direction: column; justify-content: flex-end; } .SearchNotification__content---YMDt { font-family: var(--font-tt-norms); padding: 0px 24px 9px; } .SearchNotification__image--2_q13 { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/search/c1388ebbaf6266b46aa2.png") 50% center / contain no-repeat; min-height: 260px; width: 100%; } .SearchNotification__title--3Roem { font-size: 24px; font-weight: 500; line-height: 32px; margin-bottom: 12px; text-align: center; } .SearchNotification__description--3PkGE { font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 24px; text-align: center; } .rebranding .SearchNotification__button--37c_s.ui.button.primary { background-color: var(--vkui--color_background_accent); height: 56px; } .MobileSelectFromCloudModal__root--9BslN { background: var(--vkui--color_background_content,#fff); border-radius: 20px 20px 0px 0px; display: flex; flex-direction: column; height: 100%; padding: 0px; top: 8px; } .MobileSelectFromCloudModal__header--3WviF { align-items: center; display: flex; flex-shrink: 0; justify-content: space-between; padding: 12px 16px 8px; } .MobileSelectFromCloudModal__title--1J9BC { font-feature-settings: "liga" 0, "clig" 0; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: 20px; font-style: normal; font-weight: 500; line-height: 26px; } .MobileSelectFromCloudModal__closeBtn--1N_az { -webkit-tap-highlight-color: transparent; align-items: center; background: transparent; border: 0px; color: var(--vkui--color_text_primary,#2c2d2e); cursor: pointer; display: inline-flex; height: 36px; justify-content: center; padding: 0px; width: 36px; } .MobileSelectFromCloudModal__closeBtn--1N_az svg { display: block; height: 20px; width: 20px; } .MobileSelectFromCloudModal__tabs--16-O5 { background: var(--vkui--color_background_secondary,#00103d0f); border-radius: 10px; gap: 4px; margin: 8px 16px 12px; padding: 4px; } .MobileSelectFromCloudModal__selectionBar--11h20, .MobileSelectFromCloudModal__tabs--16-O5 { display: flex; flex-shrink: 0; } .MobileSelectFromCloudModal__selectionBar--11h20 { align-items: center; justify-content: space-between; padding: 4px 16px; } .MobileSelectFromCloudModal__selectionCount--3idrU { color: var(--vkui--color_text_primary,#2c2d2e); font-family: var(--font_family--vk_sans_display); font-size: 17px; font-weight: 500; line-height: 22px; } .MobileSelectFromCloudModal__selectAllBtn--3ftPD { background: var(--vkui--color_background_secondary_alpha,#00103d0f); border: 0px; border-radius: 100px; padding: 8px 10px; } .MobileSelectFromCloudModal__selectAllBtn--3ftPD, .MobileSelectFromCloudModal__tab--1WqPV { -webkit-tap-highlight-color: transparent; color: var(--vkui--color_text_primary,#2c2d2e); cursor: pointer; font-family: var(--font_family--vk_sans_display); font-size: 15px; font-weight: 500; line-height: 20px; } .MobileSelectFromCloudModal__tab--1WqPV { background: transparent; border: 0px; border-radius: 8px; flex: 1 1 0%; padding: 6px 0px; } .MobileSelectFromCloudModal__tabActive--2PbcI { background: var(--vkui--color_background_modal,#fff); box-shadow: rgba(0, 16, 61, 0.08) 0px 2px 8px; } .MobileSelectFromCloudModal__content--o_OOv { flex-grow: 1; min-height: 0px; overflow-y: auto; } .MobileSelectFromCloudModal__content--o_OOv > div { overflow: hidden !important; } .MobileSelectFromCloudModal__datalist--2GTRx { margin-top: 0px; } .MobileSelectFromCloudModal__breadcrumbs--1mKtB { -webkit-tap-highlight-color: transparent; align-items: center; background: transparent; border: 0px; color: var(--vkui--color_text_primary,#2c2d2e); cursor: pointer; display: flex; flex-shrink: 0; font-family: var(--font_family--vk_sans_display); font-size: 15px; font-weight: 500; gap: 4px; line-height: 20px; padding: 8px 16px; } .MobileSelectFromCloudModal__breadcrumbs--1mKtB svg { color: var(--vkui--color_icon_secondary); flex-shrink: 0; } .MobileSelectFromCloudModal__addBtn--2ztqV { bottom: calc(20px + env(safe-area-inset-bottom)); left: 20px; position: absolute; right: 20px; } .MobileSelectFromCloudModal__addBtn--2ztqV:disabled { cursor: default; opacity: 0.4; } .StoryActionsSheet__root--1jt2k { align-items: flex-end; background: var(--vkui--color_overlay_primary); inset: 0px; display: flex; position: absolute; z-index: 3; } .StoryActionsSheet__sheet--6gWZv { background: var(--vkui--color_background_content); border-radius: 16px 16px 0px 0px; color: var(--vkui--color_text_primary); padding: 12px; width: 100%; } .StoryActionsSheet__head--2bblJ { align-items: center; display: flex; gap: 12px; padding: 8px; } .StoryActionsSheet__thumb--2AAhj { border-radius: 12px; height: 48px; object-fit: cover; width: 48px; } .StoryActionsSheet__headTexts--2kht_ { flex: 1 1 auto; min-width: 0px; } .StoryActionsSheet__fileName--2DXtM { font-size: 17px; font-weight: 500; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .StoryActionsSheet__date--2TF_M { color: var(--vkui--color_text_secondary); font-size: 14px; line-height: 18px; } .StoryActionsSheet__close--2uKEC { align-items: start; background-color: initial; border: 0px; color: var(--vkui--color_icon_medium_alpha); display: flex; flex: 0 0 auto; height: 44px; justify-content: center; width: 44px; } .StoryActionsSheet__actions--307Rf { background: var(--vkui--color_background_secondary); border-radius: 24px; margin-top: 8px; overflow: hidden; } .StoryActionsSheet__action--9myFM { -webkit-tap-highlight-color: transparent; align-items: center; background: transparent; border: 0px; color: inherit; display: flex; font-size: 17px; gap: 16px; min-height: 52px; padding: 0px 16px; text-align: left; width: 100%; } .StoryActionsSheet__icon--1mcu- { flex: 0 0 auto; } .StoryBlurBackdrop__backdrop--2Cf8q { background-position: 50% center; background-size: cover; filter: blur(12px); height: calc(25% + 32px); left: -64px; position: absolute; top: -64px; transform: scale(4) translateZ(0px); transform-origin: 0px 0px; width: calc(25% + 32px); z-index: 0; } .StoryBlurBackdrop__shade--1UdNJ::after { background: rgba(0, 0, 0, 0.15); inset: 0px; content: ""; position: absolute; } .StoryBlurBackdrop__probe--3jE9u { height: 1px; opacity: 0; pointer-events: none; position: absolute; width: 1px; z-index: -1; } .StoryCollectionRail__rail--AG6r5 { overflow: hidden; z-index: 1; } .StoryCollectionRail__rail--AG6r5, .StoryCollectionRail__track--r9fHV { inset: 0px; position: absolute; } .StoryCollectionRail__track--r9fHV { display: flex; height: 100%; will-change: transform; } .StoryCollectionRail__slideContent--2q3ND { width: 100%; z-index: 1; } .StoryCollectionRail__slide--eVrdv, .StoryCollectionRail__slideContent--2q3ND { height: 100%; position: relative; } .StoryCollectionRail__slide--eVrdv { background-color: rgb(0, 0, 0); clip-path: inset(0px); contain: paint; flex: 0 0 100%; isolation: isolate; overflow: hidden; } .StoryCollectionRail__slideCurrent--2oLL7 { z-index: 2; } .StoryCollectionRail__slideNext--2kweI, .StoryCollectionRail__slidePrev--2THol { z-index: 1; } .StoryDeleteDialog__root--1Fv15 { align-items: flex-end; background: var(--vkui--color_overlay_primary); inset: 0px; display: flex; padding: 12px; position: absolute; z-index: 4; } .StoryDeleteDialog__card--iOu1_ { background: var(--vkui--color_background_content); border-radius: 20px; color: var(--vkui--color_text_primary); padding: 24px 20px 20px; position: relative; width: 100%; } .StoryDeleteDialog__close--1yXkI { -webkit-tap-highlight-color: transparent; align-items: center; background: transparent; border: 0px; color: var(--vkui--color_icon_medium_alpha); display: flex; height: 44px; justify-content: center; position: absolute; right: 8px; top: 8px; width: 44px; } .StoryDeleteDialog__title--1_K34 { font-family: var(--vkui--font_family_accent); font-size: 24px; font-weight: 500; line-height: 30px; padding-right: 32px; } .StoryDeleteDialog__text--1vE0a { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_base); font-size: 16px; line-height: 22px; margin-top: 12px; } .StoryDeleteDialog__confirm--3QEIH { background: var(--vkui--color_background_negative_tint); color: var(--vkui--color_text_negative); margin-top: 20px; } .StoryDeleteDialog__cancel--1kEo-, .StoryDeleteDialog__confirm--3QEIH { border: 0px; border-radius: 12px; display: block; font-size: 17px; font-weight: 500; min-height: 48px; width: 100%; } .StoryDeleteDialog__cancel--1kEo- { background: var(--vkui--color_background_secondary); color: var(--vkui--color_text_primary); margin-top: 8px; } .StoryMedia__root--1Z2zk { overflow: hidden; } .StoryMedia__frame--11zTR, .StoryMedia__root--1Z2zk { inset: 0px; position: absolute; } .StoryMedia__frame--11zTR { height: 100%; object-fit: contain; object-position: center center; opacity: 1; transition: opacity 0.25s ease-out; width: 100%; will-change: opacity; } .StoryMedia__frameHidden--3dFOP { opacity: 0; pointer-events: none; } .StoryShimmer__shimmer--1pK_o { overflow: hidden; pointer-events: none; right: 0px; } .StoryShimmer__shimmer--1pK_o, .StoryShimmer__shimmer--1pK_o::after { bottom: 0px; left: 0px; position: absolute; top: 0px; } .StoryShimmer__shimmer--1pK_o::after { animation: 1.5s ease-in-out 0s infinite normal none running StoryShimmer__story-shimmer-wave--1j9Xs; background: linear-gradient(90deg, rgba(244, 244, 246, 0), rgba(244, 244, 246, 0.18) 50%, rgba(244, 244, 246, 0)); content: ""; width: 100%; } @keyframes StoryShimmer__story-shimmer-wave--1j9Xs { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } @media (prefers-reduced-motion: reduce) { .StoryShimmer__shimmer--1pK_o::after { animation: auto ease 0s 1 normal none running none; } } .StoryMorphLayer__layer--2C-On { overflow: hidden; pointer-events: none; position: fixed; transition-property: clip-path, -webkit-clip-path; z-index: 10; } .StoryMorphLayer__composition--2dSDf { inset: 0px; position: absolute; transform-origin: center center; transition-property: transform; will-change: transform; } @media (prefers-reduced-motion: reduce) { .StoryMorphLayer__composition--2dSDf, .StoryMorphLayer__layer--2C-On { transition: none; } } .StoryFooter__root--DH6_5 { align-items: center; color: var(--vkui--color_text_contrast); display: flex; gap: 12px; padding: 8px 16px 16px; } .StoryFooter__texts--FCtNO { flex: 1 1 auto; min-width: 0px; } .StoryFooter__title--1y4uM { font-size: 17px; font-weight: 500; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .StoryFooter__action--3lwQi { -webkit-tap-highlight-color: transparent; align-items: center; background: rgba(255, 255, 255, 0.2); border: 0px; border-radius: 50%; color: inherit; display: flex; flex: 0 0 auto; height: 44px; justify-content: center; width: 44px; } .StoryHeader__root--3lgnb { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; padding: 8px 16px 0px; } .StoryHeader__root--3lgnb, .StoryHeader__texts--1aokM { color: var(--vkui--color_text_contrast); } .StoryHeader__texts--1aokM { font-feature-settings: "liga" 0, "clig" 0; font-family: var(--vkui--font_family_accent); min-width: 0px; } .StoryHeader__title--1XJSJ { font-size: 20px; font-weight: 500; line-height: 26px; } .StoryHeader__subtitle--3sndD { font-family: var(--vkui--font_family_accent); font-size: 14px; font-weight: 400; line-height: 20px; } .StoryHeader__close--DfEM5 { -webkit-tap-highlight-color: transparent; align-items: center; background: rgba(255, 255, 255, 0.2); border: 0px; border-radius: 50%; color: inherit; display: flex; flex: 0 0 auto; height: 44px; justify-content: center; width: 44px; } .StoryProgressBar__root--2KJp7 { display: flex; gap: 4px; padding: 0px 16px; } .StoryProgressBar__segment--3msNe { background: rgba(255, 255, 255, 0.3); flex: 1 1 0px; height: 2px; overflow: hidden; } .StoryProgressBar__fill--KxJId, .StoryProgressBar__segment--3msNe { border-radius: 1px; } .StoryProgressBar__fill--KxJId { background: rgb(255, 255, 255); height: 100%; transform-origin: left center; width: 100%; } .StoryVideoControls__root--1mAG6 { color: var(--vkui--color_text_contrast); gap: 12px; padding: 0px 20px; } .StoryVideoControls__button--QiCHA, .StoryVideoControls__root--1mAG6 { align-items: center; display: flex; } .StoryVideoControls__button--QiCHA { -webkit-tap-highlight-color: transparent; background: rgba(255, 255, 255, 0.2); border: 0px; border-radius: 50%; color: inherit; flex: 0 0 auto; height: 44px; justify-content: center; width: 44px; } .StoryVideoControls__timeline--1fpOm { flex: 1 1 auto; min-width: 0px; } .StoryVideoControls__time--tG66J { display: block; font-size: 13px; line-height: 18px; } .StoryVideoControls__seek--2ei87 { appearance: none; background: linear-gradient(to right,#fff var(--seek-progress,0),hsla(0,0%,100%,.3) var(--seek-progress,0)); border-radius: 1px; height: 2px; margin: 0px; outline: none; width: 100%; } .StoryVideoControls__seek--2ei87::-webkit-slider-runnable-track, .StoryVideoControls__seek--2ei87::-webkit-slider-thumb { background: transparent; height: 2px; } .StoryVideoControls__seek--2ei87::-webkit-slider-thumb { appearance: none; width: 2px; } .StoriesViewer__root--2WR5g { inset: 0px; box-sizing: border-box; position: fixed; z-index: 10000; } .StoriesViewer__root--2WR5g *, .StoriesViewer__root--2WR5g ::after, .StoriesViewer__root--2WR5g ::before { box-sizing: inherit; } .StoriesViewer__viewport--2OAwP { inset: 0px; overflow: hidden; position: absolute; touch-action: pan-y; transition-property: opacity; } @supports (padding-top:env(safe-area-inset-top)) { .StoriesViewer__viewport--2OAwP { padding-bottom: env(safe-area-inset-bottom); padding-top: env(safe-area-inset-top); } } .StoriesViewer__stageSlot--2_tnP { inset: 0px; position: absolute; } .StoriesViewer__stageHidden--MKWzg { visibility: hidden; } .StoriesViewer__ui--X5-wn { inset: 0px; display: flex; flex-direction: column; justify-content: space-between; opacity: 1; pointer-events: none; position: absolute; transition-property: opacity, visibility; transition-timing-function: ease-out, ease-out; visibility: visible; z-index: 2; } .StoriesViewer__uiHidden--2Xc7t { opacity: 0; visibility: hidden; } .StoriesViewer__progress--awzUw { left: 0px; pointer-events: none; position: absolute; right: 0px; top: 16px; z-index: 2; } .StoriesViewer__bottom--2X5rD, .StoriesViewer__top--3nVyu { pointer-events: auto; } .StoriesViewer__top--3nVyu { padding-top: 16px; } .StoriesViewer__bottom--2X5rD { backface-visibility: hidden; background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); padding-top: 48px; transform: translateZ(0px); } .StoriesViewer__viewportInert--3PGsG, .StoriesViewer__viewportInert--3PGsG * { pointer-events: none; } @media (prefers-reduced-motion: reduce) { .StoriesViewer__ui--X5-wn, .StoriesViewer__viewport--2OAwP { transition: none; } } .StoryStatus__root--3qF-I { align-items: center; background: rgba(0, 0, 0, 0.4); inset: 0px; color: var(--vkui--color_text_contrast); display: flex; flex-direction: column; gap: 8px; justify-content: center; padding-left: 32px; padding-right: 32px; padding-top: 60px; position: absolute; text-align: center; } .StoryStatus__rootBare--2gbr4 { background: none; } .StoryStatus__title--1C2-Q { font-family: var(--vkui--font_family_accent); font-size: 20px; font-weight: 500; line-height: 26px; } .StoryStatus__subtitle--1_X2q { font-size: 16px; font-weight: 400; line-height: 20px; opacity: 0.8; } .StoryStatus__button--k-hpb { background: transparent; color: inherit; padding: 0px 20px; } .StoryStatus__button--k-hpb, .StoryStatus__buttonPrimary--2ddoj { -webkit-tap-highlight-color: transparent; border: 0px; border-radius: 12px; font-size: 16px; font-weight: 500; min-height: 44px; } .StoryStatus__buttonPrimary--2ddoj { align-items: center; background: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast_themed); display: flex; justify-content: center; overflow: hidden; position: relative; width: 100%; } .StoryStatus__uploadOverlay--1OXbV { inset: 0px; position: absolute; } .StoryStatus__buttonGroup--MsGx_ { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; width: 100%; } .StoryStatus__header--3zAMB { display: block; left: 0px; position: absolute; right: 0px; top: 8px; z-index: 3; } .StoryStatus__fullWidth--39TuQ { width: 100%; } .StoryStage__stage--5PBvl { overflow: hidden; } .StoryStage__mediaLayer--Es2_a, .StoryStage__stage--5PBvl { inset: 0px; position: absolute; } .StoryStage__mediaLayer--Es2_a { transform: translateZ(0px); } .StoryStage__mediaHidden--342iw { visibility: hidden; } .StoryStage__frameInForward--qGk4z { animation-fill-mode: both; animation-name: StoryStage__story-frame-in-forward--n8iWY; } .StoryStage__frameInBackward--23OGQ { animation-fill-mode: both; animation-name: StoryStage__story-frame-in-backward--28XAP; } .StoryStage__frameOutForward--1bHWW { animation-fill-mode: both; animation-name: StoryStage__story-frame-out-forward--1kRpg; } .StoryStage__frameOutBackward--HTFSG { animation-fill-mode: both; animation-name: StoryStage__story-frame-out-backward--nh7ZJ; } @keyframes StoryStage__story-frame-in-forward--n8iWY { 0% { transform: translateX(100%); } 100% { transform: translateX(0px); } } @keyframes StoryStage__story-frame-in-backward--28XAP { 0% { transform: translateX(-100%); } 100% { transform: translateX(0px); } } @keyframes StoryStage__story-frame-out-forward--1kRpg { 0% { transform: translateX(0px); } 100% { transform: translateX(-100%); } } @keyframes StoryStage__story-frame-out-backward--nh7ZJ { 0% { transform: translateX(0px); } 100% { transform: translateX(100%); } } @media (prefers-reduced-motion: reduce) { .StoryStage__frameInBackward--23OGQ, .StoryStage__frameInForward--qGk4z, .StoryStage__frameOutBackward--HTFSG, .StoryStage__frameOutForward--1bHWW { animation: auto ease 0s 1 normal none running none; } .StoryStage__frameOutBackward--HTFSG, .StoryStage__frameOutForward--1bHWW { display: none; } } .SuspiciousDialog__root--2DpK3 { font-size: 16px; line-height: 24px; max-width: 100%; overflow: auto; padding-top: 40px; text-align: center; } .SuspiciousDialog__title--7kyDn { overflow-wrap: break-word; font-weight: 500; margin-bottom: 12px; } .SuspiciousDialog__icon--27oza { height: 140px; margin-bottom: 40px; width: 140px; } .UserChangeModal__root--Aw8Ow { box-sizing: border-box; flex-direction: column; padding: 0px 12px; } .UserChangeModal__header--LeUnh, .UserChangeModal__root--Aw8Ow { display: flex; width: 100%; } .UserChangeModal__header--LeUnh { align-items: center; } .UserChangeModal__header--LeUnh img { flex-shrink: 0; } .UserChangeModal__info--2LDk1 { margin-left: 12px; margin-right: 30px; } .UserChangeModal__login--enxGZ { color: var(--vkui--color_text_primary); font-size: var(--vkui--font_headline1--font_size--regular); line-height: 22px; } .UserChangeModal__email--1Oukv, .UserChangeModal__login--enxGZ { word-break: break-all; } .UserChangeModal__email--1Oukv { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_headline2--font_size--compact); line-height: var(--vkui--font_footnote--line_height--regular); } .UserChangeModal__buttonChangeAccount--1WzDo.ui.button { color: var(--vkui--color_text_negative); } .UserChangeModal__root_rebrandingQuotaLanding--24l54 { padding: 0px 8px; } .UserChangeModal__root_rebrandingQuotaLanding--24l54 .UserChangeModal__login--enxGZ { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; } .UserChangeModal__root_rebrandingQuotaLanding--24l54 .UserChangeModal__email--1Oukv { color: var(--vkui--color_text_secondary); font-family: var(--font_family--vk_sans_display); font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; } .UserChangeModal__root_rebrandingQuotaLanding--24l54 .UserChangeModal__button--1WohP.ui.button { background-color: var(--vkui--color_background_secondary); color: var(--vkui--color_text_primary); } .UserChangeModal__root_rebrandingQuotaLanding--24l54 .UserChangeModal__buttonChangeAccount--1WzDo.ui.button { color: var(--vkui--color_text_negative); } .UserLoginMenu__root--1bvsT { -webkit-font-smoothing: antialiased; align-items: center; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; max-height: 100%; min-height: 100%; padding: 16px 20px 20px; width: 100%; } @supports (padding-left:constant(safe-area-inset-bottom)) { .UserLoginMenu__root--1bvsT { } } @supports (padding-left:env(safe-area-inset-bottom)) { .UserLoginMenu__root--1bvsT { padding-left: calc(20px + env(safe-area-inset-left)); padding-right: calc(20px + env(safe-area-inset-right)); } } .UserLoginMenu__logo--2PAiC { height: 24px; margin-bottom: 40px; } .UserLoginMenu__buttonsWrapper--2yXel, .UserLoginMenu__content--uWSn5 { margin-top: auto; width: 100%; } .UserLoginMenu__contentWrapper--2c0Aj { align-items: center; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; flex: 1 1 auto; flex-direction: column; height: 100%; justify-content: space-around; min-height: 1px; overflow: auto; scrollbar-width: none; text-align: center; width: 100%; } .UserLoginMenu__contentWrapper--2c0Aj::-webkit-scrollbar { display: none; } .UserLoginMenu__title--1iPfF { font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); } .UserLoginMenu__text--19P_-, .UserLoginMenu__title--1iPfF { font-family: var(--vkui--font_family_accent); } .UserLoginMenu__text--19P_- { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); } .UserLoginMenu__buttonSecondary--bCMHT { background: var(--rebranding--color_background_element_accent) !important; } .YearFilterModal__root--38FMN { box-sizing: border-box; display: flex; flex: 1 1 auto; flex-direction: column; height: 100%; max-height: 100%; min-height: 1px; overflow: auto; scrollbar-width: none; width: 100%; } .YearFilterModal__root--38FMN::-webkit-scrollbar { display: none; } .YearFilterModal__header--1kSF0 { font-family: var(--font-tt-norms); font-size: 20px; font-weight: 500; line-height: 24px; overflow: hidden; padding: 8px 16px 12px; width: 100%; } .YearFilterModal__header--1kSF0, .YearFilterModal__options--28gIh { color: var(--vkui--color_text_primary); } .YearFilterModal__options--28gIh { background: var(--vkui--color_background_secondary); border-radius: 12px; padding: 8px 0px; } .YearFilterModal__item--NlnkD { align-items: center; box-sizing: border-box; display: flex; height: 48px; padding: 14px 10px; position: relative; } .YearFilterModal__item_selected--1scN9 { color: var(--vkui--color_accent_blue); } .YearFilterModal__icon--3SMjR { height: 28px; margin-right: 10px; margin-top: 4px; width: 28px; } .YearFilterModal__icon_disabled--3SGHx { opacity: 0; } .YearFilterModal__text--2OeLB { flex: 1 1 0%; font-family: var(--font-tt-norms); font-size: 16px; line-height: 24px; margin-top: 2px; } .YearFilterModal__rightItem--39TMk { margin-right: 6px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .NoWarningDialog__root--2JCzD.ui.modal { border-radius: 12px; min-width: 420px; } @media (max-width: 1024px) { .NoWarningDialog__rootResponsive--21uvS.ui.modal { min-width: auto; } } .NoWarningDialog__content--2C-vT { display: flex; flex-direction: column; font-family: var(--font-tt-norms); justify-content: space-between; padding: 24px 0px 32px; } .NoWarningDialog__fullContent--2EZQZ { width: 100%; } .NoWarningDialog__wrapper_button--N9zdN { display: flex; } .NoWarningDialog__button--34dhD.ui.button { font-family: var(--font-tt-norms); height: 44px; margin-right: 12px; width: auto; } .NoWarningDialog__button--34dhD.ui.button:first-child { width: 157px; } .NoWarningDialog__button_compact--xGQ8q.ui.button { height: 36px; } .NoWarningDialog__title--3t_2s { font-size: 24px; font-weight: 500; line-height: 28px; margin-bottom: 20px; word-break: break-word; } .NoWarningDialog__description--2iBaD, .NoWarningDialog__title--3t_2s { white-space: pre-line; } .NoWarningDialog__description--2iBaD { font-size: 15px; line-height: 20px; margin-bottom: 24px; } .NoWarningDialog__noWarning--dFw-l { cursor: pointer; display: flex; flex-direction: row; margin-bottom: 36px; user-select: none; } .NoWarningDialog__noWarningText--3vzqK { font-size: 15px; margin-left: 10px; } .NoWarningDialog__content_phone--2Camu { padding: 16px 0px; } .NoWarningDialog__content_phone--2Camu .NoWarningDialog__title--3t_2s { font-size: 18px; line-height: 24px; } .NoWarningDialog__content_phone--2Camu .NoWarningDialog__button--34dhD.ui.button { height: 48px; margin: 0px 0px 12px; width: 100%; } .NoWarningDialog__content_phone--2Camu .NoWarningDialog__button--34dhD.ui.button:last-child { margin-bottom: 0px; } .NoWarningDialog__content_phone--2Camu .NoWarningDialog__wrapper_button--N9zdN { flex-direction: column; } .NoWarningDialog__content_phone--2Camu .NoWarningDialog__noWarning--dFw-l { margin-bottom: 28px; } .NoWarningDialog__content_phone--2Camu .NoWarningDialog__description--2iBaD { font-size: 14px; line-height: 18px; } .NoWarningDialog__content_phone--2Camu .NoWarningDialog__noWarningText--3vzqK { font-size: 16px; line-height: 22px; } .OnboardingQRModal__title--pXvzY { font-family: var(--vkui--font_title1--font_family--regular); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); text-align: center; } .OnboardingQRModal__description--1exdI { font-family: var(--vkui--font_title3_custom--font_family--regular); font-size: var(--vkui--font_title3_custom--font_size--regular); font-weight: var(--vkui--font_title3_custom--font_weight--regular); line-height: var(--vkui--font_title3_custom--line_height--regular); text-align: center; } .OnboardingQRModal__content--fP2_d { padding-bottom: 38px; } .OnboardingQRModal__qr--12Mme { display: block; height: auto; margin-left: auto; margin-right: auto; width: 360px; } .OverquotaSpaceBlock__quota--dGaKX { border: 1px solid var(--vkui--color_stroke_negative); border-radius: 24px; box-sizing: border-box; display: flex; flex-direction: column; height: fit-content; padding: 18px 20px; position: relative; width: 324px; } @media only screen and (max-width: 767px) { .OverquotaSpaceBlock__quota--dGaKX { width: 100%; } } .OverquotaSpaceBlock__quotaIcon--2u9i9 { align-items: center; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--vkui--color_stroke_negative); border-radius: 100%; color: var(--rebranding--color_icon_contrast); display: flex; height: 34px; justify-content: center; position: absolute; right: 20px; top: -15px; width: 34px; } .OverquotaSpaceBlock__quotaIcon--2u9i9 > svg { stroke: var(--rebranding--color_icon_contrast); } .OverquotaSpaceBlock__quotaTitle--28RMk { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_headline1--font_weight--regular); } .OverquotaSpaceBlock__quotaSeparator--8DCXC { background: var(--vkui--color_stroke_negative); border-radius: 100px; height: 6px; width: 100%; } .OverquotaSpaceBlock__quotaText--1XaL1 { -webkit-font-smoothing: antialiased; color: var(--vkui--color_stroke_negative); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_caption1--font_size--regular); font-weight: var(--vkui--font_subhead--font_weight--regular); } .OverquotaSpaceBlock__line_cloud--20Uag { background: var(--rebranding_color_lime); } .OverquotaSpaceBlock__dark--3I7Ks .OverquotaSpaceBlock__line_cloud--20Uag { background: var(--rebranding_dark_theme_color_lime); } .OverquotaSpaceBlock__infoLine--1CP9m { border-radius: 6px; height: 6px; margin-right: 5px; width: 6px; } :root { --padding-promo: 32px; } .OverquotaModal__root--PgbK0 a { color: var(--vkui--color_text_accent); text-decoration: none; } @media only screen and (max-width: 767px) { .OverquotaModal__root--PgbK0.ui.modal > .content { padding: 0px 32px !important; } .OverquotaModal__root--PgbK0.ui.modal > .content { display: block; } } .OverquotaModal__root--PgbK0.modal.ui { width: 540px; } .OverquotaModal__content--Rx__m { font-family: var(--vkui--font_family_accent); padding: 240px 0 var(--padding-promo); position: relative; } .OverquotaModal__title--1mTdH { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-size: 24px; font-weight: 500; line-height: 28px; margin-top: 25px; } .OverquotaModal__title--1mTdH::first-letter { text-transform: uppercase; } .OverquotaModal__title--1mTdH > span { color: var(--vkui--color_text_negative); } .OverquotaModal__text--bNsEZ { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: 17px; line-height: 24px; margin-bottom: 24px; margin-top: 12px; white-space: pre-wrap; } .OverquotaModal__text--bNsEZ span { color: var(--vkui--color_stroke_negative); font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--compact); } .OverquotaModal__text--bNsEZ .OverquotaModal__quotaSize--INYr7 { color: var(--vkui--color_text_primary); font-weight: 500; } .OverquotaModal__buttonWrapper--2uxc- { align-items: center; display: flex; } .OverquotaModal__buttonWrapper--2uxc- > .ui.button { margin-right: 16px; } .OverquotaModal__footerWrapper--301Ns { display: flex; gap: 12px; } .OverquotaModal__footerWrapper--301Ns.OverquotaModal__footerWrapperColumn--27KJQ { flex-direction: column-reverse; } .OverquotaModal__button--2Y7xm.ui.button { -webkit-font-smoothing: antialiased; font-size: 15px; font-weight: 500; width: auto; } .OverquotaModal__imageWrapper--WBhqF { display: flex; height: 240px; justify-content: center; left: calc(var(--padding-promo)*-1); padding-top: 76px; position: absolute; right: calc(var(--padding-promo)*-1); top: 0px; } .OverquotaModal__rootMobile--X0-SN { margin: -16px -8px -12px; position: relative; } .OverquotaModal__rootMobile--X0-SN .OverquotaModal__imageWrapper--WBhqF { height: auto; margin-bottom: 24px; padding: 60px 36px 8px; position: static; } .OverquotaModal__rootMobile--X0-SN .OverquotaModal__desc--1j-LN { margin-bottom: 8px; padding: 0px 20px; } .OverquotaModal__rootMobile--X0-SN .OverquotaModal__title--1mTdH { font-size: 20px; font-style: normal; font-weight: 500; line-height: 26px; margin-bottom: 8px; margin-top: 0px; } .OverquotaModal__rootMobile--X0-SN .OverquotaModal__text--bNsEZ { font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0px; } .OverquotaModal__rootMobile--X0-SN .OverquotaModal__text--bNsEZ span { font-size: 15px; } .OverquotaModal__rootMobile--X0-SN .OverquotaModal__footerWrapper--301Ns { flex-direction: column; gap: 12px; padding: 16px; } .OverquotaSplash__root--298R_ { -webkit-font-smoothing: antialiased; align-items: center; display: flex; flex-direction: column; font-family: var(--font-tt-norms); height: 100%; justify-content: center; margin-top: -60px; min-width: 700px; padding: 0px 20px; } .OverquotaSplash__root--298R_.OverquotaSplash__rootMobile--25mnz { min-width: auto; } .OverquotaSplash__root--298R_.OverquotaSplash__rootCleared--2TzgP { min-width: 440px; width: 441px; } .OverquotaSplash__content--3ZHZS { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100%; } .OverquotaSplash__title--29eJC { -webkit-font-smoothing: antialiased; font-family: var(--font-tt-norms); font-size: 32px; font-weight: 500; line-height: 40px; text-align: center; white-space: pre; } .OverquotaSplash__title_withMargin--2nBro { padding-top: 45px; } .OverquotaSplash__description--3NFv- { -webkit-font-smoothing: antialiased; font-family: var(--font-tt-norms); font-size: 18px; line-height: 24px; margin-top: 20px; max-width: 800px; text-align: center; } .OverquotaSplash__icon--2Mgmr { align-items: center; background-color: var(--vkui--color_background); border-radius: 32px; box-shadow: 0 2.27px 2.27px 0 var(--vkui--color_image_border_alpha); display: flex; height: 136px; justify-content: center; position: relative; width: 136px; } .OverquotaSplash__iconExcl--VGqpM { background: var(--vkui--color_icon_negative); color: var(--vkui--color_text_contrast); } .OverquotaSplash__iconExcl--VGqpM, .OverquotaSplash__iconExclClear--Qba5W { align-items: center; border-radius: 100%; display: flex; height: 45px; justify-content: center; position: absolute; right: -12px; top: -12px; width: 45px; } .OverquotaSplash__iconExclClear--Qba5W { background: var(--vkui--color_text_contrast); border: 3px solid var(--vkui--color_icon_negative); color: var(--vkui--color_icon_negative); } .vkui--cloud--dark .OverquotaSplash__iconExclClear--Qba5W { background: var(--vkui--color_icon_negative); color: var(--vkui--color_icon_contrast); } .OverquotaSplash__link--2QPMD { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_accent); cursor: pointer; font-size: 15px; font-weight: 500; margin-top: 11px; } .OverquotaSplash__buttons--GR5rY { align-items: center; display: flex; flex-direction: row; flex-shrink: 0; gap: 12px; margin-top: 40px; padding-bottom: 60px; } .OverquotaSplash__buttons_column--2Be15 { flex-direction: column; } .OverquotaSplash__button--3DPu7.ui.button { border-radius: 12px !important; font-weight: 500 !important; height: 48px !important; } .OverquotaSplash__button--3DPu7.ui.button { -webkit-font-smoothing: antialiased; font-size: 15px; padding: 0px 24px; width: auto; } .OverquotaSplash__iconRenranding--13yVC { background: none; box-shadow: none; height: 155px; width: 158px; } .OverquotaSplash__button--3DPu7.OverquotaSplash__buttonRebranding--tZI9w.ui.button { background: rgb(68, 68, 68); color: var(--vkui--color_text_contrast); } .OverquotaSplash__button--3DPu7.OverquotaSplash__buttonRebranding--tZI9w.ui.button:active, .OverquotaSplash__button--3DPu7.OverquotaSplash__buttonRebranding--tZI9w.ui.button:hover { background: rgb(77, 77, 77); } .OverquotaSplash__backgroundPortal--5axfl { background: var(--vkui--cloud_color_background_portal) !important; } .OverquotaSplash__screenContentMobile--1TT4k { padding: 0px; width: 100%; } .OverquotaSplash__dialogText--1jkhx { -webkit-font-smoothing: antialiased; font-family: var(--font-tt-norms); font-size: 18px; line-height: 24px; } .OverquotaSplash__iconInfo--aed3n { color: var(--vkui--color_icon_tertiary); height: 32px; width: 32px; } .OverquotaSplash__rootNewClear--3OeDq .OverquotaSplash__content--3ZHZS { border-radius: 30px; box-sizing: border-box; height: auto; padding: 30px; width: auto; } .OverquotaSplash__rootNewClear--3OeDq .OverquotaSplash__contentBack--32P0w { background-color: var(--vkui--color_background_modal); } .OverquotaSplash__rootNewClear--3OeDq .OverquotaSplash__title--29eJC { font-size: 28px; line-height: 34px; padding-top: 33px; } .OverquotaSplash__rootNewClear--3OeDq .OverquotaSplash__description--3NFv- { font-size: 16px; line-height: 20px; margin-top: 12px; } .OverquotaSplash__buttonsNewClear--xjYN3 { margin-top: 30px; padding: initial; } .OverquotaSplash__letters--1DyOQ { border-top: 1px solid var(--vkui--color_separator_primary); box-sizing: border-box; display: flex; flex-direction: column; gap: 14px; margin-top: 24px; padding: 29px 8px 0px; width: 100%; } .OverquotaSplash__lettersRow--kLXNg { color: var(--vkui--color_text_secondary); display: flex; font-size: var(--vkui--font_footnote--font_size--compact); justify-content: space-between; line-height: var(--vkui--font_footnote--line_height--compact); } .OverquotaSplash__letterText--S7aEB { display: flex; white-space: pre; } .OverquotaSplash__iconNoMargin--1K5Su { margin-bottom: -45px; } .OverquotaSplash__rootMobile--25mnz { height: auto; margin-top: auto; min-height: 100%; } .OverquotaSplash__rootMobile--25mnz .OverquotaSplash__iconRenranding--13yVC { height: 108px; width: 108px; } .OverquotaSplash__rootMobile--25mnz .OverquotaSplash__iconExclClear--Qba5W { box-sizing: border-box; height: 40px; width: 40px; } .OverquotaSplash__rootMobile--25mnz .OverquotaSplash__iconExclClear--Qba5W > svg { height: 22px; } .OverquotaSplash__rootMobile--25mnz .OverquotaSplash__title--29eJC { font-size: 24px; line-height: 28px; padding-top: 52px; text-align: center; white-space: normal; } .OverquotaSplash__rootMobile--25mnz .OverquotaSplash__description--3NFv- { font-size: 16px; line-height: 20px; margin-top: 12px; } .OverquotaSplash__rootMobile--25mnz .OverquotaSplash__buttons--GR5rY { align-items: stretch; flex-direction: column; margin-top: 62px; width: 100%; } .OverquotaSplash__rootMobile--25mnz .OverquotaSplash__button_tetriary--a2gnX { background-color: var(--vkui--color_background_tertiary) !important; } .OverquotaSplash__rootMobile--25mnz.OverquotaSplash__rootNewClear--3OeDq, .OverquotaSplash__rootMobile--25mnz.OverquotaSplash__rootNewClear--3OeDq .OverquotaSplash__content--3ZHZS { padding: 0px; } .OverquotaSplash__rootMobile--25mnz.OverquotaSplash__rootNewClear--3OeDq .OverquotaSplash__buttons--GR5rY { margin-top: 55px; } .Screen__root--3map0 { background-color: var(--vkui--color_background_tertiary); display: flex; height: 100%; left: 0px; overflow: auto; position: fixed; top: 0px; width: 100%; z-index: 9999; } .Screen__root_marginForHeader--1D-Ox { top: 60px; z-index: 1000; } .Screen__root_backSecondary--1TnoA { background: var(--vkui--color_background_secondary); } .Screen__rootAboveAll--29oma { z-index: 100000; } .Screen__logo--2OF-h { left: 32px; position: absolute; top: 32px; width: 180px; } .Screen__logo--2OF-h svg { height: auto; width: 100%; } @media (max-width: 768px) { .Screen__logo--2OF-h { left: 16px; top: 16px; width: 108px; } } .Screen__content--3qrMN { margin: 60px auto 0px; padding: 0px 32px; } @media (max-width: 768px) { .Screen__content--3qrMN { padding: 0px 24px; } } .Screen__closeIcon--2g3Ec { right: 20px; top: 20px; } .Screen__closeIcon--2g3Ec, .Screen__closeIconFullscreen--3ISDv { cursor: pointer; position: absolute; z-index: 2; } .Screen__closeIconFullscreen--3ISDv { max-height: 66px; max-width: 66px; right: 40px; top: 50px; } .Screen__closeIconImage--3yblX { height: 100%; width: 100%; } .Screen__rebranding--281vQ { background: var(--vkui--color_background); } @media (max-width: 1440px) { .Screen__closeIconFullscreen--3ISDv { max-height: 55px; max-width: 55px; top: 40px; } } @media (max-width: 1024px) { .Screen__closeIconFullscreen--3ISDv { max-height: 47px; max-width: 47px; right: 32px; top: 32px; } } .PaidUserReturnModal__root--1iHLf { width: 540px !important; } .PaidUserReturnModal__content--1DQMB { display: flex; flex-direction: column; } .PaidUserReturnModal__content--1DQMB .PaidUserReturnModal__text--1m33g { font-size: var(--vkui--font_title3_custom--font_size--regular); font-weight: var(--vkui--font_title3_custom--font_weight--regular); line-height: var(--vkui--font_title3_custom--line_height--regular); } .PaidUserReturnModal__discount--2qE2K { align-items: center; background: var(--vkui--color_palette_lime); border-radius: 12px; color: var(--vkui--color-palette-cloud-color-icon-profile-access); display: inline-flex; flex-shrink: 0; font-size: 19px; font-weight: 600; gap: 4.155px; justify-content: center; line-height: 24.681px; padding: 8.877px 18.037px 9.467px 13.12px; position: absolute; right: 83px; top: 58px; transform: rotate(6.381deg); } .PaidUserReturnModal__discount--2qE2K svg { fill: var(--vkui--color-palette-cloud-color-icon-profile-access); height: 24.883px !important; width: 24.883px !important; } .PersonalDocumentGroups__root--1l-_z.ui.modal { box-shadow: 0 4px 20px 0 var(--vkui--color_background_tertiary_alpha--active); max-width: calc(100% - 20px); } .PersonalDocumentGroups__root--1l-_z.ui.modal > .header { -webkit-font-smoothing: antialiased; font-family: var(--vkui--font_title1--font_family--compact); font-size: var(--vkui--font_title1--font_size--compact); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--compact); padding: 24px 24px 20px; } .PersonalDocumentGroups__root--1l-_z.ui.modal > .closeIcon { right: 12px; top: 12px; } .PersonalDocumentGroups__root--1l-_z.ui.modal > .content { padding: 0px 24px 24px; } .vkui--cloud--dark .PersonalDocumentGroups__list_main--yYHpV svg { background-color: rgb(91, 54, 54); color: rgb(250, 104, 104); } .vkui--cloud--dark .PersonalDocumentGroups__list_transport--1VUGP svg { background-color: rgb(66, 53, 86); color: rgb(176, 124, 242); } .vkui--cloud--dark .PersonalDocumentGroups__list_health--2uLGX svg { background-color: rgb(49, 60, 80); color: rgb(129, 175, 255); } .vkui--cloud--dark .PersonalDocumentGroups__list_payments--1j9TY svg { background-color: rgb(51, 64, 46); color: rgb(92, 186, 56); } .vkui--cloud--dark .PersonalDocumentGroups__item--aAXSE:focus, .vkui--cloud--dark .PersonalDocumentGroups__item--aAXSE:hover { background-color: rgba(255, 255, 255, 0.04); } .PersonalDocumentGroups__group--3M6zS { background: var(--rebranding_color_background_alternative); border-radius: 12px; padding: 6px; } .PersonalDocumentGroups__group--3M6zS:not(:last-child) { margin-bottom: 8px; } .PersonalDocumentGroups__input--1ZFdh { display: none; } .PersonalDocumentGroups__title--28WI0 { -webkit-font-smoothing: antialiased; font-weight: 500; margin: 6px 6px 12px; } .PersonalDocumentGroups__list--2-2mU { display: flex; flex-direction: column; gap: 4px; margin: 0px; padding: 0px; } .PersonalDocumentGroups__list_main--yYHpV svg { background-color: rgb(255, 228, 228); color: rgb(244, 84, 84); } .PersonalDocumentGroups__list_transport--1VUGP svg { background-color: rgba(174, 126, 236, 0.2); color: rgb(151, 90, 230); } .PersonalDocumentGroups__list_health--2uLGX svg { background-color: rgb(223, 234, 255); color: rgb(0, 95, 249); } .PersonalDocumentGroups__list_payments--1j9TY svg { background-color: rgb(211, 249, 196); color: rgb(1, 134, 70); } .PersonalDocumentGroups__item--aAXSE { align-items: center; cursor: pointer; display: flex; font-family: var(--vkui--font_text--font_family--compact); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--regular); gap: 16px; line-height: var(--vkui--font_text--line_height--compact); } .PersonalDocumentGroups__item--aAXSE, .PersonalDocumentGroups__item--aAXSE svg { border-radius: 8px; padding: 6px; } .PersonalDocumentGroups__item--aAXSE:focus, .PersonalDocumentGroups__item--aAXSE:hover { background-color: rgba(0, 16, 61, 0.04); } .PersonalizationModal__imageWrapper--2eU0O { align-items: flex-end; background-color: initial; display: flex; height: 240px; } .PersonalizationModal__image--MQYcr { height: auto !important; width: 100%; } .PersonalizationModal__root--1_q6L.modal.ui { overflow: visible; } .PersonalizationModal__root--1_q6L.modal.ui.large { max-width: calc(100% - 16px); width: 540px; } .PersonalizationModal__root--1_q6L.modal.ui .content { border-radius: 12px; } .PersonalizationModal__text--iHx5G { font-family: var(--font-tt-norms),"VKSansDisplay","Helvetica","Arial","sans-serif"; margin-bottom: 24px; margin-top: 12px; } .content .PersonalizationModal__content--2Al9q { padding-top: 265px; } .PersonalizationModal__closeButton--2dqSy { height: 40px !important; width: 40px !important; } .PersonalizationModal__closeIcon--PL8Zy { height: 14px; width: 14px; } .TariffCardLoader__root--1aAuc { align-items: center; background: var(--vkui--color_background_content); border-radius: 24px; box-sizing: border-box; display: flex; flex-direction: column; padding: 0px 12px 12px; width: 256px; } .TariffCardLoader__quota--2PtWR { align-items: flex-start; display: flex; flex-direction: row; gap: 8px; } .TariffCardLoader__space--2f3Ml { height: 55px; width: 134px; } .TariffCardLoader__space--2f3Ml, .TariffCardLoader__units--1gaKl { border-radius: 8px; overflow: hidden; } .TariffCardLoader__units--1gaKl { height: 25px; width: 38px; } .TariffCardLoader__informer--2teFd { border-radius: 10px; height: 28px; overflow: hidden; width: 210px; } .TariffCardLoader__feature--25Xem { border-radius: 4px; height: 18px; overflow: hidden; width: 232px; } .TariffCardLoader__button--2RW9J { border-radius: 16px; height: 68px; overflow: hidden; width: 100%; } .TariffListCard__root--1kfj2 { display: flex; width: 256px; } .TariffListCard__root--1kfj2 .ui.button:disabled { opacity: 0.4 !important; } .TariffListCard__root--1kfj2:not(.TariffListCard__recommended--2m6kJ) .ui.button { background-color: var(--vkui--color-other-cloud-color-landing-button-background); } .TariffListCard__root--1kfj2:not(.TariffListCard__recommended--2m6kJ) .ui.button:hover { background-color: var(--vkui--color-other-cloud-color-landing-button-background--hover); } .TariffListCard__root--1kfj2:not(.TariffListCard__recommended--2m6kJ) .ui.button:active { background-color: var(--vkui--color-other-cloud-color-landing-button-background--active); } .TariffListCard__root--1kfj2.TariffListCard__recommended--2m6kJ .ui.button { background-color: var(--vkui--color_background_accent); } .TariffListCard__root--1kfj2.TariffListCard__recommended--2m6kJ .ui.button:hover { background-color: var(--vkui--color_background_accent--hover); } .TariffListCard__root--1kfj2.TariffListCard__recommended--2m6kJ .ui.button:active { background-color: var(--vkui--color_background_accent--active); } .TariffListCardInfoBlock__root--2cvKs { -webkit-font-smoothing: antialiased; align-items: center; background-color: var(--vkui--color_background_secondary_alpha); border-radius: 11px; display: flex; gap: 7px; justify-content: center; margin-top: 16px; padding: 5px 7px; width: 196px; } .TariffListCardInfoBlock__root--2cvKs span { font-family: var(--vkui--font_family_accent); font-size: 12px; font-weight: var(--vkui--font_footnote_caps--font_weight--regular); line-height: var(--vkui--font_headline1--font_size--regular); } .SwiperTariffList__root--1LfjK { display: flex; position: relative; width: 100%; } .SwiperTariffList__swiperContainer--2CPS1 { position: relative; width: 100%; margin: -24px 0px !important; padding: 24px 0px !important; } .SwiperTariffList__swiperContainer--2CPS1 .swiper-pagination-bullets { bottom: 0px; display: flex; gap: 20px; height: fit-content; justify-content: center; position: absolute; width: 100%; } .SwiperTariffList__swiperContainer--2CPS1 .swiper-pagination-bullets .swiper-pagination-bullet, .SwiperTariffList__swiperContainer--2CPS1 .swiper-pagination-bullets .swiper-pagination-bullet-active { background: var(--vkui--color_separator_primary); border: 0px; border-radius: 50%; box-sizing: border-box; cursor: pointer; height: 8px; padding: 0px; width: 8px; } .SwiperTariffList__swiperContainer--2CPS1 .swiper-pagination-bullets .swiper-pagination-bullet-active { background: var(--vkui--color_text_muted); } .SwiperTariffList__swiperBackwardBtn--EBnjL { left: 55px; } .SwiperTariffList__swiperForwardBtn--3ieDZ { right: 55px; } .SwiperTariffList__swiperBackwardBtn--EBnjL, .SwiperTariffList__swiperForwardBtn--3ieDZ { align-items: center; background: var(--vkui--color_background_secondary); border-radius: 100%; bottom: 0px; cursor: pointer; display: flex; height: 60px; justify-content: center; margin: auto 0px; position: absolute; top: 0px; transition: opacity 0.2s ease-in-out; width: 60px; z-index: 2; } .SwiperTariffList__swiperBackwardBtn--EBnjL:hover, .SwiperTariffList__swiperForwardBtn--3ieDZ:hover { background: var(--vkui--color_background--hover); } .SwiperTariffList__slide--Wv4Mq.swiper-slide { width: 256px !important; } .TariffList__root--RiXMX { display: flex; gap: 12px; } .TariffsModalContent__content--1UxIz { align-items: center; background-color: var(--rebranding_color_background_alternative); box-sizing: border-box; display: flex; flex-direction: column; height: 100%; padding: 40px 0px; width: 100%; } .TariffsModalContent__content--1UxIz.TariffsModalContent__isIframe--3fsbM:not(.TariffsModalContent__content--1UxIz.TariffsModalContent__disableScroll--2je8C) { overflow-y: scroll; } .TariffsModalContent__title--2b66V { font-feature-settings: "clig" 0, "liga" 0; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_h1--font_size--compact); font-weight: var(--vkui--font_h1--font_weight--compact); line-height: var(--vkui--font_h1--line_height--compact); max-width: 680px; text-align: center; } .BuyDisableAds__contentRefWrapper--8yY70 { height: 100%; width: 100%; } .CancelAutoRenewConfirmDialog__root--RZtTT.CancelAutoRenewConfirmDialog__compact--xTllL { width: 540px !important; } .CancelAutoRenewConfirmDialog__content--17S75 { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_subtitle_medium--font_size); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_subtitle_medium--line_height); } .CancelAutoRenewConfirmDialog__list--1ppA2 { margin: 0px; padding: 0px 0px 0px 20px; } .CancelAutoRenewConfirmDialog__list--1ppA2 li { margin-bottom: 4px; } .CancelAutoRenewConfirmDialog__preline--3Y5Aw { white-space: pre-line; } .PauseSubscriptionDialog__text--3xOn5 { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); } .PauseSubscriptionDialog__rootMobile--UeMZV .PauseSubscriptionDialog__image--2Qk-- { border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; } .PauseSubscriptionDialog__rootMobile--UeMZV .PauseSubscriptionDialog__content--3sSa1 { padding: 24px; } .PauseSubscriptionDialog__rootMobile--UeMZV .PauseSubscriptionDialog__buttonWrapper--2P-CZ { padding: 0px 16px 16px; } .PauseSubscriptionDialog__rootMobile--UeMZV .PauseSubscriptionDialog__buttonWrapper--2P-CZ .ui.button { -webkit-font-smoothing: antialiased; } .PauseSubscriptionSuccessDialog__text--1sUvx { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); } .PauseSubscriptionSuccessDialog__dateText--32Gok { font-weight: 500; } .PauseSubscriptionSuccessDialog__rootMobile--5V0H5 .PauseSubscriptionSuccessDialog__image--3ZX_Q { border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; } .PauseSubscriptionSuccessDialog__rootMobile--5V0H5 .PauseSubscriptionSuccessDialog__content--1xji8 { padding: 24px; } .PauseSubscriptionSuccessDialog__rootMobile--5V0H5 .PauseSubscriptionSuccessDialog__buttonWrapper--3mCPj { padding: 0px 16px 16px; } .PauseSubscriptionSuccessDialog__rootMobile--5V0H5 .PauseSubscriptionSuccessDialog__buttonWrapper--3mCPj .ui.button { -webkit-font-smoothing: antialiased; } .PublicAnimatedTrendModal__rootMobile--1wjp- { --vkui--size_border_radius--regular: 12px; width: 100%; } .PublicAnimatedTrendModal__mainMobileDialog--1BEw8 { padding-top: 16px !important; } .PublicAnimatedTrendModal__blueDialog--j_eZb { --vkui--color_background_modal: var(--vkui--color_background_accent); } .PublicAnimatedTrendModal__lightBlueDialog--2QTxY { --vkui--color_background_modal: #cae4fd; } .PublicAnimatedTrendModal__lightBlueDialogImage--2fNHI { --vkui--color_background_modal: #cbe2fb; } .PublicAnimatedTrendModal__imageContainer--tAQvx { display: flex; justify-content: center; position: relative; width: 100%; } .PublicAnimatedTrendModal__image--3RMOP, .PublicAnimatedTrendModal__videoContainer--2398_ { width: 100%; } .PublicAnimatedTrendModal__title--28dCA { color: var(--vkui--color_text_primary); padding-top: 12px; } .PublicAnimatedTrendModal__title_color--1k-9l { color: var(--vkui--color_text_contrast); } .PublicAnimatedTrendModal__subhead--2ICbw { color: var(--vkui--color_text_primary); font-size: 16px; letter-spacing: 0px; line-height: 20px; margin-top: 8px; vertical-align: middle; } .PublicAnimatedTrendModal__subhead_color--BCZyW { color: var(--vkui--color_text_contrast); } .PublicAnimatedTrendModal__button_accent_black_color--1H0Yz { --vkui--color_background_accent_themed: var(--color-black); } .PublicAnimatedTrendModal__noColorDialog--1r8pA .PublicAnimatedTrendModal__darkCloseButton--2cqLA svg use { color: var(--vkui--color_icon_medium) !important; } .PublicAnimatedTrendModal__contentContainer--3sS95 { padding-bottom: 16px; padding-left: 16px; padding-right: 16px; } .PublicAnimatedTrendModal__screen--1-jRt { background-color: var(--vkui--color_background_accent); } .PublicAnimatedTrendModal__screen_content--jrYLj { margin-top: 30px; padding: 0px; } .PublicAnimatedTrendModal__imageContainerFullscreen--1AUGb { box-sizing: border-box; display: flex; justify-content: center; margin-top: auto; padding: 33px 0px; position: relative; width: 100%; } .PublicAnimatedTrendModal__rootMobileScreen--wo-73 { display: flex; flex-direction: column; height: 100%; } .PublicAnimatedTrendModal__textBox--3FiX4 { margin-top: auto; } @media (max-height: 731px) { .PublicAnimatedTrendModal__screen_content--jrYLj { margin-top: 0px; } .PublicAnimatedTrendModal__imageContainerFullscreen--1AUGb { padding: 0px 35px; } } .PublicAnimatedTrendModal__light_screen--jEI7k { background-color: rgb(202, 228, 253); } .PublicAnimatedTrendModal__screenButtonGroup--2W4te { box-sizing: border-box; padding: 32px 16px 12px; } .PublicAnimatedTrendModal__fullscreenTitle--1e3ba { font-size: var(--vkui--font_h2--font_size--compact); line-height: var(--vkui--font_h2--line_height--regular); padding: 0px 16px; text-align: center; } .PublicAnimatedTrendModal__fullscreenSubhead--3PZp5 { font-size: var(--vkui--font_text--font_size--regular); letter-spacing: 0px; line-height: var(--vkui--font_text--line_height--regular); margin-top: 8px; padding: 0px 24px; text-align: center; } .PublicAnimatedTrendModal__closeIcon--2ilMG { height: 20px !important; width: 20px !important; } .SupportChatDialog__desktop--1Pcg9.modal.ui.small { max-width: calc(100% - 32px); width: 540px; } .SupportChatDialog__desktop--1Pcg9.modal.ui.small > .content { height: min(576px, -32px + 100vh); padding: 0px; } .SupportChatDialog__mobile--qVxHB { border-radius: 0px; padding: 0px; } .SupportChatDialog__iframe--Cg7_p, .SupportChatDialog__mobile--qVxHB { height: 100%; width: 100%; } .SupportChatDialog__iframe--Cg7_p { background: rgb(255, 255, 255); border: 0px; display: block; } .SupportChatDialog__prompt-image--utdiM { display: block; flex-shrink: 0; height: auto; margin: 57px 0px 6px; width: 100%; } .FastCheckoutSidebar__root--1-w1u { -webkit-font-smoothing: antialiased; height: 100%; justify-content: flex-start; width: 100%; } .FastCheckoutSidebar__root--1-w1u, .FastCheckoutSidebar__tariffInfo--36uKq { box-sizing: border-box; display: flex; flex-direction: column; } .FastCheckoutSidebar__tariffInfo--36uKq { border: 1px solid var(--color-fastcheckout-sidebar-border); border-radius: 16px; color: var(--cloud-color_text_default); padding: 40px 24px 32px; position: relative; width: 285px; } .FastCheckoutSidebar__label--1ywij { align-items: center; background: rgba(0, 119, 255, 0.1); border-bottom-left-radius: 16px; border-top-right-radius: 16px; color: rgb(0, 112, 240); font-size: 14px; justify-content: center; line-height: 18px; padding: 10px 12px; position: absolute; right: -1px; top: -1px; } .FastCheckoutSidebar__header--28BJt, .FastCheckoutSidebar__label--1ywij { display: flex; flex-direction: row; font-family: var(--font-tt-norms); } .FastCheckoutSidebar__header--28BJt { align-items: flex-start; justify-content: flex-start; margin-bottom: 20px; } .FastCheckoutSidebar__quota--P9FZs { font-size: 52px; font-weight: 500; line-height: 48px; } .FastCheckoutSidebar__units--Wbssd { font-size: 24px; font-weight: 700; line-height: 20px; margin: 4px 0px 0px 4px; } .FastCheckoutSidebar__switch--3r2ob { align-self: center; height: 52px; margin-bottom: 20px; position: relative; width: 100%; } .FastCheckoutSidebar__switchLabel--16bBl { align-items: center; color: var(--vkui--color_text_secondary); cursor: pointer; display: flex; flex-direction: column; font-family: var(--font-tt-norms); font-size: 13px; font-weight: 500; height: 100%; justify-content: center; left: 0px; opacity: 1; padding: 0px 0px 0px 4px; position: absolute; top: 0px; width: calc(50% - 4px); z-index: 10; } .FastCheckoutSidebar__switchLabel_right--2iq5p { left: auto; padding: 0px 4px 0px 0px; right: 0px; } .FastCheckoutSidebar__switchLabel_active--ifQ5Q { color: var(--cloud-color_text_default); } .FastCheckoutSidebar__priceBlock--jxS9Q { flex-direction: column; } .FastCheckoutSidebar__discountBlock--21krB, .FastCheckoutSidebar__priceBlock--jxS9Q { display: flex; font-family: var(--font-tt-norms); margin-bottom: 24px; } .FastCheckoutSidebar__discountBlock--21krB { flex-direction: row; } .FastCheckoutSidebar__oldPrice--vM2Yq { color: var(--vkui--color_icon_secondary); font-size: 17px; line-height: 24px; margin-right: 12px; position: relative; text-decoration: line-through; } .FastCheckoutSidebar__priceInfo--HOq0A { color: var(--vkui--color_text_secondary); font-size: 14px; line-height: 22px; margin-bottom: 4px; } .FastCheckoutSidebar__trialPriceInfo--4E6ab { margin: 4px 0px 0px; } .FastCheckoutSidebar__trialPriceInfo--4E6ab::first-letter { text-transform: uppercase; } .FastCheckoutSidebar__price--3R3Xk { color: var(--cloud-color_text_default); font-size: 17px; font-weight: var(--vkui--font_weight_accent1); line-height: 24px; } .FastCheckoutSidebar__features--r_kIC { border-top: 1px solid var(--color-fastcheckout-sidebar-border); font-family: var(--font-tt-norms); font-size: 15px; font-weight: 400; line-height: 20px; list-style: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/fe35af0d0ebdb7a57b7f.svg"); margin: 0px; padding: 24px 0px 0px 20px; } .FastCheckoutSidebar__features--r_kIC li { margin-bottom: 10px; } .FastCheckoutSidebar__features_decreaseFontScale--hhdPy { font-size: 14px; line-height: 18px; } .FastCheckoutSidebar__features_decreaseFontScale--hhdPy li { margin-bottom: 11px; } .FastCheckoutSidebar__features_noBorder--2bdaE { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .FastCheckoutSidebar__tariffsLink--3h2zQ { align-items: center; cursor: pointer; display: flex; font-family: var(--font-tt-norms); font-size: 15px; font-weight: var(--vkui--font_weight_accent1); justify-content: center; line-height: 20px; margin-top: 26px; } .FastCheckoutSidebar__tariffsLink--3h2zQ:hover { color: var(--vkui--color_text_accent); } .FastCheckoutSidebar__radioBlock--5P85b { display: flex; } .FastCheckoutSidebar__radio--1Gdwg { margin-right: 8px; } .FastCheckoutSidebar__productInfo--3Xgmp { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_accent); font-size: 14px; line-height: 22px; } .FastCheckoutSidebar__discountLabel--2fhe9 { margin-left: 7px; } .FastCheckoutSidebar__crossedPrice--3qmlz { text-decoration: line-through; } .FastCheckoutSidebar__discount--kMPlo { display: flex; flex-direction: row; } .FastCheckoutLightSidebar__root--3JBCm { -webkit-font-smoothing: antialiased; justify-content: flex-start; padding-bottom: 16px; width: 100%; } .FastCheckoutLightSidebar__root--3JBCm, .FastCheckoutLightSidebar__tariffInfo--3uCxI { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; } .FastCheckoutLightSidebar__tariffInfo--3uCxI { border: 1px solid rgba(0, 16, 61, 0.12); border-radius: 20px; color: var(--cloud-color_text_default); padding: 36px 24px 24px; position: relative; width: 290px; } .FastCheckoutLightSidebar__header--nCZ96 { align-items: flex-start; display: flex; flex-direction: row; font-family: var(--font-tt-norms); justify-content: flex-start; } .FastCheckoutLightSidebar__quota--DIdX0 { font-size: 52px; font-weight: 500; line-height: 48px; } .FastCheckoutLightSidebar__units--1d6Bl { font-size: 24px; font-weight: 700; line-height: 20px; margin: 4px 0px 0px 4px; } .FastCheckoutLightSidebar__label--27gP0 { align-items: center; background: var(--vkui--color_background_accent); border-bottom-left-radius: 24px; border-top-right-radius: 20px; color: var(--vkui--color_text_contrast); font-family: var(--font-tt-norms); font-size: 14px; justify-content: center; line-height: 18px; padding: 6px 24px; position: absolute; right: -1px; top: -1px; } .FastCheckoutLightSidebar__label--27gP0, .FastCheckoutLightSidebar__priceBlock--1wAJA { display: flex; flex-direction: row; font-weight: var(--vkui--font_weight_accent1); } .FastCheckoutLightSidebar__priceBlock--1wAJA { border-bottom: 1px solid var(--vkui--color_separator_primary_alpha); font-family: var(--vkui--font_family_accent); font-size: 17px; line-height: 22px; padding-bottom: 16px; width: 100%; } .FastCheckoutLightSidebar__oldPrice--31oM3 { color: var(--vkui--color_text_tertiary); margin-right: 8px; position: relative; text-decoration: line-through; } .FastCheckoutLightSidebar__price--1B7pR { color: var(--vkui--color_icon_primary); } .FastCheckoutLightSidebar__tariffsLink--qe2_3 { align-items: center; border-radius: 8px; cursor: pointer; display: flex; font-family: var(--font-tt-norms); font-size: 14px; font-weight: var(--vkui--font_weight_accent1); justify-content: center; line-height: 20px; margin-top: auto; padding: 6px 0px; width: 100%; } .FastCheckoutLightSidebar__tariffsLink--qe2_3:hover { background-color: rgba(0, 16, 61, 0.04); } .TrialPromoSidebar__root--UZTTl { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; justify-content: space-between; padding: 16px 37px; width: 100%; } .TrialPromoSidebar__root_trial--2hKk0, .TrialPromoSidebar__root_trial_updated--1-GqD { padding: 16px 30px; } .TrialPromoSidebar__root_trial--2hKk0 .TrialPromoSidebar__header--3vcnu { font-size: var(--vkui--font_title1--font_size--regular); line-height: var(--vkui--font_title1--line_height--regular); margin-bottom: 8px; } .TrialPromoSidebar__root_trial--2hKk0 .TrialPromoSidebar__text--3lIuY { color: var(--vkui--color_text_primary); font-size: 16px; font-weight: var(--vkui--font_text--font_weight--regular); margin-bottom: 32px; } .TrialPromoSidebar__root_trial--2hKk0 .TrialPromoSidebar__features--27jEI { border-top: 1px solid var(--vkui--color_image_border_alpha); font-size: 14px; line-height: 18px; padding-top: 24px; } .TrialPromoSidebar__root_trial--2hKk0 .TrialPromoSidebar__features--27jEI li { margin-bottom: 12px; } .TrialPromoSidebar__root_trial--2hKk0 .TrialPromoSidebar__feature--LAPrt { margin-left: 9px; } .TrialPromoSidebar__tariffInfo--5nXKu { color: var(--vkui--color_text_primary_invariably); } .TrialPromoSidebar__header--3vcnu { font-family: var(--font-tt-norms); font-size: 32px; font-weight: 500; line-height: 39px; margin-bottom: 12px; } .TrialPromoSidebar__header--3vcnu span, .TrialPromoSidebar__text--3lIuY { color: var(--vkui--color_text_accent); } .TrialPromoSidebar__text--3lIuY { font-family: var(--vkui--font_title3--font_family--compact); font-size: var(--vkui--font_title3--font_size--compact); font-weight: var(--vkui--font_title3--font_weight--compact); line-height: var(--vkui--font_title3--line_height--compact); margin-bottom: 24px; } .TrialPromoSidebar__features--27jEI { font-family: var(--font-tt-norms); font-size: 17px; font-weight: 400; line-height: 24px; list-style: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/fe35af0d0ebdb7a57b7f.svg"); margin-bottom: 34px; padding-left: 20px; } .TrialPromoSidebar__features--27jEI li { margin-bottom: 10px; } .TrialPromoSidebar__paymentInfo--2dEmj { color: var(--vkui--color_text_secondary); font-size: 9px; line-height: 12px; } .VkBuyModalWithSidebar__root_attachesTrial--3dNfN.modal.ui, .VkBuyModalWithSidebar__root_trial--3AsAP.modal.ui { width: 720px; } .VkBuyModalWithSidebar__root_fastcheckout--3kcy6.modal.ui { background: var(--color-datalist-hover); max-width: 100vw; width: 1184px; } .VkBuyModalWithSidebar__root_fastcheckout--3kcy6.modal.ui .content, .VkBuyModalWithSidebar__root_fastcheckout--3kcy6.modal.ui .header { background: var(--color-datalist-hover); } .VkBuyModalWithSidebar__root_fastcheckout--3kcy6.VkBuyModalWithSidebar__root_midas--3vJMd.modal.ui { background: var(--color-back-white); max-width: 100vw; width: 830px; } .VkBuyModalWithSidebar__root_fastcheckout--3kcy6.VkBuyModalWithSidebar__root_midas--3vJMd.modal.ui .content, .VkBuyModalWithSidebar__root_fastcheckout--3kcy6.VkBuyModalWithSidebar__root_midas--3vJMd.modal.ui .header { background: var(--color-back-white); } .VkBuyModalWithSidebar__header--D8fEZ { font-family: var(--font-tt-norms); font-size: 32px; line-height: 36px; } .VkBuyModalWithSidebar__headerContainer--EXzAc { align-items: center; display: flex; gap: 8px; } .VkBuyModalWithSidebar__content--20l-W { flex-direction: row; width: 100%; } .VkBuyModalWithSidebar__content--20l-W, .VkBuyModalWithSidebar__payment--2mR9S { display: flex; transition: height 0.2s ease-in-out; } .VkBuyModalWithSidebar__payment--2mR9S { flex-direction: column; justify-content: space-between; } .VkBuyModalWithSidebar__dmr--1K6tX { flex-grow: 1; max-height: 100%; overflow: auto; } .VkBuyModalWithSidebar__dmr_mobile--3DtR- { width: 100%; } .VkBuyModalWithSidebar__dmr_padding--AitLJ { padding: 0px 30px; } .VkBuyModalWithSidebar__sidebar--1pSY3 { transition: height 0.2s ease-in-out; } .VkBuyModalWithSidebar__footer--3-nVk { color: var(--vkui--color_text_secondary); font-size: 12px; line-height: 16px; margin-top: 16px; } .VkBuyModalWithSidebar__link--b9KfL { color: var(--vkui--color_text_accent); } .VkBuyModalWithSidebar__root_attachesTrial--3dNfN .VkBuyModalWithSidebar__content--20l-W, .VkBuyModalWithSidebar__root_trial--3AsAP .VkBuyModalWithSidebar__content--20l-W { margin-top: 50px; max-height: 700px; } .VkBuyModalWithSidebar__root_attachesTrial--3dNfN .VkBuyModalWithSidebar__payment--2mR9S, .VkBuyModalWithSidebar__root_trial--3AsAP .VkBuyModalWithSidebar__payment--2mR9S { width: 50%; } .VkBuyModalWithSidebar__root_attachesTrial--3dNfN .VkBuyModalWithSidebar__sidebar--1pSY3, .VkBuyModalWithSidebar__root_trial--3AsAP .VkBuyModalWithSidebar__sidebar--1pSY3 { max-height: 700px; width: 50%; } .VkBuyModalWithSidebar__root_attachesTrial--3dNfN .VkBuyModalWithSidebar__payment--2mR9S { box-sizing: border-box; padding-right: 16px; } .VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__content--20l-W { box-sizing: border-box; margin: 16px 0px 24px; padding: 0px 24px; } .VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__sidebar--1pSY3 { padding-right: 24px; width: auto; } .VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__trialHeader--1grG2 { color: var(--cloud-color_text_default); font-size: 20px; font-weight: 500; line-height: 24px; text-align: center; } .VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__payment--2mR9S { flex-grow: 1; width: auto; } .VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__dmr--1K6tX { border-radius: 16px; } .VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__trialBlock--1M_8I { align-items: center; background: var(--color-skeleton_to); border-radius: 16px; display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-start; margin-bottom: 14px; max-height: 100%; overflow: auto; } .VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__dmrBlock--3upC6 { align-self: center; background-color: var(--cloud--color_background_white); border-radius: 8px; box-sizing: border-box; margin-top: 32px; max-height: 100%; overflow: hidden; padding: 24px; width: 390px; } @media (max-width: 768px) { .VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__dmrBlock--3upC6 { max-width: 100%; } } .VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__dmrBlock--3upC6 .VkBuyModalWithSidebar__dmr--1K6tX { max-height: none; } .VkBuyModalWithSidebar__root_midas--3vJMd .VkBuyModalWithSidebar__content--20l-W { margin: 16px 0px 0px; padding: 0px; } .VkBuyModalWithSidebar__root_midas--3vJMd .VkBuyModalWithSidebar__header--D8fEZ { font-size: var(--vkui--font_title1--font_size--compact); line-height: var(--vkui--font_title1--line_height--compact); } .VkBuyModalWithSidebar__root_midas--3vJMd .VkBuyModalWithSidebar__payment--2mR9S { height: 560px; width: 520px; } @media (max-width: 768px) { .VkBuyModalWithSidebar__root_midas--3vJMd .VkBuyModalWithSidebar__payment--2mR9S { box-sizing: border-box; max-height: 100%; max-width: 100%; } } .VkBuyModalWithSidebar__root_midas--3vJMd .VkBuyModalWithSidebar__payment_mobile--uIBqJ { height: 630px; width: 100%; } .VkBuyModalWithSidebar__root_midas--3vJMd .VkBuyModalWithSidebar__footerBlock--15iTm { background: rgb(243, 243, 245); padding: 16px 24px 20px; } .VkBuyModalWithSidebar__root_midas--3vJMd .VkBuyModalWithSidebar__sidebar--1pSY3 { padding: 0px 0px 0px 20px; } .VkBuyModalWithSidebar__root_midas--3vJMd .VkBuyModalWithSidebar__dmr--1K6tX { border-radius: 0px; margin: 0px; } .VkBuyModalWithSidebar__root_midas_carousel--1J41N.VkBuyModalWithSidebar__root_fastcheckout--3kcy6 { align-items: center; } .VkBuyModalWithSidebar__root_midas_carousel--1J41N.VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__payment--2mR9S { padding: 0px 20px; } .VkBuyModalWithSidebar__root_midas_carousel--1J41N.VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__payment_mobile--uIBqJ { padding: 0px; } .VkBuyModalWithSidebar__root_midas_carousel--1J41N.VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__dmrBlock--3upC6 { align-items: center; background: var(--vkui--color_skeleton_from); border-radius: 16px; display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-start; margin: 0px; max-height: 100%; overflow: auto; padding: 20px 0px; width: 100%; } @media (max-width: 768px) { .VkBuyModalWithSidebar__root_midas_carousel--1J41N.VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__dmrBlock--3upC6 { padding: 0px; } } .VkBuyModalWithSidebar__root_midas_carousel--1J41N.VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__dmr--1K6tX { border-radius: 12px; margin: 0px; } .VkBuyModalWithSidebar__root_midas_carousel--1J41N.VkBuyModalWithSidebar__root_fastcheckout--3kcy6 .VkBuyModalWithSidebar__footerBlock--15iTm { background: var(--cloud--color_background_white); } .PaymentFooter__root--H0xoS { color: var(--vkui--color_text_secondary); font-family: var(--font-tt-norms); font-size: 13px; line-height: 18px; } .PaymentFooter__root_mobile--EjdeU { font-size: 15px; margin: 18px 0px; padding: 0px; position: relative; text-align: center; } .PaymentFooter__inline--3NrvG { display: inline !important; } .DMR__iframe--1yfbT { border: 0px; height: 100%; left: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px; width: 100%; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .DMR__root--2JzF5 { margin-bottom: 16px; position: relative; } @media (max-width: 768px) { .DMR__root--2JzF5 { width: 100%; } } .DMR__content--syhvD, .DMR__frame--2OF2Y { height: 100%; min-height: 320px; overflow: hidden; position: relative; width: auto; } .DMR__content_large--1oZ28 .DMR__content--syhvD, .DMR__content_large--1oZ28 .DMR__frame--2OF2Y { min-height: 570px; width: auto; } @media (min-width: 1024px) { .DMR__content_large--1oZ28 .DMR__content--syhvD, .DMR__content_large--1oZ28 .DMR__frame--2OF2Y { width: 620px; } } @media (max-width: 768px) { .DMR__content_large--1oZ28 .DMR__content--syhvD, .DMR__content_large--1oZ28 .DMR__frame--2OF2Y { box-sizing: border-box; max-width: 100%; } } .DMR__content_larger--oONJh .DMR__content--syhvD, .DMR__content_larger--oONJh .DMR__frame--2OF2Y { min-height: 570px; width: auto; } @media (min-width: 1024px) { .DMR__content_larger--oONJh .DMR__content--syhvD, .DMR__content_larger--oONJh .DMR__frame--2OF2Y { width: 830px; } } @media (max-width: 768px) { .DMR__content_larger--oONJh .DMR__content--syhvD, .DMR__content_larger--oONJh .DMR__frame--2OF2Y { box-sizing: border-box; max-width: 100%; } } .DMR__content_medium--2Dy38 .DMR__content--syhvD, .DMR__content_medium--2Dy38 .DMR__frame--2OF2Y { min-height: 340px; } .DMR__content_trial--3RTaa { box-sizing: border-box; padding: 20px; } .DMR__content_midas--3VJ6n, .DMR__content_midas--3VJ6n .DMR__frame--2OF2Y { width: 520px; } @media (min-width: 1024px) { .DMR__content_midas--3VJ6n .DMR__frame--2OF2Y { width: 520px; } } @media (max-width: 768px) { .DMR__content_midas--3VJ6n .DMR__frame--2OF2Y { box-sizing: border-box; max-width: 100%; } } @media (min-width: 1024px) { .DMR__content_midas--3VJ6n { width: 520px; } } @media (max-width: 768px) { .DMR__content_midas--3VJ6n { box-sizing: border-box; max-width: 100%; } } .DMR__content_midas_mobile--qz2Z3 { width: auto; } .DMR__content_midas_mobile--qz2Z3 .DMR__frame--2OF2Y { width: 100%; } .FeaturesModal__root--B-6o- { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); height: 100%; overflow: auto; padding: 24px 16px; scrollbar-width: none; width: 100%; } .FeaturesModal__root--B-6o-::-webkit-scrollbar { display: none; } .FeaturesModal__title--2wL_S { font-size: 28px; font-weight: 500; line-height: 34px; text-align: left; } .FeaturesModal__list--qmmGH, .FeaturesModal__title--2wL_S { padding: 0px 8px; } .FeaturesModal__list--qmmGH { list-style: none; margin: 0px; } .FeaturesModal__list--qmmGH li { display: flex; font-size: var(--vkui--font_text--font_size--regular); gap: 8px; line-height: 22px; margin-bottom: 14px; } .FeaturesModal__list--qmmGH li:last-child { margin-bottom: 0px; } .FeaturesModal__list--qmmGH li svg { padding-top: 2px; } .FeaturesModal__button--2rQT8.ui.button.primary { -webkit-font-smoothing: antialiased; flex-direction: column; flex-shrink: 0; justify-content: center; line-height: 20px; } .FeaturesModal__caption--vZalq { font-size: var(--vkui--font_subhead--font_size--compact); line-height: var(--vkui--font_subhead--line_height--compact); } .PayInBrowser__root--2Yq2n { box-sizing: border-box; display: flex; flex-direction: column; height: auto; max-height: 630px; overflow: auto; padding: 0px 8px; text-align: center; width: 100%; } .PayInBrowser__title--QaQwA { font-size: 24px; font-weight: 500; line-height: 28px; margin-bottom: 12px; } .PayInBrowser__description--f-H0S, .PayInBrowser__title--QaQwA { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); } .PayInBrowser__description--f-H0S { font-size: 16px; font-weight: 400; line-height: 20px; margin: 0px; } .PayInBrowser__description--f-H0S span { white-space: nowrap; } .PayInBrowser__copyUrl--5NsH3 { background: initial; padding: 24px; } .PayInBrowser__copyUrl--5NsH3, .PayInBrowser__url--2BtJ- { border-radius: 12px; } .PayInBrowser__url--2BtJ- { background: var(--vkui--color_background_secondary); color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 400; line-height: 20px; padding: 10px 12px; } .PayInBrowser__image--3Aa8q { margin: 0px auto; max-width: 100%; } .contentSlider__root--1lqLf { align-items: center; display: flex; height: 36px; justify-content: space-between; } .contentSlider__progress--3iomk { display: flex; flex-direction: row; gap: 16px; } .contentSlider__buttons--3CV4W { display: flex; gap: 8px; } .contentSlider__item--Vzov2 { background-color: var(--vkui--color_background_secondary_alpha); border-radius: 100%; height: 6px; width: 6px; } .contentSlider__itemFocused--jiYYx { background-color: var(--vkui--color_icon_primary); } .contentSlider__button--32FWQ { align-items: center; background: var(--vkui--cloud_color_sidebar_item_background_alpha--active); border-radius: 8px; box-sizing: border-box; color: var(--vkui--color_icon_contrast); cursor: pointer; display: flex; height: 36px; justify-content: center; padding: 8px; width: 36px; } .contentSlider__button--32FWQ:hover { background: var(--vkui--cloud_color_overlay_background--active); } .contentSlider__buttonDisabled--3FBAZ { background-color: var(--vkui--color_background_secondary_alpha); color: var(--vkui--color_icon_secondary_alpha); cursor: default; } .contentSlider__buttonDisabled--3FBAZ:hover { background: var(--vkui--color_background_secondary_alpha); } .aiTariffPromoDialog__root--2TD6V { min-width: 400px; } @media only screen and (max-width: 767px) { .aiTariffPromoDialog__root--2TD6V.ui.large.modal > .content { padding: 0px 32px !important; } } .aiTariffPromoDialog__closeWrapper--3NIbL { background-color: var(--vkui--color_background_secondary_alpha); } .aiTariffPromoDialog__closeWrapper--3NIbL:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .aiTariffPromoDialog__image--2oZwD { flex-shrink: 0; width: auto; } .aiTariffPromoDialog__image--2oZwD, .aiTariffPromoDialog__imageWrapper--2E6Fx { height: 260px; } .aiTariffPromoDialog__text--zHY0j { font-size: 18px; line-height: 24px; width: calc(100% + 10px); } .aiTariffPromoDialog__buttonWrapper--2e_rw { margin: 0px 16px; } .aiTariffPromoDialog__button--e46eR.ui.button { -webkit-font-smoothing: antialiased; } .aiTariffPromoDialog__sliderWrapper--2k8DN { position: absolute; top: 198px; width: 100%; } @media only screen and (max-width: 600px) { .aiTariffPromoDialog__footerClassName--2rdS3 > div { align-items: normal; flex-direction: column; gap: 8px; width: 100%; } } .AutoUploadOnboardingDialog__link--2XO3o, .AutoUploadOnboardingDialog__text--2Hk1o { font-size: 18px; line-height: 24px; } .AutoUploadOnboardingDialog__link--2XO3o, .AutoUploadOnboardingDialog__mobileLink--1pHGb { color: var(--vkui--color_text_link); } .AutoUploadOnboardingDialog__mobileLink--1pHGb { font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); margin: 0px 20px; } .AutoUploadOnboardingDialog__mobileImg--ilp7E { border-top-left-radius: 20px; border-top-right-radius: 20px; height: auto; width: 100%; } .AutoUploadOnboardingDialog__mobileTitle--3vSfW { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); margin: 0px 20px; } .AutoUploadOnboardingDialog__mobileText--1lqvW { font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); margin: 0px 20px; } .AutoUploadOnboardingDialog__buttonWrapper--2r3RA { margin: 0px 16px; } .AutoUploadOnboardingDialog__button--3VY8T.ui.button { -webkit-font-smoothing: antialiased; height: 54px; } .AutoUploadOnboardingFinalDialog__link--L7SwP, .AutoUploadOnboardingFinalDialog__text--35uqt { font-size: 18px; line-height: 24px; } .AutoUploadOnboardingFinalDialog__link--L7SwP, .AutoUploadOnboardingFinalDialog__mobileLink--2b1Ox { color: var(--vkui--color_text_link); } .AutoUploadOnboardingFinalDialog__mobileLink--2b1Ox { font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); margin: 0px 20px; } .AutoUploadOnboardingFinalDialog__mobileImg--2haYf { border-top-left-radius: 20px; border-top-right-radius: 20px; height: auto; width: 100%; } .AutoUploadOnboardingFinalDialog__mobileTitle--9CDDv { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); margin: 0px 20px; } .AutoUploadOnboardingFinalDialog__mobileText--1qi3R { font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); margin: 0px 20px; } .AutoUploadOnboardingFinalDialog__buttonWrapper--1lNX5 { margin: 0px 16px; } .AutoUploadOnboardingFinalDialog__button--komYm.ui.button { -webkit-font-smoothing: antialiased; height: 54px; } .AutouploadSuccessDialog__content--1VzfK { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); } .AutouploadSuccessDialog__text--3zJob { font-size: 18px; line-height: 24px; } .AutouploadSuccessDialog__rootMobile--16cJO { -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); height: 100%; overflow: auto; scrollbar-width: none; width: 100%; } .AutouploadSuccessDialog__rootMobile--16cJO::-webkit-scrollbar { display: none; } .AutouploadSuccessDialog__rootMobile--16cJO .AutouploadSuccessDialog__text--3zJob { font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); padding: 0px 24px; } .AutouploadSuccessDialog__rootMobile--16cJO .AutouploadSuccessDialog__image--1OPl6 { border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; } .AutouploadSuccessDialog__rootMobile--16cJO .AutouploadSuccessDialog__title--2pvsf { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); padding: 0px 24px; } .AutouploadSuccessDialog__rootMobile--16cJO .AutouploadSuccessDialog__buttonWrapper--G12Mb { padding: 0px 16px 16px; } .AutouploadSuccessDialog__content_rebranding--13ZtG .AutouploadSuccessDialog__text--3zJob, .AutouploadSuccessDialog__rootMobile_rebranding--2TrCx .AutouploadSuccessDialog__text--3zJob, .AutouploadSuccessDialog__rootMobile_rebranding--2TrCx .AutouploadSuccessDialog__title--2pvsf { color: var(--vkui--color_text_muted); } .BeautifulAddress__text--3EiJe { color: var(--vkui--color_text_primary); font-size: 18px; font-style: normal; font-weight: 400; line-height: var(--vkui--font_display_title3--line_height--regular); } .BeautifulAddress__textEmail--2tfAU { font-weight: 500; } .CancelAutorenewDialog__root--2Bhzd.modal.ui.small { width: 574px; } .CancelAutorenewDialog__content--NQOBS { margin-top: 12px; } .CancelAutorenewDialog__expires--1A-Cr { margin-bottom: 30px; } .CancelAutorenewDialog__features--3L-YS { display: flex; flex-direction: column; gap: 9px; } .CancelAutorenewDialog__feature--3DPRj { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; } .CancelAutorenewDialog__featureText--3XiFs { color: var(--vkui--color_text_primary); font-size: 15px; line-height: 20px; margin-left: 16px; } .DynamicFakedoorModal__text--3DDUI { font-size: 18px; line-height: 24px; white-space: pre-wrap; } .LitresSuccessDialog__content--26Y33 { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_contrast); font-family: var(--font_family--vk_sans_display); } .LitresSuccessDialog__wscontent--3wIGe.modal.ui > .content { background-color: var(--rebranding_color_background_alternative) !important; } .LitresSuccessDialog__email--2S9rv, .LitresSuccessDialog__text--1Xb2E { font-size: var(--vkui--font_subtitle_custom--font_size); font-weight: var(--vkui--font_subtitle_custom--font_weight); line-height: var(--vkui--font_subtitle_custom--line_height); } .LitresSuccessDialog__image--vtYKE { flex-shrink: 0; height: 216px; width: 356px; } .LitresSuccessDialog__rootMobile--3-HSv { -webkit-font-smoothing: antialiased; background-color: var(--rebranding_color_background_alternative); border-radius: 20px 20px 0px 0px; display: flex; flex-direction: column; font-family: var(--font_family--vk_sans_display); height: 100%; overflow: auto; scrollbar-width: none; width: 100%; } .LitresSuccessDialog__rootMobile--3-HSv::-webkit-scrollbar { display: none; } .LitresSuccessDialog__rootMobile--3-HSv .LitresSuccessDialog__text--1Xb2E { font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--compact); padding: 0px 16px; } .LitresSuccessDialog__rootMobile--3-HSv .LitresSuccessDialog__email--2S9rv, .LitresSuccessDialog__rootMobile--3-HSv .LitresSuccessDialog__text--1Xb2E { color: var(--rebranding--color_text_contrast); font-size: var(--vkui--font_headline1--font_size--regular); } .LitresSuccessDialog__rootMobile--3-HSv .LitresSuccessDialog__email--2S9rv { font-weight: var(--vkui--font_weight_accent1); line-height: var(--vkui--font_headline1--line_height--regular); } .LitresSuccessDialog__rootMobile--3-HSv .LitresSuccessDialog__imageContainer--2wZO4 { display: flex; justify-content: center; margin-top: 22px; width: 100%; } .LitresSuccessDialog__rootMobile--3-HSv .LitresSuccessDialog__image--vtYKE { flex-shrink: 0; height: 196px; width: 314px; } .LitresSuccessDialog__rootMobile--3-HSv .LitresSuccessDialog__title--3xseU { color: var(--rebranding--color_text_contrast); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); padding: 0px 16px; } .LitresSuccessDialog__rootMobile--3-HSv .LitresSuccessDialog__buttonWrapper--2QoXe { padding: 0px 16px 16px; } .LitresSuccessDialog__rootMobile--3-HSv .LitresSuccessDialog__rootMobile_rebranding--32gBZ .LitresSuccessDialog__text--1Xb2E, .LitresSuccessDialog__rootMobile--3-HSv .LitresSuccessDialog__rootMobile_rebranding--32gBZ .LitresSuccessDialog__title--3xseU { color: var(--vkui--color_text_muted); } .FamilySpaceUpsaleTooltip__familySpaceUpsaleTooltip--1qsag { --vkui--cloud_color_background_profile_trash: #333; width: 301px; z-index: 10000; } .FamilySpaceUpsaleTooltip__root--kEAc7 { font-family: var(--vkui--font_family_vksans); padding: 14px 17px 14px 20px; } .FamilySpaceUpsaleTooltip__text--2UrS0 { font-size: 14px; line-height: 22px; } .FamilySpaceUpsaleTooltip__text--2UrS0, .FamilySpaceUpsaleTooltip__title--mRDua { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_contrast); } .FamilySpaceUpsaleTooltip__title--mRDua { font-size: 16px; line-height: 20px; margin-bottom: 4px; } .PartnersFakedoorModal__text--3WWOL { font-size: 18px; line-height: 24px; } .PromocodeDialog__root--12jGF.ui.modal.large { width: 640px; } .PromocodeDialog__root--12jGF.ui.modal > .content { background-color: var(--vkui--color_background_accent); background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/eed5c0673a8da6bc488b.png"); background-position: center top; background-repeat: no-repeat; background-size: 233px auto; padding: 0px; position: relative; } .PromocodeDialog__root--12jGF.ui.modal > .content::before { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/4e78f198ff5b7c865fb4.png") 0% 0% / 100% auto no-repeat; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 97px; } .PromocodeDialog__root--12jGF.ui.modal > .content::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/6d7231a26591276e83fc.png") 0% 0% / 100% auto no-repeat; content: ""; height: 100%; position: absolute; right: 0px; top: 0px; width: 128px; } .PromocodeDialog__content--3rQwe { padding: 0px 60px; position: relative; } .PromocodeDialog__form--2rtHU { display: flex; gap: 8px; justify-content: center; padding: 0px 27px; } .PromocodeDialog__button--2LwRi.ui.button { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background_modal_inverse); flex-shrink: 0; height: 48px; padding-left: 24px; padding-right: 24px; width: auto; } .PromocodeDialog__button--2LwRi.ui.button:hover { background-color: var(--vkui--color_background_modal); } .PromocodeDialog__button--2LwRi.ui.button:active { background-color: rgb(17, 17, 17); } .PromocodeDialog__input--2hcb5.vkuiFormField { background-color: var(--vkui--color_background_contrast); border-radius: 12px; width: 100%; } .PromocodeDialog__input--2hcb5.vkuiFormField .vkuiInput__el { color: var(--vkui--color_text_contrast_themed); font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); padding: 12px 12px 12px 20px; } .PromocodeDialog__input--2hcb5.vkuiFormField .vkuiInput__el::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); } .PromocodeDialog__input--2hcb5.vkuiFormField .vkuiInput__el::placeholder { color: var(--vkui--color_text_secondary); } .PromocodeDialog__inputError--2ag4I.vkuiFormField { background-color: rgb(250, 235, 235); } .PromocodeDialog__inputError--2ag4I.vkuiFormField .vkuiInput__el { color: var(--vkui--color_text_negative); } .PromocodeDialog__inputError--2ag4I.vkuiFormField .vkuiFormField__border { border: .5px solid var(--vkui--color_background_negative); } .PromocodeDialog__description--JqClT { color: var(--vkui--color_text_contrast); font-size: var(--vkui--font_text--font_size--regular); line-height: 22px; text-align: center; } .PromocodeDialog__buttonLink--2uFwl .vkuiButton__content { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_weight_accent3); } .PromocodeDialog__buttonLink--2uFwl.vkuiButton--hover .vkuiButton__content { color: var(--vkui--color_text_secondary_alpha); } .PromocodeDialog__title--2Vo1R { -webkit-font-smoothing: antialiased; font-size: 40px; font-weight: var(--vkui--font_weight_accent1); line-height: 46px; margin: 0px auto; text-align: center; width: fit-content; } .PromocodeDialog__underline--twbLp { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/7f67e4c4da8ee23ee1ab.svg") center bottom / 100% auto no-repeat; padding-bottom: 12px; } .PromocodeDialog__underlineTariff--2bOos { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/c9bdad7d8be7a0f3b3c9.svg") center bottom / 100% auto no-repeat; padding-bottom: 8px; } .PromocodeDialog__conditions--qv1HM { display: flex; gap: 12px; margin: 0px 32px; position: relative; } .PromocodeDialog__condition--2fibL { background-color: var(--vkui--color_background_secondary_alpha); border-radius: 16px; display: flex; gap: 12px; padding: 16px; } .PromocodeDialog__condition--2fibL svg { flex-shrink: 0; } .PromocodeDialog__conditionText--2h2Oy { font-size: var(--vkui--font_caption1_caps--font_size--regular); line-height: var(--vkui--font_caption1_caps--line_height--regular); } .PromocodeDialog__fullConditions--2AWGE { display: block; margin: 0px auto; } .PromocodeDialog__fullConditions--2AWGE .vkuiButton__content { font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_headline2--line_height--compact); } .PromocodeDialog__fullConditions--2AWGE.vkuiButton--hover .vkuiButton__content { color: var(--vkui--color_text_secondary_alpha); } .PromocodeDialog__activated--MvNQ8 { color: var(--vkui--color_text_contrast); font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); text-align: center; } .PromocodeDialog__buttonSubscriptions--1t_kE.ui.button { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background_modal_inverse); font-size: var(--vkui--font_headline1--font_size--compact); margin: 0px auto; padding-left: 16px; padding-right: 16px; width: auto; } .PromocodeDialog__buttonSubscriptions--1t_kE.ui.button:hover { background-color: var(--vkui--color_background_modal); } .PromocodeDialog__buttonSubscriptions--1t_kE.ui.button:active { background-color: rgb(17, 17, 17); } .PromocodeDialog__error--pHgFU { color: var(--vkui--color_text_secondary_alpha); font-size: var(--vkui--font_subhead--font_size--regular); line-height: var(--vkui--font_subhead--line_height--regular); padding: 0px 27px; } .PromocodeDialog__crown--eJ-AU { position: relative; } .PromocodeDialog__crown--eJ-AU::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/1d0eef5b792ce6d741df.svg") 0% 0% / cover no-repeat; content: ""; height: 43px; position: absolute; right: -29px; top: -25px; width: 43px; } .PromocodeDialogMobile__rootMobile--1FKDQ { -webkit-font-smoothing: antialiased; background-attachment: local; background-color: var(--vkui--color_background_accent); background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/b4de473ea92f62613c7e.png"); background-position: center top; background-repeat: no-repeat; background-size: auto 240px; border-radius: 20px 20px 0px 0px; box-sizing: border-box; font-family: var(--font_family--vk_sans_display); height: 100%; overflow: auto; padding: 252.5px 16px 50px; position: relative; scrollbar-width: none; width: 100%; } .PromocodeDialogMobile__rootMobile--1FKDQ::-webkit-scrollbar { display: none; } .PromocodeDialogMobile__rootMobile--1FKDQ::before { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/d1c5b118247e27276d5a.png") 0% 0% / 100% auto no-repeat; content: ""; height: 200px; left: 0px; position: absolute; top: 178px; width: 55px; } .PromocodeDialogMobile__rootMobile--1FKDQ::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/0dce43c110827f103282.png") 0% 0% / 100% auto no-repeat; content: ""; height: 276px; position: absolute; right: 0px; top: 0px; width: 63px; } .PromocodeDialogMobile__input--2cPJ2.vkuiFormField { background-color: var(--vkui--color_background_contrast); border-radius: 16px; width: 100%; } .PromocodeDialogMobile__input--2cPJ2.vkuiFormField .vkuiInput__el { box-sizing: border-box; color: var(--vkui--color_text_contrast_themed); font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_text--font_size--regular); height: 56px; line-height: var(--vkui--font_headline1--line_height--compact); padding: 12px 16px; text-align: center; } .PromocodeDialogMobile__input--2cPJ2.vkuiFormField .vkuiInput__el::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); text-align: center; } .PromocodeDialogMobile__input--2cPJ2.vkuiFormField .vkuiInput__el::placeholder { color: var(--vkui--color_text_secondary); text-align: center; } .PromocodeDialogMobile__inputError--3rKXq.vkuiFormField { background-color: rgb(250, 235, 235); } .PromocodeDialogMobile__inputError--3rKXq.vkuiFormField .vkuiInput__el { color: var(--vkui--color_text_negative); } .PromocodeDialogMobile__inputError--3rKXq.vkuiFormField .vkuiFormField__border { border: .5px solid var(--vkui--color_background_negative); } .PromocodeDialogMobile__error--baLQV { color: var(--vkui--color_text_primary); font-size: var(--vkui--font_subhead--font_size--regular); line-height: var(--vkui--font_subhead--line_height--regular); text-align: center; } .PromocodeDialogMobile__description--3fffG { color: var(--vkui--color_text_contrast); font-size: var(--vkui--font_title3--font_size--regular); line-height: 23px; text-align: center; z-index: 1; } .PromocodeDialogMobile__buttonLink--1pB6Y .vkuiButton__content { font-size: var(--vkui--font_title3--font_size--regular) !important; line-height: 23px !important; } .PromocodeDialogMobile__buttonLink--1pB6Y .vkuiButton__content { font-weight: var(--vkui--font_weight_accent3); } .PromocodeDialogMobile__buttonLink--1pB6Y.vkuiButton--hover .vkuiButton__content { color: var(--vkui--color_text_secondary_alpha); } .PromocodeDialogMobile__activated--1drxX { color: var(--vkui--color_text_contrast); font-size: var(--vkui--font_title3--font_size--regular); line-height: 23px; text-align: center; } .PromocodeDialogMobile__title--3w_l2 { -webkit-font-smoothing: antialiased; font-size: 32px; font-style: normal; font-weight: var(--vkui--font_weight_accent1); line-height: 40px; margin: 0px auto; text-align: center; width: fit-content; z-index: 1; } .PromocodeDialogMobile__crown--1xGiP { position: relative; } .PromocodeDialogMobile__crown--1xGiP::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/1d0eef5b792ce6d741df.svg") 0% 0% / cover no-repeat; content: ""; height: 40px; position: absolute; right: -27px; top: -22px; width: 38px; } .PromocodeDialogMobile__crownLeft--IdJ1i { position: relative; } .PromocodeDialogMobile__crownLeft--IdJ1i::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/1d0eef5b792ce6d741df.svg") 0% 0% / cover no-repeat; content: ""; height: 34px; left: -28px; position: absolute; top: -25px; transform: scaleX(-1); width: 41px; } .PromocodeDialogMobile__underline--30hU_ { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/7f67e4c4da8ee23ee1ab.svg") center bottom / 100% auto no-repeat; padding-bottom: 9px; } .PromocodeDialogMobile__underlineTariff--2eEld { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/quota-landing/promocode/c9bdad7d8be7a0f3b3c9.svg") center bottom / 100% auto no-repeat; padding-bottom: 8px; } .PromocodeDialogMobile__conditions--231Jj { display: flex; flex-direction: column; gap: 12px; } .PromocodeDialogMobile__condition--3-qI3 { background-color: var(--vkui--color_background_secondary_alpha); border-radius: 16px; display: flex; gap: 12px; padding: 16px; } .PromocodeDialogMobile__condition--3-qI3 svg { flex-shrink: 0; } .PromocodeDialogMobile__conditionText--1FlJ8 { font-size: var(--vkui--font_subhead--font_size--regular); line-height: var(--vkui--font_subhead--line_height--regular); } .PromocodeDialogMobile__fullConditions--2t_Ng { display: block; margin: 0px auto; } .PromocodeDialogMobile__fullConditions--2t_Ng .vkuiButton__content { font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_headline2--line_height--compact); padding: 8px 12px; } .PromocodeDialogMobile__fullConditions--2t_Ng.vkuiButton--hover .vkuiButton__content { color: var(--vkui--color_text_secondary_alpha); } .PromocodeDialogMobile__disabled--2_UM8.vkuiButton--active { opacity: 1; } .PromocodeDialogMobile__disabled--2_UM8.vkuiButton--active .vkuiButton__content, .PromocodeDialogMobile__disabled--2_UM8.vkuiButton--hover .vkuiButton__content { color: var(--vkui--color_text_accent_themed); } .TariffPollDialog__root--2Ocfr.modal.ui > .content { font-family: var(--vkui--font_family_accent); } .TariffPollDialog__title--2bdg6 { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); text-align: center; } .TariffPollDialog__buttons--1jdJj { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; } .TariffPollDialog__button--1FLIo.ui.button { font-size: 15px; font-weight: 400; } .TariffPollDialog__otherReason--3343p { display: flex; gap: 12px; justify-content: space-between; min-height: 44px; } .TariffPollDialog__submit--2djum.ui.button.primary { padding: 10px; width: 44px; } .TariffPollDialog__input--1edmc.vkuiFormField { border-radius: 12px; width: 100%; } .TariffPollDialog__input--1edmc.vkuiFormField .vkuiInput__el::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); } .TariffPollDialog__input--1edmc.vkuiFormField .vkuiInput__el::placeholder { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_base); font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); } .TariffPollDialog__input--1edmc.vkuiFormField .vkuiFocusVisible--mode-outline { border-color: var(--vkui--color_stroke_accent); } .TariffPollDialog__image--1VJD8 { display: block; height: 180px; margin: 0px auto -10px; width: 360px; } .TariffPollSuccessDialog__text--1oUxs { font-size: 18px; line-height: 24px; } .UpsaleBonusDialog__text--1x7vG { font-size: 18px; line-height: 24px; } .UpsaleWithTrialDialog__radioGroup--3hW4s { margin-top: 16px; position: relative; } .UpsaleWithTrialDialog__radio--1bvUs { border: 1.5px solid var(--vkui--color_stroke_primary); border-radius: 20px; padding: 12px 24px 12px 14px; } .UpsaleWithTrialDialog__radio--1bvUs > div { position: static; } .UpsaleWithTrialDialog__radio_active--3QT2b { border: 2px solid var(--vkui--color_stroke_accent); } .UpsaleWithTrialDialog__radioDescription--3CN-r { font-size: var(--vkui--font_text--font_size--regular); } .UpsaleWithTrialDialog__saving--2B_6D { background: var(--vkui--color_background_accent); border-radius: 0px 18px 0px 24px; color: var(--vkui--color_text_contrast); padding: 6px 18px 6px 20px; position: absolute; right: -1px; top: -1px; z-index: 1; } .UpsaleWithTrialDialog__crossedOldPrice--19_RQ { color: var(--vkui--color_text_secondary); margin-right: 6px; text-decoration: line-through; } .UpsaleWithTrialDialog__headerTitle--1P1ks { font-size: 18px; font-weight: 500; line-height: 24px; } .UpsaleWithTrialDialog__radioGroup_compact--37eui { margin-top: 8px; } .UpsaleWithTrialDialog__radioGroup_compact--37eui .UpsaleWithTrialDialog__radio--1bvUs { border-radius: 16px; padding: 4px 24px 4px 14px; } .UpsaleWithTrialDialog__radioGroup_compact--37eui .UpsaleWithTrialDialog__radioDescription--3CN-r { font-size: 14px; line-height: 18px; } .UpsaleWithTrialDialog__radioGroup_compact--37eui .UpsaleWithTrialDialog__saving--2B_6D { border-radius: 0px 16px 0px 20px; padding: 4px 14px 4px 16px; right: -1.5px; top: -1.5px; } .UpsaleWithTrialDialog__title_compact--1Y_cA { font-size: 16px; line-height: 20px; } .UpsaleWithTrialDialog__savingText--37y8E { font-size: 12px; line-height: 16px; } .UpsaleWithTrialDialog__root_mobile--6JWip { -webkit-font-smoothing: antialiased; } .UpsaleWithTrialDialog__root_mobile--6JWip .ui.button { border-radius: 12px; } .TBankMobileBlock__root--2hvFm { align-items: center; display: flex; flex-direction: column; justify-content: flex-start; margin-top: -24px; } .TBankMobileBlock__header--g6_bf { font-size: var(--vkui--font_h2--font_size--compact); font-weight: var(--vkui--font_h2--font_weight--regular); line-height: 34px; padding: 0px 24px; text-align: center; } .TBankMobileBlock__subtitle--28vjd { color: var(--vkui--color_text_positive); font-size: var(--vkui--font_title2_custom--font_size--regular); font-weight: var(--vkui--font_display_title4--font_weight--regular); line-height: var(--vkui--font_display_title4--line_height--regular); text-align: center; } .TBankMobileBlock__warningTBank--33AyN { background: var(--vkui--color_background_accent_tint_alpha); border-radius: 12px; color: var(--vkui--color_text_primary); display: flex; font-size: var(--vkui--font_subhead--font_size--compact); font-weight: 400; gap: 12px; line-height: var(--vkui--font_subhead--line_height--compact); padding: 16px 12px; } .SubscriptionFooter__root--iTFj1 { flex-direction: column; gap: 12px; } .SubscriptionFooter__root--iTFj1, .SubscriptionFooter__rootLine--2Tra- { display: flex; justify-content: flex-start; } .SubscriptionFooter__rootLine--2Tra- { flex-direction: row; } .SubscriptionFooter__footerTextInfo--2JeEg { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_paragraph--font_size--regular); font-weight: var(--vkui--font_paragraph--font_weight--regular); line-height: var(--vkui--font_paragraph--line_height--regular); } .SubscriptionFooter__link--1RfWS { align-self: center; padding: 0px 12px; } .SubscriptionFooter__linkText--2mYN0 { font-family: var(--font-tt-norms) !important; } .SubscriptionFooter__button--2zTxH.ui.button { -webkit-font-smoothing: antialiased; font-size: 15px; width: auto; } .SubscriptionFooter__button--2zTxH.ui.button:not(:last-of-type) { margin-right: 16px; } .SubscriptionFooter__button_rebranding--sDSzR.ui.button { background-color: var(--rebranding_theme_color_background_secondary); } .SubscriptionFooter__button_rebranding--sDSzR.ui.button:active, .SubscriptionFooter__button_rebranding--sDSzR.ui.button:focus, .SubscriptionFooter__button_rebranding--sDSzR.ui.button:hover { background-color: var(--rebranding_theme_color_background_secondary--hover); } .SubscriptionInfoBlock__root--3izaV { -webkit-font-smoothing: antialiased; } .SubscriptionInfoBlock__root--3izaV:not(:last-of-type) { margin-bottom: 16px; } .SubscriptionInfoBlock__title--1xEzH { color: var(--vkui--color_text_secondary); font-size: 13px; font-weight: 500; line-height: 18px; margin-bottom: 4px; } .SubscriptionInfoBlock__info--UTD4b { font-size: 15px; line-height: 20px; } .SubscriptionInfoBlock__root_conditions--2ZyyW .SubscriptionInfoBlock__info--UTD4b::first-letter { text-transform: capitalize; } .SubscriptionInfoBlock__root_conditions--2ZyyW .SubscriptionInfoBlock__info--UTD4b > span { background: var(--rebranding_color_lime); border-radius: 90px; color: var(--vkui--cloud_color_sweetgreen); display: inline-flex; font-size: var(--vkui--font_caption1--font_size--regular); font-weight: 500; line-height: var(--vkui--font_caption1--line_height--regular); margin-left: 15px; padding: 6px 10px; vertical-align: middle; } .SubscriptionInfoBlock__root_conditions--2ZyyW .SubscriptionInfoBlock__info--UTD4b > span svg { margin-right: 4px; } .SubscriptionInfoBlock__freemiumTitle--1rMKp, .SubscriptionInfoBlock__root_size_large--23Q3l .SubscriptionInfoBlock__title--1xEzH { font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_headline1--font_weight--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .PersonalDiscountPrice__root--1Sx19 { gap: 12px; } .PersonalDiscountPrice__priceContainer--3wRBP, .PersonalDiscountPrice__root--1Sx19 { align-items: center; display: flex; } .PersonalDiscountPrice__priceContainer--3wRBP { gap: 8px; } .PersonalDiscountPrice__crossedText--2p2VT { stroke-width: 1px; stroke: var(--vkui--color_icon_secondary); color: var(--vkui--color_text_secondary); text-decoration: line-through; } .PersonalDiscountPrice__crossedText--2p2VT, .PersonalDiscountPrice__priceText--3OR5S { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--compact); } .PersonalDiscountPrice__priceText--3OR5S { color: var(--vkui--color_text_primary_invariably); } .PersonalDiscountPrice__discount--2Za9K { background: var(--vkui--color_palette_lime); border-radius: 90px; color: var(--cloud--color_green_accent_themed); display: inline; font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_caption1--font_size--regular); font-weight: var(--vkui--font_weight_accent1); line-height: var(--vkui--font_caption1_caps--line_height--regular); padding: 6px 10px; } .SubscriptionModal__root--q9lGm { color: var(--vkui--color_text_primary); } .SubscriptionModal__header--3HYa8, .SubscriptionModal__root--q9lGm { font-family: var(--font-tt-norms); } .SubscriptionModal__header--3HYa8 { -webkit-font-smoothing: antialiased; font-size: 24px; font-weight: 500; line-height: 28px; } .SubscriptionModal__warning--3f3_E { background-color: var(--vkui--color_background_secondary); color: var(--vkui--color_text_secondary); font-size: 13px; font-weight: 500; line-height: 18px; margin: -8px -32px -32px; padding: 24px 32px; text-align: center; } .SubscriptionModal__warningTBank--KUdZE { background: var(--vkui--color_background_accent_tint_alpha); border-radius: 12px; color: var(--vkui--color_text_primary); display: flex; font-size: var(--vkui--font_subhead--font_size--regular); font-weight: 400; gap: 12px; line-height: var(--vkui--font_subhead--line_height--regular); padding: 16px 12px; } .SubscriptionModal__autoRenewalWarning--1h8o6 { align-items: flex-start; border: 1px solid var(--vkui--color_stroke_negative); border-radius: 12px; display: flex; gap: 8px; padding: 12px; } .SubscriptionModal__autoRenewalWarningIcon--3xyiH { color: var(--vkui--color_stroke_negative); flex-shrink: 0; } .SubscriptionModal__autoRenewalWarningContent--2O2fG { display: flex; flex-direction: column; gap: 12px; } .SubscriptionModal__autoRenewalWarningButton--2E78M.ui.button { background-color: var(--vkui--color_background_contrast_inverse) !important; color: var(--vkui--color_text_contrast) !important; } .SubscriptionModal__autoRenewalWarningButton--2E78M.ui.button { align-self: flex-start; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; height: 32px; line-height: 18px; min-width: 138px; padding: 0px 12px; width: 138px; } .SubscriptionModal__autoRenewalWarningButton--2E78M.ui.button.primary, .SubscriptionModal__autoRenewalWarningButton--2E78M.ui.button:active, .SubscriptionModal__autoRenewalWarningButton--2E78M.ui.button:focus, .SubscriptionModal__autoRenewalWarningButton--2E78M.ui.button:hover { background-color: var(--vkui--color_background_contrast_inverse) !important; color: var(--vkui--color_text_contrast) !important; } .SubscriptionModal__content--1MZtj { -webkit-font-smoothing: antialiased; margin-top: 12px; } .SubscriptionModal__content--1MZtj.SubscriptionModal__withoutFooter--2lwgK { padding-bottom: 21px; } .SubscriptionModal__link--5_bW4 { color: var(--vkui--color_text_link); } .SubscriptionModal__condition--10-MB { color: var(--vkui--color_text_primary); font-size: 15px; line-height: 24px; margin-left: 20px; padding: 0px; } .SubscriptionModal__condition--10-MB::before { background: var(--vkui--color_text_primary); height: 5px; top: 12px; width: 5px; } .SubscriptionModal__noSubsModal--59nxg .SubscriptionModal__text--2tsNP { font-size: 18px; font-weight: 400; line-height: 24px; } .CardNumber__root--2My4p { -webkit-font-smoothing: antialiased; align-items: center; color: var(--vkui--color_text_primary); display: flex; font-family: var(--vkui--font_family_accent); font-size: 15px; font-weight: var(--vkui--font_weight_accent2); line-height: 20px; } .CardNumber__dot--oNejV { background: var(--vkui--color_text_primary); border-radius: 50%; height: 4px; margin-right: 5px; width: 4px; } .CardNumber__dot--oNejV:last-of-type { margin-right: 7px; } .CardNumber__dots--2I468 { display: flex; } .Card__root--1ptj0 { display: flex; flex-direction: row; } .Card__root--1ptj0 .ui.primary.button { color: var(--vkui--color_accent_blue); font-family: var(--vkui--font_family_accent); } .Card__text--3ZRiG { font-family: var(--vkui--font_family_accent); } .Card__changeCard--1F8fP { margin-left: 16px; } .SubscriptionLoader__root--1180q { border-radius: 8px; height: 28px; overflow: hidden; width: 200px; } .SubscriptionLoader__root--1180q .SubscriptionLoader__loader--mU4ty { animation: 1.5s ease-in-out 0.5s infinite normal none running SubscriptionLoader__keyframes-pulse--26LQI; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(52, 52, 52, 0.16) 76.96%), rgb(52, 52, 52); display: flex; flex: 1 1 0%; height: 100%; width: 100%; } @keyframes SubscriptionLoader__keyframes-pulse--26LQI { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .FeaturesList__root--85bDm { list-style: none; margin: 0px; padding: 0px; } .FeaturesList__root_icon--14U9e .FeaturesList__item--18i7U { align-items: flex-start; display: flex; padding: 5px 0px; } .FeaturesList__root_icon--14U9e .FeaturesList__item--18i7U::before { display: none; } .FeaturesList__icon--32-Xb { align-items: center; display: flex; margin-right: 16px; } .FeaturesList__icon_paid--1rYdC { margin-right: 13px; } .FeaturesList__item--18i7U { color: var(--vkui--color_text_primary); font-size: 13px; line-height: 20px; padding: 4px 0px; position: relative; } .FeaturesList__item--18i7U a { border-bottom: 1px solid; color: inherit; text-decoration: none; } .FeaturesList__item--18i7U::before { background: var(--vkui--color_text_secondary); border-radius: 50%; content: ""; height: 4px; left: -15px; position: absolute; top: 50%; transform: translateY(-50%); width: 4px; } .FeaturesList__item_large--MsbjL { font-size: 17px; } .FeaturesList__item_delimiters--3dQsL { height: 80px; margin-bottom: -40px; } .FeaturesList__item_delimiters--3dQsL::after { border-top: 1px solid var(--vkui--color_image_border_alpha); content: ""; height: 2px; left: 0px; position: absolute; top: 16px; width: 98%; } .FeaturesList__root_new--2YmYE .FeaturesList__item--18i7U { align-items: center; display: flex; padding: 12px 0px; } .FeaturesList__root_new--2YmYE .FeaturesList__icon--32-Xb { margin-right: 12px; } .FeaturesList__root_new--2YmYE .FeaturesList__icon_pro--Q9q-w { align-items: center; display: flex; margin-right: 8px; width: auto; } .FeaturesList__root_capsule1--1NXfm .FeaturesList__item--18i7U, .FeaturesList__root_capsule2--35VZg .FeaturesList__item--18i7U { align-items: center; font-size: 15px; font-weight: var(--vkui--font_text--font_weight--regular); padding: 8px 0px; } .FeaturesList__root_capsule1--1NXfm .FeaturesList__icon--32-Xb, .FeaturesList__root_capsule2--35VZg .FeaturesList__icon--32-Xb { line-height: 0; margin-right: 8px; } .FeaturesList__root_capsule2--35VZg .FeaturesList__item--18i7U { align-items: flex-start; } .FeaturesList__root_capsule2--35VZg .FeaturesList__icon--32-Xb { margin-top: 2px; } .FeaturesList__root_pro--2gWE7 .FeaturesList__item--18i7U { align-items: center; display: flex; padding: 2px 0px; } .FeaturesList__root_pro--2gWE7 .FeaturesList__icon--32-Xb { margin-right: 2px; } .FeaturesList__pointerText--386dR { cursor: pointer; } .FeaturesList__root_business--1HS9B { margin-top: 35px; } .FeaturesList__root_business--1HS9B .FeaturesList__item--18i7U { align-items: center; display: flex; line-height: 24px; padding: 11px 0px; font-size: 14px !important; } .FeaturesList__root_business--1HS9B .FeaturesList__icon--32-Xb { margin-right: 8px; } .FeaturesList__icon_action--1AD5v { margin-right: 12px; width: 14px; } .FreemiumFeaturesList__root--ibobS { display: flex; flex-direction: column; gap: 0px; } .FreemiumFeaturesList__item--2mE2f { color: var(--vkui--color_text_primary); display: block; font-size: var(--vkui--font_text--font_size--compact); line-height: 26px; margin-left: 26px; position: relative; } .FreemiumFeaturesList__item--2mE2f::before { background: var(--vkui--color_text_primary); border-radius: 50%; inset: 10px auto auto -14px; content: ""; height: 6px; position: absolute; width: 6px; } .GraceSubscription__root--1nvOI { -webkit-font-smoothing: antialiased; align-self: stretch; border: 1px solid var(--vkui--color_text_negative); border-radius: 12px; display: flex; gap: 8px; margin-top: 8px; padding: 12px 12px 16px; } .GraceSubscription__root--1nvOI svg { color: var(--vkui--color_text_negative); flex-shrink: 0; } .GraceSubscription__root--1nvOI .GraceSubscription__container--1aO5x { align-items: flex-start; display: flex; flex-direction: column; gap: 12px; } .GraceSubscription__root--1nvOI .GraceSubscription__container--1aO5x .GraceSubscription__text--2mp2g { font-size: var(--vkui--font_subhead--font_size--regular); font-weight: var(--vkui--font_subhead--font_weight--regular); line-height: var(--vkui--font_subhead--line_height--regular); } .GraceSubscription__root--1nvOI .GraceSubscription__container--1aO5x .GraceSubscription__button--7SR3r.ui.button { background-color: var(--rebranding_theme_color_background_secondary); font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_headline2--font_weight--regular); line-height: var(--vkui--font_headline2--line_height--compact); width: auto; } .GraceSubscription__root--1nvOI .GraceSubscription__container--1aO5x .GraceSubscription__button--7SR3r.ui.button:active, .GraceSubscription__root--1nvOI .GraceSubscription__container--1aO5x .GraceSubscription__button--7SR3r.ui.button:focus, .GraceSubscription__root--1nvOI .GraceSubscription__container--1aO5x .GraceSubscription__button--7SR3r.ui.button:hover { background-color: var(--rebranding_theme_color_background_secondary--hover); } .GraceSubscription__rootMobile--17Pta { border-radius: 16px; gap: 12px; margin-bottom: 8px; margin-top: 0px; padding: 12px 12px 12px 16px; } .GraceSubscription__rootMobile--17Pta .GraceSubscription__container--1aO5x .GraceSubscription__button--7SR3r.ui.button { height: 30px; padding: 6px 16px; } .MultiSessionFeaturesList__root--_DBCO { display: flex; flex-direction: column; gap: 0px; } .MultiSessionFeaturesList__item--1m117 { color: var(--vkui--color_text_primary); display: block; font-size: var(--vkui--font_text--font_size--compact); line-height: 20px; margin-left: 20px; position: relative; } .MultiSessionFeaturesList__item--1m117::before { background: var(--vkui--color_text_primary); border-radius: 50%; content: ""; height: 4px; left: -15px; position: absolute; top: 50%; transform: translateY(-50%); width: 4px; } .VkMusicRewardInfo__root--Oyok- { -webkit-font-smoothing: antialiased; align-items: flex-start; background: var(--vkui--color_background_accent_tint_alpha); border-radius: 12px; display: flex; gap: 12px; justify-content: flex-start; padding: 12px 12px 16px; } .VkMusicRewardInfo__root--Oyok- svg { color: var(--vkui--color_icon_accent); flex-shrink: 0; } .VkMusicRewardInfo__container--jpZDQ { align-items: flex-start; display: flex; flex-direction: column; gap: 12px; } .VkMusicRewardInfo__text--3rleu { font-size: var(--vkui--font_subhead--font_size--regular); font-weight: var(--vkui--font_subhead--font_weight--regular); line-height: var(--vkui--font_subhead--line_height--regular); text-align: left; } .VkMusicRewardInfo__button--1z50A.ui.button { -webkit-font-smoothing: antialiased; align-items: center; background-color: var(--cloud--color_background-dark-button); display: flex; font-size: var(--vkui--font_text--font_size--compact); justify-content: center; padding: 8px 16px; width: 198px; } .VkMusicRewardInfo__button--1z50A.ui.button:active, .VkMusicRewardInfo__button--1z50A.ui.button:focus { background-color: var(--cloud--color_background-dark-button-active); } .VkMusicRewardInfo__button--1z50A.ui.button:hover { background-color: var(--cloud--color_background-dark-button-hover); } .VkMusicRewardInfo__rootMobile--Kv1Ud { border-radius: 16px; padding: 8px 14px 8px 16px; } .VkMusicRewardInfo__rootMobile--Kv1Ud .VkMusicRewardInfo__text--3rleu { font-size: var(--vkui--font_headline1--font_size--compact); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--compact); } .VkMusicRewardInfo__rootMobile--Kv1Ud .VkMusicRewardInfo__container--jpZDQ { gap: 8px; } .CancelAutoRenewNoAds__content--2z7ua { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); } .CancelAutoRenewNoAds__text--q4pLI { font-size: 18px; font-weight: var(--vkui--font_text--font_weight--regular); line-height: 24px; } .CancelAutoRenewNoAds__rootMobile--NMX6y { -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); height: 100%; overflow: auto; scrollbar-width: none; width: 100%; } .CancelAutoRenewNoAds__rootMobile--NMX6y::-webkit-scrollbar { display: none; } .CancelAutoRenewNoAds__rootMobile--NMX6y .CancelAutoRenewNoAds__text--q4pLI { font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); padding: 0px 24px; } .CancelAutoRenewNoAds__rootMobile--NMX6y .CancelAutoRenewNoAds__image--uNCoa { border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; } .CancelAutoRenewNoAds__rootMobile--NMX6y .CancelAutoRenewNoAds__title--c3SVw { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); padding: 0px 24px; } .CancelAutoRenewNoAds__rootMobile--NMX6y .CancelAutoRenewNoAds__buttonWrapper--3oBXD { padding: 0px 16px 16px; } .AddCardModal__content--wsPP8 { display: flex; flex-direction: column; min-height: 450px; } .AddCardModal__contentMidas--2Za7B { min-height: 600px; } .AddCardModal__header--2P6Ex { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); margin-left: -12px; } .AddCardModal__frame--2wllA { flex-grow: 1; margin: 0px 20px 16px; overflow: hidden; position: relative; width: auto; } .AddCardModal__frameMidas--1hHiF { margin: 0px; } .AddCardModal__midasModal--fMIbQ.ui.modal { width: 520px !important; } .AddCardModal__note--li5vF { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_footnote--font_size--regular); line-height: var(--vkui--font_footnote--line_height--regular); margin: 0px 20px; } .AddCardModal__root--6IdQ9 { display: flex; flex-direction: column; width: 100%; } .AddCardModal__mobileModal--2sk6E.ui.modal { border-radius: 0px; } .AddCardModal__mobileModal--2sk6E.ui.modal .AddCardModal__header--2P6Ex { margin-left: 0px; } .AddCardModal__mobileModal--2sk6E.ui.modal .AddCardModal__note--li5vF { margin: 0px 16px; } .AddCardModal__mobileModal--2sk6E.ui.modal .AddCardModal__frame--2wllA { margin: 0px 16px 16px; } .AddCardModal__mobileModal--2sk6E.ui.modal .AddCardModal__frameMidas--1hHiF { margin: 0px; } .AddCardModal__mobileMidasModal--pBoVL.ui.modal { display: flex !important; } .AddCardModal__mobileMidasModal--pBoVL.ui.modal { flex-direction: column; } .AddCardModal__mobileMidasModal--pBoVL.ui.modal > .header { flex-shrink: 0; } .AddCardModal__mobileMidasModal--pBoVL.ui.modal > .content { display: flex; flex: 1 0 auto; } .AddCardModal__mobileMidasModal--pBoVL.ui.modal .AddCardModal__root--6IdQ9 { flex: 1 1 0%; } .AiSetFakedoorModal__text--32x7Z { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--compact); line-height: var(--vkui--font_text--line_height--compact); } .AiSetFakedoorModal__items--1vvTx { display: flex; flex-direction: column; gap: 12px; } .AiSetFakedoorModal__item--38YI5 { display: flex; gap: 8px; } .AiSetFakedoorModal__item--38YI5 > svg { flex-shrink: 0; } .AiSetFakedoorModal__closeIcon--V0wrA { color: var(--vkui--color_icon_secondary); } .MobileDialog__root--1PQAV { text-align: center; width: 100%; } .MobileDialog__root--1PQAV .MobileDialog__cover--3yVUd { align-items: center; display: flex; justify-content: center; padding: 55px 0px 20px; } .MobileDialog__root--1PQAV .MobileDialog__title--3kHIo { color: var(--vkui--color_text_primary); font-size: 20px; font-weight: 500; line-height: 24px; padding: 10px; } .MobileDialog__root--1PQAV .MobileDialog__content--NlMIi { font-size: 16px; padding: 10px 10px 20px; } .MobileDialog__root--1PQAV .MobileDialog__button--1WEVS { padding: 10px; } .MustAttachPhoneDialog__content--3y8rE { padding-top: 284px; } .MustAttachPhoneDialog__imageWrapper--2JyBM { height: 260px; } .MustAttachPhoneDialog__image--2G1Wn { height: 222px; margin-top: auto; width: 326px; } .MustAttachPhoneDialog__text--2_wqD { font-family: var(--font-tt-norms); font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); margin-bottom: 24px; margin-top: 12px; } .BeforePurchaseModal__dialog--U53jw.modal.ui > .closeIcon { right: 12px; top: 12px; } .BeforePurchaseModal__content--RTEDm { font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); } .BeforeRenewModal__dialog--2gbDi.modal.ui > .closeIcon { right: 12px; top: 12px; } .BeforeRenewModal__dialog--2gbDi.modal.ui > .header { margin-right: 0px; } .BeforeRenewModal__title--2UmuA { font-size: var(--vkui--font_title3_custom--font_weight--regular); font-weight: var(--vkui--font_h1--line_height--regular); line-height: var(--vkui--font_h1--line_height--regular); } .BeforeRenewModal__content--14Nyy { font-size: var(--vkui--font_title3_custom--font_size--regular); font-weight: var(--vkui--font_title3_custom--font_weight--regular); line-height: var(--vkui--font_title3_custom--line_height--regular); } .CancelAutoRenew10TbModal__content--1Rq9c { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); } .CancelAutoRenew10TbModal__text--2fm0K { font-size: 18px; font-weight: var(--vkui--font_text--font_weight--regular); line-height: 24px; } .CancelAutoRenew10TbModal__rootMobile--11oG0 { -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); height: 100%; overflow: auto; scrollbar-width: none; width: 100%; } .CancelAutoRenew10TbModal__rootMobile--11oG0::-webkit-scrollbar { display: none; } .CancelAutoRenew10TbModal__rootMobile--11oG0 .CancelAutoRenew10TbModal__text--2fm0K { font-size: var(--vkui--font_headline1--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); padding: 0px 24px; } .CancelAutoRenew10TbModal__rootMobile--11oG0 .CancelAutoRenew10TbModal__image--1iF5x { border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; } .CancelAutoRenew10TbModal__rootMobile--11oG0 .CancelAutoRenew10TbModal__title--2u5OD { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); padding: 0px 24px; } .CancelAutoRenew10TbModal__rootMobile--11oG0 .CancelAutoRenew10TbModal__buttonWrapper--wvzpi { padding: 0px 16px 16px; } .CancelAutoRenewAutouploadModal__text--2XPVx { font-size: 18px; line-height: 24px; } .CancelAutoRenewAutouploadModal__mobileImg--1mthH { border-top-left-radius: 20px; border-top-right-radius: 20px; height: auto; width: 100%; } .CancelAutoRenewAutouploadModal__mobileTitle--1qHLi { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); margin: 0px 20px; } .CancelAutoRenewAutouploadModal__mobileText--2NjJ1 { font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); margin: 0px 20px; } .CancelAutoRenewAutouploadModal__buttonWrapper--3w-Xm { margin: 0px 16px; } .CancelAutoRenewAutouploadModal__button--2XpRZ.ui.button { -webkit-font-smoothing: antialiased; } .CancelAutorenewErrorModal__card--14VAd { padding: 24px 0px 32px; width: 476px; } .CancelAutorenewErrorModal__card--14VAd .CancelAutorenewErrorModal__text--2bZ1h { font-size: 18px; font-weight: 400; line-height: 24px; } .CancelAutoRenewFamilyModal__text--1Wpy7 { font-size: 18px; line-height: 24px; } .CancelAutoRenewFamilyModal__rootMobile--3IIBg { -webkit-font-smoothing: antialiased; } .CancelAutoRenewFamilyModal__rootMobile--3IIBg .CancelAutoRenewFamilyModal__image--2MN9m { border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; } .CancelAutoRenewFamilyModal__rootMobile--3IIBg .CancelAutoRenewFamilyModal__text--1Wpy7 { font-size: var(--vkui--font_title3_custom--font_size--regular); font-weight: var(--vkui--font_title2_custom--font_weight--compact); line-height: var(--vkui--font_title3_custom--line_height--regular); } .CancelAutoRenewFamilyModal__rootMobile--3IIBg .CancelAutoRenewFamilyModal__content--2ZA7R { padding: 24px; } .CancelAutoRenewFamilyModal__rootMobile--3IIBg .CancelAutoRenewFamilyModal__buttonWrapper--3pAvX { padding: 0px 16px 16px; } .CancelAutoRenewFamilyModal__rootMobile--3IIBg .CancelAutoRenewFamilyModal__buttonWrapper--3pAvX .ui.button { -webkit-font-smoothing: antialiased; } .CancelSubscriptionWithCaptchaModal__dialog--Kgxfb.ui.modal > .actions { padding: 40px 52px 32px !important; } .CancelSubscriptionWithCaptchaModal__dialog_new--3J73P.ui.modal > .actions { padding: 40px 32px 32px !important; } .CancelSubscriptionWithCaptchaModal__dialog--Kgxfb.CancelSubscriptionWithCaptchaModal__enableScroll--2UvJc { overflow: auto; } .CancelSubscriptionWithCaptchaModal__content--ZxA51 { -webkit-font-smoothing: antialiased; align-items: center; color: var(--vkui--color_text_primary); display: flex; flex-direction: column; padding: 0px 20px; text-align: center; } .CancelSubscriptionWithCaptchaModal__content_new--1oDNV { align-items: start; padding: 0px; } .CancelSubscriptionWithCaptchaModal__content_phone--1G8mB { padding: 24px 0px 12px; } .CancelSubscriptionWithCaptchaModal__content--ZxA51 h1 { font-family: var(--vkui--font_family_accent); } .CancelSubscriptionWithCaptchaModal__captchaBlock--2dFto { border: 1px solid var(--vkui--color_separator_primary); border-radius: 12px; box-sizing: border-box; display: flex; height: 100px; padding: 12px; width: 100%; } .CancelSubscriptionWithCaptchaModal__captcha--19tZQ { margin: auto; object-fit: contain; } .CancelSubscriptionWithCaptchaModal__link--1dyu3.ui.button.basic { color: var(--vkui--color_text_accent) !important; } .CancelSubscriptionWithCaptchaModal__input--3-sCI { width: 100%; } .CancelSubscriptionWithCaptchaModal__input--3-sCI .ui.input > input { border-radius: 12px !important; } .CancelSubscriptionWithCaptchaModal__input--3-sCI .ui.input > input { background-color: var(--vkui--color_skeleton_from); border-color: var(--vkui--color_separator_primary); color: var(--vkui--color_text_primary); } .CancelSubscriptionWithCaptchaModal__input--3-sCI .ui.input > input:focus { background-color: var(--vkui--color_skeleton_from); border-color: var(--vkui--color_separator_primary--active); color: var(--vkui--color_text_primary); } .CancelSubscriptionWithCaptchaModal__content_rebrandingQuotaLanding--3IRNf h1 { color: var(--vkui--color_text_contrast); font-family: var(--font_family--vk_sans_display); font-size: 24px; font-weight: 500; line-height: 28px; } .CancelSubscriptionWithCaptchaModal__content_rebrandingQuotaLanding--3IRNf .vkuiText { color: var(--vkui--color_text_contrast); font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 400; line-height: 20px; } .CancelSubscriptionWithCaptchaModal__content_rebrandingQuotaLanding--3IRNf .CancelSubscriptionWithCaptchaModal__captchaBlock--2dFto { background: rgb(255, 255, 255); border: initial; } .CancelSubscriptionWithCaptchaModal__content_rebrandingQuotaLanding--3IRNf .CancelSubscriptionWithCaptchaModal__link--1dyu3.ui.button.basic { color: var(--vkui--color_text_accent) !important; } .CancelSubscriptionWithCaptchaModal__content_rebrandingQuotaLanding--3IRNf .CancelSubscriptionWithCaptchaModal__link--1dyu3.ui.button.basic { font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 400; line-height: 20px; } .CancelSubscriptionWithCaptchaModal__content_rebrandingQuotaLanding--3IRNf .CancelSubscriptionWithCaptchaModal__input--3-sCI .ui.input > input { border-radius: 12px !important; } .CancelSubscriptionWithCaptchaModal__content_rebrandingQuotaLanding--3IRNf .CancelSubscriptionWithCaptchaModal__input--3-sCI .ui.input > input { background: var(--vkui--color_background_field); border: .5px solid var(--vkui--color_stroke_field_border_alpha); color: var(--vkui--color_text_primary_invariably); font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 400; line-height: 20px; } .CancelSubscriptionWithCaptchaModal__content_rebranding--2Q7s4 h1 { font-family: var(--font-tt-norms); } .CancelSubscriptionWithCaptchaModal__content_rebranding--2Q7s4 .vkuiText { font-family: var(--font-tt-norms); } .CancelSubscriptionWithCaptchaModal__content_rebranding--2Q7s4 .CancelSubscriptionWithCaptchaModal__link--1dyu3.ui.button.basic { font-family: var(--font-tt-norms); } .CancelSubscriptionWithCaptchaModal__content_rebranding--2Q7s4 .CancelSubscriptionWithCaptchaModal__captchaBlock--2dFto { background-color: rgb(255, 255, 255); } .CancelSubscriptionWithCaptchaModal__content_rebranding--2Q7s4 .CancelSubscriptionWithCaptchaModal__input--3-sCI { width: 100%; } .CancelSubscriptionWithCaptchaModal__content_rebranding--2Q7s4 .CancelSubscriptionWithCaptchaModal__input--3-sCI .ui.input > input { background-color: var(--vkui--color_background_input); border-color: var(--rebranding_dark_theme_color_stroke_field_border_alpha); color: var(--vkui--color_text_primary_invariably); } .ConfirmEmailMobile__root--19P8v { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: 14px; line-height: 18px; width: 100%; } .ConfirmEmailMobile__rootNoLA--29zBw .ConfirmEmailMobile__text--2uvKo, .ConfirmEmailMobile__rootNoLA--29zBw .ConfirmEmailMobile__textCustom--3SSG3 { margin-bottom: 24px; } .ConfirmEmailMobile__title--2hkCa { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title2--font_size--regular); font-weight: var(--vkui--font_title2--font_weight--regular); line-height: var(--vkui--font_title2--line_height--regular); margin-bottom: 12px; } .ConfirmEmailMobile__text--2uvKo { margin: 8px 0px; } .ConfirmEmailMobile__textCustom--3SSG3 { font-size: 16px; line-height: 24px; margin-top: 0px; } .ConfirmEmailMobile__licenseBlock--33oDJ { margin-bottom: 24px; } .ConfirmEmailMobile__licenseBlock--33oDJ a { color: var(--vkui--color_text_accent); } .ConfirmEmailMobile__input--2l7tj .ui.fluid.input { box-sizing: border-box; height: 44px; } .ConfirmEmailMobile__input--2l7tj .ui.fluid.input input { border-color: var(--vkui--color_separator_primary); border-radius: 12px; box-sizing: border-box; font-family: var(--vkui--font_family_accent); font-size: 16px; height: 44px; padding: 10px 12px; } .ConfirmEmailMobile__input--2l7tj .ui.fluid.input input::selection { background: var(--vkui--color_background_accent_tint_alpha); } .ConfirmEmailMobile__input--2l7tj .ui.fluid.input input::-webkit-input-placeholder { font-family: var(--vkui--font_family_accent); font-size: 16px; } .ConfirmEmailMobile__input--2l7tj .ui.fluid.input input::placeholder { font-family: var(--vkui--font_family_accent); font-size: 16px; } .ConfirmEmailMobile__button--3e1bK { -webkit-font-smoothing: antialiased; margin-top: 16px; } .Step__step--14t6B { align-items: center; display: flex; flex-direction: column; flex-grow: 1; justify-content: center; } @media (max-width: 768px) { .Step__step--14t6B { flex-grow: 0; } } .Step__icon--3S7_u { margin-bottom: 53px; } .Step__text--6nXQ4, .Step__title--urhZy { -webkit-font-smoothing: antialiased; } .Step__title--urhZy { font-family: var(--vkui--font_h1--font_family--regular); font-size: 32px; font-weight: var(--vkui--font_h1--font_weight--regular); line-height: var(--vkui--font_h1--line_height--regular); margin-bottom: 20px; text-align: center; } @media (max-width: 768px) { .Step__title--urhZy { font-size: var(--vkui--font_h2--font_size--compact); line-height: var(--vkui--font_h2--line_height--compact); } } .Step__text--6nXQ4 { font-family: var(--vkui--font_title3_custom--font_family--regular); font-size: var(--vkui--font_title3_custom--font_size--regular); line-height: var(--vkui--font_title3_custom--line-height--regular); margin-bottom: 40px; max-width: 600px; text-align: center; } @media (max-width: 768px) { .Step__text--6nXQ4 { font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_text--line_height--regular); } } .Step__control--2CyN8 { display: flex; flex-direction: row; gap: 12px; } @media (max-width: 768px) { .Step__control--2CyN8 { flex-direction: column; max-width: 350px; width: 100%; } } .Step__input--3c_8n { -webkit-font-smoothing: antialiased; background-color: var(--vkui--cloud_color_background_fast_scroll); border: 1px solid var(--vkui--color_field_border_alpha); border-radius: 12px; box-sizing: border-box; color: var(--vkui--color_text_primary); font-size: 15px; height: 44px; line-height: 20px; outline: none; padding: 0px 38px 0px 16px; width: 335px; } @media (max-width: 768px) { .Step__input--3c_8n { width: 100%; } } .Step__input--3c_8n::-webkit-input-placeholder { color: var(--vkui--color_text_secondary); } .Step__input--3c_8n::placeholder { color: var(--vkui--color_text_secondary); } .Step__input--3c_8n:active, .Step__input--3c_8n:focus { border: 1px solid var(--vkui--color_field_border_alpha--active); box-shadow: none; color: var(--vkui--color_text_primary); } .Step__iconClear--1WyyE { color: var(--vkui--color_field_border_alpha); cursor: pointer; height: 16px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); } .Step__iconClear--1WyyE svg { fill: currentcolor; } .Step__inputWrap--2DVTe { position: relative; } .Step__inputError--1_z2T { border: 1px solid var(--vkui--color_text_negative); color: var(--vkui--color_text_negative); } .Step__inputError--1_z2T:active, .Step__inputError--1_z2T:focus { border: 1px solid var(--vkui--color_text_negative--active); } .Step__error--1ZMHu { color: var(--vkui--color_text_negative); font-size: 13px; height: 20px; line-height: 20px; margin-top: 8px; } .Step__email--2kA0Z { font-weight: 700; } .Step__button--1MwLS { min-width: 134px; } .Step__step--14t6B .Step__control--2CyN8 .Step__button--1MwLS { -webkit-font-smoothing: antialiased; border-radius: 12px; font-family: var(--vkui--font_headline--font_family--regular); font-size: var(--vkui--font_headline1--font_size--compact); line-height: var(--vkui--font_headline1--line_height--compact); font-weight: 400 !important; } .Step__step--14t6B .Step__control--2CyN8 .Step__button--1MwLS.Step__buttonContrast--2ku-_ { border-radius: 12px; padding-left: 24px; padding-right: 24px; } .Step__step--14t6B .Step__control--2CyN8 .Step__button--1MwLS.Step__buttonContrast--2ku-_.ui.button { background-color: var(--vkui--color_background); } .Step__step--14t6B .Step__control--2CyN8 .Step__button--1MwLS.Step__buttonContrast--2ku-_.ui.button:hover { background-color: var(--vkui--color_background--hover); } .Step__step--14t6B .Step__control--2CyN8 .Step__button--1MwLS.Step__buttonContrast--2ku-_.ui.button:active { background-color: var(--vkui--color_background--active); } .Step__step--14t6B .Step__control--2CyN8 .Step__button--1MwLS.Step__buttonContrast--2ku-_.Step__dialog--1rpi_.ui.button { background-color: var(--vkui--cloud_color_header_icon_background_alpha); } .Step__step--14t6B .Step__control--2CyN8 .Step__button--1MwLS.Step__buttonContrast--2ku-_.Step__dialog--1rpi_.ui.button:hover { background-color: var(--vkui--cloud_color_header_icon_background_alpha--hover); } .Step__step--14t6B .Step__control--2CyN8 .Step__button--1MwLS.Step__buttonContrast--2ku-_.Step__dialog--1rpi_.ui.button:active { background-color: var(--vkui--cloud_color_header_icon_background_alpha--active); } .ConfirmEmail__root--2hjpV { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; justify-content: center; min-height: 650px; padding-bottom: 20px; } .vkui--cloud--dark.rebranding .ConfirmEmail__screen--CrUk7 { background-color: var(--rebranding_theme_color_background_secondary); } .ConfirmEmail__dialog--3_Uqt { margin-top: 70px; padding-bottom: 20px; } .ConfirmEmail__root--2hjpV.ConfirmEmail__dialog--3_Uqt { min-height: auto; } .ConfirmEmail__licenseBlock--jhBFV { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_secondary); font-size: 12px; line-height: 16px; margin-top: 50px; max-width: 475px; text-align: center; } .ConfirmEmail__licenseBlock--jhBFV a { color: var(--vkui--color_text_accent); text-decoration: none; } @media (max-width: 768px) { .ConfirmEmail__licenseBlock--jhBFV { margin-top: 12px; max-width: 320px; } } .ConfirmEmail__finalDialog--2QYDw { margin-top: 98px; } .ConfirmEmail__finalDialog--2QYDw .ConfirmEmail__licenseBlock--jhBFV { margin-top: 78px; } .ConfirmEmail__mobileDialogScrollableContent--1PML5 { min-height: 500px; overflow: auto; } .VkMusicErrorModal__root--1JIK6.modal.ui { width: 540px; } .VkMusicErrorModal__imageWrapper--1aubm { height: 240px; } .VkMusicErrorModal__imageWrapper--1aubm .VkMusicErrorModal__image--2U8jx { pointer-events: none; } .VkMusicErrorModal__contentText--28ixo { font-size: 18px; line-height: 24px; } .VkMusicErrorModal__content--2ckhn { padding-top: 264px; } .CrossPromoVkMusicFakedoorModal__text--21BZM { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_text--font_size--compact); line-height: var(--vkui--font_text--line_height--compact); } .CrossPromoVkMusicFakedoorModal__closeIconDark--16bQ2 { color: rgba(255, 255, 255, 0.48); } .CrossPromoVkMusicFakedoorModal__closeIconLight--11p8j { color: rgb(231, 232, 234); } .CrossPromoVkMusicFakedoorModalThanks__text--3cf9v { font-size: var(--vkui--font_text--font_size--compact); line-height: var(--vkui--font_text--line_height--compact); } .CrossPromoVkMusicFakedoorModalThanks__caption--Qs-gO, .CrossPromoVkMusicFakedoorModalThanks__text--3cf9v { -webkit-font-smoothing: antialiased; } .CrossPromoVkMusicFakedoorModalThanks__caption--Qs-gO { color: rgb(135, 137, 143); font-size: 10.592px; line-height: 13.481px; } .CrossPromoVkMusicFakedoorModalThanks__link--2q9Ov { color: var(--vkui--color_text_link); } .CrossPromoVkMusicFakedoorModalThanks__closeIconDark--3JKRG { color: rgba(255, 255, 255, 0.48); } .CrossPromoVkMusicSeveralSubscriptions__text--2w2Pw { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_text--font_size--compact); line-height: var(--vkui--font_text--line_height--compact); } .CrossPromoVkMusicSeveralSubscriptions__closeIconLight--2a2HL { color: rgb(231, 232, 234); } .DiscountInOutflowModal__image--3c_Gt { bottom: 0px; flex-shrink: 0; height: auto; position: absolute; right: 0px; width: 165px; } .DiscountInOutflowModal__imageWrapper--1zwYu { background-color: var(--rebranding_color_background_alternative) !important; } .DiscountInOutflowModal__imageinfo--3JtZh { background: var(--promo--dark_background_dark); border-radius: 24px; display: flex; flex-direction: column; justify-content: center; padding: 10px; position: relative; user-select: none; } .DiscountInOutflowModal__imageinfo--3JtZh .DiscountInOutflowModal__decoration--3eqVj { left: -25px; position: absolute; top: -18px; } .DiscountInOutflowModal__imageinfo--3JtZh .DiscountInOutflowModal__discountInfo--1kRKZ { align-items: center; background: var(--vkui--color_palette_lime); border-radius: 16px; color: var(--cloud--color_green_accent_themed); display: flex; flex-shrink: 0; gap: 4px; height: 34px; justify-content: center; padding: 5px 12px; position: absolute; right: -18px; top: -22px; transform: rotate(6.381deg); } .DiscountInOutflowModal__imageinfo--3JtZh .DiscountInOutflowModal__discountInfo--1kRKZ .DiscountInOutflowModal__discountInfoText--LfgTj { font-family: var(--vkui--font_family_accent); font-size: 17px; font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); margin-top: 2px; } .DiscountInOutflowModal__imageinfo--3JtZh .DiscountInOutflowModal__priceContainer--wSgUA { display: flex; flex-direction: column; margin-left: 11px; margin-right: 11px; } .DiscountInOutflowModal__imageinfo--3JtZh .DiscountInOutflowModal__priceContainer--wSgUA .DiscountInOutflowModal__priceText--UbwyA { align-items: baseline; color: var(--promo--text_contrast); display: inline-flex; font-family: var(--vkui--font_family_accent); line-height: var(--vkui--font_display_title1--line_height--regular); } .DiscountInOutflowModal__imageinfo--3JtZh .DiscountInOutflowModal__priceContainer--wSgUA .DiscountInOutflowModal__priceText--UbwyA .DiscountInOutflowModal__price--2ApFu { font-size: 40px; font-weight: var(--vkui--font_title3--font_weight--regular); } .DiscountInOutflowModal__imageinfo--3JtZh .DiscountInOutflowModal__priceContainer--wSgUA .DiscountInOutflowModal__priceText--UbwyA .DiscountInOutflowModal__period--1GNUB { font-size: 25px; font-weight: 600; } .DiscountInOutflowModal__imageinfo--3JtZh .DiscountInOutflowModal__priceContainer--wSgUA .DiscountInOutflowModal__oldPriceText--32paM { color: var(--promo--text_secondary); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_display_title1--line_height--regular); margin-top: 2px; } .DiscountInOutflowModal__content--offeF { display: flex; flex-direction: column; } .DiscountInOutflowModal__content--offeF .DiscountInOutflowModal__text--2OwBi { font-size: var(--vkui--font_title3_custom--font_size--regular); font-weight: var(--vkui--font_title3_custom--font_weight--regular); line-height: var(--vkui--font_title3_custom--line_height--regular); } .DiscountInOutflowModal__image-new-outflow--2Gigz { border-radius: 0px; display: block; height: auto; position: static; width: 100%; } .DiscountInOutflowModal__text-new-outflow--2qudg { font-family: var(--font-tt-norms); font-size: 18px; font-weight: 400; line-height: 24px; } .DiscountInOutflowModal__rootMobile--1hv4I { -webkit-font-smoothing: antialiased; } .DiscountInOutflowModal__rootMobile--1hv4I .DiscountInOutflowModal__imageContainer--dgaOZ { align-items: center; background: var(--rebranding_color_background_alternative); display: flex; height: 260px; justify-content: center; position: relative; } .DiscountInOutflowModal__rootMobile--1hv4I .DiscountInOutflowModal__imageinfo--3JtZh .DiscountInOutflowModal__priceContainer--wSgUA .DiscountInOutflowModal__priceText--UbwyA .DiscountInOutflowModal__price--2ApFu { font-size: 40px; font-weight: var(--vkui--font_title3--font_weight--regular); line-height: 28px; } .DiscountInOutflowModal__rootMobile--1hv4I .DiscountInOutflowModal__imageinfo--3JtZh .DiscountInOutflowModal__priceContainer--wSgUA .DiscountInOutflowModal__priceText--UbwyA .DiscountInOutflowModal__period--1GNUB { font-size: 25px; font-weight: 600; line-height: 28px; } .DiscountInOutflowModal__rootMobile--1hv4I .DiscountInOutflowModal__imageinfo--3JtZh .DiscountInOutflowModal__priceContainer--wSgUA .DiscountInOutflowModal__oldPriceText--32paM { line-height: 28px; margin-top: 2px; } .DiscountInOutflowModal__rootMobile--1hv4I .DiscountInOutflowModal__image--3c_Gt { border-top-left-radius: 20px; border-top-right-radius: 20px; bottom: 0px; position: absolute; width: 146px; } .DiscountInOutflowModal__rootMobile--1hv4I .DiscountInOutflowModal__text--2OwBi { font-size: var(--vkui--font_headline1--font_size--compact); font-weight: var(--vkui--font_title2_custom--font_weight--compact); line-height: var(--vkui--font_headline1--line_height--compact); } .DiscountInOutflowModal__rootMobile--1hv4I .DiscountInOutflowModal__content--offeF { padding: 10px 24px 24px; } .DiscountInOutflowModal__rootMobile--1hv4I .DiscountInOutflowModal__buttonWrapper--2VsPL { padding: 0px 16px 16px; } .DiscountInOutflowModal__rootMobile--1hv4I .DiscountInOutflowModal__buttonWrapper--2VsPL .ui.button { -webkit-font-smoothing: antialiased; } .DiscountInOutflowModal__rootMobile--1hv4I .DiscountInOutflowModal__image-container-new-outflow--2Wsdt { background: var(--promo--dark_background_dark); height: auto; } .DiscountInOutflowModal__rootMobile--1hv4I .DiscountInOutflowModal__content-new-outflow--2e213 { padding: 24px 16px; } .DiscountInOutflowModal__rootMobile--1hv4I .DiscountInOutflowModal__title-new-outflow--3dqaP { font-family: var(--font-tt-norms); } .OverquotaInfoBlock__quota--2I6Ka { -webkit-font-smoothing: antialiased; align-items: flex-start; background: var(--cloud--color_background_file_presentation); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 20px; box-sizing: border-box; display: flex; flex-direction: column; gap: 8px; height: 102px; margin-top: 12px; padding: 24px 24px 20px; position: relative; width: 300px; } .OverquotaInfoBlock__quotaIcon--2mjq1 { align-items: center; background: var(--vkui--color_text_negative); border-radius: 100%; color: var(--rebranding--color_icon_contrast); display: flex; height: 34px; justify-content: center; position: absolute; right: 24px; top: -14px; width: 34px; } .OverquotaInfoBlock__quotaTitle--1N6p8 { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_headline1--font_weight--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .OverquotaInfoBlock__quotaSeparator--1LpG9 { background: var(--vkui--color_stroke_negative); border-radius: 100px; flex-shrink: 0; height: 4px; position: relative; width: 100%; } .OverquotaInfoBlock__quotaText--39Q-i { color: var(--vkui--color_stroke_negative); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_subhead--font_size--compact); font-weight: var(--vkui--font_subhead--font_weight--compact); line-height: var(--vkui--font_subhead--line_height--compact); } .DiscountOnRemoveModal__root--12KMZ { -webkit-font-smoothing: antialiased; width: 540px !important; } .DiscountOnRemoveModal__root--12KMZ button.button.ui { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_headline1--font_size--compact); font-weight: var(--vkui--font_headline1--font_weight--regular); height: 36px; line-height: var(--vkui--font_headline1--line_height--compact); padding: 8px 16px; } .DiscountOnRemoveModal__text--2cwkX { font-size: var(--vkui--font_title3--font_size--compact); line-height: var(--vkui--font_title3--line_height--compact); margin-bottom: 24px; margin-top: 12px; } .DiscountOnRemoveModal__info--2ippy { margin-left: 43px; margin-top: 56px; position: relative; } .DiscountOnRemoveModal__info--2ippy .DiscountOnRemoveModal__imageinfo--3UVHi { left: 35px; position: absolute; top: -83px; z-index: 1; } .DiscountOnRemoveModal__info--2ippy .DiscountOnRemoveModal__infoContainer--295dj { align-items: flex-end; display: flex; flex-direction: row; } .DiscountOnRemoveModal__info--2ippy .DiscountOnRemoveModal__infoContainer--295dj .DiscountOnRemoveModal__arrowBlock--1euhQ { display: flex; position: relative; } .DiscountOnRemoveModal__info--2ippy .DiscountOnRemoveModal__infoContainer--295dj .DiscountOnRemoveModal__arrowBlock--1euhQ .DiscountOnRemoveModal__discountInfo--23RFH { background-color: var(--rebranding_dark_theme_color_lime); border-radius: 12px; bottom: 132px; color: rgb(26, 128, 51); display: flex; flex-shrink: 0; font-size: var(--vkui--font_headline2--font_size--compact); font-weight: var(--vkui--font_headline2--font_weight--regular); padding: 9px 12px; position: absolute; right: 47px; transform: rotate(11deg); white-space: nowrap; } .FlexibleQuotaPromoModal__root--2XLH6 { -webkit-font-smoothing: antialiased; width: 540px !important; } .FlexibleQuotaPromoModal__text--2aBBR { font-family: var(--vkui--font_family_accent); line-height: var(--vkui--font_headline1--line_height--compact); } .FreemiumModal__bankCardRoot--Zukj1 { background-color: rgba(0, 172, 91, 0.1); border-radius: 10px; display: flex; gap: 7px; padding: 8px; } .FreemiumModal__contentRoot--3gbn_ { display: flex; flex-direction: column; } .FreemiumModal__text--2Ta47 { font-family: var(--font-tt-norms),"Helvetica","Arial","sans-serif"; font-size: 15px; font-weight: 400; line-height: 20px; margin-bottom: 16px; margin-top: 16px; } .FreemiumModal__title--1VvTY { max-width: 576px; } .FreemiumModal__benefitsTitle--6UH8n { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .FreemiumModal__list--3ZX51 { gap: 12px 6px; display: grid; grid-auto-flow: column; grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-template-rows: repeat(3, auto); width: 100%; } .FreemiumModal__benefitItem--1dIRz { align-items: center; display: flex; gap: 8px; } .FreemiumModal__benefitIcon--1VQOK, .FreemiumModal__benefitImage--37Nfr { flex-shrink: 0; height: 44px; width: 44px; } .FreemiumModal__benefitIcon--1VQOK { align-items: center; background-color: var(--vkui--color_background_secondary_alpha); border-radius: 14px; color: var(--vkui--color_icon_accent); display: flex; justify-content: center; } .FreemiumModal__benefitText--2PqG1 { font-size: var(--vkui--font_paragraph--font_size--regular); font-weight: var(--vkui--font_paragraph--font_weight--regular); line-height: var(--vkui--font_paragraph--line_height--regular); } .FreemiumModal__footer--2N69- { padding-top: 24px; } .FreemiumModal__footerWithYearCaption--2Ty8P { justify-content: flex-end; } .FreemiumModal__primaryButton--1bDvy.ui.button { font-weight: 500; height: 36px; padding: 0px 16px; } .FreemiumModal__yearPriceCaption--1CuNX { color: var(--vkui--color_text_secondary); font-size: 13px; line-height: 16px; white-space: nowrap; } .FreemiumModal__closeWrapper--3x7zd, .FreemiumModal__closeWrapper--3x7zd:active, .FreemiumModal__closeWrapper--3x7zd:focus, .FreemiumModal__closeWrapper--3x7zd:hover { background-color: initial !important; } .FreemiumModal__closeIcon--10NFb { color: var(--vkui--color_icon_secondary) !important; } .vkui--cloud--dark .FreemiumModal__root--2DjXb { --vkui--color_background_modal: #303030; } .vkui--cloud--dark .FreemiumModal__closeIcon--10NFb { color: rgba(245, 246, 255, 0.6) !important; } .FreemiumModal__detailsRoot--1zGeC { display: flex; flex-direction: column; margin-top: 16px; } .FreemiumModal__detailsTitle--3S8uN { max-width: 576px; } .FreemiumModal__detailsSectionTitle--bi5Fa { font-size: 18px; font-weight: 500; line-height: 24px; } .FreemiumModal__detailsSectionText--MxxZD { font-size: var(--vkui--font_paragraph--font_size--regular); font-weight: var(--vkui--font_paragraph--font_weight--regular); line-height: var(--vkui--font_paragraph--line_height--regular); } .FreemiumModal__detailsSectionText--MxxZD b { font-weight: 700; } .FreemiumModal__detailsButton--2aMj6.ui.button.primary { background-color: var(--vkui--color_background_secondary_alpha); color: var(--vkui--color_text_primary); font-weight: 500; height: 36px; padding: 0px 16px; } .FreemiumModal__detailsButton--2aMj6.ui.button.primary:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .FreemiumModal__detailsButton--2aMj6.ui.button.primary:active, .FreemiumModal__detailsButton--2aMj6.ui.button.primary:focus { background-color: var(--vkui--color_background_secondary_alpha--active); } .FreemiumModal__root--2DjXb.ui.modal { background-color: var(--vkui--color_background_modal); border-radius: 20px; overflow: visible; } .FreemiumModal__root--2DjXb.ui.modal .content { background-color: var(--vkui--color_background_modal); border-radius: 20px; } .FreemiumModalMobile__root--37hkm.FreemiumModalMobile__root--37hkm { background-color: var(--vkui--color_background_modal); border-radius: 24px 24px 0px 0px; color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms),"Helvetica","Arial","sans-serif"; height: calc(646px + env(safe-area-inset-bottom)); padding: 0px 24px; text-align: left; } .FreemiumModalMobile__root--37hkm.FreemiumModalMobile__rootNotFound--2NOzc { height: auto; min-height: 0px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__title--3B-m- { font-family: var(--font_family--vk_sans_display); font-size: 28px; font-weight: 500; letter-spacing: 0px; line-height: 34px; margin-bottom: 12px; padding: 24px 24px 0px 0px; text-align: left; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__text--1Htof, .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__title--3B-m- { color: var(--vkui--color_text_primary); } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__text--1Htof { font-family: var(--font-inter); font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 16px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__scrollTitle--2Qk-G { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 28px; font-weight: 500; letter-spacing: 0px; line-height: 34px; margin-bottom: 12px; padding: 24px 24px 0px 0px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__scrollFade--1rgq4 { background-color: var(--vkui--color_background_modal); border-radius: 24px 24px 0px 0px; height: 52px; left: 0px; opacity: 0; pointer-events: none; position: absolute; right: 0px; top: 0px; will-change: opacity; z-index: 2; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__scrollArea--2R2RI { flex: 1 1 0%; min-height: 0px; overflow-y: auto; overscroll-behavior-y: none; scrollbar-width: none; width: 100%; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__scrollArea--2R2RI::-webkit-scrollbar { display: none; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__bankCard--3z6MV { align-items: center; background-color: rgba(0, 172, 91, 0.1); border-radius: 10px; display: flex; gap: 7px; margin-bottom: 20px; padding: 8px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__bankCard--3z6MV span { color: var(--vkui--color_text_primary); font-family: var(--font-inter); font-size: 15px; font-weight: 400; line-height: 20px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__benefitsTitle--3s4c0 { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 20px; font-weight: 500; letter-spacing: 0px; line-height: 26px; margin-bottom: 12px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__list--3gWLu { display: flex; flex-direction: column; gap: 12px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__benefitItem--2e1fm { align-items: center; display: flex; gap: 12px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__benefitIcon--Dvbf0, .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__benefitImage--3N8yu { flex-shrink: 0; height: 44px; width: 44px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__benefitIcon--Dvbf0 { align-items: center; background-color: var(--vkui--color_background_secondary_alpha); border-radius: 14px; color: var(--vkui--color_icon_accent); display: flex; justify-content: center; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__benefitText--15sMH { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 15px; font-weight: 500; letter-spacing: 0px; line-height: 20px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__footer--1Vtp1 { margin-top: 0px; padding: 12px 0 calc(12px + env(safe-area-inset-bottom)); width: 100%; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__primaryButton--3-v6i.ui.button { border-radius: 16px; font-size: 16px; font-weight: 500; height: 56px; line-height: 24px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__detailsButton--3EBLe.ui.button { background-color: var(--vkui--color_background_secondary_alpha); } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__detailsButton--3EBLe.ui.button:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__detailsButton--3EBLe.ui.button:active, .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__detailsButton--3EBLe.ui.button:focus { background-color: var(--vkui--color_background_secondary_alpha--active); } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__primaryButtonContent--wXFsl { align-items: center; display: flex; flex-direction: column; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__yearPriceCaption--1I-wn { color: inherit; font-size: 11px; font-weight: 400; line-height: 14px; text-align: center; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__close--1wYFV { background-color: initial; border-radius: 16px; height: 36px; padding: 0px; right: 6px; top: 6px; width: 36px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__close--1wYFV, .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__close--1wYFV svg { color: var(--vkui--color_icon_secondary); } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__detailsTitle--1gvWr { font-size: 28px; line-height: 34px; margin-bottom: 0px; padding: 24px 24px 0px 0px; text-align: left; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__detailsSectionTitle--3enyP, .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__detailsTitle--1gvWr { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-weight: 500; letter-spacing: 0px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__detailsSectionTitle--3enyP { font-size: 20px; line-height: 26px; margin: 24px 0px 8px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__detailsSectionText--2lT_t { color: var(--vkui--color_text_primary); font-family: var(--font-inter); font-size: 15px; font-weight: 400; line-height: 20px; } .FreemiumModalMobile__root--37hkm .FreemiumModalMobile__detailsSectionText--2lT_t b { font-weight: 700; } .FreemiumModalMobile__rootNotFound--2NOzc .FreemiumModalMobile__scrollArea--2R2RI { flex: 0 0 auto; overflow-y: visible; } .vkui--cloud--dark .FreemiumModalMobile__root--37hkm, .vkui--octavius--dark .FreemiumModalMobile__root--37hkm { background-color: rgb(48, 48, 48); color: rgb(255, 255, 255); } .vkui--cloud--dark .FreemiumModalMobile__benefitText--15sMH, .vkui--cloud--dark .FreemiumModalMobile__benefitsTitle--3s4c0, .vkui--cloud--dark .FreemiumModalMobile__detailsSectionText--2lT_t, .vkui--cloud--dark .FreemiumModalMobile__detailsSectionTitle--3enyP, .vkui--cloud--dark .FreemiumModalMobile__detailsTitle--1gvWr, .vkui--cloud--dark .FreemiumModalMobile__scrollTitle--2Qk-G, .vkui--cloud--dark .FreemiumModalMobile__text--1Htof, .vkui--cloud--dark .FreemiumModalMobile__title--3B-m-, .vkui--octavius--dark .FreemiumModalMobile__benefitText--15sMH, .vkui--octavius--dark .FreemiumModalMobile__benefitsTitle--3s4c0, .vkui--octavius--dark .FreemiumModalMobile__detailsSectionText--2lT_t, .vkui--octavius--dark .FreemiumModalMobile__detailsSectionTitle--3enyP, .vkui--octavius--dark .FreemiumModalMobile__detailsTitle--1gvWr, .vkui--octavius--dark .FreemiumModalMobile__scrollTitle--2Qk-G, .vkui--octavius--dark .FreemiumModalMobile__text--1Htof, .vkui--octavius--dark .FreemiumModalMobile__title--3B-m- { color: rgb(255, 255, 255); } .vkui--cloud--dark .FreemiumModalMobile__scrollFade--1rgq4, .vkui--octavius--dark .FreemiumModalMobile__scrollFade--1rgq4 { background-color: rgb(48, 48, 48); } .vkui--cloud--dark .FreemiumModalMobile__yearPriceCaption--1I-wn, .vkui--octavius--dark .FreemiumModalMobile__yearPriceCaption--1I-wn { color: rgba(245, 246, 255, 0.6); } .vkui--cloud--dark .FreemiumModalMobile__primaryButton--3-v6i .FreemiumModalMobile__yearPriceCaption--1I-wn, .vkui--octavius--dark .FreemiumModalMobile__primaryButton--3-v6i .FreemiumModalMobile__yearPriceCaption--1I-wn { color: inherit; } .vkui--cloud--dark .FreemiumModalMobile__bankCard--3z6MV span, .vkui--octavius--dark .FreemiumModalMobile__bankCard--3z6MV span { color: rgb(246, 247, 248); } .vkui--cloud--dark .FreemiumModalMobile__close--1wYFV, .vkui--octavius--dark .FreemiumModalMobile__close--1wYFV { color: rgba(245, 246, 255, 0.6); } .vkui--cloud--dark .FreemiumModalMobile__close--1wYFV svg, .vkui--octavius--dark .FreemiumModalMobile__close--1wYFV svg { color: rgba(245, 246, 255, 0.6); } .CancelAutoRenewalModal__title--aB8ci { font-size: 28px; font-weight: 500; line-height: 32px; margin-bottom: 12px; } .CancelAutoRenewalModal__subtitle--2tf4B, .CancelAutoRenewalModal__title--aB8ci { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_contrast); font-family: var(--font_family--vk_sans_display); } .CancelAutoRenewalModal__subtitle--2tf4B { font-size: 18px; font-weight: 400; line-height: 23px; margin-bottom: 20px; margin-top: -4px; } .CancelAutoRenewalModal__button--3xclA.ui.button { -webkit-font-smoothing: antialiased; } .CancelAutoRenewalModal__button--3xclA.ui.button { background-color: var(--vkui--color_background_dark); color: var(--vkui--color_text_contrast); font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 500; line-height: 20px; } .PrivilegeList__root--2KDRL { background: var(--vkui--color_background_dark); border-radius: 16px; box-sizing: border-box; font-family: var(--vkui--font_family_accent); overflow-y: scroll; padding: 16px; scrollbar-width: none; width: 100%; } .PrivilegeList__root--2KDRL::-webkit-scrollbar { display: none; } .PrivilegeList__item--1GCD9 { -webkit-font-smoothing: antialiased; align-items: center; box-sizing: border-box; color: var(--vkui--color_text_contrast); display: flex; font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 400; line-height: 22px; width: 100%; } .PrivilegeList__item--1GCD9:not(:last-of-type) { margin-bottom: 16px; } .PrivilegeList__icon--3YDcJ { height: 32px; margin-right: 12px; width: 32px; } .PrivilegeList__features_container--25Vjo { background-color: var(--vkui--color_background_modal_inverse); border-radius: 16px; padding: 16px; } .PrivilegeList__features_list--37aBz { max-width: 100%; } .PrivilegeList__scrollable_container--1vHbS { display: flex; flex-direction: column; gap: 12px; max-height: 388px; overflow-y: scroll; scrollbar-width: none; } .PrivilegeList__scrollable_container--1vHbS::-webkit-scrollbar { display: none; } .PrivilegeList__title--2gOo3 { border-bottom: 1px solid var(--vkui--color_background_secondary_alpha); font-size: 20px; line-height: 26px; margin-bottom: 20px; padding: 0px 16px 16px 0px; width: 100%; } .DatalistSortMenu__root--FLkp6 { display: block; width: 100%; } .DiscountCardMarchPromo2026__root--2CN6h { -webkit-font-smoothing: antialiased; background-image: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position: 100% 100%; background-repeat: no-repeat; background-size: auto 100%; border-radius: 20px; box-sizing: border-box; font-family: var(--font-tt-norms); margin-bottom: 16px; padding: 24px; width: 100%; } .DiscountCardMarchPromo2026__title--Bw-oE { font-size: 18px; font-weight: 500; line-height: 23px; margin-bottom: 4px; } .DiscountCardMarchPromo2026__text--2O_Lo, .DiscountCardMarchPromo2026__title--Bw-oE { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); } .DiscountCardMarchPromo2026__text--2O_Lo { font-size: 16px; font-weight: 400; line-height: 19px; margin-bottom: 16px; } .vkui--cloud--dark .DiscountCardMarchPromo2026__root--2CN6h { background-color: rgb(27, 45, 86); position: relative; } .DiscountCardMarchPromo2026__button_root--3joOZ { cursor: pointer; position: relative; width: 210px; } .DiscountCardMarchPromo2026__button--2omAK.ui.button { font-size: 15px; padding: 7px 12px; } .DiscountCardMarchPromo2026__button--2omAK { cursor: pointer; position: relative; width: 198px; } .DiscountCardMarchPromo2026__button_label--3xxaT { cursor: pointer; position: absolute; right: -22px; top: -20px; width: 80px; } .DiscountCardSummerPromo2026__root--2h02G { background: rgb(0, 64, 128); border-radius: 20px; display: flex; flex-direction: column; margin-bottom: 16px; overflow: hidden; padding: 18px; position: relative; } .DiscountCardSummerPromo2026__title--LarlF { font-size: 18px; font-weight: 500; line-height: 24px; margin-bottom: 6px; } .DiscountCardSummerPromo2026__text--1SlQ2 { font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 26px; } .DiscountCardSummerPromo2026__button--2EKD6 { max-width: 150px; } .DiscountCardSummerPromo2026__img--1aGSX { bottom: 0px; position: absolute; right: 0px; width: 140px; } .DiscountCard__root--2e0kj { -webkit-font-smoothing: antialiased; background: rgb(230, 239, 255); border-radius: 20px; box-sizing: border-box; font-family: var(--font-tt-norms); margin-bottom: 16px; padding: 20px; width: 100%; } .DiscountCard__root_type_promocode--2Nm49 { background-color: var(--vkui--color_skeleton_from); } .DiscountCard__root_type_trial--2s-1r { background-color: rgb(253, 243, 210); } .DiscountCard__root_type_special--pYUh9 { background-color: rgba(190, 238, 238, 0.5); } .DiscountCard__root_type_promo--2HlgZ { background-color: rgb(8, 3, 19); background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/2b0dc8b952695963554b.png"); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto 100%; } .DiscountCard__root_type_promo--2HlgZ .DiscountCard__text--2Oz_t, .DiscountCard__root_type_promo--2HlgZ .DiscountCard__title--n5rXr { color: var(--vkui--color_text_contrast); } .DiscountCard__root_type_promo--2HlgZ .DiscountCard__text--2Oz_t { font-size: 14px; line-height: 18px; margin-bottom: 20px; } .DiscountCard__root_type_promo--2HlgZ .DiscountCard__button--YCZAH.ui.button { background-color: rgb(255, 92, 0); color: var(--vkui--color_text_contrast); } .DiscountCard__root_type_promo--2HlgZ .DiscountCard__button--YCZAH.ui.button:hover { background-color: rgb(235, 85, 0); } .DiscountCard__special_type_units--2ptlh { color: rgb(47, 163, 163); } .DiscountCard__trial_type_units--3NOQf { color: rgb(255, 122, 0); } .DiscountCard__title--n5rXr { font-size: 18px; font-weight: 500; margin-bottom: 6px; } .DiscountCard__text--2Oz_t, .DiscountCard__title--n5rXr { color: var(--vkui--color_text_primary); line-height: 24px; } .DiscountCard__text--2Oz_t { font-size: 16px; font-weight: 400; margin-bottom: 16px; } .DiscountCard__button--YCZAH.ui.button { font-size: var(--vkui--font_text--font_size--regular); height: 36px; line-height: var(--vkui--font_text--line_height--regular); width: auto; } .DiscountCard__buttonSecondary--6-nfh.ui.button { background-color: var(--vkui--color_background_content); } .vkui--cloud--dark .DiscountCard__root--2e0kj { background-color: var(--vkui--color_background_contrast_inverse); } .DiscountCard__root_rebrandingQuotaLanding--2X8Bk { background: var(--vkui--color_background_secondary); padding: 24px; } .DiscountCard__root_rebrandingQuotaLanding--2X8Bk .DiscountCard__special_type_units--2ptlh, .DiscountCard__root_rebrandingQuotaLanding--2X8Bk .DiscountCard__trial_type_units--3NOQf { color: var(--vkui--color-palette-cloud-color-icon-profile-access); } .DiscountCard__root_rebrandingQuotaLanding--2X8Bk .DiscountCard__special_type_units--2ptlh.DiscountCard__units_darkTheme--2Zo_h, .DiscountCard__root_rebrandingQuotaLanding--2X8Bk .DiscountCard__trial_type_units--3NOQf.DiscountCard__units_darkTheme--2Zo_h { color: var(--vkui--color_palette_lime); } .DiscountCard__root_rebrandingQuotaLanding--2X8Bk .DiscountCard__title--n5rXr { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 18px; font-weight: 500; line-height: 23px; } .DiscountCard__root_rebrandingQuotaLanding--2X8Bk .DiscountCard__text--2Oz_t { color: var(--vkui--color_text_secondary); font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 400; line-height: 19px; } .DiscountCard__root_rebrandingQuotaLanding--2X8Bk .DiscountCard__button--YCZAH.ui.button { background: var(--vkui--color_background_secondary_alpha); color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 15px; font-weight: 500; line-height: 20px; } .DiscountCard__root_type_autumnPromo--3SaKp { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/marketingPromo/3413e4c8516010d96f3b.png"); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto 100%; position: relative; } .DiscountCard__root_type_autumnPromo--3SaKp .DiscountCard__text--2Oz_t { color: var(--vkui--color_text_primary); } .DiscountCard__root_type_autumnPromo--3SaKp .DiscountCard__button--YCZAH.ui.button { background-color: var(--vkui--color_background_accent); } .DiscountCard__root_type_autumnPromo--3SaKp .DiscountCard__promoConditions--3Zl0T { bottom: 6px; color: rgba(255, 255, 255, 0.6); font-size: 8px; font-style: normal; font-weight: 400; left: 24px; line-height: 11.388px; position: absolute; } .EmptyDiscounts__root--3LDW3 { box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; flex-direction: column; font-family: var(--font-tt-norms); height: 100%; justify-content: center; margin: 0px -8px; } .EmptyDiscounts__img--2Qs2m { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/64f427048c340c8071c3.png"); background-position-x: center; background-repeat: no-repeat; background-size: contain; height: 175px; margin-bottom: 10px; } .EmptyDiscounts__contentWrapper--1OvmE { margin-bottom: 36px; } .EmptyDiscounts__title--3Q1zb { font-size: 24px; font-weight: 500; line-height: 32px; margin-bottom: 8px; } .EmptyDiscounts__text--1_Pjx, .EmptyDiscounts__title--3Q1zb { text-align: center; } .EmptyDiscounts__text--1_Pjx { font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 60px; } .EmptyDiscounts__root_compact--3pnTp, .EmptyDiscounts__root_compact--3pnTp .EmptyDiscounts__img--2Qs2m { margin: 0px; } .EmptyDiscounts__root_rebrandingQuotaLanding--2VaUz .EmptyDiscounts__img--2Qs2m { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/e31ff7b2ba185dec6310.png"); height: 175px; } .EmptyDiscounts__root_rebrandingQuotaLanding--2VaUz .EmptyDiscounts__contentWrapper--1OvmE { margin-bottom: 60px; } .EmptyDiscounts__root_rebrandingQuotaLanding--2VaUz .EmptyDiscounts__title--3Q1zb { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); font-size: 24px; font-weight: 500; line-height: 28px; } .EmptyDiscounts__root_rebrandingQuotaLanding--2VaUz .EmptyDiscounts__text--1_Pjx { color: var(--vkui--color_text_secondary); font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 400; line-height: 19px; } .DiscountsModal__content--L0Rbd { overflow: auto; scrollbar-width: none; width: 100%; } .DiscountsModal__content--L0Rbd::-webkit-scrollbar { display: none; } .DiscountsModal__loadingBlock--1crBZ { border-radius: 20px; height: 170px; margin-bottom: 16px; overflow: hidden; width: 100%; } .DiscountsModal__title--2hbJt { font-size: 18px; line-height: 24px; } .TariffIcon__root--kTHkD { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; display: inline-flex; position: relative; vertical-align: middle; } .TariffIcon__space--K6KHB { font-family: var(--font-tt-norms); font-size: 14px; left: 20%; position: absolute; top: 7%; } .TariffIcon__space--K6KHB > div { color: rgb(166, 166, 166); font-weight: 700; } .TariffIcon__root_gift--nD2lR { position: relative; } .TariffIcon__root_gift--nD2lR::before { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/new-year/aa2de38db371c61e57a8.png") 0% 0% / contain no-repeat; bottom: 0px; content: ""; height: 59.45%; position: absolute; right: -31%; width: 84.48%; } .TariffIcon__root_size_25--1voAl, .TariffIcon__root_size_25--1voAl > svg { height: 25px; width: 19px; } .TariffIcon__root_size_25--1voAl .TariffIcon__space--K6KHB, .TariffIcon__root_size_25--1voAl > svg .TariffIcon__space--K6KHB { font-size: 6px; } .TariffIcon__root_size_34--26Qgx, .TariffIcon__root_size_34--26Qgx > svg { height: 34px; width: 27px; } .TariffIcon__root_size_34--26Qgx .TariffIcon__space--K6KHB, .TariffIcon__root_size_34--26Qgx > svg .TariffIcon__space--K6KHB { font-size: 8px; } .TariffIcon__root_size_40--2ZuQr, .TariffIcon__root_size_40--2ZuQr > svg { height: 40px; width: 32px; } .TariffIcon__root_size_40--2ZuQr .TariffIcon__space--K6KHB, .TariffIcon__root_size_40--2ZuQr > svg .TariffIcon__space--K6KHB { font-size: 10px; } .TariffIcon__root_size_50--2tfSS, .TariffIcon__root_size_50--2tfSS > svg { height: 50px; width: 38px; } .TariffIcon__root_size_50--2tfSS .TariffIcon__space--K6KHB, .TariffIcon__root_size_50--2tfSS > svg .TariffIcon__space--K6KHB { font-size: 12px; } .TariffIcon__root_size_63--1mhRi, .TariffIcon__root_size_63--1mhRi > svg { height: 63px; width: 50px; } .TariffIcon__root_size_63--1mhRi .TariffIcon__space--K6KHB, .TariffIcon__root_size_63--1mhRi > svg .TariffIcon__space--K6KHB { font-size: 16px; } .TariffIcon__root_size_65--KMqOf, .TariffIcon__root_size_65--KMqOf > svg { height: 65px; width: 51px; } .TariffIcon__root_size_65--KMqOf .TariffIcon__space--K6KHB, .TariffIcon__root_size_65--KMqOf > svg .TariffIcon__space--K6KHB { font-size: 16px; } .TariffIcon__root_size_74--2OISN, .TariffIcon__root_size_74--2OISN > svg { height: 74px; width: 58px; } .TariffIcon__root_size_74--2OISN .TariffIcon__space--K6KHB, .TariffIcon__root_size_74--2OISN > svg .TariffIcon__space--K6KHB { font-size: 16px; } .TariffIcon__root_size_83--2w2NT, .TariffIcon__root_size_83--2w2NT > svg { height: 83px; width: 64px; } .TariffIcon__root_size_83--2w2NT .TariffIcon__space--K6KHB, .TariffIcon__root_size_83--2w2NT > svg .TariffIcon__space--K6KHB { font-size: 16px; } .TariffIcon__root_size_98--324e3, .TariffIcon__root_size_98--324e3 > svg { height: 98px; width: 78px; } .TariffIcon__root_size_98--324e3 .TariffIcon__space--K6KHB, .TariffIcon__root_size_98--324e3 > svg .TariffIcon__space--K6KHB { font-size: 20px; } .TariffIcon__root_size_135--3aMpv, .TariffIcon__root_size_135--3aMpv > svg { height: 135px; width: 118px; } .TariffIcon__root_size_135--3aMpv .TariffIcon__space--K6KHB, .TariffIcon__root_size_135--3aMpv > svg .TariffIcon__space--K6KHB { font-size: 30px; } .TariffIcon__root_size_160--jiac_, .TariffIcon__root_size_160--jiac_ > svg { height: 160px; width: 128px; } .TariffIcon__root_size_160--jiac_ .TariffIcon__space--K6KHB, .TariffIcon__root_size_160--jiac_ > svg .TariffIcon__space--K6KHB { font-size: 30px; } .TariffIcon__root_size_172--1nHRl, .TariffIcon__root_size_172--1nHRl > svg { height: 172px; width: 141px; } .TariffIcon__root_size_172--1nHRl .TariffIcon__space--K6KHB, .TariffIcon__root_size_172--1nHRl > svg .TariffIcon__space--K6KHB { font-size: 30px; } .TariffIcon__root_size_221--3eVAk, .TariffIcon__root_size_221--3eVAk > svg { height: 221px; width: 177px; } .TariffIcon__root_size_221--3eVAk .TariffIcon__space--K6KHB, .TariffIcon__root_size_221--3eVAk > svg .TariffIcon__space--K6KHB { font-size: 42px; } .TariffIcon__root_size_fullWidth--1lhsD, .TariffIcon__root_size_fullWidth--1lhsD > svg { height: 100%; width: 100%; } .TariffIcon__root_size_fullWidth--1lhsD .TariffIcon__space--K6KHB, .TariffIcon__root_size_fullWidth--1lhsD > svg .TariffIcon__space--K6KHB { font-size: 24px; } .TariffIcon__root_hdd-8--16ALM > svg, .TariffIcon__root_hdd--3UnkS > svg { fill: rgb(144, 228, 255); color: rgb(105, 210, 244); } .TariffIcon__root_hdd-16--3IHK1 > svg { fill: rgb(255, 171, 7); color: rgb(218, 147, 9); } .TariffIcon__root_hdd-32--6HGgv > svg { fill: rgb(255, 126, 104); color: rgb(226, 97, 75); } .TariffIcon__root_hdd-64--HCsOJ > svg { fill: rgb(0, 127, 99); color: rgb(1, 101, 79); } .TariffIcon__root_hdd-128--3f26_ > svg { fill: rgb(182, 84, 239); color: rgb(123, 80, 175); } .TariffIcon__root_hdd-256--1isgR > svg { fill: rgb(231, 46, 14); color: rgb(183, 39, 14); } .TariffIcon__root_hdd-512--3SpV9 > svg { fill: rgb(98, 185, 239); color: rgb(79, 149, 224); } .TariffIcon__root_hdd-1024--2dSUP > svg { fill: rgb(255, 204, 1); color: rgb(238, 166, 58); } .TariffIcon__root_hdd-2048--_G0gk > svg { fill: rgb(103, 223, 117); color: rgb(53, 198, 111); } .TariffIcon__root_hdd-4096--1yDRg > svg { fill: rgb(170, 93, 231); color: rgb(117, 84, 170); } .Promocode__footer--FUxVR { text-align: center; width: 100%; } .Promocode__button--2wZK0 { display: flex; justify-content: center; margin: 0px auto; } .Promocode__success--1MQXq { min-height: 281px; } .Promocode__error--18h48 { color: var(--vkui--color_text_negative); font-size: 13px; text-align: left; } .Promocode__title--313qQ { font-size: 24px; margin-bottom: 24px; } .Promocode__modal--2ETFG { text-align: center; } .Promocode__modal_rebranding--33URb { font-family: var(--font-tt-norms); padding-top: 12px; } .Promocode__modal_rebranding--33URb .Promocode__title--313qQ { margin-bottom: 12px; padding-top: 12px; } .Promocode__modal_rebranding--33URb .Promocode__input--2KfN1 { margin-bottom: 0px; } .Promocode__modal_rebranding--33URb .Promocode__input--2KfN1 .ui.input { border-radius: 8px !important; } .Promocode__modal_rebranding--33URb .Promocode__input--2KfN1 .ui.input { height: 44px; } .Promocode__modal_rebranding--33URb .Promocode__input--2KfN1 .ui.input input { border-width: 0.5px; padding: 0px 12px; } .Promocode__modal_rebranding--33URb .Promocode__success--1MQXq { min-height: 132px; } .vkui--cloud--dark.rebranding .Promocode__modal_rebranding--33URb .Promocode__input--2KfN1 .ui.input input { background-color: var(--vkui--color_background_secondary); border-color: var(--rebranding_dark_theme_color_stroke_field_border_alpha); color: var(--vkui--color_text_primary); } .vkui--cloud--dark.rebranding .field.error .ui.input input { background-color: var(--rebranding_dark_theme_color_negative_tint) !important; border-color: var(--rebranding_dark_theme_color_stroke_negative) !important; color: var(--vkui--color_text_primary) !important; } .Promocode__successIcon--1Pp0T { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTYiIGhlaWdodD0iOTYiPjxkZWZzPjxjaXJjbGUgaWQ9ImEiIGN4PSI0OCIgY3k9IjQ4IiByPSI0OCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjQ4IiBjeT0iNDgiIHI9IjQ4IiBmaWxsPSIjNTNDNTA4Ii8+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PGcgZmlsbD0iIzFEQjAwMSIgZmlsbC1vcGFjaXR5PSIuNCIgbWFzaz0idXJsKCNiKSI+PHBhdGggZD0iTTEyMiAzNGMwLTQuNDE1LTMuNTg1LTgtOC04SDY1Yy00LjQxNSAwLTggMy41ODUtOCA4czMuNTg1IDggOCA4aDQ5YzQuNDE1IDAgOC0zLjU4NSA4LTh6bS0xNCAyOWMwLTMuODYzLTMuMTM3LTctNy03SDUwYy0zLjg2MyAwLTcgMy4xMzctNyA3czMuMTM3IDcgNyA3aDUxYzMuODYzIDAgNy0zLjEzNyA3LTd6bS0zIDI3YzAtMy4zMTEtMi42ODktNi02LTZINDZjLTMuMzExIDAtNiAyLjY4OS02IDZzMi42ODkgNiA2IDZoNTNjMy4zMTEgMCA2LTIuNjg5IDYtNnptMTAtODRjMC0zLjMxMS0yLjY4OS02LTYtNkg1NmMtMy4zMTEgMC02IDIuNjg5LTYgNnMyLjY4OSA2IDYgNmg1M2MzLjMxMSAwIDYtMi42ODkgNi02em0tMTAgNmMzLjg2MyAwIDcgMy4xMzcgNyA3cy0zLjEzNyA3LTcgN0g2M2MzLjg2MyAwIDctMy4xMzcgNy03cy0zLjEzNy03LTctN2g0MnptLTMgNDRINTBsMTYtMTRoNDBsLTQgMTRtLTkgMTRjMy44NjMgMCA3IDMuMTM3IDcgN3MtMy4xMzcgNy03IDdINTFjMy44NjMgMCA3LTMuMTM3IDctN3MtMy4xMzctNy03LTdoNDJ6Ii8+PC9nPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLW9wYWNpdHk9Ii4xNCIgc3Ryb2tlLXdpZHRoPSIxMiIgZD0iTTI4LjA0IDc0LjI3NGEzMy4yNDUgMzMuMjQ1IDAgMCAxLTcuMjA1LTcuNTQybS0xLjQyLTM1LjIyMmM0LjU0NS03Ljg1NiAxMi4yMzUtMTMuNjY5IDIxLjM0My0xNS43MTIiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJtNDYuMzIgNTIuMTM4IDE3LjY4Ni0xNy42ODdhNC45NiA0Ljk2IDAgMCAxIDcuMDExIDAgNC45NiA0Ljk2IDAgMCAxIDAgNy4wMTFMNDcuNDcgNjUuMDA4YTQuOTQzIDQuOTQzIDAgMCAxLTMuNjMgMS40NSA0Ljk0MyA0Ljk0MyAwIDAgMS0zLjYzLTEuNDVMMjQuOTgzIDQ5Ljc4MmE0Ljk2IDQuOTYgMCAwIDEgMC03LjAxMSA0Ljk2MSA0Ljk2MSAwIDAgMSA3LjAxMSAwbDkuNDYzIDkuNDY0Yy4xODQuMTc5IDEuMzE2IDEuMjQzIDIuMjc0IDEuMjQzIDEuMDc3IDAgMi4xODUtLjk1NCAyLjU4OS0xLjM0eiIvPjwvZz48L3N2Zz4=") 50% center no-repeat; height: 96px; margin: 48px auto 28px; width: 96px; } .Promocode__successText--GsVD8 { font-size: 17px; line-height: 24px; margin: -6px auto 0px; max-width: 262px; text-align: center; } .Promocode__features--1WDuf { margin: 24px 0px; } .Promocode__iconContainer--2tcFa { height: 73px; margin: 60px auto 40px; padding-left: 18px; width: 83px; } .Promocode__icon--3Sfy1 { margin-left: -25px; position: absolute; z-index: 2; } .Promocode__input--2KfN1 { margin-bottom: 68px; } .Promocode__input--2KfN1 .ui.input { height: 40px; } .Promocode__input--2KfN1 .ui.input input { padding: 0px 20px; } .Promocode__input--2KfN1 input { height: 38px; line-height: 38px; } .GiftPromoCodeModal__root--31LLQ { align-items: center; display: flex; flex-direction: column; padding-top: 40px; } .GiftPromoCodeModal__icon--98WHG { margin-bottom: 18px; } .GiftPromoCodeModal__title--2sJqS { font-size: 24px; margin-bottom: 8px; } .GiftPromoCodeModal__name--gAJ2R, .GiftPromoCodeModal__title--2sJqS { color: var(--vkui--color_text_primary); } .GiftPromoCodeModal__name--gAJ2R { font-size: 15px; margin-bottom: 20px; } .GiftPromoCodeModal__input--3aPD7 { background: var(--vkui--color_text_primary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; color: var(--vkui--color_text_contrast); font-size: 24px; height: 40px; line-height: 40px; margin-right: 6px; outline: none; overflow: hidden; padding: 0px 20px; text-align: center; width: 178px; } .GiftPromoCodeModal__promocode--1jC5U { display: flex; justify-content: center; margin-bottom: 20px; } .GiftPromoCodeModal__description--3rKVq { color: var(--vkui--color_text_secondary); font-size: 13px; line-height: 18px; margin: 0px auto; text-align: center; width: 259px; } .GiftPromoCodeModal__footer--1vLkC { background: var(--vkui--color_background_secondary); margin: -20px; padding: 20px; } .GiftPromoCodeModal__linkInput--2mDki { background: var(--vkui--color_background); border: 1px solid var(--vkui--color_background_tertiary_alpha--active); border-radius: 4px; box-sizing: border-box; color: var(--vkui--color_text_primary); font-size: 15px; height: 40px; margin-right: 8px; outline: none; overflow: hidden; padding: 0px 4px 0px 12px; text-overflow: ellipsis; white-space: nowrap; width: 332px; } .GiftPromoCodeModal__link--1e6aR { display: flex; margin-bottom: 8px; } .GiftPromoCodeModal__label--1sek6 { display: inline-block; font-size: 15px; font-weight: 700; margin-bottom: 12px; } .GiftPromoCodeModal__footerDescription--23UHC { color: var(--vkui--color_text_secondary); font-size: 13px; line-height: 18px; } .GiftPromoCodeModal__expires--O_7GC { white-space: nowrap; } .GiftPromocodeModal__root--3LtiK { align-items: center; display: flex; flex-direction: column; font-size: 16px; justify-content: center; line-height: 24px; margin-bottom: 27px; padding-top: 30px; text-align: center; width: 100%; } .GiftPromocodeModal__title--1zoRI { font-size: 24px; font-weight: 500; line-height: 32px; margin-bottom: 12px; } .GiftPromocodeModal__root_newYear--1oYyM { background: linear-gradient(26.83deg, rgba(60, 17, 183, 0.6) 30.2%, rgba(250, 0, 255, 0.3) 91.71%), linear-gradient(0deg, rgb(33, 8, 74), rgb(33, 8, 74)), rgb(57, 12, 140); color: var(--vkui--color_text_contrast); } .GiftPromocodeModal__root_newYear--1oYyM::after { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/new-year/48aa2ddcd603a296789a.png") 100% 0px / auto 100% no-repeat; content: ""; height: 300px; overflow: hidden; position: absolute; right: 0px; top: 0px; width: 100%; } .GiftPromocodeModal__root_newYear--1oYyM .GiftPromocodeModal__root--3LtiK { padding-top: 300px; } .GiftPromocodeModal__root_newYear--1oYyM .ui.button.primary { height: 56px !important; } .GiftPromocodeModal__root_newYear--1oYyM .ui.button.primary { color: var(--vkui--color_text_contrast); font-size: 16px; line-height: 22px; } .MenuItem__root--etBhI { align-items: center; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; flex-direction: row; justify-content: flex-start; padding: 12px 18px; width: 100%; } .MenuItem__root_active--3pWC8 { background-color: var(--vkui--color_background_accent_tint_alpha); border-radius: 12px; color: var(--vkui--color_text_accent); font-weight: 500; } .MenuItem__root_active--3pWC8 .MenuItem__icon--2wmTS { color: var(--vkui--color_icon_accent); } .MenuItem__title--23ZXA { -webkit-font-smoothing: antialiased; font-family: var(--vkui--font_family_accent); font-size: 16px; line-height: 24px; } .MenuItem__icon--2wmTS { margin-right: 19px; } .MenuItem__icon--2wmTS svg { display: block; } .MenuItem__badge--EDeEq { font-feature-settings: "liga" 0, "clig" 0; align-items: center; background-color: var(--vkui--color_background_accent,#07f); border-radius: 12px; box-sizing: border-box; color: var(--vkui--color_text_contrast,#fff); display: flex; font-family: var(--vkui--font_family_accent); font-size: 15px; font-weight: 500; height: 24px; justify-content: center; line-height: 20px; margin-left: auto; padding: 0px 6px; white-space: nowrap; } .AccountMenuContent__items--1IxTs, .AccountMenuContent__space--2-y_t, .AccountMenuContent__user--39-6u { width: 100%; } .AccountMenuContent__user--39-6u { margin-top: auto; } .LeftMenu__root--2a3Lt { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; max-height: 100%; min-height: 100%; padding: 16px 20px 20px; width: 100%; } @supports (padding-left:constant(safe-area-inset-bottom)) { .LeftMenu__root--2a3Lt { } } @supports (padding-left:env(safe-area-inset-bottom)) { .LeftMenu__root--2a3Lt { padding-left: calc(20px + env(safe-area-inset-left)); padding-right: calc(20px + env(safe-area-inset-right)); } } .LeftMenu__logo--1QX9C { height: 24px; margin-bottom: 40px; } .LeftMenu__contentWrapper--KzUEp { align-items: center; box-sizing: border-box; display: flex; flex: 1 1 auto; flex-direction: column; height: 100%; justify-content: flex-start; min-height: 1px; overflow: auto; scrollbar-width: none; width: 100%; } .LeftMenu__contentWrapper--KzUEp::-webkit-scrollbar { display: none; } .LeftMenu__newFeatures--3JDdQ { position: absolute; right: 16px; top: 10px; } @supports (top:calc(10px + env(safe-area-inset-top))) { .LeftMenu__newFeatures--3JDdQ { top: calc(10px + env(safe-area-inset-top)); } } .SplashScreen__root--1jm5G { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; overflow: hidden; } @media (max-height: 560px) { .SplashScreen__root--1jm5G .SplashScreen__image--jjPA- { display: none; } } @media (max-height: 600px) { .SplashScreen__root--1jm5G .SplashScreen__image--jjPA- { max-width: 80%; } } .SplashScreen__root_red--1MrEM { background: linear-gradient(141.94deg, rgb(255, 124, 101) 21.9%, rgb(255, 74, 83) 77.98%); color: var(--vkui--color_text_contrast); } .SplashScreen__root_red--1MrEM .SplashScreen__button--3CNTc.ui.button.primary { background-color: var(--vkui--color_background_contrast_inverse); } .SplashScreen__root_blue--1tBhV { background: linear-gradient(351.65deg, rgb(243, 247, 255) 59.05%, rgb(247, 249, 255) 115.8%); color: var(--vkui--color_text_primary); } .SplashScreen__root_faces--4yv5r { background: linear-gradient(351.65deg, rgb(217, 232, 255) 59.05%, rgb(231, 240, 255) 115.8%); } .SplashScreen__content--101br { font-family: var(--font-tt-norms); padding: 0px 24px 9px; } .SplashScreen__image--jjPA- { margin: auto; max-width: 100%; } .SplashScreen__title--3x-ID { font-size: 24px; font-weight: 500; line-height: 32px; margin-bottom: 12px; text-align: center; } .SplashScreen__description--1PEHd { font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 40px; text-align: center; } .SplashScreen__button--3CNTc { height: 56px; } .SplashScreen__footer--2Dlxp { color: var(--vkui--color_text_secondary); margin-top: 16px; text-align: center; } .SplashScreen__oldPriceText--3TUIQ { text-decoration: line-through; } .SplashScreen__root_rebranding--1Nbf8 { -webkit-font-smoothing: antialiased; background: var(--vkui--color_background_negative_tint_themed) !important; } .SplashScreen__root_rebranding--1Nbf8 .SplashScreen__title--3x-ID { line-height: 28px; margin-bottom: 8px; white-space: pre-wrap; } .SplashScreen__root_rebranding--1Nbf8 .SplashScreen__description--1PEHd { line-height: 20px; margin-bottom: 24px; padding: 0px 8px; } .SplashScreen__root_rebranding--1Nbf8 .SplashScreen__content--101br { padding-bottom: 4px; padding-left: 8px; padding-right: 8px; } .SplashScreen__root_rebranding--1Nbf8 .SplashScreen__button--3CNTc.ui.button.primary { background-color: var(--vkui--color_background_contrast_inverse); border-radius: 16px; height: 56px; } .CommonInfo__root--1zBA0 { align-items: center; display: flex; flex-direction: column; font-family: var(--font-tt-norms); } .CommonInfo__availableSpace---184W { color: var(--vkui--color_text_primary); display: flex; } .CommonInfo__space--2clvm { font-size: 68px; font-weight: 500; line-height: 80px; margin-right: 4px; } .CommonInfo__units--tpbcp { font-size: 28px; font-weight: 700; line-height: 36px; transform: translateY(8px); } .CommonInfo__numberOfShot--2LVXK { font-size: 16px; line-height: 24px; margin-bottom: 24px; } .CommonInfo__status--2Ba6c { font-size: 20px; line-height: 24px; } .CommonInfo__status_active--1kB7s { color: var(--rebranding_color_lime,--vkui--color-palette-cloud-color-icon-profile-access); } .CommonInfo__status_warning--Zyq2O { color: var(--vkui--color_text_negative); } .CommonInfo__customTitle--1WYl1 { -webkit-font-smoothing: antialiased; font-size: 32px; font-style: normal; font-weight: var(--vkui--font_weight_accent1); line-height: 36px; } .CommonInfo__customTitle--1WYl1.CommonInfo__centerTitle--1zJos { line-height: 40px; text-align: center; } .CommonInfo__customTitle--1WYl1.CommonInfo__compactTitle--1HuPu { font-size: 24px; line-height: 28px; } .CommonInfo__root_rebrandingQuotaLanding--3EC8M { padding-top: 24px; } .CommonInfo__root_rebrandingQuotaLanding--3EC8M .CommonInfo__space--2clvm { font-size: 64px; font-weight: 500; line-height: 60px; } .CommonInfo__root_rebrandingQuotaLanding--3EC8M .CommonInfo__space--2clvm, .CommonInfo__root_rebrandingQuotaLanding--3EC8M .CommonInfo__units--tpbcp { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); } .CommonInfo__root_rebrandingQuotaLanding--3EC8M .CommonInfo__units--tpbcp { font-size: 30px; font-weight: 700; } .CommonInfo__root_rebrandingQuotaLanding--3EC8M .CommonInfo__numberOfShot--2LVXK { color: var(--vkui--color_text_tertiary); font-family: var(--font_family--vk_sans_display); font-size: 16px; font-weight: 400; line-height: 19px; margin-bottom: 40px; } .CommonInfo__root_rebrandingQuotaLanding--3EC8M .CommonInfo__status--2Ba6c { font-family: var(--font_family--vk_sans_display); font-size: 24px; font-weight: 500; line-height: 28px; } .CommonInfo__root_rebrandingQuotaLanding--3EC8M .CommonInfo__status_active--1kB7s { color: var(--rebranding_color_lime); } .VkMusicBlock__root--OHjVv { align-items: center; display: flex; flex-direction: column; justify-content: flex-start; margin-top: -24px; } .VkMusicBlock__header--364BA { font-size: var(--vkui--font_h2--font_size--compact); font-weight: var(--vkui--font_h2--font_weight--regular); line-height: 34px; padding: 0px 24px; text-align: center; } .VkMusicBlock__subtitle--17mTn { color: var(--vkui--color_text_positive); font-size: var(--vkui--font_title2_custom--font_size--regular); font-weight: var(--vkui--font_display_title4--font_weight--regular); line-height: var(--vkui--font_display_title4--line_height--regular); text-align: center; } .SubscriptionInfoItem__root--2x_fq { background: var(--vkui--color_background_secondary); border-radius: 16px; box-sizing: border-box; display: flex; font-family: var(--font-tt-norms); font-weight: var(--font-weight); margin-bottom: 8px; min-height: 104px; padding: 14px 16px; position: relative; width: 100%; } .SubscriptionInfoItem__root--2x_fq.SubscriptionInfoItem__heightByContent--1Pp1G { min-height: auto; } .SubscriptionInfoItem__root--2x_fq.SubscriptionInfoItem__heightByContent--1Pp1G .SubscriptionInfoItem__subtitle--1szls, .SubscriptionInfoItem__root--2x_fq:last-of-type { margin-bottom: 0px; } .SubscriptionInfoItem__icon--3sCVT { color: var(--vkui--color_text_primary); margin-right: 12px; } .SubscriptionInfoItem__container--nwMqE { display: flex; flex-direction: column; } .SubscriptionInfoItem__title--3-qxn { font-size: 16px; line-height: 22px; margin-bottom: 4px; } .SubscriptionInfoItem__subtitle--1szls { color: var(--vkui--color_text_secondary); font-size: 14px; line-height: 18px; margin-bottom: 8px; white-space: pre-wrap; } .SubscriptionInfoItem__subtitle--1szls::first-letter { text-transform: capitalize; } .SubscriptionInfoItem__buttons--1oLTT { display: flex; gap: 16px; } .SubscriptionInfoItem__button--1IPr8 { color: var(--vkui--color_text_accent); font-size: 16px; line-height: 24px; } .SubscriptionInfoItem__button_danger--2snES { color: var(--vkui--color_text_negative); } .SubscriptionInfoItem__root_rebrandingQuotaLanding--1VHBu { background: var(--vkui--color_background_secondary); } .SubscriptionInfoItem__root_rebrandingQuotaLanding--1VHBu .SubscriptionInfoItem__icon--3sCVT { color: var(--vkui--color_icon_contrast); } .SubscriptionInfoItem__root_rebrandingQuotaLanding--1VHBu .SubscriptionInfoItem__title--3-qxn { color: var(--vkui--color_text_contrast); } .SubscriptionInfoItem__root_rebrandingQuotaLanding--1VHBu .SubscriptionInfoItem__subtitle--1szls { color: var(--vkui--color_text_tertiary); } .SubscriptionInfoItem__root_rebrandingQuotaLanding--1VHBu .SubscriptionInfoItem__button--1IPr8 { color: var(--vkui--color_text_accent); } .SubscriptionInfoItem__discountinfo--34zf1 { position: absolute; right: 16px; top: 36px; } .SubscriptionInfoItem__gift--13L-t { align-items: center; background: var(--rebranding_color_lime); border-radius: 90px; color: var(--vkui--cloud_color_sweetgreen); display: flex; font-size: var(--vkui--font_caption1--font_size--regular); font-weight: 500; line-height: var(--vkui--font_caption1--line_height--regular); padding: 4px 8px 4px 10px; position: absolute; right: 8px; top: 8px; } .SubscriptionInfoItem__gift--13L-t svg { margin-right: 4px; } .CardUnlinkBazModalContent__bazHeader--1lNd5, .CardUnlinkBazModalContent__bazImage--2CRAE { width: 540px; } .CardUnlinkBazModalContent__bazImage--2CRAE { display: block; height: auto; margin-bottom: 24px; } .CardUnlinkBazModalContent__bazImageMobile--3E0S7 { inset: 0px auto auto 0px; height: 280px; margin-bottom: 0px; position: absolute; width: 375px; } .CardUnlinkBazModalContent__bazHeaderMobile--cnfNk { padding: 0px 8px; width: calc(100% - 32px); } .CardUnlinkBazModalContent__bazMobileDialogTitle--1QA3x { position: relative; } .CardUnlinkBazModalContent__bazContentMobile--awKD- { font-size: var(--vkui--font_paragraph--font_size--regular,15px); font-weight: var(--vkui--font_paragraph--font_weight--regular,400); line-height: var(--vkui--font_paragraph--line_height--regular,20px); margin: 0px; padding: 0px 8px; width: calc(100% - 32px); } .CardUnlinkBazModalContent__bazTitleMobile--1UwjB { font-size: var(--vkui--font_title1--font_size--compact,24px); font-weight: var(--vkui--font_title1--font_weight--compact,500); line-height: var(--vkui--font_title1--line_height--compact,28px); } .CardUnlinkBazModalContent__bazHeader--1lNd5:not(.CardUnlinkBazModalContent__bazHeaderMobile--cnfNk) > div:last-child { padding: 0px 24px; } .CardUnlinkTrialModalContent__trialHeader--3AbE5 { width: 540px; } .CardUnlinkTrialModalContent__trialHeaderMobile--1Pq8V { width: 100%; } .CardUnlinkTrialModalContent__trialAnimation--3KQgO { height: auto; margin-bottom: 24px; width: 540px; } .CardUnlinkTrialModalContent__trialAnimationMobile--se4eD { width: 100%; } .CardUnlinkTrialModalContent__trialTitleMobile--3hWGM { font-size: var(--vkui--font_title1--font_size--regular,24px); font-weight: var(--vkui--font_title1--font_weight--regular,500); line-height: var(--vkui--font_title1--line_height--regular,28px); padding: 0px 8px; } .CardUnlinkTrialModalContent__trialContentMobile--2Rri6 { font-size: var(--vkui--font_paragraph--font_size--regular,15px); font-weight: var(--vkui--font_paragraph--font_weight--regular,400); line-height: var(--vkui--font_paragraph--line_height--regular,20px); padding: 0px 8px; width: 330px; } .CardUnlinkTrialModalContent__trialHeader--3AbE5:not(.CardUnlinkTrialModalContent__trialHeaderMobile--1Pq8V) > div:last-child { padding: 0px 24px; } .CardUnlinkTrialModalContent__trialWhatChangesText--J7bSE { margin-bottom: 8px; } .OverquotaWarningModal__card--3FdBA { -webkit-font-smoothing: antialiased; overflow: scroll; scrollbar-width: none; } .OverquotaWarningModal__card--3FdBA::-webkit-scrollbar { display: none; } .OverquotaWarningModal__upper_image--1T1qL { align-items: center; color: var(--vkui--color_text_negative); display: flex; flex-direction: column; height: 123px; } .OverquotaWarningModal__upper_image--1T1qL.OverquotaWarningModal__mobile--1fmUk { height: 91px; } .OverquotaWarningModal__list--1Q5fo { margin: 0px; padding-left: 24px; } .OverquotaWarningModal__text--fwNaB { font-size: 18px; font-weight: 400; line-height: 24px; } .OverquotaWarningModal__button--dVBvU.ui.button { border-radius: 12px; flex-wrap: nowrap; font-size: var(--vkui--font_headline1--font_size--compact,15px); line-height: var(--vkui--font_headline1--line_height--compact,20px); margin-right: 16px; white-space: nowrap; width: auto; } .OverquotaWarningModal__button_mobile--3kLvJ.ui.button { height: 44px; margin-bottom: 12px; width: 100%; } .OverquotaWarningModal__negative--2n72d { color: var(--vkui--color_text_negative); } .OverquotaWarningModal__title--2_FgF { font-size: 24px; line-height: 28px; } .OverquotaWarningModal__title_mobile--1v3Ta { font-size: 28px; line-height: 32px; } .ModernSubscription__mainInfo--2Nq_R { margin-top: 24px; width: 100%; } .ModernSubscription__expires--3klSP { font-size: 16px; line-height: 24px; } .ModernSubscription__expires_warning--2smW5 { color: var(--vkui--color_text_negative); } .ModernSubscription__tariffManagement--3ONNf { box-sizing: border-box; color: var(--vkui--color_text_secondary); font-size: 14px; line-height: 18px; padding: 32px 24px 12px; text-align: center; width: 100%; } .ModernSubscription__link--2XiBc { color: var(--vkui--color_text_link); } .ModernSubscription__autorenewLink--TSaxg { font-size: 16px; line-height: 24px; } .ModernSubscription__tariffManagement_rebrandingQuotaLanding--2_3ft { box-sizing: border-box; color: var(--vkui--color_text_primary); font-size: 14px; line-height: 18px; padding: 8px 38px 0px; text-align: center; width: 100%; } .ModernSubscription__tariffManagement_rebrandingQuotaLanding--2_3ft .ModernSubscription__link--2XiBc { color: var(--vkui--color_text_accent); } .ModernSubscription__discountPriceContainer--1Hpco { align-items: center; display: flex; gap: 8px; } .ModernSubscription__discountPriceContainer--1Hpco .ModernSubscription__crossedText--30-f5 { stroke-width: 1px; stroke: var(--vkui--color_icon_secondary); color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--compact); text-decoration: line-through; } .ModernSubscription__active--tyts_ { color: var(--vkui--color_text_positive); font-size: 20px; line-height: 24px; } .ModernSubscription__customTitle--3fNTE { -webkit-font-smoothing: antialiased; font-size: 24px; font-style: normal; font-weight: var(--vkui--font_weight_accent1); line-height: 32px; } .SubscriptionInfoModal__root--1VdYf { align-items: center; display: flex; flex-direction: column; flex-grow: 1; font-family: var(--font-tt-norms); font-weight: var(--font-weight); justify-content: center; margin-top: 12px; width: 100%; } .SubscriptionInfoModal__root_rebrandingQuotaLanding--2UnlS { margin-top: 0px; } .SubscriptionListItem__root--2TWgT { background-color: var(--vkui--color_background_secondary); border-radius: 16px; box-sizing: border-box; display: flex; font-family: var(--font-tt-norms); height: 86px; margin-bottom: 8px; padding: 20px 18px; width: 100%; } .SubscriptionListItem__root_height_auto--16T-i { height: auto; } .SubscriptionListItem__root_ru-mail-special--18X2s { background: linear-gradient(to right,#c2f2ff 4px,var(--vkui--color_background_secondary) 4px 100%); } .SubscriptionListItem__root_rostelecom--2qfWU { background: linear-gradient(to right,#dec2f8 4px,var(--vkui--color_background_secondary) 4px 100%); } .SubscriptionListItem__root_default--1NJzj { background: linear-gradient(to right,#c2e6d8 4px,var(--vkui--color_background_secondary) 4px 100%); } .SubscriptionListItem__root_tele2--38XQ2 { background: linear-gradient(to right,#c2c2c3 4px,var(--vkui--color_background_secondary) 4px 100%); } .SubscriptionListItem__root_megafon--2H463 { background: linear-gradient(to right,rgba(0,152,95,.24),4px,var(--vkui--color_background_secondary) 4px 100%); } .SubscriptionListItem__root_sferum--FplWe { background: linear-gradient(to right,#dec2f8 4px,var(--vkui--color_background_secondary) 4px 100%); } .SubscriptionListItem__root_rebranding--Dy9Sv { background: linear-gradient(to right,#00985f 4px,var(--rebranding_theme_color_background_teritary) 4px 100%); padding: 20px 16px 20px 20px; } .SubscriptionListItem__root_referral--2mBwW { background: linear-gradient(to right,#546444 4px,var(--rebranding_theme_color_background_teritary) 4px 100%); } .SubscriptionListItem__root_disable--2Lfvk { filter: grayscale(1); } .SubscriptionListItem__root_tbank--1q9m- { height: 100px; } .SubscriptionListItem__icon--3f1H1 { margin-left: auto; } .SubscriptionListItem__content--mVpQM { color: var(--vkui--color_text_primary); font-weight: var(--font-weight); } .SubscriptionListItem__title--YJG0O { align-items: baseline; display: inline-flex; flex-wrap: nowrap; font-size: 18px; font-weight: 500; gap: 8px; line-height: 24px; margin-bottom: 4px; } .SubscriptionListItem__description--3XitW { font-size: 14px; line-height: 18px; } .SubscriptionListItem__error--16bAP { margin: 0px; } .SubscriptionListItem__error--16bAP, .SubscriptionListItem__waiting--2HA6x { color: var(--vkui--color_text_negative); } .SubscriptionListItem__root_rebrandingQuotaLanding--12oqC { background: var(--vkui--color_background_secondary); padding: 20px 18px 20px 24px; } .SubscriptionListItem__root_rebrandingQuotaLanding--12oqC .SubscriptionListItem__title--YJG0O { font-size: 18px; font-weight: 500; line-height: 24px; } .SubscriptionListItem__root_rebrandingQuotaLanding--12oqC .SubscriptionListItem__description--3XitW, .SubscriptionListItem__root_rebrandingQuotaLanding--12oqC .SubscriptionListItem__title--YJG0O { color: var(--vkui--color_text_primary); font-family: var(--font_family--vk_sans_display); } .SubscriptionListItem__root_rebrandingQuotaLanding--12oqC .SubscriptionListItem__description--3XitW { font-size: 14px; font-weight: 400; line-height: 18px; } .SubscriptionListItem__root_rebrandingQuotaLanding--12oqC .SubscriptionListItem__error--16bAP { color: var(--vkui--color_text_negative); margin: 0px; } .SubscriptionListItem__description_accent--10lu4 { color: var(--vkui--color_text_accent); } .SubscriptionListComponent__root--2cYpX { box-sizing: border-box; overflow-y: scroll; scrollbar-width: none; width: 100%; } .SubscriptionListComponent__root--2cYpX::-webkit-scrollbar { display: none; } .rebranding .SubscriptionsModal__root--3CAw4 { padding-left: 8px; } .SubscriptionsModal__root--3CAw4 { margin-bottom: 24px !important; } .SubscriptionsModal__dialog__content--ChSS1 { -webkit-font-smoothing: antialiased; padding-top: 24px !important; } .SubscriptionsModal__loadingBlock--3QHXE { border-radius: 16px; height: 86px; margin-bottom: 8px; overflow: hidden; width: 100%; } .SubscriptionsModal__root_rebrandingQuotaLanding--j5GvS { margin-bottom: 24px !important; padding: 0px 8px !important; } .UnlimitedUploadInfo__root--2h90w { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); height: 100%; overflow: auto; padding: 24px 16px; scrollbar-width: none; width: 100%; } .UnlimitedUploadInfo__root--2h90w::-webkit-scrollbar { display: none; } .UnlimitedUploadInfo__title--BbOFs { font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_weight_accent1); line-height: var(--vkui--font_title1--line_height--regular); text-align: left; } .UnlimitedUploadInfo__text--1CoDg, .UnlimitedUploadInfo__title--BbOFs { padding: 0px 8px; } .UnlimitedUploadInfo__text--1CoDg { font-size: var(--vkui--font_title3_custom--font_size--regular); line-height: var(--vkui--font_title3_custom--line_height--regular); } .UnlimitedUploadInfo__button--5c2da.ui.button.primary { -webkit-font-smoothing: antialiased; flex-direction: column; flex-shrink: 0; justify-content: center; line-height: var(--vkui--font_large_text--line_height); } .UnlimitedUploadInfo__linkBlock--2WqTk { font-size: var(--vkui--font_subhead--font_size--regular); line-height: var(--vkui--font_subhead--line_height--regular); text-align: center; } .UnlimitedUploadInfo__link--Y--_c, .UnlimitedUploadInfo__linkBlock--2WqTk { color: var(--vkui--color_text_secondary); } .UnlimitedUploadInfo__link--Y--_c { border-bottom: 1px solid var(--vkui--color_text_secondary); } .UnlimitedUploadInfo__link--Y--_c:active { color: var(--vkui--color_text_secondary); } .UnlimitedUploadInfo__imgBlock--2Prmt { background-color: var(--vkui--color_background_primary); border-top-left-radius: 20px; border-top-right-radius: 20px; height: 280px; margin: -24px -16px 0px; overflow: hidden; width: calc(100% + 32px); } .UnlimitedUploadInfo__img--ztqyv { height: 230px; margin: 36px auto 20px; object-fit: contain; width: 100%; } .UnlimitedUploadInfo__img_highlight--TqzQc { height: 280px; margin: 0px; object-fit: cover; } .UnlimitedUploadInfo__close--1AInB { color: var(--vkui--color_icon_primary) !important; } .UnlimitedUploadInfo__close--1AInB svg, .UnlimitedUploadInfo__close--1AInB svg use { fill: var(--vkui--color_icon_primary) !important; color: var(--vkui--color_icon_primary) !important; } .UpsaleDialog__root--AHyVd { -webkit-font-smoothing: antialiased; } .UpsaleDialog__root--AHyVd .ui.button { border-radius: 12px; line-height: var(--vkui--font_text--line_height--regular); } .UpsaleDialog__textBlock--1gQ94 { padding-left: 4px; } .UpsaleDialog__headerTitle--2THxB { font-size: var(--vkui--font_title3_custom--font_size--regular); line-height: var(--vkui--font_title3_custom--line_height--regular); } .UpsaleDialog__headerText--3LB_R { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); } .UpsaleDialog__radioGroup--1TwQI { position: relative; } .UpsaleDialog__radio--3i5XL { border: 1.5px solid var(--vkui--color_image_border_alpha); border-radius: 16px; padding: 8px 24px 8px 12px; } .UpsaleDialog__radio_active--FpOOI { border: 1.5px solid var(--vkui--color_stroke_accent); } .UpsaleDialog__label--H-mHX { background-color: var(--vkui--color_palette_lime); border-radius: 0px 14px 0px 20px; box-sizing: border-box; color: var(--vkui--cloud_color_background_profile_settings); font-size: var(--vkui--font_caption1--font_size--regular); font-weight: var(--vkui--font_weight_accent1); height: auto; line-height: var(--vkui--font_caption1--line_height--regular); padding: 4px 14px 4px 16px; position: absolute; right: -25px; top: -9px; width: 87px; } .UpsaleDialog__radioTitle--3oEcf { font-size: var(--vkui--font_text--font_size--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .UpsaleDialog__radioDescription--In80J { font-size: var(--vkui--font_subhead--font_size--regular); font-weight: var(--vkui--font_weight_accent3); line-height: var(--vkui--font_subhead--line_height--regular); } .UpsaleModal__root--oVXYK { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background); box-sizing: border-box; display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); height: 100%; overflow: auto; scrollbar-width: none; width: 100%; } .UpsaleModal__root--oVXYK::-webkit-scrollbar { display: none; } .UpsaleModal__imgWrapper--1k8lg { height: auto; width: 100%; } .UpsaleModal__image--2XinG { height: 100%; width: 100%; } .UpsaleModal__textBlock--3Xs8H { padding: 24px 20px 20px; } .UpsaleModal__text--2vIbd { font-size: var(--vkui--font_title3_custom--font_size--regular); line-height: var(--vkui--font_title3_custom--line_height--regular); } .UpsaleModal__buttonBlock--3DqXX { padding: 0px 16px 42px; } .UpsaleModal__root--oVXYK .ui.button { height: 54px; } .VirusDialog__root--RQHYV { font-size: 16px; line-height: 24px; padding-top: 103px; text-align: center; } .VirusDialog__title--1kpSG { font-weight: 500; margin-bottom: 12px; } .VirusDialog__icon--25Qa1 { height: 140px; margin-bottom: 40px; width: 140px; } .VirusDialog__button--1Zhfz.button.ui { border-radius: 16px; font-size: 16px; font-weight: 500; height: 56px; margin-bottom: 12px; } .VirusDialog__footer--2idOx { margin-top: 24px; } .MobileDisableDownloadPopup__root--aQWz1 { box-sizing: border-box; display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); height: 100%; padding: 16px; text-align: left; width: 100%; } .MobileDisableDownloadPopup__text--2FrUA { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); } .MobileDisableDownloadPopup__transparent--28aZl { background-color: initial !important; } .MobileDisableDownloadPopup__space--2K-RG { color: var(--vkui--color_text_accent); font-weight: 600; } .MultiCookieQr__qrWrapper--21klN { position: relative; } .MultiCookieQr__qrWrapper--21klN.MultiCookieQr__default--3t7dR { margin-bottom: 60px; } .MultiCookieQr__qrWrapper--21klN.MultiCookieQr__default--3t7dR .MultiCookieQr__tooltip--WSohe { bottom: -52px; height: 106px; right: -66px; width: 300px; } .MultiCookieQr__qrWrapper--21klN.MultiCookieQr__connectPlan--3ORbw, .MultiCookieQr__qrWrapper--21klN.MultiCookieQr__manageMembers--dx0Ur { margin: 36px 0px 28px; } .MultiCookieQr__qrWrapper--21klN.MultiCookieQr__connectPlan--3ORbw .MultiCookieQr__tooltip--WSohe, .MultiCookieQr__qrWrapper--21klN.MultiCookieQr__manageMembers--dx0Ur .MultiCookieQr__tooltip--WSohe { height: 182px; left: -104px; top: -54px; width: 215px; } .MultiCookieQr__qrCode--MdD_B { align-items: center; background: var(--vkui--color_background_contrast,#fff); border-radius: 20px; display: flex; height: 180px; justify-content: center; overflow: hidden; position: relative; width: 180px; } .MultiCookieQr__qrCode--MdD_B.MultiCookieQr__fadeIn--1vWGj { animation: 0.3s ease-out 0s 1 normal none running MultiCookieQr__qrFadeIn--3n6LJ; } .MultiCookieQr__qrCode--MdD_B.MultiCookieQr__loading--2Ke7B { background-color: var(--vkui--color_background_secondary_alpha); } .MultiCookieQr__qrCode--MdD_B.MultiCookieQr__loading--2Ke7B::after { animation: 1.2s ease-in-out 0s infinite normal none running MultiCookieQr__qrShimmer--2qzKl; background: linear-gradient(90deg,transparent 0,transparent 20%,var(--vkui--color_icon_contrast,#fff) 50%,transparent 80%,transparent 100%); inset: 0px; content: ""; opacity: 0.4; position: absolute; } .MultiCookieQr__tooltip--WSohe { position: absolute; z-index: 1; } @keyframes MultiCookieQr__qrFadeIn--3n6LJ { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes MultiCookieQr__qrShimmer--2qzKl { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .NoMaxDescription__text--2MXRx.vkuiButton { min-height: 20px; } .Default__root--1KKBh { -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; } .Default__root--1KKBh .Default__title--UHr9p { font-family: var(--vkui--font_family_accent); font-size: 24px; font-weight: 500; line-height: 28px; } .Default__root--1KKBh .Default__text--2Ce6x { font-family: var(--vkui--font_family_base); font-size: 15px; line-height: 20px; } .Default__root--1KKBh .Default__text--2Ce6x.Default__pwa--1zlER { font-size: 18px; font-weight: 400; line-height: 24px; } .Default__root--1KKBh .Default__buttons--2uxsD { display: flex; gap: 12px; } .Default__root--1KKBh .Default__qrBlock--gcEcK { align-items: center; flex-direction: column; } .Default__fullscreenContent--fNJV1, .Default__fullscreenWrapper--QP-E6, .Default__root--1KKBh .Default__qrBlock--gcEcK { display: flex; justify-content: center; } .Default__fullscreenContent--fNJV1 { align-items: center; flex-direction: column; gap: 32px; margin: 0px; } .Default__fullscreenCard--2_DgK { background: var(--vkui--color_background_content,#232324); box-sizing: border-box; padding: 20px 24px; width: 410px; } .Default__fullscreenTitle--AVe0C { font-family: var(--vkui--font_family_accent); font-size: 32px; font-weight: 500; letter-spacing: 0px; line-height: 40px; text-align: center; } .Default__modalWrapper--1hTWm.ui.modal { padding: 32px 0px; width: 640px; } .Default__modalWrapper--1hTWm.ui.modal.Default__pwa--1zlER { width: 540px; } .Mobile__root--3oeSc { display: flex; flex-direction: column; height: 100%; overflow: hidden; width: 100%; } .Mobile__imageWrapper--1yxcE { max-width: 392px; position: relative; width: 100%; } .Mobile__image--1cb4c { object-fit: contain; width: 100%; } .Mobile__content--3La27 { box-sizing: border-box; display: flex; flex-direction: column; padding: 24px 16px; text-align: left; } .Mobile__title--38abF { font-family: var(--vkui--font_title1--font_family--compact); font-size: var(--vkui--font_title1--font_size--compact); font-weight: var(--vkui--font_title1--font_weight--compact); line-height: var(--vkui--font_title1--line_height--compact); text-align: center; } .Mobile__description--1WZyY { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); text-align: center; } .Mobile__button--3TfsV.vkuiButton { border-radius: 16px; min-height: 56px; } .Mobile__dashContainer--1prOi { position: relative; } .Mobile__dash--2IB-i { bottom: -6px; height: 10px; position: absolute; right: 50%; transform: translateX(50%); width: 206px; } .Mobile__wrapper--3G-23 { align-items: center; align-self: center; display: flex; flex-direction: column; margin-top: auto; max-width: 400px; min-width: min-content; } .DevicesPreset__root--2PkWt { display: flex; gap: 8px; width: 100%; } .DevicesPreset__device--2QBVu.vkuiButton { background-color: var(--vkui--cloud_color_background_alternative); border-radius: 10px; box-shadow: none; flex: 1 1 0px; height: 44px; min-width: 0px; } .DevicesPreset__device--2QBVu.vkuiButton .vkuiButton__content { font-size: var(--vkui--font_headline2--font_size--regular); } .DevicesPreset__device--2QBVu.vkuiButton.DevicesPreset__selected--3whWG { background-image: linear-gradient(var(--vkui--color_background_accent_tint_alpha),var(--vkui--color_background_accent_tint_alpha)); box-shadow: inset 0 0 0 1px var(--vkui--color_stroke_accent); } .DevicesPreset__device--2QBVu.vkuiButton.DevicesPreset__selected--3whWG .vkuiButton__content { color: var(--vkui--color_text_accent_themed); } .HelpButton__root--1QZiW { bottom: 0px; padding: 20px 32px; position: absolute; right: 0px; } .HelpButton__button--3mN79.vkuiButton { border-radius: 8px; height: 32px; min-height: 32px; } .HelpButton__button--3mN79.vkuiButton .vkuiButton__content { font-size: 14px; line-height: 20px; } .vkui--cloud--dark .HelpButton__button--3mN79.vkuiButton { background-color: rgba(255, 255, 255, 0.08); } .WebPaymentCard__card--2KSl4 { align-items: flex-start; background: var(--vkui--color_background_content); border-radius: 20px; box-sizing: border-box; display: flex; flex: 1 1 0px; flex-direction: column; gap: 20px; padding: 4px; } .WebPaymentCard__image--nMiu1 { align-items: center; align-self: stretch; background: var(--vkui--cloud_color_background_alternative); border-radius: 16px; display: flex; height: 160px; justify-content: center; } .WebPaymentCard__image--nMiu1 img { max-height: 100%; max-width: 100%; } .WebPaymentCard__body--2PY-2 { align-self: stretch; display: flex; flex: 1 1 0%; flex-direction: column; gap: 24px; justify-content: space-between; padding: 16px; } .WebPaymentCard__image--nMiu1 + .WebPaymentCard__body--2PY-2 { padding-top: 0px; } .WebPaymentCard__main--3SrwG { gap: 16px; } .WebPaymentCard__info--HWmVh, .WebPaymentCard__main--3SrwG { display: flex; flex-direction: column; } .WebPaymentCard__info--HWmVh { gap: 8px; } .WebPaymentCard__title--t3WJy { font-size: 24px; font-weight: 500; line-height: 28px; } .WebPaymentCard__description--2pc-l, .WebPaymentCard__title--t3WJy { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); } .WebPaymentCard__description--2pc-l { font-size: 15px; font-weight: 400; line-height: 20px; white-space: pre-line; } .vkui--cloud--dark .WebPaymentCard__title--t3WJy { color: rgb(255, 255, 255); } .vkui--cloud--dark .WebPaymentCard__description--2pc-l { color: rgb(246, 247, 248); } .WebPaymentCard__mobile--1i8So { flex: 0 0 auto; padding: 12px 16px 16px; text-align: left; } .WebPaymentCard__mobile--1i8So .WebPaymentCard__body--2PY-2 { gap: 20px; padding: 0px; } .WebPaymentCard__mobile--1i8So .WebPaymentCard__main--3SrwG { gap: 20px; } .WebPaymentCard__mobile--1i8So .WebPaymentCard__info--HWmVh { gap: 4px; } .WebPaymentCard__mobile--1i8So .WebPaymentCard__title--t3WJy { font-size: 18px; line-height: 26px; } .WebPaymentCard__mobile--1i8So .WebPaymentCard__description--2pc-l { font-family: var(--vkui--font_family_base); font-size: 14px; line-height: 18px; padding-right: 18px; } .WebPaymentTitle__underlined--3WtFq { position: relative; } .WebPaymentTitle__dash--3BrxI { bottom: -2px; height: 10px; left: 50%; position: absolute; transform: translateX(-50%); width: 377px; } .WebPaymentTitle__dash--3BrxI.WebPaymentTitle__mobile--dUJ-m { bottom: -5px; width: 205px; } .WebPayment__wrapper--1xvXu { display: flex; justify-content: center; } .WebPayment__content--3Ub_1 { justify-content: center; margin: 0px; } .WebPayment__content--3Ub_1, .WebPayment__root--1NmBZ { align-items: center; display: flex; flex-direction: column; } .WebPayment__root--1NmBZ { -webkit-font-smoothing: antialiased; gap: 32px; width: 948px; } .WebPayment__title--dJ7m8 { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: 32px; font-weight: 500; line-height: 40px; text-align: center; } .WebPayment__cards--KA_VZ { display: flex; flex-direction: column; gap: 12px; width: 100%; } .WebPayment__cards--KA_VZ.WebPayment__single--1qBI5 { align-self: center; width: 604px; } .WebPayment__cards--KA_VZ.WebPayment__single--1qBI5 .WebPayment__devices--OGS8L { width: 380px; } .WebPayment__buttons--EU9WL, .WebPayment__line--3qqfE { display: flex; gap: 12px; } .WebPayment__action--3-dSp.vkuiButton { min-height: 32px; } .WebPayment__action--3-dSp.vkuiButton .vkuiButton__content { font-size: 14px; line-height: 20px; } .vkui--cloud--dark .WebPayment__title--dJ7m8 { color: rgb(246, 247, 248); } .WebPayment__continue--1K1jj { align-items: center; background: var(--vkui--color_background_content); border-radius: 20px; display: flex; gap: 32px; justify-content: space-between; padding: 16px 20px; } .WebPayment__continue--1K1jj > .vkuiButton { flex-shrink: 0; white-space: nowrap; } .WebPayment__description--2SMJl { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: 15px; font-weight: 400; line-height: 20px; white-space: pre-line; } .vkui--cloud--dark .WebPayment__description--2SMJl { color: rgb(246, 247, 248); } .WebPayment__mobile--3sfKf .WebPayment__description--2SMJl { font-family: var(--vkui--font_family_base); font-size: 14px; line-height: 18px; padding-right: 18px; } .WebPaymentMobile__root--1dIYE { --vkui--color_background_modal: var(--vkui--color_background); background: var(--vkui--color_background); display: flex; flex: 1 1 0%; flex-direction: column; min-height: 0px; overflow-y: auto; width: 100%; } .WebPaymentMobile__content--1M-HY { align-items: center; box-sizing: border-box; display: flex; flex: 1 0 auto; flex-direction: column; gap: 32px; justify-content: flex-start; padding: 44px 16px 32px; } .WebPaymentMobile__content--1M-HY.WebPaymentMobile__modal--29uBk { padding-bottom: 64px; } .WebPaymentMobile__content--1M-HY.WebPaymentMobile__modal--29uBk .WebPaymentMobile__title--1Scd8 { max-width: 341px; } .WebPaymentMobile__header--1NmJX { align-items: center; display: flex; flex-direction: column; gap: 16px; padding-top: 12px; } .WebPaymentMobile__image--1fZNM { height: 90px; object-fit: contain; width: 231px; } .WebPaymentMobile__collabImage--3yj3M { height: 203px; object-fit: contain; width: 100%; } .WebPaymentMobile__buttons--1ec8L { display: flex; flex-direction: column; gap: 12px; } .WebPaymentMobile__buttonsGroup--2qJPx { margin-top: 4px; } .WebPaymentMobile__title--1Scd8 { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: 24px; font-weight: 500; line-height: 28px; text-align: center; } .WebPaymentMobile__cards--fLEsR { display: flex; flex-direction: column; gap: 8px; max-width: 400px; width: 100%; } .WebPaymentMobile__cards--fLEsR.WebPaymentMobile__cardsSpaced--2bFuz { gap: 12px; } .WebPaymentMobile__button--duJDM.vkuiButton { border-radius: 12px; min-height: 44px; } .WebPaymentMobile__button--duJDM.vkuiButton.vkuiButton--size-l.vkuiButton--ios .vkuiButton__content { font-size: 16px; line-height: 24px; text-overflow: clip; white-space: normal; } .WebPaymentMobile__tariffsLink--p94JF.vkuiButton .vkuiButton__content { color: var(--vkui--color_text_accent); } .WebPaymentMobile__root--1dIYE .WebPaymentMobile__close--2xSeJ { align-items: center; display: flex; height: 36px; justify-content: center; right: 16px; top: 4px; width: 36px; } .NoSpaceForOverquotaUserModal__title--xfrd3 { font-size: var(--vkui--font_title1--font_size--compact); font-weight: var(--vkui--font_title1--font_weight--compact); line-height: var(--vkui--font_title1--line_height--compact); } .NoSpaceForOverquotaUserModal__text--1S4vQ { font-size: var(--vkui--font_title3--font_size--regular); font-weight: 400; line-height: var(--vkui--font_title3--line_height--regular); } .PollPopup__root--3Mmrp.modal.ui { -webkit-font-smoothing: antialiased; width: 460px; } .PollPopup__rootBig--3i8nL.modal.ui { -webkit-font-smoothing: antialiased; width: 540px; } .PollPopup__root--3Mmrp > .content { padding: 0px 32px !important; } .PollPopup__root--3Mmrp > .actions { margin-top: 8px !important; } .PollPopup__root--3Mmrp > .actions .PollPopup__buttonsWrapper--14BqU { display: flex; justify-content: center; width: 100%; } .PollPopup__root--3Mmrp > .actions .PollPopup__buttonsWrapper--14BqU .PollPopup__button--7wZoG.ui.button.primary { border-radius: 12px; flex: 1 1 auto; font-family: var(--font_family--vk_sans_display); font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_weight_accent1); height: 44px; line-height: var(--vkui--font_headline--line_height--compact); padding: 0px 20px; width: 100%; } .PollPopup__root--3Mmrp.PollPopup__rootBig--3i8nL > .actions .PollPopup__buttonsWrapper--14BqU { justify-content: flex-start; } .PollPopup__root--3Mmrp.PollPopup__rootBig--3i8nL > .actions .PollPopup__buttonsWrapper--14BqU .PollPopup__button--7wZoG.ui.button.primary { flex: 0 0 auto; height: 36px; width: 123px; } .PollPopup__contentWrapper--2xPB4 { overflow: scroll; scrollbar-width: none; } .PollPopup__contentWrapper--2xPB4::-webkit-scrollbar { display: none; } .PollPopup__contentWrapper--2xPB4 .PollPopup__image--38b4o { background-size: contain; height: 180px; margin-top: 34px; padding-left: 24px; width: 100%; } .PollPopup__contentWrapper--2xPB4 .PollPopup__imageBig--3HLlM { height: 240px; transform: translate(-32px, -36px); width: 540px; } .PollPopup__contentWrapper--2xPB4 .PollPopup__image-new-outflow-desktop--2FM0I { display: block; height: auto; margin: 0px -32px; width: calc(100% + 64px); } .PollPopup__contentWrapper--2xPB4 .PollPopup__title--1esnz { font-family: var(--font_family--vk_sans_display); margin-top: -10px; text-align: center; } .PollPopup__contentWrapper--2xPB4 .PollPopup__title--1esnz, .PollPopup__contentWrapper--2xPB4 .PollPopup__titleNew--GYe8r { color: var(--vkui--color_text_contrast); font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_weight_accent1); line-height: var(--vkui--font_h1--line_height--regular); } .PollPopup__contentWrapper--2xPB4 .PollPopup__titleNew--GYe8r { margin-top: -30px; } .PollPopup__contentWrapper--2xPB4 .PollPopup__title-new-outflow--QOAeh { font-family: var(--font-tt-norms); margin-top: 24px; } .PollPopup__contentWrapper--2xPB4 .PollPopup__buttons--1CKV_ { gap: 12px; display: flex; flex-wrap: wrap; justify-content: center; padding-top: 32px; } .PollPopup__contentWrapper--2xPB4 .PollPopup__buttons--1CKV_ .PollPopup__buttonNew--1FGg-.ui.button { background: var(--cloud-color_text_default); border-radius: 12px; color: var(--vkui--color_text_contrast); flex: 1 1 auto; font-size: 15px; font-weight: var(--vkui--font_text--font_weight--regular,400); height: 36px; line-height: var(--vkui--font_text--line_height--regular,20); padding: 0px 16px; } .PollPopup__contentWrapper--2xPB4 .PollPopup__buttons--1CKV_.PollPopup__buttons-new-outflow-desktop--3dR5Z { justify-content: flex-start; } .PollPopup__contentWrapper--2xPB4 .PollPopup__buttons--1CKV_.PollPopup__buttons-new-outflow-desktop--3dR5Z .PollPopup__button-new-outflow-desktop--2_IGC.ui.button { flex: 0 0 auto; } .PollPopup__contentWrapper--2xPB4 .PollPopup__buttons--1CKV_ .PollPopup__button--7wZoG.ui.button { background: var(--cloud-color_text_default); border-radius: 12px; color: var(--vkui--color_text_contrast); flex: 1 1 auto; font-family: var(--font_family--vk_sans_display); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_weight_accent3); height: 44px; line-height: var(--vkui--font_headline--line_height--compact); padding: 10px 16px; } .PollPopup__contentWrapper--2xPB4 .PollPopup__buttons--1CKV_ .PollPopup__button--7wZoG.ui.button:hover { background: var(--rebranding_theme_color_background_secondary--active); color: var(--vkui--color_text_contrast); } .PollPopup__contentWrapper--2xPB4 .PollPopup__buttons--1CKV_ .PollPopup__button_selected--2K9TH.ui.button:active, .PollPopup__contentWrapper--2xPB4 .PollPopup__buttons--1CKV_ .PollPopup__button_selected--2K9TH.ui.button:focus { background: var(--rebranding_dark_theme_color_lime); color: var(--cloud-color_text_default); font-weight: var(--vkui--font_weight_accent1); } .PollPopup__contentWrapper--2xPB4 .PollPopup__buttons--1CKV_ .PollPopup__button-new-outflow-desktop--2_IGC.PollPopup__button_selected--2K9TH.ui.button, .PollPopup__contentWrapper--2xPB4 .PollPopup__buttons--1CKV_ .PollPopup__button-new-outflow-desktop--2_IGC.PollPopup__button_selected--2K9TH.ui.button:hover { background: var(--rebranding_dark_theme_color_lime); color: var(--cloud-color_text_default); font-weight: var(--vkui--font_weight_accent1); } .PollPopup__contentWrapper--2xPB4 .PollPopup__buttons--1CKV_ input { border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; font-family: var(--font_family--vk_sans_display); font-size: var(--vkui--font_text--font_size--regular); height: 44px; line-height: var(--vkui--font_headline--line_height--compact); outline: none; padding: 10px 12px; width: 100%; } .PollPopup__content_phone--1Srm6 { display: flex; flex-direction: column; } .PollPopup__content_phone--1Srm6 .PollPopup__image--38b4o { align-self: center; background-position: 13px 0px; height: 169px; margin-top: 5px; padding-left: 0px; width: 338px; } .PollPopup__content_phone--1Srm6 .PollPopup__image-new-outflow-mobile--2K5P_ { align-self: center; height: auto; margin: -16px -16px 0px; width: calc(100% + 32px); } .PollPopup__content_phone--1Srm6 .PollPopup__title--1esnz { font-weight: var(--vkui--font_weight_accent1); margin-top: 5px; } .PollPopup__content_phone--1Srm6 .PollPopup__title--1esnz.PollPopup__title-new-outflow--QOAeh { font-family: var(--font-tt-norms); margin-top: 24px; } .PollPopup__content_phone--1Srm6 .PollPopup__buttons--1CKV_ { padding-top: 20px; } .PollPopup__content_phone--1Srm6 .PollPopup__buttons--1CKV_ .PollPopup__button-new-outflow-mobile--1XCjF.ui.button { height: 44px; } .PollPopup__buttonsWrapper_mobile--tmyi0 { margin-top: 15px; } .PollPopup__buttonsWrapper_mobile--tmyi0 .PollPopup__button--7wZoG.ui.button, .PollPopup__content_phone--1Srm6 .PollPopup__button--7wZoG.ui.button { border-radius: 12px; font-size: var(--vkui--font_text--font_size--regular); height: 44px; padding: 0px 32px; } .PollPopup__buttonsWrapper_mobile--tmyi0 .PollPopup__button--7wZoG.ui.button.primary, .PollPopup__content_phone--1Srm6 .PollPopup__button--7wZoG.ui.button.primary { height: 44px; width: 100%; } .PollPopup__buttonsWrapper_mobile--tmyi0 .PollPopup__button_selected--2K9TH.ui.button, .PollPopup__buttonsWrapper_mobile--tmyi0 .PollPopup__button_selected--2K9TH.ui.button:focus, .PollPopup__content_phone--1Srm6 .PollPopup__button_selected--2K9TH.ui.button, .PollPopup__content_phone--1Srm6 .PollPopup__button_selected--2K9TH.ui.button:focus { background: var(--vkui--color_background_accent_alternative); color: var(--vkui--color_text_contrast); } .PollPopup__button_mobile--d7Lcf { height: 40px !important; } @supports (-webkit-touch-callout:none) and (not (translate:none)) { .PollPopup__content_phone--1Srm6 .PollPopup__button--7wZoG.ui.button:not(:last-child) { margin-bottom: 12px; } .PollPopup__content_phone--1Srm6 .PollPopup__button--7wZoG.ui.button:last-child { margin-left: 12px; } } .PriorityDownloadModal__root--3WRzW { -webkit-font-smoothing: antialiased; width: 540px !important; } .PriorityDownloadModal__text--1WIfH { font-family: var(--font-tt-norms); font-size: var(--vkui--font_subtitle_medium--font_size); font-weight: var(--vkui--font_subtitle_custom--font_weight); line-height: var(--vkui--font_subtitle_medium--line_height); margin-bottom: 24px; margin-top: 12px; } .ReferralInfoBlock__rootItem--3Bcwg { align-items: flex-start; border: 1.5px solid var(--variant-color); border-radius: 16px; display: flex; flex: 1 0 0px; flex-direction: column; gap: 12px; padding: 16px 14px 16px 16px; width: 130px; } .ReferralInfoBlock__rootItem-1--3zgqq { --variant-color: #19413c; } .ReferralInfoBlock__rootItem-2--3KaOB { --variant-color: #534269; } .ReferralInfoBlock__rootItem-3--2wBPw { --variant-color: #16406f; } .ReferralInfoBlock__rootItem--3Bcwg .ReferralInfoBlock__variant--2e2B4 { align-items: center; background: var(--variant-color); border-radius: 32px; display: flex; flex-direction: column; font-size: var(--vkui--font_headline1--font_size--compact); font-weight: var(--vkui--font_headline1--font_weight--regular); gap: 10px; justify-content: center; line-height: var(--vkui--font_headline1--line_height--compact); padding: 6px 13px; } .ReferralInfoBlock__rootItem--3Bcwg .ReferralInfoBlock__text--l0aBD, .ReferralInfoBlock__rootItem--3Bcwg .ReferralInfoBlock__variant--2e2B4 { color: var(--vkui--color_text_primary); } .ReferralInfoBlock__rootItem--3Bcwg .ReferralInfoBlock__text--l0aBD { font-size: var(--vkui--font_subhead--font_size--regular); font-weight: var(--vkui--font_paragraph--font_weight--regular); line-height: var(--vkui--font_subhead--line_height--regular); } .ReferralInfoBlock__rootBlock--24dhQ { -webkit-font-smoothing: antialiased; display: flex; gap: 12px; margin-bottom: 20px; margin-top: 12px; } .ReferralInfoBlock__textBlock--1YTxH { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); margin-bottom: 24px; } .ReferralInfo__root--35Oz5 { color: var(--vkui--color_text_tertiary); font-size: var(--vkui--font_subhead--font_size--regular); font-weight: var(--vkui--font_subhead--font_weight--regular); line-height: var(--vkui--font_subhead--line_height--regular); } .ReferralInfo__root--35Oz5 .ReferralInfo__link--3ZVuw { color: var(--vkui--color_text_link); } .ReferralInfo__rootMobile--3IPBm { color: var(--vkui--color_text_tertiary); font-size: var(--vkui--font_caption1--font_size--regular); font-weight: var(--vkui--font_caption1--font_weight--regular); line-height: var(--vkui--font_caption1--line_height--regular); } .ReferralInfo__rootMobile--3IPBm .ReferralInfo__link--3ZVuw { color: var(--vkui--color_text_link); } .ReferralLinkBlock__root--2UO3L { -webkit-font-smoothing: antialiased; align-items: center; background: rgb(26, 55, 88); border-radius: 16px; display: flex; justify-content: space-between; padding: 16px; } .ReferralLinkBlock__root--2UO3L.ReferralLinkBlock__rootMobile--jhY5V { align-items: flex-start; flex-direction: column; gap: 12px; } .ReferralLinkBlock__root--2UO3L.ReferralLinkBlock__rootMobile--jhY5V .ReferralLinkBlock__title--32kk3 { font-size: var(--vkui--font_title3_custom--font_size--regular); line-height: var(--vkui--font_title3_custom--line_height--regular); } .ReferralLinkBlock__root--2UO3L.ReferralLinkBlock__rootMobile--jhY5V .ReferralLinkBlock__button--2JmwR.ui.primary.button { font-size: var(--vkui--font_large_text--font_size); font-weight: var(--vkui--font_headline--font_weight--regular); padding: 10px; width: 100%; } .ReferralLinkBlock__textContainer--1a0Cq { display: flex; flex-direction: column; } .ReferralLinkBlock__title--32kk3 { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); } .ReferralLinkBlock__description--24uOq { color: rgba(255, 255, 255, 0.48); font-size: var(--vkui--font_subhead--font_size--regular); font-weight: var(--vkui--font_paragraph--font_weight--regular); line-height: var(--vkui--font_subhead--line_height--regular); } .ReferralLinkBlock__button--2JmwR.ui.primary.button { font-size: var(--vkui--font_headline--font_size--compact); font-weight: var(--vkui--font_headline--font_weight--regular); height: 40px; padding: 10px; width: 123px; } .ReferralModal__root--1aLmA { -webkit-font-smoothing: antialiased; width: 560px !important; } .ReferralModal__rootMobile--3QDDY .ReferralModal__scrollContainer--2jsc6 { max-height: 90vh; overflow: auto; position: relative; scrollbar-width: none; } .ReferralModal__rootMobile--3QDDY .ReferralModal__scrollContainer--2jsc6 .ReferralModal__stickyHeader--3R6q3 { position: sticky; } .ReferralModal__header--39Fd7 { font-weight: var(--vkui--font_display_title4--font_weight--regular); } .ReferralUsersBlock__rootBlock--1Cfem { -webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; gap: 8px; margin: 16px -32px 0px; max-height: 50vh; overflow: auto; padding: 0px 32px; scrollbar-color: var(--vkui--color_field_border_alpha) transparent; } .ReferralUsersBlock__rootBlock--1Cfem.ReferralUsersBlock__rootMobile--aRQEX { gap: 12px; margin: 16px 0px 0px; max-height: none; overflow: hidden; padding: 0px; scrollbar-width: none; } .ReferralUsersBlock__rootItem--2Gnfm { align-items: center; background: var(--vkui--color_background_secondary); border-radius: 12px; cursor: pointer; display: flex; justify-content: space-between; min-height: 44px; padding: 12px 16px; } .ReferralUsersBlock__rootItem--2Gnfm:hover { background: var(--vkui--color_background_secondary--hover); } .ReferralUsersBlock__rootItem--2Gnfm .ReferralUsersBlock__userBlock--22TCX { align-items: center; display: flex; gap: 12px; } .ReferralUsersBlock__rootItem--2Gnfm .ReferralUsersBlock__userBlock--22TCX .ReferralUsersBlock__userInfoBlock--PFrTg { display: flex; flex-direction: column; gap: 4px; justify-content: center; } .ReferralUsersBlock__rootItem--2Gnfm .ReferralUsersBlock__userBlock--22TCX .ReferralUsersBlock__userInfoBlock--PFrTg .ReferralUsersBlock__name--3mRKz { font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_headline1--font_weight--regular); line-height: var(--vkui--font_headline1--line_height--regular); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ReferralUsersBlock__rootItem--2Gnfm .ReferralUsersBlock__userBlock--22TCX .ReferralUsersBlock__userInfoBlock--PFrTg .ReferralUsersBlock__description--Or6Sc { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_subhead--font_size--regular); font-weight: var(--vkui--font_paragraph--font_weight--regular); line-height: var(--vkui--font_subhead--line_height--regular); } .ReferralUsersBlock__rootItem--2Gnfm .ReferralUsersBlock__quotaBlock--1Vziz { align-items: center; display: flex; gap: 4px; justify-content: center; } .ReferralUsersBlock__rootItem--2Gnfm .ReferralUsersBlock__quotaBlock--1Vziz svg { fill: var(--vkui--color_text_negative); color: var(--vkui--color_text_negative); } .ReferralUsersBlock__rootItem--2Gnfm .ReferralUsersBlock__quotaBlock--1Vziz .ReferralUsersBlock__text--1a5yU { font-size: var(--vkui--font_headline1--font_size--regular); font-weight: var(--vkui--font_paragraph--font_weight--regular); line-height: var(--vkui--font_headline1--line_height--regular); } .ReferralPromoModal__root--LAGOP { -webkit-font-smoothing: antialiased; width: 540px !important; } .ReferralPromoModal__text--2gfUf { font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_text--font_weight--compact); line-height: var(--vkui--font_title3--line_height--regular); } .BonusExpiresWarning__root--3MX6- { border: 1px solid var(--vkui--color_text_negative); border-radius: 12px; justify-content: space-between; margin-bottom: 16px; margin-top: 4px; padding: 12px; } .BonusExpiresWarning__root--3MX6-, .BonusExpiresWarning__root--3MX6- .BonusExpiresWarning__info--LR5OH { align-items: flex-start; display: flex; gap: 8px; } .BonusExpiresWarning__root--3MX6- .BonusExpiresWarning__info--LR5OH .BonusExpiresWarning__error_icon--305Jy { color: var(--vkui--color_background_negative); flex-shrink: 0; } .BonusExpiresWarning__root--3MX6- .BonusExpiresWarning__info--LR5OH .BonusExpiresWarning__text--3Qra7 { font-size: var(--vkui--font_caption1_caps--font_size--regular); font-weight: var(--vkui--font_caption1--font_weight--regular); line-height: var(--vkui--font_caption1--line_height--regular); max-width: 280px; } .BonusExpiresWarning__root--3MX6- .BonusExpiresWarning__info--LR5OH .BonusExpiresWarning__text--3Qra7 .BonusExpiresWarning__bold--1uOzj { font-weight: var(--vkui--font_caption2_caps_demibold--font_weight--regular); } .BonusExpiresWarning__root--3MX6- .ui.secondary.button { border-radius: 8px; font-size: var(--vkui--font_subhead--font_size--regular); font-weight: var(--vkui--font_headline2--font_weight--regular); gap: 6px; height: 30px; line-height: var(--vkui--font_subhead--line_height--regular); padding: 6px 8px; width: 130px; } .BonusExpiresWarning__rootMobile--2VVXW { flex-direction: column; margin: 0px; padding: 12px 16px 12px 12px; width: calc(100% - 32px); } .BonusExpiresWarning__rootMobile--2VVXW .BonusExpiresWarning__text--3Qra7 { font-size: var(--vkui--font_paragraph--font_size--regular); font-weight: var(--vkui--font_paragraph--font_weight--regular); line-height: var(--vkui--font_paragraph--line_height--regular); max-width: none; } .BonusExpiresWarning__rootMobile--2VVXW .BonusExpiresWarning__text--3Qra7 .BonusExpiresWarning__bold--1uOzj { font-weight: var(--vkui--font_headline2--font_weight--regular); } .BonusExpiresWarning__rootMobile--2VVXW .ui.secondary.button { border-radius: 8px; font-size: var(--vkui--font_subhead--font_size--regular); font-weight: var(--vkui--font_headline2--font_weight--regular); height: 30px; line-height: var(--vkui--font_subhead--line_height--regular); margin-left: 28px; padding: 6px 16px; width: 156px; } .FeaturesList__root--3QscK { list-style: none; margin: 0px; padding: 0px 0px 0px 15px; } .FeaturesList__item--3ByTN { color: var(--vkui--color_text_primary); font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_h2--line_height--regular); position: relative; } .FeaturesList__item--3ByTN::before { background: var(--vkui--color_text_primary); border-radius: 50%; content: ""; height: 4px; left: -15px; position: absolute; top: 50%; transform: translateY(-50%); width: 4px; } .ReferralUserModal__root--1Ty_P { -webkit-font-smoothing: antialiased; display: flex; padding: 8px 0px 32px; width: 560px !important; } .ReferralUserModal__root--1Ty_P .ReferralUserModal__header--2Adwa { font-weight: var(--vkui--font_display_title4--font_weight--regular); } .ReferralUserModal__root--1Ty_P .ReferralUserModal__text--2i3je { font-size: var(--vkui--font_text--font_size--compact); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--compact); } .ReferralUserModal__rootMobile--3Rjcc { flex-grow: 1; justify-content: center; } .ReferralUserModal__rootMobile--3Rjcc, .ReferralUserModal__rootMobile--3Rjcc .ReferralUserModal__container--DRzDj { align-items: center; display: flex; flex-direction: column; width: 100%; } .ReferralUserModal__rootMobile--3Rjcc .ReferralUserModal__container--DRzDj { gap: 8px; } .ReferralUserModal__rootMobile--3Rjcc .ReferralUserModal__rectangle--3sy78 { background: var(--vkui--color_text_primary); border-radius: 100px; height: 5px; opacity: 0.9; width: 131px; } .ReferralUserModal__friendBonus--3DhE8 { align-items: center; display: flex; font-size: var(--vkui--font_subhead--font_size--regular); font-weight: var(--vkui--font_subhead--font_weight--regular); gap: 6px; line-height: var(--vkui--font_subhead--line_height--regular); } .ReferralInfoItem__root--2iFdM { align-items: flex-start; background: var(--vkui--color_background_secondary); border-radius: 16px; display: flex; gap: 12px; padding: 12px 16px; width: calc(100% - 32px); } .ReferralInfoItem__root--2iFdM .ReferralInfoItem__info--2pDXB { display: flex; flex-direction: column; } .ReferralInfoItem__root--2iFdM .ReferralInfoItem__info--2pDXB .ReferralInfoItem__title--vnvdv { color: var(--vkui--color_text_primary); font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); } .ReferralInfoItem__root--2iFdM .ReferralInfoItem__info--2pDXB .ReferralInfoItem__description--2N_JL { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_subhead--font_size--regular); font-weight: var(--vkui--font_subhead--font_weight--regular); line-height: var(--vkui--font_subhead--line_height--regular); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :root { --color-bg-vkpay: #eaedf0; --color-bg-midas: #fff; } .RenewSubscriptionModal__root--1fqei { display: flex; flex: 1 1 0%; flex-direction: column; min-height: 500px; } .RenewSubscriptionModal__root_mobile--tHjDu { background-color: var(--color-bg-midas); height: 100%; position: relative; } .RenewSubscriptionModal__root_mobile--tHjDu .RenewSubscriptionModal__footer--2fNWU { padding-top: 10px; } .RenewSubscriptionModal__root_mobile--tHjDu .RenewSubscriptionModal__dmrContainer--2jSf- { height: 100%; min-height: 530px; } .RenewSubscriptionModal__paymentModal--M8yps.ui.larger.modal { width: 520px; } .RenewSubscriptionModal__paymentModal--M8yps.ui.larger.modal .header { padding: 24px 24px 12px; } .RenewSubscriptionModal__paymentModal--M8yps.RenewSubscriptionModal__mobileModal--2ZyQd.ui.modal { border-radius: 0px; width: 100%; } .RenewSubscriptionModal__paymentModal--M8yps.RenewSubscriptionModal__mobileModal--2ZyQd.ui.modal .content { height: 100%; } .RenewSubscriptionModal__dmrContainer--2jSf- { height: 560px; min-height: 530px; overflow-y: auto; position: relative; width: 100%; } .RenewSubscriptionModal__dmr--2IWXW { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .RenewSubscriptionModal__footer--2fNWU { background-color: var(--color-bg-vkpay); margin-bottom: 0px; margin-top: 0px; padding: 20px; } .RenewSubscriptionModal__headerBlock--3CYVl { background-color: var(--color-bg-midas); display: flex; flex-direction: row; padding: 12px 16px 0px; } .RenewSubscriptionModal__header--DVvxL { font-family: var(--vkui--font_family_accent); font-size: 22px; font-weight: 400; line-height: 26px; } .RenewSubscriptionModal__closeIcon--LxChN { align-items: center; background-color: rgb(245, 245, 245); border-radius: 50%; color: var(--vkui--color_icon_secondary); display: flex; flex-shrink: 0; height: 24px; justify-content: center; margin-left: auto; width: 24px; } .RepeatPurchaseMobileModal__root--2jT8s { box-sizing: border-box; display: flex; flex-direction: column; font-family: var(--vkui--font_family_accent); height: 100%; padding: 16px; text-align: left; width: 100%; } .RepeatPurchaseMobileModal__text--2o3Q6 { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); } .RepeatPurchaseMobileModal__transparent--1v7u_ { background-color: initial !important; } .Specialinfo__root--3h2AU { align-items: center; background: var(--vkui--color_background_contrast_inverse); border-radius: var(--vkui--size_card_border_radius--regular); bottom: 46px; box-shadow: 0 0 2px var(--vkui--color_background_tertiary_alpha--hover),0 0 24px var(--vkui--color_background_tertiary_alpha--active); box-sizing: border-box; display: flex; font-family: var(--font-tt-norms); font-size: 15px; gap: 16px; left: 50%; line-height: 20px; overflow: hidden; padding: 12px 16px; position: fixed; transform: translateX(-50%); width: 600px; z-index: 1000; } @media (max-width: 768px) { .Specialinfo__root--3h2AU { bottom: 16px; left: 16px; max-width: 600px; right: auto; transform: translateX(0px); width: calc(100% - 32px); } } @media (max-width: 420px) { .Specialinfo__root--3h2AU { flex-direction: column; } } .Specialinfo__title--3yV1g { color: var(--vkui--color_text_contrast); font-weight: 500; margin-bottom: 8px; text-overflow: ellipsis; white-space: nowrap; } .Specialinfo__text--2PBq6, .Specialinfo__title--3yV1g { overflow: hidden; } .Specialinfo__text--2PBq6 { -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: var(--vkui--color_text_tertiary); display: -webkit-box; } .Specialinfo__container--2cpaY { max-width: 100%; } .Specialinfo__button--2Wu6J { margin-left: auto; } @media (max-width: 420px) { .Specialinfo__button--2Wu6J { margin-left: 0px; } } .LegalBlock__root--1dLAK { inset: 8px 8px auto auto; height: 28px; position: absolute; width: 28px; z-index: 12; } .LegalBlock__mobile_root--2BqGa { height: 40px; width: 40px; } .LegalBlock__popup--2XzYS { inset: auto 11px -160px auto; color: var(--vkui--color_text_primary_invariably); flex-direction: column; gap: 12px; padding: 10px 12px 8px; position: absolute; width: 179px; } .LegalBlock__iconWrapper--3IbPf, .LegalBlock__popup--2XzYS { backdrop-filter: blur(60px); background-color: rgba(0, 16, 61, 0.12); border-radius: 8px; display: flex; } .LegalBlock__iconWrapper--3IbPf { align-items: center; color: rgba(39, 43, 55, 0.5); height: 100%; justify-content: center; width: 100%; } .LegalBlock__iconWrapper--3IbPf:hover { cursor: pointer; } .LegalBlock__mobile_root--2BqGa .LegalBlock__iconWrapper--3IbPf { border-radius: 16px; } .LegalBlock__title--VJ42H { font-size: var(--vkui--font_caption1--font_size--regular); font-weight: 500; line-height: var(--vkui--font_caption1--line_height--regular); } .LegalBlock__list--2utFX { flex-direction: column; gap: 12px; } .LegalBlock__item--GYw2g, .LegalBlock__list--2utFX { display: flex; } .LegalBlock__item--GYw2g { --vkui--color_text_link: var(--vkui--color_text_primary_invariably); align-items: center; gap: 8px; } .LegalBlock__item--GYw2g a:hover { color: var(--vkui--color_text_primary_invariably); } .LegalBlock__item--GYw2g svg { flex-shrink: 0; } .SummerCampaign2026ModalMobile__root--1pkti { font-family: var(--font-tt-norms),"VKSansDisplay","Helvetica","Arial","sans-serif"; height: 100%; overflow: hidden; width: 100%; } .SummerCampaign2026ModalMobile__root--1pkti, .SummerCampaign2026ModalMobile__textBlock--3HN1- { display: flex; flex-direction: column; } .SummerCampaign2026ModalMobile__textBlock--3HN1- { box-sizing: border-box; padding: 24px 16px; text-align: left; } .SummerCampaign2026ModalMobile__title--P0ORh { font-family: var(--vkui--font_title1--font_family--compact); font-size: var(--vkui--font_title1--font_size--compact); font-weight: var(--vkui--font_title1--font_weight--compact); line-height: var(--vkui--font_title1--line_height--compact); } .SummerCampaign2026ModalMobile__text--350EC { font-size: 16px; font-weight: 400; line-height: 20px; } .SummerCampaign2026ModalMobile__imageWrapper--2qzzO { position: relative; width: 100%; } .SummerCampaign2026ModalMobile__image--oqOlz { z-index: 10; } .SummerCampaign2026ModalMobile__animation--1WeM6, .SummerCampaign2026ModalMobile__image--oqOlz { object-fit: contain; width: 100%; } .SummerCampaign2026ModalMobile__animation--1WeM6 { border-radius: 25px 25px 0px 0px; inset: -2px auto auto 0px; height: 100%; position: absolute; z-index: 11; } .SummerCampaign2026ModalMobile__secondary--1PaUZ { background-color: initial !important; } .SummerCampaign2026Modal__root--3bI-V { position: relative; } .SummerCampaign2026Modal__title--2OOjC { width: 559px; } .SummerCampaign2026Modal__text--2oF2P { font-family: var(--font-tt-norms),"VKSansDisplay","Helvetica","Arial","sans-serif"; margin-bottom: 24px; width: 579px; } .SummerCampaign2026Modal__imageWrapper--2y5zW { height: 260px; } .SummerCampaign2026Modal__image--5ddES { z-index: 10; } .SummerCampaign2026Modal__animation--1XWNe, .SummerCampaign2026Modal__image--5ddES { inset: 0px auto auto 0px; height: 100%; object-fit: contain; position: absolute; width: 100%; } .SummerCampaign2026Modal__animation--1XWNe { z-index: 11; } :root { --color-bg-vkpay: #eaedf0; --color-bg-midas: #fff; } .TariffBuy__root--2HjQ2 { display: flex; flex: 1 1 0%; flex-direction: column; min-height: 500px; } .TariffBuy__root_mobile--nlLS4 { background-color: var(--color-bg-vkpay); } .TariffBuy__root_mobile--nlLS4 .TariffBuy__dmrContainer--3Q23v { min-height: 330px; } .TariffBuy__root_mobile--nlLS4 .TariffBuy__footer--1cIyg { background-color: var(--color-bg-vkpay); margin-bottom: 0px; margin-top: 0px; padding: 20px; } .TariffBuy__root_mobile--nlLS4 .TariffBuy__footer_success--3aLGD { margin-bottom: 190px; } .TariffBuy__root_trial--v6mbt, .TariffBuy__root_trial--v6mbt .TariffBuy__footer--1cIyg { background-color: inherit; } .TariffBuy__root_midasMobile--2E2kT { background-color: var(--color-bg-midas); height: 100%; position: relative; } .TariffBuy__root_midasMobile--2E2kT .TariffBuy__footer--1cIyg { padding-top: 10px; } .TariffBuy__root_midasMobile--2E2kT .TariffBuy__dmrContainer--3Q23v { height: 100%; min-height: 530px; } .TariffBuy__root_midasMobile--2E2kT .TariffBuy__description--1oIpb { margin-top: 0px; padding: 8px 16px 0px; } .TariffBuy__note--C8qDO { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_footnote--font_size--regular); line-height: var(--vkui--font_footnote--line_height--regular); margin: 0px 20px; } .TariffBuy__dmr--2WGbJ { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .TariffBuy__dmrContainer--3Q23v { height: 560px; min-height: 530px; overflow-y: auto; position: relative; width: 100%; } .TariffBuy__footer--1cIyg { background-color: var(--color-bg-vkpay); margin-bottom: 0px; margin-top: 0px; padding: 20px; } .TariffBuy__mobileModal--2Y_gV.ui.modal { border-radius: 0px; } .TariffBuy__midasModal--3mv7d.ui.larger.modal { width: 520px; } .TariffBuy__midasModal--3mv7d.TariffBuy__mobileModal--2Y_gV.ui.modal { width: inherit; } .TariffBuy__midasModal--3mv7d.TariffBuy__mobileModal--2Y_gV.ui.modal .content { height: 100%; } .TariffBuy__description--1oIpb { color: var(--cloud-color_text_default); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_title3--font_size--compact); line-height: var(--vkui--font_title3--line_height--compact); margin-top: -12px; padding: 0px 16px 16px; } .TariffBuy__headerBlock--3Lk0B { background-color: var(--color-bg-midas); display: flex; flex-direction: row; padding: 12px 16px 0px; } .TariffBuy__header--2htx2 { font-family: var(--vkui--font_family_accent); font-size: 22px; font-weight: 400; line-height: 26px; } .TariffBuy__headerContainer--2dGU- { align-items: center; display: flex; gap: 8px; } .TariffBuy__headerContainer--2dGU- .TariffBuy__backIcon--3J0SY { padding: 0px; } .TariffBuy__closeIcon--4auam { align-items: center; background-color: rgb(245, 245, 245); border-radius: 50%; color: var(--vkui--color_icon_secondary); display: flex; flex-shrink: 0; height: 24px; justify-content: center; margin-left: auto; width: 24px; } .TariffBuy__subtitle--3yBDo { color: var(--vkui--color_text_secondary); display: block; font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_subhead--font_size--regular); line-height: var(--vkui--font_subhead--line_height--regular); } .TrialDescriptionModalMobile__title--1VUcb { font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: var(--vkui--font_title1--line_height--regular); text-align: left; } .TrialDescriptionModalMobile__subTitle--pU8ZJ { font-size: 18px; font-weight: 400; line-height: 24px; } .TrialDescriptionModalMobile__featureList--2oxpy { background-color: rgb(51, 51, 51); border-radius: 12px; display: flex; flex-direction: column; gap: 24px; padding: 20px 16px; width: calc(100% - 32px); } .TrialDescriptionModalMobile__feature--1v4XW { gap: 12px; } .TrialDescriptionModalMobile__feature--1v4XW, .TrialDescriptionModalMobile__icon--1CLzB { align-items: center; display: flex; } .TrialDescriptionModalMobile__icon--1CLzB { background-color: rgba(255, 255, 255, 0.08); border-radius: 8px; height: 32px; justify-content: center; width: 32px; } .TrialDescriptionModalMobile__featureText--PZ2lE { font-size: var(--vkui--font_text--font_size--regular); font-weight: var(--vkui--font_text--font_weight--regular); line-height: var(--vkui--font_text--line_height--regular); } .TrialDescriptionModalMobile__button--fOyjY { height: 44px; width: 100%; } .VirusDialog__root--TWxVW.ui.modal { border: 2px solid var(--vkui--color_text_negative); max-width: 370px; min-width: 215px; width: auto; } .VirusDialog__header--pwBPb { color: var(--vkui--color_text_negative); } .VirusDialog__content--1A1vU { align-items: center; display: flex; flex-direction: column; min-height: 220px; padding: 10px 0px 0px; } .VirusDialog__content_scrollable--1lkhX { overflow: auto; } .VirusDialog__footer--33S4K { justify-content: center; padding-left: 12px; } .VirusDialog__buttonWrapper--1iUv1, .VirusDialog__footer--33S4K { display: flex; } .VirusDialog__buttonWrapper--1iUv1 > .ui.button { margin-right: 12px; padding: 12px 30px; } .VirusDialog__iconWrapper--EYRoR { height: 80px; width: 80px; } .VirusDialog__description--3UJ4- { color: var(--vkui--color_text_primary); cursor: pointer; margin-top: 30px; max-width: 240px; } .VirusDialog__delete--2QjCh { color: var(--vkui--color_text_negative); text-decoration: underline; } .VkMusicBundleLicenseNote__footer--2LV8j { display: flex; margin-top: 12px; } .VkMusicBundleLicenseNote__footer--2LV8j span { color: var(--vkui--color_text_secondary); font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } .VkMusicBundleLicenseNote__footer--2LV8j a { color: var(--vkui--color_text_link); } .VkMusicBundleModal__text--2tvgf { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_subtitle_custom--font_size); font-weight: var(--vkui--font_subtitle_custom--font_weight); line-height: var(--vkui--font_subtitle_custom--line_height); } .VkMusicBundleModal__root--jxm__.VkMusicBundleModal__dark--ecb_x { --price-container-bg-color: var(--vkui--color_accent_pink); --price-color: #fff; --decoration-color: var(--vkui--color_accent_lime); --point-color: var(--vkui--color_accent_blue); } .VkMusicBundleModal__root--jxm__.VkMusicBundleModal__light--3X4nU { --price-container-bg-color: #a6d4ff; --price-color: var(--vkui--color_accent_blue); --decoration-color: var(--vkui--color_accent_blue); --point-color: var(--vkui--color_accent_blue); } .VkMusicBundleModal__featureList--1X1ML { display: flex; flex-direction: column; gap: 8px; margin: 0px; padding: 0px; } .VkMusicBundleModal__featureList--1X1ML .VkMusicBundleModal__feature--10zh2 { align-items: center; display: flex; flex-direction: row; gap: 10px; } .VkMusicBundleModal__featureList--1X1ML .VkMusicBundleModal__feature--10zh2 .VkMusicBundleModal__point--34-fV { color: var(--point-color); } .VkMusicBundleModal__imageWrapper--CjF5v { height: 260px; } .VkMusicBundleModal__imageWrapper--CjF5v .VkMusicBundleModal__image--eZxKU { pointer-events: none; } .VkMusicBundleModal__imageWrapper--CjF5v .VkMusicBundleModal__priceContainer--31BBE { stroke: var(--decoration-color); background-color: var(--price-container-bg-color); border-radius: 63px; color: var(--price-color); left: 382px; padding: 18px 16px 16px; position: absolute; top: 52px; } .VkMusicBundleModal__imageWrapper--CjF5v .VkMusicBundleModal__priceContainer--31BBE .VkMusicBundleModal__decoration--pBk2d { position: absolute; right: -31px; top: -24px; } .VkMusicBundleModal__imageWrapper--CjF5v .VkMusicBundleModal__priceContainer--31BBE .VkMusicBundleModal__price--34dcv { font-size: 32px; font-weight: 500; line-height: 100%; } .VkMusicBundleModal__content--1nukg { padding-top: 284px; } .VkMusicCancelSubscriptionMobile__text--2PmKj { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); } .VkMusicCancelSubscriptionMobile__rootMobile--2uu7O .VkMusicCancelSubscriptionMobile__image--1m4Sm { border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; } .VkMusicCancelSubscriptionMobile__rootMobile--2uu7O .VkMusicCancelSubscriptionMobile__content--3ZEJq { padding: 6px 24px 24px; } .VkMusicCancelSubscriptionMobile__rootMobile--2uu7O .VkMusicCancelSubscriptionMobile__buttonWrapper--2j7U5 { padding: 0px 16px 16px; } .VkMusicCancelSubscriptionMobile__rootMobile--2uu7O .VkMusicCancelSubscriptionMobile__buttonWrapper--2j7U5 .ui.button { -webkit-font-smoothing: antialiased; } .VkMusicConfirmModal__root--2jffk.modal.ui { border-radius: 16px; width: 436px; } .VkMusicConfirmModal__imageWrapper--3i9p1 { background-color: var(--vkui--color_background_secondary); } .VkMusicConfirmModal__imageWrapper--3i9p1.VkMusicConfirmModal__small--2k1yg { height: 194px; } .VkMusicConfirmModal__image--2yrSZ { color: blue; } .VkMusicConfirmModal__content--Fy7GQ.VkMusicConfirmModal__small--2k1yg { padding-top: 224px; } .VkMusicConfirmModal__avatars--eyCSR { flex-direction: row; pointer-events: none; } .VkMusicConfirmModal__avatars--eyCSR, .VkMusicConfirmModal__profileinfo--3gRAh { align-items: center; display: flex; } .VkMusicConfirmModal__profileinfo--3gRAh { flex-direction: column; } .VkMusicConfirmModal__vkidAvatar--2IvjU { border: 4px solid transparent; box-sizing: initial; margin-left: -20px; } .VkMusicConfirmModal__vkidAvatar--2IvjU.VkMusicConfirmModal__single--9MZjb { margin-left: -5px; } .VkMusicConfirmModal__vkLogo--J3D98 { height: 30px; position: absolute; right: -1px; top: 43px; width: 30px; } .VkMusicConfirmModal__phone--13W6I { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_subhead--font_size--regular); margin-top: 4px; } .VkMusicSuccessModal__imageWrapper--358Fp { height: 260px; } .VkMusicSuccessModal__imageWrapper--358Fp .VkMusicSuccessModal__image--S7SzO { pointer-events: none; } .VkMusicSuccessModal__content--1y32l { padding-top: 284px; } .VkMusicSuccessModal__root--deDCt .closeIcon:hover { background-color: rgba(255, 255, 255, 0.16); } .VkMusicSuccessModal__root--deDCt .VkMusicSuccessModal__cross--38dn0 { color: rgb(231, 232, 234); } .WebPushBubble__content--2xhOu { box-sizing: border-box; display: flex; flex-direction: column; padding: 20px 32px 20px 20px; position: relative; width: 344px; } .WebPushBubble__text--3GDc9 { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_paragraph--font_size--regular); margin-bottom: 12px; } .WebPushBubble__buttons--2syXC { display: flex; gap: 8px; } .WebPushBubble__target--mQxeJ { left: 28px; position: fixed; top: 16px; } .WebPushBubble__tooltip--2EtCW { max-width: 100vw; transform: translateX(-50%); left: 50% !important; } .SubscribedToVigboModal__imageWrapper--3AYdc { height: 240px; } .SubscribedToVigboModal__imageWrapper--3AYdc .SubscribedToVigboModal__image--3wp1K { pointer-events: none; } .SubscribedToVigboModal__content--1r3UZ { padding-top: 258px; } .SubscribedToVigboModal__root--2NbaK.modal.ui.large { max-width: calc(100% - 16px); width: 540px; } .SubscribedToVigboModal__root--2NbaK .closeIcon:hover { background-color: rgba(255, 255, 255, 0.16); } .SubscribedToVigboModal__root--2NbaK .SubscribedToVigboModal__cross--_HCF0 { color: var(--color_text_muted--dark); } .SubscribedToVigboModal__text--3QLkI { font-family: var(--vkui--font_title3_custom--font_family--regular); font-size: var(--vkui--font_title3_custom--font_size--regular); font-weight: var(--vkui--font_title3_custom--font_weight--regular); letter-spacing: 0px; line-height: var(--vkui--font_title3_custom--line_height--regular); } .SubscribedToVigboModal__vigboLicenceNote--1l2qY { margin-left: 8px; } .UnlimitedDocumentsNote__footer--vTDNf { display: flex; } .UnlimitedDocumentsNote__footer--vTDNf span { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_accent); font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } .UnlimitedDocumentsAsidePromo__root--2Qh9h { --close-color: hsla(220,7%,91%,.4); -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background_sky); border-radius: 30px; bottom: 16px; box-shadow: rgba(0, 10, 35, 0.08) 0px 72px 80px, rgba(0, 10, 35, 0.02) 0px 22px 24px, rgba(0, 10, 35, 0.03) 0px 8px 12px, rgba(0, 10, 35, 0.1) 0px 0px 48px; box-sizing: border-box; color: var(--vkui--color_text_primary); height: 312px; left: 16px; overflow: hidden; padding: 26px 69px 32px 30px; position: fixed; width: 476px; z-index: 1205; } .UnlimitedDocumentsAsidePromo__root--2Qh9h.UnlimitedDocumentsAsidePromo__light--3xl8I { --close-color: rgba(44,45,46,.4); } .UnlimitedDocumentsAsidePromo__content--2HJxs { position: relative; text-align: left; } .UnlimitedDocumentsAsidePromo__image--194QF { bottom: 0px; height: 193px; pointer-events: none; position: absolute; right: 2px; width: 196px; } .UnlimitedDocumentsAsidePromo__footer--N2mxu { width: 264px; } .UnlimitedDocumentsAsidePromo__close--3XepQ { align-items: center; background-color: var(--vkui--color_background_secondary_alpha); border-radius: 50%; color: var(--close-color); cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 16px; top: 16px; width: 32px; } .UnlimitedDocumentsAsidePromo__close--3XepQ:hover { color: var(--vkui--color_icon_primary--hover); opacity: 0.68; } .UnlimitedDocumentsAsidePromo__close--3XepQ:active { color: var(--vkui--color_icon_primary--active); opacity: 0.68; } .UnlimitedDocumentsModal__text--3nxlS { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_subtitle_custom--font_size); font-weight: var(--vkui--font_subtitle_custom--font_weight); line-height: var(--vkui--font_subtitle_custom--line_height); } .UnlimitedDocumentsModal__image--1A9XG { pointer-events: none; } .UnlimitedDocumentsModal__footerNote--1Ml1x { margin-left: 4px; width: 290px; } .UnlimitedDocumentsModal__footer--1IKQc { justify-content: flex-end; } .UnlimitedDocumentsThanksModal__text--21N4b { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_subtitle_custom--font_size); font-weight: var(--vkui--font_subtitle_custom--font_weight); line-height: var(--vkui--font_subtitle_custom--line_height); } .UnlimitedDocumentsThanksModal__image--zXVkw { pointer-events: none; } .UnlimitedDocumentsThanksModal__content--3QEvf { padding-top: 284px; } .MaxQrAdchoice__root--1lhoV { align-items: end; display: flex; flex-direction: column; gap: 7px; position: absolute; right: 58px; top: 8px; z-index: 2; } .MaxQrAdchoice__button--1TF3S { align-items: center; border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; transition: background-color 0.3s; width: 40px; } .MaxQrAdchoice__button--1TF3S:hover, .MaxQrAdchoice__buttonActive--2V6R3 { background-color: var(--vkui--color_background_secondary_alpha--hover); } .MaxQrAdchoice__content--2338g { backdrop-filter: blur(45px); background-color: var(--vkui--color_background_secondary_alpha); border-radius: 8px; display: flex; flex-direction: column; max-width: 184px; } .MaxQrAdchoice__contentTitle--1ixKs { letter-spacing: normal; padding: 10px 12px 2px; text-transform: none; } .MaxQrAdchoice__contentList--1NEGs { display: flex; flex-direction: column; padding: 4px 12px 8px 4px; } .MaxQrAdchoice__contentListItem--1fnOe { align-items: center; color: inherit; display: flex; flex-direction: row; gap: 8px; letter-spacing: normal; padding: 6px 8px; text-transform: none; } .MaxQrAdchoice__contentListItem--1fnOe:active, .MaxQrAdchoice__contentListItem--1fnOe:focus, .MaxQrAdchoice__contentListItem--1fnOe:hover { color: inherit; } .MaxQrAdchoice__contentListItemClickable--1bmtT { cursor: pointer; } .MaxQrAdchoice__contentListItemText--3QBWF { font-size: 14px !important; } .PopupMaxBotQrSubscription__root--3sBFA.ui.modal { -webkit-font-smoothing: antialiased; width: 540px; } .PopupMaxBotQrSubscription__root--3sBFA.ui.modal > .header { padding: 44px 32px 16px !important; } .PopupMaxBotQrSubscription__root--3sBFA.ui.modal > .content { padding: 24px 30px 12px !important; } .PopupMaxBotQrSubscription__root--3sBFA.ui.modal > .actions { padding: 24px 32px 32px !important; } .PopupMaxBotQrSubscription__closeIcon--2jDWJ { border-radius: 12px; height: 40px; width: 40px; } .PopupMaxBotQrSubscription__header--U5c45 { align-items: start; position: relative; } .PopupMaxBotQrSubscription__header--U5c45, .PopupMaxBotQrSubscription__headerQr--ZmXHl { display: flex; justify-content: center; } .PopupMaxBotQrSubscription__headerQr--ZmXHl { align-items: center; background: var(--vkui--color_background_contrast); border-radius: 22px; height: 180px; margin-top: 24px; width: 180px; } .PopupMaxBotQrSubscription__headerDecorLayer--3m85y { align-self: baseline; display: flex; flex-direction: column; left: 85px; position: absolute; top: -13px; } .PopupMaxBotQrSubscription__headerDecorLayer--3m85y .PopupMaxBotQrSubscription__label--1w8MT { background-color: var(--vkui--color_palette_lime); border: 2px solid var(--colors-text-primary-invariably); border-radius: 10px; color: var(--colors-text-primary-invariably); letter-spacing: normal; padding: 5px 8px; text-transform: none; transform: rotate(-7deg); } .PopupMaxBotQrSubscription__footer--3zo4I { display: flex; gap: 16px; } .PopupMaxBotQrSubscription__subtitle--3gxDB { font-size: 18px; } .PopupMaxBotQrSubscriptionHelp__root---hlv6.ui.modal { -webkit-font-smoothing: antialiased; width: 540px; } .PopupMaxBotQrSubscriptionHelp__root---hlv6.ui.modal > .header { padding: 12px 32px 0px !important; } .PopupMaxBotQrSubscriptionHelp__root---hlv6.ui.modal > .content { padding: 24px 32px 12px !important; } .PopupMaxBotQrSubscriptionHelp__root---hlv6.ui.modal > .actions { padding: 24px 32px 32px !important; } .PopupMaxBotQrSubscriptionHelp__closeIcon--38skI { border-radius: 12px; height: 40px; width: 40px; } .PopupMaxBotQrSubscriptionHelp__header--SsbgC { align-items: start; position: relative; } .PopupMaxBotQrSubscriptionHelp__header--SsbgC, .PopupMaxBotQrSubscriptionHelp__headerQr--1o5oW { display: flex; justify-content: center; } .PopupMaxBotQrSubscriptionHelp__headerQr--1o5oW { align-items: center; background: var(--vkui--color_background_contrast); border-radius: 22px; height: 180px; margin-bottom: 51px; margin-top: 21px; width: 180px; } .PopupMaxBotQrSubscriptionHelp__headerDecorLayer--qdRQl { bottom: 40px; display: flex; flex-direction: row; left: 85px; position: absolute; } .PopupMaxBotQrSubscriptionHelp__headerDecorLayer--qdRQl .PopupMaxBotQrSubscriptionHelp__label--HBNrv { align-self: end; background-color: var(--vkui--color_tooltip_background_blue_tint); border: 2px solid var(--vkui--color_background); border-radius: 10px; bottom: -40px; font-family: Arial; font-size: var(--vkui--font_footnote--font_size--regular); left: 3px; letter-spacing: normal; line-height: var(--vkui--font_footnote--line_height--regular); max-height: fit-content; padding: 8px 14px 10px; position: relative; text-transform: none; } .PopupMaxBotQrSubscriptionHelp__footer--29Wij { display: flex; gap: 16px; } .PopupMobileAppQR__root--2yUch.ui.modal { -webkit-font-smoothing: antialiased; width: 430px; } .PopupMobileAppQR__title--FDV9W { font-family: var(--vkui--font_family_accent); text-transform: none; } .PopupMobileAppQR__qrWrapper--YDlgL { align-items: center; display: flex; height: 268px; justify-content: center; width: 356px; } .PopupMobileAppQR__qrWrapper--YDlgL > canvas { background: var(--vkui--color_background_contrast); border-radius: 6px; box-sizing: border-box; padding: 4px; } .PopupMobileAppQR__qrWrapper_dark--GTS4t > canvas { background: transparent; } :root { --padding-promo: 32px; } .PreOverquotaModal__root--2Xm-g a { color: var(--vkui--color_text_accent); text-decoration: none; } @media only screen and (max-width: 767px) { .PreOverquotaModal__root--2Xm-g.ui.modal > .content { padding: 0px 32px !important; } .PreOverquotaModal__root--2Xm-g.ui.modal > .content { display: block; } } .PreOverquotaModal__root--2Xm-g.modal.ui { width: 420px; } .PreOverquotaModal__content--1MGv1 { font-family: var(--vkui--font_family_accent); padding: 125px 0 var(--padding-promo); position: relative; } .PreOverquotaModal__imageWrapper--2KMFC { align-items: flex-start; background-color: var(--vkui--color_background_modal); color: var(--vkui--color_text_negative); display: flex; height: 125px; justify-content: center; left: calc(var(--padding-promo)*-1); position: absolute; right: calc(var(--padding-promo)*-1); top: 0px; } .PreOverquotaModal__title--1XKjp { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-size: 24px; font-weight: 500; line-height: 28px; margin-top: 25px; } .PreOverquotaModal__title--1XKjp::first-letter { text-transform: uppercase; } .PreOverquotaModal__title--1XKjp > span { color: var(--vkui--color_text_negative); } .PreOverquotaModal__text--e2g9L { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); line-height: 22px; margin-bottom: 24px; margin-top: 12px; white-space: pre-wrap; } .PreOverquotaModal__text--e2g9L, .PreOverquotaModal__text--e2g9L span { font-size: var(--vkui--font_title3--font_size--compact); } .PreOverquotaModal__text--e2g9L span { color: var(--vkui--color_stroke_negative); font-weight: var(--vkui--font_title1--font_weight--compact); } .PreOverquotaModal__footerWrapper--3NwwL { display: flex; gap: 16px; } .PreOverquotaModal__button---JVBt.ui.button { -webkit-font-smoothing: antialiased; font-size: 15px; font-weight: 500; width: auto; } .PreOverquotaModal__imageIcon--1uDda { margin-top: 53px; transform: rotate(180deg); } .PreOverquotaModal__rootMobile--Lu-Ny { padding: 8px; position: relative; z-index: 10; } .PreOverquotaModal__rootMobile--Lu-Ny .PreOverquotaModal__imageWrapper--2KMFC { position: static; } .PreOverquotaModal__rootMobile--Lu-Ny .PreOverquotaModal__title--1XKjp { margin-top: 38px; } .PreOverquotaModal__rootMobile--Lu-Ny .PreOverquotaModal__text--e2g9L { font-size: var(--vkui--font_title3--font_size--regular); } .PreOverquotaModal__rootMobile--Lu-Ny .PreOverquotaModal__footerWrapper--3NwwL { flex-direction: column; gap: 12px; padding: 0px; } .PublicInfoModal__root--NRCFY.ui.modal > .header { padding: 20px 20px 0px; } .PublicInfoModal__root--NRCFY.ui.modal > .content { -webkit-font-smoothing: antialiased; padding: 0px 16px 16px; } .PublicInfoModal__group--351F0 { background-color: var(--cloud--color_background_web_background_portal); border-radius: 12px; padding: 12px 16px; } .PublicInfoModal__row--3rB2b { display: flex; justify-content: space-between; } .PublicInfoModal__lock--ysyT0 { color: var(--vkui--color_icon_accent); height: auto; width: auto; } .PublicInfoModal__caption--2k1Sy { color: var(--vkui--color_text_secondary); font-size: var(--vkui--font_headline2--font_size--compact); } .PublicInfoModal__shareButtons--rP71x { display: flex; gap: 4px; } .PublicInfoModal__shareIcon--2dcJH { background-color: var(--vkui--color_background); color: var(--vkui--color_icon_positive); } .PublicInfoModal__accessIcon--G9y8J, .PublicInfoModal__shareIcon--2dcJH { align-items: center; display: flex; height: 40px; justify-content: center; width: 40px; } .PublicInfoModal__accessIcon--G9y8J { background-color: var(--cloud--color_transparent–hover); } .PublicInfoModal__placement--1BaOh { max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .PublicInfoModal__counter--3zOkm { align-items: center; display: flex; gap: 8px; } .PublicInfoModal__skeleton--3zT4h { animation: 1s linear 0s infinite normal none running PublicInfoModal__shine--12sX8; background-color: var(--vkui--color_background_secondary); background-image: linear-gradient(90deg, rgba(244, 244, 246, 0) 29.39%, rgba(255, 255, 255, 0.54) 52.41%, rgba(244, 244, 246, 0) 75%); background-size: 200% 100%; box-sizing: border-box; height: 76px; } .vkui--cloud--dark .PublicInfoModal__skeleton--3zT4h { background-image: linear-gradient(90deg, rgba(52, 52, 52, 0) 29.39%, rgba(107, 107, 107, 0.2) 52.41%, rgba(52, 52, 52, 0) 75%); } @keyframes PublicInfoModal__shine--12sX8 { 100% { background-position-x: -200%; } } .Countdown__root--2J2vH { display: flex; justify-content: center; } .Countdown__time--2nap8 { position: relative; text-align: center; width: 30px; } .Countdown__time--2nap8:not(:last-of-type) { margin-right: 12px; } .Countdown__time--2nap8:not(:last-of-type)::after { color: var(--vkui--color_text_primary); content: ":"; font-size: 17px; font-weight: 700; position: absolute; right: -8px; top: 0px; } .Countdown__name--2z41b { color: var(--vkui--color_text_secondary); font-size: 13px; margin-top: -2px; } .Countdown__value--gvXj4 { color: var(--vkui--color_text_primary); font-size: 17px; font-weight: 700; } .Countdown__icon--11T-L { margin-right: 4px; } .Countdown__icon--11T-L path { fill: currentcolor; } .Countdown__plainText--Sd2IX { align-items: center; display: flex; font-family: var(--font-tt-norms); font-size: 10px; font-weight: 500; } .Countdown__plainText_light--1dF5R { color: var(--vkui--color_text_contrast); } .TariffCard__root--1PDzY { background: var(--vkui--color_background_modal); border: 2px solid var(--vkui--color_field_border_alpha); border-radius: 20px; box-sizing: border-box; cursor: default; display: flex; flex-direction: column; margin-bottom: 82px; max-width: 260px; min-width: 260px; padding: 42px 1px 15px; position: relative; width: 260px; } .TariffCard__root--1PDzY:hover { border: 2px solid var(--vkui--color_field_border_alpha--hover); box-shadow: 0 34px 44px -8px var(--vkui--color_background_tertiary_alpha--hover); transition: box-shadow 0.15s ease-in-out; } .TariffCard__root--1PDzY .TariffCard__units--2oWVv { font-family: var(--vkui--font_family_accent); font-size: 22px; font-weight: 700; margin-top: 7px; } .TariffCard__root--1PDzY .TariffCard__features--10zGf > ul { padding-top: 15px; } .TariffCard__root--1PDzY.TariffCard__root_primary--1TDFJ { border-color: var(--vkui--color_stroke_accent); padding: 42px 0px 15px; } .TariffCard__root--1PDzY.TariffCard__root_primary--1TDFJ:hover { border: 3px solid var(--vkui--color_stroke_accent--hover); } .TariffCard__root--1PDzY.TariffCard__root_promocode--11-WJ { padding: 42px 0px 15px; } .TariffCard__root--1PDzY.TariffCard__root_promocode--11-WJ:hover { border: 3px solid rgb(255, 212, 0); box-shadow: rgba(192, 138, 0, 0.28) 0px 34px 44px -8px; } .TariffCard__root--1PDzY.TariffCard__root_promocode--11-WJ .TariffCard__headerLabel--3MqK1 { right: -3px; top: -3px; } .TariffCard__root--1PDzY.TariffCard__root_gift--2uqON { border-color: var(--vkui--color_accent_secondary); } .TariffCard__root--1PDzY.TariffCard__root_gift--2uqON .TariffCard__headerLabel--3MqK1 { align-items: center; background: rgb(255, 233, 212); border: 3px solid var(--vkui--color_accent_secondary); border-bottom-left-radius: 20px; border-top-right-radius: 20px; box-sizing: border-box; display: flex; height: 42px; justify-content: center; position: absolute; right: -3px; top: -3px; width: 48px; } .TariffCard__root--1PDzY.TariffCard__root_gift--2uqON:hover { border-color: var(--vkui--color_accent_secondary); box-shadow: rgba(192, 92, 0, 0.28) 0px 34px 44px -8px; } .TariffCard__root_showGifts--14CQc .TariffCard__name--23PVl { margin-left: 28px; margin-top: 6px; } .TariffCard__root_pro--2WHSg .TariffCard__headerLabel--3MqK1 { align-items: center; background: rgb(240, 245, 255); border: 3px solid var(--vkui--color_background_accent); border-bottom-left-radius: 20px; border-top-right-radius: 20px; box-sizing: border-box; display: flex; height: 42px; justify-content: center; position: absolute; right: -2px; top: -2px; width: 68px; } .TariffCard__root_propro--1ez6h { border: 1px solid var(--vkui--color_field_border_alpha); border-radius: 12px; max-width: 348px; min-width: 348px; padding: 40px 1px 32px; width: 348px; } .TariffCard__root_propro--1ez6h:hover { border: 1px solid var(--vkui--color_field_border_alpha--hover); box-shadow: 0 4px 32px var(--vkui--color_image_border_alpha--active); } .TariffCard__root_propro--1ez6h .TariffCard__name--23PVl { font-size: 44px; } .TariffCard__root_propro--1ez6h .TariffCard__units--2oWVv { font-size: 20px; font-weight: 700; margin-left: 4px; } .TariffCard__root_propro--1ez6h .TariffCard__switch--Orvks { margin-top: 16px; } .TariffCard__root_propro--1ez6h .TariffCard__switchLabel--3eZet { font-size: 17px; } .TariffCard__root_propro--1ez6h .TariffCard__footer--26hg7 { padding-top: 4px; } .TariffCard__root_propro--1ez6h .TariffCard__button--1hl0P.ui.button { border-radius: 8px; height: 48px; line-height: 23px; } .TariffCard__root_propro--1ez6h .TariffCard__priceBtn--1-YzY { font-size: 17px; } .TariffCard__root_propro--1ez6h .TariffCard__features--10zGf { padding-top: 13px; } .TariffCard__root_propro--1ez6h .TariffCard__features--10zGf .TariffCard__feature--1Qfkr { font-family: var(--font-inter); font-weight: 400; padding: 8px 0px; } .TariffCard__root_primary--1TDFJ { border: 3px solid var(--vkui--color_background_accent); } .TariffCard__root_primary--1TDFJ:hover { border-color: var(--vkui--color_background_accent--hover); } .TariffCard__root_primary--1TDFJ .TariffCard__headerLabel--3MqK1 { right: -3px; top: -3px; } .TariffCard__root_primary--1TDFJ .TariffCard__priceBtn--1-YzY { color: var(--vkui--color_text_contrast); } .TariffCard__root_promocode--11-WJ { border: 3px solid rgb(255, 212, 0); } .TariffCard__root_focused--3x2yz { box-shadow: rgba(0, 0, 0, 0.15) 0px 54px 74px; } .TariffCard__root_focused--3x2yz .TariffCard__button--1hl0P.ui.button { background-color: var(--vkui--color_background_accent); border: 1px solid var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .TariffCard__root_focused--3x2yz.TariffCard__root--1PDzY { box-shadow: none; } .TariffCard__root_focused--3x2yz.TariffCard__root--1PDzY:hover { box-shadow: 0 34px 44px -8px 1px solid var(--vkui--color_background_tertiary_alpha--active); } .TariffCard__features--10zGf { padding: 0px; } .TariffCard__header--1RNYQ { align-items: center; display: flex; margin: initial; padding-left: 5px; } .TariffCard__header--1RNYQ .TariffCard__tariffInfo--19fjw { display: flex; flex-grow: 1; justify-content: center; margin-right: 20px; margin-top: 10px; } @media (min-width: 1366px) { .TariffCard__header--1RNYQ { padding: 0px 30px 0px 5px; } } .TariffCard__header_center--2Smhw { padding: 0px 5px; } .TariffCard__header_center--2Smhw .TariffCard__tariffInfo--19fjw { margin-right: 0px; } @media (min-width: 1366px) { .TariffCard__header_center--2Smhw { padding: 0px 5px; } } .TariffCard__header_propro--2U5Ii { flex-direction: column; padding-right: 5px; } .TariffCard__header_propro--2U5Ii .TariffCard__tariffInfo--19fjw { margin-right: 0px; margin-top: 0px; } .TariffCard__name--23PVl { font-family: var(--font-tt-norms); font-size: 52px; font-weight: 500; margin-left: 0px; } .TariffCard__name_business--3Rzyo { font-size: 28px; line-height: 32px; margin-top: -20px; } .TariffCard__nameLabel--qyJDO { font-family: var(--font-tt-norms); font-size: 22px; font-weight: 700; line-height: 22px; margin-left: 8px; margin-top: 9px; } .TariffCard__nameLabel_64--3Ns0B { color: rgb(47, 162, 162); } .TariffCard__nameLabel_128--1RILQ { color: rgb(68, 152, 17); } .TariffCard__nameLabel_256--rBMSh { color: rgb(85, 88, 170); } .TariffCard__nameLabel_512--2GUel { color: rgb(193, 122, 15); } .TariffCard__nameLabel_1--Zw-XU { color: rgb(180, 79, 115); } .TariffCard__nameLabel_2--261hy { color: rgb(31, 48, 92); } .TariffCard__nameLabel_4--38g5j { color: rgb(67, 78, 79); } .TariffCard__footer--26hg7 { font-size: 15px; font-weight: 500; margin-top: inherit; padding: 21px 23px 0px; } .TariffCard__button--1hl0P.ui.button { background: var(--vkui--color_background_secondary); border: 1px solid var(--vkui--color_field_border_alpha); border-radius: 12px; box-shadow: none; color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 18px; font-weight: 700; height: 56px; line-height: 23px; position: relative; z-index: 1; } @media (max-width: 1120px) { .TariffCard__button--1hl0P.ui.button { padding: 8px 0px; } } .TariffCard__button--1hl0P.ui.button:hover { border: 1px solid var(--vkui--color_overlay_primary); } .TariffCard__button--1hl0P.ui.button:hover ::before { background: var(--vkui--color_transparent--hover); border-radius: 12px; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: -1; } .TariffCard__button--1hl0P.ui.button.ui.primary.button { background-color: var(--vkui--color_background_accent); border: 1px solid var(--vkui--color_background_accent); } .TariffCard__button--1hl0P.ui.button.ui.primary.button .TariffCard__priceDesc--2AhEf { color: var(--color-gray-snow); } .TariffCard__button--1hl0P.ui.button.ui.primary.button:hover ::before { background: var(--vkui--color_transparent--hover); border-radius: 12px; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: -1; } .TariffCard__priceDesc--2AhEf { color: var(--vkui--color_text_primary); font-size: 14px; opacity: 0.6; } .TariffCard__save--qxJ19 { font-size: 14px; line-height: 26px; margin-top: 12px; } .TariffCard__save--qxJ19, .TariffCard__yearPriceNote--3tv3- { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); text-align: center; } .TariffCard__yearPriceNote--3tv3- { font-size: 15px; font-weight: 400; margin-top: 20px; } .TariffCard__save_green--1oEKw { color: var(--vkui--color_text_positive); } .TariffCard__priceOld--1PLEl { align-items: center; color: rgb(168, 198, 251); display: inline-block; font-family: var(--font-tt-norms); font-weight: 400; justify-content: center; margin: 0px 10px; position: relative; } .TariffCard__priceOld--1PLEl::after { background-color: var(--vkui--color_background_content); border-radius: 1px; content: ""; height: 2px; left: -2px; position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% + 4px); } .TariffCard__priceBtn--1-YzY, .TariffCard__secondaryButton--2XugN { font-family: var(--font-tt-norms); font-size: 18px; font-weight: 500; } .TariffCard__secondaryButton--2XugN { color: var(--vkui--color_text_primary); cursor: pointer; line-height: 13px; margin-bottom: 25px; margin-top: 26px; text-align: center; } .TariffCard__secondaryButton--2XugN:hover { color: var(--vkui--color_text_link); } .TariffCard__secondaryButton_primary--2mWUb { color: var(--vkui--color_text_accent); margin-bottom: 10px; } .TariffCard__root--1PDzY .TariffCard__feature--1Qfkr { font-family: var(--vkui--font_family_accent); font-size: 15px; line-height: 20px; padding: 11px 0px; } @media (min-width: 1366px) { .TariffCard__root--1PDzY .TariffCard__feature--1Qfkr { font-size: var(--vkui--font_text--font_size--regular); padding: 12px 0px; } } .TariffCard__label--3_ql5 { background: var(--color-promoCode); color: var(--vkui--color_text_contrast); font-weight: 700; left: 0px; padding: 1px 6px; top: 0px; } .TariffCard__label--3_ql5, .TariffCard__textLabelBlock--3Mc2B { font-size: 13px; position: absolute; } .TariffCard__textLabelBlock--3Mc2B { align-items: center; display: flex; flex-direction: row; font-family: var(--font-tt-norms); font-weight: 500; justify-content: center; line-height: 16px; right: -2px; top: -2px; } .TariffCard__textLabelDiscount--pR9Zs { background: var(--vkui--color_background_secondary_alpha); color: var(--vkui--color_text_secondary); margin-right: -18px; padding: 10px 30px 10px 16px; } .TariffCard__textLabel--1K7a4, .TariffCard__textLabelDiscount--pR9Zs { border-bottom-left-radius: 20px; } .TariffCard__textLabel--1K7a4 { border-top-right-radius: 20px; padding: 10px 16px; text-align: center; width: 100%; } .TariffCard__textLabel_32--2sM5d { background: rgb(219, 246, 178); color: rgb(68, 152, 17); } .TariffCard__textLabel_64--3pIDB { background: rgb(183, 244, 244); color: rgb(47, 162, 162); } .TariffCard__textLabel_128--3R8uo { background: rgb(219, 246, 178); color: rgb(68, 152, 17); } .TariffCard__textLabel_256--1KKo5 { background: rgb(217, 218, 249); color: rgb(85, 88, 170); } .TariffCard__textLabel_512--yd-KP { background: rgb(255, 233, 167); color: rgb(193, 122, 15); } .TariffCard__textLabel_1--22SWx { background: rgb(251, 191, 213); color: rgb(180, 79, 115); } .TariffCard__textLabel_2--13HFm { background: rgb(215, 222, 238); color: rgb(31, 48, 92); } .TariffCard__textLabel_4--134UI { background: rgb(194, 220, 222); color: rgb(67, 78, 79); } .TariffCard__textLabel_pro--2np0l { background-color: var(--cloud--color_background_viewer); color: var(--vkui--color_text_contrast); } .TariffCard__textLabelRecommended--1007s { align-items: center; background: rgb(217, 230, 251); color: rgb(36, 107, 222); display: flex; font-size: 15px; height: 16px; justify-content: center; width: 120px; } .TariffCard__expires--E3ecG { color: rgb(218, 158, 5); font-size: 15px; font-weight: 500; line-height: 24px; margin-left: 8px; text-align: center; } .TariffCard__giftSpace--24WCw { margin-left: 10px; padding-left: 22px; position: relative; } .TariffCard__giftSpace--24WCw::before { color: var(--vkui--color_text_accent); content: "+"; left: 0px; position: absolute; top: 0px; } .TariffCard__icon--1680H { height: 63px; margin-left: 10%; width: 80%; } .TariffCard__icon_left--3zWvs { margin-left: -50px; } .TariffCard__icon_back--a0rzb { margin-left: 85px; margin-top: 34px; position: absolute; z-index: 0; } .TariffCard__giftIcon--1BQzV { height: 80px; margin-left: auto; margin-right: 16px; position: relative; width: 62px; z-index: 1; } .TariffCard__giftIcon--1BQzV::after { background: var(--vkui--color_background_tertiary_alpha--active); border-radius: 8px; content: ""; height: 76px; left: -4px; position: absolute; top: 2px; width: 40px; z-index: -1; } .TariffCard__giftText--1NkQd { color: rgb(129, 151, 173); font-size: 13px; font-weight: 400; margin-top: -2px; } .TariffCard__gifts--1SUqq { align-items: center; display: flex; flex-direction: column; } .TariffCard__giftsButton--fKPYC { cursor: pointer; font-family: var(--font-tt-norms); font-size: 18px; margin-top: 14px; text-align: center; } .TariffCard__giftDetails--wGhSO { margin-top: 36px; } .TariffCard__giftsHeader--3i8eV { font-family: var(--font-tt-norms); font-size: 18px; font-weight: 500; line-height: 28px; margin-top: 16px; } .TariffCard__giftBlock--2xyBm { align-items: center; display: flex; flex-direction: row; margin: 0px 18px; } .TariffCard__giftBlockText--30lKd { font-size: 15px; line-height: 22px; margin-left: 18px; } .TariffCard__giftBlockText--30lKd > div { padding-bottom: 20px; } .TariffCard__giftBlockIcon--1V6s3 { display: flex; flex-shrink: 0; height: 66px; justify-content: center; width: 50px; } .TariffCard__tariff--1I2nH { font-size: 15px; line-height: 40px; margin-top: 0px; padding-left: 38px; } @media (max-width: 1060px) { .TariffCard__tariff--1I2nH { text-align: right; } } .TariffCard__switch--Orvks { display: flex; margin-bottom: 23px; margin-top: 25px; } .TariffCard__switchBlock--3i-7g { height: 54px; width: 244px; } .TariffCard__switchLabel--3eZet { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 18px; font-weight: 500; line-height: 24px; opacity: 0.3; padding: 0px 16px; } .TariffCard__switchLabel_active--28TKC { opacity: 1; } .TariffCard__headerLabelPromo--1IJs6 { align-items: center; background: rgb(255, 248, 213); border: 3px solid rgb(255, 212, 0); border-bottom-left-radius: 20px; border-top-right-radius: 20px; box-sizing: border-box; display: flex; font-family: var(--font-tt-norms); height: 42px; justify-content: space-evenly; padding: 0px 13px; position: absolute; right: -2px; top: -2px; } .TariffCard__headerLabelPromo--1IJs6 > svg { fill: rgb(218, 158, 5); } .TariffCard__discount--HIixs { align-items: center; background-color: var(--vkui--color_background_secondary); border-radius: 50%; display: flex; font-size: 17px; font-weight: 700; height: 66px; justify-content: center; line-height: 20px; position: absolute; right: 10px; top: 10px; width: 66px; } .TariffCard__root_double--1xn_I .TariffCard__save--qxJ19 { color: var(--vkui--color_text_secondary); font-size: 13px; font-weight: 400; line-height: 20px; } .TariffCard__root_double--1xn_I .TariffCard__button--1hl0P.ui.button { border: 0px; padding: 8px 4px; } @media (max-width: 1250px) { .TariffCard__root_double--1xn_I { max-width: 240px; min-width: 240px; width: 240px; } .TariffCard__root_double--1xn_I .TariffCard__footer--26hg7 { padding: 21px 14px 0px; } } @media (max-width: 1180px) { .TariffCard__root_double--1xn_I { max-width: 210px; min-width: 210px; width: 210px; } .TariffCard__root_double--1xn_I .TariffCard__footer--26hg7 { padding: 21px 6px 0px; } .TariffCard__root_double--1xn_I .TariffCard__features--10zGf { padding-left: 6px; } .TariffCard__root_double--1xn_I .TariffCard__priceBtn--1-YzY, .TariffCard__root_double--1xn_I .TariffCard__secondaryButton--2XugN { font-size: 16px; } } .TariffCard__root_quota--PIipD { border-radius: 24px; margin-bottom: 0px; } .TariffCard__root_quota--PIipD.TariffCard__root_primary--1TDFJ { padding-bottom: 8px; padding-top: 52px; } .TariffCard__root_quota--PIipD.TariffCard__root_primary--1TDFJ, .TariffCard__root_quota--PIipD.TariffCard__root_primary--1TDFJ:hover { border: 2px solid transparent; } .TariffCard__root_quota--PIipD .TariffCard__tariffInfo--19fjw { color: var(--vkui--color_text_primary); } .TariffCard__root_quota--PIipD .TariffCard__name--23PVl { font-size: 68px; line-height: 87px; } .TariffCard__root_quota--PIipD .TariffCard__units--2oWVv { font-size: 28px; line-height: 36px; margin-top: 10px; } .TariffCard__root_quota--PIipD .TariffCard__footer--26hg7 { padding: 21px 8px 0px; } .TariffCard__root_overquota--1e_9Q { border-radius: 28px; box-shadow: 0 4px 32px var(--vkui--color_image_border_alpha--hover); margin-bottom: 0px; max-width: 348px; width: 348px; } .TariffCard__root_overquota--1e_9Q:hover { box-shadow: 0 4px 32px 0 var(--vkui--color_image_border_alpha--active); } .TariffCard__root_overquota--1e_9Q.TariffCard__root_primary--1TDFJ { border: 2px solid transparent; padding: 52px 20px 28px; } .TariffCard__root_overquota--1e_9Q.TariffCard__root_primary--1TDFJ:hover { border: 2px solid transparent; } .TariffCard__root_overquota--1e_9Q .TariffCard__tariffInfo--19fjw { color: var(--vkui--color_text_primary); } .TariffCard__root_overquota--1e_9Q .TariffCard__name--23PVl { font-size: 60px; line-height: 77px; } .TariffCard__root_overquota--1e_9Q .TariffCard__units--2oWVv { font-size: 32px; line-height: 41px; margin-left: 3px; margin-top: 10px; } .TariffCard__root_overquota--1e_9Q .TariffCard__footer--26hg7 { padding: 0px 8px; } .TariffCard__root_overquota--1e_9Q .TariffCard__features--10zGf { background: none; padding: 0px 0px 36px; width: 100%; } .TariffCard__root_overquota--1e_9Q .TariffCard__features--10zGf .TariffCard__feature--1Qfkr { font-family: var(--font-tt-norms); font-size: 15px; font-weight: 400; line-height: 20px; padding: 8px 0px; } .TariffCard__root_new--3Ywq5 { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 24px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; max-width: inherit; min-width: inherit; padding: 28px 0px; position: relative; width: 100%; z-index: 10; } @media (min-width: 1466px) { .TariffCard__root_new--3Ywq5 { max-width: 338px; min-width: 338px; padding: 32px 0px; width: 338px; } } .TariffCard__root_new--3Ywq5:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: box-shadow 0.15s ease-in-out; box-shadow: 0 4px 32px var(--vkui--color_image_border_alpha--active) !important; } .TariffCard__root_new--3Ywq5 .TariffCard__tariffInfo--19fjw { margin-bottom: 5px; margin-top: 36px; } .TariffCard__root_new--3Ywq5 .TariffCard__header--1RNYQ { flex-direction: column; } .TariffCard__root_new--3Ywq5 .TariffCard__header_propro--2U5Ii { margin-bottom: 22px; } .TariffCard__root_new--3Ywq5 .TariffCard__header_abtest--t_nuT { margin-bottom: 16px; } .TariffCard__root_new--3Ywq5 .TariffCard__name--23PVl { font-size: 60px; } .TariffCard__root_new--3Ywq5 .TariffCard__units--2oWVv { font-size: 32px; margin-left: 8px; margin-top: 14px; } .TariffCard__root_new--3Ywq5 .TariffCard__footer--26hg7 { padding: 0px 24px; } @media (max-width: 1466px) { .TariffCard__root_new--3Ywq5 .TariffCard__footer--26hg7 { padding: 0px 24px; } } .TariffCard__root_new--3Ywq5 .TariffCard__switch--Orvks { margin-bottom: 0px; margin-top: 10px; position: relative; } .TariffCard__root_new--3Ywq5 .TariffCard__switchLabel--3eZet { align-items: center; color: var(--vkui--color_text_secondary); cursor: pointer; display: flex; flex-direction: column; font-family: var(--font-tt-norms); font-size: 13px; font-weight: 500; height: 100%; justify-content: center; left: 0px; opacity: 1; padding: 0px; position: absolute; text-align: center; top: 0px; width: 116px; z-index: 10; } .TariffCard__root_new--3Ywq5 .TariffCard__switchLabel--3eZet > div { height: 18px; } .TariffCard__root_new--3Ywq5 .TariffCard__switchLabel--3eZet > div:first-child { font-size: 13px; } .TariffCard__root_new--3Ywq5 .TariffCard__switchLabel--3eZet > div:last-child { color: var(--vkui--color_text_accent); font-size: 10px; font-style: normal; font-weight: 400; height: 21px; line-height: 22px; padding-left: 5px; } .TariffCard__root_new--3Ywq5 .TariffCard__switchBlock_right--2VEIp { font-size: 13px; left: auto; right: 0px; } .TariffCard__root_new--3Ywq5 .TariffCard__switchBlock_econom--1BunB { color: var(--vkui--color_text_accent); font-size: 10px; font-style: normal; font-weight: 400; } .TariffCard__root_new--3Ywq5 .TariffCard__switchLabel_active--28TKC { color: var(--vkui--color_text_primary); } .TariffCard__root_new--3Ywq5 .TariffCard__labelNoSwitch--22TqE { align-items: center; border: 4px solid var(--color-datalist-selected); border-radius: 43px; display: flex; font-size: 13px; height: 44px; justify-content: center; width: 106px; } .TariffCard__root_new--3Ywq5 .TariffCard__features--10zGf { background: none; padding: 0px 0px 4px; width: 100%; } .TariffCard__root_new--3Ywq5 .TariffCard__features--10zGf > ul { padding-top: 28px; } .TariffCard__root_new--3Ywq5 .TariffCard__features--10zGf .TariffCard__feature--1Qfkr { font-family: var(--font-tt-norms); font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; padding: 8px 0px; } .TariffCard__root_new--3Ywq5 .TariffCard__button--1hl0P.ui.button { border-radius: 16px; color: var(--vkui--color_text_contrast); height: 60px; } .TariffCard__root_new--3Ywq5 .TariffCard__priceBtn--1-YzY { font-size: 17px; } .TariffCard__root_new--3Ywq5 .TariffCard__textLabelBlock--3Mc2B { line-height: 20px; } .TariffCard__root_new--3Ywq5 .TariffCard__textLabel--1K7a4 { border-bottom-left-radius: 24px; border-top-right-radius: 20px; } .TariffCard__root_new--3Ywq5 .TariffCard__textLabelRecommended--1007s { margin-right: 6px; margin-top: 6px; } .TariffCard__root_new--3Ywq5 .TariffCard__baseTariffButton--22Qoj { border-radius: 16px; height: 60px; pointer-events: none; } .TariffCard__root_new--3Ywq5 .TariffCard__baseHeader--1ZPj- { align-items: center; display: flex; font-size: 20px; font-style: normal; font-weight: 500; justify-content: center; line-height: 28px; margin-top: 10px; } .TariffCard__rootNewMobile--2dXiV:hover { box-shadow: 0 0 0 var(--vkui--color_image_border_alpha--active) !important; } .TariffCard__root_new--3Ywq5.TariffCard__root_focused--3x2yz::before { background: linear-gradient(to bottom,#4ddfff 0,var(--vkui--color_background_accent) 100%); border-radius: 24px; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: -1; } .TariffCard__root_new--3Ywq5.TariffCard__root_focused--3x2yz::after { background: var(--vkui--color_background); border-radius: 22px; content: ""; height: calc(100% - 8px); left: 4px; position: absolute; top: 4px; width: calc(100% - 8px); z-index: -1; } .TariffCard__button_ab_quota--3js9_.ui.button.primary { line-height: 18px; } .TariffCard__button_ab_quota--3js9_.ui.button.primary .TariffCard__priceBtn--1-YzY { font-size: 14px; } .TariffCard__button_ab_quota--3js9_.ui.button.primary .TariffCard__priceBtn--1-YzY > span { display: block; font-size: 12px; } .vkui--cloud--dark .TariffCard__root--1PDzY { background: var(--vkui--color_background_contrast_inverse); } .vkui--cloud--dark .TariffCard__textLabel_256--1KKo5 { background-color: rgb(53, 55, 105); color: rgb(182, 184, 255); } .vkui--cloud--dark .TariffCard__textLabel_128--3R8uo { background-color: rgb(53, 76, 44); color: rgb(92, 186, 56); } .TariffCard__root_no_shadow--3GfEm, .TariffCard__root_no_shadow--3GfEm:hover { box-shadow: none; } .TariffCard__rebranding--1RnmC.TariffCard__root_overquota--1e_9Q { -webkit-font-smoothing: antialiased; background: var(--vkui--color_background--hover); max-width: 368px; padding: 40px 28px 24px; width: 368px; } .TariffCard__rebranding--1RnmC.TariffCard__root_overquota--1e_9Q .TariffCard__button--1hl0P.ui.button { border-radius: 16px; font-size: 17px; line-height: 24px; } .TariffCard__rebranding--1RnmC.TariffCard__root_overquota--1e_9Q .TariffCard__textLabel--1K7a4 { background: var(--rebranding_dark_theme_color_lime); color: rgb(27, 148, 56); } .QuotaPopup__root--1QFRX { align-items: center; background-color: var(--vkui--color_background_secondary); color: var(--vkui--color_text_primary); display: flex; flex-direction: column; justify-content: center; margin: 0px -32px; padding: 32px 20px; text-align: center; } .QuotaPopup__title--1mzpq { -webkit-font-smoothing: antialiased; font-family: var(--vkui--font_family_accent); font-size: 24px; font-weight: 500; line-height: 28px; width: 380px; } .QuotaPopup__quota--1PQvn { color: var(--vkui--color_text_negative); } .QuotaPopup__descriptions--XXgJ_ { -webkit-font-smoothing: antialiased; font-family: var(--vkui--font_family_accent); font-size: 15px; font-weight: 400; line-height: 20px; margin-top: 16px; max-width: 535px; } .QuotaPopup__tariffs--_qzZI { display: flex; flex-direction: row; justify-content: space-around; margin-top: 36px; } .QuotaPopup__allTariffs--2cd0i { color: var(--vkui--color_text_accent); cursor: pointer; font-family: var(--vkui--font_family_accent); font-size: 17px; font-weight: 500; line-height: 24px; margin-top: 36px; } .QuotaPopup__modal--mNZDd.ui.modal { width: 960px !important; } .QuotaPopup__modal--mNZDd .QuotaPopup__title--1mzpq { width: 440px; } .QuotaPopup__modal--mNZDd .QuotaPopup__tariffs--_qzZI { width: calc(100% - var(--vkui--x5)); } .vkui--cloud--dark .QuotaPopup__root--1QFRX { background: var(--vkui--color_background_modal); } .RebrandingPromoModal__modal--2MKy4 { background: var(--vkui--color_background_modal); border-radius: 20px; bottom: 16px; box-shadow: rgba(0, 10, 35, 0.1) 0px 0px 48px 0px, rgba(0, 10, 35, 0.03) 0px 8px 12px 0px, rgba(0, 10, 35, 0.02) 0px 22px 24px 0px, rgba(0, 10, 35, 0.08) 0px 72px 80px 0px; font-family: var(--font-tt-norms); height: 388px; left: 16px; overflow: hidden; position: absolute; width: 320px; z-index: 1206; } .RebrandingPromoModal__contentWrapper--DPHEI { position: relative; } .RebrandingPromoModal__video--WwZrg { height: 160px; width: 100%; } .RebrandingPromoModal__close--2OT3T { background: rgba(71, 71, 71, 0.06); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; cursor: pointer; padding: 10px; position: absolute; right: 8px; top: 8px; z-index: 1; } .RebrandingPromoModal__close--2OT3T svg { color: rgb(255, 255, 255); } .RebrandingPromoModal__mainContent--3uiIz { gap: 20px; padding: 24px; } .RebrandingPromoModal__mainContent--3uiIz, .RebrandingPromoModal__textContent--1RPf7 { display: flex; flex-direction: column; } .RebrandingPromoModal__textContent--1RPf7 { gap: 8px; } .RebrandingPromoModal__title--3Wall { font-size: 24px; font-weight: 500; line-height: 28px; text-align: left; } .RebrandingPromoModal__description--1C59m { font-weight: 400; text-align: left; } .RebrandingPromoModal__description--1C59m, .RebrandingPromoModal__done--3n4IG { font-size: 15px; line-height: 20px; } .RebrandingPromoModal__done--3n4IG { align-self: flex-start; background: var(--vkui--color_accent_azure,#07f); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; cursor: pointer; font-weight: 500; padding: 8px 20px; text-align: center; } .RebrandingPromoModal__done--3n4IG, .RebrandingPromoModal__done--3n4IG:hover { color: var(--vkui--color_text_contrast); } .RebrandingPromoModal__done--3n4IG:hover { background: var(--vkui--color_accent_azure--hover,#0073f7); } .RebrandingPromoModal__done--3n4IG:active { background: var(--vkui--color_accent_azure--active,#006fef); color: var(--vkui--color_text_contrast); } .ReferralProgramPromoModal__text--18sjk { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title3--font_size--compact); line-height: var(--vkui--font_title3--line_height--compact); } .RestoreTrashbinFilesModal__text--Z1vT0 { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); } .RestoreTrashbinFilesThanksModal__text--Svmtd { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title3--font_size--regular); line-height: var(--vkui--font_title3--line_height--regular); } .SafeFakedoorModal__title--2BQsL { font-size: 24px; font-weight: 500; line-height: 28px; } .SafeFakedoorModal__text--1ldkZ, .SafeFakedoorModal__title--2BQsL { color: var(--vkui--color_text_primary); font-family: var(--vkui--font_family_accent); } .SafeFakedoorModal__text--1ldkZ { -webkit-font-smoothing: antialiased; font-size: 16px; font-weight: 400; line-height: 24px; } .SafeFakedoorModal__checkboxWrapper--KBe8Q { background: var(--vkui--color_background_accent_tint_alpha); border-radius: 8px; } .SafeFakedoorModal__checkboxWrapper--KBe8Q .SafeFakedoorModal__checkbox--1JNN4 { cursor: pointer; } .SafeFakedoorModal__checkboxWrapper--KBe8Q .SafeFakedoorModal__checkbox--1JNN4:hover { background: var(--vkui--color_background_accent_tint_alpha); border-radius: 8px; } .SafeFakedoorModal__checkboxWrapper--KBe8Q .SafeFakedoorModal__bolderText--1WHSK { font-family: var(--vkui--font_family_accent); font-size: 16px; font-weight: 500; line-height: 22px; } .SafeFakedoorModal__payDescription--2UBGv { color: var(--vkui--color_text_secondary); font-family: var(--vkui--font_family_accent); font-size: 14px; font-weight: 400; line-height: 18px; } .SelectAlbumPopupEmpty__empty--YJrw8 { align-items: center; display: flex; flex-direction: column; flex-grow: 1; justify-content: center; padding: 0px 32px; } .SelectAlbumPopupEmpty__button--2YiEB.ui.button { margin-right: 8px; position: relative; width: auto; } .SelectAlbumPopupEmpty__folder--2CgzE { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/e3628ebd1a7223fffbfb.png") 0% 0% / contain no-repeat; height: 184px; margin-bottom: 95px; width: 232px; } .SelectAlbumPopupEmpty__title--1eErR { font-size: 20px; font-weight: 500; line-height: 26px; margin-bottom: 8px; } .SelectAlbumPopupEmpty__text--3OHD0 { font-size: 15px; line-height: 20px; margin-bottom: 32px; } .SelectAlbumPopupMobile__dialog--1WCjQ { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; max-width: 100%; overflow: hidden; width: 100%; } .SelectAlbumPopupMobile__title--24vvm { flex: 0 0 auto; text-align: left; } .SelectAlbumPopupMobile__content--2YVmt { flex: 1 1 auto; min-height: 0px; overflow-y: auto; padding-left: 8px; padding-right: 8px; width: 100%; } .SelectAlbumPopupMobile__grid--2-rxU { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0px, 1fr)); padding: 4px 0px 8px; } .SelectAlbumPopupMobile__card--1MUvZ { border-radius: 12px; position: relative; } .SelectAlbumPopupContent__datalist--1dh5M { gap: 12px; align-content: start; display: grid; flex-grow: 1; grid-template-columns: 1fr 1fr 1fr; min-height: 1px; overflow: auto; padding: 0px 32px; } .SelectAlbumPopupContent__button--FknHH.ui.button { margin-right: 8px; position: relative; width: auto; } .SelectAlbumPopupContent__buttonGroup--2n089 { display: flex; padding: 32px; } .SelectAlbumPopupContent__album--V_VBr { height: 200px; } .SelectAlbumPopup__root--1bn8A { background-color: var(--vkui--color_background); box-sizing: border-box; display: flex; flex-direction: column; height: 780px; max-height: 100vh; max-width: 100%; min-width: 1px; width: 1200px; } .SelectAlbumPopup__modal--34QVR.ui.modal { max-width: calc(100% - 20px); min-width: 900px; width: auto; } .SelectAlbumPopup__modal--34QVR.ui.modal > .content { padding: 0px; } .SelectAlbumPopup__title--esmvQ { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: var(--vkui--font_title2--font_size--regular); font-weight: var(--vkui--font_title2--font_weight--regular); line-height: var(--vkui--font_title2--line_height--regular); padding: 24px 52px 12px 32px; } .SharingPublicThemeTariffsModal__root--3JCku { -webkit-font-smoothing: antialiased; max-width: 840px; } .SharingPublicThemeTariffsModal__root--3JCku.modal.ui > .content { padding: 0px; } .SharingPublicThemeTariffsModal__title--1_rS_ { max-width: 646px; } .SliderModal__root--27i4r { font-family: var(--vkui--font_family_accent); } .SliderModal__root--27i4r.modal.ui.large { max-width: calc(100% - 16px); width: 600px; } .SliderModal__root--27i4r.modal.ui.large > .content { padding: 0px; } .SliderModal__rootMobile--1gM08 { display: flex; flex-direction: column; height: 100%; overflow: auto; scrollbar-width: none; width: 100%; } .SliderModal__rootMobile--1gM08::-webkit-scrollbar { display: none; } .SliderModal__rootMobile--1gM08 .SliderModal__content--3x-GC { padding: 24px 24px 32px; } .SliderModal__rootMobile--1gM08 .SliderModal__text--2QuAt { -webkit-font-smoothing: antialiased; } .SliderModal__rootMobile--1gM08 .SliderModal__button--2I8fW.ui.button.primary { border-radius: 12px; font-size: 16px; width: 100%; } .SliderModal__rootMobile--1gM08 .SliderModal__pagination--3K7m5 { display: flex; justify-content: center; margin-bottom: 22px; position: static; } .SliderModal__rootMobile--1gM08 .SliderModal__arrowNext--3vt1i, .SliderModal__rootMobile--1gM08 .SliderModal__arrowPrev--178oh { display: none; } .SliderModal__rootMobile--1gM08 .SliderModal__slider--Q8FRL > .swiper { height: 100%; } .SliderModal__rootMobile--1gM08 .SliderModal__image--2Gm00 { border-top-left-radius: 20px; border-top-right-radius: 20px; height: 100%; } .SliderModal__title--16srE { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title1--font_size--regular); font-weight: var(--vkui--font_title1--font_weight--regular); line-height: 32px; } .SliderModal__text--2QuAt, .SliderModal__title--16srE { color: var(--vkui--color_text_primary); } .SliderModal__text--2QuAt { font-size: 16px; line-height: 24px; } .SliderModal__content--3x-GC { padding: 24px 32px 32px; } .SliderModal__slider--Q8FRL { position: relative; } .SliderModal__slider--Q8FRL > .swiper { width: 100%; } .SliderModal__image--2Gm00 { height: 250px; object-fit: cover; width: 100%; } .SliderModal__button--2I8fW.ui.button.primary { -webkit-font-smoothing: antialiased; font-size: 15px; padding-left: 24px; padding-right: 24px; width: auto; } .SliderModal__bulletWrapper--FOqku { display: flex; position: absolute; top: 212px; z-index: 2; bottom: auto !important; left: 32px !important; } .SliderModal__bullet--3xP8K { border-radius: 50%; cursor: pointer; display: block; height: 6px; margin-right: 16px; opacity: 0.12; width: 6px; } .SliderModal__bullet--3xP8K, .SliderModal__bulletActive--2ZUQG { background-color: var(--vkui--color_text_muted); } .SliderModal__bulletActive--2ZUQG { opacity: 1; } .SliderModal__arrowNext--3vt1i, .SliderModal__arrowPrev--178oh { align-items: center; background: var(--vkui--color_background_modal); border-radius: 8px; cursor: pointer; display: flex; height: 36px; justify-content: center; position: absolute; width: 36px; z-index: 2; } .SliderModal__arrowNext--3vt1i { right: 32px; top: 198px; } .SliderModal__arrowPrev--178oh { right: 76px; top: 198px; } .SliderModal__arrowDisabled--1b1yc { background: transparent; cursor: auto; opacity: 0.3; } .SliderModal__slider_rebranding--2K5uJ .SliderModal__arrowNext--3vt1i, .SliderModal__slider_rebranding--2K5uJ .SliderModal__arrowPrev--178oh { background: var(--rebranding_theme_color_background_secondary); color: var(--vkui--color_icon_primary); } .SliderModal__slider_rebranding--2K5uJ .SliderModal__arrowDisabled--1b1yc { opacity: 0.2; } .SliderModal__slider_rebranding--2K5uJ .SliderModal__bullet--3xP8K { background: var(--vkui--color_background_secondary); opacity: 1; } .SliderModal__slider_rebranding--2K5uJ .SliderModal__bulletActive--2ZUQG { background-color: var(--vkui--color_icon_primary); opacity: 1; } .SliderModal__slider_rebranding--2K5uJ .SliderModal__title--16srE { line-height: 28px; } .SliderModal__slider_rebranding--2K5uJ .SliderModal__text--2QuAt { font-size: 18px; } .SliderModal__slider_rebranding--2K5uJ .SliderModal__button--2I8fW.ui.button { line-height: 20px; padding-left: 16px; padding-right: 16px; } .SliderModal__slider_rebranding--2K5uJ .SliderModal__content--3x-GC { -webkit-font-smoothing: antialiased; } .SliderModal__slider_rebrandingQuotaLanding--2sBOT .SliderModal__arrowNext--3vt1i, .SliderModal__slider_rebrandingQuotaLanding--2sBOT .SliderModal__arrowPrev--178oh { background: var(--rebranding_theme_color_background_secondary); color: var(--vkui--color_icon_primary); } .SliderModal__slider_rebrandingQuotaLanding--2sBOT .SliderModal__bullet--3xP8K { background: var(--vkui--color_background_secondary); opacity: 1; } .SliderModal__slider_rebrandingQuotaLanding--2sBOT .SliderModal__bulletActive--2ZUQG { background-color: var(--vkui--color_icon_primary); opacity: 1; } .SliderModal__slider_rebrandingQuotaLanding--2sBOT .SliderModal__title--16srE { font-size: 24px; line-height: 28px; } .SliderModal__slider_rebrandingQuotaLanding--2sBOT .SliderModal__text--2QuAt, .SliderModal__slider_rebrandingQuotaLanding--2sBOT .SliderModal__title--16srE { color: var(--vkui--color_text_contrast); font-family: var(--font_family--vk_sans_display); font-weight: 500; } .SliderModal__slider_rebrandingQuotaLanding--2sBOT .SliderModal__text--2QuAt { font-size: 18px; line-height: 24px; } .SliderModal__slider_rebrandingQuotaLanding--2sBOT .SliderModal__button--2I8fW.ui.button { font-family: var(--font_family--vk_sans_display); font-size: 15px; font-weight: 500; line-height: 20px; } .SliderModal__slider_rebrandingQuotaLanding--2sBOT .SliderModal__button--2I8fW.ui.button.primary { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .SliderModal__slider_rebrandingQuotaLanding--2sBOT .SliderModal__content--3x-GC { -webkit-font-smoothing: antialiased; } .SliderModal__slider_mobile_rebranding--9LXq7 .SliderModal__bullet--3xP8K { background: var(--vkui--color_icon_tertiary); opacity: 1; } .SliderModal__slider_mobile_rebranding--9LXq7 .SliderModal__bulletActive--2ZUQG { background-color: var(--vkui--color_icon_primary); opacity: 1; } .SliderModal__slider_mobile_rebranding--9LXq7 .SliderModal__text--2QuAt { font-size: 16px; font-weight: 400; line-height: 22px; } .SliderModal__slider_mobile_rebranding--9LXq7 .SliderModal__button--2I8fW.ui.button { margin-top: auto; } .SliderModal__slider_mobile_rebranding--9LXq7 .SliderModal__content--3x-GC { -webkit-font-smoothing: antialiased; } .SliderModal__slider_mobile_rebrandingQuotaLanding--2h7ui .SliderModal__bullet--3xP8K { background: var(--vkui--color_icon_secondary); opacity: 1; } .SliderModal__slider_mobile_rebrandingQuotaLanding--2h7ui .SliderModal__bulletActive--2ZUQG { background-color: var(--vkui--color_icon_contrast); opacity: 1; } .SliderModal__slider_mobile_rebrandingQuotaLanding--2h7ui .SliderModal__text--2QuAt { font-size: 16px; font-weight: 400; line-height: 22px; } .SliderModal__slider_mobile_rebrandingQuotaLanding--2h7ui .SliderModal__content--3x-GC { -webkit-font-smoothing: antialiased; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .SmallWindowWarningDialog__root--1m5Cz.modal.ui { max-width: 420px; min-width: auto; width: calc(100% - var(--vkui--x5)); } @media (min-width: 840px) { .SmallWindowWarningDialog__root--1m5Cz.modal.ui { min-width: 420px; } } .SuspiciousDialog__root--12fBF.ui.modal { max-width: 100vw; width: 520px; } .SuspiciousDialog__root_mobile--3GHhi.ui.modal { margin: 0px !important; } .SuspiciousDialog__root_mobile--3GHhi.ui.modal { border-radius: 0px; inset: 0px; overflow: auto; position: fixed; width: auto; } .SuspiciousDialog__title--1pBOD { font-size: 24px; line-height: 32px; margin: 20px 0px; text-align: center; } .SuspiciousDialog__content--iHyI2 { align-items: center; display: flex; flex-direction: column; min-height: 220px; padding: 10px 0px 0px; } .SuspiciousDialog__footer--2FWJF { justify-content: center; padding-left: 12px; } .SuspiciousDialog__buttonWrapper--2RuP5, .SuspiciousDialog__footer--2FWJF { display: flex; } .SuspiciousDialog__buttonWrapper--2RuP5 > .ui.button { margin-right: 12px; padding: 12px 30px; } .SuspiciousDialog__description--2cPw6 { color: var(--vkui--color_text_primary); cursor: pointer; font-size: 13px; text-align: center; } .SuspiciousDialog__filename--26IMX { margin-bottom: 16px; } .SuspiciousDialog__check--2f3iM { align-items: center; display: flex; margin-top: 36px; } .SuspiciousDialog__checkText--30IkR { margin-bottom: 3px; margin-left: 8px; } .SuspiciousDialog__note--3Iw2L { margin-top: 8px; } .SuspiciousDialog__iconWrapper--20owp { margin-top: 16px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .TextInputModal__root--5V9XU.ui.modal { border-radius: 12px; min-width: 420px; } @media (max-width: 1024px) { .TextInputModal__rootResponsive--1ZzIF.ui.modal { min-width: auto; } } .TextInputModal__content--3PNIc { display: flex; flex-direction: column; font-family: var(--font-tt-norms); justify-content: space-between; padding: 24px 0px 32px; } .TextInputModal__fullContent--5Pi1F { width: 100%; } .TextInputModal__wrapper_button--2Ywdl { display: flex; } .TextInputModal__button--3C6_A.ui.button { font-family: var(--font-tt-norms); height: 36px; margin-right: 12px; width: auto; } .TextInputModal__title--f82E_ { font-size: 24px; font-weight: 500; line-height: 28px; margin-bottom: 20px; word-break: break-word; } .TextInputModal__description--23IdC, .TextInputModal__title--f82E_ { white-space: pre-line; } .TextInputModal__description--23IdC { font-size: 15px; line-height: 20px; margin-bottom: 24px; } .TextInputModal__noWarning--f7XZ0 { cursor: pointer; display: flex; flex-direction: row; margin-bottom: 36px; user-select: none; } .TextInputModal__noWarningText--NtgZZ { font-size: 15px; margin-left: 10px; } .TextInputModal__errorText--3Wwpp { color: var(--vkui--color_text_negative); margin-top: var(--vkui--x2); } .TextInputModal__content_phone--3Lgvb { padding: 16px 0px; } .TextInputModal__content_phone--3Lgvb .TextInputModal__title--f82E_ { font-size: 18px; line-height: 24px; } .TextInputModal__content_phone--3Lgvb .TextInputModal__button--3C6_A.ui.button { height: 48px; margin: 0px 0px 12px; width: 100%; } .TextInputModal__content_phone--3Lgvb .TextInputModal__button--3C6_A.ui.button:last-child { margin-bottom: 0px; } .TextInputModal__content_phone--3Lgvb .TextInputModal__wrapper_button--2Ywdl { flex-direction: column; } .TextInputModal__content_phone--3Lgvb .TextInputModal__noWarning--f7XZ0 { margin-bottom: 28px; } .TextInputModal__content_phone--3Lgvb .TextInputModal__description--23IdC { font-size: 14px; line-height: 18px; } .TextInputModal__content_phone--3Lgvb .TextInputModal__noWarningText--NtgZZ { font-size: 16px; line-height: 22px; } .ThanksModal__imageWrapper--30uqe { background-color: var(--vkui--color_background_secondary); } .ThanksModal__image--tEzse { height: 217px; margin-top: auto; width: 267px; } .ThanksModal__text--2wueP { -webkit-font-smoothing: antialiased; font-size: var(--vkui--font_title3--font_size--compact); line-height: var(--vkui--font_title3--line_height--compact); } .TrialOnboardingBenefitsModal__root--dR-6T.modal.ui { overflow: visible; } .TrialOnboardingBenefitsModal__root--dR-6T.modal.ui .content { border-radius: 16px; } .TrialOnboardingBenefitsModal__content--12SQB { margin-bottom: 32px; margin-top: 24px; } .TrialOnboardingBenefitsModal__benefitsList--1C_7l, .TrialOnboardingBenefitsModal__content--12SQB { display: flex; flex-direction: column; } .TrialOnboardingBenefitsModal__benefitsList--1C_7l { gap: 16px; } .TrialOnboardingBenefitsModal__benefitsBlock--1lIEO { display: flex; gap: 12px; } .TrialOnboardingBenefitsModal__benefitsImage--1fYNN { display: block; height: 40px; width: 40px; } .TrialOnboardingBenefitsModal__benefitsText--qhKva { align-content: center; font-size: 16px; line-height: 20px; } .ui.primary.button.TrialOnboardingBenefitsModal__button--n9Hhn { font-size: 15px; font-weight: 500; height: 36px; line-height: 20px; padding: 8px 16px; } .TrialOnboardingBenefitsModal__tag--3ZYCW { inset: -40px auto auto -25px; height: 54px; position: absolute; width: 187px; } .UnsavedChangesModal__root--35dBo { -webkit-font-smoothing: antialiased; } .UnsavedChangesModal__root--35dBo.modal.ui > .closeIcon { right: 12px; top: 14px; } .UnsavedChangesModal__root--35dBo.modal.ui.small { width: 540px; } .UnsavedChangesModal__root--35dBo.modal.ui > .header { padding-bottom: 12px; } .UnsavedChangesModal__root--35dBo.modal.ui > .actions { padding-top: 24px !important; } .UnsavedChangesModal__root--35dBo.modal.ui > .actions > div { gap: 4px; } .UnsavedChangesModal__root--35dBo.modal.ui > .actions > div button { font-family: var(--font_family--vk_sans_display); font-size: var(--vkui--font_headline1--font_size--compact); font-weight: var(--vkui--font_headline1--font_weight--regular); height: auto; line-height: var(--vkui--font_headline1--line_height--compact); padding: 8px 20px; width: auto; } .UnsavedChangesModal__root--35dBo .UnsavedChangesModal__description--3eCiM { font-family: var(--font_family--vk_sans_display); font-size: var(--vkui--font_subtitle_custom--font_size); font-weight: var(--vkui--font_subtitle_custom--font_weight); line-height: var(--vkui--font_subtitle_custom--line_height); } .UserSpacePostpaidModal__text--3-6js { -webkit-font-smoothing: antialiased; font-size: 18px; line-height: 24px; } .UsedSpacePostpaidModalThanks__text--1xpc8 { -webkit-font-smoothing: antialiased; font-size: 18px; line-height: 24px; } .VigboWhatsNew__titleDate--Fdmd8 { color: var(--vkui--color_text_accent); } .VigboWhatsNew__contentRoot--3xd4v { background-color: var(--vkui--color_background_modal); border-radius: 30px; box-sizing: border-box; position: absolute; } .VigboWhatsNew__renewRemind--3y7ky { align-items: center; box-sizing: border-box; gap: 35px 7px; display: grid; grid-template-columns: auto min-content min-content; padding: 20px; width: 411px; } .VigboWhatsNew__renewRemind--3y7ky .VigboWhatsNew__expireDate--1KYDC { color: var(--vkui--color_text_tertiary); font-size: 16px; font-weight: 500; grid-column: 1 / 4; line-height: 16px; } .VigboWhatsNew__endTariff--1rbEk { place-items: center end; box-sizing: border-box; display: grid; grid-template-columns: auto min-content; padding: 10px; row-gap: 4px; width: 349px; } .VigboWhatsNew__endTariff--1rbEk .VigboWhatsNew__tariffSpace--Wj5tB { grid-row: 1 / 3; margin-right: auto; transform: translateX(5px); } .VigboWhatsNew__endTariff--1rbEk .VigboWhatsNew__tariffOldPrice--MSeD0 { color: var(--vkui--color_text_tertiary); text-decoration: line-through; } .VigboWhatsNew__endTariff--1rbEk .VigboWhatsNew__tariffBttn--1h49O { grid-column: 1 / 3; margin-top: 12px; width: 100%; } .VigboWhatsNew__endTariff--1rbEk .VigboWhatsNew__discountBadge--2tVXD { bottom: -114px; position: absolute; right: -155px; transform: scale(0.5); } .VigboWhatsNew__text--2On14 { font-family: var(--font-tt-norms); font-size: 18px; line-height: 24px; } .Skeleton__root--2eea3 { align-items: center; background: var(--vkui--color_background); border-radius: 24px; display: flex; flex-direction: column; height: 481px; width: 100%; } .Skeleton__rootFree--fWtc2 { background: transparent; border: 2px solid var(--vkui--color_background_secondary_alpha--hover); box-sizing: border-box; } .Skeleton__quota--2LmZP { background: linear-gradient(90deg,var(--vkui--color_skeleton_from) 0,var(--vkui--color_skeleton_to) 100%); height: 84px; margin-top: 63px; } .Skeleton__info--eVOz8, .Skeleton__quota--2LmZP { border-radius: 12px; width: 223px; } .Skeleton__info--eVOz8 { background: var(--vkui--color_background_secondary); height: 32px; margin-bottom: 32px; margin-top: 25px; } .Skeleton__feature--3kdk7 { border-radius: 12px; height: 24px; margin-bottom: 16px; width: 272px; } .Skeleton__button--3ygTN, .Skeleton__feature--3kdk7 { background: linear-gradient(90deg,var(--vkui--color_skeleton_from) 0,var(--vkui--color_skeleton_to) 100%); } .Skeleton__button--3ygTN { border-radius: 16px; height: 56px; margin-bottom: 12px; margin-top: auto; width: 296px; } .WelcomeDefaultTariffSplash__root--3xMx3 { align-items: center; display: flex; flex-direction: column; height: 100%; text-align: center; } .WelcomeDefaultTariffSplash__title--2ZLRJ { font-size: 40px; line-height: 46px; } .WelcomeDefaultTariffSplash__text--2YCvW, .WelcomeDefaultTariffSplash__title--2ZLRJ { font-family: var(--vkui--font_family_accent); } .WelcomeDefaultTariffSplash__text--2YCvW { font-size: 18px; line-height: 24px; } .WelcomeDefaultTariffSplash__caption--3uyTx { font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_caption1--font_size--regular); line-height: var(--vkui--font_caption1--line_height--regular); margin-top: auto; padding-top: 20px; width: 660px; } .WelcomeDefaultTariffSplash__caption--3uyTx a { color: var(--vkui--color_text_accent); } .WelcomeDefaultTariffSplash__caption--3uyTx a:hover { color: var(--vkui--color_text_accent--hover); } .WelcomeDefaultTariffSplash__tariffs--3RFA0 { gap: 20px; justify-content: space-between; text-align: left; width: 660px; } .WelcomeDefaultTariffSplash__infoBlock--2cafR, .WelcomeDefaultTariffSplash__tariffs--3RFA0 { display: flex; font-family: var(--vkui--font_family_accent); } .WelcomeDefaultTariffSplash__infoBlock--2cafR { align-items: center; background: var(--vkui--color_background_secondary); border-radius: 12px; box-sizing: border-box; font-size: var(--vkui--font_caption1_caps--font_size--regular); font-weight: var(--vkui--font_weight_accent1); justify-content: center; line-height: var(--vkui--font_caption1--line_height--regular); padding: 8px 24px; text-align: center; width: 223px; } .WelcomeDefaultTariffSplash__infoBlock--2cafR svg { margin-right: 8px; } .FullScreenMonetization__screen--1_YF_ { background-color: var(--vkui--color_background_accent); } .FullScreenMonetization__screenContent--1JGMb { height: 100vh; margin: 0px; padding: 0px; } .FullScreenMonetization__root--350e3, .FullScreenMonetization__screenContent--1JGMb { display: flex; width: 100%; } .FullScreenMonetization__root--350e3 { align-items: center; color: var(--vkui--color_text_contrast); font-family: var(--vkui--font_family_accent); font-style: normal; font-weight: 400; height: 100%; } .FullScreenMonetization__textBox--ueocE { align-self: center; flex-shrink: 0; height: auto; margin-left: 100px; width: 52%; } .FullScreenMonetization__logo--3ufO1 { height: auto; margin-bottom: 60px; width: 361px; } .FullScreenMonetization__title--3zbsC { cursor: default; font-size: 60px; font-weight: 500; line-height: 66px; margin-bottom: 52px; max-width: 700px; } .FullScreenMonetization__list--2eKDk { font-size: var(--vkui--font_h2--font_size--compact); line-height: 36px; list-style: none; margin: 0px; padding: 0px; } .FullScreenMonetization__item--29TMj { align-items: flex-start; display: flex; gap: 20px; justify-content: flex-start; margin-bottom: 24px; } .FullScreenMonetization__item--29TMj > svg { flex-shrink: 0; margin-top: 5px; height: 32px !important; width: 32px !important; } .FullScreenMonetization__text--3Hq13 { cursor: default; line-height: 36px; } .FullScreenMonetization__labelNew--3cXhs { display: inline-block; height: 34px; margin-left: 15px; vertical-align: middle; width: 83px; } .FullScreenMonetization__buttonWrapper--2YDKE { padding-top: 52px; } .FullScreenMonetization__root--350e3 .ui.button { background-color: var(--color-black); border-radius: 24px; color: var(--vkui--color_text_contrast); font-size: var(--vkui--font_title1--font_size--compact); height: 95px; padding: 32px 52px; position: relative; width: 427px; } .FullScreenMonetization__root--350e3 .ui.button:hover { background-color: rgb(34, 34, 34); color: var(--vkui--color_text_contrast); } .FullScreenMonetization__root--350e3 .ui.button:active { background-color: rgb(17, 17, 17); color: var(--vkui--color_text_contrast); } .FullScreenMonetization__root--350e3 .ui.button:focus { background-color: rgb(34, 34, 34); color: var(--vkui--color_text_contrast); } .FullScreenMonetization__btnLong--320k3 { min-width: 500px; } @media (max-width: 1440px) { .FullScreenMonetization__btnLong--320k3 { min-width: 416px; } } @media (max-width: 1024px) { .FullScreenMonetization__btnLong--320k3 { min-width: 356px; } } .FullScreenMonetization__textDecoration--2w5Vm { color: var(--vkui--color_text_secondary); text-decoration-line: line-through; } .FullScreenMonetization__labelButton--2sBlf { bottom: -25px; height: auto; position: absolute; right: -75px; width: 277px; } .FullScreenMonetization__imageLabel--lCM9e { height: 100%; width: 100%; } .FullScreenMonetization__imgBox--3kSaM { bottom: 0px; flex-shrink: 0; height: 100%; position: fixed; right: 0px; width: 41%; } .FullScreenMonetization__image--3NNjM { height: 100%; width: 100%; } @media (max-width: 1440px) { .FullScreenMonetization__logo--3ufO1 { height: auto; margin-bottom: 50px; width: 300px; } .FullScreenMonetization__title--3zbsC { font-size: 50px; line-height: 55px; margin-bottom: 43px; } .FullScreenMonetization__list--2eKDk { font-size: var(--vkui--font_title1--font_size--compact); line-height: 30px; } .FullScreenMonetization__item--29TMj { margin-bottom: 20px; } .FullScreenMonetization__item--29TMj > svg { height: 27px !important; width: 27px !important; } .FullScreenMonetization__labelNew--3cXhs { height: 27px; width: 68px; } .FullScreenMonetization__buttonWrapper--2YDKE { padding-top: 40px; } .FullScreenMonetization__root--350e3 .ui.button { border-radius: 20px; font-size: var(--vkui--font_title2_custom--font_size--compact); height: 80px; padding: 27px 43px; width: 357px; } .FullScreenMonetization__labelButton--2sBlf { bottom: -20px; right: -65px; width: 240px; } } @media (max-width: 1024px) { .FullScreenMonetization__textBox--ueocE { width: 48%; } .FullScreenMonetization__logo--3ufO1 { height: auto; margin-bottom: 43px; width: 256px; } .FullScreenMonetization__title--3zbsC { font-size: 44px; line-height: 47px; margin-bottom: 37px; } .FullScreenMonetization__list--2eKDk { font-size: var(--vkui--font_title2_custom--font_size--compact); line-height: var(--vkui--font_title2_custom--line_height--compact); } .FullScreenMonetization__item--29TMj { margin-bottom: 17px; } .FullScreenMonetization__item--29TMj > svg { height: 23px !important; width: 23px !important; } .FullScreenMonetization__labelNew--3cXhs { height: 25px; width: 62px; } .FullScreenMonetization__buttonWrapper--2YDKE { padding-top: 34px; } .FullScreenMonetization__root--350e3 .ui.button { border-radius: 17px; font-size: var(--vkui--font_title3_custom--font_size--compact); height: 68px; padding: 23px 37px; width: 303px; } .FullScreenMonetization__labelButton--2sBlf { bottom: -15px; right: -55px; width: 205px; } } @media (orientation: portrait) and (max-width: 821px) and (min-height: 1000px) { .FullScreenMonetization__root--350e3 { flex-direction: column; } .FullScreenMonetization__logo--3ufO1 { height: 43px; } .FullScreenMonetization__textBox--ueocE { margin: 144px auto 0px; width: 68%; } .FullScreenMonetization__list--2eKDk { line-height: 26px; } .FullScreenMonetization__root--350e3 .ui.button { position: relative; z-index: 5; } .FullScreenMonetization__image--3NNjM { display: none; } .FullScreenMonetization__imgBox--3kSaM { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/Fullscreen/d0c0540650e979246b76.png"); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 100%; height: 50%; width: 100%; } } @media (max-width: 821px) and (max-height: 900px) { .FullScreenMonetization__imgBox--3kSaM { display: none; } } @media (max-height: 700px) { .FullScreenMonetization__textBox--ueocE { height: 80%; } } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .Snackbar__root--3v8k_ { -webkit-font-smoothing: antialiased; align-items: center; background: var(--vkui--color_background_contrast_inverse); border-radius: var(--vkui--size_card_border_radius--regular); box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 2px, rgba(0, 0, 0, 0.16) 0px 0px 24px; box-sizing: border-box; color: var(--vkui--color_text_contrast); display: flex; font-family: var(--font-tt-norms); font-size: 14px; line-height: 18px; padding: 13px 12px; transition: transform 0.2s cubic-bezier(0.3, 0.3, 0.5, 1); user-select: none; } .Snackbar__alignTop--KYlLD { align-items: start; padding: 13px; } .Snackbar__close--pac7W, .Snackbar__closeIcon--1a0dO { height: 20px; position: relative; width: 20px; } .Snackbar__close--pac7W { align-items: center; cursor: pointer; display: flex; flex-shrink: 0; justify-content: center; margin-left: auto; transition: background-color 0.2s; } .Snackbar__close--pac7W::before { content: ""; height: 32px; left: -6px; position: absolute; top: -6px; width: 32px; } .Snackbar__close--pac7W:hover::before { background: var(--cloud--color_icon_primary–disabled); border-radius: 8px; } .Snackbar__title--jjPVN { font-weight: 500; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Snackbar__wrapTitle--2f3Kf { white-space: pre-line; } .Snackbar__text--2eNIk { -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden; } .Snackbar__textBig--1uGJa { -webkit-line-clamp: 6; } .Snackbar__wrapText--3Yt2z { white-space: pre-line; } .Snackbar__textSmall--1a5kv { -webkit-line-clamp: 3; } .Snackbar__container--1ah5V { margin-right: 10px; max-width: 100%; overflow: hidden; } .Snackbar__containerOneline--1onIW { display: flex; gap: 10px; max-height: 18px; width: 100%; } .Snackbar__icon--RgxCo { align-items: center; display: flex; flex-shrink: 0; justify-content: center; margin-right: 16px; } .Snackbar__icon-sm--CyjT6, .Snackbar__icon-sm--CyjT6 > svg { height: 24px; width: 24px; } .Snackbar__thumb--2i0qN { height: 40px; margin-right: 16px; width: 40px; } .Snackbar__buttonLink--2EKyZ { color: var(--cloud--color_text_snackbar_accent); cursor: pointer; font-family: var(--font-tt-norms); font-size: 14px; font-weight: 500; line-height: 16px; margin-top: 4px; } a.Snackbar__buttonLink--2EKyZ { display: block; text-decoration: none; } .Snackbar__buttonLinkOneLine--2zoSk { flex-shrink: 0; line-height: inherit; margin-left: auto; margin-top: 0px; } .Snackbar__buttonLinkRight--1UdUN { margin-left: auto; } .Snackbar__root_theme_regular--3F7P8 { transform: translateY(calc(100% + 16px)); width: 100%; } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .Snackbar__root_theme_regular--3F7P8 { } } @supports (padding-bottom:env(safe-area-inset-bottom)) { .Snackbar__root_theme_regular--3F7P8 { transform: translateY(calc(16px + env(safe-area-inset-bottom) + 100%)); } } .Snackbar__root_theme_compact--2osCx { transform: translateY(calc(100% + 20px)); width: 396px; } .Snackbar__root_theme_compact--2osCx.Snackbar__responsive--Rtcgc { width: 340px; } @media (min-width: 840px) { .Snackbar__root_theme_compact--2osCx.Snackbar__responsive--Rtcgc { width: 396px; } } .Snackbar__root_visible--n6w12 { transform: translateY(0px); transition: transform 0.15s cubic-bezier(0.3, 0.3, 0.5, 1); } .Snackbar__autoWidth--UxOJr { max-width: 396px; width: auto; } .SnackbarComponent__root--3v7s6 { margin-top: 20px; } .SnackbarComponent__succesIcon--16bI5 { color: var(--vkui--color_text_positive); } .SnackbarComponent__failedIcon--I-Wl5 { color: var(--vkui--color_text_negative); } @keyframes SnackbarComponent__rotate--oWaqO { 100% { transform: rotate(1turn); } } .SnackbarComponent__spinnerIcon--1Ldti { animation: 1s linear 0s infinite normal none running SnackbarComponent__rotate--oWaqO; color: var(--vkui--color_background_accent); } .SnackbarComponent__trashBin--2kdJi { color: var(--vkui--color_icon_negative); } .Snackbars__root--3r4gh { bottom: var(--touch-tabbar-height,0); box-sizing: border-box; display: flex; flex-direction: column; padding: 20px; position: fixed; z-index: 10001; } @media (max-width: 500px) { .Snackbars__root--3r4gh { padding: 8px; width: 100%; } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .Snackbars__root--3r4gh { } } @supports (padding-bottom:env(safe-area-inset-bottom)) { .Snackbars__root--3r4gh { padding-bottom: calc(16px + env(safe-area-inset-bottom)); } } } .Snackbars__snackbar--a-agp { display: block; } .Snackbars__snackbar_type_promo--Fwdra { padding: 12px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; --action-panel-width: 380px; } .ActionPanel__root--1YQ2o { -webkit-font-smoothing: antialiased; background-color: var(--vkui--color_background_content); border-radius: 12px 12px 0px 0px; font-family: var(--vkui--font_family_accent); font-size: 15px; grid-area: rightpanel; height: 0px; justify-self: end; overflow: hidden; padding-top: 2px; position: sticky; top: 56px; transition: width 0.2s linear; width: 0px; z-index: calc(var(--header-z) - 1); } .ActionPanel__root--1YQ2o.ActionPanel__opened--23JAd { height: calc(-56px + 100vh); width: var(--action-panel-width); } .ActionPanel__root--1YQ2o.ActionPanel__opened--23JAd:not(.ActionPanel__responsive--3h4mv) { margin-right: var(--vkui--x3); } .ActionPanel__root--1YQ2o.ActionPanel__responsive--3h4mv { height: 100vh; padding-top: 0px; top: 0px; z-index: calc(var(--header-z) + 1); } @media (max-width: 840px) { .ActionPanel__root--1YQ2o.ActionPanel__responsive--3h4mv.ActionPanel__opened--23JAd { --action-panel-width: 100%; grid-area: toolbar; transition: none; } } .ActionPanel__root--1YQ2o.ActionPanel__responsive--3h4mv .ActionPanel__content--1WD13 { --border-width: 1px; border-left: solid var(--border-width) var(--vkui--color_image_border_alpha); width: calc(var(--action-panel-width) - var(--border-width)); } .ActionPanel__root--1YQ2o .ActionPanel__content--1WD13 { display: flex; flex-direction: column; height: inherit; } .ActionPanel__root--1YQ2o .ActionPanel__content--1WD13 .ActionPanel__header--3Bgkm { align-items: start; display: grid; grid-template-columns: 1fr auto; padding: 8px 12px 8px 16px; word-break: break-word; } .ActionPanel__root--1YQ2o .ActionPanel__content--1WD13 .ActionPanel__header--3Bgkm header { font-size: 17px; font-weight: 500; margin-top: 10px; } .ActionPanel__root--1YQ2o .ActionPanel__content--1WD13 .ActionPanel__header--3Bgkm header::first-letter { text-transform: capitalize; } .ActionPanel__root--1YQ2o .ActionPanel__content--1WD13 .ActionPanel__header--3Bgkm .ActionPanel__close--3z4Rq { border-radius: 8px; cursor: pointer; display: inline-grid; height: auto; margin-left: auto; padding: 12px; } .ActionPanel__root--1YQ2o .ActionPanel__content--1WD13 .ActionPanel__header--3Bgkm .ActionPanel__close--3z4Rq:active, .ActionPanel__root--1YQ2o .ActionPanel__content--1WD13 .ActionPanel__header--3Bgkm .ActionPanel__close--3z4Rq:hover { background: var(--vkui--color_transparent--hover); } .ActionPanel__root--1YQ2o .ActionPanel__content--1WD13 .ActionPanel__header--3Bgkm .ActionPanel__close--3z4Rq svg { stroke: var(--vkui--color_icon_primary); color: var(--vkui--color_icon_primary); height: 16px !important; width: 16px !important; } .ActionPanel__root--1YQ2o .ActionPanel__portal_placeholder--1tklE { flex: 1 1 auto; overflow: auto; padding: 0px 16px 12px; } @media (max-width: 1404px) { .ActionPanel__root--1YQ2o:not(.ActionPanel__responsive--3h4mv) { box-shadow: var(--vkui--elevation3); grid-area: main; } } .DuplicatesEmptyState__wrapper--4EKlE { flex: 1 1 0%; width: 100%; } .DuplicatesEmptyState__container--26X-r, .DuplicatesEmptyState__wrapper--4EKlE { display: flex; justify-content: center; } .DuplicatesEmptyState__container--26X-r { align-items: center; align-self: stretch; flex: 1 0 0px; flex-direction: column; gap: 20px; max-width: 360px; } .DuplicatesEmptyState__img--d6Etn { width: 100%; } .DuplicatesEmptyState__title--1qaGM { color: var(--vkui--color_text_primary); font-size: 20px; font-weight: 500; line-height: 26px; } .DuplicatesEmptyState__text--39fJP, .DuplicatesEmptyState__title--1qaGM { font-style: normal; text-align: center; } .DuplicatesEmptyState__text--39fJP { color: var(--vkui--color_text_secondary); font-size: 15px; font-weight: 400; line-height: 20px; } .DuplicatesEmptyState__textContainer--1XrHn { display: flex; flex-direction: column; gap: 8px; } .DuplicatesRemovedEmptyState__wrapper--50R2C { flex: 1 1 0%; width: 100%; } .DuplicatesRemovedEmptyState__container--2QpbS, .DuplicatesRemovedEmptyState__wrapper--50R2C { display: flex; justify-content: center; } .DuplicatesRemovedEmptyState__container--2QpbS { align-items: center; align-self: stretch; flex: 1 0 0px; flex-direction: column; gap: 20px; max-width: 360px; } .DuplicatesRemovedEmptyState__img--r7roq { height: 240px; } .DuplicatesRemovedEmptyState__title--3b8uk { color: var(--vkui--color_text_primary); font-size: 20px; font-weight: 500; line-height: 26px; } .DuplicatesRemovedEmptyState__text--3w25q, .DuplicatesRemovedEmptyState__title--3b8uk { font-style: normal; text-align: center; } .DuplicatesRemovedEmptyState__text--3w25q { color: var(--vkui--color_text_secondary); font-size: 15px; font-weight: 400; line-height: 20px; } .DuplicatesRemovedEmptyState__bottomContainer--1zWXP { gap: 24px; } .DuplicatesRemovedEmptyState__bottomContainer--1zWXP, .DuplicatesRemovedEmptyState__textContainer--1hT-9 { display: flex; flex-direction: column; } .DuplicatesRemovedEmptyState__textContainer--1hT-9 { align-items: center; } .DuplicatesPage__root--2yOoH { display: flex; flex-grow: 1; margin: 0px 20px 0px 0px; overflow-y: hidden; } .DuplicatesPage__root--2yOoH.DuplicatesPage__root_new_portal_header--2scbH { scrollbar-gutter: stable; flex-direction: column; height: 100%; margin: 0px; overflow-y: auto; padding: 0px 16px; position: relative; scrollbar-color: var(--color-scrollbar) var(--vkui--color_background); scrollbar-width: thin; } .DuplicatesPage__root--2yOoH.DuplicatesPage__root_new_portal_header--2scbH:hover { overflow-y: auto !important; } .DuplicatesPage__root--2yOoH.DuplicatesPage__root_new_portal_header--2scbH::-webkit-scrollbar { height: 6px; width: 6px; } .DuplicatesPage__root--2yOoH.DuplicatesPage__root_new_portal_header--2scbH::-webkit-scrollbar-thumb { background-color: var(--color-scrollbar); border-radius: 6px; } .DuplicatesPage__root--2yOoH.DuplicatesPage__root_new_portal_header--2scbH ::-webkit-scrollbar-corner, .DuplicatesPage__root--2yOoH.DuplicatesPage__root_new_portal_header--2scbH::-webkit-scrollbar-track { background-color: initial; } .DuplicatesPage__wrapper--1G8p_ { display: flex; flex-direction: column; flex-grow: 1; overflow-y: hidden; position: relative; } .DuplicatesPage__header--1zIlM { justify-content: space-between; margin-bottom: 16px; padding: 0px 16px; } .DuplicatesPage__header--1zIlM, .DuplicatesPage__header--1zIlM .DuplicatesPage__filesCountWrapper--11oAW { align-items: center; display: flex; } .DuplicatesPage__header--1zIlM .DuplicatesPage__filesCount--259_H { color: var(--vkui--color_text_secondary); font-family: var(--font-tt-norms); font-size: 15px; line-height: 20px; } .Buy__root--1C74T { max-width: 1188px; min-height: 630px; } .Buy__root_midas--sIZqK { max-width: 830px; min-height: 630px; } .Buy__root_midas--sIZqK .Buy__title--2_XkB { font-size: var(--vkui--font_title1--font_size--compact); line-height: var(--vkui--font_title1--line_height--compact); } .Buy__root_noSidebar--1RHKV { max-width: 520px; } .Buy__content--20aei { background-color: var(--vkui--color_header_background); height: 100%; width: 100%; } .Buy__title--2_XkB { -webkit-font-smoothing: antialiased; font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_h1--font_size--regular); font-weight: var(--vkui--font_h1--font_weight--regular); line-height: var(--vkui--font_h1--line_height--regular); margin-left: 24px; margin-right: 60px; } .Buy__noTariff--1ZxHZ { margin: 0px 16px; text-align: center; } .BuyFamilyTariff__contentRefWrapper--373tW { height: 100%; width: 100%; } .FamilyBenefits__root--1Is9h { display: flex; flex-direction: column; gap: 17px; margin: 0px 36px 24px 24px; width: auto; } .FamilyBenefits__reversedRoot--eXPkK { margin: 22px 36px auto 24px; } .FamilyBenefits__title--1Mw07 { --vkui--font_text--font_size--compact: var(--vkui--font_title3--font_size--regular); --vkui--font_text--line_height--compact: var(--vkui--font_title3--line_height--regular); text-align: left; } .FamilyBenefits__item--1yJwd { align-items: center; display: flex; gap: 13px; } .FamilyBenefits__benefitsList--kmV_M { gap: 22px 52px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 46px 46px; text-align: left; } .FamilyBenefits__image--vAfM9 { height: 46px; width: 46px; } .FamilyBenefits__text--2JMsG { white-space: pre-wrap; } .FamilyCard__root--1vxHN { display: flex; } .FamilyCard__root--1vxHN div[class*="TariffCard__card--"] { gap: 7px; padding: 16px 12px 12px; } .FamilyCard__root--1vxHN div[class*="TariffCard__cardHeader--"] { align-items: start; } .FamilyCard__root--1vxHN div[class*="TariffCard__buttonWrapper--"] > .ui.button { height: 62px; } .FamilyCard__root--1vxHN div[class*="TariffCard__buttonWrapper--"] > div[class*="TariffCard__saving--"] { font-size: 14px; line-height: 18px; } .FamilyCard__root--1vxHN div[class*="TariffSpace__spaceName--"] { font-size: 54px; font-weight: 400; line-height: 73px; } .FamilyCard__root--1vxHN div[class*="TariffSpace__spaceName--"] span[class*="TariffSpace__spaceSize--"] { font-size: 54px; } .FamilyCard__root--1vxHN div[class*="TariffSpace__spaceUnits--"] { font-size: 28px; font-weight: 700; line-height: 36px; margin-left: 6px; margin-top: 28px; } .FamilyCard__crossedOldPrice--3eNez { margin-right: 6px; opacity: 0.5; text-decoration: line-through; } .FamilyCardLoader__root--1w9bK { background-color: var(--vkui--color_background); border-radius: 24px; padding: 12px; width: 300px; } .FamilyCardLoader__space--2JasL { height: 49px; width: 115px; } .FamilyCardLoader__space--2JasL, .FamilyCardLoader__units--2PXNC { border-radius: 16px; overflow: hidden; } .FamilyCardLoader__units--2PXNC { height: 30px; width: 40px; } .FamilyCardLoader__spaceWrapper--3WawF { align-items: end; display: flex; gap: 5px; } .FamilyCardLoader__button--2mR-l { border-radius: 16px; height: 62px; overflow: hidden; width: auto; } .FamilyTariffList__root--2nGbk { background-color: var(--vkui--color_background_sky); border-radius: 32px; display: flex; flex-direction: row-reverse; gap: 12px; padding: 12px; width: calc(100% - 24px); } .TabsSelector__root--1LEoT div[class*="Switch__base--"] { border-radius: 12px; height: 48px; } .TabsSelector__root--1LEoT div[class*="Switch__base--"] div[class*="Switch__slider--"] { border-radius: 12px; } .TabsSelector__root--1LEoT div[class*="TariffSwitch__switchLabel--"] { font-size: 12px; line-height: 16px; } .BuyFamilyTariffContent__root--S4dca { align-items: center; background-color: var(--vkui--color_background_primary); height: calc(100% - 67px); padding: 35px 32px 32px; text-align: center; } .BuyFamilyTariffContent__root--S4dca, .BuyFamilyTariffContent__tariffsWrapper--2aMB7 { display: flex; flex-direction: column; } .BuyFamilyTariffContent__tariffsWrapper--2aMB7 { background-color: var(--vkui--color_background); border-radius: 32px; flex-grow: 1; width: 100%; } .BuyFamilyTariffContent__tariffsColumnReverse--Y-Vd2 { flex-direction: column-reverse; } .BuyFamilyTariffContent__title--2Fec9 { font-size: 32px; font-weight: 500; line-height: 38px; position: relative; white-space: pre-wrap; } .BuyFamilyTariffContent__title--2Fec9 .BuyFamilyTariffContent__underline--1fw6w { inset: 24px auto auto 63px; height: 30px; position: absolute; width: 315px; } .BuyDisableAds__root--3yU55 { -webkit-font-smoothing: antialiased; max-height: 720px; max-width: 840px; position: relative; } .BuyDisableAds__familyRoot--3qdeJ { max-height: 634px; max-width: 1013px; } .BuyDisableAds__content--3PTgR { inset: 0px; position: absolute; z-index: 10001; } .EmbeddedBuyScreen__content--MTzYb { background-color: var(--cloud--color_background_white); height: 100vh; min-height: 100%; overflow: auto; width: 100%; } .EmbeddedBuyScreen__spacing--aeKgR { flex-shrink: 0; } .EmbeddedBuyScreen__header--1Mqya { gap: 7px; margin-left: 16px; margin-right: 60px; } .EmbeddedBuyScreen__backButton--2Kago, .EmbeddedBuyScreen__header--1Mqya { align-items: center; display: flex; } .EmbeddedBuyScreen__backButton--2Kago { background: var(--cloud--color_background_left_back_button_modal); border-radius: 8px; color: var(--cloud--color_left_back_button_modal); cursor: pointer; height: 36px; justify-content: center; width: 36px; } .EmbeddedBuyScreen__backButton--2Kago:hover { background: var(--cloud--color_background_left_back_button_modal-hover); } .EmbeddedBuyScreen__backButton--2Kago:active { background: var(--cloud--color_background_left_back_button_modal-active); } .EmbeddedBuyScreen__title--E83D3 { -webkit-font-smoothing: antialiased; color: var(--cloud--color_background_viewer); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_h1--font_size--compact); font-weight: var(--vkui--font_h1--font_weight--regular); line-height: 40px; } .BuyMspPro__content--EB-pL { background-color: var(--cloud--color_background_white); min-height: 100%; width: 100%; } .BuyMspPro__spacing--TUtU2 { flex-shrink: 0; } .BuyMspPro__header--3L1Ld { align-items: center; display: flex; gap: 7px; margin-left: 16px; margin-right: 60px; } .BuyMspPro__title--2I-FM { -webkit-font-smoothing: antialiased; color: var(--cloud--color_background_viewer); font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_h1--font_size--compact); font-weight: var(--vkui--font_h1--font_weight--regular); line-height: 40px; } .Choice__content--2RMjg { background-color: var(--vkui--color_header_background); height: 100%; width: 100%; } .Choice__title--3DxCt { -webkit-font-smoothing: antialiased; font-family: var(--vkui--font_family_accent); font-size: var(--vkui--font_h1--font_size--regular); font-weight: var(--vkui--font_h1--font_weight--regular); line-height: var(--vkui--font_h1--line_height--regular); margin-left: 24px; margin-right: 60px; } .MailPopup__wrap--1tNWa { box-sizing: border-box; display: flex; flex-direction: column; min-height: 271px; padding-top: 24px; position: relative; width: 491px; } .MailPopup__wrapLA--31PT5 { width: 420px; } .MailPopup__root--2xrU5 { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; padding: 0px 24px 24px; } .MailPopup__root--2xrU5 .ui.button { border-radius: 4px; height: 48px; } .MailPopup__root_upload--2-k-l { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/mail-popup/8681fe442e9fe61f6c3d.png") calc(100% + 20px) calc(100% + 25px) / auto 150px no-repeat; } .MailPopup__root_frozen--T8z5x { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/mail-popup/f9d4302171f60f22b90d.png") calc(100% + 30px) calc(100% + 30px) / auto 150px no-repeat; } .MailPopup__title--3Mpom { -webkit-font-smoothing: antialiased; color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 24px; font-weight: 500; line-height: 32px; margin-bottom: 12px; } .MailPopup__limit--pgpWd { color: rgb(255, 17, 0); } .MailPopup__text--2fIQF { color: var(--vkui--color_text_primary); font-size: 15px; line-height: 20px; margin-bottom: 20px; } .MailPopup__root_paid--12fyh .MailPopup__text--2fIQF { line-height: 22px; } .MailPopup__button--2A0fR { -webkit-font-smoothing: antialiased; align-items: flex-end; display: flex; flex-grow: 1; } .MailPopup__button--2A0fR, .MailPopup__buttonText--3NCH9 { font-family: var(--font-tt-norms); } .MailPopup__buttonText--3NCH9 { color: var(--vkui--color_text_contrast); font-size: 18px; font-weight: 500; padding: 0px 17px; } .MailPopup__tariff--2ebtU { background-color: var(--color_social_twitter--normal); border-radius: 4px; margin-left: -5px; padding: 3px 5px; white-space: nowrap; } .MailPopup__tariff_128--1QrIX { background: rgb(219, 246, 178); color: rgb(68, 152, 17); } .MailPopup__tariff_256--1G6_Z { background: rgb(217, 218, 249); color: rgb(85, 88, 170); } .MailPopup__tariff_512--1CziS { background: rgb(255, 233, 167); color: rgb(193, 122, 15); } .MailPopup__tariff_1--1_lqe { background: rgb(251, 191, 213); color: rgb(180, 79, 115); } .MailPopup__tariff_2--2Ofy9 { background: rgb(215, 222, 238); color: rgb(31, 48, 92); } .MailPopup__tariff_4--1pOMp { background: rgb(194, 220, 222); color: rgb(67, 78, 79); } .MailPopup__checkboxContainer--1c6AJ { cursor: pointer; display: flex; flex-direction: row; padding-bottom: 24px; } .MailPopup__mailLA--1p6oG { color: var(--vkui--color_text_link_themed); } .MailPopup__textLA--N-YYx { margin-left: 10px; } .MailPopup__la--1Kf1S { color: var(--vkui--color_text_secondary); font-size: 13px; line-height: 18px; margin-top: 12px; } .MailPopup__la--1Kf1S > span { color: var(--vkui--color_text_link); cursor: pointer; } .MailPopup__separator--3z1GJ { width: 12px; } .Payment__payment--3-RWF { margin: 0px -12px; padding: 20px; } .Payment__payment--3-RWF, .Payment__paymentTrial--2sUon { background-color: var(--vkui--color_background_modal); border-radius: 12px; } .Payment__paymentHeader--2Rthr { font-family: var(--font-tt-norms); font-size: 24px; line-height: 28px; margin-bottom: 20px; } .Payment__paymentContent--1HIL_ { padding: 0px 20px; } .Payment__dmr--3vo_m { margin: 20px -20px 10px; width: calc(100% + 40px); } .Payment__la--2gGW9 { color: var(--vkui--color_text_primary); font-size: 12px; font-weight: 400; line-height: 14px; } .MailspacePublicTrialinfo__root--2Atxr { bottom: 280px; display: block; position: absolute; width: 100%; } .MailspacePublicTrialinfo__wrapper--2rGgf { align-items: center; background-color: rgb(43, 43, 43); border-radius: 16px; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; gap: 12px; height: 66px; margin: 16px; padding: 12px; } .MailspacePublicTrialinfo__wrapper--2rGgf:hover { cursor: pointer; } .MailspacePublicTrialinfo__wrapper--2rGgf:active, .MailspacePublicTrialinfo__wrapper--2rGgf:hover { color: var(--vkui--color_text_primary); } .MailspacePublicTrialinfo__textWrapper--2hfD- { align-items: flex-start; display: flex; flex-direction: column; gap: 4px; } .MailspacePublicTrialinfo__text--13wb2 { color: var(--vkui--color_text_contrast); font-size: var(--vkui--font_text--font_size--compact); } .MailspacePublicTrialinfo__buttonText--3OB9x, .MailspacePublicTrialinfo__text--13wb2 { font-family: var(--vkui--font_family_accent); font-weight: var(--vkui--font_weight_accent1); } .MailspacePublicTrialinfo__buttonText--3OB9x { color: rgb(60, 130, 253); font-size: var(--vkui--font_headline2--font_size--compact); } .MailspacePublicTrialinfo__iconWrapper--3jw8B { height: 24px; margin-bottom: auto; } .MailspacePublicTrialinfo__close--1zf7n { position: absolute; right: 28px; top: 28px; } .ViewerToolbarMobileNew__root--1DZl- { align-items: center; backdrop-filter: blur(20px); background: rgba(255, 255, 255, 0.08); box-sizing: border-box; display: flex; gap: 16px; padding: 0px 16px; width: 100%; z-index: 1000; height: 66px !important; } .ViewerToolbarMobileNew__info--JOz-6 { align-items: baseline; flex-direction: column; flex-grow: 1; font-family: var(--font_family--vk_sans_display); height: 100%; justify-content: center; margin-top: 2px; } .ViewerToolbarMobileNew__info--JOz-6, .ViewerToolbarMobileNew__name--1CsV2 { display: flex; flex-shrink: 1; overflow: hidden; } .ViewerToolbarMobileNew__name--1CsV2 { align-items: center; color: var(--vkui--color_text_contrast); font-size: 17px; font-weight: 500; margin-left: 0px; max-width: 100%; } .ViewerToolbarMobileNew__meta--2vr_Q, .ViewerToolbarMobileNew__name--1CsV2 { line-height: 20px; padding-right: 12px; } .ViewerToolbarMobileNew__meta--2vr_Q { color: rgba(255, 255, 255, 0.6); font-size: 15px; margin-top: 4px; white-space: nowrap; } .ViewerToolbarMobileNew__button--v0C3i { align-items: center; background: var(--vkui--color_background_secondary_alpha); border-radius: 100px; box-sizing: border-box; color: var(--vkui--color_text_primary); display: flex; font-family: var(--font-tt-norms); font-size: 16px; font-weight: 500; height: 36px; justify-content: center; line-height: 22px; padding: 0px 2px; } .ViewerToolbarMobileNew__menu--398uI { height: 16px; width: 16px; } .ViewerToolbarMobileNew__share--tDqK7 { border-radius: 16px; margin-right: -4px; width: 36px; } :root { --vh: 1vh; --dvh: 1dvh; } .PublicFile__root--7mh4x { background-color: var(--cloud--color_background_viewer); box-sizing: border-box; display: flex; flex-flow: column; flex-grow: 1; flex-shrink: 0; padding-bottom: var(--touch-tabbar-height,0); position: relative; text-align: center; width: 100%; z-index: auto; } .PublicFile__adsWrapper--2RDIO { height: 100px; } .PublicFile__content--2YVML { display: flex; flex-direction: column; flex-grow: 1; height: 0px; position: relative; } @media (orientation: landscape) { .PublicFile__content--2YVML { height: auto; max-height: inherit !important; min-height: inherit !important; } } .PublicFile__preview--2b93k { align-items: stretch; display: flex; flex-grow: 1; height: 0px; justify-content: stretch; position: relative; } @media (orientation: landscape) { .PublicFile__preview--2b93k { height: auto; } } .PublicFile__preview--2b93k > div { align-self: auto; height: auto; } .PublicFile__previewDoc--180Mh > div { height: 100%; } .PublicFile__previewDocMobileOnPremR7--AE7bt { --viewer-toolbar-height: 66px; } .PublicFile__preview--2b93k .MobileViewerItem__video { height: 100%; max-height: 100%; } .PublicFile__preview--2b93k img { display: block; height: auto; max-height: 100%; max-width: 100%; object-fit: contain; position: relative; user-select: none; width: 100%; } @media (orientation: landscape) { .PublicFile__downloadSnackbar--kwj6D { display: none; } } .PublicFile__controlsWrapper--23Sdv { bottom: 0px; box-sizing: border-box; display: flex; flex-flow: column; left: 0px; padding: 16px 8px; position: absolute; width: 100%; } @media (orientation: landscape) { .PublicFile__controlsWrapper--23Sdv { padding: 8px 92px 12px; position: static; } } .PublicFile__btn--LN4hV.PublicFile__secondary--iXzgc { background-color: var(--vkui--color_background_contrast_secondary_alpha); color: var(--vkui--color_text_contrast); } .PublicFile__controlsWrapper--23Sdv > .PublicFile__btn--LN4hV:not(:last-child) { margin-bottom: 12px; } .PublicFile__wrapperQuota--21hoF { display: flex; flex-direction: column; flex-grow: 1; overflow-y: auto; } @media (orientation: landscape) { .PublicFile__wrapperQuota--21hoF { padding-top: 160px; } } .PublicFile__emptyOverquota--3-sW4 { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; } .PublicFile__bottomPromoBlock--2BkIN { bottom: var(--touch-tabbar-height,0); position: fixed; text-align: left; width: 100%; z-index: 201; } .TabBarItem__root--1zbmE { align-items: center; box-sizing: border-box; color: rgb(105, 116, 129); display: flex; flex-direction: column; gap: 2px; padding: 4px 0px 2px; text-decoration: none; } .TabBarItem__root_active--2t_Hl { color: rgb(0, 112, 240); } .TabBarItem__icon--ihXsD { align-items: center; display: flex; height: 28px; justify-content: center; width: 28px; } .TabBarItem__title--1O6xg { color: rgb(147, 158, 172); font-size: 10px; line-height: 12px; text-align: center; } .TabBarItem__root_active--2t_Hl .TabBarItem__title--1O6xg { color: rgb(0, 112, 240); } .TabBar__root--DH1jE { background: var(--vkui--color_background_tertiary); bottom: 0px; box-shadow: var(--vkui--elevation3); box-sizing: border-box; left: 0px; padding-bottom: 4px; position: fixed; right: 0px; z-index: 10; } @supports (padding-bottom:env(safe-area-inset-bottom)) { .TabBar__root--DH1jE { padding-bottom: calc(4px + env(safe-area-inset-bottom)); } } .TabBar__tabs--2BtEV { flex-direction: row; height: 48px; } .TabBar__center--6D4ap, .TabBar__tabs--2BtEV { align-items: flex-start; display: flex; } .TabBar__center--6D4ap { justify-content: center; padding-top: 4px; } .CenterButton__root--jGFXN { align-items: center; background: rgb(0, 119, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 99px; box-sizing: border-box; cursor: pointer; display: flex; height: 36px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 36px; } .CenterButton__root--jGFXN:has(:focus-visible) { outline: 2px solid var(--vkui--color_icon_contrast); outline-offset: -4px; } .CenterButton__icon--27uf- { color: var(--vkui--color_icon_contrast); } .CenterButton__upload--3a5Yx { inset: 0px; position: absolute; } .CenterButton__upload--3a5Yx input { height: 100%; width: 100%; } .File__root--3bQp1 { background: var(--vkui--color_background); border-radius: 8px; justify-content: center; padding: 50px 0px; } .File__root--3bQp1, .File__wrapper--31Z6U { align-items: center; display: flex; flex-direction: column; width: 100%; } .File__wrapper--31Z6U { flex: 1 1 0%; height: 100%; overflow: auto; } .File__wrapper_shove--3OdrJ { background: var(--vkui--color_background); border-radius: 8px; flex: 1 1 auto; height: auto; max-height: 100%; overflow-y: auto; } .File__icon--2I5JS { height: 80px; margin-bottom: 25px; width: 80px; } .File__fileName--2rvNL { font-size: 17px; line-height: 22px; margin-bottom: 3px; } .File__buttonWrapper--3RW9T { display: flex; flex-direction: column; gap: 8px; } .File__description--ERyr5 { color: gray; font-size: 13px; line-height: 22px; margin-bottom: 8px; } .File__emptyOverquota--qLBy_ { display: flex; flex: 1 1 0%; flex-direction: column; justify-content: center; } .BackToRoot__root--26t4U { color: inherit; cursor: pointer; } .BackToRoot__root--26t4U .BackToRoot__icon--2Xibh, .BackToRoot__root--26t4U .BackToRoot__label--261N3 { vertical-align: middle; } .Folder__root--2P-2O { background: var(--vkui--color_background_content); border-radius: 12px 12px 0px 0px; display: flex; flex-direction: column; height: 100%; position: relative; width: 100%; } .Folder__with_scroll--1uSNg { overflow: auto; } .Folder__root_shove--23Nz4 { border-radius: 12px; max-height: 100%; overflow-y: auto; } .Folder__root--2P-2O.Folder__root_team--3Zgyx { background: var(--vkui--color_background); } .Folder__wrapper_overquota--36x3R { display: flex; flex-grow: 1; justify-content: center; } .Folder__wormWrapper--25Lgs { height: 48px; padding: 4px 4px 10px; } .Folder__backToCloud--z5fZs { display: inline-flex; margin-bottom: 16px; } .Folder__toolbar_wrapper--jswC7 { width: auto; } .Folder__toolbar_wrapper_newHeader--1qHUU { padding: 0px 6px; } .Folder__datalist--1CgLq { max-height: 100%; overflow-y: auto; padding-right: 20px; width: 100%; } .Folder__root_shove--23Nz4 .Folder__datalist--1CgLq { box-sizing: border-box; padding-left: 20px; } .Folder__root_shove--23Nz4 .Folder__datalist_newHeader--31EGp { padding-left: 0px; } .Folder__datalist_newHeader--31EGp { box-sizing: border-box; height: 100%; padding: 16px 6px 4px; } .Folder__root_uploader--sqW5e::before { background: var(--vkui--color_background_accent_tint_alpha); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: 0px; border-top-left-radius: 12px; border-top-right-radius: 12px; inset: 0px 11px 0px 15px; content: ""; position: absolute; z-index: 1000; } .Folder__emptyOverquota--2Lk05 { display: flex; flex: 1 1 0%; flex-direction: column; justify-content: center; } .ShoveFrame__pixel--2dNZ4 { left: -1000px; position: absolute; } .ShoveFrame__frame--c-_Qw { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 100%; width: 100%; } .ShovePublic__root--38n_j { --left-block-width: 256px; --left-block-margin-top: 24px; -webkit-font-smoothing: antialiased; display: flex; flex-grow: 1; flex-wrap: wrap; grid-area: main; margin: 0px auto; position: relative; width: calc(100% - var(--vkui--x5)*2); } .ShovePublic__content--1CBeu { left: 0px; top: 0px; } .ShovePublic__content--1CBeu, .ShovePublic__frame--FpWxd { height: 100%; position: absolute; } .ShovePublic__root_type_file--1T3Ut .ShovePublic__frame--FpWxd { left: calc(2.5% + 420px); width: calc(97.5% - 420px); } @media (min-width: 1350px) { .ShovePublic__root_type_file--1T3Ut .ShovePublic__frame--FpWxd { left: calc(2.5% + 460px); width: calc(97.5% - 460px); } } @media (min-width: 1580px) { .ShovePublic__root_type_file--1T3Ut .ShovePublic__frame--FpWxd { left: calc(2.5% + 480px); width: calc(97.5% - 480px); } } .ShovePublic__root_type_file--1T3Ut .ShovePublic__content--1CBeu { width: calc(2.5% + 420px); } @media (min-width: 1350px) { .ShovePublic__root_type_file--1T3Ut .ShovePublic__content--1CBeu { width: calc(2.5% + 460px); } } @media (min-width: 1580px) { .ShovePublic__root_type_file--1T3Ut .ShovePublic__content--1CBeu { width: calc(2.5% + 480px); } } .ShovePublic__root_type_folder--2oWo5 .ShovePublic__frame--FpWxd { left: calc(5% + 590px); width: calc(95% - 590px); } @media (min-width: 1350px) { .ShovePublic__root_type_folder--2oWo5 .ShovePublic__frame--FpWxd { left: calc(5% + 640px); width: calc(95% - 640px); } } @media (min-width: 1580px) { .ShovePublic__root_type_folder--2oWo5 .ShovePublic__frame--FpWxd { left: calc(5% + 700px); width: calc(95% - 700px); } } .ShovePublic__root_type_folder--2oWo5 .ShovePublic__content--1CBeu { width: calc(5% + 590px); } @media (min-width: 1350px) { .ShovePublic__root_type_folder--2oWo5 .ShovePublic__content--1CBeu { width: calc(5% + 640px); } } @media (min-width: 1580px) { .ShovePublic__root_type_folder--2oWo5 .ShovePublic__content--1CBeu { width: calc(5% + 700px); } } .ShovePublic__folderContent--fwvo3 { box-sizing: border-box; height: 100%; padding: 13px 0px 15px; width: 590px; } @media (min-width: 1350px) { .ShovePublic__folderContent--fwvo3 { width: 640px; } } @media (min-width: 1580px) { .ShovePublic__folderContent--fwvo3 { width: 700px; } } .ShovePublic__fileContent--1XLj0 { align-items: center; display: flex; height: 100%; padding-left: 20px; width: 320px; } @media (min-width: 1350px) { .ShovePublic__fileContent--1XLj0 { width: 360px; } } @media (min-width: 1580px) { .ShovePublic__fileContent--1XLj0 { width: 380px; } } .ShovePublic__fileContent_overquota--pEm6w { min-width: 380px; } .ShovePublic__disableButton--dmAe0 { backdrop-filter: blur(44px); position: absolute; right: 32px; top: 24px; z-index: 20; } #publicShove > .b-react-component { height: 100%; width: 100%; } .BreadcrumbsWrapper__breadcrumbsWrapper--y1w7B { display: flex; } .BreadcrumbsWrapper__breadcrumbs--1Lazr { flex-wrap: wrap; margin-bottom: 16px; width: 100%; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .ThemeChooser__root--3eC7r { bottom: 0px; filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 4px 32px) drop-shadow(rgba(0, 0, 0, 0.04) 0px 0px 4px); left: 0px; position: fixed; right: 0px; z-index: 1000; } .ThemeChooser__root--3eC7r .ThemeChooser__wrapper--2YAdy { -webkit-font-smoothing: antialiased; background: var(--vkui--color_background); display: flex; flex-direction: column; height: 50vh; } .ThemeChooser__root--3eC7r .ThemeChooser__wrapper--2YAdy .ThemeChooser__header--ODcry { align-items: center; display: flex; justify-content: space-between; padding: 10px var(--vkui--x8); } .ThemeChooser__root--3eC7r .ThemeChooser__wrapper--2YAdy .ThemeChooser__header--ODcry .ThemeChooser__button--2NCAC.ui.button { width: auto; } .ThemeChooser__root--3eC7r .ThemeChooser__wrapper--2YAdy .ThemeChooser__body--2voHq { display: flex; justify-content: center; overflow-y: auto; } .ThemeChooser__root--3eC7r .ThemeChooser__wrapper--2YAdy .ThemeChooser__body--2voHq .ThemeChooser__themeContainer--mjms1 { display: flex; flex-direction: column; gap: 20px; margin: 0px 95px; width: 100%; } @media (min-width: 1024px) { .ThemeChooser__root--3eC7r .ThemeChooser__wrapper--2YAdy .ThemeChooser__body--2voHq .ThemeChooser__themeContainer--mjms1 { margin: initial; width: 980px; } } .ThemeChooser__root--3eC7r .ThemeChooser__wrapper--2YAdy .ThemeChooser__body--2voHq .ThemeChooser__themeContainer--mjms1 .ThemeChooser__themeLine--2GUyG { display: flex; flex-wrap: wrap; gap: 20px; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .ThemeChooserItem__container--2E6wB { display: inline-block; line-height: normal; } .ThemeChooserItem__item--3sC6v { background-size: contain; border-radius: 20px; box-sizing: border-box; cursor: pointer; height: 92px; position: relative; text-align: center; width: 122px; } .ThemeChooserItem__item--3sC6v:hover .ThemeChooserItem__overlay--1sV6d, .ThemeChooserItem__item--3sC6v:hover .ThemeChooserItem__title--2JvWM { display: block; } .ThemeChooserItem__overlay--1sV6d { background-color: rgba(0, 95, 249, 0.48); border-radius: 19px; display: none; height: 100%; width: 100%; } .ThemeChooserItem__title--2JvWM { color: rgb(255, 255, 255); display: none; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); line-height: 16px !important; } .ThemeChooserItem__isSelected--IOHaB .ThemeChooserItem__overlay--1sV6d { display: block; } .ThemeChooserItem__iconWrapper--2SH4B { color: rgb(255, 255, 255); font-size: 25px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .ThemeChooserItem__isSelected--IOHaB:hover .ThemeChooserItem__title--2JvWM { display: none; } .ThemeChooserItem__colorized--2Ex6E { border-radius: 12px; height: 40px; width: 86px; } @media (min-width: 1024px) { .ThemeChooserItem__colorized--2Ex6E { height: 40px; width: 40px; } } .ThemeChooserItem__colorized--2Ex6E .ThemeChooserItem__overlay--1sV6d { border-radius: 12px; } .ThemeChooserItem__colorized--2Ex6E .ThemeChooserItem__isSelected--IOHaB, .ThemeChooserItem__colorized--2Ex6E .ThemeChooserItem__item--3sC6v { border-radius: 12px; height: 40px; width: 100%; } .ThemeChooserItem__colorized--2Ex6E .ThemeChooserItem__item--3sC6v:hover .ThemeChooserItem__overlay--1sV6d, .ThemeChooserItem__colorized--2Ex6E .ThemeChooserItem__item--3sC6v:hover .ThemeChooserItem__title--2JvWM { display: none; } .ThemeChooserItem__colorized--2Ex6E .ThemeChooserItem__isSelected--IOHaB .ThemeChooserItem__overlay--1sV6d, .ThemeChooserItem__colorized--2Ex6E .ThemeChooserItem__isSelected--IOHaB:hover .ThemeChooserItem__overlay--1sV6d { background-color: var(--vkui--color_field_border_alpha); display: block; } .ThemeChooserItem__bordered--cTaFl { border: 1px solid var(--vkui--color_separator_primary_alpha); } .Public__root--Zc6Ga { display: flex; flex-grow: 1; flex-wrap: wrap; grid-column: 1; height: 100%; position: relative; width: 100%; } .Public__rootPassword--1viZb { background: var(--vkui--color_background_content); border-top-left-radius: 12px; border-top-right-radius: 12px; margin: 0 var(--vkui--x3) 0 var(--vkui--x4); width: auto; } .Public__rootPasswordB2B--1iQ-q { grid-area: main; } .Public__rootPassword--1viZb.Public__passwordThemed--21pB- { margin: 24px 55px 0px; } .Public__root_signlePublic--1TNlD { grid-row: 2; } .Public__content--26c2c { height: 100%; left: 0px; top: 0px; width: 100%; } .Public__folderContent--2ja8f { box-sizing: border-box; height: 100%; padding: 24px 20px 15px; width: 100%; } .Public__folderContent_newHeader--1zwJY { padding: 0 var(--vkui--x3) 0 var(--vkui--x4); } .Public__folderContent_shove--zamc- { padding-bottom: 15px; width: 590px; } .Public__folderContent_supportThemedPage--1Lf_n { padding: 24px 55px 0px; width: 100%; } .Public__folderContent_overquota--1uBKy { display: flex; } .Public__fileContent--2T4SX { align-items: center; box-sizing: border-box; display: flex; height: 100%; padding-left: 20px; width: 100%; } @media (min-width: 1266px) { .Public__folderContent_right--3UD1e { padding-right: 275px; } } .Public__fileContent_shove--2vLRc { width: 320px; } .AllDocumentsAttachesPage__root--3OY1A { height: 100%; position: relative; width: 100%; } .MobileDocumentsPage__root--1IXWq { -webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; min-height: 100vh; padding-bottom: 90px; width: 100%; } .MobileDocumentsPage__root_error--2Mvfr { padding-bottom: 0px; } .MobileDocumentsPage__content--ANSqY { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; height: 100%; padding: 0 calc(16px + env(safe-area-inset-right)) 16px calc(16px + env(safe-area-inset-left)); position: relative; width: 100%; } .MobileDocumentsPage__tabs--3-RWt { margin-top: 12px; overflow: scroll; scrollbar-width: none; } .MobileDocumentsPage__tabs--3-RWt::-webkit-scrollbar { display: none; } .RotateScreen__container--oJWrI { align-items: center; background-color: var(--vkui--color_text_tertiary--active); inset: 0px; color: var(--vkui--color_text_contrast); display: flex; font-family: var(--vkui--font_title1--font_family--regular); font-size: var(--vkui--font_title1--font_size--regular,24px); font-weight: var(--vkui--font_title1--font_weight--regular,500); height: 100%; justify-content: center; line-height: var(--vkui--font_title1--line_height--regular,28px); position: fixed; width: 100%; z-index: 1400; } .WebPushScreen__header--3mVgr { font-size: 32px; line-height: 40px; margin: 48px 0px; } .WebPushScreen__header--3mVgr, .WebPushScreen__subheader--1IMao { font-family: var(--font-tt-norms); font-weight: 400; } .WebPushScreen__subheader--1IMao { align-items: center; display: flex; font-size: 24px; line-height: 28px; margin: 24px 0px; } .WebPushScreen__icon--22_in { height: 36px; margin: -2px 12px 0px -2px; width: 36px; } .WebPushScreen__list--102HD { font-size: 15px; line-height: 32px; list-style-type: none; padding: 0px; } .WebPushScreen__listItem--19kyn { align-items: center; display: flex; } .WebPushScreen__listItem--19kyn::before { background-color: var(--vkui--color_background_accent); border-radius: 2px; content: ""; display: block; height: 2px; margin-right: 12px; width: 12px; } :root { --padding-promo: 32px; } .BindingSpherum__root--2IUEq.modal.ui.large { max-width: calc(100% - 16px); width: 500px; } .BindingSpherum__content--3nNhV { font-family: var(--vkui--font_family_accent); padding: 298px 0 var(--padding-promo); position: relative; } .BindingSpherum__imageWrapper--21Ep9 { align-items: center; background-color: var(--color-datalist-selected); display: flex; height: 274px; justify-content: center; left: calc(var(--padding-promo)*-1); position: absolute; right: calc(var(--padding-promo)*-1); top: 0px; } .BindingSpherum__image--3FHUB { object-fit: cover; } .BindingSpherum__image_fluid--186yp { height: 100%; width: 100%; } .BindingSpherum__title--hlRW9 { font-size: 24px; font-weight: 500; height: 28px; } .BindingSpherum__text--1cyuE, .BindingSpherum__title--hlRW9 { color: var(--vkui--color_text_primary); } .BindingSpherum__text--1cyuE { font-family: var(--font-inter); font-size: 15px; height: 40px; margin-bottom: var(--padding-promo); margin-top: 16px; white-space: pre-wrap; } .BindingSpherum__buttonWrapper--3K_7w { display: flex; gap: 12px; } .BindingSpherum__footerWrapper--1RO6u { display: flex; justify-content: space-between; } .TariffButton__root--1LQxr { background-color: rgb(238, 238, 239); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 16px; box-sizing: border-box; cursor: pointer; font-family: var(--font-tt-norms); padding: 11.5px; } .TariffButton__text--3W_Sv { font-size: 18px; font-weight: 500; line-height: 23px; } .TariffButton__subtext--1-Gpx { color: var(--vkui--color_text_secondary); font-size: 14px; line-height: 17px; } .TariffSpace__root--2UHBH { line-height: 28px; } .TariffSpace__tariffSpace--3mHx8 { font-size: 54px; font-weight: 400; } .TariffSpace__tariffUnits--3MBXb { font-size: 32px; font-weight: 600; } .VigboFeature__root--Q0ikS { border: 1px solid var(--vkui--color_separator_primary); border-radius: 16px; font-size: 14px; font-weight: 500; height: fit-content; line-height: 14px; padding: 9px 8px; white-space: nowrap; width: fit-content; } .AdChoicePopover__adChoice--3kSeD { position: relative; } .AdChoicePopover__adPopover--KmvvX { height: 104px; top: 32px; width: 190px; } .AdChoicePopover__adPopover--KmvvX, .AdChoicePopover__adPopoverContent--17ggp { border-radius: 8px; position: absolute; right: 0px; } .AdChoicePopover__adPopoverContent--17ggp { bottom: 0px; display: flex; flex-direction: column; font-family: var(--font-tt-norms); justify-content: space-between; left: 0px; padding: 12px; top: 0px; } .AdChoicePopover__title--1Y3MW { font-size: 12px; line-height: 16px; } .AdChoicePopover__item--1XUcJ { align-items: center; display: flex; font-size: 14px; gap: 8px; line-height: 18px; } .AdChoicePopover__item--1XUcJ, .AdChoicePopover__item--1XUcJ:hover { color: var(--title-color); } .AdChoicePopover__item--1XUcJ:hover { cursor: pointer; } .AdChoicePopover__filterBackdrop--2Wc1F { backdrop-filter: blur(60px); background-color: var(--vkui--color_background_close_button_modal); border-radius: 8px; inset: 0px; display: block; position: absolute; } :root { --padding-promo: 32px; } .WhatsNewDialogRedesign__root--7FhGO { -webkit-font-smoothing: antialiased; } .WhatsNewDialogRedesign__root--7FhGO.modal.average.ui { max-width: calc(100% - 16px); width: 540px; } .WhatsNewDialogRedesign__root--7FhGO.modal.ui > .content { background-color: var(--vkui--color_background_modal); } .WhatsNewDialogRedesign__root--7FhGO .WhatsNewDialogRedesign__filterBackdrop--3Um62 { backdrop-filter: blur(60px); background-color: var(--vkui--color_background_close_button_modal); border-radius: 8px; inset: 0px; display: block; position: absolute; } .WhatsNewDialogRedesign__content--2cdA8 { font-family: var(--font-tt-norms); padding: 264px 0 var(--padding-promo); position: relative; } .WhatsNewDialogRedesign__imageWrapper--1NLr7 { align-items: center; display: flex; height: 240px; justify-content: center; left: calc(var(--padding-promo)*-1); position: absolute; right: calc(var(--padding-promo)*-1); top: 0px; } .WhatsNewDialogRedesign__image--3yJzk { height: 100%; object-fit: cover; width: 100%; } .WhatsNewDialogRedesign__title--25Y2M { -webkit-font-smoothing: antialiased; color: var(--title-color); font-family: var(--font-tt-norms); font-size: 24px; font-weight: 500; line-height: var(--vkui--font_title1--line_height--regular); } .WhatsNewDialogRedesign__title--25Y2M::first-letter { text-transform: uppercase; } .WhatsNewDialogRedesign__text--2iPxn { color: var(--text-color); font-family: var(--font-tt-norms); font-size: 18px; margin: 12px 0px 20px; white-space: pre-wrap; } .WhatsNewDialogRedesign__buttonWrapper--h4Chd { align-items: center; display: flex; } .WhatsNewDialogRedesign__buttonWrapper--h4Chd > .ui.button { margin-right: 20px; } .WhatsNewDialogRedesign__adChoice--2GgzV { position: relative; } .WhatsNewDialogRedesign__adPopover--1wxzZ { height: 104px; top: 48px; width: 190px; } .WhatsNewDialogRedesign__adPopover--1wxzZ, .WhatsNewDialogRedesign__adPopoverContent--1PuJn { border-radius: 8px; position: absolute; right: 0px; } .WhatsNewDialogRedesign__adPopoverContent--1PuJn { bottom: 0px; left: 0px; top: 0px; } .WhatsNewDialogRedesign__footerWrapper--1XvaH { display: flex; flex-direction: column; } .WhatsNewDialogRedesign__contentWrap--1T40d { position: relative; } .WhatsNewDialogRedesign__contentWrap--1T40d .WhatsNewDialogRedesign__topButtonsBlock--2hnPP { position: absolute; right: -24px; top: 8px; z-index: 1; } .WhatsNewDialogRedesign__contentWrap--1T40d .WhatsNewDialogRedesign__topButton--DuFpo, .WhatsNewDialogRedesign__contentWrap--1T40d .WhatsNewDialogRedesign__topButtonsBlock--2hnPP { align-items: center; display: flex; justify-content: center; } .WhatsNewDialogRedesign__contentWrap--1T40d .WhatsNewDialogRedesign__topButton--DuFpo { background-color: initial; border-radius: 8px; cursor: pointer; height: 28px; margin-left: 8px; position: relative; width: 28px; } .WhatsNewDialogRedesign__contentWrap--1T40d .WhatsNewDialogRedesign__topButton--DuFpo svg { color: var(--cross-color); position: relative; } .WhatsNewDialogRedesign__contentWrap--1T40d .WhatsNewDialogRedesign__button--3VJ9G { border-radius: 8px; font-family: var(--font-tt-norms); font-size: 15px; height: 36px; line-height: 20px; padding: 8px 20px; } .WhatsNewDialogRedesign__contentWrap--1T40d .WhatsNewDialogRedesign__primaryButton--3ok4J { background-color: var(--primary-button-color); color: var(--primary-button-text-color); } .WhatsNewDialogRedesign__contentWrap--1T40d .WhatsNewDialogRedesign__primaryButton--3ok4J:hover { background-color: var(--primary-button-hover-color); color: var(--primary-button-text-color); } .WhatsNewDialogRedesign__contentWrap--1T40d .WhatsNewDialogRedesign__secondaryButton--3Qlwm { background-color: var(--secondary-button-color); color: var(--secondary-button-text-color); } .WhatsNewDialogRedesign__contentWrap--1T40d .WhatsNewDialogRedesign__secondaryButton--3Qlwm:hover { background-color: var(--secondary-button-hover-color); color: var(--secondary-button-text-color); } .WhatsNewDialogRedesign__contentWrap--1T40d .WhatsNewDialogRedesign__adInfo--2awE9 { color: var(--ad-info-color); font-family: var(--font-tt-norms); font-size: 12px; line-height: 16px; padding-top: 12px; } .Topinfo__root--25OAC { align-items: center; cursor: pointer; display: flex; font-family: var(--font-tt-norms); justify-content: center; overflow: hidden; position: relative; width: 100%; } .Topinfo__root_mobile--3oeV7 .Topinfo__close--1jkyH { right: 20px; } .Topinfo__content--1KaBQ { height: 100%; width: 100%; } .Topinfo__close--1jkyH { color: var(--vkui--color_text_contrast); position: absolute; right: 37px; top: 10px; z-index: 20; } .Topinfo__close_dark--1Om2b { color: var(--vkui--color_icon_primary); } .WebAutoUploadModal__closeIcon--3XCLX { color: var(--vkui--color_icon_secondary); } .WebAutoUploadModal__videoWrapper--2Pbmu { display: flex; height: fit-content; } .SubscriptionOutflowModal__mobile-text--2IWhZ, .SubscriptionOutflowModal__text--11cux { font-size: 18px; line-height: 24px; } .SubscriptionOutflowModal__mobile-text--2IWhZ, .SubscriptionOutflowModal__text--11cux, .SubscriptionOutflowModal__title--2g_rV { font-family: var(--font-tt-norms); } .SubscriptionOutflowModal__title--2g_rV { white-space: pre-line; } .SubscriptionOutflowModal__family-consequences--6_76l { margin-top: 12px; } .SubscriptionOutflowModal__mobile-text--2IWhZ { margin: 12px 0px 24px; white-space: pre-wrap; } .SubscriptionOutflowModal__mobile-image--2Ewbz { display: block; flex-shrink: 0; height: auto; object-fit: contain; width: 100%; } .PriceRiseWarningModal__mobileText--HSxkT, .PriceRiseWarningModal__text--1xm_f { font-family: var(--font-tt-norms); font-size: 18px; line-height: 24px; } .PriceRiseWarningModal__mobileText--HSxkT { margin: 12px 0px 24px; white-space: pre-wrap; } .WorkspaceSuperappErrorPage__wrapper--1g3TX { align-items: center; display: flex; flex-direction: column; margin: auto; } .WorkspaceSuperappErrorPage__icon--1sW-F { color: rgb(237, 3, 58); margin-bottom: 32px; } ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-680999f2-1e80-45f0-8b19-8ef6def7eca7@mhtml.blink @charset "utf-8"; .ag-popup__overlay { inset: 0px; opacity: 0.48; z-index: 10000; position: fixed; background: rgb(0, 0, 0); user-select: none; display: none; } .ag-popup__overlay_show { display: block; } .ag-popup__frame { user-select: none; display: none; } .ag-popup__frame__layout { overflow: hidden; width: 420px; outline: none; transition: height 0.111s ease-in-out; } .ag-popup__frame__layout__iframe { position: relative; width: 100%; height: 100%; margin: 0px; border: 0px; background-color: rgb(255, 255, 255); } .ag-popup__frame__layout__loader-wrapper { position: absolute; inset: 0px; background: rgb(255, 255, 255); display: none; } .ag-popup__frame__layout__loader-wrapper_show { display: block; } .ag-popup__frame__layout__loader { position: absolute; display: block; width: 32px; height: 32px; top: 50%; left: 50%; margin: -16px 0px 0px -16px; animation: 1s cubic-bezier(0.49, 0.28, 0.49, 0.67) 0s infinite normal none running spin; fill: rgb(0, 95, 249); } .ag-popup__frame__layout__loader > svg { fill: rgb(0, 95, 249) !important; fill-rule: nonzero; } .ag-popup__frame_onoverlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10001; text-align: center; } .ag-popup__frame_onoverlay .ag-popup__frame__layout-mobile { max-height: 510px; max-width: 420px; width: calc(100% - 8px) !important; height: calc(100% - 16px) !important; min-width: 272px !important; } .ag-popup__frame_onoverlay .ag-popup__frame__layout-desktop { max-height: calc(100% - 16px) !important; } .ag-popup__frame_onoverlay .ag-popup__frame__layout { position: relative; box-shadow: rgba(0, 0, 0, 0.48) 0px 16px 48px 0px; overflow: hidden; } .ag-popup__frame_onoverlay .ag-popup__frame__layout, .ag-popup__frame_onoverlay .ag-popup__frame__layout__iframe, .ag-popup__frame_onoverlay .ag-popup__frame__layout__loader-wrapper { border-radius: var(--vkui--size_border_radius_paper--regular, 12px); } .ag-popup__frame_inpage { position: relative; margin: 0px auto; } .ag-popup__frame_show { display: flex; align-items: center; justify-content: center; } @keyframes spin { 100% { transform: rotate(360deg) translateZ(0px); } } ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-f9f5d499-8d1a-47ef-8397-1c7df577c718@mhtml.blink @charset "utf-8"; :root { --headline-height: 36px; & .doodle, & .doodle.rebranding { --ph-logo-margin-left: 0; --ph-logo-height: 62px; --logo-light-theme-url: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/93a686399e6508c878f3.gif?1792244873084); --logo-dark-theme-url: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/e9926df615d55dc3d402.gif?1792244873084); } } body:not(.vkui--cloud--dark):not(.theme-outsource) .ph-whiteline .ph-project .ph-project__link.ph-project__link_current { color: rgb(0, 95, 249); background: color-mix(in srgb, rgb(0, 95, 249) 10%, transparent 90%); } ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-9d0c7267-d889-41f9-91cd-1f2bf46400a6@mhtml.blink @charset "utf-8"; .ErrorPage__root--3tkmo { -webkit-font-smoothing: antialiased; align-items: center; display: flex; flex-direction: column; flex-grow: 1; font-family: var(--font-tt-norms); margin: 150px auto 0px; max-width: 1200px; padding: 0px 16px; width: 586px; } @media (max-width: 768px) { .ErrorPage__root--3tkmo { width: calc(100% - 32px); } } .ErrorPage__error--36qIZ { background-position: 50% center; background-repeat: no-repeat; background-size: contain; height: 162px; object-fit: cover; width: 480px; } @media (max-width: 400px) { .ErrorPage__error--36qIZ { height: 130px; width: 300px; } } .ErrorPage__biz--3C1DE { justify-content: center; } .ErrorPage__biz--3C1DE .ErrorPage__error--36qIZ { height: auto; width: 56px; } .ErrorPage__errorDark--21xFd { display: none; } .vkui--cloud--dark .ErrorPage__errorLight--3AcA- { display: none; } .vkui--cloud--dark .ErrorPage__errorDark--21xFd { display: initial; } @media (prefers-color-scheme: dark) { .vkui--cloud--system .ErrorPage__root--3tkmo:not(.ErrorPage__static--3PJrd) .ErrorPage__errorLight--3AcA- { display: none; } .vkui--cloud--system .ErrorPage__root--3tkmo:not(.ErrorPage__static--3PJrd) .ErrorPage__errorDark--21xFd { display: initial; } } @media (prefers-color-scheme: light) { .vkui--cloud--system .ErrorPage__root--3tkmo:not(.ErrorPage__static--3PJrd) .ErrorPage__errorLight--3AcA- { display: initial; } .vkui--cloud--system .ErrorPage__root--3tkmo:not(.ErrorPage__static--3PJrd) .ErrorPage__errorDark--21xFd { display: none; } } .ErrorPage__dark--17NMj { --vkui--color_text_primary: #e7e8ea; --vkui--color_text_primary--hover: #e8e9eb; --vkui--color_background_secondary: #2a2a2b; --vkui--color_background_secondary_alpha: hsla(0,0%,100%,.12); --vkui--color_background_secondary_alpha--hover: hsla(0,0%,100%,.16); } .ErrorPage__dark--17NMj .ErrorPage__errorDark--21xFd { display: initial; } .ErrorPage__dark--17NMj .ErrorPage__errorLight--3AcA- { display: none; } .ErrorPage__description--1V8sa { align-items: center; display: flex; flex-direction: column; margin-top: 8px; } @media (max-width: 768px) { .ErrorPage__description--1V8sa { max-width: 400px; } } .ErrorPage__title--3BvDd { color: var(--vkui--color_text_primary); font-size: 24px; font-weight: 500; line-height: 28px; margin-bottom: 12px; text-align: center; } .ErrorPage__appButton--3E7Kc { display: none; } @media (max-width: 768px) { .ErrorPage__appButton--3E7Kc { bottom: 0px; display: block; max-width: 100%; padding: 16px 16px 24px; position: absolute; width: 100%; z-index: 3; } @supports (bottom:constant(safe-area-inset-bottom)) { .ErrorPage__appButton--3E7Kc { } } @supports (bottom:env(safe-area-inset-bottom)) { .ErrorPage__appButton--3E7Kc { bottom: calc(env(safe-area-inset-bottom)); } } } .ErrorPage__downloadAppContainer--3up_L { display: flex; flex-direction: column; flex-grow: 1; font-family: var(--font-tt-norms); justify-content: end; margin: 50px auto 16px; width: 568px; } @media (max-width: 768px) { .ErrorPage__downloadAppContainer--3up_L { display: none; } } .ErrorPage__annotation--3STKs { color: var(--vkui--color_text_primary); font-size: 15px; line-height: 20px; margin-bottom: 24px; max-width: 500px; text-align: center; white-space: pre-wrap; } .ErrorPage__annotationSecondary--Otieb { color: var(--vkui--color_text_secondary); } .ErrorPage__qrcodeContainer--nYzd0 { align-items: center; background-color: var(--vkui--color_background_secondary); border-radius: 16px; bottom: 16px; display: flex; max-height: 128px; padding: 16px; position: sticky; } .ErrorPage__qrcode--2NwPv { box-sizing: border-box; height: 96px; width: 96px; } .ErrorPage__qrcodeText--2th09 { color: var(--vkui--color_text_primary); font-size: var(--vkui--font_title3--font_size--regular); font-weight: var(--vkui--font_title3--font_weight--regular); line-height: var(--vkui--font_title3--line_height--regular); padding: 20px 34px 20px 40px; } .ErrorPage__container--3AGqx { display: flex; flex-direction: row; flex-grow: 1; grid-area: main; height: 100%; } @media (min-width: 768px) { .ErrorPage__container--3AGqx { gap: 16px; margin: 0px 20px 0px 16px; } } .ErrorPage__wrapper--1PUfT { background: var(--vkui--cloud_color_background,#fff); border-radius: 12px 12px 0px 0px; display: flex; flex-direction: column; width: 100%; } .ErrorPage__helpUrl--1HQBR { color: var(--vkui--color_text_link); text-decoration: none; } .ErrorPage__helpUrl--1HQBR:hover { color: var(--vkui--color_text_link--hover); } .ErrorPage__helpUrl--1HQBR:active { color: var(--vkui--color_text_link--active); } .ErrorPage__advDesktop--2wwDe { display: none; flex-direction: column; gap: 8px; isolation: isolate; max-width: 272px; padding: 0px 12px; } @media (max-width: 768px) { .ErrorPage__advDesktop--2wwDe { display: none; } } @media (min-width: 769px) { .ErrorPage__advMobile--2qjGu { display: none; } } .ErrorPage__advHeader--3-uBX, .ErrorPage__advHeaderStatic--1Mnko { align-items: center; display: flex; height: 60px; justify-content: space-between; min-width: 240px; } .ErrorPage__advTitle--zCBtP { -webkit-font-smoothing: antialiased; font-family: var(--font-tt-norms); font-size: 17px; font-weight: 500; margin-bottom: 0px; } .ErrorPage__advDisableButton--3humk { background: var(--vkui--color_background_secondary_alpha); color: var(--vkui--color_text_secondary); } .ErrorPage__advDisableButton--3humk:hover { background: var(--vkui--color_background_secondary_alpha--hover); color: var(--vkui--color_text_secondary--hover); } .js-right-block-error-page--visible { display: flex; } @media (max-width: 768px) { .errorPageDisableElement { display: none !important; } } @media (max-width: 768px) { .errorPageDisableCursorEvents { pointer-events: none !important; } } .vkTeamsErrorPage .ErrorPage__appButton--3E7Kc { display: none; } .vkTeamsErrorPage .ErrorPage__downloadAppContainer--3up_L { display: none; } .Editor__wrapper--2wHOx { display: flex; flex-direction: column; flex-grow: 1; height: 100%; width: 100%; } .DisableButton__disable--TIUTA { align-items: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; box-shadow: none; display: flex; flex-shrink: 0; font-family: var(--font-tt-norms); font-size: 13px; font-style: normal; font-weight: 400; height: 28px; justify-content: center; line-height: 18px; padding: 0px 12px; text-decoration: none; transition: background 0.2s ease-in-out; } .DisableButton__disable--TIUTA, .DisableButton__disable_theme_light---loc5 { background: var(--vkui--color_background_secondary); color: var(--vkui--color_text_secondary); } .DisableButton__disable_theme_light---loc5:hover { background: var(--vkui--color_background_secondary--hover); } .DisableButton__disable_theme_dark--3gxce { background: var(--color-background-gray); color: var(--vkui--color_text_contrast); font-size: 15px; height: 36px; } .DisableButton__disable_theme_dark--3gxce:hover { background: var(--color-eerie-black); color: var(--vkui--color_text_contrast--hover); } .DownloadAppButton__root--1xz_X { -webkit-font-smoothing: antialiased; align-items: center; background: var(--vkui--color_background_accent); border-radius: var(--vkui--size_border_radius_paper--regular); display: flex; font-family: var(--font-tt-norms); font-size: 16px; font-weight: 500; height: 48px; justify-content: center; text-decoration: none; } .DownloadAppButton__root--1xz_X, .DownloadAppButton__root--1xz_X:hover { color: var(--vkui--color_text_contrast); } .DownloadAppButton__downloadAppIcon--3t1Dk { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/icons/f2408a7f45700eebf62c.png") 50% 50% / contain no-repeat; height: 24px; margin-right: 8px; width: 24px; } .ui.button { align-items: center; background: var(--vkui--color_background_secondary_alpha); border-radius: 2px; box-sizing: border-box; color: var(--vkui--color_text_primary); display: inline-flex; font-family: var(--font-tt-norms); font-size: 15px; font-style: normal; font-weight: 400; height: 32px; line-height: 16px; margin: 0px; outline: none; padding: 0px 13px; transition: opacity 0.1s, background-color 0.1s, color 0.1s, box-shadow 0.1s, background 0.1s; vertical-align: middle; } .ui.button:hover { background: var(--vkui--color_background_secondary_alpha--hover); color: var(--vkui--color_text_primary--hover); } .ui.button:active { background: var(--vkui--color_background_secondary_alpha--active); color: var(--vkui--color_text_primary--active); } .ui.button:focus { background: var(--vkui--color_background_secondary_alpha--active); color: var(--vkui--color_text_primary--hover); } .Button__btn_octavius--38SD2.ui.button { align-items: center; background: var(--vkui--color_background_secondary_alpha) none; border-radius: 8px; box-shadow: none; color: var(--vkui--color_text_primary); display: flex; font-size: 15px; font-weight: 400; height: 44px; justify-content: center; margin: 0px; vertical-align: middle; } .Button__btn_octavius--38SD2.ui.button:active { background-color: var(--vkui--color_background_secondary_alpha--active); color: var(--vkui--color_text_primary--active); } .Button__btn_octavius--38SD2.ui.button:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); color: var(--vkui--color_text_primary--hover); } .Button__btn_octavius--38SD2.ui.button:focus { background-color: var(--vkui--color_background_secondary_alpha--active); color: var(--vkui--color_text_primary--hover); } .Button__btn_octavius--38SD2.ui.button.ui.disabled.button { box-shadow: none !important; } .Button__btn_octavius--38SD2.ui.button.primary { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .Button__btn_octavius--38SD2.ui.button.primary:active { background-color: var(--vkui--color_background_accent--active); } .Button__btn_octavius--38SD2.ui.button.primary:hover { background-color: var(--vkui--color_background_accent--hover); } .Button__btn_octavius--38SD2.ui.button.primary:focus { background-color: var(--vkui--color_background_accent--active); } .Button__btn_octavius--38SD2.ui.button.basic { background: transparent !important; box-shadow: none !important; } .Button__btn_vk--3dVa4.ui.button { align-items: center; background: var(--vkui--color_background_secondary) none; border-radius: 12px; box-shadow: none; color: var(--vkui--color_text_primary); display: flex; font-family: var(--font-tt-norms); font-size: 16px; font-weight: 500; height: 48px; justify-content: center; line-height: 22px; margin: 0px; vertical-align: middle; width: 100%; } .Button__btn_vk--3dVa4.ui.button:active { background-color: var(--vkui--color_background_secondary--active); color: var(--color-black-09); } .Button__btn_vk--3dVa4.ui.button:hover { background-color: var(--vkui--color_background_secondary--hover); color: var(--vkui--color_overlay_primary--active); } .Button__btn_vk--3dVa4.ui.button:focus { background-color: var(--vkui--color_background_secondary--active); color: var(--vkui--color_overlay_primary--active); } .Button__btn_vk--3dVa4.ui.button.ui.disabled.button { box-shadow: none !important; } .vkui--cloud--dark .Button__btn_vk--3dVa4.ui.button:active { color: var(--vkui--color_text_primary--active); } .vkui--cloud--dark .Button__btn_vk--3dVa4.ui.button:hover { color: var(--vkui--color_text_primary--hover); } .vkui--cloud--dark .Button__btn_vk--3dVa4.ui.button:focus { color: var(--vkui--color_text_primary--active); } .Button__btn_vk--3dVa4.ui.button.primary { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } .Button__btn_vk--3dVa4.ui.button.primary:active { background-color: var(--vkui--color_background_accent--active); } .Button__btn_vk--3dVa4.ui.button.primary:hover { background-color: var(--vkui--color_background_accent--hover); } .Button__btn_vk--3dVa4.ui.button.primary:focus { background-color: var(--vkui--color_background_accent--active); } .Button__btn_vk--3dVa4.ui.button.basic { background: transparent !important; box-shadow: none !important; } .Button__btnOrange--2FRpX.ui.button { background: var(--color-blaze-orange); position: relative; z-index: 1; } .Button__btnOrange--2FRpX.ui.button:active, .Button__btnOrange--2FRpX.ui.button:focus, .Button__btnOrange--2FRpX.ui.button:hover { background: var(--color-blaze-orange); } .Button__btnOrange--2FRpX.ui.button:active::after, .Button__btnOrange--2FRpX.ui.button:focus::after, .Button__btnOrange--2FRpX.ui.button:hover::after { background: var(--vkui--color_background_tertiary_alpha); inset: 0px; content: ""; position: absolute; z-index: -1; } .Button__btnMiddle--2bf1K.ui.button { border-radius: 8px; height: 40px; padding: 0px 20px; } .Button__btnSmall--1VjHy.ui.button { border-radius: 8px; height: 36px; padding: 0px 20px; } .Button__btnBig--2hmPZ.ui.button { border-radius: 12px; height: 44px; padding: 0px 20px; } .Button__btnExtraBig--3CuNL.ui.button { border-radius: 16px; height: 56px; padding: 0px 20px; } .Button__btnSmallNarrow--1RObD.ui.button { border-radius: 8px; height: 36px; padding: 0px 12px; } .Button__btnLight--1Q-GB.ui.button { background-color: var(--rebranding_color_background-content-alternative); color: var(--rebranding_color_text-alternative); } .Button__btnLight--1Q-GB.ui.button:hover { background-color: var(--rebranding_color_background-content-alternative--hover); color: var(--rebranding_color_text-alternative); } .Button__btnLight--1Q-GB.ui.button:active { background-color: var(--rebranding_color_background-content-alternative--active); color: var(--rebranding_color_text-alternative); } .Button__btnLight--1Q-GB.ui.button:focus { background-color: var(--rebranding_color_background-content-alternative--active); color: var(--rebranding_color_text-alternative); } .Button__btnError--yovrk.ui.button { background-color: var(--vkui--color_background_negative); color: var(--vkui--color_text_contrast); } .Button__btnError--yovrk.ui.button:hover { background-color: var(--vkui--color_background_negative--hover); color: var(--vkui--color_text_contrast); } .Button__btnError--yovrk.ui.button:active { background-color: var(--vkui--color_background_negative--active); color: var(--vkui--color_text_contrast); } .Button__btnError--yovrk.ui.button:focus { background-color: var(--vkui--color_background_negative--active); color: var(--vkui--color_text_contrast); } .Button__btnFlat--3k6cl.ui.button { background: var(--vkui--color_transparent); } .Button__btnFlat--3k6cl.ui.button:active { background-color: var(--vkui--color_transparent--active) !important; } .Button__btnFlat--3k6cl.ui.button:focus { background-color: var(--vkui--color_transparent); } .Button__btnFlat--3k6cl.ui.button:hover { background-color: var(--vkui--color_transparent--hover); } .Button__btnExtraSmall--3t589.ui.button { border-radius: 8px; height: 30px; padding: 0px 16px; } .Button__btn_white--n7775.ui.button.ui.button { background-color: var(--vkui--color_background_content); border-radius: 8px; box-shadow: none; display: flex; font-weight: 700; height: 40px; justify-content: center; } .Button__btn_white--n7775.ui.button.ui.button:active, .Button__btn_white--n7775.ui.button.ui.button:focus, .Button__btn_white--n7775.ui.button.ui.button:hover { background-color: var(--vkui--color_transparent--hover); } .Button__btn_white--n7775.ui.button.ui.disabled.button { box-shadow: none !important; } .button, .ui.black.button, .ui.black.buttons { background-color: var(--vkui--color_icon_primary_invariably); background-image: none; color: var(--vkui--color_text_contrast); font-size: 15px; height: 40px; text-shadow: none; } .ui.black.button { box-shadow: rgb(199, 199, 199) 0px 0px 0px 0px inset; } .ui.black.button:hover { background-color: rgb(64, 64, 64); color: var(--vkui--color_text_contrast); text-shadow: none; } .ui.black.button:focus { background-color: rgb(71, 71, 71); color: var(--vkui--color_text_contrast); text-shadow: none; } .ui.black.button:active { background-color: rgb(77, 77, 77); color: var(--vkui--color_text_contrast); text-shadow: none; } .ui.black.active.button { background-color: rgb(38, 38, 38); color: var(--vkui--color_text_contrast); text-shadow: none; } .Button__btnContrast--FHwF0.ui.button { background-color: var(--vkui--color_background_modal); } .ErrorPageButton__root--20ObC, .ErrorPageButton__root--20ObC.ui.button { align-items: center; background: var(--vkui--color_background_secondary_alpha) none; border: 0px; border-radius: 12px; color: var(--vkui--color_text_primary); display: flex; font-size: 16px; font-weight: 500; height: 48px; padding: 0px 20px; text-decoration: none; width: auto; } .ErrorPageButton__root--20ObC.ui.button:hover, .ErrorPageButton__root--20ObC:hover { background-color: var(--vkui--color_background_secondary_alpha--hover); color: var(--vkui--color_text_primary--hover); } .ErrorPageButton__root--20ObC:active, .ErrorPageButton__root--20ObC.ui.button:active { background-color: var(--vkui--color_background_secondary_alpha--active); color: var(--vkui--color_text_primary--active); } .ErrorPageButton__compact--NoGUC, .ErrorPageButton__compact--NoGUC.ui.button { border-radius: 8px; height: 36px; padding: 0px 16px; } .Footer__root--1nJxx { align-items: center; background: var(--vkui--color_background_content); border-top: 1px solid var(--vkui--color_separator_primary); box-sizing: border-box; display: flex; font-family: Arial, sans-serif; font-size: 12px; height: 18px; overflow: hidden; padding-right: 18px; position: relative; z-index: 1000; } .Footer__root_prerendered--OUljo { border-top: 0px; padding-right: 0px; } .Footer__leftCol--1PoFW .portal-footer { background: var(--vkui--color_background_content); border-top: 1px solid var(--vkui--color_separator_primary); } .Footer__rightCol--2USfN { align-items: center; display: flex; height: 100%; margin-left: auto; } .Footer__item--3f9BO { color: var(--vkui--color_text_tertiary); letter-spacing: -0.3px; line-height: 16px; margin-right: 14px; text-decoration: none; white-space: nowrap; } @media (max-width: 1160px) { .Footer__item--3f9BO { font-size: 10px; margin-right: 10px; } } .Footer__item--3f9BO:last-child { margin-right: 0px; } .Footer__item--3f9BO:hover { color: var(--vkui--color_text_tertiary--hover); } .Footer__footerImage--qs5kt { background-size: contain; content: ""; display: inline-block; height: 13px; margin-left: 4px; vertical-align: middle; width: 64px; } .Footer__root_theme_dark--3Z_IS { border-top: 1px solid var(--vkui--color_background_content,#050505); background: var(--vkui--color_background_content,#050505) !important; } .Footer__root_theme_dark--3Z_IS .Footer__item--3f9BO { color: var(--vkui--color_text_tertiary); font-size: 12px; } .Footer__root_theme_dark--3Z_IS .Footer__item--3f9BO:hover { color: var(--vkui--color_text_tertiary--hover); } .Footer__root_theme_dark--3Z_IS .portal-footer__link { font-size: 12px !important; } .Footer__root_theme_dark--3Z_IS .portal-footer { background: var(--vkui--color_background_content,#050505) !important; } .Footer__root_theme_dark--3Z_IS .portal-footer { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } .Footer__root_action--1DW4U { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: var(--color-eerie-black) !important; } .Footer__root_action--1DW4U .portal-footer { background: var(--color-eerie-black) !important; } .Footer__root_black--1QPvX { border-top: 1px solid var(--color-black); background: var(--color-black) !important; } .Footer__root_black--1QPvX .portal-footer { background: var(--color-black) !important; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; --header-z: 1001; } .Header__root--1k6sy { align-items: center; display: flex; flex-direction: row; justify-content: space-between; z-index: var(--header-z); } .Header__root_desktop--1QTgV { box-sizing: border-box; grid-area: toolbar; height: 56px; min-width: 1004px; padding: 0px 20px; position: sticky; top: 0px; } .Header__withShadow--9kMZX { box-shadow: rgba(2, 13, 41, 0.12) 0px 0px 16px; } .Header__root_my_team--2qNXW { border-bottom: 1px solid var(--vkui--color_image_border_alpha); box-shadow: none; } @media (max-width: 1024px) { .Header__root_my_team--2qNXW { min-width: auto; } } .Header__root_desktop_web_ui--2OVKM { padding-right: 12px; } .Header__root_phone--3Q6ea { box-sizing: border-box; height: 50px; padding: 0px 12px; } .Header__leftSide--1ea3m { align-items: center; display: flex; justify-content: flex-start; min-width: 256px; } .Header__leftSideMyTeam--2_u5k { flex: 0 1 auto; min-width: auto; } @media (max-width: 1024px) { .Header__leftSideMyTeam--2_u5k { width: 87px; } } @media (max-width: 840px) { .Header__leftSideMyTeam--2_u5k { width: 36px; } } .Header__rightSide--3rJ0q { flex: 1 1 0%; height: 100%; margin-left: 28px; min-width: 0px; } .Header__rightSide--3rJ0q, .Header__rightSidePdf--Ch-oN { align-items: center; display: flex; } .Header__rightSidePdf--Ch-oN { justify-content: right; padding-right: 8px; } @media (max-width: 1024px) { .Header__rightSideMyTeam--ukyQf { margin-left: 0px; } } .Header__toolbar--2JuhD { align-items: center; display: flex; flex: 1 1 0%; height: 100%; padding-right: 8px; } .Header__toolbar--2JuhD.Header__toolbarNoMargin--1-0Hm { margin-right: 0px; } .Header__backButton--2Of2l, .Header__nameWrapper--c270k .Header__name--1a5Qi { font-family: var(--vkui--font_family_accent); } .Header__root_color_blue--2DrxF { background: var(--vkui--color_background_accent); } .Header__root_color_white--3XJpx { background: var(--vkui--color_background); } .Header__backButton--2Of2l { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 15px; font-style: normal; font-weight: 500; line-height: 20px; } .Header__nameWrapper--c270k { margin-left: 8px; max-width: 300px; position: relative; } .Header__nameWrapper--c270k .Header__name--1a5Qi { color: var(--vkui--color_text_primary); font-family: var(--font-tt-norms); font-size: 17px; font-style: normal; font-weight: 500; line-height: 24px; } .Header__root_color_cepia--Is5lS { background: var(--color-cepia); } .Header__root_color_dark--3wk_7 { background: rgba(255, 255, 255, 0.08); } .Header__root_color_dark--3wk_7 .Header__backButton--2Of2l, .Header__root_color_dark--3wk_7 .Header__nameWrapper--c270k .Header__name--1a5Qi { color: var(--color_text_muted--dark); } .Header__mobile_button_back--1i332 { align-items: center; backdrop-filter: blur(44px); background: rgba(71, 71, 71, 0.06); border-radius: 16px; box-sizing: border-box; color: var(--vkui--color_text_contrast); display: flex; height: 36px; justify-content: center; margin-right: 16px; padding: 0px; width: 36px; } .Header__root_ebook_viewer--M6-Ao { --vkui--color_background: #fff; } .Header__root_ebook_viewer--M6-Ao .Header__nameWrapper--c270k { --vkui--color_text_primary: #2c2d2e; --color_text_muted--dark: #2c2d2e; } .Header__root_ebook_viewer--M6-Ao .Header__backButton--2Of2l { --vkui--color_text_muted: #2c2d2e; --color_text_muted--dark: #2c2d2e; --vkui--color_text_primary: #2c2d2e; } .ContentLoader__root--3iBVs { display: flex; flex-direction: column; flex-grow: 1; position: relative; } .ContentLoader__root_new_portal_header--3g-mi { height: calc(100vh - var(--headline-height) - 29px); } .ContentLoader__loading--16QAu { color: var(--vkui--color_icon_accent); display: none; } .ContentLoader__vkui_loading--RVKt9 { color: var(--vkui--color_icon_medium,#919399); } .ContentLoader__error--MJj82 { display: none; } .ContentLoader__content--auRFO { display: flex; flex-direction: column; flex-grow: 1; transition: opacity 0.2s; } .ContentLoader__content_new_portal_header--21F7Z { height: 100%; } .ContentLoader__root_viewport_height--qkj5p, .ContentLoader__root_viewport_height--qkj5p .ContentLoader__content--auRFO { min-height: 1px; } .ContentLoader__noScript--29y4z { align-items: center; background: var(--vkui--color_background_content,#fff); display: flex; flex-direction: column; left: 50%; margin-top: 30px; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1000; } .ContentLoader__icon--Y-l1l { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA4NCI+PHBhdGggZD0iTTg3IDg0SDlhOSA5IDAgMCAxLTgtMTRMNDEgNGE4IDggMCAwIDEgMTQgMWw0MCA2NSAxIDVjMCA1LTQgOS05IDlaTTU0IDY2YTYgNiAwIDEgMC0xMiAwIDYgNiAwIDAgMCAxMiAwWm0wLTM2YTYgNiAwIDAgMC0xMiAwdjE4YTYgNiAwIDAgMCAxMiAwVjMwWiIgZmlsbD0iI0RFREVERSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); background-position: 50% center; background-repeat: no-repeat; height: 84px; width: 96px; } .ContentLoader__description--F6xJW { font-size: 15px; line-height: 20px; margin-top: 40px; max-width: 306px; text-align: center; } .ContentLoader__root--3iBVs.ContentLoader_loading .ContentLoader__loading--16QAu { background: transparent; display: block; height: 100%; position: absolute; width: 100%; z-index: 1000; } .ContentLoader__root--3iBVs.ContentLoader_loading .ContentLoader__error--MJj82 { display: none; } .ContentLoader__root--3iBVs.ContentLoader_loading .ContentLoader__content--auRFO { opacity: 0; } .ContentLoader__root--3iBVs.ContentLoader_error .ContentLoader__loading--16QAu { display: none; } .ContentLoader__root--3iBVs.ContentLoader_error .ContentLoader__error--MJj82 { align-items: center; background: var(--vkui--color_background_content); display: flex; flex-direction: column; flex-grow: 1; height: 100%; justify-content: center; position: absolute; width: 100%; z-index: 1000; } .ContentLoader__root--3iBVs.ContentLoader_error .ContentLoader__content--auRFO { display: none; } .ContentLoader__root_theme_dark--3xeqC .ContentLoader__noScript--29y4z { background: var(--color-gray-980); color: var(--vkui--color_text_secondary); } .ContentLoader__root_theme_dark--3xeqC.ContentLoader_error .ContentLoader__error--MJj82 { background: var(--color-gray-980); color: var(--vkui--color_text_secondary); } .ContentLoader__root_theme_dark--3xeqC.ContentLoader_loading .ContentLoader__loading--16QAu { background: var(--color-gray-980); } :root { --vkui--theme_name: "cloud"; --vkui--font_family_fallbacks: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_accent: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_base: Inter,Helvetica,Arial,sans-serif; --vkui--font_weight_accent1: 500; --vkui--font_weight_accent2: 500; --vkui--font_weight_accent3: 400; --vkui--font_weight_base1: 700; --vkui--font_weight_base2: 700; --vkui--font_weight_base3: 400; --vkui--font_display_title1--font_size--regular: 23px; --vkui--font_display_title1--line_height--regular: 28px; --vkui--font_display_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title1--font_weight--regular: 500; --vkui--font_display_title2--font_size--regular: 21px; --vkui--font_display_title2--line_height--regular: 26px; --vkui--font_display_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--regular: 500; --vkui--font_display_title2--font_size--compact: 22px; --vkui--font_display_title2--line_height--compact: 22px; --vkui--font_display_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--compact: 500; --vkui--font_display_title3--font_size--regular: 19px; --vkui--font_display_title3--line_height--regular: 24px; --vkui--font_display_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title3--font_weight--regular: 500; --vkui--font_display_title4--font_size--regular: 17px; --vkui--font_display_title4--line_height--regular: 24px; --vkui--font_display_title4--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title4--font_weight--regular: 500; --vkui--font_title1--font_size--compact: 24px; --vkui--font_title1--line_height--compact: 28px; --vkui--font_title1--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--compact: 500; --vkui--font_title1--font_size--regular: 24px; --vkui--font_title1--line_height--regular: 28px; --vkui--font_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--regular: 500; --vkui--font_title2--font_size--compact: 20px; --vkui--font_title2--line_height--compact: 26px; --vkui--font_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--compact: 500; --vkui--font_title2--font_size--regular: 20px; --vkui--font_title2--line_height--regular: 26px; --vkui--font_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--regular: 500; --vkui--font_title3--font_size--compact: 17px; --vkui--font_title3--line_height--compact: 22px; --vkui--font_title3--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--compact: 500; --vkui--font_title3--font_size--regular: 18px; --vkui--font_title3--line_height--regular: 24px; --vkui--font_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--regular: 500; --vkui--font_headline1--font_size--regular: 16px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_headline1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline1--font_weight--regular: 500; --vkui--font_headline1--font_size--compact: 15px; --vkui--font_headline1--line_height--compact: 20px; --vkui--font_headline2--font_size--regular: 15px; --vkui--font_headline2--line_height--regular: 20px; --vkui--font_headline2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline2--font_weight--regular: 500; --vkui--font_headline2--font_size--compact: 14px; --vkui--font_headline2--line_height--compact: 20px; --vkui--font_text--font_size--compact: 15px; --vkui--font_text--line_height--compact: 20px; --vkui--font_text--font_weight--compact: 400; --vkui--font_text--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_text--font_size--regular: 16px; --vkui--font_text--line_height--regular: 20px; --vkui--font_text--font_weight--regular: 400; --vkui--font_text--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_size--regular: 15px; --vkui--font_paragraph--line_height--regular: 20px; --vkui--font_paragraph--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_weight--regular: 400; --vkui--font_subhead--font_size--compact: 14px; --vkui--font_subhead--line_height--compact: 18px; --vkui--font_subhead--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--compact: 500; --vkui--font_subhead--font_size--regular: 14px; --vkui--font_subhead--line_height--regular: 18px; --vkui--font_subhead--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--regular: 500; --vkui--font_footnote--font_size--regular: 14px; --vkui--font_footnote--line_height--regular: 18px; --vkui--font_footnote--font_weight--regular: 400; --vkui--font_footnote--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote--font_size--compact: 14px; --vkui--font_footnote--line_height--compact: 18px; --vkui--font_footnote--font_weight--compact: 400; --vkui--font_footnote--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_size--regular: 14px; --vkui--font_footnote_caps--line_height--regular: 18px; --vkui--font_footnote_caps--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_weight--regular: 500; --vkui--font_footnote_caps--text_transform--regular: uppercase; --vkui--font_footnote_caps--letter_spacing--regular: 0.3px; --vkui--font_caption1--font_size--regular: 12px; --vkui--font_caption1--line_height--regular: 16px; --vkui--font_caption1--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--regular: 400; --vkui--font_caption1--font_size--compact: 12px; --vkui--font_caption1--line_height--compact: 16px; --vkui--font_caption1--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_size--regular: 12px; --vkui--font_caption1_caps--line_height--regular: 16px; --vkui--font_caption1_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_weight--regular: 400; --vkui--font_caption1_caps--text_transform--regular: uppercase; --vkui--font_caption1_caps--letter_spacing--regular: 0.26px; --vkui--font_caption2--font_size--regular: 11px; --vkui--font_caption2--line_height--regular: 14px; --vkui--font_caption2--font_weight--regular: 400; --vkui--font_caption2--font_family--regular: Inter,Helvetica,Arial,sans-serif; --vkui--font_caption2_caps--font_size--regular: 11px; --vkui--font_caption2_caps--line_height--regular: 14px; --vkui--font_caption2_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps--font_weight--regular: 400; --vkui--font_caption2_caps--text_transform--regular: uppercase; --vkui--font_caption2_caps--letter_spacing--regular: 0.22px; --vkui--font_caption3--font_size--regular: 9px; --vkui--font_caption3--line_height--regular: 12px; --vkui--font_caption3--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3--font_weight--regular: 400; --vkui--font_caption3_caps--font_size--regular: 9px; --vkui--font_caption3_caps--line_height--regular: 12px; --vkui--font_caption3_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps--font_weight--regular: 400; --vkui--font_caption3_caps--text_transform--regular: uppercase; --vkui--font_caption3_caps--letter_spacing--regular: 0.16px; --vkui--size_select_icon_padding--regular: 7px; --vkui--size_select_icon_padding--compact: 6px; --vkui--size_popup_base_padding--regular: 20px; --vkui--size_popup_base_padding--compact: 32px; --vkui--size_popup_header_padding--regular: 16px; --vkui--size_popup_header_padding--compact: 24px; --vkui--size_border_radius--regular: 8px; --vkui--size_border_radius_rounded--regular: 48px; --vkui--size_check_border_radius--regular: 4px; --vkui--size_border_radius_paper--regular: 12px; --vkui--size_border_radius_promo--regular: 20px; --vkui--size_cell_height--regular: 48px; --vkui--size_cell_height--compact: 44px; --vkui--size_field_height--regular: 44px; --vkui--size_field_height--compact: 36px; --vkui--size_search_height--regular: 36px; --vkui--size_search_height--compact: 32px; --vkui--size_button_extra_small_height--regular: 24px; --vkui--size_button_extra_small_height--compact: 22px; --vkui--size_button_small_height--regular: 30px; --vkui--size_button_small_height--compact: 28px; --vkui--size_button_medium_height--regular: 36px; --vkui--size_button_medium_height--compact: 32px; --vkui--size_button_large_height--regular: 44px; --vkui--size_button_large_height--compact: 36px; --vkui--size_checkbox--regular: 16px; --vkui--size_arrow--regular: 8px; --vkui--size_arrow_promo--regular: 40px; --vkui--size_popup_small--regular: 430px; --vkui--size_popup_medium--regular: 680px; --vkui--size_popup_large--regular: 880px; --vkui--size_field_horizontal_padding--regular: 8px; --vkui--size_button_padding_horizontal--regular: 16px; --vkui--size_label_horizontal_margin--regular: 16px; --vkui--size_arrow_padding--regular: 12px; --vkui--size_tooltip_margin--regular: 8px; --vkui--size_icon_u_i--regular: 16px; --vkui--size_avatar_x_s--regular: 24px; --vkui--size_avatar_s--regular: 32px; --vkui--size_avatar_m--regular: 48px; --vkui--size_avatar_l--regular: 96px; --vkui--size_avatar_x_l--compact: 120px; --vkui--size_avatar_x_l--regular: 160px; --vkui--size_badge_x_s--regular: 12px; --vkui--size_badge_s--regular: 16px; --vkui--size_badge_m--regular: 24px; --vkui--size_badge_l--regular: 44px; --vkui--size_badge_x_l--regular: 56px; --vkui--size_cardgrid_padding--regular: 12px; --vkui--size_card_border_radius--regular: 16px; --vkui--size_cardgrid_padding_vertical--regular: 8px; --vkui--size_base_padding_horizontal--regular: 16px; --vkui--size_base_padding_vertical--regular: 12px; --vkui--size_button_group_gap_space--regular: 1px; --vkui--size_button_group_gap_small--regular: 8px; --vkui--size_button_group_gap_medium--regular: 12px; --vkui--size_option_hierarchy--regular: 32px; --vkui--size_switch_height--regular: 14px; --vkui--size_switch_height--compact: 12px; --vkui--size_switch_width--regular: 34px; --vkui--size_switch_width--compact: 32px; --vkui--size_switch_pin--regular: 20px; --vkui--size_switch_pin--compact: 18px; --vkui--size_panel_header_height--compact: 48px; --vkui--size_panel_header_height--regular: 56px; --vkui--size_button_base_small_padding_horizontal--regular: 16px; --vkui--size_button_base_medium_padding_horizontal--regular: 16px; --vkui--size_button_base_large_padding_horizontal--regular: 20px; --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px; --vkui--size_button_minimum_width--regular: 80px; --vkui--size_form_item_padding_vertical--regular: 12px; --vkui--size_split_col_padding_horizontal--regular: 16px; --vkui--size_subnavigation_bar_gap--regular: 8px; --vkui--size_subnavigation_bar_padding_vertical--regular: 12px; --vkui--size_border1x--regular: 1px; --vkui--size_border2x--regular: 0.5px; --vkui--size_border3x--regular: 0.33px; --vkui--spacing_size_3xs: 2px; --vkui--spacing_size_2xs: 2px; --vkui--spacing_size_xs: 4px; --vkui--spacing_size_s: 6px; --vkui--spacing_size_m: 8px; --vkui--spacing_size_l: 10px; --vkui--spacing_size_xl: 12px; --vkui--spacing_size_2xl: 16px; --vkui--spacing_size_3xl: 20px; --vkui--spacing_size_4xl: 24px; --vkui--elevation1: 0 2px 6px 0 rgba(0,16,61,.08),0 1px 2px 0 rgba(0,16,61,.08); --vkui--elevation1_invert_y: 0 -2px 6px 0 rgba(0,16,61,.08),0 -1px 2px 0 rgba(0,16,61,.08); --vkui--elevation2: 0 0 2px 0 rgba(0,16,61,.06),0 0 6px 0 rgba(0,16,61,.06),0 6px 12px 0 rgba(0,16,61,.06); --vkui--elevation3: 0 0 6px 0 rgba(0,16,61,.06),0 6px 12px 0 rgba(0,16,61,.06),0 6px 20px 0 rgba(0,16,61,.06),0 10px 36px 0 rgba(0,16,61,.08); --vkui--elevation4: 0 2px 6px 0 rgba(0,16,61,.06),0 16px 48px 0 rgba(0,16,61,.08),0 24px 68px 0 rgba(0,16,61,.16); --vkui--gradient_black: transparent 0%,rgba(0,0,0,.02) 15%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.32) 70%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.4) 100%; --vkui--gradient_white: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--gradient_tint: rgba(246,247,248,0) 0%,rgba(246,247,248,.05) 15%,rgba(246,247,248,.2) 30%,rgba(246,247,248,.8) 70%,rgba(246,247,248,.95) 85%,#f6f7f8 100%; --vkui--gradient: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--animation_duration_l: 0.4s; --vkui--animation_duration_m: 0.2s; --vkui--animation_duration_s: 0.1s; --vkui--animation_easing_default: cubic-bezier(0.3,0.3,0.5,1); --vkui--animation_easing_platform: cubic-bezier(0.3,0.3,0.5,1); --vkui--opacity_disable: 0.48; --vkui--opacity_disable_accessibility: 0.64; --vkui--opacity_active: 0.72; --vkui--blur_m: 16px; --vkui--z_index_modal: 99; --vkui--z_index_popout: 100; --vkui--x0: 0px; --vkui--x025: 1px; --vkui--x05: 2px; --vkui--x1: 4px; --vkui--x2: 8px; --vkui--x3: 12px; --vkui--x4: 16px; --vkui--x5: 20px; --vkui--x6: 24px; --vkui--x8: 32px; --vkui--x10: 40px; --vkui--x12: 48px; --vkui--x15: 60px; --vkui--x20: 80px; --vkui--size_base: 4px; --vkui--size_grid: 20px; --vkui--font_h0--font_size--compact: 40px; --vkui--font_h0--line_height--compact: 46px; --vkui--font_h0--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--compact: 500; --vkui--font_h0--font_size--regular: 40px; --vkui--font_h0--line_height--regular: 46px; --vkui--font_h0--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--regular: 500; --vkui--font_h1--font_size--compact: 32px; --vkui--font_h1--line_height--compact: 38px; --vkui--font_h1--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--compact: 500; --vkui--font_h1--font_size--regular: 32px; --vkui--font_h1--line_height--regular: 40px; --vkui--font_h1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--regular: 500; --vkui--font_h2--font_size--compact: 28px; --vkui--font_h2--line_height--compact: 32px; --vkui--font_h2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--compact: 500; --vkui--font_h2--font_size--regular: 28px; --vkui--font_h2--line_height--regular: 34px; --vkui--font_h2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--regular: 500; --vkui--size_arrow_height--regular: 8px; --vkui--size_arrow_width--regular: 12px; --vkui--size_base_padding--regular: 20px; --vkui--size_border_width_tab--regular: 2px; --vkui--size_border_width_bar--regular: 4px; --vkui--size_border_width_accent--regular: 8px; --vkui--size_border_width_accent_secondary--regular: 8px; --vkui--size_control_button_width_min--regular: 130px; --vkui--size_control_button_width_min--compact: 104px; --vkui--size_promo_button_close--regular: 32px; --vkui--size_button_slider_height--regular: 24px; --vkui--size_button_slider_width--regular: 12px; --vkui--size_button_slider_width_pointer--regular: 16px; --vkui--size_field_width_min--regular: 328px; --vkui--size_field_width_min--compact: 380px; --vkui--size_label_width--regular: 184px; --vkui--size_progress--regular: 4px; --vkui--size_progress_scroll--regular: 12px; --vkui--size_dot_bullet--regular: 4px; --vkui--size_dot_indicate--regular: 8px; --vkui--size_dot_clickable--regular: 12px; --vkui--size_vertical_padding--regular: 0px; --vkui--size_button_more_padding--regular: 8px; --vkui--size_icon_more_padding--regular: 12px; --vkui--size_icon_more_padding--compact: 8px; --vkui--size_button_icon_padding--regular: 16px; --vkui--size_button_icon_padding--compact: 20px; --vkui--size_div_padding--regular: 4px; --vkui--size_menu_padding--regular: 8px; --vkui--size_tag_padding--regular: 8px; --vkui--size_tab_padding--regular: 16px; --vkui--size_table_horizontal_padding--regular: 16px; --vkui--size_table_vertical_padding--regular: 16px; --vkui--size_slice_top_padding--regular: 40px; --vkui--size_slice_bottom_padding--regular: 60px; --vkui--size_base_margin--regular: 12px; --vkui--size_label_vertical_margin--regular: 4px; --vkui--size_tip_margin--regular: 4px; --vkui--size_field_horizontal_margin--regular: 20px; --vkui--size_field_vertical_margin--regular: 24px; --vkui--size_field_set_margin--regular: 32px; --vkui--size_icon_margin--regular: 12px; --vkui--size_icon_margin--compact: 8px; --vkui--size_choice_margin--regular: 8px; --vkui--size_menu_margin--regular: 2px; --vkui--size_tag_margin--regular: 8px; --vkui--size_tab_margin--regular: 8px; --vkui--size_bullet_margin--regular: 12px; --vkui--size_attribute_margin--regular: 4px; --vkui--size_popup_margin--regular: 8px; --vkui--size_popup_margin--compact: 24px; --vkui--size_header_icon--regular: 20px; --vkui--size_wysiwyg_icon--regular: 14px; --vkui--size_illustration_s--regular: 48px; --vkui--size_illustration_x_m--regular: 72px; --vkui--size_illustration_m--regular: 96px; --vkui--size_illustration_l--regular: 144px; --vkui--size_illustration_x_x_l--regular: 228px; --vkui--tone_value_overlay: 0.48; --vkui--tone_value_viewer: 0.88; --vkui--tone_value_toolbar: 0.24; --vkui--tone_value_hover: 0.04; --vkui--tone_value_active: 0.08; --vkui--tone_value_focus: 0.08; --vkui--type_border_button: solid; --vkui--type_border_position: inset; --vkui--theme_name_base: "cloud"; --vkui--font_title2_custom--font_size--regular: 20px; --vkui--font_title2_custom--line_height--regular: 26px; --vkui--font_title2_custom--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2_custom--font_weight--regular: 400; --vkui--font_title2_custom--font_size--compact: 20px; --vkui--font_title2_custom--line_height--compact: 26px; --vkui--font_title2_custom--font_weight--compact: 400; --vkui--font_title3_custom--font_size--regular: 18px; --vkui--font_title3_custom--line_height--regular: 24px; --vkui--font_title3_custom--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3_custom--font_weight--regular: 400; --vkui--font_title3_custom--font_size--compact: 17px; --vkui--font_title3_custom--line_height--compact: 22px; --vkui--font_title3_custom--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3_custom--font_weight--compact: 400; --vkui--font_caption1_caps_demibold--font_size--regular: 12px; --vkui--font_caption1_caps_demibold--line_height--regular: 16px; --vkui--font_caption1_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps_demibold--font_weight--regular: 600; --vkui--font_caption1_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption1_caps_demibold--letter_spacing--regular: 0.26px; --vkui--font_caption2_caps_demibold--font_size--regular: 11px; --vkui--font_caption2_caps_demibold--line_height--regular: 14px; --vkui--font_caption2_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps_demibold--font_weight--regular: 600; --vkui--font_caption2_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption2_caps_demibold--letter_spacing--regular: 0.22px; --vkui--font_caption3_caps_demibold--font_size--regular: 9px; --vkui--font_caption3_caps_demibold--line_height--regular: 12px; --vkui--font_caption3_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps_demibold--font_weight--regular: 600; --vkui--font_caption3_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption3_caps_demibold--letter_spacing--regular: 0.16px; --vkui--font_subtitle_medium--font_size: 18px; --vkui--font_subtitle_medium--line_height: 24px; --vkui--font_subtitle_medium--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subtitle_medium--font_weight: 500; --vkui--font_subtitle_custom--font_size: 18px; --vkui--font_subtitle_custom--line_height: 24px; --vkui--font_subtitle_custom--font_weight: 400; --vkui--font_subtitle_custom--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline_large_medium--font_size: 16px; --vkui--font_headline_large_medium--line_height: 20px; --vkui--font_headline_large_medium--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline_large_medium--font_weight: 500; --vkui--font_large_text--font_size: 16px; --vkui--font_large_text--line_height: 20px; --vkui--font_large_text--font_weight: 400; --vkui--font_large_text--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_size--regular: 16px; --vkui--font_headline--line_height--regular: 20px; --vkui--font_headline--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_weight--regular: 500; --vkui--font_headline--font_size--compact: 15px; --vkui--font_headline--line_height--compact: 20px; --vkui--colors_scheme: light; --vkui--color_background_accent: #07f; --vkui--color_background_accent--hover: #0073f7; --vkui--color_background_accent--active: #006fef; --vkui--color_background_accent_themed: #07f; --vkui--color_background_accent_themed--hover: #0073f7; --vkui--color_background_accent_themed--active: #006fef; --vkui--color_background_accent_themed_alpha: rgba(0,119,255,.2); --vkui--color_background_accent_themed_alpha--hover: rgba(0,119,255,.24); --vkui--color_background_accent_themed_alpha--active: rgba(0,119,255,.28); --vkui--color_background_accent_alternative: #ff9e00; --vkui--color_background_accent_alternative--hover: #f59802; --vkui--color_background_accent_alternative--active: #eb9305; --vkui--color_background_content: #fff; --vkui--color_background_content--hover: #f5f5f7; --vkui--color_background_content--active: #ebecef; --vkui--color_background_content_alpha: hsla(0,0%,100%,.8); --vkui--color_background_content_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_background_content_alpha--active: hsla(0,0%,100%,.88); --vkui--color_background_content_inverse: #232324; --vkui--color_background_content_inverse--hover: #222225; --vkui--color_background_content_inverse--active: #202126; --vkui--color_background_secondary: #f0f1f3; --vkui--color_background_secondary--hover: #e6e8ec; --vkui--color_background_secondary--active: #dddfe4; --vkui--color_background_secondary_alpha: rgba(0,16,61,.06); --vkui--color_background_secondary_alpha--hover: rgba(0,16,61,.1); --vkui--color_background_secondary_alpha--active: rgba(0,16,61,.14); --vkui--color_background: #fff; --vkui--color_background--hover: #f5f5f7; --vkui--color_background--active: #ebecef; --vkui--color_background_contrast: #fff; --vkui--color_background_contrast--hover: #f5f5f7; --vkui--color_background_contrast--active: #ebecef; --vkui--color_background_contrast_secondary_alpha: hsla(0,0%,100%,.2); --vkui--color_background_contrast_secondary_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_contrast_secondary_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_warning: #fff1ad; --vkui--color_background_warning--hover: #f5e8a9; --vkui--color_background_warning--active: #ebdfa4; --vkui--color_background_negative: #e64646; --vkui--color_background_negative--hover: #dd4446; --vkui--color_background_negative--active: #d44245; --vkui--color_background_tertiary: #f6f7f8; --vkui--color_background_tertiary--hover: #eceef1; --vkui--color_background_tertiary--active: #e2e5e9; --vkui--color_background_tertiary_alpha: rgba(0,0,0,.04); --vkui--color_background_tertiary_alpha--hover: rgba(0,0,0,.08); --vkui--color_background_tertiary_alpha--active: rgba(0,0,0,.12); --vkui--color_background_modal: #fff; --vkui--color_background_modal--hover: #f5f5f7; --vkui--color_background_modal--active: #ebecef; --vkui--color_background_positive: #0dc268; --vkui--color_background_positive--hover: #0cbb66; --vkui--color_background_positive--active: #0cb465; --vkui--color_background_negative_tint: #feefeb; --vkui--color_background_negative_tint--hover: #f4e6e4; --vkui--color_background_negative_tint--active: #eadddd; --vkui--color_background_positive_tint: #ecfaf3; --vkui--color_background_positive_tint--hover: #e3f1ec; --vkui--color_background_positive_tint--active: #d9e7e4; --vkui--color_field_background: #fff; --vkui--color_field_background--hover: #f5f5f7; --vkui--color_field_background--active: #ebecef; --vkui--color_background_modal_inverse: #303030; --vkui--color_background_modal_inverse--hover: #2e2f31; --vkui--color_background_modal_inverse--active: #2c2d31; --vkui--color_background_contrast_inverse: #303030; --vkui--color_background_contrast_inverse--hover: #2e2f31; --vkui--color_background_contrast_inverse--active: #2c2d31; --vkui--color_background_contrast_themed: #fff; --vkui--color_background_contrast_themed--hover: #f5f5f7; --vkui--color_background_contrast_themed--active: #ebecef; --vkui--color_background_accent_tint: #5a9eff; --vkui--color_background_accent_tint--hover: #5698f7; --vkui--color_background_accent_tint--active: #5393ef; --vkui--color_background_info_tint: #f0f4ff; --vkui--color_background_info_tint--hover: #e6ebf7; --vkui--color_background_info_tint--active: #dde2ef; --vkui--color_text_accent: #0070f0; --vkui--color_text_accent--hover: #006ce9; --vkui--color_text_accent--active: #0068e2; --vkui--color_text_accent_themed: #0070f0; --vkui--color_text_accent_themed--hover: #006ce9; --vkui--color_text_accent_themed--active: #0068e2; --vkui--color_text_negative: #ed330a; --vkui--color_text_negative--hover: #e4320c; --vkui--color_text_negative--active: #da300e; --vkui--color_text_link: #0070f0; --vkui--color_text_link--hover: #006ce9; --vkui--color_text_link--active: #0068e2; --vkui--color_text_link_tint: #71aaeb; --vkui--color_text_link_tint--hover: #6ca4e4; --vkui--color_text_link_tint--active: #689edd; --vkui--color_text_link_themed: #0070f0; --vkui--color_text_link_themed--hover: #006ce9; --vkui--color_text_link_themed--active: #0068e2; --vkui--color_text_muted: #2c2d2e; --vkui--color_text_muted--hover: #2a2c2f; --vkui--color_text_muted--active: #282b2f; --vkui--color_text_primary: #2c2d2e; --vkui--color_text_primary--hover: #2a2c2f; --vkui--color_text_primary--active: #282b2f; --vkui--color_text_primary_alpha: rgba(37,41,46,.84); --vkui--color_text_primary_alpha--hover: rgba(37,41,46,.88); --vkui--color_text_primary_alpha--active: rgba(37,41,46,.92); --vkui--color_text_primary_invariably: #2c2d2e; --vkui--color_text_primary_invariably--hover: #2a2c2f; --vkui--color_text_primary_invariably--active: #282b2f; --vkui--color_text_secondary: #87898f; --vkui--color_text_secondary--hover: #82848c; --vkui--color_text_secondary--active: #7c7f88; --vkui--color_text_secondary_alpha: rgba(37,41,46,.55); --vkui--color_text_secondary_alpha--hover: rgba(37,41,46,.59); --vkui--color_text_secondary_alpha--active: rgba(37,41,46,.63); --vkui--color_text_subhead: #797a80; --vkui--color_text_subhead--hover: #74767d; --vkui--color_text_subhead--active: #6f727b; --vkui--color_text_tertiary: #aaadb3; --vkui--color_text_tertiary--hover: #a3a7ae; --vkui--color_text_tertiary--active: #9ca0aa; --vkui--color_text_link_visited: #528fdf; --vkui--color_text_link_visited--hover: #4f8ad9; --vkui--color_text_link_visited--active: #4b85d2; --vkui--color_text_contrast: #fff; --vkui--color_text_contrast--hover: #f5f5f7; --vkui--color_text_contrast--active: #ebecef; --vkui--color_text_contrast_themed: #fff; --vkui--color_text_contrast_themed--hover: #f5f5f7; --vkui--color_text_contrast_themed--active: #ebecef; --vkui--color_link_contrast: #fff; --vkui--color_link_contrast--hover: #f5f5f7; --vkui--color_link_contrast--active: #ebecef; --vkui--color_text_positive: #0dc268; --vkui--color_text_positive--hover: #0cbb66; --vkui--color_text_positive--active: #0cb465; --vkui--color_icon_accent: #07f; --vkui--color_icon_accent--hover: #0073f7; --vkui--color_icon_accent--active: #006fef; --vkui--color_icon_accent_themed: #07f; --vkui--color_icon_accent_themed--hover: #0073f7; --vkui--color_icon_accent_themed--active: #006fef; --vkui--color_icon_primary: #2c2d2e; --vkui--color_icon_primary--hover: #2a2c2f; --vkui--color_icon_primary--active: #282b2f; --vkui--color_icon_primary_invariably: #2c2d2e; --vkui--color_icon_primary_invariably--hover: #2a2c2f; --vkui--color_icon_primary_invariably--active: #282b2f; --vkui--color_icon_medium: #919399; --vkui--color_icon_medium--hover: #8b8e95; --vkui--color_icon_medium--active: #858992; --vkui--color_icon_medium_alpha: rgba(39,43,55,.5); --vkui--color_icon_medium_alpha--hover: rgba(39,43,55,.54); --vkui--color_icon_medium_alpha--active: rgba(39,43,55,.58); --vkui--color_icon_secondary: #a5a7ad; --vkui--color_icon_secondary--hover: #9ea1a9; --vkui--color_icon_secondary--active: #989ba4; --vkui--color_icon_secondary_alpha: rgba(39,43,55,.3); --vkui--color_icon_secondary_alpha--hover: rgba(39,43,55,.34); --vkui--color_icon_secondary_alpha--active: rgba(39,43,55,.38); --vkui--color_icon_tertiary: #cfd1d6; --vkui--color_icon_tertiary--hover: #c7c9d0; --vkui--color_icon_tertiary--active: #bec2ca; --vkui--color_icon_tertiary_alpha: rgba(39,43,55,.2); --vkui--color_icon_tertiary_alpha--hover: rgba(39,43,55,.24); --vkui--color_icon_tertiary_alpha--active: rgba(39,43,55,.28); --vkui--color_icon_contrast: #fff; --vkui--color_icon_contrast--hover: #f5f5f7; --vkui--color_icon_contrast--active: #ebecef; --vkui--color_icon_contrast_themed: #fff; --vkui--color_icon_contrast_themed--hover: #f5f5f7; --vkui--color_icon_contrast_themed--active: #ebecef; --vkui--color_icon_positive: #0dc268; --vkui--color_icon_positive--hover: #0cbb66; --vkui--color_icon_positive--active: #0cb465; --vkui--color_icon_warning: #ff9e00; --vkui--color_icon_warning--hover: #f59802; --vkui--color_icon_warning--active: #eb9305; --vkui--color_icon_negative: #ed330a; --vkui--color_icon_negative--hover: #e4320c; --vkui--color_icon_negative--active: #da300e; --vkui--color_icon_contrast_secondary: #f2f3f5; --vkui--color_icon_contrast_secondary--hover: #e8eaee; --vkui--color_icon_contrast_secondary--active: #dfe1e6; --vkui--color_stroke_accent: #07f; --vkui--color_stroke_accent--hover: #0073f7; --vkui--color_stroke_accent--active: #006fef; --vkui--color_stroke_accent_themed: #07f; --vkui--color_stroke_accent_themed--hover: #0073f7; --vkui--color_stroke_accent_themed--active: #006fef; --vkui--color_stroke_contrast: #fff; --vkui--color_stroke_contrast--hover: #f5f5f7; --vkui--color_stroke_contrast--active: #ebecef; --vkui--color_stroke_negative: #ed330a; --vkui--color_stroke_negative--hover: #e4320c; --vkui--color_stroke_negative--active: #da300e; --vkui--color_stroke_primary: #2c2d2e; --vkui--color_stroke_primary--hover: #2a2c2f; --vkui--color_stroke_primary--active: #282b2f; --vkui--color_image_border_alpha: rgba(0,16,61,.08); --vkui--color_image_border_alpha--hover: rgba(0,16,61,.12); --vkui--color_image_border_alpha--active: rgba(0,16,61,.16); --vkui--color_field_border_alpha: rgba(0,16,61,.12); --vkui--color_field_border_alpha--hover: rgba(0,16,61,.16); --vkui--color_field_border_alpha--active: rgba(0,16,61,.2); --vkui--color_separator_primary_alpha: rgba(0,16,61,.12); --vkui--color_separator_primary_alpha--hover: rgba(0,16,61,.16); --vkui--color_separator_primary_alpha--active: rgba(0,16,61,.2); --vkui--color_separator_secondary: #e6e7eb; --vkui--color_separator_secondary--hover: #dddee4; --vkui--color_separator_secondary--active: #d4d6dd; --vkui--color_separator_primary: #dadce0; --vkui--color_separator_primary--hover: #d1d4d9; --vkui--color_separator_primary--active: #c9ccd3; --vkui--color_stroke_positive: #0dc268; --vkui--color_stroke_positive--hover: #0cbb66; --vkui--color_stroke_positive--active: #0cb465; --vkui--color_separator_primary2x: #cdd0d5; --vkui--color_separator_primary2x--hover: #c5c8cf; --vkui--color_separator_primary2x--active: #bdc1c9; --vkui--color_separator_primary3x: #bfc3ca; --vkui--color_separator_primary3x--hover: #b7bcc4; --vkui--color_separator_primary3x--active: #b0b5bf; --vkui--color_accent_blue: #07f; --vkui--color_accent_blue--hover: #0073f7; --vkui--color_accent_blue--active: #006fef; --vkui--color_accent_gray: #a5a7ad; --vkui--color_accent_gray--hover: #9ea1a9; --vkui--color_accent_gray--active: #989ba4; --vkui--color_accent_red: #ed330a; --vkui--color_accent_red--hover: #e4320c; --vkui--color_accent_red--active: #da300e; --vkui--color_accent_orange_fire: #f05c44; --vkui--color_accent_orange_fire--hover: #e65944; --vkui--color_accent_orange_fire--active: #dd5643; --vkui--color_accent_orange: #ff9e00; --vkui--color_accent_orange--hover: #f59802; --vkui--color_accent_orange--active: #eb9305; --vkui--color_accent_orange_peach: #f9b54f; --vkui--color_accent_orange_peach--hover: #efae4e; --vkui--color_accent_orange_peach--active: #e5a84e; --vkui--color_accent_lime: #b8fc75; --vkui--color_accent_lime--hover: #b1f373; --vkui--color_accent_lime--active: #a9e971; --vkui--color_accent_green: #0dc268; --vkui--color_accent_green--hover: #0cbb66; --vkui--color_accent_green--active: #0cb465; --vkui--color_accent_cyan: #07e5f9; --vkui--color_accent_cyan--hover: #07dcf1; --vkui--color_accent_cyan--active: #06d4ea; --vkui--color_accent_azure: #07f; --vkui--color_accent_azure--hover: #0073f7; --vkui--color_accent_azure--active: #006fef; --vkui--color_accent_purple: #8c64ff; --vkui--color_accent_purple--hover: #8661f7; --vkui--color_accent_purple--active: #815def; --vkui--color_accent_violet: #c15df3; --vkui--color_accent_violet--hover: #b95aec; --vkui--color_accent_violet--active: #b257e4; --vkui--color_accent_raspberry_pink: #e03fab; --vkui--color_accent_raspberry_pink--hover: #d73da7; --vkui--color_accent_raspberry_pink--active: #ce3ba2; --vkui--color_accent_pink: #ff3985; --vkui--color_accent_pink--hover: #f53782; --vkui--color_accent_pink--active: #eb367f; --vkui--color_accent_secondary: #ff9e00; --vkui--color_accent_secondary--hover: #f59802; --vkui--color_accent_secondary--active: #eb9305; --vkui--color_action_sheet_text: #07f; --vkui--color_action_sheet_text--hover: #0073f7; --vkui--color_action_sheet_text--active: #006fef; --vkui--color_header_background: #fff; --vkui--color_header_background--hover: #f5f5f7; --vkui--color_header_background--active: #ebecef; --vkui--color_panel_header_icon: #07f; --vkui--color_panel_header_icon--hover: #0073f7; --vkui--color_panel_header_icon--active: #006fef; --vkui--color_write_bar_input_background: #f0f1f3; --vkui--color_write_bar_input_background--hover: #e6e8ec; --vkui--color_write_bar_input_background--active: #dddfe4; --vkui--color_write_bar_input_border: #e1e3e6; --vkui--color_write_bar_input_border--hover: #d8dbdf; --vkui--color_write_bar_input_border--active: #cfd2d8; --vkui--color_write_bar_input_border_alpha: rgba(0,16,61,.8); --vkui--color_write_bar_input_border_alpha--hover: rgba(0,16,61,.84); --vkui--color_write_bar_input_border_alpha--active: rgba(0,16,61,.88); --vkui--color_track_background: #dadce0; --vkui--color_track_background--hover: #d1d4d9; --vkui--color_track_background--active: #c9ccd3; --vkui--color_track_buffer: #83aaea; --vkui--color_track_buffer--hover: #7ea4e3; --vkui--color_track_buffer--active: #799edc; --vkui--color_image_placeholder: #e6e7eb; --vkui--color_image_placeholder--hover: #dddee4; --vkui--color_image_placeholder--active: #d4d6dd; --vkui--color_image_placeholder_alpha: rgba(0,16,61,.8); --vkui--color_image_placeholder_alpha--hover: rgba(0,16,61,.84); --vkui--color_image_placeholder_alpha--active: rgba(0,16,61,.88); --vkui--color_search_field_background: #e6e7eb; --vkui--color_search_field_background--hover: #dddee4; --vkui--color_search_field_background--active: #d4d6dd; --vkui--color_write_bar_icon: #07f; --vkui--color_write_bar_icon--hover: #0073f7; --vkui--color_write_bar_icon--active: #006fef; --vkui--color_skeleton_from: #f3f3f5; --vkui--color_skeleton_from--hover: #e9eaee; --vkui--color_skeleton_from--active: #e0e1e6; --vkui--color_skeleton_to: #e0e1e6; --vkui--color_skeleton_to--hover: #d7d9df; --vkui--color_skeleton_to--active: #ced0d8; --vkui--color_avatar_overlay: hsla(225,4%,58%,.48); --vkui--color_avatar_overlay--hover: hsla(225,4%,58%,.52); --vkui--color_avatar_overlay--active: hsla(225,4%,58%,.56); --vkui--color_avatar_overlay_inverse_alpha: hsla(0,0%,100%,.85); --vkui--color_avatar_overlay_inverse_alpha--hover: hsla(0,0%,100%,.89); --vkui--color_avatar_overlay_inverse_alpha--active: hsla(0,0%,100%,.93); --vkui--color_overlay_primary: rgba(0,0,0,.4); --vkui--color_overlay_primary--hover: rgba(0,0,0,.44); --vkui--color_overlay_primary--active: rgba(0,0,0,.48); --vkui--color_overlay_secondary: rgba(44,45,46,.5); --vkui--color_overlay_secondary--hover: rgba(44,45,46,.54); --vkui--color_overlay_secondary--active: rgba(44,45,46,.58); --vkui--color_segmented_control: #fff; --vkui--color_segmented_control--hover: #f5f5f7; --vkui--color_segmented_control--active: #ebecef; --vkui--color_tabbar_text_inactive: #99a2ad; --vkui--color_tabbar_text_inactive--hover: #939ca9; --vkui--color_tabbar_text_inactive--active: #8d96a4; --vkui--color_button_text: #07f; --vkui--color_button_text--hover: #0073f7; --vkui--color_button_text--active: #006fef; --vkui--color_button_icon: #07f; --vkui--color_button_icon--hover: #0073f7; --vkui--color_button_icon--active: #006fef; --vkui--color_button_stroke: #07f; --vkui--color_button_stroke--hover: #0073f7; --vkui--color_button_stroke--active: #006fef; --vkui--color_transparent: transparent; --vkui--color_transparent--hover: rgba(0,16,61,.04); --vkui--color_transparent--active: rgba(0,16,61,.08); --vkui--color_rating: #ffd400; --vkui--color_rating--hover: #f5cc02; --vkui--color_rating--active: #ebc405; --vkui--color_button_contrast_alpha: #fff; --vkui--color_button_contrast_alpha--hover: hsla(0,0%,100%,.8); --vkui--color_button_contrast_alpha--active: hsla(0,0%,100%,.6); --vkui--color_button_contrast: #fff; --vkui--color_button_contrast--hover: #fff; --vkui--color_button_contrast--active: #fff; --vkui--color_thumb_error_background_alpha: rgba(237,10,52,.12); --vkui--color_thumb_error_background_alpha--hover: rgba(237,10,52,.16); --vkui--color_thumb_error_background_alpha--active: rgba(237,10,52,.2); --vkui--color_background_accent_tint_themed_alpha: rgba(0,119,255,.06); --vkui--color_background_accent_tint_themed_alpha--hover: rgba(0,119,255,.1); --vkui--color_background_accent_tint_themed_alpha--active: rgba(0,119,255,.14); --vkui--color_background_accent_tint_alpha: rgba(0,119,255,.06); --vkui--color_background_accent_tint_alpha--hover: rgba(0,119,255,.1); --vkui--color_background_accent_tint_alpha--active: rgba(0,119,255,.14); --vkui--color_background_accent_tint_themed: #f0f7ff; --vkui--color_background_accent_tint_themed--hover: #e6eef7; --vkui--color_background_accent_tint_themed--active: #dde5ef; --vkui--color_background_warning_tint_themed_alpha: rgba(255,241,173,.48); --vkui--color_background_warning_tint_themed_alpha--hover: rgba(255,241,173,.52); --vkui--color_background_warning_tint_themed_alpha--active: rgba(255,241,173,.56); --vkui--color_background_warning_tint_alpha: rgba(255,241,173,.48); --vkui--color_background_warning_tint_alpha--hover: rgba(255,241,173,.52); --vkui--color_background_warning_tint_alpha--active: rgba(255,241,173,.56); --vkui--color_background_warning_tint_themed: #fffce0; --vkui--color_background_warning_tint_themed--hover: #f5f3d9; --vkui--color_background_warning_tint_themed--active: #ebe9d3; --vkui--color_background_warning_tint: #fffce0; --vkui--color_background_warning_tint--hover: #f5f3d9; --vkui--color_background_warning_tint--active: #ebe9d3; --vkui--color_background_negative_tint_themed_alpha: rgba(237,51,10,.08); --vkui--color_background_negative_tint_themed_alpha--hover: rgba(237,51,10,.12); --vkui--color_background_negative_tint_themed_alpha--active: rgba(237,51,10,.16); --vkui--color_background_negative_tint_alpha: rgba(237,51,10,.08); --vkui--color_background_negative_tint_alpha--hover: rgba(237,51,10,.12); --vkui--color_background_negative_tint_alpha--active: rgba(237,51,10,.16); --vkui--color_background_negative_tint_themed: #feefeb; --vkui--color_background_negative_tint_themed--hover: #f4e6e4; --vkui--color_background_negative_tint_themed--active: #eadddd; --vkui--color_background_positive_tint_themed_alpha: rgba(13,194,104,.08); --vkui--color_background_positive_tint_themed_alpha--hover: rgba(13,194,104,.12); --vkui--color_background_positive_tint_themed_alpha--active: rgba(13,194,104,.16); --vkui--color_background_positive_tint_alpha: rgba(13,194,104,.08); --vkui--color_background_positive_tint_alpha--hover: rgba(13,194,104,.12); --vkui--color_background_positive_tint_alpha--active: rgba(13,194,104,.16); --vkui--color_background_positive_tint_themed: #ecfaf3; --vkui--color_background_positive_tint_themed--hover: #e3f1ec; --vkui--color_background_positive_tint_themed--active: #d9e7e4; --vkui--color_tooltip_background_blue_tint: #dde9ff; --vkui--color_tooltip_background_blue_tint--hover: #d4e0f7; --vkui--color_tooltip_background_blue_tint--active: #cbd8ef; --vkui--color_tooltip_background_green_tint: #ceeee6; --vkui--color_tooltip_background_green_tint--hover: #c6e5df; --vkui--color_tooltip_background_green_tint--active: #bedcd8; --vkui--color_tooltip_background_orange_tint: #f9d3bd; --vkui--color_tooltip_background_orange_tint--hover: #efcbb8; --vkui--color_tooltip_background_orange_tint--active: #e5c3b3; --vkui--color_tooltip_background_purple_tint: #f2e8ff; --vkui--color_tooltip_background_purple_tint--hover: #e8dff7; --vkui--color_tooltip_background_purple_tint--active: #dfd7ef; --vkui--color_tooltip_text_blue_themed: #1c4479; --vkui--color_tooltip_text_blue_themed--hover: #1b4277; --vkui--color_tooltip_text_blue_themed--active: #1a4074; --vkui--color_tooltip_text_green_themed: #087c6d; --vkui--color_tooltip_text_green_themed--hover: #08786b; --vkui--color_tooltip_text_green_themed--active: #077369; --vkui--color_tooltip_text_orange_themed: #78472a; --vkui--color_tooltip_text_orange_themed--hover: #73452b; --vkui--color_tooltip_text_orange_themed--active: #6e432c; --vkui--color_tooltip_text_purple_themed: #73519f; --vkui--color_tooltip_text_purple_themed--hover: #6e4e9b; --vkui--color_tooltip_text_purple_themed--active: #6a4c97; --vkui--color_background_sky: #cce4ff; --vkui--color_background_sky--hover: #c4dcf7; --vkui--color_background_sky--active: #bcd3ef; --vkui--color_background_sky_alpha: rgba(204,228,255,.9); --vkui--color_background_sky_alpha--hover: rgba(204,228,255,.94); --vkui--color_background_sky_alpha--active: rgba(204,228,255,.98); --vkui--cloud_color_text_secondary_alpha: hsla(0,0%,100%,.6); --vkui--cloud_color_text_secondary_alpha--hover: hsla(0,0%,100%,.64); --vkui--cloud_color_text_secondary_alpha--active: hsla(0,0%,100%,.68); --vkui--cloud_color_text_accent_alternative: #ff9e00; --vkui--cloud_color_text_accent_alternative--hover: #f59802; --vkui--cloud_color_text_accent_alternative--active: #eb9305; --vkui--cloud_color_text_snackbar_accent: #65a0ff; --vkui--cloud_color_text_snackbar_accent--hover: #619af7; --vkui--cloud_color_text_snackbar_accent--active: #5d94ef; --vkui--cloud_color_text_contrast_themed_alpha: hsla(0,0%,100%,.6); --vkui--cloud_color_text_contrast_themed_alpha--hover: hsla(0,0%,100%,.64); --vkui--cloud_color_text_contrast_themed_alpha--active: hsla(0,0%,100%,.68); --vkui--cloud_color_toolbar_background: #fff; --vkui--cloud_color_toolbar_background--hover: #f5f5f7; --vkui--cloud_color_toolbar_background--active: #ebecef; --vkui--cloud_color_viewer_background: #000; --vkui--cloud_color_viewer_background--hover: #000102; --vkui--cloud_color_viewer_background--active: #000105; --vkui--cloud_color_tabbar_background_alpha: hsla(0,0%,100%,.9); --vkui--cloud_color_tabbar_background_alpha--hover: hsla(0,0%,100%,.94); --vkui--cloud_color_tabbar_background_alpha--active: hsla(0,0%,100%,.98); --vkui--cloud_color_header_icon_background_alpha: rgba(71,71,71,.06); --vkui--cloud_color_header_icon_background_alpha--hover: rgba(71,71,71,.1); --vkui--cloud_color_header_icon_background_alpha--active: rgba(71,71,71,.14); --vkui--cloud_color_background_drag_and_drop: #ebf2ff; --vkui--cloud_color_background_drag_and_drop--hover: #e2e9f7; --vkui--cloud_color_background_drag_and_drop--active: #d8e0ef; --vkui--cloud_color_background_c_t_a: #f5f9ff; --vkui--cloud_color_background_c_t_a--hover: #ebf0f7; --vkui--cloud_color_background_c_t_a--active: #e1e6ef; --vkui--cloud_color_header_search_background: #fff; --vkui--cloud_color_header_search_background--hover: #f5f5f7; --vkui--cloud_color_header_search_background--active: #ebecef; --vkui--cloud_color_header_search_background_collapsed: #f0f1f3; --vkui--cloud_color_header_search_background_collapsed--hover: #e6e8ec; --vkui--cloud_color_header_search_background_collapsed--active: #dddfe4; --vkui--cloud_color_background_portal: #f6f7f8; --vkui--cloud_color_background_portal--hover: #eceef1; --vkui--cloud_color_background_portal--active: #e2e5e9; --vkui--cloud_color_background_alternative: #f3f3f5; --vkui--cloud_color_background_alternative--hover: #e9eaee; --vkui--cloud_color_background_alternative--active: #e0e1e6; --vkui--cloud_color_background_content_alternative: #fff; --vkui--cloud_color_background_content_alternative--hover: #f5f5f7; --vkui--cloud_color_background_content_alternative--active: #ebecef; --vkui--cloud_color_background_fast_scroll: #fff; --vkui--cloud_color_background_fast_scroll--hover: #f5f5f7; --vkui--cloud_color_background_fast_scroll--active: #ebecef; --vkui--cloud_color_icon_accent_alternative: #ff9e00; --vkui--cloud_color_icon_accent_alternative--hover: #f59802; --vkui--cloud_color_icon_accent_alternative--active: #eb9305; --vkui--cloud_color_icon_rating: #ffd400; --vkui--cloud_color_icon_rating--hover: #f5cc02; --vkui--cloud_color_icon_rating--active: #ebc405; --vkui--cloud_color_icon_folder: #fedd69; --vkui--cloud_color_icon_folder--hover: #f4d567; --vkui--cloud_color_icon_folder--active: #eacd65; --vkui--cloud_color_landing_stroke_tariff: #249afc; --vkui--cloud_color_landing_stroke_tariff--hover: #2394f4; --vkui--cloud_color_landing_stroke_tariff--active: #218fed; --vkui--cloud_color_sweetblue: #dde9ff; --vkui--cloud_color_sweetblue--hover: #d4e0f7; --vkui--cloud_color_sweetblue--active: #cbd8ef; --vkui--cloud_color_blue_accent_themed: #1c4479; --vkui--cloud_color_blue_accent_themed--hover: #1b4277; --vkui--cloud_color_blue_accent_themed--active: #1a4074; --vkui--cloud_color_sweetgreen: #ceeee6; --vkui--cloud_color_sweetgreen--hover: #c6e5df; --vkui--cloud_color_sweetgreen--active: #bedcd8; --vkui--cloud_color_green_accent_themed: #087c6d; --vkui--cloud_color_green_accent_themed--hover: #08786b; --vkui--cloud_color_green_accent_themed--active: #077369; --vkui--cloud_color_sweetorange: #f9d3bd; --vkui--cloud_color_sweetorange--hover: #efcbb8; --vkui--cloud_color_sweetorange--active: #e5c3b3; --vkui--cloud_color_orange_accent_themed: #78472a; --vkui--cloud_color_orange_accent_themed--hover: #73452b; --vkui--cloud_color_orange_accent_themed--active: #6e432c; --vkui--cloud_color_sweetpurple: #f2e8ff; --vkui--cloud_color_sweetpurple--hover: #e8dff7; --vkui--cloud_color_sweetpurple--active: #dfd7ef; --vkui--cloud_color_purple_accent_themed: #73519f; --vkui--cloud_color_purple_accent_themed--hover: #6e4e9b; --vkui--cloud_color_purple_accent_themed--active: #6a4c97; --vkui--cloud_color_icon_i_d_card_themed_alpha: rgba(0,95,249,.2); --vkui--cloud_color_icon_i_d_card_themed_alpha--hover: rgba(0,95,249,.24); --vkui--cloud_color_icon_i_d_card_themed_alpha--active: rgba(0,95,249,.28); --vkui--cloud_color_icon_i_d_card: #07f; --vkui--cloud_color_icon_i_d_card--hover: #0073f7; --vkui--cloud_color_icon_i_d_card--active: #006fef; --vkui--cloud_color_icon_official_themed_alpha: rgba(236,71,80,.2); --vkui--cloud_color_icon_official_themed_alpha--hover: rgba(236,71,80,.24); --vkui--cloud_color_icon_official_themed_alpha--active: rgba(236,71,80,.28); --vkui--cloud_color_icon_official: #ec4750; --vkui--cloud_color_icon_official--hover: #e3454f; --vkui--cloud_color_icon_official--active: #d9434e; --vkui--cloud_color_icon_transport_themed: rgba(174,126,236,.2); --vkui--cloud_color_icon_transport_themed--hover: rgba(174,126,236,.24); --vkui--cloud_color_icon_transport_themed--active: rgba(174,126,236,.28); --vkui--cloud_color_icon_transport: #ae7eec; --vkui--cloud_color_icon_transport--hover: #a77ae5; --vkui--cloud_color_icon_transport--active: #a075de; --vkui--cloud_color_icon_finance_themed: rgba(36,199,128,.2); --vkui--cloud_color_icon_finance_themed--hover: rgba(36,199,128,.24); --vkui--cloud_color_icon_finance_themed--active: rgba(36,199,128,.28); --vkui--cloud_color_icon_finance: #24c780; --vkui--cloud_color_icon_finance--hover: #23c07d; --vkui--cloud_color_icon_finance--active: #21b87b; --vkui--cloud_color_icon_file_document_invariably: #018bf2; --vkui--cloud_color_icon_file_document_invariably--hover: #0186eb; --vkui--cloud_color_icon_file_document_invariably--active: #0181e4; --vkui--cloud_color_icon_file_presentation_invariably: #da4c4e; --vkui--cloud_color_icon_file_presentation_invariably--hover: #d14a4d; --vkui--cloud_color_icon_file_presentation_invariably--active: #c9474d; --vkui--cloud_color_icon_file_table_invariably: #019784; --vkui--cloud_color_icon_file_table_invariably--hover: #019281; --vkui--cloud_color_icon_file_table_invariably--active: #018c7e; --vkui--cloud_color_background_file_document: #e1f0fd; --vkui--cloud_color_background_file_document--hover: #d8e7f5; --vkui--cloud_color_background_file_document--active: #cfdeee; --vkui--cloud_color_background_file_presentation: #fae9ea; --vkui--cloud_color_background_file_presentation--hover: #f0e0e3; --vkui--cloud_color_background_file_presentation--active: #e6d8dc; --vkui--cloud_color_background_file_table: #e1f2f0; --vkui--cloud_color_background_file_table--hover: #d8e9e9; --vkui--cloud_color_background_file_table--active: #cfe0e2; --vkui--cloud_color_background_file_other_alpha: rgba(0,16,61,.05); --vkui--cloud_color_background_file_other_alpha--hover: rgba(0,16,61,.09); --vkui--cloud_color_background_file_other_alpha--active: rgba(0,16,61,.13); --vkui--cloud_color_background_profile_tariff: #fecad6; --vkui--cloud_color_background_profile_tariff--hover: #f4c3d0; --vkui--cloud_color_background_profile_tariff--active: #eabbca; --vkui--cloud_color_icon_profile_tariff: #ff3985; --vkui--cloud_color_icon_profile_tariff--hover: #f53782; --vkui--cloud_color_icon_profile_tariff--active: #eb367f; --vkui--cloud_color_background_profile_access: #c3edb3; --vkui--cloud_color_background_profile_access--hover: #bbe4ae; --vkui--cloud_color_background_profile_access--active: #b3dbaa; --vkui--cloud_color_icon_profile_access: #018646; --vkui--cloud_color_icon_profile_access--hover: #018146; --vkui--cloud_color_icon_profile_access--active: #017d45; --vkui--cloud_color_background_profile_uploading: #fddda8; --vkui--cloud_color_background_profile_uploading--hover: #f3d5a4; --vkui--cloud_color_background_profile_uploading--active: #e9cd9f; --vkui--cloud_color_icon_profile_uploading: #bc5a00; --vkui--cloud_color_icon_profile_uploading--hover: #b45702; --vkui--cloud_color_icon_profile_uploading--active: #ad5405; --vkui--cloud_color_background_profile_trash: #dadce0; --vkui--cloud_color_background_profile_trash--hover: #d1d4d9; --vkui--cloud_color_background_profile_trash--active: #c9ccd3; --vkui--cloud_color_icon_profile_trash: #656567; --vkui--cloud_color_icon_profile_trash--hover: #616265; --vkui--cloud_color_icon_profile_trash--active: #5d5e64; --vkui--cloud_color_background_profile_settings: #b0f2d6; --vkui--cloud_color_background_profile_settings--hover: #a9e9d0; --vkui--cloud_color_background_profile_settings--active: #a2e0ca; --vkui--cloud_color_icon_profile_settings: #008272; --vkui--cloud_color_icon_profile_settings--hover: #007d70; --vkui--cloud_color_icon_profile_settings--active: #00796e; --vkui--cloud_color_background_profile_mail: #b8e1ff; --vkui--cloud_color_background_profile_mail--hover: #b1d9f7; --vkui--cloud_color_background_profile_mail--active: #a9d0ef; --vkui--cloud_color_icon_profile_mail: #07f; --vkui--cloud_color_icon_profile_mail--hover: #0073f7; --vkui--cloud_color_icon_profile_mail--active: #006fef; --vkui--cloud_color_landing_background: #f3f3f5; --vkui--cloud_color_landing_background--hover: #e9eaee; --vkui--cloud_color_landing_background--active: #e0e1e6; --vkui--cloud_color_landing_secondary_background: #fff; --vkui--cloud_color_landing_secondary_background--hover: #f5f5f7; --vkui--cloud_color_landing_secondary_background--active: #ebecef; --vkui--cloud_color_landing_tertiary_background: #fff; --vkui--cloud_color_landing_tertiary_background--hover: #f5f5f7; --vkui--cloud_color_landing_tertiary_background--active: #ebecef; --vkui--cloud_color_landing_medium_background: #f6f7f8; --vkui--cloud_color_landing_medium_background--hover: #eceef1; --vkui--cloud_color_landing_medium_background--active: #e2e5e9; --vkui--cloud_color_landing_button_background: #ebf2ff; --vkui--cloud_color_landing_button_background--hover: #e2e9f7; --vkui--cloud_color_landing_button_background--active: #d8e0ef; --vkui--cloud_color_landing_label_background: #d9e6fb; --vkui--cloud_color_landing_label_background--hover: #d0ddf3; --vkui--cloud_color_landing_label_background--active: #c8d5ec; --vkui--cloud_color_landing_label_inverse_background: #2c2d2e; --vkui--cloud_color_landing_label_inverse_background--hover: #2a2c2f; --vkui--cloud_color_landing_label_inverse_background--active: #282b2f; --vkui--cloud_color_landing_control_primary_background: #fff; --vkui--cloud_color_landing_control_primary_background--hover: #f5f5f7; --vkui--cloud_color_landing_control_primary_background--active: #ebecef; --vkui--cloud_color_landing_control_secondary_background: #e7e8ec; --vkui--cloud_color_landing_control_secondary_background--hover: #dedfe5; --vkui--cloud_color_landing_control_secondary_background--active: #d5d7de; --vkui--cloud_color_subscription_button_background: #07f; --vkui--cloud_color_subscription_button_background--hover: #0073f7; --vkui--cloud_color_subscription_button_background--active: #006fef; --vkui--cloud_color_scroll_indicator_alpha: hsla(227,4%,43%,.65); --vkui--cloud_color_scroll_indicator_alpha--hover: hsla(227,4%,43%,.69); --vkui--cloud_color_scroll_indicator_alpha--active: hsla(227,4%,43%,.73); --vkui--cloud_color_sidebar_item_text: #333; --vkui--cloud_color_sidebar_item_text--hover: #313233; --vkui--cloud_color_sidebar_item_text--active: #2f3034; --vkui--cloud_color_sidebar_item_text_primary: #2c2d2e; --vkui--cloud_color_sidebar_item_text_primary--hover: #2a2c2f; --vkui--cloud_color_sidebar_item_text_primary--active: #282b2f; --vkui--cloud_color_sidebar_item_text_secondary: #87898f; --vkui--cloud_color_sidebar_item_text_secondary--hover: #82848c; --vkui--cloud_color_sidebar_item_text_secondary--active: #7c7f88; --vkui--cloud_color_sidebar_item_background_alpha: transparent; --vkui--cloud_color_sidebar_item_background_alpha--hover: hsla(0,0%,100%,.24); --vkui--cloud_color_sidebar_item_background_alpha--active: hsla(0,0%,100%,.24); --vkui--cloud_color_background: #fff; --vkui--cloud_color_background--hover: #f5f5f7; --vkui--cloud_color_background--active: #ebecef; --vkui--cloud_color_overlay_background: transparent; --vkui--cloud_color_overlay_background--hover: rgba(0,16,61,.04); --vkui--cloud_color_overlay_background--active: rgba(0,16,61,.08); } .index__vkui--font_display_title1--regular--3Gq23 { font-family: var(--vkui--font_display_title1--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_display_title1--font_size--regular,23px); font-weight: var(--vkui--font_display_title1--font_weight--regular,500); line-height: var(--vkui--font_display_title1--line_height--regular,28px); } .index__vkui--font_display_title2--regular--2Uo7j { font-family: var(--vkui--font_display_title2--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_display_title2--font_size--regular,21px); font-weight: var(--vkui--font_display_title2--font_weight--regular,500); line-height: var(--vkui--font_display_title2--line_height--regular,26px); } .index__vkui--font_display_title2--compact--1uAyr { font-family: var(--vkui--font_display_title2--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_display_title2--font_size--compact,22px); font-weight: var(--vkui--font_display_title2--font_weight--compact,500); line-height: var(--vkui--font_display_title2--line_height--compact,22px); } .index__vkui--font_display_title3--regular--2Gzbq { font-family: var(--vkui--font_display_title3--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_display_title3--font_size--regular,19px); font-weight: var(--vkui--font_display_title3--font_weight--regular,500); line-height: var(--vkui--font_display_title3--line_height--regular,24px); } .index__vkui--font_display_title4--regular--3LLUW { font-family: var(--vkui--font_display_title4--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_display_title4--font_size--regular,17px); font-weight: var(--vkui--font_display_title4--font_weight--regular,500); line-height: var(--vkui--font_display_title4--line_height--regular,24px); } .index__vkui--font_title1--compact--2ugz6 { font-family: var(--vkui--font_title1--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title1--font_size--compact,24px); font-weight: var(--vkui--font_title1--font_weight--compact,500); line-height: var(--vkui--font_title1--line_height--compact,28px); } .index__vkui--font_title1--regular--1DItT { font-family: var(--vkui--font_title1--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title1--font_size--regular,24px); font-weight: var(--vkui--font_title1--font_weight--regular,500); line-height: var(--vkui--font_title1--line_height--regular,28px); } .index__vkui--font_title2--compact--1xavY { font-family: var(--vkui--font_title2--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title2--font_size--compact,20px); font-weight: var(--vkui--font_title2--font_weight--compact,500); line-height: var(--vkui--font_title2--line_height--compact,26px); } .index__vkui--font_title2--regular--dZd3s { font-family: var(--vkui--font_title2--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title2--font_size--regular,20px); font-weight: var(--vkui--font_title2--font_weight--regular,500); line-height: var(--vkui--font_title2--line_height--regular,26px); } .index__vkui--font_title3--compact--3oJ1T { font-family: var(--vkui--font_title3--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title3--font_size--compact,17px); font-weight: var(--vkui--font_title3--font_weight--compact,500); line-height: var(--vkui--font_title3--line_height--compact,22px); } .index__vkui--font_title3--regular--2rSGm { font-family: var(--vkui--font_title3--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title3--font_size--regular,18px); font-weight: var(--vkui--font_title3--font_weight--regular,500); line-height: var(--vkui--font_title3--line_height--regular,24px); } .index__vkui--font_headline1--regular--2IvTu { font-size: var(--vkui--font_headline1--font_size--regular,16px); line-height: var(--vkui--font_headline1--line_height--regular,20px); } .index__vkui--font_headline1--compact--qovpT, .index__vkui--font_headline1--regular--2IvTu { font-family: var(--vkui--font_headline1--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-weight: var(--vkui--font_headline1--font_weight--regular,500); } .index__vkui--font_headline1--compact--qovpT { font-size: var(--vkui--font_headline1--font_size--compact,15px); line-height: var(--vkui--font_headline1--line_height--compact,20px); } .index__vkui--font_headline2--regular--2Zobn { font-size: var(--vkui--font_headline2--font_size--regular,15px); line-height: var(--vkui--font_headline2--line_height--regular,20px); } .index__vkui--font_headline2--compact--3Y-Jc, .index__vkui--font_headline2--regular--2Zobn { font-family: var(--vkui--font_headline2--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-weight: var(--vkui--font_headline2--font_weight--regular,500); } .index__vkui--font_headline2--compact--3Y-Jc { font-size: var(--vkui--font_headline2--font_size--compact,14px); line-height: var(--vkui--font_headline2--line_height--compact,20px); } .index__vkui--font_text--compact--3_NwZ { font-family: var(--vkui--font_text--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_text--font_size--compact,15px); font-weight: var(--vkui--font_text--font_weight--compact,400); line-height: var(--vkui--font_text--line_height--compact,20px); } .index__vkui--font_text--regular--3Il_R { font-family: var(--vkui--font_text--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_text--font_size--regular,16px); font-weight: var(--vkui--font_text--font_weight--regular,400); line-height: var(--vkui--font_text--line_height--regular,20px); } .index__vkui--font_paragraph--regular--1p-hm { font-family: var(--vkui--font_paragraph--font_family--regular,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_paragraph--font_size--regular,15px); font-weight: var(--vkui--font_paragraph--font_weight--regular,400); line-height: var(--vkui--font_paragraph--line_height--regular,20px); } .index__vkui--font_subhead--compact---QQbB { font-family: var(--vkui--font_subhead--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_subhead--font_size--compact,14px); font-weight: var(--vkui--font_subhead--font_weight--compact,500); line-height: var(--vkui--font_subhead--line_height--compact,18px); } .index__vkui--font_subhead--regular--2oooL { font-family: var(--vkui--font_subhead--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_subhead--font_size--regular,14px); font-weight: var(--vkui--font_subhead--font_weight--regular,500); line-height: var(--vkui--font_subhead--line_height--regular,18px); } .index__vkui--font_footnote--regular--1Vjdn { font-family: var(--vkui--font_footnote--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_footnote--font_size--regular,14px); font-weight: var(--vkui--font_footnote--font_weight--regular,400); line-height: var(--vkui--font_footnote--line_height--regular,18px); } .index__vkui--font_footnote--compact--1Gq3H { font-family: var(--vkui--font_footnote--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_footnote--font_size--compact,14px); font-weight: var(--vkui--font_footnote--font_weight--compact,400); line-height: var(--vkui--font_footnote--line_height--compact,18px); } .index__vkui--font_footnote_caps--regular--cYzyP { font-family: var(--vkui--font_footnote_caps--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_footnote_caps--font_size--regular,14px); font-weight: var(--vkui--font_footnote_caps--font_weight--regular,500); letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--regular,.3px); line-height: var(--vkui--font_footnote_caps--line_height--regular,18px); text-transform: var(--vkui--font_footnote_caps--text_transform--regular,uppercase); } .index__vkui--font_caption1--regular--inljx { font-family: var(--vkui--font_caption1--font_family--regular,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption1--font_size--regular,12px); font-weight: var(--vkui--font_caption1--font_weight--regular,400); line-height: var(--vkui--font_caption1--line_height--regular,16px); } .index__vkui--font_caption1--compact--_QQ29 { font-family: var(--vkui--font_caption1--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption1--font_size--compact,12px); font-weight: var(--vkui--font_caption1--font_weight--compact,VKSansDisplay,MailSans,apple-system,system-ui,"Helvetica Neue",Arial,sans-serif); line-height: var(--vkui--font_caption1--line_height--compact,16px); } .index__vkui--font_caption1_caps--regular--QyM3p { font-family: var(--vkui--font_caption1_caps--font_family--regular,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption1_caps--font_size--regular,12px); font-weight: var(--vkui--font_caption1_caps--font_weight--regular,400); letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--regular,.26px); line-height: var(--vkui--font_caption1_caps--line_height--regular,16px); text-transform: var(--vkui--font_caption1_caps--text_transform--regular,uppercase); } .index__vkui--font_caption2--regular--wOJE_ { font-family: var(--vkui--font_caption2--font_family--regular,Inter,Helvetica,Arial,sans-serif); font-size: var(--vkui--font_caption2--font_size--regular,11px); font-weight: var(--vkui--font_caption2--font_weight--regular,400); line-height: var(--vkui--font_caption2--line_height--regular,14px); } .index__vkui--font_caption2_caps--regular--3sslY { font-family: var(--vkui--font_caption2_caps--font_family--regular,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption2_caps--font_size--regular,11px); font-weight: var(--vkui--font_caption2_caps--font_weight--regular,400); letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--regular,.22px); line-height: var(--vkui--font_caption2_caps--line_height--regular,14px); text-transform: var(--vkui--font_caption2_caps--text_transform--regular,uppercase); } .index__vkui--font_caption3--regular--1MXeI { font-family: var(--vkui--font_caption3--font_family--regular,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption3--font_size--regular,9px); font-weight: var(--vkui--font_caption3--font_weight--regular,400); line-height: var(--vkui--font_caption3--line_height--regular,12px); } .index__vkui--font_caption3_caps--regular--1Pm5v { font-family: var(--vkui--font_caption3_caps--font_family--regular,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption3_caps--font_size--regular,9px); font-weight: var(--vkui--font_caption3_caps--font_weight--regular,400); letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--regular,.16px); line-height: var(--vkui--font_caption3_caps--line_height--regular,12px); text-transform: var(--vkui--font_caption3_caps--text_transform--regular,uppercase); } .index__vkui--font_h0--compact--2cJ9q { font-family: var(--vkui--font_h0--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_h0--font_size--compact,40px); font-weight: var(--vkui--font_h0--font_weight--compact,500); line-height: var(--vkui--font_h0--line_height--compact,46px); } .index__vkui--font_h0--regular--2AdBG { font-family: var(--vkui--font_h0--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_h0--font_size--regular,40px); font-weight: var(--vkui--font_h0--font_weight--regular,500); line-height: var(--vkui--font_h0--line_height--regular,46px); } .index__vkui--font_h1--compact--3o5nx { font-family: var(--vkui--font_h1--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_h1--font_size--compact,32px); font-weight: var(--vkui--font_h1--font_weight--compact,500); line-height: var(--vkui--font_h1--line_height--compact,38px); } .index__vkui--font_h1--regular--2o__X { font-family: var(--vkui--font_h1--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_h1--font_size--regular,32px); font-weight: var(--vkui--font_h1--font_weight--regular,500); line-height: var(--vkui--font_h1--line_height--regular,40px); } .index__vkui--font_h2--compact---zWQP { font-family: var(--vkui--font_h2--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_h2--font_size--compact,28px); font-weight: var(--vkui--font_h2--font_weight--compact,500); line-height: var(--vkui--font_h2--line_height--compact,32px); } .index__vkui--font_h2--regular--fIRUf { font-family: var(--vkui--font_h2--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_h2--font_size--regular,28px); font-weight: var(--vkui--font_h2--font_weight--regular,500); line-height: var(--vkui--font_h2--line_height--regular,34px); } .index__vkui--font_title2_custom--regular--1RvJO { font-size: var(--vkui--font_title2_custom--font_size--regular,20px); font-weight: var(--vkui--font_title2_custom--font_weight--regular,400); line-height: var(--vkui--font_title2_custom--line_height--regular,26px); } .index__vkui--font_title2_custom--compact--nYi0S, .index__vkui--font_title2_custom--regular--1RvJO { font-family: var(--vkui--font_title2_custom--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); } .index__vkui--font_title2_custom--compact--nYi0S { font-size: var(--vkui--font_title2_custom--font_size--compact,20px); font-weight: var(--vkui--font_title2_custom--font_weight--compact,400); line-height: var(--vkui--font_title2_custom--line_height--compact,26px); } .index__vkui--font_title3_custom--regular--1Y8BS { font-family: var(--vkui--font_title3_custom--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title3_custom--font_size--regular,18px); font-weight: var(--vkui--font_title3_custom--font_weight--regular,400); line-height: var(--vkui--font_title3_custom--line_height--regular,24px); } .index__vkui--font_title3_custom--compact--16YJM { font-family: var(--vkui--font_title3_custom--font_family--compact,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_title3_custom--font_size--compact,17px); font-weight: var(--vkui--font_title3_custom--font_weight--compact,400); line-height: var(--vkui--font_title3_custom--line_height--compact,22px); } .index__vkui--font_caption1_caps_demibold--regular--5L6aa { font-family: var(--vkui--font_caption1_caps_demibold--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption1_caps_demibold--font_size--regular,12px); font-weight: var(--vkui--font_caption1_caps_demibold--font_weight--regular,600); letter-spacing: var(--vkui--font_caption1_caps_demibold--letter_spacing--regular,.26px); line-height: var(--vkui--font_caption1_caps_demibold--line_height--regular,16px); text-transform: var(--vkui--font_caption1_caps_demibold--text_transform--regular,uppercase); } .index__vkui--font_caption2_caps_demibold--regular--w6bKV { font-family: var(--vkui--font_caption2_caps_demibold--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption2_caps_demibold--font_size--regular,11px); font-weight: var(--vkui--font_caption2_caps_demibold--font_weight--regular,600); letter-spacing: var(--vkui--font_caption2_caps_demibold--letter_spacing--regular,.22px); line-height: var(--vkui--font_caption2_caps_demibold--line_height--regular,14px); text-transform: var(--vkui--font_caption2_caps_demibold--text_transform--regular,uppercase); } .index__vkui--font_caption3_caps_demibold--regular--1MluL { font-family: var(--vkui--font_caption3_caps_demibold--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_caption3_caps_demibold--font_size--regular,9px); font-weight: var(--vkui--font_caption3_caps_demibold--font_weight--regular,600); letter-spacing: var(--vkui--font_caption3_caps_demibold--letter_spacing--regular,.16px); line-height: var(--vkui--font_caption3_caps_demibold--line_height--regular,12px); text-transform: var(--vkui--font_caption3_caps_demibold--text_transform--regular,uppercase); } .index__vkui--font_subtitle_medium--1zLNI { font-family: var(--vkui--font_subtitle_medium--font_family,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_subtitle_medium--font_size,18px); font-weight: var(--vkui--font_subtitle_medium--font_weight,500); line-height: var(--vkui--font_subtitle_medium--line_height,24px); } .index__vkui--font_subtitle_custom--3vNio { font-family: var(--vkui--font_subtitle_custom--font_family,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_subtitle_custom--font_size,18px); font-weight: var(--vkui--font_subtitle_custom--font_weight,400); line-height: var(--vkui--font_subtitle_custom--line_height,24px); } .index__vkui--font_headline_large_medium--sUU-4 { font-family: var(--vkui--font_headline_large_medium--font_family,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_headline_large_medium--font_size,16px); font-weight: var(--vkui--font_headline_large_medium--font_weight,500); line-height: var(--vkui--font_headline_large_medium--line_height,20px); } .index__vkui--font_large_text--3_JZK { font-family: var(--vkui--font_large_text--font_family,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-size: var(--vkui--font_large_text--font_size,16px); font-weight: var(--vkui--font_large_text--font_weight,400); line-height: var(--vkui--font_large_text--line_height,20px); } .index__vkui--font_headline--regular--10sJb { font-size: var(--vkui--font_headline--font_size--regular,16px); line-height: var(--vkui--font_headline--line_height--regular,20px); } .index__vkui--font_headline--compact--2CaX3, .index__vkui--font_headline--regular--10sJb { font-family: var(--vkui--font_headline--font_family--regular,VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif); font-weight: var(--vkui--font_headline--font_weight--regular,500); } .index__vkui--font_headline--compact--2CaX3 { font-size: var(--vkui--font_headline--font_size--compact,15px); line-height: var(--vkui--font_headline--line_height--compact,20px); } :root { --color-alto: #dedede; --color-alto-alpha: hsla(0,0%,87%,.4); --color-flamingo: #e55; --color-mandy: #db4f53; --color-promoCode: #ff9f01; --color-skeleton_to: #ebedf0; --color-fastcheckout-sidebar-border: rgba(0,0,0,.2); --color-tundora: #434343; --color-blaze-orange: #ff6100; --color-orange-peel: #f90; --color-gray-snow: #fafafa; --color-denim: #195bda; --color-bombay: #afb2b8; --color-datalist-hover: #f9f9fa; --color-datalist-selected: #f3f3f5; --color-datalist-selected-hover: #ecedf0; --color-control-active: #e6e7eb; --color-gainsboro: #e1e1e1; --color-dark-gray: #acacac; --color-grey: #787878; --color-grey-nobel: #9a9a9a; --color-grey-dim: #6f6f6f; --color-grey-dolphin: #615f76; --color-pattens-blue: #dfedff; --color-gray-980: #050505; --color-promo-card-border: #ff5c00; --colors-text-primary-invariably: #1e1e1e; --color_social_vk--normal: #2787f5; --color_social_vk--hover: #2582ee; --color_social_ok--normal: #ee8208; --color_social_ok--hover: #e47d0a; --color_social_mir--normal: #117eda; --color_social_mir--hover: #107ad4; --color_social_fb--normal: #0561af; --color_social_fb--hover: #055eaa; --color_social_twitter--normal: #00bff3; --color_social_twitter--hover: #00b8ec; --color-progress-line-mail: #ff6e77; --color-overquota: #fc2c38; --color-progress-line-family: #ae7eec; --color-tree-drop-hover: #ebf2ff; --color-cepia: #f6f3e8; --color-eerie-black: #191919; --color-black: #000; --color-black-09: rgba(0,0,0,.9); --color-empty-border: rgba(0,95,249,.7); --color-back-white: #fff; --color-back-white-1: hsla(0,0%,100%,.08); --color-back-white-1--hover: hsla(0,0%,100%,.06); --color-back-white-1--active: hsla(0,0%,100%,.04); --color-back-white-1--light: hsla(0,0%,100%,.02); --color-back-white-1--middle: hsla(0,0%,100%,.4); --color-background-gray: rgba(25,25,26,.6); --color-background-gray--light: rgba(25,25,26,.3); --color-background-gray-05: hsla(0,0%,56%,.5); --color-background-tertiary: #252525; --color-background-secondary-alpha: rgba(0,16,61,.051); --color-background-secondary: #343434; --color-scrollbar: #e0e2e8; --color_text_muted--dark: #e7e8ea; --color-icon-primary: #e7e8ea; --vkui--color_background_modal--dark: #1f1f1f; --vk-embedded-gray: #333; --color-background-black-friday-2024: #2e3ac0; --color_button-secondary_background: #333; --color_button-secondary_background--hover: #272727; --color_button-secondary_background--active: #1d1d1d; --vkui--color_palette_violet: #c15df3; --color-text-mailing: #fc8a15; --color-story_viewer_background: linear-gradient(180deg,rgba(0,0,0,4e-5),rgba(0,0,0,.006) 9.22%,rgba(0,0,0,.022) 18.76%,rgba(0,0,0,.047) 28.48%,rgba(0,0,0,.08) 38.19%,rgba(0,0,0,.116) 47.75%,rgba(0,0,0,.157) 56.99%,rgba(0,0,0,.201) 65.75%,rgba(0,0,0,.243) 73.87%,rgba(0,0,0,.284) 81.18%,rgba(0,0,0,.32) 87.52%,rgba(0,0,0,.353) 92.74%,rgba(0,0,0,.378) 96.66%,rgba(0,0,0,.394) 99.14%,rgba(0,0,0,.4)); --color-story_viewer_header_background: linear-gradient(360deg,rgba(0,0,0,3e-5),rgba(0,0,0,.005) 9.22%,rgba(0,0,0,.016) 18.76%,rgba(0,0,0,.035) 28.48%,rgba(0,0,0,.06) 38.19%,rgba(0,0,0,.087) 47.75%,rgba(0,0,0,.118) 56.99%,rgba(0,0,0,.151) 65.75%,rgba(0,0,0,.182) 73.87%,rgba(0,0,0,.213) 81.18%,rgba(0,0,0,.24) 87.52%,rgba(0,0,0,.265) 92.74%,rgba(0,0,0,.284) 96.66%,rgba(0,0,0,.295) 99.14%,rgba(0,0,0,.3)); --color-tip_background: radial-gradient(ellipse at center,#fff 0%,hsla(0,0%,100%,.6) 40%,hsla(0,0%,100%,.2) 60%,transparent 90%,transparent 100%); --color-video_player_control: linear-gradient(180deg,transparent,rgba(0,0,0,.016) 9.22%,rgba(0,0,0,.055) 18.76%,rgba(0,0,0,.118) 28.48%,rgba(0,0,0,.2) 38.19%,rgba(0,0,0,.29) 47.75%,rgba(0,0,0,.392) 56.99%,rgba(0,0,0,.502) 65.75%,rgba(0,0,0,.608) 73.87%,rgba(0,0,0,.71) 81.18%,rgba(0,0,0,.8) 87.52%,rgba(0,0,0,.882) 92.74%,rgba(0,0,0,.945) 96.66%,rgba(0,0,0,.984) 99.14%,#000); --color-llm-shadow: 0 0 2.91204px 0 rgba(20,18,20,.01),0 0 6.02963px 0 rgba(20,18,20,.02),0 0 12.025px 0 rgba(20,18,20,.03),0 0 23.57037px 0 rgba(20,18,20,.03),0 0 43.33796px 0 rgba(20,18,20,.04),0 0 74px 0 rgba(20,18,20,.05); --theme-background-color: var(--vkui--cloud_color_background); } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .vkui--octavius--light { --vkui--theme_name: "paradigmTech"; --vkui--font_family_fallbacks: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_accent: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_base: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_weight_accent1: 500; --vkui--font_weight_accent2: 500; --vkui--font_weight_accent3: 400; --vkui--font_weight_base1: 700; --vkui--font_weight_base2: 700; --vkui--font_weight_base3: 400; --vkui--font_display_title1--font_size--regular: 23px; --vkui--font_display_title1--line_height--regular: 28px; --vkui--font_display_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title1--font_weight--regular: 500; --vkui--font_display_title2--font_size--regular: 21px; --vkui--font_display_title2--line_height--regular: 26px; --vkui--font_display_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--regular: 500; --vkui--font_display_title2--font_size--compact: 22px; --vkui--font_display_title2--line_height--compact: 22px; --vkui--font_display_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--compact: 500; --vkui--font_display_title3--font_size--regular: 19px; --vkui--font_display_title3--line_height--regular: 24px; --vkui--font_display_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title3--font_weight--regular: 500; --vkui--font_display_title4--font_size--regular: 17px; --vkui--font_display_title4--line_height--regular: 24px; --vkui--font_display_title4--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title4--font_weight--regular: 500; --vkui--font_title1--font_size--regular: 24px; --vkui--font_title1--line_height--regular: 28px; --vkui--font_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--regular: 500; --vkui--font_title2--font_size--regular: 20px; --vkui--font_title2--line_height--regular: 26px; --vkui--font_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--regular: 500; --vkui--font_title3--font_size--regular: 17px; --vkui--font_title3--line_height--regular: 22px; --vkui--font_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--regular: 500; --vkui--font_headline1--font_size--regular: 16px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_headline1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline1--font_weight--regular: 500; --vkui--font_headline1--font_size--compact: 15px; --vkui--font_headline1--line_height--compact: 20px; --vkui--font_headline2--font_size--regular: 15px; --vkui--font_headline2--line_height--regular: 20px; --vkui--font_headline2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline2--font_weight--regular: 500; --vkui--font_headline2--font_size--compact: 14px; --vkui--font_headline2--line_height--compact: 20px; --vkui--font_text--font_size--regular: 16px; --vkui--font_text--line_height--regular: 20px; --vkui--font_text--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_text--font_weight--regular: 400; --vkui--font_text--font_size--compact: 15px; --vkui--font_text--line_height--compact: 20px; --vkui--font_paragraph--font_size--regular: 15px; --vkui--font_paragraph--line_height--regular: 20px; --vkui--font_paragraph--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_weight--regular: 400; --vkui--font_subhead--font_size--regular: 14px; --vkui--font_subhead--line_height--regular: 18px; --vkui--font_subhead--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--regular: 400; --vkui--font_subhead--font_size--compact: 13px; --vkui--font_subhead--line_height--compact: 18px; --vkui--font_footnote--font_size--regular: 13px; --vkui--font_footnote--line_height--regular: 18px; --vkui--font_footnote--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote--font_weight--regular: 400; --vkui--font_footnote_caps--font_size--regular: 13px; --vkui--font_footnote_caps--line_height--regular: 18px; --vkui--font_footnote_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_weight--regular: 400; --vkui--font_footnote_caps--text_transform--regular: uppercase; --vkui--font_footnote_caps--letter_spacing--regular: 0.3px; --vkui--font_caption1--font_size--regular: 12px; --vkui--font_caption1--line_height--regular: 16px; --vkui--font_caption1--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--regular: 400; --vkui--font_caption1_caps--font_size--regular: 12px; --vkui--font_caption1_caps--line_height--regular: 16px; --vkui--font_caption1_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_weight--regular: 400; --vkui--font_caption1_caps--text_transform--regular: uppercase; --vkui--font_caption1_caps--letter_spacing--regular: 0.26px; --vkui--font_caption2--font_size--regular: 11px; --vkui--font_caption2--line_height--regular: 14px; --vkui--font_caption2--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2--font_weight--regular: 400; --vkui--font_caption2_caps--font_size--regular: 11px; --vkui--font_caption2_caps--line_height--regular: 14px; --vkui--font_caption2_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps--font_weight--regular: 400; --vkui--font_caption2_caps--text_transform--regular: uppercase; --vkui--font_caption2_caps--letter_spacing--regular: 0.22px; --vkui--font_caption3--font_size--regular: 9px; --vkui--font_caption3--line_height--regular: 12px; --vkui--font_caption3--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3--font_weight--regular: 400; --vkui--font_caption3_caps--font_size--regular: 9px; --vkui--font_caption3_caps--line_height--regular: 12px; --vkui--font_caption3_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps--font_weight--regular: 400; --vkui--font_caption3_caps--text_transform--regular: uppercase; --vkui--font_caption3_caps--letter_spacing--regular: 0.16px; --vkui--size_select_icon_padding--regular: 7px; --vkui--size_select_icon_padding--compact: 6px; --vkui--size_popup_base_padding--regular: 20px; --vkui--size_popup_base_padding--compact: 32px; --vkui--size_popup_header_padding--regular: 16px; --vkui--size_popup_header_padding--compact: 24px; --vkui--size_border_radius--regular: 8px; --vkui--size_border_radius_rounded--regular: 48px; --vkui--size_check_border_radius--regular: 4px; --vkui--size_border_radius_paper--regular: 12px; --vkui--size_border_radius_promo--regular: 20px; --vkui--size_cell_height--regular: 48px; --vkui--size_cell_height--compact: 44px; --vkui--size_field_height--regular: 44px; --vkui--size_field_height--compact: 36px; --vkui--size_search_height--regular: 36px; --vkui--size_search_height--compact: 32px; --vkui--size_button_extra_small_height--regular: 24px; --vkui--size_button_extra_small_height--compact: 22px; --vkui--size_button_small_height--regular: 30px; --vkui--size_button_small_height--compact: 28px; --vkui--size_button_medium_height--regular: 36px; --vkui--size_button_medium_height--compact: 32px; --vkui--size_button_large_height--regular: 44px; --vkui--size_button_large_height--compact: 36px; --vkui--size_checkbox--regular: 16px; --vkui--size_arrow--regular: 8px; --vkui--size_arrow_promo--regular: 40px; --vkui--size_popup_small--regular: 430px; --vkui--size_popup_medium--regular: 680px; --vkui--size_popup_large--regular: 880px; --vkui--size_field_horizontal_padding--regular: 12px; --vkui--size_button_padding_horizontal--regular: 20px; --vkui--size_button_padding_horizontal--compact: 16px; --vkui--size_label_horizontal_margin--regular: 16px; --vkui--size_arrow_padding--regular: 12px; --vkui--size_tooltip_margin--regular: 8px; --vkui--size_icon_u_i--regular: 16px; --vkui--size_avatar_x_s--regular: 24px; --vkui--size_avatar_s--regular: 32px; --vkui--size_avatar_m--regular: 48px; --vkui--size_avatar_l--regular: 96px; --vkui--size_avatar_x_l--regular: 128px; --vkui--size_badge_x_s--regular: 12px; --vkui--size_badge_s--regular: 16px; --vkui--size_badge_m--regular: 24px; --vkui--size_badge_l--regular: 44px; --vkui--size_badge_x_l--regular: 56px; --vkui--size_cardgrid_padding--regular: 12px; --vkui--size_card_border_radius--regular: 16px; --vkui--size_cardgrid_padding_vertical--regular: 8px; --vkui--size_base_padding_horizontal--regular: 16px; --vkui--size_base_padding_vertical--regular: 12px; --vkui--size_button_group_gap_space--regular: 1px; --vkui--size_button_group_gap_small--regular: 8px; --vkui--size_button_group_gap_medium--regular: 12px; --vkui--size_option_hierarchy--regular: 32px; --vkui--size_switch_height--regular: 14px; --vkui--size_switch_height--compact: 12px; --vkui--size_switch_width--regular: 34px; --vkui--size_switch_width--compact: 32px; --vkui--size_switch_pin--regular: 20px; --vkui--size_switch_pin--compact: 18px; --vkui--size_panel_header_height--compact: 48px; --vkui--size_panel_header_height--regular: 56px; --vkui--size_button_base_small_padding_horizontal--regular: 16px; --vkui--size_button_base_medium_padding_horizontal--regular: 16px; --vkui--size_button_base_large_padding_horizontal--regular: 20px; --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px; --vkui--size_button_minimum_width--regular: 80px; --vkui--size_form_item_padding_vertical--regular: 12px; --vkui--size_split_col_padding_horizontal--regular: 16px; --vkui--size_subnavigation_bar_gap--regular: 8px; --vkui--size_subnavigation_bar_padding_vertical--regular: 12px; --vkui--size_border1x--regular: 1px; --vkui--size_border2x--regular: 0.5px; --vkui--size_border3x--regular: 0.33px; --vkui--spacing_size_3xs: 2px; --vkui--spacing_size_2xs: 2px; --vkui--spacing_size_xs: 4px; --vkui--spacing_size_s: 6px; --vkui--spacing_size_m: 8px; --vkui--spacing_size_l: 10px; --vkui--spacing_size_xl: 12px; --vkui--spacing_size_2xl: 16px; --vkui--spacing_size_3xl: 20px; --vkui--spacing_size_4xl: 24px; --vkui--elevation1: 0 2px 6px 0 rgba(0,16,61,.08),0 1px 2px 0 rgba(0,16,61,.08); --vkui--elevation1_invert_y: 0 -2px 6px 0 rgba(0,16,61,.08),0 -1px 2px 0 rgba(0,16,61,.08); --vkui--elevation2: 0 0 2px 0 rgba(0,16,61,.06),0 0 6px 0 rgba(0,16,61,.06),0 6px 12px 0 rgba(0,16,61,.06); --vkui--elevation3: 0 0 6px 0 rgba(0,16,61,.06),0 6px 12px 0 rgba(0,16,61,.06),0 6px 20px 0 rgba(0,16,61,.06),0 10px 36px 0 rgba(0,16,61,.08); --vkui--elevation4: 0 2px 6px 0 rgba(0,16,61,.06),0 16px 48px 0 rgba(0,16,61,.08),0 24px 68px 0 rgba(0,16,61,.16); --vkui--gradient_black: transparent 0%,rgba(0,0,0,.02) 15%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.32) 70%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.4) 100%; --vkui--gradient_white: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--gradient_tint: rgba(246,247,248,0) 0%,rgba(246,247,248,.05) 15%,rgba(246,247,248,.2) 30%,rgba(246,247,248,.8) 70%,rgba(246,247,248,.95) 85%,#f6f7f8 100%; --vkui--gradient: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--animation_duration_l: 0.4s; --vkui--animation_duration_m: 0.2s; --vkui--animation_duration_s: 0.1s; --vkui--animation_easing_default: cubic-bezier(0.3,0.3,0.5,1); --vkui--animation_easing_platform: cubic-bezier(0.3,0.3,0.5,1); --vkui--opacity_disable: 0.48; --vkui--opacity_disable_accessibility: 0.64; --vkui--opacity_active: 0.72; --vkui--blur_m: 16px; --vkui--z_index_modal: 99; --vkui--z_index_popout: 100; --vkui--x0: 0px; --vkui--x025: 1px; --vkui--x05: 2px; --vkui--x1: 4px; --vkui--x2: 8px; --vkui--x3: 12px; --vkui--x4: 16px; --vkui--x5: 20px; --vkui--x6: 24px; --vkui--x8: 32px; --vkui--x10: 40px; --vkui--x12: 48px; --vkui--x15: 60px; --vkui--x20: 80px; --vkui--size_base: 4px; --vkui--size_grid: 20px; --vkui--font_h0--font_size--regular: 28px; --vkui--font_h0--line_height--regular: 32px; --vkui--font_h0--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--regular: 500; --vkui--font_h0--font_size--compact: 44px; --vkui--font_h0--line_height--compact: 52px; --vkui--font_h1--font_size--regular: 24px; --vkui--font_h1--line_height--regular: 28px; --vkui--font_h1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--regular: 500; --vkui--font_h1--font_size--compact: 32px; --vkui--font_h1--line_height--compact: 36px; --vkui--font_h2--font_size--regular: 20px; --vkui--font_h2--line_height--regular: 26px; --vkui--font_h2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--regular: 500; --vkui--font_h2--font_size--compact: 28px; --vkui--font_h2--line_height--compact: 32px; --vkui--size_arrow_height--regular: 8px; --vkui--size_arrow_width--regular: 12px; --vkui--size_base_padding--regular: 16px; --vkui--size_base_padding--compact: 20px; --vkui--size_border_width_tab--regular: 2px; --vkui--size_border_width_bar--regular: 4px; --vkui--size_border_width_accent--regular: 8px; --vkui--size_border_width_accent_secondary--regular: 8px; --vkui--size_control_button_width_min--regular: 130px; --vkui--size_control_button_width_min--compact: 104px; --vkui--size_promo_button_close--regular: 32px; --vkui--size_button_slider_height--regular: 24px; --vkui--size_button_slider_width--regular: 12px; --vkui--size_button_slider_width_pointer--regular: 16px; --vkui--size_field_width_min--regular: 328px; --vkui--size_field_width_min--compact: 380px; --vkui--size_label_width--regular: 184px; --vkui--size_progress--regular: 4px; --vkui--size_progress_scroll--regular: 12px; --vkui--size_dot_bullet--regular: 4px; --vkui--size_dot_indicate--regular: 8px; --vkui--size_dot_clickable--regular: 12px; --vkui--size_vertical_padding--regular: 0px; --vkui--size_button_more_padding--regular: 8px; --vkui--size_icon_more_padding--regular: 12px; --vkui--size_icon_more_padding--compact: 8px; --vkui--size_button_icon_padding--regular: 16px; --vkui--size_button_icon_padding--compact: 20px; --vkui--size_div_padding--regular: 4px; --vkui--size_menu_padding--regular: 8px; --vkui--size_tag_padding--regular: 8px; --vkui--size_tab_padding--regular: 16px; --vkui--size_table_horizontal_padding--regular: 16px; --vkui--size_table_vertical_padding--regular: 16px; --vkui--size_slice_top_padding--regular: 40px; --vkui--size_slice_bottom_padding--regular: 60px; --vkui--size_base_margin--regular: 12px; --vkui--size_label_vertical_margin--regular: 4px; --vkui--size_tip_margin--regular: 4px; --vkui--size_field_horizontal_margin--regular: 20px; --vkui--size_field_vertical_margin--regular: 24px; --vkui--size_field_set_margin--regular: 32px; --vkui--size_icon_margin--regular: 12px; --vkui--size_icon_margin--compact: 8px; --vkui--size_choice_margin--regular: 8px; --vkui--size_menu_margin--regular: 2px; --vkui--size_tag_margin--regular: 8px; --vkui--size_tab_margin--regular: 8px; --vkui--size_bullet_margin--regular: 12px; --vkui--size_attribute_margin--regular: 4px; --vkui--size_popup_margin--regular: 8px; --vkui--size_popup_margin--compact: 24px; --vkui--size_header_icon--regular: 20px; --vkui--size_wysiwyg_icon--regular: 14px; --vkui--size_illustration_s--regular: 48px; --vkui--size_illustration_x_m--regular: 72px; --vkui--size_illustration_m--regular: 96px; --vkui--size_illustration_l--regular: 144px; --vkui--size_illustration_x_x_l--regular: 228px; --vkui--tone_value_overlay: 0.48; --vkui--tone_value_viewer: 0.88; --vkui--tone_value_toolbar: 0.24; --vkui--tone_value_hover: 0.04; --vkui--tone_value_active: 0.08; --vkui--tone_value_focus: 0.08; --vkui--type_border_button: solid; --vkui--type_border_position: inset; --vkui--theme_name_base: "octavius"; --vkui--octavius_shadow_sidebar_item_text: none; --vkui--octavius_shadow_sidebar_item_icon: none; --vkui--octavius_elevation_card: none; --vkui--octavius_shadow_empty_state_text: none; --vkui--octavius_elevation_header: 0px 0px 16px rgba(2,13,41,.16); --vkui--octavius_text_shadow_empty_state_text: none; --vkui--octavius_position_background: 50% 0; --vkui--octavius_image_overlay_background: none; --vkui--octavius_text_shadow_sidebar_item_text: none; --vkui--octavius_filter_sidebar_item_icon: none; --vkui--octavius_image_background: none; --vkui--octavius_font_family_default: HelveticaNeue,Helvetica,Arial,sans-serif; --vkui--octavius_font_family_mail_sans: VKSansDisplay,MailSans,HelveticaNeue,Helvetica,Arial,sans-serif; --vkui--octavius_font_family_global: Arial,Tahoma,Verdana,sans-serif; --vkui--octavius_font_family_mac: Helvetica,Arial,Tahoma,Verdana,sans-serif; --vkui--octavius_font_family_display: inherit; --vkui--octavius_color_letter_attach_list_background: linear-gradient(270deg,#fff 22.77%,hsla(0,0%,100%,0) 104.46%); --vkui--octavius_size_headline_height--regular: 36px; --vkui--octavius_size_layout_width_max--regular: 2150px; --vkui--octavius_size_layout_width_min--regular: 761px; --vkui--octavius_size_sidebar_padding_top--regular: 12px; --vkui--octavius_size_sidebar_widgets_height_min--regular: 64px; --vkui--octavius_size_sidebar_widgets_height_compact_min--regular: 104px; --vkui--font_headline--font_size--regular: 16px; --vkui--font_headline--line_height--regular: 20px; --vkui--font_headline--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_weight--regular: 500; --vkui--font_headline--font_size--compact: 15px; --vkui--font_headline--line_height--compact: 20px; --vkui--colors_scheme: light; --vkui--color_background_accent: #07f; --vkui--color_background_accent--hover: #0073f7; --vkui--color_background_accent--active: #006fef; --vkui--color_background_accent_themed: #07f; --vkui--color_background_accent_themed--hover: #0073f7; --vkui--color_background_accent_themed--active: #006fef; --vkui--color_background_accent_themed_alpha: rgba(0,119,255,.2); --vkui--color_background_accent_themed_alpha--hover: rgba(0,119,255,.24); --vkui--color_background_accent_themed_alpha--active: rgba(0,119,255,.28); --vkui--color_background_accent_alternative: #ff9e00; --vkui--color_background_accent_alternative--hover: #f59802; --vkui--color_background_accent_alternative--active: #eb9305; --vkui--color_background_content: #fff; --vkui--color_background_content--hover: #f5f5f7; --vkui--color_background_content--active: #ebecef; --vkui--color_background_content_alpha: hsla(0,0%,100%,.8); --vkui--color_background_content_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_background_content_alpha--active: hsla(0,0%,100%,.88); --vkui--color_background_content_inverse: #1e1f22; --vkui--color_background_content_inverse--hover: #1d1e23; --vkui--color_background_content_inverse--active: #1c1e24; --vkui--color_background_secondary: #eff0f4; --vkui--color_background_secondary--hover: #e5e7ed; --vkui--color_background_secondary--active: #dcdee5; --vkui--color_background_secondary_alpha: rgba(129,140,154,.12); --vkui--color_background_secondary_alpha--hover: rgba(129,140,154,.16); --vkui--color_background_secondary_alpha--active: rgba(129,140,154,.2); --vkui--color_background: #f6f7fb; --vkui--color_background--hover: #eceef3; --vkui--color_background--active: #e2e5ec; --vkui--color_background_contrast: #fff; --vkui--color_background_contrast--hover: #f5f5f7; --vkui--color_background_contrast--active: #ebecef; --vkui--color_background_contrast_secondary_alpha: hsla(0,0%,100%,.2); --vkui--color_background_contrast_secondary_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_contrast_secondary_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_warning: #fef099; --vkui--color_background_warning--hover: #f4e795; --vkui--color_background_warning--active: #eade92; --vkui--color_background_negative: #f23741; --vkui--color_background_negative--hover: #e83541; --vkui--color_background_negative--active: #df3441; --vkui--color_background_tertiary: #f6f7fb; --vkui--color_background_tertiary--hover: #eceef3; --vkui--color_background_tertiary--active: #e2e5ec; --vkui--color_background_tertiary_alpha: rgba(138,153,177,.08); --vkui--color_background_tertiary_alpha--hover: rgba(138,153,177,.12); --vkui--color_background_tertiary_alpha--active: rgba(138,153,177,.16); --vkui--color_background_modal: #fff; --vkui--color_background_modal--hover: #f5f5f7; --vkui--color_background_modal--active: #ebecef; --vkui--color_background_positive: #0bad41; --vkui--color_background_positive--hover: #0ba741; --vkui--color_background_positive--active: #0aa041; --vkui--color_background_negative_tint: #feeff0; --vkui--color_background_negative_tint--hover: #f4e6e9; --vkui--color_background_negative_tint--active: #eadde2; --vkui--color_background_positive_tint: #eafff0; --vkui--color_background_positive_tint--hover: #e1f5e9; --vkui--color_background_positive_tint--active: #d7ece2; --vkui--color_field_background: #fff; --vkui--color_field_background--hover: #f5f5f7; --vkui--color_field_background--active: #ebecef; --vkui--color_background_modal_inverse: #2d2e31; --vkui--color_background_modal_inverse--hover: #2b2d31; --vkui--color_background_modal_inverse--active: #292c32; --vkui--color_background_contrast_inverse: #333; --vkui--color_background_contrast_inverse--hover: #313233; --vkui--color_background_contrast_inverse--active: #2f3034; --vkui--color_background_contrast_themed: #fff; --vkui--color_background_contrast_themed--hover: #f5f5f7; --vkui--color_background_contrast_themed--active: #ebecef; --vkui--color_background_accent_tint: #5a9eff; --vkui--color_background_accent_tint--hover: #5698f7; --vkui--color_background_accent_tint--active: #5393ef; --vkui--color_background_info_tint: #f0f4ff; --vkui--color_background_info_tint--hover: #e6ebf7; --vkui--color_background_info_tint--active: #dde2ef; --vkui--color_text_accent: #006ee9; --vkui--color_text_accent--hover: #006ae2; --vkui--color_text_accent--active: #0066db; --vkui--color_text_accent_themed: #006ee9; --vkui--color_text_accent_themed--hover: #006ae2; --vkui--color_text_accent_themed--active: #0066db; --vkui--color_text_negative: #f23741; --vkui--color_text_negative--hover: #e83541; --vkui--color_text_negative--active: #df3441; --vkui--color_text_link: #006ee9; --vkui--color_text_link--hover: #006ae2; --vkui--color_text_link--active: #0066db; --vkui--color_text_link_tint: #71aaeb; --vkui--color_text_link_tint--hover: #6ca4e4; --vkui--color_text_link_tint--active: #689edd; --vkui--color_text_link_themed: #006ee9; --vkui--color_text_link_themed--hover: #006ae2; --vkui--color_text_link_themed--active: #0066db; --vkui--color_text_muted: #252629; --vkui--color_text_muted--hover: #24252a; --vkui--color_text_muted--active: #22242b; --vkui--color_text_primary: #252629; --vkui--color_text_primary--hover: #24252a; --vkui--color_text_primary--active: #22242b; --vkui--color_text_primary_alpha: rgba(37,41,46,.84); --vkui--color_text_primary_alpha--hover: rgba(37,41,46,.88); --vkui--color_text_primary_alpha--active: rgba(37,41,46,.92); --vkui--color_text_primary_invariably: #252629; --vkui--color_text_primary_invariably--hover: #24252a; --vkui--color_text_primary_invariably--active: #22242b; --vkui--color_text_secondary: #697481; --vkui--color_text_secondary--hover: #65707e; --vkui--color_text_secondary--active: #616c7c; --vkui--color_text_secondary_alpha: rgba(37,41,46,.55); --vkui--color_text_secondary_alpha--hover: rgba(37,41,46,.59); --vkui--color_text_secondary_alpha--active: rgba(37,41,46,.63); --vkui--color_text_subhead: #707b89; --vkui--color_text_subhead--hover: #6c7786; --vkui--color_text_subhead--active: #677283; --vkui--color_text_tertiary: #c9d0d9; --vkui--color_text_tertiary--hover: #c1c8d3; --vkui--color_text_tertiary--active: #b9c1cd; --vkui--color_text_link_visited: #2e90fb; --vkui--color_text_link_visited--hover: #2c8bf3; --vkui--color_text_link_visited--active: #2a86ec; --vkui--color_text_contrast: #fff; --vkui--color_text_contrast--hover: #f5f5f7; --vkui--color_text_contrast--active: #ebecef; --vkui--color_text_contrast_themed: #fff; --vkui--color_text_contrast_themed--hover: #f5f5f7; --vkui--color_text_contrast_themed--active: #ebecef; --vkui--color_link_contrast: #fff; --vkui--color_link_contrast--hover: #f5f5f7; --vkui--color_link_contrast--active: #ebecef; --vkui--color_text_positive: #00963e; --vkui--color_text_positive--hover: #00913e; --vkui--color_text_positive--active: #008b3e; --vkui--color_icon_accent: #07f; --vkui--color_icon_accent--hover: #0073f7; --vkui--color_icon_accent--active: #006fef; --vkui--color_icon_accent_themed: #07f; --vkui--color_icon_accent_themed--hover: #0073f7; --vkui--color_icon_accent_themed--active: #006fef; --vkui--color_icon_primary: #252629; --vkui--color_icon_primary--hover: #24252a; --vkui--color_icon_primary--active: #22242b; --vkui--color_icon_primary_invariably: #252629; --vkui--color_icon_primary_invariably--hover: #24252a; --vkui--color_icon_primary_invariably--active: #22242b; --vkui--color_icon_medium: #798492; --vkui--color_icon_medium--hover: #747f8f; --vkui--color_icon_medium--active: #6f7b8b; --vkui--color_icon_medium_alpha: rgba(0,22,55,.46); --vkui--color_icon_medium_alpha--hover: rgba(0,22,55,.5); --vkui--color_icon_medium_alpha--active: rgba(0,22,55,.54); --vkui--color_icon_secondary: #939eac; --vkui--color_icon_secondary--hover: #8d98a8; --vkui--color_icon_secondary--active: #8793a3; --vkui--color_icon_secondary_alpha: rgba(0,22,55,.42); --vkui--color_icon_secondary_alpha--hover: rgba(0,22,55,.46); --vkui--color_icon_secondary_alpha--active: rgba(0,22,55,.5); --vkui--color_icon_tertiary: #c9d0d9; --vkui--color_icon_tertiary--hover: #c1c8d3; --vkui--color_icon_tertiary--active: #b9c1cd; --vkui--color_icon_tertiary_alpha: rgba(3,37,76,.2); --vkui--color_icon_tertiary_alpha--hover: rgba(3,37,76,.24); --vkui--color_icon_tertiary_alpha--active: rgba(3,37,76,.28); --vkui--color_icon_contrast: #fff; --vkui--color_icon_contrast--hover: #f5f5f7; --vkui--color_icon_contrast--active: #ebecef; --vkui--color_icon_contrast_themed: #fff; --vkui--color_icon_contrast_themed--hover: #f5f5f7; --vkui--color_icon_contrast_themed--active: #ebecef; --vkui--color_icon_positive: #06a041; --vkui--color_icon_positive--hover: #069a41; --vkui--color_icon_positive--active: #069441; --vkui--color_icon_warning: #ff9e00; --vkui--color_icon_warning--hover: #f59802; --vkui--color_icon_warning--active: #eb9305; --vkui--color_icon_negative: #f23741; --vkui--color_icon_negative--hover: #e83541; --vkui--color_icon_negative--active: #df3441; --vkui--color_icon_contrast_secondary: #eff0f4; --vkui--color_icon_contrast_secondary--hover: #e5e7ed; --vkui--color_icon_contrast_secondary--active: #dcdee5; --vkui--color_stroke_accent: #07f; --vkui--color_stroke_accent--hover: #0073f7; --vkui--color_stroke_accent--active: #006fef; --vkui--color_stroke_accent_themed: #07f; --vkui--color_stroke_accent_themed--hover: #0073f7; --vkui--color_stroke_accent_themed--active: #006fef; --vkui--color_stroke_contrast: #fff; --vkui--color_stroke_contrast--hover: #f5f5f7; --vkui--color_stroke_contrast--active: #ebecef; --vkui--color_stroke_negative: #f23741; --vkui--color_stroke_negative--hover: #e83541; --vkui--color_stroke_negative--active: #df3441; --vkui--color_stroke_primary: #2c2d2e; --vkui--color_stroke_primary--hover: #2a2c2f; --vkui--color_stroke_primary--active: #282b2f; --vkui--color_image_border_alpha: rgba(129,140,154,.16); --vkui--color_image_border_alpha--hover: rgba(129,140,154,.2); --vkui--color_image_border_alpha--active: rgba(129,140,154,.24); --vkui--color_field_border_alpha: rgba(129,140,154,.28); --vkui--color_field_border_alpha--hover: rgba(129,140,154,.32); --vkui--color_field_border_alpha--active: rgba(129,140,154,.36); --vkui--color_separator_primary_alpha: rgba(129,140,154,.18); --vkui--color_separator_primary_alpha--hover: rgba(129,140,154,.22); --vkui--color_separator_primary_alpha--active: rgba(129,140,154,.26); --vkui--color_separator_secondary: #e3e4e7; --vkui--color_separator_secondary--hover: #dadce0; --vkui--color_separator_secondary--active: #d1d3d9; --vkui--color_separator_primary: #eaebee; --vkui--color_separator_primary--hover: #e1e2e7; --vkui--color_separator_primary--active: #d7d9e0; --vkui--color_stroke_positive: #0bad41; --vkui--color_stroke_positive--hover: #0ba741; --vkui--color_stroke_positive--active: #0aa041; --vkui--color_separator_primary2x: #cdd0d5; --vkui--color_separator_primary2x--hover: #c5c8cf; --vkui--color_separator_primary2x--active: #bdc1c9; --vkui--color_separator_primary3x: #bfc3ca; --vkui--color_separator_primary3x--hover: #b7bcc4; --vkui--color_separator_primary3x--active: #b0b5bf; --vkui--color_accent_blue: #07f; --vkui--color_accent_blue--hover: #0073f7; --vkui--color_accent_blue--active: #006fef; --vkui--color_accent_gray: #a3a4a8; --vkui--color_accent_gray--hover: #9c9ea4; --vkui--color_accent_gray--active: #96989f; --vkui--color_accent_red: #f23741; --vkui--color_accent_red--hover: #e83541; --vkui--color_accent_red--active: #df3441; --vkui--color_accent_orange_fire: #f05c44; --vkui--color_accent_orange_fire--hover: #e65944; --vkui--color_accent_orange_fire--active: #dd5643; --vkui--color_accent_orange: #f77e13; --vkui--color_accent_orange--hover: #ed7a15; --vkui--color_accent_orange--active: #e37516; --vkui--color_accent_orange_peach: #f9b54f; --vkui--color_accent_orange_peach--hover: #efae4e; --vkui--color_accent_orange_peach--active: #e5a84e; --vkui--color_accent_lime: #b8fc75; --vkui--color_accent_lime--hover: #b1f373; --vkui--color_accent_lime--active: #a9e971; --vkui--color_accent_green: #24c649; --vkui--color_accent_green--hover: #23bf49; --vkui--color_accent_green--active: #21b748; --vkui--color_accent_cyan: #24e9fe; --vkui--color_accent_cyan--hover: #23e0f6; --vkui--color_accent_cyan--active: #21d8ef; --vkui--color_accent_azure: #07f; --vkui--color_accent_azure--hover: #0073f7; --vkui--color_accent_azure--active: #006fef; --vkui--color_accent_purple: #8f68fe; --vkui--color_accent_purple--hover: #8964f6; --vkui--color_accent_purple--active: #8461ef; --vkui--color_accent_violet: #a567e7; --vkui--color_accent_violet--hover: #9e64e0; --vkui--color_accent_violet--active: #9860d9; --vkui--color_accent_raspberry_pink: #e03fab; --vkui--color_accent_raspberry_pink--hover: #d73da7; --vkui--color_accent_raspberry_pink--active: #ce3ba2; --vkui--color_accent_pink: #ff3985; --vkui--color_accent_pink--hover: #f53782; --vkui--color_accent_pink--active: #eb367f; --vkui--color_accent_secondary: #ff9e00; --vkui--color_accent_secondary--hover: #f59802; --vkui--color_accent_secondary--active: #eb9305; --vkui--color_action_sheet_text: #07f; --vkui--color_action_sheet_text--hover: #0073f7; --vkui--color_action_sheet_text--active: #006fef; --vkui--color_header_background: #fff; --vkui--color_header_background--hover: #f5f5f7; --vkui--color_header_background--active: #ebecef; --vkui--color_panel_header_icon: #07f; --vkui--color_panel_header_icon--hover: #0073f7; --vkui--color_panel_header_icon--active: #006fef; --vkui--color_write_bar_input_background: #f0f1f3; --vkui--color_write_bar_input_background--hover: #e6e8ec; --vkui--color_write_bar_input_background--active: #dddfe4; --vkui--color_write_bar_input_border: #e1e3e6; --vkui--color_write_bar_input_border--hover: #d8dbdf; --vkui--color_write_bar_input_border--active: #cfd2d8; --vkui--color_write_bar_input_border_alpha: rgba(0,16,61,.8); --vkui--color_write_bar_input_border_alpha--hover: rgba(0,16,61,.84); --vkui--color_write_bar_input_border_alpha--active: rgba(0,16,61,.88); --vkui--color_track_background: #dadce0; --vkui--color_track_background--hover: #d1d4d9; --vkui--color_track_background--active: #c9ccd3; --vkui--color_track_buffer: #83aaea; --vkui--color_track_buffer--hover: #7ea4e3; --vkui--color_track_buffer--active: #799edc; --vkui--color_image_placeholder: #e6e7eb; --vkui--color_image_placeholder--hover: #dddee4; --vkui--color_image_placeholder--active: #d4d6dd; --vkui--color_image_placeholder_alpha: rgba(0,16,61,.8); --vkui--color_image_placeholder_alpha--hover: rgba(0,16,61,.84); --vkui--color_image_placeholder_alpha--active: rgba(0,16,61,.88); --vkui--color_search_field_background: #e6e7eb; --vkui--color_search_field_background--hover: #dddee4; --vkui--color_search_field_background--active: #d4d6dd; --vkui--color_write_bar_icon: #07f; --vkui--color_write_bar_icon--hover: #0073f7; --vkui--color_write_bar_icon--active: #006fef; --vkui--color_skeleton_from: #f3f3f5; --vkui--color_skeleton_from--hover: #e9eaee; --vkui--color_skeleton_from--active: #e0e1e6; --vkui--color_skeleton_to: #e0e1e6; --vkui--color_skeleton_to--hover: #d7d9df; --vkui--color_skeleton_to--active: #ced0d8; --vkui--color_avatar_overlay: hsla(225,4%,58%,.48); --vkui--color_avatar_overlay--hover: hsla(225,4%,58%,.52); --vkui--color_avatar_overlay--active: hsla(225,4%,58%,.56); --vkui--color_avatar_overlay_inverse_alpha: hsla(0,0%,100%,.85); --vkui--color_avatar_overlay_inverse_alpha--hover: hsla(0,0%,100%,.89); --vkui--color_avatar_overlay_inverse_alpha--active: hsla(0,0%,100%,.93); --vkui--color_overlay_primary: rgba(0,0,0,.4); --vkui--color_overlay_primary--hover: rgba(0,0,0,.44); --vkui--color_overlay_primary--active: rgba(0,0,0,.48); --vkui--color_overlay_secondary: rgba(44,45,46,.5); --vkui--color_overlay_secondary--hover: rgba(44,45,46,.54); --vkui--color_overlay_secondary--active: rgba(44,45,46,.58); --vkui--color_segmented_control: #fff; --vkui--color_segmented_control--hover: #f5f5f7; --vkui--color_segmented_control--active: #ebecef; --vkui--color_tabbar_text_inactive: #99a2ad; --vkui--color_tabbar_text_inactive--hover: #939ca9; --vkui--color_tabbar_text_inactive--active: #8d96a4; --vkui--color_button_text: #07f; --vkui--color_button_text--hover: #0073f7; --vkui--color_button_text--active: #006fef; --vkui--color_button_icon: #07f; --vkui--color_button_icon--hover: #0073f7; --vkui--color_button_icon--active: #006fef; --vkui--color_button_stroke: #07f; --vkui--color_button_stroke--hover: #0073f7; --vkui--color_button_stroke--active: #006fef; --vkui--color_transparent: transparent; --vkui--color_transparent--hover: rgba(0,16,61,.04); --vkui--color_transparent--active: rgba(0,16,61,.08); --vkui--color_rating: #ffd400; --vkui--color_rating--hover: #f5cc02; --vkui--color_rating--active: #ebc405; --vkui--color_button_contrast_alpha: #fff; --vkui--color_button_contrast_alpha--hover: hsla(0,0%,100%,.8); --vkui--color_button_contrast_alpha--active: hsla(0,0%,100%,.6); --vkui--color_button_contrast: #fff; --vkui--color_button_contrast--hover: #fff; --vkui--color_button_contrast--active: #fff; --vkui--color_thumb_error_background_alpha: rgba(237,10,52,.12); --vkui--color_thumb_error_background_alpha--hover: rgba(237,10,52,.16); --vkui--color_thumb_error_background_alpha--active: rgba(237,10,52,.2); --vkui--color_background_accent_tint_themed_alpha: rgba(0,119,255,.08); --vkui--color_background_accent_tint_themed_alpha--hover: rgba(0,119,255,.12); --vkui--color_background_accent_tint_themed_alpha--active: rgba(0,119,255,.16); --vkui--color_background_accent_tint_alpha: rgba(0,119,255,.08); --vkui--color_background_accent_tint_alpha--hover: rgba(0,119,255,.12); --vkui--color_background_accent_tint_alpha--active: rgba(0,119,255,.16); --vkui--color_background_accent_tint_themed: #f2f9ff; --vkui--color_background_accent_tint_themed--hover: #e8f0f7; --vkui--color_background_accent_tint_themed--active: #dfe6ef; --vkui--color_background_warning_tint_themed_alpha: rgba(250,199,6,.16); --vkui--color_background_warning_tint_themed_alpha--hover: rgba(250,199,6,.2); --vkui--color_background_warning_tint_themed_alpha--active: rgba(250,199,6,.24); --vkui--color_background_warning_tint_alpha: rgba(250,199,6,.16); --vkui--color_background_warning_tint_alpha--hover: rgba(250,199,6,.2); --vkui--color_background_warning_tint_alpha--active: rgba(250,199,6,.24); --vkui--color_background_warning_tint_themed: #fef8d1; --vkui--color_background_warning_tint_themed--hover: #f4efcb; --vkui--color_background_warning_tint_themed--active: #eae5c5; --vkui--color_background_warning_tint: #fef8d1; --vkui--color_background_warning_tint--hover: #f4efcb; --vkui--color_background_warning_tint--active: #eae5c5; --vkui--color_background_negative_tint_themed_alpha: rgba(242,55,65,.08); --vkui--color_background_negative_tint_themed_alpha--hover: rgba(242,55,65,.12); --vkui--color_background_negative_tint_themed_alpha--active: rgba(242,55,65,.16); --vkui--color_background_negative_tint_alpha: rgba(242,55,65,.08); --vkui--color_background_negative_tint_alpha--hover: rgba(242,55,65,.12); --vkui--color_background_negative_tint_alpha--active: rgba(242,55,65,.16); --vkui--color_background_negative_tint_themed: #feefeb; --vkui--color_background_negative_tint_themed--hover: #f4e6e4; --vkui--color_background_negative_tint_themed--active: #eadddd; --vkui--color_background_positive_tint_themed_alpha: rgba(11,255,89,.08); --vkui--color_background_positive_tint_themed_alpha--hover: rgba(11,255,89,.12); --vkui--color_background_positive_tint_themed_alpha--active: rgba(11,255,89,.16); --vkui--color_background_positive_tint_alpha: rgba(11,255,89,.08); --vkui--color_background_positive_tint_alpha--hover: rgba(11,255,89,.12); --vkui--color_background_positive_tint_alpha--active: rgba(11,255,89,.16); --vkui--color_background_positive_tint_themed: #eafff0; --vkui--color_background_positive_tint_themed--hover: #e1f5e9; --vkui--color_background_positive_tint_themed--active: #d7ece2; --vkui--color_tooltip_background_blue_tint: #dde9ff; --vkui--color_tooltip_background_blue_tint--hover: #d4e0f7; --vkui--color_tooltip_background_blue_tint--active: #cbd8ef; --vkui--color_tooltip_background_green_tint: #ceeee6; --vkui--color_tooltip_background_green_tint--hover: #c6e5df; --vkui--color_tooltip_background_green_tint--active: #bedcd8; --vkui--color_tooltip_background_orange_tint: #f9d3bd; --vkui--color_tooltip_background_orange_tint--hover: #efcbb8; --vkui--color_tooltip_background_orange_tint--active: #e5c3b3; --vkui--color_tooltip_background_purple_tint: #f2e8ff; --vkui--color_tooltip_background_purple_tint--hover: #e8dff7; --vkui--color_tooltip_background_purple_tint--active: #dfd7ef; --vkui--color_tooltip_text_blue_themed: #1c4479; --vkui--color_tooltip_text_blue_themed--hover: #1b4277; --vkui--color_tooltip_text_blue_themed--active: #1a4074; --vkui--color_tooltip_text_green_themed: #087c6d; --vkui--color_tooltip_text_green_themed--hover: #08786b; --vkui--color_tooltip_text_green_themed--active: #077369; --vkui--color_tooltip_text_orange_themed: #78472a; --vkui--color_tooltip_text_orange_themed--hover: #73452b; --vkui--color_tooltip_text_orange_themed--active: #6e432c; --vkui--color_tooltip_text_purple_themed: #73519f; --vkui--color_tooltip_text_purple_themed--hover: #6e4e9b; --vkui--color_tooltip_text_purple_themed--active: #6a4c97; --vkui--color_background_sky: #cce4ff; --vkui--color_background_sky--hover: #c4dcf7; --vkui--color_background_sky--active: #bcd3ef; --vkui--color_background_sky_alpha: rgba(204,228,255,.9); --vkui--color_background_sky_alpha--hover: rgba(204,228,255,.94); --vkui--color_background_sky_alpha--active: rgba(204,228,255,.98); --vkui--color_social_vk: #3f8ae0; --vkui--color_social_vk--hover: #3c85d9; --vkui--color_social_vk--active: #3a80d3; --vkui--color_social_ok: #ee8208; --vkui--color_social_ok--hover: #e47d0a; --vkui--color_social_ok--active: #db790c; --vkui--color_social_fb: #1877f2; --vkui--color_social_fb--hover: #1773eb; --vkui--color_social_fb--active: #166fe4; --vkui--color_social_mir: #117eda; --vkui--color_social_mir--hover: #107ad4; --vkui--color_social_mir--active: #1075cd; --vkui--color_social_twitter: #1da1f2; --vkui--color_social_twitter--hover: #1c9beb; --vkui--color_social_twitter--active: #1b95e4; --vkui--color_social_behance: #1769ff; --vkui--color_social_behance--hover: #1665f7; --vkui--color_social_behance--active: #1562ef; --vkui--color_social_dribbble: #ea4c89; --vkui--color_social_dribbble--hover: #e14a86; --vkui--color_social_dribbble--active: #d74783; --vkui--color_background_thumbnail: #ebecef; --vkui--color_background_thumbnail--hover: #e2e3e8; --vkui--color_background_thumbnail--active: #d8dae1; --vkui--color_background_thumbnail_alpha: rgba(0,16,61,.08); --vkui--color_background_thumbnail_alpha--hover: rgba(0,16,61,.12); --vkui--color_background_thumbnail_alpha--active: rgba(0,16,61,.16); --vkui--color_palette_red1: #fc2c38; --vkui--color_palette_red1--hover: #f22b38; --vkui--color_palette_red1--active: #e82a38; --vkui--color_palette_red2: #eb1981; --vkui--color_palette_red2--hover: #e2197e; --vkui--color_palette_red2--active: #d8187c; --vkui--color_palette_red3: #ff71bb; --vkui--color_palette_red3--hover: #f56db6; --vkui--color_palette_red3--active: #eb69b1; --vkui--color_palette_orange1: #ff8b2e; --vkui--color_palette_orange1--hover: #f5862f; --vkui--color_palette_orange1--active: #eb812f; --vkui--color_palette_orange1_alpha: rgba(255,158,0,.12); --vkui--color_palette_orange1_alpha--hover: rgba(255,158,0,.16); --vkui--color_palette_orange1_alpha--active: rgba(255,158,0,.2); --vkui--color_palette_yellow1: #ffc311; --vkui--color_palette_yellow1--hover: #f5bc13; --vkui--color_palette_yellow1--active: #ebb515; --vkui--color_palette_green1: #aee113; --vkui--color_palette_green1--hover: #a7d915; --vkui--color_palette_green1--active: #a0d016; --vkui--color_palette_green2: #59c354; --vkui--color_palette_green2--hover: #55bc53; --vkui--color_palette_green2--active: #52b552; --vkui--color_palette_green3: #37eb94; --vkui--color_palette_green3--hover: #35e291; --vkui--color_palette_green3--active: #33d98d; --vkui--color_palette_green4: #00b1b3; --vkui--color_palette_green4--hover: #00abae; --vkui--color_palette_green4--active: #00a4aa; --vkui--color_palette_green1_alpha: rgba(92,186,56,.12); --vkui--color_palette_green1_alpha--hover: rgba(92,186,56,.16); --vkui--color_palette_green1_alpha--active: rgba(92,186,56,.2); --vkui--color_palette_green2_alpha: rgba(0,230,180,.08); --vkui--color_palette_green2_alpha--hover: rgba(0,230,180,.12); --vkui--color_palette_green2_alpha--active: rgba(0,230,180,.16); --vkui--color_palette_blue1: #2951ff; --vkui--color_palette_blue1--hover: #274ef7; --vkui--color_palette_blue1--active: #264cef; --vkui--color_palette_blue2: #00abf2; --vkui--color_palette_blue2--hover: #00a5eb; --vkui--color_palette_blue2--active: #009fe4; --vkui--color_palette_blue3: #26dfdf; --vkui--color_palette_blue3--hover: #24d7d9; --vkui--color_palette_blue3--active: #23ced2; --vkui--color_palette_blue1_alpha: rgba(0,95,249,.12); --vkui--color_palette_blue1_alpha--hover: rgba(0,95,249,.16); --vkui--color_palette_blue1_alpha--active: rgba(0,95,249,.2); --vkui--color_palette_violet1: #6c00ff; --vkui--color_palette_violet1--hover: #6801f7; --vkui--color_palette_violet1--active: #6301ef; --vkui--color_palette_violet2: #ae73ff; --vkui--color_palette_violet2--hover: #a76ff7; --vkui--color_palette_violet2--active: #a06bef; --vkui--color_alert: #c1341b; --vkui--color_alert--hover: #b9331c; --vkui--color_alert--active: #b2311e; --vkui--color_tag_background_mint: #96e9cd; --vkui--color_tag_background_mint--hover: #90e0c7; --vkui--color_tag_background_mint--active: #8ad8c1; --vkui--color_tag_text_mint: #1f5c5c; --vkui--color_tag_text_mint--hover: #1e595b; --vkui--color_tag_text_mint--active: #1d565a; --vkui--color_tag_background_sky: #9edbff; --vkui--color_tag_background_sky--hover: #98d3f7; --vkui--color_tag_background_sky--active: #91cbef; --vkui--color_tag_text_sky: #20455b; --vkui--color_tag_text_sky--hover: #1f435a; --vkui--color_tag_text_sky--active: #1d4159; --vkui--color_tag_background_orange: #ffb181; --vkui--color_tag_background_orange--hover: #f5ab7e; --vkui--color_tag_background_orange--active: #eba47c; --vkui--color_tag_text_orange: #5c361f; --vkui--color_tag_text_orange--hover: #583420; --vkui--color_tag_text_orange--active: #553321; --vkui--color_tag_background_pink: #ffbfdc; --vkui--color_tag_background_pink--hover: #f5b8d6; --vkui--color_tag_background_pink--active: #ebb1cf; --vkui--color_tag_text_pink: #51205b; --vkui--color_tag_text_pink--hover: #4e1f5a; --vkui--color_tag_text_pink--active: #4b1f59; --vkui--color_tag_background_purple: #cca7ff; --vkui--color_tag_background_purple--hover: #c4a1f7; --vkui--color_tag_background_purple--active: #bc9bef; --vkui--color_tag_text_purple: #38205b; --vkui--color_tag_text_purple--hover: #361f5a; --vkui--color_tag_text_purple--active: #341f59; --vkui--color_tag_background_salmon: #fe9898; --vkui--color_tag_background_salmon--hover: #f49394; --vkui--color_tag_background_salmon--active: #ea8d91; --vkui--color_tag_text_salmon: #5c2727; --vkui--color_tag_text_salmon--hover: #582628; --vkui--color_tag_text_salmon--active: #552529; --vkui--color_tag_background_yellow: #ffdf7e; --vkui--color_tag_background_yellow--hover: #f5d77b; --vkui--color_tag_background_yellow--active: #ebce79; --vkui--color_tag_text_yellow: #5c4d1f; --vkui--color_tag_text_yellow--hover: #584b20; --vkui--color_tag_text_yellow--active: #554821; --vkui--color_tag_background_lime: #caf28e; --vkui--color_tag_background_lime--hover: #c2e98b; --vkui--color_tag_background_lime--active: #bae088; --vkui--color_tag_text_lime: #435c1f; --vkui--color_tag_text_lime--hover: #405920; --vkui--color_tag_text_lime--active: #3e5621; --vkui--color_tag_background_grass: #86de8c; --vkui--color_tag_background_grass--hover: #81d689; --vkui--color_tag_background_grass--active: #7bce86; --vkui--color_tag_text_grass: #1f5c23; --vkui--color_tag_text_grass--hover: #1e5924; --vkui--color_tag_text_grass--active: #1d5625; --vkui--color_tag_background_turquoise: #bcffff; --vkui--color_tag_background_turquoise--hover: #b4f5f7; --vkui--color_tag_background_turquoise--active: #adecef; --vkui--color_tag_text_turquoise: #1f535c; --vkui--color_tag_text_turquoise--hover: #1e505b; --vkui--color_tag_text_turquoise--active: #1d4e5a; --vkui--color_tag_background_lightsky: #80e3f4; --vkui--color_tag_background_lightsky--hover: #7bdbed; --vkui--color_tag_background_lightsky--active: #76d2e5; --vkui--color_tag_text_lightsky: #1f455c; --vkui--color_tag_text_lightsky--hover: #1e435b; --vkui--color_tag_text_lightsky--active: #1d415a; --vkui--color_tag_background_main_sky: #b2d0ff; --vkui--color_tag_background_main_sky--hover: #abc8f7; --vkui--color_tag_background_main_sky--active: #a4c1ef; --vkui--color_tag_text_main_sky: #202e5b; --vkui--color_tag_text_main_sky--hover: #1f2d5a; --vkui--color_tag_text_main_sky--active: #1d2c59; --vkui--color_tag_background_violet: #b5b3fb; --vkui--color_tag_background_violet--hover: #aeacf3; --vkui--color_tag_background_violet--active: #a7a6ec; --vkui--color_tag_text_violet: #21205b; --vkui--color_tag_text_violet--hover: #201f5a; --vkui--color_tag_text_violet--active: #1e1f59; --vkui--color_tag_background_magenta: #f4b8ff; --vkui--color_tag_background_magenta--hover: #eab1f7; --vkui--color_tag_background_magenta--active: #e0abef; --vkui--color_tag_text_magenta: #5b203a; --vkui--color_tag_text_magenta--hover: #571f3a; --vkui--color_tag_text_magenta--active: #541f3a; --vkui--color_tag_background_tickle: #ff88a4; --vkui--color_tag_background_tickle--hover: #f583a0; --vkui--color_tag_background_tickle--active: #eb7e9c; --vkui--color_tag_text_tickle: #5c212f; --vkui--color_tag_text_tickle--hover: #582030; --vkui--color_tag_text_tickle--active: #552030; --vkui--octavius_color_placeholder_background: #fff; --vkui--octavius_color_placeholder_background--hover: #f5f5f7; --vkui--octavius_color_placeholder_background--active: #ebecef; --vkui--octavius_color_promo_background: #ebeef5; --vkui--octavius_color_promo_background--hover: #e2e5ee; --vkui--octavius_color_promo_background--active: #d8dce6; --vkui--octavius_color_thread_footer_background: #ebecef; --vkui--octavius_color_thread_footer_background--hover: #e2e3e8; --vkui--octavius_color_thread_footer_background--active: #d8dae1; --vkui--octavius_color_button_text: #333; --vkui--octavius_color_button_text--hover: #313233; --vkui--octavius_color_button_text--active: #2f3034; --vkui--octavius_color_button_icon: #333; --vkui--octavius_color_button_icon--hover: #313233; --vkui--octavius_color_button_icon--active: #2f3034; --vkui--octavius_color_button_background_alpha: transparent; --vkui--octavius_color_button_background_alpha--hover: rgba(0,16,61,.04); --vkui--octavius_color_button_background_alpha--active: rgba(0,16,61,.08); --vkui--octavius_color_background: #f6f7fb; --vkui--octavius_color_background--hover: #eceef3; --vkui--octavius_color_background--active: #e2e5ec; --vkui--octavius_color_background_accent_toned_alpha: rgba(0,119,255,.12); --vkui--octavius_color_background_accent_toned_alpha--hover: rgba(0,119,255,.16); --vkui--octavius_color_background_accent_toned_alpha--active: rgba(0,119,255,.2); --vkui--octavius_color_overlay_background: transparent; --vkui--octavius_color_overlay_background--hover: rgba(0,16,61,.04); --vkui--octavius_color_overlay_background--active: rgba(0,16,61,.08); --vkui--octavius_color_header_background: #fff; --vkui--octavius_color_header_background--hover: #f5f5f7; --vkui--octavius_color_header_background--active: #ebecef; --vkui--octavius_color_header_button_text: #252629; --vkui--octavius_color_header_button_text--hover: #24252a; --vkui--octavius_color_header_button_text--active: #22242b; --vkui--octavius_color_header_button_background_alpha: transparent; --vkui--octavius_color_header_button_background_alpha--hover: hsla(0,0%,100%,.64); --vkui--octavius_color_header_button_background_alpha--active: hsla(0,0%,100%,.4); --vkui--octavius_color_header_icon: #fff; --vkui--octavius_color_header_icon--hover: #f5f5f7; --vkui--octavius_color_header_icon--active: #ebecef; --vkui--octavius_color_header_icon_unread: #07f; --vkui--octavius_color_header_icon_unread--hover: #0073f7; --vkui--octavius_color_header_icon_unread--active: #006fef; --vkui--octavius_color_header_icon_favorite: #f23741; --vkui--octavius_color_header_icon_favorite--hover: #e83541; --vkui--octavius_color_header_icon_favorite--active: #df3441; --vkui--octavius_color_header_icon_attach: #d9dadd; --vkui--octavius_color_header_icon_attach--hover: #d0d2d7; --vkui--octavius_color_header_icon_attach--active: #c8cad0; --vkui--octavius_color_header_text_secondary: #93969b; --vkui--octavius_color_header_text_secondary--hover: #8d9197; --vkui--octavius_color_header_text_secondary--active: #878b93; --vkui--octavius_color_header_search_icon: #b6b8be; --vkui--octavius_color_header_search_icon--hover: #afb1b9; --vkui--octavius_color_header_search_icon--active: #a7abb4; --vkui--octavius_color_header_search_chip_background: #fff; --vkui--octavius_color_header_search_chip_background--hover: hsla(0,0%,100%,.64); --vkui--octavius_color_header_search_chip_background--active: hsla(0,0%,100%,.4); --vkui--octavius_color_header_search_chip_background_editable: #fff; --vkui--octavius_color_header_search_chip_background_editable--hover: #f5f5f7; --vkui--octavius_color_header_search_chip_background_editable--active: #ebecef; --vkui--octavius_color_header_search_chip_border_editable_alpha: rgba(0,16,61,.12); --vkui--octavius_color_header_search_chip_border_editable_alpha--hover: rgba(0,16,61,.16); --vkui--octavius_color_header_search_chip_border_editable_alpha--active: rgba(0,16,61,.2); --vkui--octavius_color_header_search_background: #f0f1f3; --vkui--octavius_color_header_search_background--hover: #e6e8ec; --vkui--octavius_color_header_search_background--active: #dddfe4; --vkui--octavius_color_header_search_background_collapsed: #f0f1f3; --vkui--octavius_color_header_search_background_collapsed--hover: #e6e8ec; --vkui--octavius_color_header_search_background_collapsed--active: #dddfe4; --vkui--octavius_color_header_search_text: #2c2d2e; --vkui--octavius_color_header_search_text--hover: #2a2c2f; --vkui--octavius_color_header_search_text--active: #282b2f; --vkui--octavius_color_header_search_text_collapsed: #87898f; --vkui--octavius_color_header_search_text_collapsed--hover: #82848c; --vkui--octavius_color_header_search_text_collapsed--active: #7c7f88; --vkui--octavius_color_header_filter_text_alpha: rgba(39,43,55,.5); --vkui--octavius_color_header_filter_text_alpha--hover: rgba(39,43,55,.54); --vkui--octavius_color_header_filter_text_alpha--active: rgba(39,43,55,.58); --vkui--octavius_color_header_tab_active_themed_alpha: rgba(0,95,249,.1); --vkui--octavius_color_header_tab_active_themed_alpha--hover: rgba(0,95,249,.14); --vkui--octavius_color_header_tab_active_themed_alpha--active: rgba(0,95,249,.18); --vkui--octavius_color_header_tab_text_active_themed: #07f; --vkui--octavius_color_header_tab_text_active_themed--hover: #0073f7; --vkui--octavius_color_header_tab_text_active_themed--active: #006fef; --vkui--octavius_color_portal_search_background_alpha: hsla(0,0%,100%,.99); --vkui--octavius_color_portal_search_background_alpha--hover: #fff; --vkui--octavius_color_portal_search_background_alpha--active: #fff; --vkui--octavius_color_portal_search_icon_themed_alpha: rgba(0,95,255,.99); --vkui--octavius_color_portal_search_icon_themed_alpha--hover: #005fff; --vkui--octavius_color_portal_search_icon_themed_alpha--active: #005fff; --vkui--octavius_color_portal_menu_background: #fff; --vkui--octavius_color_portal_menu_background--hover: #f5f5f7; --vkui--octavius_color_portal_menu_background--active: #ebecef; --vkui--octavius_color_sidebar_item_icon_active: #2c2d2e; --vkui--octavius_color_sidebar_item_icon_active--hover: #2a2c2f; --vkui--octavius_color_sidebar_item_icon_active--active: #282b2f; --vkui--octavius_color_sidebar_item_icon_primary: #2c2d2e; --vkui--octavius_color_sidebar_item_icon_primary--hover: #2a2c2f; --vkui--octavius_color_sidebar_item_icon_primary--active: #282b2f; --vkui--octavius_color_sidebar_item_text_active: #2c2d2e; --vkui--octavius_color_sidebar_item_text_active--hover: #2a2c2f; --vkui--octavius_color_sidebar_item_text_active--active: #282b2f; --vkui--octavius_color_sidebar_item_text_primary: #2c2d2e; --vkui--octavius_color_sidebar_item_text_primary--hover: #2a2c2f; --vkui--octavius_color_sidebar_item_text_primary--active: #282b2f; --vkui--octavius_color_sidebar_button_icon: #2c2d2e; --vkui--octavius_color_sidebar_button_icon--hover: #2a2c2f; --vkui--octavius_color_sidebar_button_icon--active: #282b2f; --vkui--octavius_color_sidebar_button_text: #2c2d2e; --vkui--octavius_color_sidebar_button_text--hover: #2a2c2f; --vkui--octavius_color_sidebar_button_text--active: #282b2f; --vkui--octavius_color_sidebar_button_background: #fff; --vkui--octavius_color_sidebar_button_background--hover: #f5f5f7; --vkui--octavius_color_sidebar_button_background--active: #ebecef; --vkui--octavius_color_sidebar_counter_background_alpha: transparent; --vkui--octavius_color_sidebar_counter_background_alpha--hover: rgba(0,16,61,.04); --vkui--octavius_color_sidebar_counter_background_alpha--active: rgba(0,16,61,.08); --vkui--octavius_color_sidebar_counter_text: #2c2d2e; --vkui--octavius_color_sidebar_counter_text--hover: #2a2c2f; --vkui--octavius_color_sidebar_counter_text--active: #282b2f; --vkui--octavius_color_sidebar_item_background_alpha: transparent; --vkui--octavius_color_sidebar_item_background_alpha--hover: rgba(0,16,61,.04); --vkui--octavius_color_sidebar_item_background_alpha--active: rgba(0,16,61,.08); --vkui--octavius_color_sidebar_scrollbar_alpha: rgba(0,16,61,.08); --vkui--octavius_color_sidebar_scrollbar_alpha--hover: rgba(0,16,61,.12); --vkui--octavius_color_sidebar_scrollbar_alpha--active: rgba(0,16,61,.16); --vkui--octavius_color_sidebar_item_icon: #333; --vkui--octavius_color_sidebar_item_icon--hover: #313233; --vkui--octavius_color_sidebar_item_icon--active: #2f3034; --vkui--octavius_color_sidebar_item_text: #333; --vkui--octavius_color_sidebar_item_text--hover: #313233; --vkui--octavius_color_sidebar_item_text--active: #2f3034; --vkui--octavius_color_sidebar_item_button_background_alpha: rgba(0,16,61,.08); --vkui--octavius_color_sidebar_item_button_background_alpha--hover: rgba(0,16,61,.12); --vkui--octavius_color_sidebar_item_button_background_alpha--active: rgba(0,16,61,.16); --vkui--octavius_color_sidebar_item_icon_secondary: #87898f; --vkui--octavius_color_sidebar_item_icon_secondary--hover: #82848c; --vkui--octavius_color_sidebar_item_icon_secondary--active: #7c7f88; --vkui--octavius_color_sidebar_item_text_secondary: #87898f; --vkui--octavius_color_sidebar_item_text_secondary--hover: #82848c; --vkui--octavius_color_sidebar_item_text_secondary--active: #7c7f88; --vkui--octavius_color_sidebar_short_item_icon: #333; --vkui--octavius_color_sidebar_short_item_icon--hover: #313233; --vkui--octavius_color_sidebar_short_item_icon--active: #2f3034; --vkui--octavius_color_sidebar_short_item_text: #333; --vkui--octavius_color_sidebar_short_item_text--hover: #313233; --vkui--octavius_color_sidebar_short_item_text--active: #2f3034; --vkui--octavius_color_sidebar_short_item_text_active: #2c2d2e; --vkui--octavius_color_sidebar_short_item_text_active--hover: #2a2c2f; --vkui--octavius_color_sidebar_short_item_text_active--active: #282b2f; --vkui--octavius_color_sidebar_short_item_icon_active: #2c2d2e; --vkui--octavius_color_sidebar_short_item_icon_active--hover: #2a2c2f; --vkui--octavius_color_sidebar_short_item_icon_active--active: #282b2f; --vkui--octavius_color_sidebar_short_item_icon_secondary: #a5a7ad; --vkui--octavius_color_sidebar_short_item_icon_secondary--hover: #9ea1a9; --vkui--octavius_color_sidebar_short_item_icon_secondary--active: #989ba4; --vkui--octavius_color_sidebar_short_item_text_secondary: #87898f; --vkui--octavius_color_sidebar_short_item_text_secondary--hover: #82848c; --vkui--octavius_color_sidebar_short_item_text_secondary--active: #7c7f88; --vkui--octavius_color_sidebar_compose_button_background: #fff; --vkui--octavius_color_sidebar_compose_button_background--hover: #f5f5f7; --vkui--octavius_color_sidebar_compose_button_background--active: #ebecef; --vkui--octavius_color_sidebar_compose_button_text: #2c2d2e; --vkui--octavius_color_sidebar_compose_button_text--hover: #2a2c2f; --vkui--octavius_color_sidebar_compose_button_text--active: #282b2f; --vkui--octavius_color_sidebar_compose_button_icon: #2c2d2e; --vkui--octavius_color_sidebar_compose_button_icon--hover: #2a2c2f; --vkui--octavius_color_sidebar_compose_button_icon--active: #282b2f; --vkui--octavius_color_sidebar_icon_unread: #07f; --vkui--octavius_color_sidebar_icon_unread--hover: #0073f7; --vkui--octavius_color_sidebar_icon_unread--active: #006fef; --vkui--octavius_color_sidebar_icon_favorite: #f23741; --vkui--octavius_color_sidebar_icon_favorite--hover: #e83541; --vkui--octavius_color_sidebar_icon_favorite--active: #df3441; --vkui--octavius_color_sidebar_icon_order: #ff54aa; --vkui--octavius_color_sidebar_icon_order--hover: #f551a6; --vkui--octavius_color_sidebar_icon_order--active: #eb4fa1; --vkui--octavius_color_sidebar_icon_finance: #2fc885; --vkui--octavius_color_sidebar_icon_finance--hover: #2dc182; --vkui--octavius_color_sidebar_icon_finance--active: #2bb97f; --vkui--octavius_color_sidebar_icon_registration: #ff9e00; --vkui--octavius_color_sidebar_icon_registration--hover: #f59802; --vkui--octavius_color_sidebar_icon_registration--active: #eb9305; --vkui--octavius_color_sidebar_icon_travel: #ba34fc; --vkui--octavius_color_sidebar_icon_travel--hover: #b333f4; --vkui--octavius_color_sidebar_icon_travel--active: #ab31ed; --vkui--octavius_color_sidebar_icon_event: #09a6fa; --vkui--octavius_color_sidebar_icon_event--hover: #09a0f2; --vkui--octavius_color_sidebar_icon_event--active: #089aeb; --vkui--octavius_color_sidebar_icon_fees: #e60000; --vkui--octavius_color_sidebar_icon_fees--hover: #dd0102; --vkui--octavius_color_sidebar_icon_fees--active: #d40105; --vkui--octavius_color_content_scrollbar_alpha: rgba(0,16,61,.08); --vkui--octavius_color_content_scrollbar_alpha--hover: rgba(0,16,61,.12); --vkui--octavius_color_content_scrollbar_alpha--active: rgba(0,16,61,.16); --vkui--octavius_color_action_archive: #1f5c23; --vkui--octavius_color_action_archive--hover: #1e5924; --vkui--octavius_color_action_archive--active: #1d5625; --vkui--octavius_color_icon_favorite: #fc2c38; --vkui--octavius_color_icon_favorite--hover: #f22b38; --vkui--octavius_color_icon_favorite--active: #e82a38; --vkui--octavius_color_icon_order: #ff54aa; --vkui--octavius_color_icon_order--hover: #f551a6; --vkui--octavius_color_icon_order--active: #eb4fa1; --vkui--octavius_color_icon_finance: #2fc885; --vkui--octavius_color_icon_finance--hover: #2dc182; --vkui--octavius_color_icon_finance--active: #2bb97f; --vkui--octavius_color_icon_registration: #ff9e00; --vkui--octavius_color_icon_registration--hover: #f59802; --vkui--octavius_color_icon_registration--active: #eb9305; --vkui--octavius_color_icon_travel: #ba34fc; --vkui--octavius_color_icon_travel--hover: #b333f4; --vkui--octavius_color_icon_travel--active: #ab31ed; --vkui--octavius_color_icon_event: #09a6fa; --vkui--octavius_color_icon_event--hover: #09a0f2; --vkui--octavius_color_icon_event--active: #089aeb; --vkui--octavius_color_icon_fees: #ff6262; --vkui--octavius_color_icon_fees--hover: #f55f61; --vkui--octavius_color_icon_fees--active: #eb5b5f; --vkui--octavius_color_icon_event_alpha: rgba(59,186,254,.1); --vkui--octavius_color_icon_event_alpha--hover: rgba(59,186,254,.14); --vkui--octavius_color_icon_event_alpha--active: rgba(59,186,254,.18); --vkui--octavius_color_icon_order_alpha: rgba(249,76,163,.1); --vkui--octavius_color_icon_order_alpha--hover: rgba(249,76,163,.14); --vkui--octavius_color_icon_order_alpha--active: rgba(249,76,163,.18); --vkui--octavius_color_icon_travel_alpha: rgba(193,93,243,.1); --vkui--octavius_color_icon_travel_alpha--hover: rgba(193,93,243,.14); --vkui--octavius_color_icon_travel_alpha--active: rgba(193,93,243,.18); --vkui--octavius_color_list_letter_background: #fff; --vkui--octavius_color_list_letter_background--hover: #f5f5f7; --vkui--octavius_color_list_letter_background--active: #ebecef; --vkui--octavius_color_list_text_unread: #2c2d2e; --vkui--octavius_color_list_text_unread--hover: #2a2c2f; --vkui--octavius_color_list_text_unread--active: #282b2f; --vkui--octavius_color_list_text_primary: #2c2d2e; --vkui--octavius_color_list_text_primary--hover: #2a2c2f; --vkui--octavius_color_list_text_primary--active: #282b2f; --vkui--octavius_color_list_icon_primary: #2c2d2e; --vkui--octavius_color_list_icon_primary--hover: #2a2c2f; --vkui--octavius_color_list_icon_primary--active: #282b2f; --vkui--octavius_color_list_letter_separator_alpha: rgba(0,16,61,.12); --vkui--octavius_color_list_letter_separator_alpha--hover: rgba(0,16,61,.16); --vkui--octavius_color_list_letter_separator_alpha--active: rgba(0,16,61,.2); --vkui--octavius_color_list_letter_adv_background: #f0f5ff; --vkui--octavius_color_list_letter_adv_background--hover: #e6ecf7; --vkui--octavius_color_list_letter_adv_background--active: #dde3ef; --vkui--octavius_color_list_background_positive_alpha: rgba(13,194,104,.08); --vkui--octavius_color_list_background_positive_alpha--hover: rgba(13,194,104,.12); --vkui--octavius_color_list_background_positive_alpha--active: rgba(13,194,104,.16); --vkui--octavius_color_list_background_positive_tags_outline: #f2faf4; --vkui--octavius_color_list_background_positive_tags_outline--hover: #e8f1ed; --vkui--octavius_color_list_background_positive_tags_outline--active: #dfe7e5; --vkui--octavius_color_letter_list_text_unread: #2c2d2e; --vkui--octavius_color_letter_list_text_unread--hover: #2a2c2f; --vkui--octavius_color_letter_list_text_unread--active: #282b2f; --vkui--octavius_color_dataset_background: #fff; --vkui--octavius_color_dataset_background--hover: #f5f5f7; --vkui--octavius_color_dataset_background--active: #ebecef; --vkui--octavius_color_empty_state_text: #333; --vkui--octavius_color_empty_state_text--hover: #313233; --vkui--octavius_color_empty_state_text--active: #2f3034; --vkui--octavius_color_button_empty_state_text: #2c2d2e; --vkui--octavius_color_button_empty_state_text--hover: #2a2c2f; --vkui--octavius_color_button_empty_state_text--active: #282b2f; --vkui--octavius_color_button_empty_state_background_alpha: rgba(0,16,61,.06); --vkui--octavius_color_button_empty_state_background_alpha--hover: rgba(0,16,61,.1); --vkui--octavius_color_button_empty_state_background_alpha--active: rgba(0,16,61,.14); --vkui--octavius_color_layout_border_alpha: rgba(0,16,61,.12); --vkui--octavius_color_layout_border_alpha--hover: rgba(0,16,61,.16); --vkui--octavius_color_layout_border_alpha--active: rgba(0,16,61,.2); --vkui--octavius_color_layout_letter_border_alpha: rgba(0,16,61,.12); --vkui--octavius_color_layout_letter_border_alpha--hover: rgba(0,16,61,.16); --vkui--octavius_color_layout_letter_border_alpha--active: rgba(0,16,61,.2); --vkui--octavius_color_empty_state_text_link: #005bd1; --vkui--octavius_color_empty_state_text_link--hover: #0058cb; --vkui--octavius_color_empty_state_text_link--active: #0055c5; --vkui--octavius_color_letter_contact_background_alpha: transparent; --vkui--octavius_color_letter_contact_background_alpha--hover: rgba(0,16,61,.08); --vkui--octavius_color_letter_contact_background_alpha--active: rgba(0,16,61,.16); --vkui--octavius_color_letter_preview_background_primary: #f9f9fa; --vkui--octavius_color_letter_preview_background_primary--hover: #eff0f2; --vkui--octavius_color_letter_preview_background_primary--active: #e5e6eb; --vkui--octavius_color_letter_preview_background_secondary: #f3f3f5; --vkui--octavius_color_letter_preview_background_secondary--hover: #e9eaee; --vkui--octavius_color_letter_preview_background_secondary--active: #e0e1e6; --vkui--octavius_color_notification_border: #fff; --vkui--octavius_color_notification_border--hover: #f5f5f7; --vkui--octavius_color_notification_border--active: #ebecef; --vkui--octavius_text_decoration_empty_state_text_link: none; --vkui--octavius_text_decoration_empty_state_text_link--hover: underline; --vkui--octavius_text_decoration_empty_state_text_link--active: underline; --vkui--octavius_color_background_accent_tint_alpha: rgba(0,95,249,.12); --vkui--octavius_color_background_accent_tint_alpha--hover: rgba(0,95,249,.16); --vkui--octavius_color_background_accent_tint_alpha--active: rgba(0,95,249,.2); --vkui--octavius_color_background_negative_tint_alpha: rgba(236,71,80,.12); --vkui--octavius_color_background_negative_tint_alpha--hover: rgba(236,71,80,.16); --vkui--octavius_color_background_negative_tint_alpha--active: rgba(236,71,80,.2); --vkui--octavius_color_background_positive_tint_alpha: rgba(13,194,104,.1); --vkui--octavius_color_background_positive_tint_alpha--hover: rgba(13,194,104,.14); --vkui--octavius_color_background_positive_tint_alpha--active: rgba(13,194,104,.18); --vkui--octavius_color_button_background_contrast_alpha: hsla(0,0%,98%,.99); --vkui--octavius_color_button_background_contrast_alpha--hover: #fafafa; --vkui--octavius_color_button_background_contrast_alpha--active: #fafafa; --vkui--octavius_color_icon_social: #7288ff; --vkui--octavius_color_icon_social--hover: #6d83f7; --vkui--octavius_color_icon_social--active: #697eef; --vkui--octavius_color_icon_mailings: #ffa447; --vkui--octavius_color_icon_mailings--hover: #f59e47; --vkui--octavius_color_icon_mailings--active: #eb9846; --vkui--octavius_color_icon_to_myself: #1dc7d2; --vkui--octavius_color_icon_to_myself--hover: #1cc0cc; --vkui--octavius_color_icon_to_myself--active: #1bb8c6; --vkui--octavius_color_icon_news: #26c0eb; --vkui--octavius_color_icon_news--hover: #24b9e4; --vkui--octavius_color_icon_news--active: #23b2dd; --vkui--octavius_color_icon_official: #ec4750; --vkui--octavius_color_icon_official--hover: #e3454f; --vkui--octavius_color_icon_official--active: #d9434e; --vkui--octavius_color_icon_school: #c97eec; --vkui--octavius_color_icon_school--hover: #c17ae5; --vkui--octavius_color_icon_school--active: #b975de; --vkui--octavius_color_icon_games: #fdcc3e; --vkui--octavius_color_icon_games--hover: #f3c43e; --vkui--octavius_color_icon_games--active: #e9bd3e; --vkui--octavius_color_icon_receipts: #74bf05; --vkui--octavius_color_icon_receipts--hover: #6fb807; --vkui--octavius_color_icon_receipts--active: #6bb109; --vkui--octavius_color_text_fees: #ff2f2f; --vkui--octavius_color_text_fees--hover: #f52e30; --vkui--octavius_color_text_fees--active: #eb2d30; --vkui--octavius_color_text_finance: #27b275; --vkui--octavius_color_text_finance--hover: #25ac73; --vkui--octavius_color_text_finance--active: #24a571; --vkui--octavius_color_text_social: #556ad9; --vkui--octavius_color_text_social--hover: #5266d3; --vkui--octavius_color_text_social--active: #4e63cd; --vkui--octavius_color_text_mailings: #fc8a15; --vkui--octavius_color_text_mailings--hover: #f28517; --vkui--octavius_color_text_mailings--active: #e88018; --vkui--octavius_color_text_to_myself: #13b4bf; --vkui--octavius_color_text_to_myself--hover: #12adba; --vkui--octavius_color_text_to_myself--active: #11a7b5; --vkui--octavius_color_text_news: #08abd9; --vkui--octavius_color_text_news--hover: #08a5d3; --vkui--octavius_color_text_news--active: #079fcd; --vkui--octavius_color_text_school: #c97eec; --vkui--octavius_color_text_school--hover: #c17ae5; --vkui--octavius_color_text_school--active: #b975de; --vkui--octavius_color_text_games: #ebaf00; --vkui--octavius_color_text_games--hover: #e2a902; --vkui--octavius_color_text_games--active: #d8a205; --vkui--octavius_color_sidebar_widget_background_alpha: hsla(0,0%,100%,.16); --vkui--octavius_color_sidebar_widget_background_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_sidebar_widget_background_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_snackbar_icon_positive: #24c649; --vkui--octavius_color_snackbar_icon_positive--hover: #23bf49; --vkui--octavius_color_snackbar_icon_positive--active: #21b748; --vkui--octavius_color_snackbar_icon_negative: #f85050; --vkui--octavius_color_snackbar_icon_negative--hover: #ee4d4f; --vkui--octavius_color_snackbar_icon_negative--active: #e44b4e; --vkui--octavius_color_snackbar_icon_accent: #07f; --vkui--octavius_color_snackbar_icon_accent--hover: #0073f7; --vkui--octavius_color_snackbar_icon_accent--active: #006fef; --vkui--octavius_color_snackbar_icon_secondary: #9c9da2; --vkui--octavius_color_snackbar_icon_secondary--hover: #96979e; --vkui--octavius_color_snackbar_icon_secondary--active: #90929a; --vkui--octavius_color_snackbar_icon_warning: #ff9e00; --vkui--octavius_color_snackbar_icon_warning--hover: #f59802; --vkui--octavius_color_snackbar_icon_warning--active: #eb9305; --vkui--octavius_color_snackbar_text_accent: #1a85ff; --vkui--octavius_color_snackbar_text_accent--hover: #1980f7; --vkui--octavius_color_snackbar_text_accent--active: #187cef; --vkui--octavius_color_snackbar_text_contrast: #fff; --vkui--octavius_color_snackbar_text_contrast--hover: #f5f5f7; --vkui--octavius_color_snackbar_text_contrast--active: #ebecef; --vkui--octavius_color_snackbar_background: #303030; --vkui--octavius_color_snackbar_background--hover: #2e2f31; --vkui--octavius_color_snackbar_background--active: #2c2d31; --vkui--octavius_color_snackbar_transparent: hsla(0,0%,100%,.16); --vkui--octavius_color_snackbar_transparent--active: hsla(0,0%,100%,.04); --vkui--octavius_color_snackbar_transparent--hover: hsla(0,0%,100%,.08); --vkui--octavius_color_icon_unread: #07f; --vkui--octavius_color_icon_unread--hover: #0073f7; --vkui--octavius_color_icon_unread--active: #006fef; --vkui--octavius_color_header_progress: #07f; --vkui--octavius_color_header_progress--hover: #0073f7; --vkui--octavius_color_header_progress--active: #006fef; --vkui--paradigm_tech_background_portal: #f6f7fb; --vkui--paradigm_tech_background_portal--hover: #eceef3; --vkui--paradigm_tech_background_portal--active: #e2e5ec; --vkui--paradigm_tech_avatars_sky: #9dd5fe; --vkui--paradigm_tech_avatars_sky--hover: #97cdf6; --vkui--paradigm_tech_avatars_sky--active: #90c5ef; --vkui--paradigm_tech_avatars_seagreen: #70ec9a; --vkui--paradigm_tech_avatars_seagreen--hover: #6ce396; --vkui--paradigm_tech_avatars_seagreen--active: #67da93; --vkui--paradigm_tech_avatars_mint: #7beadb; --vkui--paradigm_tech_avatars_mint--hover: #76e1d5; --vkui--paradigm_tech_avatars_mint--active: #71d9ce; --vkui--paradigm_tech_avatars_cyan: #00d3e6; --vkui--paradigm_tech_avatars_cyan--hover: #00cbdf; --vkui--paradigm_tech_avatars_cyan--active: #00c3d8; --vkui--paradigm_tech_avatars_blue: #2389ff; --vkui--paradigm_tech_avatars_blue--hover: #2284f7; --vkui--paradigm_tech_avatars_blue--active: #207fef; --vkui--paradigm_tech_avatars_red: #f85050; --vkui--paradigm_tech_avatars_red--hover: #ee4d4f; --vkui--paradigm_tech_avatars_red--active: #e44b4e; --vkui--paradigm_tech_avatars_yellow: #ffd65c; --vkui--paradigm_tech_avatars_yellow--hover: #f5ce5b; --vkui--paradigm_tech_avatars_yellow--active: #ebc65a; --vkui--paradigm_tech_avatars_indigo: #7876ff; --vkui--paradigm_tech_avatars_indigo--hover: #7372f7; --vkui--paradigm_tech_avatars_indigo--active: #6e6eef; --vkui--paradigm_tech_avatars_peach: #fcbe99; --vkui--paradigm_tech_avatars_peach--hover: #f2b795; --vkui--paradigm_tech_avatars_peach--active: #e8b092; --vkui--paradigm_tech_avatars_lavander: #c9b7ff; --vkui--paradigm_tech_avatars_lavander--hover: #c1b0f7; --vkui--paradigm_tech_avatars_lavander--active: #b9aaef; --vkui--paradigm_tech_avatars_violet: #b780f3; --vkui--paradigm_tech_avatars_violet--hover: #b07cec; --vkui--paradigm_tech_avatars_violet--active: #a877e4; --vkui--paradigm_tech_avatars_green: #2acf56; --vkui--paradigm_tech_avatars_green--hover: #28c755; --vkui--paradigm_tech_avatars_green--active: #27c054; --vkui--paradigm_tech_avatars_lime: #c3f07f; --vkui--paradigm_tech_avatars_lime--hover: #bbe77c; --vkui--paradigm_tech_avatars_lime--active: #b3de7a; --vkui--paradigm_tech_avatars_coral: #ffa9a3; --vkui--paradigm_tech_avatars_coral--hover: #f5a39f; --vkui--paradigm_tech_avatars_coral--active: #eb9d9b; --vkui--paradigm_tech_avatars_orange: #fb8422; --vkui--paradigm_tech_avatars_orange--hover: #f17f23; --vkui--paradigm_tech_avatars_orange--active: #e77b24; } .vkui--octavius--dark { --vkui--theme_name: "paradigmTechDark"; --vkui--font_family_fallbacks: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_accent: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_base: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_weight_accent1: 500; --vkui--font_weight_accent2: 500; --vkui--font_weight_accent3: 400; --vkui--font_weight_base1: 700; --vkui--font_weight_base2: 700; --vkui--font_weight_base3: 400; --vkui--font_display_title1--font_size--regular: 23px; --vkui--font_display_title1--line_height--regular: 28px; --vkui--font_display_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title1--font_weight--regular: 500; --vkui--font_display_title2--font_size--regular: 21px; --vkui--font_display_title2--line_height--regular: 26px; --vkui--font_display_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--regular: 500; --vkui--font_display_title2--font_size--compact: 22px; --vkui--font_display_title2--line_height--compact: 22px; --vkui--font_display_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--compact: 500; --vkui--font_display_title3--font_size--regular: 19px; --vkui--font_display_title3--line_height--regular: 24px; --vkui--font_display_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title3--font_weight--regular: 500; --vkui--font_display_title4--font_size--regular: 17px; --vkui--font_display_title4--line_height--regular: 24px; --vkui--font_display_title4--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title4--font_weight--regular: 500; --vkui--font_title1--font_size--regular: 24px; --vkui--font_title1--line_height--regular: 28px; --vkui--font_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--regular: 500; --vkui--font_title2--font_size--regular: 20px; --vkui--font_title2--line_height--regular: 26px; --vkui--font_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--regular: 500; --vkui--font_title3--font_size--regular: 17px; --vkui--font_title3--line_height--regular: 22px; --vkui--font_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--regular: 500; --vkui--font_headline1--font_size--regular: 16px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_headline1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline1--font_weight--regular: 500; --vkui--font_headline1--font_size--compact: 15px; --vkui--font_headline1--line_height--compact: 20px; --vkui--font_headline2--font_size--regular: 15px; --vkui--font_headline2--line_height--regular: 20px; --vkui--font_headline2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline2--font_weight--regular: 500; --vkui--font_headline2--font_size--compact: 14px; --vkui--font_headline2--line_height--compact: 20px; --vkui--font_text--font_size--regular: 16px; --vkui--font_text--line_height--regular: 20px; --vkui--font_text--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_text--font_weight--regular: 400; --vkui--font_text--font_size--compact: 15px; --vkui--font_text--line_height--compact: 20px; --vkui--font_paragraph--font_size--regular: 15px; --vkui--font_paragraph--line_height--regular: 20px; --vkui--font_paragraph--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_weight--regular: 400; --vkui--font_subhead--font_size--regular: 14px; --vkui--font_subhead--line_height--regular: 18px; --vkui--font_subhead--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--regular: 400; --vkui--font_subhead--font_size--compact: 13px; --vkui--font_subhead--line_height--compact: 18px; --vkui--font_footnote--font_size--regular: 13px; --vkui--font_footnote--line_height--regular: 18px; --vkui--font_footnote--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote--font_weight--regular: 400; --vkui--font_footnote_caps--font_size--regular: 13px; --vkui--font_footnote_caps--line_height--regular: 18px; --vkui--font_footnote_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_weight--regular: 400; --vkui--font_footnote_caps--text_transform--regular: uppercase; --vkui--font_footnote_caps--letter_spacing--regular: 0.3px; --vkui--font_caption1--font_size--regular: 12px; --vkui--font_caption1--line_height--regular: 16px; --vkui--font_caption1--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--regular: 400; --vkui--font_caption1_caps--font_size--regular: 12px; --vkui--font_caption1_caps--line_height--regular: 16px; --vkui--font_caption1_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_weight--regular: 400; --vkui--font_caption1_caps--text_transform--regular: uppercase; --vkui--font_caption1_caps--letter_spacing--regular: 0.26px; --vkui--font_caption2--font_size--regular: 11px; --vkui--font_caption2--line_height--regular: 14px; --vkui--font_caption2--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2--font_weight--regular: 400; --vkui--font_caption2_caps--font_size--regular: 11px; --vkui--font_caption2_caps--line_height--regular: 14px; --vkui--font_caption2_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps--font_weight--regular: 400; --vkui--font_caption2_caps--text_transform--regular: uppercase; --vkui--font_caption2_caps--letter_spacing--regular: 0.22px; --vkui--font_caption3--font_size--regular: 9px; --vkui--font_caption3--line_height--regular: 12px; --vkui--font_caption3--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3--font_weight--regular: 400; --vkui--font_caption3_caps--font_size--regular: 9px; --vkui--font_caption3_caps--line_height--regular: 12px; --vkui--font_caption3_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps--font_weight--regular: 400; --vkui--font_caption3_caps--text_transform--regular: uppercase; --vkui--font_caption3_caps--letter_spacing--regular: 0.16px; --vkui--size_select_icon_padding--regular: 7px; --vkui--size_select_icon_padding--compact: 6px; --vkui--size_popup_base_padding--regular: 20px; --vkui--size_popup_base_padding--compact: 32px; --vkui--size_popup_header_padding--regular: 16px; --vkui--size_popup_header_padding--compact: 24px; --vkui--size_border_radius--regular: 8px; --vkui--size_border_radius_rounded--regular: 48px; --vkui--size_check_border_radius--regular: 4px; --vkui--size_border_radius_paper--regular: 12px; --vkui--size_border_radius_promo--regular: 20px; --vkui--size_cell_height--regular: 48px; --vkui--size_cell_height--compact: 44px; --vkui--size_field_height--regular: 44px; --vkui--size_field_height--compact: 36px; --vkui--size_search_height--regular: 36px; --vkui--size_search_height--compact: 32px; --vkui--size_button_extra_small_height--regular: 24px; --vkui--size_button_extra_small_height--compact: 22px; --vkui--size_button_small_height--regular: 30px; --vkui--size_button_small_height--compact: 28px; --vkui--size_button_medium_height--regular: 36px; --vkui--size_button_medium_height--compact: 32px; --vkui--size_button_large_height--regular: 44px; --vkui--size_button_large_height--compact: 36px; --vkui--size_checkbox--regular: 16px; --vkui--size_arrow--regular: 8px; --vkui--size_arrow_promo--regular: 40px; --vkui--size_popup_small--regular: 430px; --vkui--size_popup_medium--regular: 680px; --vkui--size_popup_large--regular: 880px; --vkui--size_field_horizontal_padding--regular: 12px; --vkui--size_button_padding_horizontal--regular: 20px; --vkui--size_button_padding_horizontal--compact: 16px; --vkui--size_label_horizontal_margin--regular: 16px; --vkui--size_arrow_padding--regular: 12px; --vkui--size_tooltip_margin--regular: 8px; --vkui--size_icon_u_i--regular: 16px; --vkui--size_avatar_x_s--regular: 24px; --vkui--size_avatar_s--regular: 32px; --vkui--size_avatar_m--regular: 48px; --vkui--size_avatar_l--regular: 96px; --vkui--size_avatar_x_l--regular: 128px; --vkui--size_badge_x_s--regular: 12px; --vkui--size_badge_s--regular: 16px; --vkui--size_badge_m--regular: 24px; --vkui--size_badge_l--regular: 44px; --vkui--size_badge_x_l--regular: 56px; --vkui--size_cardgrid_padding--regular: 12px; --vkui--size_card_border_radius--regular: 16px; --vkui--size_cardgrid_padding_vertical--regular: 8px; --vkui--size_base_padding_horizontal--regular: 16px; --vkui--size_base_padding_vertical--regular: 12px; --vkui--size_button_group_gap_space--regular: 1px; --vkui--size_button_group_gap_small--regular: 8px; --vkui--size_button_group_gap_medium--regular: 12px; --vkui--size_option_hierarchy--regular: 32px; --vkui--size_switch_height--regular: 14px; --vkui--size_switch_height--compact: 12px; --vkui--size_switch_width--regular: 34px; --vkui--size_switch_width--compact: 32px; --vkui--size_switch_pin--regular: 20px; --vkui--size_switch_pin--compact: 18px; --vkui--size_panel_header_height--compact: 48px; --vkui--size_panel_header_height--regular: 56px; --vkui--size_button_base_small_padding_horizontal--regular: 16px; --vkui--size_button_base_medium_padding_horizontal--regular: 16px; --vkui--size_button_base_large_padding_horizontal--regular: 20px; --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px; --vkui--size_button_minimum_width--regular: 80px; --vkui--size_form_item_padding_vertical--regular: 12px; --vkui--size_split_col_padding_horizontal--regular: 16px; --vkui--size_subnavigation_bar_gap--regular: 8px; --vkui--size_subnavigation_bar_padding_vertical--regular: 12px; --vkui--size_border1x--regular: 1px; --vkui--size_border2x--regular: 0.5px; --vkui--size_border3x--regular: 0.33px; --vkui--spacing_size_3xs: 2px; --vkui--spacing_size_2xs: 2px; --vkui--spacing_size_xs: 4px; --vkui--spacing_size_s: 6px; --vkui--spacing_size_m: 8px; --vkui--spacing_size_l: 10px; --vkui--spacing_size_xl: 12px; --vkui--spacing_size_2xl: 16px; --vkui--spacing_size_3xl: 20px; --vkui--spacing_size_4xl: 24px; --vkui--elevation1: 0 2px 0 0 rgba(0,0,0,.04); --vkui--elevation1_invert_y: 0 -2px 0 0 rgba(0,0,0,.04); --vkui--elevation2: 0 4px 48px 0 rgba(0,0,0,.72); --vkui--elevation3: 0 4px 32px 0 rgba(0,0,0,.48); --vkui--elevation4: 0 4px 32px 0 rgba(0,0,0,.48); --vkui--gradient_black: transparent 0%,rgba(0,0,0,.02) 15%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.32) 70%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.4) 100%; --vkui--gradient_white: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--gradient_tint: rgba(37,37,37,0) 0%,rgba(37,37,37,.05) 15%,rgba(37,37,37,.2) 30%,rgba(37,37,37,.8) 70%,rgba(37,37,37,.95) 85%,#252525 100%; --vkui--gradient: rgba(35,35,36,0) 0%,rgba(35,35,36,.05) 15%,rgba(35,35,36,.2) 30%,rgba(35,35,36,.8) 70%,rgba(35,35,36,.95) 85%,#232324 100%; --vkui--animation_duration_l: 0.4s; --vkui--animation_duration_m: 0.2s; --vkui--animation_duration_s: 0.1s; --vkui--animation_easing_default: cubic-bezier(0.3,0.3,0.5,1); --vkui--animation_easing_platform: cubic-bezier(0.3,0.3,0.5,1); --vkui--opacity_disable: 0.48; --vkui--opacity_disable_accessibility: 0.64; --vkui--opacity_active: 0.72; --vkui--blur_m: 16px; --vkui--z_index_modal: 99; --vkui--z_index_popout: 100; --vkui--x0: 0px; --vkui--x025: 1px; --vkui--x05: 2px; --vkui--x1: 4px; --vkui--x2: 8px; --vkui--x3: 12px; --vkui--x4: 16px; --vkui--x5: 20px; --vkui--x6: 24px; --vkui--x8: 32px; --vkui--x10: 40px; --vkui--x12: 48px; --vkui--x15: 60px; --vkui--x20: 80px; --vkui--size_base: 4px; --vkui--size_grid: 20px; --vkui--font_h0--font_size--regular: 28px; --vkui--font_h0--line_height--regular: 32px; --vkui--font_h0--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--regular: 500; --vkui--font_h0--font_size--compact: 44px; --vkui--font_h0--line_height--compact: 52px; --vkui--font_h1--font_size--regular: 24px; --vkui--font_h1--line_height--regular: 28px; --vkui--font_h1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--regular: 500; --vkui--font_h1--font_size--compact: 32px; --vkui--font_h1--line_height--compact: 36px; --vkui--font_h2--font_size--regular: 20px; --vkui--font_h2--line_height--regular: 26px; --vkui--font_h2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--regular: 500; --vkui--font_h2--font_size--compact: 28px; --vkui--font_h2--line_height--compact: 32px; --vkui--size_arrow_height--regular: 8px; --vkui--size_arrow_width--regular: 12px; --vkui--size_base_padding--regular: 16px; --vkui--size_base_padding--compact: 20px; --vkui--size_border_width_tab--regular: 2px; --vkui--size_border_width_bar--regular: 4px; --vkui--size_border_width_accent--regular: 8px; --vkui--size_border_width_accent_secondary--regular: 8px; --vkui--size_control_button_width_min--regular: 130px; --vkui--size_control_button_width_min--compact: 104px; --vkui--size_promo_button_close--regular: 32px; --vkui--size_button_slider_height--regular: 24px; --vkui--size_button_slider_width--regular: 12px; --vkui--size_button_slider_width_pointer--regular: 16px; --vkui--size_field_width_min--regular: 328px; --vkui--size_field_width_min--compact: 380px; --vkui--size_label_width--regular: 184px; --vkui--size_progress--regular: 4px; --vkui--size_progress_scroll--regular: 12px; --vkui--size_dot_bullet--regular: 4px; --vkui--size_dot_indicate--regular: 8px; --vkui--size_dot_clickable--regular: 12px; --vkui--size_vertical_padding--regular: 0px; --vkui--size_button_more_padding--regular: 8px; --vkui--size_icon_more_padding--regular: 12px; --vkui--size_icon_more_padding--compact: 8px; --vkui--size_button_icon_padding--regular: 16px; --vkui--size_button_icon_padding--compact: 20px; --vkui--size_div_padding--regular: 4px; --vkui--size_menu_padding--regular: 8px; --vkui--size_tag_padding--regular: 8px; --vkui--size_tab_padding--regular: 16px; --vkui--size_table_horizontal_padding--regular: 16px; --vkui--size_table_vertical_padding--regular: 16px; --vkui--size_slice_top_padding--regular: 40px; --vkui--size_slice_bottom_padding--regular: 60px; --vkui--size_base_margin--regular: 12px; --vkui--size_label_vertical_margin--regular: 4px; --vkui--size_tip_margin--regular: 4px; --vkui--size_field_horizontal_margin--regular: 20px; --vkui--size_field_vertical_margin--regular: 24px; --vkui--size_field_set_margin--regular: 32px; --vkui--size_icon_margin--regular: 12px; --vkui--size_icon_margin--compact: 8px; --vkui--size_choice_margin--regular: 8px; --vkui--size_menu_margin--regular: 2px; --vkui--size_tag_margin--regular: 8px; --vkui--size_tab_margin--regular: 8px; --vkui--size_bullet_margin--regular: 12px; --vkui--size_attribute_margin--regular: 4px; --vkui--size_popup_margin--regular: 8px; --vkui--size_popup_margin--compact: 24px; --vkui--size_header_icon--regular: 20px; --vkui--size_wysiwyg_icon--regular: 14px; --vkui--size_illustration_s--regular: 48px; --vkui--size_illustration_x_m--regular: 72px; --vkui--size_illustration_m--regular: 96px; --vkui--size_illustration_l--regular: 144px; --vkui--size_illustration_x_x_l--regular: 228px; --vkui--tone_value_overlay: 0.48; --vkui--tone_value_viewer: 0.88; --vkui--tone_value_toolbar: 0.24; --vkui--tone_value_hover: 0.04; --vkui--tone_value_active: 0.08; --vkui--tone_value_focus: 0.08; --vkui--type_border_button: solid; --vkui--type_border_position: inset; --vkui--theme_name_base: "octavius"; --vkui--octavius_shadow_sidebar_item_text: none; --vkui--octavius_shadow_sidebar_item_icon: none; --vkui--octavius_elevation_card: none; --vkui--octavius_shadow_empty_state_text: none; --vkui--octavius_elevation_header: 0px 0px 16px rgba(2,13,41,.16); --vkui--octavius_text_shadow_empty_state_text: none; --vkui--octavius_position_background: 50% 0; --vkui--octavius_image_overlay_background: none; --vkui--octavius_text_shadow_sidebar_item_text: none; --vkui--octavius_filter_sidebar_item_icon: none; --vkui--octavius_image_background: none; --vkui--octavius_font_family_default: HelveticaNeue,Helvetica,Arial,sans-serif; --vkui--octavius_font_family_mail_sans: VKSansDisplay,MailSans,HelveticaNeue,Helvetica,Arial,sans-serif; --vkui--octavius_font_family_global: Arial,Tahoma,Verdana,sans-serif; --vkui--octavius_font_family_mac: Helvetica,Arial,Tahoma,Verdana,sans-serif; --vkui--octavius_font_family_display: inherit; --vkui--octavius_color_letter_attach_list_background: linear-gradient(90deg,rgba(31,31,31,0),#1f1f1f 80%); --vkui--octavius_size_headline_height--regular: 36px; --vkui--octavius_size_layout_width_max--regular: 2150px; --vkui--octavius_size_layout_width_min--regular: 761px; --vkui--octavius_size_sidebar_padding_top--regular: 12px; --vkui--octavius_size_sidebar_widgets_height_min--regular: 64px; --vkui--octavius_size_sidebar_widgets_height_compact_min--regular: 104px; --vkui--font_headline--font_size--regular: 16px; --vkui--font_headline--line_height--regular: 20px; --vkui--font_headline--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_weight--regular: 500; --vkui--font_headline--font_size--compact: 15px; --vkui--font_headline--line_height--compact: 20px; --vkui--colors_scheme: dark; --vkui--color_background_accent: #07f; --vkui--color_background_accent--hover: #0a7cff; --vkui--color_background_accent--active: #1482ff; --vkui--color_background_accent_themed: #fff; --vkui--color_background_accent_themed--hover: #ebedf0; --vkui--color_background_accent_themed--active: #d7d8db; --vkui--color_background_accent_themed_alpha: rgba(0,119,255,.2); --vkui--color_background_accent_themed_alpha--hover: rgba(0,119,255,.24); --vkui--color_background_accent_themed_alpha--active: rgba(0,119,255,.28); --vkui--color_background_accent_alternative: #ff9e00; --vkui--color_background_accent_alternative--hover: #ffa20a; --vkui--color_background_accent_alternative--active: #ffa614; --vkui--color_background_content: #1e1f22; --vkui--color_background_content--hover: #27282b; --vkui--color_background_content--active: #303134; --vkui--color_background_content_alpha: hsla(0,0%,100%,.8); --vkui--color_background_content_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_background_content_alpha--active: hsla(0,0%,100%,.88); --vkui--color_background_content_inverse: #fff; --vkui--color_background_content_inverse--hover: #ebedf0; --vkui--color_background_content_inverse--active: #d7d8db; --vkui--color_background_secondary: #343539; --vkui--color_background_secondary--hover: #3c3d41; --vkui--color_background_secondary--active: #444549; --vkui--color_background_secondary_alpha: hsla(0,0%,100%,.12); --vkui--color_background_secondary_alpha--hover: hsla(0,0%,100%,.16); --vkui--color_background_secondary_alpha--active: hsla(0,0%,100%,.2); --vkui--color_background: #17181b; --vkui--color_background--hover: #202124; --vkui--color_background--active: #2a2a2d; --vkui--color_background_contrast: #fff; --vkui--color_background_contrast--hover: #ebedf0; --vkui--color_background_contrast--active: #d7d8db; --vkui--color_background_contrast_secondary_alpha: hsla(0,0%,100%,.2); --vkui--color_background_contrast_secondary_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_contrast_secondary_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_warning: #5e480d; --vkui--color_background_warning--hover: #644f17; --vkui--color_background_warning--active: #6b5720; --vkui--color_background_negative: #f85050; --vkui--color_background_negative--hover: #f85757; --vkui--color_background_negative--active: #f95e5e; --vkui--color_background_tertiary: #252629; --vkui--color_background_tertiary--hover: #2e2f32; --vkui--color_background_tertiary--active: #36373a; --vkui--color_background_tertiary_alpha: hsla(0,0%,100%,.04); --vkui--color_background_tertiary_alpha--hover: hsla(0,0%,100%,.08); --vkui--color_background_tertiary_alpha--active: hsla(0,0%,100%,.12); --vkui--color_background_modal: #2d2e31; --vkui--color_background_modal--hover: #353639; --vkui--color_background_modal--active: #3e3f41; --vkui--color_background_positive: #24c649; --vkui--color_background_positive--hover: #2dc850; --vkui--color_background_positive--active: #36cb58; --vkui--color_background_negative_tint: #543034; --vkui--color_background_negative_tint--hover: #5b383c; --vkui--color_background_negative_tint--active: #624144; --vkui--color_background_positive_tint: #284f37; --vkui--color_background_positive_tint--hover: #31563f; --vkui--color_background_positive_tint--active: #395d47; --vkui--color_field_background: #1e1f22; --vkui--color_field_background--hover: #27282b; --vkui--color_field_background--active: #303134; --vkui--color_background_modal_inverse: #fff; --vkui--color_background_modal_inverse--hover: #ebedf0; --vkui--color_background_modal_inverse--active: #d7d8db; --vkui--color_background_contrast_inverse: #333; --vkui--color_background_contrast_inverse--hover: #3b3b3b; --vkui--color_background_contrast_inverse--active: #434343; --vkui--color_background_contrast_themed: #fff; --vkui--color_background_contrast_themed--hover: #ebedf0; --vkui--color_background_contrast_themed--active: #d7d8db; --vkui--color_background_accent_tint: #56a7fb; --vkui--color_background_accent_tint--hover: #5dabfb; --vkui--color_background_accent_tint--active: #64aefb; --vkui--color_background_info_tint: #19202f; --vkui--color_background_info_tint--hover: #222937; --vkui--color_background_info_tint--active: #2b3240; --vkui--color_text_accent: #2e90fb; --vkui--color_text_accent--hover: #3694fb; --vkui--color_text_accent--active: #3f99fb; --vkui--color_text_accent_themed: #fff; --vkui--color_text_accent_themed--hover: #ebedf0; --vkui--color_text_accent_themed--active: #d7d8db; --vkui--color_text_negative: #f85050; --vkui--color_text_negative--hover: #f85757; --vkui--color_text_negative--active: #f95e5e; --vkui--color_text_link: #2e90fb; --vkui--color_text_link--hover: #3694fb; --vkui--color_text_link--active: #3f99fb; --vkui--color_text_link_tint: #71aaeb; --vkui--color_text_link_tint--hover: #77adec; --vkui--color_text_link_tint--active: #7cb1ed; --vkui--color_text_link_themed: #fff; --vkui--color_text_link_themed--hover: #ebedf0; --vkui--color_text_link_themed--active: #d7d8db; --vkui--color_text_muted: #252629; --vkui--color_text_muted--hover: #2e2f32; --vkui--color_text_muted--active: #36373a; --vkui--color_text_primary: #f6f7fb; --vkui--color_text_primary--hover: #f6f7fb; --vkui--color_text_primary--active: #f7f8fb; --vkui--color_text_primary_alpha: rgba(249,252,255,.72); --vkui--color_text_primary_alpha--hover: rgba(249,252,255,.76); --vkui--color_text_primary_alpha--active: rgba(249,252,255,.8); --vkui--color_text_primary_invariably: #252629; --vkui--color_text_primary_invariably--hover: #2e2f32; --vkui--color_text_primary_invariably--active: #36373a; --vkui--color_text_secondary: #8994a3; --vkui--color_text_secondary--hover: #8e98a7; --vkui--color_text_secondary--active: #929daa; --vkui--color_text_secondary_alpha: rgba(247,251,255,.42); --vkui--color_text_secondary_alpha--hover: rgba(247,251,255,.46); --vkui--color_text_secondary_alpha--active: rgba(247,251,255,.5); --vkui--color_text_subhead: #9da7b5; --vkui--color_text_subhead--hover: #a1abb8; --vkui--color_text_subhead--active: #a5aebb; --vkui--color_text_tertiary: #707b89; --vkui--color_text_tertiary--hover: #76808e; --vkui--color_text_tertiary--active: #7b8692; --vkui--color_text_link_visited: #56a7fb; --vkui--color_text_link_visited--hover: #5dabfb; --vkui--color_text_link_visited--active: #64aefb; --vkui--color_text_contrast: #fff; --vkui--color_text_contrast--hover: #ebedf0; --vkui--color_text_contrast--active: #d7d8db; --vkui--color_text_contrast_themed: #fff; --vkui--color_text_contrast_themed--hover: #ebedf0; --vkui--color_text_contrast_themed--active: #d7d8db; --vkui--color_link_contrast: #fff; --vkui--color_link_contrast--hover: #ebedf0; --vkui--color_link_contrast--active: #d7d8db; --vkui--color_text_positive: #24c649; --vkui--color_text_positive--hover: #2dc850; --vkui--color_text_positive--active: #36cb58; --vkui--color_icon_accent: #0187f6; --vkui--color_icon_accent--hover: #0b8cf6; --vkui--color_icon_accent--active: #1591f7; --vkui--color_icon_accent_themed: #fff; --vkui--color_icon_accent_themed--hover: #fff; --vkui--color_icon_accent_themed--active: #fff; --vkui--color_icon_primary: #f6f7fb; --vkui--color_icon_primary--hover: #f6f7fb; --vkui--color_icon_primary--active: #f7f8fb; --vkui--color_icon_primary_invariably: #252629; --vkui--color_icon_primary_invariably--hover: #2e2f32; --vkui--color_icon_primary_invariably--active: #36373a; --vkui--color_icon_medium: #939eac; --vkui--color_icon_medium--hover: #97a2af; --vkui--color_icon_medium--active: #9ca6b3; --vkui--color_icon_medium_alpha: rgba(215,231,254,.56); --vkui--color_icon_medium_alpha--hover: rgba(215,231,254,.6); --vkui--color_icon_medium_alpha--active: rgba(215,231,254,.64); --vkui--color_icon_secondary: #798492; --vkui--color_icon_secondary--hover: #7e8996; --vkui--color_icon_secondary--active: #848e9b; --vkui--color_icon_secondary_alpha: rgba(209,226,251,.52); --vkui--color_icon_secondary_alpha--hover: rgba(209,226,251,.56); --vkui--color_icon_secondary_alpha--active: rgba(209,226,251,.6); --vkui--color_icon_tertiary: #626d7a; --vkui--color_icon_tertiary--hover: #68737f; --vkui--color_icon_tertiary--active: #6f7985; --vkui--color_icon_tertiary_alpha: rgba(184,205,235,.4); --vkui--color_icon_tertiary_alpha--hover: rgba(184,205,235,.44); --vkui--color_icon_tertiary_alpha--active: rgba(184,205,235,.48); --vkui--color_icon_contrast: #fff; --vkui--color_icon_contrast--hover: #ebedf0; --vkui--color_icon_contrast--active: #d7d8db; --vkui--color_icon_contrast_themed: #252629; --vkui--color_icon_contrast_themed--hover: #2e2f32; --vkui--color_icon_contrast_themed--active: #36373a; --vkui--color_icon_positive: #24c649; --vkui--color_icon_positive--hover: #2dc850; --vkui--color_icon_positive--active: #36cb58; --vkui--color_icon_warning: #ff9e00; --vkui--color_icon_warning--hover: #ffa20a; --vkui--color_icon_warning--active: #ffa614; --vkui--color_icon_negative: #f85050; --vkui--color_icon_negative--hover: #f85757; --vkui--color_icon_negative--active: #f95e5e; --vkui--color_icon_contrast_secondary: #eff0f4; --vkui--color_icon_contrast_secondary--hover: #f0f1f4; --vkui--color_icon_contrast_secondary--active: #f0f1f5; --vkui--color_stroke_accent: #07f; --vkui--color_stroke_accent--hover: #0a7cff; --vkui--color_stroke_accent--active: #1482ff; --vkui--color_stroke_accent_themed: #fff; --vkui--color_stroke_accent_themed--hover: #ebedf0; --vkui--color_stroke_accent_themed--active: #d7d8db; --vkui--color_stroke_contrast: #fff; --vkui--color_stroke_contrast--hover: #ebedf0; --vkui--color_stroke_contrast--active: #d7d8db; --vkui--color_stroke_negative: #f85050; --vkui--color_stroke_negative--hover: #f85757; --vkui--color_stroke_negative--active: #f95e5e; --vkui--color_stroke_primary: #2c2d2e; --vkui--color_stroke_primary--hover: #343536; --vkui--color_stroke_primary--active: #3d3e3f; --vkui--color_image_border_alpha: hsla(0,0%,100%,.08); --vkui--color_image_border_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_image_border_alpha--active: hsla(0,0%,100%,.16); --vkui--color_field_border_alpha: hsla(0,0%,100%,.12); --vkui--color_field_border_alpha--hover: hsla(0,0%,100%,.16); --vkui--color_field_border_alpha--active: hsla(0,0%,100%,.2); --vkui--color_separator_primary_alpha: rgba(0,0,0,.4); --vkui--color_separator_primary_alpha--hover: rgba(0,0,0,.44); --vkui--color_separator_primary_alpha--active: rgba(0,0,0,.48); --vkui--color_separator_secondary: #17181b; --vkui--color_separator_secondary--hover: #202124; --vkui--color_separator_secondary--active: #2a2a2d; --vkui--color_separator_primary: #101114; --vkui--color_separator_primary--hover: #1a1b1d; --vkui--color_separator_primary--active: #232427; --vkui--color_stroke_positive: #24c649; --vkui--color_stroke_positive--hover: #2dc850; --vkui--color_stroke_positive--active: #36cb58; --vkui--color_separator_primary2x: #202022; --vkui--color_separator_primary2x--hover: #29292b; --vkui--color_separator_primary2x--active: #323234; --vkui--color_separator_primary3x: #2d2d2f; --vkui--color_separator_primary3x--hover: #353537; --vkui--color_separator_primary3x--active: #3e3e40; --vkui--color_accent_blue: #07f; --vkui--color_accent_blue--hover: #0a7cff; --vkui--color_accent_blue--active: #1482ff; --vkui--color_accent_gray: #9c9da2; --vkui--color_accent_gray--hover: #a0a1a6; --vkui--color_accent_gray--active: #a4a5a9; --vkui--color_accent_red: #ed330a; --vkui--color_accent_red--hover: #ee3b14; --vkui--color_accent_red--active: #ee431e; --vkui--color_accent_orange_fire: #f05c44; --vkui--color_accent_orange_fire--hover: #f1634b; --vkui--color_accent_orange_fire--active: #f16953; --vkui--color_accent_orange: #ff9e00; --vkui--color_accent_orange--hover: #ffa20a; --vkui--color_accent_orange--active: #ffa614; --vkui--color_accent_orange_peach: #ffc062; --vkui--color_accent_orange_peach--hover: #ffc368; --vkui--color_accent_orange_peach--active: #ffc56f; --vkui--color_accent_lime: #b8fc75; --vkui--color_accent_lime--hover: #bbfc7b; --vkui--color_accent_lime--active: #befc80; --vkui--color_accent_green: #0dc268; --vkui--color_accent_green--hover: #17c46e; --vkui--color_accent_green--active: #20c774; --vkui--color_accent_cyan: #07e5f9; --vkui--color_accent_cyan--hover: #11e6f9; --vkui--color_accent_cyan--active: #1be7f9; --vkui--color_accent_azure: #07f; --vkui--color_accent_azure--hover: #0a7cff; --vkui--color_accent_azure--active: #1482ff; --vkui--color_accent_purple: #8c64ff; --vkui--color_accent_purple--hover: #916aff; --vkui--color_accent_purple--active: #9570ff; --vkui--color_accent_violet: #c15df3; --vkui--color_accent_violet--hover: #c363f3; --vkui--color_accent_violet--active: #c66af4; --vkui--color_accent_raspberry_pink: #f060c0; --vkui--color_accent_raspberry_pink--hover: #f166c3; --vkui--color_accent_raspberry_pink--active: #f16dc5; --vkui--color_accent_pink: #ff3985; --vkui--color_accent_pink--hover: #ff418a; --vkui--color_accent_pink--active: #ff498f; --vkui--color_accent_secondary: #ff9e00; --vkui--color_accent_secondary--hover: #ffa20a; --vkui--color_accent_secondary--active: #ffa614; --vkui--color_action_sheet_text: #07f; --vkui--color_action_sheet_text--hover: #0a7cff; --vkui--color_action_sheet_text--active: #1482ff; --vkui--color_header_background: #232324; --vkui--color_header_background--hover: #2c2c2d; --vkui--color_header_background--active: #353536; --vkui--color_panel_header_icon: #07f; --vkui--color_panel_header_icon--hover: #0a7cff; --vkui--color_panel_header_icon--active: #1482ff; --vkui--color_write_bar_input_background: #2a2a2b; --vkui--color_write_bar_input_background--hover: #333; --vkui--color_write_bar_input_background--active: #3b3b3c; --vkui--color_write_bar_input_border: #2c2d2e; --vkui--color_write_bar_input_border--hover: #343536; --vkui--color_write_bar_input_border--active: #3d3e3f; --vkui--color_write_bar_input_border_alpha: hsla(0,0%,100%,.8); --vkui--color_write_bar_input_border_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_write_bar_input_border_alpha--active: hsla(0,0%,100%,.88); --vkui--color_track_background: #434445; --vkui--color_track_background--hover: #4b4b4c; --vkui--color_track_background--active: #525354; --vkui--color_track_buffer: #83aaea; --vkui--color_track_buffer--hover: #88adeb; --vkui--color_track_buffer--active: #8db1ec; --vkui--color_image_placeholder: #393a3b; --vkui--color_image_placeholder--hover: #414243; --vkui--color_image_placeholder--active: #494a4b; --vkui--color_image_placeholder_alpha: hsla(0,0%,100%,.8); --vkui--color_image_placeholder_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_image_placeholder_alpha--active: hsla(0,0%,100%,.88); --vkui--color_search_field_background: #393a3b; --vkui--color_search_field_background--hover: #414243; --vkui--color_search_field_background--active: #494a4b; --vkui--color_write_bar_icon: #07f; --vkui--color_write_bar_icon--hover: #0a7cff; --vkui--color_write_bar_icon--active: #1482ff; --vkui--color_skeleton_from: #2a2a2b; --vkui--color_skeleton_from--hover: #333; --vkui--color_skeleton_from--active: #3b3b3c; --vkui--color_skeleton_to: #3e3f40; --vkui--color_skeleton_to--hover: #464748; --vkui--color_skeleton_to--active: #4d4e4f; --vkui--color_avatar_overlay: hsla(220,4%,70%,.48); --vkui--color_avatar_overlay--hover: hsla(220,4%,70%,.52); --vkui--color_avatar_overlay--active: hsla(220,4%,70%,.56); --vkui--color_avatar_overlay_inverse_alpha: hsla(0,0%,100%,.85); --vkui--color_avatar_overlay_inverse_alpha--hover: hsla(0,0%,100%,.89); --vkui--color_avatar_overlay_inverse_alpha--active: hsla(0,0%,100%,.93); --vkui--color_overlay_primary: rgba(0,0,0,.72); --vkui--color_overlay_primary--hover: rgba(0,0,0,.76); --vkui--color_overlay_primary--active: rgba(0,0,0,.8); --vkui--color_overlay_secondary: rgba(55,56,57,.5); --vkui--color_overlay_secondary--hover: rgba(55,56,57,.54); --vkui--color_overlay_secondary--active: rgba(55,56,57,.58); --vkui--color_segmented_control: #626364; --vkui--color_segmented_control--hover: #68696a; --vkui--color_segmented_control--active: #6f6f70; --vkui--color_tabbar_text_inactive: #76787a; --vkui--color_tabbar_text_inactive--hover: #7b7d7f; --vkui--color_tabbar_text_inactive--active: #818385; --vkui--color_button_text: #fff; --vkui--color_button_text--hover: #ebedf0; --vkui--color_button_text--active: #d7d8db; --vkui--color_button_icon: #fff; --vkui--color_button_icon--hover: #ebedf0; --vkui--color_button_icon--active: #d7d8db; --vkui--color_button_stroke: #fff; --vkui--color_button_stroke--hover: #ebedf0; --vkui--color_button_stroke--active: #d7d8db; --vkui--color_transparent: transparent; --vkui--color_transparent--hover: hsla(0,0%,100%,.04); --vkui--color_transparent--active: hsla(0,0%,100%,.08); --vkui--color_rating: #ffd400; --vkui--color_rating--hover: #ffd60a; --vkui--color_rating--active: #ffd714; --vkui--color_button_contrast_alpha: hsla(0,0%,100%,.12); --vkui--color_button_contrast_alpha--hover: hsla(0,0%,100%,.2); --vkui--color_button_contrast_alpha--active: hsla(0,0%,100%,.24); --vkui--color_button_contrast: #202124; --vkui--color_button_contrast--hover: #242528; --vkui--color_button_contrast--active: #27282b; --vkui--color_thumb_error_background_alpha: rgba(237,10,52,.12); --vkui--color_thumb_error_background_alpha--hover: rgba(237,10,52,.16); --vkui--color_thumb_error_background_alpha--active: rgba(237,10,52,.2); --vkui--color_background_accent_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_accent_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_accent_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_accent_tint_alpha: rgba(0,119,255,.2); --vkui--color_background_accent_tint_alpha--hover: rgba(0,119,255,.24); --vkui--color_background_accent_tint_alpha--active: rgba(0,119,255,.28); --vkui--color_background_accent_tint_themed: #fff; --vkui--color_background_accent_tint_themed--hover: #ebedf0; --vkui--color_background_accent_tint_themed--active: #d7d8db; --vkui--color_background_warning_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_warning_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_warning_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_warning_tint_alpha: rgba(250,199,6,.12); --vkui--color_background_warning_tint_alpha--hover: rgba(250,199,6,.16); --vkui--color_background_warning_tint_alpha--active: rgba(250,199,6,.2); --vkui--color_background_warning_tint_themed: #fff; --vkui--color_background_warning_tint_themed--hover: #ebedf0; --vkui--color_background_warning_tint_themed--active: #d7d8db; --vkui--color_background_warning_tint: #46402c; --vkui--color_background_warning_tint--hover: #4d4834; --vkui--color_background_warning_tint--active: #554f3d; --vkui--color_background_negative_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_negative_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_negative_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_negative_tint_alpha: rgba(242,55,65,.2); --vkui--color_background_negative_tint_alpha--hover: rgba(242,55,65,.24); --vkui--color_background_negative_tint_alpha--active: rgba(242,55,65,.28); --vkui--color_background_negative_tint_themed: #fff; --vkui--color_background_negative_tint_themed--hover: #ebedf0; --vkui--color_background_negative_tint_themed--active: #d7d8db; --vkui--color_background_positive_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_positive_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_positive_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_positive_tint_alpha: rgba(11,255,89,.16); --vkui--color_background_positive_tint_alpha--hover: rgba(11,255,89,.2); --vkui--color_background_positive_tint_alpha--active: rgba(11,255,89,.24); --vkui--color_background_positive_tint_themed: #fff; --vkui--color_background_positive_tint_themed--hover: #ebedf0; --vkui--color_background_positive_tint_themed--active: #d7d8db; --vkui--color_tooltip_background_blue_tint: #1c4479; --vkui--color_tooltip_background_blue_tint--hover: #254b7e; --vkui--color_tooltip_background_blue_tint--active: #2e5384; --vkui--color_tooltip_background_green_tint: #087c6d; --vkui--color_tooltip_background_green_tint--hover: #128173; --vkui--color_tooltip_background_green_tint--active: #1c8679; --vkui--color_tooltip_background_orange_tint: #78472a; --vkui--color_tooltip_background_orange_tint--hover: #7d4e33; --vkui--color_tooltip_background_orange_tint--active: #83563b; --vkui--color_tooltip_background_purple_tint: #73519f; --vkui--color_tooltip_background_purple_tint--hover: #7958a3; --vkui--color_tooltip_background_purple_tint--active: #7e5fa7; --vkui--color_tooltip_text_blue_themed: #fff; --vkui--color_tooltip_text_blue_themed--hover: #ebedf0; --vkui--color_tooltip_text_blue_themed--active: #d7d8db; --vkui--color_tooltip_text_green_themed: #fff; --vkui--color_tooltip_text_green_themed--hover: #ebedf0; --vkui--color_tooltip_text_green_themed--active: #d7d8db; --vkui--color_tooltip_text_orange_themed: #fff; --vkui--color_tooltip_text_orange_themed--hover: #ebedf0; --vkui--color_tooltip_text_orange_themed--active: #d7d8db; --vkui--color_tooltip_text_purple_themed: #fff; --vkui--color_tooltip_text_purple_themed--hover: #ebedf0; --vkui--color_tooltip_text_purple_themed--active: #d7d8db; --vkui--color_background_sky: #2b2b2c; --vkui--color_background_sky--hover: #333334; --vkui--color_background_sky--active: #3c3c3d; --vkui--color_background_sky_alpha: rgba(51,51,51,.8); --vkui--color_background_sky_alpha--hover: rgba(51,51,51,.84); --vkui--color_background_sky_alpha--active: rgba(51,51,51,.88); --vkui--color_social_vk: #3f8ae0; --vkui--color_social_vk--hover: #478fe1; --vkui--color_social_vk--active: #4e93e2; --vkui--color_social_ok: #ee8208; --vkui--color_social_ok--hover: #ef8712; --vkui--color_social_ok--active: #ef8c1c; --vkui--color_social_fb: #1877f2; --vkui--color_social_fb--hover: #217cf3; --vkui--color_social_fb--active: #2a82f3; --vkui--color_social_mir: #117eda; --vkui--color_social_mir--hover: #1b83db; --vkui--color_social_mir--active: #2488dd; --vkui--color_social_twitter: #1da1f2; --vkui--color_social_twitter--hover: #26a5f3; --vkui--color_social_twitter--active: #2fa9f3; --vkui--color_social_behance: #1769ff; --vkui--color_social_behance--hover: #206fff; --vkui--color_social_behance--active: #2a75ff; --vkui--color_social_dribbble: #ea4c89; --vkui--color_social_dribbble--hover: #eb538e; --vkui--color_social_dribbble--active: #ec5a92; --vkui--color_background_thumbnail: #1f1f1f; --vkui--color_background_thumbnail--hover: #282828; --vkui--color_background_thumbnail--active: #313131; --vkui--color_background_thumbnail_alpha: hsla(0,0%,100%,.08); --vkui--color_background_thumbnail_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_thumbnail_alpha--active: hsla(0,0%,100%,.16); --vkui--color_palette_red1: #fc2c38; --vkui--color_palette_red1--hover: #fc3440; --vkui--color_palette_red1--active: #fc3d48; --vkui--color_palette_red2: #eb1981; --vkui--color_palette_red2--hover: #ec2286; --vkui--color_palette_red2--active: #ed2b8b; --vkui--color_palette_red3: #ff71bb; --vkui--color_palette_red3--hover: #ff77be; --vkui--color_palette_red3--active: #ff7cc0; --vkui--color_palette_orange1: #ff8b2e; --vkui--color_palette_orange1--hover: #ff9036; --vkui--color_palette_orange1--active: #ff943f; --vkui--color_palette_orange1_alpha: rgba(255,158,0,.12); --vkui--color_palette_orange1_alpha--hover: rgba(255,158,0,.16); --vkui--color_palette_orange1_alpha--active: rgba(255,158,0,.2); --vkui--color_palette_yellow1: #ffc311; --vkui--color_palette_yellow1--hover: #ffc51b; --vkui--color_palette_yellow1--active: #ffc824; --vkui--color_palette_green1: #aee113; --vkui--color_palette_green1--hover: #b1e21c; --vkui--color_palette_green1--active: #b4e326; --vkui--color_palette_green2: #59c354; --vkui--color_palette_green2--hover: #60c55b; --vkui--color_palette_green2--active: #66c862; --vkui--color_palette_green3: #37eb94; --vkui--color_palette_green3--hover: #3fec98; --vkui--color_palette_green3--active: #47ed9d; --vkui--color_palette_green4: #00b1b3; --vkui--color_palette_green4--hover: #0ab4b6; --vkui--color_palette_green4--active: #14b7b9; --vkui--color_palette_green1_alpha: rgba(92,186,56,.12); --vkui--color_palette_green1_alpha--hover: rgba(92,186,56,.16); --vkui--color_palette_green1_alpha--active: rgba(92,186,56,.2); --vkui--color_palette_green2_alpha: rgba(0,230,180,.08); --vkui--color_palette_green2_alpha--hover: rgba(0,230,180,.12); --vkui--color_palette_green2_alpha--active: rgba(0,230,180,.16); --vkui--color_palette_blue1: #2951ff; --vkui--color_palette_blue1--hover: #3258ff; --vkui--color_palette_blue1--active: #3a5fff; --vkui--color_palette_blue2: #00abf2; --vkui--color_palette_blue2--hover: #0aaef3; --vkui--color_palette_blue2--active: #14b2f3; --vkui--color_palette_blue3: #26dfdf; --vkui--color_palette_blue3--hover: #2fe0e0; --vkui--color_palette_blue3--active: #37e2e2; --vkui--color_palette_blue1_alpha: rgba(0,95,249,.12); --vkui--color_palette_blue1_alpha--hover: rgba(0,95,249,.16); --vkui--color_palette_blue1_alpha--active: rgba(0,95,249,.2); --vkui--color_palette_violet1: #6c00ff; --vkui--color_palette_violet1--hover: #720aff; --vkui--color_palette_violet1--active: #7814ff; --vkui--color_palette_violet2: #ae73ff; --vkui--color_palette_violet2--hover: #b179ff; --vkui--color_palette_violet2--active: #b47eff; --vkui--color_alert: #c1341b; --vkui--color_alert--hover: #c33c24; --vkui--color_alert--active: #c6442d; --vkui--color_tag_background_mint: #96e9cd; --vkui--color_tag_background_mint--hover: #9aeacf; --vkui--color_tag_background_mint--active: #9eebd1; --vkui--color_tag_text_mint: #1f5c5c; --vkui--color_tag_text_mint--hover: #286363; --vkui--color_tag_text_mint--active: #316969; --vkui--color_tag_background_sky: #9edbff; --vkui--color_tag_background_sky--hover: #a2dcff; --vkui--color_tag_background_sky--active: #a6deff; --vkui--color_tag_text_sky: #20455b; --vkui--color_tag_text_sky--hover: #294c62; --vkui--color_tag_text_sky--active: #325468; --vkui--color_tag_background_orange: #ffb181; --vkui--color_tag_background_orange--hover: #ffb486; --vkui--color_tag_background_orange--active: #ffb78b; --vkui--color_tag_text_orange: #5c361f; --vkui--color_tag_text_orange--hover: #633e28; --vkui--color_tag_text_orange--active: #694631; --vkui--color_tag_background_pink: #ffbfdc; --vkui--color_tag_background_pink--hover: #ffc2dd; --vkui--color_tag_background_pink--active: #ffc4df; --vkui--color_tag_text_pink: #51205b; --vkui--color_tag_text_pink--hover: #582962; --vkui--color_tag_text_pink--active: #5f3268; --vkui--color_tag_background_purple: #cca7ff; --vkui--color_tag_background_purple--hover: #ceabff; --vkui--color_tag_background_purple--active: #d0aeff; --vkui--color_tag_text_purple: #38205b; --vkui--color_tag_text_purple--hover: #402962; --vkui--color_tag_text_purple--active: #483268; --vkui--color_tag_background_salmon: #fe9898; --vkui--color_tag_background_salmon--hover: #fe9c9c; --vkui--color_tag_background_salmon--active: #fea0a0; --vkui--color_tag_text_salmon: #5c2727; --vkui--color_tag_text_salmon--hover: #633030; --vkui--color_tag_text_salmon--active: #693838; --vkui--color_tag_background_yellow: #ffdf7e; --vkui--color_tag_background_yellow--hover: #ffe083; --vkui--color_tag_background_yellow--active: #ffe288; --vkui--color_tag_text_yellow: #5c4d1f; --vkui--color_tag_text_yellow--hover: #635428; --vkui--color_tag_text_yellow--active: #695b31; --vkui--color_tag_background_lime: #caf28e; --vkui--color_tag_background_lime--hover: #ccf393; --vkui--color_tag_background_lime--active: #cef397; --vkui--color_tag_text_lime: #435c1f; --vkui--color_tag_text_lime--hover: #4b6328; --vkui--color_tag_text_lime--active: #526931; --vkui--color_tag_background_grass: #86de8c; --vkui--color_tag_background_grass--hover: #8bdf91; --vkui--color_tag_background_grass--active: #90e195; --vkui--color_tag_text_grass: #1f5c23; --vkui--color_tag_text_grass--hover: #28632c; --vkui--color_tag_text_grass--active: #316935; --vkui--color_tag_background_turquoise: #bcffff; --vkui--color_tag_background_turquoise--hover: #bfffff; --vkui--color_tag_background_turquoise--active: #c1ffff; --vkui--color_tag_text_turquoise: #1f535c; --vkui--color_tag_text_turquoise--hover: #285a63; --vkui--color_tag_text_turquoise--active: #316169; --vkui--color_tag_background_lightsky: #80e3f4; --vkui--color_tag_background_lightsky--hover: #85e4f4; --vkui--color_tag_background_lightsky--active: #8ae5f5; --vkui--color_tag_text_lightsky: #1f455c; --vkui--color_tag_text_lightsky--hover: #284c63; --vkui--color_tag_text_lightsky--active: #315469; --vkui--color_tag_background_main_sky: #b2d0ff; --vkui--color_tag_background_main_sky--hover: #b5d2ff; --vkui--color_tag_background_main_sky--active: #b8d4ff; --vkui--color_tag_text_main_sky: #202e5b; --vkui--color_tag_text_main_sky--hover: #293662; --vkui--color_tag_text_main_sky--active: #323f68; --vkui--color_tag_background_violet: #b5b3fb; --vkui--color_tag_background_violet--hover: #b8b6fb; --vkui--color_tag_background_violet--active: #bbb9fb; --vkui--color_tag_text_violet: #21205b; --vkui--color_tag_text_violet--hover: #2a2962; --vkui--color_tag_text_violet--active: #333268; --vkui--color_tag_background_magenta: #f4b8ff; --vkui--color_tag_background_magenta--hover: #f4bbff; --vkui--color_tag_background_magenta--active: #f5beff; --vkui--color_tag_text_magenta: #5b203a; --vkui--color_tag_text_magenta--hover: #622942; --vkui--color_tag_text_magenta--active: #68324a; --vkui--color_tag_background_tickle: #ff88a4; --vkui--color_tag_background_tickle--hover: #ff8da8; --vkui--color_tag_background_tickle--active: #ff92ab; --vkui--color_tag_text_tickle: #5c212f; --vkui--color_tag_text_tickle--hover: #632a37; --vkui--color_tag_text_tickle--active: #693340; --vkui--octavius_color_placeholder_background: #000; --vkui--octavius_color_placeholder_background--hover: #0a0a0a; --vkui--octavius_color_placeholder_background--active: #141414; --vkui--octavius_color_promo_background: #303030; --vkui--octavius_color_promo_background--hover: #383838; --vkui--octavius_color_promo_background--active: #414141; --vkui--octavius_color_thread_footer_background: #303030; --vkui--octavius_color_thread_footer_background--hover: #383838; --vkui--octavius_color_thread_footer_background--active: #414141; --vkui--octavius_color_button_text: #e7e8ea; --vkui--octavius_color_button_text--hover: #e8e9eb; --vkui--octavius_color_button_text--active: #e9eaec; --vkui--octavius_color_button_icon: #e7e8ea; --vkui--octavius_color_button_icon--hover: #e8e9eb; --vkui--octavius_color_button_icon--active: #e9eaec; --vkui--octavius_color_button_background_alpha: transparent; --vkui--octavius_color_button_background_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_button_background_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_background: #17181b; --vkui--octavius_color_background--hover: #202124; --vkui--octavius_color_background--active: #2a2a2d; --vkui--octavius_color_background_accent_toned_alpha: rgba(0,119,255,.12); --vkui--octavius_color_background_accent_toned_alpha--hover: rgba(0,119,255,.16); --vkui--octavius_color_background_accent_toned_alpha--active: rgba(0,119,255,.2); --vkui--octavius_color_overlay_background: transparent; --vkui--octavius_color_overlay_background--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_overlay_background--active: hsla(0,0%,100%,.08); --vkui--octavius_color_header_background: #232324; --vkui--octavius_color_header_background--hover: #2c2c2d; --vkui--octavius_color_header_background--active: #353536; --vkui--octavius_color_header_button_text: #252629; --vkui--octavius_color_header_button_text--hover: #2e2f32; --vkui--octavius_color_header_button_text--active: #36373a; --vkui--octavius_color_header_button_background_alpha: transparent; --vkui--octavius_color_header_button_background_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_header_button_background_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_header_icon: #fff; --vkui--octavius_color_header_icon--hover: #ebedf0; --vkui--octavius_color_header_icon--active: #d7d8db; --vkui--octavius_color_header_icon_unread: #fff; --vkui--octavius_color_header_icon_unread--hover: #ebedf0; --vkui--octavius_color_header_icon_unread--active: #d7d8db; --vkui--octavius_color_header_icon_favorite: #f23741; --vkui--octavius_color_header_icon_favorite--hover: #f33f49; --vkui--octavius_color_header_icon_favorite--active: #f34750; --vkui--octavius_color_header_icon_attach: #fff; --vkui--octavius_color_header_icon_attach--hover: #ebedf0; --vkui--octavius_color_header_icon_attach--active: #d7d8db; --vkui--octavius_color_header_text_secondary: #93969b; --vkui--octavius_color_header_text_secondary--hover: #979a9f; --vkui--octavius_color_header_text_secondary--active: #9c9ea3; --vkui--octavius_color_header_search_icon: #b6b8be; --vkui--octavius_color_header_search_icon--hover: #b9bbc1; --vkui--octavius_color_header_search_icon--active: #bcbec3; --vkui--octavius_color_header_search_chip_background: #404040; --vkui--octavius_color_header_search_chip_background--hover: #484848; --vkui--octavius_color_header_search_chip_background--active: #4f4f4f; --vkui--octavius_color_header_search_chip_background_editable: #3e3e3e; --vkui--octavius_color_header_search_chip_background_editable--hover: #464646; --vkui--octavius_color_header_search_chip_background_editable--active: #4d4d4d; --vkui--octavius_color_header_search_chip_border_editable_alpha: hsla(0,0%,100%,.48); --vkui--octavius_color_header_search_chip_border_editable_alpha--hover: hsla(0,0%,100%,.52); --vkui--octavius_color_header_search_chip_border_editable_alpha--active: hsla(0,0%,100%,.56); --vkui--octavius_color_header_search_background: #303030; --vkui--octavius_color_header_search_background--hover: #383838; --vkui--octavius_color_header_search_background--active: #414141; --vkui--octavius_color_header_search_background_collapsed: #303030; --vkui--octavius_color_header_search_background_collapsed--hover: #383838; --vkui--octavius_color_header_search_background_collapsed--active: #414141; --vkui--octavius_color_header_search_text: #e7e8ea; --vkui--octavius_color_header_search_text--hover: #e8e9eb; --vkui--octavius_color_header_search_text--active: #e9eaec; --vkui--octavius_color_header_search_text_collapsed: #8c8e94; --vkui--octavius_color_header_search_text_collapsed--hover: #919398; --vkui--octavius_color_header_search_text_collapsed--active: #95979d; --vkui--octavius_color_header_filter_text_alpha: rgba(39,43,55,.5); --vkui--octavius_color_header_filter_text_alpha--hover: rgba(39,43,55,.54); --vkui--octavius_color_header_filter_text_alpha--active: rgba(39,43,55,.58); --vkui--octavius_color_header_tab_active_themed_alpha: hsla(0,0%,100%,.8); --vkui--octavius_color_header_tab_active_themed_alpha--hover: hsla(0,0%,100%,.84); --vkui--octavius_color_header_tab_active_themed_alpha--active: hsla(0,0%,100%,.88); --vkui--octavius_color_header_tab_text_active_themed: #e7e8ea; --vkui--octavius_color_header_tab_text_active_themed--hover: #e8e9eb; --vkui--octavius_color_header_tab_text_active_themed--active: #e9eaec; --vkui--octavius_color_portal_search_background_alpha: hsla(0,0%,100%,.08); --vkui--octavius_color_portal_search_background_alpha--hover: hsla(0,0%,100%,.12); --vkui--octavius_color_portal_search_background_alpha--active: hsla(0,0%,100%,.16); --vkui--octavius_color_portal_search_icon_themed_alpha: hsla(0,0%,100%,.3); --vkui--octavius_color_portal_search_icon_themed_alpha--hover: hsla(0,0%,100%,.34); --vkui--octavius_color_portal_search_icon_themed_alpha--active: hsla(0,0%,100%,.38); --vkui--octavius_color_portal_menu_background: #232324; --vkui--octavius_color_portal_menu_background--hover: #2c2c2d; --vkui--octavius_color_portal_menu_background--active: #353536; --vkui--octavius_color_sidebar_item_icon_active: #fff; --vkui--octavius_color_sidebar_item_icon_active--hover: #ebedf0; --vkui--octavius_color_sidebar_item_icon_active--active: #d7d8db; --vkui--octavius_color_sidebar_item_icon_primary: #e7e8ea; --vkui--octavius_color_sidebar_item_icon_primary--hover: #e8e9eb; --vkui--octavius_color_sidebar_item_icon_primary--active: #e9eaec; --vkui--octavius_color_sidebar_item_text_active: #fff; --vkui--octavius_color_sidebar_item_text_active--hover: #ebedf0; --vkui--octavius_color_sidebar_item_text_active--active: #d7d8db; --vkui--octavius_color_sidebar_item_text_primary: #e7e8ea; --vkui--octavius_color_sidebar_item_text_primary--hover: #e8e9eb; --vkui--octavius_color_sidebar_item_text_primary--active: #e9eaec; --vkui--octavius_color_sidebar_button_icon: #2c2d2e; --vkui--octavius_color_sidebar_button_icon--hover: #343536; --vkui--octavius_color_sidebar_button_icon--active: #3d3e3f; --vkui--octavius_color_sidebar_button_text: #2c2d2e; --vkui--octavius_color_sidebar_button_text--hover: #343536; --vkui--octavius_color_sidebar_button_text--active: #3d3e3f; --vkui--octavius_color_sidebar_button_background: #fff; --vkui--octavius_color_sidebar_button_background--hover: #ebedf0; --vkui--octavius_color_sidebar_button_background--active: #d7d8db; --vkui--octavius_color_sidebar_counter_background_alpha: transparent; --vkui--octavius_color_sidebar_counter_background_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_sidebar_counter_background_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_sidebar_counter_text: #e7e8ea; --vkui--octavius_color_sidebar_counter_text--hover: #e8e9eb; --vkui--octavius_color_sidebar_counter_text--active: #e9eaec; --vkui--octavius_color_sidebar_item_background_alpha: transparent; --vkui--octavius_color_sidebar_item_background_alpha--hover: hsla(0,0%,100%,.24); --vkui--octavius_color_sidebar_item_background_alpha--active: hsla(0,0%,100%,.24); --vkui--octavius_color_sidebar_scrollbar_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_sidebar_scrollbar_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_sidebar_scrollbar_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_sidebar_item_icon: #e7e8ea; --vkui--octavius_color_sidebar_item_icon--hover: #e8e9eb; --vkui--octavius_color_sidebar_item_icon--active: #e9eaec; --vkui--octavius_color_sidebar_item_text: #e7e8ea; --vkui--octavius_color_sidebar_item_text--hover: #e8e9eb; --vkui--octavius_color_sidebar_item_text--active: #e9eaec; --vkui--octavius_color_sidebar_item_button_background_alpha: hsla(0,0%,100%,.08); --vkui--octavius_color_sidebar_item_button_background_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_sidebar_item_button_background_alpha--active: hsla(0,0%,100%,.24); --vkui--octavius_color_sidebar_item_icon_secondary: #8c8e94; --vkui--octavius_color_sidebar_item_icon_secondary--hover: #919398; --vkui--octavius_color_sidebar_item_icon_secondary--active: #95979d; --vkui--octavius_color_sidebar_item_text_secondary: #8c8e94; --vkui--octavius_color_sidebar_item_text_secondary--hover: #919398; --vkui--octavius_color_sidebar_item_text_secondary--active: #95979d; --vkui--octavius_color_sidebar_short_item_icon: #e7e8ea; --vkui--octavius_color_sidebar_short_item_icon--hover: #e8e9eb; --vkui--octavius_color_sidebar_short_item_icon--active: #e9eaec; --vkui--octavius_color_sidebar_short_item_text: #e7e8ea; --vkui--octavius_color_sidebar_short_item_text--hover: #e8e9eb; --vkui--octavius_color_sidebar_short_item_text--active: #e9eaec; --vkui--octavius_color_sidebar_short_item_text_active: #fff; --vkui--octavius_color_sidebar_short_item_text_active--hover: #ebedf0; --vkui--octavius_color_sidebar_short_item_text_active--active: #d7d8db; --vkui--octavius_color_sidebar_short_item_icon_active: #fff; --vkui--octavius_color_sidebar_short_item_icon_active--hover: #ebedf0; --vkui--octavius_color_sidebar_short_item_icon_active--active: #d7d8db; --vkui--octavius_color_sidebar_short_item_icon_secondary: #9c9da2; --vkui--octavius_color_sidebar_short_item_icon_secondary--hover: #a0a1a6; --vkui--octavius_color_sidebar_short_item_icon_secondary--active: #a4a5a9; --vkui--octavius_color_sidebar_short_item_text_secondary: #8c8e94; --vkui--octavius_color_sidebar_short_item_text_secondary--hover: #919398; --vkui--octavius_color_sidebar_short_item_text_secondary--active: #95979d; --vkui--octavius_color_sidebar_compose_button_background: #fff; --vkui--octavius_color_sidebar_compose_button_background--hover: #ebedf0; --vkui--octavius_color_sidebar_compose_button_background--active: #d7d8db; --vkui--octavius_color_sidebar_compose_button_text: #2c2d2e; --vkui--octavius_color_sidebar_compose_button_text--hover: #343536; --vkui--octavius_color_sidebar_compose_button_text--active: #3d3e3f; --vkui--octavius_color_sidebar_compose_button_icon: #2c2d2e; --vkui--octavius_color_sidebar_compose_button_icon--hover: #343536; --vkui--octavius_color_sidebar_compose_button_icon--active: #3d3e3f; --vkui--octavius_color_sidebar_icon_unread: #07f; --vkui--octavius_color_sidebar_icon_unread--hover: #0a7cff; --vkui--octavius_color_sidebar_icon_unread--active: #1482ff; --vkui--octavius_color_sidebar_icon_favorite: #f23741; --vkui--octavius_color_sidebar_icon_favorite--hover: #f33f49; --vkui--octavius_color_sidebar_icon_favorite--active: #f34750; --vkui--octavius_color_sidebar_icon_order: #f94ca3; --vkui--octavius_color_sidebar_icon_order--hover: #f953a7; --vkui--octavius_color_sidebar_icon_order--active: #f95aaa; --vkui--octavius_color_sidebar_icon_finance: #24c780; --vkui--octavius_color_sidebar_icon_finance--hover: #2dc985; --vkui--octavius_color_sidebar_icon_finance--active: #36cb8a; --vkui--octavius_color_sidebar_icon_registration: #ff9c37; --vkui--octavius_color_sidebar_icon_registration--hover: #ffa03f; --vkui--octavius_color_sidebar_icon_registration--active: #ffa447; --vkui--octavius_color_sidebar_icon_travel: #c15df3; --vkui--octavius_color_sidebar_icon_travel--hover: #c363f3; --vkui--octavius_color_sidebar_icon_travel--active: #c66af4; --vkui--octavius_color_sidebar_icon_event: #3bbafe; --vkui--octavius_color_sidebar_icon_event--hover: #43bdfe; --vkui--octavius_color_sidebar_icon_event--active: #4bc0fe; --vkui--octavius_color_sidebar_icon_fees: #ee3c3c; --vkui--octavius_color_sidebar_icon_fees--hover: #ef4444; --vkui--octavius_color_sidebar_icon_fees--active: #ef4c4c; --vkui--octavius_color_content_scrollbar_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_content_scrollbar_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_content_scrollbar_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_action_archive: #0eab67; --vkui--octavius_color_action_archive--hover: #18ae6d; --vkui--octavius_color_action_archive--active: #21b273; --vkui--octavius_color_icon_favorite: #ff4550; --vkui--octavius_color_icon_favorite--hover: #ff4c57; --vkui--octavius_color_icon_favorite--active: #ff545e; --vkui--octavius_color_icon_order: #f94ca3; --vkui--octavius_color_icon_order--hover: #f953a7; --vkui--octavius_color_icon_order--active: #f95aaa; --vkui--octavius_color_icon_finance: #2fc885; --vkui--octavius_color_icon_finance--hover: #37ca8a; --vkui--octavius_color_icon_finance--active: #40cc8f; --vkui--octavius_color_icon_registration: #ff9c37; --vkui--octavius_color_icon_registration--hover: #ffa03f; --vkui--octavius_color_icon_registration--active: #ffa447; --vkui--octavius_color_icon_travel: #c15df3; --vkui--octavius_color_icon_travel--hover: #c363f3; --vkui--octavius_color_icon_travel--active: #c66af4; --vkui--octavius_color_icon_event: #ff6262; --vkui--octavius_color_icon_event--hover: #ff6868; --vkui--octavius_color_icon_event--active: #ff6f6f; --vkui--octavius_color_icon_fees: #ff6262; --vkui--octavius_color_icon_fees--hover: #ff6868; --vkui--octavius_color_icon_fees--active: #ff6f6f; --vkui--octavius_color_icon_event_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_icon_event_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_icon_event_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_icon_order_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_icon_order_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_icon_order_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_icon_travel_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_icon_travel_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_icon_travel_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_list_letter_background: #232324; --vkui--octavius_color_list_letter_background--hover: #2c2c2d; --vkui--octavius_color_list_letter_background--active: #353536; --vkui--octavius_color_list_text_unread: #2c2d2e; --vkui--octavius_color_list_text_unread--hover: #343536; --vkui--octavius_color_list_text_unread--active: #3d3e3f; --vkui--octavius_color_list_text_primary: #2c2d2e; --vkui--octavius_color_list_text_primary--hover: #343536; --vkui--octavius_color_list_text_primary--active: #3d3e3f; --vkui--octavius_color_list_icon_primary: #2c2d2e; --vkui--octavius_color_list_icon_primary--hover: #343536; --vkui--octavius_color_list_icon_primary--active: #3d3e3f; --vkui--octavius_color_list_letter_separator_alpha: rgba(0,0,0,.4); --vkui--octavius_color_list_letter_separator_alpha--hover: rgba(0,0,0,.44); --vkui--octavius_color_list_letter_separator_alpha--active: rgba(0,0,0,.48); --vkui--octavius_color_list_letter_adv_background: #151515; --vkui--octavius_color_list_letter_adv_background--hover: #1e1e1e; --vkui--octavius_color_list_letter_adv_background--active: #282828; --vkui--octavius_color_list_background_positive_alpha: rgba(13,194,104,.08); --vkui--octavius_color_list_background_positive_alpha--hover: rgba(13,194,104,.12); --vkui--octavius_color_list_background_positive_alpha--active: rgba(13,194,104,.16); --vkui--octavius_color_list_background_positive_tags_outline: #272f2a; --vkui--octavius_color_list_background_positive_tags_outline--hover: #303733; --vkui--octavius_color_list_background_positive_tags_outline--active: #38403b; --vkui--octavius_color_letter_list_text_unread: #fff; --vkui--octavius_color_letter_list_text_unread--hover: #ebedf0; --vkui--octavius_color_letter_list_text_unread--active: #d7d8db; --vkui--octavius_color_dataset_background: #232324; --vkui--octavius_color_dataset_background--hover: #2c2c2d; --vkui--octavius_color_dataset_background--active: #353536; --vkui--octavius_color_empty_state_text: #e7e8ea; --vkui--octavius_color_empty_state_text--hover: #e8e9eb; --vkui--octavius_color_empty_state_text--active: #e9eaec; --vkui--octavius_color_button_empty_state_text: #e7e8ea; --vkui--octavius_color_button_empty_state_text--hover: #e8e9eb; --vkui--octavius_color_button_empty_state_text--active: #e9eaec; --vkui--octavius_color_button_empty_state_background_alpha: hsla(0,0%,100%,.12); --vkui--octavius_color_button_empty_state_background_alpha--hover: hsla(0,0%,100%,.16); --vkui--octavius_color_button_empty_state_background_alpha--active: hsla(0,0%,100%,.2); --vkui--octavius_color_layout_border_alpha: transparent; --vkui--octavius_color_layout_border_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_layout_border_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_layout_letter_border_alpha: rgba(0,0,0,.4); --vkui--octavius_color_layout_letter_border_alpha--hover: rgba(0,0,0,.44); --vkui--octavius_color_layout_letter_border_alpha--active: rgba(0,0,0,.48); --vkui--octavius_color_empty_state_text_link: #e7e8ea; --vkui--octavius_color_empty_state_text_link--hover: #e8e9eb; --vkui--octavius_color_empty_state_text_link--active: #e9eaec; --vkui--octavius_color_letter_contact_background_alpha: transparent; --vkui--octavius_color_letter_contact_background_alpha--hover: hsla(0,0%,100%,.08); --vkui--octavius_color_letter_contact_background_alpha--active: hsla(0,0%,100%,.16); --vkui--octavius_color_letter_preview_background_primary: #141414; --vkui--octavius_color_letter_preview_background_primary--hover: #1d1d1d; --vkui--octavius_color_letter_preview_background_primary--active: #272727; --vkui--octavius_color_letter_preview_background_secondary: #0f0f0f; --vkui--octavius_color_letter_preview_background_secondary--hover: #191919; --vkui--octavius_color_letter_preview_background_secondary--active: #222; --vkui--octavius_color_notification_border: #000; --vkui--octavius_color_notification_border--hover: #0a0a0a; --vkui--octavius_color_notification_border--active: #141414; --vkui--octavius_text_decoration_empty_state_text_link: underline; --vkui--octavius_text_decoration_empty_state_text_link--hover: none; --vkui--octavius_text_decoration_empty_state_text_link--active: none; --vkui--octavius_color_background_accent_tint_alpha: rgba(0,95,249,.12); --vkui--octavius_color_background_accent_tint_alpha--hover: rgba(0,95,249,.16); --vkui--octavius_color_background_accent_tint_alpha--active: rgba(0,95,249,.2); --vkui--octavius_color_background_negative_tint_alpha: rgba(236,71,80,.16); --vkui--octavius_color_background_negative_tint_alpha--hover: rgba(236,71,80,.2); --vkui--octavius_color_background_negative_tint_alpha--active: rgba(236,71,80,.24); --vkui--octavius_color_background_positive_tint_alpha: rgba(13,194,104,.12); --vkui--octavius_color_background_positive_tint_alpha--hover: rgba(13,194,104,.16); --vkui--octavius_color_background_positive_tint_alpha--active: rgba(13,194,104,.2); --vkui--octavius_color_button_background_contrast_alpha: hsla(0,0%,98%,.12); --vkui--octavius_color_button_background_contrast_alpha--hover: hsla(0,0%,98%,.16); --vkui--octavius_color_button_background_contrast_alpha--active: hsla(0,0%,98%,.2); --vkui--octavius_color_icon_social: #5f7ce8; --vkui--octavius_color_icon_social--hover: #6581e9; --vkui--octavius_color_icon_social--active: #6c86ea; --vkui--octavius_color_icon_mailings: #ffa447; --vkui--octavius_color_icon_mailings--hover: #ffa84e; --vkui--octavius_color_icon_mailings--active: #ffab56; --vkui--octavius_color_icon_to_myself: #1dc7d2; --vkui--octavius_color_icon_to_myself--hover: #26c9d4; --vkui--octavius_color_icon_to_myself--active: #2fcbd6; --vkui--octavius_color_icon_news: #1db8e4; --vkui--octavius_color_icon_news--hover: #26bbe5; --vkui--octavius_color_icon_news--active: #2fbee6; --vkui--octavius_color_icon_official: #ec4750; --vkui--octavius_color_icon_official--hover: #ed4e57; --vkui--octavius_color_icon_official--active: #ee565e; --vkui--octavius_color_icon_school: #c97eec; --vkui--octavius_color_icon_school--hover: #cb83ed; --vkui--octavius_color_icon_school--active: #cd88ee; --vkui--octavius_color_icon_games: #f8ba04; --vkui--octavius_color_icon_games--hover: #f8bd0e; --vkui--octavius_color_icon_games--active: #f9c018; --vkui--octavius_color_icon_receipts: #74bf05; --vkui--octavius_color_icon_receipts--hover: #7ac20f; --vkui--octavius_color_icon_receipts--active: #7fc419; --vkui--octavius_color_text_fees: #ff6c6c; --vkui--octavius_color_text_fees--hover: #ff7272; --vkui--octavius_color_text_fees--active: #ff7878; --vkui--octavius_color_text_finance: #52c392; --vkui--octavius_color_text_finance--hover: #59c596; --vkui--octavius_color_text_finance--active: #60c89b; --vkui--octavius_color_text_social: #7688e9; --vkui--octavius_color_text_social--hover: #7b8dea; --vkui--octavius_color_text_social--active: #8192eb; --vkui--octavius_color_text_mailings: #ffa950; --vkui--octavius_color_text_mailings--hover: #ffac57; --vkui--octavius_color_text_mailings--active: #ffb05e; --vkui--octavius_color_text_to_myself: #41c9d2; --vkui--octavius_color_text_to_myself--hover: #49cbd4; --vkui--octavius_color_text_to_myself--active: #50cdd6; --vkui--octavius_color_text_news: #37c1e8; --vkui--octavius_color_text_news--hover: #3fc3e9; --vkui--octavius_color_text_news--active: #47c6ea; --vkui--octavius_color_text_school: #d392f2; --vkui--octavius_color_text_school--hover: #d596f3; --vkui--octavius_color_text_school--active: #d79bf3; --vkui--octavius_color_text_games: #f6be1a; --vkui--octavius_color_text_games--hover: #f6c123; --vkui--octavius_color_text_games--active: #f7c32c; --vkui--octavius_color_sidebar_widget_background_alpha: hsla(0,0%,100%,.16); --vkui--octavius_color_sidebar_widget_background_alpha--hover: hsla(0,0%,100%,.04); --vkui--octavius_color_sidebar_widget_background_alpha--active: hsla(0,0%,100%,.08); --vkui--octavius_color_snackbar_icon_positive: #24c649; --vkui--octavius_color_snackbar_icon_positive--hover: #2dc850; --vkui--octavius_color_snackbar_icon_positive--active: #36cb58; --vkui--octavius_color_snackbar_icon_negative: #f85050; --vkui--octavius_color_snackbar_icon_negative--hover: #f85757; --vkui--octavius_color_snackbar_icon_negative--active: #f95e5e; --vkui--octavius_color_snackbar_icon_accent: #07f; --vkui--octavius_color_snackbar_icon_accent--hover: #0a7cff; --vkui--octavius_color_snackbar_icon_accent--active: #1482ff; --vkui--octavius_color_snackbar_icon_secondary: #9c9da2; --vkui--octavius_color_snackbar_icon_secondary--hover: #a0a1a6; --vkui--octavius_color_snackbar_icon_secondary--active: #a4a5a9; --vkui--octavius_color_snackbar_icon_warning: #ff9e00; --vkui--octavius_color_snackbar_icon_warning--hover: #ffa20a; --vkui--octavius_color_snackbar_icon_warning--active: #ffa614; --vkui--octavius_color_snackbar_text_accent: #1a85ff; --vkui--octavius_color_snackbar_text_accent--hover: #238aff; --vkui--octavius_color_snackbar_text_accent--active: #2c8fff; --vkui--octavius_color_snackbar_text_contrast: #fff; --vkui--octavius_color_snackbar_text_contrast--hover: #ebedf0; --vkui--octavius_color_snackbar_text_contrast--active: #d7d8db; --vkui--octavius_color_snackbar_background: #303030; --vkui--octavius_color_snackbar_background--hover: #383838; --vkui--octavius_color_snackbar_background--active: #414141; --vkui--octavius_color_snackbar_transparent: hsla(0,0%,100%,.16); --vkui--octavius_color_snackbar_transparent--active: hsla(0,0%,100%,.04); --vkui--octavius_color_snackbar_transparent--hover: hsla(0,0%,100%,.08); --vkui--octavius_color_icon_unread: #07f; --vkui--octavius_color_icon_unread--hover: #0a7cff; --vkui--octavius_color_icon_unread--active: #1482ff; --vkui--octavius_color_header_progress: #07f; --vkui--octavius_color_header_progress--hover: #0a7cff; --vkui--octavius_color_header_progress--active: #1482ff; --vkui--paradigm_tech_background_portal: #17181b; --vkui--paradigm_tech_background_portal--hover: #202124; --vkui--paradigm_tech_background_portal--active: #2a2a2d; --vkui--paradigm_tech_avatars_sky: #9dd5fe; --vkui--paradigm_tech_avatars_sky--hover: #a1d7fe; --vkui--paradigm_tech_avatars_sky--active: #a5d8fe; --vkui--paradigm_tech_avatars_seagreen: #70ec9a; --vkui--paradigm_tech_avatars_seagreen--hover: #76ed9e; --vkui--paradigm_tech_avatars_seagreen--active: #7beea2; --vkui--paradigm_tech_avatars_mint: #7beadb; --vkui--paradigm_tech_avatars_mint--hover: #80ebdc; --vkui--paradigm_tech_avatars_mint--active: #86ecde; --vkui--paradigm_tech_avatars_cyan: #00d3e6; --vkui--paradigm_tech_avatars_cyan--hover: #0ad5e7; --vkui--paradigm_tech_avatars_cyan--active: #14d7e8; --vkui--paradigm_tech_avatars_blue: #2389ff; --vkui--paradigm_tech_avatars_blue--hover: #2c8eff; --vkui--paradigm_tech_avatars_blue--active: #3592ff; --vkui--paradigm_tech_avatars_red: #f85050; --vkui--paradigm_tech_avatars_red--hover: #f85757; --vkui--paradigm_tech_avatars_red--active: #f95e5e; --vkui--paradigm_tech_avatars_yellow: #ffd65c; --vkui--paradigm_tech_avatars_yellow--hover: #ffd863; --vkui--paradigm_tech_avatars_yellow--active: #ffd969; --vkui--paradigm_tech_avatars_indigo: #7876ff; --vkui--paradigm_tech_avatars_indigo--hover: #7d7bff; --vkui--paradigm_tech_avatars_indigo--active: #8381ff; --vkui--paradigm_tech_avatars_peach: #fcbe99; --vkui--paradigm_tech_avatars_peach--hover: #fcc19d; --vkui--paradigm_tech_avatars_peach--active: #fcc3a1; --vkui--paradigm_tech_avatars_lavander: #c9b7ff; --vkui--paradigm_tech_avatars_lavander--hover: #cbbaff; --vkui--paradigm_tech_avatars_lavander--active: #cdbdff; --vkui--paradigm_tech_avatars_violet: #b780f3; --vkui--paradigm_tech_avatars_violet--hover: #ba85f3; --vkui--paradigm_tech_avatars_violet--active: #bd8af4; --vkui--paradigm_tech_avatars_green: #2acf56; --vkui--paradigm_tech_avatars_green--hover: #33d15d; --vkui--paradigm_tech_avatars_green--active: #3bd364; --vkui--paradigm_tech_avatars_lime: #c3f07f; --vkui--paradigm_tech_avatars_lime--hover: #c5f184; --vkui--paradigm_tech_avatars_lime--active: #c8f189; --vkui--paradigm_tech_avatars_coral: #ffa9a3; --vkui--paradigm_tech_avatars_coral--hover: #ffaca7; --vkui--paradigm_tech_avatars_coral--active: #ffb0aa; --vkui--paradigm_tech_avatars_orange: #fb8422; --vkui--paradigm_tech_avatars_orange--hover: #fb892b; --vkui--paradigm_tech_avatars_orange--active: #fb8e34; } body:not(.vkui--cloud--dark):not(.vkui--octavius--light) { --vkui--color_text_positive: #5cba38; --vkui--color_text_negative: #e64646; --vkui--color_icon_positive: #5cba38; --vkui--color_icon_negative: #e64646; --vkui--color_background_secondary: #f3f3f5; --vkui--color_background_secondary_alpha: rgba(0,16,61,.05); --vkui--color_background_tertiary: #f6f7f8; --vkui--color_background_positive: #5cba38; --vkui--color_background_negative_tint: #ffe4e9; --vkui--color_background_warning: #fdf3d2; --vkui--color_stroke_positive: #5cba38; --vkui--color_stroke_negative: #e64646; --vkui--color_field_border_alpha: rgba(0,0,0,.2); --vkui--color_skeleton_to: #ebedf0; --vkui--color_skeleton_from: #f5f5f5; --vkui--color_background_accent--hover: #0b66f9; --vkui--color_background_accent--active: #0056e2; --vkui--color_background_accent_themed--hover: #0b66f9; --vkui--color_background_accent_themed--active: #0056e2; --vkui--color_background_secondary--hover: #f3f5f8; --vkui--color_background_secondary--active: #e0e2e8; --vkui--color_background_secondary_alpha--hover: rgba(0,16,61,.1); --vkui--color_background_secondary_alpha--active: rgba(0,16,61,.14); --vkui--color_background_contrast--hover: #ebedf0; --vkui--color_background_contrast--active: #d7d8db; --vkui--color_background_negative--hover: #d83e3c; --vkui--color_background_negative--active: #c93633; --vkui--color_background_positive_tint: #ebf7e7; --vkui--color_background_contrast_inverse: #333; --vkui--color_background_accent_tint_alpha: rgba(0,95,249,.1); --vkui--color_background_accent_tint_alpha--hover: rgba(0,95,249,.14); --vkui--color_background_accent_tint_alpha--active: rgba(0,95,249,.18); --vkui--color_background_negative_tint_alpha: rgba(237,10,52,.12); --vkui--color_background_positive_tint_alpha: rgba(92,186,56,.12); --vkui--octavius_color_list_letter_adv_background: #f0f5ff; --vkui--color_background_primary: #f3f3f5; --vkui--color_background_positive_v2: #0dc268; --vkui--color_background_vigbo_benefit: #fff; } body.vkui--cloud--dark { --vkui--color_text_positive: #5cba38; --vkui--color_icon_positive: #5cba38; --vkui--color_background_positive: #5cba38; --vkui--color_background_negative_tint: #401616; --vkui--color_background_warning: #484205; --vkui--color_stroke_positive: #5cba38; --vkui--color_background_negative--hover: #d83e3c; --vkui--color_background_negative--active: #c93633; --vkui--color_background_positive_tint: #16300d; --vkui--color_background_contrast_inverse: #333; --vkui--color_background_accent_tint_alpha: rgba(0,95,249,.1); --vkui--color_background_accent_tint_alpha--hover: rgba(0,95,249,.14); --vkui--color_background_accent_tint_alpha--active: rgba(0,95,249,.18); --vkui--color_background_negative_tint_alpha: rgba(237,10,52,.1); --vkui--color_background_positive_tint_alpha: rgba(92,186,56,.1); --vkui--color_background_secondary_alpha--hover: hsla(0,0%,100%,.16); --vkui--color_background_secondary_alpha--active: hsla(0,0%,100%,.2); --vkui--color_background_modal: #1f1f1f; --vkui--color_background_modal_inverse: #333; --vkui--octavius_color_list_letter_adv_background: #151515; --vkui--color_background_primary: #191919; --vkui--color_skeleton_to: #29292a; --vkui--color_skeleton_from: #505050; --vkui--color_background_positive_v2: #0dc268; --vkui--color_background_vigbo_benefit: hsla(0,0%,100%,.06); } :root { --cloud--color_background_file_document: #e1f0fd; --cloud--color_icon_file_document_invariably: #018bf2; --cloud--color_background_file_presentation: #fae9ea; --cloud--color_icon_file_presentation_invariably: #da4c4e; --cloud--color_background_viewer: #000; --cloud--color_background_viewer--hover: #272727; --cloud--color_background_drag_and_drop: rgba(0,95,249,.04); --cloud--color_background_drag_and_drop--hover: rgba(0,95,249,.06); --cloud--color_stroke_accent_alpha: rgba(0,95,249,.6); --cloud--color_stroke_accent_alpha--hover: rgba(0,95,249,.8); --cloud--color_text_accent_alternative: #ff9e00; --cloud--color_text_secondary_alpha: #fff; --cloud--color_background_white: #fff; --cloud--color_text_contrast_themed_alpha: hsla(0,0%,100%,.6); --cloud--color_text_snackbar_accent: #65a0ff; --cloud--color_icon_accent_alternative: #ff9e00; --cloud--color_icon_rating: #ffd400; --cloud--color_icon_folder: #ffca5a; --cloud--color_background_snackbar: #333; --cloud--color_background_toolbar: #fff; --cloud--color_background_header_icon: rgba(71,71,71,.06); --cloud--color_background_tabbar: hsla(0,0%,100%,.9); --cloud--color_background_accent_alpha: rgba(0,95,249,.12); --cloud--color_background_cta: #f5f9ff; --cloud--color_background_header_search: #fff; --cloud--color_background_header_search_collapsed: #f0f1f3; --cloud--color_background_web_background_portal: #f6f7f8; --cloud--color_sweet_blue: #dde9ff; --cloud--color_blue_accent_themed: #1c4479; --cloud--color_sweet_green: #ceeee6; --cloud--color_green_accent_themed: #087c6d; --cloud--color_sweet_orange: #f9d3bd; --cloud--color_orange_accent_themed: #78472a; --cloud--color_sweet_purple: #f2e8ff; --cloud--color_purple_accent_themed: #73519f; --cloud--color_icon_idcard_themed: rgba(0,95,249,.2); --cloud--color_icon_idcard: #005ff9; --cloud--color_icon_official_themed: rgba(236,71,80,.2); --cloud--color_icon_official: #ec4750; --cloud--color_icon_transport_themed: rgba(174,126,236,.2); --cloud--color_icon_transport: #ae7eec; --cloud--color_icon_finance_themed: rgba(36,199,128,.2); --cloud--color_icon_finance: #24c780; --cloud--color_icon_file_table_invariably: #019784; --cloud--color_background_file_table: #e1f2f0; --cloud--color_background_file_other: rgba(0,16,61,.05); --cloud--color_background_negative_secondary_alpha–hover: #ffdede; --cloud--color_background_negative_secondary_alpha–active: #ffd6d6; --cloud--color_background_accent_alternative-disabled: rgba(255,158,0,.48); --cloud--color_icon_primary–disabled: rgba(71,71,71,.48); --cloud--color_icon_secondary–disabled: hsla(0,0%,70%,.48); --cloud--color_text_secondary--disabled: hsla(0,0%,52%,.48); --cloud--color_transparent_contrast–hover: hsla(0,0%,100%,.08); --cloud--color_transparent_contrast–active: hsla(0,0%,100%,.122); --cloud-color_text_default: #2c2d2e; --promo--dark_background_dark: #2c2d2e; --promo--text_contrast: #fff; --promo--text_secondary: #959697; --cloud--color_left_back_button_modal: #2c2d2e; --cloud--color_background_left_back_button_modal: #fff; --cloud--color_background_left_back_button_modal-hover: #f5f5f7; --cloud--color_background_left_back_button_modal-active: #ebecef; --cloud--color_text_sharing_tab_button: #2c2d2e; --cloud--color_background_sharing_tab_button: #fff; --cloud--color_background_sharing_tab_menu: #f0f1f4; --cloud-color_user_name_tab: #87898f; --cloud--color_background_scroll_top_button: #fff; --cloud--color-stroke-field_border_alpha: rgba(0,0,0,.2); --cloud--color_transparent–hover: rgba(0,16,61,.04); --cloud--color_background-dark-button: hsla(0,0%,100%,.12); --cloud--color_background-dark-button-hover: hsla(0,0%,100%,.16); --cloud--color_background-dark-button-active: hsla(0,0%,100%,.2); --cloud--color_background_label_second: #474747; } :root .vkui--cloud--dark { --cloud--color_background_file_document: hsla(0,0%,100%,.08); --cloud--color_icon_file_document_invariably: #018bf2; --cloud--color_background_file_presentation: hsla(0,0%,100%,.08); --cloud--color_icon_file_presentation_invariably: #da4c4e; --cloud--color_background_viewer: #000; --cloud--color_background_viewer--hover: #272727; --cloud--color_background_drag_and_drop: rgba(60,130,253,.04); --cloud--color_background_drag_and_drop--hover: rgba(60,130,253,.06); --cloud--color_background_web_background_portal: #19191a; --cloud--color_stroke_accent_alpha: rgba(60,130,253,.6); --cloud--color_stroke_accent_alpha--hover: rgba(60,130,253,.8); --cloud--color_text_accent_alternative: #ff9e00; --cloud--color_background_header_icon: hsla(0,0%,71%,.16); --cloud--color_background_file_table: hsla(0,0%,100%,.08); --cloud--color_background_cta: #1b1d21; --cloud--color_text_sharing_tab_button: #e7e8ea; --cloud--color_background_sharing_tab_button: #626364; --cloud--color_background_sharing_tab_menu: #333; --cloud-color_user_name_tab: #8c8e94; --cloud--color_background_scroll_top_button: #333; --cloud--color-stroke-field_border_alpha: hsla(0,0%,56%,.5); --cloud--color_transparent–hover: hsla(0,0%,100%,.04); --cloud--color_sweet_blue: #1c4479; --cloud--color_blue_accent_themed: #fff; } .vkui--cloud--dark { --vkui--theme_name: "cloudDark"; --vkui--font_family_fallbacks: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_accent: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_family_base: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_weight_accent1: 500; --vkui--font_weight_accent2: 500; --vkui--font_weight_accent3: 400; --vkui--font_weight_base1: 700; --vkui--font_weight_base2: 700; --vkui--font_weight_base3: 400; --vkui--font_display_title1--font_size--regular: 23px; --vkui--font_display_title1--line_height--regular: 28px; --vkui--font_display_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title1--font_weight--regular: 500; --vkui--font_display_title2--font_size--regular: 21px; --vkui--font_display_title2--line_height--regular: 26px; --vkui--font_display_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--regular: 500; --vkui--font_display_title2--font_size--compact: 22px; --vkui--font_display_title2--line_height--compact: 22px; --vkui--font_display_title2--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title2--font_weight--compact: 500; --vkui--font_display_title3--font_size--regular: 19px; --vkui--font_display_title3--line_height--regular: 24px; --vkui--font_display_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title3--font_weight--regular: 500; --vkui--font_display_title4--font_size--regular: 17px; --vkui--font_display_title4--line_height--regular: 24px; --vkui--font_display_title4--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_display_title4--font_weight--regular: 500; --vkui--font_title1--font_size--regular: 24px; --vkui--font_title1--line_height--regular: 28px; --vkui--font_title1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title1--font_weight--regular: 500; --vkui--font_title2--font_size--regular: 20px; --vkui--font_title2--line_height--regular: 26px; --vkui--font_title2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2--font_weight--regular: 500; --vkui--font_title3--font_size--regular: 17px; --vkui--font_title3--line_height--regular: 22px; --vkui--font_title3--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3--font_weight--regular: 500; --vkui--font_headline1--font_size--regular: 16px; --vkui--font_headline1--line_height--regular: 20px; --vkui--font_headline1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline1--font_weight--regular: 500; --vkui--font_headline1--font_size--compact: 15px; --vkui--font_headline1--line_height--compact: 20px; --vkui--font_headline2--font_size--regular: 15px; --vkui--font_headline2--line_height--regular: 20px; --vkui--font_headline2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline2--font_weight--regular: 500; --vkui--font_headline2--font_size--compact: 14px; --vkui--font_headline2--line_height--compact: 20px; --vkui--font_text--font_size--regular: 16px; --vkui--font_text--line_height--regular: 20px; --vkui--font_text--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_text--font_weight--regular: 400; --vkui--font_text--font_size--compact: 15px; --vkui--font_text--line_height--compact: 20px; --vkui--font_paragraph--font_size--regular: 15px; --vkui--font_paragraph--line_height--regular: 20px; --vkui--font_paragraph--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_paragraph--font_weight--regular: 400; --vkui--font_subhead--font_size--regular: 14px; --vkui--font_subhead--line_height--regular: 18px; --vkui--font_subhead--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subhead--font_weight--regular: 400; --vkui--font_subhead--font_size--compact: 13px; --vkui--font_subhead--line_height--compact: 18px; --vkui--font_footnote--font_size--regular: 13px; --vkui--font_footnote--line_height--regular: 18px; --vkui--font_footnote--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote--font_weight--regular: 400; --vkui--font_footnote_caps--font_size--regular: 13px; --vkui--font_footnote_caps--line_height--regular: 18px; --vkui--font_footnote_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_footnote_caps--font_weight--regular: 400; --vkui--font_footnote_caps--text_transform--regular: uppercase; --vkui--font_footnote_caps--letter_spacing--regular: 0.3px; --vkui--font_caption1--font_size--regular: 12px; --vkui--font_caption1--line_height--regular: 16px; --vkui--font_caption1--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1--font_weight--regular: 400; --vkui--font_caption1_caps--font_size--regular: 12px; --vkui--font_caption1_caps--line_height--regular: 16px; --vkui--font_caption1_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps--font_weight--regular: 400; --vkui--font_caption1_caps--text_transform--regular: uppercase; --vkui--font_caption1_caps--letter_spacing--regular: 0.26px; --vkui--font_caption2--font_size--regular: 11px; --vkui--font_caption2--line_height--regular: 14px; --vkui--font_caption2--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2--font_weight--regular: 400; --vkui--font_caption2_caps--font_size--regular: 11px; --vkui--font_caption2_caps--line_height--regular: 14px; --vkui--font_caption2_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps--font_weight--regular: 400; --vkui--font_caption2_caps--text_transform--regular: uppercase; --vkui--font_caption2_caps--letter_spacing--regular: 0.22px; --vkui--font_caption3--font_size--regular: 9px; --vkui--font_caption3--line_height--regular: 12px; --vkui--font_caption3--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3--font_weight--regular: 400; --vkui--font_caption3_caps--font_size--regular: 9px; --vkui--font_caption3_caps--line_height--regular: 12px; --vkui--font_caption3_caps--font_family--regular: apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps--font_weight--regular: 400; --vkui--font_caption3_caps--text_transform--regular: uppercase; --vkui--font_caption3_caps--letter_spacing--regular: 0.16px; --vkui--size_select_icon_padding--regular: 7px; --vkui--size_select_icon_padding--compact: 6px; --vkui--size_popup_base_padding--regular: 20px; --vkui--size_popup_base_padding--compact: 32px; --vkui--size_popup_header_padding--regular: 16px; --vkui--size_popup_header_padding--compact: 24px; --vkui--size_border_radius--regular: 8px; --vkui--size_border_radius_rounded--regular: 48px; --vkui--size_check_border_radius--regular: 4px; --vkui--size_border_radius_paper--regular: 12px; --vkui--size_border_radius_promo--regular: 20px; --vkui--size_cell_height--regular: 48px; --vkui--size_cell_height--compact: 44px; --vkui--size_field_height--regular: 44px; --vkui--size_field_height--compact: 36px; --vkui--size_search_height--regular: 36px; --vkui--size_search_height--compact: 32px; --vkui--size_button_extra_small_height--regular: 24px; --vkui--size_button_extra_small_height--compact: 22px; --vkui--size_button_small_height--regular: 30px; --vkui--size_button_small_height--compact: 28px; --vkui--size_button_medium_height--regular: 36px; --vkui--size_button_medium_height--compact: 32px; --vkui--size_button_large_height--regular: 44px; --vkui--size_button_large_height--compact: 36px; --vkui--size_checkbox--regular: 16px; --vkui--size_arrow--regular: 8px; --vkui--size_arrow_promo--regular: 40px; --vkui--size_popup_small--regular: 430px; --vkui--size_popup_medium--regular: 680px; --vkui--size_popup_large--regular: 880px; --vkui--size_field_horizontal_padding--regular: 12px; --vkui--size_button_padding_horizontal--regular: 20px; --vkui--size_button_padding_horizontal--compact: 16px; --vkui--size_label_horizontal_margin--regular: 16px; --vkui--size_arrow_padding--regular: 12px; --vkui--size_tooltip_margin--regular: 8px; --vkui--size_icon_u_i--regular: 16px; --vkui--size_avatar_x_s--regular: 24px; --vkui--size_avatar_s--regular: 32px; --vkui--size_avatar_m--regular: 48px; --vkui--size_avatar_l--regular: 96px; --vkui--size_avatar_x_l--regular: 128px; --vkui--size_badge_x_s--regular: 12px; --vkui--size_badge_s--regular: 16px; --vkui--size_badge_m--regular: 24px; --vkui--size_badge_l--regular: 44px; --vkui--size_badge_x_l--regular: 56px; --vkui--size_cardgrid_padding--regular: 12px; --vkui--size_card_border_radius--regular: 16px; --vkui--size_cardgrid_padding_vertical--regular: 8px; --vkui--size_base_padding_horizontal--regular: 16px; --vkui--size_base_padding_vertical--regular: 12px; --vkui--size_button_group_gap_space--regular: 1px; --vkui--size_button_group_gap_small--regular: 8px; --vkui--size_button_group_gap_medium--regular: 12px; --vkui--size_option_hierarchy--regular: 32px; --vkui--size_switch_height--regular: 14px; --vkui--size_switch_height--compact: 12px; --vkui--size_switch_width--regular: 34px; --vkui--size_switch_width--compact: 32px; --vkui--size_switch_pin--regular: 20px; --vkui--size_switch_pin--compact: 18px; --vkui--size_panel_header_height--compact: 48px; --vkui--size_panel_header_height--regular: 56px; --vkui--size_button_base_small_padding_horizontal--regular: 16px; --vkui--size_button_base_medium_padding_horizontal--regular: 16px; --vkui--size_button_base_large_padding_horizontal--regular: 20px; --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px; --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px; --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px; --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px; --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px; --vkui--size_button_minimum_width--regular: 80px; --vkui--size_form_item_padding_vertical--regular: 12px; --vkui--size_split_col_padding_horizontal--regular: 16px; --vkui--size_subnavigation_bar_gap--regular: 8px; --vkui--size_subnavigation_bar_padding_vertical--regular: 12px; --vkui--size_border1x--regular: 1px; --vkui--size_border2x--regular: 0.5px; --vkui--size_border3x--regular: 0.33px; --vkui--spacing_size_3xs: 2px; --vkui--spacing_size_2xs: 2px; --vkui--spacing_size_xs: 4px; --vkui--spacing_size_s: 6px; --vkui--spacing_size_m: 8px; --vkui--spacing_size_l: 10px; --vkui--spacing_size_xl: 12px; --vkui--spacing_size_2xl: 16px; --vkui--spacing_size_3xl: 20px; --vkui--spacing_size_4xl: 24px; --vkui--elevation1: 0 2px 0 0 rgba(0,0,0,.04); --vkui--elevation1_invert_y: 0 -2px 0 0 rgba(0,0,0,.04); --vkui--elevation2: 0 4px 48px 0 rgba(0,0,0,.72); --vkui--elevation3: 0 4px 32px 0 rgba(0,0,0,.48); --vkui--elevation4: 0 4px 32px 0 rgba(0,0,0,.48); --vkui--gradient_black: transparent 0%,rgba(0,0,0,.02) 15%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.32) 70%,rgba(0,0,0,.38) 85%,rgba(0,0,0,.4) 100%; --vkui--gradient_white: hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.05) 15%,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.8) 70%,hsla(0,0%,100%,.95) 85%,#fff 100%; --vkui--gradient_tint: rgba(37,37,37,0) 0%,rgba(37,37,37,.05) 15%,rgba(37,37,37,.2) 30%,rgba(37,37,37,.8) 70%,rgba(37,37,37,.95) 85%,#252525 100%; --vkui--gradient: rgba(35,35,36,0) 0%,rgba(35,35,36,.05) 15%,rgba(35,35,36,.2) 30%,rgba(35,35,36,.8) 70%,rgba(35,35,36,.95) 85%,#232324 100%; --vkui--animation_duration_l: 0.4s; --vkui--animation_duration_m: 0.2s; --vkui--animation_duration_s: 0.1s; --vkui--animation_easing_default: cubic-bezier(0.3,0.3,0.5,1); --vkui--animation_easing_platform: cubic-bezier(0.3,0.3,0.5,1); --vkui--opacity_disable: 0.48; --vkui--opacity_disable_accessibility: 0.64; --vkui--opacity_active: 0.72; --vkui--blur_m: 16px; --vkui--z_index_modal: 99; --vkui--z_index_popout: 100; --vkui--x0: 0px; --vkui--x025: 1px; --vkui--x05: 2px; --vkui--x1: 4px; --vkui--x2: 8px; --vkui--x3: 12px; --vkui--x4: 16px; --vkui--x5: 20px; --vkui--x6: 24px; --vkui--x8: 32px; --vkui--x10: 40px; --vkui--x12: 48px; --vkui--x15: 60px; --vkui--x20: 80px; --vkui--size_base: 4px; --vkui--size_grid: 20px; --vkui--font_h0--font_size--regular: 28px; --vkui--font_h0--line_height--regular: 32px; --vkui--font_h0--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h0--font_weight--regular: 500; --vkui--font_h0--font_size--compact: 44px; --vkui--font_h0--line_height--compact: 52px; --vkui--font_h1--font_size--regular: 24px; --vkui--font_h1--line_height--regular: 28px; --vkui--font_h1--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h1--font_weight--regular: 500; --vkui--font_h1--font_size--compact: 32px; --vkui--font_h1--line_height--compact: 36px; --vkui--font_h2--font_size--regular: 20px; --vkui--font_h2--line_height--regular: 26px; --vkui--font_h2--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_h2--font_weight--regular: 500; --vkui--font_h2--font_size--compact: 28px; --vkui--font_h2--line_height--compact: 32px; --vkui--size_arrow_height--regular: 8px; --vkui--size_arrow_width--regular: 12px; --vkui--size_base_padding--regular: 16px; --vkui--size_base_padding--compact: 20px; --vkui--size_border_width_tab--regular: 2px; --vkui--size_border_width_bar--regular: 4px; --vkui--size_border_width_accent--regular: 8px; --vkui--size_border_width_accent_secondary--regular: 8px; --vkui--size_control_button_width_min--regular: 130px; --vkui--size_control_button_width_min--compact: 104px; --vkui--size_promo_button_close--regular: 32px; --vkui--size_button_slider_height--regular: 24px; --vkui--size_button_slider_width--regular: 12px; --vkui--size_button_slider_width_pointer--regular: 16px; --vkui--size_field_width_min--regular: 328px; --vkui--size_field_width_min--compact: 380px; --vkui--size_label_width--regular: 184px; --vkui--size_progress--regular: 4px; --vkui--size_progress_scroll--regular: 12px; --vkui--size_dot_bullet--regular: 4px; --vkui--size_dot_indicate--regular: 8px; --vkui--size_dot_clickable--regular: 12px; --vkui--size_vertical_padding--regular: 0px; --vkui--size_button_more_padding--regular: 8px; --vkui--size_icon_more_padding--regular: 12px; --vkui--size_icon_more_padding--compact: 8px; --vkui--size_button_icon_padding--regular: 16px; --vkui--size_button_icon_padding--compact: 20px; --vkui--size_div_padding--regular: 4px; --vkui--size_menu_padding--regular: 8px; --vkui--size_tag_padding--regular: 8px; --vkui--size_tab_padding--regular: 16px; --vkui--size_table_horizontal_padding--regular: 16px; --vkui--size_table_vertical_padding--regular: 16px; --vkui--size_slice_top_padding--regular: 40px; --vkui--size_slice_bottom_padding--regular: 60px; --vkui--size_base_margin--regular: 12px; --vkui--size_label_vertical_margin--regular: 4px; --vkui--size_tip_margin--regular: 4px; --vkui--size_field_horizontal_margin--regular: 20px; --vkui--size_field_vertical_margin--regular: 24px; --vkui--size_field_set_margin--regular: 32px; --vkui--size_icon_margin--regular: 12px; --vkui--size_icon_margin--compact: 8px; --vkui--size_choice_margin--regular: 8px; --vkui--size_menu_margin--regular: 2px; --vkui--size_tag_margin--regular: 8px; --vkui--size_tab_margin--regular: 8px; --vkui--size_bullet_margin--regular: 12px; --vkui--size_attribute_margin--regular: 4px; --vkui--size_popup_margin--regular: 8px; --vkui--size_popup_margin--compact: 24px; --vkui--size_header_icon--regular: 20px; --vkui--size_wysiwyg_icon--regular: 14px; --vkui--size_illustration_s--regular: 48px; --vkui--size_illustration_x_m--regular: 72px; --vkui--size_illustration_m--regular: 96px; --vkui--size_illustration_l--regular: 144px; --vkui--size_illustration_x_x_l--regular: 228px; --vkui--tone_value_overlay: 0.48; --vkui--tone_value_viewer: 0.88; --vkui--tone_value_toolbar: 0.24; --vkui--tone_value_hover: 0.04; --vkui--tone_value_active: 0.08; --vkui--tone_value_focus: 0.08; --vkui--type_border_button: solid; --vkui--type_border_position: inset; --vkui--theme_name_base: "cloud"; --vkui--font_title2_custom--font_size--regular: 20px; --vkui--font_title2_custom--line_height--regular: 26px; --vkui--font_title2_custom--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title2_custom--font_weight--regular: 400; --vkui--font_title2_custom--font_size--compact: 20px; --vkui--font_title2_custom--line_height--compact: 26px; --vkui--font_title2_custom--font_weight--compact: 400; --vkui--font_title3_custom--font_size--regular: 18px; --vkui--font_title3_custom--line_height--regular: 24px; --vkui--font_title3_custom--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3_custom--font_weight--regular: 400; --vkui--font_title3_custom--font_size--compact: 17px; --vkui--font_title3_custom--line_height--compact: 22px; --vkui--font_title3_custom--font_family--compact: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_title3_custom--font_weight--compact: 400; --vkui--font_caption1_caps_demibold--font_size--regular: 12px; --vkui--font_caption1_caps_demibold--line_height--regular: 16px; --vkui--font_caption1_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption1_caps_demibold--font_weight--regular: 600; --vkui--font_caption1_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption1_caps_demibold--letter_spacing--regular: 0.26px; --vkui--font_caption2_caps_demibold--font_size--regular: 11px; --vkui--font_caption2_caps_demibold--line_height--regular: 14px; --vkui--font_caption2_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption2_caps_demibold--font_weight--regular: 600; --vkui--font_caption2_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption2_caps_demibold--letter_spacing--regular: 0.22px; --vkui--font_caption3_caps_demibold--font_size--regular: 9px; --vkui--font_caption3_caps_demibold--line_height--regular: 12px; --vkui--font_caption3_caps_demibold--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_caption3_caps_demibold--font_weight--regular: 600; --vkui--font_caption3_caps_demibold--text_transform--regular: uppercase; --vkui--font_caption3_caps_demibold--letter_spacing--regular: 0.16px; --vkui--font_subtitle_medium--font_size: 18px; --vkui--font_subtitle_medium--line_height: 24px; --vkui--font_subtitle_medium--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_subtitle_medium--font_weight: 500; --vkui--font_subtitle_custom--font_size: 18px; --vkui--font_subtitle_custom--line_height: 24px; --vkui--font_subtitle_custom--font_weight: 400; --vkui--font_subtitle_custom--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline_large_medium--font_size: 16px; --vkui--font_headline_large_medium--line_height: 20px; --vkui--font_headline_large_medium--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline_large_medium--font_weight: 500; --vkui--font_large_text--font_size: 16px; --vkui--font_large_text--line_height: 20px; --vkui--font_large_text--font_weight: 400; --vkui--font_large_text--font_family: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_size--regular: 16px; --vkui--font_headline--line_height--regular: 20px; --vkui--font_headline--font_family--regular: VKSansDisplay,MailSans,apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica Neue",Arial,sans-serif; --vkui--font_headline--font_weight--regular: 500; --vkui--font_headline--font_size--compact: 15px; --vkui--font_headline--line_height--compact: 20px; --vkui--colors_scheme: dark; --vkui--color_background_accent: #07f; --vkui--color_background_accent--hover: #0a7cff; --vkui--color_background_accent--active: #1482ff; --vkui--color_background_accent_themed: #fff; --vkui--color_background_accent_themed--hover: #ebedf0; --vkui--color_background_accent_themed--active: #d7d8db; --vkui--color_background_accent_themed_alpha: hsla(0,0%,100%,.2); --vkui--color_background_accent_themed_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_accent_themed_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_accent_alternative: #ff9e00; --vkui--color_background_accent_alternative--hover: #ffa20a; --vkui--color_background_accent_alternative--active: #ffa614; --vkui--color_background_content: #232324; --vkui--color_background_content--hover: #2c2c2d; --vkui--color_background_content--active: #353536; --vkui--color_background_content_alpha: rgba(35,35,36,.8); --vkui--color_background_content_alpha--hover: rgba(35,35,36,.84); --vkui--color_background_content_alpha--active: rgba(35,35,36,.88); --vkui--color_background_content_inverse: #fff; --vkui--color_background_content_inverse--hover: #ebedf0; --vkui--color_background_content_inverse--active: #d7d8db; --vkui--color_background_secondary: #2a2a2b; --vkui--color_background_secondary--hover: #333; --vkui--color_background_secondary--active: #3b3b3c; --vkui--color_background_secondary_alpha: hsla(0,0%,100%,.12); --vkui--color_background_secondary_alpha--hover: hsla(0,0%,100%,.16); --vkui--color_background_secondary_alpha--active: hsla(0,0%,100%,.2); --vkui--color_background: #19191a; --vkui--color_background--hover: #222223; --vkui--color_background--active: #2b2b2c; --vkui--color_background_contrast: #fff; --vkui--color_background_contrast--hover: #ebedf0; --vkui--color_background_contrast--active: #d7d8db; --vkui--color_background_contrast_secondary_alpha: hsla(0,0%,100%,.2); --vkui--color_background_contrast_secondary_alpha--hover: hsla(0,0%,100%,.24); --vkui--color_background_contrast_secondary_alpha--active: hsla(0,0%,100%,.28); --vkui--color_background_warning: #6c4e00; --vkui--color_background_warning--hover: #72550a; --vkui--color_background_warning--active: #785c14; --vkui--color_background_negative: #ff5c5c; --vkui--color_background_negative--hover: #ff6363; --vkui--color_background_negative--active: #ff6969; --vkui--color_background_tertiary: #252525; --vkui--color_background_tertiary--hover: #2e2e2e; --vkui--color_background_tertiary--active: #363636; --vkui--color_background_tertiary_alpha: hsla(0,0%,100%,.02); --vkui--color_background_tertiary_alpha--hover: hsla(0,0%,100%,.1); --vkui--color_background_tertiary_alpha--active: hsla(0,0%,100%,.14); --vkui--color_background_modal: #303030; --vkui--color_background_modal--hover: #383838; --vkui--color_background_modal--active: #414141; --vkui--color_background_positive: #0dc268; --vkui--color_background_positive--hover: #17c46e; --vkui--color_background_positive--active: #20c774; --vkui--color_background_negative_tint: #522e2e; --vkui--color_background_negative_tint--hover: #593636; --vkui--color_background_negative_tint--active: #603f3f; --vkui--color_background_positive_tint: #182a22; --vkui--color_background_positive_tint--hover: #21332b; --vkui--color_background_positive_tint--active: #2a3b34; --vkui--color_field_background: #232324; --vkui--color_field_background--hover: #2c2c2d; --vkui--color_field_background--active: #353536; --vkui--color_background_modal_inverse: #fff; --vkui--color_background_modal_inverse--hover: #ebedf0; --vkui--color_background_modal_inverse--active: #d7d8db; --vkui--color_background_contrast_inverse: #303030; --vkui--color_background_contrast_inverse--hover: #383838; --vkui--color_background_contrast_inverse--active: #414141; --vkui--color_background_contrast_themed: #303030; --vkui--color_background_contrast_themed--hover: #383838; --vkui--color_background_contrast_themed--active: #414141; --vkui--color_background_accent_tint: #5a9eff; --vkui--color_background_accent_tint--hover: #61a2ff; --vkui--color_background_accent_tint--active: #67a6ff; --vkui--color_background_info_tint: #19202f; --vkui--color_background_info_tint--hover: #222937; --vkui--color_background_info_tint--active: #2b3240; --vkui--color_text_accent: #1a85ff; --vkui--color_text_accent--hover: #238aff; --vkui--color_text_accent--active: #2c8fff; --vkui--color_text_accent_themed: #fff; --vkui--color_text_accent_themed--hover: #ebedf0; --vkui--color_text_accent_themed--active: #d7d8db; --vkui--color_text_negative: #ff5c5c; --vkui--color_text_negative--hover: #ff6363; --vkui--color_text_negative--active: #ff6969; --vkui--color_text_link: #1a85ff; --vkui--color_text_link--hover: #238aff; --vkui--color_text_link--active: #2c8fff; --vkui--color_text_link_tint: #71aaeb; --vkui--color_text_link_tint--hover: #77adec; --vkui--color_text_link_tint--active: #7cb1ed; --vkui--color_text_link_themed: #fff; --vkui--color_text_link_themed--hover: #ebedf0; --vkui--color_text_link_themed--active: #d7d8db; --vkui--color_text_muted: #e7e8ea; --vkui--color_text_muted--hover: #e8e9eb; --vkui--color_text_muted--active: #e9eaec; --vkui--color_text_primary: #e7e8ea; --vkui--color_text_primary--hover: #e8e9eb; --vkui--color_text_primary--active: #e9eaec; --vkui--color_text_primary_alpha: rgba(249,252,255,.72); --vkui--color_text_primary_alpha--hover: rgba(249,252,255,.76); --vkui--color_text_primary_alpha--active: rgba(249,252,255,.8); --vkui--color_text_primary_invariably: #2c2d2e; --vkui--color_text_primary_invariably--hover: #343536; --vkui--color_text_primary_invariably--active: #3d3e3f; --vkui--color_text_secondary: #8c8e94; --vkui--color_text_secondary--hover: #919398; --vkui--color_text_secondary--active: #95979d; --vkui--color_text_secondary_alpha: rgba(247,251,255,.42); --vkui--color_text_secondary_alpha--hover: rgba(247,251,255,.46); --vkui--color_text_secondary_alpha--active: rgba(247,251,255,.5); --vkui--color_text_subhead: #bfc1c5; --vkui--color_text_subhead--hover: #c2c3c7; --vkui--color_text_subhead--active: #c4c6ca; --vkui--color_text_tertiary: #74767a; --vkui--color_text_tertiary--hover: #7a7b7f; --vkui--color_text_tertiary--active: #7f8185; --vkui--color_text_link_visited: #528fdf; --vkui--color_text_link_visited--hover: #5993e0; --vkui--color_text_link_visited--active: #6098e2; --vkui--color_text_contrast: #fff; --vkui--color_text_contrast--hover: #ebedf0; --vkui--color_text_contrast--active: #d7d8db; --vkui--color_text_contrast_themed: #2c2d2e; --vkui--color_text_contrast_themed--hover: #343536; --vkui--color_text_contrast_themed--active: #3d3e3f; --vkui--color_link_contrast: #fff; --vkui--color_link_contrast--hover: #ebedf0; --vkui--color_link_contrast--active: #d7d8db; --vkui--color_text_positive: #0dc268; --vkui--color_text_positive--hover: #17c46e; --vkui--color_text_positive--active: #20c774; --vkui--color_icon_accent: #07f; --vkui--color_icon_accent--hover: #0a7cff; --vkui--color_icon_accent--active: #1482ff; --vkui--color_icon_accent_themed: #fff; --vkui--color_icon_accent_themed--hover: #ebedf0; --vkui--color_icon_accent_themed--active: #d7d8db; --vkui--color_icon_primary: #d9dadd; --vkui--color_icon_primary--hover: #dbdbde; --vkui--color_icon_primary--active: #dcdde0; --vkui--color_icon_primary_invariably: #2c2d2e; --vkui--color_icon_primary_invariably--hover: #343536; --vkui--color_icon_primary_invariably--active: #3d3e3f; --vkui--color_icon_medium: #b0b1b6; --vkui--color_icon_medium--hover: #b3b4b9; --vkui--color_icon_medium--active: #b6b7bc; --vkui--color_icon_medium_alpha: rgba(245,246,255,.7); --vkui--color_icon_medium_alpha--hover: rgba(245,246,255,.74); --vkui--color_icon_medium_alpha--active: rgba(245,246,255,.78); --vkui--color_icon_secondary: #9c9da2; --vkui--color_icon_secondary--hover: #a0a1a6; --vkui--color_icon_secondary--active: #a4a5a9; --vkui--color_icon_secondary_alpha: rgba(245,246,255,.6); --vkui--color_icon_secondary_alpha--hover: rgba(245,246,255,.64); --vkui--color_icon_secondary_alpha--active: rgba(245,246,255,.68); --vkui--color_icon_tertiary: #83848a; --vkui--color_icon_tertiary--hover: #88898f; --vkui--color_icon_tertiary--active: #8d8e93; --vkui--color_icon_tertiary_alpha: rgba(245,246,255,.5); --vkui--color_icon_tertiary_alpha--hover: rgba(245,246,255,.54); --vkui--color_icon_tertiary_alpha--active: rgba(245,246,255,.58); --vkui--color_icon_contrast: #fff; --vkui--color_icon_contrast--hover: #ebedf0; --vkui--color_icon_contrast--active: #d7d8db; --vkui--color_icon_contrast_themed: #2c2d2e; --vkui--color_icon_contrast_themed--hover: #343536; --vkui--color_icon_contrast_themed--active: #3d3e3f; --vkui--color_icon_positive: #0dc268; --vkui--color_icon_positive--hover: #17c46e; --vkui--color_icon_positive--active: #20c774; --vkui--color_icon_warning: #ff9e00; --vkui--color_icon_warning--hover: #ffa20a; --vkui--color_icon_warning--active: #ffa614; --vkui--color_icon_negative: #ff5c5c; --vkui--color_icon_negative--hover: #ff6363; --vkui--color_icon_negative--active: #ff6969; --vkui--color_icon_contrast_secondary: #f2f3f5; --vkui--color_icon_contrast_secondary--hover: #f3f3f5; --vkui--color_icon_contrast_secondary--active: #f3f4f6; --vkui--color_stroke_accent: #07f; --vkui--color_stroke_accent--hover: #0a7cff; --vkui--color_stroke_accent--active: #1482ff; --vkui--color_stroke_accent_themed: #fff; --vkui--color_stroke_accent_themed--hover: #ebedf0; --vkui--color_stroke_accent_themed--active: #d7d8db; --vkui--color_stroke_contrast: #fff; --vkui--color_stroke_contrast--hover: #ebedf0; --vkui--color_stroke_contrast--active: #d7d8db; --vkui--color_stroke_negative: #ff5c5c; --vkui--color_stroke_negative--hover: #ff6363; --vkui--color_stroke_negative--active: #ff6969; --vkui--color_stroke_primary: #d9dadd; --vkui--color_stroke_primary--hover: #dbdbde; --vkui--color_stroke_primary--active: #dcdde0; --vkui--color_image_border_alpha: hsla(0,0%,100%,.08); --vkui--color_image_border_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_image_border_alpha--active: hsla(0,0%,100%,.16); --vkui--color_field_border_alpha: hsla(0,0%,100%,.16); --vkui--color_field_border_alpha--hover: hsla(0,0%,100%,.2); --vkui--color_field_border_alpha--active: hsla(0,0%,100%,.24); --vkui--color_separator_primary_alpha: rgba(0,0,0,.4); --vkui--color_separator_primary_alpha--hover: rgba(0,0,0,.44); --vkui--color_separator_primary_alpha--active: rgba(0,0,0,.48); --vkui--color_separator_secondary: #181818; --vkui--color_separator_secondary--hover: #212121; --vkui--color_separator_secondary--active: #2a2a2a; --vkui--color_separator_primary: #151516; --vkui--color_separator_primary--hover: #1e1e1f; --vkui--color_separator_primary--active: #282829; --vkui--color_stroke_positive: #0dc268; --vkui--color_stroke_positive--hover: #17c46e; --vkui--color_stroke_positive--active: #20c774; --vkui--color_separator_primary2x: #202022; --vkui--color_separator_primary2x--hover: #29292b; --vkui--color_separator_primary2x--active: #323234; --vkui--color_separator_primary3x: #2d2d2f; --vkui--color_separator_primary3x--hover: #353537; --vkui--color_separator_primary3x--active: #3e3e40; --vkui--color_accent_blue: #07f; --vkui--color_accent_blue--hover: #0a7cff; --vkui--color_accent_blue--active: #1482ff; --vkui--color_accent_gray: #9c9da2; --vkui--color_accent_gray--hover: #a0a1a6; --vkui--color_accent_gray--active: #a4a5a9; --vkui--color_accent_red: #ed330a; --vkui--color_accent_red--hover: #ee3b14; --vkui--color_accent_red--active: #ee431e; --vkui--color_accent_orange_fire: #f05c44; --vkui--color_accent_orange_fire--hover: #f1634b; --vkui--color_accent_orange_fire--active: #f16953; --vkui--color_accent_orange: #ff9e00; --vkui--color_accent_orange--hover: #ffa20a; --vkui--color_accent_orange--active: #ffa614; --vkui--color_accent_orange_peach: #ffc062; --vkui--color_accent_orange_peach--hover: #ffc368; --vkui--color_accent_orange_peach--active: #ffc56f; --vkui--color_accent_lime: #b8fc75; --vkui--color_accent_lime--hover: #bbfc7b; --vkui--color_accent_lime--active: #befc80; --vkui--color_accent_green: #0dc268; --vkui--color_accent_green--hover: #17c46e; --vkui--color_accent_green--active: #20c774; --vkui--color_accent_cyan: #07e5f9; --vkui--color_accent_cyan--hover: #11e6f9; --vkui--color_accent_cyan--active: #1be7f9; --vkui--color_accent_azure: #07f; --vkui--color_accent_azure--hover: #0a7cff; --vkui--color_accent_azure--active: #1482ff; --vkui--color_accent_purple: #8c64ff; --vkui--color_accent_purple--hover: #916aff; --vkui--color_accent_purple--active: #9570ff; --vkui--color_accent_violet: #c15df3; --vkui--color_accent_violet--hover: #c363f3; --vkui--color_accent_violet--active: #c66af4; --vkui--color_accent_raspberry_pink: #f060c0; --vkui--color_accent_raspberry_pink--hover: #f166c3; --vkui--color_accent_raspberry_pink--active: #f16dc5; --vkui--color_accent_pink: #ff3985; --vkui--color_accent_pink--hover: #ff418a; --vkui--color_accent_pink--active: #ff498f; --vkui--color_accent_secondary: #ff9e00; --vkui--color_accent_secondary--hover: #ffa20a; --vkui--color_accent_secondary--active: #ffa614; --vkui--color_action_sheet_text: #07f; --vkui--color_action_sheet_text--hover: #0a7cff; --vkui--color_action_sheet_text--active: #1482ff; --vkui--color_header_background: #232324; --vkui--color_header_background--hover: #2c2c2d; --vkui--color_header_background--active: #353536; --vkui--color_panel_header_icon: #07f; --vkui--color_panel_header_icon--hover: #0a7cff; --vkui--color_panel_header_icon--active: #1482ff; --vkui--color_write_bar_input_background: #2a2a2b; --vkui--color_write_bar_input_background--hover: #333; --vkui--color_write_bar_input_background--active: #3b3b3c; --vkui--color_write_bar_input_border: #2c2d2e; --vkui--color_write_bar_input_border--hover: #343536; --vkui--color_write_bar_input_border--active: #3d3e3f; --vkui--color_write_bar_input_border_alpha: hsla(0,0%,100%,.8); --vkui--color_write_bar_input_border_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_write_bar_input_border_alpha--active: hsla(0,0%,100%,.88); --vkui--color_track_background: #434445; --vkui--color_track_background--hover: #4b4b4c; --vkui--color_track_background--active: #525354; --vkui--color_track_buffer: #83aaea; --vkui--color_track_buffer--hover: #88adeb; --vkui--color_track_buffer--active: #8db1ec; --vkui--color_image_placeholder: #393a3b; --vkui--color_image_placeholder--hover: #414243; --vkui--color_image_placeholder--active: #494a4b; --vkui--color_image_placeholder_alpha: hsla(0,0%,100%,.8); --vkui--color_image_placeholder_alpha--hover: hsla(0,0%,100%,.84); --vkui--color_image_placeholder_alpha--active: hsla(0,0%,100%,.88); --vkui--color_search_field_background: #393a3b; --vkui--color_search_field_background--hover: #414243; --vkui--color_search_field_background--active: #494a4b; --vkui--color_write_bar_icon: #07f; --vkui--color_write_bar_icon--hover: #0a7cff; --vkui--color_write_bar_icon--active: #1482ff; --vkui--color_skeleton_from: #2a2a2b; --vkui--color_skeleton_from--hover: #333; --vkui--color_skeleton_from--active: #3b3b3c; --vkui--color_skeleton_to: #3e3f40; --vkui--color_skeleton_to--hover: #464748; --vkui--color_skeleton_to--active: #4d4e4f; --vkui--color_avatar_overlay: hsla(220,4%,70%,.48); --vkui--color_avatar_overlay--hover: hsla(220,4%,70%,.52); --vkui--color_avatar_overlay--active: hsla(220,4%,70%,.56); --vkui--color_avatar_overlay_inverse_alpha: hsla(0,0%,100%,.85); --vkui--color_avatar_overlay_inverse_alpha--hover: hsla(0,0%,100%,.89); --vkui--color_avatar_overlay_inverse_alpha--active: hsla(0,0%,100%,.93); --vkui--color_overlay_primary: rgba(0,0,0,.72); --vkui--color_overlay_primary--hover: rgba(0,0,0,.76); --vkui--color_overlay_primary--active: rgba(0,0,0,.8); --vkui--color_overlay_secondary: rgba(55,56,57,.5); --vkui--color_overlay_secondary--hover: rgba(55,56,57,.54); --vkui--color_overlay_secondary--active: rgba(55,56,57,.58); --vkui--color_segmented_control: #626364; --vkui--color_segmented_control--hover: #68696a; --vkui--color_segmented_control--active: #6f6f70; --vkui--color_tabbar_text_inactive: #76787a; --vkui--color_tabbar_text_inactive--hover: #7b7d7f; --vkui--color_tabbar_text_inactive--active: #818385; --vkui--color_button_text: #fff; --vkui--color_button_text--hover: #ebedf0; --vkui--color_button_text--active: #d7d8db; --vkui--color_button_icon: #fff; --vkui--color_button_icon--hover: #ebedf0; --vkui--color_button_icon--active: #d7d8db; --vkui--color_button_stroke: #fff; --vkui--color_button_stroke--hover: #ebedf0; --vkui--color_button_stroke--active: #d7d8db; --vkui--color_transparent: transparent; --vkui--color_transparent--hover: hsla(0,0%,100%,.04); --vkui--color_transparent--active: hsla(0,0%,100%,.08); --vkui--color_rating: #ffd400; --vkui--color_rating--hover: #ffd60a; --vkui--color_rating--active: #ffd714; --vkui--color_button_contrast_alpha: hsla(0,0%,100%,.12); --vkui--color_button_contrast_alpha--hover: hsla(0,0%,100%,.2); --vkui--color_button_contrast_alpha--active: hsla(0,0%,100%,.24); --vkui--color_button_contrast: #252526; --vkui--color_button_contrast--hover: #29292a; --vkui--color_button_contrast--active: #2c2c2d; --vkui--color_thumb_error_background_alpha: rgba(237,10,52,.12); --vkui--color_thumb_error_background_alpha--hover: rgba(237,10,52,.16); --vkui--color_thumb_error_background_alpha--active: rgba(237,10,52,.2); --vkui--color_background_accent_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_accent_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_accent_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_accent_tint_alpha: rgba(0,119,255,.1); --vkui--color_background_accent_tint_alpha--hover: rgba(0,119,255,.14); --vkui--color_background_accent_tint_alpha--active: rgba(0,119,255,.18); --vkui--color_background_accent_tint_themed: #2b2b2c; --vkui--color_background_accent_tint_themed--hover: #333334; --vkui--color_background_accent_tint_themed--active: #3c3c3d; --vkui--color_background_warning_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_warning_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_warning_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_warning_tint_alpha: rgba(255,158,0,.1); --vkui--color_background_warning_tint_alpha--hover: rgba(255,158,0,.14); --vkui--color_background_warning_tint_alpha--active: rgba(255,158,0,.18); --vkui--color_background_warning_tint_themed: #2b2b2c; --vkui--color_background_warning_tint_themed--hover: #333334; --vkui--color_background_warning_tint_themed--active: #3c3c3d; --vkui--color_background_warning_tint: #302617; --vkui--color_background_warning_tint--hover: #382f20; --vkui--color_background_warning_tint--active: #41372a; --vkui--color_background_negative_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_negative_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_negative_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_negative_tint_alpha: rgba(237,51,10,.1); --vkui--color_background_negative_tint_alpha--hover: rgba(237,51,10,.14); --vkui--color_background_negative_tint_alpha--active: rgba(237,51,10,.18); --vkui--color_background_negative_tint_themed: #2b2b2c; --vkui--color_background_negative_tint_themed--hover: #333334; --vkui--color_background_negative_tint_themed--active: #3c3c3d; --vkui--color_background_positive_tint_themed_alpha: hsla(0,0%,100%,.08); --vkui--color_background_positive_tint_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--color_background_positive_tint_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--color_background_positive_tint_alpha: rgba(13,194,104,.1); --vkui--color_background_positive_tint_alpha--hover: rgba(13,194,104,.14); --vkui--color_background_positive_tint_alpha--active: rgba(13,194,104,.18); --vkui--color_background_positive_tint_themed: #2b2b2c; --vkui--color_background_positive_tint_themed--hover: #333334; --vkui--color_background_positive_tint_themed--active: #3c3c3d; --vkui--color_tooltip_background_blue_tint: #1c4479; --vkui--color_tooltip_background_blue_tint--hover: #254b7e; --vkui--color_tooltip_background_blue_tint--active: #2e5384; --vkui--color_tooltip_background_green_tint: #087c6d; --vkui--color_tooltip_background_green_tint--hover: #128173; --vkui--color_tooltip_background_green_tint--active: #1c8679; --vkui--color_tooltip_background_orange_tint: #78472a; --vkui--color_tooltip_background_orange_tint--hover: #7d4e33; --vkui--color_tooltip_background_orange_tint--active: #83563b; --vkui--color_tooltip_background_purple_tint: #73519f; --vkui--color_tooltip_background_purple_tint--hover: #7958a3; --vkui--color_tooltip_background_purple_tint--active: #7e5fa7; --vkui--color_tooltip_text_blue_themed: #fff; --vkui--color_tooltip_text_blue_themed--hover: #ebedf0; --vkui--color_tooltip_text_blue_themed--active: #d7d8db; --vkui--color_tooltip_text_green_themed: #fff; --vkui--color_tooltip_text_green_themed--hover: #ebedf0; --vkui--color_tooltip_text_green_themed--active: #d7d8db; --vkui--color_tooltip_text_orange_themed: #fff; --vkui--color_tooltip_text_orange_themed--hover: #ebedf0; --vkui--color_tooltip_text_orange_themed--active: #d7d8db; --vkui--color_tooltip_text_purple_themed: #fff; --vkui--color_tooltip_text_purple_themed--hover: #ebedf0; --vkui--color_tooltip_text_purple_themed--active: #d7d8db; --vkui--color_background_sky: #2b2b2c; --vkui--color_background_sky--hover: #333334; --vkui--color_background_sky--active: #3c3c3d; --vkui--color_background_sky_alpha: rgba(51,51,51,.8); --vkui--color_background_sky_alpha--hover: rgba(51,51,51,.84); --vkui--color_background_sky_alpha--active: rgba(51,51,51,.88); --vkui--cloud_color_text_secondary_alpha: hsla(0,0%,100%,.48); --vkui--cloud_color_text_secondary_alpha--hover: hsla(0,0%,100%,.52); --vkui--cloud_color_text_secondary_alpha--active: hsla(0,0%,100%,.56); --vkui--cloud_color_text_accent_alternative: #ff9e00; --vkui--cloud_color_text_accent_alternative--hover: #ffa20a; --vkui--cloud_color_text_accent_alternative--active: #ffa614; --vkui--cloud_color_text_snackbar_accent: #65a0ff; --vkui--cloud_color_text_snackbar_accent--hover: #6ba4ff; --vkui--cloud_color_text_snackbar_accent--active: #71a8ff; --vkui--cloud_color_text_contrast_themed_alpha: hsla(0,0%,100%,.6); --vkui--cloud_color_text_contrast_themed_alpha--hover: hsla(0,0%,100%,.64); --vkui--cloud_color_text_contrast_themed_alpha--active: hsla(0,0%,100%,.68); --vkui--cloud_color_toolbar_background: #1f1f1f; --vkui--cloud_color_toolbar_background--hover: #282828; --vkui--cloud_color_toolbar_background--active: #313131; --vkui--cloud_color_viewer_background: #000; --vkui--cloud_color_viewer_background--hover: #0a0a0a; --vkui--cloud_color_viewer_background--active: #141414; --vkui--cloud_color_tabbar_background_alpha: rgba(43,43,43,.9); --vkui--cloud_color_tabbar_background_alpha--hover: rgba(43,43,43,.94); --vkui--cloud_color_tabbar_background_alpha--active: rgba(43,43,43,.98); --vkui--cloud_color_header_icon_background_alpha: hsla(0,0%,71%,.16); --vkui--cloud_color_header_icon_background_alpha--hover: hsla(0,0%,71%,.2); --vkui--cloud_color_header_icon_background_alpha--active: hsla(0,0%,71%,.24); --vkui--cloud_color_background_drag_and_drop: #000b1e; --vkui--cloud_color_background_drag_and_drop--hover: #0a1527; --vkui--cloud_color_background_drag_and_drop--active: #141f30; --vkui--cloud_color_background_c_t_a: #1b1d21; --vkui--cloud_color_background_c_t_a--hover: #24262a; --vkui--cloud_color_background_c_t_a--active: #2d2f33; --vkui--cloud_color_header_search_background: #303030; --vkui--cloud_color_header_search_background--hover: #383838; --vkui--cloud_color_header_search_background--active: #414141; --vkui--cloud_color_header_search_background_collapsed: #303030; --vkui--cloud_color_header_search_background_collapsed--hover: #383838; --vkui--cloud_color_header_search_background_collapsed--active: #414141; --vkui--cloud_color_background_portal: #19191a; --vkui--cloud_color_background_portal--hover: #222223; --vkui--cloud_color_background_portal--active: #2b2b2c; --vkui--cloud_color_background_alternative: #191919; --vkui--cloud_color_background_alternative--hover: #222; --vkui--cloud_color_background_alternative--active: #2b2b2b; --vkui--cloud_color_background_content_alternative: #2a2a2a; --vkui--cloud_color_background_content_alternative--hover: #333; --vkui--cloud_color_background_content_alternative--active: #3b3b3b; --vkui--cloud_color_background_fast_scroll: #39393c; --vkui--cloud_color_background_fast_scroll--hover: #414144; --vkui--cloud_color_background_fast_scroll--active: #49494c; --vkui--cloud_color_icon_accent_alternative: #ff9e00; --vkui--cloud_color_icon_accent_alternative--hover: #ffa20a; --vkui--cloud_color_icon_accent_alternative--active: #ffa614; --vkui--cloud_color_icon_rating: #ffd400; --vkui--cloud_color_icon_rating--hover: #ffd60a; --vkui--cloud_color_icon_rating--active: #ffd714; --vkui--cloud_color_icon_folder: #fedd69; --vkui--cloud_color_icon_folder--hover: #fede6f; --vkui--cloud_color_icon_folder--active: #fee075; --vkui--cloud_color_landing_stroke_tariff: #249afc; --vkui--cloud_color_landing_stroke_tariff--hover: #2d9efc; --vkui--cloud_color_landing_stroke_tariff--active: #36a2fc; --vkui--cloud_color_sweetblue: #1c4479; --vkui--cloud_color_sweetblue--hover: #254b7e; --vkui--cloud_color_sweetblue--active: #2e5384; --vkui--cloud_color_blue_accent_themed: #fff; --vkui--cloud_color_blue_accent_themed--hover: #ebedf0; --vkui--cloud_color_blue_accent_themed--active: #d7d8db; --vkui--cloud_color_sweetgreen: #087c6d; --vkui--cloud_color_sweetgreen--hover: #128173; --vkui--cloud_color_sweetgreen--active: #1c8679; --vkui--cloud_color_green_accent_themed: #fff; --vkui--cloud_color_green_accent_themed--hover: #ebedf0; --vkui--cloud_color_green_accent_themed--active: #d7d8db; --vkui--cloud_color_sweetorange: #78472a; --vkui--cloud_color_sweetorange--hover: #7d4e33; --vkui--cloud_color_sweetorange--active: #83563b; --vkui--cloud_color_orange_accent_themed: #fff; --vkui--cloud_color_orange_accent_themed--hover: #ebedf0; --vkui--cloud_color_orange_accent_themed--active: #d7d8db; --vkui--cloud_color_sweetpurple: #73519f; --vkui--cloud_color_sweetpurple--hover: #7958a3; --vkui--cloud_color_sweetpurple--active: #7e5fa7; --vkui--cloud_color_purple_accent_themed: #fff; --vkui--cloud_color_purple_accent_themed--hover: #ebedf0; --vkui--cloud_color_purple_accent_themed--active: #d7d8db; --vkui--cloud_color_icon_i_d_card_themed_alpha: hsla(0,0%,100%,.08); --vkui--cloud_color_icon_i_d_card_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_icon_i_d_card_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--cloud_color_icon_i_d_card: #1b85ff; --vkui--cloud_color_icon_i_d_card--hover: #248aff; --vkui--cloud_color_icon_i_d_card--active: #2d8fff; --vkui--cloud_color_icon_official_themed_alpha: hsla(0,0%,100%,.08); --vkui--cloud_color_icon_official_themed_alpha--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_icon_official_themed_alpha--active: hsla(0,0%,100%,.16); --vkui--cloud_color_icon_official: #ec4750; --vkui--cloud_color_icon_official--hover: #ed4e57; --vkui--cloud_color_icon_official--active: #ee565e; --vkui--cloud_color_icon_transport_themed: hsla(0,0%,100%,.08); --vkui--cloud_color_icon_transport_themed--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_icon_transport_themed--active: hsla(0,0%,100%,.16); --vkui--cloud_color_icon_transport: #ae7eec; --vkui--cloud_color_icon_transport--hover: #b183ed; --vkui--cloud_color_icon_transport--active: #b488ee; --vkui--cloud_color_icon_finance_themed: hsla(0,0%,100%,.08); --vkui--cloud_color_icon_finance_themed--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_icon_finance_themed--active: hsla(0,0%,100%,.16); --vkui--cloud_color_icon_finance: #24c780; --vkui--cloud_color_icon_finance--hover: #2dc985; --vkui--cloud_color_icon_finance--active: #36cb8a; --vkui--cloud_color_icon_file_document_invariably: #018bf2; --vkui--cloud_color_icon_file_document_invariably--hover: #0b90f3; --vkui--cloud_color_icon_file_document_invariably--active: #1594f3; --vkui--cloud_color_icon_file_presentation_invariably: #da4c4e; --vkui--cloud_color_icon_file_presentation_invariably--hover: #db5355; --vkui--cloud_color_icon_file_presentation_invariably--active: #dd5a5c; --vkui--cloud_color_icon_file_table_invariably: #019784; --vkui--cloud_color_icon_file_table_invariably--hover: #0b9b89; --vkui--cloud_color_icon_file_table_invariably--active: #159f8e; --vkui--cloud_color_background_file_document: #353535; --vkui--cloud_color_background_file_document--hover: #3d3d3d; --vkui--cloud_color_background_file_document--active: #454545; --vkui--cloud_color_background_file_presentation: #353535; --vkui--cloud_color_background_file_presentation--hover: #3d3d3d; --vkui--cloud_color_background_file_presentation--active: #454545; --vkui--cloud_color_background_file_table: #353535; --vkui--cloud_color_background_file_table--hover: #3d3d3d; --vkui--cloud_color_background_file_table--active: #454545; --vkui--cloud_color_background_file_other_alpha: hsla(0,0%,100%,.08); --vkui--cloud_color_background_file_other_alpha--hover: hsla(0,0%,100%,.12); --vkui--cloud_color_background_file_other_alpha--active: hsla(0,0%,100%,.16); --vkui--cloud_color_background_profile_tariff: #563940; --vkui--cloud_color_background_profile_tariff--hover: #5d4148; --vkui--cloud_color_background_profile_tariff--active: #64494f; --vkui--cloud_color_icon_profile_tariff: #ff5b9a; --vkui--cloud_color_icon_profile_tariff--hover: #ff629e; --vkui--cloud_color_icon_profile_tariff--active: #ff68a2; --vkui--cloud_color_background_profile_access: #354c2c; --vkui--cloud_color_background_profile_access--hover: #3d5334; --vkui--cloud_color_background_profile_access--active: #455a3d; --vkui--cloud_color_icon_profile_access: #5cba38; --vkui--cloud_color_icon_profile_access--hover: #63bd40; --vkui--cloud_color_icon_profile_access--active: #69c048; --vkui--cloud_color_background_profile_uploading: #524228; --vkui--cloud_color_background_profile_uploading--hover: #594a31; --vkui--cloud_color_background_profile_uploading--active: #605139; --vkui--cloud_color_icon_profile_uploading: #ff9e00; --vkui--cloud_color_icon_profile_uploading--hover: #ffa20a; --vkui--cloud_color_icon_profile_uploading--active: #ffa614; --vkui--cloud_color_background_profile_trash: #414346; --vkui--cloud_color_background_profile_trash--hover: #494b4d; --vkui--cloud_color_background_profile_trash--active: #505255; --vkui--cloud_color_icon_profile_trash: #c9c9c9; --vkui--cloud_color_icon_profile_trash--hover: #cbcbcb; --vkui--cloud_color_icon_profile_trash--active: #cdcdcd; --vkui--cloud_color_background_profile_settings: #30443b; --vkui--cloud_color_background_profile_settings--hover: #384b43; --vkui--cloud_color_background_profile_settings--active: #41534b; --vkui--cloud_color_icon_profile_settings: #06c7af; --vkui--cloud_color_icon_profile_settings--hover: #10c9b2; --vkui--cloud_color_icon_profile_settings--active: #1acbb5; --vkui--cloud_color_background_profile_mail: #273d4e; --vkui--cloud_color_background_profile_mail--hover: #304555; --vkui--cloud_color_background_profile_mail--active: #384d5c; --vkui--cloud_color_icon_profile_mail: #1b85ff; --vkui--cloud_color_icon_profile_mail--hover: #248aff; --vkui--cloud_color_icon_profile_mail--active: #2d8fff; --vkui--cloud_color_landing_background: #000; --vkui--cloud_color_landing_background--hover: #0a0a0a; --vkui--cloud_color_landing_background--active: #141414; --vkui--cloud_color_landing_secondary_background: #303030; --vkui--cloud_color_landing_secondary_background--hover: #383838; --vkui--cloud_color_landing_secondary_background--active: #414141; --vkui--cloud_color_landing_tertiary_background: #191919; --vkui--cloud_color_landing_tertiary_background--hover: #222; --vkui--cloud_color_landing_tertiary_background--active: #2b2b2b; --vkui--cloud_color_landing_medium_background: #19191a; --vkui--cloud_color_landing_medium_background--hover: #222223; --vkui--cloud_color_landing_medium_background--active: #2b2b2c; --vkui--cloud_color_landing_button_background: #191919; --vkui--cloud_color_landing_button_background--hover: #222; --vkui--cloud_color_landing_button_background--active: #2b2b2b; --vkui--cloud_color_landing_label_background: #191919; --vkui--cloud_color_landing_label_background--hover: #222; --vkui--cloud_color_landing_label_background--active: #2b2b2b; --vkui--cloud_color_landing_label_inverse_background: #2775fc; --vkui--cloud_color_landing_label_inverse_background--hover: #307bfc; --vkui--cloud_color_landing_label_inverse_background--active: #3880fc; --vkui--cloud_color_landing_control_primary_background: #3b3b3b; --vkui--cloud_color_landing_control_primary_background--hover: #434343; --vkui--cloud_color_landing_control_primary_background--active: #4b4b4b; --vkui--cloud_color_landing_control_secondary_background: #262627; --vkui--cloud_color_landing_control_secondary_background--hover: #2f2f30; --vkui--cloud_color_landing_control_secondary_background--active: #373738; --vkui--cloud_color_subscription_button_background: #191919; --vkui--cloud_color_subscription_button_background--hover: #222; --vkui--cloud_color_subscription_button_background--active: #2b2b2b; --vkui--cloud_color_scroll_indicator_alpha: hsla(0,0%,100%,.28); --vkui--cloud_color_scroll_indicator_alpha--hover: hsla(0,0%,100%,.32); --vkui--cloud_color_scroll_indicator_alpha--active: hsla(0,0%,100%,.36); --vkui--cloud_color_sidebar_item_text: #fff; --vkui--cloud_color_sidebar_item_text--hover: #ebedf0; --vkui--cloud_color_sidebar_item_text--active: #d7d8db; --vkui--cloud_color_sidebar_item_text_primary: #e7e8ea; --vkui--cloud_color_sidebar_item_text_primary--hover: #e8e9eb; --vkui--cloud_color_sidebar_item_text_primary--active: #e9eaec; --vkui--cloud_color_sidebar_item_text_secondary: #8c8e94; --vkui--cloud_color_sidebar_item_text_secondary--hover: #919398; --vkui--cloud_color_sidebar_item_text_secondary--active: #95979d; --vkui--cloud_color_sidebar_item_background_alpha: transparent; --vkui--cloud_color_sidebar_item_background_alpha--hover: hsla(0,0%,100%,.24); --vkui--cloud_color_sidebar_item_background_alpha--active: hsla(0,0%,100%,.24); --vkui--cloud_color_background: #19191a; --vkui--cloud_color_background--hover: #222223; --vkui--cloud_color_background--active: #2b2b2c; --vkui--cloud_color_overlay_background: transparent; --vkui--cloud_color_overlay_background--hover: hsla(0,0%,100%,.04); --vkui--cloud_color_overlay_background--active: hsla(0,0%,100%,.08); } body.rebranding { --vkui--color_accent_blue: #0070f0; --vkui--color_text_accent: #0070f0; --vkui--color_text_link: #0070f0; --vkui--color_background_accent_tint_alpha: color-mix(in srgb,var(--vkui--color_background_accent) 10%,transparent); --vkui--color_icon_accent: #07f; --vkui--color_icon_accent--hover: #0073f7; --vkui--color_stroke_accent: #07f; --vkui--color_background_accent: #07f; --vkui--color_background_accent--hover: #0073f7; --vkui--color_background_accent--active: #006fef; --vkui--color_background_modal: #fff; --vkui--color_background_close_button_modal: rgba(0,16,61,.078); --vkui--color_text_negative: #e64646; --rebranding_dark_theme_color_background-content-alternative: #2a2a2a; --rebranding_color_text-alternative: #2c2d2e; --rebranding_color_background-content-alternative: #fff; --rebranding_color_background-content-alternative--hover: #ebedf0; --rebranding_color_background-content-alternative--active: #d7d8db; --rebranding_color_background_alternative: #f3f3f5; --rebranding_dark_theme_color_lime: #b8fc75; --rebranding_theme_color_background_teritary: #f9f9fa; --rebranding_dark_theme_color_background_secondary_alpha: color-mix(in srgb,#fff 16%,transparent); --rebranding_dark_theme_color_background-modal: #222; --rebranding--dark_theme_color_background_sky: #2b2b2c; --rebranding--dark_theme_color_background_sky_alternative: #222223; --rebranding--color_background_element_accent: rgba(71,71,71,.059); --rebranding--color-background_header_icon: hsla(0,0%,71%,.161); --rebranding_theme_color_background_secondary: #f3f3f5; --vkui--color_text_accent--hover: var(--vkui--color_background_accent--hover); --vkui--color_text_accent--active: var(--vkui--color_background_accent--active); --color-empty-border: var(--vkui--color_stroke_accent); --rebranding_color_lime: #97e946; --vkui--color_text_accent_contrast_themed: #fff; --vkui--color_text_accent_themed: #0070f0; --vkui--color_icon_accent_themed: #07f; --rebranding--color_background_sky: rgba(204,228,255,.9); --rebranding--color_background_sky_opaque: #cce4ff; --rebranding--color_text_contrast: #fff; --rebranding--color_icon_contrast: #fff; --rebranding--color_field_background: #2b2b2c; --rebranding--color_background_accent_tint_alpha: rgba(0,119,255,.1); --vkui--color_background_negative_tint_alpha: rgba(237,10,52,.12); --vkui--color_background_border: #0070ff; --rebranding--color_text_primary: #fff; --rebranding--color_background_modal: #ebf2ff; --color-overquota: #ff5c5c; --vkui--color_background: #fff; --rebranding-color-landing-control-primary-background: #fff; --rebranding-color-landing-control-secondary-background: #e7e8ec; --rebranding-color-landing-secondary-background: #fff; --rebranding-color-background-viewer: #000; --rebranding-color-background--hover: #000; --vkui--color-other-cloud-color-landing-button-background: #ebf2ff; --vkui--color-other-cloud-color-landing-button-background--hover: #e3edff; --vkui--color-other-cloud-color-landing-button-background--active: #d8e6ff; --vkui--color-palette-cloud-color-icon-profile-access: #018646; --vkui--color_background_field: #fff; --vkui--color_palette_lime: #b8fc75; --rebranding_color_leftside_background: #fff; --vkui--color_palette_icon_id_card_themed: #ebf2ff; --vkui--color_other_image_placeholder: #e6e7eb; --vkui--color_stroke_field_border_alpha: rgba(0,0,0,.2); --vkui--color_stroke_primary: hsla(0,0%,56%,.5); --vkui--color_background_dark: #2a2a2a; --vkui--color_background_input: #f5f5f7; --vkui--color_text_tertiary: #aaadb3; --nocode-3promo-modal-filter: drop-shadow(0 0 4px color-mix(in srgb,var(--vkui--color_background_tertiary_alpha--active) 16%,transparent)) drop-shadow(0 4px 32px color-mix(in srgb,var(--vkui--color_background_tertiary_alpha--active) 80%,transparent)); } body.vkui--cloud--dark.rebranding { --vkui--color_text_accent: #1a85ff; --vkui--color_text_link: #1a85ff; --vkui--color_background_accent: #07f; --vkui--color_background_accent_tint_alpha: color-mix(in srgb,var(--vkui--color_background_accent) 10%,transparent); --vkui--color_stroke_accent: #07f; --vkui--color_background_accent--hover: #0073f7; --vkui--color_background_accent--active: #006fef; --vkui--color_background_modal: #222; --vkui--color_background_close_button_modal: hsla(0,0%,100%,.161); --vkui--color_field_border_alpha: hsla(0,0%,56%,.5); --vkui--color_background_secondary: #343434; --vkui--color_background_negative_tint_alpha: rgba(237,10,52,.1); --vkui--color_text_negative: #ff5c5c; --vkui--color_icon_secondary: #a5a7ad; --vkui--color_text_secondary: #8c8e94; --vkui--color_overlay_primary: rgba(0,0,0,.78); --hover: var(--vkui--color_background_accent--hover); --vkui--color_text_accent--active: var(--vkui--color_background_accent--active); --color-empty-border: var(--vkui--color_stroke_accent); --vkui--color_background_tertiary_alpha--active: #000; --rebranding_theme_color_background_teritary: #252525; --rebranding_theme_color_background_secondary: #343434; --rebranding_theme_color_background_secondary--hover: #464748; --rebranding_theme_color_background_secondary--active: #39393c; --vkui--color_text_accent_contrast_themed: #fff; --vkui--color_text_accent_themed: #fff; --vkui--color_icon_accent_themed: #fff; --color-overquota: #ff5c5c; --rebranding_color_lime: #b8fc75; --rebranding_color_background-content-alternative: #2a2a2a; --rebranding_color_background_alternative: #191919; --vkui--color_background: #191919; --rebranding-color-landing-control-primary-background: #3b3b3b; --rebranding-color-landing-control-secondary-background: #262627; --rebranding-color-landing-secondary-background: #303030; --rebranding-color-background-viewer: #000; --rebranding_dark_theme_color_stroke_field_border_alpha: hsla(0,0%,56%,.5); --rebranding_dark_theme_color_stroke_negative: #ff5c5c; --rebranding_dark_theme_color_negative_tint: #401616; --vkui--color-other-cloud-color-landing-button-background: #191919; --vkui--color-other-cloud-color-landing-button-background--hover: #232324; --vkui--color-other-cloud-color-landing-button-background--active: #1d1d1d; --vkui--color_background_field: #292929; --vkui--color_palette_lime: #b8fc75; --rebranding_color_leftside_background: #191919; --vkui--color_palette_icon_id_card_themed: #393a3b; --vkui--color_other_image_placeholder: #393a3b; --vkui--color_stroke_field_border_alpha: hsla(0,0%,56%,.5); --vkui--color_text_tertiary: #74767a; --nocode-3promo-modal-filter: drop-shadow(0 0 4px color-mix(in srgb,var(--vkui--color_background_tertiary_alpha--active) 16%,transparent)) drop-shadow(0 4px 32px color-mix(in srgb,var(--vkui--color_background_tertiary_alpha--active) 40%,transparent)); } :root { --font_family--vk_sans_display: VKSansDisplay,Helvetica,Arial,sans-serif; } body, body.vkui--cloud--dark { --vkui--font_family_base: var(--font_family--vk_sans_display); --vkui--font_family_accent: var(--font_family--vk_sans_display); --vkui--font_display_title1--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_display_title2--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_display_title2--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_display_title3--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_display_title4--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_title1--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_title2--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_title3--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_text--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_text--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_subhead--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_subhead--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_footnote--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_footnote--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_footnote_caps--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_caption1--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_caption1--font_weight--compact: var(--font_family--vk_sans_display); --vkui--font_h0--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_h0--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_h1--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_h1--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_h2--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_h2--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_title2_custom--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_title3_custom--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_title3_custom--font_family--compact: var(--font_family--vk_sans_display); --vkui--font_caption1_caps_demibold--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_caption2_caps_demibold--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_caption3_caps_demibold--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_subtitle_medium--font_family: var(--font_family--vk_sans_display); --vkui--font_subtitle_custom--font_family: var(--font_family--vk_sans_display); --vkui--font_headline_large_medium--font_family: var(--font_family--vk_sans_display); --vkui--font_large_text--font_family: var(--font_family--vk_sans_display); --vkui--font_headline--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_title1--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_title2--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_title3--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_headline1--font_family--regular: var(--font_family--vk_sans_display); --vkui--font_headline2--font_family--regular: var(--font_family--vk_sans_display); } .vkui__portal-root, .vkui__root { --font-common: var(--font_family--vk_sans_display); } body iframe { --vkui--elevation2: 0 4px 32px 0 rgba(0,16,61,.32); } .application-mail { background-color: var(--theme-background-color); height: 100%; width: 100%; } @media (max-width: 500px) { .application-mail { background-position: center top; } } .application-mail > .application-mail__overlay { background-color: var(--vkui--cloud_color_overlay_background); background-image: var(--vkui--cloud_image_overlay_background); height: 100%; width: 100%; } .doodle .Page-desktop__headline_doc--RLjSA .ph-logo__img { padding: 16.5px; } .Page-desktop__root--3vxOy { background: var(--vkui--color_background); display: flex; flex-direction: column; flex-grow: 1; min-height: 100%; min-width: 1004px; font-family: var(--font-inter) !important; } .Page-desktop__root--3vxOy.Page-desktop__no_min_width--3BXdQ { height: 100vh; min-width: auto; } .Page-desktop__root_new_portal_header--2cEcs, .Page-desktop__root_with_unified_search_in_superapp--3F-QK { background: var(--vkui--cloud_color_background_portal); } .Page-desktop__root_themed_public--2DIqU { background: none; min-width: auto; } .Page-desktop__root_with_unified_search_in_superapp--3F-QK { height: calc(100% - 8px); min-height: calc(100% - 8px); padding-top: 8px; } @media print { .viewer_open .Page-desktop__root--3vxOy { display: none; } } @media (max-width: 1024px) { .Page-desktop__root_myteam--aSEcY { --header-height: 48px; min-height: 100vh; min-width: 240px; } } .Page-desktop__content--3FNXr { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 0; } .Page-desktop__content_new_portal_header--16Se- { height: 100%; } .Page-desktop__head--21CnC { background: var(--vkui--color_background_content,#fff); height: 56px; min-height: 56px; position: sticky; top: 0px; z-index: 1000; } .Page-desktop__headline--3MCbe { height: var(--headline-height); } .Page-desktop__headline_old--2UtZm { background: var(--vkui--color_background_content,#fff); z-index: 10000; } .Page-desktop__headline_hide--24Bl0 { display: none; } .Page-desktop__root_viewport_height--3x9TL { height: 100%; max-height: 100vh; } .Page-desktop__root_viewport_height--3x9TL .Page-desktop__content--3FNXr { flex: 1 1 0%; min-height: 0px; } .b-react-component { width: 100%; } .b-react-component_sticky { position: sticky; top: 0px; z-index: 1001; } .Page-desktop__root_theme_dark--1nmOk { background: var(--color-gray-980,#050505); } .Page-desktop__root_theme_dark--1nmOk .Page-desktop__description--10cP1 { color: var(--vkui--color_text_secondary); } .Page-desktop__footer--2bWkk { margin-top: auto; } .ph-modal-projects-overlay { inset: 0px !important; } .ph-modal-projects-overlay { height: 100vh; width: 100vw; } :root { --logo-light-theme-url: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/38ee4afd7a08350c7d70.svg); --logo-dark-theme-url: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/d37b6fdba7f3c527dc99.svg); --logo-light-theme-url-doc: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/f9756c1f6e43c3d18b33.svg); --logo-dark-theme-url-doc: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/585405dafe24d77ab0d7.svg); --logo-light-theme-url-biz: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/74658649924dc1379d56.svg); --logo-dark-theme-url-biz: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/ba2a9a03d82dc1028d69.svg); --logo-light-theme-url-tarm: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/729a940417ff38d0b7ce.svg); --logo-dark-theme-url-tarm: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/98d5cd9c9d0d7b820491.svg); --logo-dark-theme-url-doc-biz: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/2e737ff1a9d00238692a.svg); --logo-light-theme-url-doc-biz: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/69dda794e694de16e2ad.svg); --logo-url-mailspace: url(//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/portal-header/b66d4979d8aa452bb75f.svg); } :root .rebranding { --color-gray-980: #19191a; } .doodle .ph-logo { margin-right: 0px !important; } body:not(.vkui--cloud--dark):not(.theme-outsource) { --logo-url: var(--logo-light-theme-url); --logo-url-doc: var(--logo-light-theme-url-doc); --logo-url-biz: var(--logo-light-theme-url-biz); --logo-url-tarm: var(--logo-light-theme-url-tarm); --logo-url-doc-biz: var(--logo-light-theme-url-biz); } .Page-desktop__root_theme_dark--1nmOk, .vkui--cloud--dark { --ph-color-counter: var(--vkui--color_text_contrast); --logo-url: var(--logo-dark-theme-url); --logo-url-doc: var(--logo-dark-theme-url-doc); --logo-url-biz: var(--logo-dark-theme-url-biz); --logo-url-tarm: var(--logo-dark-theme-url-tarm); --logo-url-doc-biz: var(--logo-dark-theme-url-biz); } .Page-desktop__headline_mailspace--Expy5 { --logo-url: var(--logo-url-mailspace); } .Page-desktop__headline--3MCbe:not(.Page-desktop__headline_doc--RLjSA):not(.Page-desktop__headline_biz--1VR9K):not(.Page-desktop__headline_tarm--3fJgz) .ph-container [data-logo-img] { content: var(--logo-url); } .Page-desktop__headline--3MCbe.Page-desktop__headline_doc--RLjSA:not(.Page-desktop__headline_doc_biz--3svhN) .ph-container [data-logo-img] { content: var(--logo-url-doc); } .Page-desktop__headline--3MCbe.Page-desktop__headline_biz--1VR9K:not(.Page-desktop__headline_doc_biz--3svhN) .ph-container [data-logo-img] { content: var(--logo-url-biz); } .Page-desktop__headline--3MCbe.Page-desktop__headline_tarm--3fJgz:not(.Page-desktop__headline_doc_biz--3svhN) .ph-container [data-logo-img] { content: var(--logo-url-tarm); } .Page-desktop__headline_doc_biz--3svhN .ph-container [data-logo-img] { content: var(--logo-url-doc-biz); } .root_default_background { background: var(--vkui--color_background); } .Page-touch__root--2BXeJ { -webkit-font-smoothing: antialiased; --headline-height: 48px; background: var(--vkui--color_background); display: flex; flex-direction: column; max-width: 100vw; min-height: 100%; min-width: 240px; font-family: var(--font-inter) !important; } @supports (padding-bottom:env(safe-area-inset-bottom)) { .Page-touch__root--2BXeJ { min-height: calc(100% - env(safe-area-inset-bottom) - env(safe-area-inset-top)); padding-bottom: 1px; } } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .Page-touch__root--2BXeJ { } } @supports (padding-top:env(safe-area-inset-top)) { .Page-touch__root--2BXeJ { padding-top: env(safe-area-inset-top); } } .Page-touch__root_themed_public--TRNuQ { background: none; } .Page-touch__root_theme_dark--2db6d { background: rgb(0, 0, 0); } .Page-touch__content_integration--1mSSk { height: 100%; } .Page-touch__head--M9ZtY { background: var(--vkui--color_background_accent); height: var(--headline-height); min-height: 48px; } .Page-touch__content--2JdlD { display: flex; flex-direction: column; flex-grow: 1; height: 100%; } .Page-touch__header--jP66e { background: rgba(255, 255, 255, 0.08); flex-shrink: 0; height: 108px; max-width: 100%; min-height: 72px; overflow: hidden; padding: 8px 8px 0px; } .Page-touch__headline--1x2pg { display: none; flex-shrink: 0; height: 0px; } .Page-touch__headline_visible---LwQf { display: block; height: var(--headline-height); } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .Logo__root--10niw { align-items: center; display: flex; justify-content: center; } .nologo .Logo__root--10niw { display: none; } .Logo__biz--3b-KK, .Logo__cloud--1rxZk, .Logo__logo--3wiOm { height: 100%; } .Logo__hidden_logo--PrKEr { visibility: hidden; } .Logo__size_m--2IQAU { height: 32px; } .Logo__size_s--1Su4N { height: 28px; } .Logo__root_my_team--N6PxY:not(.Logo__bizLocked--1dSK4) { display: none; } @media (min-width: 1024px) { .Logo__root_my_team--N6PxY:not(.Logo__bizLocked--1dSK4) { display: block; } } .Logo__bizLocked--1dSK4, .Logo__logoDisablePointerEvents--1I88V { pointer-events: none; } .Spinner__root--2ThLn { fill: currentcolor; animation: 1s cubic-bezier(0.49, 0.28, 0.49, 0.67) 0s infinite normal none running Spinner__spin--JlTLN; color: var(--vkui--color_text_accent); height: 40px; left: calc(50% - 20px); position: absolute; top: calc(50% - 20px); width: 40px; } .Spinner__root_embedded--i7r6G { color: var(--activity_indicator_tint); height: 44px; width: 44px; } .Spinner__root_tutoria--2_5yF { animation: 1s linear 0s infinite normal none running Spinner__spin--JlTLN; color: var(--vkui--color_icon_medium); height: 44px; width: 44px; } @keyframes Spinner__spin--JlTLN { 100% { transform: rotate(1turn) translateZ(0px); } } .Headline__root--vxWtx { display: block; } .Headline__root--vxWtx .ph-project__link { -webkit-font-smoothing: antialiased; font-family: var(--font-tt-norms); } :root { --vkui-lft-sidebar-bg: #ddeaf9; } :root .vkui--cloud--dark { --vkui-lft-sidebar-bg: #0e0e0f; } .LeftNav__root--781To { background: var(--vkui-lft-sidebar-bg); height: 100%; left: 0px; position: fixed; top: 0px; width: var(--leftnav-width); z-index: 10; } .LeftNav__rootDark--3DXVv { --vkui-lft-sidebar-bg: #0e0e0f; --vkui--cloud_color_background_portal: #19191a; } .LeftNav__root--781To::after, .LeftNav__root--781To::before { background: var(--vkui-lft-sidebar-bg); content: ""; height: 100%; left: var(--leftnav-width); pointer-events: none; position: absolute; top: 0px; width: 16px; } .LeftNav__root--781To::after { background: var(--vkui--cloud_color_background_portal); border-radius: 16px 0px 0px 16px; box-shadow: rgba(0, 0, 0, 0.06) -1px 0px 1px 0px; z-index: 30; } .ViewerPlaceholder__root--1hISC { background-color: var(--color-gray-980); inset: 0px; position: fixed; z-index: 10000; } .Logo__root--158cg { display: flex; } .Logo__themeOutsourceLogo--22UKc { content: var(--logo-url); } .Logo__disableEvents--3mRtO { pointer-events: none; } .Rightinfo__root--2QexX { display: flex; flex-direction: column; margin-left: auto; position: sticky; top: 0px; width: 240px; } .Rightinfo__root--2QexX.Rightinfo__root_new_portal_header--1gvks { height: 100%; overflow: hidden auto; scrollbar-width: none; } .Rightinfo__root--2QexX.Rightinfo__root_new_portal_header--1gvks .Rightinfo__header--1f_jE { min-height: 60px; } .Rightinfo__root--2QexX.Rightinfo__root_new_portal_header--1gvks::-webkit-scrollbar { display: none; } .Rightinfo__header--1f_jE { align-items: center; display: flex; height: 60px; justify-content: space-between; } .Rightinfo__title--15_Q- { font-family: var(--font-tt-norms); font-size: 17px; font-weight: 500; margin: 0px; } .Public-desktop__root--1VOmW { display: flex; flex-grow: 1; height: 100%; position: relative; } .Public-desktop__root--1VOmW .vkui__root { -webkit-font-smoothing: antialiased; } .Public-desktop__rightCol--vLyHP { bottom: 0px; color: var(--vkui--cloud_color_sidebar_item_text_primary,--color-text-secondary); min-width: 255px; overflow-y: hidden; padding-top: 12px; position: absolute; right: 20px; top: 56px; width: 255px; } @media (max-width: 1266px) { .Public-desktop__rightCol--vLyHP { display: none; } } .Public-desktop__rightCol_new_portal_header--3DleT { padding-top: 0px; top: -3px; } .Public-desktop__rightColFile--2PzsH { background: rgb(28, 28, 28); border-left: 1px solid rgba(255, 255, 255, 0.12); box-sizing: border-box; color: var(--vkui--color_text_contrast); min-width: 272px; overflow: hidden; padding-left: 16px; padding-right: 16px; padding-top: 15px; right: auto; top: auto; width: 272px; } .Public-desktop__rightColFile--2PzsH, .Public-desktop__shove--2Eg3i { max-height: 100%; position: relative; } .Public-desktop__shove--2Eg3i { display: flex; flex-grow: 1; width: 100%; } .Public-desktop__wrapper--1ib81 { align-items: center; box-sizing: border-box; display: block; height: 100%; width: 100%; } .Public-desktop__rootHidden--3Duzw .Public-desktop__wrapper--1ib81 { height: auto; } .Public-touch__root--Oni4I { display: flex; flex: 1 1 0%; flex-direction: column; height: 100%; } .Public-touch__root--Oni4I .vkui__root { -webkit-font-smoothing: antialiased; } .Public-touch__root--Oni4I .public__content__inner { height: 100%; } .Public-touch__root--Oni4I .public__content { height: 100%; } .ReactLanding__root--U2LNZ { display: flex; flex-direction: column; flex-grow: 1; } .ReactLanding__root--U2LNZ.ReactLanding__root_new_portal_header--pCtKf { height: 100%; } :root { --breakpoint-small: 380px; --breakpoint-medium: 840px; --breakpoint-large: 1024px; } .BlockedUser__root--2gpEB { align-items: center; bottom: calc(50% - 30px); display: flex; margin-top: 30px; max-width: 100vw; position: fixed; right: 50%; transform: translate(50%, 50%); width: 580px; } @media (max-width: 800px) { .BlockedUser__root--2gpEB { flex-wrap: wrap; } } .BlockedUser__rootB2B--B96hA { -webkit-font-smoothing: antialiased; flex-direction: column; } .BlockedUser__rootB2B--B96hA .BlockedUser__text--34iWu { margin-top: 24px; } .BlockedUser__rootB2B--B96hA .BlockedUser__description--1LltT, .BlockedUser__rootB2B--B96hA .BlockedUser__title--1-nfZ { text-align: center; } .BlockedUser__rootB2B--B96hA .BlockedUser__title--1-nfZ { line-height: 28px; white-space: pre-wrap; } .BlockedUser__rootB2B--B96hA .BlockedUser__description--1LltT { margin-top: 12px; } .BlockedUser__rootB2B--B96hA .BlockedUser__icon--3zz0O { background-image: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/aeb0d2ac4aeaf52ffb39.png"); background-position: 50% center; background-size: 80% auto; height: 56px; margin: 0px; width: 56px; } .BlockedUser__title--1-nfZ { font-family: var(--font-tt-norms); font-size: 24px; line-height: 1.3; } .BlockedUser__description--1LltT { font-family: var(--font-inter); font-size: 15px; line-height: 1.3; margin-top: 16px; } .BlockedUser__link--37RaK { color: var(--color-grey); font-size: 13px; margin-top: 15px; text-decoration: none; } .BlockedUser__icon--3zz0O { background: url("//cloud.imgsmail.ru/cloud.mail.ru/hashes/img/cbcd6d990499db046563.png") center top / 100% auto no-repeat; flex-shrink: 0; height: 157px; margin-right: 58px; width: 209px; } @media (max-width: 840px) { .BlockedUser__rootResponsive--1cyjM { flex-direction: column; max-width: 580px; text-align: center; width: 90%; } .BlockedUser__iconResponsive--1jqzm { margin: 0 auto var(--vkui--x6); } } .ReactPage__root--151_W { display: flex; flex-direction: column; flex-grow: 1; } .ReactPage__root_new_portal_header--2jALJ { height: 100%; } .Html__root--2eFm9 { margin: 0px; } body, html { height: 100%; } .Html__body_editor--OyT9V { display: flex; flex-direction: column; } .Html__body_integration--oMSXW { overflow: hidden; } .Html__leftnav--23PSA { padding-left: var(--leftnav-width); } .Html__b2cAppFix--16A0g a.ph-logo { margin-right: 32px !important; } .Html__b2cAppFix--16A0g .ph-project-widgets { margin-right: 0px !important; } .Html__logoMinWidth--2GS8p a.ph-logo { min-width: 243px; } .Html__hideProjects--bVpTe .ph-projects__list { display: none !important; } .Html__hideAvatar--2q0hs .ph-project__account { display: none !important; } .Html__hideAllProjects--2toWY nav.ph-projects { display: none; } .Html__hideWidgets--eqOWN .ph-project-widgets { display: none; } .Html__searchFix--1RoQE .ph-projects { flex-grow: 0 !important; } .Html__searchFix--1RoQE .ph-searchplaceholder { flex-grow: 1; } ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: binary Content-Location: https://o2.mail.ru/login ------MultipartBoundary--U00iGgaQrx1RFFC1NypCDigsRKjQoHb7jpEmgZzt4m------