Subject: Самоорганизация: что это и зачем оно мне нужно20=E2=80=94=20=D0=AF=D0=BD=D0=B4=D0=B5=D0=BA=D1=81=20=D0=9F?=рактикум
From: <Saved by Blink>

MIME-Version: 1.0
Content-Type: multipart/related;
	type="text/html";
	boundary="----MultipartBoundary--RFmO0IFAHJaZCocvTyiEuVsycfZ4W5SDtsIijijq7j----"

------MultipartBoundary--RFmO0IFAHJaZCocvTyiEuVsycfZ4W5SDtsIijijq7j----
Content-Type: text/html
Content-ID: <[email-masked]>
Content-Transfer-Encoding: quoted-printable
Content-Location: 

<!DOCTYPE html><html lang=3D"ru" data-react-helmet=3D"lang"><!--
 Page saved with SingleFile=20
 url: https://practicum.yandex.ru/learn/systems-analyst/courses/ddde8eb8-4d=
42-4b79-822a-45acafe71efc/sprints/105231/topics/08da5ebe-0436-4ade-aae6-e3a=
3e1329065/lessons/0f641b77-d29b-4bdd-b4ad-74afa853983d/=20
 saved date: Sat  GMT+0300 (=D0=9C=D0=BE=D1=81=D0=BA=D0=B2=D0=B0, =D1=81=D1=
=82=D0=B0=D0=BD=D0=B4=D0=B0=D1=80=D1=82=D0=BD=D0=BE=D0=B5 =D0=B2=D1=80=D0=
=B5=D0=BC=D1=8F)
--><head><meta http-equiv=3D"Content-Type" content=3D"text/html; charset=3D=
UTF-8"><link rel=3D"stylesheet" type=3D"text/css" href=3D"cid:css-3556b213-=
[email-masked]" /><link rel=3D"stylesheet" type=3D=
"text/css" href=3D"cid:[email-masked]=
" />
<title>=D0=A1=D0=B0=D0=BC=D0=BE=D0=BE=D1=80=D0=B3=D0=B0=D0=BD=D0=B8=D0=B7=
=D0=B0=D1=86=D0=B8=D1=8F: =D1=87=D1=82=D0=BE =D1=8D=D1=82=D0=BE =D0=B8 =D0=
=B7=D0=B0=D1=87=D0=B5=D0=BC =D0=BE=D0=BD=D0=BE =D0=BC=D0=BD=D0=B5 =D0=BD=D1=
=83=D0=B6=D0=BD=D0=BE? =E2=80=94 =D0=AF=D0=BD=D0=B4=D0=B5=D0=BA=D1=81 =D0=
=9F=D1=80=D0=B0=D0=BA=D1=82=D0=B8=D0=BA=D1=83=D0=BC</title>
<meta data-react-helmet=3D"true" name=3D"title" content=3D""><meta data-rea=
ct-helmet=3D"true" name=3D"description" content=3D""><meta data-react-helme=
t=3D"true" property=3D"og:type" content=3D"website"><meta data-react-helmet=
=3D"true" name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=
=3D1.0, viewport-fit=3Dcover"><meta data-react-helmet=3D"true" name=3D"yand=
ex-verification" content=3D"b6925ee38b98a9b0"><meta data-react-helmet=3D"tr=
ue" name=3D"google-site-verification" content=3D"FSCwrNjvEM8wXBr0TFzl58qR0s=
EioEKbA4gHrPQZxGI"><meta data-react-helmet=3D"true" name=3D"msapplication-T=
ileColor" content=3D"#000000"><meta data-react-helmet=3D"true" name=3D"them=
e-color" content=3D"#000000">
<link data-react-helmet=3D"true" sizes=3D"180x180" href=3D"https://praktiku=
m.s3.yandex.net/praktikum/v2.318.1/static/apple-touch-icon.png"><link data-=
react-helmet=3D"true" rel=3D"icon" type=3D"image/png" sizes=3D"32x32" href=
=3D"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAAAAABWESUoAAAAB=
II=3D"><link data-react-helmet=3D"true" href=3D"https://praktikum.s3.yandex=
.net/praktikum/v2.318.1/static/safari-pinned-tab.svg" color=3D"#000000">
<link rel=3D"canonical" href=3D"https://practicum.yandex.ru/learn/systems-a=
nalyst/courses/ddde8eb8-4d42-4b79-822a-45acafe71efc/sprints/105231/topics/0=
8da5ebe-0436-4ade-aae6-e3a3e1329065/lessons/0f641b77-d29b-4bdd-b4ad-74afa85=
3983d/"></head>
 <body id=3D"bundle-proficiency" class=3D"prisma prisma_theme_light pointer=
focus" style=3D"--profession-color:#02b341;--darken-profession-color:rgba(1=
,161,58,1);--initial-vh:6.78px">
=20
 <div id=3D"mount"><div class=3D"app"><div></div><div class=3D"page profici=
ency-page"><div class=3D"Toastify"></div><div class=3D"page__content"><div =
class=3D"unified-sidebar__container"><aside class=3D"unified-sidebar" aria-=
label=3D"=D0=9D=D0=B0=D0=B2=D0=B8=D0=B3=D0=B0=D1=86=D0=B8=D1=8F"><ul class=
=3D"unified-sidebar__items"><li class=3D"unified-sidebar__item"><span class=
=3D"prisma-element-hint"><span class=3D"prisma-element-hint__wrapper"><a ar=
ia-label=3D"=D0=92 =D0=BF=D1=80=D0=BE=D1=84=D0=B8=D0=BB=D1=8C" href=3D"http=
s://practicum.yandex.ru/profile/systems-analyst/" class=3D"prisma-button pr=
isma-button_icon-placement_replace prisma-button_position-in-group_none pri=
sma-button_size_s prisma-button_view_clear prisma-button_with-icon prisma-b=
utton_behavior_common-link" data-test-id=3D"sidebar-home-button"><span clas=
s=3D"prisma-button__content"><span class=3D"prisma-button__icon" aria-hidde=
n=3D"true"><svg class=3D"icon icon-objects-24-home" width=3D"24" height=3D"=
24" viewBox=3D"0 0 24 24" fill=3D"none"><path fill-rule=3D"evenodd" clip-ru=
le=3D"evenodd" d=3D"M10.2 4.1C11.2667 3.3 12.7333 3.3 13.8 4.1L19.8 8.6C20.=
5554 9.16656 21 10.0557 21 11V19C21 20.1046 20.1046 21 19 21H15.5C14.3954 2=
1 13.5 20.1046 13.5 19V16H10.5V19C10.5 20.1046 9.60457 21 8.5 21H5C3.89543 =
21 3 20.1046 3 19V11C3 10.0557 3.44458 9.16656 4.2 8.6L10.2 4.1ZM12.6 5.7C1=
2.2444 5.43333 11.7556 5.43333 11.4 5.7L5.4 10.2C5.14819 10.3889 5 10.6852 =
5 11V19H8.5V16C8.5 14.8954 9.39543 14 10.5 14H13.5C14.6046 14 15.5 14.8954 =
15.5 16V19H19V11C19 10.6852 18.8518 10.3889 18.6 10.2L12.6 5.7Z" fill=3D"cu=
rrentColor" fill-opacity=3D"0.85"></path></svg></span></span></a></span></s=
pan></li><li class=3D"unified-sidebar__item"><span class=3D"prisma-element-=
hint"><span class=3D"prisma-element-hint__wrapper"><button aria-label=3D"=
=D0=9F=D1=80=D0=BE=D0=B3=D1=80=D0=B0=D0=BC=D0=BC=D0=B0" class=3D"prisma-but=
ton prisma-button_icon-placement_replace prisma-button_position-in-group_no=
ne prisma-button_size_s prisma-button_view_clear prisma-button_with-icon" d=
ata-test-id=3D"sidebar-navigation-button"><span class=3D"prisma-button__con=
tent"><span class=3D"prisma-button__icon" aria-hidden=3D"true"><svg class=
=3D"icon icon-content-24-book" width=3D"24" height=3D"24" viewBox=3D"0 0 24=
 24" fill=3D"none"><path d=3D"M8.70484 8.18409C8.87154 8.35079 9.09763 8.44=
444 9.33338 8.44444H15.5556C15.7914 8.44444 16.0175 8.35079 16.1842 8.18409=
C16.3509 8.01739 16.4445 7.79129 16.4445 7.55555C16.4445 7.3198 16.3509 7.0=
9371 16.1842 6.92701C16.0175 6.76031 15.7914 6.66666 15.5556 6.66666H9.3333=
8C9.09763 6.66666 8.87154 6.76031 8.70484 6.92701C8.53814 7.09371 8.44449 7=
.3198 8.44449 7.55555C8.44449 7.79129 8.53814 8.01739 8.70484 8.18409Z" fil=
l=3D"currentColor" fill-opacity=3D"0.85"></path><path fill-rule=3D"evenodd"=
 clip-rule=3D"evenodd" d=3D"M6.66667 2.22217C5.20445 2.22217 4 3.42661 4 4.=
88884V19.1111C4 20.5733 5.20445 21.7778 6.66667 21.7778H19.1111C19.3469 21.=
7778 19.573 21.6841 19.7397 21.5174C19.9064 21.3507 20 21.1246 20 20.8889C2=
0 20.6531 19.9064 20.427 19.7397 20.2603C19.573 20.0936 19.3469 20 19.1111 =
20H6.66667C6.16356 20 5.77778 19.6142 5.77778 19.1111C5.77778 18.608 6.1635=
6 18.2222 6.66667 18.2222H19.1111C19.3469 18.2222 19.573 18.1285 19.7397 17=
.9618C19.9064 17.7951 20 17.5691 20 17.3333V3.11106C20 2.87531 19.9064 2.64=
922 19.7397 2.48252C19.573 2.31582 19.3469 2.22217 19.1111 2.22217H6.66667Z=
M6.66667 3.99995H18.2222V16.4444H6.66667C6.36293 16.4482 6.06216 16.5048 5.=
77778 16.6115V4.88884C5.77778 4.38573 6.16356 3.99995 6.66667 3.99995Z" fil=
l=3D"currentColor" fill-opacity=3D"0.85"></path></svg></span></span></butto=
n></span></span></li><li class=3D"unified-sidebar__item"><span class=3D"pri=
sma-element-hint"><span class=3D"prisma-element-hint__wrapper"><button aria=
-label=3D"=D0=9F=D0=BE=D0=B8=D1=81=D0=BA" class=3D"prisma-button prisma-but=
ton_icon-placement_replace prisma-button_position-in-group_none prisma-butt=
on_size_s prisma-button_view_clear prisma-button_with-icon" data-test-id=3D=
"header-search-button"><span class=3D"prisma-button__content"><span class=
=3D"prisma-button__icon" aria-hidden=3D"true"><svg class=3D"icon icon-symbo=
ls-24-search" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none=
"><path fill-rule=3D"evenodd" clip-rule=3D"evenodd" d=3D"M10.3021 17.6043C1=
1.967 17.6043 13.5024 17.0465 14.7321 16.1079L19.35 20.7268C19.5336 20.9041=
 19.7796 21.0022 20.0348 21C20.2901 20.9978 20.5343 20.8954 20.7148 20.7149=
C20.8953 20.5344 20.9977 20.2902 21 20.0349C21.0022 19.7796 20.904 19.5337 =
20.7267 19.3501L16.1078 14.7312C17.1071 13.4213 17.6341 11.812 17.6031 10.1=
648C17.5721 8.51756 16.9849 6.92922 15.9371 5.65788C14.8892 4.38653 13.4422=
 3.50689 11.8313 3.1619C10.2203 2.81691 8.53995 3.02684 7.06335 3.75758C5.5=
8676 4.48833 4.40067 5.69693 3.69783 7.18701C2.99498 8.67708 2.81669 10.361=
 3.19192 11.9653C3.56714 13.5695 4.47384 14.9997 5.76467 16.0234C7.0555 17.=
0472 8.6546 17.6043 10.3021 17.6043ZM15.657 10.3022C15.657 11.7224 15.0929 =
13.0844 14.0886 14.0887C13.0844 15.0929 11.7223 15.6571 10.3021 15.6571C8.8=
819 15.6571 7.51985 15.0929 6.51561 14.0887C5.51137 13.0844 4.94719 11.7224=
 4.94719 10.3022C4.94719 8.88196 5.51137 7.51992 6.51561 6.51567C7.51985 5.=
51143 8.8819 4.94725 10.3021 4.94725C11.7223 4.94725 13.0844 5.51143 14.088=
6 6.51567C15.0929 7.51992 15.657 8.88196 15.657 10.3022Z" fill=3D"currentCo=
lor" fill-opacity=3D"0.85"></path></svg></span></span></button></span></spa=
n></li><li class=3D"unified-sidebar__item"><span class=3D"prisma-element-hi=
nt"><span class=3D"prisma-element-hint__wrapper"><button aria-label=3D"=D0=
=97=D0=B0=D0=BC=D0=B5=D1=82=D0=BA=D0=B8" class=3D"prisma-button prisma-butt=
on_icon-placement_replace prisma-button_position-in-group_none prisma-butto=
n_size_s prisma-button_view_clear prisma-button_with-icon sidebar__favorite=
-button" data-test-id=3D"sidebar-favorites-button"><span class=3D"prisma-bu=
tton__content"><span class=3D"prisma-button__icon" aria-hidden=3D"true"><sv=
g class=3D"icon icon-objects-24-bookmark" width=3D"24" height=3D"24" viewBo=
x=3D"0 0 24 24" fill=3D"none"><path fill-rule=3D"evenodd" clip-rule=3D"even=
odd" d=3D"M15.7951 2H8.20486C7.09046 2 6.68635 2.11603 6.27894 2.33392C5.87=
154 2.5518 5.5518 2.87154 5.33392 3.27894C5.11603 3.68635 5 4.09046 5 5.204=
86V20.4425C5 20.6666 5.07525 20.8842 5.21368 21.0604C5.5549 21.4946 6.18355=
 21.5701 6.61782 21.2289L12 17L17.3822 21.2289C17.5584 21.3673 17.7759 21.4=
425 18 21.4425C18.5523 21.4425 19 20.9948 19 20.4425V5.20486C19 4.09046 18.=
884 3.68635 18.6661 3.27894C18.4482 2.87154 18.1285 2.5518 17.7211 2.33392C=
17.3136 2.11603 16.9095 2 15.7951 2ZM10.7644 15.4274L7 18.3851V5.20486C7 4.=
77844 7.01899 4.51125 7.04897 4.35599C7.06072 4.29517 7.06567 4.28173 7.097=
54 4.22214C7.12903 4.16327 7.16327 4.12903 7.22214 4.09754C7.28173 4.06567 =
7.29517 4.06072 7.35599 4.04897C7.51125 4.01899 7.77844 4 8.20486 4H15.7951=
C16.2216 4 16.4887 4.01899 16.644 4.04897C16.7048 4.06072 16.7183 4.06567 1=
6.7779 4.09754C16.8367 4.12903 16.871 4.16327 16.9025 4.22214C16.9343 4.281=
73 16.9393 4.29517 16.951 4.35599C16.981 4.51125 17 4.77844 17 5.20486V18.3=
851L13.2356 15.4274C12.5104 14.8575 11.4896 14.8575 10.7644 15.4274Z" fill=
=3D"currentColor" fill-opacity=3D"0.85"></path></svg></span></span></button=
></span></span></li></ul><ul class=3D"unified-sidebar__items unified-sideba=
r__items_bottom"><li class=3D"unified-sidebar__item"><span class=3D"prisma-=
element-hint"><span class=3D"prisma-element-hint__wrapper"><button aria-lab=
el=3D"=D0=A2=D1=91=D0=BC=D0=BD=D0=B0=D1=8F =D1=82=D0=B5=D0=BC=D0=B0" class=
=3D"prisma-button prisma-button_icon-placement_replace prisma-button_positi=
on-in-group_none prisma-button_size_s prisma-button_view_clear prisma-butto=
n_with-icon" data-test-id=3D"sidebar-theme-toggle-button"><span class=3D"pr=
isma-button__content"><span class=3D"prisma-button__icon" aria-hidden=3D"tr=
ue"><svg class=3D"icon icon-objects-24-moon" width=3D"24" height=3D"24" vie=
wBox=3D"0 0 24 24" fill=3D"none"><path fill-rule=3D"evenodd" clip-rule=3D"e=
venodd" d=3D"M2.61147 18.0457C5.0748 21.132 9.71928 22.7149 13.5919 21.6772=
C18.9266 20.2478 22.0924 14.7644 20.663 9.42982C19.6252 5.55659 15.9325 2.3=
2589 12.0277 1.73621C11.2127 1.61313 10.6071 2.47344 10.9979 3.19912C12.887=
6 6.70831 13.0427 9.7111 11.534 12.324C10.0252 14.9371 7.34714 16.3042 3.36=
34 16.4223C2.5395 16.4468 2.09729 17.4015 2.61147 18.0457ZM18.7312 9.94745C=
19.8747 14.2151 17.342 18.6018 13.0743 19.7454C10.6411 20.3974 7.33621 19.7=
474 5.25409 18.2326C8.72755 17.6779 11.7029 16.0313 13.266 13.3241C14.8291 =
10.6168 14.7602 7.22331 13.5035 3.9377C15.8565 4.98321 18.079 7.51366 18.73=
12 9.94745Z" fill=3D"currentColor" fill-opacity=3D"0.85"></path></svg></spa=
n></span></button></span></span></li></ul><span class=3D"prisma-element-hin=
t popup-help__hint"><span class=3D"prisma-element-hint__wrapper"><button ar=
ia-label=3D"=D0=9E=D1=81=D1=82=D0=B0=D0=B2=D0=B8=D1=82=D1=8C =D0=BE=D1=82=
=D0=B7=D1=8B=D0=B2" id=3D"popup-help__button-feedback" class=3D"prisma-butt=
on prisma-button_icon-placement_replace prisma-button_position-in-group_non=
e prisma-button_size_s prisma-button_view_clear prisma-button_with-icon pop=
up-help__button" data-test-id=3D"popup-help-feedback-button"><span class=3D=
"prisma-button__content"><span class=3D"prisma-button__icon" aria-hidden=3D=
"true"><svg class=3D"icon icon-objects-24-heart" width=3D"24" height=3D"24"=
 viewBox=3D"0 0 24 24" fill=3D"none"><path fill-rule=3D"evenodd" clip-rule=
=3D"evenodd" d=3D"M12.509 20.86C18.78 17.154 22 13.22 22 9.00002C22 2.99802=
 15.251 1.11002 12 5.10202C8.749 1.11002 2 2.99802 2 9.00002C2 13.22 5.219 =
17.153 11.491 20.86C11.6451 20.9512 11.8209 20.9993 12 20.9993C12.1791 20.9=
993 12.3549 20.9512 12.509 20.86ZM12.911 7.41202C14.677 3.51002 20 4.54202 =
20 9.00002C20 12.253 17.384 15.55 12 18.834C6.617 15.549 4 12.254 4 9.00002=
C4 4.54102 9.323 3.51002 11.089 7.41202C11.444 8.19602 12.556 8.19602 12.91=
1 7.41202Z" fill=3D"currentColor" fill-opacity=3D"0.85"></path></svg></span=
></span></button></span></span><div class=3D"popup-help__chat-button-wrappe=
r"><span class=3D"prisma-element-hint popup-help__hint"><span class=3D"pris=
ma-element-hint__wrapper"><button aria-label=3D"=D0=A7=D0=B0=D1=82 =D1=81 =
=D0=BF=D0=BE=D0=B4=D0=B4=D0=B5=D1=80=D0=B6=D0=BA=D0=BE=D0=B9" class=3D"pris=
ma-button prisma-button_icon-placement_replace prisma-button_position-in-gr=
oup_none prisma-button_size_s prisma-button_view_clear prisma-button_with-i=
con popup-help__button" data-test-id=3D"popup-help-support-chat-button"><sp=
an class=3D"prisma-button__content"><span class=3D"prisma-button__icon" ari=
a-hidden=3D"true"><svg class=3D"icon icon-communication-24-chat" width=3D"2=
4" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path fill-rule=3D"eve=
nodd" clip-rule=3D"evenodd" d=3D"M4.13626 20.9151C4.21435 20.9694 4.30693 2=
0.9989 4.40202 21C7.1264 21.0302 9.12338 20.5036 10.3867 19.3568C11.0663 19=
.4996 11.7736 19.575 12.5 19.575C17.7467 19.575 22 15.6407 22 10.7875C22 5.=
9343 17.7467 2 12.5 2C7.25329 2 3 5.9343 3 10.7875C3 13.0377 3.91432 15.090=
3 5.41805 16.6449C5.29043 17.9148 4.82454 19.1284 4.02042 20.2856C3.87073 2=
0.501 3.92085 20.7654 4.13626 20.9151ZM10.8 17.4185C10.2115 17.2948 9.59945=
 17.4609 9.1542 17.8651C8.65139 18.3216 7.58796 18.9534 6.59068 19.1447C7.0=
5943 18.4662 7.30534 17.4761 7.37684 16.7646C7.43201 16.2156 7.24255 15.670=
2 6.85891 15.2736C5.66342 14.0377 5 12.4629 5 10.7969C5 7.07713 8.32662 4 1=
2.5 4C16.6734 4 20 7.07713 20 10.7969C20 14.5166 16.6734 17.5938 12.5 17.59=
38C11.9213 17.5938 11.3523 17.5345 10.8 17.4185Z" fill=3D"currentColor" fil=
l-opacity=3D"0.85"></path></svg></span></span></button></span></span></div>=
<div class=3D"support-chat prisma_theme_light" style=3D"transform:translate=
(0px)"><audio class=3D"support-chat__audio sf-hidden"><template><div class=
=3D"videocontrols" xmlns=3D"http://www.w3.org/1999/xhtml" role=3D"none" loc=
aledir=3D"ltr">
=20
=20
 <div id=3D"controlsContainer" class=3D"controlsContainer" role=3D"none">
 <div class=3D"controlsOverlay stackItem">
=20
 </div>
 </div>
 </div></template></audio><div class=3D"support-chat__header">=D0=A7=D0=B0=
=D1=82 =D0=BF=D0=BE=D0=B4=D0=B4=D0=B5=D1=80=D0=B6=D0=BA=D0=B8<button class=
=3D"button button_size_m button_type_icon button_theme_light button_view_cl=
ear button_with-scaling-background support-chat__close-btn support-chat__ic=
on-btn" type=3D"button"><span class=3D"button__text"><svg class=3D"icon ico=
n-close" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><pa=
th d=3D"M13.414 12L18 16.586A1 1 0 0116.586 18l-5.39-5.39a.862.862 0 010-1.=
22L16.585 6A1 1 0 1118 7.414L13.414 12z" fill=3D"currentColor"></path><path=
 d=3D"M10.879 12l-4.586 4.586A1 1 0 107.707 18l5.39-5.39a.862.862 0 000-1.2=
2L7.707 6a1 1 0 00-1.414 1.414L10.879 12z" fill=3D"currentColor"></path></s=
vg></span></button></div><div class=3D"support-chat__body"><div class=3D"sc=
rollable-default scrollable scrollable_theme_light chat chat_mini chat_scro=
llable"><div></div><div class=3D"scrollable__content-wrapper"><div class=3D=
"scrollbar-remover scrollable__content-container" tabindex=3D"0" style=3D"-=
-scroll-bar-width:16px;--scroll-bar-height:16px"><div class=3D"scrollable__=
content chat__scrollable-content"><div class=3D"chat__body support-chat__ch=
at-body"><div class=3D"chat__messages-stack chat__messages-stack_side_left =
chat__messages-stack_animated chat__messages-stack_with-top-space"><div cla=
ss=3D"chat__avatar" style=3D"background-image:var(--sf-img-12);--top-offset=
:80px"></div><div class=3D"chat__messages-stack-content"><div class=3D"chat=
__message chat__message_side_left chat__message_type_text chat__message_ani=
mated"><div class=3D"bubble bubble_side_left bubble_type_text chat__message=
-bubble chat__message-bubble_type_text"><div class=3D"chat__message-author"=
>=D0=9F=D1=80=D0=B0=D0=BA=D1=82=D0=B8=D0=BA=D1=83=D0=BC</div><span>=D0=9F=
=D1=80=D0=B8=D0=B2=D0=B5=D1=82! =D0=AD=D1=82=D0=BE =D0=BF=D0=BE=D0=B4=D0=B4=
=D0=B5=D1=80=D0=B6=D0=BA=D0=B0 =D0=9F=D1=80=D0=B0=D0=BA=D1=82=D0=B8=D0=BA=
=D1=83=D0=BC=D0=B0 =F0=9F=91=8B =D0=95=D1=81=D0=BB=D0=B8 =D1=87=D1=82=D0=BE=
-=D1=82=D0=BE =D0=BD=D0=B5&nbsp;=D0=BF=D0=BE=D0=BB=D1=83=D1=87=D0=B0=D0=B5=
=D1=82=D1=81=D1=8F&nbsp;=E2=80=94 =D0=BF=D0=BE=D1=81=D1=82=D0=B0=D1=80=D0=
=B0=D0=B5=D0=BC=D1=81=D1=8F =D0=BF=D0=BE=D0=BC=D0=BE=D1=87=D1=8C. =D0=9F=D0=
=B8=D1=88=D0=B8=D1=82=D0=B5 =D0=B2&nbsp;=D1=87=D0=B0=D1=82 =D0=B8=D0=BB=D0=
=B8 =D0=B2=D1=8B=D0=B1=D0=B5=D1=80=D0=B8=D1=82=D0=B5 =D0=B4=D1=80=D1=83=D0=
=B3=D0=BE=D0=B9 =D1=81=D0=BF=D0=BE=D1=81=D0=BE=D0=B1 =D1=81=D0=B2=D1=8F=D0=
=B7=D0=B8</span><div class=3D"chat__message-status-box"></div><svg class=3D=
"bubble__tail bubble__tail_type_default" xmlns=3D"http://www.w3.org/2000/sv=
g" width=3D"16" height=3D"19" fill=3D"none"><path fill=3D"currentColor" d=
=3D"M15.5 18.458c-8.8 0-14-4.3333-15.5-6.5C3.16667 5.62471 10-5.74196 10 3.=
45804 10 12.658 13.5 16.9581 15.5 18.458z"></path></svg></div></div></div><=
/div><div class=3D"chat__messages-stack chat__messages-stack_animated"><div=
 class=3D"chat__messages-stack-content"><div class=3D"chat__message chat__m=
essage_type_notification chat__message_animated support-chat__date"><div cl=
ass=3D"bubble bubble_type_notification chat__message-bubble chat__message-b=
ubble_type_notification"><span class=3D"support-chat__date-prefix"><span>=
=D0=BF=D1=82, 2 =D0=B4=D0=B5=D0=BA=D0=B0=D0=B1=D1=80=D1=8F</span></span>=D0=
=B2 17:21<div class=3D"chat__message-status-box"></div><svg class=3D"bubble=
__tail bubble__tail_type_default" xmlns=3D"http://www.w3.org/2000/svg" widt=
h=3D"16" height=3D"19" fill=3D"none"><path fill=3D"currentColor" d=3D"M15.5=
 18.458c-8.8 0-14-4.3333-15.5-6.5C3.16667 5.62471 10-5.74196 10 3.45804 10 =
12.658 13.5 16.9581 15.5 18.458z"></path></svg></div></div></div></div><div=
 class=3D"chat__messages-stack chat__messages-stack_side_right chat__messag=
es-stack_animated"><div class=3D"chat__messages-stack-content"><div class=
=3D"chat__message chat__message_side_right chat__message_type_image chat__m=
essage_animated chat__message_with-info"><div class=3D"bubble bubble_side_r=
ight bubble_type_image chat__message-bubble chat__message-bubble_type_image=
"><img class=3D"chat__message-image" src=3D"data:image/png;base64,iVBORw0KG=
/39x96l3JJYRPZ8HU/8PLv7/P0hDj0LJqnt5AAAAAElFTkSuQmCC"><div class=3D"chat__m=
essage-status-box"></div><svg class=3D"bubble__tail bubble__tail_type_defau=
lt" xmlns=3D"http://www.w3.org/2000/svg" width=3D"16" height=3D"19" fill=3D=
"none"><path fill=3D"currentColor" d=3D"M15.5 18.458c-8.8 0-14-4.3333-15.5-=
6.5C3.16667 5.62471 10-5.74196 10 3.45804 10 12.658 13.5 16.9581 15.5 18.45=
8z"></path></svg></div></div></div></div><div class=3D"chat__messages-stack=
 chat__messages-stack_animated"><div class=3D"chat__messages-stack-content"=
><div class=3D"chat__message chat__message_type_notification chat__message_=
animated support-chat__message-notification"><div class=3D"bubble bubble_ty=
pe_notification chat__message-bubble chat__message-bubble_type_notification=
">=D0=9C=D1=8B&nbsp;=D1=83=D0=B6=D0=B5 =D0=BD=D0=B0=D1=87=D0=B0=D0=BB=D0=B8=
 =D0=B7=D0=B0=D0=BD=D0=B8=D0=BC=D0=B0=D1=82=D1=8C=D1=81=D1=8F =D0=B2=D0=B0=
=D1=88=D0=B8=D0=BC =D0=B2=D0=BE=D0=BF=D1=80=D0=BE=D1=81=D0=BE=D0=BC, =D0=BE=
=D1=82=D0=B2=D0=B5=D1=82=D0=B8=D0=BC =D0=B2&nbsp;=D0=B1=D0=BB=D0=B8=D0=B6=
=D0=B0=D0=B9=D1=88=D0=B5=D0=B5 =D0=B2=D1=80=D0=B5=D0=BC=D1=8F<div class=3D"=
chat__message-status-box"></div><svg class=3D"bubble__tail bubble__tail_typ=
e_default" xmlns=3D"http://www.w3.org/2000/svg" width=3D"16" height=3D"19" =
fill=3D"none"><path fill=3D"currentColor" d=3D"M15.5 18.458c-8.8 0-14-4.333=
3-15.5-6.5C3.16667 5.62471 10-5.74196 10 3.45804 10 12.658 13.5 16.9581 15.=
5 18.458z"></path></svg></div></div></div></div><div class=3D"chat__message=
s-stack chat__messages-stack_side_left chat__messages-stack_animated chat__=
messages-stack_with-top-space"><div class=3D"chat__avatar" style=3D"backgro=
und-image:var(--sf-img-12);--top-offset:250px"></div><div class=3D"chat__me=
ssages-stack-content"><div class=3D"chat__message chat__message_side_left c=
hat__message_type_text chat__message_animated chat__message_with-info"><div=
 class=3D"bubble bubble_side_left bubble_type_text chat__message-bubble cha=
t__message-bubble_type_text"><div class=3D"chat__message-author">=D0=9F=D1=
=80=D0=B0=D0=BA=D1=82=D0=B8=D0=BA=D1=83=D0=BC</div><span class=3D"support-c=
hat__message"><p>=D0=97=D0=B4=D1=80=D0=B0=D0=B2=D1=81=D1=82=D0=B2=D1=83=D0=
=B9=D1=82=D0=B5!
</p><p>=D0=9F=D0=BE=D0=B4=D0=B4=D0=B5=D1=80=D0=B6=D0=BA=D0=B0 =D0=BD=D0=B5 =
=D1=81=D0=BC=D0=BE=D0=B6=D0=B5=D1=82 =D0=BF=D0=BE=D0=BC=D0=BE=D1=87=D1=8C =
=D1=81 =D0=B2=D0=BE=D0=BF=D1=80=D0=BE=D1=81=D0=B0=D0=BC=D0=B8, =D1=81=D0=B2=
=D1=8F=D0=B7=D0=B0=D0=BD=D0=BD=D1=8B=D0=BC=D0=B8 =D1=81 =D1=82=D0=B5=D0=BE=
=D1=80=D0=B8=D0=B5=D0=B9 =D0=B8=D0=BB=D0=B8 =D0=B7=D0=B0=D0=B4=D0=B0=D1=87=
=D0=B0=D0=BC =D0=B8=D0=B7 =D0=BA=D1=83=D1=80=D1=81=D0=B0 =C2=AB=D0=A1=D0=B8=
=D1=81=D1=82=D0=B5=D0=BC=D0=BD=D1=8B=D0=B9 =D0=B0=D0=BD=D0=B0=D0=BB=D0=B8=
=D1=82=D0=B8=D0=BA=C2=BB =E2=80=94 =D0=B2 =D1=8D=D1=82=D0=BE=D0=B9 =D1=81=
=D0=B8=D1=82=D1=83=D0=B0=D1=86=D0=B8=D0=B8 =D1=80=D0=B5=D0=BA=D0=BE=D0=BC=
=D0=B5=D0=BD=D0=B4=D1=83=D0=B5=D0=BC =D0=B2=D0=B0=D0=BC =D0=BE=D0=B1=D1=80=
=D0=B0=D1=82=D0=B8=D1=82=D1=8C=D1=81=D1=8F =D0=BA =D0=B2=D0=B0=D1=88=D0=B5=
=D0=BC=D1=83 =D0=BF=D1=80=D0=B5=D0=BF=D0=BE=D0=B4=D0=B0=D0=B2=D0=B0=D1=82=
=D0=B5=D0=BB=D1=8E =D0=B2 =D1=87=D0=B0=D1=82=D0=B5 =D0=B2 Slack.
</p><p>=D0=95=D1=81=D0=BB=D0=B8 =D0=B6=D0=B5 =D1=83 =D0=B2=D0=B0=D1=81 =D0=
=B2=D0=BE=D0=B7=D0=BD=D0=B8=D0=BA=D0=BD=D1=83=D1=82 =D0=B8=D0=BD=D1=8B=D0=
=B5 =D0=B2=D0=BE=D0=BF=D1=80=D0=BE=D1=81=D1=8B =E2=80=94 =D0=BE=D0=B1=D1=8F=
=D0=B7=D0=B0=D1=82=D0=B5=D0=BB=D1=8C=D0=BD=D0=BE =D0=BF=D0=B8=D1=88=D0=B8=
=D1=82=D0=B5, =D0=B1=D1=83=D0=B4=D0=B5=D0=BC =D1=80=D0=B0=D0=B4=D1=8B =D0=
=BF=D0=BE=D0=BC=D0=BE=D1=87=D1=8C :)
</p></span><div class=3D"chat__message-status-box">17:24</div><svg class=3D=
"bubble__tail bubble__tail_type_default" xmlns=3D"http://www.w3.org/2000/sv=
g" width=3D"16" height=3D"19" fill=3D"none"><path fill=3D"currentColor" d=
=3D"M15.5 18.458c-8.8 0-14-4.3333-15.5-6.5C3.16667 5.62471 10-5.74196 10 3.=
45804 10 12.658 13.5 16.9581 15.5 18.458z"></path></svg></div></div></div><=
/div><div class=3D"support-chat__body-bottom-content"><div class=3D"chat__m=
essage chat__message_side_right chat__message_type_action-button chat__mess=
age_animated"><div class=3D"bubble bubble_side_right bubble_type_action-but=
ton chat__message-bubble chat__message-bubble_type_action-button">=D0=92=D1=
=8B=D0=B1=D1=80=D0=B0=D1=82=D1=8C =D1=81=D0=BF=D0=BE=D1=81=D0=BE=D0=B1 =D1=
=81=D0=B2=D1=8F=D0=B7=D0=B8<div class=3D"chat__message-status-box"></div></=
div></div></div></div><div class=3D"chat__scroller"><svg class=3D"icon icon=
-prev chat__scroller-icon" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24"=
 fill=3D"none"><path d=3D"M10.414 12L15 16.586A1 1 0 0113.586 18l-6-6 6-6A1=
 1 0 1115 7.414L10.414 12z" fill=3D"currentColor"></path></svg></div><div c=
lass=3D"scroll-observer"></div><div></div></div></div></div><section class=
=3D"scrollbar-default scrollbar scrollbar_vertical scrollable__scrollbar sc=
rollable__scrollbar_type_vertical" style=3D"--scrollbar-offset-size:385px;-=
-scrollbar-control-size:174.04109589041093px;--scrollbar-control-container-=
size:100%;--scrollbar-scale:1;--scrollbar-control-offset:0"><div class=3D"s=
crollbar__control-container"><div class=3D"scrollbar__control"><div class=
=3D"scrollbar__control-line"></div></div></div></section><section class=3D"=
scrollbar-default scrollbar scrollbar_horizontal scrollbar_hidden scrollabl=
e__scrollbar scrollable__scrollbar_type_horizontal" style=3D"--scrollbar-of=
fset-size:340px;--scrollbar-control-size:340px;--scrollbar-control-containe=
r-size:100%;--scrollbar-scale:1;--scrollbar-control-offset:0" size=3D"1"><d=
iv class=3D"scrollbar__control-container"><div class=3D"scrollbar__control"=
><div class=3D"scrollbar__control-line"></div></div></div></section></div><=
/div><div class=3D"support-chat__footer support-chat__footer_type_text"><di=
v class=3D"support-chat__footer-item support-chat__upload-wrapper"><span cl=
ass=3D"element-hint" data-test-id=3D"element-hint"><span class=3D"element-h=
int__wrapper"><button class=3D"button button_size_m button_type_icon button=
_theme_light button_view_clear button_with-scaling-background support-chat_=
_icon-btn" type=3D"button"><span class=3D"button__text"><svg class=3D"icon =
icon-clip" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><=
path d=3D"M19.271 12.398l-6.18 6.19a4.25 4.25 0 01-6-6l8-8a2.57 2.57 0 013.=
54 0 2.52 2.52 0 010 3.54l-6.9 6.89a.765.765 0 01-1.12-1.04l5.13-5.12a1.004=
 1.004 0 10-1.42-1.42l-5.13 5.14a2.74 2.74 0 000 3.89 2.82 2.82 0 003.89 0l=
6.89-6.9a4.5 4.5 0 00-6.36-6.36l-8 8a6.25 6.25 0 008.89 8.77l6.19-6.18a1.00=
5 1.005 0 00-1.42-1.42v.02z" fill=3D"currentColor"></path></svg></span></bu=
tton></span></span></div><div class=3D"scrollable-default scrollable scroll=
able_theme_light support-chat__input-wrapper support-chat__footer-item"><di=
v></div><div class=3D"scrollable__content-wrapper"><div class=3D"scrollbar-=
remover scrollable__content-container" tabindex=3D"0" style=3D"--scroll-bar=
-width:16px;--scroll-bar-height:16px"><div class=3D"scrollable__content"><t=
extarea class=3D"support-chat__input" placeholder=3D"=D0=97=D0=B0=D0=B4=D0=
=B0=D0=B9=D1=82=D0=B5 =D0=B2=D0=BE=D0=BF=D1=80=D0=BE=D1=81" inputref=3D"[ob=
ject Object]" style=3D"height:18px!important"></textarea><div class=3D"scro=
ll-observer"></div><div></div></div></div></div><section class=3D"scrollbar=
-default scrollbar scrollbar_vertical scrollbar_hidden scrollbar_hoverable =
scrollable__scrollbar scrollable__scrollbar_type_vertical" style=3D"--scrol=
lbar-offset-size:9px;--scrollbar-control-size:9px;--scrollbar-control-conta=
iner-size:100%;--scrollbar-scale:1;--scrollbar-control-offset:0" size=3D"1"=
><div class=3D"scrollbar__control-container"><div class=3D"scrollbar__contr=
ol"><div class=3D"scrollbar__control-line"></div></div></div></section><sec=
tion class=3D"scrollbar-default scrollbar scrollbar_horizontal scrollbar_hi=
dden scrollbar_hoverable scrollable__scrollbar scrollable__scrollbar_type_h=
orizontal" style=3D"--scrollbar-offset-size:196px;--scrollbar-control-size:=
196px;--scrollbar-control-container-size:100%;--scrollbar-scale:1;--scrollb=
ar-control-offset:0" size=3D"1"><div class=3D"scrollbar__control-container"=
><div class=3D"scrollbar__control"><div class=3D"scrollbar__control-line"><=
/div></div></div></section></div><div class=3D"support-chat__footer-item"><=
span class=3D"element-hint" data-test-id=3D"element-hint"><span class=3D"el=
ement-hint__wrapper"><button class=3D"button button_size_m button_type_icon=
 button_theme_light button_view_clear button_with-scaling-background suppor=
t-chat__icon-btn" type=3D"button"><span class=3D"button__text"><svg class=
=3D"icon icon-code" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=
=3D"none"><rect x=3D"3" y=3D"3" width=3D"18" height=3D"18" rx=3D"7" stroke=
=3D"currentColor" stroke-width=3D"2"></rect><path d=3D"M14 8l3 4-3 4M10 8l-=
3 4 3 4" stroke=3D"currentColor" stroke-width=3D"2"></path></svg></span></b=
utton></span></span></div><button type=3D"button" class=3D"support-chat__se=
nd-btn support-chat__send-btn_disabled" disabled=3D""><svg class=3D"icon ic=
on-paper-plane support-chat__send-btn-icon" width=3D"24" height=3D"24" view=
Box=3D"0 0 24 24" fill=3D"none"><g clip-path=3D"url(#clip0)"><path d=3D"M21=
.078 12.923c.051-.063.096-.13.133-.203l.056-.055a.876.876 0 00.065-.309.875=
.875 0 00-.059-.297l-.055-.057a.752.752 0 00-.096-.286l-.03-.03a.875.875 0 =
00-.184-.189L6.134 3.907a.875.875 0 00-1.19 1.163l2.513 7.076-2.666 7a.875.=
875 0 001.163 1.189l14.937-7.265a.875.875 0 00.187-.147z" fill=3D"currentCo=
lor"></path></g><defs><clipPath id=3D"clip0"><path fill=3D"#fff" d=3D"M0 0h=
24v24H0z"></path></clipPath></defs></svg><svg class=3D"icon icon-paper-plan=
e support-chat__send-btn-icon" width=3D"24" height=3D"24" viewBox=3D"0 0 24=
 24" fill=3D"none"><g clip-path=3D"url(#clip0)"><path d=3D"M21.078 12.923c.=
051-.063.096-.13.133-.203l.056-.055a.876.876 0 00.065-.309.875.875 0 00-.05=
9-.297l-.055-.057a.752.752 0 00-.096-.286l-.03-.03a.875.875 0 00-.184-.189L=
6.134 3.907a.875.875 0 00-1.19 1.163l2.513 7.076-2.666 7a.875.875 0 001.163=
 1.189l14.937-7.265a.875.875 0 00.187-.147z" fill=3D"currentColor"></path><=
/g><defs><clipPath id=3D"clip0"><path fill=3D"#fff" d=3D"M0 0h24v24H0z"></p=
ath></clipPath></defs></svg></button></div></div><div class=3D"user auth-wi=
dget__user auth-widget"><div class=3D"user__popup user__popup_animated" dat=
a-test-id=3D"user-menu-popup"><div class=3D"user__items-group"><div class=
=3D"user__item user__item_extended user__item_with-user-pic"><div class=3D"=
user__item-title"><a href=3D"https://passport.yandex.ru/" target=3D"_blank"=
 rel=3D"noopener noreferrer" class=3D"user__link"></a></div><div class=3D"u=
ser__item-subtitle"></div></div><div class=3D"user__item user__item_clickab=
le user__item_hoverable"><div class=3D"user__item-title"><span>=D0=9F=D0=B5=
=D1=80=D0=B5=D0=B9=D1=82=D0=B8 =D0=B2 =D0=BF=D1=80=D0=BE=D1=84=D0=B8=D0=BB=
=D1=8C =D0=9F=D1=80=D0=B0=D0=BA=D1=82=D0=B8=D0=BA=D1=83=D0=BC=D0=B0</span><=
/div></div></div><div class=3D"user__items-group"><div class=3D"user__item =
user__item_clickable user__item_hoverable user__item_with-icon"><div class=
=3D"user__item-title"><div class=3D"auth-widget__user-with-icon"><svg class=
=3D"icon icon-navigation-24-route" width=3D"24" height=3D"24" viewBox=3D"0 =
0 24 24" fill=3D"none"><path fill-rule=3D"evenodd" clip-rule=3D"evenodd" d=
=3D"M6.95917 4.12925C6.54003 3.7101 6.74984 2.99331 7.32884 2.86633L12.0957=
 1.8209C12.6302 1.70369 13.1062 2.17972 12.989 2.71416L11.9435 7.48103C11.8=
166 8.06002 11.0998 8.26984 10.6806 7.85069L6.95917 4.12925ZM13.697 22.5953=
C15.409 22.5953 16.797 21.2074 16.797 19.4953C16.797 17.7832 15.409 16.3953=
 13.697 16.3953C11.9849 16.3953 10.597 17.7832 10.597 19.4953C10.597 21.207=
4 11.9849 22.5953 13.697 22.5953ZM7.407 7.40286C7.01648 7.01234 6.38331 7.0=
1234 5.99279 7.40286L3.69029 9.70536C2.03227 11.3634 2.03227 14.0516 3.6902=
9 15.7096L3.69356 15.7129C5.35487 17.3706 8.045 17.3691 9.70451 15.7096L15.=
7095 9.70458C16.5886 8.82552 18.0135 8.82475 18.8936 9.70285C19.7715 10.578=
9 19.773 12.0007 18.897 12.8787L17.1252 14.6505C16.7347 15.041 16.7347 15.6=
741 17.1252 16.0647C17.5158 16.4552 18.1489 16.4552 18.5394 16.0647L20.3128=
 14.2913C21.969 12.6315 21.9661 9.94331 20.3062 8.28709C18.6449 6.6294 15.9=
548 6.63086 14.2953 8.29036L8.29029 14.2954C7.41124 15.1744 5.98625 15.1752=
 5.10451 14.2954C4.22753 13.4184 4.22753 11.9966 5.10451 11.1196L7.407 8.81=
708C7.79753 8.42655 7.79753 7.79339 7.407 7.40286Z" fill=3D"currentColor" f=
ill-opacity=3D"0.85"></path></svg><span>=D0=9F=D0=BE=D0=BC=D0=B5=D0=BD=D1=
=8F=D1=82=D1=8C =D0=BA=D0=BE=D0=B3=D0=BE=D1=80=D1=82=D1=83</span></div></di=
v></div><div class=3D"user__item user__item_clickable user__item_hoverable"=
 data-test-id=3D"user-menu-logout"><div class=3D"user__item-title"><span>=
=D0=92=D1=8B=D0=B9=D1=82=D0=B8 =D0=B8=D0=B7 =D0=BF=D1=80=D0=BE=D1=84=D0=B8=
=D0=BB=D1=8F</span></div></div></div><div class=3D"user__items-group user__=
other-accounts"><div class=3D"user__item user__item_clickable user__item_ho=
verable"><div class=3D"user__item-title"><div class=3D"user__other-account-=
avatar"><svg class=3D"icon icon-symbols-24-plus" width=3D"24" height=3D"24"=
 viewBox=3D"0 0 24 24" fill=3D"none"><path fill-rule=3D"evenodd" clip-rule=
=3D"evenodd" d=3D"M13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5=
V11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H11V19C11 19.5523 =
11.4477 20 12 20C12.5523 20 13 19.5523 13 19V13H19C19.5523 13 20 12.5523 20=
 12C20 11.4477 19.5523 11 19 11H13V5Z" fill=3D"currentColor" fill-opacity=
=3D"0.85"></path></svg></div><span>=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D1=
=82=D1=8C =D0=B0=D0=BA=D0=BA=D0=B0=D1=83=D0=BD=D1=82</span></div></div></di=
v></div><div class=3D"user__avatar-wrapper" data-test-id=3D"user-avatar"><d=
iv class=3D"UserPic UserPic_size_m user__avatar"><img cameraurl=3D"https://=
passport.yandex.ru/profile/public" src=3D"data:image/png;base64,iVBORw0KGgo=
DQztqzue/AwBJxfWBKaAgCgAAAABJRU5ErkJggg=3D=3D" class=3D"UserPic-Image"></di=
v></div></div></aside><section class=3D"sidebar sidebar_use-overlay"><secti=
on class=3D"sidebar__overlay"></section><div class=3D"sidebar__content"><di=
v class=3D"scrollable-default scrollable scrollable_theme_dark sidebar__scr=
ollable"><div></div><div class=3D"scrollable__content-wrapper"><div class=
=3D"scrollbar-remover scrollable__content-container" tabindex=3D"0" style=
=3D"--scroll-bar-width:16px;--scroll-bar-height:16px"><div class=3D"scrolla=
ble__content"><section class=3D"sidebar__course sidebar__course_withSidebar=
"><div class=3D"sidebar__course-title"><h2 class=3D"sidebar__course-name">=
=D0=94=D0=BE=D0=BF=D0=BE=D0=BB=D0=BD=D0=B8=D1=82=D0=B5=D0=BB=D1=8C=D0=BD=D1=
=8B=D0=B5 =D0=BC=D0=B0=D1=82=D0=B5=D1=80=D0=B8=D0=B0=D0=BB=D1=8B</h2></div>=
<section class=3D"sidebar__sprints"><section class=3D"sidebar__sprint"><div=
 class=3D"sidebar__sprint-title sidebar__subtitle">=D1=81=D0=BF=D1=80=D0=B8=
=D0=BD=D1=82 =D0=94=D0=BE=D0=BF=D0=BE=D0=BB=D0=BD=D0=B8=D1=82=D0=B5=D0=BB=
=D1=8C=D0=BD=D1=8B=D0=B5 =D0=BC=D0=B0=D1=82=D0=B5=D1=80=D0=B8=D0=B0=D0=BB=
=D1=8B</div><section class=3D"sidebar__topics"><section class=3D"sidebar__t=
opic sidebar__topic_status_solved"><header class=3D"sidebar__topic-header">=
<div class=3D"sidebar__topic-arrow sidebar__item-icon"><svg class=3D"icon-a=
rrow icon-arrow_direction_right icon-arrow_theme_triangle icon" width=3D"10=
" height=3D"6" viewBox=3D"0 0 10 6" xmlns=3D"http://www.w3.org/2000/svg"><p=
ath fill=3D"currentColor" d=3D"M0 0H10L5 5.5L0 0Z"></path></svg></div><div =
class=3D"sidebar__topic-title"><div class=3D"sidebar__ellipsed-text">=D0=9A=
=D0=B0=D0=BA =D1=83=D1=87=D0=B8=D1=82=D1=8C=D1=81=D1=8F =D0=BD=D0=B0 =D0=BA=
=D1=83=D1=80=D1=81=D0=B5</div></div><span class=3D"element-hint sidebar__to=
pic-reset" data-test-id=3D"element-hint"><span class=3D"element-hint__wrapp=
er"><section class=3D"sidebar__topic-reset-content"><svg class=3D"icon icon=
-refresh" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><p=
ath d=3D"M12 5.75c0 .414-.338.745-.748.8a5.501 5.501 0 106.198 6.198c.055-.=
41.386-.748.8-.748.414 0 .754.337.71.749a7.001 7.001 0 11-7.709-7.71c.412-.=
043.749.297.749.711z" fill=3D"currentColor"></path><path fill-rule=3D"eveno=
dd" clip-rule=3D"evenodd" d=3D"M15.267 5.2a1 1 0 010 1.6l-2.667 2A1 1 0 011=
1 8V4a1 1 0 011.6-.8l2.667 2z" fill=3D"currentColor"></path></svg></section=
></span></span><div class=3D"sidebar__topic-solved-counter"><span>4/4</span=
></div><section class=3D"study-item-status study-item-status_value_solved s=
idebar__topic-status-icon"><svg class=3D"icon icon-tick" width=3D"24" heigh=
t=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 =
2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-miterl=
imit=3D"16" stroke-linecap=3D"round"></path></svg></section></header><div c=
lass=3D"react-slidedown sidebar__lessons-wrapper closed sf-hidden" style=3D=
"height:0px"></div></section><section class=3D"sidebar__topic sidebar__topi=
c_status_available"><header class=3D"sidebar__topic-header"><div class=3D"s=
idebar__topic-arrow sidebar__item-icon"><svg class=3D"icon-arrow icon-arrow=
_direction_right icon-arrow_theme_triangle icon" width=3D"10" height=3D"6" =
viewBox=3D"0 0 10 6" xmlns=3D"http://www.w3.org/2000/svg"><path fill=3D"cur=
rentColor" d=3D"M0 0H10L5 5.5L0 0Z"></path></svg></div><div class=3D"sideba=
r__topic-title"><div class=3D"sidebar__ellipsed-text">=D0=9A =D0=BF=D1=80=
=D0=BE=D0=B5=D0=BA=D1=82=D1=83 2</div></div><div class=3D"sidebar__topic-so=
lved-counter"><span>0/1</span></div><section class=3D"study-item-status stu=
dy-item-status_value_available sidebar__topic-status-icon"></section></head=
er><div class=3D"react-slidedown sidebar__lessons-wrapper closed sf-hidden"=
 style=3D"height:0px"></div></section><section class=3D"sidebar__topic side=
bar__topic_status_solved"><header class=3D"sidebar__topic-header"><div clas=
s=3D"sidebar__topic-arrow sidebar__item-icon"><svg class=3D"icon-arrow icon=
-arrow_direction_right icon-arrow_theme_triangle icon" width=3D"10" height=
=3D"6" viewBox=3D"0 0 10 6" xmlns=3D"http://www.w3.org/2000/svg"><path fill=
=3D"currentColor" d=3D"M0 0H10L5 5.5L0 0Z"></path></svg></div><div class=3D=
"sidebar__topic-title"><div class=3D"sidebar__ellipsed-text">=D0=9A =D1=81=
=D0=BF=D1=80=D0=B8=D0=BD=D1=82=D1=83 "=D0=A0=D0=B5=D0=B0=D0=BB=D0=B8=D0=B7=
=D0=B0=D1=86=D0=B8=D1=8F =D1=81=D0=B8=D1=81=D1=82=D0=B5=D0=BC=D1=8B"</div><=
/div><span class=3D"element-hint sidebar__topic-reset" data-test-id=3D"elem=
ent-hint"><span class=3D"element-hint__wrapper"><section class=3D"sidebar__=
topic-reset-content"><svg class=3D"icon icon-refresh" width=3D"24" height=
=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M12 5.75c0 .414-.338=
.745-.748.8a5.501 5.501 0 106.198 6.198c.055-.41.386-.748.8-.748.414 0 .754=
.337.71.749a7.001 7.001 0 11-7.709-7.71c.412-.043.749.297.749.711z" fill=3D=
"currentColor"></path><path fill-rule=3D"evenodd" clip-rule=3D"evenodd" d=
=3D"M15.267 5.2a1 1 0 010 1.6l-2.667 2A1 1 0 0111 8V4a1 1 0 011.6-.8l2.667 =
2z" fill=3D"currentColor"></path></svg></section></span></span><div class=
=3D"sidebar__topic-solved-counter"><span>2/2</span></div><section class=3D"=
study-item-status study-item-status_value_solved sidebar__topic-status-icon=
"><svg class=3D"icon icon-tick" width=3D"24" height=3D"24" viewBox=3D"0 0 2=
4 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 2.381 4.817-4.763" stroke=
=3D"currentColor" stroke-width=3D"2" stroke-miterlimit=3D"16" stroke-lineca=
p=3D"round"></path></svg></section></header><div class=3D"react-slidedown s=
idebar__lessons-wrapper closed sf-hidden" style=3D"height:0px"></div></sect=
ion><section class=3D"sidebar__topic sidebar__topic_status_solved"><header =
class=3D"sidebar__topic-header"><div class=3D"sidebar__topic-arrow sidebar_=
_item-icon"><svg class=3D"icon-arrow icon-arrow_direction_right icon-arrow_=
theme_triangle icon" width=3D"10" height=3D"6" viewBox=3D"0 0 10 6" xmlns=
=3D"http://www.w3.org/2000/svg"><path fill=3D"currentColor" d=3D"M0 0H10L5 =
5.5L0 0Z"></path></svg></div><div class=3D"sidebar__topic-title"><div class=
=3D"sidebar__ellipsed-text">=D0=9A =D1=81=D0=BF=D1=80=D0=B8=D0=BD=D1=82=D1=
=83 "=D0=9F=D0=BE=D0=B4=D0=B4=D0=B5=D1=80=D0=B6=D0=BA=D0=B0, =D0=BE=D0=B1=
=D1=81=D0=BB=D1=83=D0=B6=D0=B8=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5 =D0=B8 =D0=BE=
=D1=86=D0=B5=D0=BD=D0=BA=D0=B0 =D1=80=D0=B5=D0=B7=D1=83=D0=BB=D1=8C=D1=82=
=D0=B0=D1=82=D0=BE=D0=B2"</div></div><span class=3D"element-hint sidebar__t=
opic-reset" data-test-id=3D"element-hint"><span class=3D"element-hint__wrap=
per"><section class=3D"sidebar__topic-reset-content"><svg class=3D"icon ico=
n-refresh" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><=
path d=3D"M12 5.75c0 .414-.338.745-.748.8a5.501 5.501 0 106.198 6.198c.055-=
.41.386-.748.8-.748.414 0 .754.337.71.749a7.001 7.001 0 11-7.709-7.71c.412-=
.043.749.297.749.711z" fill=3D"currentColor"></path><path fill-rule=3D"even=
odd" clip-rule=3D"evenodd" d=3D"M15.267 5.2a1 1 0 010 1.6l-2.667 2A1 1 0 01=
11 8V4a1 1 0 011.6-.8l2.667 2z" fill=3D"currentColor"></path></svg></sectio=
n></span></span><div class=3D"sidebar__topic-solved-counter"><span>1/1</spa=
n></div><section class=3D"study-item-status study-item-status_value_solved =
sidebar__topic-status-icon"><svg class=3D"icon icon-tick" width=3D"24" heig=
ht=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642=
 2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-miter=
limit=3D"16" stroke-linecap=3D"round"></path></svg></section></header><div =
class=3D"react-slidedown sidebar__lessons-wrapper closed sf-hidden" style=
=3D"height:0px"></div></section><section class=3D"sidebar__topic sidebar__t=
opic_status_solved"><header class=3D"sidebar__topic-header"><div class=3D"s=
idebar__topic-arrow sidebar__item-icon"><svg class=3D"icon-arrow icon-arrow=
_direction_right icon-arrow_theme_triangle icon" width=3D"10" height=3D"6" =
viewBox=3D"0 0 10 6" xmlns=3D"http://www.w3.org/2000/svg"><path fill=3D"cur=
rentColor" d=3D"M0 0H10L5 5.5L0 0Z"></path></svg></div><div class=3D"sideba=
r__topic-title"><div class=3D"sidebar__ellipsed-text">SQL =D0=B8 =D1=81=D0=
=B8=D1=81=D1=82=D0=B5=D0=BC=D1=8B =D0=B2=D0=B8=D0=B7=D1=83=D0=B0=D0=BB=D0=
=B8=D0=B7=D0=B0=D1=86=D0=B8=D0=B8</div></div><span class=3D"element-hint si=
debar__topic-reset" data-test-id=3D"element-hint"><span class=3D"element-hi=
nt__wrapper"><section class=3D"sidebar__topic-reset-content"><svg class=3D"=
icon icon-refresh" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D=
"none"><path d=3D"M12 5.75c0 .414-.338.745-.748.8a5.501 5.501 0 106.198 6.1=
98c.055-.41.386-.748.8-.748.414 0 .754.337.71.749a7.001 7.001 0 11-7.709-7.=
71c.412-.043.749.297.749.711z" fill=3D"currentColor"></path><path fill-rule=
=3D"evenodd" clip-rule=3D"evenodd" d=3D"M15.267 5.2a1 1 0 010 1.6l-2.667 2A=
1 1 0 0111 8V4a1 1 0 011.6-.8l2.667 2z" fill=3D"currentColor"></path></svg>=
</section></span></span><div class=3D"sidebar__topic-solved-counter"><span>=
11/11</span></div><section class=3D"study-item-status study-item-status_val=
ue_solved sidebar__topic-status-icon"><svg class=3D"icon icon-tick" width=
=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554=
 12.26l2.642 2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" =
stroke-miterlimit=3D"16" stroke-linecap=3D"round"></path></svg></section></=
header><div class=3D"react-slidedown sidebar__lessons-wrapper closed sf-hid=
den" style=3D"height:0px"></div></section><section class=3D"sidebar__topic =
sidebar__topic_status_available"><header class=3D"sidebar__topic-header"><d=
iv class=3D"sidebar__topic-arrow sidebar__item-icon"><svg class=3D"icon-arr=
ow icon-arrow_direction_right icon-arrow_theme_triangle icon" width=3D"10" =
height=3D"6" viewBox=3D"0 0 10 6" xmlns=3D"http://www.w3.org/2000/svg"><pat=
h fill=3D"currentColor" d=3D"M0 0H10L5 5.5L0 0Z"></path></svg></div><div cl=
ass=3D"sidebar__topic-title"><div class=3D"sidebar__ellipsed-text">SQL =D0=
=B8 Python</div></div><div class=3D"sidebar__topic-solved-counter"><span>9/=
10</span></div><section class=3D"study-item-status study-item-status_value_=
available sidebar__topic-status-icon"></section></header><div class=3D"reac=
t-slidedown sidebar__lessons-wrapper closed sf-hidden" style=3D"height:0px"=
></div></section><section class=3D"sidebar__topic sidebar__topic_status_sol=
ved"><header class=3D"sidebar__topic-header"><div class=3D"sidebar__topic-a=
rrow sidebar__item-icon"><svg class=3D"icon-arrow icon-arrow_direction_righ=
t icon-arrow_theme_triangle icon" width=3D"10" height=3D"6" viewBox=3D"0 0 =
10 6" xmlns=3D"http://www.w3.org/2000/svg"><path fill=3D"currentColor" d=3D=
"M0 0H10L5 5.5L0 0Z"></path></svg></div><div class=3D"sidebar__topic-title"=
><div class=3D"sidebar__ellipsed-text">=D0=9C=D1=8F=D0=B3=D0=BA=D0=B8=D0=B5=
 =D0=BD=D0=B0=D0=B2=D1=8B=D0=BA=D0=B8 =D0=B0=D0=BD=D0=B0=D0=BB=D0=B8=D1=82=
=D0=B8=D0=BA=D0=B0. =D0=9A=D0=BE=D0=BC=D0=BC=D1=83=D0=BD=D0=B8=D0=BA=D0=B0=
=D1=86=D0=B8=D1=8F =D0=B8 =D0=B0=D0=BA=D1=82=D0=B8=D0=B2=D0=BD=D0=BE=D0=B5 =
=D1=81=D0=BB=D1=83=D1=88=D0=B0=D0=BD=D0=B8=D0=B5</div></div><span class=3D"=
element-hint sidebar__topic-reset" data-test-id=3D"element-hint"><span clas=
s=3D"element-hint__wrapper"><section class=3D"sidebar__topic-reset-content"=
><svg class=3D"icon icon-refresh" width=3D"24" height=3D"24" viewBox=3D"0 0=
 24 24" fill=3D"none"><path d=3D"M12 5.75c0 .414-.338.745-.748.8a5.501 5.50=
1 0 106.198 6.198c.055-.41.386-.748.8-.748.414 0 .754.337.71.749a7.001 7.00=
1 0 11-7.709-7.71c.412-.043.749.297.749.711z" fill=3D"currentColor"></path>=
<path fill-rule=3D"evenodd" clip-rule=3D"evenodd" d=3D"M15.267 5.2a1 1 0 01=
0 1.6l-2.667 2A1 1 0 0111 8V4a1 1 0 011.6-.8l2.667 2z" fill=3D"currentColor=
"></path></svg></section></span></span><div class=3D"sidebar__topic-solved-=
counter"><span>4/4</span></div><section class=3D"study-item-status study-it=
em-status_value_solved sidebar__topic-status-icon"><svg class=3D"icon icon-=
tick" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path =
d=3D"M8.554 12.26l2.642 2.381 4.817-4.763" stroke=3D"currentColor" stroke-w=
idth=3D"2" stroke-miterlimit=3D"16" stroke-linecap=3D"round"></path></svg><=
/section></header><div class=3D"react-slidedown sidebar__lessons-wrapper cl=
osed sf-hidden" style=3D"height:0px"></div></section><section class=3D"side=
bar__topic sidebar__topic_expanded sidebar__topic_status_solved"><header cl=
ass=3D"sidebar__topic-header"><div class=3D"sidebar__topic-arrow sidebar__i=
tem-icon"><svg class=3D"icon-arrow icon-arrow_direction_down icon-arrow_the=
me_triangle icon" width=3D"10" height=3D"6" viewBox=3D"0 0 10 6" xmlns=3D"h=
ttp://www.w3.org/2000/svg"><path fill=3D"currentColor" d=3D"M0 0H10L5 5.5L0=
 0Z"></path></svg></div><div class=3D"sidebar__topic-title"><div class=3D"s=
idebar__ellipsed-text">=D0=9C=D1=8F=D0=B3=D0=BA=D0=B8=D0=B5 =D0=BD=D0=B0=D0=
=B2=D1=8B=D0=BA=D0=B8 =D0=B0=D0=BD=D0=B0=D0=BB=D0=B8=D1=82=D0=B8=D0=BA=D0=
=B0. =D0=9F=D0=BE=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BA=D0=B0 =D0=B7=D0=
=B0=D0=B4=D0=B0=D1=87</div></div><span class=3D"element-hint sidebar__topic=
-reset" data-test-id=3D"element-hint"><span class=3D"element-hint__wrapper"=
><section class=3D"sidebar__topic-reset-content"><svg class=3D"icon icon-re=
fresh" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path=
 d=3D"M12 5.75c0 .414-.338.745-.748.8a5.501 5.501 0 106.198 6.198c.055-.41.=
386-.748.8-.748.414 0 .754.337.71.749a7.001 7.001 0 11-7.709-7.71c.412-.043=
.749.297.749.711z" fill=3D"currentColor"></path><path fill-rule=3D"evenodd"=
 clip-rule=3D"evenodd" d=3D"M15.267 5.2a1 1 0 010 1.6l-2.667 2A1 1 0 0111 8=
V4a1 1 0 011.6-.8l2.667 2z" fill=3D"currentColor"></path></svg></section></=
span></span><div class=3D"sidebar__topic-solved-counter"><span>5/5</span></=
div><section class=3D"study-item-status study-item-status_value_solved side=
bar__topic-status-icon"><svg class=3D"icon icon-tick" width=3D"24" height=
=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 2=
.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-miterli=
mit=3D"16" stroke-linecap=3D"round"></path></svg></section></header><div cl=
ass=3D"react-slidedown sidebar__lessons-wrapper" style=3D"height:auto"><sec=
tion class=3D"sidebar__lessons"><a class=3D"link link_theme_normal sidebar_=
_lesson sidebar__lesson_available sidebar__lesson_status_solved sidebar__le=
sson_type_" title=3D"=D0=AF=D1=81=D0=BD=D1=8B=D0=B5 =D0=B7=D0=B0=D0=B4=D0=
=B0=D1=87=D0=B8 =E2=80=94 =D1=87=D1=82=D0=BE =D1=8D=D1=82=D0=BE?" href=3D"h=
ttps://practicum.yandex.ru/learn/systems-analyst/courses/ddde8eb8-4d42-4b79=
-822a-45acafe71efc/sprints/105231/topics/c12df62f-b6d5-4bb3-a821-e9fb8b2edb=
90/lessons/b56350e1-c68a-4d28-96cb-32c6b1eb7359/"><div class=3D"sidebar__le=
sson-title-wrapper"><span class=3D"sidebar__lesson-title">=D0=AF=D1=81=D0=
=BD=D1=8B=D0=B5 =D0=B7=D0=B0=D0=B4=D0=B0=D1=87=D0=B8 =E2=80=94 =D1=87=D1=82=
=D0=BE =D1=8D=D1=82=D0=BE?</span></div><section class=3D"study-item-status =
study-item-status_value_solved sidebar__lesson-status-icon"><svg class=3D"i=
con icon-tick" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"non=
e"><path d=3D"M8.554 12.26l2.642 2.381 4.817-4.763" stroke=3D"currentColor"=
 stroke-width=3D"2" stroke-miterlimit=3D"16" stroke-linecap=3D"round"></pat=
h></svg></section></a><a class=3D"link link_theme_normal sidebar__lesson si=
debar__lesson_available sidebar__lesson_status_solved sidebar__lesson_type_=
" title=3D"=D0=92=D1=81=D0=B5 =D0=BB=D0=B8 =D0=B7=D0=B0=D0=B4=D0=B0=D1=87=
=D0=B8 =D0=B4=D0=BE=D1=81=D1=82=D0=B8=D0=B6=D0=B8=D0=BC=D1=8B?" href=3D"htt=
ps://practicum.yandex.ru/learn/systems-analyst/courses/ddde8eb8-4d42-4b79-8=
22a-45acafe71efc/sprints/105231/topics/c12df62f-b6d5-4bb3-a821-e9fb8b2edb90=
/lessons/3d0331e1-be76-49e1-962a-993dd81c7f12/"><div class=3D"sidebar__less=
on-title-wrapper"><span class=3D"sidebar__lesson-title">=D0=92=D1=81=D0=B5 =
=D0=BB=D0=B8 =D0=B7=D0=B0=D0=B4=D0=B0=D1=87=D0=B8 =D0=B4=D0=BE=D1=81=D1=82=
=D0=B8=D0=B6=D0=B8=D0=BC=D1=8B?</span></div><section class=3D"study-item-st=
atus study-item-status_value_solved sidebar__lesson-status-icon"><svg class=
=3D"icon icon-tick" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=
=3D"none"><path d=3D"M8.554 12.26l2.642 2.381 4.817-4.763" stroke=3D"curren=
tColor" stroke-width=3D"2" stroke-miterlimit=3D"16" stroke-linecap=3D"round=
"></path></svg></section></a><a class=3D"link link_theme_normal sidebar__le=
sson sidebar__lesson_available sidebar__lesson_status_solved sidebar__lesso=
n_type_" title=3D"=D0=9A=D0=B0=D0=BA =D0=BD=D0=B0=D1=80=D0=B5=D0=B7=D0=B0=
=D1=82=D1=8C =D0=B7=D0=B0=D0=B4=D0=B0=D1=87=D1=83" href=3D"https://practicu=
m.yandex.ru/learn/systems-analyst/courses/ddde8eb8-4d42-4b79-822a-45acafe71=
efc/sprints/105231/topics/c12df62f-b6d5-4bb3-a821-e9fb8b2edb90/lessons/fca6=
7112-3d66-4eeb-987c-7d68f3b05b12/"><div class=3D"sidebar__lesson-title-wrap=
per"><span class=3D"sidebar__lesson-title">=D0=9A=D0=B0=D0=BA =D0=BD=D0=B0=
=D1=80=D0=B5=D0=B7=D0=B0=D1=82=D1=8C =D0=B7=D0=B0=D0=B4=D0=B0=D1=87=D1=83</=
span></div><section class=3D"study-item-status study-item-status_value_solv=
ed sidebar__lesson-status-icon"><svg class=3D"icon icon-tick" width=3D"24" =
height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2=
.642 2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-m=
iterlimit=3D"16" stroke-linecap=3D"round"></path></svg></section></a><a cla=
ss=3D"link link_theme_normal sidebar__lesson sidebar__lesson_available side=
bar__lesson_status_solved sidebar__lesson_type_" title=3D"=D0=98=D0=BD=D1=
=81=D1=82=D1=80=D1=83=D0=BA=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=
=D0=B5 =D0=B8 =D0=BF=D0=BE=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BA=D0=B0 =
=D0=B7=D0=B0=D0=B4=D0=B0=D1=87" href=3D"https://practicum.yandex.ru/learn/s=
ystems-analyst/courses/ddde8eb8-4d42-4b79-822a-45acafe71efc/sprints/105231/=
topics/c12df62f-b6d5-4bb3-a821-e9fb8b2edb90/lessons/77bd57c6-6724-42a3-9981=
-eb576229c76a/"><div class=3D"sidebar__lesson-title-wrapper"><span class=3D=
"sidebar__lesson-title">=D0=98=D0=BD=D1=81=D1=82=D1=80=D1=83=D0=BA=D1=82=D0=
=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5 =D0=B8 =D0=BF=D0=BE=D1=81=D1=
=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BA=D0=B0 =D0=B7=D0=B0=D0=B4=D0=B0=D1=87</spa=
n></div><section class=3D"study-item-status study-item-status_value_solved =
sidebar__lesson-status-icon"><svg class=3D"icon icon-tick" width=3D"24" hei=
ght=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.64=
2 2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-mite=
rlimit=3D"16" stroke-linecap=3D"round"></path></svg></section></a><a class=
=3D"link link_theme_normal sidebar__lesson sidebar__lesson_available sideba=
r__lesson_status_solved sidebar__lesson_type_" title=3D"=D0=90=D0=BB=D0=B3=
=D0=BE=D1=80=D0=B8=D1=82=D0=BC =D0=BF=D0=BE=D1=81=D1=82=D0=B0=D0=BD=D0=BE=
=D0=B2=D0=BA=D0=B8 =D0=B7=D0=B0=D0=B4=D0=B0=D1=87" href=3D"https://practicu=
m.yandex.ru/learn/systems-analyst/courses/ddde8eb8-4d42-4b79-822a-45acafe71=
efc/sprints/105231/topics/c12df62f-b6d5-4bb3-a821-e9fb8b2edb90/lessons/349e=
507d-ed57-4f44-a287-7705346aa309/"><div class=3D"sidebar__lesson-title-wrap=
per"><span class=3D"sidebar__lesson-title">=D0=90=D0=BB=D0=B3=D0=BE=D1=80=
=D0=B8=D1=82=D0=BC =D0=BF=D0=BE=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BA=
=D0=B8 =D0=B7=D0=B0=D0=B4=D0=B0=D1=87</span></div><section class=3D"study-i=
tem-status study-item-status_value_solved sidebar__lesson-status-icon"><svg=
 class=3D"icon icon-tick" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" =
fill=3D"none"><path d=3D"M8.554 12.26l2.642 2.381 4.817-4.763" stroke=3D"cu=
rrentColor" stroke-width=3D"2" stroke-miterlimit=3D"16" stroke-linecap=3D"r=
ound"></path></svg></section></a></section></div></section><section class=
=3D"sidebar__topic sidebar__topic_expanded sidebar__topic_status_solved"><h=
eader class=3D"sidebar__topic-header"><div class=3D"sidebar__topic-arrow si=
debar__item-icon"><svg class=3D"icon-arrow icon-arrow_direction_down icon-a=
rrow_theme_triangle icon" width=3D"10" height=3D"6" viewBox=3D"0 0 10 6" xm=
lns=3D"http://www.w3.org/2000/svg"><path fill=3D"currentColor" d=3D"M0 0H10=
L5 5.5L0 0Z"></path></svg></div><div class=3D"sidebar__topic-title"><div cl=
ass=3D"sidebar__ellipsed-text">=D0=9C=D1=8F=D0=B3=D0=BA=D0=B8=D0=B5 =D0=BD=
=D0=B0=D0=B2=D1=8B=D0=BA=D0=B8 =D0=B0=D0=BD=D0=B0=D0=BB=D0=B8=D1=82=D0=B8=
=D0=BA=D0=B0. =D0=9F=D0=BB=D0=B0=D0=BD=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=
=D0=B8=D0=B5</div></div><span class=3D"element-hint sidebar__topic-reset" d=
ata-test-id=3D"element-hint"><span class=3D"element-hint__wrapper"><section=
 class=3D"sidebar__topic-reset-content"><svg class=3D"icon icon-refresh" wi=
dth=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M12=
 5.75c0 .414-.338.745-.748.8a5.501 5.501 0 106.198 6.198c.055-.41.386-.748.=
8-.748.414 0 .754.337.71.749a7.001 7.001 0 11-7.709-7.71c.412-.043.749.297.=
749.711z" fill=3D"currentColor"></path><path fill-rule=3D"evenodd" clip-rul=
e=3D"evenodd" d=3D"M15.267 5.2a1 1 0 010 1.6l-2.667 2A1 1 0 0111 8V4a1 1 0 =
011.6-.8l2.667 2z" fill=3D"currentColor"></path></svg></section></span></sp=
an><div class=3D"sidebar__topic-solved-counter"><span>4/4</span></div><sect=
ion class=3D"study-item-status study-item-status_value_solved sidebar__topi=
c-status-icon"><svg class=3D"icon icon-tick" width=3D"24" height=3D"24" vie=
wBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 2.381 4.817-=
4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-miterlimit=3D"16" =
stroke-linecap=3D"round"></path></svg></section></header><div class=3D"reac=
t-slidedown sidebar__lessons-wrapper" style=3D"height:auto;transition-prope=
rty:none"><section class=3D"sidebar__lessons"><a class=3D"link link_theme_n=
ormal sidebar__lesson sidebar__lesson_available sidebar__lesson_current sid=
ebar__lesson_status_solved sidebar__lesson_type_ link_active" title=3D"=D0=
=A1=D0=B0=D0=BC=D0=BE=D0=BE=D1=80=D0=B3=D0=B0=D0=BD=D0=B8=D0=B7=D0=B0=D1=86=
=D0=B8=D1=8F: =D1=87=D1=82=D0=BE =D1=8D=D1=82=D0=BE =D0=B8 =D0=B7=D0=B0=D1=
=87=D0=B5=D0=BC =D0=BE=D0=BD=D0=BE =D0=BC=D0=BD=D0=B5 =D0=BD=D1=83=D0=B6=D0=
=BD=D0=BE?" href=3D"https://practicum.yandex.ru/learn/systems-analyst/cours=
es/ddde8eb8-4d42-4b79-822a-45acafe71efc/sprints/105231/topics/08da5ebe-0436=
-4ade-aae6-e3a3e1329065/lessons/0f641b77-d29b-4bdd-b4ad-74afa853983d/" aria=
-current=3D"page"><div class=3D"sidebar__lesson-title-wrapper"><span class=
=3D"sidebar__lesson-title">=D0=A1=D0=B0=D0=BC=D0=BE=D0=BE=D1=80=D0=B3=D0=B0=
=D0=BD=D0=B8=D0=B7=D0=B0=D1=86=D0=B8=D1=8F: =D1=87=D1=82=D0=BE =D1=8D=D1=82=
=D0=BE =D0=B8 =D0=B7=D0=B0=D1=87=D0=B5=D0=BC =D0=BE=D0=BD=D0=BE =D0=BC=D0=
=BD=D0=B5 =D0=BD=D1=83=D0=B6=D0=BD=D0=BE?</span></div><section class=3D"stu=
dy-item-status study-item-status_value_solved sidebar__lesson-status-icon">=
<svg class=3D"icon icon-tick" width=3D"24" height=3D"24" viewBox=3D"0 0 24 =
24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 2.381 4.817-4.763" stroke=
=3D"currentColor" stroke-width=3D"2" stroke-miterlimit=3D"16" stroke-lineca=
p=3D"round"></path></svg></section></a><a class=3D"link link_theme_normal s=
idebar__lesson sidebar__lesson_available sidebar__lesson_status_solved side=
bar__lesson_type_" title=3D"=D0=92=D1=8B=D0=B3=D1=80=D1=83=D0=B7=D0=BA=D0=
=B0 =D0=B7=D0=B0=D0=B4=D0=B0=D1=87 =D0=B8 =D1=80=D0=B0=D1=81=D1=81=D1=82=D0=
=B0=D0=BD=D0=BE=D0=B2=D0=BA=D0=B0 =D0=BF=D1=80=D0=B8=D0=BE=D1=80=D0=B8=D1=
=82=D0=B5=D1=82=D0=BE=D0=B2" href=3D"https://practicum.yandex.ru/learn/syst=
ems-analyst/courses/ddde8eb8-4d42-4b79-822a-45acafe71efc/sprints/105231/top=
ics/08da5ebe-0436-4ade-aae6-e3a3e1329065/lessons/142b5c0a-ac94-4fe6-ba0a-f3=
37b4927f96/"><div class=3D"sidebar__lesson-title-wrapper"><span class=3D"si=
debar__lesson-title">=D0=92=D1=8B=D0=B3=D1=80=D1=83=D0=B7=D0=BA=D0=B0 =D0=
=B7=D0=B0=D0=B4=D0=B0=D1=87 =D0=B8 =D1=80=D0=B0=D1=81=D1=81=D1=82=D0=B0=D0=
=BD=D0=BE=D0=B2=D0=BA=D0=B0 =D0=BF=D1=80=D0=B8=D0=BE=D1=80=D0=B8=D1=82=D0=
=B5=D1=82=D0=BE=D0=B2</span></div><section class=3D"study-item-status study=
-item-status_value_solved sidebar__lesson-status-icon"><svg class=3D"icon i=
con-tick" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><p=
ath d=3D"M8.554 12.26l2.642 2.381 4.817-4.763" stroke=3D"currentColor" stro=
ke-width=3D"2" stroke-miterlimit=3D"16" stroke-linecap=3D"round"></path></s=
vg></section></a><a class=3D"link link_theme_normal sidebar__lesson sidebar=
__lesson_available sidebar__lesson_status_solved sidebar__lesson_type_" tit=
le=3D"=D0=9B=D0=B8=D1=87=D0=BD=D0=BE=D0=B5 =D0=BF=D0=BB=D0=B0=D0=BD=D0=B8=
=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5" href=3D"https://practicum.yande=
x.ru/learn/systems-analyst/courses/ddde8eb8-4d42-4b79-822a-45acafe71efc/spr=
ints/105231/topics/08da5ebe-0436-4ade-aae6-e3a3e1329065/lessons/395ff711-1a=
30-4bc8-a51f-30d7f5043564/"><div class=3D"sidebar__lesson-title-wrapper"><s=
pan class=3D"sidebar__lesson-title">=D0=9B=D0=B8=D1=87=D0=BD=D0=BE=D0=B5 =
=D0=BF=D0=BB=D0=B0=D0=BD=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5</s=
pan></div><section class=3D"study-item-status study-item-status_value_solve=
d sidebar__lesson-status-icon"><svg class=3D"icon icon-tick" width=3D"24" h=
eight=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.=
642 2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-mi=
terlimit=3D"16" stroke-linecap=3D"round"></path></svg></section></a><a clas=
s=3D"link link_theme_normal sidebar__lesson sidebar__lesson_available sideb=
ar__lesson_status_solved sidebar__lesson_type_" title=3D"=D0=9F=D1=80=D0=B0=
=D0=BA=D1=82=D0=B8=D0=BA=D0=B0.  =D0=9B=D0=B8=D1=87=D0=BD=D0=BE=D0=B5 =D0=
=BF=D0=BB=D0=B0=D0=BD=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5" href=
=3D"https://practicum.yandex.ru/learn/systems-analyst/courses/ddde8eb8-4d42=
-4b79-822a-45acafe71efc/sprints/105231/topics/08da5ebe-0436-4ade-aae6-e3a3e=
1329065/lessons/599eecc9-6ee0-47bc-bb69-842b9700e1c8/"><div class=3D"sideba=
r__lesson-title-wrapper"><span class=3D"sidebar__lesson-title">=D0=9F=D1=80=
=D0=B0=D0=BA=D1=82=D0=B8=D0=BA=D0=B0. =D0=9B=D0=B8=D1=87=D0=BD=D0=BE=D0=B5 =
=D0=BF=D0=BB=D0=B0=D0=BD=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5</s=
pan></div><section class=3D"study-item-status study-item-status_value_solve=
d sidebar__lesson-status-icon"><svg class=3D"icon icon-tick" width=3D"24" h=
eight=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.=
642 2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-mi=
terlimit=3D"16" stroke-linecap=3D"round"></path></svg></section></a></secti=
on></div></section></section></section></section></section><div></div></div=
></div></div><section class=3D"scrollbar-default scrollbar scrollbar_vertic=
al scrollbar_hoverable scrollable__scrollbar scrollable__scrollbar_type_ver=
tical" style=3D"--scrollbar-offset-size:668px;--scrollbar-control-size:420.=
13358070500925px;--scrollbar-control-container-size:100%;--scrollbar-scale:=
1;--scrollbar-control-offset:0"><div class=3D"scrollbar__control-container"=
><div class=3D"scrollbar__control"><div class=3D"scrollbar__control-line"><=
/div></div></div></section><section class=3D"scrollbar-default scrollbar sc=
rollbar_horizontal scrollbar_hidden scrollbar_hoverable scrollable__scrollb=
ar scrollable__scrollbar_type_horizontal" style=3D"--scrollbar-offset-size:=
390px;--scrollbar-control-size:390px;--scrollbar-control-container-size:100=
%;--scrollbar-scale:1;--scrollbar-control-offset:0" size=3D"1"><div class=
=3D"scrollbar__control-container"><div class=3D"scrollbar__control"><div cl=
ass=3D"scrollbar__control-line"></div></div></div></section></div></div></s=
ection></div><div class=3D"theory-page proficiency-page__theory proficiency=
-page__theory_withSidebar"><div class=3D"scrollable-default scrollable scro=
llable_theme_light theory-page__content proficiency-page__main rounded-page=
"><div></div><div class=3D"scrollable__content-wrapper"><div class=3D"scrol=
lbar-remover scrollable__content-container" tabindex=3D"0" style=3D"--scrol=
l-bar-width:16px;--scroll-bar-height:16px"><div class=3D"scrollable__conten=
t"><div class=3D"header header_view_homework proficiency-page__header"><hea=
der class=3D"prisma-header header__content"><div class=3D"prisma-header__co=
ntainer header__container"><section class=3D"prisma-header__block"></sectio=
n><section class=3D"prisma-header__block"><div class=3D"header__referral"><=
button class=3D"prisma-button prisma-button_icon-placement_left prisma-butt=
on_position-in-group_none prisma-button_size_xs prisma-button_view_clear pr=
isma-button_with-icon" data-test-id=3D"header-referral-button"><span class=
=3D"prisma-button__content"><span class=3D"prisma-button__icon" aria-hidden=
=3D"true"><picture style=3D"width:36px;height:36px"><img width=3D"36" heigh=
t=3D"36" src=3D"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAYAA=
AASUVORK5CYII=3D" alt=3D"=D0=9E=D1=82=D0=BA=D1=80=D1=8B=D1=82=D1=8C =D0=B2=
=D0=B8=D0=B4=D0=B6=D0=B5=D1=82 =D1=8E=D0=B7=D0=B5=D1=80=D0=B0"></picture></=
span><span class=3D"prisma-button__text"><span class=3D"prisma-button__labe=
l"><span>=D0=9F=D1=80=D0=B8=D0=B3=D0=BB=D0=B0=D1=81=D0=B8=D1=82=D1=8C =D0=
=B4=D1=80=D1=83=D0=B7=D0=B5=D0=B9</span></span></span></span></button></div=
></section></div></header><div class=3D"header__footer"></div></div><div></=
div><section class=3D"lesson lesson_type_theory proficiency-page__content">=
<div class=3D"lesson-progress lesson-progress_view_full lesson-progress_ful=
l-width lesson__lesson-progress lesson__lesson-progress_view_full" data-tes=
t-id=3D"lesson-progress"><div class=3D"lesson-progress__text lesson-progres=
s__text_position_top"><div class=3D"current-lesson-path" data-test-id=3D"cu=
rrent-lesson-path"><span class=3D"prisma-element-hint current-lesson-path__=
hint"><span class=3D"prisma-element-hint__wrapper"><div class=3D"current-le=
sson-path__children">=D0=A1=D0=BF=D1=80=D0=B8=D0=BD=D1=82 18/18: =D0=94=D0=
=BE=D0=BF=D0=BE=D0=BB=D0=BD=D0=B8=D1=82=D0=B5=D0=BB=D1=8C=D0=BD=D1=8B=D0=B5=
 =D0=BC=D0=B0=D1=82=D0=B5=D1=80=D0=B8=D0=B0=D0=BB=D1=8B =E2=86=92 =D0=A2=D0=
=B5=D0=BC=D0=B0 9/9: =D0=9C=D1=8F=D0=B3=D0=BA=D0=B8=D0=B5 =D0=BD=D0=B0=D0=
=B2=D1=8B=D0=BA=D0=B8 =D0=B0=D0=BD=D0=B0=D0=BB=D0=B8=D1=82=D0=B8=D0=BA=D0=
=B0. =D0=9F=D0=BB=D0=B0=D0=BD=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=
=B5 =E2=86=92 =D0=A3=D1=80=D0=BE=D0=BA 1/4</div></span></span></div></div><=
div class=3D"composed-progress-bar lesson-progress__progress-bar"><span cla=
ss=3D"prisma-element-hint composed-progress-bar__child"><span class=3D"pris=
ma-element-hint__wrapper"><div class=3D"composed-progress-bar__part"><div c=
lass=3D"composed-progress-bar__part-bar"></div><div class=3D"composed-progr=
ess-bar__complete-share" style=3D"width:100%"></div></div></span></span><sp=
an class=3D"prisma-element-hint composed-progress-bar__child"><span class=
=3D"prisma-element-hint__wrapper"><div class=3D"composed-progress-bar__part=
"><div class=3D"composed-progress-bar__part-bar"></div><div class=3D"compos=
ed-progress-bar__complete-share" style=3D"width:100%"></div></div></span></=
span><span class=3D"prisma-element-hint composed-progress-bar__child"><span=
 class=3D"prisma-element-hint__wrapper"><div class=3D"composed-progress-bar=
__part"><div class=3D"composed-progress-bar__part-bar"></div><div class=3D"=
composed-progress-bar__complete-share" style=3D"width:100%"></div></div></s=
pan></span><span class=3D"prisma-element-hint composed-progress-bar__child"=
><span class=3D"prisma-element-hint__wrapper"><div class=3D"composed-progre=
ss-bar__part"><div class=3D"composed-progress-bar__part-bar"></div><div cla=
ss=3D"composed-progress-bar__complete-share" style=3D"width:100%"></div></d=
iv></span></span></div></div><section class=3D"theory-viewer big-theory les=
son__theory"><section class=3D"theory-viewer__blocking-layout-block theory-=
viewer__block theory-viewer__block_type_vertical-layout theory-viewer__bloc=
k_layout"><section class=3D"theory-viewer__block theory-viewer__block_type_=
markdown"><div class=3D"Markdown base-markdown base-markdown_with-gallery m=
arkdown markdown_size_normal markdown_type_theory full-markdown"><h1>=D0=A1=
=D0=B0=D0=BC=D0=BE=D0=BE=D1=80=D0=B3=D0=B0=D0=BD=D0=B8=D0=B7=D0=B0=D1=86=D0=
=B8=D1=8F: =D1=87=D1=82=D0=BE =D1=8D=D1=82=D0=BE =D0=B8 =D0=B7=D0=B0=D1=87=
=D0=B5=D0=BC =D0=BE=D0=BD=D0=BE =D0=BC=D0=BD=D0=B5 =D0=BD=D1=83=D0=B6=D0=BD=
=D0=BE?</h1><div class=3D"paragraph">=D0=A7=D1=82=D0=BE=D0=B1=D1=8B =D1=81=
=D0=B4=D0=B5=D0=BB=D0=B0=D1=82=D1=8C =D1=83=D1=87=D0=B5=D0=B1=D0=BD=D1=8B=
=D0=B9 =D0=BF=D1=80=D0=BE=D1=86=D0=B5=D1=81=D1=81 =D0=B5=D1=89=D1=91 =D1=8D=
=D1=84=D1=84=D0=B5=D0=BA=D1=82=D0=B8=D0=B2=D0=BD=D0=B5=D0=B5 =D0=B8 =D0=BF=
=D1=80=D0=B8=D1=8F=D1=82=D0=BD=D0=B5=D0=B5, =D0=B4=D0=B0=D0=B2=D0=B0=D0=B9=
=D1=82=D0=B5 =D0=BF=D0=BE=D0=B3=D0=BE=D0=B2=D0=BE=D1=80=D0=B8=D0=BC =D0=BF=
=D1=80=D0=BE =D1=81=D0=B0=D0=BC=D0=BE=D0=BE=D1=80=D0=B3=D0=B0=D0=BD=D0=B8=
=D0=B7=D0=B0=D1=86=D0=B8=D1=8E =E2=80=94 =D0=B2=D0=B0=D0=B6=D0=BD=D1=8B=D0=
=B9 =D0=BD=D0=B0=D0=B2=D1=8B=D0=BA =D0=B4=D0=BB=D1=8F =D1=80=D0=B0=D0=B1=D0=
=BE=D1=82=D1=8B =D0=B8 =D0=B6=D0=B8=D0=B7=D0=BD=D0=B8</div><div class=3D"pa=
ragraph"><strong>=D0=A1=D0=B0=D0=BC=D0=BE=D0=BE=D1=80=D0=B3=D0=B0=D0=BD=D0=
=B8=D0=B7=D0=B0=D1=86=D0=B8=D1=8F</strong>&nbsp;=E2=80=94 =D1=8D=D1=82=D0=
=BE =D1=83=D0=BC=D0=B5=D0=BD=D0=B8=D0=B5 =D0=B2=D0=B7=D1=8F=D1=82=D1=8C =D0=
=BD=D0=B0 =D1=81=D0=B5=D0=B1=D1=8F =D0=BF=D0=BE=D0=BB=D0=BD=D1=83=D1=8E =D0=
=BE=D1=82=D0=B2=D0=B5=D1=82=D1=81=D1=82=D0=B2=D0=B5=D0=BD=D0=BD=D0=BE=D1=81=
=D1=82=D1=8C =D0=B7=D0=B0 =D1=81=D0=B2=D0=BE=D0=B8 =D0=B4=D0=B5=D0=B9=D1=81=
=D1=82=D0=B2=D0=B8=D1=8F =D0=B8 =D1=80=D0=B5=D0=B7=D1=83=D0=BB=D1=8C=D1=82=
=D0=B0=D1=82=D1=8B, =D0=B0 =D1=82=D0=B0=D0=BA=D0=B6=D0=B5 =D1=81=D0=B1=D0=
=B0=D0=BB=D0=B0=D0=BD=D1=81=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D1=82=D1=8C =D0=
=B2=D1=81=D0=B5 =D1=81=D1=84=D0=B5=D1=80=D1=8B =D0=B6=D0=B8=D0=B7=D0=BD=D0=
=B8 =D1=82=D0=B0=D0=BA, =D1=87=D1=82=D0=BE=D0=B1=D1=8B =D0=B4=D0=BE=D1=81=
=D1=82=D0=B8=D0=B3=D0=B0=D1=82=D1=8C =D0=BF=D0=BE=D1=81=D1=82=D0=B0=D0=B2=
=D0=BB=D0=B5=D0=BD=D0=BD=D1=8B=D1=85 =D1=86=D0=B5=D0=BB=D0=B5=D0=B9 =D0=B8 =
=D0=BF=D0=BE=D0=BB=D1=83=D1=87=D0=B0=D1=82=D1=8C =D1=83=D0=B4=D0=BE=D0=B2=
=D0=BE=D0=BB=D1=8C=D1=81=D1=82=D0=B2=D0=B8=D0=B5.</div><div class=3D"paragr=
aph">=D0=9E=D0=B4=D0=B8=D0=BD =D0=B8=D0=B7 =D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=
=D0=BD=D0=B5=D0=BD=D1=82=D0=BE=D0=B2 =D0=BD=D0=B0=D0=B2=D1=8B=D0=BA=D0=B0 =
=D1=81=D0=B0=D0=BC=D0=BE=D0=BE=D1=80=D0=B3=D0=B0=D0=BD=D0=B8=D0=B7=D0=B0=D1=
=86=D0=B8=D0=B8 =E2=80=94 =D0=BF=D1=80=D0=BE=D0=B0=D0=BA=D1=82=D0=B8=D0=B2=
=D0=BD=D0=BE=D0=B5 =D0=BF=D0=BE=D0=B2=D0=B5=D0=B4=D0=B5=D0=BD=D0=B8=D0=B5. =
=D0=AD=D1=82=D0=BE =D1=83=D0=BC=D0=B5=D0=BD=D0=B8=D0=B5 =D0=BD=D0=B5 =D0=BF=
=D1=80=D0=BE=D1=81=D1=82=D0=BE =D1=80=D0=B5=D0=B0=D0=B3=D0=B8=D1=80=D0=BE=
=D0=B2=D0=B0=D1=82=D1=8C =D0=BD=D0=B0 =D0=B2=D0=BD=D0=B5=D1=88=D0=BD=D0=B8=
=D0=B5 =D1=81=D0=BE=D0=B1=D1=8B=D1=82=D0=B8=D1=8F, =D0=B0 =D0=B2=D0=BA=D0=
=BB=D1=8E=D1=87=D0=B0=D1=82=D1=8C=D1=81=D1=8F =D0=B8 =D1=83=D0=BF=D1=80=D0=
=B0=D0=B2=D0=BB=D1=8F=D1=82=D1=8C =D0=B8=D0=BC=D0=B8. =D0=9D=D0=BE =D0=B5=
=D1=81=D1=82=D1=8C =D0=B8 =D0=B4=D1=80=D1=83=D0=B3=D0=B8=D0=B5 =D0=BA=D0=BE=
=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD=D1=82=D1=8B. =D0=9D=D0=B0=D0=BF=D1=80=
=D0=B8=D0=BC=D0=B5=D1=80, =D0=B4=D0=B8=D1=81=D1=86=D0=B8=D0=BF=D0=BB=D0=B8=
=D0=BD=D0=B0, =D0=BF=D0=BB=D0=B0=D0=BD=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=
=D0=B8=D0=B5, =D0=B2=D0=BD=D0=B8=D0=BC=D0=B0=D1=82=D0=B5=D0=BB=D1=8C=D0=BD=
=D0=BE=D1=81=D1=82=D1=8C =D0=BA =D1=81=D0=B5=D0=B1=D0=B5, =D0=BF=D0=BE=D1=
=81=D1=82=D1=80=D0=BE=D0=B5=D0=BD=D0=B8=D0=B5 =D1=80=D0=B8=D1=82=D0=BC=D0=
=B0 =D1=80=D0=B0=D0=B1=D0=BE=D1=82=D1=8B =D0=B8 =D0=BE=D1=82=D0=B4=D1=8B=D1=
=85=D0=B0.</div><div class=3D"paragraph"><strong>=D0=A7=D1=82=D0=BE =D0=BE=
=D1=82=D0=BB=D0=B8=D1=87=D0=B0=D0=B5=D1=82 =D0=BB=D1=8E=D0=B4=D0=B5=D0=B9 =
=D1=81 =D1=80=D0=B0=D0=B7=D0=B2=D0=B8=D1=82=D1=8B=D0=BC =D0=BD=D0=B0=D0=B2=
=D1=8B=D0=BA=D0=BE=D0=BC =D1=81=D0=B0=D0=BC=D0=BE=D0=BE=D1=80=D0=B3=D0=B0=
=D0=BD=D0=B8=D0=B7=D0=B0=D1=86=D0=B8=D0=B8?</strong></div><ul><li>=D0=90=D0=
=BD=D0=B0=D0=BB=D0=B8=D0=B7=D0=B8=D1=80=D1=83=D1=8E=D1=82 =D0=BF=D1=80=D0=
=BE=D0=B8=D1=81=D1=85=D0=BE=D0=B4=D1=8F=D1=89=D0=B5=D0=B5 =D0=B2=D0=BE=D0=
=BA=D1=80=D1=83=D0=B3, =D0=BD=D0=B0=D0=B1=D0=BB=D1=8E=D0=B4=D0=B0=D1=8E=D1=
=82, =D0=BF=D1=80=D0=BE=D1=8F=D0=B2=D0=BB=D1=8F=D1=8E=D1=82 =D0=BB=D1=8E=D0=
=B1=D0=BE=D0=BF=D1=8B=D1=82=D1=81=D1=82=D0=B2=D0=BE =D0=BA =D1=81=D0=B5=D0=
=B1=D0=B5, =D1=81=D0=B2=D0=BE=D0=B8=D0=BC =D0=B2=D0=BE=D0=B7=D0=BC=D0=BE=D0=
=B6=D0=BD=D0=BE=D1=81=D1=82=D1=8F=D0=BC, =D0=B8=D0=BD=D1=82=D0=B5=D1=80=D0=
=B5=D1=81=D0=B0=D0=BC.</li><li>=D0=A3=D0=BC=D0=B5=D1=8E=D1=82 =D0=BF=D1=80=
=D0=B5=D0=B4=D0=BE=D1=82=D0=B2=D1=80=D0=B0=D1=89=D0=B0=D1=82=D1=8C =D0=BF=
=D1=80=D0=BE=D0=B1=D0=BB=D0=B5=D0=BC=D1=8B: =D0=B2=D0=BE=D0=B2=D1=80=D0=B5=
=D0=BC=D1=8F =D0=B8=D0=B4=D1=83=D1=82 =D0=BA =D0=B2=D1=80=D0=B0=D1=87=D1=83=
, =D0=B2=D0=B5=D0=B4=D1=83=D1=82 =D0=BB=D0=B8=D1=87=D0=BD=D1=8B=D0=B9 =D0=
=B1=D1=8E=D0=B4=D0=B6=D0=B5=D1=82, =D0=B2=D0=BA=D0=BB=D0=B0=D0=B4=D1=8B=D0=
=B2=D0=B0=D1=8E=D1=82 =D1=81=D0=B8=D0=BB=D1=8B =D0=B2 =D1=80=D0=B0=D0=B7=D0=
=B2=D0=B8=D1=82=D0=B8=D0=B5 =D1=81=D0=B2=D0=BE=D0=B8=D1=85 =D0=BD=D0=B0=D0=
=B2=D1=8B=D0=BA=D0=BE=D0=B2, =D1=87=D1=82=D0=BE=D0=B1=D1=8B =D0=BE=D1=81=D1=
=82=D0=B0=D0=B2=D0=B0=D1=82=D1=8C=D1=81=D1=8F =D0=B2=D0=BE=D1=81=D1=82=D1=
=80=D0=B5=D0=B1=D0=BE=D0=B2=D0=B0=D0=BD=D0=BD=D1=8B=D0=BC=D0=B8.</li><li>=
=D0=93=D1=80=D0=B0=D0=BC=D0=BE=D1=82=D0=BD=D0=BE =D1=80=D0=B0=D1=81=D0=BF=
=D0=BE=D1=80=D1=8F=D0=B6=D0=B0=D1=8E=D1=82=D1=81=D1=8F =D1=81=D0=B2=D0=BE=
=D0=B8=D0=BC =D0=B2=D1=80=D0=B5=D0=BC=D0=B5=D0=BD=D0=B5=D0=BC: =D0=BF=D0=BB=
=D0=B0=D0=BD=D0=B8=D1=80=D1=83=D1=8E=D1=82 =D1=80=D0=B0=D0=B1=D0=BE=D1=82=
=D1=83 =D0=B8 =D0=BE=D1=82=D0=B4=D1=8B=D1=85, =D1=84=D0=B8=D0=BB=D1=8C=D1=
=82=D1=80=D1=83=D1=8E=D1=82 =D0=BF=D0=BE=D1=82=D0=BE=D0=BA =D0=B2=D1=85=D0=
=BE=D0=B4=D1=8F=D1=89=D0=B8=D1=85 =D0=B7=D0=B0=D0=B4=D0=B0=D1=87 =D0=B8 =D0=
=B8=D0=BD=D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=86=D0=B8=D0=B8, =D1=80=D0=B0=D1=
=81=D1=81=D1=82=D0=B0=D0=B2=D0=BB=D1=8F=D1=8E=D1=82 =D0=BF=D1=80=D0=B8=D0=
=BE=D1=80=D0=B8=D1=82=D0=B5=D1=82=D1=8B.</li><li>=D0=A1=D0=B4=D0=B5=D1=80=
=D0=B6=D0=B8=D0=B2=D0=B0=D1=8E=D1=82 =D0=BE=D0=B1=D0=B5=D1=89=D0=B0=D0=BD=
=D0=B8=D1=8F, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B5 =D0=B4=D0=B0=D1=8E=
=D1=82 =D1=81=D0=B5=D0=B1=D0=B5 =D0=B8 =D0=B4=D1=80=D1=83=D0=B3=D0=B8=D0=BC=
.</li></ul><div class=3D"paragraph"><strong>=D0=92=D0=B0=D0=B6=D0=BD=D0=BE:=
</strong>&nbsp;=D0=BE=D1=80=D0=B3=D0=B0=D0=BD=D0=B8=D0=B7=D0=BE=D0=B2=D0=B0=
=D0=BD=D0=BD=D1=8B=D0=B5 =D0=BB=D1=8E=D0=B4=D0=B8 =E2=80=94 =D1=8D=D1=82=D0=
=BE =D0=BD=D0=B5 =D0=B8=D0=B4=D0=B5=D0=B0=D0=BB=D1=8C=D0=BD=D1=8B=D0=B5 =D0=
=BB=D0=B8=D1=87=D0=BD=D0=BE=D1=81=D1=82=D0=B8, =D1=83 =D0=BA=D0=BE=D1=82=D0=
=BE=D1=80=D1=8B=D1=85 =D0=B2=D1=81=D1=91 =D0=BF=D0=BE=D0=BB=D1=83=D1=87=D0=
=B0=D0=B5=D1=82=D1=81=D1=8F. =D0=AD=D1=82=D0=BE =D0=BB=D1=8E=D0=B4=D0=B8, =
=D0=BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B5 =D0=B2=D1=8B=D0=B1=D0=B8=D1=80=
=D0=B0=D1=8E=D1=82, =D1=87=D1=82=D0=BE =D0=B4=D0=BB=D1=8F =D0=BD=D0=B8=D1=
=85 =D0=B2=D0=B0=D0=B6=D0=BD=D0=BE, =D0=B2=D1=8B=D1=81=D0=B2=D0=BE=D0=B1=D0=
=BE=D0=B6=D0=B4=D0=B0=D1=8E=D1=82 =D1=81=D0=B8=D0=BB=D1=8B =D0=B8 =D0=B2=D1=
=80=D0=B5=D0=BC=D1=8F =D0=B8 =D0=B2=D1=8B=D0=BF=D0=BE=D0=BB=D0=BD=D1=8F=D1=
=8E=D1=82 =D0=B2=D1=8B=D0=B1=D1=80=D0=B0=D0=BD=D0=BD=D1=8B=D0=B5 =D0=B7=D0=
=B0=D0=B4=D0=B0=D1=87=D0=B8 =D1=85=D0=BE=D1=80=D0=BE=D1=88=D0=BE.</div><div=
 class=3D"paragraph">=D0=9D=D0=B0=D1=88 =D0=BC=D0=BE=D0=B7=D0=B3 =D1=83=D1=
=81=D1=82=D1=80=D0=BE=D0=B5=D0=BD =D1=82=D0=B0=D0=BA, =D1=87=D1=82=D0=BE =
=D1=87=D0=B5=D0=BC =D0=B1=D0=BE=D0=BB=D1=8C=D1=88=D0=B5 =D0=B2=D0=BE=D0=BA=
=D1=80=D1=83=D0=B3 =D0=BF=D0=BE=D1=80=D1=8F=D0=B4=D0=BA=D0=B0 =D0=B8 =D0=BE=
=D1=80=D0=B3=D0=B0=D0=BD=D0=B8=D0=B7=D0=BE=D0=B2=D0=B0=D0=BD=D0=BD=D0=BE=D1=
=81=D1=82=D0=B8, =D1=82=D0=B5=D0=BC =D0=BB=D0=B5=D0=B3=D1=87=D0=B5 =D0=BD=
=D0=B0=D0=BC =D0=B1=D1=80=D0=B0=D1=82=D1=8C=D1=81=D1=8F =D0=B7=D0=B0 =D0=B4=
=D0=B5=D0=BB=D0=B0 =D0=B8 =D0=B4=D0=BE=D0=B2=D0=BE=D0=B4=D0=B8=D1=82=D1=8C =
=D0=B8=D1=85 =D0=B4=D0=BE =D0=BA=D0=BE=D0=BD=D1=86=D0=B0. =D0=9F=D0=BE=D1=
=80=D1=8F=D0=B4=D0=BE=D0=BA =D0=BD=D0=B0=D1=81 =D1=83=D1=81=D0=BF=D0=BE=D0=
=BA=D0=B0=D0=B8=D0=B2=D0=B0=D0=B5=D1=82, =D0=B0 =D1=85=D0=B0=D0=BE=D1=81 =
=E2=80=94 =D0=B7=D0=B0=D1=81=D1=82=D0=B0=D0=B2=D0=BB=D1=8F=D0=B5=D1=82 =D0=
=BD=D0=B5=D1=80=D0=B2=D0=BD=D0=B8=D1=87=D0=B0=D1=82=D1=8C =D0=B8 =D1=82=D0=
=B5=D1=80=D1=8F=D1=82=D1=8C=D1=81=D1=8F. =D0=A0=D0=B0=D0=B7=D0=B2=D0=B8=D1=
=82=D1=8B=D0=B9 =D0=BD=D0=B0=D0=B2=D1=8B=D0=BA =D1=81=D0=B0=D0=BC=D0=BE=D0=
=BE=D1=80=D0=B3=D0=B0=D0=BD=D0=B8=D0=B7=D0=B0=D1=86=D0=B8=D0=B8 =D0=BD=D1=
=83=D0=B6=D0=B5=D0=BD, =D1=87=D1=82=D0=BE=D0=B1=D1=8B =D0=BF=D0=BB=D0=B0=D0=
=BD=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D1=82=D1=8C =D1=83=D1=87=D1=91=D0=B1=D1=
=83, =D0=BD=D0=B5 =D1=82=D0=B5=D1=80=D1=8F=D1=82=D1=8C =D0=BC=D0=BE=D1=82=
=D0=B8=D0=B2=D0=B0=D1=86=D0=B8=D1=8E =D0=B8 =D0=B2=D0=BE=D0=B2=D1=80=D0=B5=
=D0=BC=D1=8F =D1=81=D0=B4=D0=B0=D0=B2=D0=B0=D1=82=D1=8C =D0=B4=D0=BE=D0=BC=
=D0=B0=D1=88=D0=BD=D0=B8=D0=B5 =D0=B7=D0=B0=D0=B4=D0=B0=D0=BD=D0=B8=D1=8F, =
=D0=BE=D1=81=D1=82=D0=B0=D0=B2=D0=B0=D1=8F=D1=81=D1=8C =D0=BF=D1=80=D0=B8 =
=D1=8D=D1=82=D0=BE=D0=BC =D0=B2 =D1=81=D0=BF=D0=BE=D0=BA=D0=BE=D0=B9=D0=BD=
=D0=BE=D0=BC =D1=81=D0=BE=D1=81=D1=82=D0=BE=D1=8F=D0=BD=D0=B8=D0=B8.</div><=
div class=3D"paragraph">=D0=91=D1=8B=D1=82=D1=8C =D1=8D=D1=84=D1=84=D0=B5=
=D0=BA=D1=82=D0=B8=D0=B2=D0=BD=D1=8B=D0=BC =D0=B8 =D0=BF=D1=80=D0=BE=D0=B0=
=D0=BA=D1=82=D0=B8=D0=B2=D0=BD=D1=8B=D0=BC =E2=80=94 =D1=8D=D1=82=D0=BE =D1=
=85=D0=BE=D1=80=D0=BE=D1=88=D0=BE, =D0=BD=D0=BE =D0=B8=D0=BD=D0=BE=D0=B3=D0=
=B4=D0=B0 =D0=B2 =D0=BF=D0=BE=D0=B3=D0=BE=D0=BD=D0=B5 =D0=B7=D0=B0 =D1=80=
=D0=B5=D0=B7=D1=83=D0=BB=D1=8C=D1=82=D0=B0=D1=82=D0=B0=D0=BC=D0=B8 =D0=BB=
=D1=8E=D0=B4=D0=B8 =D0=B4=D0=B5=D0=B9=D1=81=D1=82=D0=B2=D1=83=D1=8E=D1=82 =
=D1=81=D0=B5=D0=B1=D0=B5 =D0=B2=D0=BE =D0=B2=D1=80=D0=B5=D0=B4. =D0=94=D0=
=B0=D0=B2=D0=B0=D0=B9=D1=82=D0=B5 =D0=BF=D0=BE=D0=B3=D0=BE=D0=B2=D0=BE=D1=
=80=D0=B8=D0=BC =D0=BE =D1=82=D0=BE=D0=BC, =D0=BA=D0=B0=D0=BA =D0=BD=D0=B5 =
=D1=81=D1=82=D0=BE=D0=B8=D1=82 =D0=B4=D0=B5=D0=BB=D0=B0=D1=82=D1=8C.</div><=
div class=3D"paragraph"><div class=3D"downloadable-image"><a class=3D"downl=
oadable-image__button" download=3D"Image.png"><svg class=3D"icon icon-arrow=
s-24-download downloadable-image__icon" width=3D"24" height=3D"24" viewBox=
=3D"0 0 24 24" fill=3D"none"><path fill-rule=3D"evenodd" clip-rule=3D"eveno=
dd" d=3D"M12 3C11.45 3 11 3.45 11 4V10.9219C11 11.6763 11.0854 12.4276 11.2=
54 13.1613L11.0483 13.3684L10.8331 13.0242C10.4323 12.3835 9.96022 11.7902 =
9.42583 11.2558L8.46 10.29C8.07 9.89999 7.44 9.89999 7.05 10.29C6.66 10.68 =
6.66 11.32 7.05 11.71L10.9404 15.5926C11.526 16.1769 12.474 16.1769 13.0596=
 15.5926L16.95 11.71C17.34 11.32 17.34 10.68 16.95 10.29C16.56 9.89999 15.9=
3 9.89999 15.54 10.29L14.5742 11.2558C14.0398 11.7902 13.5677 12.3835 13.16=
69 13.0242L12.9517 13.3684L12.746 13.1613C12.9146 12.4276 13 11.6763 13 10.=
9219V4C13 3.45 12.55 3 12 3ZM7 19C6.44772 19 6 19.4477 6 20C6 20.5523 6.447=
72 21 7 21H17C17.5523 21 18 20.5523 18 20C18 19.4477 17.5523 19 17 19H7Z" f=
ill=3D"currentColor" fill-opacity=3D"0.85"></path></svg></a><img src=3D"dat=
a:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB9AAAAR+CAIAAAAHpDktAAAMP2lDQ1BJ=
QIAAAQIECBAgQIAAAQIEkhf4N2bE1kxX1UShAAAAAElFTkSuQmCC" alt=3D"=D0=9D=D0=B0 =
=D0=BA=D0=B0=D1=80=D1=82=D0=B8=D0=BD=D0=BA=D0=B5 =D0=B8=D0=B7=D0=BE=D0=B1=
=D1=80=D0=B0=D0=B6=D0=B5=D0=BD=D1=8B =D1=82=D1=80=D0=B8 =D1=87=D0=B5=D0=BB=
=D0=BE=D0=B2=D0=B5=D0=BA=D0=B0: =D0=BE=D0=B4=D0=B8=D0=BD =D0=B1=D0=B5=D0=B6=
=D0=B8=D1=82 =D0=B8=D0=B7=D0=BE =D0=B2=D1=81=D0=B5=D1=85 =D1=81=D0=B8=D0=BB=
 (=D0=B3=D0=BE=D0=BD=D0=B5=D1=82=D1=81=D1=8F =D0=B7=D0=B0 =D0=BF=D0=B5=D1=
=80=D0=B2=D0=B5=D0=BD=D1=81=D1=82=D0=B2=D0=BE=D0=BC =D0=BF=D1=80=D0=B8 =D0=
=BB=D1=8E=D0=B1=D1=8B=D1=85 =D1=83=D1=81=D0=BB=D0=BE=D0=B2=D0=B8=D1=8F=D1=
=85), =D0=B2=D1=82=D0=BE=D1=80=D0=B0=D1=8F =D0=B4=D0=B5=D0=B2=D1=83=D1=88=
=D0=BA=D0=B0 =E2=80=94 =D1=82=D0=B0=D1=89=D0=B8=D1=82 =D0=BD=D0=B0 =D1=81=
=D0=BF=D0=B8=D0=BD=D0=B5 =D0=BA=D1=83=D0=B1=D0=BE=D0=BA =D0=BF=D0=BE=D1=87=
=D1=91=D1=82=D0=B0 =D0=B8 =D1=82=D0=B5=D1=80=D1=8F=D0=B5=D1=82 =D0=BA=D1=80=
=D0=BE=D1=81=D1=81=D0=BE=D0=B2=D0=BE=D0=BA (=D0=BF=D0=BE=D0=B1=D0=B5=D0=B4=
=D0=B0 =D1=86=D0=B5=D0=BD=D0=BE=D0=B9 =D1=81=D0=B0=D0=BC=D0=BE=D0=B8=D1=81=
=D1=82=D1=8F=D0=B7=D0=B0=D0=BD=D0=B8=D1=8F), =D1=82=D1=80=D0=B5=D1=82=D0=B8=
=D0=B9 =D1=87=D0=B5=D0=BB=D0=BE=D0=B2=D0=B5=D0=BA =D0=BF=D0=BE=D0=B4=D1=81=
=D0=BA=D0=BE=D0=BB=D1=8C=D0=B7=D0=BD=D1=83=D0=BB=D1=81=D1=8F =D0=B8 =D0=BF=
=D0=B0=D0=B4=D0=B0=D0=B5=D1=82 (=D0=BE=D0=BD =D0=BE=D1=88=D0=B8=D0=B1=D1=81=
=D1=8F =D0=B8 =D1=81=D1=87=D0=B8=D1=82=D0=B0=D0=B5=D1=82 =D0=BE=D1=88=D0=B8=
=D0=B1=D0=BA=D1=83 =D0=BF=D0=BE=D0=BB=D0=BD=D1=8B=D0=BC =D0=BF=D1=80=D0=BE=
=D0=B2=D0=B0=D0=BB=D0=BE=D0=BC)" crossorigin=3D"anonymous" class=3D"image i=
mage_expandable"></div></div><div class=3D"paragraph">=D0=9A=D0=B0=D0=BA =
=D1=81=D1=82=D0=B0=D1=82=D1=8C =D0=BE=D1=80=D0=B3=D0=B0=D0=BD=D0=B8=D0=B7=
=D0=BE=D0=B2=D0=B0=D0=BD=D0=BD=D1=8B=D0=BC? =D0=9C=D0=BE=D0=B6=D0=BD=D0=BE =
=D0=BD=D0=B0=D1=87=D0=B0=D1=82=D1=8C =D1=81 =D0=BF=D0=BB=D0=B0=D0=BD=D0=B8=
=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F =D1=81=D0=B2=D0=BE=D0=B8=D1=85 =
=D0=B4=D0=B5=D0=BB =D0=B8 =D0=B2=D1=8B=D0=B1=D0=BE=D1=80=D0=B0 =D0=BF=D1=80=
=D0=B8=D0=BE=D1=80=D0=B8=D1=82=D0=B5=D1=82=D0=BE=D0=B2. =D0=9E=D0=B1 =D1=8D=
=D1=82=D0=BE=D0=BC =E2=80=94 =D0=B4=D0=B0=D0=BB=D1=8C=D1=88=D0=B5.</div></d=
iv></section></section></section><div class=3D"lesson__markdown-btn lesson_=
_markdown-btn_with-progress"><div class=3D"next-lesson-control next-lesson-=
control_state_ready lesson__next-lesson-control"><button type=3D"button" cl=
ass=3D"prisma-button2 prisma-button2_size_l prisma-button2_view_primary pri=
sma-button2_no-outline next-lesson-control__button" data-test-id=3D"next-le=
sson-control-button"><span class=3D"prisma-button2__content"><span>=D0=9A =
=D1=81=D0=BB=D0=B5=D0=B4=D1=83=D1=8E=D1=89=D0=B5=D0=BC=D1=83 =D1=83=D1=80=
=D0=BE=D0=BA=D1=83</span></span></button></div><button type=3D"button" clas=
s=3D"prisma-button2 prisma-button2_size_l prisma-button2_view_secondary pri=
sma-button2_no-outline prisma-button2_with-icon-end theory-ai-summary-butto=
n lesson__ai-summary-button" data-test-id=3D"theory-ai-summary-button"><spa=
n class=3D"prisma-button2__content">=D0=9A=D1=80=D0=B0=D1=82=D0=BA=D0=B8=D0=
=B9 =D0=BF=D0=B5=D1=80=D0=B5=D1=81=D0=BA=D0=B0=D0=B7 =D1=83=D1=80=D0=BE=D0=
=BA=D0=B0</span><span class=3D"prisma-button2__icon"><div class=3D"prisma-b=
adge prisma-badge_theme_neutral yagpt-badge" data-test-id=3D""><span class=
=3D"prisma-badge__content">beta</span></div></span></button></div></section=
><div></div></div></div></div><section class=3D"scrollbar-default scrollbar=
 scrollbar_vertical scrollbar_hoverable scrollable__scrollbar scrollable__s=
crollbar_type_vertical" style=3D"--scrollbar-offset-size:668px;--scrollbar-=
control-size:208.9867674858223px;--scrollbar-control-container-size:100%;--=
scrollbar-scale:1;--scrollbar-control-offset:0"><div class=3D"scrollbar__co=
ntrol-container"><div class=3D"scrollbar__control"><div class=3D"scrollbar_=
_control-line"></div></div></div></section><section class=3D"scrollbar-defa=
ult scrollbar scrollbar_horizontal scrollbar_hidden scrollbar_hoverable scr=
ollable__scrollbar scrollable__scrollbar_type_horizontal" style=3D"--scroll=
bar-offset-size:1335px;--scrollbar-control-size:1335px;--scrollbar-control-=
container-size:100%;--scrollbar-scale:1;--scrollbar-control-offset:0" size=
=3D"1"><div class=3D"scrollbar__control-container"><div class=3D"scrollbar_=
_control"><div class=3D"scrollbar__control-line"></div></div></div></sectio=
n></div></div></div></div></div></div>
 <div id=3D"yndxbug-button"></div>
 <div id=3D"wizard"></div>
 <div id=3D"portals"><div style=3D"--modal-animation-duration:200ms"></div>=
<div style=3D"--modal-animation-duration:200ms" class=3D"skills-modal skill=
s-modal_align_center skills-modal_theme_default _align_center _theme_defaul=
t"><section class=3D"skills-modal__content-wrapper"><div class=3D"skills-mo=
dal__content sf-hidden"></div></section><div class=3D"skills-modal__control=
s sf-hidden"></div></div><div style=3D"--modal-animation-duration:200ms" cl=
ass=3D"skills-modal skills-modal_align_center skills-modal_theme_default _a=
lign_center _theme_default"><section class=3D"skills-modal__content-wrapper=
"><div class=3D"skills-modal__content sf-hidden"></div></section><div class=
=3D"skills-modal__controls sf-hidden"></div></div><div style=3D"--modal-ani=
mation-duration:200ms" class=3D"skills-modal skills-modal_align_center skil=
ls-modal_theme_default _align_center _theme_default"><section class=3D"skil=
ls-modal__content-wrapper"><div class=3D"skills-modal__content sf-hidden"><=
/div></section><div class=3D"skills-modal__controls sf-hidden"></div></div>=
<div style=3D"--modal-animation-duration:200ms" class=3D"skills-modal skill=
s-modal_align_center skills-modal_theme_default _align_center _theme_defaul=
t"><section class=3D"skills-modal__content-wrapper"><div class=3D"skills-mo=
dal__content sf-hidden"></div></section><div class=3D"skills-modal__control=
s sf-hidden"></div></div><div style=3D"--modal-animation-duration:200ms"></=
div><div style=3D"--modal-animation-duration:200ms"></div><aside></aside><a=
side><div class=3D"hiding-sidebar__overlay hiding-sidebar__overlay_withSide=
bar"></div><div class=3D"hiding-sidebar hiding-sidebar_position_left hiding=
-sidebar_withSidebar"><section class=3D"courses-popup courses-popup_withSid=
ebar"><div class=3D"courses-popup__content"><h1 class=3D"courses-popup__tit=
le"><span>=D0=9A=D1=83=D1=80=D1=81=D1=8B</span><button aria-label=3D"=D0=97=
=D0=B0=D0=BA=D1=80=D1=8B=D1=82=D1=8C" class=3D"prisma-button prisma-button_=
icon-placement_replace prisma-button_position-in-group_none prisma-button_s=
ize_s prisma-button_view_clear prisma-button_with-icon"><span class=3D"pris=
ma-button__content"><span class=3D"prisma-button__icon" aria-hidden=3D"true=
"><svg class=3D"icon icon-close" width=3D"24" height=3D"24" viewBox=3D"0 0 =
24 24" fill=3D"none"><path d=3D"M13.414 12L18 16.586A1 1 0 0116.586 18l-5.3=
9-5.39a.862.862 0 010-1.22L16.585 6A1 1 0 1118 7.414L13.414 12z" fill=3D"cu=
rrentColor"></path><path d=3D"M10.879 12l-4.586 4.586A1 1 0 107.707 18l5.39=
-5.39a.862.862 0 000-1.22L7.707 6a1 1 0 00-1.414 1.414L10.879 12z" fill=3D"=
currentColor"></path></svg></span></span></button></h1><div class=3D"scroll=
able-default scrollable scrollable_theme_light courses-popup__list"><div></=
div><div class=3D"scrollable__content-wrapper"><div class=3D"scrollbar-remo=
ver scrollable__content-container" tabindex=3D"0" style=3D"--scroll-bar-wid=
th:16px;--scroll-bar-height:16px"><div class=3D"scrollable__content"><a cla=
ss=3D"link link_theme_normal courses-popup__item" href=3D"https://practicum=
.yandex.ru/learn/systems-analyst/courses/5c8ef41c-a21e-4bcd-80c5-42a84f2a9d=
7a/"><h3 class=3D"courses-popup__item-title">=D0=92=D0=B2=D0=BE=D0=B4=D0=BD=
=D1=8B=D0=B9 =D0=BC=D0=BE=D0=B4=D1=83=D0=BB=D1=8C</h3><div class=3D"courses=
-popup__icons"><svg class=3D"icon icon-tick courses-popup__item-tick" width=
=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554=
 12.26l2.642 2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" =
stroke-miterlimit=3D"16" stroke-linecap=3D"round"></path></svg><svg class=
=3D"icon-arrow icon-arrow_direction_right icon-arrow_theme_default icon cou=
rses-popup__item-arrow" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24"><p=
ath fill=3D"currentColor" d=3D"M10.0711 13.4853l-1.41425-1.4142 1.41425-1.4=
142 2.8284-2.82847 1.4142 1.41421-2.8284 2.82846 2.8284 2.8284-1.4142 1.414=
2-2.8284-2.8284z"></path></svg></div></a><a class=3D"link link_theme_normal=
 courses-popup__item" href=3D"https://practicum.yandex.ru/learn/systems-ana=
lyst/courses/c6a67d97-d560-4e7d-b961-fd101b42865f/"><h3 class=3D"courses-po=
pup__item-title">=D0=9F=D0=BE=D0=BD=D0=B8=D0=BC=D0=B0=D0=BD=D0=B8=D0=B5 =D0=
=BF=D1=80=D0=BE=D1=84=D0=B5=D1=81=D1=81=D0=B8=D0=B8 =D1=81=D0=B8=D1=81=D1=
=82=D0=B5=D0=BC=D0=BD=D0=BE=D0=B3=D0=BE =D0=B0=D0=BD=D0=B0=D0=BB=D0=B8=D1=
=82=D0=B8=D0=BA=D0=B0</h3><div class=3D"courses-popup__icons"><svg class=3D=
"icon icon-tick courses-popup__item-tick" width=3D"24" height=3D"24" viewBo=
x=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 2.381 4.817-4.7=
63" stroke=3D"currentColor" stroke-width=3D"2" stroke-miterlimit=3D"16" str=
oke-linecap=3D"round"></path></svg><svg class=3D"icon-arrow icon-arrow_dire=
ction_right icon-arrow_theme_default icon courses-popup__item-arrow" width=
=3D"24" height=3D"24" viewBox=3D"0 0 24 24"><path fill=3D"currentColor" d=
=3D"M10.0711 13.4853l-1.41425-1.4142 1.41425-1.4142 2.8284-2.82847 1.4142 1=
.41421-2.8284 2.82846 2.8284 2.8284-1.4142 1.4142-2.8284-2.8284z"></path></=
svg></div></a><a class=3D"link link_theme_normal courses-popup__item" href=
=3D"https://practicum.yandex.ru/learn/systems-analyst/courses/49701e2f-0a9a=
-42cd-9643-68fe24d06414/"><h3 class=3D"courses-popup__item-title">=D0=A0=D0=
=B0=D0=B7=D1=80=D0=B0=D0=B1=D0=BE=D1=82=D0=BA=D0=B0 =D1=82=D1=80=D0=B5=D0=
=B1=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B9</h3><div class=3D"courses-popup__ic=
ons"><svg class=3D"icon icon-tick courses-popup__item-tick" width=3D"24" he=
ight=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.6=
42 2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-mit=
erlimit=3D"16" stroke-linecap=3D"round"></path></svg><svg class=3D"icon-arr=
ow icon-arrow_direction_right icon-arrow_theme_default icon courses-popup__=
item-arrow" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24"><path fill=3D"=
currentColor" d=3D"M10.0711 13.4853l-1.41425-1.4142 1.41425-1.4142 2.8284-2=
.82847 1.4142 1.41421-2.8284 2.82846 2.8284 2.8284-1.4142 1.4142-2.8284-2.8=
284z"></path></svg></div></a><a class=3D"link link_theme_normal courses-pop=
up__item" href=3D"https://practicum.yandex.ru/learn/systems-analyst/courses=
/c85a8819-a5bc-4bdc-8dc2-3e07a6f2a776/"><h3 class=3D"courses-popup__item-ti=
tle">=D0=9F=D1=80=D0=BE=D0=B5=D0=BA=D1=82 1. =D0=A1=D0=BF=D0=B5=D1=86=D0=B8=
=D1=84=D0=B8=D0=BA=D0=B0=D1=86=D0=B8=D1=8F =D1=82=D1=80=D0=B5=D0=B1=D0=BE=
=D0=B2=D0=B0=D0=BD=D0=B8=D0=B9 =D0=BA=D0=BE =D0=B2=D1=82=D0=BE=D1=80=D0=BE=
=D0=BC=D1=83 =D1=80=D0=B5=D0=BB=D0=B8=D0=B7=D1=83 Chatty</h3><div class=3D"=
courses-popup__icons"><svg class=3D"icon icon-tick courses-popup__item-tick=
" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D=
"M8.554 12.26l2.642 2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=
=3D"2" stroke-miterlimit=3D"16" stroke-linecap=3D"round"></path></svg><svg =
class=3D"icon-arrow icon-arrow_direction_right icon-arrow_theme_default ico=
n courses-popup__item-arrow" width=3D"24" height=3D"24" viewBox=3D"0 0 24 2=
4"><path fill=3D"currentColor" d=3D"M10.0711 13.4853l-1.41425-1.4142 1.4142=
5-1.4142 2.8284-2.82847 1.4142 1.41421-2.8284 2.82846 2.8284 2.8284-1.4142 =
1.4142-2.8284-2.8284z"></path></svg></div></a><a class=3D"link link_theme_n=
ormal courses-popup__item" href=3D"https://practicum.yandex.ru/learn/system=
s-analyst/courses/5c70c119-70b3-4b1a-bac3-4a5a125d635f/"><h3 class=3D"cours=
es-popup__item-title">SQL =D0=B4=D0=BB=D1=8F =D0=B0=D0=BD=D0=B0=D0=BB=D0=B8=
=D1=82=D0=B8=D0=BA=D0=BE=D0=B2</h3><div class=3D"courses-popup__icons"><svg=
 class=3D"icon icon-tick courses-popup__item-tick" width=3D"24" height=3D"2=
4" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 2.381 =
4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-miterlimit=
=3D"16" stroke-linecap=3D"round"></path></svg><svg class=3D"icon-arrow icon=
-arrow_direction_right icon-arrow_theme_default icon courses-popup__item-ar=
row" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24"><path fill=3D"current=
Color" d=3D"M10.0711 13.4853l-1.41425-1.4142 1.41425-1.4142 2.8284-2.82847 =
1.4142 1.41421-2.8284 2.82846 2.8284 2.8284-1.4142 1.4142-2.8284-2.8284z"><=
/path></svg></div></a><a class=3D"link link_theme_normal courses-popup__ite=
m" href=3D"https://practicum.yandex.ru/learn/systems-analyst/courses/d67b89=
67-2a29-4828-8333-388b08149d99/"><h3 class=3D"courses-popup__item-title">=
=D0=9C=D0=BE=D0=B4=D0=B5=D0=BB=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=
=B5 =D0=B4=D0=B0=D0=BD=D0=BD=D1=8B=D1=85</h3><div class=3D"courses-popup__i=
cons"><svg class=3D"icon icon-tick courses-popup__item-tick" width=3D"24" h=
eight=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.=
642 2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-mi=
terlimit=3D"16" stroke-linecap=3D"round"></path></svg><svg class=3D"icon-ar=
row icon-arrow_direction_right icon-arrow_theme_default icon courses-popup_=
_item-arrow" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24"><path fill=3D=
"currentColor" d=3D"M10.0711 13.4853l-1.41425-1.4142 1.41425-1.4142 2.8284-=
2.82847 1.4142 1.41421-2.8284 2.82846 2.8284 2.8284-1.4142 1.4142-2.8284-2.=
8284z"></path></svg></div></a><a class=3D"link link_theme_normal courses-po=
pup__item" href=3D"https://practicum.yandex.ru/learn/systems-analyst/course=
s/d02c4b95-90ec-4d1c-9e60-dc0fb3ea2d2e/"><h3 class=3D"courses-popup__item-t=
itle">=D0=9F=D1=80=D0=BE=D0=B5=D0=BA=D1=82 2. =D0=9C=D0=BE=D0=B4=D0=B5=D0=
=BB=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5 =D0=B4=D0=B0=D0=BD=D0=
=BD=D1=8B=D1=85 =D0=B8 =D1=80=D0=B0=D0=B1=D0=BE=D1=82=D0=B0 =D1=81 =D0=B1=
=D0=B0=D0=B7=D0=BE=D0=B9 =D0=B4=D0=B0=D0=BD=D0=BD=D1=8B=D1=85 =D0=B8=D0=BD=
=D1=82=D0=B5=D1=80=D0=BD=D0=B5=D1=82-=D0=BC=D0=B0=D0=B3=D0=B0=D0=B7=D0=B8=
=D0=BD=D0=B0 =C2=AB=D0=9D=D0=B0=D0=BA=D0=B0=D1=80=D0=B0=D0=B1=D0=B8=D0=BD=
=D0=B5=C2=BB</h3><div class=3D"courses-popup__icons"><svg class=3D"icon ico=
n-tick courses-popup__item-tick" width=3D"24" height=3D"24" viewBox=3D"0 0 =
24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 2.381 4.817-4.763" strok=
e=3D"currentColor" stroke-width=3D"2" stroke-miterlimit=3D"16" stroke-linec=
ap=3D"round"></path></svg><svg class=3D"icon-arrow icon-arrow_direction_rig=
ht icon-arrow_theme_default icon courses-popup__item-arrow" width=3D"24" he=
ight=3D"24" viewBox=3D"0 0 24 24"><path fill=3D"currentColor" d=3D"M10.0711=
 13.4853l-1.41425-1.4142 1.41425-1.4142 2.8284-2.82847 1.4142 1.41421-2.828=
4 2.82846 2.8284 2.8284-1.4142 1.4142-2.8284-2.8284z"></path></svg></div></=
a><a class=3D"link link_theme_normal courses-popup__item" href=3D"https://p=
racticum.yandex.ru/learn/systems-analyst/courses/121bbaa7-410a-41ae-8ce2-89=
26b479a118/"><h3 class=3D"courses-popup__item-title">=D0=9C=D0=BE=D0=B4=D0=
=B5=D0=BB=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5 =D0=BF=D1=80=D0=
=BE=D1=86=D0=B5=D1=81=D1=81=D0=BE=D0=B2</h3><div class=3D"courses-popup__ic=
ons"><svg class=3D"icon icon-tick courses-popup__item-tick" width=3D"24" he=
ight=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.6=
42 2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-mit=
erlimit=3D"16" stroke-linecap=3D"round"></path></svg><svg class=3D"icon-arr=
ow icon-arrow_direction_right icon-arrow_theme_default icon courses-popup__=
item-arrow" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24"><path fill=3D"=
currentColor" d=3D"M10.0711 13.4853l-1.41425-1.4142 1.41425-1.4142 2.8284-2=
.82847 1.4142 1.41421-2.8284 2.82846 2.8284 2.8284-1.4142 1.4142-2.8284-2.8=
284z"></path></svg></div></a><a class=3D"link link_theme_normal courses-pop=
up__item" href=3D"https://practicum.yandex.ru/learn/systems-analyst/courses=
/db65504e-9dd7-49bf-9f7d-a10fe68b8af4/"><h3 class=3D"courses-popup__item-ti=
tle">=D0=9F=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82=D0=B5=D0=BB=D1=
=8C=D1=81=D0=BA=D0=B8=D0=B5 =D0=B8=D0=BD=D1=82=D0=B5=D1=80=D1=84=D0=B5=D0=
=B9=D1=81=D1=8B</h3><div class=3D"courses-popup__icons"><svg class=3D"icon =
icon-tick courses-popup__item-tick" width=3D"24" height=3D"24" viewBox=3D"0=
 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 2.381 4.817-4.763" st=
roke=3D"currentColor" stroke-width=3D"2" stroke-miterlimit=3D"16" stroke-li=
necap=3D"round"></path></svg><svg class=3D"icon-arrow icon-arrow_direction_=
right icon-arrow_theme_default icon courses-popup__item-arrow" width=3D"24"=
 height=3D"24" viewBox=3D"0 0 24 24"><path fill=3D"currentColor" d=3D"M10.0=
711 13.4853l-1.41425-1.4142 1.41425-1.4142 2.8284-2.82847 1.4142 1.41421-2.=
8284 2.82846 2.8284 2.8284-1.4142 1.4142-2.8284-2.8284z"></path></svg></div=
></a><a class=3D"link link_theme_normal courses-popup__item" href=3D"https:=
//practicum.yandex.ru/learn/systems-analyst/courses/3023f0f4-00fa-4fc6-9729=
-024fcbaee13a/"><h3 class=3D"courses-popup__item-title">Agile-=D0=BF=D1=80=
=D0=B0=D0=BA=D1=82=D0=B8=D0=BA=D0=B8</h3><div class=3D"courses-popup__icons=
"><svg class=3D"icon icon-tick courses-popup__item-tick" width=3D"24" heigh=
t=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 =
2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-miterl=
imit=3D"16" stroke-linecap=3D"round"></path></svg><svg class=3D"icon-arrow =
icon-arrow_direction_right icon-arrow_theme_default icon courses-popup__ite=
m-arrow" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24"><path fill=3D"cur=
rentColor" d=3D"M10.0711 13.4853l-1.41425-1.4142 1.41425-1.4142 2.8284-2.82=
847 1.4142 1.41421-2.8284 2.82846 2.8284 2.8284-1.4142 1.4142-2.8284-2.8284=
z"></path></svg></div></a><a class=3D"link link_theme_normal courses-popup_=
_item" href=3D"https://practicum.yandex.ru/learn/systems-analyst/courses/f6=
8229bb-0b51-401c-9fa0-c063cb79e454/"><h3 class=3D"courses-popup__item-title=
">=D0=9F=D1=80=D0=BE=D0=B5=D0=BA=D1=82 3. =D0=91=D1=8D=D0=BA=D0=BB=D0=BE=D0=
=B3 =D0=BF=D1=80=D0=B8=D0=BB=D0=BE=D0=B6=D0=B5=D0=BD=D0=B8=D1=8F =D0=B4=D0=
=BB=D1=8F =D1=81=D0=B5=D1=82=D0=B8 =D0=BA=D0=BB=D0=B8=D0=BD=D0=B8=D0=BA =C2=
=AB=D0=92=D0=B8=D1=82=D0=B0=C2=BB</h3><div class=3D"courses-popup__icons"><=
svg class=3D"icon icon-tick courses-popup__item-tick" width=3D"24" height=
=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 2=
.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-miterli=
mit=3D"16" stroke-linecap=3D"round"></path></svg><svg class=3D"icon-arrow i=
con-arrow_direction_right icon-arrow_theme_default icon courses-popup__item=
-arrow" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24"><path fill=3D"curr=
entColor" d=3D"M10.0711 13.4853l-1.41425-1.4142 1.41425-1.4142 2.8284-2.828=
47 1.4142 1.41421-2.8284 2.82846 2.8284 2.8284-1.4142 1.4142-2.8284-2.8284z=
"></path></svg></div></a><a class=3D"link link_theme_normal courses-popup__=
item" href=3D"https://practicum.yandex.ru/learn/systems-analyst/courses/a45=
51cfb-c30e-47ad-8351-12c7d48d9cef/"><h3 class=3D"courses-popup__item-title"=
>=D0=A2=D1=80=D1=83=D0=B4=D0=BE=D1=83=D1=81=D1=82=D1=80=D0=BE=D0=B9=D1=81=
=D1=82=D0=B2=D0=BE</h3><div class=3D"courses-popup__icons"><svg class=3D"ic=
on icon-tick courses-popup__item-tick" width=3D"24" height=3D"24" viewBox=
=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 2.381 4.817-4.76=
3" stroke=3D"currentColor" stroke-width=3D"2" stroke-miterlimit=3D"16" stro=
ke-linecap=3D"round"></path></svg><svg class=3D"icon-arrow icon-arrow_direc=
tion_right icon-arrow_theme_default icon courses-popup__item-arrow" width=
=3D"24" height=3D"24" viewBox=3D"0 0 24 24"><path fill=3D"currentColor" d=
=3D"M10.0711 13.4853l-1.41425-1.4142 1.41425-1.4142 2.8284-2.82847 1.4142 1=
.41421-2.8284 2.82846 2.8284 2.8284-1.4142 1.4142-2.8284-2.8284z"></path></=
svg></div></a><a class=3D"link link_theme_normal courses-popup__item" href=
=3D"https://practicum.yandex.ru/learn/systems-analyst/courses/b90f2d02-764e=
-4626-96f4-00f207754b84/"><h3 class=3D"courses-popup__item-title">=D0=90=D1=
=80=D1=85=D0=B8=D1=82=D0=B5=D0=BA=D1=82=D1=83=D1=80=D0=B0 =D1=81=D0=B8=D1=
=81=D1=82=D0=B5=D0=BC=D1=8B</h3><div class=3D"courses-popup__icons"><svg cl=
ass=3D"icon icon-tick courses-popup__item-tick" width=3D"24" height=3D"24" =
viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 2.381 4.8=
17-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-miterlimit=3D"1=
6" stroke-linecap=3D"round"></path></svg><svg class=3D"icon-arrow icon-arro=
w_direction_right icon-arrow_theme_default icon courses-popup__item-arrow" =
width=3D"24" height=3D"24" viewBox=3D"0 0 24 24"><path fill=3D"currentColor=
" d=3D"M10.0711 13.4853l-1.41425-1.4142 1.41425-1.4142 2.8284-2.82847 1.414=
2 1.41421-2.8284 2.82846 2.8284 2.8284-1.4142 1.4142-2.8284-2.8284z"></path=
></svg></div></a><a class=3D"link link_theme_normal courses-popup__item" hr=
ef=3D"https://practicum.yandex.ru/learn/systems-analyst/courses/775b4d1e-b5=
3d-439e-b338-0815479d5435/"><h3 class=3D"courses-popup__item-title">=D0=9F=
=D1=80=D0=BE=D0=B3=D1=80=D0=B0=D0=BC=D0=BC=D0=BD=D1=8B=D0=B5 =D0=B8=D0=BD=
=D1=82=D0=B5=D1=80=D1=84=D0=B5=D0=B9=D1=81=D1=8B</h3><div class=3D"courses-=
popup__icons"><svg class=3D"icon icon-tick courses-popup__item-tick" width=
=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554=
 12.26l2.642 2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" =
stroke-miterlimit=3D"16" stroke-linecap=3D"round"></path></svg><svg class=
=3D"icon-arrow icon-arrow_direction_right icon-arrow_theme_default icon cou=
rses-popup__item-arrow" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24"><p=
ath fill=3D"currentColor" d=3D"M10.0711 13.4853l-1.41425-1.4142 1.41425-1.4=
142 2.8284-2.82847 1.4142 1.41421-2.8284 2.82846 2.8284 2.8284-1.4142 1.414=
2-2.8284-2.8284z"></path></svg></div></a><a class=3D"link link_theme_normal=
 courses-popup__item" href=3D"https://practicum.yandex.ru/learn/systems-ana=
lyst/courses/2adbfabf-64a7-4653-8ab7-4486d7cfe9ab/"><h3 class=3D"courses-po=
pup__item-title">=D0=9F=D1=80=D0=BE=D0=B5=D0=BA=D1=82 4</h3><div class=3D"c=
ourses-popup__icons"><svg class=3D"icon icon-tick courses-popup__item-tick"=
 width=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"=
M8.554 12.26l2.642 2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=
=3D"2" stroke-miterlimit=3D"16" stroke-linecap=3D"round"></path></svg><svg =
class=3D"icon-arrow icon-arrow_direction_right icon-arrow_theme_default ico=
n courses-popup__item-arrow" width=3D"24" height=3D"24" viewBox=3D"0 0 24 2=
4"><path fill=3D"currentColor" d=3D"M10.0711 13.4853l-1.41425-1.4142 1.4142=
5-1.4142 2.8284-2.82847 1.4142 1.41421-2.8284 2.82846 2.8284 2.8284-1.4142 =
1.4142-2.8284-2.8284z"></path></svg></div></a><a class=3D"link link_theme_n=
ormal courses-popup__item" href=3D"https://practicum.yandex.ru/learn/system=
s-analyst/courses/a90fc8cf-7d50-41c2-ac74-d9ef2c91b8d5/"><h3 class=3D"cours=
es-popup__item-title">=D0=A0=D0=B5=D0=B0=D0=BB=D0=B8=D0=B7=D0=B0=D1=86=D0=
=B8=D1=8F =D1=81=D0=B8=D1=81=D1=82=D0=B5=D0=BC=D1=8B</h3><div class=3D"cour=
ses-popup__icons"><svg class=3D"icon icon-tick courses-popup__item-tick" wi=
dth=3D"24" height=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.=
554 12.26l2.642 2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"=
2" stroke-miterlimit=3D"16" stroke-linecap=3D"round"></path></svg><svg clas=
s=3D"icon-arrow icon-arrow_direction_right icon-arrow_theme_default icon co=
urses-popup__item-arrow" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24"><=
path fill=3D"currentColor" d=3D"M10.0711 13.4853l-1.41425-1.4142 1.41425-1.=
4142 2.8284-2.82847 1.4142 1.41421-2.8284 2.82846 2.8284 2.8284-1.4142 1.41=
42-2.8284-2.8284z"></path></svg></div></a><a class=3D"link link_theme_norma=
l courses-popup__item" href=3D"https://practicum.yandex.ru/learn/systems-an=
alyst/courses/56b99931-1ed2-4292-a3d1-162ad3178ee0/"><h3 class=3D"courses-p=
opup__item-title">=D0=9F=D0=BE=D0=B4=D0=B4=D0=B5=D1=80=D0=B6=D0=BA=D0=B0, =
=D0=BE=D0=B1=D1=81=D0=BB=D1=83=D0=B6=D0=B8=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5 =
=D0=B8 =D0=BE=D1=86=D0=B5=D0=BD=D0=BA=D0=B0 =D1=80=D0=B5=D0=B7=D1=83=D0=BB=
=D1=8C=D1=82=D0=B0=D1=82=D0=BE=D0=B2</h3><div class=3D"courses-popup__icons=
"><svg class=3D"icon icon-tick courses-popup__item-tick" width=3D"24" heigh=
t=3D"24" viewBox=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 =
2.381 4.817-4.763" stroke=3D"currentColor" stroke-width=3D"2" stroke-miterl=
imit=3D"16" stroke-linecap=3D"round"></path></svg><svg class=3D"icon-arrow =
icon-arrow_direction_right icon-arrow_theme_default icon courses-popup__ite=
m-arrow" width=3D"24" height=3D"24" viewBox=3D"0 0 24 24"><path fill=3D"cur=
rentColor" d=3D"M10.0711 13.4853l-1.41425-1.4142 1.41425-1.4142 2.8284-2.82=
847 1.4142 1.41421-2.8284 2.82846 2.8284 2.8284-1.4142 1.4142-2.8284-2.8284=
z"></path></svg></div></a><a class=3D"link link_theme_normal courses-popup_=
_item" href=3D"https://practicum.yandex.ru/learn/systems-analyst/courses/3e=
ec0053-8319-43a9-b9b9-82346f1753e9/"><h3 class=3D"courses-popup__item-title=
">=D0=94=D0=B8=D0=BF=D0=BB=D0=BE=D0=BC=D0=BD=D1=8B=D0=B9 =D0=BF=D1=80=D0=BE=
=D0=B5=D0=BA=D1=82</h3><div class=3D"courses-popup__icons"><svg class=3D"ic=
on icon-tick courses-popup__item-tick" width=3D"24" height=3D"24" viewBox=
=3D"0 0 24 24" fill=3D"none"><path d=3D"M8.554 12.26l2.642 2.381 4.817-4.76=
3" stroke=3D"currentColor" stroke-width=3D"2" stroke-miterlimit=3D"16" stro=
ke-linecap=3D"round"></path></svg><svg class=3D"icon-arrow icon-arrow_direc=
tion_right icon-arrow_theme_default icon courses-popup__item-arrow" width=
=3D"24" height=3D"24" viewBox=3D"0 0 24 24"><path fill=3D"currentColor" d=
=3D"M10.0711 13.4853l-1.41425-1.4142 1.41425-1.4142 2.8284-2.82847 1.4142 1=
.41421-2.8284 2.82846 2.8284 2.8284-1.4142 1.4142-2.8284-2.8284z"></path></=
svg></div></a><a aria-current=3D"page" class=3D"link link_theme_normal cour=
ses-popup__item courses-popup__item_active link_active" href=3D"https://pra=
cticum.yandex.ru/learn/systems-analyst/courses/ddde8eb8-4d42-4b79-822a-45ac=
afe71efc/"><h3 class=3D"courses-popup__item-title">=D0=94=D0=BE=D0=BF=D0=BE=
=D0=BB=D0=BD=D0=B8=D1=82=D0=B5=D0=BB=D1=8C=D0=BD=D1=8B=D0=B5 =D0=BC=D0=B0=
=D1=82=D0=B5=D1=80=D0=B8=D0=B0=D0=BB=D1=8B</h3><div class=3D"courses-popup_=
_icons"><svg class=3D"icon-arrow icon-arrow_direction_right icon-arrow_them=
e_default icon courses-popup__item-arrow" width=3D"24" height=3D"24" viewBo=
x=3D"0 0 24 24"><path fill=3D"currentColor" d=3D"M10.0711 13.4853l-1.41425-=
1.4142 1.41425-1.4142 2.8284-2.82847 1.4142 1.41421-2.8284 2.82846 2.8284 2=
.8284-1.4142 1.4142-2.8284-2.8284z"></path></svg></div></a><div></div></div=
></div></div><section class=3D"scrollbar-default scrollbar scrollbar_vertic=
al scrollbar_hoverable scrollable__scrollbar scrollable__scrollbar_type_ver=
tical" style=3D"--scrollbar-offset-size:542px;--scrollbar-control-size:271.=
983666061706px;--scrollbar-control-container-size:100%;--scrollbar-scale:1;=
--scrollbar-control-offset:0"><div class=3D"scrollbar__control-container"><=
div class=3D"scrollbar__control"><div class=3D"scrollbar__control-line"></d=
iv></div></div></section><section class=3D"scrollbar-default scrollbar scro=
llbar_horizontal scrollbar_hidden scrollbar_hoverable scrollable__scrollbar=
 scrollable__scrollbar_type_horizontal" style=3D"--scrollbar-offset-size:66=
4px;--scrollbar-control-size:664px;--scrollbar-control-container-size:100%;=
--scrollbar-scale:1;--scrollbar-control-offset:0" size=3D"1"><div class=3D"=
scrollbar__control-container"><div class=3D"scrollbar__control"><div class=
=3D"scrollbar__control-line"></div></div></div></section></div></div></sect=
ion></div></aside><div style=3D"--modal-animation-duration:200ms" class=3D"=
skills-modal skills-modal_align_center skills-modal_theme_transparent expan=
ded-image expanded-image_align_center expanded-image_theme_transparent"><se=
ction class=3D"skills-modal__content-wrapper"><div class=3D"skills-modal__c=
ontent"><div class=3D"expanded-image__content"><img class=3D"pinch-zoom-ima=
ge expanded-image__image sf-hidden" draggable=3D"false" style=3D"transform:=
none" src=3D"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEA=
AAICTAEAOw=3D=3D"></div></div></section><div class=3D"skills-modal__control=
s sf-hidden"></div></div><div style=3D"--modal-animation-duration:200ms" cl=
ass=3D"skills-modal skills-modal_align_center skills-modal_theme_default _a=
lign_center _theme_default"><section class=3D"skills-modal__content-wrapper=
"><div class=3D"skills-modal__content sf-hidden"></div></section><div class=
=3D"skills-modal__controls sf-hidden"></div></div><div style=3D"--modal-ani=
mation-duration:200ms" class=3D"skills-modal skills-modal_align_center skil=
ls-modal_theme_transparent expanded-image expanded-image_align_center expan=
ded-image_theme_transparent"><section class=3D"skills-modal__content-wrappe=
r"><div class=3D"skills-modal__content"><div class=3D"expanded-image__conte=
nt"><img class=3D"pinch-zoom-image expanded-image__image sf-hidden" draggab=
le=3D"false" style=3D"transform:none" src=3D"data:image/gif;base64,R0lGODlh=
AQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=3D=3D"></div></div></section><di=
v class=3D"skills-modal__controls sf-hidden"></div></div></div>
=20
=20
=20
 <div data-overlay-container=3D"true"></div><textarea tabindex=3D"-1" aria-=
hidden=3D"true" style=3D"min-height:0px!important;max-height:none!important=
;height:0px!important;visibility:hidden!important;overflow:hidden!important=
;position:absolute!important;z-index:-1000!important;top:0px!important;righ=
t:0px!important;border-width:0px;box-sizing:border-box;font-family:&quot;YS=
 Text&quot;,&quot;Arial&quot;,&quot;Helvetica&quot;,sans-serif;font-size:16=
px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:norm=
al;padding:0px;tab-size:8;text-indent:0px;text-rendering:optimizelegibility=
;text-transform:none;width:206.6px;word-break:normal">x</textarea><div data=
-overlay-container=3D"true"></div><div id=3D"prisma-tooltip-root" style=3D"=
position:absolute;inset:0px;overflow:hidden;background:transparent;pointer-=
events:none"></div></body></html>
------MultipartBoundary--RFmO0IFAHJaZCocvTyiEuVsycfZ4W5SDtsIijijq7j----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:[email-masked]

@charset "utf-8";

:root { --sf-img-12: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFA=
AAABQAQMAAAC032DuAAAABlBMVEUaGyL///8an38GAAAAHElEQVQoz2MYBeQB+z84mHgBOwPDgy=
HKHAXUAABRphMJv8klSgAAAABJRU5ErkJggg=3D=3D"); }

@font-face { font-family: Suisse; font-weight: normal; src: url("data:font/=
woff2;base64,d09GMgABAAAAAMkoAA8AAAADAegAAMjEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAA=
GtCmFlW99Pavag07qZWqBmR1K2NidC+ZPjGhjIvIsQA8JwAAAA=3D=3D"); }

@font-face { font-family: "YS Text"; font-weight: 300; font-style: normal; =
font-stretch: normal; src: url("data:font/woff2;base64,d09GMgABAAAAAJTQABAA=
=3D") format("woff2"); }

@font-face { font-family: "YS Text"; font-weight: normal; font-style: norma=
l; font-stretch: normal; src: url("data:font/woff2;base64,d09GMgABAAAAAJKwA=
wq22F3P6EQmOXZiJKvqWlc3Q0AAA=3D=3D") format("woff2"); }

@font-face { font-family: "YS Text"; font-weight: bold; font-style: normal;=
 font-stretch: normal; src: url("data:font/woff2;base64,d09GMgABAAAAAJcIABA=
zw8DAAAA") format("woff2"); }

@font-face { font-family: "YS Text"; font-weight: 500; font-style: normal; =
font-stretch: normal; src: url("data:font/woff2;base64,d09GMgABAAAAAJeUABAA=
gViHm6kEtO1GnRgxYeVcDt5E5KB26cQzn8l1h3qwEAAA=3D") format("woff2"); }

@font-face { font-family: "YS Display"; font-weight: 500; font-style: norma=
l; font-stretch: normal; src: url("data:font/woff2;base64,d09GMgABAAAAAKssA=
uRVM3UcWrugpXpct8D5ckF+0Jz+N13VTl5axTzWpP5NfDoDvfdddDIb8GAAA=3D") format("w=
off2"); }
------MultipartBoundary--RFmO0IFAHJaZCocvTyiEuVsycfZ4W5SDtsIijijq7j----
Content-Type: text/css
Content-Transfer-Encoding: quoted-printable
Content-Location: cid:[email-masked]

@charset "utf-8";

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.react-slidedown { width: 100%; }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.header { background-color: rgba(255, 255, 255, 0); }

.header__container { position: relative; z-index: 10000; transition: transf=
orm 0.5s ease 0s, background-color 0.3s ease 0s; transform: none; }

.header__content { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) {
  .header { width: 100%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes animateProgressSection {=20
  0% { width: 0px; }
  100% { width: 100%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@media screen and (max-width: 767px) {
  .theory-viewer { --block-width: 100%; --wide-block-width: calc(100% + 32p=
x); }
}

@media screen and (max-width: 480px) {
  .theory-viewer { --base-ratio: 0.75; --font-300: 600 24px/1.25em YS Text,=
Arial,Helvetica,sans-serif; --wide-block-width: calc(100vw - 2 * 8px); --wi=
de-block-horizontal-margin: calc((100% - 100vw) / 2 + 8px); }
}

@media screen and (max-width: 320px) {
  .theory-viewer { --font-500: 600 calc(var(--base-unit) * 2.5) / 1.08em YS=
 Text,Arial,Helvetica,sans-serif; }
}

@keyframes Toastify__trackProgress {=20
  0% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}

@keyframes Toastify__bounceInRight {=20
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, =
0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 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 Toastify__bounceOutRight {=20
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}

@keyframes Toastify__bounceInLeft {=20
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, =
0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 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 Toastify__bounceOutLeft {=20
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}

@keyframes Toastify__bounceInUp {=20
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, =
0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 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 Toastify__bounceOutUp {=20
  20% { transform: translate3d(0px, -10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}

@keyframes Toastify__bounceInDown {=20
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, =
0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 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 Toastify__bounceOutDown {=20
  20% { transform: translate3d(0px, 10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}

@keyframes Toastify__zoomIn {=20
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

@keyframes Toastify__zoomOut {=20
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}

@keyframes Toastify__flipIn {=20
  0% { transform: perspective(400px) rotateX(90deg); animation-timing-funct=
ion: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateX(-20deg); animation-timing-fun=
ction: ease-in; }
  60% { transform: perspective(400px) rotateX(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-5deg); }
  100% { transform: perspective(400px); }
}

@keyframes Toastify__flipOut {=20
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotateX(-20deg); opacity: 1; }
  100% { transform: perspective(400px) rotateX(90deg); opacity: 0; }
}

@keyframes Toastify__slideInRight {=20
  0% { transform: translate3d(110%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@keyframes Toastify__slideInLeft {=20
  0% { transform: translate3d(-110%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@keyframes Toastify__slideInUp {=20
  0% { transform: translate3d(0px, 110%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@keyframes Toastify__slideInDown {=20
  0% { transform: translate3d(0px, -110%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@keyframes Toastify__slideOutRight {=20
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(110%, 0px, 0px); }
}

@keyframes Toastify__slideOutLeft {=20
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(-110%, 0px, 0px); }
}

@keyframes Toastify__slideOutDown {=20
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, 500px, 0px); }
}

@keyframes Toastify__slideOutUp {=20
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, -500px, 0px); }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes swing-exclamation {=20
  0% { transform: rotate(24deg); }
  43% { transform: rotate(-24deg); }
  86% { transform: rotate(12deg); }
  100% { transform: rotate(0deg); }
}

@keyframes swing-check {=20
  0% { width: 0px; transform: rotate(-45deg); }
  75% { width: 11px; transform: rotate(12deg); }
  100% { transform: rotate(0deg); }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.user { font-family: "YS Text", Arial, Helvetica, sans-serif; }

.user__popup { background: rgb(26, 27, 34); font-size: 16px; }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.user__item { user-select: none; font-weight: bold; line-height: 1.125em; }

.user__item_extended { --item-height: 3.25em; }

@media (any-hover: hover) {
  .user__item_hoverable:hover { background-color: rgba(255, 255, 255, 0.1);=
 }
}

@media (any-hover: none) {
  body:not(._without-pointer-events) .user__item_hoverable:active { backgro=
und-color: rgba(255, 255, 255, 0.1); }
}

.user__items-group { --margin: 16px; }

.user__items-group:first-child { --margin: 0; }

.user__other-account-avatar { width: var(--user-pic-size-m-size); }

@keyframes prisma-button__dots_flickering {=20
  0% { opacity: 0.3; }
  20% { opacity: 0.5; }
  40% { opacity: 1; }
  100% { opacity: 0.3; }
}

@media (any-hover: hover) {
  .prisma-element-hint__wrapper:hover { user-select: none; }
}

@media (any-hover: none) {
  .prisma-element-hint__wrapper:active { user-select: none; }
}

@keyframes blink {=20
  0% { opacity: 1; }
  100% { opacity: 0.5; }
}

@keyframes spin {=20
  100% { transform: rotate(360deg); }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes load {=20
  0% { left: var(--init, 0%); width: 100%; opacity: 1; }
  100% { left: 100%; width: 10%; opacity: 0; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.theory-viewer { -webkit-font-smoothing: antialiased; }

@media screen and (max-width: 480px) {
  .theory-viewer { --font-400: 16px/1.375em ys text; --font-500: 16px/1.5em=
 ys text; --font-600: 18px/1.5em ys text; --font-700: 32px/1.125em ys text;=
 }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.button { position: relative; padding: 0px; user-select: none; border-radiu=
s: 6px; font-family: "YS Text", Arial, Helvetica, sans-serif; font-size: 14=
px; font-weight: 500; }

@media screen and (max-width: 480px) {
  .button { display: flex; justify-content: center; align-items: center; he=
ight: auto; min-height: var(--height); line-height: normal; }
}

.button__text { position: relative; display: inline-block; resize: none; wh=
ite-space: nowrap; pointer-events: none; }

.button__text .icon { overflow: hidden; vertical-align: middle; position: r=
elative; top: -1px; }

@media screen and (max-width: 480px) {
  .button__text { white-space: normal; word-break: break-word; line-height:=
 24px; }
}

.button_size_m { --height: 36px; }

@media screen and (max-width: 480px) {
  .button_size_m { padding: 6px 0px; }
}

.button_view_clear { color: rgb(26, 27, 34); border: none; }

.button_view_clear:hover { background-color: rgba(26, 27, 34, 0.1); }

.button_type_icon { line-height: 32px; }

.button_type_icon:active { transform: scale(0.95); }

.button_type_icon .button__text { margin: 0px; line-height: 24px; }

.button_type_icon .icon { width: 24px; height: 24px; }

.button:active { transform: scale(0.95); }

.button_with-scaling-background, .button_with-scaling-background:hover { ba=
ckground-color: transparent; }

.button_with-scaling-background::before, .button_with-scaling-background:ho=
ver::before { transform: scale(1); background-color: rgba(26, 27, 34, 0.1);=
 }

.button_with-scaling-background::before { position: absolute; top: 0px; lef=
t: 0px; width: 100%; height: 100%; content: ""; transition: transform 0.1s =
ease-in-out 0s, background-color 0.1s ease-in-out 0s; transform: scale(0.66=
); border-radius: 6px; background-color: rgba(26, 27, 34, 0); }

@keyframes processAnimation {=20
  0% { opacity: 0.3; }
  25% { opacity: 0.5; }
  50% { opacity: 0.8; }
  75% { opacity: 0.5; }
  100% { opacity: 0.3; }
}

.icon::after { content: "=C2=A0"; }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.skills-modal { position: fixed; inset: 0px; display: flex; visibility: hid=
den; justify-content: center; align-items: center; overflow: hidden; transi=
tion: var(--modal-animation-duration, 0); background-color: transparent; }

.skills-modal__content-wrapper { position: absolute; top: 50%; left: 50%; t=
ransform: translate(-50%, -50%); justify-content: center; align-items: cent=
er; }

@media screen and (max-width: 767px) {
  .skills-modal:not(.skills-modal_with-origin) .skills-modal__content-wrapp=
er { top: 0px; left: 0px; width: 100vw; height: 100%; transform: none; }
}

.skills-modal__content { position: relative; margin: 10px; color: var(--col=
or-content-primary); background-color: var(--color-background-default); }

@media screen and (max-width: 767px) {
  .skills-modal__content { box-sizing: border-box; width: 100%; height: 100=
%; margin: 0px; box-shadow: none; }
}

.skills-modal_theme_transparent .skills-modal__content { background: transp=
arent; box-shadow: none; }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.base-markdown.base-markdown .paragraph::after { content: none; }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.scrollbar-default.scrollbar { display: flex; align-items: center; overflow=
: hidden; cursor: pointer; user-select: none; transition: opacity 0.3s ease=
 0s, background 0.3s ease 0s; }

.scrollbar-default.scrollbar_hidden { pointer-events: none; opacity: 0; }

.scrollbar-default.scrollbar_hoverable:not(.scrollbar_dragging) { opacity: =
0; }

.scrollbar-default.scrollbar_vertical { height: var(--scrollbar-length, 100=
%); }

.scrollbar-default.scrollbar_vertical .scrollbar__control-container { width=
: 8px; height: var(--scrollbar-control-container-size, inherit); }

.scrollbar-default.scrollbar_vertical .scrollbar__control { height: var(--s=
crollbar-control-size, 30px); padding: 2px; transform: translate3d(0,calc(v=
ar(--scrollbar-control-offset) * var(--scrollbar-offset-size)),0); }

.scrollbar-default.scrollbar_vertical .scrollbar__control-line { width: cal=
c(4px); height: 100%; }

.scrollbar-default.scrollbar_horizontal { flex-direction: column; width: va=
r(--scrollbar-length, 100%); }

.scrollbar-default.scrollbar_horizontal .scrollbar__control-container { wid=
th: var(--scrollbar-control-container-size, inherit); height: 8px; }

.scrollbar-default.scrollbar_horizontal .scrollbar__control { width: var(--=
scrollbar-control-size, 30px); padding: 2px; transform: translate3d(calc(va=
r(--scrollbar-control-offset) * var(--scrollbar-offset-size)),0,0); }

.scrollbar-default.scrollbar_horizontal .scrollbar__control-line { width: 1=
00%; height: calc(4px); }

.scrollbar-default.scrollbar:hover .scrollbar__control-line, .scrollbar-def=
ault.scrollbar_dragging .scrollbar__control-line { background: var(--active=
-control-bg, rgba(0,0,0,0.25)); }

.scrollbar-default.scrollbar_content-hovered.scrollbar_hoverable:not(.scrol=
lbar_hidden), .scrollbar-default.scrollbar:hover.scrollbar_hoverable:not(.s=
crollbar_hidden) { pointer-events: auto; opacity: 1; }

.scrollbar-default.scrollbar_content-hovered.scrollbar_hidden .scrollbar__c=
ontrol, .scrollbar-default.scrollbar:hover.scrollbar_hidden .scrollbar__con=
trol { opacity: 1; }

.scrollbar-default .scrollbar__control-container { position: relative; bord=
er-radius: 2px; background: none; }

.scrollbar-default .scrollbar__control { position: absolute; top: 0px; box-=
sizing: border-box; transition: height 0.1s ease 0s, opacity 0.3s ease 0s; =
}

.scrollbar-default .scrollbar__control-line { transition: background 0.3s e=
ase 0s; border-radius: 2px; background: var(--control-bg, rgba(0,0,0,0.12))=
; }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.scrollable-default.scrollable { position: relative; display: flex; flex-di=
rection: column; min-height: 0px; }

.scrollable-default.scrollable_theme_dark { --scrollbar-bg: none; --active-=
control-bg: rgba(255,255,255,0.7); }

.scrollable-default.scrollable_theme_light { --scrollbar-bg: none; --contro=
l-bg: var(--color-background-glassy-b); --active-control-bg: var(--color-ba=
ckground-glassy-c); }

.scrollable-default .scrollable__scrollbar.scrollable__scrollbar { position=
: absolute; }

.scrollable-default .scrollable__scrollbar.scrollable__scrollbar_type_horiz=
ontal { bottom: 0px; left: 0px; }

.scrollable-default .scrollable__scrollbar.scrollable__scrollbar_type_verti=
cal { top: 0px; right: 0px; }

.scrollable-default .scrollable__content-wrapper { display: flex; overflow:=
 hidden; flex-direction: column; box-sizing: border-box; width: 100%; min-w=
idth: 100%; max-width: inherit; height: 100%; min-height: 100%; max-height:=
 inherit; }

.scrollable-default .scrollable__content-container { position: relative; di=
splay: flex; flex-direction: column; flex-grow: 1; box-sizing: content-box =
!important; }

.scrollable-default .scrollable__content { flex-grow: 1; flex-shrink: 0; wi=
dth: 100%; height: max-content; }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes button2_progress {=20
  0% { opacity: 0.3; }
  25% { opacity: 0.5; }
  50% { opacity: 0.8; }
  75% { opacity: 0.5; }
  100% { opacity: 0.3; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.bubble { position: relative; display: flex; align-items: center; border-ra=
dius: 16px; background: var(--bg-color); text-rendering: geometricprecision=
; -webkit-font-smoothing: antialiased; }

.bubble_side_left { --bg-color: var(--color-background-alternate); --tail-c=
olor: var(--color-background-alternate); color: var(--color-content-primary=
); }

.bubble_side_left .bubble__tail_type_default { right: calc(100% - 10px); tr=
ansform: scaleX(-1); }

.bubble_side_right { --tail-color: #436eff; color: var(--color-palette-whit=
e-1000); }

.bubble_side_right .bubble__tail_type_default { left: calc(100% - 10px); }

.bubble_type_text { word-break: break-word; }

.bubble_type_image { --bg-color: transparent; border: 1px solid var(--color=
-background-stroke); }

.bubble_type_image img { width: 100%; margin: 0px; border-radius: inherit; =
}

.bubble_type_image .bubble__tail { display: none; }

.bubble_type_notification { --bg-color: transparent; }

.bubble_type_notification .bubble__tail { display: none; }

.bubble_type_action-button { --bg-color: var(--color-palette-white-1000); t=
ransition: background-color 0.2s ease 0s, box-shadow 0.2s ease 0s; color: r=
gb(0, 92, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 14px, rgba(0, 0, 0,=
 0.03) 0px 0px 5px; }

.bubble__tail { position: absolute; z-index: 0; bottom: 0px; color: var(--t=
ail-color); }

@keyframes spin-rotate {=20
  100% { transform: rotate(360deg); }
}

@keyframes spin-arc {=20
  0% { stroke-dasharray: 0, 150; stroke-dashoffset: 0; }
  44% { stroke-dasharray: 130, 150; stroke-dashoffset: 0; }
  100% { stroke-dasharray: 130, 150; stroke-dashoffset: -140; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.chat__message { position: relative; display: flex; align-items: flex-end; =
max-width: var(--message-max-width); }

.chat__message:not(:first-child) { margin: 4px 0px 0px; }

.chat__message_with-info .chat__message-bubble { display: inline-block; }

.chat__message_side_left .chat__message-author { left: 0px; }

.chat__message_side_right { flex-direction: row-reverse; }

.chat__message_animated { animation: 0.35s ease 0s 1 normal both running ch=
at__item-appearance; }

.chat__message_type_text p:last-child { display: inline-block; }

.chat__message_type_notification { justify-content: center; width: 100%; ma=
x-width: 100%; padding: calc(var(--stacks-margin) * 0.25) var(--paddings); =
text-align: center; color: var(--color-content-secondary); font-family: sui=
sse, "YS Text", sans-serif; font-size: 14px; line-height: 18px; }

.chat__message_type_action-button { cursor: pointer; }

@media (any-hover: hover) {
  .chat__message_type_action-button:hover { --bg-color: #e5efff; }
  .chat__message_type_action-button:hover .chat__message-bubble { box-shado=
w: none; }
}

@media (any-hover: none) {
  body:not(._without-pointer-events) .chat__message_type_action-button:acti=
ve { --bg-color: #e5efff; }
  body:not(._without-pointer-events) .chat__message_type_action-button:acti=
ve .chat__message-bubble { box-shadow: none; }
}

.chat__message_type_action-button:active { --bg-color: #e4e9f9; }

.chat__message-bubble { min-width: 0px; min-height: var(--avatar-size); pad=
ding: calc((var(--avatar-size) - var(--line-height)) / 2) 0.7em; }

.chat__message-bubble_type_image { padding: 0px; }

.chat__message-author { position: absolute; bottom: calc(100% + 2px); white=
-space: nowrap; color: var(--color-content-secondary); font-family: suisse,=
 "YS Text", sans-serif; font-size: 14px; line-height: 20px; }

.chat__message-status-box { position: relative; top: 4px; right: -6px; disp=
lay: flex; float: right; font-size: 10px; justify-content: space-between; }

.chat__message-image { display: block; cursor: pointer; }

.chat__messages-stack { position: relative; display: flex; flex-direction: =
row; margin: var(--stacks-margin) 0; }

.chat__messages-stack:first-child { margin-top: 0px; }

.chat__messages-stack:last-child { margin-bottom: 0px; }

.chat__messages-stack_with-top-space { margin-top: calc(var(--stacks-margin=
) * 2.5); }

.chat__messages-stack_side_left .chat__avatar { margin-right: var(--avatar-=
margin); }

.chat__messages-stack_side_left .chat__message:not(:first-child) .chat__mes=
sage-bubble { border-top-left-radius: 4px; }

.chat__messages-stack_side_left .chat__message:not(:last-child) .chat__mess=
age-bubble { border-bottom-left-radius: 4px; }

.chat__messages-stack_side_right { flex-direction: row-reverse; }

.chat__messages-stack_side_right .chat__messages-stack-content { align-item=
s: flex-end; }

.chat__messages-stack_side_right .chat__message:not(:first-child) .chat__me=
ssage-bubble { border-top-right-radius: 4px; }

.chat__messages-stack_side_right .chat__message:not(:last-child) .chat__mes=
sage-bubble { border-bottom-right-radius: 4px; }

.chat__messages-stack_animated .chat__avatar { animation: 0.35s ease 0s 1 n=
ormal none running chat__item-appearance; }

.chat__messages-stack-content { display: flex; flex: 1 1 0%; flex-direction=
: column; min-width: 0px; max-width: 100%; }

.chat__avatar { position: sticky; top: 4px; bottom: 4px; align-self: flex-e=
nd; width: var(--avatar-size); min-width: var(--avatar-size); height: var(-=
-avatar-size); border-radius: 50%; background-repeat: no-repeat; background=
-position: center center; background-size: cover; box-shadow: rgba(0, 0, 0,=
 0.05) 0px 4px 4px, rgba(0, 0, 0, 0.1) 0px 4px 12px; }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.chat__scroller { position: absolute; right: var(--scroller-right); bottom:=
 var(--scroller-bottom); display: flex; width: var(--scroller-size); height=
: var(--scroller-size); margin-left: auto; cursor: pointer; user-select: no=
ne; transition: opacity 0.2s ease 0s, transform 0.2s ease 0s, color 0.2s ea=
se 0s; transform: scale(0.9); pointer-events: none; opacity: 0; color: var(=
--color-content-secondary); border-radius: 50%; border: 1px solid var(--col=
or-background-stroke); background-color: var(--color-background-default); b=
ox-shadow: rgba(0, 0, 0, 0.06) 0px 1px 5px, rgba(0, 0, 0, 0.06) 0px 1px 17p=
x; justify-content: center; align-items: center; }

.chat__scroller:hover { color: var(--color-content-primary); }

.chat__scroller-icon { transform: rotate(-90deg); }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.chat { --scroller-right: var(--paddings); --scroller-bottom: calc(var(--pa=
ddings) / 2); background: var(--color-background-default); font-size: var(-=
-font-size); line-height: var(--line-height); }

.chat_mini { --paddings: 16px; --avatar-size: 32px; --font-size: 15px; --li=
ne-height: 20px; --stacks-margin: 8px; --avatar-margin: 6px; --scroller-siz=
e: 36px; --message-max-width: calc(100% - var(--avatar-size)); }

.chat_scrollable .chat__scrollable-content { display: flex; flex-direction:=
 column; }

.chat_scrollable .chat__body { display: flex; flex-direction: column; flex-=
grow: 1; flex-shrink: 0; min-height: 100%; padding-top: calc(var(--paddings=
) * 2); }

.chat__body { padding: var(--paddings); }

@keyframes chat__item-appearance {=20
  0% { transform: translateY(calc(var(--paddings) + var(--stacks-margin)));=
 opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.downloadable-image { position: relative; width: fit-content; }

.downloadable-image:hover .downloadable-image__button { opacity: 1; }

.downloadable-image__button { position: absolute; bottom: 0px; left: 0px; w=
idth: 32px; height: 32px; display: flex; justify-content: center; align-ite=
ms: center; box-shadow: var(--shadow-small-default); border-radius: var(--b=
order-radius-10); background-color: var(--color-background-default); opacit=
y: 0; transition: opacity 0.3s ease 0s; cursor: pointer; z-index: 2; }

.downloadable-image__button:hover, .downloadable-image__button:focus { box-=
shadow: var(--shadow-small-hovered); }

.downloadable-image__button:hover + .image_expandable, .downloadable-image_=
_button:focus + .image_expandable { filter: brightness(0.95); }

.downloadable-image__button:active { box-shadow: var(--shadow-small-pressed=
); }

.downloadable-image__icon { color: var(--color-content-primary); }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes blink {=20
  0% { }
  50% { background-color: transparent; }
  100% { }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes quiz__radial-spinner-animation {=20
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes quiz__put-in-order-card-drag-start {=20
  100% { transform: rotateZ(-6deg); }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes to-top {=20
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(4%, -10%); }
}

@keyframes to-bottom {=20
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(-4%, 10%); }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.scrollbar-remover { overflow: scroll; width: calc(100% + var(--scroll-bar-=
width, 16px)); min-width: 100%; max-width: inherit; min-height: 100%; max-h=
eight: inherit; margin-bottom: calc(-1 * var(--scroll-bar-width, 16px)); pa=
dding-right: var(--scroll-bar-width, 16px); }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.element-hint { display: inline-block; }

.element-hint__wrapper { position: relative; display: inline-block; overflo=
w: inherit; width: inherit; height: inherit; }

@media (any-hover: hover) {
  .element-hint__wrapper:hover { user-select: none; }
}

@media (any-hover: none) {
  body:not(._without-pointer-events) .element-hint__wrapper:active { user-s=
elect: none; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.icon::after { content: "=C2=A0"; }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes drawer-handle-bounce {=20
  0% { transform: translateY(0px); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0px); }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.full-markdown.full-markdown { display: block; }

.full-markdown.full-markdown .paragraph::after { content: none; }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.markdown { color: var(--color-content-primary); }

.markdown .image { display: block; margin: var(--size-800, calc(var(--base-=
unit, calc(16px * var(--base-ratio, 1))) * 2.5)) 0 var(--size-100, calc(var=
(--base-unit, calc(16px * var(--base-ratio, 1))) * 0.5)); border-radius: 16=
px; }

.markdown .image_expandable { cursor: zoom-in; transition: filter 0.3s ease=
 0s; background-color: var(--color-palette-white-1000); }

.markdown .image_expandable:hover { filter: brightness(0.95); }

.markdown_type_theory { --base-ratio: 1; --base-unit: calc(16px * var(--bas=
e-ratio)); --size-50: calc(var(--base-unit) * 0.25); --size-100: calc(var(-=
-base-unit) * 0.5); --size-200: calc(var(--base-unit) * 0.75); --size-300: =
var(--base-unit); --size-400: calc(var(--base-unit) * 1.25); --size-500: ca=
lc(var(--base-unit) * 1.5); --size-600: calc(var(--base-unit) * 1.75); --si=
ze-700: calc(var(--base-unit) * 2); --size-800: calc(var(--base-unit) * 2.5=
); --size-900: calc(var(--base-unit) * 3); --font-100: 14px/1.08em YS Text,=
Arial,Helvetica,sans-serif; --font-200: 18px/1.5em YS Text,Arial,Helvetica,=
sans-serif; --font-300: 600 calc(var(--base-unit) * 1.5) / 1.25em YS Text,A=
rial,Helvetica,sans-serif; --font-400: 600 calc(var(--base-unit) * 2) / 1.1=
25em YS Text,Arial,Helvetica,sans-serif; --font-500: 600 calc(var(--base-un=
it) * 2.5) / 1.1em YS Text,Arial,Helvetica,sans-serif; --wide-block-horizon=
tal-margin: calc(-1 * var(--size-700, calc(var(--base-unit, calc(16px * var=
(--base-ratio, 1))) * 2))); box-sizing: border-box; font: var(--font-200, 1=
8px/1.5em YS Text,Arial,Helvetica,sans-serif); }

@media screen and (max-width: 480px) {
  .markdown_type_theory { --base-ratio: 0.75; --font-300: 600 24px/1.25em Y=
S Text,Arial,Helvetica,sans-serif; --wide-block-horizontal-margin: calc((10=
0% - 100vw) / 2 + 8px); }
}

@media screen and (max-width: 320px) {
  .markdown_type_theory { --font-500: 600 calc(var(--base-unit) * 2.45) / 1=
.08em YS Text,Arial,Helvetica,sans-serif; }
}

.markdown_type_theory * { box-sizing: inherit; }

.markdown_type_theory .paragraph { margin: var(--size-400, calc(var(--base-=
unit, calc(16px * var(--base-ratio, 1))) * 1.25)) 0 var(--size-200, calc(va=
r(--base-unit, calc(16px * var(--base-ratio, 1))) * 0.75)); white-space: pr=
e-wrap; }

.markdown_type_theory .paragraph:first-child { margin-top: 0px; }

.markdown_type_theory .paragraph:last-child { margin-bottom: 0px; }

.markdown_type_theory .paragraph + ul { margin-top: var(--size-300, var(--b=
ase-unit, calc(16px * var(--base-ratio, 1)))); }

.markdown_type_theory h1 { margin: var(--size-900, calc(var(--base-unit, ca=
lc(16px * var(--base-ratio, 1))) * 3)) 0 0; font: var(--font-500, 600 calc(=
var(--base-unit, calc(16px * var(--base-ratio, 1))) * 2.75)/1.08em Suisse,A=
rial,Helvetica,sans-serif); }

.markdown_type_theory h1 + .paragraph { margin-top: var(--size-700, calc(va=
r(--base-unit, calc(16px * var(--base-ratio, 1))) * 2)); }

.markdown_type_theory ul { margin: var(--size-400, calc(var(--base-unit, ca=
lc(16px * var(--base-ratio, 1))) * 1.25)) 0 0 var(--size-300, var(--base-un=
it, calc(16px * var(--base-ratio, 1)))); padding: 0 0 0 var(--size-700, cal=
c(var(--base-unit, calc(16px * var(--base-ratio, 1))) * 2)); white-space: p=
re-line; list-style: none; }

.markdown_type_theory ul li { position: relative; }

.markdown_type_theory ul li:not(:last-child), .markdown_type_theory ol li:n=
ot(:last-child) { margin: 0 0 var(--size-100, calc(var(--base-unit, calc(16=
px * var(--base-ratio, 1))) * 0.5)); }

.markdown_type_theory ul li::before, .markdown_type_theory ol li::before { =
position: absolute; left: calc(-1 * var(--size-700, calc(var(--base-unit, c=
alc(16px * var(--base-ratio, 1))) * 2))); width: var(--size-700, calc(var(-=
-base-unit, calc(16px * var(--base-ratio, 1))) * 2)); }

.markdown_type_theory ul li::before { top: -1px; content: "=E2=80=A2"; font=
-size: 24px; }

.markdown_type_theory a { color: var(--color-content-primary); }

.markdown_type_theory img { max-width: 100%; }

.markdown_type_theory .downloadable-image { max-width: calc(100% - 2 * var(=
--wide-block-horizontal-margin)); margin-right: var(--wide-block-horizontal=
-margin); margin-left: var(--wide-block-horizontal-margin); }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.icon-arrow_direction_right { transform: rotate(180deg); }

.icon-arrow_theme_triangle.icon-arrow_direction_down { transform: rotate(0d=
eg); }

.icon-arrow_theme_triangle.icon-arrow_direction_right { transform: rotate(-=
90deg); }

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes emersion {=20
  0% { transform: scale(0.8); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.prisma_theme_light { --shadow-small-default: 0px 1px 4px 1px rgba(36,36,36=
,0.07); --shadow-small-hovered: 0px 1px 16px 2px rgba(36,36,36,0.07); --sha=
dow-small-pressed: 0px 0px 6px rgba(36,36,36,0.07); --shadow-small-hidden: =
0px 1px 4px 1px rgba(36,36,36,0); --shadow-medium-default: 0px 1px 12px 2px=
 rgba(36,36,36,0.07); --shadow-medium-hovered: 0px 2px 32px 6px rgba(36,36,=
36,0.07); --shadow-medium-pressed: 0px 1px 8px rgba(36,36,36,0.07); --shado=
w-medium-hidden: 0px 1px 12px 2px rgba(36,36,36,0); --shadow-huge-default: =
0px 2px 160px 16px rgba(36,36,36,0.07); --shadow-huge-hidden: 0px 2px 160px=
 16px rgba(36,36,36,0); }

.prisma { --border-radius-4: 4px; --border-radius-5: 5px; --border-radius-6=
: 6px; --border-radius-8: 8px; --border-radius-10: 10px; --border-radius-12=
: 12px; --border-radius-14: 14px; --border-radius-16: 16px; --border-radius=
-20: 20px; }

.prisma { --shadow-small-default: 0px 1px 4px 1px rgba(36,36,36,0.07); --sh=
adow-small-hovered: 0px 1px 16px 2px rgba(36,36,36,0.07); --shadow-small-pr=
essed: 0px 0px 6px rgba(36,36,36,0.07); --shadow-small-hidden: 0px 1px 4px =
1px rgba(36,36,36,0); --shadow-medium-default: 0px 1px 12px 2px rgba(36,36,=
36,0.07); --shadow-medium-hovered: 0px 2px 32px 6px rgba(36,36,36,0.07); --=
shadow-medium-pressed: 0px 1px 8px rgba(36,36,36,0.07); --shadow-medium-hid=
den: 0px 1px 12px 2px rgba(36,36,36,0); --shadow-huge-default: 0px 2px 160p=
x 16px rgba(36,36,36,0.07); --shadow-huge-hidden: 0px 2px 160px 16px rgba(3=
6,36,36,0); }

.prisma { font-feature-settings: "pnum", "lnum"; --font-mono-caption-14-reg=
ular: 400 0.875rem/1.5714em Monaco,sans-serif; --font-ys-body-16-medium-par=
agraph: 500 1rem/1.375em YS Text,sans-serif; --font-ys-body-16-medium-ui: 5=
00 1rem/1.25em YS Text,sans-serif; --font-ys-body-16-regular-paragraph: 400=
 1rem/1.375em YS Text,sans-serif; --font-ys-body-16-regular-ui: 400 1rem/1.=
25em YS Text,sans-serif; --font-ys-body-18-medium-paragraph: 500 1.125rem/1=
.4444em YS Text,sans-serif; --font-ys-body-18-medium-ui: 500 1.125rem/1.222=
2em YS Text,sans-serif; --font-ys-body-18-regular-paragraph: 400 1.125rem/1=
.4444em YS Text,sans-serif; --font-ys-body-18-regular-ui: 400 1.125rem/1.22=
22em YS Text,sans-serif; --font-ys-caption-12-medium: 500 0.75rem/1.3333em =
YS Text,sans-serif; --font-ys-caption-12-regular: 400 0.75rem/1.3333em YS T=
ext,sans-serif; --font-ys-caption-14-medium: 500 0.875rem/1.2857em YS Text,=
sans-serif; --font-ys-caption-14-regular: 400 0.875rem/1.2857em YS Text,san=
s-serif; --font-ys-header-20-bold: 700 1.25rem/1.2em YS Text,sans-serif; --=
font-ys-header-20-medium: 500 1.25rem/1.2em YS Text,sans-serif; --font-ys-h=
eader-20-regular: 400 1.25rem/1.2em YS Text,sans-serif; --font-ys-header-24=
-bold: 700 1.5rem/1.1667em YS Text,sans-serif; --font-ys-header-24-medium: =
500 1.5rem/1.1667em YS Text,sans-serif; --font-ys-header-24-regular: 400 1.=
5rem/1.1667em YS Text,sans-serif; --font-ys-header-28-bold: 700 1.75rem/1.1=
429em YS Text,sans-serif; --font-ys-header-28-medium: 500 1.75rem/1.1429em =
YS Text,sans-serif; --font-ys-header-28-regular: 400 1.75rem/1.1429em YS Te=
xt,sans-serif; --font-ys-header-32-bold: 700 2rem/1.125em YS Text,sans-seri=
f; --font-ys-header-32-medium: 500 2rem/1.125em YS Text,sans-serif; --font-=
ys-header-32-regular: 400 2rem/1.125em YS Text,sans-serif; --font-ys-header=
-40-bold: 700 2.5rem/1.1em YS Text,sans-serif; --font-ys-header-40-medium: =
500 2.5rem/1.1em YS Text,sans-serif; --font-ys-header-40-regular: 400 2.5re=
m/1.1em YS Text,sans-serif; --font-ys-header-48-bold: 700 3rem/1.0833em YS =
Text,sans-serif; --font-ys-header-48-medium: 500 3rem/1.0833em YS Text,sans=
-serif; --font-ys-header-48-regular: 400 3rem/1.0833em YS Text,sans-serif; =
--font-ys-lead-56-bold: 700 3.5rem/1em YS Text,sans-serif; --font-ys-lead-5=
6-medium: 500 3.5rem/1em YS Text,sans-serif; --font-ys-lead-56-regular: 400=
 3.5rem/1em YS Text,sans-serif; --font-ys-lead-64-bold: 700 4rem/1em YS Tex=
t,sans-serif; --font-ys-lead-64-medium: 500 4rem/1em YS Text,sans-serif; --=
font-ys-lead-64-regular: 400 4rem/1em YS Text,sans-serif; --font-ys-lead-80=
-bold: 700 5rem/1em YS Text,sans-serif; --font-ys-lead-80-medium: 500 5rem/=
1em YS Text,sans-serif; --font-ys-lead-80-regular: 400 5rem/1em YS Text,san=
s-serif; }

.prisma { --color-palette-black-100-a: rgba(0,0,0,0.06); --color-palette-bl=
ack-1000: #000000; --color-palette-black-100: #f0f0f0; --color-palette-blac=
k-200-a: rgba(0,0,0,0.12); --color-palette-black-200: #e0e0e0; --color-pale=
tte-black-300-a: rgba(0,0,0,0.25); --color-palette-black-300: #bfbfbf; --co=
lor-palette-black-500-a: rgba(0,0,0,0.5); --color-palette-black-500: #80808=
0; --color-palette-black-50: #f5f5f5; --color-palette-black-800-a: rgba(0,0=
,0,0.85); --color-palette-black-800: #262626; --color-palette-black-900: #1=
61616; --color-palette-blue-200-a: rgba(53,125,225,0.12); --color-palette-b=
lue-500-a: rgba(53,125,225,0.5); --color-palette-blue-dark: #3466ad; --colo=
r-palette-blue-grayish-30-l: #404c59; --color-palette-blue-grayish-90-l: #d=
ae5f1; --color-palette-blue-grayish-95-l: #edf2f8; --color-palette-blue-gra=
yish-98-l: #f8fafc; --color-palette-blue-light: #c9defb; --color-palette-bl=
ue-mild: #72a8f3; --color-palette-blue-normal: #357de1; --color-palette-blu=
e-pale: #ecf3fd; --color-palette-green-dark: #2b7d64; --color-palette-green=
-light: #c2eadf; --color-palette-green-mild: #5cc7a6; --color-palette-green=
-normal: #1c9c75; --color-palette-green-pale: #edf7f4; --color-palette-oran=
ge-dark: #bd4f28; --color-palette-orange-light: #fcdace; --color-palette-or=
ange-normal: #e67046; --color-palette-orange-pale: #fdf1ed; --color-palette=
-purple-normal: #d471e4; --color-palette-purple-pale: #fcf6fe; --color-pale=
tte-red-dark: #bd4e4c; --color-palette-red-light: #fad7d6; --color-palette-=
red-mild: #f39796; --color-palette-red-normal: #e36563; --color-palette-red=
-pale: #fdeded; --color-palette-white-100-a: rgba(255,255,255,0.06); --colo=
r-palette-white-1000: #ffffff; --color-palette-white-200-a: rgba(255,255,25=
5,0.12); --color-palette-white-300-a: rgba(255,255,255,0.25); --color-palet=
te-white-500-a: rgba(255,255,255,0.5); --color-palette-white-800-a: rgba(25=
5,255,255,0.75); --color-palette-yellow-500-a: rgba(255,183,44,0.5); --colo=
r-palette-yellow-dark: #faa500; --color-palette-yellow-light: #ffedca; --co=
lor-palette-yellow-normal: #ffb72c; --color-palette-yellow-pale: #fff7eb; }

.prisma { --spacing-2: 2px; --spacing-4: 4px; --spacing-8: 8px; --spacing-1=
2: 12px; --spacing-16: 16px; --spacing-20: 20px; --spacing-24: 24px; --spac=
ing-32: 32px; --spacing-36: 36px; --spacing-40: 40px; --spacing-48: 48px; -=
-spacing-64: 64px; --spacing-80: 80px; --spacing-120: 120px; }

.prisma_theme_light { --color-accent-critical: #e36563; --color-accent-main=
-a: #357de1; --color-accent-main-b: #3466ad; --color-accent-neutral-hover: =
#000000; --color-accent-neutral: #262626; --color-accent-notice: #e67046; -=
-color-accent-success: #1c9c75; --color-accent-warning: #ffb72c; --color-ba=
ckground-alternate: #f5f5f5; --color-background-default: #ffffff; --color-b=
ackground-glassy-a: rgba(0,0,0,0.06); --color-background-glassy-b: rgba(0,0=
,0,0.12); --color-background-glassy-c: rgba(0,0,0,0.25); --color-background=
-highlighted: #edf1f8; --color-background-overlay: rgba(0,0,0,0.5); --color=
-background-stroke: #e0e0e0; --color-background-widget: #ffffff; --color-co=
ntent-inverted-primary: #ffffff; --color-content-inverted-secondary: rgba(2=
55,255,255,0.5); --color-content-primary: rgba(0,0,0,0.85); --color-content=
-secondary: rgba(0,0,0,0.5); --color-content-tertiary: rgba(0,0,0,0.25); }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

:root { --help-z-index: 10000; }

#bundle-proficiency { position: relative; background: rgb(0, 0, 0); }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes prisma-button__dots_flickering {=20
  0% { opacity: 0.3; }
  20% { opacity: 0.5; }
  40% { opacity: 1; }
  100% { opacity: 0.3; }
}

.prisma-button.prisma-button_view_clear { color: var(--color-content-primar=
y); }

.prisma-button.prisma-button_view_clear:hover { background-color: var(--col=
or-background-glassy-a); }

.prisma-button.prisma-button_view_clear:active { background-color: var(--co=
lor-background-glassy-b); }

.prisma-button.prisma-button_view_clear:disabled { color: var(--color-conte=
nt-tertiary); }

.prisma-button_size_s { font-style: ; font-variant-ligatures: ; font-varian=
t-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-a=
lternates: ; font-variant-position: ; font-weight: ; font-stretch: ; font-s=
ize: ; line-height: ; font-family: ; font-optical-sizing: ; font-kerning: ;=
 font-variation-settings: ; font-feature-settings: "pnum", "lnum"; padding:=
 var(--vertical-padding) calc(16px - var(--border-width)); border-radius: v=
ar(--border-radius-10); }

.prisma-button_size_s.prisma-button_with-icon { --vertical-padding: calc(6p=
x - var(--border-width)); }

.prisma-button_size_xs { font-style: ; font-variant-ligatures: ; font-varia=
nt-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-=
alternates: ; font-variant-position: ; font-weight: ; font-stretch: ; font-=
size: ; line-height: ; font-family: ; font-optical-sizing: ; font-kerning: =
; font-variation-settings: ; font-feature-settings: "pnum", "lnum"; padding=
: var(--vertical-padding) calc(12px - var(--border-width)); border-radius: =
var(--border-radius-10); }

.prisma-button_size_xs.prisma-button_with-icon { --vertical-padding: calc(4=
px - var(--border-width)); }

.prisma-button_size_xs.prisma-button_with-icon.prisma-button_icon-placement=
_left { padding-left: calc(10px - var(--border-width)); padding-right: calc=
(14px - var(--border-width)); }

.prisma-button.prisma-button_behavior_common-link { text-decoration: none; =
}

.prisma-button { --border-width: 1px; --transition-duration: 0.15s; margin:=
 0px; background: none; cursor: pointer; border: var(--border-width) solid =
transparent; display: inline-block; position: relative; transition-property=
: background-color, border-color, box-shadow, color, transform; transition-=
duration: var(--transition-duration); transition-timing-function: ease-out;=
 }

.prisma-button:disabled { cursor: default; pointer-events: none; }

.prisma-button:active { transform: scale(0.96); }

.prisma-button__content { display: flex; align-items: center; }

.prisma-button__text { flex-grow: 1; display: flex; flex-direction: column;=
 align-items: center; }

.prisma-button__icon { flex-shrink: 0; display: inline-flex; align-items: c=
enter; }

.prisma-button_icon-placement_left .prisma-button__icon { margin-right: var=
(--spacing-4); }

.prisma-button.prisma-button_icon-placement_replace { padding-left: var(--v=
ertical-padding); padding-right: var(--vertical-padding); }

.Markdown { max-width: 100%; }

.Markdown .paragraph::after { display: table; clear: both; content: ""; }

.Markdown li::after { display: table; clear: both; content: ""; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.link { transition: color 0.2s ease-out 0s; text-decoration: none; }

.link_theme_normal.link_pseudo, .link_theme_normal:link, .link_theme_normal=
:visited { color: rgb(0, 122, 255); }

.link_theme_normal.link_pseudo:hover, .link_theme_normal:hover { transition=
: none 0s ease 0s; color: rgb(255, 59, 48); }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

:root { --z-index-portals: 10000; --z-index-yandex-bug: calc(var(--z-index-=
portals) + 1); --z-index-wizard: calc(var(--z-index-portals) - 1); --z-inde=
x-profile-portals: calc(var(--z-index-portals) + 1); --z-index-profile-floa=
ting-button: calc(var(--z-index-profile-portals) - 1); --z-index-verify-not=
ification: calc(var(--z-index-portals) + 1); --app-height: 100vh; scroll-be=
havior: smooth; }

html { height: 100%; }

html, body { min-height: var(--app-height); margin: 0px; padding: 0px; text=
-size-adjust: 100%; }

body { display: flex; flex-direction: column; height: auto; min-height: 100=
%; font-family: "YS Text", Arial, Helvetica, sans-serif; font-weight: 300; =
-webkit-font-smoothing: antialiased; }

textarea, button { font-family: inherit; font-size: inherit; }

h1, h3 { font-weight: normal; line-height: 1.2em; }

h1 { font-size: 2em; }

#wizard { position: absolute; z-index: var(--z-index-wizard); width: 0px; h=
eight: 0px; }

#portals { position: absolute; z-index: var(--z-index-portals); width: 0px;=
 height: 0px; }

#yndxbug-button { position: fixed; left: 0px; bottom: 12%; z-index: var(--z=
-index-yandex-bug); }

#mount, .app, .page { display: flex; flex: 1 0 auto; flex-direction: column=
; min-height: var(--app-height); background-color: var(--color-background-d=
efault); }

.page__content { width: 100%; }

.icon { display: inline-block; text-align: center; background: 50% center /=
 contain no-repeat; }

.icon::after { content: "=C2=A0"; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeOutHand {=20
  90% { background-color: var(--color-background-default); }
  100% { background-color: transparent; }
}

@keyframes waveAnimation {=20
  9% { transform: rotate(-25deg) scale(0); }
  12% { transform: rotate(-25deg) scale(1); }
  12% { transform: rotate(-25deg); }
  16% { transform: rotate(-50deg); }
  20% { transform: rotate(-13deg); }
  25% { transform: rotate(-50deg); }
  30% { transform: rotate(-13deg); }
  35% { transform: rotate(-50deg); }
  41% { transform: rotate(-13deg); }
  47% { transform: rotate(-50deg); }
  54% { transform: rotate(-13deg); }
  64% { transform: rotate(-50deg); }
  73% { transform: rotate(-25deg); }
  79% { transform: rotate(-25deg) scale(1); }
  90% { transform: rotate(-25deg) scale(0); }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.popup-help__button { transition: all 0.2s ease-in 0s; }

.popup-help__button::after { position: absolute; top: -1px; right: -1px; di=
splay: block; width: 10px; height: 10px; content: ""; transition: transform=
 0.2s ease-in-out 0s; transform: scale(0); border: 1px solid rgb(255, 255, =
255); border-radius: 50%; background-color: var(--color-accent-success); }

@media (any-hover: hover) {
  .popup-help__button.popup-help__button_active, .popup-help__button:hover =
{ background-color: var(--color-accent-neutral-hover); }
}

@media (any-hover: none) {
  .popup-help__button.popup-help__button_active, body:not(._without-pointer=
-events) .popup-help__button:active { background-color: var(--color-accent-=
neutral-hover); }
}

.popup-help__chat-button-wrapper { position: relative; }

@keyframes close {=20
  0% { transform: scale(1); }
  50% { transform: scale(0); }
}

@keyframes open {=20
  0% { transform: scale(0); }
  50% { transform: scale(0); }
  100% { transform: scale(1); }
}

@keyframes buttonColorChange {=20
  0% { background-color: rgb(26, 27, 34); }
  18% { background-color: var(--profession-color, #007aff); }
  82% { background-color: var(--profession-color, #007aff); }
  100% { background-color: rgb(26, 27, 34); }
}

@keyframes questionHide {=20
  0% { transform: scale(1); }
  9% { transform: scale(0); }
  91% { transform: scale(0); }
  100% { transform: scale(1); }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.theory-page__content { box-sizing: border-box; max-height: 100vh; margin: =
0px auto; padding: 0 var(--page-horizontal-paddings) 0; overflow: hidden; }

@media screen and (max-width: 666px) {
  .theory-page__content { height: auto; padding: 0px; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.theory-page { --page-horizontal-paddings: 0; width: 100%; }

@media screen and (max-width: 767px) {
  .theory-page { min-height: 100vh; --page-horizontal-paddings: 16px; }
}

@media screen and (max-width: 666px) {
  .theory-page { --page-horizontal-paddings: 16px; }
}

@media screen and (max-width: 320px) {
  .theory-page { --page-horizontal-paddings: 12px; }
}

.prisma-button2__icon { display: inline-flex; align-items: center; height: =
24px; justify-content: center; }

.prisma-button2 { background: none; border: none; position: relative; trans=
ition-property: background-color, border-color, box-shadow, color, transfor=
m; transition-duration: 0.15s; transition-timing-function: ease-out; displa=
y: flex; align-items: center; justify-content: center; }

.prisma-button2:disabled { cursor: default; pointer-events: none; }

.prisma-button2:active { transform: scale(0.96); }

.prisma-button2__content { display: flex; align-items: center; flex-directi=
on: column; }

.prisma-button2_no-outline { outline: none; }

.prisma-button2_view_primary { background-color: var(--color-accent-neutral=
); color: var(--color-content-inverted-primary); }

.prisma-button2_view_primary:hover { background-color: var(--color-accent-n=
eutral-hover); }

.prisma-button2_view_primary:active { background-color: var(--color-accent-=
neutral-hover); }

.prisma-button2_view_primary:disabled { background-color: var(--color-backg=
round-glassy-a); color: var(--color-content-tertiary); }

.prisma-button2_view_secondary { background-color: var(--color-background-g=
lassy-a); color: var(--color-content-primary); }

.prisma-button2_view_secondary:hover { background-color: var(--color-backgr=
ound-glassy-b); }

.prisma-button2_view_secondary:active { background-color: var(--color-backg=
round-glassy-c); }

.prisma-button2_view_secondary:disabled { background-color: var(--color-bac=
kground-glassy-a); color: var(--color-content-tertiary); }

.prisma-button2_size_l { font-style: ; font-variant-ligatures: ; font-varia=
nt-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-=
alternates: ; font-variant-position: ; font-weight: ; font-stretch: ; font-=
size: ; line-height: ; font-family: ; font-optical-sizing: ; font-kerning: =
; font-variation-settings: ; font-feature-settings: "pnum", "lnum"; padding=
-block: 20px; padding-inline: 24px; border-radius: var(--border-radius-8); =
gap: var(--spacing-8); }

.prisma-button2_size_l.prisma-button2_with-icon-end { padding-block: 18px; =
}

.prisma-button2_size_l.prisma-button2_with-icon-end { padding-inline: 24px =
20px; }

@keyframes dotFlicker {=20
  0% { opacity: 1; }
  40% { opacity: 0.3; }
  100% { opacity: 1; }
}

@keyframes spoilerFlavorGrapeContentFadeIn {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes ai-chat__message {=20
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes ai-chat-preloader {=20
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes ai-chat__dots_flickering {=20
  0% { opacity: 0.3; }
  20% { opacity: 0.5; }
  40% { opacity: 1; }
  100% { opacity: 0.3; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.hiding-sidebar { position: fixed; }

@media screen and (max-width: 666px) {
  .hiding-sidebar { top: 0px; bottom: 0px; }
}

@media (orientation: landscape) and (max-height: 666px) {
  .hiding-sidebar { top: 0px; bottom: 0px; }
}

.hiding-sidebar_position_left { left: 0px; transform: translateX(-100%); }

.hiding-sidebar__overlay { position: fixed; top: 0px; right: 0px; bottom: 0=
px; pointer-events: none; opacity: 0; background-color: var(--color-backgro=
und-overlay); }

.hiding-sidebar__overlay_withSidebar { left: 64px; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.study-item-status { width: 24px; height: 24px; display: flex; box-sizing: =
border-box; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

#bundle-proficiency .sidebar__lesson { position: relative; display: flex; j=
ustify-content: space-between; align-items: center; box-sizing: border-box;=
 height: var(--item-height, 50px); padding-right: 16px; padding-left: 40px;=
 transition: color 0.2s ease 0s; color: inherit; }

#bundle-proficiency .sidebar__lesson_current { color: var(--color-content-p=
rimary); }

#bundle-proficiency .sidebar__lesson_current .sidebar__lesson-title { color=
: var(--color-content-primary); }

#bundle-proficiency .sidebar__lesson_current::before { position: absolute; =
top: 0px; left: 0px; width: 3px; height: 100%; content: ""; background: var=
(--profession-color, #007aff); }

#bundle-proficiency .sidebar__lesson_available:hover, #bundle-proficiency .=
sidebar__lesson_status_current:hover, #bundle-proficiency .sidebar__lesson_=
status_solved:hover, #bundle-proficiency .sidebar__lesson_status_solved-twi=
ce:hover { cursor: pointer; }

#bundle-proficiency .sidebar__lesson_available:hover .sidebar__lesson-title=
, #bundle-proficiency .sidebar__lesson_status_current:hover .sidebar__lesso=
n-title, #bundle-proficiency .sidebar__lesson_status_solved:hover .sidebar_=
_lesson-title, #bundle-proficiency .sidebar__lesson_status_solved-twice:hov=
er .sidebar__lesson-title { color: var(--color-content-primary); }

#bundle-proficiency .sidebar__lesson-title-wrapper { display: flex; overflo=
w: hidden; align-items: center; width: calc(100% - 24px); }

#bundle-proficiency .sidebar__lesson-title { overflow: hidden; margin: 0px;=
 padding: 0px; white-space: nowrap; text-overflow: ellipsis; color: var(--c=
olor-content-secondary); font-weight: normal; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

#bundle-proficiency .sidebar__topic-reset { margin-right: 16px; transition:=
 color 0.2s ease 0s, opacity 0.2s ease 0s; opacity: 0; color: var(--color-c=
ontent-secondary); }

#bundle-proficiency .sidebar__topic-reset-content { display: flex; justify-=
content: center; align-items: center; width: 32px; height: 32px; }

#bundle-proficiency .sidebar__topic-header:hover .sidebar__topic-reset { op=
acity: 1; }

#bundle-proficiency .sidebar__topic-header:hover .sidebar__topic-reset:hove=
r { color: var(--color-content-primary); }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

#bundle-proficiency .react-slidedown { transition-property: none; }

#bundle-proficiency .sidebar__topic { position: relative; }

#bundle-proficiency .sidebar__topic_expanded .sidebar__topic-header { color=
: var(--color-content-secondary); }

#bundle-proficiency .sidebar__topic_expanded .sidebar__topic-arrow { opacit=
y: 1; }

#bundle-proficiency .sidebar__topic-header { display: flex; align-items: ce=
nter; padding: 0px 16px 0px 12px; }

#bundle-proficiency .sidebar__topic-header:hover { cursor: pointer; }

#bundle-proficiency .sidebar__topic-header:hover .sidebar__topic-title { co=
lor: var(--color-content-primary); }

#bundle-proficiency .sidebar__topic-header:hover .sidebar__topic-status-ico=
n { opacity: 0; }

#bundle-proficiency .sidebar__topic-header:hover .sidebar__topic-solved-cou=
nter { opacity: 1; }

#bundle-proficiency .sidebar__topic-header:hover .sidebar__item-icon { opac=
ity: 1; color: var(--color-content-primary); }

#bundle-proficiency .sidebar__topic-arrow { width: 24px; height: 24px; text=
-align: center; opacity: 0.6; }

#bundle-proficiency .sidebar__topic-arrow svg { transition: transform 0.3s =
ease 0s; }

#bundle-proficiency .sidebar__topic-title { display: flex; align-items: cen=
ter; flex: 1 1 0%; width: calc(100% - 76px); min-height: 50px; margin: 0px;=
 user-select: none; transition: color 0.2s ease 0s; color: var(--color-cont=
ent-secondary); font-weight: normal; }

#bundle-proficiency .sidebar__topic-status-icon, #bundle-proficiency .sideb=
ar__topic-solved-counter { transition: opacity 0.2s ease 0s; }

#bundle-proficiency .sidebar__topic-status-icon { position: absolute; right=
: 16px; }

#bundle-proficiency .sidebar__topic-solved-counter { opacity: 0; }

#bundle-proficiency .sidebar__lessons-wrapper { transition-timing-function:=
 cubic-bezier(0.25, 0.1, 0.25, 1); transition-duration: 0.3s; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

#bundle-proficiency .sidebar__sprint-title { margin: 36px 0px 10px; padding=
: 0px 16px; }

@media screen and (max-width: 666px) {
  #bundle-proficiency .sidebar__sprint-title { margin: 0px; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

#bundle-proficiency .courses-popup__item { position: relative; display: fle=
x; justify-content: space-between; align-items: center; height: 58px; margi=
n: 0px 3px; padding: 0px 20px 0px 28px; color: var(--color-content-primary)=
; }

#bundle-proficiency .courses-popup__item::before, #bundle-proficiency .cour=
ses-popup__item::after { position: absolute; top: 0px; left: 0px; display: =
block; width: 100%; height: 100%; content: ""; }

#bundle-proficiency .courses-popup__item:hover::before, #bundle-proficiency=
 .courses-popup__item_active::before { opacity: 0.04; background: rgb(0, 0,=
 0); }

@media screen and (max-width: 666px) {
  #bundle-proficiency .courses-popup__item_active { color: rgb(255, 255, 25=
5); }
}

#bundle-proficiency .courses-popup__item_active::after { top: 2.5%; height:=
 95%; border-left: 3px solid var(--profession-color, #007aff); }

@media screen and (any-hover: hover) and (max-width: 666px) {
  #bundle-proficiency .courses-popup__item:hover { color: rgb(255, 255, 255=
); }
}

@media (any-hover: hover) {
  #bundle-proficiency .courses-popup__item:hover .courses-popup__item-arrow=
 { opacity: 1; }
}

@media screen and (max-width: 666px) {
  #bundle-proficiency .courses-popup__item { height: 48px; padding: 0px 16p=
x; color: rgb(163, 166, 180); }
}

#bundle-proficiency .courses-popup__item-title { z-index: 1; overflow: hidd=
en; margin: 0px; white-space: nowrap; text-overflow: ellipsis; color: curre=
ntcolor; font-size: 16px; line-height: 20px; }

@media screen and (max-width: 666px) {
  #bundle-proficiency .courses-popup__item-title { font-weight: 500; }
}

#bundle-proficiency .courses-popup__item-arrow { opacity: 0.4; color: curre=
ntcolor; }

#bundle-proficiency .courses-popup__icons { display: flex; }

#bundle-proficiency .courses-popup__item-tick { margin: 0px 24px; color: va=
r(--profession-color, #007aff); }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

#bundle-proficiency .courses-popup { position: relative; display: flex; wid=
th: 674px; max-width: 100vw; height: 100vh; color: var(--color-content-prim=
ary); background: var(--color-background-default); }

@media screen and (max-width: 666px) {
  #bundle-proficiency .courses-popup { flex-direction: column; color: rgb(2=
55, 255, 255); background: rgb(0, 0, 0); }
}

#bundle-proficiency .courses-popup, #bundle-proficiency .courses-popup * { =
box-sizing: border-box; }

#bundle-proficiency .courses-popup__content { display: flex; flex: 1 1 0%; =
flex-direction: column; min-width: 0px; min-height: 0px; }

#bundle-proficiency .courses-popup__title { margin: 40px 20px 50px 28px; fo=
nt-family: "YS Display"; font-size: 28px; font-weight: 500; display: flex; =
align-items: center; justify-content: space-between; }

@media screen and (max-width: 666px) {
  #bundle-proficiency .courses-popup__title { margin: 0px 16px 24px; font-s=
ize: 22px; }
}

#bundle-proficiency .courses-popup__list { flex: 1 1 0%; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

#bundle-proficiency .sidebar__course { margin: 16px 0px 40px; }

@media screen and (max-width: 666px) {
  #bundle-proficiency .sidebar__course { margin-top: 0px; }
}

#bundle-proficiency .sidebar__course-title { margin: 16px 0px 36px; padding=
: 0px 16px; cursor: pointer; }

@media screen and (max-width: 666px) {
  #bundle-proficiency .sidebar__course-title { margin: 0px 0px 24px; }
}

#bundle-proficiency .sidebar__course-name { margin: 20px 0px 0px; color: va=
r(--color-content-primary); font-size: 22px; font-weight: 500; line-height:=
 28px; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

#bundle-proficiency .sidebar { --item-height: 50px; z-index: 102; display: =
flex; flex-direction: column; justify-content: space-between; box-sizing: b=
order-box; height: 100vh; transition: width 0.3s ease-in-out 0s; will-chang=
e: width; color: var(--color-content-primary); background-color: var(--colo=
r-background-default); font-size: 16px; line-height: 20px; }

#bundle-proficiency .sidebar_use-overlay .sidebar__content { will-change: w=
idth; }

@media screen and (max-width: 666px) {
  #bundle-proficiency .sidebar { --item-height: 48px; display: none; }
}

#bundle-proficiency .sidebar__overlay { position: fixed; z-index: 15; width=
: 100%; height: 100%; transition: opacity 0.3s ease-in-out 0s; pointer-even=
ts: none; opacity: 0; background: var(--color-background-overlay); }

#bundle-proficiency .sidebar__content { z-index: 16; display: flex; overflo=
w: hidden; flex-direction: column; box-sizing: border-box; height: 100%; tr=
ansition: all 0.3s ease-in-out 0s; background: inherit; }

#bundle-proficiency .sidebar__scrollable { transition-duration: 0.3s; trans=
ition-property: transform, opacity; transform: translate3d(16px, 0px, 0px);=
 pointer-events: none; opacity: 0; display: flex; flex: 1 1 0%; width: 400p=
x; }

@media screen and (max-width: 666px) {
  #bundle-proficiency .sidebar__scrollable { width: 100vw; }
}

#bundle-proficiency .sidebar__subtitle { user-select: none; letter-spacing:=
 0.4px; text-transform: uppercase; color: var(--color-content-secondary); f=
ont-size: 13px; line-height: 24px; }

#bundle-proficiency .sidebar__item-icon { margin-right: 4px; transition: op=
acity 0.2s ease 0s; }

#bundle-proficiency .sidebar__item-icon path { stroke: currentcolor; }

#bundle-proficiency .sidebar__ellipsed-text { display: -webkit-box; overflo=
w: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orie=
nt: vertical; }

#bundle-proficiency .sidebar .sidebar__content .scrollable-default { --cont=
rol-bg: var(--color-content-secondary); }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes pomodoro__timer-wrapper-clock-icon-slide-in-right {=20
  0% { transform: translateX(-8px); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}

.user__item { --size: 24px; --user-pic-size-m-size: var(--size); position: =
relative; display: flex; flex-direction: column; place-content: space-betwe=
en center; min-height: var(--item-height); height: auto; padding: 10px var(=
--popup-padding); user-select: none; font-style: ; font-variant-ligatures: =
; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; f=
ont-variant-alternates: ; font-variant-position: ; font-weight: ; font-stre=
tch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; fo=
nt-kerning: ; font-variation-settings: ; font-feature-settings: "pnum", "ln=
um"; }

.user__item_clickable { cursor: pointer; }

.user__item_extended { padding: var(--popup-padding); }

.user__item_hoverable { transition: background-color 0.2s ease 0s; border-r=
adius: 8px; background-color: transparent; }

.user__item_hoverable:hover { background-color: var(--color-background-glas=
sy-a); }

.user__item_with-user-pic { margin-right: var(--spacing-36); }

.user__item_with-icon { padding: 10px 12px; }

.user__item-subtitle { font-style: ; font-variant-ligatures: ; font-variant=
-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-al=
ternates: ; font-variant-position: ; font-weight: ; font-stretch: ; font-si=
ze: ; line-height: ; font-family: ; font-optical-sizing: ; font-kerning: ; =
font-variation-settings: ; font-feature-settings: "pnum", "lnum"; margin: v=
ar(--spacing-4) 0 0; opacity: 0.5; }

.user__item-title { display: flex; align-items: center; gap: var(--spacing-=
8); height: auto; }

.user__items-group { display: flex; flex-direction: column; margin-top: var=
(--spacing-16); }

.user__items-group:first-child { margin-top: 0px; }

.user__link { text-overflow: ellipsis; overflow: hidden; text-decoration: n=
one; color: inherit; }

.user__other-accounts { display: grid; grid-auto-flow: row; row-gap: 0px; m=
argin-top: var(--spacing-8); margin-bottom: 0px; padding-top: var(--popup-p=
adding); border-top: 1px solid var(--color-background-stroke); }

.user__other-account-avatar { display: flex; justify-content: center; align=
-items: center; min-width: var(--user-pic-size-m-size); height: var(--user-=
pic-size-m-size); margin: 0px; }

.user { --size: 32px; --size-plus: 32px; --popup-padding: 8px; --item-heigh=
t: 44px; --user-pic-size-m-size: var(--size); --user-pic-size-m-size-plus: =
var(--size-plus); --popup-offset-top: 0px; --popup-offset-right: 0px; --log=
o-offset: 65px; position: relative; z-index: 1; width: var(--size); height:=
 var(--size); }

.user, .user * { box-sizing: border-box; }

.user__popup { --top: calc(var(--popup-offset-top) + var(--popup-padding) +=
 (var(--item-height) + var(--popup-padding) * 2 - var(--size) - var(--spaci=
ng-16)) / 2); --right: calc(var(--popup-offset-right) + 2 * var(--popup-pad=
ding)); position: absolute; z-index: -1; visibility: hidden; width: 300px; =
padding: var(--popup-padding); opacity: 0; color: var(--color-content-prima=
ry); border-radius: 12px; background-color: var(--color-background-default)=
; border: 1px solid var(--color-background-stroke); box-shadow: var(--shado=
w-medium-default); }

.user__popup_animated { transition: opacity 0.3s cubic-bezier(0.25, 1.15, 0=
.5, 1.1) 0s, transform 0.3s 0s, visibility 0.3s 0s; transform: scale(0.5); =
transform-origin: calc(100% - var(--right)) calc(var(--top) + var(--size) /=
 4); }

.user__avatar { z-index: 2; cursor: pointer; }

.user__avatar-wrapper { line-height: 0; }

.auth-widget__user-with-icon { display: flex; justify-content: center; alig=
n-items: center; gap: var(--spacing-8); }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.header__referral { position: relative; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.theory-viewer { --code-bg-simulator: #f7f9fc; --darken-background: #c5d1e3=
; --figaro-darken-notification: #d8e4f5; --figaro-notification: #dbe6e2; --=
input-hover: #e9edf8; --input: #f0f4fd; --popup-dividers: #ebeaed; --primar=
y: #1a1b22; --shadow: #0d2343; --simulator-divider: #d9d9d9; --white: #ffff=
ff; --font-100: 14px/1.4286em ys text; --font-200: 16px/1.375em ys text; --=
font-250: 16px/1.5em ys text; --font-300: 18px/1.2222em ys text; --font-400=
: 21px/1.2857em ys text; --font-500: 24px/1.1667em ys display; --font-600: =
34px/1.0588em ys display; --font-700: 48px/1.0833em ys text; --background-b=
lur: blur(12px); --shadow-0: 0px 1px 2px 0px rgba(13,35,67,0.14),0px 1px 5p=
x 0px rgba(13,35,67,0.06); --shadow-1: 0px 2px 0px 0px rgba(13,35,67,0.1),0=
px 2px 6px 0px rgba(13,35,67,0.1); --shadow-2: 0px 1px 17px 0px rgba(0,0,0,=
0.06),0px 1px 5px 0px rgba(0,0,0,0.06); --shadow-3: 0px 4px 40px 0px rgba(2=
35,238,247,0.6); --size-50: 4px; --size-100: 8px; --size-200: 12px; --size-=
300: 16px; --size-400: 20px; --size-500: 24px; --size-550: 28px; --size-600=
: 32px; --size-700: 36px; --size-800: 40px; --size-900: 48px; --size-1000: =
64px; --size-1100: 88px; --opacity-100: 0.06; --opacity-200: 0.15; --opacit=
y-300: 0.3; --opacity-400: 0.6; --opacity-500: 0.8; --z-index-100: 100; --z=
-index-200: 200; --z-index-300: 300; --z-index-400: 400; --z-index-500: 500=
; text-rendering: geometricprecision; -webkit-font-smoothing: antialiased; =
}

@media screen and (max-width: 666px) {
  .theory-viewer { --font-400: 16px/1.375em ys text; --font-500: 16px/1.5em=
 ys text; --font-600: 18px/1.5em ys text; --font-700: 32px/1.125em ys text;=
 }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.theory-viewer__block_type_vertical-layout.theory-viewer__block { display: =
flex; flex-direction: column; align-items: center; width: 100%; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.theory-viewer__block { width: var(--block-width); margin: 0 0 var(--size-8=
00, calc(var(--base-unit, calc(16px * var(--base-ratio, 1))) * 2.5)) 0; }

.theory-viewer__block_layout { margin: 0px; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.theory-viewer { --wide-block-horizontal-margin: calc(-1 * var(--size-700, =
calc(var(--base-unit, calc(16px * var(--base-ratio, 1))) * 2))); --block-wi=
dth: 700px; --wide-block-width: 764px; }

@media screen and (max-width: 767px) {
  .theory-viewer { --block-width: 100%; --wide-block-width: calc(100% + 32p=
x); }
}

@media screen and (max-width: 666px) {
  .theory-viewer { --base-ratio: 0.75; --font-300: 600 24px/1.25em YS Text,=
Arial,Helvetica,sans-serif; --wide-block-width: calc(100vw - 2 * 8px); --wi=
de-block-horizontal-margin: calc((100% - 100vw) / 2 + 8px); }
}

@media screen and (max-width: 320px) {
  .theory-viewer { --font-500: 600 calc(var(--base-unit) * 2.5) / 1.08em YS=
 Text,Arial,Helvetica,sans-serif; }
}

.yagpt-badge.yagpt-badge { background-color: var(--color-accent-neutral); c=
olor: var(--color-content-inverted-primary); padding: 3px 5px; border-radiu=
s: var(--border-radius-16); text-transform: uppercase; }

.yagpt-badge.yagpt-badge .prisma-badge__content { font-style: ; font-varian=
t-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-ea=
st-asian: ; font-variant-alternates: ; font-variant-position: ; font-weight=
: ; font-stretch: ; line-height: ; font-family: ; font-optical-sizing: ; fo=
nt-kerning: ; font-variation-settings: ; font-feature-settings: "pnum", "ln=
um"; font-size: 10px; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.theory-viewer { --accent-color: var(--profession-color); }

.lesson-progress { align-self: center; margin-top: var(--spacing-32); }

@media (max-width: 539px) {
  .lesson-progress { width: 100%; }
}

.lesson-progress_full-width.lesson-progress_full-width.lesson-progress_full=
-width { width: 100%; max-width: 700px; padding: 0px; }

@media (max-width: 767px) {
  .lesson-progress_full-width.lesson-progress_full-width.lesson-progress_fu=
ll-width { width: calc(100% - 48px); max-width: unset; }
}

.lesson-progress__text { display: flex; justify-content: space-between; ali=
gn-items: center; gap: var(--spacing-16); font-style: ; font-variant-ligatu=
res: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian=
: ; font-variant-alternates: ; font-variant-position: ; font-weight: ; font=
-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing:=
 ; font-kerning: ; font-variation-settings: ; font-feature-settings: "pnum"=
, "lnum"; }

@media (max-width: 767px) {
  .lesson-progress__text { font-style: ; font-variant-ligatures: ; font-var=
iant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-varian=
t-alternates: ; font-variant-position: ; font-weight: ; font-stretch: ; fon=
t-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-kerning=
: ; font-variation-settings: ; font-feature-settings: "pnum", "lnum"; }
}

.lesson-progress__text_position_top { margin-bottom: var(--spacing-8); }

@media (max-width: 767px) {
  .lesson-progress__text_position_top { margin-bottom: var(--spacing-12); }
}

.next-lesson-control__button { max-width: 100%; }

@media (max-width: 480px) {
  .next-lesson-control__button { width: 100%; max-width: none; }
}

@media (max-width: 666px) {
  .next-lesson-control { text-align: center; flex-direction: column; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes grow-rock {=20
  50% { stroke-dasharray: 245, 245; stroke: rgb(0, 92, 255); fill: rgb(247,=
 249, 252); }
  50.1% { stroke-dasharray: 0, 245; stroke: rgb(247, 249, 252); fill: rgb(0=
, 92, 255); }
  100% { stroke-dasharray: 245, 245; stroke: rgb(247, 249, 252); fill: rgb(=
0, 92, 255); }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes grow-rock {=20
  50% { stroke-dasharray: 245, 245; stroke: var(--accent-color); fill: var(=
--bg-color); }
  50.1% { stroke-dasharray: 0, 245; stroke: var(--bg-color); fill: var(--ac=
cent-color); }
  100% { stroke-dasharray: 245, 245; stroke: var(--bg-color); fill: var(--a=
ccent-color); }
}

@keyframes radial-spinner-animation {=20
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes menuFadeIn {=20
  0% { visibility: hidden; opacity: 0; }
  1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; }
}

@keyframes theoryFragmentAppearance {=20
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeAppearance {=20
  0% { opacity: 0; }
  100% { opacity: 1; }
}

#bundle-proficiency .lesson__theory { width: 100%; margin-bottom: 44px; }

@media screen and (max-width: 1023px) {
  #bundle-proficiency .lesson__theory { padding-top: 36px; }
}

#bundle-proficiency .lesson__next-lesson-control { display: flex; flex-dire=
ction: column; }

@media screen and (max-width: 666px) {
  #bundle-proficiency .lesson__next-lesson-control { width: 100%; }
}

@media screen and (max-width: 666px) {
  #bundle-proficiency .lesson__next-lesson-control .next-lesson-control__bu=
tton { width: 100%; justify-content: center; }
}

#bundle-proficiency .lesson__markdown-btn { margin: 0px auto; }

@media screen and (max-width: 700px) {
  #bundle-proficiency .lesson__markdown-btn { width: 100%; }
}

@media screen and (max-width: 666px) {
  #bundle-proficiency .lesson__markdown-btn { margin-bottom: 72px; }
}

#bundle-proficiency .lesson__markdown-btn { max-width: 700px; width: 100%; =
display: flex; align-items: flex-start; }

#bundle-proficiency .lesson__markdown-btn_with-progress { margin-top: 40px;=
 margin-bottom: 120px; }

@media screen and (max-width: 666px) {
  #bundle-proficiency .lesson__markdown-btn { flex-direction: column-revers=
e; gap: var(--spacing-12); margin-bottom: 60px; }
}

#bundle-proficiency .lesson__ai-summary-button { margin: 0px 0px 0px auto; =
}

@media screen and (max-width: 666px) {
  #bundle-proficiency .lesson__ai-summary-button { width: 100%; justify-con=
tent: center; }
}

#bundle-proficiency .proficiency-page { --mobile-app-header-height: 52px; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

#bundle-proficiency .proficiency-page .page__content { display: flex; flex-=
direction: row; min-height: 100vh; }

@media (min-width: 769px) and (max-width: 1023px) {
  #bundle-proficiency .proficiency-page__header { padding-left: 24px; paddi=
ng-right: 24px; }
}

@media (min-width: 1024px) {
  #bundle-proficiency .proficiency-page__header { margin-left: 24px; }
}

#bundle-proficiency .proficiency-page__content { position: relative; displa=
y: flex; flex-direction: column; flex-grow: 1; align-items: flex-start; box=
-sizing: border-box; width: 100%; margin: 0px auto; background-color: var(-=
-color-background-default); }

.unified-sidebar__item { position: relative; margin-bottom: var(--spacing-1=
6); }

.unified-sidebar { padding: 16px 14px; height: 100%; display: flex; flex-di=
rection: column; align-items: center; box-sizing: border-box; position: rel=
ative; z-index: 200; background-color: var(--color-background-default); }

@media (max-width: 1023px) {
  .unified-sidebar { display: none; }
}

.unified-sidebar .user__popup { top: unset; bottom: 0px; left: 54px; right:=
 unset; }

.unified-sidebar .popup-help__hint { margin-bottom: var(--spacing-16); }

.unified-sidebar .support-chat { left: 64px; right: unset; }

.unified-sidebar__container { position: relative; z-index: calc(var(--z-ind=
ex-portals) - 1); }

.unified-sidebar__items { padding: 0px; margin: 0px; display: flex; flex-di=
rection: column; align-items: center; flex-grow: 1; list-style: none; }

.unified-sidebar__items_bottom { margin-top: auto; justify-content: end; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.rounded-page { --radius: 24px; border-top-left-radius: var(--radius); bord=
er-bottom-left-radius: var(--radius); box-shadow: rgba(0, 0, 0, 0.1) 0px 2p=
x 0px 0px, rgba(0, 0, 0, 0.1) 0px 2px 6px 0px; }

@media screen and (max-width: 1024px) {
  .rounded-page { border-radius: 0px; box-shadow: none; }
}

.rounded-page::before, .rounded-page::after { position: absolute; top: 0px;=
 left: 0px; display: block; width: var(--radius); height: var(--radius); co=
ntent: ""; pointer-events: none; }

@media screen and (max-width: 1024px) {
  .rounded-page::before, .rounded-page::after { display: none; }
}

.rounded-page::before { transition: background-color 0.2s ease 0s; backgrou=
nd: var(--burger-color, transparent); }

.rounded-page::after { border-top-left-radius: inherit; background: inherit=
; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

#bundle-proficiency .proficiency-page { color: var(--color-content-primary)=
; font-weight: normal; }

#bundle-proficiency .proficiency-page__theory { background: rgb(32, 33, 36)=
; }

@media screen and (max-width: 1024px) {
  #bundle-proficiency .proficiency-page__theory { background: rgb(255, 255,=
 255); }
}

#bundle-proficiency .proficiency-page__main { display: flex; flex-direction=
: column; width: 100%; height: 100vh; transition: all 0.1s ease-in-out 0s; =
background-color: var(--color-background-default); }

@media screen and (max-width: 666px) {
  #bundle-proficiency .proficiency-page__main { display: block; }
}

#bundle-proficiency .proficiency-page__theory_withSidebar { background-colo=
r: var(--color-background-default); }

#bundle-proficiency .proficiency-page__theory_withSidebar .rounded-page { b=
order-radius: 0px; }

#bundle-proficiency .proficiency-page__theory_withSidebar .rounded-page::af=
ter, #bundle-proficiency .proficiency-page__theory_withSidebar .rounded-pag=
e::before { content: unset; }

#bundle-proficiency .unified-sidebar__container { display: flex; }

#bundle-proficiency .unified-sidebar__container .sidebar__content { positio=
n: absolute; width: 0px; min-width: 0px; }

#bundle-proficiency .unified-sidebar__container .sidebar { width: 0px; min-=
width: unset; }

.prisma-element-hint { display: inline-block; }

.prisma-element-hint__wrapper { position: relative; display: block; overflo=
w: inherit; width: inherit; height: inherit; }

@media (any-hover: hover) {
  .prisma-element-hint__wrapper:hover { user-select: none; }
}

@media (any-hover: none) {
  .prisma-element-hint__wrapper:active { user-select: none; }
}

@keyframes blink {=20
  0% { opacity: 1; }
  100% { opacity: 0.5; }
}

@keyframes navigation-list-element-marker-blink {=20
  65% { opacity: 1; }
  75%, 80% { opacity: 0; }
  100% { opacity: 1; }
}

.prisma-header { width: 100%; }

.prisma-header__container { display: flex; align-items: center; justify-con=
tent: space-between; height: 100%; width: 100%; margin: 0px auto; }

.prisma-header__block { display: flex; gap: var(--spacing-16); align-items:=
 center; }

.prisma-header__block:first-of-type { justify-content: flex-start; }

.prisma-header__block:last-of-type { justify-content: flex-end; margin-left=
: auto; }

.UserPic { position: relative; display: inline-block; }

.UserPic-Image { width: 100%; height: 100%; border-radius: 100px; backgroun=
d-color: rgb(255, 255, 255); object-fit: cover; }

.UserPic_size_m { width: var(--user-pic-size-m-size); height: var(--user-pi=
c-size-m-size); }

.prisma-badge { display: inline-flex; align-items: center; gap: var(--spaci=
ng-4); }

@keyframes emptyFallbackFadeIn {=20
  0% { transform: translateY(32px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}

.header { height: auto; color: inherit; position: relative; z-index: 101; }

.header__content { padding: 0px 24px; box-sizing: border-box; flex: 0 1 0%;=
 height: auto; }

.header__footer { flex: 1 1 0%; overflow: auto; }

.header .prisma-header__block { margin-top: 6px; margin-bottom: 6px; }

.header .prisma-header__block:empty { margin: 0px; }

@keyframes islands-spin2 {=20
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.composed-progress-bar { --part-height: 12px; --bar-height: 4px; --bar-radi=
us: 4px; --bar-color: var(--color-accent-neutral); display: flex; flex-wrap=
: nowrap; }

.composed-progress-bar__child { flex-grow: 1; }

.composed-progress-bar__child + .composed-progress-bar__child { margin-left=
: var(--spacing-4); }

.composed-progress-bar__part { height: var(--part-height); display: flex; a=
lign-items: center; position: relative; }

.composed-progress-bar__part-bar { position: absolute; width: 100%; height:=
 var(--bar-height); border-radius: var(--bar-radius); }

.composed-progress-bar__part-bar { background-color: var(--color-background=
-glassy-b); }

.composed-progress-bar__complete-share { position: relative; z-index: 1; he=
ight: var(--bar-height); background-color: var(--bar-color); border-radius:=
 var(--bar-radius); }

.current-lesson-path { color: var(--color-content-primary); }

.current-lesson-path__hint { max-width: 100%; }

.current-lesson-path .prisma-element-hint__wrapper { user-select: auto; }

@media (max-width: 840px) {
  .current-lesson-path { color: inherit; }
}

@keyframes spin {=20
  100% { transform: rotate(360deg); }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.popup-help__hint { z-index: 1000002; }

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes support-chat__notification-status-blinking {=20
  0% { opacity: 1; }
  50% { opacity: 0.7; }
  100% { opacity: 1; }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

@keyframes informerHeartbeat {=20
  0% { transform: scale(0.7); }
  50% { transform: scale(1.25); }
  60% { transform: scale(0.8); }
  70% { transform: scale(1.1); }
  80% { transform: scale(0.9); }
  100% { transform: scale(1); }
}

@keyframes fadeIn {=20
  0% { opacity: 0; }
}

@keyframes fadeOut {=20
  100% { opacity: 0; }
}

@keyframes rotation {=20
  100% { transform: rotate(360deg); }
}

@keyframes shake {=20
  12.5% { transform: translateX(12px); }
  25% { transform: translateX(0px); }
  37.5% { transform: translateX(-5px); }
  50% { transform: translateX(0px); }
  62.5% { transform: translateX(3px); }
  75% { transform: translateX(0px); }
  87.5% { transform: translateX(-2px); }
  100% { transform: translateX(0px); }
}

@keyframes placeholder-animation {=20
  0% { background-position: 0px 50%; }
  65% { background-position: 0px 50%; }
  100% { background-position: 1400px 50%; }
}

.support-chat { --action-circle-size: 38px; position: fixed; z-index: 1000;=
 bottom: 16px; display: flex; overflow: hidden; flex-direction: column; wid=
th: 350px; height: 500px; transition: opacity 0.2s ease 0s; pointer-events:=
 none; opacity: 0; border-radius: 12px; background: rgb(255, 255, 255); box=
-shadow: rgba(13, 38, 52, 0.09) 0px 0px 40px, rgba(13, 38, 52, 0.06) 0px 0p=
x 4px; color: var(--color-content-primary); }

@media screen and (max-width: 666px) {
  .support-chat { right: 8px; }
}

.support-chat, .support-chat * { box-sizing: border-box; }

.support-chat__message-notification, .support-chat__date { height: 70px; al=
ign-items: center; }

.support-chat__header { position: relative; height: 48px; cursor: grab; use=
r-select: none; text-align: center; font-weight: 500; line-height: 48px; }

.support-chat__header:active { cursor: grabbing; }

.support-chat__header > .support-chat__close-btn { position: absolute; top:=
 8px; right: 16px; width: 32px; height: 32px; cursor: pointer; }

.support-chat__icon-btn { width: 32px; height: 32px; cursor: pointer; trans=
ition: opacity 0.2s ease 0s; opacity: 0.5; }

@media (any-hover: hover) {
  .support-chat__icon-btn:hover { opacity: 1; }
}

@media (any-hover: none) {
  body:not(._without-pointer-events) .support-chat__icon-btn:active { opaci=
ty: 1; }
}

@media screen and (max-width: 666px) {
  .support-chat__icon-btn { width: 32px; min-height: 32px; padding: 0px; }
}

.support-chat__message p { margin: 0px; }

.support-chat__message p:not(:last-child) { margin-bottom: 1em; }

.support-chat__body { --scroller-size: var(--action-circle-size); position:=
 relative; display: flex; flex: 1 1 0%; flex-direction: column; min-height:=
 0px; }

.support-chat__body-bottom-content { position: relative; bottom: calc(-1 * =
var(--paddings) / 2); margin-top: auto; padding-top: 24px; }

.support-chat__footer { display: flex; flex-direction: row; align-items: fl=
ex-end; min-height: 56px; padding: 0px 11px; border-top: 1px solid rgba(217=
, 217, 217, 0.45); }

.support-chat__date-prefix { margin-right: 5px; }

.support-chat__date-prefix::first-letter { text-transform: capitalize; }

.support-chat__footer-item { min-width: 32px; min-height: 32px; margin: 12p=
x 8px 12px 0px; }

.support-chat__footer-item:last-child { margin-right: 0px; }

.support-chat__input-wrapper { flex: 1 1 0%; align-self: center; max-height=
: 180px; }

.support-chat__input { overflow: hidden; width: 100%; padding: 0px; resize:=
 none; border: none; outline: none; }

.support-chat__send-btn { position: relative; display: flex; overflow: hidd=
en; justify-content: center; align-items: center; width: 38px; height: 38px=
; margin: 9px -4px 9px 0px; padding: 0px; transition: background 0.2s ease =
0s, opacity 0.2s ease 0s, transform 0.1s ease 0s; color: rgb(255, 255, 255)=
; border: none; border-radius: 50%; outline: none; }

.support-chat__send-btn_disabled { cursor: default; pointer-events: none; o=
pacity: 0.06; background: rgb(26, 27, 34); }

@media (any-hover: hover) {
  .support-chat__send-btn:hover { background: rgb(0, 83, 230); }
}

@media (any-hover: none) {
  body:not(._without-pointer-events) .support-chat__send-btn:active { backg=
round: rgb(0, 83, 230); }
}

.support-chat__send-btn:active { transform: scale(0.95); }

.support-chat__send-btn > .support-chat__send-btn-icon { position: absolute=
; }

.support-chat__send-btn > .support-chat__send-btn-icon:first-child { transf=
orm: translateX(-32px); }

.support-chat__upload-wrapper { position: relative; }

.sf-hidden { display: none !important; }
------MultipartBoundary--RFmO0IFAHJaZCocvTyiEuVsycfZ4W5SDtsIijijq7j----
Content-Type: text/html
Content-ID: <[email-masked]>
Content-Transfer-Encoding: quoted-printable

<html><head><meta http-equiv=3D"Content-Type" content=3D"text/html; charset=
=3DUTF-8"></head><body></body></html>
------MultipartBoundary--RFmO0IFAHJaZCocvTyiEuVsycfZ4W5SDtsIijijq7j----
Content-Type: text/html
Content-ID: <[email-masked]>
Content-Transfer-Encoding: quoted-printable

<html><head><meta http-equiv=3D"Content-Type" content=3D"text/html; charset=
=3DUTF-8"></head><body></body></html>
------MultipartBoundary--RFmO0IFAHJaZCocvTyiEuVsycfZ4W5SDtsIijijq7j------