From: Snapshot-Content-Location: https://lk.rebrainme.com/prometheus/task/707 Subject: =?utf-8?Q?REBRAIN=20|=20PROM=2003:=20=D0=9F=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E?= =?utf-8?Q?=D1=87=D0=B5=D0=BD=D0=B8=D0=B5=20=D1=8D=D0=BA=D1=81=D0=BF=D0=BE?= =?utf-8?Q?=D1=80=D1=82=D0=B5=D1=80=D0=BE=D0=B2=20=D0=B4=D0=BB=D1=8F=20=D1?= =?utf-8?Q?=81=D0=B5=D1=80=D0=B2=D0=B8=D1=81=D0=BE=D0=B2?= Date: Mon, 26 Jun 2023 16:53:16 -0000 MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--dsW1gPEN6chWfyX263qpb8JpAbDyY1wQptNzV6v4e7----" ------MultipartBoundary--dsW1gPEN6chWfyX263qpb8JpAbDyY1wQptNzV6v4e7---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://lk.rebrainme.com/prometheus/task/707 =20 REBRAIN | PROM 03: =D0=9F=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0= =B5=D0=BD=D0=B8=D0=B5 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1= =80=D0=BE=D0=B2 =D0=B4=D0=BB=D1=8F =D1=81=D0=B5=D1=80=D0=B2=D0=B8=D1=81=D0= =BE=D0=B2 =20 =20 =20 =20 =20 =20 =20 =20
=20
PROM 03: =D0=9F=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E= =D1=87=D0=B5=D0=BD=D0=B8=D0=B5 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82= =D0=B5=D1=80=D0=BE=D0=B2 =D0=B4=D0=BB=D1=8F =D1=81=D0=B5=D1=80=D0=B2=D0=B8= =D1=81=D0=BE=D0=B2
=20
=20

=D0=9E=D0=BF=D0=B8=D1=81=D0=B0=D0= =BD=D0=B8=D0=B5:

=D0=92=D1=81=D0=B5=D0=BC =D0=BF=D1=80=D0=B8=D0=B2=D0=B5=D1=82!

=D0=92 =D0=BF=D1=80=D0=BE=D1=88=D0=BB=D0=BE=D0=BC =D0=B7=D0=B0=D0=B4=D0= =B0=D0=BD=D0=B8=D0=B8 =D0=BC=D1=8B =D1=80=D0=B0=D0=B7=D0=BE=D0=B1=D1=80=D0= =B0=D0=BB=D0=B8 =D1=81 =D0=B2=D0=B0=D0=BC=D0=B8 =D0=BE=D1=81=D0=BD=D0=BE=D0= =B2=D0=BD=D1=8B=D0=B5 =D1=83=D1=80=D0=BE=D0=B2=D0=BD=D0=B8 =D0=BC=D0=BE=D0= =BD=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D0=BD=D0=B3=D0=B0, =D0=B0 =D1=82=D0=B0=D0= =BA=D0=B6=D0=B5 =D0=BE=D1=82=D0=BC=D0=B5=D1=82=D0=B8=D0=BB=D0=B8, =D1=87=D1= =82=D0=BE =D0=BC=D0=BE=D0=BD=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D1=82=D1=8C =D0= =BD=D0=B5=D0=BE=D0=B1=D1=85=D0=BE=D0=B4=D0=B8=D0=BC=D0=BE =D0=B0=D0=B1=D1= =81=D0=BE=D0=BB=D1=8E=D1=82=D0=BD=D0=BE =D0=B2=D1=81=D0=B5 =D0=BA=D0=BE=D0= =BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD=D1=82=D1=8B =D0=B2=D0=B0=D1=88=D0=B5=D0= =B9 =D0=B8=D0=BD=D1=84=D1=80=D0=B0=D1=81=D1=82=D1=80=D1=83=D0=BA=D1=82=D1= =83=D1=80=D1=8B. =D0=9F=D0=BE=D0=BC=D0=B8=D0=BC=D0=BE =D1=8D=D1=82=D0=BE=D0= =B3=D0=BE =D0=BC=D1=8B =D0=B8=D0=B7=D1=83=D1=87=D0=B8=D0=BB=D0=B8 =D0=BE=D1= =81=D0=BD=D0=BE=D0=B2=D0=BD=D1=83=D1=8E =D0=BA=D0=BE=D0=BD=D1=86=D0=B5=D0= =BF=D1=86=D0=B8=D1=8E =D1=80=D0=B0=D0=B1=D0=BE=D1=82=D1=8B =D1=8D=D0=BA=D1= =81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D0=BE=D0=B2 - =D0=BE=D0=BD=D0=B8 = =D1=81=D0=BD=D0=B8=D0=BC=D0=B0=D1=8E=D1=82 =D0=BC=D0=B5=D1=82=D1=80=D0=B8= =D0=BA=D0=B8 =D1=81 =D1=81=D0=B5=D1=80=D0=B2=D0=B8=D1=81=D0=B0 =D0=B8=D0=BB= =D0=B8 =D1=81=D0=B8=D1=81=D1=82=D0=B5=D0=BC=D1=8B, =D0=BF=D0=BE=D1=81=D0=BB= =D0=B5 =D1=87=D0=B5=D0=B3=D0=BE =D0=BE=D1=82=D0=B4=D0=B0=D1=8E=D1=82 =D0=BF= =D0=BE=D0=BB=D1=83=D1=87=D0=B5=D0=BD=D0=BD=D1=8B=D0=B5 =D0=BC=D0=B5=D1=82= =D1=80=D0=B8=D0=BA=D0=B8 =D0=B2 =D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=82=D0=B5,= =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B9 =D0=BF=D0=BE=D0=BD=D0=B8=D0=BC= =D0=B0=D0=B5=D1=82 Prometheus, =D0=BF=D0=BE http =D0=BF=D1=80=D0=BE=D1=82= =D0=BE=D0=BA=D0=BE=D0=BB=D1=83. Promethues =D0=B6=D0=B5 =D0=B2 =D1=81=D0=B2= =D0=BE=D1=8E =D0=BE=D1=87=D0=B5=D1=80=D0=B5=D0=B4=D1=8C =D0=BF=D0=BE=D0=B4= =D0=BA=D0=BB=D1=8E=D1=87=D0=B0=D0=B5=D1=82=D1=81=D1=8F =D0=BA =D1=8D=D0=BA= =D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D0=B0=D0=BC =D1=87=D0=B5=D1=80= =D0=B5=D0=B7 =D0=B7=D0=B0=D0=B4=D0=B0=D0=BD=D0=BD=D1=8B=D0=B9 =D0=B8=D0=BD= =D1=82=D0=B5=D1=80=D0=B2=D0=B0=D0=BB =D0=B2=D1=80=D0=B5=D0=BC=D0=B5=D0=BD= =D0=B8, =D0=B7=D0=B0=D0=B1=D0=B8=D1=80=D0=B0=D0=B5=D1=82 =D0=BC=D0=B5=D1=82= =D1=80=D0=B8=D0=BA=D0=B8, =D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D1=8F=D0=B5= =D1=82 =D0=BD=D0=BE=D0=B2=D1=8B=D0=B5 =D1=82=D0=B5=D0=B3=D0=B8 =D0=B8 =D0= =B7=D0=B0=D0=BF=D0=B8=D1=81=D1=8B=D0=B2=D0=B0=D0=B5=D1=82 =D0=BF=D0=BE=D0= =BB=D1=83=D1=87=D0=B5=D0=BD=D0=BD=D1=8B=D0=B5 =D0=B7=D0=BD=D0=B0=D1=87=D0= =B5=D0=BD=D0=B8=D1=8F =D0=B2 =D0=BB=D0=BE=D0=BA=D0=B0=D0=BB=D1=8C=D0=BD=D1= =83=D1=8E TSDB.

=D0=90 =D1=81=D0=B5=D0=B9=D1=87=D0=B0=D1=81 =D0=BC=D1=8B =D0=BF=D0=B5=D1= =80=D0=B5=D0=BC=D0=B5=D1=81=D1=82=D0=B8=D0=BC=D1=81=D1=8F =D0=BD=D0=B0 =D1= =81=D0=BB=D0=B5=D0=B4=D1=83=D1=8E=D1=89=D0=B8=D0=B9 =D1=83=D1=80=D0=BE=D0= =B2=D0=B5=D0=BD=D1=8C =D0=BC=D0=BE=D0=BD=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D0= =BD=D0=B3=D0=B0 - =D0=BC=D0=BE=D0=BD=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D0=BD=D0= =B3 =D1=81=D0=B5=D1=80=D0=B2=D0=B8=D1=81=D0=BE=D0=B2, =D0=BA=D0=BE=D1=82=D0= =BE=D1=80=D1=8B=D0=B5 =D1=83=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BB=D0= =B5=D0=BD=D1=8B =D0=BD=D0=B0 =D0=B2=D0=B0=D1=88=D0=B8=D1=85 =D1=81=D0=B5=D1= =80=D0=B2=D0=B5=D1=80=D0=B0=D1=85. =D0=94=D0=BB=D1=8F =D1=8D=D1=82=D0=BE=D0= =B3=D0=BE =D0=BC=D1=8B =D1=80=D0=B0=D1=81=D1=81=D0=BC=D0=BE=D1=82=D1=80=D0= =B8=D0=BC =D0=BC=D0=BE=D0=BD=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D0=BD=D0=B3 Redi= s =D1=81=D0=B5=D1=80=D0=B2=D0=B5=D1=80=D0=B0, =D0=B0 =D1=82=D0=B0=D0=BA =D0= =B6=D0=B5 =D1=81=D0=BE=D1=81=D1=82=D0=B0=D0=B2=D0=B8=D0=BC =D1=83=D0=BD=D0= =B8=D0=B2=D0=B5=D1=80=D1=81=D0=B0=D0=BB=D1=8C=D0=BD=D1=8B=D0=B9 =D0=B0=D0= =BB=D0=B3=D0=BE=D1=80=D0=B8=D1=82=D0=BC =D0=B4=D0=BB=D1=8F =D0=BF=D0=BE=D0= =B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B5=D0=BD=D0=B8=D1=8F =D0=BB=D1=8E=D0=B1=D0= =BE=D0=B3=D0=BE =D0=BD=D0=BE=D0=B2=D0=BE=D0=B3=D0=BE =D1=81=D0=B5=D1=80=D0= =B2=D0=B8=D1=81=D0=B0 =D0=BA =D0=B2=D0=B0=D1=88=D0=B5=D0=B9 =D1=81=D0=B8=D1= =81=D1=82=D0=B5=D0=BC=D0=B5 =D0=BC=D0=BE=D0=BD=D0=B8=D1=82=D0=BE=D1=80=D0= =B8=D0=BD=D0=B3=D0=B0. =D0=90 =D0=B2 =D0=B7=D0=B0=D0=BA=D0=BB=D1=8E=D1=87= =D0=B5=D0=BD=D0=B8=D0=B5 =D0=BF=D1=80=D0=B8=D0=B2=D0=B5=D0=B4=D0=B5=D0=BC = =D1=81=D0=BF=D0=B8=D1=81=D0=BE=D0=BA =D0=BD=D0=B0=D0=B8=D0=B1=D0=BE=D0=BB= =D0=B5=D0=B5 =D1=87=D0=B0=D1=81=D1=82=D0=BE =D0=B8=D1=81=D0=BF=D0=BE=D0=BB= =D1=8C=D0=B7=D1=83=D0=B5=D0=BC=D1=8B=D1=85 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE= =D1=80=D1=82=D0=B5=D1=80=D0=BE=D0=B2. =D0=92 =D0=B7=D0=B0=D0=B4=D0=B0=D0=BD= =D0=B8=D0=B8 =D0=B6=D0=B5 =D0=B2=D0=B0=D0=BC =D0=BD=D0=B0=D0=B4=D0=BE =D0= =B1=D1=83=D0=B4=D0=B5=D1=82 =D0=BD=D0=B0=D1=81=D1=82=D1=80=D0=BE=D0=B8=D1= =82=D1=8C =D0=BC=D0=BE=D0=BD=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D0=BD=D0=B3 =D0= =B1=D0=B0=D0=B7=D1=8B =D0=B4=D0=B0=D0=BD=D0=BD=D1=8B=D1=85 MySQL.

=D0=94=D0=B0=D0=B2=D0=B0=D0=B9=D1=82=D0=B5 =D0=BF=D1=80=D0=BE=D0=B4=D0= =BE=D0=BB=D0=B6=D0=B8=D0=BC =D0=B8=D1=81=D1=82=D0=BE=D1=80=D0=B8=D1=8E =D1= =81 =D0=BD=D0=B0=D1=88=D0=B5=D0=B9 =D0=BA=D0=BE=D0=BC=D0=BF=D0=B0=D0=BD=D0= =B8=D0=B5=D0=B9 =D0=B8=D0=B7 =D0=BF=D1=80=D0=B5=D0=B4=D1=8B=D0=B4=D1=83=D1= =89=D0=B8=D1=85 =D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D1=80=D0=BE=D0=B2. =D0=98=D1= =82=D0=B0=D0=BA, =D0=BF=D0=BE=D1=81=D0=BB=D0=B5 =D0=BF=D1=80=D0=B8=D1=85=D0= =BE=D0=B4=D0=B0 =D0=BD=D0=B0 =D1=80=D0=B0=D0=B1=D0=BE=D1=82=D1=83 =D0=B2=D1= =8B =D1=83=D0=B6=D0=B5 =D0=BF=D0=BE=D0=B4=D0=BD=D1=8F=D0=BB=D0=B8 =D1=86=D0= =B5=D0=BD=D1=82=D1=80=D0=B0=D0=BB=D1=8C=D0=BD=D1=8B=D0=B9 =D1=81=D0=B5=D1= =80=D0=B2=D0=B5=D1=80 =D0=BC=D0=BE=D0=BD=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D0= =BD=D0=B3=D0=B0 Prometheus, =D0=B0 =D1=82=D0=B0=D0=BA=D0=B6=D0=B5 =D0=BF=D0= =BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B8=D0=BB=D0=B8 =D0=BA =D0=BD=D0=B5=D0= =BC=D1=83 =D0=B2=D1=81=D0=B5 =D0=B2=D0=B0=D1=88=D0=B8 =D1=81=D0=B5=D1=80=D0= =B2=D0=B5=D1=80=D1=8B, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B5 =D1=83 = =D0=B2=D0=B0=D1=81 =D0=B5=D1=81=D1=82=D1=8C =D0=B2 =D0=BD=D0=B0=D0=BB=D0=B8= =D1=87=D0=B8=D0=B8. =D0=A1=D0=BB=D0=B5=D0=B4=D1=83=D1=8E=D1=89=D0=B8=D0=BC = =D1=8D=D1=82=D0=B0=D0=BF=D0=BE=D0=BC =D0=B2=D0=B0=D0=BC =D0=BF=D1=80=D0=B5= =D0=B4=D1=81=D1=82=D0=BE=D0=B8=D1=82 =D0=B8=D0=B7=D1=83=D1=87=D0=B8=D1=82= =D1=8C =D0=BA=D0=B0=D0=B6=D0=B4=D1=8B=D0=B9 =D1=81=D0=B5=D1=80=D0=B2=D0=B5= =D1=80 =D0=B8 =D0=BD=D0=B0=D0=B9=D1=82=D0=B8 =D0=BD=D0=B0 =D0=BD=D0=B5=D0= =BC =D0=B7=D0=B0=D0=BF=D1=83=D1=89=D0=B5=D0=BD=D0=BD=D1=8B=D0=B5 =D1=81=D0= =B5=D1=80=D0=B2=D0=B8=D1=81=D1=8B - =D0=B1=D0=B0=D0=B7=D1=8B =D0=B4=D0=B0= =D0=BD=D0=BD=D1=8B=D1=85, =D0=B2=D0=B5=D0=B1-=D1=81=D0=B5=D1=80=D0=B2=D0=B5= =D1=80=D1=8B, key value =D1=85=D1=80=D0=B0=D0=BD=D0=B8=D0=BB=D0=B8=D1=89=D0= =B0 =D0=B8 =D1=82=D0=B0=D0=BA =D0=B4=D0=B0=D0=BB=D0=B5=D0=B5. =D0=98 =D0=BF= =D0=BE=D1=81=D0=BB=D0=B5 =D1=8D=D1=82=D0=BE=D0=B3=D0=BE =D0=BD=D0=B0=D1=81= =D1=82=D1=80=D0=BE=D0=B8=D1=82=D1=8C =D0=B4=D0=BB=D1=8F =D0=BA=D0=B0=D0=B6= =D0=B4=D0=BE=D0=B3=D0=BE =D0=B8=D0=B7 =D0=BD=D0=B8=D1=85 =D1=81=D0=B2=D0=BE= =D0=B9 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80, =D0=BA=D0=BE= =D1=82=D0=BE=D1=80=D1=8B=D0=B9 =D0=B1=D1=83=D0=B4=D0=B5=D1=82 =D0=B2=D1=8B= =D0=B4=D0=B0=D0=B2=D0=B0=D1=82=D1=8C =D0=B2=D1=81=D0=B5 =D0=BD=D1=83=D0=B6= =D0=BD=D1=8B=D0=B5 =D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=D0=B8 =D0=B4=D0=BB= =D1=8F Prometheus.

=D0=9C=D0=BE=D0=BD=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D0=BD=D0=B3 Redis =D1= =81=D0=B5=D1=80=D0=B2=D0=B5=D1=80=D0=B0

=D0=98=D1=82=D0=B0=D0=BA, =D0=B2=D1=8B =D0=BD=D0=B0=D1=87=D0=B0=D0=BB=D0= =B8 =D1=85=D0=BE=D0=B4=D0=B8=D1=82=D1=8C =D0=BF=D0=BE =D1=81=D0=B5=D1=80=D0= =B2=D0=B5=D1=80=D0=B0=D0=BC =D0=B2=D0=B0=D1=88=D0=B5=D0=B9 =D0=BA=D0=BE=D0= =BC=D0=BF=D0=B0=D0=BD=D0=B8=D0=B8 =D0=B8 =D0=BD=D0=B0 =D0=BF=D0=B5=D1=80=D0= =B2=D0=BE=D0=BC =D0=B8=D0=B7 =D0=BD=D0=B8=D1=85 =D0=BE=D0=B1=D0=BD=D0=B0=D1= =80=D1=83=D0=B6=D0=B8=D0=BB=D0=B8 =D0=B7=D0=B0=D0=BF=D1=83=D1=89=D0=B5=D0= =BD=D0=BD=D1=8B=D0=B9 Redis =D1=81=D0=B5=D1=80=D0=B2=D0=B5=D1=80. Redis - =D1=8D=D1=82=D0=BE NoSQL= =D0=B1=D0=B0=D0=B7=D0=B0 =D0=B4=D0=B0=D0=BD=D0=BD=D1=8B=D1=85, =D0=BA=D0= =BE=D1=82=D0=BE=D1=80=D0=B0=D1=8F =D1=85=D1=80=D0=B0=D0=BD=D0=B8=D1=82 =D0= =B4=D0=B0=D0=BD=D0=BD=D1=8B=D0=B5 =D1=82=D0=B8=D0=BF=D0=B0 =D0=BA=D0=BB=D1= =8E=D1=87-=D0=B7=D0=BD=D0=B0=D1=87=D0=B5=D0=BD=D0=B8=D0=B5 =D0=B2 =D0=BE=D0= =BF=D0=B5=D1=80=D0=B0=D1=82=D0=B8=D0=B2=D0=BD=D0=BE=D0=B9 =D0=BF=D0=B0=D0= =BC=D1=8F=D1=82=D0=B8. =D0=A7=D0=B0=D1=89=D0=B5 =D0=B2=D1=81=D0=B5=D0=B3=D0= =BE =D0=B8=D1=81=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D1=83=D0=B5=D1=82=D1=81=D1= =8F =D0=B4=D0=BB=D1=8F =D0=BA=D0=B5=D1=88=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0= =BD=D0=B8=D1=8F. =D0=95=D1=81=D0=BB=D0=B8 =D0=B6=D0=B5 =D1=83 =D0=B2=D0=B0= =D1=81 =D0=BD=D0=B5=D1=82 =D1=83=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BB= =D0=B5=D0=BD=D0=BD=D0=BE=D0=B3=D0=BE Redis'=D0=B0 =D0=BD=D0=B5 =D0=BF=D0=B5= =D1=80=D0=B5=D0=B6=D0=B8=D0=B2=D0=B0=D0=B9=D1=82=D0=B5 - =D0=BC=D1=8B =D0= =B5=D0=B3=D0=BE =D1=81=D0=B5=D0=B9=D1=87=D0=B0=D1=81 =D1=83=D1=81=D1=82=D0= =B0=D0=BD=D0=BE=D0=B2=D0=B8=D0=BC.

=D0=94=D0=B0=D0=B2=D0=B0=D0=B9=D1=82=D0=B5 =D1=81=D0=BE=D1=81=D1=82=D0= =B0=D0=B2=D0=B8=D0=BC =D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D1=80=D0=BD=D1=8B=D0= =B9 =D0=BF=D0=BB=D0=B0=D0=BD =D0=B4=D0=B5=D0=B9=D1=81=D1=82=D0=B2=D0=B8=D0= =B9, =D0=BA=D0=B0=D0=BA =D0=BC=D1=8B =D0=B1=D1=83=D0=B4=D0=B5=D0=BC =D0=BF= =D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B0=D1=82=D1=8C =D0=BD=D0=B0=D1=88 R= edis =D0=BA =D0=BC=D0=BE=D0=BD=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D0=BD=D0=B3=D1= =83:

  1. =D0=A3=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=B8=D1=82=D1=8C =D0=B8 =D0= =B7=D0=B0=D0=BF=D1=83=D1=81=D1=82=D0=B8=D1=82=D1=8C Redis =D1=81=D0=B5=D1= =80=D0=B2=D0=B5=D1=80 (=D0=B5=D1=81=D0=BB=D0=B8 =D0=BE=D0=BD =D0=B5=D1=89= =D0=B5 =D0=BD=D0=B5 =D1=83=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5= =D0=BD).

  2. =D0=9D=D1=83=D0=B6=D0=BD=D0=BE =D0=BD=D0=B0=D0=B9=D1=82=D0=B8 =D1=8D=D0= =BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80, =D0=BA=D0=BE=D1=82=D0=BE=D1= =80=D1=8B=D0=B9 =D1=81=D0=BC=D0=BE=D0=B6=D0=B5=D1=82 =D0=B2=D1=8B=D0=B4=D0= =B0=D0=B2=D0=B0=D1=82=D1=8C =D0=BD=D0=B0=D0=BC =D0=BC=D0=B5=D1=82=D1=80=D0= =B8=D0=BA=D0=B8 =D0=B2 =D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=82=D0=B5 Prometheu= s.

  3. =D0=A3=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=B8=D1=82=D1=8C =D1=8D=D0= =BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80 =D0=BD=D0=B0 =D1=81=D0=B5=D1= =80=D0=B2=D0=B5=D1=80.

  4. =D0=9F=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B8=D1=82=D1=8C =D0=B7=D0= =B0=D0=BF=D1=83=D1=89=D0=B5=D0=BD=D0=BD=D1=8B=D0=B9 =D1=8D=D0=BA=D1=81=D0= =BF=D0=BE=D1=80=D1=82=D0=B5=D1=80 =D0=BA Prometheus'=D1=83.

=D0=98=D1=82=D0=B0=D0=BA, =D0=BF=D0=BE=D0=B3=D0=BD=D0=B0=D0=BB=D0=B8!

0. =D0=A3=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BA=D0=B0 Redis-server.=

=D0=94=D0=BB=D1=8F =D1=83=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BA=D0= =B8 Redis =D0=BD=D0=B0 =D0=B2=D0=B8=D1=80=D1=82=D1=83=D0=B0=D0=BB=D1=8C=D0= =BD=D1=83=D1=8E =D0=BC=D0=B0=D1=88=D0=B8=D0=BD=D1=83 (=D0=BD=D0=B0 =D0=BF= =D1=80=D0=B8=D0=BC=D0=B5=D1=80=D0=B5 Ubuntu) =D0=B2=D0=BE=D1=81=D0=BF=D0=BE= =D0=BB=D1=8C=D0=B7=D1=83=D0=B5=D0=BC=D1=81=D1=8F =D0=BF=D0=B0=D0=BA=D0=B5= =D1=82=D0=BD=D1=8B=D0=BC =D0=BC=D0=B5=D0=BD=D0=B5=D0=B4=D0=B6=D0=B5=D1=80= =D0=BE=D0=BC:

root@node1:~# apt-get install redis-server
Reading package lists... Done
Building dependency tree
... skipped ...

=D0=9F=D1=80=D0=BE=D0=B2=D0=B5=D1=80=D0=B8=D0=BC =D1=87=D1=82=D0=BE =D0= =BC=D1=8B =D0=BC=D0=BE=D0=B6=D0=B5=D0=BC =D1=83=D1=81=D0=BF=D0=B5=D1=88=D0= =BD=D0=BE =D0=BF=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B8=D1=82=D1=8C=D1= =81=D1=8F =D0=BA Redis'=D1=83 =D1=81 =D0=BF=D0=BE=D0=BC=D0=BE=D1=89=D1=8C= =D1=8E =D0=BA=D0=BE=D0=BD=D1=81=D0=BE=D0=BB=D1=8C=D0=BD=D0=BE=D0=B9 =D1=83= =D1=82=D0=B8=D0=BB=D0=B8=D1=82=D1=8B:

root@node1:~# redis-cli info
# Server
redis_version:5.0.7
redis_git_sha1:00000000
redis_git_dirty:0
redis_build_id:636cde3b5c7a3923
... skipped ...

=D0=9A=D0=B0=D0=BA =D0=B2=D0=B8=D0=B4=D0=BD=D0=BE =D0=B8=D0=B7 =D0=B2=D1= =8B=D0=B2=D0=BE=D0=B4=D0=B0, =D0=BC=D1=8B =D1=83=D1=81=D0=BF=D0=B5=D1=88=D0= =BD=D0=BE =D0=BF=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B8=D0=BB=D0=B8=D1= =81=D1=8C =D0=BA =D1=81=D0=B5=D1=80=D0=B2=D0=B5=D1=80=D1=83 =D0=B8 =D0=B2= =D1=8B=D0=BF=D0=BE=D0=BB=D0=BD=D0=B8=D0=BB=D0=B8 =D0=BA=D0=BE=D0=BC=D0=B0= =D0=BD=D0=B4=D1=83 info, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D0=B0= =D1=8F =D0=B2=D1=8B=D0=B2=D0=B5=D0=BB=D0=B0 =D0=BD=D0=B0=D0=BC =D0=B1=D0=BE= =D0=BB=D1=8C=D1=88=D0=BE=D0=B5 =D0=BA=D0=BE=D0=BB=D0=B8=D1=87=D0=B5=D1=81= =D1=82=D0=B2=D0=BE =D1=80=D0=B0=D0=B7=D0=BB=D0=B8=D1=87=D0=BD=D1=8B=D1=85 = =D0=BF=D0=B0=D1=80=D0=B0=D0=BC=D0=B5=D1=82=D1=80=D0=BE=D0=B2.

1. =D0=9F=D0=BE=D0=B8=D1=81=D0=BA =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80= =D1=82=D0=B5=D1=80=D0=B0 =D0=B4=D0=BB=D1=8F Redis'=D0=B0

=D0=9A=D0=B0=D0=BA =D0=BC=D1=8B =D1=83=D0=B6=D0=B5 =D0=B3=D0=BE=D0=B2=D0= =BE=D1=80=D0=B8=D0=BB=D0=B8 =D0=B2 =D0=BF=D1=80=D0=BE=D1=88=D0=BB=D0=BE=D0= =BC =D0=B7=D0=B0=D0=B4=D0=B0=D0=BD=D0=B8=D0=B8 =D0=B4=D0=BB=D1=8F =D0=BF=D0= =BE=D0=B8=D1=81=D0=BA=D0=B0 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0= =B5=D1=80=D0=B0 =D0=BF=D1=80=D0=BE=D1=89=D0=B5 =D0=B2=D1=81=D0=B5=D0=B3=D0= =BE =D0=B2=D0=BE=D1=81=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1= =82=D1=8C=D1=81=D1=8F =D0=BE=D1=84=D0=B8=D1=86=D0=B8=D0=B0=D0=BB=D1=8C=D0= =BD=D1=8B=D0=BC =D1=81=D0=BF=D0=B8=D1=81=D0=BA=D0=BE=D0=BC, =D1=80=D0=B0=D1= =81=D0=BF=D0=BE=D0=BB=D0=BE=D0=B6=D0=B5=D0=BD=D0=BD=D1=8B=D0=BC =D0=BD=D0= =B0 =D1=81=D0=B0=D0=B9=D1=82=D0=B5 Prometheus - List of exporters<= /a>.

=D0=95=D1=81=D0=BB=D0=B8 =D0=B6=D0=B5 =D1=82=D0=B0=D0=BC =D0=BD=D0=B5 = =D0=BE=D0=BA=D0=B0=D0=B7=D0=B0=D0=BB=D0=BE=D1=81=D1=8C =D1=82=D0=BE=D0=B3= =D0=BE, =D1=87=D1=82=D0=BE =D0=B2=D1=8B =D0=B8=D1=89=D0=B8=D1=82=D0=B5 - = =D0=B2=D1=8B =D0=BC=D0=BE=D0=B6=D0=B5=D1=82=D0=B5 =D0=B2=D0=BE=D1=81=D0=BF= =D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82=D1=8C=D1=81=D1=8F github.c= om =D0=B8=D0=BB=D0=B8 google.com =D0=B4=D0=BB=D1=8F =D0=BF=D0=BE=D0=B8=D1= =81=D0=BA=D0=B0 =D0=BD=D1=83=D0=B6=D0=BD=D0=BE=D0=B3=D0=BE =D0=B2=D0=B0=D0= =BC =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D0=B0. =D0=98 = =D0=B7=D0=B4=D0=B5=D1=81=D1=8C =D1=8F =D0=BD=D0=B5 =D1=88=D1=83=D1=87=D1=83= - =D0=B3=D1=83=D0=B3=D0=BB =D0=BF=D0=BE=D0=BA=D0=B0=D0=B7=D1=8B=D0=B2=D0= =B0=D0=B5=D1=82 =D1=84=D0=B5=D0=BD=D0=BE=D0=BC=D0=B5=D0=BD=D0=B0=D0=BB=D1= =8C=D0=BD=D1=8B=D0=B5 =D1=80=D0=B5=D0=B7=D1=83=D0=BB=D1=8C=D1=82=D0=B0=D1= =82=D1=8B =D0=BF=D1=80=D0=B8 =D0=BF=D0=BE=D0=B8=D1=81=D0=BA=D0=B5 =D1=8D=D0= =BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D0=B0. =D0=95=D1=81=D0=BB=D0= =B8 =D0=BD=D0=B5 =D0=B2=D0=B5=D1=80=D0=B8=D1=82=D0=B5, =D0=BF=D1=80=D0=BE= =D1=81=D1=82=D0=BE =D0=B7=D0=B0=D0=B9=D0=B4=D0=B8=D1=82=D0=B5 =D0=B2 =D0=B3= =D1=83=D0=B3=D0=BB =D0=B8 =D0=BD=D0=B0=D0=B1=D0=B5=D1=80=D0=B8=D1=82=D0=B5:= <=D0=BD=D0=B0=D0=B7=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5 =D1=81=D0=B5=D1= =80=D0=B2=D0=B8=D1=81=D0=B0> exporter. =D0=9D=D0=B0=D0=BF=D1=80= =D0=B8=D0=BC=D0=B5=D1=80 =D0=BC=D0=BE=D0=B6=D0=BD=D0=BE =D0=BD=D0=B0=D0=BF= =D0=B8=D1=81=D0=B0=D1=82=D1=8C: cassandra exporter =D0=B8=D0= =BB=D0=B8 =D0=B6=D0=B5: exim exporter. =D0=92 =D0=BE=D0=B1=D0= =BE=D0=B8=D1=85 =D1=81=D0=BB=D1=83=D1=87=D0=B0=D1=8F=D1=85 =D0=BF=D0=B5=D1= =80=D0=B2=D0=BE=D0=B9 =D1=81=D1=81=D1=8B=D0=BB=D0=BA=D0=BE=D0=B9 =D0=B1=D1= =83=D0=B4=D0=B5=D1=82 =D1=81=D1=81=D1=8B=D0=BB=D0=BA=D0=B0 =D0=BD=D0=B0 =D0= =BD=D1=83=D0=B6=D0=BD=D1=8B=D0=B9 =D0=B2=D0=B0=D0=BC =D1=8D=D0=BA=D1=81=D0= =BF=D0=BE=D1=80=D1=82=D0=B5=D1=80 =D0=BD=D0=B0 GitHub'=D0=B5.

=D0=9E=D0=B1=D1=8B=D1=87=D0=BD=D0=BE =D0=B2 =D0=BE=D0=BF=D0=B8=D1=81=D0= =B0=D0=BD=D0=B8=D0=B8 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1= =80=D0=B0 =D0=BD=D0=B0 GitHub =D0=B1=D1=83=D0=B4=D0=B5=D1=82 =D0=B4=D0=BE= =D1=81=D1=82=D1=83=D0=BF=D0=BD=D0=B0 =D0=B8=D0=BD=D1=81=D1=82=D1=80=D1=83= =D0=BA=D1=86=D0=B8=D1=8F =D0=BF=D0=BE =D0=B7=D0=B0=D0=BF=D1=83=D1=81=D0=BA= =D1=83 =D0=B8 =D1=83=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BA=D0=B5. =D0= =9D=D0=BE =D1=81=D0=BA=D0=BE=D1=80=D0=B5=D0=B5 =D0=B2=D1=81=D0=B5=D0=B3=D0= =BE =D0=B2=D1=8B =D1=81=D0=BC=D0=BE=D0=B6=D0=B5=D1=82=D0=B5 =D1=81=D0=BA=D0= =B0=D1=87=D0=B0=D1=82=D1=8C =D1=83=D0=B6=D0=B5 =D1=81=D0=BE=D0=B1=D1=80=D0= =B0=D0=BD=D0=BD=D1=8B=D0=B9 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0= =B5=D1=80 =D0=B8 =D0=B7=D0=B0=D0=BF=D1=83=D1=81=D1=82=D0=B8=D1=82=D1=8C =D0= =B5=D0=B3=D0=BE, =D0=B4=D0=B0=D0=B6=D0=B5 =D0=B5=D1=81=D0=BB=D0=B8 =D0=B8= =D0=BD=D1=81=D1=82=D1=80=D1=83=D0=BA=D1=86=D0=B8=D0=B8 =D0=BD=D0=B5=D1=82.<= /p>

2. =D0=A3=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BA=D0=B0 Redis exporte= r

=D0=A2=D0=B5=D0=BF=D0=B5=D1=80=D1=8C =D0=BD=D0=B0=D1=88=D0=B0 =D0=B7=D0= =B0=D0=B4=D0=B0=D1=87=D0=B0 =D1=83=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0= =B8=D1=82=D1=8C Redis exporter, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B9 = =D0=B1=D1=83=D0=B4=D0=B5=D1=82 =D0=BF=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87= =D0=B0=D1=82=D1=8C=D1=81=D1=8F =D0=BA =D0=BD=D0=B0=D1=88=D0=B5=D0=BC=D1=83 = Redis =D1=81=D0=B5=D1=80=D0=B2=D0=B5=D1=80=D1=83 =D0=B8 =D0=B2=D1=8B=D0=B4= =D0=B0=D0=B2=D0=B0=D1=82=D1=8C =D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=D0=B8 = =D0=B2 =D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=82=D0=B5 Prometheus. =D0=A1=D0=BA= =D0=B0=D1=87=D0=B8=D0=B2=D0=B0=D0=B5=D0=BC =D1=8D=D0=BA=D1=81=D0=BF=D0=BE= =D1=80=D1=82=D0=B5=D1=80:

root@node1:~# cd /opt/
root@node1:/opt# wget https://github.com/olive=
r006/redis_exporter/releases/download/v1.20.0/redis_exporter-v1.20.0.linux-=
amd64.tar.gz
... skipped ...
root@node1:/opt# tar zxf redis_exporter-v1.20.=
0.linux-amd64.tar.gz
root@node1:/opt# mv redis_exporter-v1.20.0.lin=
ux-amd64 redis-exporter

=D0=94=D0=B0=D0=B2=D0=B0=D0=B9=D1=82=D0=B5 =D0=BF=D0=BE=D1=81=D0=BC=D0= =BE=D1=82=D1=80=D0=B8=D0=BC =D0=BD=D0=B0 =D0=BE=D1=81=D0=BD=D0=BE=D0=B2=D0= =BD=D1=8B=D0=B5 =D0=BF=D0=B0=D1=80=D0=B0=D0=BC=D0=B5=D1=82=D1=80=D1=8B =D0= =B7=D0=B0=D0=BF=D1=83=D1=81=D0=BA=D0=B0 =D0=B4=D0=B0=D0=BD=D0=BD=D0=BE=D0= =B3=D0=BE =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D0=B0:

  • -redis.addr=3Dredis://localhost:6379 - =D0=B0=D0=B4=D1=80=D0= =B5=D1=81 Redis =D1=81=D0=B5=D1=80=D0=B2=D0=B5=D1=80=D0=B0, =D1=81 =D0=BA= =D0=BE=D1=82=D0=BE=D1=80=D0=BE=D0=B3=D0=BE =D0=BD=D0=B5=D0=BE=D0=B1=D1=85= =D0=BE=D0=B4=D0=B8=D0=BC=D0=BE =D1=81=D0=BE=D0=B1=D0=B8=D1=80=D0=B0=D1=82= =D1=8C =D0=B8=D0=BD=D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=86=D0=B8=D1=8E;
  • -web.listen-address - =D0=B0=D0=B4=D1=80=D0=B5=D1=81, =D0=BD= =D0=B0 =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D0=BE=D0=BC =D0=BD=D1=83=D0=B6=D0=BD= =D0=BE =D1=81=D0=BB=D1=83=D1=88=D0=B0=D1=82=D1=8C =D0=B2=D1=85=D0=BE=D0=B4= =D1=8F=D1=89=D0=B8=D0=B5 =D0=BF=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B5= =D0=BD=D0=B8=D1=8F =D0=BE=D1=82 Prometheus;
  • -web.telemetry-path - url =D0=BF=D0=BE =D0=BA=D0=BE=D1=82=D0= =BE=D1=80=D0=BE=D0=BC=D1=83 Prometheus =D1=81=D0=BC=D0=BE=D0=B6=D0=B5=D1=82= =D0=B7=D0=B0=D0=B1=D1=80=D0=B0=D1=82=D1=8C =D0=BC=D0=B5=D1=82=D1=80=D0=B8= =D0=BA=D0=B8.

=D0=9D=D0=B0 =D1=81=D0=B0=D0=BC=D0=BE=D0=BC =D0=B4=D0=B5=D0=BB=D0=B5 =D1= =83 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D0=B0 =D0=BD=D0= =B0=D0=BC=D0=BD=D0=BE=D0=B3=D0=BE =D0=B1=D0=BE=D0=BB=D1=8C=D1=88=D0=B5 =D0= =BF=D0=B0=D1=80=D0=B0=D0=BC=D0=B5=D1=82=D1=80=D0=BE=D0=B2, =D0=BD=D0=BE =D0= =BF=D1=80=D0=B0=D0=BA=D1=82=D0=B8=D1=87=D0=B5=D1=81=D0=BA=D0=B8 =D0=B2=D1= =81=D0=B5 =D0=BE=D0=BD=D0=B8 =D0=BE=D1=82=D0=BD=D0=BE=D1=81=D1=8F=D1=82=D1= =81=D1=8F =D0=BA =D1=81=D0=BE=D0=B1=D0=B8=D1=80=D0=B0=D0=B5=D0=BC=D1=8B=D0= =BC =D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=D0=B0=D0=BC. =D0=9A=D0=B0=D0=BA=D0= =B8=D0=B5-=D1=82=D0=BE =D0=B8=D0=B7 =D0=BD=D0=B8=D1=85 =D0=BC=D0=BE=D0=B6= =D0=BD=D0=BE =D0=BE=D1=82=D0=BA=D0=BB=D1=8E=D1=87=D0=B8=D1=82=D1=8C, =D0=BA= =D0=B0=D0=BA=D0=B8=D0=B5-=D1=82=D0=BE, =D0=BD=D0=B0=D0=BE=D0=B1=D0=BE=D1=80= =D0=BE=D1=82, =D0=B2=D0=BA=D0=BB=D1=8E=D1=87=D0=B8=D1=82=D1=8C. =D0=94=D0= =BB=D1=8F =D0=BD=D0=B0=D1=81 =D1=81=D0=B5=D0=B9=D1=87=D0=B0=D1=81 =D1=81=D0= =B0=D0=BC=D0=BE=D0=B5 =D0=B3=D0=BB=D0=B0=D0=B2=D0=BD=D0=BE=D0=B5 - =D1=8D= =D1=82=D0=BE =D0=BF=D0=BE=D0=BD=D1=8F=D1=82=D1=8C, =D1=87=D1=82=D0=BE =D1= =8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80 =D0=BF=D0=BE=D0=B4=D0= =BA=D0=BB=D1=8E=D1=87=D0=B0=D0=B5=D1=82=D1=81=D1=8F =D0=BA Redis, =D0=B2=D1= =8B=D1=82=D0=B0=D1=81=D0=BA=D0=B8=D0=B2=D0=B0=D0=B5=D1=82 =D0=B8=D0=B7 =D0= =BD=D0=B5=D0=B3=D0=BE =D0=B8=D0=BD=D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=86=D0= =B8=D1=8E =D0=B8 =D0=BE=D1=82=D0=B4=D0=B0=D0=B5=D1=82 =D0=B5=D0=B5 Promethe= us =D0=B2 =D0=B5=D0=B3=D0=BE =D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=82=D0=B5.

=D0=98=D1=82=D0=B0=D0=BA, =D0=B7=D0=B0=D0=BF=D1=83=D1=81=D0=BA=D0=B0=D0= =B5=D0=BC =D0=BD=D0=B0=D1=88 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0= =B5=D1=80:

root@node1:/opt/redis-exporter# ./redis_exporter -redis.addr redis://localhost=
:6379 -web.listen-address=3D:9121 -web.telemetry-path=3D/metrics
INFO[0000] Redis Metrics Exporter v1.20.0    build date: 2021-03-22-13:25:0=
2    sha1: f367ed48b4d1571b57f59e435418f402d4329265    Go: go1.16.2    GOOS=
: linux    GOARCH: amd64
INFO[0000] Providing metrics at :9121/metrics

=D0=9A=D0=B0=D0=BA =D0=B2=D0=B8=D0=B4=D0=BD=D0=BE =D0=B8=D0=B7 =D0=BB=D0= =BE=D0=B3=D0=B0, =D0=BD=D0=B0=D1=88 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1= =82=D0=B5=D1=80 =D1=83=D1=81=D0=BF=D0=B5=D1=88=D0=BD=D0=BE =D0=B7=D0=B0=D0= =BF=D1=83=D1=81=D1=82=D0=B8=D0=BB=D1=81=D1=8F =D0=B8 =D0=B3=D0=BE=D1=82=D0= =BE=D0=B2 =D0=BA =D1=80=D0=B0=D0=B1=D0=BE=D1=82=D0=B5.

=D0=9F=D0=BE=D1=81=D0=BA=D0=BE=D0=BB=D1=8C=D0=BA=D1=83 =D0=B2=D1=81=D0= =B5 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D1=8B =D0=BE=D1= =82=D0=B4=D0=B0=D1=8E=D1=82 =D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=D0=B8 =D0= =BF=D0=BE http =D0=BF=D1=80=D0=BE=D1=82=D0=BE=D0=BA=D0=BE=D0=BB=D1=83, =D0= =BC=D1=8B =D0=BC=D0=BE=D0=B6=D0=B5=D0=BC =D1=81=D0=B0=D0=BC=D0=B8 =D0=BF=D0= =BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B8=D1=82=D1=8C=D1=81=D1=8F =D0=BA =D0= =BD=D0=B5=D0=BC=D1=83 =D1=81 =D0=BF=D0=BE=D0=BC=D0=BE=D1=89=D1=8C=D1=8E curl =D0=B8 =D0=BF=D0=BE=D1=81=D0=BC=D0=BE=D1=82=D1=80=D0=B5=D1= =82=D1=8C, =D1=87=D1=82=D0=BE =D0=BE=D0=BD =D1=83=D1=81=D0=BF=D0=B5=D0=BB = =D1=81=D0=BE=D0=B1=D1=80=D0=B0=D1=82=D1=8C:

root@node1:/opt/redis-exporter# curl localhost:9121/metrics
# HELP go_gc_duration_seconds A summary of the=
 pause duration of garbage collection cycles.
# TYPE go_gc_duration_seconds summary
go_gc_duration_seconds{quantile=3D"0"} 0
go_gc_duration_seconds{quantile=3D"0.25"=
} 0
go_gc_duration_seconds{quantile=3D"0.5"}=
 0
go_gc_duration_seconds{quantile=3D"0.75"=
} 0

... skipped ...

# HELP redis_commands_processed_total commands=
_processed_total metric
# TYPE redis_commands_processed_total counter<=
/span>
redis_commands_processed_total 3
# HELP redis_commands_total Total number of ca=
lls per command
# TYPE redis_commands_total counter
redis_commands_total{cmd=3D"client"} 1
redis_commands_total{cmd=3D"config"} 1
redis_commands_total{cmd=3D"info"} 1

... skipped ...

# HELP redis_memory_used_bytes memory_used_byt=
es metric
# TYPE redis_memory_used_bytes gauge
redis_memory_used_bytes 859240
# HELP redis_memory_used_dataset_bytes memory_=
used_dataset_bytes metric
# TYPE redis_memory_used_dataset_bytes gauge
redis_memory_used_dataset_bytes 13314
# HELP redis_memory_used_lua_bytes memory_used=
_lua_bytes metric
# TYPE redis_memory_used_lua_bytes gauge
redis_memory_used_lua_bytes 41984
# HELP redis_memory_used_overhead_bytes memory=
_used_overhead_bytes metric
# TYPE redis_memory_used_overhead_bytes gauge<=
/span>
redis_memory_used_overhead_bytes 845926

... skipped ...

=D0=9E=D1=82=D0=BB=D0=B8=D1=87=D0=BD=D0=BE! =D0=AD=D0=BA=D1=81=D0=BF=D0= =BE=D1=80=D1=82=D0=B5=D1=80 =D0=BE=D1=82=D0=B4=D0=B0=D0=BB =D0=BD=D0=B0=D0= =BC =D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=D0=B8, =D0=BA=D0=BE=D1=82=D0=BE=D1= =80=D1=8B=D0=B5 =D0=BE=D0=BD =D1=83=D0=B6=D0=B5 =D1=83=D1=81=D0=BF=D0=B5=D0= =BB =D1=81=D0=BE=D0=B1=D1=80=D0=B0=D1=82=D1=8C. =D0=9D=D0=B0=D0=BF=D1=80=D0= =B8=D0=BC=D0=B5=D1=80, =D0=BC=D0=BE=D0=B6=D0=BD=D0=BE =D0=BF=D0=BE=D1=81=D0= =BC=D0=BE=D1=82=D1=80=D0=B5=D1=82=D1=8C =D0=BD=D0=B0 =D0=BC=D0=B5=D1=82=D1= =80=D0=B8=D0=BA=D1=83 redis_commands_processed_total, =D0=BA= =D0=BE=D1=82=D0=BE=D1=80=D0=B0=D1=8F =D1=81=D1=83=D0=B4=D1=8F =D0=BF=D0=BE = =D0=BD=D0=B0=D0=B7=D0=B2=D0=B0=D0=BD=D0=B8=D1=8E =D0=BF=D0=BE=D0=BA=D0=B0= =D0=B7=D1=8B=D0=B2=D0=B0=D0=B5=D1=82 =D0=BA=D0=BE=D0=BB=D0=B8=D1=87=D0=B5= =D1=81=D1=82=D0=B2=D0=BE =D0=B2=D1=8B=D0=BF=D0=BE=D0=BB=D0=BD=D0=B5=D0=BD= =D0=BD=D1=8B=D1=85 =D0=BA=D0=BE=D0=BC=D0=B0=D0=BD=D0=B4 Redis-=D1=81=D0=B5= =D1=80=D0=B2=D0=B5=D1=80=D0=BE=D0=BC. =D0=98=D0=BB=D0=B8 =D0=B6=D0=B5 =D0= =BC=D0=BE=D0=B6=D0=BD=D0=BE =D0=BE=D0=B1=D1=80=D0=B0=D1=82=D0=B8=D1=82=D1= =8C =D0=B2=D0=BD=D0=B8=D0=BC=D0=B0=D0=BD=D0=B8=D0=B5 =D0=BD=D0=B0 =D0=BC=D0= =B5=D1=82=D1=80=D0=B8=D0=BA=D1=83 redis_commands_total{cmd=3D"config"= }, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D0=B0=D1=8F =D0=BF=D0=BE=D0=BA=D0= =B0=D0=B7=D1=8B=D0=B2=D0=B0=D0=B5=D1=82 =D0=BA=D0=BE=D0=BB=D0=B8=D1=87=D0= =B5=D1=81=D1=82=D0=B2=D0=BE =D0=B2=D1=8B=D0=BF=D0=BE=D0=BB=D0=BD=D0=B5=D0= =BD=D0=BD=D1=8B=D1=85 =D0=BA=D0=BE=D0=BC=D0=B0=D0=BD=D0=B4 CONFIG.

3. =D0=9F=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B5=D0=BD=D0=B8=D0=B5 = =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D0=B0 =D0=BA Prometh= eus

=D0=9F=D0=BE=D1=81=D0=BB=D0=B5=D0=B4=D0=BD=D0=B8=D0=B9 =D1=88=D0=B0=D0= =B3, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B9 =D0=BD=D0=B0=D0=BC =D0=BE= =D1=81=D1=82=D0=B0=D0=BB=D0=BE=D1=81=D1=8C =D1=81=D0=B4=D0=B5=D0=BB=D0=B0= =D1=82=D1=8C - =D0=B7=D0=B0=D1=81=D1=82=D0=B0=D0=B2=D0=B8=D1=82=D1=8C Prome= theus =D1=81=D0=BE=D0=B1=D0=B8=D1=80=D0=B0=D1=82=D1=8C =D0=BC=D0=B5=D1=82= =D1=80=D0=B8=D0=BA=D0=B8 =D1=81 =D0=BD=D0=B0=D1=88=D0=B5=D0=B3=D0=BE =D1=8D= =D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D0=B0. =D0=94=D0=BB=D1=8F = =D1=8D=D1=82=D0=BE=D0=B3=D0=BE =D0=BC=D1=8B =D1=82=D0=B0=D0=BA=D0=B6=D0=B5 = =D0=BC=D0=BE=D0=B6=D0=B5=D0=BC =D0=BE=D1=82=D1=80=D0=B5=D0=B4=D0=B0=D0=BA= =D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D1=82=D1=8C =D0=BA=D0=BE=D0=BD=D1=84= =D0=B8=D0=B3=D1=83=D1=80=D0=B0=D1=86=D0=B8=D0=BE=D0=BD=D0=BD=D1=8B=D0=B9 = =D1=84=D0=B0=D0=B9=D0=BB prometheus.yml =D0=B8 =D0=B4=D0=BE=D0= =B1=D0=B0=D0=B2=D0=B8=D1=82=D1=8C =D0=BD=D0=BE=D0=B2=D1=83=D1=8E =D0=B7=D0= =B0=D0=B4=D0=B0=D1=87=D1=83 =D1=81 =D0=BE=D0=BF=D0=B8=D1=81=D0=B0=D0=BD=D0= =B8=D0=B5=D0=BC =D0=BD=D0=B0=D1=88=D0=B5=D0=B3=D0=BE =D1=8D=D0=BA=D1=81=D0= =BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D0=B0. =D0=92=D1=81=D0=B5 =D0=B0=D0=B1=D1= =81=D0=BE=D0=BB=D1=8E=D1=82=D0=BD=D0=BE =D0=B0=D0=BD=D0=B0=D0=BB=D0=BE=D0= =B3=D0=B8=D1=87=D0=BD=D0=BE =D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D1=80=D1=83 =D1= =81 =D0=BD=D0=B0=D1=81=D1=82=D1=80=D0=BE=D0=B9=D0=BA=D0=BE=D0=B9 node= _exporter:

global:
  scrape_interval:     15s

scrape_configs:
  - job_name:<=
/span> 'prometheus'
    static_configs:
    - targets:=
 ['localhost:9090']

  - job_name:<=
/span> 'redis'
    scrape_interval: 5s
    static_configs:
      - target=
s: ['localhost:9121']

=D0=98=D1=82=D0=B0=D0=BA, =D0=B4=D0=B0=D0=B2=D0=B0=D0=B9=D1=82=D0=B5 =D0= =BF=D0=BE=D0=BF=D1=80=D0=BE=D0=B1=D1=83=D0=B5=D0=BC =D0=BF=D0=B5=D1=80=D0= =B5=D0=B7=D0=B0=D0=BF=D1=83=D1=81=D1=82=D0=B8=D1=82=D1=8C Prometheus =D0=B8= =D0=BF=D0=BE=D1=81=D0=BC=D0=BE=D1=82=D1=80=D0=B5=D1=82=D1=8C =D0=BD=D0=B0 = =D1=80=D0=B5=D0=B7=D1=83=D0=BB=D1=8C=D1=82=D0=B0=D1=82, =D0=B2=D0=BE=D1=81= =D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D0=B2=D1=88=D0=B8=D1=81=D1= =8C =D1=83=D1=82=D0=B8=D0=BB=D0=B8=D1=82=D0=BE=D0=B9 promtool:= 

root@node1:/opt/prometheus# systemctl restart prometheus
root@node1:/opt/prometheus# ./promtool query i=
nstant http://localhost:9090 up
up{instance=3D"localhost:9090", job=3D"prometheus"} =3D> 1 @[1617801868.196]
up{instance=3D"localhost:9121", job=3D"redis"} =3D> 1 @[1617801868.196]

=D0=9A=D0=B0=D0=BA =D0=B2=D0=B8=D0=B4=D0=BD=D0=BE =D0=B8=D0=B7 =D0=B2=D1= =8B=D0=B2=D0=BE=D0=B4=D0=B0 =D0=BD=D0=B0=D1=88 =D1=8D=D0=BA=D1=81=D0=BF=D0= =BE=D1=80=D1=82=D0=B5=D1=80 =D0=B1=D1=8B=D0=BB =D1=83=D1=81=D0=BF=D0=B5=D1= =88=D0=BD=D0=BE =D0=B7=D0=B0=D0=BF=D1=83=D1=89=D0=B5=D0=BD, =D0=B8 Promethe= us =D0=BD=D0=B0=D1=87=D0=B0=D0=BB =D1=81=D0=BE=D0=B1=D0=B8=D1=80=D0=B0=D1= =82=D1=8C =D1=81 =D0=BD=D0=B5=D0=B3=D0=BE =D0=B8=D0=BD=D1=84=D0=BE=D1=80=D0= =BC=D0=B0=D1=86=D0=B8=D1=8E.

=D0=A3=D0=BD=D0=B8=D0=B2=D0=B5=D1=80=D1=81=D0=B0=D0=BB=D1=8C=D0=BD=D1= =8B=D0=B9 =D0=B0=D0=BB=D0=B3=D0=BE=D1=80=D0=B8=D1=82=D0=BC =D0=BF=D0=BE=D0= =B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B5=D0=BD=D0=B8=D1=8F =D1=81=D0=B5=D1=80=D0= =B2=D0=B8=D1=81=D0=BE=D0=B2.

=D0=92 =D0=B2=D0=B0=D1=88=D0=B5=D0=B9 =D0=B8=D0=BD=D1=84=D1=80=D0=B0=D1= =81=D1=82=D1=80=D1=83=D0=BA=D1=82=D1=83=D1=80=D0=B5 =D0=BC=D0=BE=D0=B6=D0= =B5=D1=82 =D0=BD=D0=B0=D1=85=D0=BE=D0=B4=D0=B8=D1=82=D1=8C=D1=81=D1=8F =D0= =BF=D1=80=D0=BE=D1=81=D1=82=D0=BE =D0=BE=D0=B3=D1=80=D0=BE=D0=BC=D0=BD=D0= =BE=D0=B5 =D0=BA=D0=BE=D0=BB=D0=B8=D1=87=D0=B5=D1=81=D1=82=D0=B2=D0=BE =D1= =80=D0=B0=D0=B7=D0=BB=D0=B8=D1=87=D0=BD=D1=8B=D1=85 =D1=81=D0=B5=D1=80=D0= =B2=D0=B8=D1=81=D0=BE=D0=B2, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B5 =D0= =B7=D0=B0=D0=BF=D1=83=D1=81=D0=BA=D0=B0=D1=8E=D1=82=D1=81=D1=8F =D0=B2 =D0= =BE=D0=BF=D0=B5=D1=80=D0=B0=D1=86=D0=B8=D0=BE=D0=BD=D0=BD=D0=BE=D0=B9 =D1= =81=D0=B8=D1=81=D1=82=D0=B5=D0=BC=D0=B5. =D0=AD=D1=82=D0=BE =D0=BC=D0=BE=D0= =B3=D1=83=D1=82 =D0=B1=D1=8B=D1=82=D1=8C =D0=B8 =D0=B1=D0=B0=D0=B7=D1=8B = =D0=B4=D0=B0=D0=BD=D0=BD=D1=8B=D1=85: MySQL, PostgreSQL, MS SQL, Redis, Cas= sandra =D0=B8 =D0=B4=D1=80=D1=83=D0=B3=D0=B8=D0=B5. =D0=AD=D1=82=D0=BE =D1= =82=D0=B0=D0=BA=D0=B6=D0=B5 =D0=BC=D0=BE=D0=B3=D1=83=D1=82 =D0=B1=D1=8B=D1= =82=D1=8C =D0=B2=D0=B5=D0=B1-=D1=81=D0=B5=D1=80=D0=B2=D0=B5=D1=80=D1=8B: Li= ghttpd, Nginx, Apache =D0=B8 =D1=82=D0=B0=D0=BA =D0=B4=D0=B0=D0=BB=D0=B5=D0= =B5. =D0=9D=D0=BE =D0=B4=D0=BB=D1=8F =D0=BF=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E= =D1=87=D0=B5=D0=BD=D0=B8=D1=8F =D0=B2=D1=81=D0=B5=D0=B3=D0=BE =D1=8D=D1=82= =D0=BE=D0=B3=D0=BE =D0=BC=D0=BD=D0=BE=D0=B3=D0=BE=D0=B1=D1=80=D0=B0=D0=B7= =D0=B8=D1=8F =D0=B2=D0=B0=D0=BC =D0=BF=D0=BE=D0=B4=D0=BE=D0=B9=D0=B4=D0=B5= =D1=82 =D0=BF=D1=80=D0=BE=D1=81=D1=82=D0=BE=D0=B9 =D1=83=D0=BD=D0=B8=D0=B2= =D0=B5=D1=80=D1=81=D0=B0=D0=BB=D1=8C=D0=BD=D1=8B=D0=B9 =D0=B0=D0=BB=D0=B3= =D0=BE=D1=80=D0=B8=D1=82=D0=BC:

  1. =D0=9F=D0=BE=D0=B8=D1=81=D0=BA =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1= =82=D0=B5=D1=80=D0=B0. =D0=92=D0=B0=D0=BC =D0=BD=D0=B5=D0=BE=D0=B1=D1=85=D0= =BE=D0=B4=D0=B8=D0=BC=D0=BE =D0=BD=D0=B0=D0=B9=D1=82=D0=B8 =D0=B2 google = =D0=B8=D0=BD=D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=86=D0=B8=D1=8E, =D0=BA=D0=B0= =D0=BA=D0=BE=D0=B9 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80 = =D0=BC=D0=BE=D0=B6=D0=B5=D1=82 =D1=81=D0=BE=D0=B1=D0=B8=D1=80=D0=B0=D1=82= =D1=8C =D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=D0=B8 =D1=81 =D0=B2=D0=B0=D1=88= =D0=B5=D0=B3=D0=BE =D1=81=D0=B5=D1=80=D0=B2=D0=B8=D1=81=D0=B0. =D0=92 =D0= =BE=D1=87=D0=B5=D0=BD=D1=8C =D1=80=D0=B5=D0=B4=D0=BA=D0=B8=D1=85 =D1=81=D0= =BB=D1=83=D1=87=D0=B0=D1=8F=D1=85 =D0=B2=D1=8B =D0=BD=D0=B5 =D1=81=D0=BC=D0= =BE=D0=B6=D0=B5=D1=82=D0=B5 =D0=BD=D0=B0=D0=B9=D1=82=D0=B8 =D1=82=D0=B0=D0= =BA=D0=BE=D0=B9 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80, =D1= =82=D0=BE=D0=B3=D0=B4=D0=B0 =D0=B5=D0=B3=D0=BE =D0=BC=D0=BE=D0=B6=D0=BD=D0= =BE =D0=B1=D1=83=D0=B4=D0=B5=D1=82 =D0=BD=D0=B0=D0=BF=D0=B8=D1=81=D0=B0=D1= =82=D1=8C =D1=81=D0=B0=D0=BC=D0=B8=D0=BC. =D0=9D=D0=BE =D1=8D=D1=82=D0=BE = =D0=B4=D0=B5=D0=B9=D1=81=D1=82=D0=B2=D0=B8=D1=82=D0=B5=D0=BB=D1=8C=D0=BD=D0= =BE =D0=BE=D1=87=D0=B5=D0=BD=D1=8C =D1=80=D0=B5=D0=B4=D0=BA=D0=B0=D1=8F =D1= =81=D0=B8=D1=82=D1=83=D0=B0=D1=86=D0=B8=D1=8F.

  2. =D0=A3=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BA=D0=B0 =D1=8D=D0=BA=D1= =81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D0=B0. =D0=9D=D0=B0 =D0=B4=D0=B0=D0= =BD=D0=BD=D0=BE=D0=BC =D1=8D=D1=82=D0=B0=D0=BF=D0=B5 =D0=B2=D0=B0=D0=BC =D0= =BF=D1=80=D0=B5=D0=B4=D1=81=D1=82=D0=BE=D0=B8=D1=82 =D0=BB=D0=B8=D0=B1=D0= =BE =D1=81=D0=BA=D0=B0=D1=87=D0=B0=D1=82=D1=8C =D0=B1=D0=B8=D0=BD=D0=B0=D1= =80=D0=BD=D1=8B=D0=B9 =D1=84=D0=B0=D0=B9=D0=BB =D0=B8 =D0=B7=D0=B0=D0=BF=D1= =83=D1=81=D1=82=D0=B8=D1=82=D1=8C =D0=B5=D0=B3=D0=BE =D1=81 =D0=BF=D0=BE=D0= =BC=D0=BE=D1=89=D1=8C=D1=8E systemd, =D0=BB=D0=B8=D0=B1=D0=BE =D0=B8=D1=81= =D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82=D1=8C Docker =D0=BA= =D0=BE=D0=BD=D1=82=D0=B5=D0=B9=D0=BD=D0=B5=D1=80 =D0=B4=D0=BB=D1=8F =D0=B7= =D0=B0=D0=BF=D1=83=D1=81=D0=BA=D0=B0 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80= =D1=82=D0=B5=D1=80=D0=B0 (=D1=87=D0=B0=D1=81=D1=82=D0=BE =D0=BC=D0=BE=D0=B6= =D0=BD=D0=BE =D0=BD=D0=B0=D0=B9=D1=82=D0=B8 =D0=B3=D0=BE=D1=82=D0=BE=D0=B2= =D1=8B=D0=B9 Docker =D0=BE=D0=B1=D1=80=D0=B0=D0=B7).

Best Practice: =D0=9C=D1=8B =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=B7=D0=B0=D0= =BF=D1=83=D1=81=D0=BA=D0=B0=D1=82=D1=8C =D0=B2=D1=81=D0=B5 =D1=8D=D0=BA=D1= =81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D1=8B =D1=81 =D0=BF=D0=BE=D0=BC=D0= =BE=D1=89=D1=8C=D1=8E Docker. =D0=92 =D0=BE=D1=82=D0=BB=D0=B8=D1=87=D0=B8= =D0=B8 =D0=BE=D1=82 =D0=BC=D0=BE=D0=BD=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D0=BD= =D0=B3=D0=B0 =D1=81=D0=B8=D1=81=D1=82=D0=B5=D0=BC=D0=BD=D1=8B=D1=85 =D0=BC= =D0=B5=D1=82=D1=80=D0=B8=D0=BA =D1=87=D0=B5=D1=80=D0=B5=D0=B7 node_ex= porter, =D0=BE=D1=81=D1=82=D0=B0=D0=BB=D1=8C=D0=BD=D1=8B=D0=B5 =D1= =8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D1=8B =D0=B2=D1=81=D0= =B5=D0=B3=D0=BE =D0=BB=D0=B8=D1=88=D1=8C =D1=8F=D0=B2=D0=BB=D1=8F=D1=8E=D1= =82=D1=81=D1=8F =D0=BD=D0=B5=D0=B1=D0=BE=D0=BB=D1=8C=D1=88=D0=B8=D0=BC =D0= =BF=D1=80=D0=BE=D0=BA=D1=81=D0=B8 =D0=BF=D1=80=D0=B8=D0=BB=D0=BE=D0=B6=D0= =B5=D0=BD=D0=B8=D0=B5=D0=BC, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D0=BE=D0=B5 =D1= =81=D0=BE=D0=B1=D0=B8=D1=80=D0=B0=D0=B5=D1=82 =D0=BC=D0=B5=D1=82=D1=80=D0= =B8=D0=BA=D0=B8 =D0=B8=D0=B7 =D1=81=D0=B5=D1=80=D0=B2=D0=B8=D1=81=D0=B0, = =D0=BA=D0=BE=D0=BD=D0=B2=D0=B5=D1=80=D1=82=D0=B8=D1=80=D1=83=D0=B5=D1=82 = =D0=B8=D1=85 =D0=B2 =D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=82 Prometheus =D0=B8 = =D0=BE=D1=82=D0=B4=D0=B0=D0=B5=D1=82 =D0=BF=D1=80=D0=B8 =D0=B7=D0=B0=D0=BF= =D1=80=D0=BE=D1=81=D0=B5. =D0=9F=D0=BE=D1=8D=D1=82=D0=BE=D0=BC=D1=83 =D1=82= =D0=B0=D0=BA=D0=B8=D0=B5 =D0=BF=D1=80=D0=B8=D0=BB=D0=BE=D0=B6=D0=B5=D0=BD= =D0=B8=D1=8F =D0=BD=D0=B0=D0=B4=D0=BE =D0=B7=D0=B0=D0=B2=D0=BE=D1=80=D0=B0= =D1=87=D0=B8=D0=B2=D0=B0=D1=82=D1=8C =D0=B2 Docker =D0=B1=D0=B5=D0=B7 =D0= =BA=D0=BE=D0=BB=D0=B5=D0=B1=D0=B0=D0=BD=D0=B8=D0=B9.

  1. =D0=98=D0=B7=D1=83=D1=87=D0=B8=D1=82=D1=8C =D0=BF=D0=B0=D1=80=D0=B0=D0= =BC=D0=B5=D1=82=D1=80=D1=8B =D0=B7=D0=B0=D0=BF=D1=83=D1=81=D0=BA=D0=B0 =D1= =8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D0=B0. =D0=AD=D1=82=D0= =BE =D0=B2=D0=B0=D0=B6=D0=BD=D1=8B=D0=B9 =D0=BF=D1=83=D0=BD=D0=BA=D1=82, = =D0=BF=D0=BE=D1=81=D0=BA=D0=BE=D0=BB=D1=8C=D0=BA=D1=83 =D0=B2 =D0=BD=D0=B5= =D0=BC =D0=B2=D1=8B =D0=B4=D0=BE=D0=BB=D0=B6=D0=BD=D1=8B =D0=BD=D0=B0=D0=B9= =D1=82=D0=B8 =D0=BF=D0=B0=D1=80=D0=B0=D0=BC=D0=B5=D1=82=D1=80=D1=8B, =D0=BA= =D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B5 =D0=BE=D1=82=D0=B2=D0=B5=D1=87=D0=B0= =D1=8E=D1=82 =D0=B7=D0=B0 =D0=BF=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B5= =D0=BD=D0=B8=D0=B5 =D0=BA =D0=B8=D0=B7=D1=83=D1=87=D0=B0=D0=B5=D0=BC=D0=BE= =D0=BC=D1=83 =D1=81=D0=B5=D1=80=D0=B2=D0=B8=D1=81=D1=83 - =D0=BA=D0=B0=D0= =BA =D0=B2 =D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D1=80=D0=B5 =D1=81 Redis - =D0=BD= =D0=B0=D0=BC =D0=BD=D0=B5=D0=BE=D0=B1=D1=85=D0=BE=D0=B4=D0=B8=D0=BC=D0=BE = =D0=B1=D1=8B=D0=BB=D0=BE =D1=83=D0=BA=D0=B0=D0=B7=D0=B0=D1=82=D1=8C, =D0=BD= =D0=B0 =D0=BA=D0=B0=D0=BA=D0=BE=D0=BC =D1=85=D0=BE=D1=81=D1=82=D0=B5 =D1=83= =D0=BD=D0=B0=D1=81 =D0=B7=D0=B0=D0=BF=D1=83=D1=89=D0=B5=D0=BD Redis =D1=81= =D0=B5=D1=80=D0=B2=D0=B5=D1=80, =D0=BF=D0=BE=D0=B4 =D0=BA=D0=B0=D0=BA=D0=B8= =D0=BC =D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82=D0=B5=D0=BB= =D0=B5=D0=BC =D0=B8 =D0=BF=D0=B0=D1=80=D0=BE=D0=BB=D0=B5=D0=BC =D0=BC=D1=8B= =D0=B4=D0=BE=D0=BB=D0=B6=D0=BD=D1=8B =D0=BA =D0=BD=D0=B5=D0=BC=D1=83 =D0= =BF=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B0=D1=82=D1=8C=D1=81=D1=8F. =D0= =9F=D0=BE=D0=BC=D0=B8=D0=BC=D0=BE =D1=8D=D1=82=D0=BE=D0=B3=D0=BE =D0=BD=D0= =B0=D1=81 =D0=B8=D0=BD=D1=82=D0=B5=D1=80=D0=B5=D1=81=D1=83=D1=8E=D1=82 =D0= =BF=D0=B0=D1=80=D0=B0=D0=BC=D0=B5=D1=82=D1=80=D1=8B =D0=BF=D1=80=D0=BE=D1= =81=D0=BB=D1=83=D1=88=D0=BA=D0=B8 =D0=B0=D0=B4=D1=80=D0=B5=D1=81=D0=BE=D0= =B2, =D1=87=D1=82=D0=BE=D0=B1=D1=8B =D0=BC=D1=8B =D0=B7=D0=BD=D0=B0=D0=BB= =D0=B8, =D0=BD=D0=B0 =D0=BA=D0=B0=D0=BA=D0=BE=D0=B9 =D0=BF=D0=BE=D1=80=D1= =82 =D0=B4=D0=BE=D0=BB=D0=B6=D0=B5=D0=BD =D1=85=D0=BE=D0=B4=D0=B8=D1=82=D1= =8C Prometheus =D1=87=D1=82=D0=BE=D0=B1=D1=8B =D1=81=D0=BE=D0=B1=D1=80=D0= =B0=D1=82=D1=8C =D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=D0=B8.

  2. =D0=97=D0=B0=D0=BF=D1=83=D1=81=D1=82=D0=B8=D1=82=D1=8C =D1=8D=D0=BA=D1= =81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80 =D0=B8 =D0=BF=D0=BE=D0=B4=D0=BA=D0= =BB=D1=8E=D1=87=D0=B8=D1=82=D1=8C =D0=B5=D0=B3=D0=BE =D0=BA Prometheus. =D0= =9D=D1=83 =D0=B7=D0=B4=D0=B5=D1=81=D1=8C =D0=B2=D1=81=D0=B5 =D0=B4=D0=BE=D1= =81=D1=82=D0=B0=D1=82=D0=BE=D1=87=D0=BD=D0=BE =D0=BF=D1=80=D0=BE=D1=81=D1= =82=D0=BE - =D0=B7=D0=B0=D0=BF=D1=83=D1=81=D0=BA=D0=B0=D0=B5=D0=BC =D1=8D= =D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80 =D0=B8 =D1=80=D0=B5=D0=B4= =D0=B0=D0=BA=D1=82=D0=B8=D1=80=D1=83=D0=B5=D0=BC =D0=BA=D0=BE=D0=BD=D1=84= =D0=B8=D0=B3=D1=83=D1=80=D0=B0=D1=86=D0=B8=D0=BE=D0=BD=D0=BD=D1=8B=D0=B9 = =D1=84=D0=B0=D0=B9=D0=BB Prometheus, =D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB= =D1=8F=D1=8F =D0=BD=D0=BE=D0=B2=D1=8B=D0=B9 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE= =D1=80=D1=82=D0=B5=D1=80 =D0=B8 =D0=BD=D0=BE=D0=B2=D1=8B=D0=B5 =D1=82=D0=B5= =D0=B3=D0=B8 =D0=B4=D0=BB=D1=8F =D0=BD=D0=B5=D0=B3=D0=BE.

=D0=9E=D1=82=D1=80=D0=B0=D0=B1=D0=BE=D1=82=D0=B0=D1=82=D1=8C =D1=8D=D1= =82=D0=BE=D1=82 =D0=BF=D0=BE=D1=80=D1=8F=D0=B4=D0=BE=D0=BA =D0=B4=D0=B5=D0= =B9=D1=81=D1=82=D0=B2=D0=B8=D0=B9, =D0=BC=D1=8B =D0=BF=D1=80=D0=B5=D0=B4=D0= =BB=D0=BE=D0=B6=D0=B8=D0=BC =D0=B2=D0=B0=D0=BC =D0=B2 =D0=B7=D0=B0=D0=B4=D0= =B0=D0=BD=D0=B8=D0=B8 =D0=BA =D1=8D=D1=82=D0=BE=D0=BC=D1=83 =D1=83=D1=80=D0= =BE=D0=BA=D1=83. =D0=98=D1=81=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D1=83=D0=B9=D1= =82=D0=B5 =D1=8D=D1=82=D0=BE=D1=82 =D0=B0=D0=BB=D0=B3=D0=BE=D1=80=D0=B8=D1= =82=D0=BC =D0=B2=D1=81=D0=B5=D0=B3=D0=B4=D0=B0 =D0=B8 =D0=BE=D0=BD =D0=B1= =D1=83=D0=B4=D0=B5=D1=82 =D0=BF=D1=80=D0=B8=D0=BD=D0=BE=D1=81=D0=B8=D1=82= =D1=8C =D0=B2=D0=B0=D0=BC =D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D1=83 :)

=D0=9E=D0=B1=D0=B7=D0=BE=D1=80 =D0=BF=D0=BE=D0=BF=D1=83=D0=BB=D1=8F=D1= =80=D0=BD=D1=8B=D1=85 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1= =80=D0=BE=D0=B2

=D0=9D=D0=B0 =D1=81=D0=B0=D0=BC=D0=BE=D0=BC =D0=B4=D0=B5=D0=BB=D0=B5 =D0= =B1=D0=BE=D0=BB=D1=8C=D1=88=D0=BE=D0=B3=D0=BE =D1=81=D0=BC=D1=8B=D1=81=D0= =BB=D0=B0 =D0=BF=D0=B5=D1=80=D0=B5=D0=B2=D0=BE=D0=B4=D0=B8=D1=82=D1=8C =D0= =B8=D0=BB=D0=B8 =D0=BA=D0=BE=D0=BF=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D1=82=D1= =8C =D1=81=D1=82=D0=B0=D1=82=D1=8C=D1=8E List of exporters =D0= =BD=D0=B5=D1=82. =D0=9D=D0=BE =D1=8F =D0=B2=D1=81=D0=B5 =D0=B6=D0=B5 =D1=81= =D1=87=D0=B8=D1=82=D0=B0=D1=8E =D0=BF=D1=80=D0=B0=D0=B2=D0=B8=D0=BB=D1=8C= =D0=BD=D1=8B=D0=BC =D1=80=D0=B0=D1=81=D1=81=D0=BA=D0=B0=D0=B7=D0=B0=D1=82= =D1=8C =D0=B2=D0=B0=D0=BC =D0=BE =D1=81=D1=82=D0=B0=D0=BD=D0=B4=D0=B0=D1=80= =D1=82=D0=BD=D1=8B=D1=85 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5= =D1=80=D0=B0=D1=85, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B5 =D0=B2=D1=8B= =D1=81 99% =D0=B2=D0=B5=D1=80=D0=BE=D1=8F=D1=82=D0=BD=D0=BE=D1=81=D1=82=D1= =8C=D1=8E =D0=B1=D1=83=D0=B4=D0=B5=D1=82=D0=B5 =D0=B8=D1=81=D0=BF=D0=BE=D0= =BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82=D1=8C =D0=B2 =D1=81=D0=B2=D0=BE=D0= =B5=D0=B9 =D1=80=D0=B0=D0=B1=D0=BE=D1=82=D0=B5. =D0=98=D1=82=D0=B0=D0=BA, = =D0=BF=D0=BE=D0=B5=D1=85=D0=B0=D0=BB=D0=B8:

  1. node_exporter - =D1=8D=D0=BA=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80, =D0= =BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B9 =D0=BC=D0=BE=D0=BD=D0=B8=D1=82=D0= =BE=D1=80=D0=B8=D1=82 =D0=B2=D0=B0=D1=88=D1=83 =D0=BE=D0=BF=D0=B5=D1=80=D0= =B0=D1=86=D0=B8=D0=BE=D0=BD=D0=BD=D1=83=D1=8E =D1=81=D0=B8=D1=81=D1=82=D0= =B5=D0=BC=D1=83. =D0=95=D0=B3=D0=BE =D0=BC=D1=8B =D0=B8=D0=B7=D1=83=D1=87= =D0=B0=D0=BB=D0=B8 =D0=B2 =D0=BF=D1=80=D0=BE=D1=88=D0=BB=D0=BE=D0=BC =D0=B7= =D0=B0=D0=B4=D0=B0=D0=BD=D0=B8=D0=B8. =D0=9F=D1=80=D0=BE=D1=81=D1=82=D0=BE = Must Have =D0=B2 100% =D1=81=D0=BB=D1=83=D1=87=D0=B0=D0=B5=D0=B2. =D0=9A=D1= =81=D1=82=D0=B0=D1=82=D0=B8, =D0=B4=D0=BB=D1=8F Windows =D0=B5=D1=81=D1=82= =D1=8C =D1=81=D0=B2=D0=BE=D0=B9 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82= =D0=B5=D1=80 - windows_exporter

  2. snmp_exporter - =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1= =80 =D0=B4=D0=BB=D1=8F =D1=81=D0=B1=D0=BE=D1=80=D0=B0 =D0=BC=D0=B5=D1=82=D1= =80=D0=B8=D0=BA =D1=81 =D0=BE=D0=B1=D0=BE=D1=80=D1=83=D0=B4=D0=BE=D0=B2=D0= =B0=D0=BD=D0=B8=D1=8F, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D0=BE=D0=B5 =D0=BF=D0= =BE=D0=B4=D0=B4=D0=B5=D1=80=D0=B6=D0=B8=D0=B2=D0=B0=D0=B5=D1=82 SNMP =D0=BF= =D1=80=D0=BE=D1=82=D0=BE=D0=BA=D0=BE=D0=BB, =D0=B8 =D0=BE=D1=82=D0=B4=D0=B0= =D1=87=D0=B8 =D0=B8=D1=85 =D0=B2 =D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=82=D0=B5= Prometheus. =D0=9E=D1=87=D0=B5=D0=BD=D1=8C =D1=87=D0=B0=D1=81=D1=82=D1=8B= =D0=B9 =D0=B2=D0=BE=D0=BF=D1=80=D0=BE=D1=81: =D0=BA=D0=B0=D0=BA =D0=BC=D0= =BE=D0=BD=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D1=82=D1=8C =D1=81=D0=B5=D1=82=D0= =B5=D0=B2=D1=8B=D0=B5 =D0=B6=D0=B5=D0=BB=D0=B5=D0=B7=D0=BA=D0=B8 =D1=87=D0= =B5=D1=80=D0=B5=D0=B7 Prometheus? =D0=92=D0=BE=D1=82 =D0=BE=D1=82=D0=B2=D0= =B5=D1=82 - =D0=B8=D1=81=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D1=83=D1=8F SNMP =D1= =8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80.

  3. postgresql_exporter / mysqld_exporter / mssql_exporte= r - =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D1=8B =D0=B4= =D0=BB=D1=8F =D0=BF=D0=BE=D0=BF=D1=83=D0=BB=D1=8F=D1=80=D0=BD=D1=8B=D1=85 = =D0=B1=D0=B0=D0=B7 =D0=B4=D0=B0=D0=BD=D0=BD=D1=8B=D1=85. =D0=9F=D1=80=D0=B8= =D0=BD=D1=86=D0=B8=D0=BF =D1=80=D0=B0=D0=B1=D0=BE=D1=82=D1=8B =D1=82=D0=BE= =D1=87=D0=BD=D0=BE =D1=82=D0=B0=D0=BA=D0=BE=D0=B9 =D0=B6=D0=B5, =D0=BA=D0= =B0=D0=BA =D0=B8 =D1=83 =D0=BE=D1=81=D1=82=D0=B0=D0=BB=D1=8C=D0=BD=D1=8B=D1= =85 - =D0=BF=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B0=D1=8E=D1=82=D1=81=D1= =8F =D0=BA =D0=B1=D0=B0=D0=B7=D0=B5, =D0=B2=D1=8B=D1=82=D0=B0=D1=81=D0=BA= =D0=B8=D0=B2=D0=B0=D1=8E=D1=82 =D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=D0=B8 = =D0=B8 =D0=BE=D1=82=D0=B4=D0=B0=D1=8E=D1=82 Prometheus'=D1=83.

  4. kafka_exporter / rabbitmq_exporter - =D1=8D=D0=BA=D1=81=D0=BF=D0= =BE=D1=80=D1=82=D0=B5=D1=80=D1=8B =D0=B4=D0=BB=D1=8F =D0=BF=D0=BE=D0=BF=D1= =83=D0=BB=D1=8F=D1=80=D0=BD=D1=8B=D1=85 =D0=BF=D1=80=D0=B8=D0=BB=D0=BE=D0= =B6=D0=B5=D0=BD=D0=B8=D0=B9 =D0=BE=D1=87=D0=B5=D1=80=D0=B5=D0=B4=D0=B5=D0= =B9 =D1=81=D0=BE=D0=BE=D0=B1=D1=89=D0=B5=D0=BD=D0=B8=D0=B9.

  5. nginxlog_exporter - =D1=8D=D0=BA=D1=81=D0=BF=D0=BE= =D1=80=D1=82=D0=B5=D1=80, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B9 =D1=87= =D0=B8=D1=82=D0=B0=D0=B5=D1=82 =D1=84=D0=B0=D0=B9=D0=BB access.log =D0=BB= =D1=8E=D0=B1=D0=BE=D0=B3=D0=BE =D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=82=D0=B0 = =D0=B8 =D0=BD=D0=B0=D0=BA=D0=B0=D0=BF=D0=BB=D0=B8=D0=B2=D0=B0=D0=B5=D1=82 = =D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=D0=B8 =D0=B8=D0=B7 =D0=BD=D0=B5=D0=B3= =D0=BE. =D0=9D=D0=B0=D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D1=80, =D0=BF=D0=BE=D1= =8F=D0=B2=D0=B8=D0=BB=D0=B0=D1=81=D1=8C =D1=81=D1=82=D1=80=D0=BE=D0=BA=D0= =B0 =D1=81 500-=D0=BE=D0=B9 =D0=BE=D1=88=D0=B8=D0=B1=D0=BA=D0=BE=D0=B9 =D0= =B2 =D0=BB=D0=BE=D0=B3=D0=B5 Nginx, =D0=B8 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE= =D1=80=D1=82=D0=B5=D1=80 =D0=B2=D0=BD=D1=83=D1=82=D1=80=D0=B8 =D1=81=D0=B5= =D0=B1=D1=8F =D1=83=D0=B2=D0=B5=D0=BB=D0=B8=D1=87=D0=B8=D0=B2=D0=B0=D0=B5= =D1=82 =D0=B7=D0=BD=D0=B0=D1=87=D0=B5=D0=BD=D0=B8=D0=B5 =D1=81=D1=87=D0=B5= =D1=82=D1=87=D0=B8=D0=BA=D0=B0 =D1=81 500-=D0=BC=D0=B8 =D0=BE=D1=88=D0=B8= =D0=B1=D0=BA=D0=B0=D0=BC=D0=B8. =D0=90 =D0=BA=D0=BE=D0=B3=D0=B4=D0=B0 =D0= =BF=D1=80=D0=B8=D0=B4=D0=B5=D1=82 Prometheus - =D0=BE=D1=82=D0=B4=D0=B0=D0= =B5=D1=82 =D0=B2=D1=81=D0=B5 =D1=81=D0=BE=D0=B1=D1=80=D0=B0=D0=BD=D0=BD=D1= =8B=D0=B5 =D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=D0=B8. =D0=9E=D1=87=D0=B5=D0= =BD=D1=8C =D1=85=D0=BE=D1=80=D0=BE=D1=88=D0=B8=D0=B9 =D1=8D=D0=BA=D1=81=D0= =BF=D0=BE=D1=80=D1=82=D0=B5=D1=80 =D0=B4=D0=BB=D1=8F =D0=BC=D0=BE=D0=BD=D0= =B8=D1=82=D0=BE=D1=80=D0=B8=D0=BD=D0=B3=D0=B0 =D0=B2=D0=B0=D1=88=D0=B8=D1= =85 =D0=B2=D0=B5=D0=B1-=D1=81=D0=B5=D1=80=D0=B2=D0=B5=D1=80=D0=BE=D0=B2.

  6. jmx_exporter - =D1=81=D0=B0=D0=BC=D1=8B=D0=B9 =D0=BD=D1=83=D0=B6=D0=BD= =D1=8B=D0=B9 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80, =D0=B5= =D1=81=D0=BB=D0=B8 =D1=83 =D0=B2=D0=B0=D1=81 =D0=B5=D1=81=D1=82=D1=8C Java = =D0=BF=D1=80=D0=B8=D0=BB=D0=BE=D0=B6=D0=B5=D0=BD=D0=B8=D1=8F.

  7. json_exporter - =D0=BE=D1=87=D0=B5=D0=BD=D1=8C =D1=83=D0=B4= =D0=BE=D0=B1=D0=B5=D0=BD, =D0=B5=D1=81=D0=BB=D0=B8 =D1=83 =D0=B2=D0=B0=D1= =88=D0=B5=D0=B3=D0=BE =D0=BF=D1=80=D0=B8=D0=BB=D0=BE=D0=B6=D0=B5=D0=BD=D0= =B8=D1=8F =D0=B5=D1=81=D1=82=D1=8C API =D1=81 json =D1=84=D0=BE=D1=80=D0=BC= =D0=B0=D1=82=D0=BE=D0=BC. =D0=94=D0=B0=D0=BD=D0=BD=D1=8B=D0=B9 =D1=8D=D0=BA= =D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80 =D0=BC=D0=BE=D0=B6=D0=B5=D1=82 = =D0=BE=D0=B1=D1=80=D0=B0=D1=82=D0=B8=D1=82=D1=8C=D1=81=D1=8F =D0=BA API, = =D0=BF=D0=BE=D0=BB=D1=83=D1=87=D0=B8=D1=82=D1=8C =D0=B4=D0=B0=D0=BD=D0=BD= =D1=8B=D0=B5 =D0=B2 =D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=82=D0=B5 json =D0=B8 = =D0=B2=D1=8B=D1=82=D0=B0=D1=89=D0=B8=D1=82=D1=8C =D1=83=D0=BA=D0=B0=D0=B7= =D0=B0=D0=BD=D0=BD=D1=8B=D0=B9 =D0=BF=D0=B0=D1=80=D0=B0=D0=BC=D0=B5=D1=82= =D1=80, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B9 =D0=B2=D0=BF=D0=BE=D1=81= =D0=BB=D0=B5=D0=B4=D1=81=D1=82=D0=B2=D0=B8=D0=B8 =D0=BE=D1=82=D0=BE=D0=B1= =D1=80=D0=B0=D0=B7=D0=B8=D1=82=D1=81=D1=8F =D0=B2 =D0=BC=D0=B5=D1=82=D1=80= =D0=B8=D0=BA=D0=B0=D1=85.

  8. blackbox_exporter - =D0=B5=D1=89=D0=B5 =D0=BE=D0=B4=D0=B8=D0=BD = =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80, =D0=BA=D0=BE=D1=82= =D0=BE=D1=80=D1=8B=D0=B9 =D1=82=D0=BE=D1=87=D0=BD=D0=BE =D0=B1=D1=83=D0=B4= =D0=B5=D1=82 =D0=B8=D1=81=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0= =D1=82=D1=8C=D1=81=D1=8F =D0=B2 =D0=B2=D0=B0=D1=88=D0=B5=D0=B9 =D0=B8=D0=BD= =D1=84=D1=80=D0=B0=D1=81=D1=82=D1=80=D1=83=D0=BA=D1=82=D1=83=D1=80=D0=B5. = =D0=9E=D0=BF=D1=80=D0=B0=D1=88=D0=B8=D0=B2=D0=B0=D0=B5=D1=82 =D0=B7=D0=B0= =D0=B4=D0=B0=D0=BD=D0=BD=D1=8B=D0=B5 url =D0=B8 =D0=B2=D0=BE=D0=B7=D0=B2=D1= =80=D0=B0=D1=89=D0=B0=D0=B5=D1=82 =D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=D0= =B8 =D0=BF=D0=BE =D0=BD=D0=B8=D0=BC - =D0=B2=D1=80=D0=B5=D0=BC=D1=8F =D0=BE= =D1=82=D0=B2=D0=B5=D1=82=D0=B0, =D0=BA=D0=BE=D0=B4 =D0=BE=D1=82=D0=B2=D0=B5= =D1=82=D0=B0, =D1=81=D1=82=D0=B0=D1=82=D1=83=D1=81 =D0=B8 =D1=82=D0=B0=D0= =BA =D0=B4=D0=B0=D0=BB=D0=B5=D0=B5. =D0=9F=D0=BE=D0=B7=D0=B2=D0=BE=D0=BB=D1= =8F=D0=B5=D1=82 =D0=BC=D0=BE=D0=BD=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D1=82=D1= =8C =D0=B4=D0=BE=D1=81=D1=82=D1=83=D0=BF=D0=BD=D0=BE=D1=81=D1=82=D1=8C =D0= =B2=D0=B5=D0=B1-=D1=80=D0=B5=D1=81=D1=83=D1=80=D1=81=D0=BE=D0=B2 =D0=B8 SSL= =D1=81=D0=B5=D1=80=D1=82=D0=B8=D1=84=D0=B8=D0=BA=D0=B0=D1=82=D0=BE=D0=B2.<= /p>

  9. cadviso= r - =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80 =D0=B4=D0=BB= =D1=8F =D0=BC=D0=BE=D0=BD=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D0=BD=D0=B3=D0=B0 D= ocker =D0=BA=D0=BE=D0=BD=D1=82=D0=B5=D0=B9=D0=BD=D0=B5=D1=80=D0=BE=D0=B2. = =D0=9F=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B0=D0=B5=D1=82=D1=81=D1=8F = =D0=BA Docker =D1=81=D0=B5=D1=80=D0=B2=D0=B8=D1=81=D1=83 =D0=B8 =D0=B2=D1= =8B=D1=82=D0=B0=D1=81=D0=BA=D0=B8=D0=B2=D0=B0=D0=B5=D1=82 =D0=B2=D1=81=D1= =8E =D0=B8=D0=BD=D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=86=D0=B8=D1=8E =D0=BF=D0= =BE =D0=B2=D1=81=D0=B5=D0=BC =D0=BA=D0=BE=D0=BD=D1=82=D0=B5=D0=B9=D0=BD=D0= =B5=D1=80=D0=B0=D0=BC, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B5 =D0=B5=D1= =81=D1=82=D1=8C =D0=B2 =D1=81=D0=B8=D1=81=D1=82=D0=B5=D0=BC=D0=B5. =D0=92= =D1=8B =D1=81=D0=BC=D0=BE=D0=B6=D0=B5=D1=82=D0=B5 =D1=83=D0=B2=D0=B8=D0=B4= =D0=B5=D1=82=D1=8C =D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=D0=B8 =D0=BF=D0=BE= =D1=82=D1=80=D0=B5=D0=B1=D0=BB=D0=B5=D0=BD=D0=B8=D0=B5 =D0=BF=D0=B0=D0=BC= =D1=8F=D1=82=D0=B8, cpu, =D1=81=D0=B5=D1=82=D0=B8 =D0=B8 =D0=B4=D0=B8=D1=81= =D0=BA=D0=BE=D0=B2, =D1=80=D0=B0=D0=B7=D0=B1=D0=B8=D1=82=D1=8B=D1=85 =D0=BF= =D0=BE =D0=BA=D0=BE=D0=BD=D1=82=D0=B5=D0=B9=D0=BD=D0=B5=D1=80=D0=B0=D0=BC.<= /p>

=D0=9A=D0=B0=D0=BA =D0=B2=D1=8B =D0=BF=D0=BE=D0=BD=D0=B8=D0=BC=D0=B0=D0= =B5=D1=82=D0=B5, =D1=8D=D1=82=D0=BE=D1=82 =D1=81=D0=BF=D0=B8=D1=81=D0=BE=D0= =BA =D0=BD=D0=B5 =D1=8F=D0=B2=D0=BB=D1=8F=D0=B5=D1=82=D1=81=D1=8F =D0=BF=D0= =BE=D0=BB=D0=BD=D1=8B=D0=BC. =D0=9D=D0=BE =D1=8F =D0=BF=D0=BE=D1=81=D1=82= =D0=B0=D1=80=D0=B0=D0=BB=D1=81=D1=8F =D0=BF=D1=80=D0=B8=D0=B2=D0=B5=D1=81= =D1=82=D0=B8 =D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D1=80=D1=8B =D1=81=D0=B0=D0=BC= =D1=8B=D1=85 =D0=BF=D0=BE=D0=BF=D1=83=D0=BB=D1=8F=D1=80=D0=BD=D1=8B=D1=85 = =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80=D0=BE=D0=B2, =D0=BA= =D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B5 =D0=B2=D1=8B =D0=B1=D1=83=D0=B4=D0=B5= =D1=82=D0=B5 =D0=B8=D1=81=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0= =D1=82=D1=8C =D1=81 =D0=B2=D0=B5=D1=80=D0=BE=D1=8F=D1=82=D0=BD=D0=BE=D1=81= =D1=82=D1=8C=D1=8E 99%.

=D0=98=D1=82=D0=BE=D0=B3=D0=B8

=D0=98=D1=82=D0=B0=D0=BA, =D1=81=D0=B5=D0=B3=D0=BE=D0=B4=D0=BD=D1=8F =D0= =BC=D1=8B =D1=81 =D0=B2=D0=B0=D0=BC=D0=B8 =D1=80=D0=B0=D0=B7=D0=BE=D0=B1=D1= =80=D0=B0=D0=BB=D0=B8=D1=81=D1=8C =D1=81=D0=BE =D0=B2=D1=82=D0=BE=D1=80=D1= =8B=D0=BC =D1=83=D1=80=D0=BE=D0=B2=D0=BD=D0=B5=D0=BC =D0=BC=D0=BE=D0=BD=D0= =B8=D1=82=D0=BE=D1=80=D0=B8=D0=BD=D0=B3=D0=B0 - =D0=BC=D0=BE=D0=BD=D0=B8=D1= =82=D0=BE=D1=80=D0=B8=D0=BD=D0=B3=D0=BE=D0=BC =D1=81=D0=B5=D1=80=D0=B2=D0= =B8=D1=81=D0=BE=D0=B2. =D0=98 =D0=B4=D0=B0=D0=B6=D0=B5 =D0=BF=D0=BE=D1=81= =D0=BC=D0=BE=D1=82=D1=80=D0=B5=D0=BB=D0=B8 =D0=BD=D0=B0 =D0=BF=D1=80=D0=B0= =D0=BA=D1=82=D0=B8=D0=BA=D0=B5 =D0=BA=D0=B0=D0=BA =D0=BC=D0=BE=D0=B6=D0=BD= =D0=BE =D0=B2=D1=8B=D1=82=D0=B0=D1=81=D0=BA=D0=B8=D0=B2=D0=B0=D1=82=D1=8C = =D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=D0=B8 =D1=81 Redis =D1=81=D0=B5=D1=80= =D0=B2=D0=B5=D1=80=D0=B0. =D0=9F=D0=BE=D0=BC=D0=B8=D0=BC=D0=BE =D1=8D=D1=82= =D0=BE=D0=B3=D0=BE =D0=BC=D1=8B =D1=80=D0=B0=D0=B7=D0=BE=D0=B1=D1=80=D0=B0= =D0=BB=D0=B8 =D1=83=D0=BD=D0=B8=D0=B2=D0=B5=D1=80=D1=81=D0=B0=D0=BB=D1=8C= =D0=BD=D1=8B=D0=B9 =D0=B0=D0=BB=D0=B3=D0=BE=D1=80=D0=B8=D1=82=D0=BC =D0=BF= =D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B5=D0=BD=D0=B8=D1=8F =D0=B0=D0=B1= =D1=81=D0=BE=D0=BB=D1=8E=D1=82=D0=BD=D0=BE =D0=BB=D1=8E=D0=B1=D0=BE=D0=B3= =D0=BE =D1=81=D0=B5=D1=80=D0=B2=D0=B8=D1=81=D0=B0 =D0=BA Prometheus =D0=BC= =D0=BE=D0=BD=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D0=BD=D0=B3=D1=83. =D0=9D=D1=83 = =D0=B8 =D0=B2 =D0=B7=D0=B0=D0=BA=D0=BB=D1=8E=D1=87=D0=B5=D0=BD=D0=B8=D0=B8 = =D0=BF=D1=80=D0=B8=D0=B2=D0=B5=D0=BB=D0=B8 =D1=81=D1=81=D1=8B=D0=BB=D0=BA= =D0=B8 =D0=BD=D0=B0 =D1=81=D0=B0=D0=BC=D1=8B=D0=B5 =D0=BF=D0=BE=D0=BF=D1=83= =D0=BB=D1=8F=D1=80=D0=BD=D1=8B=D0=B5 =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80= =D1=82=D0=B5=D1=80=D1=8B, =D0=BA=D0=BE=D1=82=D0=BE=D1=80=D1=8B=D0=B5 =D0=B2= =D1=8B =D0=B1=D1=83=D0=B4=D0=B5=D1=82=D0=B5 =D0=B2=D1=81=D1=82=D1=80=D0=B5= =D1=87=D0=B0=D1=82=D1=8C =D0=BF=D0=BE=D1=81=D1=82=D0=BE=D1=8F=D0=BD=D0=BD= =D0=BE.

=D0=9F=D0=BE=D0=BB=D0=B5=D0=B7=D0=BD=D1=8B=D0=B5 =D1=81=D1=81= =D1=8B=D0=BB=D0=BA=D0=B8:

=D0=97=D0=B0=D0=B4=D0=B0=D0=BD=D0=B8=D0=B5:

=D0=92 =D1=8D=D1=82=D0=BE=D0=BC =D0=B7=D0=B0=D0=B4=D0=B0=D0=BD=D0=B8=D0= =B8 =D0=B2=D0=B0=D0=BC =D0=BD=D1=83=D0=B6=D0=BD=D0=BE =D1=83=D1=81=D1=82=D0= =B0=D0=BD=D0=BE=D0=B2=D0=B8=D1=82=D1=8C =D0=B1=D0=B0=D0=B7=D1=83 =D0=B4=D0= =B0=D0=BD=D0=BD=D1=8B=D1=85 MySQL. =D0=A2=D0=B0=D0=BA=D0=B6=D0=B5 =D0=B2=D0= =B0=D0=BC =D0=BD=D1=83=D0=B6=D0=BD=D0=BE =D1=83=D1=81=D1=82=D0=B0=D0=BD=D0= =BE=D0=B2=D0=B8=D1=82=D1=8C =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0= =B5=D1=80 =D0=B4=D0=BB=D1=8F =D0=B1=D0=B0=D0=B7=D1=8B =D0=B4=D0=B0=D0=BD=D0= =BD=D1=8B=D1=85 =D0=B8 =D1=81=D0=BE=D0=B1=D0=B8=D1=80=D0=B0=D1=82=D1=8C =D1= =81 =D0=BD=D0=B5=D0=B3=D0=BE =D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=D0=B8 =D1= =87=D0=B5=D1=80=D0=B5=D0=B7 Prometheus. =D0=9F=D0=BE=D1=81=D0=BB=D0=B5 =D0= =B2=D1=8B=D0=BF=D0=BE=D0=BB=D0=BD=D0=B5=D0=BD=D0=B8=D1=8F =D0=B2=D1=81=D0= =B5=D1=85 =D0=BA=D1=80=D0=B8=D1=82=D0=B5=D1=80=D0=B8=D0=B5=D0=B2, =D0=BF=D1= =80=D0=B8=D0=B2=D0=B5=D0=B4=D0=B5=D0=BD=D0=BD=D1=8B=D1=85 =D0=BD=D0=B8=D0= =B6=D0=B5, =D0=BE=D1=82=D0=BF=D1=80=D0=B0=D0=B2=D1=8C=D1=82=D0=B5 =D0=B7=D0= =B0=D0=B4=D0=B0=D0=BD=D0=B8=D0=B5 =D0=BD=D0=B0 =D0=BF=D1=80=D0=BE=D0=B2=D0= =B5=D1=80=D0=BA=D1=83. =D0=9D=D0=B0 =D0=BF=D0=BE=D0=B4=D0=B3=D0=BE=D1=82=D0= =BE=D0=B2=D0=BB=D0=B5=D0=BD=D0=BD=D0=BE=D0=B9 =D0=B2=D0=B8=D1=80=D1=82=D1= =83=D0=B0=D0=BB=D1=8C=D0=BD=D0=BE=D0=B9 =D0=BC=D0=B0=D1=88=D0=B8=D0=BD=D0= =B5 =D1=83=D0=B6=D0=B5 =D1=83=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BB=D0= =B5=D0=BD Prometheus.

=D0=9A=D1=80=D0=B8=D1=82=D0=B5=D1=80=D0=B8=D0=B8 =D0=BE=D1=86=D0=B5=D0= =BD=D0=BA=D0=B8 =D0=B2=D1=8B=D0=BF=D0=BE=D0=BB=D0=BD=D0=B5=D0=BD=D0=B8=D1= =8F =D0=B7=D0=B0=D0=B4=D0=B0=D0=BD=D0=B8=D1=8F:

  1. =D0=A3=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=B8=D1=82=D0=B5 =D0=91=D0= =94 MySQL:

1.1. MySQL =D0=B4=D0=BE=D0=BB=D0=B6=D0=B5=D0=BD =D0=B1=D1=8B=D1=82=D1=8C= =D1=83=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5=D0=BD =D0=B8=D0=B7 = =D1=81=D1=82=D0=B0=D0=BD=D0=B4=D0=B0=D1=80=D1=82=D0=BD=D0=BE=D0=B3=D0=BE = =D1=80=D0=B5=D0=BF=D0=BE=D0=B7=D0=B8=D1=82=D0=BE=D1=80=D0=B8=D1=8F =D1=81 = =D0=BF=D0=BE=D0=BC=D0=BE=D1=89=D1=8C=D1=8E =D0=BC=D0=B5=D0=BD=D0=B5=D0=B4= =D0=B6=D0=B5=D1=80=D0=B0 =D0=BF=D0=B0=D0=BA=D0=B5=D1=82=D0=BE=D0=B2 apt (= =D0=BF=D0=B0=D0=BA=D0=B5=D1=82 mysql-server).

1.2. =D0=92 MySQL =D0=B4=D0=BE=D0=BB=D0=B6=D0=B5=D0=BD =D0=B1=D1=8B=D1= =82=D1=8C =D1=81=D0=BE=D0=B7=D0=B4=D0=B0=D0=BD =D0=BE=D1=82=D0=B4=D0=B5=D0= =BB=D1=8C=D0=BD=D1=8B=D0=B9 =D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0= =B0=D1=82=D0=B5=D0=BB=D1=8C exporter =D1=81 =D0=BB=D1=8E=D0=B1=D1=8B=D0=BC = =D0=BF=D0=B0=D1=80=D0=BE=D0=BB=D0=B5=D0=BC.

  1. =D0=A3=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=B8=D1=82=D0=B5 =D1=8D=D0= =BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80 mysqld_exporter =D1=81=D0=BB= =D0=B5=D0=B4=D1=83=D1=8F =D0=B8=D0=BD=D1=81=D1=82=D1=80=D1=83=D0=BA=D1=86= =D0=B8=D0=B8 =D0=BD=D0=B0 GitHub:

2.1. =D0=98=D1=81=D0=BF=D0=BE=D0=BB=D0=BD=D1=8F=D0=B5=D0=BC=D1=8B=D0=B9 = =D1=84=D0=B0=D0=B9=D0=BB =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5= =D1=80=D0=B0 mysqld_exporter =D0=B4=D0=BE=D0=BB=D0=B6=D0=B5=D0=BD =D0=BD=D0= =B0=D1=85=D0=BE=D0=B4=D0=B8=D1=82=D1=8C=D1=81=D1=8F =D0=B2=D0=BD=D1=83=D1= =82=D1=80=D0=B8 =D0=BE=D1=82=D0=B4=D0=B5=D0=BB=D1=8C=D0=BD=D0=BE=D0=B9 =D0= =B4=D0=B8=D1=80=D0=B5=D0=BA=D1=82=D0=BE=D1=80=D0=B8=D0=B8 /opt/mysqld_expor= ter.

2.2. =D0=AD=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80 mysqld_expor= ter =D0=B4=D0=BE=D0=BB=D0=B6=D0=B5=D0=BD =D0=B1=D1=8B=D1=82=D1=8C =D0=B7=D0= =B0=D0=BF=D1=83=D1=89=D0=B5=D0=BD =D0=BA=D0=B0=D0=BA =D1=81=D0=B5=D1=80=D0= =B2=D0=B8=D1=81 c =D0=BF=D0=BE=D0=BC=D0=BE=D1=89=D1=8C=D1=8E systemd =D0=B8= =D0=B1=D1=8B=D1=82=D1=8C =D0=BE=D0=BF=D0=B8=D1=81=D0=B0=D0=BD =D0=B2 =D1= =84=D0=B0=D0=B9=D0=BB=D0=B5 /etc/systemd/system/mysqld_exporter.service.

2.3. =D0=AD=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80 =D0=B4=D0=BE= =D0=BB=D0=B6=D0=B5=D0=BD =D0=B1=D1=8B=D1=82=D1=8C =D0=B7=D0=B0=D0=BF=D1=83= =D1=89=D0=B5=D0=BD =D0=BD=D0=B0 =D0=BF=D0=BE=D1=80=D1=82=D1=83 9111.

2.4. =D0=AD=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80 =D0=B4=D0=BE= =D0=BB=D0=B6=D0=B5=D0=BD =D0=BF=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87=D0=B0= =D1=82=D1=8C=D1=81=D1=8F =D0=BA =D0=BB=D0=BE=D0=BA=D0=B0=D0=BB=D1=8C=D0=BD= =D0=BE=D0=B9 =D0=B1=D0=B0=D0=B7=D0=B5 =D0=B4=D0=B0=D0=BD=D0=BD=D1=8B=D1=85 = MySQL =D1=81 =D0=BF=D0=BE=D0=BC=D0=BE=D1=89=D1=8C=D1=8E =D0=BB=D0=BE=D0=B3= =D0=B8=D0=BD=D0=B0 =D0=B8 =D0=BF=D0=B0=D1=80=D0=BE=D0=BB=D1=8F.

  1. =D0=9D=D0=B0=D1=81=D1=82=D1=80=D0=BE=D0=B9=D1=82=D0=B5 Prometheus:

3.1. Prometheus =D0=B4=D0=BE=D0=BB=D0=B6=D0=B5=D0=BD =D1=81=D0=BE=D0=B1= =D0=B8=D1=80=D0=B0=D1=82=D1=8C =D0=B2=D1=81=D0=B5 =D0=BC=D0=B5=D1=82=D1=80= =D0=B8=D0=BA=D0=B8 c =D1=8D=D0=BA=D1=81=D0=BF=D0=BE=D1=80=D1=82=D0=B5=D1=80= =D0=B0 mysqld_exporter.

=20 =20 =20 =20
=20 =20 =20 =20 =20 =20 =20 =20 =20 =20 =20 =20 =20 =20 =20 ------MultipartBoundary--dsW1gPEN6chWfyX263qpb8JpAbDyY1wQptNzV6v4e7---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-725288d0-4fd1-4e71-bee7-5e02e90f25a6@mhtml.blink @charset "utf-8"; .video-js { width: 300px; height: 150px; } .vjs-fluid { padding-top: 56.25%; } ------MultipartBoundary--dsW1gPEN6chWfyX263qpb8JpAbDyY1wQptNzV6v4e7---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-9364b57f-1bff-4fb2-a1d4-614303a2a8fe@mhtml.blink @charset "utf-8"; iframe.fullscreen { position: fixed; top: 0px; left: 0px; padding-bottom: 3= 0px; width: 100%; height: 100%; z-index: 100; } ------MultipartBoundary--dsW1gPEN6chWfyX263qpb8JpAbDyY1wQptNzV6v4e7---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://fonts.googleapis.com/css2?family=PT+Mono&display=swap @charset "utf-8"; @font-face { font-family: "PT Mono"; font-style: normal; font-weight: 400; = font-display: swap; src: url("https://fonts.gstatic.com/s/ptmono/v13/9oRONY= oBnWILk-9AnCIzM-Py.woff2") format("woff2"); unicode-range: U+460-52F, U+1C8= 0-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "PT Mono"; font-style: normal; font-weight: 400; = font-display: swap; src: url("https://fonts.gstatic.com/s/ptmono/v13/9oRONY= oBnWILk-9AnCszM-Py.woff2") format("woff2"); unicode-range: U+301, U+400-45F= , U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "PT Mono"; font-style: normal; font-weight: 400; = font-display: swap; src: url("https://fonts.gstatic.com/s/ptmono/v13/9oRONY= oBnWILk-9AnCEzM-Py.woff2") format("woff2"); unicode-range: U+100-2AF, U+304= , U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,= U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "PT Mono"; font-style: normal; font-weight: 400; = font-display: swap; src: url("https://fonts.gstatic.com/s/ptmono/v13/9oRONY= oBnWILk-9AnC8zMw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+1= 52-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U= +2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } ------MultipartBoundary--dsW1gPEN6chWfyX263qpb8JpAbDyY1wQptNzV6v4e7---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://static.rebrainme.com/assets/fontawesome/css/all.min.css @charset "utf-8"; .fa, .fab, .fal, .far, .fas { -webkit-font-smoothing: antialiased; display:= inline-block; font-style: normal; font-variant: normal; text-rendering: au= to; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667= em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0px; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; li= ne-height: inherit; } .fa-border { border: 0.08em solid rgb(238, 238, 238); border-radius: 0.1em;= padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, = .fas.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-rig= ht, .fas.fa-pull-right { margin-left: 0.3em; } .fa-spin { animation: 2s linear 0s infinite normal none running fa-spin; } .fa-pulse { animation: 1s steps(8) 0s infinite normal none running fa-spin;= } @keyframes fa-spin {=20 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scaleX(-1); } .fa-flip-vertical { transform: scaleY(-1); } .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { } .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1); } :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :r= oot .fa-rotate-180, :root .fa-rotate-270 { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position:= relative; vertical-align: middle; width: 2em; } .fa-stack-1x, .fa-stack-2x { left: 0px; position: absolute; text-align: cen= ter; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: rgb(255, 255, 255); } .fa-500px::before { content: "=EF=89=AE"; } .fa-accessible-icon::before { content: "=EF=8D=A8"; } .fa-accusoft::before { content: "=EF=8D=A9"; } .fa-ad::before { content: "=EF=99=81"; } .fa-address-book::before { content: "=EF=8A=B9"; } .fa-address-card::before { content: "=EF=8A=BB"; } .fa-adjust::before { content: "=EF=81=82"; } .fa-adn::before { content: "=EF=85=B0"; } .fa-adversal::before { content: "=EF=8D=AA"; } .fa-affiliatetheme::before { content: "=EF=8D=AB"; } .fa-air-freshener::before { content: "=EF=97=90"; } .fa-algolia::before { content: "=EF=8D=AC"; } .fa-align-center::before { content: "=EF=80=B7"; } .fa-align-justify::before { content: "=EF=80=B9"; } .fa-align-left::before { content: "=EF=80=B6"; } .fa-align-right::before { content: "=EF=80=B8"; } .fa-alipay::before { content: "=EF=99=82"; } .fa-allergies::before { content: "=EF=91=A1"; } .fa-amazon::before { content: "=EF=89=B0"; } .fa-amazon-pay::before { content: "=EF=90=AC"; } .fa-ambulance::before { content: "=EF=83=B9"; } .fa-american-sign-language-interpreting::before { content: "=EF=8A=A3"; } .fa-amilia::before { content: "=EF=8D=AD"; } .fa-anchor::before { content: "=EF=84=BD"; } .fa-android::before { content: "=EF=85=BB"; } .fa-angellist::before { content: "=EF=88=89"; } .fa-angle-double-down::before { content: "=EF=84=83"; } .fa-angle-double-left::before { content: "=EF=84=80"; } .fa-angle-double-right::before { content: "=EF=84=81"; } .fa-angle-double-up::before { content: "=EF=84=82"; } .fa-angle-down::before { content: "=EF=84=87"; } .fa-angle-left::before { content: "=EF=84=84"; } .fa-angle-right::before { content: "=EF=84=85"; } .fa-angle-up::before { content: "=EF=84=86"; } .fa-angry::before { content: "=EF=95=96"; } .fa-angrycreative::before { content: "=EF=8D=AE"; } .fa-angular::before { content: "=EF=90=A0"; } .fa-ankh::before { content: "=EF=99=84"; } .fa-app-store::before { content: "=EF=8D=AF"; } .fa-app-store-ios::before { content: "=EF=8D=B0"; } .fa-apper::before { content: "=EF=8D=B1"; } .fa-apple::before { content: "=EF=85=B9"; } .fa-apple-alt::before { content: "=EF=97=91"; } .fa-apple-pay::before { content: "=EF=90=95"; } .fa-archive::before { content: "=EF=86=87"; } .fa-archway::before { content: "=EF=95=97"; } .fa-arrow-alt-circle-down::before { content: "=EF=8D=98"; } .fa-arrow-alt-circle-left::before { content: "=EF=8D=99"; } .fa-arrow-alt-circle-right::before { content: "=EF=8D=9A"; } .fa-arrow-alt-circle-up::before { content: "=EF=8D=9B"; } .fa-arrow-circle-down::before { content: "=EF=82=AB"; } .fa-arrow-circle-left::before { content: "=EF=82=A8"; } .fa-arrow-circle-right::before { content: "=EF=82=A9"; } .fa-arrow-circle-up::before { content: "=EF=82=AA"; } .fa-arrow-down::before { content: "=EF=81=A3"; } .fa-arrow-left::before { content: "=EF=81=A0"; } .fa-arrow-right::before { content: "=EF=81=A1"; } .fa-arrow-up::before { content: "=EF=81=A2"; } .fa-arrows-alt::before { content: "=EF=82=B2"; } .fa-arrows-alt-h::before { content: "=EF=8C=B7"; } .fa-arrows-alt-v::before { content: "=EF=8C=B8"; } .fa-assistive-listening-systems::before { content: "=EF=8A=A2"; } .fa-asterisk::before { content: "=EF=81=A9"; } .fa-asymmetrik::before { content: "=EF=8D=B2"; } .fa-at::before { content: "=EF=87=BA"; } .fa-atlas::before { content: "=EF=95=98"; } .fa-atom::before { content: "=EF=97=92"; } .fa-audible::before { content: "=EF=8D=B3"; } .fa-audio-description::before { content: "=EF=8A=9E"; } .fa-autoprefixer::before { content: "=EF=90=9C"; } .fa-avianex::before { content: "=EF=8D=B4"; } .fa-aviato::before { content: "=EF=90=A1"; } .fa-award::before { content: "=EF=95=99"; } .fa-aws::before { content: "=EF=8D=B5"; } .fa-backspace::before { content: "=EF=95=9A"; } .fa-backward::before { content: "=EF=81=8A"; } .fa-balance-scale::before { content: "=EF=89=8E"; } .fa-ban::before { content: "=EF=81=9E"; } .fa-band-aid::before { content: "=EF=91=A2"; } .fa-bandcamp::before { content: "=EF=8B=95"; } .fa-barcode::before { content: "=EF=80=AA"; } .fa-bars::before { content: "=EF=83=89"; } .fa-baseball-ball::before { content: "=EF=90=B3"; } .fa-basketball-ball::before { content: "=EF=90=B4"; } .fa-bath::before { content: "=EF=8B=8D"; } .fa-battery-empty::before { content: "=EF=89=84"; } .fa-battery-full::before { content: "=EF=89=80"; } .fa-battery-half::before { content: "=EF=89=82"; } .fa-battery-quarter::before { content: "=EF=89=83"; } .fa-battery-three-quarters::before { content: "=EF=89=81"; } .fa-bed::before { content: "=EF=88=B6"; } .fa-beer::before { content: "=EF=83=BC"; } .fa-behance::before { content: "=EF=86=B4"; } .fa-behance-square::before { content: "=EF=86=B5"; } .fa-bell::before { content: "=EF=83=B3"; } .fa-bell-slash::before { content: "=EF=87=B6"; } .fa-bezier-curve::before { content: "=EF=95=9B"; } .fa-bible::before { content: "=EF=99=87"; } .fa-bicycle::before { content: "=EF=88=86"; } .fa-bimobject::before { content: "=EF=8D=B8"; } .fa-binoculars::before { content: "=EF=87=A5"; } .fa-birthday-cake::before { content: "=EF=87=BD"; } .fa-bitbucket::before { content: "=EF=85=B1"; } .fa-bitcoin::before { content: "=EF=8D=B9"; } .fa-bity::before { content: "=EF=8D=BA"; } .fa-black-tie::before { content: "=EF=89=BE"; } .fa-blackberry::before { content: "=EF=8D=BB"; } .fa-blender::before { content: "=EF=94=97"; } .fa-blind::before { content: "=EF=8A=9D"; } .fa-blogger::before { content: "=EF=8D=BC"; } .fa-blogger-b::before { content: "=EF=8D=BD"; } .fa-bluetooth::before { content: "=EF=8A=93"; } .fa-bluetooth-b::before { content: "=EF=8A=94"; } .fa-bold::before { content: "=EF=80=B2"; } .fa-bolt::before { content: "=EF=83=A7"; } .fa-bomb::before { content: "=EF=87=A2"; } .fa-bone::before { content: "=EF=97=97"; } .fa-bong::before { content: "=EF=95=9C"; } .fa-book::before { content: "=EF=80=AD"; } .fa-book-open::before { content: "=EF=94=98"; } .fa-book-reader::before { content: "=EF=97=9A"; } .fa-bookmark::before { content: "=EF=80=AE"; } .fa-bowling-ball::before { content: "=EF=90=B6"; } .fa-box::before { content: "=EF=91=A6"; } .fa-box-open::before { content: "=EF=92=9E"; } .fa-boxes::before { content: "=EF=91=A8"; } .fa-braille::before { content: "=EF=8A=A1"; } .fa-brain::before { content: "=EF=97=9C"; } .fa-briefcase::before { content: "=EF=82=B1"; } .fa-briefcase-medical::before { content: "=EF=91=A9"; } .fa-broadcast-tower::before { content: "=EF=94=99"; } .fa-broom::before { content: "=EF=94=9A"; } .fa-brush::before { content: "=EF=95=9D"; } .fa-btc::before { content: "=EF=85=9A"; } .fa-bug::before { content: "=EF=86=88"; } .fa-building::before { content: "=EF=86=AD"; } .fa-bullhorn::before { content: "=EF=82=A1"; } .fa-bullseye::before { content: "=EF=85=80"; } .fa-burn::before { content: "=EF=91=AA"; } .fa-buromobelexperte::before { content: "=EF=8D=BF"; } .fa-bus::before { content: "=EF=88=87"; } .fa-bus-alt::before { content: "=EF=95=9E"; } .fa-business-time::before { content: "=EF=99=8A"; } .fa-buysellads::before { content: "=EF=88=8D"; } .fa-calculator::before { content: "=EF=87=AC"; } .fa-calendar::before { content: "=EF=84=B3"; } .fa-calendar-alt::before { content: "=EF=81=B3"; } .fa-calendar-check::before { content: "=EF=89=B4"; } .fa-calendar-minus::before { content: "=EF=89=B2"; } .fa-calendar-plus::before { content: "=EF=89=B1"; } .fa-calendar-times::before { content: "=EF=89=B3"; } .fa-camera::before { content: "=EF=80=B0"; } .fa-camera-retro::before { content: "=EF=82=83"; } .fa-cannabis::before { content: "=EF=95=9F"; } .fa-capsules::before { content: "=EF=91=AB"; } .fa-car::before { content: "=EF=86=B9"; } .fa-car-alt::before { content: "=EF=97=9E"; } .fa-car-battery::before { content: "=EF=97=9F"; } .fa-car-crash::before { content: "=EF=97=A1"; } .fa-car-side::before { content: "=EF=97=A4"; } .fa-caret-down::before { content: "=EF=83=97"; } .fa-caret-left::before { content: "=EF=83=99"; } .fa-caret-right::before { content: "=EF=83=9A"; } .fa-caret-square-down::before { content: "=EF=85=90"; } .fa-caret-square-left::before { content: "=EF=86=91"; } .fa-caret-square-right::before { content: "=EF=85=92"; } .fa-caret-square-up::before { content: "=EF=85=91"; } .fa-caret-up::before { content: "=EF=83=98"; } .fa-cart-arrow-down::before { content: "=EF=88=98"; } .fa-cart-plus::before { content: "=EF=88=97"; } .fa-cc-amazon-pay::before { content: "=EF=90=AD"; } .fa-cc-amex::before { content: "=EF=87=B3"; } .fa-cc-apple-pay::before { content: "=EF=90=96"; } .fa-cc-diners-club::before { content: "=EF=89=8C"; } .fa-cc-discover::before { content: "=EF=87=B2"; } .fa-cc-jcb::before { content: "=EF=89=8B"; } .fa-cc-mastercard::before { content: "=EF=87=B1"; } .fa-cc-paypal::before { content: "=EF=87=B4"; } .fa-cc-stripe::before { content: "=EF=87=B5"; } .fa-cc-visa::before { content: "=EF=87=B0"; } .fa-centercode::before { content: "=EF=8E=80"; } .fa-certificate::before { content: "=EF=82=A3"; } .fa-chalkboard::before { content: "=EF=94=9B"; } .fa-chalkboard-teacher::before { content: "=EF=94=9C"; } .fa-charging-station::before { content: "=EF=97=A7"; } .fa-chart-area::before { content: "=EF=87=BE"; } .fa-chart-bar::before { content: "=EF=82=80"; } .fa-chart-line::before { content: "=EF=88=81"; } .fa-chart-pie::before { content: "=EF=88=80"; } .fa-check::before { content: "=EF=80=8C"; } .fa-check-circle::before { content: "=EF=81=98"; } .fa-check-double::before { content: "=EF=95=A0"; } .fa-check-square::before { content: "=EF=85=8A"; } .fa-chess::before { content: "=EF=90=B9"; } .fa-chess-bishop::before { content: "=EF=90=BA"; } .fa-chess-board::before { content: "=EF=90=BC"; } .fa-chess-king::before { content: "=EF=90=BF"; } .fa-chess-knight::before { content: "=EF=91=81"; } .fa-chess-pawn::before { content: "=EF=91=83"; } .fa-chess-queen::before { content: "=EF=91=85"; } .fa-chess-rook::before { content: "=EF=91=87"; } .fa-chevron-circle-down::before { content: "=EF=84=BA"; } .fa-chevron-circle-left::before { content: "=EF=84=B7"; } .fa-chevron-circle-right::before { content: "=EF=84=B8"; } .fa-chevron-circle-up::before { content: "=EF=84=B9"; } .fa-chevron-down::before { content: "=EF=81=B8"; } .fa-chevron-left::before { content: "=EF=81=93"; } .fa-chevron-right::before { content: "=EF=81=94"; } .fa-chevron-up::before { content: "=EF=81=B7"; } .fa-child::before { content: "=EF=86=AE"; } .fa-chrome::before { content: "=EF=89=A8"; } .fa-church::before { content: "=EF=94=9D"; } .fa-circle::before { content: "=EF=84=91"; } .fa-circle-notch::before { content: "=EF=87=8E"; } .fa-city::before { content: "=EF=99=8F"; } .fa-clipboard::before { content: "=EF=8C=A8"; } .fa-clipboard-check::before { content: "=EF=91=AC"; } .fa-clipboard-list::before { content: "=EF=91=AD"; } .fa-clock::before { content: "=EF=80=97"; } .fa-clone::before { content: "=EF=89=8D"; } .fa-closed-captioning::before { content: "=EF=88=8A"; } .fa-cloud::before { content: "=EF=83=82"; } .fa-cloud-download-alt::before { content: "=EF=8E=81"; } .fa-cloud-upload-alt::before { content: "=EF=8E=82"; } .fa-cloudscale::before { content: "=EF=8E=83"; } .fa-cloudsmith::before { content: "=EF=8E=84"; } .fa-cloudversify::before { content: "=EF=8E=85"; } .fa-cocktail::before { content: "=EF=95=A1"; } .fa-code::before { content: "=EF=84=A1"; } .fa-code-branch::before { content: "=EF=84=A6"; } .fa-codepen::before { content: "=EF=87=8B"; } .fa-codiepie::before { content: "=EF=8A=84"; } .fa-coffee::before { content: "=EF=83=B4"; } .fa-cog::before { content: "=EF=80=93"; } .fa-cogs::before { content: "=EF=82=85"; } .fa-coins::before { content: "=EF=94=9E"; } .fa-columns::before { content: "=EF=83=9B"; } .fa-comment::before { content: "=EF=81=B5"; } .fa-comment-alt::before { content: "=EF=89=BA"; } .fa-comment-dollar::before { content: "=EF=99=91"; } .fa-comment-dots::before { content: "=EF=92=AD"; } .fa-comment-slash::before { content: "=EF=92=B3"; } .fa-comments::before { content: "=EF=82=86"; } .fa-comments-dollar::before { content: "=EF=99=93"; } .fa-compact-disc::before { content: "=EF=94=9F"; } .fa-compass::before { content: "=EF=85=8E"; } .fa-compress::before { content: "=EF=81=A6"; } .fa-concierge-bell::before { content: "=EF=95=A2"; } .fa-connectdevelop::before { content: "=EF=88=8E"; } .fa-contao::before { content: "=EF=89=AD"; } .fa-cookie::before { content: "=EF=95=A3"; } .fa-cookie-bite::before { content: "=EF=95=A4"; } .fa-copy::before { content: "=EF=83=85"; } .fa-copyright::before { content: "=EF=87=B9"; } .fa-couch::before { content: "=EF=92=B8"; } .fa-cpanel::before { content: "=EF=8E=88"; } .fa-creative-commons::before { content: "=EF=89=9E"; } .fa-creative-commons-by::before { content: "=EF=93=A7"; } .fa-creative-commons-nc::before { content: "=EF=93=A8"; } .fa-creative-commons-nc-eu::before { content: "=EF=93=A9"; } .fa-creative-commons-nc-jp::before { content: "=EF=93=AA"; } .fa-creative-commons-nd::before { content: "=EF=93=AB"; } .fa-creative-commons-pd::before { content: "=EF=93=AC"; } .fa-creative-commons-pd-alt::before { content: "=EF=93=AD"; } .fa-creative-commons-remix::before { content: "=EF=93=AE"; } .fa-creative-commons-sa::before { content: "=EF=93=AF"; } .fa-creative-commons-sampling::before { content: "=EF=93=B0"; } .fa-creative-commons-sampling-plus::before { content: "=EF=93=B1"; } .fa-creative-commons-share::before { content: "=EF=93=B2"; } .fa-credit-card::before { content: "=EF=82=9D"; } .fa-crop::before { content: "=EF=84=A5"; } .fa-crop-alt::before { content: "=EF=95=A5"; } .fa-cross::before { content: "=EF=99=94"; } .fa-crosshairs::before { content: "=EF=81=9B"; } .fa-crow::before { content: "=EF=94=A0"; } .fa-crown::before { content: "=EF=94=A1"; } .fa-css3::before { content: "=EF=84=BC"; } .fa-css3-alt::before { content: "=EF=8E=8B"; } .fa-cube::before { content: "=EF=86=B2"; } .fa-cubes::before { content: "=EF=86=B3"; } .fa-cut::before { content: "=EF=83=84"; } .fa-cuttlefish::before { content: "=EF=8E=8C"; } .fa-d-and-d::before { content: "=EF=8E=8D"; } .fa-dashcube::before { content: "=EF=88=90"; } .fa-database::before { content: "=EF=87=80"; } .fa-deaf::before { content: "=EF=8A=A4"; } .fa-delicious::before { content: "=EF=86=A5"; } .fa-deploydog::before { content: "=EF=8E=8E"; } .fa-deskpro::before { content: "=EF=8E=8F"; } .fa-desktop::before { content: "=EF=84=88"; } .fa-deviantart::before { content: "=EF=86=BD"; } .fa-dharmachakra::before { content: "=EF=99=95"; } .fa-diagnoses::before { content: "=EF=91=B0"; } .fa-dice::before { content: "=EF=94=A2"; } .fa-dice-five::before { content: "=EF=94=A3"; } .fa-dice-four::before { content: "=EF=94=A4"; } .fa-dice-one::before { content: "=EF=94=A5"; } .fa-dice-six::before { content: "=EF=94=A6"; } .fa-dice-three::before { content: "=EF=94=A7"; } .fa-dice-two::before { content: "=EF=94=A8"; } .fa-digg::before { content: "=EF=86=A6"; } .fa-digital-ocean::before { content: "=EF=8E=91"; } .fa-digital-tachograph::before { content: "=EF=95=A6"; } .fa-directions::before { content: "=EF=97=AB"; } .fa-discord::before { content: "=EF=8E=92"; } .fa-discourse::before { content: "=EF=8E=93"; } .fa-divide::before { content: "=EF=94=A9"; } .fa-dizzy::before { content: "=EF=95=A7"; } .fa-dna::before { content: "=EF=91=B1"; } .fa-dochub::before { content: "=EF=8E=94"; } .fa-docker::before { content: "=EF=8E=95"; } .fa-dollar-sign::before { content: "=EF=85=95"; } .fa-dolly::before { content: "=EF=91=B2"; } .fa-dolly-flatbed::before { content: "=EF=91=B4"; } .fa-donate::before { content: "=EF=92=B9"; } .fa-door-closed::before { content: "=EF=94=AA"; } .fa-door-open::before { content: "=EF=94=AB"; } .fa-dot-circle::before { content: "=EF=86=92"; } .fa-dove::before { content: "=EF=92=BA"; } .fa-download::before { content: "=EF=80=99"; } .fa-draft2digital::before { content: "=EF=8E=96"; } .fa-drafting-compass::before { content: "=EF=95=A8"; } .fa-draw-polygon::before { content: "=EF=97=AE"; } .fa-dribbble::before { content: "=EF=85=BD"; } .fa-dribbble-square::before { content: "=EF=8E=97"; } .fa-dropbox::before { content: "=EF=85=AB"; } .fa-drum::before { content: "=EF=95=A9"; } .fa-drum-steelpan::before { content: "=EF=95=AA"; } .fa-drupal::before { content: "=EF=86=A9"; } .fa-dumbbell::before { content: "=EF=91=8B"; } .fa-dyalog::before { content: "=EF=8E=99"; } .fa-earlybirds::before { content: "=EF=8E=9A"; } .fa-ebay::before { content: "=EF=93=B4"; } .fa-edge::before { content: "=EF=8A=82"; } .fa-edit::before { content: "=EF=81=84"; } .fa-eject::before { content: "=EF=81=92"; } .fa-elementor::before { content: "=EF=90=B0"; } .fa-ellipsis-h::before { content: "=EF=85=81"; } .fa-ellipsis-v::before { content: "=EF=85=82"; } .fa-ello::before { content: "=EF=97=B1"; } .fa-ember::before { content: "=EF=90=A3"; } .fa-empire::before { content: "=EF=87=91"; } .fa-envelope::before { content: "=EF=83=A0"; } .fa-envelope-open::before { content: "=EF=8A=B6"; } .fa-envelope-open-text::before { content: "=EF=99=98"; } .fa-envelope-square::before { content: "=EF=86=99"; } .fa-envira::before { content: "=EF=8A=99"; } .fa-equals::before { content: "=EF=94=AC"; } .fa-eraser::before { content: "=EF=84=AD"; } .fa-erlang::before { content: "=EF=8E=9D"; } .fa-ethereum::before { content: "=EF=90=AE"; } .fa-etsy::before { content: "=EF=8B=97"; } .fa-euro-sign::before { content: "=EF=85=93"; } .fa-exchange-alt::before { content: "=EF=8D=A2"; } .fa-exclamation::before { content: "=EF=84=AA"; } .fa-exclamation-circle::before { content: "=EF=81=AA"; } .fa-exclamation-triangle::before { content: "=EF=81=B1"; } .fa-expand::before { content: "=EF=81=A5"; } .fa-expand-arrows-alt::before { content: "=EF=8C=9E"; } .fa-expeditedssl::before { content: "=EF=88=BE"; } .fa-external-link-alt::before { content: "=EF=8D=9D"; } .fa-external-link-square-alt::before { content: "=EF=8D=A0"; } .fa-eye::before { content: "=EF=81=AE"; } .fa-eye-dropper::before { content: "=EF=87=BB"; } .fa-eye-slash::before { content: "=EF=81=B0"; } .fa-facebook::before { content: "=EF=82=9A"; } .fa-facebook-f::before { content: "=EF=8E=9E"; } .fa-facebook-messenger::before { content: "=EF=8E=9F"; } .fa-facebook-square::before { content: "=EF=82=82"; } .fa-fast-backward::before { content: "=EF=81=89"; } .fa-fast-forward::before { content: "=EF=81=90"; } .fa-fax::before { content: "=EF=86=AC"; } .fa-feather::before { content: "=EF=94=AD"; } .fa-feather-alt::before { content: "=EF=95=AB"; } .fa-female::before { content: "=EF=86=82"; } .fa-fighter-jet::before { content: "=EF=83=BB"; } .fa-file::before { content: "=EF=85=9B"; } .fa-file-alt::before { content: "=EF=85=9C"; } .fa-file-archive::before { content: "=EF=87=86"; } .fa-file-audio::before { content: "=EF=87=87"; } .fa-file-code::before { content: "=EF=87=89"; } .fa-file-contract::before { content: "=EF=95=AC"; } .fa-file-download::before { content: "=EF=95=AD"; } .fa-file-excel::before { content: "=EF=87=83"; } .fa-file-export::before { content: "=EF=95=AE"; } .fa-file-image::before { content: "=EF=87=85"; } .fa-file-import::before { content: "=EF=95=AF"; } .fa-file-invoice::before { content: "=EF=95=B0"; } .fa-file-invoice-dollar::before { content: "=EF=95=B1"; } .fa-file-medical::before { content: "=EF=91=B7"; } .fa-file-medical-alt::before { content: "=EF=91=B8"; } .fa-file-pdf::before { content: "=EF=87=81"; } .fa-file-powerpoint::before { content: "=EF=87=84"; } .fa-file-prescription::before { content: "=EF=95=B2"; } .fa-file-signature::before { content: "=EF=95=B3"; } .fa-file-upload::before { content: "=EF=95=B4"; } .fa-file-video::before { content: "=EF=87=88"; } .fa-file-word::before { content: "=EF=87=82"; } .fa-fill::before { content: "=EF=95=B5"; } .fa-fill-drip::before { content: "=EF=95=B6"; } .fa-film::before { content: "=EF=80=88"; } .fa-filter::before { content: "=EF=82=B0"; } .fa-fingerprint::before { content: "=EF=95=B7"; } .fa-fire::before { content: "=EF=81=AD"; } .fa-fire-extinguisher::before { content: "=EF=84=B4"; } .fa-firefox::before { content: "=EF=89=A9"; } .fa-first-aid::before { content: "=EF=91=B9"; } .fa-first-order::before { content: "=EF=8A=B0"; } .fa-first-order-alt::before { content: "=EF=94=8A"; } .fa-firstdraft::before { content: "=EF=8E=A1"; } .fa-fish::before { content: "=EF=95=B8"; } .fa-flag::before { content: "=EF=80=A4"; } .fa-flag-checkered::before { content: "=EF=84=9E"; } .fa-flask::before { content: "=EF=83=83"; } .fa-flickr::before { content: "=EF=85=AE"; } .fa-flipboard::before { content: "=EF=91=8D"; } .fa-flushed::before { content: "=EF=95=B9"; } .fa-fly::before { content: "=EF=90=97"; } .fa-folder::before { content: "=EF=81=BB"; } .fa-folder-minus::before { content: "=EF=99=9D"; } .fa-folder-open::before { content: "=EF=81=BC"; } .fa-folder-plus::before { content: "=EF=99=9E"; } .fa-font::before { content: "=EF=80=B1"; } .fa-font-awesome::before { content: "=EF=8A=B4"; } .fa-font-awesome-alt::before { content: "=EF=8D=9C"; } .fa-font-awesome-flag::before { content: "=EF=90=A5"; } .fa-font-awesome-logo-full::before { content: "=EF=93=A6"; } .fa-fonticons::before { content: "=EF=8A=80"; } .fa-fonticons-fi::before { content: "=EF=8E=A2"; } .fa-football-ball::before { content: "=EF=91=8E"; } .fa-fort-awesome::before { content: "=EF=8A=86"; } .fa-fort-awesome-alt::before { content: "=EF=8E=A3"; } .fa-forumbee::before { content: "=EF=88=91"; } .fa-forward::before { content: "=EF=81=8E"; } .fa-foursquare::before { content: "=EF=86=80"; } .fa-free-code-camp::before { content: "=EF=8B=85"; } .fa-freebsd::before { content: "=EF=8E=A4"; } .fa-frog::before { content: "=EF=94=AE"; } .fa-frown::before { content: "=EF=84=99"; } .fa-frown-open::before { content: "=EF=95=BA"; } .fa-fulcrum::before { content: "=EF=94=8B"; } .fa-funnel-dollar::before { content: "=EF=99=A2"; } .fa-futbol::before { content: "=EF=87=A3"; } .fa-galactic-republic::before { content: "=EF=94=8C"; } .fa-galactic-senate::before { content: "=EF=94=8D"; } .fa-gamepad::before { content: "=EF=84=9B"; } .fa-gas-pump::before { content: "=EF=94=AF"; } .fa-gavel::before { content: "=EF=83=A3"; } .fa-gem::before { content: "=EF=8E=A5"; } .fa-genderless::before { content: "=EF=88=AD"; } .fa-get-pocket::before { content: "=EF=89=A5"; } .fa-gg::before { content: "=EF=89=A0"; } .fa-gg-circle::before { content: "=EF=89=A1"; } .fa-gift::before { content: "=EF=81=AB"; } .fa-git::before { content: "=EF=87=93"; } .fa-git-square::before { content: "=EF=87=92"; } .fa-github::before { content: "=EF=82=9B"; } .fa-github-alt::before { content: "=EF=84=93"; } .fa-github-square::before { content: "=EF=82=92"; } .fa-gitkraken::before { content: "=EF=8E=A6"; } .fa-gitlab::before { content: "=EF=8A=96"; } .fa-gitter::before { content: "=EF=90=A6"; } .fa-glass-martini::before { content: "=EF=80=80"; } .fa-glass-martini-alt::before { content: "=EF=95=BB"; } .fa-glasses::before { content: "=EF=94=B0"; } .fa-glide::before { content: "=EF=8A=A5"; } .fa-glide-g::before { content: "=EF=8A=A6"; } .fa-globe::before { content: "=EF=82=AC"; } .fa-globe-africa::before { content: "=EF=95=BC"; } .fa-globe-americas::before { content: "=EF=95=BD"; } .fa-globe-asia::before { content: "=EF=95=BE"; } .fa-gofore::before { content: "=EF=8E=A7"; } .fa-golf-ball::before { content: "=EF=91=90"; } .fa-goodreads::before { content: "=EF=8E=A8"; } .fa-goodreads-g::before { content: "=EF=8E=A9"; } .fa-google::before { content: "=EF=86=A0"; } .fa-google-drive::before { content: "=EF=8E=AA"; } .fa-google-play::before { content: "=EF=8E=AB"; } .fa-google-plus::before { content: "=EF=8A=B3"; } .fa-google-plus-g::before { content: "=EF=83=95"; } .fa-google-plus-square::before { content: "=EF=83=94"; } .fa-google-wallet::before { content: "=EF=87=AE"; } .fa-gopuram::before { content: "=EF=99=A4"; } .fa-graduation-cap::before { content: "=EF=86=9D"; } .fa-gratipay::before { content: "=EF=86=84"; } .fa-grav::before { content: "=EF=8B=96"; } .fa-greater-than::before { content: "=EF=94=B1"; } .fa-greater-than-equal::before { content: "=EF=94=B2"; } .fa-grimace::before { content: "=EF=95=BF"; } .fa-grin::before { content: "=EF=96=80"; } .fa-grin-alt::before { content: "=EF=96=81"; } .fa-grin-beam::before { content: "=EF=96=82"; } .fa-grin-beam-sweat::before { content: "=EF=96=83"; } .fa-grin-hearts::before { content: "=EF=96=84"; } .fa-grin-squint::before { content: "=EF=96=85"; } .fa-grin-squint-tears::before { content: "=EF=96=86"; } .fa-grin-stars::before { content: "=EF=96=87"; } .fa-grin-tears::before { content: "=EF=96=88"; } .fa-grin-tongue::before { content: "=EF=96=89"; } .fa-grin-tongue-squint::before { content: "=EF=96=8A"; } .fa-grin-tongue-wink::before { content: "=EF=96=8B"; } .fa-grin-wink::before { content: "=EF=96=8C"; } .fa-grip-horizontal::before { content: "=EF=96=8D"; } .fa-grip-vertical::before { content: "=EF=96=8E"; } .fa-gripfire::before { content: "=EF=8E=AC"; } .fa-grunt::before { content: "=EF=8E=AD"; } .fa-gulp::before { content: "=EF=8E=AE"; } .fa-h-square::before { content: "=EF=83=BD"; } .fa-hacker-news::before { content: "=EF=87=94"; } .fa-hacker-news-square::before { content: "=EF=8E=AF"; } .fa-hackerrank::before { content: "=EF=97=B7"; } .fa-hamsa::before { content: "=EF=99=A5"; } .fa-hand-holding::before { content: "=EF=92=BD"; } .fa-hand-holding-heart::before { content: "=EF=92=BE"; } .fa-hand-holding-usd::before { content: "=EF=93=80"; } .fa-hand-lizard::before { content: "=EF=89=98"; } .fa-hand-paper::before { content: "=EF=89=96"; } .fa-hand-peace::before { content: "=EF=89=9B"; } .fa-hand-point-down::before { content: "=EF=82=A7"; } .fa-hand-point-left::before { content: "=EF=82=A5"; } .fa-hand-point-right::before { content: "=EF=82=A4"; } .fa-hand-point-up::before { content: "=EF=82=A6"; } .fa-hand-pointer::before { content: "=EF=89=9A"; } .fa-hand-rock::before { content: "=EF=89=95"; } .fa-hand-scissors::before { content: "=EF=89=97"; } .fa-hand-spock::before { content: "=EF=89=99"; } .fa-hands::before { content: "=EF=93=82"; } .fa-hands-helping::before { content: "=EF=93=84"; } .fa-handshake::before { content: "=EF=8A=B5"; } .fa-hashtag::before { content: "=EF=8A=92"; } .fa-haykal::before { content: "=EF=99=A6"; } .fa-hdd::before { content: "=EF=82=A0"; } .fa-heading::before { content: "=EF=87=9C"; } .fa-headphones::before { content: "=EF=80=A5"; } .fa-headphones-alt::before { content: "=EF=96=8F"; } .fa-headset::before { content: "=EF=96=90"; } .fa-heart::before { content: "=EF=80=84"; } .fa-heartbeat::before { content: "=EF=88=9E"; } .fa-helicopter::before { content: "=EF=94=B3"; } .fa-highlighter::before { content: "=EF=96=91"; } .fa-hips::before { content: "=EF=91=92"; } .fa-hire-a-helper::before { content: "=EF=8E=B0"; } .fa-history::before { content: "=EF=87=9A"; } .fa-hockey-puck::before { content: "=EF=91=93"; } .fa-home::before { content: "=EF=80=95"; } .fa-hooli::before { content: "=EF=90=A7"; } .fa-hornbill::before { content: "=EF=96=92"; } .fa-hospital::before { content: "=EF=83=B8"; } .fa-hospital-alt::before { content: "=EF=91=BD"; } .fa-hospital-symbol::before { content: "=EF=91=BE"; } .fa-hot-tub::before { content: "=EF=96=93"; } .fa-hotel::before { content: "=EF=96=94"; } .fa-hotjar::before { content: "=EF=8E=B1"; } .fa-hourglass::before { content: "=EF=89=94"; } .fa-hourglass-end::before { content: "=EF=89=93"; } .fa-hourglass-half::before { content: "=EF=89=92"; } .fa-hourglass-start::before { content: "=EF=89=91"; } .fa-houzz::before { content: "=EF=89=BC"; } .fa-html5::before { content: "=EF=84=BB"; } .fa-hubspot::before { content: "=EF=8E=B2"; } .fa-i-cursor::before { content: "=EF=89=86"; } .fa-id-badge::before { content: "=EF=8B=81"; } .fa-id-card::before { content: "=EF=8B=82"; } .fa-id-card-alt::before { content: "=EF=91=BF"; } .fa-image::before { content: "=EF=80=BE"; } .fa-images::before { content: "=EF=8C=82"; } .fa-imdb::before { content: "=EF=8B=98"; } .fa-inbox::before { content: "=EF=80=9C"; } .fa-indent::before { content: "=EF=80=BC"; } .fa-industry::before { content: "=EF=89=B5"; } .fa-infinity::before { content: "=EF=94=B4"; } .fa-info::before { content: "=EF=84=A9"; } .fa-info-circle::before { content: "=EF=81=9A"; } .fa-instagram::before { content: "=EF=85=AD"; } .fa-internet-explorer::before { content: "=EF=89=AB"; } .fa-ioxhost::before { content: "=EF=88=88"; } .fa-italic::before { content: "=EF=80=B3"; } .fa-itunes::before { content: "=EF=8E=B4"; } .fa-itunes-note::before { content: "=EF=8E=B5"; } .fa-java::before { content: "=EF=93=A4"; } .fa-jedi::before { content: "=EF=99=A9"; } .fa-jedi-order::before { content: "=EF=94=8E"; } .fa-jenkins::before { content: "=EF=8E=B6"; } .fa-joget::before { content: "=EF=8E=B7"; } .fa-joint::before { content: "=EF=96=95"; } .fa-joomla::before { content: "=EF=86=AA"; } .fa-journal-whills::before { content: "=EF=99=AA"; } .fa-js::before { content: "=EF=8E=B8"; } .fa-js-square::before { content: "=EF=8E=B9"; } .fa-jsfiddle::before { content: "=EF=87=8C"; } .fa-kaaba::before { content: "=EF=99=AB"; } .fa-kaggle::before { content: "=EF=97=BA"; } .fa-key::before { content: "=EF=82=84"; } .fa-keybase::before { content: "=EF=93=B5"; } .fa-keyboard::before { content: "=EF=84=9C"; } .fa-keycdn::before { content: "=EF=8E=BA"; } .fa-khanda::before { content: "=EF=99=AD"; } .fa-kickstarter::before { content: "=EF=8E=BB"; } .fa-kickstarter-k::before { content: "=EF=8E=BC"; } .fa-kiss::before { content: "=EF=96=96"; } .fa-kiss-beam::before { content: "=EF=96=97"; } .fa-kiss-wink-heart::before { content: "=EF=96=98"; } .fa-kiwi-bird::before { content: "=EF=94=B5"; } .fa-korvue::before { content: "=EF=90=AF"; } .fa-landmark::before { content: "=EF=99=AF"; } .fa-language::before { content: "=EF=86=AB"; } .fa-laptop::before { content: "=EF=84=89"; } .fa-laptop-code::before { content: "=EF=97=BC"; } .fa-laravel::before { content: "=EF=8E=BD"; } .fa-lastfm::before { content: "=EF=88=82"; } .fa-lastfm-square::before { content: "=EF=88=83"; } .fa-laugh::before { content: "=EF=96=99"; } .fa-laugh-beam::before { content: "=EF=96=9A"; } .fa-laugh-squint::before { content: "=EF=96=9B"; } .fa-laugh-wink::before { content: "=EF=96=9C"; } .fa-layer-group::before { content: "=EF=97=BD"; } .fa-leaf::before { content: "=EF=81=AC"; } .fa-leanpub::before { content: "=EF=88=92"; } .fa-lemon::before { content: "=EF=82=94"; } .fa-less::before { content: "=EF=90=9D"; } .fa-less-than::before { content: "=EF=94=B6"; } .fa-less-than-equal::before { content: "=EF=94=B7"; } .fa-level-down-alt::before { content: "=EF=8E=BE"; } .fa-level-up-alt::before { content: "=EF=8E=BF"; } .fa-life-ring::before { content: "=EF=87=8D"; } .fa-lightbulb::before { content: "=EF=83=AB"; } .fa-line::before { content: "=EF=8F=80"; } .fa-link::before { content: "=EF=83=81"; } .fa-linkedin::before { content: "=EF=82=8C"; } .fa-linkedin-in::before { content: "=EF=83=A1"; } .fa-linode::before { content: "=EF=8A=B8"; } .fa-linux::before { content: "=EF=85=BC"; } .fa-lira-sign::before { content: "=EF=86=95"; } .fa-list::before { content: "=EF=80=BA"; } .fa-list-alt::before { content: "=EF=80=A2"; } .fa-list-ol::before { content: "=EF=83=8B"; } .fa-list-ul::before { content: "=EF=83=8A"; } .fa-location-arrow::before { content: "=EF=84=A4"; } .fa-lock::before { content: "=EF=80=A3"; } .fa-lock-open::before { content: "=EF=8F=81"; } .fa-long-arrow-alt-down::before { content: "=EF=8C=89"; } .fa-long-arrow-alt-left::before { content: "=EF=8C=8A"; } .fa-long-arrow-alt-right::before { content: "=EF=8C=8B"; } .fa-long-arrow-alt-up::before { content: "=EF=8C=8C"; } .fa-low-vision::before { content: "=EF=8A=A8"; } .fa-luggage-cart::before { content: "=EF=96=9D"; } .fa-lyft::before { content: "=EF=8F=83"; } .fa-magento::before { content: "=EF=8F=84"; } .fa-magic::before { content: "=EF=83=90"; } .fa-magnet::before { content: "=EF=81=B6"; } .fa-mail-bulk::before { content: "=EF=99=B4"; } .fa-mailchimp::before { content: "=EF=96=9E"; } .fa-male::before { content: "=EF=86=83"; } .fa-mandalorian::before { content: "=EF=94=8F"; } .fa-map::before { content: "=EF=89=B9"; } .fa-map-marked::before { content: "=EF=96=9F"; } .fa-map-marked-alt::before { content: "=EF=96=A0"; } .fa-map-marker::before { content: "=EF=81=81"; } .fa-map-marker-alt::before { content: "=EF=8F=85"; } .fa-map-pin::before { content: "=EF=89=B6"; } .fa-map-signs::before { content: "=EF=89=B7"; } .fa-markdown::before { content: "=EF=98=8F"; } .fa-marker::before { content: "=EF=96=A1"; } .fa-mars::before { content: "=EF=88=A2"; } .fa-mars-double::before { content: "=EF=88=A7"; } .fa-mars-stroke::before { content: "=EF=88=A9"; } .fa-mars-stroke-h::before { content: "=EF=88=AB"; } .fa-mars-stroke-v::before { content: "=EF=88=AA"; } .fa-mastodon::before { content: "=EF=93=B6"; } .fa-maxcdn::before { content: "=EF=84=B6"; } .fa-medal::before { content: "=EF=96=A2"; } .fa-medapps::before { content: "=EF=8F=86"; } .fa-medium::before { content: "=EF=88=BA"; } .fa-medium-m::before { content: "=EF=8F=87"; } .fa-medkit::before { content: "=EF=83=BA"; } .fa-medrt::before { content: "=EF=8F=88"; } .fa-meetup::before { content: "=EF=8B=A0"; } .fa-megaport::before { content: "=EF=96=A3"; } .fa-meh::before { content: "=EF=84=9A"; } .fa-meh-blank::before { content: "=EF=96=A4"; } .fa-meh-rolling-eyes::before { content: "=EF=96=A5"; } .fa-memory::before { content: "=EF=94=B8"; } .fa-menorah::before { content: "=EF=99=B6"; } .fa-mercury::before { content: "=EF=88=A3"; } .fa-microchip::before { content: "=EF=8B=9B"; } .fa-microphone::before { content: "=EF=84=B0"; } .fa-microphone-alt::before { content: "=EF=8F=89"; } .fa-microphone-alt-slash::before { content: "=EF=94=B9"; } .fa-microphone-slash::before { content: "=EF=84=B1"; } .fa-microscope::before { content: "=EF=98=90"; } .fa-microsoft::before { content: "=EF=8F=8A"; } .fa-minus::before { content: "=EF=81=A8"; } .fa-minus-circle::before { content: "=EF=81=96"; } .fa-minus-square::before { content: "=EF=85=86"; } .fa-mix::before { content: "=EF=8F=8B"; } .fa-mixcloud::before { content: "=EF=8A=89"; } .fa-mizuni::before { content: "=EF=8F=8C"; } .fa-mobile::before { content: "=EF=84=8B"; } .fa-mobile-alt::before { content: "=EF=8F=8D"; } .fa-modx::before { content: "=EF=8A=85"; } .fa-monero::before { content: "=EF=8F=90"; } .fa-money-bill::before { content: "=EF=83=96"; } .fa-money-bill-alt::before { content: "=EF=8F=91"; } .fa-money-bill-wave::before { content: "=EF=94=BA"; } .fa-money-bill-wave-alt::before { content: "=EF=94=BB"; } .fa-money-check::before { content: "=EF=94=BC"; } .fa-money-check-alt::before { content: "=EF=94=BD"; } .fa-monument::before { content: "=EF=96=A6"; } .fa-moon::before { content: "=EF=86=86"; } .fa-mortar-pestle::before { content: "=EF=96=A7"; } .fa-mosque::before { content: "=EF=99=B8"; } .fa-motorcycle::before { content: "=EF=88=9C"; } .fa-mouse-pointer::before { content: "=EF=89=85"; } .fa-music::before { content: "=EF=80=81"; } .fa-napster::before { content: "=EF=8F=92"; } .fa-neos::before { content: "=EF=98=92"; } .fa-neuter::before { content: "=EF=88=AC"; } .fa-newspaper::before { content: "=EF=87=AA"; } .fa-nimblr::before { content: "=EF=96=A8"; } .fa-nintendo-switch::before { content: "=EF=90=98"; } .fa-node::before { content: "=EF=90=99"; } .fa-node-js::before { content: "=EF=8F=93"; } .fa-not-equal::before { content: "=EF=94=BE"; } .fa-notes-medical::before { content: "=EF=92=81"; } .fa-npm::before { content: "=EF=8F=94"; } .fa-ns8::before { content: "=EF=8F=95"; } .fa-nutritionix::before { content: "=EF=8F=96"; } .fa-object-group::before { content: "=EF=89=87"; } .fa-object-ungroup::before { content: "=EF=89=88"; } .fa-odnoklassniki::before { content: "=EF=89=A3"; } .fa-odnoklassniki-square::before { content: "=EF=89=A4"; } .fa-oil-can::before { content: "=EF=98=93"; } .fa-old-republic::before { content: "=EF=94=90"; } .fa-om::before { content: "=EF=99=B9"; } .fa-opencart::before { content: "=EF=88=BD"; } .fa-openid::before { content: "=EF=86=9B"; } .fa-opera::before { content: "=EF=89=AA"; } .fa-optin-monster::before { content: "=EF=88=BC"; } .fa-osi::before { content: "=EF=90=9A"; } .fa-outdent::before { content: "=EF=80=BB"; } .fa-page4::before { content: "=EF=8F=97"; } .fa-pagelines::before { content: "=EF=86=8C"; } .fa-paint-brush::before { content: "=EF=87=BC"; } .fa-paint-roller::before { content: "=EF=96=AA"; } .fa-palette::before { content: "=EF=94=BF"; } .fa-palfed::before { content: "=EF=8F=98"; } .fa-pallet::before { content: "=EF=92=82"; } .fa-paper-plane::before { content: "=EF=87=98"; } .fa-paperclip::before { content: "=EF=83=86"; } .fa-parachute-box::before { content: "=EF=93=8D"; } .fa-paragraph::before { content: "=EF=87=9D"; } .fa-parking::before { content: "=EF=95=80"; } .fa-passport::before { content: "=EF=96=AB"; } .fa-pastafarianism::before { content: "=EF=99=BB"; } .fa-paste::before { content: "=EF=83=AA"; } .fa-patreon::before { content: "=EF=8F=99"; } .fa-pause::before { content: "=EF=81=8C"; } .fa-pause-circle::before { content: "=EF=8A=8B"; } .fa-paw::before { content: "=EF=86=B0"; } .fa-paypal::before { content: "=EF=87=AD"; } .fa-peace::before { content: "=EF=99=BC"; } .fa-pen::before { content: "=EF=8C=84"; } .fa-pen-alt::before { content: "=EF=8C=85"; } .fa-pen-fancy::before { content: "=EF=96=AC"; } .fa-pen-nib::before { content: "=EF=96=AD"; } .fa-pen-square::before { content: "=EF=85=8B"; } .fa-pencil-alt::before { content: "=EF=8C=83"; } .fa-pencil-ruler::before { content: "=EF=96=AE"; } .fa-people-carry::before { content: "=EF=93=8E"; } .fa-percent::before { content: "=EF=8A=95"; } .fa-percentage::before { content: "=EF=95=81"; } .fa-periscope::before { content: "=EF=8F=9A"; } .fa-phabricator::before { content: "=EF=8F=9B"; } .fa-phoenix-framework::before { content: "=EF=8F=9C"; } .fa-phoenix-squadron::before { content: "=EF=94=91"; } .fa-phone::before { content: "=EF=82=95"; } .fa-phone-slash::before { content: "=EF=8F=9D"; } .fa-phone-square::before { content: "=EF=82=98"; } .fa-phone-volume::before { content: "=EF=8A=A0"; } .fa-php::before { content: "=EF=91=97"; } .fa-pied-piper::before { content: "=EF=8A=AE"; } .fa-pied-piper-alt::before { content: "=EF=86=A8"; } .fa-pied-piper-hat::before { content: "=EF=93=A5"; } .fa-pied-piper-pp::before { content: "=EF=86=A7"; } .fa-piggy-bank::before { content: "=EF=93=93"; } .fa-pills::before { content: "=EF=92=84"; } .fa-pinterest::before { content: "=EF=83=92"; } .fa-pinterest-p::before { content: "=EF=88=B1"; } .fa-pinterest-square::before { content: "=EF=83=93"; } .fa-place-of-worship::before { content: "=EF=99=BF"; } .fa-plane::before { content: "=EF=81=B2"; } .fa-plane-arrival::before { content: "=EF=96=AF"; } .fa-plane-departure::before { content: "=EF=96=B0"; } .fa-play::before { content: "=EF=81=8B"; } .fa-play-circle::before { content: "=EF=85=84"; } .fa-playstation::before { content: "=EF=8F=9F"; } .fa-plug::before { content: "=EF=87=A6"; } .fa-plus::before { content: "=EF=81=A7"; } .fa-plus-circle::before { content: "=EF=81=95"; } .fa-plus-square::before { content: "=EF=83=BE"; } .fa-podcast::before { content: "=EF=8B=8E"; } .fa-poll::before { content: "=EF=9A=81"; } .fa-poll-h::before { content: "=EF=9A=82"; } .fa-poo::before { content: "=EF=8B=BE"; } .fa-poop::before { content: "=EF=98=99"; } .fa-portrait::before { content: "=EF=8F=A0"; } .fa-pound-sign::before { content: "=EF=85=94"; } .fa-power-off::before { content: "=EF=80=91"; } .fa-pray::before { content: "=EF=9A=83"; } .fa-praying-hands::before { content: "=EF=9A=84"; } .fa-prescription::before { content: "=EF=96=B1"; } .fa-prescription-bottle::before { content: "=EF=92=85"; } .fa-prescription-bottle-alt::before { content: "=EF=92=86"; } .fa-print::before { content: "=EF=80=AF"; } .fa-procedures::before { content: "=EF=92=87"; } .fa-product-hunt::before { content: "=EF=8A=88"; } .fa-project-diagram::before { content: "=EF=95=82"; } .fa-pushed::before { content: "=EF=8F=A1"; } .fa-puzzle-piece::before { content: "=EF=84=AE"; } .fa-python::before { content: "=EF=8F=A2"; } .fa-qq::before { content: "=EF=87=96"; } .fa-qrcode::before { content: "=EF=80=A9"; } .fa-question::before { content: "=EF=84=A8"; } .fa-question-circle::before { content: "=EF=81=99"; } .fa-quidditch::before { content: "=EF=91=98"; } .fa-quinscape::before { content: "=EF=91=99"; } .fa-quora::before { content: "=EF=8B=84"; } .fa-quote-left::before { content: "=EF=84=8D"; } .fa-quote-right::before { content: "=EF=84=8E"; } .fa-quran::before { content: "=EF=9A=87"; } .fa-r-project::before { content: "=EF=93=B7"; } .fa-random::before { content: "=EF=81=B4"; } .fa-ravelry::before { content: "=EF=8B=99"; } .fa-react::before { content: "=EF=90=9B"; } .fa-readme::before { content: "=EF=93=95"; } .fa-rebel::before { content: "=EF=87=90"; } .fa-receipt::before { content: "=EF=95=83"; } .fa-recycle::before { content: "=EF=86=B8"; } .fa-red-river::before { content: "=EF=8F=A3"; } .fa-reddit::before { content: "=EF=86=A1"; } .fa-reddit-alien::before { content: "=EF=8A=81"; } .fa-reddit-square::before { content: "=EF=86=A2"; } .fa-redo::before { content: "=EF=80=9E"; } .fa-redo-alt::before { content: "=EF=8B=B9"; } .fa-registered::before { content: "=EF=89=9D"; } .fa-rendact::before { content: "=EF=8F=A4"; } .fa-renren::before { content: "=EF=86=8B"; } .fa-reply::before { content: "=EF=8F=A5"; } .fa-reply-all::before { content: "=EF=84=A2"; } .fa-replyd::before { content: "=EF=8F=A6"; } .fa-researchgate::before { content: "=EF=93=B8"; } .fa-resolving::before { content: "=EF=8F=A7"; } .fa-retweet::before { content: "=EF=81=B9"; } .fa-rev::before { content: "=EF=96=B2"; } .fa-ribbon::before { content: "=EF=93=96"; } .fa-road::before { content: "=EF=80=98"; } .fa-robot::before { content: "=EF=95=84"; } .fa-rocket::before { content: "=EF=84=B5"; } .fa-rocketchat::before { content: "=EF=8F=A8"; } .fa-rockrms::before { content: "=EF=8F=A9"; } .fa-route::before { content: "=EF=93=97"; } .fa-rss::before { content: "=EF=82=9E"; } .fa-rss-square::before { content: "=EF=85=83"; } .fa-ruble-sign::before { content: "=EF=85=98"; } .fa-ruler::before { content: "=EF=95=85"; } .fa-ruler-combined::before { content: "=EF=95=86"; } .fa-ruler-horizontal::before { content: "=EF=95=87"; } .fa-ruler-vertical::before { content: "=EF=95=88"; } .fa-rupee-sign::before { content: "=EF=85=96"; } .fa-sad-cry::before { content: "=EF=96=B3"; } .fa-sad-tear::before { content: "=EF=96=B4"; } .fa-safari::before { content: "=EF=89=A7"; } .fa-sass::before { content: "=EF=90=9E"; } .fa-save::before { content: "=EF=83=87"; } .fa-schlix::before { content: "=EF=8F=AA"; } .fa-school::before { content: "=EF=95=89"; } .fa-screwdriver::before { content: "=EF=95=8A"; } .fa-scribd::before { content: "=EF=8A=8A"; } .fa-search::before { content: "=EF=80=82"; } .fa-search-dollar::before { content: "=EF=9A=88"; } .fa-search-location::before { content: "=EF=9A=89"; } .fa-search-minus::before { content: "=EF=80=90"; } .fa-search-plus::before { content: "=EF=80=8E"; } .fa-searchengin::before { content: "=EF=8F=AB"; } .fa-seedling::before { content: "=EF=93=98"; } .fa-sellcast::before { content: "=EF=8B=9A"; } .fa-sellsy::before { content: "=EF=88=93"; } .fa-server::before { content: "=EF=88=B3"; } .fa-servicestack::before { content: "=EF=8F=AC"; } .fa-shapes::before { content: "=EF=98=9F"; } .fa-share::before { content: "=EF=81=A4"; } .fa-share-alt::before { content: "=EF=87=A0"; } .fa-share-alt-square::before { content: "=EF=87=A1"; } .fa-share-square::before { content: "=EF=85=8D"; } .fa-shekel-sign::before { content: "=EF=88=8B"; } .fa-shield-alt::before { content: "=EF=8F=AD"; } .fa-ship::before { content: "=EF=88=9A"; } .fa-shipping-fast::before { content: "=EF=92=8B"; } .fa-shirtsinbulk::before { content: "=EF=88=94"; } .fa-shoe-prints::before { content: "=EF=95=8B"; } .fa-shopping-bag::before { content: "=EF=8A=90"; } .fa-shopping-basket::before { content: "=EF=8A=91"; } .fa-shopping-cart::before { content: "=EF=81=BA"; } .fa-shopware::before { content: "=EF=96=B5"; } .fa-shower::before { content: "=EF=8B=8C"; } .fa-shuttle-van::before { content: "=EF=96=B6"; } .fa-sign::before { content: "=EF=93=99"; } .fa-sign-in-alt::before { content: "=EF=8B=B6"; } .fa-sign-language::before { content: "=EF=8A=A7"; } .fa-sign-out-alt::before { content: "=EF=8B=B5"; } .fa-signal::before { content: "=EF=80=92"; } .fa-signature::before { content: "=EF=96=B7"; } .fa-simplybuilt::before { content: "=EF=88=95"; } .fa-sistrix::before { content: "=EF=8F=AE"; } .fa-sitemap::before { content: "=EF=83=A8"; } .fa-sith::before { content: "=EF=94=92"; } .fa-skull::before { content: "=EF=95=8C"; } .fa-skyatlas::before { content: "=EF=88=96"; } .fa-skype::before { content: "=EF=85=BE"; } .fa-slack::before { content: "=EF=86=98"; } .fa-slack-hash::before { content: "=EF=8F=AF"; } .fa-sliders-h::before { content: "=EF=87=9E"; } .fa-slideshare::before { content: "=EF=87=A7"; } .fa-smile::before { content: "=EF=84=98"; } .fa-smile-beam::before { content: "=EF=96=B8"; } .fa-smile-wink::before { content: "=EF=93=9A"; } .fa-smoking::before { content: "=EF=92=8D"; } .fa-smoking-ban::before { content: "=EF=95=8D"; } .fa-snapchat::before { content: "=EF=8A=AB"; } .fa-snapchat-ghost::before { content: "=EF=8A=AC"; } .fa-snapchat-square::before { content: "=EF=8A=AD"; } .fa-snowflake::before { content: "=EF=8B=9C"; } .fa-socks::before { content: "=EF=9A=96"; } .fa-solar-panel::before { content: "=EF=96=BA"; } .fa-sort::before { content: "=EF=83=9C"; } .fa-sort-alpha-down::before { content: "=EF=85=9D"; } .fa-sort-alpha-up::before { content: "=EF=85=9E"; } .fa-sort-amount-down::before { content: "=EF=85=A0"; } .fa-sort-amount-up::before { content: "=EF=85=A1"; } .fa-sort-down::before { content: "=EF=83=9D"; } .fa-sort-numeric-down::before { content: "=EF=85=A2"; } .fa-sort-numeric-up::before { content: "=EF=85=A3"; } .fa-sort-up::before { content: "=EF=83=9E"; } .fa-soundcloud::before { content: "=EF=86=BE"; } .fa-spa::before { content: "=EF=96=BB"; } .fa-space-shuttle::before { content: "=EF=86=97"; } .fa-speakap::before { content: "=EF=8F=B3"; } .fa-spinner::before { content: "=EF=84=90"; } .fa-splotch::before { content: "=EF=96=BC"; } .fa-spotify::before { content: "=EF=86=BC"; } .fa-spray-can::before { content: "=EF=96=BD"; } .fa-square::before { content: "=EF=83=88"; } .fa-square-full::before { content: "=EF=91=9C"; } .fa-square-root-alt::before { content: "=EF=9A=98"; } .fa-squarespace::before { content: "=EF=96=BE"; } .fa-stack-exchange::before { content: "=EF=86=8D"; } .fa-stack-overflow::before { content: "=EF=85=AC"; } .fa-stamp::before { content: "=EF=96=BF"; } .fa-star::before { content: "=EF=80=85"; } .fa-star-and-crescent::before { content: "=EF=9A=99"; } .fa-star-half::before { content: "=EF=82=89"; } .fa-star-half-alt::before { content: "=EF=97=80"; } .fa-star-of-david::before { content: "=EF=9A=9A"; } .fa-star-of-life::before { content: "=EF=98=A1"; } .fa-staylinked::before { content: "=EF=8F=B5"; } .fa-steam::before { content: "=EF=86=B6"; } .fa-steam-square::before { content: "=EF=86=B7"; } .fa-steam-symbol::before { content: "=EF=8F=B6"; } .fa-step-backward::before { content: "=EF=81=88"; } .fa-step-forward::before { content: "=EF=81=91"; } .fa-stethoscope::before { content: "=EF=83=B1"; } .fa-sticker-mule::before { content: "=EF=8F=B7"; } .fa-sticky-note::before { content: "=EF=89=89"; } .fa-stop::before { content: "=EF=81=8D"; } .fa-stop-circle::before { content: "=EF=8A=8D"; } .fa-stopwatch::before { content: "=EF=8B=B2"; } .fa-store::before { content: "=EF=95=8E"; } .fa-store-alt::before { content: "=EF=95=8F"; } .fa-strava::before { content: "=EF=90=A8"; } .fa-stream::before { content: "=EF=95=90"; } .fa-street-view::before { content: "=EF=88=9D"; } .fa-strikethrough::before { content: "=EF=83=8C"; } .fa-stripe::before { content: "=EF=90=A9"; } .fa-stripe-s::before { content: "=EF=90=AA"; } .fa-stroopwafel::before { content: "=EF=95=91"; } .fa-studiovinari::before { content: "=EF=8F=B8"; } .fa-stumbleupon::before { content: "=EF=86=A4"; } .fa-stumbleupon-circle::before { content: "=EF=86=A3"; } .fa-subscript::before { content: "=EF=84=AC"; } .fa-subway::before { content: "=EF=88=B9"; } .fa-suitcase::before { content: "=EF=83=B2"; } .fa-suitcase-rolling::before { content: "=EF=97=81"; } .fa-sun::before { content: "=EF=86=85"; } .fa-superpowers::before { content: "=EF=8B=9D"; } .fa-superscript::before { content: "=EF=84=AB"; } .fa-supple::before { content: "=EF=8F=B9"; } .fa-surprise::before { content: "=EF=97=82"; } .fa-swatchbook::before { content: "=EF=97=83"; } .fa-swimmer::before { content: "=EF=97=84"; } .fa-swimming-pool::before { content: "=EF=97=85"; } .fa-synagogue::before { content: "=EF=9A=9B"; } .fa-sync::before { content: "=EF=80=A1"; } .fa-sync-alt::before { content: "=EF=8B=B1"; } .fa-syringe::before { content: "=EF=92=8E"; } .fa-table::before { content: "=EF=83=8E"; } .fa-table-tennis::before { content: "=EF=91=9D"; } .fa-tablet::before { content: "=EF=84=8A"; } .fa-tablet-alt::before { content: "=EF=8F=BA"; } .fa-tablets::before { content: "=EF=92=90"; } .fa-tachometer-alt::before { content: "=EF=8F=BD"; } .fa-tag::before { content: "=EF=80=AB"; } .fa-tags::before { content: "=EF=80=AC"; } .fa-tape::before { content: "=EF=93=9B"; } .fa-tasks::before { content: "=EF=82=AE"; } .fa-taxi::before { content: "=EF=86=BA"; } .fa-teamspeak::before { content: "=EF=93=B9"; } .fa-teeth::before { content: "=EF=98=AE"; } .fa-teeth-open::before { content: "=EF=98=AF"; } .fa-telegram::before { content: "=EF=8B=86"; } .fa-telegram-plane::before { content: "=EF=8F=BE"; } .fa-tencent-weibo::before { content: "=EF=87=95"; } .fa-terminal::before { content: "=EF=84=A0"; } .fa-text-height::before { content: "=EF=80=B4"; } .fa-text-width::before { content: "=EF=80=B5"; } .fa-th::before { content: "=EF=80=8A"; } .fa-th-large::before { content: "=EF=80=89"; } .fa-th-list::before { content: "=EF=80=8B"; } .fa-the-red-yeti::before { content: "=EF=9A=9D"; } .fa-theater-masks::before { content: "=EF=98=B0"; } .fa-themeco::before { content: "=EF=97=86"; } .fa-themeisle::before { content: "=EF=8A=B2"; } .fa-thermometer::before { content: "=EF=92=91"; } .fa-thermometer-empty::before { content: "=EF=8B=8B"; } .fa-thermometer-full::before { content: "=EF=8B=87"; } .fa-thermometer-half::before { content: "=EF=8B=89"; } .fa-thermometer-quarter::before { content: "=EF=8B=8A"; } .fa-thermometer-three-quarters::before { content: "=EF=8B=88"; } .fa-thumbs-down::before { content: "=EF=85=A5"; } .fa-thumbs-up::before { content: "=EF=85=A4"; } .fa-thumbtack::before { content: "=EF=82=8D"; } .fa-ticket-alt::before { content: "=EF=8F=BF"; } .fa-times::before { content: "=EF=80=8D"; } .fa-times-circle::before { content: "=EF=81=97"; } .fa-tint::before { content: "=EF=81=83"; } .fa-tint-slash::before { content: "=EF=97=87"; } .fa-tired::before { content: "=EF=97=88"; } .fa-toggle-off::before { content: "=EF=88=84"; } .fa-toggle-on::before { content: "=EF=88=85"; } .fa-toolbox::before { content: "=EF=95=92"; } .fa-tooth::before { content: "=EF=97=89"; } .fa-torah::before { content: "=EF=9A=A0"; } .fa-torii-gate::before { content: "=EF=9A=A1"; } .fa-trade-federation::before { content: "=EF=94=93"; } .fa-trademark::before { content: "=EF=89=9C"; } .fa-traffic-light::before { content: "=EF=98=B7"; } .fa-train::before { content: "=EF=88=B8"; } .fa-transgender::before { content: "=EF=88=A4"; } .fa-transgender-alt::before { content: "=EF=88=A5"; } .fa-trash::before { content: "=EF=87=B8"; } .fa-trash-alt::before { content: "=EF=8B=AD"; } .fa-tree::before { content: "=EF=86=BB"; } .fa-trello::before { content: "=EF=86=81"; } .fa-tripadvisor::before { content: "=EF=89=A2"; } .fa-trophy::before { content: "=EF=82=91"; } .fa-truck::before { content: "=EF=83=91"; } .fa-truck-loading::before { content: "=EF=93=9E"; } .fa-truck-monster::before { content: "=EF=98=BB"; } .fa-truck-moving::before { content: "=EF=93=9F"; } .fa-truck-pickup::before { content: "=EF=98=BC"; } .fa-tshirt::before { content: "=EF=95=93"; } .fa-tty::before { content: "=EF=87=A4"; } .fa-tumblr::before { content: "=EF=85=B3"; } .fa-tumblr-square::before { content: "=EF=85=B4"; } .fa-tv::before { content: "=EF=89=AC"; } .fa-twitch::before { content: "=EF=87=A8"; } .fa-twitter::before { content: "=EF=82=99"; } .fa-twitter-square::before { content: "=EF=82=81"; } .fa-typo3::before { content: "=EF=90=AB"; } .fa-uber::before { content: "=EF=90=82"; } .fa-uikit::before { content: "=EF=90=83"; } .fa-umbrella::before { content: "=EF=83=A9"; } .fa-umbrella-beach::before { content: "=EF=97=8A"; } .fa-underline::before { content: "=EF=83=8D"; } .fa-undo::before { content: "=EF=83=A2"; } .fa-undo-alt::before { content: "=EF=8B=AA"; } .fa-uniregistry::before { content: "=EF=90=84"; } .fa-universal-access::before { content: "=EF=8A=9A"; } .fa-university::before { content: "=EF=86=9C"; } .fa-unlink::before { content: "=EF=84=A7"; } .fa-unlock::before { content: "=EF=82=9C"; } .fa-unlock-alt::before { content: "=EF=84=BE"; } .fa-untappd::before { content: "=EF=90=85"; } .fa-upload::before { content: "=EF=82=93"; } .fa-usb::before { content: "=EF=8A=87"; } .fa-user::before { content: "=EF=80=87"; } .fa-user-alt::before { content: "=EF=90=86"; } .fa-user-alt-slash::before { content: "=EF=93=BA"; } .fa-user-astronaut::before { content: "=EF=93=BB"; } .fa-user-check::before { content: "=EF=93=BC"; } .fa-user-circle::before { content: "=EF=8A=BD"; } .fa-user-clock::before { content: "=EF=93=BD"; } .fa-user-cog::before { content: "=EF=93=BE"; } .fa-user-edit::before { content: "=EF=93=BF"; } .fa-user-friends::before { content: "=EF=94=80"; } .fa-user-graduate::before { content: "=EF=94=81"; } .fa-user-lock::before { content: "=EF=94=82"; } .fa-user-md::before { content: "=EF=83=B0"; } .fa-user-minus::before { content: "=EF=94=83"; } .fa-user-ninja::before { content: "=EF=94=84"; } .fa-user-plus::before { content: "=EF=88=B4"; } .fa-user-secret::before { content: "=EF=88=9B"; } .fa-user-shield::before { content: "=EF=94=85"; } .fa-user-slash::before { content: "=EF=94=86"; } .fa-user-tag::before { content: "=EF=94=87"; } .fa-user-tie::before { content: "=EF=94=88"; } .fa-user-times::before { content: "=EF=88=B5"; } .fa-users::before { content: "=EF=83=80"; } .fa-users-cog::before { content: "=EF=94=89"; } .fa-ussunnah::before { content: "=EF=90=87"; } .fa-utensil-spoon::before { content: "=EF=8B=A5"; } .fa-utensils::before { content: "=EF=8B=A7"; } .fa-vaadin::before { content: "=EF=90=88"; } .fa-vector-square::before { content: "=EF=97=8B"; } .fa-venus::before { content: "=EF=88=A1"; } .fa-venus-double::before { content: "=EF=88=A6"; } .fa-venus-mars::before { content: "=EF=88=A8"; } .fa-viacoin::before { content: "=EF=88=B7"; } .fa-viadeo::before { content: "=EF=8A=A9"; } .fa-viadeo-square::before { content: "=EF=8A=AA"; } .fa-vial::before { content: "=EF=92=92"; } .fa-vials::before { content: "=EF=92=93"; } .fa-viber::before { content: "=EF=90=89"; } .fa-video::before { content: "=EF=80=BD"; } .fa-video-slash::before { content: "=EF=93=A2"; } .fa-vihara::before { content: "=EF=9A=A7"; } .fa-vimeo::before { content: "=EF=90=8A"; } .fa-vimeo-square::before { content: "=EF=86=94"; } .fa-vimeo-v::before { content: "=EF=89=BD"; } .fa-vine::before { content: "=EF=87=8A"; } .fa-vk::before { content: "=EF=86=89"; } .fa-vnv::before { content: "=EF=90=8B"; } .fa-volleyball-ball::before { content: "=EF=91=9F"; } .fa-volume-down::before { content: "=EF=80=A7"; } .fa-volume-off::before { content: "=EF=80=A6"; } .fa-volume-up::before { content: "=EF=80=A8"; } .fa-vuejs::before { content: "=EF=90=9F"; } .fa-walking::before { content: "=EF=95=94"; } .fa-wallet::before { content: "=EF=95=95"; } .fa-warehouse::before { content: "=EF=92=94"; } .fa-weebly::before { content: "=EF=97=8C"; } .fa-weibo::before { content: "=EF=86=8A"; } .fa-weight::before { content: "=EF=92=96"; } .fa-weight-hanging::before { content: "=EF=97=8D"; } .fa-weixin::before { content: "=EF=87=97"; } .fa-whatsapp::before { content: "=EF=88=B2"; } .fa-whatsapp-square::before { content: "=EF=90=8C"; } .fa-wheelchair::before { content: "=EF=86=93"; } .fa-whmcs::before { content: "=EF=90=8D"; } .fa-wifi::before { content: "=EF=87=AB"; } .fa-wikipedia-w::before { content: "=EF=89=A6"; } .fa-window-close::before { content: "=EF=90=90"; } .fa-window-maximize::before { content: "=EF=8B=90"; } .fa-window-minimize::before { content: "=EF=8B=91"; } .fa-window-restore::before { content: "=EF=8B=92"; } .fa-windows::before { content: "=EF=85=BA"; } .fa-wine-glass::before { content: "=EF=93=A3"; } .fa-wine-glass-alt::before { content: "=EF=97=8E"; } .fa-wix::before { content: "=EF=97=8F"; } .fa-wolf-pack-battalion::before { content: "=EF=94=94"; } .fa-won-sign::before { content: "=EF=85=99"; } .fa-wordpress::before { content: "=EF=86=9A"; } .fa-wordpress-simple::before { content: "=EF=90=91"; } .fa-wpbeginner::before { content: "=EF=8A=97"; } .fa-wpexplorer::before { content: "=EF=8B=9E"; } .fa-wpforms::before { content: "=EF=8A=98"; } .fa-wrench::before { content: "=EF=82=AD"; } .fa-x-ray::before { content: "=EF=92=97"; } .fa-xbox::before { content: "=EF=90=92"; } .fa-xing::before { content: "=EF=85=A8"; } .fa-xing-square::before { content: "=EF=85=A9"; } .fa-y-combinator::before { content: "=EF=88=BB"; } .fa-yahoo::before { content: "=EF=86=9E"; } .fa-yandex::before { content: "=EF=90=93"; } .fa-yandex-international::before { content: "=EF=90=94"; } .fa-yelp::before { content: "=EF=87=A9"; } .fa-yen-sign::before { content: "=EF=85=97"; } .fa-yin-yang::before { content: "=EF=9A=AD"; } .fa-yoast::before { content: "=EF=8A=B1"; } .fa-youtube::before { content: "=EF=85=A7"; } .fa-youtube-square::before { content: "=EF=90=B1"; } .fa-zhihu::before { content: "=EF=98=BF"; } .sr-only { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin= : -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: a= uto; margin: 0px; overflow: visible; position: static; width: auto; } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font= -weight: normal; src: url("../webfonts/fa-brands-400.woff2") format("woff2"= ), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/f= a-brands-400.ttf") format("truetype"); } .fab { font-family: "Font Awesome 5 Brands"; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-w= eight: 400; src: url("../webfonts/fa-regular-400.woff2") format("woff2"), u= rl("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-r= egular-400.ttf") format("truetype"); } .far { font-weight: 400; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-w= eight: 900; src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url= ("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid= -900.ttf") format("truetype"); } .fa, .far, .fas { font-family: "Font Awesome 5 Free"; } .fa, .fas { font-weight: 900; } ------MultipartBoundary--dsW1gPEN6chWfyX263qpb8JpAbDyY1wQptNzV6v4e7---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://static.rebrainme.com/static/css/common.css @charset "utf-8"; .video-js .vjs-big-play-button .vjs-icon-placeholder::before, .video-js .vj= s-modal-dialog, .vjs-button > .vjs-icon-placeholder::before, .vjs-modal-dia= log .vjs-modal-dialog-content { position: absolute; top: 0px; left: 0px; wi= dth: 100%; height: 100%; } .video-js .vjs-big-play-button .vjs-icon-placeholder::before, .vjs-button >= .vjs-icon-placeholder::before { text-align: center; } @font-face { font-family: VideoJS; src: url("data:application/font-woff;cha= rset=3Dutf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAA= AAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAA= ADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAA= AAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAA= DngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJx= jYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BU= gAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZ= gQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quI= EN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4Mi= JMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9H= d5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0i= FLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2I= W4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3= v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/i= rwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS= 6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6K= nGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrL= h36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9M= J15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9Ov= MK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKT= x3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7y= SVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL= 1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXH= AkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI= 8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u= 5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qO= s9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk= 7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pq= UyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPM= o9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgk= BnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+O= HlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pV= rsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445= oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenp= W6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLf= OgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdUL= Vl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07= h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1l= FYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNr= hdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyK= MvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL= 5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ= 2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweW= ubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3= BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAo= FpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7= a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH= 1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7z= Q8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNt= D72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZ= jwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJy= kMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJz= rWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id= 17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s= 1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwH= H6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5J= E5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+b= KfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk= 1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65= ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8= BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxM= J3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5Nwf= Dn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK= 0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2Bk= YGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB= +AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG= 4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2= lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAej= dm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8= WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmV= FlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Y= u6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxt= kMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0E= XKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndl= r6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rF= UQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX= 7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPx= AFP0BpLeJPA=3D=3D") format("woff"); font-weight: 400; font-style: normal; } .video-js .vjs-big-play-button .vjs-icon-placeholder::before, .video-js .vj= s-play-control .vjs-icon-placeholder, .vjs-icon-play { font-family: VideoJS= ; font-weight: 400; font-style: normal; } .video-js .vjs-big-play-button .vjs-icon-placeholder::before, .video-js .vj= s-play-control .vjs-icon-placeholder::before, .vjs-icon-play::before { cont= ent: "=EF=84=81"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: 400; font-style:= normal; } .vjs-icon-play-circle::before { content: "=EF=84=82"; } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pa= use { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder::before, .vjs= -icon-pause::before { content: "=EF=84=83"; } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volu= me-mute { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder::before, .vjs-i= con-volume-mute::before { content: "=EF=84=84"; } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volu= me-low { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder::before, .vjs-i= con-volume-low::before { content: "=EF=84=85"; } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volu= me-mid { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder::before, .vjs-i= con-volume-mid::before { content: "=EF=84=86"; } .video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high { = font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control .vjs-icon-placeholder::before, .vjs-icon-volume= -high::before { content: "=EF=84=87"; } .video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscre= en-enter { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-fullscreen-control .vjs-icon-placeholder::before, .vjs-icon-= fullscreen-enter::before { content: "=EF=84=88"; } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vj= s-icon-fullscreen-exit { font-family: VideoJS; font-weight: 400; font-style= : normal; } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder::bef= ore, .vjs-icon-fullscreen-exit::before { content: "=EF=84=89"; } .vjs-icon-square { font-family: VideoJS; font-weight: 400; font-style: norm= al; } .vjs-icon-square::before { content: "=EF=84=8A"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: 400; font-style: nor= mal; } .vjs-icon-spinner::before { content: "=EF=84=8B"; } .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,= .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder= , .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholde= r, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placehold= er, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-s= ubtitles-button .vjs-icon-placeholder, .vjs-icon-subtitles { font-family: V= ideoJS; font-weight: 400; font-style: normal; } .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:= :before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-pla= ceholder::before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs= -icon-placeholder::before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-bu= tton .vjs-icon-placeholder::before, .video-js .vjs-subs-caps-button .vjs-ic= on-placeholder::before, .video-js .vjs-subtitles-button .vjs-icon-placehold= er::before, .vjs-icon-subtitles::before { content: "=EF=84=8C"; } .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .v= js-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-= caps-button .vjs-icon-placeholder, .vjs-icon-captions { font-family: VideoJ= S; font-weight: 400; font-style: normal; } .video-js .vjs-captions-button .vjs-icon-placeholder::before, .video-js:lan= g(en) .vjs-subs-caps-button .vjs-icon-placeholder::before, .video-js:lang(f= r-CA) .vjs-subs-caps-button .vjs-icon-placeholder::before, .vjs-icon-captio= ns::before { content: "=EF=84=8D"; } .video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters { = font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-chapters-button .vjs-icon-placeholder::before, .vjs-icon-cha= pters::before { content: "=EF=84=8E"; } .vjs-icon-share { font-family: VideoJS; font-weight: 400; font-style: norma= l; } .vjs-icon-share::before { content: "=EF=84=8F"; } .vjs-icon-cog { font-family: VideoJS; font-weight: 400; font-style: normal;= } .vjs-icon-cog::before { content: "=EF=84=90"; } .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle= , .vjs-seek-to-live-control .vjs-icon-placeholder { font-family: VideoJS; f= ont-weight: 400; font-style: normal; } .video-js .vjs-play-progress::before, .video-js .vjs-volume-level::before, = .vjs-icon-circle::before, .vjs-seek-to-live-control .vjs-icon-placeholder::= before { content: "=EF=84=91"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: 400; font-sty= le: normal; } .vjs-icon-circle-outline::before { content: "=EF=84=92"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: 400; fon= t-style: normal; } .vjs-icon-circle-inner-circle::before { content: "=EF=84=93"; } .vjs-icon-hd { font-family: VideoJS; font-weight: 400; font-style: normal; = } .vjs-icon-hd::before { content: "=EF=84=94"; } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-ca= ncel { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder::before, .vjs= -icon-cancel::before { content: "=EF=84=95"; } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-repl= ay { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder::before, .vjs-i= con-replay::before { content: "=EF=84=96"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: 400; font-style: no= rmal; } .vjs-icon-facebook::before { content: "=EF=84=97"; } .vjs-icon-gplus { font-family: VideoJS; font-weight: 400; font-style: norma= l; } .vjs-icon-gplus::before { content: "=EF=84=98"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: 400; font-style: no= rmal; } .vjs-icon-linkedin::before { content: "=EF=84=99"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: 400; font-style: nor= mal; } .vjs-icon-twitter::before { content: "=EF=84=9A"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: 400; font-style: norm= al; } .vjs-icon-tumblr::before { content: "=EF=84=9B"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: 400; font-style: n= ormal; } .vjs-icon-pinterest::before { content: "=EF=84=9C"; } .video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-d= escription { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-descriptions-button .vjs-icon-placeholder::before, .vjs-icon= -audio-description::before { content: "=EF=84=9D"; } .video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio { font-f= amily: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-audio-button .vjs-icon-placeholder::before, .vjs-icon-audio:= :before { content: "=EF=84=9E"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: 400; font-style: n= ormal; } .vjs-icon-next-item::before { content: "=EF=84=9F"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: 400; font-styl= e: normal; } .vjs-icon-previous-item::before { content: "=EF=84=A0"; } .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-= picture-in-picture-enter { font-family: VideoJS; font-weight: 400; font-sty= le: normal; } .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder::before, .v= js-icon-picture-in-picture-enter::before { content: "=EF=84=A1"; } .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-= placeholder, .vjs-icon-picture-in-picture-exit { font-family: VideoJS; font= -weight: 400; font-style: normal; } .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-= placeholder::before, .vjs-icon-picture-in-picture-exit::before { content: "= =EF=84=A2"; } .video-js { display: block; vertical-align: top; box-sizing: border-box; co= lor: rgb(255, 255, 255); background-color: rgb(0, 0, 0); position: relative= ; padding: 0px; font-size: 10px; line-height: 1; font-weight: 400; font-sty= le: normal; font-family: Arial, Helvetica, sans-serif; word-break: normal; = } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !impor= tant; } .video-js[tabindex=3D"-1"] { outline: 0px; } .video-js *, .video-js ::after, .video-js ::before { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inher= it; list-style-position: outside; margin: 0px; } .video-js.vjs-4-3, .video-js.vjs-16-9, .video-js.vjs-fluid { width: 100%; m= ax-width: 100%; height: 0px; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js.vjs-fill, .video-js .vjs-tech { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0px; left: 0px; } body.vjs-full-window { padding: 0px; margin: 0px; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidd= en; z-index: 1000; inset: 0px; } .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) { width: 100% !important; = height: 100% !important; padding-top: 0px !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; = top: 0px; width: 1px; } .vjs-lock-showing { opacity: 1; visibility: visible; display: block !import= ant; } .vjs-no-js { padding: 20px; color: rgb(255, 255, 255); background-color: rg= b(0, 0, 0); font-size: 18px; font-family: Arial, Helvetica, sans-serif; tex= t-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: rgb(102, 168, 204); } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height= : 1.63332em; width: 3em; display: block; position: absolute; top: 10px; lef= t: 10px; padding: 0px; cursor: pointer; opacity: 1; border: 0.06666em solid= rgb(255, 255, 255); background-color: rgba(43, 51, 63, 0.7); border-radius= : 0.3em; transition: all 0.4s ease 0s; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-t= op: -0.81666em; margin-left: -1.5em; } .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button = { border-color: rgb(255, 255, 255); background-color: rgba(115, 133, 159, 0= .5); transition: all 0s ease 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-butto= n, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-b= ig-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play= -button { display: block; } .video-js button { background: 0px 0px; border: none; color: inherit; displ= ay: inline-block; font-size: inherit; line-height: inherit; text-transform:= none; text-decoration: none; transition: none 0s ease 0s; appearance: none= ; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; pos= ition: absolute; right: 0px; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: linear-gradient(rgba(0, 0, 0, 0.8= ), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height= : 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: = none; } .vjs-menu .vjs-menu-content { display: block; padding: 0px; margin: 0px; fo= nt-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none= ; } .vjs-menu li { list-style: none; margin: 0px; padding: 0.2em 0px; line-heig= ht: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase;= } .js-focus-visible .vjs-menu li.vjs-menu-item:hover, .vjs-menu li.vjs-menu-i= tem:focus, .vjs-menu li.vjs-menu-item:hover { background-color: rgba(115, 1= 33, 159, 0.5); } .js-focus-visible .vjs-menu li.vjs-selected:hover, .vjs-menu li.vjs-selecte= d, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { backg= round-color: rgb(255, 255, 255); color: rgb(43, 51, 63); } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase= ; font-size: 1em; line-height: 2em; padding: 0px; margin: 0px 0px 0.3em; fo= nt-weight: 700; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; botto= m: 0px; width: 10em; left: -3em; height: 0px; margin-bottom: 1.5em; border-= top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: rgba= (43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-heig= ht: 15em; } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-l= ayout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-heig= ht: 5em; } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-= height: 10em; } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max= -height: 14em; } .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-l= ayout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout= -x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 2= 5em; } .vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-m= enu-button-popup.vjs-hover .vjs-menu { display: block; } .video-js .vjs-menu-button-inline { transition: all 0.4s ease 0s; overflow:= hidden; } .video-js .vjs-menu-button-inline::before { width: 2.22222em; } .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-bu= tton-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-n= o-flex .vjs-menu-button-inline { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; = position: absolute; left: 4em; top: 0px; padding: 0px; margin: 0px; transit= ion: all 0.4s ease 0s; } .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inlin= e:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu { display: block= ; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1= ; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-f= lex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-= inline:hover .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; marg= in: 0px; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute= ; bottom: 0px; left: 0px; right: 0px; height: 3em; background-color: rgba(4= 3, 51, 63, 0.7); } .vjs-has-started .vjs-control-bar { display: flex; visibility: visible; opa= city: 1; transition: visibility 0.1s ease 0s, opacity 0.1s ease 0s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibilit= y: visible; opacity: 0; transition: visibility 1s ease 0s, opacity 1s ease = 0s; } .vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-= using-native-controls .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {= opacity: 1; visibility: visible; } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { position: relative; text-align: center; margin: 0p= x; padding: 0px; height: 100%; width: 4em; -webkit-box-flex: 0; flex: 0 0 a= uto; } .vjs-button > .vjs-icon-placeholder::before { font-size: 1.8em; line-height= : 1.67; } .video-js .vjs-control:focus, .video-js .vjs-control:focus::before, .video-= js .vjs-control:hover::before { text-shadow: rgb(255, 255, 255) 0px 0px 1em= ; } .video-js .vjs-control-text { border: 0px; clip: rect(0px, 0px, 0px, 0px); = height: 1px; overflow: hidden; padding: 0px; position: absolute; width: 1px= ; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; -webkit-box-flex: 1; fle= x: 1 1 auto; display: flex; -webkit-box-align: center; align-items: center;= min-width: 4em; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-liveui .vjs-progress-control { display: flex; -webkit-box-align: cente= r; align-items: center; } .vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-progress-holder { -webkit-box-flex: 1; flex: 1 1 auto; trans= ition: all 0.2s ease 0s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0px 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6= 6667em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-= size: 1em; } .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-= holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-pro= gress { position: absolute; display: block; height: 100%; margin: 0px; padd= ing: 0px; width: 0px; } .video-js .vjs-play-progress { background-color: rgb(255, 255, 255); } .video-js .vjs-play-progress::before { font-size: 0.9em; position: absolute= ; right: -0.5em; top: -0.333333em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); } .video-js .vjs-time-tooltip { background-color: rgba(255, 255, 255, 0.8); b= order-radius: 0.3em; color: rgb(0, 0, 0); float: right; font-family: Arial,= Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px; pointer-event= s: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-= tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip { display:= block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-siz= e: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; positio= n: absolute; width: 1px; height: 100%; background-color: rgb(0, 0, 0); z-in= dex: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; = } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visi= bility: hidden; opacity: 0; transition: visibility 1s ease 0s, opacity 1s e= ase 0s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-di= splay { display: none; } .vjs-mouse-display .vjs-time-tooltip { color: rgb(255, 255, 255); backgroun= d-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0px; = margin: 0px 0.45em; user-select: none; background-color: rgba(115, 133, 159= , 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: rgb(255, 255, 255) 0px 0px 1em; = box-shadow: rgb(255, 255, 255) 0px 0px 1em; } .video-js .vjs-mute-control { cursor: pointer; -webkit-box-flex: 0; flex: 0= 0 auto; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display= : flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opac= ity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { transition: width 1s ease 0s; } .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-contr= ol, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .v= js-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volum= e-panel .vjs-volume-control:active, .video-js .vjs-volume-panel:active .vjs= -volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control { vi= sibility: visible; opacity: 1; position: relative; transition: visibility 0= .1s ease 0s, opacity 0.1s ease 0s, height 0.1s ease 0s, width 0.1s ease 0s,= left 0s ease 0s, top 0s ease 0s; } .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-contr= ol.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-volume= -control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-con= trol.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .= vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-pane= l:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-p= anel:focus .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: = 3em; margin-right: 0px; } .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-contr= ol.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-c= ontrol.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control= .vjs-slider-active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-vo= lume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel:active= .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus= .vjs-volume-control.vjs-volume-vertical { left: -3.5em; transition: left 0= s ease 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-j= s .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-j= s .vjs-volume-panel.vjs-volume-panel-horizontal:active { width: 10em; trans= ition: width 0.1s ease 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-onl= y { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { heigh= t: 8em; width: 3em; left: -3000em; transition: visibility 1s ease 0s, opaci= ty 1s ease 0s, height 1s ease 1s, width 1s ease 1s, left 1s ease 1s, top 1s= ease 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { tra= nsition: visibility 1s ease 0s, opacity 1s ease 0s, height 1s ease 1s, widt= h 1s ease 0s, left 1s ease 1s, top 1s ease 1s; } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-hori= zontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position= : relative; transition: none 0s ease 0s; } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vj= s-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { posit= ion: absolute; bottom: 3em; left: 0.5em; } .video-js .vjs-volume-panel { display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.= 35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0px; left: 0px; b= ackground-color: rgb(255, 255, 255); } .video-js .vjs-volume-level::before { position: absolute; font-size: 0.9em;= } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level::before { top: -0.5em; left: -0.3em;= } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level::before { top: -0.3em; right: -0.5= em; } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; back= ground-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .vjs-poster { display: inline-block; vertical-align: middle; background-rep= eat: no-repeat; background-position: 50% 50%; background-size: contain; bac= kground-color: rgb(0, 0, 0); cursor: pointer; margin: 0px; padding: 0px; po= sition: absolute; inset: 0px; height: 100%; } .vjs-has-started .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster { display: block; } .vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-live-control { display: flex; -webkit-box-align: start; alig= n-items: flex-start; -webkit-box-flex: 1; flex: 1 1 auto; font-size: 1em; l= ine-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-ali= gn: left; } .video-js.vjs-liveui .vjs-live-control, .video-js:not(.vjs-live) .vjs-live-= control { display: none; } .video-js .vjs-seek-to-live-control { cursor: pointer; -webkit-box-flex: 0;= flex: 0 0 auto; display: inline-flex; height: 100%; padding-left: 0.5em; p= adding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-wid= th: 4em; } .vjs-no-flex .vjs-seek-to-live-control { display: table-cell; width: auto; = text-align: left; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:no= t(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; colo= r: rgb(136, 136, 136); } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholde= r { color: red; } .video-js .vjs-time-control { -webkit-box-flex: 0; flex: 0 0 auto; font-siz= e: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; p= adding-right: 1em; } .video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-c= ontrol, .vjs-no-flex .vjs-current-time, .vjs-no-flex .vjs-duration { displa= y: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-live .vjs-time-divider { display: none; } .video-js .vjs-play-control { cursor: pointer; } .video-js .vjs-play-control .vjs-icon-placeholder { -webkit-box-flex: 0; fl= ex: 0 0 auto; } .vjs-text-track-display { position: absolute; inset: 0px 0px 3em; pointer-e= vents: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1= em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bo= ttom: 0.1em; } .vjs-subtitles { color: rgb(255, 255, 255); } .vjs-captions { color: rgb(255, 204, 102); } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { transform: translateY(-3em); } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-dis= play { transform: translateY(-1.5em); } .video-js .vjs-fullscreen-control, .video-js .vjs-picture-in-picture-contro= l { cursor: pointer; -webkit-box-flex: 0; flex: 0 0 auto; } .vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu= -button { position: absolute; top: 0px; left: 0px; width: 100%; height: 100= %; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-si= ze: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0px; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em;= text-align: center; } .vjs-error .vjs-error-display::before { color: rgb(255, 255, 255); content:= "X"; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0px;= line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: rgb(0= , 0, 0) 0.05em 0.05em 0.1em; text-align: center; top: 50%; vertical-align: = middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 5= 0%; margin: -25px 0px 0px -25px; opacity: 0.85; text-align: left; border: 6= px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: pa= dding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidd= en; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { disp= lay: block; animation: 0s linear 0.3s 1 normal forwards running vjs-spinner= -show; } .vjs-loading-spinner::after, .vjs-loading-spinner::before { content: ""; po= sition: absolute; margin: -6px; box-sizing: inherit; width: inherit; height= : inherit; border-radius: inherit; opacity: 1; border-style: inherit; borde= r-width: inherit; border-image: inherit; border-color: rgb(255, 255, 255) t= ransparent transparent; } .vjs-seeking .vjs-loading-spinner::after, .vjs-seeking .vjs-loading-spinner= ::before, .vjs-waiting .vjs-loading-spinner::after, .vjs-waiting .vjs-loadi= ng-spinner::before { animation: 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) 0s infi= nite normal none running vjs-spinner-spin, 1.1s linear 0s infinite normal n= one running vjs-spinner-fade; } .vjs-seeking .vjs-loading-spinner::before, .vjs-waiting .vjs-loading-spinne= r::before { border-top-color: rgb(255, 255, 255); } .vjs-seeking .vjs-loading-spinner::after, .vjs-waiting .vjs-loading-spinner= ::after { border-top-color: rgb(255, 255, 255); animation-delay: 0.44s; } @keyframes vjs-spinner-show {=20 100% { visibility: visible; } } @-webkit-keyframes vjs-spinner-show {=20 100% { visibility: visible; } } @keyframes vjs-spinner-spin {=20 100% { transform: rotate(1turn); } } @-webkit-keyframes vjs-spinner-spin {=20 100% { transform: rotate(1turn); } } @keyframes vjs-spinner-fade {=20 0% { border-top-color: rgb(115, 133, 159); } 20% { border-top-color: rgb(115, 133, 159); } 35% { border-top-color: rgb(255, 255, 255); } 60% { border-top-color: rgb(115, 133, 159); } 100% { border-top-color: rgb(115, 133, 159); } } @-webkit-keyframes vjs-spinner-fade {=20 0% { border-top-color: rgb(115, 133, 159); } 20% { border-top-color: rgb(115, 133, 159); } 35% { border-top-color: rgb(255, 255, 255); } 60% { border-top-color: rgb(115, 133, 159); } 100% { border-top-color: rgb(115, 133, 159); } } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-me= nu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inlin= e-block; margin-bottom: -0.1em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-me= nu-item-text .vjs-icon-placeholder::before { font-family: VideoJS; content:= "=EF=84=8D"; font-size: 1.5em; line-height: inherit; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-= item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-b= lock; margin-bottom: -0.1em; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-= item-text .vjs-icon-placeholder::before { font-family: VideoJS; content: " = =EF=84=9D"; font-size: 1.5em; line-height: inherit; } .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button, .video-j= s:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button, .video-js:not= (.vjs-fullscreen).vjs-layout-small .vjs-chapters-button, .video-js:not(.vjs= -fullscreen).vjs-layout-small .vjs-current-time, .video-js:not(.vjs-fullscr= een).vjs-layout-small .vjs-descriptions-button, .video-js:not(.vjs-fullscre= en).vjs-layout-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layo= ut-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-smal= l .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs= -subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-tim= e-divider, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-cont= rol, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button, .vid= eo-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button, .video-js:= not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button, .video-js:not(.v= js-fullscreen).vjs-layout-tiny .vjs-current-time, .video-js:not(.vjs-fullsc= reen).vjs-layout-tiny .vjs-descriptions-button, .video-js:not(.vjs-fullscre= en).vjs-layout-tiny .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layou= t-tiny .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .= vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-sub= titles-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-div= ider, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control, .= video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button, .video-= js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button, .video-js:= not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button, .video-js:not= (.vjs-fullscreen).vjs-layout-x-small .vjs-current-time, .video-js:not(.vjs-= fullscreen).vjs-layout-x-small .vjs-descriptions-button, .video-js:not(.vjs= -fullscreen).vjs-layout-x-small .vjs-duration, .video-js:not(.vjs-fullscree= n).vjs-layout-x-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vj= s-layout-x-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-la= yout-x-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layo= ut-x-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-x-s= mall .vjs-volume-control { display: none; } .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volum= e-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-la= yout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:= not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-ho= rizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-= panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-ful= lscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:acti= ve, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-vo= lume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-x-sm= all .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video= -js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-pa= nel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .v= js-volume-panel.vjs-volume-panel-horizontal:hover { width: auto; } .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button, .vide= o-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-= button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) = .vjs-subs-caps-button { display: none; } .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer, = .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-co= ntrol-spacer { -webkit-box-flex: 1; flex: 1 1 auto; display: block; } .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-cont= rol-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vj= s-no-flex .vjs-custom-control-spacer { width: auto; } .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control, .vide= o-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-contr= ol { display: none; } .vjs-modal-dialog.vjs-text-track-settings { background-color: rgba(43, 51, = 63, 0.75); color: rgb(255, 255, 255); height: 70%; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settin= gs .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settin= gs-font { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; = vertical-align: bottom; } @supports (display:grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-= template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0px;= } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1 / = -1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vj= s-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layo= ut-x-small .vjs-text-track-settings .vjs-modal-dialog-content { grid-templa= te-columns: 1fr; } } .vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; } .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none= ; } .vjs-text-track-settings fieldset span { display: inline-block; } .vjs-text-track-settings fieldset span > select { max-width: 7.3em; } .vjs-text-track-settings legend { color: rgb(255, 255, 255); margin: 0px 0p= x 5px; } .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px, 1= px, 1px, 1px); display: block; margin: 0px 0px 5px; padding: 0px; border: 0= px; height: 1px; width: 1px; overflow: hidden; } .vjs-track-settings-controls button:active, .vjs-track-settings-controls bu= tton:focus { outline-style: solid; outline-width: medium; background-image:= linear-gradient(0deg, rgb(255, 255, 255) 88%, rgb(115, 133, 159)); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); = } .vjs-track-settings-controls button { background-color: rgb(255, 255, 255);= background-image: linear-gradient(-180deg, rgb(255, 255, 255) 88%, rgb(115= , 133, 159)); color: rgb(43, 51, 63); cursor: pointer; border-radius: 2px; = } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } @media print { .video-js > :not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0px; left: 0px; width: 100%;= height: 100%; border: none; z-index: -1000; } .js-focus-visible .video-js :focus:not(.focus-visible) { outline: 0px; back= ground: 0px 0px; } .video-js .vjs-menu :focus:not(:focus-visible), .video-js :focus:not(:focus= -visible) { outline: 0px; background: 0px 0px; } .noUi-target, .noUi-target * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0= ); touch-action: none; user-select: none; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative;= z-index: 1; } .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z= -index: 1; top: 0px; left: 0px; transform-origin: 0px 0px; transform-style:= flat; } .noUi-connect { height: 100%; width: 100%; } .noUi-origin { height: 10%; width: 10%; } html:not([dir=3D"rtl"]) .noUi-horizontal .noUi-origin { left: auto; right: = 0px; } .noUi-vertical .noUi-origin { width: 0px; } .noUi-horizontal .noUi-origin { height: 0px; } .noUi-handle { backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: t= ransform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top= : -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -= 17px; } html:not([dir=3D"rtl"]) .noUi-horizontal .noUi-handle { right: -17px; left:= auto; } .noUi-target { background: rgb(250, 250, 250); border-radius: 4px; border: = 1px solid rgb(211, 211, 211); box-shadow: rgb(240, 240, 240) 0px 1px 1px in= set, rgb(187, 187, 187) 0px 3px 6px -5px; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: rgb(63, 184, 175); } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid rgb(217, 217, 217); border-radius: 3px; ba= ckground: rgb(255, 255, 255); cursor: default; box-shadow: rgb(255, 255, 25= 5) 0px 0px 1px inset, rgb(235, 235, 235) 0px 1px 7px inset, rgb(187, 187, 1= 87) 0px 3px 6px -3px; } .noUi-active { box-shadow: rgb(255, 255, 255) 0px 0px 1px inset, rgb(221, 2= 21, 221) 0px 1px 7px inset, rgb(187, 187, 187) 0px 3px 6px -3px; } .noUi-handle::after, .noUi-handle::before { content: ""; display: block; po= sition: absolute; height: 14px; width: 1px; background: rgb(232, 231, 230);= left: 14px; top: 6px; } .noUi-handle::after { left: 17px; } .noUi-vertical .noUi-handle::after, .noUi-vertical .noUi-handle::before { w= idth: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle::after { top: 17px; } [disabled] .noUi-connect { background: rgb(184, 184, 184); } [disabled].noUi-handle, [disabled] .noUi-handle, [disabled].noUi-target { c= ursor: not-allowed; } .noUi-pips, .noUi-pips * { box-sizing: border-box; } .noUi-pips { position: absolute; color: rgb(153, 153, 153); } .noUi-value { position: absolute; white-space: nowrap; text-align: center; = } .noUi-value-sub { color: rgb(204, 204, 204); font-size: 10px; } .noUi-marker { position: absolute; background: rgb(204, 204, 204); } .noUi-marker-large, .noUi-marker-sub { background: rgb(170, 170, 170); } .noUi-pips-horizontal { padding: 10px 0px; height: 80px; top: 100%; left: 0= px; width: 100%; } .noUi-value-horizontal { transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height= : 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { padding: 0px 10px; height: 100%; top: 0px; left: 100%= ; } .noUi-value-vertical { transform: translateY(-50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { transform: translateY(50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1= px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid rgb(2= 17, 217, 217); border-radius: 3px; background: rgb(255, 255, 255); color: r= gb(0, 0, 0); padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { transform: translate(-50%); left: 50%; bot= tom: 120%; } .noUi-vertical .noUi-tooltip { transform: translateY(-50%); top: 50%; right= : 120%; } .CodeMirror { font-family: monospace; height: 300px; color: rgb(0, 0, 0); d= irection: ltr; } .CodeMirror-lines { padding: 4px 0px; } .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { pad= ding: 0px 4px; } .CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { background-color:= rgb(255, 255, 255); } .CodeMirror-gutters { border-right: 1px solid rgb(221, 221, 221); backgroun= d-color: rgb(247, 247, 247); white-space: nowrap; } .CodeMirror-linenumber { padding: 0px 3px 0px 5px; min-width: 20px; text-al= ign: right; color: rgb(153, 153, 153); white-space: nowrap; } .CodeMirror-guttermarker { color: rgb(0, 0, 0); } .CodeMirror-guttermarker-subtle { color: rgb(153, 153, 153); } .CodeMirror-cursor { border-left: 1px solid rgb(0, 0, 0); border-right: non= e; width: 0px; } .CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver;= } .cm-fat-cursor .CodeMirror-cursor { width: auto; background: rgb(119, 238, = 119); border: 0px !important; } .cm-fat-cursor div.CodeMirror-cursors { z-index: 1; } .cm-fat-cursor .CodeMirror-line::selection, .cm-fat-cursor .CodeMirror-line= > span::selection, .cm-fat-cursor .CodeMirror-line > span > span::selectio= n { background: 0px 0px; } .cm-fat-cursor { caret-color: transparent; } @-webkit-keyframes blink {=20 50% { background-color: transparent; } } @keyframes blink {=20 50% { background-color: transparent; } } .cm-tab { display: inline-block; text-decoration: inherit; } .CodeMirror-rulers { position: absolute; inset: -50px 0px 0px; overflow: hi= dden; } .CodeMirror-ruler { border-left: 1px solid rgb(204, 204, 204); top: 0px; bo= ttom: 0px; position: absolute; } .cm-s-default .cm-header { color: rgb(0, 0, 255); } .cm-s-default .cm-quote { color: rgb(0, 153, 0); } .cm-negative { color: rgb(221, 68, 68); } .cm-positive { color: rgb(34, 153, 34); } .cm-header, .cm-strong { font-weight: 700; } .cm-em { font-style: italic; } .cm-link { text-decoration: underline; } .cm-strikethrough { text-decoration: line-through; } .cm-s-default .cm-keyword { color: rgb(119, 0, 136); } .cm-s-default .cm-atom { color: rgb(34, 17, 153); } .cm-s-default .cm-number { color: rgb(17, 102, 68); } .cm-s-default .cm-def { color: rgb(0, 0, 255); } .cm-s-default .cm-variable-2 { color: rgb(0, 85, 170); } .cm-s-default .cm-type, .cm-s-default .cm-variable-3 { color: rgb(0, 136, 8= 5); } .cm-s-default .cm-comment { color: rgb(170, 85, 0); } .cm-s-default .cm-string { color: rgb(170, 17, 17); } .cm-s-default .cm-string-2 { color: rgb(255, 85, 0); } .cm-s-default .cm-meta, .cm-s-default .cm-qualifier { color: rgb(85, 85, 85= ); } .cm-s-default .cm-builtin { color: rgb(51, 0, 170); } .cm-s-default .cm-bracket { color: rgb(153, 153, 119); } .cm-s-default .cm-tag { color: rgb(17, 119, 0); } .cm-s-default .cm-attribute { color: rgb(0, 0, 204); } .cm-s-default .cm-hr { color: rgb(153, 153, 153); } .cm-s-default .cm-link { color: rgb(0, 0, 204); } .cm-invalidchar, .cm-s-default .cm-error { color: red; } .CodeMirror-composing { border-bottom: 2px solid; } div.CodeMirror span.CodeMirror-matchingbracket { color: rgb(0, 187, 0); } div.CodeMirror span.CodeMirror-nonmatchingbracket { color: rgb(170, 34, 34)= ; } .CodeMirror-matchingtag { background: rgba(255, 150, 0, 0.3); } .CodeMirror-activeline-background { background: rgb(232, 242, 255); } .CodeMirror { position: relative; overflow: hidden; background: rgb(255, 25= 5, 255); } .CodeMirror-scroll { margin-bottom: -50px; margin-right: -50px; padding-bot= tom: 50px; height: 100%; outline: 0px; position: relative; overflow: scroll= !important; } .CodeMirror-sizer { position: relative; border-right: 50px solid transparen= t; } .CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-fi= ller, .CodeMirror-vscrollbar { position: absolute; z-index: 6; display: non= e; outline: 0px; } .CodeMirror-vscrollbar { right: 0px; top: 0px; overflow: hidden scroll; } .CodeMirror-hscrollbar { bottom: 0px; left: 0px; overflow: scroll hidden; } .CodeMirror-scrollbar-filler { right: 0px; bottom: 0px; } .CodeMirror-gutter-filler { left: 0px; bottom: 0px; } .CodeMirror-gutters { position: absolute; left: 0px; top: 0px; min-height: = 100%; z-index: 3; } .CodeMirror-gutter { white-space: normal; height: 100%; display: inline-blo= ck; vertical-align: top; margin-bottom: -50px; } .CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: 0p= x 0px !important; border: none !important; } .CodeMirror-gutter-background { position: absolute; top: 0px; bottom: 0px; = z-index: 4; } .CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; } .CodeMirror-gutter-wrapper ::selection { background-color: transparent; } .CodeMirror-lines { cursor: text; min-height: 1px; } .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { bor= der-radius: 0px; border-width: 0px; background: 0px 0px; font-family: inher= it; font-size: inherit; margin: 0px; white-space: pre; overflow-wrap: norma= l; line-height: inherit; color: inherit; z-index: 2; position: relative; ov= erflow: visible; -webkit-tap-highlight-color: transparent; font-variant-lig= atures: contextual; } .CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-= like { overflow-wrap: break-word; white-space: pre-wrap; word-break: normal= ; } .CodeMirror-linebackground { position: absolute; inset: 0px; z-index: 0; } .CodeMirror-linewidget { position: relative; z-index: 2; padding: 0.1px; } .CodeMirror-code { outline: 0px; } .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirro= r-scroll, .CodeMirror-sizer { box-sizing: content-box; } .CodeMirror-measure { position: absolute; width: 100%; height: 0px; overflo= w: hidden; visibility: hidden; } .CodeMirror-cursor { position: absolute; pointer-events: none; } .CodeMirror-measure pre { position: static; } div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3= ; } .CodeMirror-focused div.CodeMirror-cursors, div.CodeMirror-dragcursors { vi= sibility: visible; } .CodeMirror-selected { background: rgb(217, 217, 217); } .CodeMirror-focused .CodeMirror-selected { background: rgb(215, 212, 240); = } .CodeMirror-crosshair { cursor: crosshair; } .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirro= r-line > span > span::selection { background: rgb(215, 212, 240); } .cm-searching { background-color: rgba(255, 255, 0, 0.4); } .cm-force-border { padding-right: 0.1px; } @media print { .CodeMirror div.CodeMirror-cursors { visibility: hidden; } } .cm-tab-wrap-hack::after { content: ""; } span.CodeMirror-selectedtext { background: 0px 0px; } .EasyMDEContainer { display: block; } .CodeMirror-rtl pre { direction: rtl; } .EasyMDEContainer.sided--no-fullscreen { display: flex; -webkit-box-orient:= horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .EasyMDEContainer .CodeMirror { box-sizing: border-box; height: auto; borde= r: 1px solid rgb(221, 221, 221); border-bottom-left-radius: 4px; border-bot= tom-right-radius: 4px; padding: 10px; font: inherit; z-index: 0; overflow-w= rap: break-word; } .EasyMDEContainer .CodeMirror-scroll { cursor: text; } .EasyMDEContainer .CodeMirror-fullscreen { background: rgb(255, 255, 255); = inset: 50px 0px 0px; height: auto; z-index: 8; position: fixed !important; = border-right: none !important; border-bottom-right-radius: 0px !important; = } .EasyMDEContainer .CodeMirror-sided { width: 50% !important; } .EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided { border-bottom-ri= ght-radius: 0px; position: relative; -webkit-box-flex: 1; flex: 1 1 auto; b= order-right: none !important; } .EasyMDEContainer .CodeMirror-placeholder { opacity: 0.5; } .EasyMDEContainer .CodeMirror-focused .CodeMirror-selected { background: rg= b(217, 217, 217); } .editor-toolbar { position: relative; user-select: none; padding: 9px 10px;= border-top: 1px solid rgb(187, 187, 187); border-left: 1px solid rgb(187, = 187, 187); border-right: 1px solid rgb(187, 187, 187); border-top-left-radi= us: 4px; border-top-right-radius: 4px; } .editor-toolbar.fullscreen { width: 100%; height: 50px; padding-top: 10px; = padding-bottom: 10px; box-sizing: border-box; background: rgb(255, 255, 255= ); border: 0px; position: fixed; top: 0px; left: 0px; opacity: 1; z-index: = 9; } .editor-toolbar.fullscreen::before { width: 20px; height: 50px; background:= linear-gradient(90deg, rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0)); po= sition: fixed; top: 0px; left: 0px; margin: 0px; padding: 0px; } .editor-toolbar.fullscreen::after { width: 20px; height: 50px; background: = linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255)); pos= ition: fixed; top: 0px; right: 0px; margin: 0px; padding: 0px; } .EasyMDEContainer.sided--no-fullscreen .editor-toolbar { width: 100%; } .editor-toolbar .easymde-dropdown, .editor-toolbar button { background: 0px= 0px; display: inline-block; text-align: center; height: 30px; margin: 0px;= padding: 0px; border: 1px solid transparent; border-radius: 3px; cursor: p= ointer; text-decoration: none !important; } .editor-toolbar button { width: 30px; } .editor-toolbar button.active, .editor-toolbar button:hover { background: r= gb(252, 252, 252); border-color: rgb(149, 165, 166); } .editor-toolbar i.separator { display: inline-block; width: 0px; border-lef= t: 1px solid rgb(217, 217, 217); border-right: 1px solid rgb(255, 255, 255)= ; color: transparent; text-indent: -10px; margin: 0px 6px; } .editor-toolbar button::after { font-family: Arial, "Helvetica Neue", Helve= tica, sans-serif; font-size: 65%; vertical-align: text-bottom; position: re= lative; top: 2px; } .editor-toolbar button.heading-1::after { content: "1"; } .editor-toolbar button.heading-2::after { content: "2"; } .editor-toolbar button.heading-3::after { content: "3"; } .editor-toolbar button.heading-bigger::after { content: "=E2=96=B2"; } .editor-toolbar button.heading-smaller::after { content: "=E2=96=BC"; } .editor-toolbar.disabled-for-preview button:not(.no-disable) { opacity: 0.6= ; pointer-events: none; } @media only screen and (max-width: 700px) { .editor-toolbar i.no-mobile { display: none; } } .editor-statusbar { padding: 8px 10px; font-size: 12px; color: rgb(149, 150= , 148); text-align: right; } .EasyMDEContainer.sided--no-fullscreen .editor-statusbar { width: 100%; } .editor-statusbar span { display: inline-block; min-width: 4em; margin-left= : 1em; } .editor-statusbar .lines::before { content: "lines: "; } .editor-statusbar .words::before { content: "words: "; } .editor-statusbar .characters::before { content: "characters: "; } .editor-preview-full { position: absolute; width: 100%; height: 100%; top: = 0px; left: 0px; z-index: 7; } .editor-preview-full, .editor-preview-side { overflow: auto; display: none;= box-sizing: border-box; } .editor-preview-side { position: fixed; bottom: 0px; width: 50%; top: 50px;= right: 0px; z-index: 9; border: 1px solid rgb(221, 221, 221); overflow-wra= p: break-word; } .editor-preview-active-side { display: block; } .EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side { -webki= t-box-flex: 1; flex: 1 1 auto; height: auto; position: static; } .editor-preview-active { display: block; } .editor-preview { padding: 10px; background: rgb(250, 250, 250); } .editor-preview > p { margin-top: 0px; } .editor-preview pre { background: rgb(238, 238, 238); margin-bottom: 10px; = } .editor-preview table td, .editor-preview table th { border: 1px solid rgb(= 221, 221, 221); padding: 5px; } .cm-s-easymde .cm-tag { color: rgb(99, 163, 92); } .cm-s-easymde .cm-attribute { color: rgb(121, 93, 163); } .cm-s-easymde .cm-string { color: rgb(24, 54, 145); } .cm-s-easymde .cm-header-1 { font-size: 200%; line-height: 200%; } .cm-s-easymde .cm-header-2 { font-size: 160%; line-height: 160%; } .cm-s-easymde .cm-header-3 { font-size: 125%; line-height: 125%; } .cm-s-easymde .cm-header-4 { font-size: 110%; line-height: 110%; } .cm-s-easymde .cm-comment { background: rgba(0, 0, 0, 0.05); border-radius:= 2px; } .cm-s-easymde .cm-link { color: rgb(127, 140, 141); } .cm-s-easymde .cm-url { color: rgb(170, 178, 179); } .cm-s-easymde .cm-quote { color: rgb(127, 140, 141); font-style: italic; } .editor-toolbar .easymde-dropdown { position: relative; border-radius: 0px;= border: 1px solid rgb(255, 255, 255); } .editor-toolbar .easymde-dropdown, .editor-toolbar .easymde-dropdown:hover = { background: linear-gradient(to right bottom, rgb(255, 255, 255) 0px, rgb(= 255, 255, 255) 84%, rgb(51, 51, 51) 0px, rgb(51, 51, 51)); } .easymde-dropdown-content { display: block; visibility: hidden; position: a= bsolute; background-color: rgb(249, 249, 249); box-shadow: rgba(0, 0, 0, 0.= 2) 0px 8px 16px 0px; padding: 8px; z-index: 2; top: 30px; } .easymde-dropdown:active .easymde-dropdown-content, .easymde-dropdown:focus= -within .easymde-dropdown-content, .easymde-dropdown:focus .easymde-dropdow= n-content { visibility: visible; } span[data-img-src]::after { content: ""; background-image: var(--bg-image);= display: block; max-height: 100%; max-width: 100%; background-size: contai= n; height: 0px; padding-top: var(--height); width: var(--width); background= -repeat: no-repeat; } .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(= .cm-word) { background: rgba(255, 0, 0, 0.15); } :root { --blue:#007bff; --indigo:#6610f2; --purple:#6f42c1; --pink:#e83e8c;= --red:#dc3545; --orange:#fd7e14; --yellow:#ffc107; --green:#28a745; --teal= :#20c997; --cyan:#17a2b8; --white:#fff; --gray:#6c757d; --gray-dark:#343a40= ; --primary:#007bff; --secondary:#6c757d; --success:#28a745; --info:#17a2b8= ; --warning:#ffc107; --danger:#dc3545; --light:#f8f9fa; --dark:#343a40; --b= reakpoint-xs:0; --breakpoint-sm:576px; --breakpoint-md:768px; --breakpoint-= lg:992px; --breakpoint-xl:1200px; --font-family-sans-serif:-apple-system,Bl= inkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-= serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Em= oji"; --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberat= ion Mono","Courier New",monospace; } *, ::after, ::before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; = -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, sect= ion { display: block; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, = "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Seg= oe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-= weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; ba= ckground-color: rgb(255, 255, 255); } [tabindex=3D"-1"]:focus:not(:focus-visible) { outline: 0px !important; } hr { box-sizing: content-box; height: 0px; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; } p { margin-top: 0px; margin-bottom: 1rem; } abbr[data-original-title], abbr[title] { text-decoration: underline dotted;= cursor: help; border-bottom: 0px; text-decoration-skip-ink: none; } address { font-style: normal; line-height: inherit; } address, dl, ol, ul { margin-bottom: 1rem; } dl, ol, ul { margin-top: 0px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0px; } blockquote { margin: 0px 0px 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-ali= gn: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgb(0, 123, 255); text-decoration: none; background-color: trans= parent; } a:hover { color: rgb(0, 86, 179); text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas= , "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0px; margin-bottom: 1rem; overflow: auto; } figure { margin: 0px 0px 1rem; } img { border-style: none; } img, svg { vertical-align: middle; } svg { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgb(108, 11= 7, 125); text-align: left; caption-side: bottom; } th { text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0px; } button:focus { outline: -webkit-focus-ring-color auto 5px; } button, input, optgroup, select, textarea { margin: 0px; font-family: inher= it; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=3D"button"] { cursor: pointer; } select { overflow-wrap: normal; } [type=3D"button"], [type=3D"reset"], [type=3D"submit"], button { appearance= : button; } [type=3D"button"]:not(:disabled), [type=3D"reset"]:not(:disabled), [type=3D= "submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; } input[type=3D"checkbox"], input[type=3D"radio"] { box-sizing: border-box; p= adding: 0px; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; } legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin= -bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; w= hite-space: normal; } progress { vertical-align: baseline; } [type=3D"number"]::-webkit-inner-spin-button, [type=3D"number"]::-webkit-ou= ter-spin-button { height: auto; } [type=3D"search"] { outline-offset: -2px; appearance: none; } [type=3D"search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { font: inherit; appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5re= m; font-weight: 500; line-height: 1.2; } .h1, h1 { font-size: 2.5rem; } .h2, h2 { font-size: 2rem; } .h3, h3 { font-size: 1.75rem; } .h4, h4 { font-size: 1.5rem; } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; } .display-1, .display-2 { font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; } .display-3 { font-size: 4.5rem; } .display-3, .display-4 { font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; } hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; bord= er-right-style: initial; border-bottom-style: initial; border-left-style: i= nitial; border-right-color: initial; border-bottom-color: initial; border-l= eft-color: initial; border-image: initial; border-top-style: solid; border-= top-color: rgba(0, 0, 0, 0.1); } .small, small { font-size: 80%; font-weight: 400; } .mark, mark { padding: 0.2em; background-color: rgb(252, 248, 227); } .list-inline, .list-unstyled { padding-left: 0px; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: rgb(108, 117, 1= 25); } .blockquote-footer::before { content: "=E2=80=94=C2=A0"; } .img-fluid, .img-thumbnail { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: rgb(255, 255, 255); bo= rder: 1px solid rgb(222, 226, 230); border-radius: 0.25rem; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: rgb(108, 117, 125); } code { font-size: 87.5%; color: rgb(232, 62, 140); overflow-wrap: break-wor= d; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: rgb(255, 255, 255); = background-color: rgb(33, 37, 41); border-radius: 0.2rem; } kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: rgb(33, 37, 41); } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-lg, .container-md, .container-sm, = .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margi= n-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px; } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960p= x; } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { = max-width: 1140px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -1= 5px; } .no-gutters { margin-right: 0px; margin-left: 0px; } .no-gutters > .col, .no-gutters > [class*=3D"col-"] { padding-right: 0px; p= adding-left: 0px; } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-= 9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .co= l-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .= col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-m= d-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col= -md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1= , .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm= -8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .= col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7,= .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto { p= osition: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%;= } .row-cols-1 > * { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.33= 33%; } .row-cols-4 > * { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.66= 67%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1, .col-auto { -webkit-box-flex: 0; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-2, .col-3 { -webkit-box-flex: 0; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-4, .col-5 { -webkit-box-flex: 0; } .col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-6, .col-7 { -webkit-box-flex: 0; } .col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-8, .col-9 { -webkit-box-flex: 0; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-10, .col-11 { -webkit-box-flex: 0; } .col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { -webkit-box-ordinal-group: 14; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.6667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333%; } .offset-5 { margin-left: 41.6667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333%; } .offset-8 { margin-left: 66.6667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333%; } .offset-11 { margin-left: 91.6667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: = 100%; } .row-cols-sm-1 > * { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%= ; } .row-cols-sm-2 > * { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; = } .row-cols-sm-3 > * { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: = 33.3333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; = } .row-cols-sm-5 > * { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; = } .row-cols-sm-6 > * { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: = 16.6667%; } .col-sm-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-widt= h: 100%; } .col-sm-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%;= } .col-sm-2 { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.6667%;= } .col-sm-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%;= } .col-sm-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%;= } .col-sm-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; flex: 0 0 58.3333%; max-width: 58.3333%;= } .col-sm-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%;= } .col-sm-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%= ; } .col-sm-11 { -webkit-box-flex: 0; flex: 0 0 91.6667%; max-width: 91.6667%= ; } .col-sm-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-sm-0 { margin-left: 0px; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.6667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333%; } .offset-sm-5 { margin-left: 41.6667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333%; } .offset-sm-8 { margin-left: 66.6667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333%; } .offset-sm-11 { margin-left: 91.6667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: = 100%; } .row-cols-md-1 > * { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%= ; } .row-cols-md-2 > * { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; = } .row-cols-md-3 > * { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: = 33.3333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; = } .row-cols-md-5 > * { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; = } .row-cols-md-6 > * { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: = 16.6667%; } .col-md-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-widt= h: 100%; } .col-md-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%;= } .col-md-2 { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.6667%;= } .col-md-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%;= } .col-md-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%;= } .col-md-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; flex: 0 0 58.3333%; max-width: 58.3333%;= } .col-md-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%;= } .col-md-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%= ; } .col-md-11 { -webkit-box-flex: 0; flex: 0 0 91.6667%; max-width: 91.6667%= ; } .col-md-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-md-0 { margin-left: 0px; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.6667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333%; } .offset-md-5 { margin-left: 41.6667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333%; } .offset-md-8 { margin-left: 66.6667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333%; } .offset-md-11 { margin-left: 91.6667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: = 100%; } .row-cols-lg-1 > * { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%= ; } .row-cols-lg-2 > * { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; = } .row-cols-lg-3 > * { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: = 33.3333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; = } .row-cols-lg-5 > * { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; = } .row-cols-lg-6 > * { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: = 16.6667%; } .col-lg-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-widt= h: 100%; } .col-lg-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%;= } .col-lg-2 { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.6667%;= } .col-lg-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%;= } .col-lg-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%;= } .col-lg-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; flex: 0 0 58.3333%; max-width: 58.3333%;= } .col-lg-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%;= } .col-lg-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%= ; } .col-lg-11 { -webkit-box-flex: 0; flex: 0 0 91.6667%; max-width: 91.6667%= ; } .col-lg-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-lg-0 { margin-left: 0px; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.6667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333%; } .offset-lg-5 { margin-left: 41.6667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333%; } .offset-lg-8 { margin-left: 66.6667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333%; } .offset-lg-11 { margin-left: 91.6667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: = 100%; } .row-cols-xl-1 > * { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%= ; } .row-cols-xl-2 > * { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; = } .row-cols-xl-3 > * { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: = 33.3333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; = } .row-cols-xl-5 > * { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; = } .row-cols-xl-6 > * { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: = 16.6667%; } .col-xl-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-widt= h: 100%; } .col-xl-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%;= } .col-xl-2 { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.6667%;= } .col-xl-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%;= } .col-xl-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%;= } .col-xl-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; flex: 0 0 58.3333%; max-width: 58.3333%;= } .col-xl-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%;= } .col-xl-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%= ; } .col-xl-11 { -webkit-box-flex: 0; flex: 0 0 91.6667%; max-width: 91.6667%= ; } .col-xl-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-xl-0 { margin-left: 0px; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.6667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333%; } .offset-xl-5 { margin-left: 41.6667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333%; } .offset-xl-8 { margin-left: 66.6667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333%; } .offset-xl-11 { margin-left: 91.6667%; } } .table { width: 100%; margin-bottom: 1rem; color: rgb(33, 37, 41); } .table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1= px solid rgb(222, 226, 230); } .table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222,= 226, 230); } .table tbody + tbody { border-top: 2px solid rgb(222, 226, 230); } .table-sm td, .table-sm th { padding: 0.3rem; } .table-bordered, .table-bordered td, .table-bordered th { border: 1px solid= rgb(222, 226, 230); } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2= px; } .table-borderless tbody + tbody, .table-borderless td, .table-borderless th= , .table-borderless thead th { border: 0px; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0,= 0.05); } .table-hover tbody tr:hover { color: rgb(33, 37, 41); background-color: rgb= a(0, 0, 0, 0.075); } .table-primary, .table-primary > td, .table-primary > th { background-color= : rgb(184, 218, 255); } .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-= primary thead th { border-color: rgb(122, 186, 255); } .table-hover .table-primary:hover, .table-hover .table-primary:hover > td, = .table-hover .table-primary:hover > th { background-color: rgb(159, 205, 25= 5); } .table-secondary, .table-secondary > td, .table-secondary > th { background= -color: rgb(214, 216, 219); } .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .= table-secondary thead th { border-color: rgb(179, 183, 187); } .table-hover .table-secondary:hover, .table-hover .table-secondary:hover > = td, .table-hover .table-secondary:hover > th { background-color: rgb(200, 2= 03, 207); } .table-success, .table-success > td, .table-success > th { background-color= : rgb(195, 230, 203); } .table-success tbody + tbody, .table-success td, .table-success th, .table-= success thead th { border-color: rgb(143, 209, 158); } .table-hover .table-success:hover, .table-hover .table-success:hover > td, = .table-hover .table-success:hover > th { background-color: rgb(177, 223, 18= 7); } .table-info, .table-info > td, .table-info > th { background-color: rgb(190= , 229, 235); } .table-info tbody + tbody, .table-info td, .table-info th, .table-info thea= d th { border-color: rgb(134, 207, 218); } .table-hover .table-info:hover, .table-hover .table-info:hover > td, .table= -hover .table-info:hover > th { background-color: rgb(171, 221, 229); } .table-warning, .table-warning > td, .table-warning > th { background-color= : rgb(255, 238, 186); } .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-= warning thead th { border-color: rgb(255, 223, 126); } .table-hover .table-warning:hover, .table-hover .table-warning:hover > td, = .table-hover .table-warning:hover > th { background-color: rgb(255, 232, 16= 1); } .table-danger, .table-danger > td, .table-danger > th { background-color: r= gb(245, 198, 203); } .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-dan= ger thead th { border-color: rgb(237, 150, 158); } .table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .t= able-hover .table-danger:hover > th { background-color: rgb(241, 176, 183);= } .table-light, .table-light > td, .table-light > th { background-color: rgb(= 253, 253, 254); } .table-light tbody + tbody, .table-light td, .table-light th, .table-light = thead th { border-color: rgb(251, 252, 252); } .table-hover .table-light:hover, .table-hover .table-light:hover > td, .tab= le-hover .table-light:hover > th { background-color: rgb(236, 236, 246); } .table-dark, .table-dark > td, .table-dark > th { background-color: rgb(198= , 200, 202); } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thea= d th { border-color: rgb(149, 153, 156); } .table-hover .table-dark:hover, .table-hover .table-dark:hover > td, .table= -hover .table-dark:hover > th { background-color: rgb(185, 187, 190); } .table-active, .table-active > td, .table-active > th, .table-hover .table-= active:hover, .table-hover .table-active:hover > td, .table-hover .table-ac= tive:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: rgb(255, 255, 255); background-color: rgb(52= , 58, 64); border-color: rgb(69, 77, 85); } .table .thead-light th { color: rgb(73, 80, 87); background-color: rgb(233,= 236, 239); border-color: rgb(222, 226, 230); } .table-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64);= } .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(69= , 77, 85); } .table-dark.table-bordered { border: 0px; } .table-dark.table-striped tbody tr:nth-of-type(2n+1) { background-color: rg= ba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: rgb(255, 255, 255); backgro= und-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; } .table-responsive-sm > .table-bordered { border: 0px; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; } .table-responsive-md > .table-bordered { border: 0px; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; } .table-responsive-lg > .table-bordered { border: 0px; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; } .table-responsive-xl > .table-bordered { border: 0px; } } .table-responsive { display: block; width: 100%; overflow-x: auto; } .table-responsive > .table-bordered { border: 0px; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem += 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-h= eight: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); b= ackground-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-r= adius: 0.25rem; transition: border-color 0.15s ease-in-out 0s, box-shadow 0= .15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none 0s ease 0s; } } .form-control:focus { color: rgb(73, 80, 87); background-color: rgb(255, 25= 5, 255); border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(0= , 123, 255, 0.25) 0px 0px 0px 0.2rem; } .form-control::-webkit-input-placeholder { color: rgb(108, 117, 125); opaci= ty: 1; } .form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: rgb(233= , 236, 239); opacity: 1; } input[type=3D"date"].form-control, input[type=3D"datetime-local"].form-cont= rol, input[type=3D"month"].form-control, input[type=3D"time"].form-control = { appearance: none; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0= .375rem + 1px); margin-bottom: 0px; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(= 0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc= (0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0p= x; margin-bottom: 0px; font-size: 1rem; line-height: 1.5; color: rgb(33, 37= , 41); background-color: transparent; border-style: solid; border-color: tr= ansparent; border-image: initial; border-width: 1px 0px; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-contr= ol-sm { padding-right: 0px; padding-left: 0px; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5= rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; = font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[multiple], select.form-control[size], textarea.form-con= trol { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left= : -5px; } .form-row > .col, .form-row > [class*=3D"col-"] { padding-right: 5px; paddi= ng-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1= .25rem; } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled]= ~ .form-check-label { color: rgb(108, 117, 125); } .form-check-label { margin-bottom: 0px; } .form-check-inline { display: inline-flex; -webkit-box-align: center; align= -items: center; padding-left: 0px; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0px; m= argin-right: 0.3125rem; margin-left: 0px; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-siz= e: 80%; color: rgb(40, 167, 69); } .valid-tooltip { position: absolute; top: 100%; left: 0px; z-index: 5; disp= lay: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; fo= nt-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-= color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :va= lid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: bl= ock; } .form-control.is-valid, .was-validated .form-control:valid { border-color: = rgb(40, 167, 69); padding-right: calc(1.5em + 0.75rem); background-image: u= rl("data:image/svg+xml;charset=3Dutf-8,%3Csvg xmlns=3D'http://www.w3.org/20= 00/svg' width=3D'8' height=3D'8'%3E%3Cpath fill=3D'%2328a745' d=3D'M2.3 6.7= 3L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.= 6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); background-repeat: no-repeat; backgr= ound-position: right calc(0.375em + 0.1875rem) center; background-size: cal= c(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { bo= rder-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0= px 0.2rem; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid = { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.3= 75em + 0.1875rem) top calc(0.375em + 0.1875rem); } .custom-select.is-valid, .was-validated .custom-select:valid { border-color= : rgb(40, 167, 69); padding-right: calc(0.75em + 2.3125rem); background: ur= l("data:image/svg+xml;charset=3Dutf-8,%3Csvg xmlns=3D'http://www.w3.org/200= 0/svg' width=3D'4' height=3D'5'%3E%3Cpath fill=3D'%23343a40' d=3D'M2 0L0 2h= 4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 0.75rem center / 8px 10px no-repeat, u= rl("data:image/svg+xml;charset=3Dutf-8,%3Csvg xmlns=3D'http://www.w3.org/20= 00/svg' width=3D'8' height=3D'8'%3E%3Cpath fill=3D'%2328a745' d=3D'M2.3 6.7= 3L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.= 6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") right 1.75rem center / calc(0.75em + = 0.375rem) calc(0.75em + 0.375rem) no-repeat rgb(255, 255, 255); } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { = border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px= 0px 0.2rem; } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-= input:valid ~ .form-check-label { color: rgb(40, 167, 69); } .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ = .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .= was-validated .form-check-input:valid ~ .valid-tooltip { display: block; } .custom-control-input.is-valid ~ .custom-control-label, .was-validated .cus= tom-control-input:valid ~ .custom-control-label { color: rgb(40, 167, 69); = } .custom-control-input.is-valid ~ .custom-control-label::before, .was-valida= ted .custom-control-input:valid ~ .custom-control-label::before { border-co= lor: rgb(40, 167, 69); } .custom-control-input.is-valid:checked ~ .custom-control-label::before, .wa= s-validated .custom-control-input:valid:checked ~ .custom-control-label::be= fore { border-color: rgb(52, 206, 87); background-color: rgb(52, 206, 87); = } .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-= validated .custom-control-input:valid:focus ~ .custom-control-label::before= { box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; } .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label:= :before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .= custom-control-label::before { border-color: rgb(40, 167, 69); } .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-fi= le-input:valid ~ .custom-file-label { border-color: rgb(40, 167, 69); } .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .cus= tom-file-input:valid:focus ~ .custom-file-label { border-color: rgb(40, 167= , 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-s= ize: 80%; color: rgb(220, 53, 69); } .invalid-tooltip { position: absolute; top: 100%; left: 0px; z-index: 5; di= splay: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; = font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); backgroun= d-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-valid= ated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-toolt= ip { display: block; } .form-control.is-invalid, .was-validated .form-control:invalid { border-col= or: rgb(220, 53, 69); padding-right: calc(1.5em + 0.75rem); background-imag= e: url("data:image/svg+xml;charset=3Dutf-8,%3Csvg xmlns=3D'http://www.w3.or= g/2000/svg' width=3D'12' height=3D'12' fill=3D'none' stroke=3D'%23dc3545'%3= E%3Ccircle cx=3D'6' cy=3D'6' r=3D'4.5'/%3E%3Cpath stroke-linejoin=3D'round'= d=3D'M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx=3D'6' cy=3D'8.2' r=3D'.6' fill=3D= '%23dc3545' stroke=3D'none'/%3E%3C/svg%3E"); background-repeat: no-repeat; = background-position: right calc(0.375em + 0.1875rem) center; background-siz= e: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus = { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0= px 0px 0.2rem; } .was-validated textarea.form-control:invalid, textarea.form-control.is-inva= lid { padding-right: calc(1.5em + 0.75rem); background-position: right calc= (0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); } .custom-select.is-invalid, .was-validated .custom-select:invalid { border-c= olor: rgb(220, 53, 69); padding-right: calc(0.75em + 2.3125rem); background= : url("data:image/svg+xml;charset=3Dutf-8,%3Csvg xmlns=3D'http://www.w3.org= /2000/svg' width=3D'4' height=3D'5'%3E%3Cpath fill=3D'%23343a40' d=3D'M2 0L= 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 0.75rem center / 8px 10px no-repea= t, url("data:image/svg+xml;charset=3Dutf-8,%3Csvg xmlns=3D'http://www.w3.or= g/2000/svg' width=3D'12' height=3D'12' fill=3D'none' stroke=3D'%23dc3545'%3= E%3Ccircle cx=3D'6' cy=3D'6' r=3D'4.5'/%3E%3Cpath stroke-linejoin=3D'round'= d=3D'M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx=3D'6' cy=3D'8.2' r=3D'.6' fill=3D= '%23dc3545' stroke=3D'none'/%3E%3C/svg%3E") right 1.75rem center / calc(0.7= 5em + 0.375rem) calc(0.75em + 0.375rem) no-repeat rgb(255, 255, 255); } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focu= s { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px= 0px 0px 0.2rem; } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-chec= k-input:invalid ~ .form-check-label { color: rgb(220, 53, 69); } .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-inva= lid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid= -feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { di= splay: block; } .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .c= ustom-control-input:invalid ~ .custom-control-label { color: rgb(220, 53, 6= 9); } .custom-control-input.is-invalid ~ .custom-control-label::before, .was-vali= dated .custom-control-input:invalid ~ .custom-control-label::before { borde= r-color: rgb(220, 53, 69); } .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .= was-validated .custom-control-input:invalid:checked ~ .custom-control-label= ::before { border-color: rgb(228, 96, 109); background-color: rgb(228, 96, = 109); } .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .wa= s-validated .custom-control-input:invalid:focus ~ .custom-control-label::be= fore { box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; } .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-labe= l::before, .was-validated .custom-control-input:invalid:focus:not(:checked)= ~ .custom-control-label::before { border-color: rgb(220, 53, 69); } .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-= file-input:invalid ~ .custom-file-label { border-color: rgb(220, 53, 69); } .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .c= ustom-file-input:invalid:focus ~ .custom-file-label { border-color: rgb(220= , 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; } .form-inline { display: flex; -webkit-box-orient: horizontal; -webkit-box-d= irection: normal; flex-flow: row wrap; -webkit-box-align: center; align-ite= ms: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { -webkit-box-pack: center; justify-content: center; } .form-inline .form-group, .form-inline label { display: flex; -webkit-box= -align: center; align-items: center; margin-bottom: 0px; } .form-inline .form-group { -webkit-box-flex: 0; flex: 0 0 auto; -webkit-b= ox-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; = } .form-inline .form-control { display: inline-block; width: auto; vertical= -align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .custom-select, .form-inline .input-group { width: auto; } .form-inline .form-check { display: flex; -webkit-box-align: center; alig= n-items: center; -webkit-box-pack: center; justify-content: center; width: = auto; padding-left: 0px; } .form-inline .form-check-input { position: relative; flex-shrink: 0; marg= in-top: 0px; margin-right: 0.25rem; margin-left: 0px; } .form-inline .custom-control { -webkit-box-align: center; align-items: ce= nter; -webkit-box-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0px; } } .btn { display: inline-block; font-weight: 400; color: rgb(33, 37, 41); tex= t-align: center; vertical-align: middle; user-select: none; background-colo= r: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; f= ont-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color= 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color = 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0= .15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .btn { transition: none 0s ease 0s; } } .btn:hover { color: rgb(33, 37, 41); text-decoration: none; } .btn.focus, .btn:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) = 0px 0px 0px 0.2rem; } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255= ); border-color: rgb(0, 123, 255); } .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { color: rgb(255= , 255, 255); background-color: rgb(0, 105, 217); border-color: rgb(0, 98, 2= 04); } .btn-primary.focus, .btn-primary:focus { box-shadow: rgba(38, 143, 255, 0.5= ) 0px 0px 0px 0.2rem; } .btn-primary.disabled, .btn-primary:disabled { color: rgb(255, 255, 255); b= ackground-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabl= ed):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: rg= b(255, 255, 255); background-color: rgb(0, 98, 204); border-color: rgb(0, 9= 2, 191); } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:= disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle= :focus { box-shadow: rgba(38, 143, 255, 0.5) 0px 0px 0px 0.2rem; } .btn-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117,= 125); border-color: rgb(108, 117, 125); } .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover { color: r= gb(255, 255, 255); background-color: rgb(90, 98, 104); border-color: rgb(84= , 91, 98); } .btn-secondary.focus, .btn-secondary:focus { box-shadow: rgba(130, 138, 145= , 0.5) 0px 0px 0px 0.2rem; } .btn-secondary.disabled, .btn-secondary:disabled { color: rgb(255, 255, 255= ); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); = } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:di= sabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { col= or: rgb(255, 255, 255); background-color: rgb(84, 91, 98); border-color: rg= b(78, 85, 91); } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:n= ot(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-= toggle:focus { box-shadow: rgba(130, 138, 145, 0.5) 0px 0px 0px 0.2rem; } .btn-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69= ); border-color: rgb(40, 167, 69); } .btn-success.focus, .btn-success:focus, .btn-success:hover { color: rgb(255= , 255, 255); background-color: rgb(33, 136, 56); border-color: rgb(30, 126,= 52); } .btn-success.focus, .btn-success:focus { box-shadow: rgba(72, 180, 97, 0.5)= 0px 0px 0px 0.2rem; } .btn-success.disabled, .btn-success:disabled { color: rgb(255, 255, 255); b= ackground-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabl= ed):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: rg= b(255, 255, 255); background-color: rgb(30, 126, 52); border-color: rgb(28,= 116, 48); } .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:= disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle= :focus { box-shadow: rgba(72, 180, 97, 0.5) 0px 0px 0px 0.2rem; } .btn-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184);= border-color: rgb(23, 162, 184); } .btn-info.focus, .btn-info:focus, .btn-info:hover { color: rgb(255, 255, 25= 5); background-color: rgb(19, 132, 150); border-color: rgb(17, 122, 139); } .btn-info.focus, .btn-info:focus { box-shadow: rgba(58, 176, 195, 0.5) 0px = 0px 0px 0.2rem; } .btn-info.disabled, .btn-info:disabled { color: rgb(255, 255, 255); backgro= und-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):no= t(.disabled):active, .show > .btn-info.dropdown-toggle { color: rgb(255, 25= 5, 255); background-color: rgb(17, 122, 139); border-color: rgb(16, 112, 12= 7); } .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabl= ed):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { = box-shadow: rgba(58, 176, 195, 0.5) 0px 0px 0px 0.2rem; } .btn-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); = border-color: rgb(255, 193, 7); } .btn-warning.focus, .btn-warning:focus, .btn-warning:hover { color: rgb(33,= 37, 41); background-color: rgb(224, 168, 0); border-color: rgb(211, 158, 0= ); } .btn-warning.focus, .btn-warning:focus { box-shadow: rgba(222, 170, 12, 0.5= ) 0px 0px 0px 0.2rem; } .btn-warning.disabled, .btn-warning:disabled { color: rgb(33, 37, 41); back= ground-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabl= ed):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: rg= b(33, 37, 41); background-color: rgb(211, 158, 0); border-color: rgb(198, 1= 49, 0); } .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:= disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle= :focus { box-shadow: rgba(222, 170, 12, 0.5) 0px 0px 0px 0.2rem; } .btn-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69)= ; border-color: rgb(220, 53, 69); } .btn-danger.focus, .btn-danger:focus, .btn-danger:hover { color: rgb(255, 2= 55, 255); background-color: rgb(200, 35, 51); border-color: rgb(189, 33, 48= ); } .btn-danger.focus, .btn-danger:focus { box-shadow: rgba(225, 83, 97, 0.5) 0= px 0px 0px 0.2rem; } .btn-danger.disabled, .btn-danger:disabled { color: rgb(255, 255, 255); bac= kground-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled= ):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: rgb(2= 55, 255, 255); background-color: rgb(189, 33, 48); border-color: rgb(178, 3= 1, 45); } .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:di= sabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:fo= cus { box-shadow: rgba(225, 83, 97, 0.5) 0px 0px 0px 0.2rem; } .btn-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); = border-color: rgb(248, 249, 250); } .btn-light.focus, .btn-light:focus, .btn-light:hover { color: rgb(33, 37, 4= 1); background-color: rgb(226, 230, 234); border-color: rgb(218, 224, 229);= } .btn-light.focus, .btn-light:focus { box-shadow: rgba(216, 217, 219, 0.5) 0= px 0px 0px 0.2rem; } .btn-light.disabled, .btn-light:disabled { color: rgb(33, 37, 41); backgrou= nd-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):= not(.disabled):active, .show > .btn-light.dropdown-toggle { color: rgb(33, = 37, 41); background-color: rgb(218, 224, 229); border-color: rgb(211, 217, = 223); } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disa= bled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus= { box-shadow: rgba(216, 217, 219, 0.5) 0px 0px 0px 0.2rem; } .btn-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); b= order-color: rgb(52, 58, 64); } .btn-dark.focus, .btn-dark:focus, .btn-dark:hover { color: rgb(255, 255, 25= 5); background-color: rgb(35, 39, 43); border-color: rgb(29, 33, 36); } .btn-dark.focus, .btn-dark:focus { box-shadow: rgba(82, 88, 93, 0.5) 0px 0p= x 0px 0.2rem; } .btn-dark.disabled, .btn-dark:disabled { color: rgb(255, 255, 255); backgro= und-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):no= t(.disabled):active, .show > .btn-dark.dropdown-toggle { color: rgb(255, 25= 5, 255); background-color: rgb(29, 33, 36); border-color: rgb(23, 26, 29); = } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabl= ed):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { = box-shadow: rgba(82, 88, 93, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-primary { color: rgb(0, 123, 255); border-color: rgb(0, 123, 2= 55); } .btn-outline-primary:hover { color: rgb(255, 255, 255); background-color: r= gb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: rgba(0= , 123, 255, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: rgb(0= , 123, 255); background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-pri= mary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dro= pdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255= ); border-color: rgb(0, 123, 255); } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outli= ne-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline= -primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px= 0px 0.2rem; } .btn-outline-secondary { color: rgb(108, 117, 125); border-color: rgb(108, = 117, 125); } .btn-outline-secondary:hover { color: rgb(255, 255, 255); background-color:= rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: rg= ba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: r= gb(108, 117, 125); background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-s= econdary:not(:disabled):not(.disabled):active, .show > .btn-outline-seconda= ry.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(108, = 117, 125); border-color: rgb(108, 117, 125); } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-out= line-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-out= line-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5)= 0px 0px 0px 0.2rem; } .btn-outline-success { color: rgb(40, 167, 69); border-color: rgb(40, 167, = 69); } .btn-outline-success:hover { color: rgb(255, 255, 255); background-color: r= gb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: rgba(4= 0, 167, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-success.disabled, .btn-outline-success:disabled { color: rgb(4= 0, 167, 69); background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-suc= cess:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dro= pdown-toggle { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69= ); border-color: rgb(40, 167, 69); } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outli= ne-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline= -success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px= 0px 0.2rem; } .btn-outline-info { color: rgb(23, 162, 184); border-color: rgb(23, 162, 18= 4); } .btn-outline-info:hover { color: rgb(255, 255, 255); background-color: rgb(= 23, 162, 184); border-color: rgb(23, 162, 184); } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: rgba(23, 162= , 184, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-info.disabled, .btn-outline-info:disabled { color: rgb(23, 162= , 184); background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:n= ot(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-tog= gle { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); borde= r-color: rgb(23, 162, 184); } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-= info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.= dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2= rem; } .btn-outline-warning { color: rgb(255, 193, 7); border-color: rgb(255, 193,= 7); } .btn-outline-warning:hover { color: rgb(33, 37, 41); background-color: rgb(= 255, 193, 7); border-color: rgb(255, 193, 7); } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: rgba(2= 55, 193, 7, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: rgb(2= 55, 193, 7); background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-war= ning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dro= pdown-toggle { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); = border-color: rgb(255, 193, 7); } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outli= ne-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline= -warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px= 0px 0.2rem; } .btn-outline-danger { color: rgb(220, 53, 69); border-color: rgb(220, 53, 6= 9); } .btn-outline-danger:hover { color: rgb(255, 255, 255); background-color: rg= b(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: rgba(220= , 53, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: rgb(220= , 53, 69); background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-dang= er:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdo= wn-toggle { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); = border-color: rgb(220, 53, 69); } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outlin= e-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-d= anger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0p= x 0.2rem; } .btn-outline-light { color: rgb(248, 249, 250); border-color: rgb(248, 249,= 250); } .btn-outline-light:hover { color: rgb(33, 37, 41); background-color: rgb(24= 8, 249, 250); border-color: rgb(248, 249, 250); } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: rgba(248, = 249, 250, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-light.disabled, .btn-outline-light:disabled { color: rgb(248, = 249, 250); background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light= :not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-= toggle { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); bord= er-color: rgb(248, 249, 250); } .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline= -light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-lig= ht.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px= 0.2rem; } .btn-outline-dark { color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); = } .btn-outline-dark:hover { color: rgb(255, 255, 255); background-color: rgb(= 52, 58, 64); border-color: rgb(52, 58, 64); } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: rgba(52, 58,= 64, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: rgb(52, 58,= 64); background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:n= ot(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-tog= gle { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-= color: rgb(52, 58, 64); } .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-= dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.= dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2re= m; } .btn-link { font-weight: 400; color: rgb(0, 123, 255); text-decoration: non= e; } .btn-link:hover { color: rgb(0, 86, 179); } .btn-link.focus, .btn-link:focus, .btn-link:hover { text-decoration: underl= ine; } .btn-link.disabled, .btn-link:disabled { color: rgb(108, 117, 125); pointer= -events: none; } .btn-group-lg > .btn, .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; l= ine-height: 1.5; border-radius: 0.3rem; } .btn-group-sm > .btn, .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875re= m; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=3D"button"].btn-block, input[type=3D"reset"].btn-block, input[ty= pe=3D"submit"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear 0s; } @media (prefers-reduced-motion: reduce) { .fade { transition: none 0s ease 0s; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0px; overflow: hidden; transition= : height 0.35s ease 0s; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none 0s ease 0s; } } .dropdown, .dropleft, .dropright, .dropup { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vert= ical-align: 0.255em; content: ""; border-width: 0.3em 0.3em 0px; border-top= -style: solid; border-top-color: initial; border-right-style: solid; border= -right-color: transparent; border-bottom-style: initial; border-bottom-colo= r: initial; border-left-style: solid; border-left-color: transparent; } .dropdown-toggle:empty::after { margin-left: 0px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; d= isplay: none; float: left; min-width: 10rem; padding: 0.5rem 0px; margin: 0= .125rem 0px 0px; font-size: 1rem; color: rgb(33, 37, 41); text-align: left;= list-style: none; background-color: rgb(255, 255, 255); background-clip: p= adding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; = } .dropdown-menu-left { right: auto; left: 0px; } .dropdown-menu-right { right: 0px; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0px; } .dropdown-menu-sm-right { right: 0px; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0px; } .dropdown-menu-md-right { right: 0px; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0px; } .dropdown-menu-lg-right { right: 0px; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0px; } .dropdown-menu-xl-right { right: 0px; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0px; margin-b= ottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255= em; vertical-align: 0.255em; content: ""; border-width: 0px 0.3em 0.3em; bo= rder-top-style: initial; border-top-color: initial; border-right-style: sol= id; border-right-color: transparent; border-bottom-style: solid; border-bot= tom-color: initial; border-left-style: solid; border-left-color: transparen= t; } .dropup .dropdown-toggle:empty::after { margin-left: 0px; } .dropright .dropdown-menu { top: 0px; right: auto; left: 100%; margin-top: = 0px; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.= 255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0px 0.3em = 0.3em; border-top-style: solid; border-top-color: transparent; border-right= -style: initial; border-right-color: initial; border-bottom-style: solid; b= order-bottom-color: transparent; border-left-style: solid; border-left-colo= r: initial; } .dropright .dropdown-toggle:empty::after { margin-left: 0px; } .dropright .dropdown-toggle::after { vertical-align: 0px; } .dropleft .dropdown-menu { top: 0px; right: 100%; left: auto; margin-top: 0= px; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { margin-left: 0.255em; vertical-align: 0= .255em; content: ""; display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0= .255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid trans= parent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; = } .dropleft .dropdown-toggle:empty::after { margin-left: 0px; } .dropleft .dropdown-toggle::before { vertical-align: 0px; } .dropdown-menu[x-placement^=3D"bottom"], .dropdown-menu[x-placement^=3D"lef= t"], .dropdown-menu[x-placement^=3D"right"], .dropdown-menu[x-placement^=3D= "top"] { right: auto; bottom: auto; } .dropdown-divider { height: 0px; margin: 0.5rem 0px; overflow: hidden; bord= er-top: 1px solid rgb(233, 236, 239); } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clea= r: both; font-weight: 400; color: rgb(33, 37, 41); text-align: inherit; whi= te-space: nowrap; background-color: transparent; border: 0px; } .dropdown-item:focus, .dropdown-item:hover { color: rgb(22, 24, 27); text-d= ecoration: none; background-color: rgb(248, 249, 250); } .dropdown-item.active, .dropdown-item:active { color: rgb(255, 255, 255); t= ext-decoration: none; background-color: rgb(0, 123, 255); } .dropdown-item.disabled, .dropdown-item:disabled { color: rgb(108, 117, 125= ); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0= px; font-size: 0.875rem; color: rgb(108, 117, 125); white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: rgb(3= 3, 37, 41); } .btn-group, .btn-group-vertical { position: relative; display: inline-flex;= vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; -webkit= -box-flex: 1; flex: 1 1 auto; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-= group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group >= .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group= > .btn:hover { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; -webkit-box-pack: start; jus= tify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-chi= ld) { margin-left: -1px; } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:las= t-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-botto= m-right-radius: 0px; } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:fi= rst-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem;= } .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .d= ropup .dropdown-toggle-split::after { margin-left: 0px; } .dropleft .dropdown-toggle-split::before { margin-right: 0px; } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-s= plit { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-s= plit { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: = normal; flex-direction: column; -webkit-box-align: start; align-items: flex= -start; -webkit-box-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%;= } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .= btn:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertic= al > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radi= us: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-verti= cal > .btn:not(:first-child) { border-top-left-radius: 0px; border-top-righ= t-radius: 0px; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bo= ttom: 0px; } .btn-group-toggle > .btn-group > .btn input[type=3D"checkbox"], .btn-group-= toggle > .btn-group > .btn input[type=3D"radio"], .btn-group-toggle > .btn = input[type=3D"checkbox"], .btn-group-toggle > .btn input[type=3D"radio"] { = position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; -webkit-= box-align: stretch; align-items: stretch; width: 100%; } .input-group > .custom-file, .input-group > .custom-select, .input-group > = .form-control, .input-group > .form-control-plaintext { position: relative;= -webkit-box-flex: 1; flex: 1 1 auto; width: 1%; min-width: 0px; margin-bot= tom: 0px; } .input-group > .custom-file + .custom-file, .input-group > .custom-file + .= custom-select, .input-group > .custom-file + .form-control, .input-group > = .custom-select + .custom-file, .input-group > .custom-select + .custom-sele= ct, .input-group > .custom-select + .form-control, .input-group > .form-con= trol + .custom-file, .input-group > .form-control + .custom-select, .input-= group > .form-control + .form-control, .input-group > .form-control-plainte= xt + .custom-file, .input-group > .form-control-plaintext + .custom-select,= .input-group > .form-control-plaintext + .form-control { margin-left: -1px= ; } .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, = .input-group > .custom-select:focus, .input-group > .form-control:focus { z= -index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .custom-select:not(:last-child), .input-group > .form-contro= l:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radi= us: 0px; } .input-group > .custom-select:not(:first-child), .input-group > .form-contr= ol:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radi= us: 0px; } .input-group > .custom-file { display: flex; -webkit-box-align: center; ali= gn-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-gro= up > .custom-file:not(:last-child) .custom-file-label::after { border-top-r= ight-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-t= op-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group-append, .input-group-prepend { display: flex; } .input-group-append .btn, .input-group-prepend .btn { position: relative; z= -index: 2; } .input-group-append .btn:focus, .input-group-prepend .btn:focus { z-index: = 3; } .input-group-append .btn + .btn, .input-group-append .btn + .input-group-te= xt, .input-group-append .input-group-text + .btn, .input-group-append .inpu= t-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-= group-prepend .btn + .input-group-text, .input-group-prepend .input-group-t= ext + .btn, .input-group-prepend .input-group-text + .input-group-text { ma= rgin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; -webkit-box-align: center; align-items: = center; padding: 0.375rem 0.75rem; margin-bottom: 0px; font-size: 1rem; fon= t-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); text-align: center= ; white-space: nowrap; background-color: rgb(233, 236, 239); border: 1px so= lid rgb(206, 212, 218); border-radius: 0.25rem; } .input-group-text input[type=3D"checkbox"], .input-group-text input[type=3D= "radio"] { margin-top: 0px; } .input-group-lg > .custom-select, .input-group-lg > .form-control:not(texta= rea) { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .custom-select, .input-group-lg > .form-control, .input-g= roup-lg > .input-group-append > .btn, .input-group-lg > .input-group-append= > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input= -group-lg > .input-group-prepend > .input-group-text { padding: 0.5rem 1rem= ; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .custom-select, .input-group-sm > .form-control:not(texta= rea) { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .custom-select, .input-group-sm > .form-control, .input-g= roup-sm > .input-group-append > .btn, .input-group-sm > .input-group-append= > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input= -group-sm > .input-group-prepend > .input-group-text { padding: 0.25rem 0.5= rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { paddin= g-right: 1.75rem; } .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.= dropdown-toggle), .input-group > .input-group-append:last-child > .input-gr= oup-text:not(:last-child), .input-group > .input-group-append:not(:last-chi= ld) > .btn, .input-group > .input-group-append:not(:last-child) > .input-gr= oup-text, .input-group > .input-group-prepend > .btn, .input-group > .input= -group-prepend > .input-group-text { border-top-right-radius: 0px; border-b= ottom-right-radius: 0px; } .input-group > .input-group-append > .btn, .input-group > .input-group-appe= nd > .input-group-text, .input-group > .input-group-prepend:first-child > .= btn:not(:first-child), .input-group > .input-group-prepend:first-child > .i= nput-group-text:not(:first-child), .input-group > .input-group-prepend:not(= :first-child) > .btn, .input-group > .input-group-prepend:not(:first-child)= > .input-group-text { border-top-left-radius: 0px; border-bottom-left-radi= us: 0px; } .custom-control { position: relative; z-index: 1; display: block; min-heigh= t: 1.5rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0px; z-index: -1; width: = 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: rgb(= 255, 255, 255); border-color: rgb(0, 123, 255); background-color: rgb(0, 12= 3, 255); } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: r= gba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {= border-color: rgb(128, 189, 255); } .custom-control-input:not(:disabled):active ~ .custom-control-label::before= { color: rgb(255, 255, 255); background-color: rgb(179, 215, 255); border-= color: rgb(179, 215, 255); } .custom-control-input:disabled ~ .custom-control-label, .custom-control-inp= ut[disabled] ~ .custom-control-label { color: rgb(108, 117, 125); } .custom-control-input:disabled ~ .custom-control-label::before, .custom-con= trol-input[disabled] ~ .custom-control-label::before { background-color: rg= b(233, 236, 239); } .custom-control-label { position: relative; margin-bottom: 0px; vertical-al= ign: top; } .custom-control-label::before { pointer-events: none; background-color: rgb= (255, 255, 255); border: 1px solid rgb(173, 181, 189); } .custom-control-label::after, .custom-control-label::before { position: abs= olute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1r= em; content: ""; } .custom-control-label::after { background: 50% center / 50% 50% no-repeat; = } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::aft= er { background-image: url("data:image/svg+xml;charset=3Dutf-8,%3Csvg xmlns= =3D'http://www.w3.org/2000/svg' width=3D'8' height=3D'8'%3E%3Cpath fill=3D'= %23fff' d=3D'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%= 3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-labe= l::before { border-color: rgb(0, 123, 255); background-color: rgb(0, 123, 2= 55); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-labe= l::after { background-image: url("data:image/svg+xml;charset=3Dutf-8,%3Csvg= xmlns=3D'http://www.w3.org/2000/svg' width=3D'4' height=3D'4'%3E%3Cpath st= roke=3D'%23fff' d=3D'M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-l= abel::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-con= trol-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after = { background-image: url("data:image/svg+xml;charset=3Dutf-8,%3Csvg xmlns=3D= 'http://www.w3.org/2000/svg' width=3D'12' height=3D'12' viewBox=3D'-4 -4 8 = 8'%3E%3Ccircle r=3D'3' fill=3D'%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-labe= l::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75r= em; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); lef= t: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px);= background-color: rgb(173, 181, 189); border-radius: 0.5rem; transition: t= ransform 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, borde= r-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-tran= sform 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none 0s ease 0s= ; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after= { background-color: rgb(255, 255, 255); transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-lab= el::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0= .75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem;= font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); vertical-align= : middle; background: url("data:image/svg+xml;charset=3Dutf-8,%3Csvg xmlns= =3D'http://www.w3.org/2000/svg' width=3D'4' height=3D'5'%3E%3Cpath fill=3D'= %23343a40' d=3D'M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 0.75rem cente= r / 8px 10px no-repeat rgb(255, 255, 255); border: 1px solid rgb(206, 212, = 218); border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: rgb(128, 189, 255); outline: 0px; box-= shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-select[multiple], .custom-select[size]:not([size=3D"1"]) { height: = auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: rgb(108, 117, 125); background-color: rgb(= 233, 236, 239); } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25re= m; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; = padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { display: inline-block; margin-bottom: 0px; } .custom-file, .custom-file-input { position: relative; width: 100%; height:= calc(1.5em + 0.75rem + 2px); } .custom-file-input { z-index: 2; margin: 0px; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: rgb(128, 189,= 255); box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabl= ed] ~ .custom-file-label { background-color: rgb(233, 236, 239); } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"= ; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr= (data-browse); } .custom-file-label { left: 0px; z-index: 1; height: calc(1.5em + 0.75rem + = 2px); font-weight: 400; background-color: rgb(255, 255, 255); border: 1px s= olid rgb(206, 212, 218); border-radius: 0.25rem; } .custom-file-label, .custom-file-label::after { position: absolute; top: 0p= x; right: 0px; padding: 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, = 80, 87); } .custom-file-label::after { bottom: 0px; z-index: 3; display: block; height= : calc(1.5em + 0.75rem); content: "Browse"; background-color: rgb(233, 236,= 239); border-left: inherit; border-radius: 0px 0.25rem 0.25rem 0px; } .custom-range { width: 100%; height: 1.4rem; padding: 0px; background-color= : transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: rgb(255, 255, 255) = 0px 0px 0px 1px, rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top= : -0.25rem; background-color: rgb(0, 123, 255); border: 0px; border-radius:= 1rem; transition: background-color 0.15s ease-in-out 0s, border-color 0.15= s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s= ease-in-out 0s; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none 0s ease 0s; } } .custom-range::-webkit-slider-thumb:active { background-color: rgb(179, 215= , 255); } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem;= color: transparent; cursor: pointer; background-color: rgb(222, 226, 230);= border-color: transparent; border-radius: 1rem; } @media (prefers-reduced-motion: reduce) { } @media (prefers-reduced-motion: reduce) { } .custom-range:disabled::-webkit-slider-thumb { background-color: rgb(173, 1= 81, 189); } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-control-label::before, .custom-file-label, .custom-select { transit= ion: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out = 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0= s; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { trans= ition: none 0s ease 0s; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0p= x; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: rgb(108, 117, 125); pointer-events: none; curso= r: default; } .nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius= : 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: rgb(23= 3, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); } .nav-tabs .nav-link.disabled { color: rgb(108, 117, 125); background-color:= transparent; border-color: transparent; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: rgb= (73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(222, = 226, 230) rgb(222, 226, 230) rgb(255, 255, 255); } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; b= order-top-right-radius: 0px; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255,= 255, 255); background-color: rgb(0, 123, 255); } .nav-fill .nav-item, .nav-fill > .nav-link { -webkit-box-flex: 1; flex: 1 1= auto; text-align: center; } .nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0px; -we= bkit-box-flex: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; padding: 0.5rem 1rem; } .navbar, .navbar .container, .navbar .container-fluid, .navbar .container-l= g, .navbar .container-md, .navbar .container-sm, .navbar .container-xl { di= splay: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: cente= r; -webkit-box-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bott= om: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit= ; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-nav { display: flex; -webkit-box-orient: vertical; -webkit-box-dire= ction: normal; flex-direction: column; padding-left: 0px; margin-bottom: 0p= x; list-style: none; } .navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: = 0.5rem; } .navbar-collapse { flex-basis: 100%; -webkit-box-flex: 1; flex-grow: 1; -we= bkit-box-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height= : 1; background-color: transparent; border: 1px solid transparent; border-r= adius: 0.25rem; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; = vertical-align: middle; content: ""; background: 50% center / 100% 100% no-= repeat; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .na= vbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-= expand-sm > .container-sm, .navbar-expand-sm > .container-xl { padding-righ= t: 0px; padding-left: 0px; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; -webkit-box-pack: start; justi= fy-content: flex-start; } .navbar-expand-sm, .navbar-expand-sm .navbar-nav { -webkit-box-orient: ho= rizontal; -webkit-box-direction: normal; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-= left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .na= vbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-= expand-sm > .container-sm, .navbar-expand-sm > .container-xl { flex-wrap: n= owrap; } .navbar-expand-sm .navbar-collapse { flex-basis: auto; display: flex !imp= ortant; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .na= vbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-= expand-md > .container-sm, .navbar-expand-md > .container-xl { padding-righ= t: 0px; padding-left: 0px; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; -webkit-box-pack: start; justi= fy-content: flex-start; } .navbar-expand-md, .navbar-expand-md .navbar-nav { -webkit-box-orient: ho= rizontal; -webkit-box-direction: normal; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-= left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .na= vbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-= expand-md > .container-sm, .navbar-expand-md > .container-xl { flex-wrap: n= owrap; } .navbar-expand-md .navbar-collapse { flex-basis: auto; display: flex !imp= ortant; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .na= vbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-= expand-lg > .container-sm, .navbar-expand-lg > .container-xl { padding-righ= t: 0px; padding-left: 0px; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; -webkit-box-pack: start; justi= fy-content: flex-start; } .navbar-expand-lg, .navbar-expand-lg .navbar-nav { -webkit-box-orient: ho= rizontal; -webkit-box-direction: normal; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-= left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .na= vbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-= expand-lg > .container-sm, .navbar-expand-lg > .container-xl { flex-wrap: n= owrap; } .navbar-expand-lg .navbar-collapse { flex-basis: auto; display: flex !imp= ortant; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .na= vbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-= expand-xl > .container-sm, .navbar-expand-xl > .container-xl { padding-righ= t: 0px; padding-left: 0px; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; -webkit-box-pack: start; justi= fy-content: flex-start; } .navbar-expand-xl, .navbar-expand-xl .navbar-nav { -webkit-box-orient: ho= rizontal; -webkit-box-direction: normal; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-= left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .na= vbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-= expand-xl > .container-sm, .navbar-expand-xl > .container-xl { flex-wrap: n= owrap; } .navbar-expand-xl .navbar-collapse { flex-basis: auto; display: flex !imp= ortant; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: nor= mal; flex-flow: row nowrap; -webkit-box-pack: start; justify-content: flex-= start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-exp= and > .container-lg, .navbar-expand > .container-md, .navbar-expand > .cont= ainer-sm, .navbar-expand > .container-xl { padding-right: 0px; padding-left= : 0px; } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-di= rection: normal; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left:= 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-exp= and > .container-lg, .navbar-expand > .container-md, .navbar-expand > .cont= ainer-sm, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { flex-basis: auto; display: flex !importan= t; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-lig= ht .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-l= ink:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .n= av-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .na= vbar-nav .show > .nav-link { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rg= ba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+= xml;charset=3Dutf-8,%3Csvg xmlns=3D'http://www.w3.org/2000/svg' width=3D'30= ' height=3D'30'%3E%3Cpath stroke=3D'rgba(0, 0, 0, 0.5)' stroke-linecap=3D'r= ound' stroke-miterlimit=3D'10' stroke-width=3D'2' d=3D'M4 7h22M4 15h22M4 23= h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-l= ight .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark = .navbar-brand:hover { color: rgb(255, 255, 255); } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-lin= k:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.= 25); } .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav= -link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar= -nav .show > .nav-link { color: rgb(255, 255, 255); } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-colo= r: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+x= ml;charset=3Dutf-8,%3Csvg xmlns=3D'http://www.w3.org/2000/svg' width=3D'30'= height=3D'30'%3E%3Cpath stroke=3D'rgba(255, 255, 255, 0.5)' stroke-linecap= =3D'round' stroke-miterlimit=3D'10' stroke-width=3D'2' d=3D'M4 7h22M4 15h22= M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dar= k .navbar-text a:hover { color: rgb(255, 255, 255); } .card { position: relative; display: flex; -webkit-box-orient: vertical; -w= ebkit-box-direction: normal; flex-direction: column; min-width: 0px; overfl= ow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip:= border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem= ; } .card > hr { margin-right: 0px; margin-left: 0px; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0px; border-top-left-ra= dius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0px; border-bottom-ri= ght-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - = 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { bo= rder-top: 0px; } .card-body { -webkit-box-flex: 1; flex: 1 1 auto; min-height: 1px; padding:= 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0px; } .card-text:last-child { margin-bottom: 0px; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0px; background-col= or: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem = - 1px) 0px 0px; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.= 03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0px 0px calc(0.25rem - 1px) calc(0= .25rem - 1px); } .card-header-tabs { margin-bottom: -0.75rem; border-bottom: 0px; } .card-header-pills, .card-header-tabs { margin-right: -0.625rem; margin-lef= t: -0.625rem; } .card-img-overlay { position: absolute; inset: 0px; padding: 1.25rem; borde= r-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom, .card-img-top { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); bor= der-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1p= x); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; -webkit-box-orient: horizontal; -webkit-box-d= irection: normal; flex-flow: row wrap; margin-right: -15px; margin-left: -1= 5px; } .card-deck .card { -webkit-box-flex: 1; flex: 1 0 0%; margin-right: 15px;= margin-bottom: 0px; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; -webkit-box-orient: horizontal; -webkit-box-= direction: normal; flex-flow: row wrap; } .card-group > .card { -webkit-box-flex: 1; flex: 1 0 0%; margin-bottom: 0= px; } .card-group > .card + .card { margin-left: 0px; border-left: 0px; } .card-group > .card:not(:last-child) { border-top-right-radius: 0px; bord= er-bottom-right-radius: 0px; } .card-group > .card:not(:last-child) .card-header, .card-group > .card:no= t(:last-child) .card-img-top { border-top-right-radius: 0px; } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:no= t(:last-child) .card-img-bottom { border-bottom-right-radius: 0px; } .card-group > .card:not(:first-child) { border-top-left-radius: 0px; bord= er-bottom-left-radius: 0px; } .card-group > .card:not(:first-child) .card-header, .card-group > .card:n= ot(:first-child) .card-img-top { border-top-left-radius: 0px; } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:n= ot(:first-child) .card-img-bottom { border-bottom-left-radius: 0px; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows:= 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0px; border-bottom-r= ight-radius: 0px; border-bottom-left-radius: 0px; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0px; borde= r-top-right-radius: 0px; } .accordion > .card > .card-header { border-radius: 0px; margin-bottom: -1px= ; } .breadcrumb { flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; = list-style: none; background-color: rgb(233, 236, 239); border-radius: 0.25= rem; } .breadcrumb, .breadcrumb-item { display: flex; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; paddin= g-right: 0.5rem; color: rgb(108, 117, 125); content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; = } .breadcrumb-item.active { color: rgb(108, 117, 125); } .pagination { display: flex; padding-left: 0px; list-style: none; border-ra= dius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; m= argin-left: -1px; line-height: 1.25; color: rgb(0, 123, 255); background-co= lor: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); } .page-link:hover { z-index: 2; color: rgb(0, 86, 179); text-decoration: non= e; background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); = } .page-link:focus { z-index: 3; outline: 0px; box-shadow: rgba(0, 123, 255, = 0.25) 0px 0px 0px 0.2rem; } .page-item:first-child .page-link { margin-left: 0px; border-top-left-radiu= s: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border= -bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: rgb(255, 255, 255); backg= round-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .page-item.disabled .page-link { color: rgb(108, 117, 125); pointer-events:= none; cursor: auto; background-color: rgb(255, 255, 255); border-color: rg= b(222, 226, 230); } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; li= ne-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: = 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: = 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; l= ine-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: = 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: = 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font= -weight: 700; line-height: 1; text-align: center; white-space: nowrap; vert= ical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-= in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-i= n-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in= -out 0s; } @media (prefers-reduced-motion: reduce) { .badge { transition: none 0s ease 0s; } } a.badge:focus, a.badge:hover { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10r= em; } .badge-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 2= 55); } a.badge-primary:focus, a.badge-primary:hover { color: rgb(255, 255, 255); b= ackground-color: rgb(0, 98, 204); } a.badge-primary.focus, a.badge-primary:focus { outline: 0px; box-shadow: rg= ba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; } .badge-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 11= 7, 125); } a.badge-secondary:focus, a.badge-secondary:hover { color: rgb(255, 255, 255= ); background-color: rgb(84, 91, 98); } a.badge-secondary.focus, a.badge-secondary:focus { outline: 0px; box-shadow= : rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; } .badge-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, = 69); } a.badge-success:focus, a.badge-success:hover { color: rgb(255, 255, 255); b= ackground-color: rgb(30, 126, 52); } a.badge-success.focus, a.badge-success:focus { outline: 0px; box-shadow: rg= ba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; } .badge-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184= ); } a.badge-info:focus, a.badge-info:hover { color: rgb(255, 255, 255); backgro= und-color: rgb(17, 122, 139); } a.badge-info.focus, a.badge-info:focus { outline: 0px; box-shadow: rgba(23,= 162, 184, 0.5) 0px 0px 0px 0.2rem; } .badge-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7)= ; } a.badge-warning:focus, a.badge-warning:hover { color: rgb(33, 37, 41); back= ground-color: rgb(211, 158, 0); } a.badge-warning.focus, a.badge-warning:focus { outline: 0px; box-shadow: rg= ba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; } .badge-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 6= 9); } a.badge-danger:focus, a.badge-danger:hover { color: rgb(255, 255, 255); bac= kground-color: rgb(189, 33, 48); } a.badge-danger.focus, a.badge-danger:focus { outline: 0px; box-shadow: rgba= (220, 53, 69, 0.5) 0px 0px 0px 0.2rem; } .badge-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250)= ; } a.badge-light:focus, a.badge-light:hover { color: rgb(33, 37, 41); backgrou= nd-color: rgb(218, 224, 229); } a.badge-light.focus, a.badge-light:focus { outline: 0px; box-shadow: rgba(2= 48, 249, 250, 0.5) 0px 0px 0px 0.2rem; } .badge-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64);= } a.badge-dark:focus, a.badge-dark:hover { color: rgb(255, 255, 255); backgro= und-color: rgb(29, 33, 36); } a.badge-dark.focus, a.badge-dark:focus { outline: 0px; box-shadow: rgba(52,= 58, 64, 0.5) 0px 0px 0px 0.2rem; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: rgb= (233, 236, 239); border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0px; padding-left: 0px; border-radius: 0p= x; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem;= border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0px; right: 0px; z-ind= ex: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: rgb(0, 64, 133); background-color: rgb(204, 229, 25= 5); border-color: rgb(184, 218, 255); } .alert-primary hr { border-top-color: rgb(159, 205, 255); } .alert-primary .alert-link { color: rgb(0, 39, 82); } .alert-secondary { color: rgb(56, 61, 65); background-color: rgb(226, 227, = 229); border-color: rgb(214, 216, 219); } .alert-secondary hr { border-top-color: rgb(200, 203, 207); } .alert-secondary .alert-link { color: rgb(32, 35, 38); } .alert-success { color: rgb(21, 87, 36); background-color: rgb(212, 237, 21= 8); border-color: rgb(195, 230, 203); } .alert-success hr { border-top-color: rgb(177, 223, 187); } .alert-success .alert-link { color: rgb(11, 46, 19); } .alert-info { color: rgb(12, 84, 96); background-color: rgb(209, 236, 241);= border-color: rgb(190, 229, 235); } .alert-info hr { border-top-color: rgb(171, 221, 229); } .alert-info .alert-link { color: rgb(6, 44, 51); } .alert-warning { color: rgb(133, 100, 4); background-color: rgb(255, 243, 2= 05); border-color: rgb(255, 238, 186); } .alert-warning hr { border-top-color: rgb(255, 232, 161); } .alert-warning .alert-link { color: rgb(83, 63, 3); } .alert-danger { color: rgb(114, 28, 36); background-color: rgb(248, 215, 21= 8); border-color: rgb(245, 198, 203); } .alert-danger hr { border-top-color: rgb(241, 176, 183); } .alert-danger .alert-link { color: rgb(73, 18, 23); } .alert-light { color: rgb(129, 129, 130); background-color: rgb(254, 254, 2= 54); border-color: rgb(253, 253, 254); } .alert-light hr { border-top-color: rgb(236, 236, 246); } .alert-light .alert-link { color: rgb(104, 104, 104); } .alert-dark { color: rgb(27, 30, 33); background-color: rgb(214, 216, 217);= border-color: rgb(198, 200, 202); } .alert-dark hr { border-top-color: rgb(185, 187, 190); } .alert-dark .alert-link { color: rgb(4, 5, 5); } @-webkit-keyframes progress-bar-stripes {=20 0% { background-position: 1rem 0px; } 100% { background-position: 0px 0px; } } @keyframes progress-bar-stripes {=20 0% { background-position: 1rem 0px; } 100% { background-position: 0px 0px; } } .progress { height: 1rem; line-height: 0; font-size: 0.75rem; background-co= lor: rgb(233, 236, 239); border-radius: 0.25rem; } .progress, .progress-bar { display: flex; overflow: hidden; } .progress-bar { -webkit-box-orient: vertical; -webkit-box-direction: normal= ; flex-direction: column; -webkit-box-pack: center; justify-content: center= ; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; backg= round-color: rgb(0, 123, 255); transition: width 0.6s ease 0s; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none 0s ease 0s; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, = 255, 255, 0.15) 25%, transparent 0px, transparent 50%, rgba(255, 255, 255, = 0.15) 0px, rgba(255, 255, 255, 0.15) 75%, transparent 0px, transparent); ba= ckground-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear 0s infinite normal none runni= ng progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: 0s ease 0s 1 normal none running none= ; } } .media { display: flex; -webkit-box-align: start; align-items: flex-start; = } .media-body { -webkit-box-flex: 1; flex: 1 1 0%; } .list-group { display: flex; -webkit-box-orient: vertical; -webkit-box-dire= ction: normal; flex-direction: column; padding-left: 0px; margin-bottom: 0p= x; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: rgb(73, 80, 87); text-align: = inherit; } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; = color: rgb(73, 80, 87); text-decoration: none; background-color: rgb(248, 2= 49, 250); } .list-group-item-action:active { color: rgb(33, 37, 41); background-color: = rgb(233, 236, 239); } .list-group-item { position: relative; display: block; padding: 0.75rem 1.2= 5rem; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0,= 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-= right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-b= ottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: rgb(108, 117,= 125); pointer-events: none; background-color: rgb(255, 255, 255); } .list-group-item.active { z-index: 2; color: rgb(255, 255, 255); background= -color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .list-group-item + .list-group-item { border-top-width: 0px; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-w= idth: 1px; } .list-group-horizontal { -webkit-box-orient: horizontal; -webkit-box-direct= ion: normal; flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-= radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal > .list-group-item:last-child { border-top-right-rad= ius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal > .list-group-item.active { margin-top: 0px; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-w= idth: 1px; border-left-width: 0px; } .list-group-horizontal > .list-group-item + .list-group-item.active { margi= n-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { -webkit-box-orient: horizontal; -webkit-box-d= irection: normal; flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-= left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-righ= t-radius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0px; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-= top-width: 1px; border-left-width: 0px; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { = margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { -webkit-box-orient: horizontal; -webkit-box-d= irection: normal; flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-= left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-md > .list-group-item:last-child { border-top-righ= t-radius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0px; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-= top-width: 1px; border-left-width: 0px; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { = margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { -webkit-box-orient: horizontal; -webkit-box-d= irection: normal; flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-= left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-righ= t-radius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0px; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-= top-width: 1px; border-left-width: 0px; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { = margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { -webkit-box-orient: horizontal; -webkit-box-d= irection: normal; flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-= left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-righ= t-radius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0px; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-= top-width: 1px; border-left-width: 0px; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { = margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0px; } .list-group-flush > .list-group-item { border-width: 0px 0px 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0px;= } .list-group-item-primary { color: rgb(0, 64, 133); background-color: rgb(18= 4, 218, 255); } .list-group-item-primary.list-group-item-action:focus, .list-group-item-pri= mary.list-group-item-action:hover { color: rgb(0, 64, 133); background-colo= r: rgb(159, 205, 255); } .list-group-item-primary.list-group-item-action.active { color: rgb(255, 25= 5, 255); background-color: rgb(0, 64, 133); border-color: rgb(0, 64, 133); = } .list-group-item-secondary { color: rgb(56, 61, 65); background-color: rgb(= 214, 216, 219); } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-s= econdary.list-group-item-action:hover { color: rgb(56, 61, 65); background-= color: rgb(200, 203, 207); } .list-group-item-secondary.list-group-item-action.active { color: rgb(255, = 255, 255); background-color: rgb(56, 61, 65); border-color: rgb(56, 61, 65)= ; } .list-group-item-success { color: rgb(21, 87, 36); background-color: rgb(19= 5, 230, 203); } .list-group-item-success.list-group-item-action:focus, .list-group-item-suc= cess.list-group-item-action:hover { color: rgb(21, 87, 36); background-colo= r: rgb(177, 223, 187); } .list-group-item-success.list-group-item-action.active { color: rgb(255, 25= 5, 255); background-color: rgb(21, 87, 36); border-color: rgb(21, 87, 36); = } .list-group-item-info { color: rgb(12, 84, 96); background-color: rgb(190, = 229, 235); } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.l= ist-group-item-action:hover { color: rgb(12, 84, 96); background-color: rgb= (171, 221, 229); } .list-group-item-info.list-group-item-action.active { color: rgb(255, 255, = 255); background-color: rgb(12, 84, 96); border-color: rgb(12, 84, 96); } .list-group-item-warning { color: rgb(133, 100, 4); background-color: rgb(2= 55, 238, 186); } .list-group-item-warning.list-group-item-action:focus, .list-group-item-war= ning.list-group-item-action:hover { color: rgb(133, 100, 4); background-col= or: rgb(255, 232, 161); } .list-group-item-warning.list-group-item-action.active { color: rgb(255, 25= 5, 255); background-color: rgb(133, 100, 4); border-color: rgb(133, 100, 4)= ; } .list-group-item-danger { color: rgb(114, 28, 36); background-color: rgb(24= 5, 198, 203); } .list-group-item-danger.list-group-item-action:focus, .list-group-item-dang= er.list-group-item-action:hover { color: rgb(114, 28, 36); background-color= : rgb(241, 176, 183); } .list-group-item-danger.list-group-item-action.active { color: rgb(255, 255= , 255); background-color: rgb(114, 28, 36); border-color: rgb(114, 28, 36);= } .list-group-item-light { color: rgb(129, 129, 130); background-color: rgb(2= 53, 253, 254); } .list-group-item-light.list-group-item-action:focus, .list-group-item-light= .list-group-item-action:hover { color: rgb(129, 129, 130); background-color= : rgb(236, 236, 246); } .list-group-item-light.list-group-item-action.active { color: rgb(255, 255,= 255); background-color: rgb(129, 129, 130); border-color: rgb(129, 129, 13= 0); } .list-group-item-dark { color: rgb(27, 30, 33); background-color: rgb(198, = 200, 202); } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.l= ist-group-item-action:hover { color: rgb(27, 30, 33); background-color: rgb= (185, 187, 190); } .list-group-item-dark.list-group-item-action.active { color: rgb(255, 255, = 255); background-color: rgb(27, 30, 33); border-color: rgb(27, 30, 33); } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1;= color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity:= 0.5; } .close:hover { color: rgb(0, 0, 0); text-decoration: none; } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disa= bled):hover { opacity: 0.75; } button.close { padding: 0px; background-color: transparent; border: 0px; } a.close.disabled { pointer-events: none; } .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; backgrou= nd-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: = 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 0.= 75rem; opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; -webkit-box-align: center; align-items: cent= er; padding: 0.25rem 0.75rem; color: rgb(108, 117, 125); background-color: = rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px= solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); bo= rder-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow: hidden auto; } .modal { position: fixed; top: 0px; left: 0px; z-index: 1050; display: none= ; width: 100%; height: 100%; overflow: hidden; outline: 0px; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-ev= ents: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out 0s, -webkit= -transform 0.3s ease-out 0s; transform: translateY(-50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none 0s ease 0s; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); o= verflow: hidden; } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-hea= der { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; -webkit-box-align: center; align-it= ems: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: min-content; conte= nt: ""; } .modal-dialog-centered.modal-dialog-scrollable { -webkit-box-orient: vertic= al; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack= : center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height:= none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; -webkit-box-orient: ver= tical; -webkit-box-direction: normal; flex-direction: column; width: 100%; = pointer-events: auto; background-color: rgb(255, 255, 255); background-clip= : padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem;= outline: 0px; } .modal-backdrop { position: fixed; top: 0px; left: 0px; z-index: 1040; widt= h: 100vw; height: 100vh; background-color: rgb(0, 0, 0); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; -webkit-box-align: start; align-items: flex-= start; -webkit-box-pack: justify; justify-content: space-between; padding: = 1rem; border-bottom: 1px solid rgb(222, 226, 230); border-top-left-radius: = calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0px; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; flex: 1 1 auto; padd= ing: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; -webkit-box-align: center; = align-items: center; -webkit-box-pack: end; justify-content: flex-end; padd= ing: 0.75rem; border-top: 1px solid rgb(222, 226, 230); border-bottom-right= -radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px);= } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; h= eight: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem= ); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0px; = font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvet= ica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI E= moji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weig= ht: 400; line-height: 1.5; text-align: start; text-decoration: none; text-s= hadow: none; text-transform: none; letter-spacing: normal; word-break: norm= al; word-spacing: normal; white-space: normal; line-break: auto; font-size:= 0.875rem; overflow-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height= : 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: tr= ansparent; border-style: solid; } .bs-tooltip-auto[x-placement^=3D"top"], .bs-tooltip-top { padding: 0.4rem 0= px; } .bs-tooltip-auto[x-placement^=3D"top"] .arrow, .bs-tooltip-top .arrow { bot= tom: 0px; } .bs-tooltip-auto[x-placement^=3D"top"] .arrow::before, .bs-tooltip-top .arr= ow::before { top: 0px; border-width: 0.4rem 0.4rem 0px; border-top-color: r= gb(0, 0, 0); } .bs-tooltip-auto[x-placement^=3D"right"], .bs-tooltip-right { padding: 0px = 0.4rem; } .bs-tooltip-auto[x-placement^=3D"right"] .arrow, .bs-tooltip-right .arrow {= left: 0px; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^=3D"right"] .arrow::before, .bs-tooltip-right = .arrow::before { right: 0px; border-width: 0.4rem 0.4rem 0.4rem 0px; border= -right-color: rgb(0, 0, 0); } .bs-tooltip-auto[x-placement^=3D"bottom"], .bs-tooltip-bottom { padding: 0.= 4rem 0px; } .bs-tooltip-auto[x-placement^=3D"bottom"] .arrow, .bs-tooltip-bottom .arrow= { top: 0px; } .bs-tooltip-auto[x-placement^=3D"bottom"] .arrow::before, .bs-tooltip-botto= m .arrow::before { bottom: 0px; border-width: 0px 0.4rem 0.4rem; border-bot= tom-color: rgb(0, 0, 0); } .bs-tooltip-auto[x-placement^=3D"left"], .bs-tooltip-left { padding: 0px 0.= 4rem; } .bs-tooltip-auto[x-placement^=3D"left"] .arrow, .bs-tooltip-left .arrow { r= ight: 0px; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^=3D"left"] .arrow::before, .bs-tooltip-left .a= rrow::before { left: 0px; border-width: 0.4rem 0px 0.4rem 0.4rem; border-le= ft-color: rgb(0, 0, 0); } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: rgb(255,= 255, 255); text-align: center; background-color: rgb(0, 0, 0); border-radi= us: 0.25rem; } .popover { top: 0px; left: 0px; z-index: 1060; max-width: 276px; font-famil= y: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",= Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Se= goe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; l= ine-height: 1.5; text-align: start; text-decoration: none; text-shadow: non= e; text-transform: none; letter-spacing: normal; word-break: normal; word-s= pacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem;= overflow-wrap: break-word; background-color: rgb(255, 255, 255); backgroun= d-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0= .3rem; } .popover, .popover .arrow { position: absolute; display: block; } .popover .arrow { width: 1rem; height: 0.5rem; margin: 0px 0.3rem; } .popover .arrow::after, .popover .arrow::before { position: absolute; displ= ay: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-auto[x-placement^=3D"top"], .bs-popover-top { margin-bottom: 0.= 5rem; } .bs-popover-auto[x-placement^=3D"top"] > .arrow, .bs-popover-top > .arrow {= bottom: calc(-0.5rem - 1px); } .bs-popover-auto[x-placement^=3D"top"] > .arrow::before, .bs-popover-top > = .arrow::before { bottom: 0px; border-width: 0.5rem 0.5rem 0px; border-top-c= olor: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^=3D"top"] > .arrow::after, .bs-popover-top > .= arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0px; border-top-col= or: rgb(255, 255, 255); } .bs-popover-auto[x-placement^=3D"right"], .bs-popover-right { margin-left: = 0.5rem; } .bs-popover-auto[x-placement^=3D"right"] > .arrow, .bs-popover-right > .arr= ow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem= 0px; } .bs-popover-auto[x-placement^=3D"right"] > .arrow::before, .bs-popover-righ= t > .arrow::before { left: 0px; border-width: 0.5rem 0.5rem 0.5rem 0px; bor= der-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^=3D"right"] > .arrow::after, .bs-popover-right= > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0px; borde= r-right-color: rgb(255, 255, 255); } .bs-popover-auto[x-placement^=3D"bottom"], .bs-popover-bottom { margin-top:= 0.5rem; } .bs-popover-auto[x-placement^=3D"bottom"] > .arrow, .bs-popover-bottom > .a= rrow { top: calc(-0.5rem - 1px); } .bs-popover-auto[x-placement^=3D"bottom"] > .arrow::before, .bs-popover-bot= tom > .arrow::before { top: 0px; border-width: 0px 0.5rem 0.5rem; border-bo= ttom-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^=3D"bottom"] > .arrow::after, .bs-popover-bott= om > .arrow::after { top: 1px; border-width: 0px 0.5rem 0.5rem; border-bott= om-color: rgb(255, 255, 255); } .bs-popover-auto[x-placement^=3D"bottom"] .popover-header::before, .bs-popo= ver-bottom .popover-header::before { position: absolute; top: 0px; left: 50= %; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-b= ottom: 1px solid rgb(247, 247, 247); } .bs-popover-auto[x-placement^=3D"left"], .bs-popover-left { margin-right: 0= .5rem; } .bs-popover-auto[x-placement^=3D"left"] > .arrow, .bs-popover-left > .arrow= { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem = 0px; } .bs-popover-auto[x-placement^=3D"left"] > .arrow::before, .bs-popover-left = > .arrow::before { right: 0px; border-width: 0.5rem 0px 0.5rem 0.5rem; bord= er-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^=3D"left"] > .arrow::after, .bs-popover-left >= .arrow::after { right: 1px; border-width: 0.5rem 0px 0.5rem 0.5rem; border= -left-color: rgb(255, 255, 255); } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0px; font-size: 1= rem; background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235= , 235, 235); border-top-left-radius: calc(0.3rem - 1px); border-top-right-r= adius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: rgb(33, 37, 41); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100= %; margin-right: -100%; backface-visibility: hidden; transition: transform = 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none 0s ease 0s; } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: = block; } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {= transform: translateX(100%); } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {= transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; t= ransform: none; } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .caro= usel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { = z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-= item-right { z-index: 0; opacity: 0; transition: opacity 0s ease 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carouse= l-item-right { transition: none 0s ease 0s; } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0= px; bottom: 0px; z-index: 1; display: flex; -webkit-box-align: center; alig= n-items: center; -webkit-box-pack: center; justify-content: center; width: = 15%; color: rgb(255, 255, 255); text-align: center; opacity: 0.5; transitio= n: opacity 0.15s ease 0s; } @media (prefers-reduced-motion: reduce) { .carousel-control-next, .carousel-control-prev { transition: none 0s ease= 0s; } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-contr= ol-prev:focus, .carousel-control-prev:hover { color: rgb(255, 255, 255); te= xt-decoration: none; outline: 0px; opacity: 0.9; } .carousel-control-prev { left: 0px; } .carousel-control-next { right: 0px; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-= block; width: 20px; height: 20px; background: 50% center / 100% 100% no-rep= eat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;cha= rset=3Dutf-8,%3Csvg xmlns=3D'http://www.w3.org/2000/svg' fill=3D'%23fff' wi= dth=3D'8' height=3D'8'%3E%3Cpath d=3D'M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2= .5L5.25 0z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;cha= rset=3Dutf-8,%3Csvg xmlns=3D'http://www.w3.org/2000/svg' fill=3D'%23fff' wi= dth=3D'8' height=3D'8'%3E%3Cpath d=3D'M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75= 8l4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0px; bottom: 0px; left: 0= px; z-index: 15; display: flex; -webkit-box-pack: center; justify-content: = center; padding-left: 0px; margin-right: 15%; margin-left: 15%; list-style:= none; } .carousel-indicators li { box-sizing: content-box; -webkit-box-flex: 0; fle= x: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px;= text-indent: -999px; cursor: pointer; background-color: rgb(255, 255, 255)= ; background-clip: padding-box; border-top: 10px solid transparent; border-= bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease= 0s; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none 0s ease 0s; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%= ; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255= , 255); text-align: center; } @-webkit-keyframes spinner-border {=20 100% { transform: rotate(1turn); } } @keyframes spinner-border {=20 100% { transform: rotate(1turn); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertica= l-align: text-bottom; border-width: 0.25em; border-style: solid; border-top= -color: initial; border-bottom-color: initial; border-left-color: initial; = border-image: initial; border-right-color: transparent; border-radius: 50%;= animation: 0.75s linear 0s infinite normal none running spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow {=20 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @keyframes spinner-grow {=20 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-= align: text-bottom; background-color: currentcolor; border-radius: 50%; opa= city: 0; animation: 0.75s linear 0s infinite normal none running spinner-gr= ow; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: rgb(0, 123, 255) !important; } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-= primary:hover { background-color: rgb(0, 98, 204) !important; } .bg-secondary { background-color: rgb(108, 117, 125) !important; } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, butt= on.bg-secondary:hover { background-color: rgb(84, 91, 98) !important; } .bg-success { background-color: rgb(40, 167, 69) !important; } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-= success:hover { background-color: rgb(30, 126, 52) !important; } .bg-info { background-color: rgb(23, 162, 184) !important; } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hove= r { background-color: rgb(17, 122, 139) !important; } .bg-warning { background-color: rgb(255, 193, 7) !important; } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-= warning:hover { background-color: rgb(211, 158, 0) !important; } .bg-danger { background-color: rgb(220, 53, 69) !important; } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-dan= ger:hover { background-color: rgb(189, 33, 48) !important; } .bg-light { background-color: rgb(248, 249, 250) !important; } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:= hover { background-color: rgb(218, 224, 229) !important; } .bg-dark { background-color: rgb(52, 58, 64) !important; } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hove= r { background-color: rgb(29, 33, 36) !important; } .bg-white { background-color: rgb(255, 255, 255) !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid rgb(222, 226, 230) !important; } .border-top { border-top: 1px solid rgb(222, 226, 230) !important; } .border-right { border-right: 1px solid rgb(222, 226, 230) !important; } .border-bottom { border-bottom: 1px solid rgb(222, 226, 230) !important; } .border-left { border-left: 1px solid rgb(222, 226, 230) !important; } .border-0 { border: 0px !important; } .border-top-0 { border-top: 0px !important; } .border-right-0 { border-right: 0px !important; } .border-bottom-0 { border-bottom: 0px !important; } .border-left-0 { border-left: 0px !important; } .border-primary { border-color: rgb(0, 123, 255) !important; } .border-secondary { border-color: rgb(108, 117, 125) !important; } .border-success { border-color: rgb(40, 167, 69) !important; } .border-info { border-color: rgb(23, 162, 184) !important; } .border-warning { border-color: rgb(255, 193, 7) !important; } .border-danger { border-color: rgb(220, 53, 69) !important; } .border-light { border-color: rgb(248, 249, 250) !important; } .border-dark { border-color: rgb(52, 58, 64) !important; } .border-white { border-color: rgb(255, 255, 255) !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; } .rounded-right, .rounded-top { border-top-right-radius: 0.25rem !important;= } .rounded-bottom, .rounded-right { border-bottom-right-radius: 0.25rem !impo= rtant; } .rounded-bottom, .rounded-left { border-bottom-left-radius: 0.25rem !import= ant; } .rounded-left { border-top-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0px !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; paddin= g: 0px; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-r= esponsive iframe, .embed-responsive object, .embed-responsive video { posit= ion: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%;= border: 0px; } .embed-responsive-21by9::before { padding-top: 42.8571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; flex-direction: row = !important; } .flex-column, .flex-row { -webkit-box-direction: normal !important; } .flex-column { -webkit-box-orient: vertical !important; flex-direction: col= umn !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; flex-directi= on: row-reverse !important; } .flex-column-reverse, .flex-row-reverse { -webkit-box-direction: reverse !i= mportant; } .flex-column-reverse { -webkit-box-orient: vertical !important; flex-direct= ion: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; justify-conten= t: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; justify-content: f= lex-end !important; } .justify-content-center { -webkit-box-pack: center !important; justify-cont= ent: center !important; } .justify-content-between { -webkit-box-pack: justify !important; justify-co= ntent: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; align-items: flex= -start !important; } .align-items-end { -webkit-box-align: end !important; align-items: flex-end= !important; } .align-items-center { -webkit-box-align: center !important; align-items: ce= nter !important; } .align-items-baseline { -webkit-box-align: baseline !important; align-items= : baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; align-items: = stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; flex-direction:= row !important; } .flex-sm-column, .flex-sm-row { -webkit-box-direction: normal !important;= } .flex-sm-column { -webkit-box-orient: vertical !important; flex-direction= : column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit= -box-direction: reverse !important; flex-direction: row-reverse !important;= } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webki= t-box-direction: reverse !important; flex-direction: column-reverse !import= ant; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important= ; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important= ; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important= ; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; justify-c= ontent: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; justify-conte= nt: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; justify= -content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; justi= fy-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; align-items:= flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; align-items: fle= x-end !important; } .align-items-sm-center { -webkit-box-align: center !important; align-item= s: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; align-= items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; align-it= ems: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; flex-direction:= row !important; } .flex-md-column, .flex-md-row { -webkit-box-direction: normal !important;= } .flex-md-column { -webkit-box-orient: vertical !important; flex-direction= : column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit= -box-direction: reverse !important; flex-direction: row-reverse !important;= } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webki= t-box-direction: reverse !important; flex-direction: column-reverse !import= ant; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important= ; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important= ; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important= ; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; justify-c= ontent: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; justify-conte= nt: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; justify= -content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; justi= fy-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; align-items:= flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; align-items: fle= x-end !important; } .align-items-md-center { -webkit-box-align: center !important; align-item= s: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; align-= items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; align-it= ems: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; flex-direction:= row !important; } .flex-lg-column, .flex-lg-row { -webkit-box-direction: normal !important;= } .flex-lg-column { -webkit-box-orient: vertical !important; flex-direction= : column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit= -box-direction: reverse !important; flex-direction: row-reverse !important;= } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webki= t-box-direction: reverse !important; flex-direction: column-reverse !import= ant; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important= ; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important= ; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important= ; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; justify-c= ontent: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; justify-conte= nt: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; justify= -content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; justi= fy-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; align-items:= flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; align-items: fle= x-end !important; } .align-items-lg-center { -webkit-box-align: center !important; align-item= s: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; align-= items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; align-it= ems: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; flex-direction:= row !important; } .flex-xl-column, .flex-xl-row { -webkit-box-direction: normal !important;= } .flex-xl-column { -webkit-box-orient: vertical !important; flex-direction= : column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit= -box-direction: reverse !important; flex-direction: row-reverse !important;= } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webki= t-box-direction: reverse !important; flex-direction: column-reverse !import= ant; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; flex: 1 1 auto !important= ; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; flex-grow: 0 !important= ; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; flex-grow: 1 !important= ; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; justify-c= ontent: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; justify-conte= nt: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; justify= -content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; justi= fy-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; align-items:= flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; align-items: fle= x-end !important; } .align-items-xl-center { -webkit-box-align: center !important; align-item= s: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; align-= items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; align-it= ems: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { top: 0px; } .fixed-bottom, .fixed-top { position: fixed; right: 0px; left: 0px; z-index= : 1030; } .fixed-bottom { bottom: 0px; } @supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: sticky; top: 0px; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margi= n: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: now= rap; border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; wid= th: auto; height: auto; overflow: visible; clip: auto; white-space: normal;= } .shadow-sm { box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !importa= nt; } .shadow { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; } .shadow-lg { box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0px !important; } .mt-0, .my-0 { margin-top: 0px !important; } .mr-0, .mx-0 { margin-right: 0px !important; } .mb-0, .my-0 { margin-bottom: 0px !important; } .ml-0, .mx-0 { margin-left: 0px !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0px !important; } .pt-0, .py-0 { padding-top: 0px !important; } .pr-0, .px-0 { padding-right: 0px !important; } .pb-0, .py-0 { padding-bottom: 0px !important; } .pl-0, .px-0 { padding-left: 0px !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0px !important; } .mt-sm-0, .my-sm-0 { margin-top: 0px !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0px !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0px !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0px !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0px !important; } .pt-sm-0, .py-sm-0 { padding-top: 0px !important; } .pr-sm-0, .px-sm-0 { padding-right: 0px !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0px !important; } .pl-sm-0, .px-sm-0 { padding-left: 0px !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0px !important; } .mt-md-0, .my-md-0 { margin-top: 0px !important; } .mr-md-0, .mx-md-0 { margin-right: 0px !important; } .mb-md-0, .my-md-0 { margin-bottom: 0px !important; } .ml-md-0, .mx-md-0 { margin-left: 0px !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0px !important; } .pt-md-0, .py-md-0 { padding-top: 0px !important; } .pr-md-0, .px-md-0 { padding-right: 0px !important; } .pb-md-0, .py-md-0 { padding-bottom: 0px !important; } .pl-md-0, .px-md-0 { padding-left: 0px !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0px !important; } .mt-lg-0, .my-lg-0 { margin-top: 0px !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0px !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0px !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0px !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0px !important; } .pt-lg-0, .py-lg-0 { padding-top: 0px !important; } .pr-lg-0, .px-lg-0 { padding-right: 0px !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0px !important; } .pl-lg-0, .px-lg-0 { padding-left: 0px !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0px !important; } .mt-xl-0, .my-xl-0 { margin-top: 0px !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0px !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0px !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0px !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0px !important; } .pt-xl-0, .py-xl-0 { padding-top: 0px !important; } .pr-xl-0, .px-xl-0 { padding-right: 0px !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0px !important; } .pl-xl-0, .px-xl-0 { padding-left: 0px !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; inset: 0px; z-index: 1; pointe= r-events: auto; content: ""; background-color: transparent; } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Li= beration Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: no= wrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: rgb(255, 255, 255) !important; } .text-primary { color: rgb(0, 123, 255) !important; } a.text-primary:focus, a.text-primary:hover { color: rgb(0, 86, 179) !import= ant; } .text-secondary { color: rgb(108, 117, 125) !important; } a.text-secondary:focus, a.text-secondary:hover { color: rgb(73, 79, 84) !im= portant; } .text-success { color: rgb(40, 167, 69) !important; } a.text-success:focus, a.text-success:hover { color: rgb(25, 105, 44) !impor= tant; } .text-info { color: rgb(23, 162, 184) !important; } a.text-info:focus, a.text-info:hover { color: rgb(15, 102, 116) !important;= } .text-warning { color: rgb(255, 193, 7) !important; } a.text-warning:focus, a.text-warning:hover { color: rgb(186, 139, 0) !impor= tant; } .text-danger { color: rgb(220, 53, 69) !important; } a.text-danger:focus, a.text-danger:hover { color: rgb(167, 29, 42) !importa= nt; } .text-light { color: rgb(248, 249, 250) !important; } a.text-light:focus, a.text-light:hover { color: rgb(203, 211, 218) !importa= nt; } .text-dark { color: rgb(52, 58, 64) !important; } a.text-dark:focus, a.text-dark:hover { color: rgb(18, 20, 22) !important; } .text-body { color: rgb(33, 37, 41) !important; } .text-muted { color: rgb(108, 117, 125) !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0px / 0 a; color: transparent; text-shadow: none; backgr= ound-color: transparent; border: 0px; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word = !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !im= portant; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } blockquote, pre { border: 1px solid rgb(173, 181, 189); break-inside: avo= id; } thead { display: table-header-group; } img, tr { break-inside: avoid; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { break-after: avoid; } @page { size: a3; } .container, body { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid rgb(0, 0, 0); } .table { border-collapse: collapse !important; } .table td, .table th { background-color: rgb(255, 255, 255) !important; } .table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, = 230) !important; } .table-dark { color: inherit; } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark th= ead th { border-color: rgb(222, 226, 230); } .table .thead-dark th { color: inherit; border-color: rgb(222, 226, 230);= } } .choose-course__container .choose-course { position: relative; font-family:= "PT Mono"; font-size: 18px; line-height: 23px; color: rgb(91, 255, 218); b= order: none; background-color: transparent; cursor: pointer; } @media (max-width: 767px) { .choose-course__container .choose-course { display: none; } } .choose-course__container .choose-course > span { position: relative; top: = 0px; left: 0px; } .choose-course__container .choose-course i { font-family: "Font Awesome 5 F= ree"; font-size: 20px; margin-right: 5px; transform: translateY(2px); } .choose-course__container .choose-course__wrapper { position: absolute; top= : calc(100% + 22px); left: 0px; display: none; width: auto; height: auto; p= adding: 30px 5px; background-color: rgb(39, 39, 41); z-index: 10; } @media (max-width: 991px) { .choose-course__container .choose-course__wrapper { padding: 20px 5px; } } .choose-course__container .choose-course__wrapper.choose-course__open { dis= play: block; } .choose-course__container .choose-course__wrapper ul { padding-left: 0px; } .choose-course__container .choose-course__wrapper ul li { text-align: cente= r; list-style: none; } .choose-course__container .choose-course__wrapper ul li:not(:last-child) { = margin-bottom: 15px; } .choose-course__container .choose-course__wrapper ul a { display: inline-bl= ock; font-family: "Helvetica Neue", sans-serif; font-size: 14px; line-heigh= t: 16px; color: rgb(135, 139, 156); text-align: center; } .choose-course__container .choose-course__wrapper ul a.active, .choose-cour= se__container .choose-course__wrapper ul a:hover { color: rgb(255, 255, 255= ); } @media (max-width: 767px) { .top-menu .choose-course__container { display: none; } } .menu { padding-top: 12px; padding-bottom: 12px; background: rgb(39, 39, 41= ); position: fixed; top: 0px; width: 100%; min-height: 43px; z-index: 11; h= eight: auto; } @media (max-width: 767px) { .menu { padding-top: 10px; padding-bottom: 10px; } } .menu.open { background-color: rgb(39, 39, 41); } .menu.open .menu-opener span { background-color: rgba(255, 255, 255, 0); bo= rder-radius: 4px; } .menu.open .menu-opener span::before { transform: rotate(45deg); top: 0px; = } .menu.open .menu-opener span::after { transform: rotate(-45deg); bottom: 0p= x; } .menu.open .menus { display: block !important; } .menu .theme-changer { border-radius: 4px; display: flex; -webkit-box-align= : center; align-items: center; -webkit-box-pack: center; justify-content: c= enter; padding: 8px 6px; margin-right: 4px; cursor: pointer; } @media (min-width: 460px) { .menu .theme-changer { margin-right: 16px; } } @media (min-width: 990px) { .menu .theme-changer { margin-right: 0px; margin-left: 16px; -webkit-box-= ordinal-group: 2; order: 1; } } .menu .theme-changer.active .theme-changer__switch_drag { transform: transl= ate(2px, 2px); } .menu .theme-changer__svg { width: 16px; height: 16px; } .menu .theme-changer__switch { width: 44px; height: 18px; border-radius: 20= px; background-color: rgb(76, 76, 76); margin: 0px 8px; } .menu .theme-changer__switch_drag { width: 14px; height: 14px; border-radiu= s: 50%; background-color: rgb(172, 172, 172); transition: transform 0.2s ea= se 0s, -webkit-transform 0.2s ease 0s; transform: translate(27px, 2px); } .menu .logo-s { display: inline-block; } @media (max-width: 767px) { .menu .logo-s .logo__img { width: 140px; } } @media (max-width: 576px) { .menu .logo-s .logo__img { width: 100px; } } .menu-wrap, .menu-wrap__t { margin-left: auto; position: relative; } .menu-wrap__t { font-family: Arial, sans-serif; font-size: 14px; line-heigh= t: 16px; color: rgb(255, 255, 255); text-align: center; background-color: t= ransparent; border: none; padding: 0px; cursor: pointer; } @media (max-width: 767px) { .menu-wrap__t { margin-top: 0px; width: 20px; } } .menu-wrap__t:hover { color: rgb(91, 255, 218); } .menu-wrap__t > span { position: relative; top: 0px; left: 0px; display: fl= ex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flo= w: row nowrap; -webkit-box-pack: end; justify-content: flex-end; -webkit-bo= x-align: center; align-items: center; white-space: nowrap; text-overflow: e= llipsis; } .menu-wrap__t > span img { margin-bottom: 2px; width: 20px; } .menu-wrap__t .btn-n { display: block; white-space: nowrap; text-overflow: = ellipsis; height: 1em; line-height: 1em; overflow: hidden; max-width: 150px= ; font-size: 12px; } @media (max-width: 1200px) { .menu-wrap__t .btn-n { max-width: 130px; font-size: 11px; } } @media (max-width: 991px) { .menu-wrap__t .btn-n { max-width: 48px; font-size: 10px; } } @media (max-width: 767px) { .menu-wrap__t .btn-n { display: none; } } .img { margin-left: 17px; } @media (max-width: 767px) { .img { margin-left: 0px; } } .menu-opener { display: none; cursor: pointer; position: relative; width: 2= 4px; height: 16px; color: rgb(255, 255, 255); padding: 0px; border: none; b= ackground-color: transparent; } .menu-opener span { top: 50%; transition: background-color 0.3s ease 0s; tr= ansform: translateY(-50%); } .menu-opener span, .menu-opener span::after, .menu-opener span::before { wi= dth: 100%; height: 2px; background-color: rgb(255, 255, 255); position: abs= olute; left: 0px; border-radius: 4px; } .menu-opener span::after, .menu-opener span::before { display: block; conte= nt: ""; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;= } .menu-opener span::before { top: -6px; } .menu-opener span::after { bottom: -6px; } .menus { position: fixed; top: 43px; left: 0px; display: none; width: 100%;= height: 100vh; background-color: rgb(39, 39, 41); visibility: hidden; } @media (max-width: 767px) { .menus { visibility: visible; } } .menus > div { height: 100%; padding: 0px; } .menus .choose-course__wrapper { top: 100%; } .choose-course__container { position: relative; display: inline-block; } .menus__wrap { position: relative; width: 100%; height: 100%; padding: 20px= 25px; overflow-y: auto; } .menus__wrap .choose-course__container { margin-bottom: 30px; } .menus__wrap .choose-course__container .choose-course { z-index: 10; displa= y: block !important; } .menus__wrap .navigation { font-size: 100%; padding: 0px 0px 80px; display:= block !important; } .menus__wrap .navigation .group-btn a { margin-bottom: 20px; } .menus__wrap .navigation .list { margin: 30px 0px; } .menus__wrap .navigation .list a:not(:last-child) { margin-bottom: 25px; } .menus__wrap .navigation .list.menu__themes-list { margin-top: 25px; margin= -bottom: 0px; } .menus__wrap .navigation .sections-course__list .list { margin-bottom: 0px;= } .menus__link { font-family: "PT Mono"; line-height: normal; text-align: cen= ter; color: rgb(255, 255, 255); display: flex; -webkit-box-align: center; a= lign-items: center; font-size: 17px; margin-bottom: 20px; -webkit-box-pack:= start; justify-content: flex-start; } .menus__link-lk { display: block; margin-left: 0px; margin-top: 0px; paddin= g-left: 0px; } .menus__link:active, .menus__link:hover { color: rgb(91, 255, 218); } .mn { margin-right: auto; display: none; } .sett-wrap { position: absolute; top: calc(100% + 11px); right: 0px; width:= 100%; min-width: 114px; text-align: center; background-color: rgb(39, 39, = 41); padding: 30px 5px; z-index: 10; } @media (max-width: 991px) { .sett-wrap { padding: 20px 5px; } } .sett-wrap .sett-wrap__item { text-align: center; list-style: none; } .sett-wrap .sett-wrap__item:not(:last-child) { margin-bottom: 15px; } .sett-wrap .sett-wrap__item .sett-wrap__link { display: inline-block; font-= family: "Helvetica Neue", sans-serif; font-size: 14px; line-height: 16px; c= olor: rgb(135, 139, 156); text-align: center; } .sett-wrap .sett-wrap__item .sett-wrap__link.active, .sett-wrap .sett-wrap_= _item .sett-wrap__link:hover { color: rgb(255, 255, 255); } .footer { padding: 40px 90px; background: rgb(23, 23, 25); height: auto; ov= erflow: hidden; } @media (max-width: 1200px) { .footer { padding: 40px 10px; } } @media (max-width: 991px) { .footer { padding: 40px 10px 70px; } } @media (max-width: 767px) { .footer { padding: 30px 5px 70px; } } .footer-info__t { font-family: "PT Mono", serif; font-style: normal; font-w= eight: 400; line-height: 21px; font-size: 12px; max-width: 490px; width: 10= 0%; color: rgb(113, 113, 113); display: block; } .footer-info__t .unbreakable { white-space: nowrap; } @media (max-width: 767px) { .footer-info__t { font-size: 9px; line-height: 16px; padding-right: 27vw;= max-width: none; } } .footer-link { display: block; font-family: "PT Mono", sans-serif; font-sty= le: normal; font-weight: 400; line-height: 21px; font-size: 12px; color: rg= b(113, 113, 113); } @media (max-width: 767px) { .footer-link { font-size: 9px; line-height: 16px; } } body.light-theme .footer-link { color: rgb(113, 113, 113); } .footer-link:hover { color: rgb(91, 255, 218); } @media (max-width: 767px) { .footer-l { padding-left: 45%; } } .btn-action { position: relative; display: block; max-width: 290px; color: = rgb(255, 255, 255); text-align: center; border-radius: 2px; background: rgb= (255, 72, 190); } .btn-action:hover { color: rgb(255, 255, 255); background: rgb(237, 36, 165= ); } .btn-action span { position: relative; display: inline-block; width: 100%; = height: 50px; font-family: "Helvetica Neue", sans-serif; font-size: 1.14em;= line-height: 50px; text-align: center; padding: 0px; } .btn-action.no-bg { color: rgb(255, 255, 255); background-color: transparen= t; border: 2px solid rgb(255, 72, 190); } .btn-action.no-bg:hover { color: rgb(255, 255, 255); background-color: rgb(= 255, 72, 190); } .btn-action.no-bg.btn-pay { color: rgb(91, 255, 218); border-color: rgb(91,= 255, 218); } body.light-theme .btn-action.no-bg.btn-pay { border-color: transparent; } .btn-action.no-bg.btn-pay:hover { color: rgb(39, 39, 41); background-color:= rgb(91, 255, 218); } body.light-theme .btn-action.no-bg.btn-pay:hover { border-color: transparen= t; } .navigation { position: relative; font-size: 100%; background-color: rgb(39= , 39, 41); border-radius: 4px; padding: 1.43em 1.29em 2.86em; } @media (max-width: 1200px) { .navigation { font-size: 88%; } } @media (max-width: 767px) { .navigation { display: none; } } .navigation h2 { position: relative; font-family: "PT Mono"; font-size: 1.2= 9em; line-height: 1.1em; color: rgb(91, 255, 218); margin-bottom: 2.2em; } .navigation .btn-action { width: 100%; max-width: none; } .navigation .group-btn { position: relative; width: 100%; margin-bottom: 1e= m; } .navigation .group-btn a { margin-bottom: 1em; } .navigation .list { position: relative; width: 100%; text-align: left; marg= in: 2em 0px; } .navigation .list__item { display: block; width: 100%; font-family: "Helvet= ica Neue", sans-serif; font-size: 1.14em; line-height: 1.1875em; color: rgb= (135, 139, 156); text-align: left; } .navigation .list__item:not(:last-child) { margin-bottom: 1em; } .navigation .list__item:hover { color: rgb(255, 255, 255); } .navigation .course-info { font-size: 1.14em; line-height: 1.1875em; color:= rgb(91, 255, 218); margin: 1em 0px; } .social-connect { position: relative; background-color: rgb(24, 24, 26); bo= rder-top: 1px solid rgba(135, 139, 156, 0.5); padding: 30px 0px; } body.light-theme .social-connect { background-color: rgb(239, 241, 249); bo= rder-top: 1px solid rgb(219, 220, 225); } @media (max-width: 767px) { .social-connect { padding: 20px 0px 30px; } } .social-connect h2 { position: relative; font-family: "PT Mono"; font-size:= 28px; line-height: 31px; color: rgb(91, 255, 218); margin-bottom: 20px; } body.light-theme .social-connect h2 { color: rgb(26, 26, 26); } @media (max-width: 767px) { .social-connect h2 { font-size: 18px; line-height: 20px; } } .social-connect .block-icons { position: relative; } .social-connect .block-icons a { display: inline-block; } .social-connect .block-icons a:not(:last-child) { margin-right: 30px; } .social-connect .block-icons a svg { width: 42px; height: 42px; } body.light-theme .social-connect .block-icons a svg .svg-background { fill:= rgb(8, 22, 107); } .popup-canvas { position: fixed; left: 0px; top: 0px; display: flex; flex-f= low: row nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: nor= mal; -webkit-box-pack: center; justify-content: center; -webkit-box-align: = center; align-items: center; width: 100%; height: 100%; font-size: 16px; pa= dding: 50px 0px; overflow: hidden auto; z-index: 99999; } .popup-canvas#tinkoffFullPayment .popup-over_full-payment-popup { width: 45= 0px; } @media (max-width: 550px) { .popup-canvas#tinkoffFullPayment .popup-over_full-payment-popup .popup-ov= er__btn-close { top: 5px; right: 3px; } } .popup-canvas#take-survey-popup { height: auto; z-index: 1; } .popup-canvas .popup-under { position: fixed; left: 0px; top: 0px; width: 1= 00%; height: 100%; } @media (max-width: 767px) { .popup-canvas .popup-under { cursor: pointer; } } .popup-canvas .popup-over { position: relative; text-align: center; transfo= rm: translateZ(0px); } .popup-canvas .popup-over__btn-close { position: absolute; top: 0px; right:= -33px; display: block; width: 28px; height: 28px; text-align: center; curs= or: pointer; z-index: 10; } @media (max-width: 360px) { .popup-canvas .popup-over__btn-close { top: 5px; right: 3px; } } .popup-canvas .popup-over__btn-close::after, .popup-canvas .popup-over__btn= -close::before { content: ""; position: absolute; top: 0px; left: 14px; dis= play: block; width: 2px; height: 26px; background-color: rgb(255, 255, 255)= ; } .popup-canvas .popup-over__btn-close::before { transform: rotate(-45deg); } .popup-canvas .popup-over__btn-close::after { transform: rotate(45deg); } .popup-canvas .popup-over .popup-content { position: relative; width: 100%;= height: 100%; } body.light-theme .popup-canvas .popup-over .popup-content .vacancy-feedback= label { color: rgb(0, 0, 0); } .popup-canvas .popup-over .popup-content__header, .popup-canvas .popup-over= .popup-content__main { position: relative; width: 100%; } .popup-canvas .popup-over_feedback-popup { width: 340px; border-radius: 2px= ; background-color: rgb(39, 39, 41); } @media (max-width: 767px) { .popup-canvas .popup-over_feedback-popup { width: 300px; } } body.light-theme .popup-canvas .popup-over_feedback-popup { background-colo= r: rgb(255, 255, 255); } .popup-canvas .popup-over_feedback-popup .popup-content { padding: 40px 60p= x; height: auto; } @media (max-width: 767px) { .popup-canvas .popup-over_feedback-popup .popup-content { padding: 40px; = } } .popup-canvas .popup-over_feedback-popup .popup-content__header { font-fami= ly: "PT Mono"; font-size: 22px; line-height: 25px; color: rgb(91, 255, 218)= ; text-align: center; margin-bottom: 30px; } body.light-theme .popup-canvas .popup-over_feedback-popup .popup-content__h= eader { color: rgb(26, 26, 26); } .popup-canvas .popup-over_feedback-popup .popup-content__main_flex { displa= y: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; fle= x-flow: row nowrap; -webkit-box-pack: justify; justify-content: space-betwe= en; -webkit-box-align: stretch; align-items: stretch; } .popup-canvas .popup-over_feedback-popup .popup-content__main_flex .main__s= ocial { -webkit-box-flex: 0; flex: 0 0 auto; position: relative; width: 72p= x; } .popup-canvas .popup-over_feedback-popup .popup-content__main_flex .main__s= ocial img, .popup-canvas .popup-over_feedback-popup .popup-content__main_fl= ex .main__social svg { width: 42px; height: 42px; margin-bottom: 10px; } .popup-canvas .popup-over_feedback-popup .popup-content__main_flex .main__s= ocial p { font-family: "Helvetica Neue", sans-serif; font-size: 16px; line-= height: 19px; color: rgb(255, 255, 255); } body.light-theme .popup-canvas .popup-over_feedback-popup .popup-content__m= ain_flex .main__social p { color: rgb(14, 95, 206); } .popup-canvas .popup-over_feedback-popup .popup-content__main_flex .main__s= ocial a { position: absolute; top: 0px; left: 0px; display: block; width: 1= 00%; height: 100%; } .popup-canvas .popup-over_feedback-popup .popup-content__main_flex .main__l= ine { -webkit-box-flex: 0; flex: 0 0 auto; position: relative; width: 1px; = background: rgba(135, 139, 156, 0.5); } .popup-canvas .popup-over_feedback-popup .popup-content_done { display: non= e; padding: 40px 35px 30px; text-align: center; } @media (max-width: 767px) { .popup-canvas .popup-over_feedback-popup .popup-content_done { padding: 4= 0px 15px 30px; } } .popup-canvas .popup-over_feedback-popup .popup-content_done .popup-content= __main img, .popup-canvas .popup-over_feedback-popup .popup-content_done .p= opup-content__main svg { width: 68px; height: 68px; margin: 0px auto; } .popup-canvas .popup-over_feedback-popup .popup-content_done .popup-content= __main p { font-family: "Helvetica Neue", sans-serif; font-size: 14px; line= -height: 22px; color: rgb(255, 255, 255); margin: 20px auto 30px; text-alig= n: center; } body.light-theme .popup-canvas .popup-over_feedback-popup .popup-content_do= ne .popup-content__main p { color: rgb(26, 26, 26); } .popup-canvas .popup-over_feedback-popup .popup-content_done .popup-content= __main button { font-family: "Helvetica Neue", sans-serif; font-size: 16px;= line-height: 20px; color: rgb(91, 255, 218); } body.light-theme .popup-canvas .popup-over_feedback-popup .popup-content_do= ne .popup-content__main button { font-weight: 700; color: rgb(14, 95, 206);= } .popup-canvas .popup-over_company-popup, .popup-canvas .popup-over_selectio= n-popup, .popup-canvas .popup-over_vacancy-feedback-popup { width: 500px; b= order-radius: 2px; background-color: rgb(39, 39, 41); } @media (max-width: 767px) { .popup-canvas .popup-over_company-popup, .popup-canvas .popup-over_select= ion-popup, .popup-canvas .popup-over_vacancy-feedback-popup { width: 300px;= } } body.light-theme .popup-canvas .popup-over_company-popup, body.light-theme = .popup-canvas .popup-over_selection-popup, body.light-theme .popup-canvas .= popup-over_vacancy-feedback-popup { background-color: rgb(255, 255, 255); } .popup-canvas .popup-over_company-popup .popup-content, .popup-canvas .popu= p-over_selection-popup .popup-content, .popup-canvas .popup-over_vacancy-fe= edback-popup .popup-content { padding: 8% 10%; } .popup-canvas .popup-over_company-popup .popup-content__header, .popup-canv= as .popup-over_selection-popup .popup-content__header, .popup-canvas .popup= -over_vacancy-feedback-popup .popup-content__header { font-family: "PT Mono= "; font-weight: 400; font-size: 22px; line-height: 25px; color: rgb(91, 255= , 218); text-align: center; margin-bottom: 10px; } body.light-theme .popup-canvas .popup-over_company-popup .popup-content__he= ader, body.light-theme .popup-canvas .popup-over_selection-popup .popup-con= tent__header, body.light-theme .popup-canvas .popup-over_vacancy-feedback-p= opup .popup-content__header { color: rgb(26, 26, 26); } .popup-canvas .popup-over_company-popup .popup-content__subtitle, .popup-ca= nvas .popup-over_selection-popup .popup-content__subtitle, .popup-canvas .p= opup-over_vacancy-feedback-popup .popup-content__subtitle { font-family: "H= elvetica Neue", sans-serif, Arial; font-weight: 400; font-size: 14px; line-= height: 17px; color: rgba(255, 255, 255, 0.5); text-align: center; margin-b= ottom: 40px; } body.light-theme .popup-canvas .popup-over_company-popup .popup-content__su= btitle, body.light-theme .popup-canvas .popup-over_selection-popup .popup-c= ontent__subtitle, body.light-theme .popup-canvas .popup-over_vacancy-feedba= ck-popup .popup-content__subtitle { color: rgba(0, 0, 0, 0.5); } .popup-canvas .popup-over_company-popup .popup-content .company_data, .popu= p-canvas .popup-over_company-popup .popup-content .selection_data, .popup-c= anvas .popup-over_selection-popup .popup-content .company_data, .popup-canv= as .popup-over_selection-popup .popup-content .selection_data, .popup-canva= s .popup-over_vacancy-feedback-popup .popup-content .company_data, .popup-c= anvas .popup-over_vacancy-feedback-popup .popup-content .selection_data { d= isplay: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; = flex-flow: column nowrap; -webkit-box-pack: justify; justify-content: space= -between; -webkit-box-align: stretch; align-items: stretch; font-family: Ar= ial, sans-serif; } .popup-canvas .popup-over_company-popup .popup-content .company_data label,= .popup-canvas .popup-over_company-popup .popup-content .selection_data lab= el, .popup-canvas .popup-over_selection-popup .popup-content .company_data = label, .popup-canvas .popup-over_selection-popup .popup-content .selection_= data label, .popup-canvas .popup-over_vacancy-feedback-popup .popup-content= .company_data label, .popup-canvas .popup-over_vacancy-feedback-popup .pop= up-content .selection_data label { width: max-content; margin: 0px 0px 10px= ; font-weight: 400; font-family: Arial, sans-serif; font-size: 12px; line-h= eight: 14px; text-align: left; color: rgb(135, 139, 156); } .popup-canvas .popup-over_company-popup .popup-content .company_data input,= .popup-canvas .popup-over_company-popup .popup-content .selection_data inp= ut, .popup-canvas .popup-over_selection-popup .popup-content .company_data = input, .popup-canvas .popup-over_selection-popup .popup-content .selection_= data input, .popup-canvas .popup-over_vacancy-feedback-popup .popup-content= .company_data input, .popup-canvas .popup-over_vacancy-feedback-popup .pop= up-content .selection_data input { display: block; width: 100%; font-family= : Arial, sans-serif; margin: 0px 0px 20px; border: 0.75px solid rgb(108, 10= 8, 114); height: 50px; background-color: rgb(39, 39, 41); padding: 17px 20p= x 16px; color: rgb(255, 255, 255); box-sizing: border-box; } .popup-canvas .popup-over_company-popup .popup-content .company_data input:= last-of-type, .popup-canvas .popup-over_company-popup .popup-content .selec= tion_data input:last-of-type, .popup-canvas .popup-over_selection-popup .po= pup-content .company_data input:last-of-type, .popup-canvas .popup-over_sel= ection-popup .popup-content .selection_data input:last-of-type, .popup-canv= as .popup-over_vacancy-feedback-popup .popup-content .company_data input:la= st-of-type, .popup-canvas .popup-over_vacancy-feedback-popup .popup-content= .selection_data input:last-of-type { margin-bottom: 30px; } .popup-canvas .popup-over_company-popup .popup-content .company_data input:= focus, .popup-canvas .popup-over_company-popup .popup-content .company_data= input:hover, .popup-canvas .popup-over_company-popup .popup-content .selec= tion_data input:focus, .popup-canvas .popup-over_company-popup .popup-conte= nt .selection_data input:hover, .popup-canvas .popup-over_selection-popup .= popup-content .company_data input:focus, .popup-canvas .popup-over_selectio= n-popup .popup-content .company_data input:hover, .popup-canvas .popup-over= _selection-popup .popup-content .selection_data input:focus, .popup-canvas = .popup-over_selection-popup .popup-content .selection_data input:hover, .po= pup-canvas .popup-over_vacancy-feedback-popup .popup-content .company_data = input:focus, .popup-canvas .popup-over_vacancy-feedback-popup .popup-conten= t .company_data input:hover, .popup-canvas .popup-over_vacancy-feedback-pop= up .popup-content .selection_data input:focus, .popup-canvas .popup-over_va= cancy-feedback-popup .popup-content .selection_data input:hover { border: 0= .75px solid rgb(91, 255, 218); } .popup-canvas .popup-over_company-popup .popup-content .company_data input:= :-webkit-input-placeholder, .popup-canvas .popup-over_company-popup .popup-= content .selection_data input::-webkit-input-placeholder, .popup-canvas .po= pup-over_selection-popup .popup-content .company_data input::-webkit-input-= placeholder, .popup-canvas .popup-over_selection-popup .popup-content .sele= ction_data input::-webkit-input-placeholder, .popup-canvas .popup-over_vaca= ncy-feedback-popup .popup-content .company_data input::-webkit-input-placeh= older, .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .sel= ection_data input::-webkit-input-placeholder { font-weight: 400; font-famil= y: Arial, sans-serif; font-size: 14px; line-height: 16px; color: rgb(135, 1= 39, 156); } .popup-canvas .popup-over_company-popup .popup-content .company_data input:= :placeholder, .popup-canvas .popup-over_company-popup .popup-content .selec= tion_data input::placeholder, .popup-canvas .popup-over_selection-popup .po= pup-content .company_data input::placeholder, .popup-canvas .popup-over_sel= ection-popup .popup-content .selection_data input::placeholder, .popup-canv= as .popup-over_vacancy-feedback-popup .popup-content .company_data input::p= laceholder, .popup-canvas .popup-over_vacancy-feedback-popup .popup-content= .selection_data input::placeholder { font-weight: 400; font-family: Arial,= sans-serif; font-size: 14px; line-height: 16px; color: rgb(135, 139, 156);= } body.light-theme .popup-canvas .popup-over_company-popup .popup-content .co= mpany_data input, body.light-theme .popup-canvas .popup-over_company-popup = .popup-content .selection_data input, body.light-theme .popup-canvas .popup= -over_selection-popup .popup-content .company_data input, body.light-theme = .popup-canvas .popup-over_selection-popup .popup-content .selection_data in= put, body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .pop= up-content .company_data input, body.light-theme .popup-canvas .popup-over_= vacancy-feedback-popup .popup-content .selection_data input { border: 1px s= olid rgb(219, 220, 225); background-color: rgb(255, 255, 255); color: rgb(2= 6, 26, 26); } body.light-theme .popup-canvas .popup-over_company-popup .popup-content .co= mpany_data input:focus, body.light-theme .popup-canvas .popup-over_company-= popup .popup-content .company_data input:hover, body.light-theme .popup-can= vas .popup-over_company-popup .popup-content .selection_data input:focus, b= ody.light-theme .popup-canvas .popup-over_company-popup .popup-content .sel= ection_data input:hover, body.light-theme .popup-canvas .popup-over_selecti= on-popup .popup-content .company_data input:focus, body.light-theme .popup-= canvas .popup-over_selection-popup .popup-content .company_data input:hover= , body.light-theme .popup-canvas .popup-over_selection-popup .popup-content= .selection_data input:focus, body.light-theme .popup-canvas .popup-over_se= lection-popup .popup-content .selection_data input:hover, body.light-theme = .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .company_da= ta input:focus, body.light-theme .popup-canvas .popup-over_vacancy-feedback= -popup .popup-content .company_data input:hover, body.light-theme .popup-ca= nvas .popup-over_vacancy-feedback-popup .popup-content .selection_data inpu= t:focus, body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup = .popup-content .selection_data input:hover { border: 1px solid rgb(14, 95, = 206); } .popup-canvas .popup-over_company-popup .popup-content .company_data .selec= tion_data__send_button, .popup-canvas .popup-over_company-popup .popup-cont= ent .company_data .send_company_data, .popup-canvas .popup-over_company-pop= up .popup-content .selection_data .selection_data__send_button, .popup-canv= as .popup-over_company-popup .popup-content .selection_data .send_company_d= ata, .popup-canvas .popup-over_selection-popup .popup-content .company_data= .selection_data__send_button, .popup-canvas .popup-over_selection-popup .p= opup-content .company_data .send_company_data, .popup-canvas .popup-over_se= lection-popup .popup-content .selection_data .selection_data__send_button, = .popup-canvas .popup-over_selection-popup .popup-content .selection_data .s= end_company_data, .popup-canvas .popup-over_vacancy-feedback-popup .popup-c= ontent .company_data .selection_data__send_button, .popup-canvas .popup-ove= r_vacancy-feedback-popup .popup-content .company_data .send_company_data, .= popup-canvas .popup-over_vacancy-feedback-popup .popup-content .selection_d= ata .selection_data__send_button, .popup-canvas .popup-over_vacancy-feedbac= k-popup .popup-content .selection_data .send_company_data { min-height: 50p= x; font-weight: 400; font-size: 16px; line-height: 18px; text-align: center= ; color: rgb(23, 23, 23); border: 0.75px solid rgb(205, 205, 205); backgrou= nd-color: rgb(91, 255, 218); } body.light-theme .popup-canvas .popup-over_company-popup .popup-content .co= mpany_data .selection_data__send_button, body.light-theme .popup-canvas .po= pup-over_company-popup .popup-content .company_data .send_company_data, bod= y.light-theme .popup-canvas .popup-over_company-popup .popup-content .selec= tion_data .selection_data__send_button, body.light-theme .popup-canvas .pop= up-over_company-popup .popup-content .selection_data .send_company_data, bo= dy.light-theme .popup-canvas .popup-over_selection-popup .popup-content .co= mpany_data .selection_data__send_button, body.light-theme .popup-canvas .po= pup-over_selection-popup .popup-content .company_data .send_company_data, b= ody.light-theme .popup-canvas .popup-over_selection-popup .popup-content .s= election_data .selection_data__send_button, body.light-theme .popup-canvas = .popup-over_selection-popup .popup-content .selection_data .send_company_da= ta, body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popu= p-content .company_data .selection_data__send_button, body.light-theme .pop= up-canvas .popup-over_vacancy-feedback-popup .popup-content .company_data .= send_company_data, body.light-theme .popup-canvas .popup-over_vacancy-feedb= ack-popup .popup-content .selection_data .selection_data__send_button, body= .light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-conten= t .selection_data .send_company_data { background-color: rgb(8, 22, 107); b= order: none; color: rgb(255, 255, 255); } .popup-canvas .popup-over_company-popup .popup-content .selection_data .sel= ection_data__subtitle, .popup-canvas .popup-over_selection-popup .popup-con= tent .selection_data .selection_data__subtitle, .popup-canvas .popup-over_v= acancy-feedback-popup .popup-content .selection_data .selection_data__subti= tle { font-family: "Helvetica Neue", sans-serif, Arial; font-weight: 400; f= ont-size: 14px; line-height: 17px; color: rgb(255, 255, 255); text-align: l= eft; margin-bottom: 15px; } body.light-theme .popup-canvas .popup-over_company-popup .popup-content .se= lection_data .selection_data__subtitle, body.light-theme .popup-canvas .pop= up-over_selection-popup .popup-content .selection_data .selection_data__sub= title, body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .p= opup-content .selection_data .selection_data__subtitle { color: rgb(26, 26,= 26); } .popup-canvas .popup-over_company-popup .popup-content .selection_data .sel= ection_data__text, .popup-canvas .popup-over_selection-popup .popup-content= .selection_data .selection_data__text, .popup-canvas .popup-over_vacancy-f= eedback-popup .popup-content .selection_data .selection_data__text { font-f= amily: "Helvetica Neue", sans-serif, Arial; font-weight: 400; font-size: 14= px; line-height: 17px; text-align: left; margin-bottom: 15px; text-overflow= : ellipsis; white-space: nowrap; overflow: hidden; padding: 0px 1rem; margi= n-left: 0px; color: rgb(255, 255, 255); border-left: 0.3rem solid rgb(220, = 230, 240); } body.light-theme .popup-canvas .popup-over_company-popup .popup-content .se= lection_data .selection_data__text, body.light-theme .popup-canvas .popup-o= ver_selection-popup .popup-content .selection_data .selection_data__text, b= ody.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-con= tent .selection_data .selection_data__text { border-left: 0.3rem solid rgb(= 26, 26, 26); color: rgb(26, 26, 26); } .popup-canvas .popup-over_company-popup .popup-content .selection_data labe= l, .popup-canvas .popup-over_selection-popup .popup-content .selection_data= label, .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .se= lection_data label { width: 100%; margin: 0px auto 5px; cursor: none; } .popup-canvas .popup-over_company-popup .popup-content .selection_data inpu= t, .popup-canvas .popup-over_selection-popup .popup-content .selection_data= input, .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .se= lection_data input { margin-top: 5px; min-height: 50px; font-size: 14px; } .popup-canvas .popup-over_company-popup .popup-content__error-feedback-vaca= ncy, .popup-canvas .popup-over_company-popup .popup-content_done, .popup-ca= nvas .popup-over_selection-popup .popup-content__error-feedback-vacancy, .p= opup-canvas .popup-over_selection-popup .popup-content_done, .popup-canvas = .popup-over_vacancy-feedback-popup .popup-content__error-feedback-vacancy, = .popup-canvas .popup-over_vacancy-feedback-popup .popup-content_done { disp= lay: block; padding: 40px 35px 30px; text-align: center; } @media (max-width: 767px) { .popup-canvas .popup-over_company-popup .popup-content__error-feedback-va= cancy, .popup-canvas .popup-over_company-popup .popup-content_done, .popup-= canvas .popup-over_selection-popup .popup-content__error-feedback-vacancy, = .popup-canvas .popup-over_selection-popup .popup-content_done, .popup-canva= s .popup-over_vacancy-feedback-popup .popup-content__error-feedback-vacancy= , .popup-canvas .popup-over_vacancy-feedback-popup .popup-content_done { pa= dding: 40px 15px 30px; } } .popup-canvas .popup-over_company-popup .popup-content__error-feedback-vaca= ncy .popup-content__main img, .popup-canvas .popup-over_company-popup .popu= p-content__error-feedback-vacancy .popup-content__main svg, .popup-canvas .= popup-over_company-popup .popup-content_done .popup-content__main img, .pop= up-canvas .popup-over_company-popup .popup-content_done .popup-content__mai= n svg, .popup-canvas .popup-over_selection-popup .popup-content__error-feed= back-vacancy .popup-content__main img, .popup-canvas .popup-over_selection-= popup .popup-content__error-feedback-vacancy .popup-content__main svg, .pop= up-canvas .popup-over_selection-popup .popup-content_done .popup-content__m= ain img, .popup-canvas .popup-over_selection-popup .popup-content_done .pop= up-content__main svg, .popup-canvas .popup-over_vacancy-feedback-popup .pop= up-content__error-feedback-vacancy .popup-content__main img, .popup-canvas = .popup-over_vacancy-feedback-popup .popup-content__error-feedback-vacancy .= popup-content__main svg, .popup-canvas .popup-over_vacancy-feedback-popup .= popup-content_done .popup-content__main img, .popup-canvas .popup-over_vaca= ncy-feedback-popup .popup-content_done .popup-content__main svg { width: 68= px; height: 68px; margin: 0px auto; } .popup-canvas .popup-over_company-popup .popup-content__error-feedback-vaca= ncy .popup-content__main p, .popup-canvas .popup-over_company-popup .popup-= content_done .popup-content__main p, .popup-canvas .popup-over_selection-po= pup .popup-content__error-feedback-vacancy .popup-content__main p, .popup-c= anvas .popup-over_selection-popup .popup-content_done .popup-content__main = p, .popup-canvas .popup-over_vacancy-feedback-popup .popup-content__error-f= eedback-vacancy .popup-content__main p, .popup-canvas .popup-over_vacancy-f= eedback-popup .popup-content_done .popup-content__main p { font-family: "He= lvetica Neue", sans-serif; font-size: 14px; line-height: 22px; color: rgb(2= 55, 255, 255); margin: 20px auto 30px; text-align: center; } body.light-theme .popup-canvas .popup-over_company-popup .popup-content__er= ror-feedback-vacancy .popup-content__main p, body.light-theme .popup-canvas= .popup-over_company-popup .popup-content_done .popup-content__main p, body= .light-theme .popup-canvas .popup-over_selection-popup .popup-content__erro= r-feedback-vacancy .popup-content__main p, body.light-theme .popup-canvas .= popup-over_selection-popup .popup-content_done .popup-content__main p, body= .light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-conten= t__error-feedback-vacancy .popup-content__main p, body.light-theme .popup-c= anvas .popup-over_vacancy-feedback-popup .popup-content_done .popup-content= __main p { color: rgb(26, 26, 26); } .popup-canvas .popup-over_company-popup .popup-content__error-feedback-vaca= ncy .popup-content__main button, .popup-canvas .popup-over_company-popup .p= opup-content_done .popup-content__main button, .popup-canvas .popup-over_se= lection-popup .popup-content__error-feedback-vacancy .popup-content__main b= utton, .popup-canvas .popup-over_selection-popup .popup-content_done .popup= -content__main button, .popup-canvas .popup-over_vacancy-feedback-popup .po= pup-content__error-feedback-vacancy .popup-content__main button, .popup-can= vas .popup-over_vacancy-feedback-popup .popup-content_done .popup-content__= main button { font-family: "Helvetica Neue", sans-serif; font-size: 16px; l= ine-height: 20px; color: rgb(91, 255, 218); } body.light-theme .popup-canvas .popup-over_company-popup .popup-content__er= ror-feedback-vacancy .popup-content__main button, body.light-theme .popup-c= anvas .popup-over_company-popup .popup-content_done .popup-content__main bu= tton, body.light-theme .popup-canvas .popup-over_selection-popup .popup-con= tent__error-feedback-vacancy .popup-content__main button, body.light-theme = .popup-canvas .popup-over_selection-popup .popup-content_done .popup-conten= t__main button, body.light-theme .popup-canvas .popup-over_vacancy-feedback= -popup .popup-content__error-feedback-vacancy .popup-content__main button, = body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-co= ntent_done .popup-content__main button { font-weight: 700; color: rgb(14, 9= 5, 206); } .popup-canvas .popup-over_company-popup .popup-content__preloader-feedback-= vacancy, .popup-canvas .popup-over_selection-popup .popup-content__preloade= r-feedback-vacancy, .popup-canvas .popup-over_vacancy-feedback-popup .popup= -content__preloader-feedback-vacancy { position: absolute; top: 0px; backgr= ound-color: rgba(0, 0, 0, 0.6); } .popup-canvas .popup-over_company-popup .popup-content__preloader-feedback-= vacancy .popup-content__main, .popup-canvas .popup-over_selection-popup .po= pup-content__preloader-feedback-vacancy .popup-content__main, .popup-canvas= .popup-over_vacancy-feedback-popup .popup-content__preloader-feedback-vaca= ncy .popup-content__main { top: calc(50% - 60px); } .popup-canvas .popup-over_company-popup .popup-content__preloader-feedback-= vacancy .popup-content__main svg, .popup-canvas .popup-over_selection-popup= .popup-content__preloader-feedback-vacancy .popup-content__main svg, .popu= p-canvas .popup-over_vacancy-feedback-popup .popup-content__preloader-feedb= ack-vacancy .popup-content__main svg { width: 68px; height: auto; } body.light-theme .popup-canvas .popup-over_company-popup .popup-content__pr= eloader-feedback-vacancy .popup-content__main svg path, body.light-theme .p= opup-canvas .popup-over_selection-popup .popup-content__preloader-feedback-= vacancy .popup-content__main svg path, body.light-theme .popup-canvas .popu= p-over_vacancy-feedback-popup .popup-content__preloader-feedback-vacancy .p= opup-content__main svg path { stroke: rgb(14, 95, 206); } .popup-canvas .popup-over_company-popup .popup-content__preloader-feedback-= vacancy .popup-content__main p, .popup-canvas .popup-over_selection-popup .= popup-content__preloader-feedback-vacancy .popup-content__main p, .popup-ca= nvas .popup-over_vacancy-feedback-popup .popup-content__preloader-feedback-= vacancy .popup-content__main p { font-family: "Helvetica Neue", Arial, sans= -serif; font-weight: 400; font-size: 14px; line-height: 22px; color: rgb(25= 5, 255, 255); margin-top: 30px; margin-bottom: 0px; } body.light-theme .popup-canvas .popup-over_company-popup .popup-content__pr= eloader-feedback-vacancy .popup-content__main p, body.light-theme .popup-ca= nvas .popup-over_selection-popup .popup-content__preloader-feedback-vacancy= .popup-content__main p, body.light-theme .popup-canvas .popup-over_vacancy= -feedback-popup .popup-content__preloader-feedback-vacancy .popup-content__= main p { color: rgb(0, 0, 0); } .popup-canvas .popup-over_company-popup .popup-content__videos-preloader, .= popup-canvas .popup-over_selection-popup .popup-content__videos-preloader, = .popup-canvas .popup-over_vacancy-feedback-popup .popup-content__videos-pre= loader { position: absolute; top: 0px; } .popup-canvas .popup-over_company-popup .popup-content__videos-preloader .p= opup-content__main, .popup-canvas .popup-over_selection-popup .popup-conten= t__videos-preloader .popup-content__main, .popup-canvas .popup-over_vacancy= -feedback-popup .popup-content__videos-preloader .popup-content__main { top= : calc(50% - 60px); } .popup-canvas .popup-over_company-popup .popup-content__videos-preloader .p= opup-content__main svg, .popup-canvas .popup-over_selection-popup .popup-co= ntent__videos-preloader .popup-content__main svg, .popup-canvas .popup-over= _vacancy-feedback-popup .popup-content__videos-preloader .popup-content__ma= in svg { width: 68px; height: auto; } body.light-theme .popup-canvas .popup-over_company-popup .popup-content__vi= deos-preloader .popup-content__main svg path, body.light-theme .popup-canva= s .popup-over_selection-popup .popup-content__videos-preloader .popup-conte= nt__main svg path, body.light-theme .popup-canvas .popup-over_vacancy-feedb= ack-popup .popup-content__videos-preloader .popup-content__main svg path { = stroke: rgb(14, 95, 206); } .popup-canvas .popup-over_company-popup .popup-content__videos-preloader .p= opup-content__main p, .popup-canvas .popup-over_selection-popup .popup-cont= ent__videos-preloader .popup-content__main p, .popup-canvas .popup-over_vac= ancy-feedback-popup .popup-content__videos-preloader .popup-content__main p= { font-family: "Helvetica Neue", Arial, sans-serif; font-weight: 400; font= -size: 14px; line-height: 22px; color: rgb(255, 255, 255); margin-top: 30px= ; margin-bottom: 0px; } body.light-theme .popup-canvas .popup-over_company-popup .popup-content__vi= deos-preloader .popup-content__main p, body.light-theme .popup-canvas .popu= p-over_selection-popup .popup-content__videos-preloader .popup-content__mai= n p, body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .pop= up-content__videos-preloader .popup-content__main p { color: rgb(0, 0, 0); = } .popup-canvas .popup-over_cancel-installment-popup, .popup-canvas .popup-ov= er_change-email-popup, .popup-canvas .popup-over_delete-account-popup, .pop= up-canvas .popup-over_full-payment-popup, .popup-canvas .popup-over_phone-v= erification-popup, .popup-canvas .popup-over_verify-name-popup, .popup-canv= as .popup-over_warning-pay-popup { width: 530px; border-radius: 2px; backgr= ound-color: rgb(39, 39, 41); } @media (max-width: 767px) { .popup-canvas .popup-over_cancel-installment-popup, .popup-canvas .popup-= over_change-email-popup, .popup-canvas .popup-over_delete-account-popup, .p= opup-canvas .popup-over_full-payment-popup, .popup-canvas .popup-over_phone= -verification-popup, .popup-canvas .popup-over_verify-name-popup, .popup-ca= nvas .popup-over_warning-pay-popup { width: 300px; } } body.light-theme .popup-canvas .popup-over_cancel-installment-popup, body.l= ight-theme .popup-canvas .popup-over_change-email-popup, body.light-theme .= popup-canvas .popup-over_delete-account-popup, body.light-theme .popup-canv= as .popup-over_full-payment-popup, body.light-theme .popup-canvas .popup-ov= er_phone-verification-popup, body.light-theme .popup-canvas .popup-over_ver= ify-name-popup, body.light-theme .popup-canvas .popup-over_warning-pay-popu= p { background-color: rgb(255, 255, 255); } .popup-canvas .popup-over_cancel-installment-popup .popup-content, .popup-c= anvas .popup-over_change-email-popup .popup-content, .popup-canvas .popup-o= ver_delete-account-popup .popup-content, .popup-canvas .popup-over_full-pay= ment-popup .popup-content, .popup-canvas .popup-over_phone-verification-pop= up .popup-content, .popup-canvas .popup-over_verify-name-popup .popup-conte= nt, .popup-canvas .popup-over_warning-pay-popup .popup-content { padding: 4= 0px 47px; } @media (max-width: 767px) { .popup-canvas .popup-over_cancel-installment-popup .popup-content, .popup= -canvas .popup-over_change-email-popup .popup-content, .popup-canvas .popup= -over_delete-account-popup .popup-content, .popup-canvas .popup-over_full-p= ayment-popup .popup-content, .popup-canvas .popup-over_phone-verification-p= opup .popup-content, .popup-canvas .popup-over_verify-name-popup .popup-con= tent, .popup-canvas .popup-over_warning-pay-popup .popup-content { padding:= 20px 17px; } } .popup-canvas .popup-over_cancel-installment-popup .popup-content__warning-= image, .popup-canvas .popup-over_change-email-popup .popup-content__warning= -image, .popup-canvas .popup-over_delete-account-popup .popup-content__warn= ing-image, .popup-canvas .popup-over_full-payment-popup .popup-content__war= ning-image, .popup-canvas .popup-over_phone-verification-popup .popup-conte= nt__warning-image, .popup-canvas .popup-over_verify-name-popup .popup-conte= nt__warning-image, .popup-canvas .popup-over_warning-pay-popup .popup-conte= nt__warning-image { margin-bottom: 35px; } body.light-theme .popup-canvas .popup-over_cancel-installment-popup .popup-= content__warning-image path, body.light-theme .popup-canvas .popup-over_cha= nge-email-popup .popup-content__warning-image path, body.light-theme .popup= -canvas .popup-over_delete-account-popup .popup-content__warning-image path= , body.light-theme .popup-canvas .popup-over_full-payment-popup .popup-cont= ent__warning-image path, body.light-theme .popup-canvas .popup-over_phone-v= erification-popup .popup-content__warning-image path, body.light-theme .pop= up-canvas .popup-over_verify-name-popup .popup-content__warning-image path,= body.light-theme .popup-canvas .popup-over_warning-pay-popup .popup-conten= t__warning-image path { fill: rgb(26, 154, 252); } .popup-canvas .popup-over_cancel-installment-popup .popup-content__header, = .popup-canvas .popup-over_change-email-popup .popup-content__header, .popup= -canvas .popup-over_delete-account-popup .popup-content__header, .popup-can= vas .popup-over_full-payment-popup .popup-content__header, .popup-canvas .p= opup-over_phone-verification-popup .popup-content__header, .popup-canvas .p= opup-over_verify-name-popup .popup-content__header, .popup-canvas .popup-ov= er_warning-pay-popup .popup-content__header { font-family: "PT Mono", serif= ; font-weight: 400; font-size: 22px; line-height: 25px; color: rgb(91, 255,= 218); text-align: center; margin-bottom: 15px; } body.light-theme .popup-canvas .popup-over_cancel-installment-popup .popup-= content__header, body.light-theme .popup-canvas .popup-over_change-email-po= pup .popup-content__header, body.light-theme .popup-canvas .popup-over_dele= te-account-popup .popup-content__header, body.light-theme .popup-canvas .po= pup-over_full-payment-popup .popup-content__header, body.light-theme .popup= -canvas .popup-over_phone-verification-popup .popup-content__header, body.l= ight-theme .popup-canvas .popup-over_verify-name-popup .popup-content__head= er, body.light-theme .popup-canvas .popup-over_warning-pay-popup .popup-con= tent__header { color: rgb(0, 0, 0); } .popup-canvas .popup-over_cancel-installment-popup .popup-content__descript= ion, .popup-canvas .popup-over_change-email-popup .popup-content__descripti= on, .popup-canvas .popup-over_delete-account-popup .popup-content__descript= ion, .popup-canvas .popup-over_full-payment-popup .popup-content__descripti= on, .popup-canvas .popup-over_phone-verification-popup .popup-content__desc= ription, .popup-canvas .popup-over_verify-name-popup .popup-content__descri= ption, .popup-canvas .popup-over_warning-pay-popup .popup-content__descript= ion { font-family: "Helvetica Neue", Arial, sans-serif; font-weight: 400; f= ont-size: 14px; line-height: 22px; text-align: center; margin-bottom: 30px;= color: rgb(255, 255, 255); } body.light-theme .popup-canvas .popup-over_cancel-installment-popup .popup-= content__description, body.light-theme .popup-canvas .popup-over_change-ema= il-popup .popup-content__description, body.light-theme .popup-canvas .popup= -over_delete-account-popup .popup-content__description, body.light-theme .p= opup-canvas .popup-over_full-payment-popup .popup-content__description, bod= y.light-theme .popup-canvas .popup-over_phone-verification-popup .popup-con= tent__description, body.light-theme .popup-canvas .popup-over_verify-name-p= opup .popup-content__description, body.light-theme .popup-canvas .popup-ove= r_warning-pay-popup .popup-content__description { color: rgb(0, 0, 0); } .popup-canvas .popup-over_cancel-installment-popup .popup-content__button, = .popup-canvas .popup-over_change-email-popup .popup-content__button, .popup= -canvas .popup-over_delete-account-popup .popup-content__button, .popup-can= vas .popup-over_full-payment-popup .popup-content__button, .popup-canvas .p= opup-over_phone-verification-popup .popup-content__button, .popup-canvas .p= opup-over_verify-name-popup .popup-content__button, .popup-canvas .popup-ov= er_warning-pay-popup .popup-content__button { border: none; background: non= e; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-= height: 20px; font-weight: 700; color: rgb(135, 139, 156); text-transform: = uppercase; padding: 0px; } .popup-canvas .popup-over_cancel-installment-popup .popup-content__button--= confirm, .popup-canvas .popup-over_change-email-popup .popup-content__butto= n--confirm, .popup-canvas .popup-over_delete-account-popup .popup-content__= button--confirm, .popup-canvas .popup-over_full-payment-popup .popup-conten= t__button--confirm, .popup-canvas .popup-over_phone-verification-popup .pop= up-content__button--confirm, .popup-canvas .popup-over_verify-name-popup .p= opup-content__button--confirm, .popup-canvas .popup-over_warning-pay-popup = .popup-content__button--confirm { margin-right: 28px; } .popup-canvas .popup-over_cancel-installment-popup .popup-content__button--= cancel, .popup-canvas .popup-over_change-email-popup .popup-content__button= --cancel, .popup-canvas .popup-over_delete-account-popup .popup-content__bu= tton--cancel, .popup-canvas .popup-over_full-payment-popup .popup-content__= button--cancel, .popup-canvas .popup-over_phone-verification-popup .popup-c= ontent__button--cancel, .popup-canvas .popup-over_verify-name-popup .popup-= content__button--cancel, .popup-canvas .popup-over_warning-pay-popup .popup= -content__button--cancel { color: rgb(91, 255, 218); } body.light-theme .popup-canvas .popup-over_cancel-installment-popup .popup-= content__button--cancel, body.light-theme .popup-canvas .popup-over_change-= email-popup .popup-content__button--cancel, body.light-theme .popup-canvas = .popup-over_delete-account-popup .popup-content__button--cancel, body.light= -theme .popup-canvas .popup-over_full-payment-popup .popup-content__button-= -cancel, body.light-theme .popup-canvas .popup-over_phone-verification-popu= p .popup-content__button--cancel, body.light-theme .popup-canvas .popup-ove= r_verify-name-popup .popup-content__button--cancel, body.light-theme .popup= -canvas .popup-over_warning-pay-popup .popup-content__button--cancel { colo= r: rgb(26, 154, 252); } .popup-canvas .popup-over_cancel-installment-popup .popup-content__button:h= over, .popup-canvas .popup-over_change-email-popup .popup-content__button:h= over, .popup-canvas .popup-over_delete-account-popup .popup-content__button= :hover, .popup-canvas .popup-over_full-payment-popup .popup-content__button= :hover, .popup-canvas .popup-over_phone-verification-popup .popup-content__= button:hover, .popup-canvas .popup-over_verify-name-popup .popup-content__b= utton:hover, .popup-canvas .popup-over_warning-pay-popup .popup-content__bu= tton:hover { cursor: pointer; opacity: 0.8; } .popup-canvas .popup-over_verify-name-popup .popup-content__error, .popup-c= anvas .popup-over_verify-name-popup .popup-content_done { display: block; p= adding: 40px 35px 30px; text-align: center; } @media (max-width: 767px) { .popup-canvas .popup-over_verify-name-popup .popup-content__error, .popup= -canvas .popup-over_verify-name-popup .popup-content_done { padding: 40px 1= 5px 30px; } } .popup-canvas .popup-over_verify-name-popup .popup-content__error .popup-co= ntent__main img, .popup-canvas .popup-over_verify-name-popup .popup-content= __error .popup-content__main svg, .popup-canvas .popup-over_verify-name-pop= up .popup-content_done .popup-content__main img, .popup-canvas .popup-over_= verify-name-popup .popup-content_done .popup-content__main svg { width: 68p= x; height: 68px; margin: 0px auto; } .popup-canvas .popup-over_verify-name-popup .popup-content__error .popup-co= ntent__main img path, .popup-canvas .popup-over_verify-name-popup .popup-co= ntent__error .popup-content__main svg path, .popup-canvas .popup-over_verif= y-name-popup .popup-content_done .popup-content__main img path, .popup-canv= as .popup-over_verify-name-popup .popup-content_done .popup-content__main s= vg path { stroke: rgb(91, 255, 218); } body.light-theme .popup-canvas .popup-over_verify-name-popup .popup-content= __error .popup-content__main img path, body.light-theme .popup-canvas .popu= p-over_verify-name-popup .popup-content__error .popup-content__main svg pat= h, body.light-theme .popup-canvas .popup-over_verify-name-popup .popup-cont= ent_done .popup-content__main img path, body.light-theme .popup-canvas .pop= up-over_verify-name-popup .popup-content_done .popup-content__main svg path= { stroke: rgb(26, 154, 252); } .popup-canvas .popup-over_verify-name-popup .popup-content__error .popup-co= ntent__main p, .popup-canvas .popup-over_verify-name-popup .popup-content_d= one .popup-content__main p { font-family: "Helvetica Neue", sans-serif; fon= t-size: 14px; line-height: 22px; color: rgb(255, 255, 255); margin: 20px au= to 30px; text-align: center; } body.light-theme .popup-canvas .popup-over_verify-name-popup .popup-content= __error .popup-content__main p, body.light-theme .popup-canvas .popup-over_= verify-name-popup .popup-content_done .popup-content__main p { color: rgb(2= 6, 26, 26); } .popup-canvas .popup-over_verify-name-popup .popup-content__error .popup-co= ntent__main button, .popup-canvas .popup-over_verify-name-popup .popup-cont= ent_done .popup-content__main button { font-family: "Helvetica Neue", sans-= serif; font-size: 16px; line-height: 20px; color: rgb(91, 255, 218); } body.light-theme .popup-canvas .popup-over_verify-name-popup .popup-content= __error .popup-content__main button, body.light-theme .popup-canvas .popup-= over_verify-name-popup .popup-content_done .popup-content__main button { fo= nt-weight: 700; color: rgb(14, 95, 206); } .popup-canvas .popup-over_verify-name-popup .popup-content__error .popup-co= ntent__main img, .popup-canvas .popup-over_verify-name-popup .popup-content= __error .popup-content__main svg { width: 68px; height: 68px; margin: 0px a= uto; } .popup-canvas .popup-over_verify-name-popup .popup-content__error .popup-co= ntent__main img path, .popup-canvas .popup-over_verify-name-popup .popup-co= ntent__error .popup-content__main svg path { fill: rgb(91, 255, 218); } body.light-theme .popup-canvas .popup-over_verify-name-popup .popup-content= __error .popup-content__main img path, body.light-theme .popup-canvas .popu= p-over_verify-name-popup .popup-content__error .popup-content__main svg pat= h { fill: rgb(26, 154, 252); } .popup-canvas .popup-over_change-email-popup label, .popup-canvas .popup-ov= er_phone-verification-popup label { display: block; width: 300px; margin: 0= px auto; } @media (max-width: 767px) { .popup-canvas .popup-over_change-email-popup label, .popup-canvas .popup-= over_phone-verification-popup label { width: auto; } } .popup-canvas .popup-over_change-email-popup input, .popup-canvas .popup-ov= er_phone-verification-popup input { display: block; width: 100%; font-famil= y: Arial, sans-serif; margin: 0px 0px 20px; border: 0.75px solid rgb(108, 1= 08, 114); height: 50px; background-color: rgb(39, 39, 41); padding: 17px 20= px 16px; color: rgb(255, 255, 255); box-sizing: border-box; text-align: cen= ter; } .popup-canvas .popup-over_change-email-popup input:last-of-type, .popup-can= vas .popup-over_phone-verification-popup input:last-of-type { margin-bottom= : 30px; } .popup-canvas .popup-over_change-email-popup input:focus, .popup-canvas .po= pup-over_change-email-popup input:hover, .popup-canvas .popup-over_phone-ve= rification-popup input:focus, .popup-canvas .popup-over_phone-verification-= popup input:hover { border: 0.75px solid rgb(91, 255, 218); } .popup-canvas .popup-over_change-email-popup input::-webkit-input-placehold= er, .popup-canvas .popup-over_phone-verification-popup input::-webkit-input= -placeholder { text-align: center; } .popup-canvas .popup-over_change-email-popup input::placeholder, .popup-can= vas .popup-over_phone-verification-popup input::placeholder { text-align: c= enter; } .popup-canvas .popup-over_change-email-popup input::-webkit-input-placehold= er, .popup-canvas .popup-over_phone-verification-popup input::-webkit-input= -placeholder { font-weight: 400; font-family: Arial, sans-serif; font-size:= 14px; line-height: 16px; color: rgb(135, 139, 156); } .popup-canvas .popup-over_change-email-popup input::placeholder, .popup-can= vas .popup-over_phone-verification-popup input::placeholder { font-weight: = 400; font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; co= lor: rgb(135, 139, 156); } body.light-theme .popup-canvas .popup-over_change-email-popup input, body.l= ight-theme .popup-canvas .popup-over_phone-verification-popup input { borde= r: 1px solid rgb(219, 220, 225); background-color: rgb(255, 255, 255); colo= r: rgb(26, 26, 26); } body.light-theme .popup-canvas .popup-over_change-email-popup input:focus, = body.light-theme .popup-canvas .popup-over_change-email-popup input:hover, = body.light-theme .popup-canvas .popup-over_phone-verification-popup input:f= ocus, body.light-theme .popup-canvas .popup-over_phone-verification-popup i= nput:hover { border: 1px solid rgb(14, 95, 206); } .popup-canvas .popup-over_change-email-popup .popup-content__button--confir= m, .popup-canvas .popup-over_delete-account-popup .popup-content__button--c= onfirm, .popup-canvas .popup-over_phone-verification-popup .popup-content__= button--confirm { margin-right: 0px; color: rgb(91, 255, 218); } body.light-theme .popup-canvas .popup-over_change-email-popup .popup-conten= t__button--confirm, body.light-theme .popup-canvas .popup-over_delete-accou= nt-popup .popup-content__button--confirm, body.light-theme .popup-canvas .p= opup-over_phone-verification-popup .popup-content__button--confirm { color:= rgb(26, 154, 252); } .popup-canvas .popup-over_change-email-popup .popup-content__button--cancel= , .popup-canvas .popup-over_delete-account-popup .popup-content__button--ca= ncel, .popup-canvas .popup-over_phone-verification-popup .popup-content__bu= tton--cancel { margin-right: 28px; color: rgb(135, 139, 156); } body.light-theme .popup-canvas .popup-over_change-email-popup .popup-conten= t__button--cancel, body.light-theme .popup-canvas .popup-over_delete-accoun= t-popup .popup-content__button--cancel, body.light-theme .popup-canvas .pop= up-over_phone-verification-popup .popup-content__button--cancel { color: rg= b(135, 139, 156); } .popup-canvas .popup-over_full-image-popup { width: auto; max-width: 100%; = max-height: 100vh; padding: 0px; } .popup-canvas .popup-over_full-image-popup .js-close-popup--full-image-popu= p { right: 25px; top: 15px; } body.light-theme .popup-canvas .popup-over_full-image-popup .js-close-popup= --full-image-popup::after, body.light-theme .popup-canvas .popup-over_full-= image-popup .js-close-popup--full-image-popup::before { background-color: r= gb(172, 172, 172); } .popup-canvas .popup-over_full-image-popup .popup-content { overflow: auto;= display: flex; -webkit-box-align: center; align-items: center; -webkit-box= -pack: center; justify-content: center; background-color: rgb(39, 39, 41); = } body.light-theme .popup-canvas .popup-over_full-image-popup .popup-content = { background-color: rgb(255, 255, 255); } .popup-canvas .popup-over_full-image-popup .popup-content .full-image-src {= width: auto; height: auto; max-width: 99vw; max-height: 99vh; object-fit: = contain; border: 10px solid rgb(39, 39, 41); } body.light-theme .popup-canvas .popup-over_full-image-popup .popup-content = .full-image-src { border-color: rgb(255, 255, 255); } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content { display: = flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-dir= ection: column; -webkit-box-align: center; align-items: center; } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content__header { m= argin-bottom: 10px; } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content__subtitle {= height: auto; margin: 0px 0px 40px; padding: 0px; font-size: 14px; line-he= ight: 17px; } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback { display: flex; -webkit-box-orient: vertical; -webkit-box-direction= : normal; flex-direction: column; width: 100%; } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__input-label { font-size: 12px; line-height: 14px; color: rgb(135, 1= 39, 156); margin-bottom: 20px; text-align: left; display: flex; -webkit-box= -orient: vertical; -webkit-box-direction: normal; flex-direction: column; m= argin-left: 0px; } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__textarea { display: block; width: 100%; font-family: Arial, sans-se= rif; margin: 10px 0px 0px; border: 0.75px solid rgb(108, 108, 114); height:= 100px; background-color: rgb(39, 39, 41); padding: 17px 20px 16px; color: = rgb(255, 255, 255); box-sizing: border-box; resize: none; transition: all 0= .5s ease 0s; } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__textarea:focus, .popup-canvas .popup-over_vacancy-feedback-popup .p= opup-content .vacancy-feedback__textarea:hover { border: 0.75px solid rgb(9= 1, 255, 218); outline: none; } body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-co= ntent .vacancy-feedback__textarea:focus, body.light-theme .popup-canvas .po= pup-over_vacancy-feedback-popup .popup-content .vacancy-feedback__textarea:= hover { outline: none; } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__textarea::-webkit-input-placeholder { font-weight: 400; font-family= : Arial, sans-serif; font-size: 14px; line-height: 16px; color: rgb(135, 13= 9, 156); } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__textarea::placeholder { font-weight: 400; font-family: Arial, sans-= serif; font-size: 14px; line-height: 16px; color: rgb(135, 139, 156); } body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-co= ntent .vacancy-feedback__textarea { border: 1px solid rgb(219, 220, 225); b= ackground-color: rgb(255, 255, 255); color: rgb(26, 26, 26); } body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-co= ntent .vacancy-feedback__textarea:focus, body.light-theme .popup-canvas .po= pup-over_vacancy-feedback-popup .popup-content .vacancy-feedback__textarea:= hover { border: 1px solid rgb(14, 95, 206); } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__input { display: block; width: 100%; font-family: Arial, sans-serif= ; margin: 10px 0px 0px; border: 0.75px solid rgb(108, 108, 114); height: 50= px; background-color: rgb(39, 39, 41); padding: 17px 20px 16px; color: rgb(= 255, 255, 255); box-sizing: border-box; } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__input:focus, .popup-canvas .popup-over_vacancy-feedback-popup .popu= p-content .vacancy-feedback__input:hover { border: 0.75px solid rgb(91, 255= , 218); } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__input::-webkit-input-placeholder { font-weight: 400; font-family: A= rial, sans-serif; font-size: 14px; line-height: 16px; color: rgb(135, 139, = 156); } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__input::placeholder { font-weight: 400; font-family: Arial, sans-ser= if; font-size: 14px; line-height: 16px; color: rgb(135, 139, 156); } body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-co= ntent .vacancy-feedback__input { border: 1px solid rgb(219, 220, 225); back= ground-color: rgb(255, 255, 255); color: rgb(26, 26, 26); } body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-co= ntent .vacancy-feedback__input:focus, body.light-theme .popup-canvas .popup= -over_vacancy-feedback-popup .popup-content .vacancy-feedback__input:hover = { border: 1px solid rgb(14, 95, 206); } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__input-file-label { position: relative; margin-left: 0px; margin-bot= tom: 10px; padding-left: 25px; width: 260px; text-align: left; font-family:= "Helvetica Neue", Arial, sans-serif; font-weight: 400; font-size: 14px; li= ne-height: 17px; color: rgb(91, 255, 218); } body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-co= ntent .vacancy-feedback__input-file-label { color: rgb(14, 95, 206); } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__input-file-label::before { position: absolute; content: ""; width: = 12px; height: 20px; left: 6px; top: 0px; background-image: url("data:image/= svg+xml;charset=3Dutf-8,%3Csvg width=3D'12' height=3D'20' fill=3D'none' xml= ns=3D'http://www.w3.org/2000/svg'%3E%3Cpath fill-rule=3D'evenodd' clip-rule= =3D'evenodd' d=3D'M3.192 1.236a3.935 3.935 0 015.45 3.674l-.005 8.84v.005a2= .629 2.629 0 01-5.257 0V7a.75.75 0 111.5 0v6.737a1.129 1.129 0 002.257 0L7.= 143 4.9v-.004a2.435 2.435 0 10-4.87 0v8.918a3.727 3.727 0 107.454 0V5.488a.= 75.75 0 111.5 0v8.31a5.227 5.227 0 11-10.453 0V4.909a3.935 3.935 0 012.418-= 3.673z' fill=3D'%23818181'/%3E%3C/svg%3E"); background-repeat: no-repeat; b= ackground-size: 100%; background-position: 50% center; } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__input-file-label sup { top: 0px; } @media (max-width: 689px) { .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-= feedback__input-file-label { padding-left: 25px; font-size: 14px; line-heig= ht: 17px; width: 100%; } } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__file-name { margin-left: 0px; margin-bottom: 23px; padding-left: 30= px; width: 260px; text-align: left; font-family: "Helvetica Neue", Arial, s= ans-serif; font-weight: 400; font-size: 16px; line-height: 19px; color: rgb= (91, 255, 218); } body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-co= ntent .vacancy-feedback__file-name { color: rgb(14, 95, 206); } @media (max-width: 689px) { .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-= feedback__file-name { padding-left: 25px; font-size: 14px; line-height: 17p= x; width: 100%; } } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__filetypesizes { font-family: "Helvetica Neue", Arial, sans-serif; f= ont-size: 12px; line-height: 14px; color: rgba(255, 255, 255, 0.5); text-al= ign: left; } body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-co= ntent .vacancy-feedback__filetypesizes { color: rgb(135, 139, 156); } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__error-msg, .popup-canvas .popup-over_vacancy-feedback-popup .popup-= content .vacancy-feedback__error-msg-checkbox { margin-left: 0px; margin-bo= ttom: 23px; padding-left: 0px; width: 100%; text-align: left; font-family: = "Helvetica Neue", Arial, sans-serif; font-weight: 400; font-size: 16px; lin= e-height: 19px; color: rgb(249, 107, 28); } body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-co= ntent .vacancy-feedback__error-msg, body.light-theme .popup-canvas .popup-o= ver_vacancy-feedback-popup .popup-content .vacancy-feedback__error-msg-chec= kbox { color: rgb(249, 107, 28); } @media (max-width: 689px) { .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-= feedback__error-msg, .popup-canvas .popup-over_vacancy-feedback-popup .popu= p-content .vacancy-feedback__error-msg-checkbox { font-size: 14px; line-hei= ght: 17px; width: 100%; } } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback__send_button { margin-top: 0px; width: 100%; border: 0.75px solid rg= b(205, 205, 205); } body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-co= ntent .vacancy-feedback input[type=3D"checkbox"]:checked + label::before { = background-color: rgb(26, 154, 252); } .popup-canvas .popup-over_vacancy-feedback-popup .popup-content .vacancy-fe= edback .auth-form__item-label { text-align: left; font-family: "Helvetica N= eue", Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.= 5; margin-bottom: 20px; } body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-co= ntent__main svg path { stroke: rgb(26, 154, 252); } body.light-theme .popup-canvas .popup-over_vacancy-feedback-popup .popup-co= ntent__error-feedback-vacancy .popup-content__main svg path { fill: rgb(26,= 154, 252); } .popup-canvas .popup-over_take-survey-popup { position: fixed; bottom: 0px;= left: 0px; width: 100%; background-color: rgb(66, 66, 66); min-height: 70p= x; border-radius: 4px 4px 0px 0px; } body.light-theme .popup-canvas .popup-over_take-survey-popup { background-c= olor: rgb(255, 255, 255); } .popup-canvas .popup-over_take-survey-popup .popup-over__btn-close { top: 1= 6px; right: 16px; } @media (max-width: 767px) { .popup-canvas .popup-over_take-survey-popup .popup-over__btn-close { top:= 13px; right: 13px; width: 20px; height: 20px; } } body.light-theme .popup-canvas .popup-over_take-survey-popup .popup-over__b= tn-close::before { background-color: rgb(0, 0, 0); } @media (max-width: 767px) { .popup-canvas .popup-over_take-survey-popup .popup-over__btn-close::befor= e { background-color: rgb(91, 255, 218); height: 20px; } body.light-theme .popup-canvas .popup-over_take-survey-popup .popup-over_= _btn-close::before { background-color: rgb(8, 22, 107); } } body.light-theme .popup-canvas .popup-over_take-survey-popup .popup-over__b= tn-close::after { background-color: rgb(0, 0, 0); } @media (max-width: 767px) { .popup-canvas .popup-over_take-survey-popup .popup-over__btn-close::after= { background-color: rgb(91, 255, 218); height: 20px; } body.light-theme .popup-canvas .popup-over_take-survey-popup .popup-over_= _btn-close::after { background-color: rgb(8, 22, 107); } } .popup-canvas .popup-over_take-survey-popup .popup-content { display: flex;= -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: = row nowrap; -webkit-box-align: center; align-items: center; -webkit-box-pac= k: center; justify-content: center; padding: 13px 55px; } @media (max-width: 767px) { .popup-canvas .popup-over_take-survey-popup .popup-content { flex-wrap: w= rap; padding: 12px 35px 15px 40px; } } .popup-canvas .popup-over_take-survey-popup .popup-content__description { c= olor: rgb(255, 255, 255); font-family: "Helvetica Neue", Arial, sans-serif;= font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; = margin: 0px 64px 0px 0px; } @media (max-width: 767px) { .popup-canvas .popup-over_take-survey-popup .popup-content__description {= margin: 0px 0px 12px; font-size: 12px; line-height: 18px; } } body.light-theme .popup-canvas .popup-over_take-survey-popup .popup-content= __description { color: rgb(0, 0, 0); } .popup-canvas .popup-over_take-survey-popup .popup-content__button--confirm= { margin: 0px; font-family: "Helvetica Neue", Arial, sans-serif; font-weig= ht: 500; font-size: 18px; line-height: 24px; text-align: center; width: 233= px; height: 44px; border-radius: 4px; } @media (max-width: 767px) { .popup-canvas .popup-over_take-survey-popup .popup-content__button--confi= rm { font-size: 15px; line-height: 29px; text-align: center; width: 180px; = height: 34px; } } #full-image-popup { overflow: hidden; } #full-image-popup .scale { margin: 0px; font-size: 0px; border: 0px; } #full-image-popup .js-close-popup--full-image-popup-m { overflow: hidden; } #full-image-popup .full-image_controls { position: absolute; bottom: 13px; = left: 50%; z-index: 1; width: auto; display: flex; -webkit-box-orient: hori= zontal; -webkit-box-direction: normal; flex-flow: row nowrap; font-family: = Arial, sans-serif; font-weight: 400; transform: translateX(-50%); } #full-image-popup .full-image_controls .scale__control { position: relative= ; width: 33px; height: 33px; margin: 0px; padding: 0px; text-align: center;= vertical-align: middle; background-color: rgb(172, 172, 172); border: 0px;= } #full-image-popup .full-image_controls .scale__control:not(.scale__control-= -value):focus, #full-image-popup .full-image_controls .scale__control:not(.= scale__control--value):hover { opacity: 0.7; } #full-image-popup .full-image_controls .scale__control--value { cursor: aut= o; } #full-image-popup .full-image_controls .scale__control:active { transform: = translateY(1px); } #full-image-popup .full-image_controls .scale__control--smaller { border-ra= dius: 50% 0px 0px 50%; } #full-image-popup .full-image_controls .scale__control--smaller::before { c= ontent: "=E2=80=93"; position: absolute; top: 50%; left: 50%; font-size: 20= px; line-height: 0; color: rgb(23, 23, 23); transform: translate(-50%, -50%= ); } #full-image-popup .full-image_controls .scale__control--value { width: 60px= ; font-size: 16px; color: rgb(23, 23, 23); border-style: solid; border-colo= r: rgba(255, 255, 255, 0.5); border-image: initial; border-width: 0px 2px; = } #full-image-popup .full-image_controls .scale__control--bigger { border-rad= ius: 0px 50% 50% 0px; } #full-image-popup .full-image_controls .scale__control--bigger::before { co= ntent: "+"; position: absolute; top: 50%; left: 50%; font-size: 20px; line-= height: 0; color: rgb(23, 23, 23); transform: translate(-50%, -50%); } .popup-under_color_dark { background: rgba(0, 0, 0, 0.6); } #company-popup, #selection-popup { padding: 50px 40px; } @media (min-width: 577px) { #company-popup, #selection-popup { padding: 0px; } } .inner-verification-popup { position: fixed; z-index: 999; inset: auto 50px= 100px auto; display: block; width: 360px; height: auto; padding: 34px 24px= 18px; border-top: 6px solid rgb(202, 205, 52); background: rgb(39, 39, 41)= ; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 10px; border-radius: 6px; } @media (max-width: 768px) { .inner-verification-popup { width: 100%; right: 0px; bottom: 0px; } } .inner-verification-popup__btn-close { position: absolute; top: 6px; right:= 12px; display: block; width: 18px; height: 18px; text-align: center; curso= r: pointer; z-index: 10; } .inner-verification-popup__btn-close::after, .inner-verification-popup__btn= -close::before { content: ""; position: absolute; top: 0px; left: 14px; dis= play: block; width: 2px; height: 18px; background-color: rgb(255, 255, 255)= ; } .inner-verification-popup__btn-close::before { transform: rotate(-45deg); } .inner-verification-popup__btn-close::after { transform: rotate(45deg); } .inner-verification-popup-header { font-weight: 400; font-size: 18px; line-= height: 24px; color: rgb(255, 255, 255); margin-bottom: 12px; } .inner-verification-popup-text { margin-bottom: 29px; font-size: 14px; line= -height: 22px; font-family: "Helvetica Neue", Arial, sans-serif; color: rgb= a(255, 255, 255, 0.8); } .inner-verification-popup-btn { color: rgb(91, 255, 218); font-weight: 700;= font-size: 16px; line-height: 20px; text-transform: uppercase; font-family= : "Helvetica Neue", Arial, sans-serif; } .pagination-block { position: relative; } .pagination-block .page-item { position: relative; display: inline-block; c= ursor: pointer; margin: 5px 10px 5px 0px; } .pagination-block .page-item:first-child { display: none; } .pagination-block .page-item:last-child { display: none; } .pagination-block .page-item.active .page-link { color: rgb(91, 255, 218); = } .pagination-block .page-item .page-link { display: inline-block; font-famil= y: "PT Mono"; font-size: 28px; line-height: 31px; color: rgb(135, 139, 156)= ; border: none; background-color: transparent; padding: 0px; margin: 0px; } .pagination-block .page-item .page-link:focus { box-shadow: none; } .video-list .pagination-block { margin-top: 5px; } .start-page { position: relative; width: 100%; height: auto; padding: 0px; = background: rgb(24, 24, 26); overflow: hidden; } @media (max-width: 767px) { .start-page { padding: 0px; } } .start-page .form-item { margin-bottom: 12px; } .start-page .form-item__error input, .start-page .form-item__error input + = label::before { border-color: rgb(255, 72, 190); } .start-page .form-item__error .form-item__error-text { display: block; colo= r: rgb(255, 72, 190); } .start-page .form-item__error-text { display: none; text-align: center; } .start-page a { font-weight: 500; } .start-page_login { padding-bottom: 52px; } @media (max-width: 767px) { .start-page_login { padding-bottom: 108px; } } .start-page__content { margin-bottom: 62px; } @media (max-width: 767px) { .start-page__content { margin-bottom: 53px; } } .start-page__content .spc-title { display: block; font-weight: 400; font-si= ze: 24px; line-height: 27px; text-align: center; color: rgb(255, 255, 255);= margin-bottom: 24px; } .start-page__content .spc-subtitle { margin-top: -6px; font-family: "Helvet= ica Neue", sans-serif; font-style: normal; font-weight: 400; font-size: 16p= x; line-height: 24px; text-align: center; color: rgba(255, 255, 255, 0.8); = margin-bottom: 32px; } .start-page__content .activation-message { background-color: rgb(39, 39, 41= ); border-radius: 4px; color: rgb(255, 255, 255); max-width: 500px; margin:= 0px auto; text-align: center; } .start-page__content .activation-message__mainframe { padding: 30px 50px 70= px; border-bottom: 1px solid rgb(60, 60, 66); } .start-page__content .activation-message__bottom { padding: 20px 50px; } .start-page__content .activation-message__title { font-size: 24px; line-hei= ght: 27px; margin-bottom: 24px; } .start-page__content .activation-message__text { font-family: "Helvetica Ne= ue", sans-serif; font-size: 16px; line-height: 24px; color: rgba(255, 255, = 255, 0.8); } .start-page__content .activation-message__email a { font-size: 16px; line-h= eight: 24px; font-family: "Helvetica Neue", sans-serif; color: rgb(255, 255= , 255); font-weight: 500; } .start-page__content .activation-message__bottomtitle { font-family: "Helve= tica Neue", sans-serif; font-size: 16px; line-height: 19px; color: rgba(255= , 255, 255, 0.8); margin-bottom: 12px; } .start-page__content .activation-message__bottomlink a { font-family: "Helv= etica Neue", sans-serif; font-weight: 500; font-size: 14px; line-height: 17= px; color: rgb(135, 139, 156); } .start-page .alert p { margin-bottom: 1em; } .start-page .alert p:last-child { margin-bottom: 0px; } .start-page .alert ul { list-style: none; padding-left: 0px; } .start-page .alert-danger { background: none; border: none; padding: 0px; f= ont-family: "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-heig= ht: 24px; margin: 0px auto 32px; color: rgba(255, 255, 255, 0.8); } .start-page .alert-danger p, .start-page .alert-danger ul, .start-page .ale= rt-danger ul li { font-size: 16px; line-height: 24px; font-family: "Helveti= ca Neue", Arial, sans-serif; padding: 0px; text-align: center; } .start-page .logo-rebrain { width: 100%; background-color: rgb(39, 39, 41);= text-align: center; padding: 18px 0px; margin-bottom: 60px; } @media (max-width: 767px) { .start-page .logo-rebrain { padding: 12px 0px; } } .start-page .logo-rebrain img, .start-page .logo-rebrain svg { width: 155px= ; } @media (max-width: 767px) { .start-page .logo-rebrain img, .start-page .logo-rebrain svg { width: 85p= x; } } .start-page .auth-form { max-width: 300px; margin-bottom: 30px; } @media (max-width: 767px) { .start-page .auth-form { width: 100%; max-width: 440px; } } .start-page .auth-form__recover { margin-top: -2px; text-align: right; } .start-page .auth-form__recover-link { font-size: 12px; font-family: "Helve= tica Neue", sans-serif; } @media (max-width: 767px) { .start-page .auth-form__recover-link { font-size: 14px; } } .start-page .auth-form__item { font-family: "PT Mono", Arial, sans-serif; f= ont-size: 14px; line-height: 22px; color: rgb(255, 255, 255); border: 0.75p= x solid rgb(108, 108, 114); border-radius: 2px; background-color: transpare= nt; margin-bottom: 6px; appearance: none; } .start-page .auth-form__item:focus { border: 0.75px solid rgb(255, 220, 223= ); background-color: transparent; color: rgb(255, 255, 255); box-shadow: no= ne; outline: none; } .start-page .auth-form__item-input:required { box-shadow: none; } .start-page .auth-form__item-input::-webkit-input-placeholder { color: rgba= (255, 255, 255, 0.4); opacity: 1; } .start-page .auth-form__item-checkbox:checked + label::before { background-= color: rgb(255, 255, 255); background-size: contain; border-color: rgb(24, = 24, 26); color: transparent; } .start-page .auth-form__item-label { font-family: "Helvetica Neue", sans-se= rif; display: flex; -webkit-box-align: center; align-items: center; padding= : 0px; margin: 20px 0px 0px; } .start-page .auth-form__item-label::before { content: ""; border: 0.75px so= lid rgb(255, 255, 255); border-radius: 4px; display: inline-block; width: 2= 0px; height: 20px; margin-right: 8px; vertical-align: bottom; color: transp= arent; transition: all 0.2s ease 0s; background-color: transparent; backgro= und-image: url("/img/icon-checkbox.svg"); background-repeat: no-repeat; bac= kground-position: 50% center; background-size: 0px; } .start-page .auth-form__item-label span.text { line-height: 1.4; } .start-page .auth-form__item-button { font-size: 16px; line-height: 18px; c= olor: rgb(23, 23, 23); text-align: center; border-radius: 2px; background-c= olor: rgb(91, 255, 218); margin-top: 30px; height: 60px; cursor: pointer; } @media (max-width: 767px) { .start-page .auth-form__item-button { width: 100%; } } .start-page .auth-form__item-button:hover { background-color: rgb(91, 255, = 218); } .start-page .auth-form__item-button-inner { margin: 0px 0px 10px; } .start-page .auth-form__item-button:disabled { background-color: rgb(95, 95= , 95); cursor: not-allowed; } .start-page__btns { font-family: "Helvetica Neue", sans-serif; color: rgb(2= 55, 255, 255); text-align: center; margin-bottom: 8px; } .start-page__btns span { font-size: 16px; } .start-page__btns a { font-size: 14px; color: rgb(91, 255, 218); display: i= nline-block; margin-left: 10px; } .start-page__btns a:hover { color: rgb(0, 86, 179); } .start-page__btns .singtext { font-family: "Helvetica Neue", sans-serif; fo= nt-size: 16px; line-height: 19px; color: rgb(255, 255, 255); } .start-page__btns .enter { font-family: "Helvetica Neue Bold", sans-serif; = font-size: 16px; line-height: 1; color: rgb(255, 255, 255); border-bottom: = 1px solid rgb(255, 255, 255); cursor: pointer; } .start-page__btns .enter:hover { color: rgb(255, 255, 255); } .start-page__support { background-color: transparent; padding: 15px; } .start-page__support-text { max-width: 500px; margin: 0px auto; text-align:= center; font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(= 255, 255, 255, 0.5); font-family: "Helvetica Neue", sans-serif; } .start-page__support-text a { color: rgb(255, 255, 255); text-decoration: u= nderline; } @media (max-width: 767px) { .start-page__support { padding: 20px 15px; } .start-page__support-text { font-size: 12px; max-width: 290px; } } .start-page__footer { position: relative; background: rgb(24, 24, 26); } @media (max-width: 991px) { .start-page__footer { padding: 40px 10px 30px; } } .start-page__footer .footer-info__t, .start-page__footer .footer-link { col= or: rgba(255, 255, 255, 0.698); } .start-page__footer .footer-l { margin-top: 0px; } body.light-theme .start-page__footer .footer-l { color: rgba(255, 255, 255,= 0.698); } @media (max-width: 767px) { .start-page__footer .footer-l:first-child { margin-top: 20px; } } body.light-theme .start-page__footer .footer-links .footer-link { color: rg= ba(255, 255, 255, 0.698); } .start-page.start-page_login .header-gap, .start-page.start-page_registrati= on .header-gap { padding-top: 120px; } .start-page.start-page_registration .auth-form__item-label { -webkit-box-al= ign: center; align-items: center; } .start-page.start-page_registration .auth-form__item-label .text a { color:= rgb(255, 255, 255); text-decoration: underline; } .start-page.start-page_registration .auth-form__item-label::before { conten= t: ""; align-self: flex-start; } .start-page.start-page_registration .auth-form__item-label .text { -webkit-= box-flex: 0; flex: 0 0 90%; } .start-page_restore-pass .auth-form__item { margin-bottom: 0px; } .start-page_change-pass .header-gap, .start-page_restore-pass .header-gap {= padding-top: 120px; } .select-course__section .logo-rebrain { margin-bottom: 0px; } .select-course__section .header-gap { padding-top: 60px; } .select-course__section .select-list__inner-wrapper { width: 89vw; margin-l= eft: auto; margin-right: auto; } @media (min-width: 576px) { .select-course__section .select-list__inner-wrapper { width: 100%; } } .select-course__section .select-list-wrapper { display: flex; -webkit-box-p= ack: start; justify-content: flex-start; -webkit-box-align: center; align-i= tems: center; } .select-course__section .select-list { width: 100%; padding-top: 40px; } .select-course__section .select-list--main { padding-bottom: 20px; } .select-course__section .select-list--mini { border-top: 1px solid rgb(60, = 60, 66); } @media (min-width: 1200px) { .select-course__section .select-list { width: 1100px; margin-left: auto; = margin-right: auto; } } .select-course__section .select-list-title { margin-bottom: 20px; font-size= : 24px; line-height: 27px; color: rgb(255, 255, 255); } .select-course__section .select-container { position: relative; width: 27vw= ; height: 27vw; font-size: 100%; background: rgba(255, 255, 255, 0.13); bor= der-radius: 8px; margin-right: 4vw; margin-bottom: 20px; -webkit-box-orient= : vertical; -webkit-box-direction: normal; flex-direction: column; padding:= 12px; z-index: 1; } .select-course__section .select-container:hover { background: rgba(255, 255= , 255, 0.4); } .select-course__section .select-container:nth-child(3n) { margin-right: 0px= ; } @media (min-width: 576px) { .select-course__section .select-container { width: 150px; height: 150px; = margin-right: 30px; } } @media (min-width: 768px) { .select-course__section .select-container { padding: 20px 20px 10px; } .select-course__section .select-container:nth-child(3n) { margin-right: 3= 0px; } .select-course__section .select-container:nth-child(4n) { margin-right: 0= px; } } @media (min-width: 992px) { .select-course__section .select-container:nth-child(4n) { margin-right: 3= 0px; } .select-course__section .select-container:nth-child(5n) { margin-right: 0= px; } } @media (min-width: 1200px) { .select-course__section .select-container { margin-right: 40px; } .select-course__section .select-container:nth-child(3n), .select-course__= section .select-container:nth-child(4n) { margin-right: 40px; } .select-course__section .select-container:nth-child(5n) { margin-right: 4= 0px; } .select-course__section .select-container:nth-child(6n) { margin-right: 0= px; } } .select-course__section .select-container .select-link { position: absolute= ; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; } .select-course__section .select-container .wrapper { position: relative; wi= dth: 100%; height: 65%; font-size: 100%; background-repeat: no-repeat; back= ground-size: contain; background-position: 50% 0px; z-index: 5; } .select-course__section .select-container__course-name { margin: 0px; paddi= ng: 0px; font-family: "Helvetica Neue", Arial, sans-serif; font-style: norm= al; font-weight: 500; font-size: 12px; line-height: 12px; text-align: cente= r; color: rgb(255, 255, 255); position: absolute; top: 68%; left: 50%; tran= sform: translateX(-50%); width: 100%; max-width: 94%; height: 2em; overflow= : hidden; } .select-course__section .select-container__course-name--small { font-size: = 10px; line-height: 12px; } @media (min-width: 400px) { .select-course__section .select-container__course-name { font-size: 16px;= line-height: 18px; height: 2.5em; } .select-course__section .select-container__course-name--small { font-size= : 12px; line-height: 14px; } } @media (min-width: 768px) { .select-course__section .select-container__course-name { font-size: 18px;= line-height: 22px; } .select-course__section .select-container__course-name--small { font-size= : 14px; line-height: 17px; } } .header { padding-top: 40px; padding-bottom: 90px; } .header-text { font-family: "PT Mono", sans-serif; font-size: 19px; line-he= ight: normal; text-align: center; color: rgb(255, 72, 190); } .logo { margin-bottom: 90px; } .header-title { font-family: "PT Mono"; font-weight: 700; font-size: 42px; = line-height: normal; text-align: center; margin-bottom: 10px; color: rgb(91= , 255, 218); } body.light-theme .header-title { color: rgb(26, 26, 26); } .header-under { font-family: "PT Mono"; font-style: normal; font-weight: 40= 0; font-size: 22px; line-height: normal; text-align: center; margin-bottom:= 30px; color: rgb(113, 113, 113); } .vids-n { display: flex; margin-left: auto; margin-right: auto; width: 853p= x; height: 480px; } .review { background: linear-gradient(rgb(48, 48, 50), rgb(23, 23, 25)); pa= dding-top: 90px; padding-bottom: 100px; color: rgb(91, 255, 218); } body.light-theme .review { background: linear-gradient(rgb(229, 229, 229), = rgb(229, 229, 229)) rgb(229, 229, 229); } .review-title { font-family: PTMono-Bold, serif; font-size: 50px; line-heig= ht: normal; margin-bottom: 10px; color: rgb(91, 255, 218); text-align: cent= er; } body.light-theme .review-title { color: rgb(26, 26, 26); } .review-text { font-family: "PT Mono", serif; font-style: normal; font-weig= ht: 400; font-size: 22px; line-height: normal; text-align: center; margin-b= ottom: 50px; color: rgb(160, 160, 160); } .review-wrap { background: linear-gradient(rgb(0, 0, 3), rgba(0, 0, 3, 0.15= )); padding: 10px 30px 1px; margin-bottom: 30px; } .review-wrap__name { font-family: "PT Mono"; font-style: normal; font-weigh= t: 400; font-size: 18px; line-height: normal; text-align: right; text-decor= ation-line: underline; margin-bottom: 10px; color: rgb(255, 72, 190); } .review-wrap__title { font-family: PTMono-Bold; font-size: 30px; line-heigh= t: normal; margin-bottom: 6px; color: rgb(91, 255, 218); } .review-wrap__undert { font-family: "PT Mono"; font-style: normal; font-wei= ght: 400; font-size: 18px; line-height: normal; margin-bottom: 20px; color:= rgb(91, 255, 218); } .review-wrap__textu { margin-bottom: 6px; } .review-wrap__textu, .review-wrap__textu2 { font-family: "PT Mono"; font-st= yle: normal; font-weight: 400; font-size: 14px; line-height: normal; color:= rgb(255, 72, 190); } .review-wrap__textu2 { margin-bottom: 30px; } .review-wrap__text { font-family: "PT Mono"; font-style: normal; font-weigh= t: 400; font-size: 16px; line-height: 25px; margin-bottom: 40px; color: rgb= (255, 255, 255); } .review-btn { font-family: PTMono-Bold; font-size: 25px; line-height: norma= l; text-align: center; width: 310px; height: 118px; background: rgb(91, 255= , 218); border-top: none; border-right: none; border-bottom: none; border-i= mage: initial; border-left: 40px solid rgb(255, 72, 190); color: rgb(23, 23= , 23); display: block; margin-left: auto; cursor: pointer; } .review-btn:active { background: rgb(255, 72, 190); border-left: 40px solid= rgb(91, 255, 218); } .hidden { display: none; } .review-wrap__btn { font-family: PTMono-Bold; font-size: 14px; line-height:= normal; text-decoration-line: underline; margin-bottom: 20px; background-c= olor: transparent; border: none; color: rgb(255, 72, 190); cursor: pointer;= } .mob, .mobh, .mobh2, .mobh3, .mobh4, .mobh5, .mobh6, .mobh7, .mobhi, .mobs = { display: none; } .programm { padding-top: 120px; padding-bottom: 130px; background: rgb(32, = 32, 34); } .programm-title { font-family: PTMono-Bold; font-size: 50px; line-height: n= ormal; margin-bottom: 50px; color: rgb(255, 72, 190); } .personal { padding-top: 100px; padding-bottom: 100px; background: linear-g= radient(90deg, rgb(35, 35, 38), rgb(64, 64, 66)); } .personal-title { font-family: PTMono-Bold; font-size: 50px; line-height: n= ormal; margin-bottom: 50px; color: rgb(91, 255, 218); } .personal-text { font-family: "PT Mono"; font-style: normal; font-weight: 4= 00; font-size: 27px; line-height: 39px; margin-bottom: 50px; color: rgb(255= , 255, 255); } .personal-text__span { color: rgb(255, 72, 190); font-family: PTMono-Bold; = } .personal-warn { font-family: "PT Mono"; font-style: normal; font-weight: 4= 00; font-size: 27px; line-height: 39px; margin-bottom: 0px; color: rgb(255,= 72, 190); } .later { padding-top: 100px; background: rgb(32, 32, 34); } .later-title { font-family: PTMono-Bold; font-size: 50px; line-height: norm= al; margin-bottom: 20px; color: rgb(91, 255, 218); } .later-bank__img { margin-right: 20px; display: flex; } .later-text { font-family: "PT Mono"; font-style: normal; font-weight: 400;= font-size: 27px; line-height: 39px; margin-left: 18px; margin-top: 30px; c= olor: rgb(255, 255, 255); } .later-pinks { margin-top: 20px; margin-bottom: 20px; color: rgb(255, 72, 1= 90); } .later-pinks, .later-whites { font-family: "PT Mono"; font-style: normal; f= ont-weight: 400; font-size: 27px; line-height: 39px; width: 100%; max-width= : 720px; } .later-whites { margin-bottom: 50px; color: rgb(255, 255, 255); } .later-link { padding-top: 45px; padding-bottom: 45px; font-size: 25px; lin= e-height: normal; width: 340px; color: rgb(23, 23, 23); } .later-link:hover { background: rgb(255, 72, 190); border-left: 40px solid = rgb(91, 255, 218); } .tab button { float: left; border: none; outline: none; cursor: pointer; li= ne-height: 18px; transition: all 0.3s ease 0s; color: rgb(91, 255, 218); fo= nt-size: 20px; width: 180px; -webkit-box-pack: center; justify-content: cen= ter; -webkit-box-align: center; align-items: center; display: flex; height:= 43px; background: transparent; margin-bottom: -1px; -webkit-box-flex: 1; f= lex: 1 0 auto; } .tab button.active, .tab button:hover { border: 1px solid rgb(91, 255, 218)= ; } .tabcontent { display: none; border-top: none; } .s2-content-lvl-3 { margin-bottom: 80px; } .tab { overflow: hidden; margin-top: 59px; display: flex; -webkit-box-pack:= justify; justify-content: space-between; flex-flow: row wrap; -webkit-box-= orient: horizontal; -webkit-box-direction: normal; } .tab, .tabcontent { border-bottom: 1px solid rgb(91, 255, 218); max-width: = 1140px; width: 100%; float: right; } .tabcontent { font-size: 20px; color: rgb(255, 255, 255); padding: 60px 95p= x 60px 120px; } .questions { background: rgb(32, 32, 34); padding-bottom: 90px; } .questions-title { font-family: PTMono-Bold; font-size: 80px; line-height: = normal; text-align: center; margin-bottom: 70px; color: rgb(91, 255, 218); = } .contacts-wrap { display: flex; margin-left: auto; margin-right: auto; -web= kit-box-pack: center; justify-content: center; } .cont { width: 90px; height: 90px; background: rgb(255, 72, 190); text-alig= n: center; display: block; border-radius: 50%; margin-right: 40px; margin-b= ottom: 90px; } .cont:last-child { margin-right: 0px; } .one { color: rgb(255, 255, 255); } .fa-facebook-f, .fa-telegram-plane { font-size: 50px; line-height: 90px; } .fa-envelope { font-size: 40px; line-height: 90px; } .cont:hover { background: rgb(194, 17, 131); } .questions-link { background: rgb(255, 72, 190); border-radius: 2px; displa= y: block; width: 450px; font-family: "PT Mono"; font-style: normal; font-we= ight: 400; font-size: 16px; line-height: normal; text-align: center; paddin= g-top: 21px; padding-bottom: 21px; color: rgb(24, 24, 26); margin-left: aut= o; margin-right: auto; } .questions-link:hover { background: rgb(194, 17, 131); color: rgb(24, 24, 2= 6); } @media screen and (max-width: 1200px) { .tabcontent { padding: 60px 80px; } .tab button { width: 310px; } } @media screen and (max-width: 991px) { .vids-n { width: 100%; } .tab button { width: 225px; } .footer-l { margin-left: 0px; } } @media screen and (max-width: 767px) { .tabcontent { font-size: 16px; } .tab-wrap { overflow: auto; } .tab { float: left; } .tab button { display: block; width: 50%; } } @media screen and (min-width: 577px) { .banks-content { flex-direction: row; -webkit-box-pack: justify; justify-= content: space-between; } .banks-content, .later-bank { -webkit-box-orient: horizontal; -webkit-box= -direction: normal; flex-direction: row; -webkit-box-align: center; align-i= tems: center; } .later-bank { flex-direction: row; -webkit-box-pack: center; justify-cont= ent: center; -webkit-box-flex: 1; flex: 1 0 auto; } .later-text { -webkit-box-flex: 1; flex: 1 1 auto; } } @media screen and (max-width: 576px) { .full { display: none !important; } .mob { display: block; } .header-title { font-size: 39px; line-height: normal; text-align: center;= } .logo { margin-bottom: 40px; } .header-under { font-size: 16px; margin-bottom: 20px; } .header { padding-top: 20px; } .header, .review { padding-bottom: 40px; } .review { padding-top: 40px; } .review-title { font-size: 39px; } .review-text { margin-bottom: 20px; } .review-text, .review-wrap__name { font-size: 16px; } .review-wrap__title { font-size: 22px; } .review-wrap { padding-left: 5px; padding-right: 5px; } .review-wrap__textu, .review-wrap__undert { font-size: 14px; } .review-wrap__text { font-size: 14px; margin-bottom: 20px; } .review-btn { width: 100%; height: 64px; } .personal { padding-top: 40px; padding-bottom: 40px; } .personal-title { font-size: 39px; margin-bottom: 25px; } .personal-text { font-size: 18px; margin-bottom: 30px; } .personal-warn { font-size: 18px; } .later { padding-top: 40px; padding-bottom: 40px; } .later-title { font-size: 39px; margin-bottom: 30px; } .later-text { font-size: 18px; margin-left: 0px; margin-top: 0px; margin-= bottom: 20px; } .later-pinks, .later-whites { font-size: 18px; width: 100%; } .review-btn { font-size: 18px; padding-top: 22px; padding-bottom: 22px; } .programm { padding-top: 80px; padding-bottom: 40px; } .programm-title { font-size: 39px; margin-bottom: 0px; } .tabcontent { padding: 40px 0px; font-size: 13px; } .questions-title { font-size: 39px; margin-top: 40px; margin-bottom: 40px= ; } .cont { width: 60px; height: 60px; margin-bottom: 80px; } .fa-envelope, .fa-telegram-plane { line-height: 60px; font-size: 30px; } .questions-link { display: flex; -webkit-box-orient: horizontal; -webkit-= box-direction: normal; flex-flow: row nowrap; -webkit-box-pack: center; jus= tify-content: center; -webkit-box-align: center; align-items: center; width= : 100%; font-size: 16px; padding: 12px 61px 12px 37px; } .begin__extra { font-size: 30px; margin-left: 5px; } .footer-links_w { margin-top: 22px; } .footer { padding-top: 22px; padding-bottom: 22px; } .footer-text { width: 100%; } .mobs { display: flex; } .vids-n { height: 163px; } } [data-simplebar] { position: relative; -webkit-box-orient: vertical; -webki= t-box-direction: normal; flex-flow: column wrap; -webkit-box-pack: start; p= lace-content: flex-start; -webkit-box-align: start; align-items: flex-start= ; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max= -width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; overflow: hidden; z-index: 0; width: = auto !important; height: auto !important; } .simplebar-mask, .simplebar-offset { position: absolute; padding: 0px; marg= in: 0px; inset: 0px; } .simplebar-offset { direction: inherit !important; box-sizing: inherit !imp= ortant; resize: none !important; } .simplebar-content-wrapper { direction: inherit; position: relative; displa= y: block; height: 100%; width: auto; max-width: 100%; max-height: 100%; box= -sizing: border-box !important; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-= webkit-scrollbar { width: 0px; height: 0px; } .simplebar-content::after, .simplebar-content::before { content: " "; displ= ay: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; po= inter-events: none; } .simplebar-height-auto-observer-wrapper { height: 100%; width: 100%; max-wi= dth: 1px; position: relative; float: left; max-height: 1px; overflow: hidde= n; z-index: -1; padding: 0px; margin: 0px; pointer-events: none; -webkit-bo= x-flex: inherit; flex-grow: inherit; flex-shrink: 0; flex-basis: 0px; box-s= izing: inherit !important; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opac= ity: 0; top: 0px; left: 0px; height: 1000%; width: 1000%; min-height: 1px; = min-width: 1px; z-index: -1; } .simplebar-height-auto-observer, .simplebar-track { position: absolute; ove= rflow: hidden; pointer-events: none; } .simplebar-track { z-index: 1; right: 0px; bottom: 0px; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: no= ne; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all;= } .simplebar-scrollbar { position: absolute; left: 0px; right: 0px; min-heigh= t: 10px; } .simplebar-scrollbar::before { position: absolute; content: ""; background:= rgb(0, 0, 0); border-radius: 7px; left: 2px; right: 2px; opacity: 0; trans= ition: opacity 0.2s linear 0s; } .simplebar-scrollbar.simplebar-visible::before { opacity: 0.5; transition: = opacity 0s linear 0s; } .simplebar-track.simplebar-vertical { top: 0px; width: 11px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar::before { top: 2px= ; bottom: 2px; } .simplebar-track.simplebar-horizontal { left: 0px; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before { height= : 100%; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; l= eft: 0px; top: 2px; height: 7px; min-height: 0px; min-width: 10px; width: a= uto; } [data-simplebar-direction=3D"rtl"] .simplebar-track.simplebar-vertical { ri= ght: auto; left: 0px; } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; vis= ibility: hidden; height: 500px; width: 500px; overflow: scroll hidden; } .simplebar-hide-scrollbar { position: fixed; left: 0px; visibility: hidden;= overflow-y: scroll; } .simplebar-scrollbar { pointer-events: auto; } .simplebar-scrollbar.simplebar-visible::before { background-color: rgb(91, = 255, 218); opacity: 1; border-radius: 1px; left: 0px; right: 0px; cursor: p= ointer; } body.light-theme .simplebar-scrollbar.simplebar-visible::before { backgroun= d-color: rgb(14, 95, 206); } .simplebar-track { background-color: rgb(50, 50, 52); border-radius: 1px; } body.light-theme .simplebar-track { background-color: rgb(209, 211, 219); } .simplebar-track.simplebar-vertical { width: 6px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar::before { top: 0px= ; bottom: 0px; } @font-face { font-family: "Helvetica Neue"; src: url("/fonts/HelveticaNeue/= HelveticaNeue.woff") format("woff"), url("/fonts/HelveticaNeue/HelveticaNeu= e.ttf") format("truetype"); } @font-face { font-family: "Helvetica Neue Medium"; src: url("/fonts/Helveti= caNeue/HelveticaNeueCyr-Medium.woff") format("woff"), url("/fonts/Helvetica= Neue/HelveticaNeueCyr-Medium.ttf") format("truetype"); } @font-face { font-family: "Helvetica Neue Bold"; src: url("/fonts/Helvetica= Neue/HelveticaNeue-Bold.woff") format("woff"), url("/fonts/HelveticaNeue/He= lveticaNeue-Bold.ttf") format("truetype"); } @font-face { font-family: Geometria; src: url("/fonts/Geometria/Geometria.w= off") format("woff"), url("/fonts/Geometria/Geometria.ttf") format("truetyp= e"); } @font-face { font-family: Geometria-Bold; src: url("/fonts/Geometria/Geomet= ria-Bold.woff") format("woff"), url("/fonts/Geometria/Geometria-Bold.ttf") = format("truetype"); } html { overflow-x: hidden; } code { color: rgb(91, 255, 218); } body.light-theme code { color: rgb(14, 95, 206); } body { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-fl= ow: column nowrap; font-family: "Helvetica Neue", sans-serif; color: rgb(0,= 0, 0); padding: 0px; letter-spacing: 0px; margin: 0px; font-size: 14px; ov= erflow-x: hidden; } body, html { display: flex; height: auto; } body, html { position: relative; max-width: 100vw; min-height: 100%; backgr= ound-color: rgb(48, 48, 50); background-image: radial-gradient(circle at 21= % 12%, rgb(48, 48, 50), rgb(23, 23, 25) 84%); width: 100% !important; } body.light-theme, html.light-theme { background-color: rgb(239, 241, 249); = background-image: none; } body.scrollOff, html.scrollOff { overflow: hidden; } body > section { -webkit-box-flex: 1; flex: 1 0 auto; } footer { -webkit-box-flex: 0; flex: 0 0 auto; } a, button, div, form, input, p, span { box-sizing: border-box; } p { font-size: 14px; line-height: 1.5em; margin: 0px 0px 1em; } li, ul { display: block; padding: 0px; margin: 0px; } a, a:active, a:hover { text-decoration: none; } a { color: rgb(91, 255, 218); } body.light-theme a { color: rgb(14, 95, 206); } a, button, input { transition: all 0.5s ease 0s; } button, button:active, button:focus, button:hover, input, input:active, inp= ut:focus, input:hover { outline: none; } .btn_clear-style { font-size: 1em; line-height: 1em; border: none; outline:= none; background: transparent; padding: 0px; margin: 0px; cursor: pointer;= appearance: none; } .btn_clear-style:active, .btn_clear-style:focus { outline: none; } .header { background: linear-gradient(rgb(48, 48, 50), rgb(23, 23, 25)); } .offer { -webkit-box-flex: 0; flex: 0 0 auto; padding-top: 190px; padding-b= ottom: 130px; } .main-title { font-family: "PT Mono", serif; line-height: normal; font-size= : 70px; color: rgb(91, 255, 218); } body.light-theme .main-title { color: rgb(26, 26, 26); } .main-text { font-family: "PT Mono", serif; font-style: normal; font-weight= : 400; line-height: normal; font-size: 26px; color: rgb(255, 255, 255); mar= gin-top: 21px; } body.light-theme .main-text { color: rgb(135, 139, 156); } .main-text__s { text-transform: uppercase; } .main-texts { font-family: "PT Mono", serif; font-style: normal; font-weigh= t: 400; line-height: normal; font-size: 28px; color: rgb(91, 255, 218); max= -width: 605px; margin-top: 90px; } body.light-theme .main-texts { color: rgb(26, 26, 26); } .quiz { padding-top: 30px; padding-bottom: 80px; background-color: rgb(39, = 39, 41); } body.light-theme .quiz { background-color: rgb(239, 241, 249); } .quiz-t { font-family: "PT Mono", serif; font-style: normal; font-weight: 4= 00; line-height: normal; font-size: 14px; margin-bottom: 40px; color: rgb(9= 1, 255, 218); } body.light-theme .quiz-t { color: rgb(26, 26, 26); } .all-fields svg { transform: translateY(-1px); } .all-fields svg circle { stroke: rgb(91, 255, 218); } body.light-theme .all-fields svg circle { stroke: rgb(26, 26, 26); } .all-fields svg path { fill: rgb(91, 255, 218); } body.light-theme .all-fields svg path { fill: rgb(26, 26, 26); } .test-block { background-image: linear-gradient(rgb(0, 0, 3), rgba(0, 0, 3,= 0)); padding: 70px 55px 35px; width: 100%; margin-bottom: 90px; } body.light-theme .test-block { background: linear-gradient(0deg, transparen= t, rgba(0, 0, 0, 0.2)); } .test-block.error { border: 2px solid rgb(254, 39, 39); } .test-block form { margin-top: 30px; } .test-block label { font-size: 20px; margin-bottom: 20px; } body.light-theme .test-block label { color: rgb(26, 26, 26); } .test-block_answered label { cursor: default !important; } .test-block label input[type=3D"radio"] { position: absolute; opacity: 0; c= ursor: pointer; height: 0px; width: 0px; } .test-block label input[type=3D"text"] { position: static; opacity: 1; curs= or: auto; height: auto; width: auto; border-bottom: 2px solid rgb(255, 255,= 255); padding-bottom: 2px; } body.light-theme .test-block label input[type=3D"text"] { border-bottom-col= or: rgb(0, 0, 0); } .test-block__wrong { position: absolute; top: 100%; left: 36px; padding-top= : calc(3px - min(3px, 0.2vw)); font-size: 0.75em; color: rgb(91, 255, 218);= } body.light-theme .test-block__wrong { color: rgb(14, 95, 206); } .checkmark { position: absolute; bottom: 3px; left: 0px; height: 20px; widt= h: 20px; background-color: rgba(238, 238, 238, 0); border: 1px solid rgb(91= , 255, 218); } body.light-theme .checkmark { border: 1px solid rgb(26, 26, 26); } .test-block:not(.test-block_answered) label:hover input ~ .checkmark { back= ground-color: rgb(91, 255, 218); } body.light-theme .test-block:not(.test-block_answered) label:hover input ~ = .checkmark { background-color: rgb(26, 26, 26); } .test-block label input:checked ~ .checkmark { background-color: rgb(91, 25= 5, 218); } body.light-theme .test-block label input:checked ~ .checkmark { background-= color: rgb(26, 26, 26); } .test-block label .checkmark::after { top: 5px; width: 5px; height: 10px; b= order-style: solid; border-color: rgb(255, 255, 255); border-image: initial= ; border-width: 0px 3px 3px 0px; transform: rotate(45deg); } .test-block input { max-width: 354px; width: 100%; background: none; border= -top: none; border-right: none; border-left: none; border-image: initial; b= order-bottom: 13px solid rgb(255, 72, 190); font-size: 26px; color: rgb(255= , 255, 255); padding-bottom: 20px; margin-right: 30px; padding-top: 0px; } body.light-theme .test-block input { color: rgb(0, 0, 0); } .s2.test-page button { max-width: 330px; width: 100%; float: right; height:= 118px; font-size: 25px; font-family: PTMono-Bold, serif; text-align: cente= r; color: rgb(23, 23, 23); background-color: rgb(91, 255, 218); border-top:= none; border-right: none; border-bottom: none; border-image: initial; bord= er-left: 30px solid rgb(255, 72, 190); margin-top: 25px; transition: all 0.= 3s ease 0s; } body.light-theme .s2.test-page button { background-color: rgb(26, 26, 26); = } .test-block label { display: block; position: relative; padding-left: 35px;= margin-bottom: 35px; cursor: pointer; font-family: "PT Mono", serif; font-= style: normal; font-weight: 400; line-height: normal; font-size: 22px; colo= r: rgb(255, 255, 255); user-select: none; } .test-block label input { position: absolute; opacity: 0; cursor: pointer; = height: 0px; width: 0px; } .test-block label input:checked ~ .checkmark::after { display: block; } .test-block label .checkmark::after { top: 9px; left: 9px; width: 8px; heig= ht: 8px; border-radius: 50%; background: rgb(255, 255, 255); } .test-block__heading { position: relative; font-family: "PT Mono", serif; f= ont-style: normal; font-weight: 400; line-height: normal; font-size: 36px; = color: rgb(91, 255, 218); } body.light-theme .test-block__heading { color: rgb(26, 26, 26); } .test-block__heading_has-content { padding-right: 32px; cursor: pointer; } .test-block__heading_has-content::before { position: absolute; content: "";= width: 11px; height: 11px; right: 10px; top: 50%; transform: translateY(-5= 0%) rotate(-225deg); box-sizing: border-box; border-style: solid; border-co= lor: rgb(91, 255, 218); border-image: initial; border-width: 2px 2px 0px 0p= x; transition: transform 0.5s ease 0s, border-color, -webkit-transform; } body.light-theme .test-block__heading_has-content::before { border-color: r= gb(0, 0, 0); } .test-block__heading_is-open::before { transform: translateY(-50%) rotate(-= 45deg); } .test-block__heading_is-open + .test-block__content { display: block; } .test-block__content { display: none; margin: -0.5rem 0px 2rem; } .test-block__content > * { margin-bottom: 1rem; } .test-block__content pre code { width: 100%; display: block; background-col= or: rgb(23, 23, 25); border-radius: 10px; color: rgb(91, 255, 218); font-si= ze: 16px; padding: 25px 30px; overflow: auto; } body.light-theme .test-block__content pre code { color: rgb(14, 95, 206); b= ackground-color: rgb(255, 255, 255); } @media (max-width: 767px) { .test-block__content pre code { padding: 15px 10px; } } .test-block__content img { max-width: 100%; display: block; margin: 20px au= to; cursor: pointer; } body.light-theme .test-block__content img { background-color: rgb(0, 0, 0);= } .test-block__content img:hover { opacity: 0.8; } @media (min-width: 992px) { .test-block__content img { max-width: 500px; max-height: 300px; width: au= to; } } .quiz__action, .quiz input[type=3D"submit"] { max-width: 330px; width: 100%= ; float: right; height: 118px; font-family: "PT Mono", serif; line-height: = normal; font-size: 25px; color: rgb(23, 23, 23); text-align: center; backgr= ound-color: rgb(91, 255, 218); border-top: none; border-right: none; border= -bottom: none; border-image: initial; border-left: 30px solid rgb(255, 72, = 190); transition: all 0.3s ease 0s; cursor: pointer; } body.light-theme .quiz__action, body.light-theme .quiz input[type=3D"submit= "] { background-color: rgb(26, 26, 26); color: rgb(255, 255, 255); } .quiz__action { display: flex; -webkit-box-pack: center; justify-content: c= enter; -webkit-box-align: center; align-items: center; } .msg-error { font-size: 18px; color: rgb(255, 72, 190); display: none; marg= in-top: 20px; } .po_rel { position: relative; } .video-wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-dire= ction: normal; flex-direction: column; -webkit-box-align: start; align-item= s: flex-start; } .po_abs { position: absolute; left: 0px; top: 0px; height: 100%; width: 100= %; } .msg-error.show { display: block; } .send-wrap { display: inline-block; float: right; width: 100%; } .signup { background-color: rgb(39, 39, 41); padding: 80px 0px 202px; heigh= t: 100vh; } .logo { display: flex; margin-bottom: 40px; -webkit-box-pack: center; justi= fy-content: center; } .js-form { width: 300px; margin: 0px auto 20px; } .form-control { height: 60px; text-align: center; margin-bottom: 10px; bord= er: 0.75px solid rgb(108, 108, 114); box-sizing: border-box; border-radius:= 2px; background-color: transparent; font-family: Arial, sans-serif; line-h= eight: 1.2em; font-size: 14px; color: rgb(255, 255, 255); } body.light-theme .form-control::-webkit-input-placeholder { color: rgb(0, 0= , 0); } body.light-theme .form-control::placeholder { color: rgb(0, 0, 0); } body.light-theme .form-control { color: rgb(0, 0, 0); } .form-control:focus { border: 1px solid rgb(91, 255, 218); box-sizing: bord= er-box; border-radius: 2px; color: rgb(255, 255, 255); background-color: tr= ansparent; } body.light-theme .form-control:focus { color: rgb(0, 0, 0); border: 1px sol= id rgb(8, 22, 107); } .mybtn { margin-top: 20px; width: 300px; height: 50px; font-family: "PT Mon= o", serif; font-style: normal; font-weight: 400; line-height: normal; font-= size: 16px; text-align: center; color: rgb(23, 23, 23); background-color: r= gb(91, 255, 218); border: none; box-sizing: border-box; border-radius: 2px;= } body.light-theme .mybtn { background-color: rgb(8, 22, 107); color: rgb(255= , 255, 255); } body.light-theme .mybtn:hover { background-color: rgb(3, 9, 49); } #saveCheckList, .mybtn.transparent { font-weight: 700; color: rgb(23, 23, 2= 3); display: block; width: 100%; text-align: center; padding: 20px; height:= auto; } body.light-theme #saveCheckList, body.light-theme .mybtn.transparent { bord= er: 2px solid rgb(8, 22, 107); color: rgb(255, 255, 255); } .success-check-list { display: block; text-align: center; color: rgb(91, 25= 5, 218) !important; } .mybtn:hover { background: rgb(66, 220, 186); border: none; box-sizing: bor= der-box; border-radius: 2px; } .singtext { color: rgb(255, 255, 255); margin-right: 15px; } .enter, .singtext { font-family: "PT Mono"; font-style: normal; font-weight= : 400; line-height: normal; font-size: 14px; } .enter { text-align: right; border: none; background-color: transparent; } .enter, .enter:hover { color: rgb(91, 255, 218); } .singu { margin: 0px auto; } .phone { background-color: rgb(39, 39, 41); padding: 247px 0px 245px; heigh= t: 100vh; } .logop { margin-bottom: 50px; } label { font-family: "PT Mono"; font-style: normal; font-weight: 400; line-= height: normal; font-size: 14px; margin-left: 15px; color: rgb(255, 255, 25= 5); cursor: pointer; } input[type=3D"checkbox"] + label { display: block; margin: 0.2em; cursor: p= ointer; padding: 0.2em; } input[type=3D"checkbox"] { display: none; } input[type=3D"checkbox"] + label::before { content: "=E2=9C=94"; border: 1p= x solid rgb(135, 139, 156); border-radius: 0.2em; display: inline-block; wi= dth: 20px; height: 20px; margin-right: 0.2em; vertical-align: bottom; color= : transparent; transition: all 0.2s ease 0s; padding-left: 4px; } input[type=3D"checkbox"] + label:active::before { transform: scale(0); } input[type=3D"checkbox"]:checked + label::before { background-color: rgb(91= , 255, 218); border-color: rgb(135, 139, 156); color: rgb(23, 23, 23); } .form__field { margin-bottom: 22px; } .form__field1 { margin-bottom: 10px; } .settings { background-color: rgb(24, 24, 26); } .settings .sett { padding-top: 108px; padding-bottom: 97px; } @media (max-width: 768px) { .settings .sett { padding-top: 74px; } } .settings .row { -webkit-box-align: start; align-items: flex-start; padding= -left: 8%; position: relative; } @media (max-width: 991px) { .settings .row { padding-left: 3%; } } @media (max-width: 768px) { .settings .row { padding-left: 20px; padding-right: 20px; } } .settings .row .notification { position: absolute; width: 254px; height: 50= px; right: 0px; top: -5px; z-index: 1; display: none; } .settings .row .notification.active { display: block; } .settings .row .notification .notification-wrapper { position: relative; wi= dth: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 10px; borde= r-radius: 6px; font-family: "Helvetica Neue", sans-serif; font-style: norma= l; font-weight: 500; font-size: 16px; line-height: 20px; display: flex; -we= bkit-box-align: center; align-items: center; -webkit-box-pack: start; justi= fy-content: flex-start; color: rgb(255, 255, 255); padding-left: 20px; padd= ing-right: 40px; } .settings .row .notification .notification-wrapper.error { background: red;= } .settings .row .notification .notification-wrapper.success { background: rg= b(40, 201, 0); } .settings .row .notification .notification-wrapper .notification-close { wi= dth: 28px; height: 28px; cursor: pointer; position: absolute; top: 50%; tra= nsform: translateY(-50%); right: 10px; background: url("/img/close-success-= notification.png") 50% center no-repeat; } @media (max-width: 768px) { .settings .row .notification { top: -4px; right: 48px; } } .settings .nogoods-wrapper { text-align: center; margin-top: 50px; } .settings .nogoods-wrapper .image { margin-bottom: 35px; } body.light-theme .settings .nogoods-wrapper .image { opacity: 0.15; } .settings .nogoods-wrapper__text { color: rgb(83, 83, 88); font-size: 16px;= font-family: "Helvetica Neue", sans-serif; font-weight: 400; } body.light-theme .settings .nogoods-wrapper__text { color: rgb(174, 176, 18= 2); } .settings .left-form-wrapper { width: 25%; max-width: 300px; padding: 23px = 30px; margin-right: 6.7%; background: rgb(39, 39, 41); border-radius: 4px; = } @media (max-width: 991px) { .settings .left-form-wrapper { width: 30%; padding: 23px 25px; } } @media (max-width: 768px) { .settings .left-form-wrapper { max-width: none; display: flex; -webkit-bo= x-align: stretch; align-items: stretch; padding: 0px; background: none; mar= gin-right: 0px; margin-bottom: 35px; flex-wrap: wrap; width: 100%; } } .settings .left-form-wrapper__button { position: relative; padding-left: 34= px; color: rgba(255, 255, 255, 0.5); font-size: 16px; line-height: 24px; fo= nt-family: "Helvetica Neue", Arial, sans-serif; text-align: left; padding-r= ight: 0px; } @media (max-width: 768px) { .settings .left-form-wrapper__button--practicums { display: none; } } body.light-theme .settings .left-form-wrapper__button { color: rgba(0, 0, 0= , 0.5); } @media (max-width: 768px) { .settings .left-form-wrapper__button { border-radius: 4px; padding: 8px 1= 0px 8px 40px; } } .settings .left-form-wrapper__button svg { position: absolute; left: 0px; t= op: 50%; width: 24px; height: 24px; opacity: 0.6; transform: translateY(-50= %); transition: opacity 0.15s ease-in-out 0s; } @media (max-width: 768px) { .settings .left-form-wrapper__button svg { left: 10px; } } body.light-theme .settings .left-form-wrapper__button svg path { fill: rgb(= 62, 62, 62); } .settings .left-form-wrapper__button:not(:last-child) { margin-bottom: 8px;= } @media (max-width: 768px) { .settings .left-form-wrapper__button:not(:last-child) { margin-bottom: 0p= x; margin-right: 20px; } } .settings .left-form-wrapper__button.active, .settings .left-form-wrapper__= button:hover { color: rgb(255, 255, 255); box-shadow: none; } body.light-theme .settings .left-form-wrapper__button.active, body.light-th= eme .settings .left-form-wrapper__button:hover { color: rgb(0, 0, 0); } .settings .left-form-wrapper__button.active svg, .settings .left-form-wrapp= er__button:hover svg { opacity: 1; } @media (max-width: 768px) { .settings .left-form-wrapper__button.active, .settings .left-form-wrapper= __button:hover { background: rgb(39, 39, 41); } body.light-theme .settings .left-form-wrapper__button.active, body.light-= theme .settings .left-form-wrapper__button:hover { background: rgb(255, 255= , 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px; } } .settings .left-form-wrapper__button--link { text-align: left; } @media (max-width: 768px) { .settings .left-form-wrapper__button--link { padding-left: 33px; width: 1= 00%; margin-left: 9px; } } .settings .left-form-wrapper__button--link:focus { box-shadow: none; } .settings .left-form-wrapper__button--link svg { left: 3px; } body.light-theme .settings .left-form-wrapper { color: rgb(0, 0, 0); backgr= ound-color: rgb(255, 255, 255); } @media (max-width: 768px) { body.light-theme .settings .left-form-wrapper { background: none; } } .settings label { display: block; min-width: 40%; -webkit-box-flex: 1; flex= -grow: 1; color: rgb(255, 255, 255); font-size: 16px; font-family: "Helveti= ca Neue", Arial, sans-serif; font-weight: 500; margin-left: 0px; cursor: au= to; } @media (max-width: 768px) { .settings label { margin-bottom: 0px; min-width: auto; } } body.light-theme .settings label { color: rgb(0, 0, 0); } .settings .form-control { width: 100%; height: auto; padding-top: 14px; pad= ding-left: 0px; margin: 0px; text-align: left; font-family: "Helvetica Neue= ", Arial, sans-serif; font-weight: 400; font-size: 16px; color: rgba(255, 2= 55, 255, 0.8); border: none; } .settings .form-control::-webkit-input-placeholder { color: rgba(255, 255, = 255, 0.8); } .settings .form-control::placeholder { color: rgba(255, 255, 255, 0.8); } body.light-theme .settings .form-control::-webkit-input-placeholder { color= : rgba(0, 0, 0, 0.8); } body.light-theme .settings .form-control::placeholder { color: rgba(0, 0, 0= , 0.8); } .settings .form-control:disabled { background: none; border: none; } body.light-theme .settings .form-control { color: rgba(0, 0, 0, 0.8); } .settings__head-text { font-size: 24px; color: rgb(255, 255, 255); font-wei= ght: 400; margin-bottom: 30px; } body.light-theme .settings__head-text { color: rgb(0, 0, 0); } .settings .content__wrapper { width: 68%; max-width: 720px; } @media (max-width: 991px) { .settings .content__wrapper { width: 63%; } } @media (max-width: 768px) { .settings .content__wrapper { width: 100%; } } .settings .access-infrastructure .head-text { margin-bottom: 60px; } .settings .access-infrastructure .accordion { list-style: none; width: 100%= ; font-size: 16px; line-height: 19px; font-family: "Helvetica Neue", Arial,= sans-serif; font-weight: 400; color: rgb(255, 255, 255); display: block; } body.light-theme .settings .access-infrastructure .accordion { color: rgb(0= , 0, 0); } @media (max-width: 767px) { .settings .access-infrastructure .accordion { padding: 0px; } } .settings .access-infrastructure .accordion__header { display: flex; -webki= t-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row now= rap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box= -align: center; align-items: center; padding: 14px 76px 14px 30px; position= : relative; cursor: pointer; min-height: 64px; border-radius: 4px; backgrou= nd-color: rgb(39, 39, 41); margin-bottom: 20px; } body.light-theme .settings .access-infrastructure .accordion__header { back= ground-color: rgb(255, 255, 255); } .settings .access-infrastructure .accordion__header::after { position: abso= lute; content: ""; width: 16px; height: 10px; right: 30px; top: 50%; transf= orm: translateY(-50%) scaleY(-1); background-image: url("data:image/svg+xml= ;charset=3Dutf-8,%3Csvg width=3D'16' height=3D'10' fill=3D'none' xmlns=3D'h= ttp://www.w3.org/2000/svg'%3E%3Cpath d=3D'M1.88 0L8 6.18 14.12 0 16 1.903 8= 10 0 1.903 1.88 0z' fill=3D'%23fff'/%3E%3C/svg%3E"); background-repeat: no= -repeat; background-size: contain; background-position: 50% center; transit= ion: transform 0.3s linear 0s, -webkit-transform 0.3s linear 0s; } body.light-theme .settings .access-infrastructure .accordion__header::after= { color: rgb(0, 0, 0); background-image: url("data:image/svg+xml;charset= =3Dutf-8,%3Csvg width=3D'16' height=3D'10' fill=3D'none' xmlns=3D'http://ww= w.w3.org/2000/svg'%3E%3Cpath d=3D'M1.88 0L8 6.18 14.12 0 16 1.903 8 10 0 1.= 903 1.88 0z' fill=3D'%23000'/%3E%3C/svg%3E"); } .settings .access-infrastructure .accordion__header.active::after { transfo= rm: translateY(-50%) scaleY(1); } .settings .access-infrastructure .accordion__header-type { font-size: 18px;= line-height: 22px; font-weight: 500; } .settings .access-infrastructure .accordion__header-button { width: 170px; = height: 36px; border: 1px solid rgb(91, 255, 218); border-radius: 4px; colo= r: rgb(91, 255, 218); font-size: 14px; line-height: 24px; padding-top: 5px;= padding-bottom: 5px; background-color: inherit; position: relative; z-inde= x: 5; } body.light-theme .settings .access-infrastructure .accordion__header-button= { border: 1px solid rgb(14, 95, 206); color: rgb(14, 95, 206); } .settings .access-infrastructure .accordion__body, .settings .access-infras= tructure .accordion__body__key-wrapper { display: flex; -webkit-box-orient:= vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-b= ox-align: start; align-items: flex-start; } .settings .access-infrastructure .accordion__body__key-wrapper { width: 100= %; } .settings .access-infrastructure .accordion__body__key-wrapper__key-name { = font-family: "Helvetica Neue", sans-serif; font-style: normal; font-weight:= 500; font-size: 16px; line-height: 40px; display: flex; -webkit-box-align:= center; align-items: center; color: rgb(255, 255, 255); } body.light-theme .settings .access-infrastructure .accordion__body__key-wra= pper__key-name { color: rgba(0, 0, 0, 0.8); } .settings .access-infrastructure .accordion__body__key-wrapper__key-preview= { font-family: "Helvetica Neue", sans-serif; font-style: normal; font-weig= ht: 400; font-size: 16px; line-height: 40px; display: flex; -webkit-box-ali= gn: center; align-items: center; color: rgba(255, 255, 255, 0.8); padding-l= eft: 20px; position: relative; width: 100%; } .settings .access-infrastructure .accordion__body__key-wrapper__key-preview= .key-remove { position: absolute; width: 33px; height: 33px; right: 0px; t= op: 50%; transform: translateY(-50%); background: url("/img/trash-gray.png"= ) 50% center no-repeat; cursor: pointer; } body.light-theme .settings .access-infrastructure .accordion__body__key-wra= pper__key-preview .key-remove { background: url("/img/trash-blue.png") 50% = center no-repeat; } body.light-theme .settings .access-infrastructure .accordion__body__key-wra= pper__key-preview { color: rgba(0, 0, 0, 0.8); } .settings .access-infrastructure .accordion__body__key-wrapper__key-preview= ::before { content: ""; position: absolute; top: 50%; left: 0px; transform:= translateY(-50%); width: 12px; height: 12px; background: url("data:image/s= vg+xml;charset=3Dutf-8,%3Csvg width=3D'12' height=3D'12' fill=3D'none' xmln= s=3D'http://www.w3.org/2000/svg'%3E%3Cpath d=3D'M10.87 1.13a3.872 3.872 0 0= 0-5.47 0 3.866 3.866 0 00-.942 3.926L.103 9.41A.351.351 0 000 9.66v1.988c0 = .195.157.352.352.352H2.34a.351.351 0 00.249-.103l.497-.498a.352.352 0 00.1-= .289l-.061-.534.74-.07a.35.35 0 00.317-.316l.07-.74.534.062a.352.352 0 00.3= 92-.35v-.654h.643a.351.351 0 00.248-.103l.902-.89c1.377.446 2.868.116 3.898= -.915a3.872 3.872 0 000-5.47zm-.996 2.487a1.056 1.056 0 01-1.49-1.491 1.056= 1.056 0 011.49 1.49z' fill=3D'%23fff' fill-opacity=3D'.8'/%3E%3C/svg%3E");= } body.light-theme .settings .access-infrastructure .accordion__body__key-wra= pper__key-preview::before { background: url("data:image/svg+xml;charset=3Du= tf-8,%3Csvg width=3D'12' height=3D'12' fill=3D'none' xmlns=3D'http://www.w3= .org/2000/svg'%3E%3Cpath d=3D'M10.87 1.13a3.872 3.872 0 00-5.47 0 3.866 3.8= 66 0 00-.942 3.926L.103 9.41A.351.351 0 000 9.66v1.988c0 .195.157.352.352.3= 52H2.34a.351.351 0 00.249-.103l.497-.498a.352.352 0 00.1-.289l-.061-.534.74= -.07a.35.35 0 00.317-.316l.07-.74.534.062a.352.352 0 00.392-.35v-.654h.643a= .351.351 0 00.248-.103l.902-.89c1.377.446 2.868.116 3.898-.915a3.872 3.872 = 0 000-5.47zm-.996 2.487a1.056 1.056 0 01-1.49-1.491 1.056 1.056 0 011.49 1.= 49z' fill=3D'%23000' fill-opacity=3D'.8'/%3E%3C/svg%3E"); } .settings .access-infrastructure .accordion__body__key-wrapper__key-date { = font-family: "Helvetica Neue", sans-serif; font-style: normal; font-weight:= 400; font-size: 16px; line-height: 40px; display: flex; -webkit-box-align:= center; align-items: center; color: rgba(255, 255, 255, 0.8); } body.light-theme .settings .access-infrastructure .accordion__body__key-wra= pper__key-date { color: rgba(0, 0, 0, 0.8); } .settings .access-infrastructure .accordion__body__key-wrapper__key-date sp= an { color: rgb(91, 255, 218); margin-right: 10px; } body.light-theme .settings .access-infrastructure .accordion__body__key-wra= pper__key-date span { color: rgb(14, 95, 206); } .settings .access-infrastructure .accordion__body__key-wrapper .divider { p= osition: relative; margin-bottom: 40px; margin-top: 10px; width: 100%; heig= ht: 1px; background-color: rgb(209, 211, 219); } .settings .access-infrastructure .keygen-gpg-window, .settings .access-infr= astructure .keygen-ssh-window { display: none; -webkit-box-orient: vertical= ; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: = start; justify-content: flex-start; width: 100%; font-size: 16px; line-heig= ht: 19px; font-family: "Helvetica Neue", Arial, sans-serif; font-weight: 40= 0; color: rgb(255, 255, 255); border-radius: 4px; margin-top: 60px; padding= : 30px; background-color: rgb(39, 39, 41); position: relative; } body.light-theme .settings .access-infrastructure .keygen-gpg-window, body.= light-theme .settings .access-infrastructure .keygen-ssh-window { backgroun= d-color: rgb(255, 255, 255); } .settings .access-infrastructure .keygen-gpg-window .close-keygen-gpg-windo= w, .settings .access-infrastructure .keygen-gpg-window .close-keygen-ssh-wi= ndow, .settings .access-infrastructure .keygen-ssh-window .close-keygen-gpg= -window, .settings .access-infrastructure .keygen-ssh-window .close-keygen-= ssh-window { position: absolute; top: 15px; right: 15px; width: 28px; heigh= t: 28px; background: url("/img/close-darktheme.svg") 50% center no-repeat; = cursor: pointer; } body.light-theme .settings .access-infrastructure .keygen-gpg-window .close= -keygen-gpg-window, body.light-theme .settings .access-infrastructure .keyg= en-gpg-window .close-keygen-ssh-window, body.light-theme .settings .access-= infrastructure .keygen-ssh-window .close-keygen-gpg-window, body.light-them= e .settings .access-infrastructure .keygen-ssh-window .close-keygen-ssh-win= dow { background: url("/img/close-lighttheme.svg") 50% center no-repeat; } .settings .access-infrastructure .keygen-gpg-window .keygen-tabs, .settings= .access-infrastructure .keygen-ssh-window .keygen-tabs { display: flex; -w= ebkit-box-pack: start; justify-content: flex-start; width: 100%; height: 44= px; position: relative; } .settings .access-infrastructure .keygen-gpg-window .keygen-tabs .keygen-ge= nerate-gpg-tab, .settings .access-infrastructure .keygen-gpg-window .keygen= -tabs .keygen-generate-ssh-tab, .settings .access-infrastructure .keygen-gp= g-window .keygen-tabs .keygen-import-gpg-tab, .settings .access-infrastruct= ure .keygen-gpg-window .keygen-tabs .keygen-import-ssh-tab, .settings .acce= ss-infrastructure .keygen-ssh-window .keygen-tabs .keygen-generate-gpg-tab,= .settings .access-infrastructure .keygen-ssh-window .keygen-tabs .keygen-g= enerate-ssh-tab, .settings .access-infrastructure .keygen-ssh-window .keyge= n-tabs .keygen-import-gpg-tab, .settings .access-infrastructure .keygen-ssh= -window .keygen-tabs .keygen-import-ssh-tab { width: 179px; height: 44px; l= ine-height: 44px; text-align: center; font-family: "Helvetica Neue", Arial,= sans-serif; font-style: normal; font-weight: 400; font-size: 16px; display= : flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: c= enter; justify-content: center; border-radius: 4px 4px 0px 0px; background-= color: rgb(39, 39, 41); cursor: pointer; } body.light-theme .settings .access-infrastructure .keygen-gpg-window .keyge= n-tabs .keygen-generate-gpg-tab, body.light-theme .settings .access-infrast= ructure .keygen-gpg-window .keygen-tabs .keygen-generate-ssh-tab, body.ligh= t-theme .settings .access-infrastructure .keygen-gpg-window .keygen-tabs .k= eygen-import-gpg-tab, body.light-theme .settings .access-infrastructure .ke= ygen-gpg-window .keygen-tabs .keygen-import-ssh-tab, body.light-theme .sett= ings .access-infrastructure .keygen-ssh-window .keygen-tabs .keygen-generat= e-gpg-tab, body.light-theme .settings .access-infrastructure .keygen-ssh-wi= ndow .keygen-tabs .keygen-generate-ssh-tab, body.light-theme .settings .acc= ess-infrastructure .keygen-ssh-window .keygen-tabs .keygen-import-gpg-tab, = body.light-theme .settings .access-infrastructure .keygen-ssh-window .keyge= n-tabs .keygen-import-ssh-tab { color: rgb(0, 0, 0); background-color: rgb(= 255, 255, 255); } .settings .access-infrastructure .keygen-gpg-window .keygen-tabs .keygen-ge= nerate-gpg-tab.active, .settings .access-infrastructure .keygen-gpg-window = .keygen-tabs .keygen-generate-ssh-tab.active, .settings .access-infrastruct= ure .keygen-gpg-window .keygen-tabs .keygen-import-gpg-tab.active, .setting= s .access-infrastructure .keygen-gpg-window .keygen-tabs .keygen-import-ssh= -tab.active, .settings .access-infrastructure .keygen-ssh-window .keygen-ta= bs .keygen-generate-gpg-tab.active, .settings .access-infrastructure .keyge= n-ssh-window .keygen-tabs .keygen-generate-ssh-tab.active, .settings .acces= s-infrastructure .keygen-ssh-window .keygen-tabs .keygen-import-gpg-tab.act= ive, .settings .access-infrastructure .keygen-ssh-window .keygen-tabs .keyg= en-import-ssh-tab.active { color: rgb(0, 0, 0); background-color: rgb(91, 2= 55, 218); } body.light-theme .settings .access-infrastructure .keygen-gpg-window .keyge= n-tabs .keygen-generate-gpg-tab.active, body.light-theme .settings .access-= infrastructure .keygen-gpg-window .keygen-tabs .keygen-generate-ssh-tab.act= ive, body.light-theme .settings .access-infrastructure .keygen-gpg-window .= keygen-tabs .keygen-import-gpg-tab.active, body.light-theme .settings .acce= ss-infrastructure .keygen-gpg-window .keygen-tabs .keygen-import-ssh-tab.ac= tive, body.light-theme .settings .access-infrastructure .keygen-ssh-window = .keygen-tabs .keygen-generate-gpg-tab.active, body.light-theme .settings .a= ccess-infrastructure .keygen-ssh-window .keygen-tabs .keygen-generate-ssh-t= ab.active, body.light-theme .settings .access-infrastructure .keygen-ssh-wi= ndow .keygen-tabs .keygen-import-gpg-tab.active, body.light-theme .settings= .access-infrastructure .keygen-ssh-window .keygen-tabs .keygen-import-ssh-= tab.active { color: rgb(255, 255, 255); background-color: rgb(14, 95, 206);= } .settings .access-infrastructure .keygen-gpg-window .keygen-tabs .keygen-ho= rizontal-line, .settings .access-infrastructure .keygen-ssh-window .keygen-= tabs .keygen-horizontal-line { position: absolute; bottom: 0px; left: 0px; = width: 100%; height: 1px; background-color: rgb(91, 255, 218); } body.light-theme .settings .access-infrastructure .keygen-gpg-window .keyge= n-tabs .keygen-horizontal-line, body.light-theme .settings .access-infrastr= ucture .keygen-ssh-window .keygen-tabs .keygen-horizontal-line { background= -color: rgb(14, 95, 206); } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= , .settings .access-infrastructure .keygen-gpg-window .generate-ssh-key-blo= ck, .settings .access-infrastructure .keygen-gpg-window .import-gpg-key-blo= ck, .settings .access-infrastructure .keygen-gpg-window .import-ssh-key-blo= ck, .settings .access-infrastructure .keygen-ssh-window .generate-gpg-key-b= lock, .settings .access-infrastructure .keygen-ssh-window .generate-ssh-key= -block, .settings .access-infrastructure .keygen-ssh-window .import-gpg-key= -block, .settings .access-infrastructure .keygen-ssh-window .import-ssh-key= -block { display: none; width: 100%; -webkit-box-orient: vertical; -webkit-= box-direction: normal; flex-direction: column; -webkit-box-pack: start; jus= tify-content: flex-start; -webkit-box-align: start; align-items: flex-start= ; } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .keygen-gpg-header, .settings .access-infrastructure .keygen-gpg-window .g= enerate-gpg-key-block .keygen-ssh-header, .settings .access-infrastructure = .keygen-gpg-window .generate-ssh-key-block .keygen-gpg-header, .settings .a= ccess-infrastructure .keygen-gpg-window .generate-ssh-key-block .keygen-ssh= -header, .settings .access-infrastructure .keygen-gpg-window .import-gpg-ke= y-block .keygen-gpg-header, .settings .access-infrastructure .keygen-gpg-wi= ndow .import-gpg-key-block .keygen-ssh-header, .settings .access-infrastruc= ture .keygen-gpg-window .import-ssh-key-block .keygen-gpg-header, .settings= .access-infrastructure .keygen-gpg-window .import-ssh-key-block .keygen-ss= h-header, .settings .access-infrastructure .keygen-ssh-window .generate-gpg= -key-block .keygen-gpg-header, .settings .access-infrastructure .keygen-ssh= -window .generate-gpg-key-block .keygen-ssh-header, .settings .access-infra= structure .keygen-ssh-window .generate-ssh-key-block .keygen-gpg-header, .s= ettings .access-infrastructure .keygen-ssh-window .generate-ssh-key-block .= keygen-ssh-header, .settings .access-infrastructure .keygen-ssh-window .imp= ort-gpg-key-block .keygen-gpg-header, .settings .access-infrastructure .key= gen-ssh-window .import-gpg-key-block .keygen-ssh-header, .settings .access-= infrastructure .keygen-ssh-window .import-ssh-key-block .keygen-gpg-header,= .settings .access-infrastructure .keygen-ssh-window .import-ssh-key-block = .keygen-ssh-header { font-family: "Helvetica Neue", Arial, sans-serif; font= -style: normal; font-weight: 500; font-size: 18px; line-height: 22px; displ= ay: flex; -webkit-box-align: center; align-items: center; color: rgb(255, 2= 55, 255); margin-top: 40px; margin-bottom: 20px; } body.light-theme .settings .access-infrastructure .keygen-gpg-window .gener= ate-gpg-key-block .keygen-gpg-header, body.light-theme .settings .access-in= frastructure .keygen-gpg-window .generate-gpg-key-block .keygen-ssh-header,= body.light-theme .settings .access-infrastructure .keygen-gpg-window .gene= rate-ssh-key-block .keygen-gpg-header, body.light-theme .settings .access-i= nfrastructure .keygen-gpg-window .generate-ssh-key-block .keygen-ssh-header= , body.light-theme .settings .access-infrastructure .keygen-gpg-window .imp= ort-gpg-key-block .keygen-gpg-header, body.light-theme .settings .access-in= frastructure .keygen-gpg-window .import-gpg-key-block .keygen-ssh-header, b= ody.light-theme .settings .access-infrastructure .keygen-gpg-window .import= -ssh-key-block .keygen-gpg-header, body.light-theme .settings .access-infra= structure .keygen-gpg-window .import-ssh-key-block .keygen-ssh-header, body= .light-theme .settings .access-infrastructure .keygen-ssh-window .generate-= gpg-key-block .keygen-gpg-header, body.light-theme .settings .access-infras= tructure .keygen-ssh-window .generate-gpg-key-block .keygen-ssh-header, bod= y.light-theme .settings .access-infrastructure .keygen-ssh-window .generate= -ssh-key-block .keygen-gpg-header, body.light-theme .settings .access-infra= structure .keygen-ssh-window .generate-ssh-key-block .keygen-ssh-header, bo= dy.light-theme .settings .access-infrastructure .keygen-ssh-window .import-= gpg-key-block .keygen-gpg-header, body.light-theme .settings .access-infras= tructure .keygen-ssh-window .import-gpg-key-block .keygen-ssh-header, body.= light-theme .settings .access-infrastructure .keygen-ssh-window .import-ssh= -key-block .keygen-gpg-header, body.light-theme .settings .access-infrastru= cture .keygen-ssh-window .import-ssh-key-block .keygen-ssh-header { color: = rgb(0, 0, 0); } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .keygen-descr, .settings .access-infrastructure .keygen-gpg-window .genera= te-ssh-key-block .keygen-descr, .settings .access-infrastructure .keygen-gp= g-window .import-gpg-key-block .keygen-descr, .settings .access-infrastruct= ure .keygen-gpg-window .import-ssh-key-block .keygen-descr, .settings .acce= ss-infrastructure .keygen-ssh-window .generate-gpg-key-block .keygen-descr,= .settings .access-infrastructure .keygen-ssh-window .generate-ssh-key-bloc= k .keygen-descr, .settings .access-infrastructure .keygen-ssh-window .impor= t-gpg-key-block .keygen-descr, .settings .access-infrastructure .keygen-ssh= -window .import-ssh-key-block .keygen-descr { font-family: "Helvetica Neue"= , Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 16px;= line-height: 19px; display: flex; -webkit-box-align: center; align-items: = center; color: rgba(255, 255, 255, 0.8); margin-bottom: 40px; } body.light-theme .settings .access-infrastructure .keygen-gpg-window .gener= ate-gpg-key-block .keygen-descr, body.light-theme .settings .access-infrast= ructure .keygen-gpg-window .generate-ssh-key-block .keygen-descr, body.ligh= t-theme .settings .access-infrastructure .keygen-gpg-window .import-gpg-key= -block .keygen-descr, body.light-theme .settings .access-infrastructure .ke= ygen-gpg-window .import-ssh-key-block .keygen-descr, body.light-theme .sett= ings .access-infrastructure .keygen-ssh-window .generate-gpg-key-block .key= gen-descr, body.light-theme .settings .access-infrastructure .keygen-ssh-wi= ndow .generate-ssh-key-block .keygen-descr, body.light-theme .settings .acc= ess-infrastructure .keygen-ssh-window .import-gpg-key-block .keygen-descr, = body.light-theme .settings .access-infrastructure .keygen-ssh-window .impor= t-ssh-key-block .keygen-descr { color: rgba(0, 0, 0, 0.8); } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .key-name, .settings .access-infrastructure .keygen-gpg-window .generate-s= sh-key-block .key-name, .settings .access-infrastructure .keygen-gpg-window= .import-gpg-key-block .key-name, .settings .access-infrastructure .keygen-= gpg-window .import-ssh-key-block .key-name, .settings .access-infrastructur= e .keygen-ssh-window .generate-gpg-key-block .key-name, .settings .access-i= nfrastructure .keygen-ssh-window .generate-ssh-key-block .key-name, .settin= gs .access-infrastructure .keygen-ssh-window .import-gpg-key-block .key-nam= e, .settings .access-infrastructure .keygen-ssh-window .import-ssh-key-bloc= k .key-name { font-family: "Helvetica Neue", Arial, sans-serif; font-style:= normal; font-weight: 500; font-size: 16px; line-height: 20px; display: fle= x; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255= ); margin-bottom: 10px; } body.light-theme .settings .access-infrastructure .keygen-gpg-window .gener= ate-gpg-key-block .key-name, body.light-theme .settings .access-infrastruct= ure .keygen-gpg-window .generate-ssh-key-block .key-name, body.light-theme = .settings .access-infrastructure .keygen-gpg-window .import-gpg-key-block .= key-name, body.light-theme .settings .access-infrastructure .keygen-gpg-win= dow .import-ssh-key-block .key-name, body.light-theme .settings .access-inf= rastructure .keygen-ssh-window .generate-gpg-key-block .key-name, body.ligh= t-theme .settings .access-infrastructure .keygen-ssh-window .generate-ssh-k= ey-block .key-name, body.light-theme .settings .access-infrastructure .keyg= en-ssh-window .import-gpg-key-block .key-name, body.light-theme .settings .= access-infrastructure .keygen-ssh-window .import-ssh-key-block .key-name { = color: rgb(0, 0, 0); } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .key-name-input-wrapper, .settings .access-infrastructure .keygen-gpg-wind= ow .generate-ssh-key-block .key-name-input-wrapper, .settings .access-infra= structure .keygen-gpg-window .import-gpg-key-block .key-name-input-wrapper,= .settings .access-infrastructure .keygen-gpg-window .import-ssh-key-block = .key-name-input-wrapper, .settings .access-infrastructure .keygen-ssh-windo= w .generate-gpg-key-block .key-name-input-wrapper, .settings .access-infras= tructure .keygen-ssh-window .generate-ssh-key-block .key-name-input-wrapper= , .settings .access-infrastructure .keygen-ssh-window .import-gpg-key-block= .key-name-input-wrapper, .settings .access-infrastructure .keygen-ssh-wind= ow .import-ssh-key-block .key-name-input-wrapper { width: 100%; position: r= elative; padding-bottom: 25px; margin-bottom: 25px; } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .key-name-input-wrapper .key-name-generate-input, .settings .access-infras= tructure .keygen-gpg-window .generate-gpg-key-block .key-name-input-wrapper= .key-name-import-input, .settings .access-infrastructure .keygen-gpg-windo= w .generate-ssh-key-block .key-name-input-wrapper .key-name-generate-input,= .settings .access-infrastructure .keygen-gpg-window .generate-ssh-key-bloc= k .key-name-input-wrapper .key-name-import-input, .settings .access-infrast= ructure .keygen-gpg-window .import-gpg-key-block .key-name-input-wrapper .k= ey-name-generate-input, .settings .access-infrastructure .keygen-gpg-window= .import-gpg-key-block .key-name-input-wrapper .key-name-import-input, .set= tings .access-infrastructure .keygen-gpg-window .import-ssh-key-block .key-= name-input-wrapper .key-name-generate-input, .settings .access-infrastructu= re .keygen-gpg-window .import-ssh-key-block .key-name-input-wrapper .key-na= me-import-input, .settings .access-infrastructure .keygen-ssh-window .gener= ate-gpg-key-block .key-name-input-wrapper .key-name-generate-input, .settin= gs .access-infrastructure .keygen-ssh-window .generate-gpg-key-block .key-n= ame-input-wrapper .key-name-import-input, .settings .access-infrastructure = .keygen-ssh-window .generate-ssh-key-block .key-name-input-wrapper .key-nam= e-generate-input, .settings .access-infrastructure .keygen-ssh-window .gene= rate-ssh-key-block .key-name-input-wrapper .key-name-import-input, .setting= s .access-infrastructure .keygen-ssh-window .import-gpg-key-block .key-name= -input-wrapper .key-name-generate-input, .settings .access-infrastructure .= keygen-ssh-window .import-gpg-key-block .key-name-input-wrapper .key-name-i= mport-input, .settings .access-infrastructure .keygen-ssh-window .import-ss= h-key-block .key-name-input-wrapper .key-name-generate-input, .settings .ac= cess-infrastructure .keygen-ssh-window .import-ssh-key-block .key-name-inpu= t-wrapper .key-name-import-input { width: 100%; height: 36px; border: 1px s= olid rgb(61, 61, 65); box-sizing: border-box; border-radius: 4px; backgroun= d-color: transparent; padding-left: 20px; color: rgba(255, 255, 255, 0.8); = } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .key-name-input-wrapper .key-name-generate-input.error_input, .settings .a= ccess-infrastructure .keygen-gpg-window .generate-gpg-key-block .key-name-i= nput-wrapper .key-name-import-input.error_input, .settings .access-infrastr= ucture .keygen-gpg-window .generate-ssh-key-block .key-name-input-wrapper .= key-name-generate-input.error_input, .settings .access-infrastructure .keyg= en-gpg-window .generate-ssh-key-block .key-name-input-wrapper .key-name-imp= ort-input.error_input, .settings .access-infrastructure .keygen-gpg-window = .import-gpg-key-block .key-name-input-wrapper .key-name-generate-input.erro= r_input, .settings .access-infrastructure .keygen-gpg-window .import-gpg-ke= y-block .key-name-input-wrapper .key-name-import-input.error_input, .settin= gs .access-infrastructure .keygen-gpg-window .import-ssh-key-block .key-nam= e-input-wrapper .key-name-generate-input.error_input, .settings .access-inf= rastructure .keygen-gpg-window .import-ssh-key-block .key-name-input-wrappe= r .key-name-import-input.error_input, .settings .access-infrastructure .key= gen-ssh-window .generate-gpg-key-block .key-name-input-wrapper .key-name-ge= nerate-input.error_input, .settings .access-infrastructure .keygen-ssh-wind= ow .generate-gpg-key-block .key-name-input-wrapper .key-name-import-input.e= rror_input, .settings .access-infrastructure .keygen-ssh-window .generate-s= sh-key-block .key-name-input-wrapper .key-name-generate-input.error_input, = .settings .access-infrastructure .keygen-ssh-window .generate-ssh-key-block= .key-name-input-wrapper .key-name-import-input.error_input, .settings .acc= ess-infrastructure .keygen-ssh-window .import-gpg-key-block .key-name-input= -wrapper .key-name-generate-input.error_input, .settings .access-infrastruc= ture .keygen-ssh-window .import-gpg-key-block .key-name-input-wrapper .key-= name-import-input.error_input, .settings .access-infrastructure .keygen-ssh= -window .import-ssh-key-block .key-name-input-wrapper .key-name-generate-in= put.error_input, .settings .access-infrastructure .keygen-ssh-window .impor= t-ssh-key-block .key-name-input-wrapper .key-name-import-input.error_input = { border: 2px solid rgb(255, 72, 190); } body.light-theme .settings .access-infrastructure .keygen-gpg-window .gener= ate-gpg-key-block .key-name-input-wrapper .key-name-generate-input, body.li= ght-theme .settings .access-infrastructure .keygen-gpg-window .generate-gpg= -key-block .key-name-input-wrapper .key-name-import-input, body.light-theme= .settings .access-infrastructure .keygen-gpg-window .generate-ssh-key-bloc= k .key-name-input-wrapper .key-name-generate-input, body.light-theme .setti= ngs .access-infrastructure .keygen-gpg-window .generate-ssh-key-block .key-= name-input-wrapper .key-name-import-input, body.light-theme .settings .acce= ss-infrastructure .keygen-gpg-window .import-gpg-key-block .key-name-input-= wrapper .key-name-generate-input, body.light-theme .settings .access-infras= tructure .keygen-gpg-window .import-gpg-key-block .key-name-input-wrapper .= key-name-import-input, body.light-theme .settings .access-infrastructure .k= eygen-gpg-window .import-ssh-key-block .key-name-input-wrapper .key-name-ge= nerate-input, body.light-theme .settings .access-infrastructure .keygen-gpg= -window .import-ssh-key-block .key-name-input-wrapper .key-name-import-inpu= t, body.light-theme .settings .access-infrastructure .keygen-ssh-window .ge= nerate-gpg-key-block .key-name-input-wrapper .key-name-generate-input, body= .light-theme .settings .access-infrastructure .keygen-ssh-window .generate-= gpg-key-block .key-name-input-wrapper .key-name-import-input, body.light-th= eme .settings .access-infrastructure .keygen-ssh-window .generate-ssh-key-b= lock .key-name-input-wrapper .key-name-generate-input, body.light-theme .se= ttings .access-infrastructure .keygen-ssh-window .generate-ssh-key-block .k= ey-name-input-wrapper .key-name-import-input, body.light-theme .settings .a= ccess-infrastructure .keygen-ssh-window .import-gpg-key-block .key-name-inp= ut-wrapper .key-name-generate-input, body.light-theme .settings .access-inf= rastructure .keygen-ssh-window .import-gpg-key-block .key-name-input-wrappe= r .key-name-import-input, body.light-theme .settings .access-infrastructure= .keygen-ssh-window .import-ssh-key-block .key-name-input-wrapper .key-name= -generate-input, body.light-theme .settings .access-infrastructure .keygen-= ssh-window .import-ssh-key-block .key-name-input-wrapper .key-name-import-i= nput { color: rgba(0, 0, 0, 0.8); } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .key-name-input-wrapper .key-name-tip, .settings .access-infrastructure .k= eygen-gpg-window .generate-ssh-key-block .key-name-input-wrapper .key-name-= tip, .settings .access-infrastructure .keygen-gpg-window .import-gpg-key-bl= ock .key-name-input-wrapper .key-name-tip, .settings .access-infrastructure= .keygen-gpg-window .import-ssh-key-block .key-name-input-wrapper .key-name= -tip, .settings .access-infrastructure .keygen-ssh-window .generate-gpg-key= -block .key-name-input-wrapper .key-name-tip, .settings .access-infrastruct= ure .keygen-ssh-window .generate-ssh-key-block .key-name-input-wrapper .key= -name-tip, .settings .access-infrastructure .keygen-ssh-window .import-gpg-= key-block .key-name-input-wrapper .key-name-tip, .settings .access-infrastr= ucture .keygen-ssh-window .import-ssh-key-block .key-name-input-wrapper .ke= y-name-tip { font-family: "Helvetica Neue", sans-serif; font-style: normal;= font-weight: 400; font-size: 12px; line-height: 24px; color: rgba(255, 255= , 255, 0.5); position: relative; bottom: 0px; left: 0px; } body.light-theme .settings .access-infrastructure .keygen-gpg-window .gener= ate-gpg-key-block .key-name-input-wrapper .key-name-tip, body.light-theme .= settings .access-infrastructure .keygen-gpg-window .generate-ssh-key-block = .key-name-input-wrapper .key-name-tip, body.light-theme .settings .access-i= nfrastructure .keygen-gpg-window .import-gpg-key-block .key-name-input-wrap= per .key-name-tip, body.light-theme .settings .access-infrastructure .keyge= n-gpg-window .import-ssh-key-block .key-name-input-wrapper .key-name-tip, b= ody.light-theme .settings .access-infrastructure .keygen-ssh-window .genera= te-gpg-key-block .key-name-input-wrapper .key-name-tip, body.light-theme .s= ettings .access-infrastructure .keygen-ssh-window .generate-ssh-key-block .= key-name-input-wrapper .key-name-tip, body.light-theme .settings .access-in= frastructure .keygen-ssh-window .import-gpg-key-block .key-name-input-wrapp= er .key-name-tip, body.light-theme .settings .access-infrastructure .keygen= -ssh-window .import-ssh-key-block .key-name-input-wrapper .key-name-tip { c= olor: rgba(0, 0, 0, 0.8); } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .key-gpg-body, .settings .access-infrastructure .keygen-gpg-window .genera= te-gpg-key-block .key-ssh-body, .settings .access-infrastructure .keygen-gp= g-window .generate-ssh-key-block .key-gpg-body, .settings .access-infrastru= cture .keygen-gpg-window .generate-ssh-key-block .key-ssh-body, .settings .= access-infrastructure .keygen-gpg-window .import-gpg-key-block .key-gpg-bod= y, .settings .access-infrastructure .keygen-gpg-window .import-gpg-key-bloc= k .key-ssh-body, .settings .access-infrastructure .keygen-gpg-window .impor= t-ssh-key-block .key-gpg-body, .settings .access-infrastructure .keygen-gpg= -window .import-ssh-key-block .key-ssh-body, .settings .access-infrastructu= re .keygen-ssh-window .generate-gpg-key-block .key-gpg-body, .settings .acc= ess-infrastructure .keygen-ssh-window .generate-gpg-key-block .key-ssh-body= , .settings .access-infrastructure .keygen-ssh-window .generate-ssh-key-blo= ck .key-gpg-body, .settings .access-infrastructure .keygen-ssh-window .gene= rate-ssh-key-block .key-ssh-body, .settings .access-infrastructure .keygen-= ssh-window .import-gpg-key-block .key-gpg-body, .settings .access-infrastru= cture .keygen-ssh-window .import-gpg-key-block .key-ssh-body, .settings .ac= cess-infrastructure .keygen-ssh-window .import-ssh-key-block .key-gpg-body,= .settings .access-infrastructure .keygen-ssh-window .import-ssh-key-block = .key-ssh-body { width: 100%; min-height: 180px; border: 1px solid rgb(209, = 211, 219); box-sizing: border-box; border-radius: 4px; background-color: tr= ansparent; padding: 20px; color: rgba(255, 255, 255, 0.8); margin-bottom: 5= 0px; } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .key-gpg-body.error_input, .settings .access-infrastructure .keygen-gpg-wi= ndow .generate-gpg-key-block .key-ssh-body.error_input, .settings .access-i= nfrastructure .keygen-gpg-window .generate-ssh-key-block .key-gpg-body.erro= r_input, .settings .access-infrastructure .keygen-gpg-window .generate-ssh-= key-block .key-ssh-body.error_input, .settings .access-infrastructure .keyg= en-gpg-window .import-gpg-key-block .key-gpg-body.error_input, .settings .a= ccess-infrastructure .keygen-gpg-window .import-gpg-key-block .key-ssh-body= .error_input, .settings .access-infrastructure .keygen-gpg-window .import-s= sh-key-block .key-gpg-body.error_input, .settings .access-infrastructure .k= eygen-gpg-window .import-ssh-key-block .key-ssh-body.error_input, .settings= .access-infrastructure .keygen-ssh-window .generate-gpg-key-block .key-gpg= -body.error_input, .settings .access-infrastructure .keygen-ssh-window .gen= erate-gpg-key-block .key-ssh-body.error_input, .settings .access-infrastruc= ture .keygen-ssh-window .generate-ssh-key-block .key-gpg-body.error_input, = .settings .access-infrastructure .keygen-ssh-window .generate-ssh-key-block= .key-ssh-body.error_input, .settings .access-infrastructure .keygen-ssh-wi= ndow .import-gpg-key-block .key-gpg-body.error_input, .settings .access-inf= rastructure .keygen-ssh-window .import-gpg-key-block .key-ssh-body.error_in= put, .settings .access-infrastructure .keygen-ssh-window .import-ssh-key-bl= ock .key-gpg-body.error_input, .settings .access-infrastructure .keygen-ssh= -window .import-ssh-key-block .key-ssh-body.error_input { border: 2px solid= rgb(255, 72, 190); } body.light-theme .settings .access-infrastructure .keygen-gpg-window .gener= ate-gpg-key-block .key-gpg-body, body.light-theme .settings .access-infrast= ructure .keygen-gpg-window .generate-gpg-key-block .key-ssh-body, body.ligh= t-theme .settings .access-infrastructure .keygen-gpg-window .generate-ssh-k= ey-block .key-gpg-body, body.light-theme .settings .access-infrastructure .= keygen-gpg-window .generate-ssh-key-block .key-ssh-body, body.light-theme .= settings .access-infrastructure .keygen-gpg-window .import-gpg-key-block .k= ey-gpg-body, body.light-theme .settings .access-infrastructure .keygen-gpg-= window .import-gpg-key-block .key-ssh-body, body.light-theme .settings .acc= ess-infrastructure .keygen-gpg-window .import-ssh-key-block .key-gpg-body, = body.light-theme .settings .access-infrastructure .keygen-gpg-window .impor= t-ssh-key-block .key-ssh-body, body.light-theme .settings .access-infrastru= cture .keygen-ssh-window .generate-gpg-key-block .key-gpg-body, body.light-= theme .settings .access-infrastructure .keygen-ssh-window .generate-gpg-key= -block .key-ssh-body, body.light-theme .settings .access-infrastructure .ke= ygen-ssh-window .generate-ssh-key-block .key-gpg-body, body.light-theme .se= ttings .access-infrastructure .keygen-ssh-window .generate-ssh-key-block .k= ey-ssh-body, body.light-theme .settings .access-infrastructure .keygen-ssh-= window .import-gpg-key-block .key-gpg-body, body.light-theme .settings .acc= ess-infrastructure .keygen-ssh-window .import-gpg-key-block .key-ssh-body, = body.light-theme .settings .access-infrastructure .keygen-ssh-window .impor= t-ssh-key-block .key-gpg-body, body.light-theme .settings .access-infrastru= cture .keygen-ssh-window .import-ssh-key-block .key-ssh-body { color: rgba(= 0, 0, 0, 0.8); } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .radio-buttons, .settings .access-infrastructure .keygen-gpg-window .gener= ate-ssh-key-block .radio-buttons, .settings .access-infrastructure .keygen-= gpg-window .import-gpg-key-block .radio-buttons, .settings .access-infrastr= ucture .keygen-gpg-window .import-ssh-key-block .radio-buttons, .settings .= access-infrastructure .keygen-ssh-window .generate-gpg-key-block .radio-but= tons, .settings .access-infrastructure .keygen-ssh-window .generate-ssh-key= -block .radio-buttons, .settings .access-infrastructure .keygen-ssh-window = .import-gpg-key-block .radio-buttons, .settings .access-infrastructure .key= gen-ssh-window .import-ssh-key-block .radio-buttons { display: flex; -webki= t-box-orient: vertical; -webkit-box-direction: normal; flex-direction: colu= mn; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align= : start; align-items: flex-start; width: 100%; margin-bottom: 40px; } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .radio-buttons .radio-wrapper, .settings .access-infrastructure .keygen-gp= g-window .generate-ssh-key-block .radio-buttons .radio-wrapper, .settings .= access-infrastructure .keygen-gpg-window .import-gpg-key-block .radio-butto= ns .radio-wrapper, .settings .access-infrastructure .keygen-gpg-window .imp= ort-ssh-key-block .radio-buttons .radio-wrapper, .settings .access-infrastr= ucture .keygen-ssh-window .generate-gpg-key-block .radio-buttons .radio-wra= pper, .settings .access-infrastructure .keygen-ssh-window .generate-ssh-key= -block .radio-buttons .radio-wrapper, .settings .access-infrastructure .key= gen-ssh-window .import-gpg-key-block .radio-buttons .radio-wrapper, .settin= gs .access-infrastructure .keygen-ssh-window .import-ssh-key-block .radio-b= uttons .radio-wrapper { display: flex; -webkit-box-orient: vertical; -webki= t-box-direction: normal; flex-direction: column; padding-left: 20px; positi= on: relative; } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .radio-buttons .radio-wrapper input, .settings .access-infrastructure .key= gen-gpg-window .generate-ssh-key-block .radio-buttons .radio-wrapper input,= .settings .access-infrastructure .keygen-gpg-window .import-gpg-key-block = .radio-buttons .radio-wrapper input, .settings .access-infrastructure .keyg= en-gpg-window .import-ssh-key-block .radio-buttons .radio-wrapper input, .s= ettings .access-infrastructure .keygen-ssh-window .generate-gpg-key-block .= radio-buttons .radio-wrapper input, .settings .access-infrastructure .keyge= n-ssh-window .generate-ssh-key-block .radio-buttons .radio-wrapper input, .= settings .access-infrastructure .keygen-ssh-window .import-gpg-key-block .r= adio-buttons .radio-wrapper input, .settings .access-infrastructure .keygen= -ssh-window .import-ssh-key-block .radio-buttons .radio-wrapper input { pos= ition: absolute; left: 0px; top: 0px; display: none; z-index: 2; } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .radio-buttons .radio-wrapper label, .settings .access-infrastructure .key= gen-gpg-window .generate-ssh-key-block .radio-buttons .radio-wrapper label,= .settings .access-infrastructure .keygen-gpg-window .import-gpg-key-block = .radio-buttons .radio-wrapper label, .settings .access-infrastructure .keyg= en-gpg-window .import-ssh-key-block .radio-buttons .radio-wrapper label, .s= ettings .access-infrastructure .keygen-ssh-window .generate-gpg-key-block .= radio-buttons .radio-wrapper label, .settings .access-infrastructure .keyge= n-ssh-window .generate-ssh-key-block .radio-buttons .radio-wrapper label, .= settings .access-infrastructure .keygen-ssh-window .import-gpg-key-block .r= adio-buttons .radio-wrapper label, .settings .access-infrastructure .keygen= -ssh-window .import-ssh-key-block .radio-buttons .radio-wrapper label { fon= t-family: "Helvetica Neue", sans-serif; font-style: normal; font-weight: 40= 0; font-size: 16px; line-height: 19px; display: flex; -webkit-box-align: ce= nter; align-items: center; color: rgb(255, 255, 255); padding-left: 25px; p= osition: relative; cursor: pointer; } body.light-theme .settings .access-infrastructure .keygen-gpg-window .gener= ate-gpg-key-block .radio-buttons .radio-wrapper label, body.light-theme .se= ttings .access-infrastructure .keygen-gpg-window .generate-ssh-key-block .r= adio-buttons .radio-wrapper label, body.light-theme .settings .access-infra= structure .keygen-gpg-window .import-gpg-key-block .radio-buttons .radio-wr= apper label, body.light-theme .settings .access-infrastructure .keygen-gpg-= window .import-ssh-key-block .radio-buttons .radio-wrapper label, body.ligh= t-theme .settings .access-infrastructure .keygen-ssh-window .generate-gpg-k= ey-block .radio-buttons .radio-wrapper label, body.light-theme .settings .a= ccess-infrastructure .keygen-ssh-window .generate-ssh-key-block .radio-butt= ons .radio-wrapper label, body.light-theme .settings .access-infrastructure= .keygen-ssh-window .import-gpg-key-block .radio-buttons .radio-wrapper lab= el, body.light-theme .settings .access-infrastructure .keygen-ssh-window .i= mport-ssh-key-block .radio-buttons .radio-wrapper label { color: rgb(0, 0, = 0); } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .radio-buttons .radio-wrapper label::after, .settings .access-infrastructu= re .keygen-gpg-window .generate-ssh-key-block .radio-buttons .radio-wrapper= label::after, .settings .access-infrastructure .keygen-gpg-window .import-= gpg-key-block .radio-buttons .radio-wrapper label::after, .settings .access= -infrastructure .keygen-gpg-window .import-ssh-key-block .radio-buttons .ra= dio-wrapper label::after, .settings .access-infrastructure .keygen-ssh-wind= ow .generate-gpg-key-block .radio-buttons .radio-wrapper label::after, .set= tings .access-infrastructure .keygen-ssh-window .generate-ssh-key-block .ra= dio-buttons .radio-wrapper label::after, .settings .access-infrastructure .= keygen-ssh-window .import-gpg-key-block .radio-buttons .radio-wrapper label= ::after, .settings .access-infrastructure .keygen-ssh-window .import-ssh-ke= y-block .radio-buttons .radio-wrapper label::after { content: ""; z-index: = 1; position: absolute; top: 0px; left: 0px; width: 16px; height: 16px; back= ground: url("/img/radio-unchecked.png") 0px 0px no-repeat; } body.light-theme .settings .access-infrastructure .keygen-gpg-window .gener= ate-gpg-key-block .radio-buttons .radio-wrapper label::after, body.light-th= eme .settings .access-infrastructure .keygen-gpg-window .generate-ssh-key-b= lock .radio-buttons .radio-wrapper label::after, body.light-theme .settings= .access-infrastructure .keygen-gpg-window .import-gpg-key-block .radio-but= tons .radio-wrapper label::after, body.light-theme .settings .access-infras= tructure .keygen-gpg-window .import-ssh-key-block .radio-buttons .radio-wra= pper label::after, body.light-theme .settings .access-infrastructure .keyge= n-ssh-window .generate-gpg-key-block .radio-buttons .radio-wrapper label::a= fter, body.light-theme .settings .access-infrastructure .keygen-ssh-window = .generate-ssh-key-block .radio-buttons .radio-wrapper label::after, body.li= ght-theme .settings .access-infrastructure .keygen-ssh-window .import-gpg-k= ey-block .radio-buttons .radio-wrapper label::after, body.light-theme .sett= ings .access-infrastructure .keygen-ssh-window .import-ssh-key-block .radio= -buttons .radio-wrapper label::after { background: url("/img/radio-unchecke= d-light.png") 0px 0px no-repeat; } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .radio-buttons .radio-wrapper input:checked + label::after, .settings .acc= ess-infrastructure .keygen-gpg-window .generate-ssh-key-block .radio-button= s .radio-wrapper input:checked + label::after, .settings .access-infrastruc= ture .keygen-gpg-window .import-gpg-key-block .radio-buttons .radio-wrapper= input:checked + label::after, .settings .access-infrastructure .keygen-gpg= -window .import-ssh-key-block .radio-buttons .radio-wrapper input:checked += label::after, .settings .access-infrastructure .keygen-ssh-window .generat= e-gpg-key-block .radio-buttons .radio-wrapper input:checked + label::after,= .settings .access-infrastructure .keygen-ssh-window .generate-ssh-key-bloc= k .radio-buttons .radio-wrapper input:checked + label::after, .settings .ac= cess-infrastructure .keygen-ssh-window .import-gpg-key-block .radio-buttons= .radio-wrapper input:checked + label::after, .settings .access-infrastruct= ure .keygen-ssh-window .import-ssh-key-block .radio-buttons .radio-wrapper = input:checked + label::after { background: url("/img/radio-checked.png") 0p= x 0px no-repeat; } body.light-theme .settings .access-infrastructure .keygen-gpg-window .gener= ate-gpg-key-block .radio-buttons .radio-wrapper input:checked + label::afte= r, body.light-theme .settings .access-infrastructure .keygen-gpg-window .ge= nerate-ssh-key-block .radio-buttons .radio-wrapper input:checked + label::a= fter, body.light-theme .settings .access-infrastructure .keygen-gpg-window = .import-gpg-key-block .radio-buttons .radio-wrapper input:checked + label::= after, body.light-theme .settings .access-infrastructure .keygen-gpg-window= .import-ssh-key-block .radio-buttons .radio-wrapper input:checked + label:= :after, body.light-theme .settings .access-infrastructure .keygen-ssh-windo= w .generate-gpg-key-block .radio-buttons .radio-wrapper input:checked + lab= el::after, body.light-theme .settings .access-infrastructure .keygen-ssh-wi= ndow .generate-ssh-key-block .radio-buttons .radio-wrapper input:checked + = label::after, body.light-theme .settings .access-infrastructure .keygen-ssh= -window .import-gpg-key-block .radio-buttons .radio-wrapper input:checked += label::after, body.light-theme .settings .access-infrastructure .keygen-ss= h-window .import-ssh-key-block .radio-buttons .radio-wrapper input:checked = + label::after { background: url("/img/radio-checked-light.png") 0px 0px no= -repeat; } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .radio-buttons .radio-wrapper span.label-descr, .settings .access-infrastr= ucture .keygen-gpg-window .generate-ssh-key-block .radio-buttons .radio-wra= pper span.label-descr, .settings .access-infrastructure .keygen-gpg-window = .import-gpg-key-block .radio-buttons .radio-wrapper span.label-descr, .sett= ings .access-infrastructure .keygen-gpg-window .import-ssh-key-block .radio= -buttons .radio-wrapper span.label-descr, .settings .access-infrastructure = .keygen-ssh-window .generate-gpg-key-block .radio-buttons .radio-wrapper sp= an.label-descr, .settings .access-infrastructure .keygen-ssh-window .genera= te-ssh-key-block .radio-buttons .radio-wrapper span.label-descr, .settings = .access-infrastructure .keygen-ssh-window .import-gpg-key-block .radio-butt= ons .radio-wrapper span.label-descr, .settings .access-infrastructure .keyg= en-ssh-window .import-ssh-key-block .radio-buttons .radio-wrapper span.labe= l-descr { font-family: "Helvetica Neue"; font-style: normal; font-weight: 4= 00; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.5); } body.light-theme .settings .access-infrastructure .keygen-gpg-window .gener= ate-gpg-key-block .radio-buttons .radio-wrapper span.label-descr, body.ligh= t-theme .settings .access-infrastructure .keygen-gpg-window .generate-ssh-k= ey-block .radio-buttons .radio-wrapper span.label-descr, body.light-theme .= settings .access-infrastructure .keygen-gpg-window .import-gpg-key-block .r= adio-buttons .radio-wrapper span.label-descr, body.light-theme .settings .a= ccess-infrastructure .keygen-gpg-window .import-ssh-key-block .radio-button= s .radio-wrapper span.label-descr, body.light-theme .settings .access-infra= structure .keygen-ssh-window .generate-gpg-key-block .radio-buttons .radio-= wrapper span.label-descr, body.light-theme .settings .access-infrastructure= .keygen-ssh-window .generate-ssh-key-block .radio-buttons .radio-wrapper s= pan.label-descr, body.light-theme .settings .access-infrastructure .keygen-= ssh-window .import-gpg-key-block .radio-buttons .radio-wrapper span.label-d= escr, body.light-theme .settings .access-infrastructure .keygen-ssh-window = .import-ssh-key-block .radio-buttons .radio-wrapper span.label-descr { colo= r: rgba(0, 0, 0, 0.667); } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .buttons, .settings .access-infrastructure .keygen-gpg-window .generate-ss= h-key-block .buttons, .settings .access-infrastructure .keygen-gpg-window .= import-gpg-key-block .buttons, .settings .access-infrastructure .keygen-gpg= -window .import-ssh-key-block .buttons, .settings .access-infrastructure .k= eygen-ssh-window .generate-gpg-key-block .buttons, .settings .access-infras= tructure .keygen-ssh-window .generate-ssh-key-block .buttons, .settings .ac= cess-infrastructure .keygen-ssh-window .import-gpg-key-block .buttons, .set= tings .access-infrastructure .keygen-ssh-window .import-ssh-key-block .butt= ons { width: 100%; display: flex; -webkit-box-pack: start; justify-content:= flex-start; margin-bottom: 20px; } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .buttons .add-gpg-key-button, .settings .access-infrastructure .keygen-gpg= -window .generate-gpg-key-block .buttons .add-ssh-key-button, .settings .ac= cess-infrastructure .keygen-gpg-window .generate-gpg-key-block .buttons .ge= nerate-gpg-key-button, .settings .access-infrastructure .keygen-gpg-window = .generate-gpg-key-block .buttons .generate-ssh-key-button, .settings .acces= s-infrastructure .keygen-gpg-window .generate-ssh-key-block .buttons .add-g= pg-key-button, .settings .access-infrastructure .keygen-gpg-window .generat= e-ssh-key-block .buttons .add-ssh-key-button, .settings .access-infrastruct= ure .keygen-gpg-window .generate-ssh-key-block .buttons .generate-gpg-key-b= utton, .settings .access-infrastructure .keygen-gpg-window .generate-ssh-ke= y-block .buttons .generate-ssh-key-button, .settings .access-infrastructure= .keygen-gpg-window .import-gpg-key-block .buttons .add-gpg-key-button, .se= ttings .access-infrastructure .keygen-gpg-window .import-gpg-key-block .but= tons .add-ssh-key-button, .settings .access-infrastructure .keygen-gpg-wind= ow .import-gpg-key-block .buttons .generate-gpg-key-button, .settings .acce= ss-infrastructure .keygen-gpg-window .import-gpg-key-block .buttons .genera= te-ssh-key-button, .settings .access-infrastructure .keygen-gpg-window .imp= ort-ssh-key-block .buttons .add-gpg-key-button, .settings .access-infrastru= cture .keygen-gpg-window .import-ssh-key-block .buttons .add-ssh-key-button= , .settings .access-infrastructure .keygen-gpg-window .import-ssh-key-block= .buttons .generate-gpg-key-button, .settings .access-infrastructure .keyge= n-gpg-window .import-ssh-key-block .buttons .generate-ssh-key-button, .sett= ings .access-infrastructure .keygen-ssh-window .generate-gpg-key-block .but= tons .add-gpg-key-button, .settings .access-infrastructure .keygen-ssh-wind= ow .generate-gpg-key-block .buttons .add-ssh-key-button, .settings .access-= infrastructure .keygen-ssh-window .generate-gpg-key-block .buttons .generat= e-gpg-key-button, .settings .access-infrastructure .keygen-ssh-window .gene= rate-gpg-key-block .buttons .generate-ssh-key-button, .settings .access-inf= rastructure .keygen-ssh-window .generate-ssh-key-block .buttons .add-gpg-ke= y-button, .settings .access-infrastructure .keygen-ssh-window .generate-ssh= -key-block .buttons .add-ssh-key-button, .settings .access-infrastructure .= keygen-ssh-window .generate-ssh-key-block .buttons .generate-gpg-key-button= , .settings .access-infrastructure .keygen-ssh-window .generate-ssh-key-blo= ck .buttons .generate-ssh-key-button, .settings .access-infrastructure .key= gen-ssh-window .import-gpg-key-block .buttons .add-gpg-key-button, .setting= s .access-infrastructure .keygen-ssh-window .import-gpg-key-block .buttons = .add-ssh-key-button, .settings .access-infrastructure .keygen-ssh-window .i= mport-gpg-key-block .buttons .generate-gpg-key-button, .settings .access-in= frastructure .keygen-ssh-window .import-gpg-key-block .buttons .generate-ss= h-key-button, .settings .access-infrastructure .keygen-ssh-window .import-s= sh-key-block .buttons .add-gpg-key-button, .settings .access-infrastructure= .keygen-ssh-window .import-ssh-key-block .buttons .add-ssh-key-button, .se= ttings .access-infrastructure .keygen-ssh-window .import-ssh-key-block .but= tons .generate-gpg-key-button, .settings .access-infrastructure .keygen-ssh= -window .import-ssh-key-block .buttons .generate-ssh-key-button { backgroun= d: rgb(91, 255, 218); border-radius: 4px; width: max-content; padding-left:= 30px; padding-right: 30px; height: 44px; display: flex; -webkit-box-pack: = center; justify-content: center; -webkit-box-align: center; align-items: ce= nter; color: rgb(0, 0, 0); cursor: pointer; } body.light-theme .settings .access-infrastructure .keygen-gpg-window .gener= ate-gpg-key-block .buttons .add-gpg-key-button, body.light-theme .settings = .access-infrastructure .keygen-gpg-window .generate-gpg-key-block .buttons = .add-ssh-key-button, body.light-theme .settings .access-infrastructure .key= gen-gpg-window .generate-gpg-key-block .buttons .generate-gpg-key-button, b= ody.light-theme .settings .access-infrastructure .keygen-gpg-window .genera= te-gpg-key-block .buttons .generate-ssh-key-button, body.light-theme .setti= ngs .access-infrastructure .keygen-gpg-window .generate-ssh-key-block .butt= ons .add-gpg-key-button, body.light-theme .settings .access-infrastructure = .keygen-gpg-window .generate-ssh-key-block .buttons .add-ssh-key-button, bo= dy.light-theme .settings .access-infrastructure .keygen-gpg-window .generat= e-ssh-key-block .buttons .generate-gpg-key-button, body.light-theme .settin= gs .access-infrastructure .keygen-gpg-window .generate-ssh-key-block .butto= ns .generate-ssh-key-button, body.light-theme .settings .access-infrastruct= ure .keygen-gpg-window .import-gpg-key-block .buttons .add-gpg-key-button, = body.light-theme .settings .access-infrastructure .keygen-gpg-window .impor= t-gpg-key-block .buttons .add-ssh-key-button, body.light-theme .settings .a= ccess-infrastructure .keygen-gpg-window .import-gpg-key-block .buttons .gen= erate-gpg-key-button, body.light-theme .settings .access-infrastructure .ke= ygen-gpg-window .import-gpg-key-block .buttons .generate-ssh-key-button, bo= dy.light-theme .settings .access-infrastructure .keygen-gpg-window .import-= ssh-key-block .buttons .add-gpg-key-button, body.light-theme .settings .acc= ess-infrastructure .keygen-gpg-window .import-ssh-key-block .buttons .add-s= sh-key-button, body.light-theme .settings .access-infrastructure .keygen-gp= g-window .import-ssh-key-block .buttons .generate-gpg-key-button, body.ligh= t-theme .settings .access-infrastructure .keygen-gpg-window .import-ssh-key= -block .buttons .generate-ssh-key-button, body.light-theme .settings .acces= s-infrastructure .keygen-ssh-window .generate-gpg-key-block .buttons .add-g= pg-key-button, body.light-theme .settings .access-infrastructure .keygen-ss= h-window .generate-gpg-key-block .buttons .add-ssh-key-button, body.light-t= heme .settings .access-infrastructure .keygen-ssh-window .generate-gpg-key-= block .buttons .generate-gpg-key-button, body.light-theme .settings .access= -infrastructure .keygen-ssh-window .generate-gpg-key-block .buttons .genera= te-ssh-key-button, body.light-theme .settings .access-infrastructure .keyge= n-ssh-window .generate-ssh-key-block .buttons .add-gpg-key-button, body.lig= ht-theme .settings .access-infrastructure .keygen-ssh-window .generate-ssh-= key-block .buttons .add-ssh-key-button, body.light-theme .settings .access-= infrastructure .keygen-ssh-window .generate-ssh-key-block .buttons .generat= e-gpg-key-button, body.light-theme .settings .access-infrastructure .keygen= -ssh-window .generate-ssh-key-block .buttons .generate-ssh-key-button, body= .light-theme .settings .access-infrastructure .keygen-ssh-window .import-gp= g-key-block .buttons .add-gpg-key-button, body.light-theme .settings .acces= s-infrastructure .keygen-ssh-window .import-gpg-key-block .buttons .add-ssh= -key-button, body.light-theme .settings .access-infrastructure .keygen-ssh-= window .import-gpg-key-block .buttons .generate-gpg-key-button, body.light-= theme .settings .access-infrastructure .keygen-ssh-window .import-gpg-key-b= lock .buttons .generate-ssh-key-button, body.light-theme .settings .access-= infrastructure .keygen-ssh-window .import-ssh-key-block .buttons .add-gpg-k= ey-button, body.light-theme .settings .access-infrastructure .keygen-ssh-wi= ndow .import-ssh-key-block .buttons .add-ssh-key-button, body.light-theme .= settings .access-infrastructure .keygen-ssh-window .import-ssh-key-block .b= uttons .generate-gpg-key-button, body.light-theme .settings .access-infrast= ructure .keygen-ssh-window .import-ssh-key-block .buttons .generate-ssh-key= -button { background: rgb(14, 95, 206); color: rgb(255, 255, 255); } .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .buttons .deny-generate-gpg-key-button, .settings .access-infrastructure .= keygen-gpg-window .generate-gpg-key-block .buttons .deny-generate-ssh-key-b= utton, .settings .access-infrastructure .keygen-gpg-window .generate-gpg-ke= y-block .buttons .deny-gpg-key-button, .settings .access-infrastructure .ke= ygen-gpg-window .generate-gpg-key-block .buttons .deny-ssh-key-button, .set= tings .access-infrastructure .keygen-gpg-window .generate-ssh-key-block .bu= ttons .deny-generate-gpg-key-button, .settings .access-infrastructure .keyg= en-gpg-window .generate-ssh-key-block .buttons .deny-generate-ssh-key-butto= n, .settings .access-infrastructure .keygen-gpg-window .generate-ssh-key-bl= ock .buttons .deny-gpg-key-button, .settings .access-infrastructure .keygen= -gpg-window .generate-ssh-key-block .buttons .deny-ssh-key-button, .setting= s .access-infrastructure .keygen-gpg-window .import-gpg-key-block .buttons = .deny-generate-gpg-key-button, .settings .access-infrastructure .keygen-gpg= -window .import-gpg-key-block .buttons .deny-generate-ssh-key-button, .sett= ings .access-infrastructure .keygen-gpg-window .import-gpg-key-block .butto= ns .deny-gpg-key-button, .settings .access-infrastructure .keygen-gpg-windo= w .import-gpg-key-block .buttons .deny-ssh-key-button, .settings .access-in= frastructure .keygen-gpg-window .import-ssh-key-block .buttons .deny-genera= te-gpg-key-button, .settings .access-infrastructure .keygen-gpg-window .imp= ort-ssh-key-block .buttons .deny-generate-ssh-key-button, .settings .access= -infrastructure .keygen-gpg-window .import-ssh-key-block .buttons .deny-gpg= -key-button, .settings .access-infrastructure .keygen-gpg-window .import-ss= h-key-block .buttons .deny-ssh-key-button, .settings .access-infrastructure= .keygen-ssh-window .generate-gpg-key-block .buttons .deny-generate-gpg-key= -button, .settings .access-infrastructure .keygen-ssh-window .generate-gpg-= key-block .buttons .deny-generate-ssh-key-button, .settings .access-infrast= ructure .keygen-ssh-window .generate-gpg-key-block .buttons .deny-gpg-key-b= utton, .settings .access-infrastructure .keygen-ssh-window .generate-gpg-ke= y-block .buttons .deny-ssh-key-button, .settings .access-infrastructure .ke= ygen-ssh-window .generate-ssh-key-block .buttons .deny-generate-gpg-key-but= ton, .settings .access-infrastructure .keygen-ssh-window .generate-ssh-key-= block .buttons .deny-generate-ssh-key-button, .settings .access-infrastruct= ure .keygen-ssh-window .generate-ssh-key-block .buttons .deny-gpg-key-butto= n, .settings .access-infrastructure .keygen-ssh-window .generate-ssh-key-bl= ock .buttons .deny-ssh-key-button, .settings .access-infrastructure .keygen= -ssh-window .import-gpg-key-block .buttons .deny-generate-gpg-key-button, .= settings .access-infrastructure .keygen-ssh-window .import-gpg-key-block .b= uttons .deny-generate-ssh-key-button, .settings .access-infrastructure .key= gen-ssh-window .import-gpg-key-block .buttons .deny-gpg-key-button, .settin= gs .access-infrastructure .keygen-ssh-window .import-gpg-key-block .buttons= .deny-ssh-key-button, .settings .access-infrastructure .keygen-ssh-window = .import-ssh-key-block .buttons .deny-generate-gpg-key-button, .settings .ac= cess-infrastructure .keygen-ssh-window .import-ssh-key-block .buttons .deny= -generate-ssh-key-button, .settings .access-infrastructure .keygen-ssh-wind= ow .import-ssh-key-block .buttons .deny-gpg-key-button, .settings .access-i= nfrastructure .keygen-ssh-window .import-ssh-key-block .buttons .deny-ssh-k= ey-button { width: max-content; padding-left: 30px; padding-right: 30px; he= ight: 44px; display: flex; -webkit-box-pack: center; justify-content: cente= r; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255= ); background: transparent; cursor: pointer; } body.light-theme .settings .access-infrastructure .keygen-gpg-window .gener= ate-gpg-key-block .buttons .deny-generate-gpg-key-button, body.light-theme = .settings .access-infrastructure .keygen-gpg-window .generate-gpg-key-block= .buttons .deny-generate-ssh-key-button, body.light-theme .settings .access= -infrastructure .keygen-gpg-window .generate-gpg-key-block .buttons .deny-g= pg-key-button, body.light-theme .settings .access-infrastructure .keygen-gp= g-window .generate-gpg-key-block .buttons .deny-ssh-key-button, body.light-= theme .settings .access-infrastructure .keygen-gpg-window .generate-ssh-key= -block .buttons .deny-generate-gpg-key-button, body.light-theme .settings .= access-infrastructure .keygen-gpg-window .generate-ssh-key-block .buttons .= deny-generate-ssh-key-button, body.light-theme .settings .access-infrastruc= ture .keygen-gpg-window .generate-ssh-key-block .buttons .deny-gpg-key-butt= on, body.light-theme .settings .access-infrastructure .keygen-gpg-window .g= enerate-ssh-key-block .buttons .deny-ssh-key-button, body.light-theme .sett= ings .access-infrastructure .keygen-gpg-window .import-gpg-key-block .butto= ns .deny-generate-gpg-key-button, body.light-theme .settings .access-infras= tructure .keygen-gpg-window .import-gpg-key-block .buttons .deny-generate-s= sh-key-button, body.light-theme .settings .access-infrastructure .keygen-gp= g-window .import-gpg-key-block .buttons .deny-gpg-key-button, body.light-th= eme .settings .access-infrastructure .keygen-gpg-window .import-gpg-key-blo= ck .buttons .deny-ssh-key-button, body.light-theme .settings .access-infras= tructure .keygen-gpg-window .import-ssh-key-block .buttons .deny-generate-g= pg-key-button, body.light-theme .settings .access-infrastructure .keygen-gp= g-window .import-ssh-key-block .buttons .deny-generate-ssh-key-button, body= .light-theme .settings .access-infrastructure .keygen-gpg-window .import-ss= h-key-block .buttons .deny-gpg-key-button, body.light-theme .settings .acce= ss-infrastructure .keygen-gpg-window .import-ssh-key-block .buttons .deny-s= sh-key-button, body.light-theme .settings .access-infrastructure .keygen-ss= h-window .generate-gpg-key-block .buttons .deny-generate-gpg-key-button, bo= dy.light-theme .settings .access-infrastructure .keygen-ssh-window .generat= e-gpg-key-block .buttons .deny-generate-ssh-key-button, body.light-theme .s= ettings .access-infrastructure .keygen-ssh-window .generate-gpg-key-block .= buttons .deny-gpg-key-button, body.light-theme .settings .access-infrastruc= ture .keygen-ssh-window .generate-gpg-key-block .buttons .deny-ssh-key-butt= on, body.light-theme .settings .access-infrastructure .keygen-ssh-window .g= enerate-ssh-key-block .buttons .deny-generate-gpg-key-button, body.light-th= eme .settings .access-infrastructure .keygen-ssh-window .generate-ssh-key-b= lock .buttons .deny-generate-ssh-key-button, body.light-theme .settings .ac= cess-infrastructure .keygen-ssh-window .generate-ssh-key-block .buttons .de= ny-gpg-key-button, body.light-theme .settings .access-infrastructure .keyge= n-ssh-window .generate-ssh-key-block .buttons .deny-ssh-key-button, body.li= ght-theme .settings .access-infrastructure .keygen-ssh-window .import-gpg-k= ey-block .buttons .deny-generate-gpg-key-button, body.light-theme .settings= .access-infrastructure .keygen-ssh-window .import-gpg-key-block .buttons .= deny-generate-ssh-key-button, body.light-theme .settings .access-infrastruc= ture .keygen-ssh-window .import-gpg-key-block .buttons .deny-gpg-key-button= , body.light-theme .settings .access-infrastructure .keygen-ssh-window .imp= ort-gpg-key-block .buttons .deny-ssh-key-button, body.light-theme .settings= .access-infrastructure .keygen-ssh-window .import-ssh-key-block .buttons .= deny-generate-gpg-key-button, body.light-theme .settings .access-infrastruc= ture .keygen-ssh-window .import-ssh-key-block .buttons .deny-generate-ssh-k= ey-button, body.light-theme .settings .access-infrastructure .keygen-ssh-wi= ndow .import-ssh-key-block .buttons .deny-gpg-key-button, body.light-theme = .settings .access-infrastructure .keygen-ssh-window .import-ssh-key-block .= buttons .deny-ssh-key-button { color: rgb(0, 0, 0); } .settings .access-infrastructure .keygen-gpg-window .import-gpg-key-block, = .settings .access-infrastructure .keygen-gpg-window .import-ssh-key-block, = .settings .access-infrastructure .keygen-ssh-window .import-gpg-key-block, = .settings .access-infrastructure .keygen-ssh-window .import-ssh-key-block {= display: flex; } .settings .certificate { font-family: "Helvetica Neue", Arial, sans-serif; = } .settings .certificate .head-text { margin-bottom: 77px; } @media (max-width: 991px) { .settings .certificate .head-text { font-weight: 400; font-size: 23px; li= ne-height: 26px; margin-bottom: 50px; } } .settings .certificate__title { font-weight: 500; font-size: 18px; line-hei= ght: 22px; color: rgb(255, 255, 255); margin: 0px 0px 30px; } body.light-theme .settings .certificate__title { color: rgb(0, 0, 0); } .settings .certificate__certificates-wrapper { padding-top: 40px; } .settings .certificate__category-wrapper { display: flex; -webkit-box-orien= t: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; border-b= ottom: 1px solid rgb(60, 60, 66); } body.light-theme .settings .certificate__category-wrapper { border-color: r= gb(209, 211, 219); } @media (max-width: 360px) { .settings .certificate__category-wrapper { -webkit-box-align: center; ali= gn-items: center; -webkit-box-orient: vertical; -webkit-box-direction: norm= al; flex-direction: column; } } .settings .certificate__item { width: 189px; min-height: 159px; margin-righ= t: 33px; position: relative; margin-bottom: 30px; } @media (max-width: 991px) { .settings .certificate__item { margin-bottom: 20px; } .settings .certificate__item:nth-child(2n) { margin-right: 0px; } } @media (max-width: 454px) { .settings .certificate__item { margin-right: 20px; width: 150px; min-heig= ht: auto; } } @media (max-width: 360px) { .settings .certificate__item { margin-right: 0px; } } .settings .certificate__item-img-link:hover { opacity: 0.8; } .settings .certificate__item-img { margin-bottom: 10px; } @media (max-width: 454px) { .settings .certificate__item-img { width: 150px; height: auto; } } .settings .certificate__item-lang { position: absolute; text-transform: upp= ercase; width: 33px; height: 33px; right: -7px; top: -7px; padding: 7px 0px= ; text-align: center; font-weight: 500; font-size: 14px; line-height: 17px;= color: rgb(24, 24, 26); background-color: rgb(91, 255, 218); border: 1px s= olid rgb(91, 255, 218); box-sizing: border-box; border-radius: 2px; } .settings .certificate__item-button { font-weight: 400; font-size: 14px; li= ne-height: 17px; color: rgb(91, 255, 218); display: inline-block; text-alig= n: center; width: 100%; cursor: pointer; } .settings .certificate__item-button:hover { color: rgb(91, 255, 218); opaci= ty: 0.8; } body.light-theme .settings .certificate__item-button, body.light-theme .set= tings .certificate__item-button:hover { color: rgb(14, 95, 206); } .settings .certificate__item--disabled { opacity: 0.6; } .settings .certificate__item--disabled .certificate__item-img-link { pointe= r-events: none; cursor: default; } .settings .certificate__item--disabled .certificate__item-img-link:hover { = opacity: 1; } .settings .certificate__item--disabled .certificate__item-button { pointer-= events: none; cursor: default; } .settings .certificate__item--disabled .certificate__item-button:hover { op= acity: 1; } .settings .certificate__item--disabled .certificate__item-lang { background= -color: rgb(39, 39, 41); border: 1px solid rgb(91, 255, 218); box-sizing: b= order-box; color: rgb(255, 255, 255); } body.light-theme .settings .certificate__item--disabled { opacity: 0.7; } .settings .certificate__competency-wrapper { display: flex; -webkit-box-ori= ent: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -web= kit-box-pack: justify; justify-content: space-between; width: 100%; -webkit= -box-align: center; align-items: center; min-height: 40px; padding-bottom: = 29px; margin-bottom: 20px; border-bottom: 1px solid rgb(60, 60, 66); } body.light-theme .settings .certificate__competency-wrapper { border-color:= rgb(209, 211, 219); } @media (max-width: 991px) { .settings .certificate__competency-wrapper { -webkit-box-orient: vertical= ; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align:= start; align-items: flex-start; padding-bottom: 20px; } } .settings .certificate__competency-title { font-weight: 500; font-size: 18p= x; line-height: 22px; color: rgb(255, 255, 255); margin: 0px; } body.light-theme .settings .certificate__competency-title { color: rgb(0, 0= , 0); } @media (max-width: 991px) { .settings .certificate__competency-title { margin-bottom: 30px; } } .settings .certificate__competency-buttons { display: flex; -webkit-box-ori= ent: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -web= kit-box-pack: justify; justify-content: space-between; width: 100%; -webkit= -box-align: center; align-items: center; max-width: 378px; } .settings .certificate__competency-button-copy, .settings .certificate__com= petency-button-open { width: 181px; height: 40px; font-weight: 400; font-si= ze: 14px; line-height: 24px; color: rgb(91, 255, 218); border: 1px solid rg= b(91, 255, 218); box-sizing: border-box; border-radius: 4px; text-align: ce= nter; background-color: transparent; cursor: pointer; display: inline-block= ; padding: 7px 8px; } body.light-theme .settings .certificate__competency-button-copy, body.light= -theme .settings .certificate__competency-button-open { color: rgb(14, 95, = 206); border-color: rgb(14, 95, 206); } .settings .certificate__competency-button-copy:hover, .settings .certificat= e__competency-button-open:hover { opacity: 0.8; } @media (max-width: 991px) { .settings .certificate__competency-button-copy { margin-right: 16px; } } .settings .personal-form { padding: 0px; } .settings .personal-form__login { padding-bottom: 23px; border-bottom: 1px = solid rgb(60, 60, 66); } @media (max-width: 768px) { .settings .personal-form__login { padding-bottom: 15px; } } body.light-theme .settings .personal-form__login { border-color: rgb(209, 2= 11, 219); } .settings .personal-form__edit-btn { width: 120px; padding: 0px; font-size:= 16px; font-weight: 400; line-height: 19px; text-align: right; color: rgb(9= 1, 255, 218); font-family: "Helvetica Neue", Arial, sans-serif; } body.light-theme .settings .personal-form__edit-btn { color: rgb(14, 95, 20= 6); } .settings .personal-form__edit-btn:focus { box-shadow: none; } .settings .personal-form__delete { margin-top: 60px; } @media (max-width: 768px) { .settings .personal-form__delete { margin-top: 40px; } } .settings .personal-form__delete-text { font-size: 16px; line-height: 19px;= font-family: "Helvetica Neue", Arial, sans-serif; color: rgba(255, 255, 25= 5, 0.8); } body.light-theme .settings .personal-form__delete-text { color: rgba(0, 0, = 0, 0.8); } .settings .personal-form__delete-btn { width: auto; height: auto; padding: = 0px; font-size: 14px; font-weight: 400; line-height: 19px; text-align: righ= t; color: rgb(135, 139, 156); font-family: "Helvetica Neue", Arial, sans-se= rif; } .settings .personal-form__send-buttons-wrapper { display: none; } .settings .personal-form__verification-popup { position: fixed; z-index: 99= 9; inset: auto 50px 100px auto; display: block; width: 360px; height: auto;= padding: 34px 24px 18px; border-top: 6px solid rgb(202, 205, 52); backgrou= nd-color: rgb(39, 39, 41); box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 10px; bor= der-radius: 6px; } @media (max-width: 768px) { .settings .personal-form__verification-popup { width: 100%; right: 0px; b= ottom: 0px; } } .settings .personal-form__verification-popup__btn-close { position: absolut= e; top: 6px; right: 12px; display: block; width: 18px; height: 18px; text-a= lign: center; cursor: pointer; z-index: 10; } .settings .personal-form__verification-popup__btn-close::after, .settings .= personal-form__verification-popup__btn-close::before { content: ""; positio= n: absolute; top: 0px; left: 14px; display: block; width: 2px; height: 18px= ; background-color: rgb(255, 255, 255); } .settings .personal-form__verification-popup__btn-close::before { transform= : rotate(-45deg); } .settings .personal-form__verification-popup__btn-close::after { transform:= rotate(45deg); } .settings .personal-form__verification-popup-header { font-weight: 400; fon= t-size: 18px; line-height: 24px; color: rgb(255, 255, 255); margin-bottom: = 12px; } .settings .personal-form__verification-popup-text { margin-bottom: 29px; fo= nt-size: 14px; line-height: 22px; font-family: "Helvetica Neue", Arial, san= s-serif; color: rgba(255, 255, 255, 0.8); } .settings .personal-form__verification-popup-btn { color: rgb(91, 255, 218)= ; font-weight: 700; font-size: 16px; line-height: 20px; text-transform: upp= ercase; font-family: "Helvetica Neue", Arial, sans-serif; } .settings .personal-form__update-popup { left: auto; right: 50px; top: 100p= x; width: 358px; height: auto; padding: 15px 20px; background: rgb(40, 201,= 0); box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 10px; border-radius: 6px; color= : rgb(255, 255, 255); font-family: "Helvetica Neue", Arial, sans-serif; fon= t-weight: 500; font-size: 16px; line-height: 20px; } @media (max-width: 768px) { .settings .personal-form__update-popup { width: 100%; right: 0px; top: 55= px; } } .settings .personal-form__update-popup-text { margin: 0px; text-align: left= ; } .settings .personal-form__update-popup .popup-over { width: 100%; } .settings .personal-form__update-popup__btn-close { position: absolute; top= : 0px; right: 0px; display: block; width: 18px; height: 18px; text-align: c= enter; cursor: pointer; z-index: 10; } .settings .personal-form__update-popup__btn-close::after, .settings .person= al-form__update-popup__btn-close::before { content: ""; position: absolute;= top: 0px; left: 14px; display: block; width: 2px; height: 18px; background= -color: rgb(255, 255, 255); } .settings .personal-form__update-popup__btn-close::before { transform: rota= te(-45deg); } .settings .personal-form__update-popup__btn-close::after { transform: rotat= e(45deg); } .settings .personal-form__update-popup--copy-text { width: 297px; } .settings .personal-form__recover-link { display: block; margin-bottom: 20p= x; margin-top: -12px; font-size: 12px; font-weight: 500; font-family: "Helv= etica Neue", Arial, sans-serif; } .settings .personal-form input:not(:disabled):read-only { background-color:= inherit; opacity: 0.5; cursor: not-allowed; } .settings .personal-form__theme-wrapper { display: flex; flex-wrap: nowrap;= -webkit-box-pack: justify; justify-content: space-between; padding: 20px 0= px 12px; margin-bottom: 50px; border-bottom: 1px solid rgb(60, 60, 66); } body.light-theme .settings .personal-form__theme-wrapper { border-color: rg= b(209, 211, 219); } .settings .personal-form__theme-title { font-family: "PT Mono", Arial, sans= -serif; font-weight: 400; font-size: 24px; line-height: 27px; color: rgb(25= 5, 255, 255); margin-bottom: 0px; } body.light-theme .settings .personal-form__theme-title { color: rgb(0, 0, 0= ); } .settings .personal-form .theme-changer { border-radius: 4px; display: flex= ; -webkit-box-align: center; align-items: center; -webkit-box-pack: center;= justify-content: center; padding: 8px 6px; margin-right: 4px; cursor: poin= ter; } @media (min-width: 460px) { .settings .personal-form .theme-changer { margin-right: 16px; } } @media (min-width: 990px) { .settings .personal-form .theme-changer { margin-right: 0px; margin-left:= 16px; -webkit-box-ordinal-group: 2; order: 1; } } .settings .personal-form .theme-changer.active .theme-changer__switch_drag = { transform: translate(2px, 2px); } .settings .personal-form .theme-changer__svg { width: 16px; height: 16px; } body.light-theme .settings .personal-form .theme-changer__svg path { fill: = rgba(0, 0, 0, 0.5); } .settings .personal-form .theme-changer__switch { width: 44px; height: 18px= ; border-radius: 20px; background-color: rgb(76, 76, 76); margin: 0px 8px; = } body.light-theme .settings .personal-form .theme-changer__switch { backgrou= nd-color: rgba(0, 0, 0, 0.5); } .settings .personal-form .theme-changer__switch_drag { width: 14px; height:= 14px; border-radius: 50%; background-color: rgb(172, 172, 172); transition= : transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s; transform: transl= ate(27px, 2px); } body.light-theme .settings .personal-form .theme-changer__switch_drag { bac= kground-color: rgb(255, 255, 255); } .settings .personal-form__timezone-wrapper { margin-bottom: 50px; } .settings .personal-form__timezone-title { color: rgb(255, 255, 255); margi= n-bottom: 20px; } body.light-theme .settings .personal-form__timezone-title { color: rgb(0, 0= , 0); } .settings .js-form { width: 100%; display: flex; flex-wrap: wrap; -webkit-b= ox-align: start; align-items: flex-start; margin: 0px; padding-bottom: 23px= ; padding-top: 32px; border-bottom: 1px solid rgb(60, 60, 66); } @media (max-width: 768px) { .settings .js-form { padding-bottom: 16px; padding-top: 17px; } } body.light-theme .settings .js-form { border-color: rgb(209, 211, 219); } .settings .js-form .mybtn { width: 160px; margin-top: 30px; } .settings .js-form--position { border: none; } .settings .js-form--password { padding-top: 25px; padding-bottom: 19px; } @media (max-width: 768px) { .settings .js-form--password { padding-top: 37px; padding-bottom: 2px; } } .settings .js-form--password .mybtn { width: 200px; margin-top: 12px; } .settings .js-form--password label { font-size: 14px; } .settings .js-form__password-wrapper { display: none; } .settings .js-form__subtitle { -webkit-box-flex: 1; flex-grow: 1; font-weig= ht: 500; font-size: 16px; line-height: 20px; color: rgb(255, 255, 255); fon= t-family: "Helvetica Neue", Arial, sans-serif; } body.light-theme .settings .js-form__subtitle { color: rgb(0, 0, 0); } .settings .js-form__extra { width: 100%; margin-bottom: 24px; font-weight: = 400; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.8); f= ont-family: "Helvetica Neue", Arial, sans-serif; } body.light-theme .settings .js-form__extra { color: rgb(0, 0, 0); } .settings .js-form--full-name label { display: block; width: 100%; margin-b= ottom: 20px; font-size: 0px; } .settings .js-form--full-name .js-form__extra { display: none; } .settings .js-form--full-name .js-form__subtitle { margin-bottom: 0px; } .settings .js-form--full-name .mybtn { margin-top: 10px; } .settings .js-form__subtitle-fade { width: 100%; margin-top: 12px; font-wei= ght: 500; font-size: 16px; line-height: 20px; color: rgba(255, 255, 255, 0.= 8); font-family: "Helvetica Neue", Arial, sans-serif; } body.light-theme .settings .js-form__subtitle-fade { color: rgba(0, 0, 0, 0= .8); } .settings .js-form--edit .personal-form__send-buttons-wrapper { display: bl= ock; width: 100%; } .settings .js-form--edit.js-form--full-name label { display: inline-block; = width: auto; font-size: 14px; } @media (max-width: 768px) { .settings .js-form--edit.js-form--full-name label { width: 100%; } } .settings .js-form--edit.js-form--full-name .js-form__extra { display: bloc= k; } .settings .js-form--edit.js-form--full-name .js-form__subtitle { margin-bot= tom: 12px; } .settings .js-form--edit.js-form--full-name .js-form__subtitle-fade { displ= ay: none; } .settings .js-form--edit .js-form__password-wrapper { display: block; width= : 100%; } .settings .js-form--edit .js-form__password-wrapper .form-control { margin-= top: 10px; } .settings .js-form--edit .js-form__password-wrapper label { margin-bottom: = 20px; } .settings .js-form--edit .form-control { width: 340px; height: 50px; paddin= g: 16px 20px; margin-top: 24px; border: 0.75px solid rgb(108, 108, 114); bo= rder-radius: 2px; line-height: 50px; font-size: 14px; } @media (max-width: 991px) { .settings .js-form--edit .form-control { width: 100%; } } .settings .js-form:not(.js-form--edit) .form-control--empty { padding: 0px;= font-size: 0px; margin: 0px; } .settings .personal-practicums { padding: 0px; } .settings .head-text { width: 100%; font-size: 24px; font-weight: 400; colo= r: rgb(255, 255, 255); margin-bottom: 26px; } @media (max-width: 768px) { .settings .head-text { margin-bottom: 28px; } } body.light-theme .settings .head-text { color: rgb(0, 0, 0); } .settings .practicums-wrapper { display: flex; flex-wrap: wrap; -webkit-box= -pack: justify; justify-content: space-between; } .settings .inner-wrapper { margin-bottom: 40px; max-width: 340px; width: 10= 0%; } .settings .inner-wrapper.ml-40 { margin-left: 40px; } @media (max-width: 1200px) { .settings .inner-wrapper.ml-40 { margin-left: 0px; } } .settings .practicum-wrapper { padding: 20px 24px 8px; background-color: rg= b(39, 39, 41); border-radius: 4px; } .settings .practicum-wrapper .top-wrapper { display: flex; -webkit-box-alig= n: center; align-items: center; padding-bottom: 20px; border-bottom: 1px so= lid rgba(135, 139, 156, 0.5); margin-bottom: 20px; } .settings .practicum-wrapper .top-wrapper .image, .settings .practicum-wrap= per .top-wrapper .image svg { width: 60px; height: 60px; } .settings .practicum-wrapper .top-wrapper .image svg path { fill: rgb(91, 2= 55, 218); } body.light-theme .settings .practicum-wrapper .top-wrapper .image svg path = { fill: rgb(14, 95, 206); } .settings .practicum-wrapper .top-wrapper__header { font-size: 24px; font-w= eight: 700; color: rgb(255, 255, 255); margin-left: 22px; } body.light-theme .settings .practicum-wrapper .top-wrapper__header { color:= rgb(0, 0, 0); } .settings .practicum-wrapper .type-block { padding-top: 20px; } .settings .practicum-wrapper .info-block { border-bottom: 1px solid rgba(13= 5, 139, 156, 0.5); } .settings .practicum-wrapper .line { display: flex; margin-bottom: 20px; -w= ebkit-box-pack: justify; justify-content: space-between; } .settings .practicum-wrapper .line:last-child { padding-bottom: 0px; } .settings .practicum-wrapper .line .item_last { margin-left: 34px; } .settings .practicum-wrapper .line .item__grey { color: rgb(135, 139, 156);= font-size: 12px; font-weight: 400; margin-bottom: 6px; font-family: "Helve= tica Neue", Arial, sans-serif; } .settings .practicum-wrapper .line .item__white { font-size: 16px; color: r= gb(255, 255, 255); font-weight: 400; } .settings .practicum-wrapper .line .item__white.big-text { font-size: 24px;= } body.light-theme .settings .practicum-wrapper .line .item__white { color: r= gb(0, 0, 0); } .settings .practicum-wrapper .card-block { padding-top: 24px; border-top: 1= px solid rgba(135, 139, 156, 0.5); } .settings .practicum-wrapper .card-block__title { padding: 0px; margin: 0px= 0px 24px; font-size: 24px; line-height: 27px; font-weight: 400; color: rgb= (255, 255, 255); } body.light-theme .settings .practicum-wrapper .card-block__title { color: r= gb(0, 0, 0); } .settings .practicum-wrapper .card-block__card { position: relative; paddin= g-left: 82px; display: flex; -webkit-box-orient: vertical; -webkit-box-dire= ction: normal; flex-direction: column; margin-bottom: 32px; } .settings .practicum-wrapper .card-block__card::before { position: absolute= ; content: ""; background: url("/img/icon-card.svg") 50% center / contain n= o-repeat; width: 58px; height: 36px; left: 0px; top: calc(50% - 18px); box-= shadow: rgba(0, 0, 0, 0.25) 2px 2px 5px; } .settings .practicum-wrapper .card-block__card-number { position: relative;= padding-left: 55px; font-size: 18px; line-height: 20px; color: rgb(255, 25= 5, 255); margin-bottom: 7px; } body.light-theme .settings .practicum-wrapper .card-block__card-number { co= lor: rgb(0, 0, 0); } .settings .practicum-wrapper .card-block__card-number::before { position: a= bsolute; content: "=E2=80=A2=E2=80=A2=E2=80=A2=E2=80=A2"; width: 38px; heig= ht: 6px; color: rgb(255, 255, 255); left: 0px; top: 0px; } body.light-theme .settings .practicum-wrapper .card-block__card-number::bef= ore { color: rgb(0, 0, 0); } .settings .practicum-wrapper .card-block__card-change { font-family: "Helve= tica Neue", Arial, sans-serif; color: rgb(91, 255, 218); font-weight: 500; = font-size: 14px; line-height: 17px; background: none; border: none; padding= : 0px; margin: 0px; text-align: left; } body.light-theme .settings .practicum-wrapper .card-block__card-change { co= lor: rgb(14, 95, 206); } .settings .practicum-wrapper .card-block__full-pay { display: flex; -webkit= -box-pack: center; justify-content: center; -webkit-box-align: center; alig= n-items: center; margin: 0px 0px 32px; padding: 0px; width: 100%; height: 5= 0px; font-size: 16px; line-height: 18px; text-align: center; color: rgb(23,= 23, 23); background-color: rgb(91, 255, 218); border-radius: 2px; } .settings .practicum-wrapper .card-block__full-pay:hover { background: rgb(= 66, 220, 186); } body.light-theme .settings .practicum-wrapper .card-block__full-pay { color= : rgb(255, 255, 255); background-color: rgb(8, 22, 107); } body.light-theme .settings .practicum-wrapper .card-block__full-pay:hover {= background-color: rgb(3, 9, 49); } .settings .practicum-wrapper .card-block__cancel-installment-button { font-= family: "Helvetica Neue", Arial, sans-serif; color: rgb(135, 139, 156); fon= t-weight: 500; font-size: 14px; line-height: 17px; background: none; border= : none; padding: 0px; margin: 0px 0px 8px; text-align: left; } .settings .practicum-wrapper .bottom-wrapper__head-text { font-size: 24px; = color: rgb(255, 255, 255); font-weight: 400; } .settings .practicum-wrapper .bottom-wrapper .unsubscribe { color: rgb(135,= 139, 156); font-size: 16px; font-family: "Helvetica Neue", sans-serif; cur= sor: pointer; } .settings .practicum-wrapper .bottom-wrapper .card-wrapper { display: flex;= -webkit-box-align: center; align-items: center; margin-bottom: 26px; } .settings .practicum-wrapper .bottom-wrapper .card-wrapper__text { margin-l= eft: 21px; font-size: 18px; color: rgb(255, 255, 255); font-weight: 400; } body.light-theme .settings .practicum-wrapper { background-color: rgb(255, = 255, 255); } body.light-theme .settings { background-color: rgb(239, 241, 249); } .selectopt { color: rgb(255, 255, 255); font-size: 16px; line-height: 19px;= } body.light-theme .selectopt { color: rgb(0, 0, 0); } .selectopt-arrow { display: block; position: absolute; right: 20px; top: 50= %; transform: translateY(-50%); transition: transform 0.2s ease 0s, -webkit= -transform 0.2s ease 0s; } body.light-theme .selectopt-arrow path { fill: rgb(0, 0, 0); } .selectopt-select { border: 1px solid rgb(60, 60, 66); border-radius: 4px; = padding: 18px 30px; position: relative; cursor: pointer; } @media screen and (max-width: 576px) { .selectopt-select { padding: 18px 20px; } } body.light-theme .selectopt-select { border-color: rgb(209, 211, 219); } .selectopt-select.ss-opened { border-bottom-left-radius: 0px; border-bottom= -right-radius: 0px; } .selectopt-select.ss-opened svg.selectopt-arrow { transform: translateY(-50= %) rotate(180deg); } .selectopt-options { padding: 30px 20px 30px 30px; border-width: 0px 1px 1p= x; border-right-style: solid; border-bottom-style: solid; border-left-style= : solid; border-right-color: rgb(60, 60, 66); border-bottom-color: rgb(60, = 60, 66); border-left-color: rgb(60, 60, 66); border-image: initial; border-= top-style: initial; border-top-color: initial; border-bottom-left-radius: 4= px; border-bottom-right-radius: 4px; } @media screen and (max-width: 576px) { .selectopt-options { padding: 20px 10px 20px 20px; } } body.light-theme .selectopt-options { border-color: rgb(209, 211, 219); } .selectopt-options-scroll { max-height: 520px; overflow: auto; } .selectopt-options .selectopt-timezone:hover { color: rgb(91, 255, 218); } body.light-theme .selectopt-options .selectopt-timezone:hover { color: rgb(= 14, 95, 206); } .selectopt-timezone { display: flex; -webkit-box-orient: horizontal; -webki= t-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack: start; ju= stify-content: flex-start; -webkit-box-align: start; align-items: flex-star= t; cursor: pointer; margin-right: 20px; } @media screen and (max-width: 370px) { .selectopt-timezone { display: block; } } .selectopt-timezone:not(:last-child) { margin-bottom: 20px; } .selectopt-timezone__shift { -webkit-box-flex: 0; flex: 0 0 auto; width: 11= 0px; margin-right: 30px; } @media screen and (max-width: 370px) { .selectopt-timezone__shift { margin-bottom: 4px; } } .sett { padding-top: 115px; padding-bottom: 100px; } .sett-title { font-family: "PT Mono", serif; font-style: normal; font-weigh= t: 400; line-height: normal; font-size: 28px; color: rgb(91, 255, 218); tex= t-align: center; margin-top: 40px; margin-bottom: 40px; } body.light-theme .sett-title { color: rgb(14, 95, 206); } .videolist { background-color: rgb(24, 24, 26); } body.light-theme .videolist { background-color: rgb(239, 241, 249); } .videol { position: relative; padding-top: 111px; padding-bottom: 70px; } @media (max-width: 767px) { .videol { padding-top: 80px; padding-bottom: 30px; } } .fixed-sale { position: fixed; bottom: 0px; right: 20px; z-index: 10; borde= r-radius: 20px 20px 0px 0px; box-shadow: rgba(91, 255, 218, 0.3) 0px 0px 10= px; background-color: rgb(91, 255, 218); padding: 8px 20px; } @media (max-width: 576px) { .fixed-sale { width: 320px; right: 0px; text-align: center; } } body.light-theme .fixed-sale { background: rgb(249, 107, 28); box-shadow: r= gba(249, 107, 28, 0.3) 0px 0px 10px; } .fixed-sale p { position: relative; font-family: "Helvetica Neue", sans-ser= if; font-size: 14px; line-height: 17px; color: rgb(24, 24, 26); margin-bott= om: 0px; } body.light-theme .fixed-sale p { color: rgb(255, 255, 255); } .fixed-sale p span { font-family: "Helvetica Neue Bold", sans-serif; } .videol-presentation { position: relative; margin-bottom: 80px; } @media (max-width: 991px) { .videol-presentation { margin-bottom: 50px; } } .videol-presentation .videol-presentation__left { position: relative; margi= n-top: 22px; } .videol-presentation .videol-presentation__left h1 { font-family: "PT Mono"= ; font-size: 28px; line-height: 31px; color: rgb(91, 255, 218); margin-bott= om: 10px; } @media (max-width: 767px) { .videol-presentation .videol-presentation__left h1 { font-size: 22px; lin= e-height: 25px; } } .videol-presentation .videol-presentation__left .subtext { font-family: "He= lvetica Neue", sans-serif; font-size: 14px; line-height: 17px; color: rgb(1= 35, 139, 156); margin-bottom: 50px; } @media (max-width: 991px) { .videol-presentation .videol-presentation__left .subtext { margin-bottom:= 30px; } } .videol-presentation .videol-presentation__left .actions, .videol-presentat= ion .videol-presentation__left .actions-sale { position: relative; } .videol-presentation .videol-presentation__left .actions-sale .sale-contain= er { position: relative; max-width: 290px; padding: 15px 20px; border: 2px = solid rgb(234, 90, 179); border-radius: 4px; background: rgb(24, 24, 26); b= ox-shadow: rgba(234, 90, 179, 0.7) 0px 0px 10px; } .videol-presentation .videol-presentation__left .actions-sale .sale-contain= er p { font-family: "Helvetica Neue", sans-serif; font-size: 16px; line-hei= ght: 19px; color: rgb(255, 255, 255); margin-bottom: 0px; } .videol-presentation .videol-presentation__left .actions-sale .sale-contain= er p span { font-family: "Helvetica Neue Bold", sans-serif; } .videol-presentation .videol-presentation__left .actions-btn { position: re= lative; } .videol-presentation .videol-presentation__left .m-block-btns { position: r= elative; left: 50%; display: none; width: 100vw; background-color: rgb(39, = 39, 41); padding: 30px 0px; margin-top: 30px; transform: translateX(-50%); = } @media (max-width: 767px) { .videol-presentation .videol-presentation__left .m-block-btns { display: = none; } } .videol-presentation .videol-presentation__left .m-block-btns a { max-width= : 250px; margin: 0px auto 20px; } .videol-presentation .videol-presentation__left .m-block-btns a:last-child = { margin-bottom: 0px; } .videol-presentation .videol-presentation__left .m-block-btns a span { heig= ht: 50px; font-size: 16px; line-height: 50px; } .videol-presentation .videol-presentation__video { position: relative; } .videol-presentation .videol-presentation__video .video-container { positio= n: relative; width: 435px; height: 244px; margin-left: auto; } .videol-presentation .videol-presentation__video .video-container > * { wid= th: 100% !important; height: 100% !important; } @media (max-width: 1200px) { .videol-presentation .videol-presentation__video .video-container { width= : 390px; height: 220px; } } @media (max-width: 991px) { .videol-presentation .videol-presentation__video .video-container { width= : 100%; height: 253px; } } @media (max-width: 767px) { .videol-presentation .videol-presentation__video .video-container { heigh= t: 286px; } } @media (max-width: 576px) { .videol-presentation .videol-presentation__video .video-container { heigh= t: 53vw; } } .video-title { position: relative; font-family: "PT Mono"; font-size: 28px;= font-style: normal; font-weight: 400; line-height: 31px; color: rgb(91, 25= 5, 218); margin-bottom: 10px; } @media (max-width: 767px) { .video-title { font-size: 18px; line-height: 20px; } } body.light-theme .video-title { color: rgb(26, 26, 26); } .title-text { position: relative; font-family: "Helvetica Neue", sans-serif= ; font-size: 14px; line-height: 17px; color: rgb(135, 139, 156); margin-bot= tom: 30px; } @media (max-width: 767px) { .title-text { margin-bottom: 20px; } } @media (max-width: 576px) { .title-text { padding-right: 17vw; } } .vids { border: none; width: 100% !important; height: 135px !important; } .vidsn { pointer-events: none; user-select: none; opacity: 0.5; } .video-wrap__link { position: relative; display: block; max-width: 100%; fo= nt-family: "Helvetica Neue", sans-serif; font-size: 14px; line-height: 17px= ; color: rgb(255, 255, 255); margin-top: 15px; } .video-wrap__link:hover { color: rgb(91, 255, 218); } .video-wrap__link_no { pointer-events: none; user-select: none; opacity: 0.= 5; } .date, .view { font-family: "Helvetica Neue", sans-serif; font-size: 12px; = line-height: 14px; color: rgb(135, 139, 156); margin-top: 5px; margin-botto= m: 30px; } .date { margin-right: 94px; } .works-list__title { position: relative; font-family: "PT Mono"; font-size:= 14px; line-height: 16px; color: rgb(24, 24, 26); } .works-list__img { max-width: 100%; } .works-list__overlay { background: linear-gradient(0deg, rgba(91, 255, 218,= 0.7), rgba(91, 255, 218, 0.7)); position: absolute; top: 0px; left: 0px; w= idth: 100%; height: 100%; opacity: 0; transition: all 0.5s ease 0s; display= : flex; -webkit-box-pack: center; justify-content: center; -webkit-box-alig= n: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-d= irection: normal; flex-direction: column; } .works-list__overlay-active { opacity: 1; } .works-list { position: relative; width: 100%; transition: all 0.5s ease 0s= ; } .works-list:hover .works-list__overlay { opacity: 1; } .pages { font-family: "PT Mono"; font-style: normal; font-weight: 400; line= -height: normal; font-size: 28px; color: rgb(135, 139, 156); display: block= ; margin-top: 10px; margin-right: 10px; } .pages:active, .pages:hover, .side-title { color: rgb(91, 255, 218); } .side-title { font-family: "PT Mono"; font-style: normal; font-weight: 400;= line-height: normal; font-size: 18px; margin-top: 7px; } .side { margin-top: 20px; } .side__link { font-family: Arial; line-height: normal; font-size: 14px; col= or: rgb(135, 139, 156); } .side__link:active, .side__link:hover { color: rgb(255, 255, 255); } .side__item { border-left: 0.7px solid rgb(135, 139, 156); padding-left: 9.= 3px; padding-bottom: 15px; } .side__item:last-child { padding-bottom: 0px; } .video { background-color: rgb(24, 24, 26); } body.light-theme .video { background-color: rgb(239, 241, 249); } .video .container_inner { position: relative; max-width: 1100px; padding-ri= ght: 380px; padding-left: 15px; margin: 0px auto; } @media (max-width: 991px) { .video .container_inner { padding-right: 320px; } } @media (max-width: 767px) { .video .container_inner { padding: 0px 20px 176px; } } .video .back-block { display: flex; padding: 0px 0px 40px; margin-top: -10p= x; -webkit-box-align: center; align-items: center; } @media (max-width: 767px) { .video .back-block { padding: 44px 0px 20px; } } .video .back-block__text { margin-left: 12px; color: rgb(255, 255, 255); fo= nt-size: 16px; } @media (max-width: 767px) { .video .back-block__text { font-size: 12px; } } body.light-theme .video .back-block__text { color: rgb(135, 139, 156); } .video .back-block__svg { height: 12px; } .video .back-block__svg path { fill: rgb(255, 255, 255); } body.light-theme .video .back-block__svg path { fill: rgb(135, 139, 156); } .video.for-beginner .right-col { position: absolute; right: 0px; top: 62px;= width: 340px; padding: 30px 24px 28px; background: rgb(39, 39, 41); border= -radius: 4px; } body.light-theme .video.for-beginner .right-col { background: rgb(255, 255,= 255); } @media (max-width: 991px) { .video.for-beginner .right-col { width: 280px; } } @media (max-width: 767px) { .video.for-beginner .right-col { z-index: 10; inset: auto auto -30px -15p= x; width: calc(100% + 30px); padding: 20px; border-radius: 0px; } } .video.for-beginner .right-col__head-text { font-size: 42px; line-height: 4= 7px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 20px; } body.light-theme .video.for-beginner .right-col__head-text { color: rgb(26,= 26, 26); } @media (max-width: 767px) { .video.for-beginner .right-col__head-text { font-size: 32px; line-height:= 36px; margin-bottom: 10px; } } .video.for-beginner .right-col__button { padding-top: 22px; padding-bottom:= 20px; margin-bottom: 21px; background-color: rgb(91, 255, 218); width: 100= %; text-align: center; border-radius: 2px; } .video.for-beginner .right-col__button span { height: auto; color: rgb(26, = 26, 26); font-size: 18px; line-height: 22px; font-weight: 500; } body.light-theme .video.for-beginner .right-col__button { background-color:= rgb(8, 22, 107); } body.light-theme .video.for-beginner .right-col__button span { color: rgb(2= 55, 255, 255); } @media (max-width: 767px) { .video.for-beginner .right-col__button { width: 60%; padding: 10px; margi= n-bottom: 0px; } .video.for-beginner .right-col__button span { font-size: 16px; line-heigh= t: 20px; } } .video.for-beginner .right-col__show-more-btn { margin-left: 20px; border-c= olor: rgb(91, 255, 218); width: 37%; min-width: 120px; color: rgb(91, 255, = 218); font-weight: 500; font-size: 16px; line-height: 20px; text-align: cen= ter; } @media (min-width: 768px) { .video.for-beginner .right-col__show-more-btn { display: none; } } .video.for-beginner .right-col__show-more-btn:focus, .video.for-beginner .r= ight-col__show-more-btn:hover { background: none; } body.light-theme .video.for-beginner .right-col__show-more-btn { border-col= or: rgb(8, 22, 107); color: rgb(8, 22, 107); } @media (max-width: 767px) { .video.for-beginner .right-col__buttons-wrapper { display: flex; -webkit-= box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row;= -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: center= ; justify-content: center; width: 100%; } } .video.for-beginner .sales-block { padding: 24px 32px; color: rgb(255, 72, = 190); max-width: 544px; width: 100%; border: 2px solid rgb(255, 72, 190); f= ont-size: 20px; text-align: center; margin-bottom: 32px; font-weight: 700; = } @media screen and (min-width: 1200px) and (max-width: 1335px) { .video.for-beginner .main-vid { margin-left: 15px; } } .video.for-beginner .videol { height: auto; } .video.for-beginner .results { font-family: "Helvetica Neue", Arial, sans-s= erif; text-align: left; } @media (max-width: 767px) { .video.for-beginner .results { display: none; } } .video.for-beginner .results__text { color: rgb(255, 255, 255); font-size: = 14px; line-height: 17px; text-align: left; margin-bottom: 2px; } body.light-theme .video.for-beginner .results__text { color: rgb(0, 0, 0); = } .video.for-beginner .results__text .big-text { font-weight: 700; } @media (max-width: 767px) { .video.for-beginner .results__text { font-size: 18px; color: rgb(255, 255= , 255); margin-bottom: 5px; } } .video.for-beginner .results__text_blue { color: rgb(91, 255, 218); } body.light-theme .video.for-beginner .results__text_blue { color: rgb(14, 9= 5, 206); } .video.for-beginner .results__result { font-size: 20px; color: rgb(255, 255= , 255); } .video.for-beginner .results__result .blue { color: rgb(91, 255, 218); } .video.for-beginner .results__result .big-text { font-size: 20px; } .video.for-beginner .results__href { font-family: "PT Mono", serif; text-al= ign: left; font-size: 14px; color: rgb(91, 255, 218); } body.light-theme .video.for-beginner .results__href { color: rgb(14, 95, 20= 6); } @media (max-width: 767px) { .video.for-beginner .results__href { font-size: 18px; color: rgb(91, 255,= 218); } } .video.for-beginner .href-list { margin-bottom: 30px; padding-left: 0px; } @media (max-width: 767px) { .video.for-beginner .href-list { display: none; margin-bottom: 60px; } } .video.for-beginner .href-list li { margin-bottom: 10px; list-style: none; = } @media (max-width: 767px) { .video.for-beginner .href-list li { margin-bottom: 20px; } } .video.for-beginner .href-list li a { color: rgb(91, 255, 218); font-size: = 14px; } body.light-theme .video.for-beginner .href-list li a { color: rgb(14, 95, 2= 06); } @media (max-width: 767px) { .video.for-beginner .href-list li a { font-size: 18px; line-height: 20px;= } } .video.for-beginner .href-list li:last-child { margin-bottom: 0px; } .course-info-popup { display: none; } @media (max-width: 767px) { .course-info-popup--show { display: block; position: absolute; inset: 0px= ; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .course-info-popup--show .href-list, .course-info-popup--show .results { = display: block !important; } body.light-theme .course-info-popup--show .href-list a, body.light-theme = .course-info-popup--show .results a { color: rgb(14, 95, 206); } } .course-info-popup__content { position: absolute; z-index: 9; bottom: 0px; = left: 0px; width: 100%; padding: 108px 20px 150px; background: rgb(31, 31, = 33); border-radius: 20px 20px 0px 0px; } body.light-theme .course-info-popup__content { background-color: rgb(239, 2= 41, 249); } @media (min-width: 576px) { .course-info-popup__content { width: 540px; left: 50%; transform: transla= te(-50%); } } .course-info-popup__close-button { position: absolute; background: none; bo= rder: none; top: 20px; left: 20px; display: block; width: 28px; height: 28p= x; text-align: center; cursor: pointer; z-index: 10; } .course-info-popup__close-button::after, .course-info-popup__close-button::= before { content: ""; position: absolute; top: 0px; left: 14px; display: bl= ock; width: 2px; height: 26px; background-color: rgb(255, 255, 255); } body.light-theme .course-info-popup__close-button::after, body.light-theme = .course-info-popup__close-button::before { background-color: rgb(0, 0, 0); = } .course-info-popup__close-button::before { transform: rotate(-45deg); } .course-info-popup__close-button::after { transform: rotate(45deg); } .course-info-popup__close-button:active::after, .course-info-popup__close-b= utton:active::before { opacity: 0.5; } .main-vid { width: 100%; display: flex; -webkit-box-orient: vertical; -webk= it-box-direction: normal; flex-direction: column; } body.light-theme .main-vid { color: rgb(26, 26, 26); } @media (min-width: 1024px) { .main-vid { width: 98%; } } .vids-n { width: 100%; height: 461px; margin-bottom: 40px; border: none; } .main-vid__title { order: -2; font-family: "PT Mono", serif; font-style: no= rmal; font-weight: 700; line-height: normal; font-size: 32px; margin-bottom= : 12px; color: rgb(255, 255, 255); } body.light-theme .main-vid__title { color: rgb(26, 26, 26); } .main-vid__text { font-family: "Helvetica Neue", Arial, sans-serif; font-si= ze: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.8); margin-bottom= : 6px; } body.light-theme .main-vid__text { color: rgba(0, 0, 0, 0.8); } .main-vid__description { font-family: "Helvetica Neue", Arial, sans-serif; = font-size: 16px; line-height: 24px; font-weight: 400; color: rgba(255, 255,= 255, 0.8); margin-bottom: 6px; } body.light-theme .main-vid__description { color: rgba(0, 0, 0, 0.8); } .main-vid__description a { color: rgb(91, 255, 218); text-decoration: under= line; cursor: pointer; } body.light-theme .main-vid__description a { color: rgb(14, 95, 206); } .main-vid__description h1, .main-vid__description h2, .main-vid__descriptio= n h3, .main-vid__description h4, .main-vid__description h5, .main-vid__desc= ription h6 { font-size: 24px; line-height: 29px; font-weight: 500; color: r= gb(255, 255, 255); margin-bottom: 20px; text-align: left; } body.light-theme .main-vid__description h1, body.light-theme .main-vid__des= cription h2, body.light-theme .main-vid__description h3, body.light-theme .= main-vid__description h4, body.light-theme .main-vid__description h5, body.= light-theme .main-vid__description h6 { color: rgb(0, 0, 0); } .main-vid__description-speaker { margin-bottom: 15px; display: flex; flex-w= rap: nowrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-= box-align: center; align-items: center; } .main-vid__description-speaker img { width: 40px; height: 40px; border-radi= us: 50%; margin-right: 15px; } .main-vid__description-speaker h1, .main-vid__description-speaker h2, .main= -vid__description-speaker h3, .main-vid__description-speaker h4, .main-vid_= _description-speaker h5, .main-vid__description-speaker h6 { font-size: 20p= x; line-height: 24px; margin-bottom: 0px; padding-top: 8px; padding-bottom:= 8px; } .main-vid__description ul { list-style: none; } .main-vid__description ol, .main-vid__description ul { padding-left: 15px; = margin-bottom: 30px; } .main-vid__description ol li, .main-vid__description ul li { position: rela= tive; margin-bottom: 6px; font-size: 16px; line-height: 24px; } .main-vid__description ol li::before, .main-vid__description ul li::before = { content: ""; position: absolute; left: -15px; top: calc(50% - 1.5px); wid= th: 3px; height: 3px; border-radius: 50%; background-color: rgb(255, 255, 2= 55); } body.light-theme .main-vid__description ol li::before, body.light-theme .ma= in-vid__description ul li::before { background-color: rgb(0, 0, 0); } .main-vid__description ol li p, .main-vid__description ul li p { font-size:= 16px; margin-top: 0px; } .main-vid__description ol li ol, .main-vid__description ol li ul, .main-vid= __description ul li ol, .main-vid__description ul li ul { width: 85%; margi= n-top: 10px; padding-left: 25px; } .main-vid__description ol li ol li, .main-vid__description ol li ul li, .ma= in-vid__description ul li ol li, .main-vid__description ul li ul li { margi= n-bottom: 6px; } .main-vid__description ol li ol li::before, .main-vid__description ol li ul= li::before, .main-vid__description ul li ol li::before, .main-vid__descrip= tion ul li ul li::before { left: -8px; top: 8px; } .main-vid__description ol li ol li:last-child, .main-vid__description ol li= ul li:last-child, .main-vid__description ul li ol li:last-child, .main-vid= __description ul li ul li:last-child { margin-bottom: 0px; } @media (max-width: 767px) { .main-vid__description ol li ol, .main-vid__description ol li ul, .main-v= id__description ul li ol, .main-vid__description ul li ul { width: 100%; } } .main-vid__description ol li:last-child, .main-vid__description ul li:last-= child { margin-bottom: 0px; } body.light-theme .main-vid__description ol li, body.light-theme .main-vid__= description ul li { color: rgba(0, 0, 0, 0.8); } .main-vid__data { order: -1; display: flex; -webkit-box-orient: horizontal;= -webkit-box-direction: normal; flex-direction: row; width: 100%; -webkit-b= ox-pack: start; justify-content: flex-start; margin-bottom: 24px; } .main-vid__data .main-vid__text { font-size: 14px; line-height: 17px; color= : rgba(255, 255, 255, 0.5); } .main-vid__data .main-vid__text:not(:last-child) { position: relative; marg= in-right: 15px; } .main-vid__data .main-vid__text:not(:last-child)::after { content: "."; pos= ition: absolute; right: -11px; top: -5px; font-size: 18px; } .video-btn { position: relative; display: none; width: 100%; text-align: ce= nter; margin: 30px auto 0px; } @media (max-width: 767px) { .video-btn { display: block; } } .extravid { background: rgb(24, 24, 26); border-top: 1px solid rgba(135, 13= 9, 156, 0.5); padding-top: 20px; padding-bottom: 20px; } .extravid-title { font-family: "PT Mono"; font-size: 18px; line-height: 24p= x; margin-bottom: 20px; color: rgb(91, 255, 218); } body.light-theme .pay-page.videolist { background-color: rgb(239, 241, 249)= ; } .pay-page .main-vid { text-align: center; } .pay-page #yandexPay img { max-width: 120px; } .pay-page .promocode { position: relative; font-style: normal; font-weight:= 400; line-height: normal; width: 100%; max-width: 470px; margin-bottom: 48= px; height: 50px; } .pay-page .promocode__input { width: calc(100% - 170px); border: 2px solid = rgb(108, 108, 114); height: 50px; background-color: transparent; padding-le= ft: 20px; vertical-align: top; color: rgb(255, 255, 255); font-weight: 400;= font-size: 14px; line-height: 16px; border-radius: 2px; margin-bottom: 10p= x; font-family: Arial, sans-serif; } body.light-theme .pay-page .promocode__input { background: rgb(255, 255, 25= 5); border: 1px solid rgb(219, 220, 225); color: rgb(26, 26, 26); } .pay-page .promocode__button { display: inline-block; width: 160px; backgro= und-color: transparent; transition: all 0.3s ease 0s; color: rgb(91, 255, 2= 18); height: 100%; padding: 16px; cursor: pointer; border: 2px solid rgb(91= , 255, 218); border-radius: 2px; text-align: center; font-size: 16px; line-= height: 18px; } body.light-theme .pay-page .promocode__button { border: 2px solid rgb(163, = 172, 225); color: rgb(8, 22, 107); } body.light-theme .pay-page .promocode__button:hover { background-color: rgb= (8, 22, 107); color: rgb(255, 255, 255); } .pay-page .promocode__button:hover { background-color: rgb(66, 220, 186); c= olor: rgb(23, 23, 23); } .pay-page .promocode .error_promocode { position: absolute; bottom: -29px; = left: 2px; } .pay-page .main-vid button { font-family: "Helvetica Neue", sans-serif; col= or: rgb(23, 23, 23); background-color: rgb(91, 255, 218); border: none; } body.light-theme .pay-page .main-vid button { background-color: rgb(5, 134,= 233); color: rgb(255, 255, 255); } body.light-theme .pay-page .main-vid button:hover { background-color: rgb(1= 4, 95, 206); } .pay-page .main-vid button:hover { background-color: rgb(66, 220, 186); bor= der: none; } .pay-page .practicum { position: fixed; left: calc(50% - 547px); z-index: 1= ; max-width: 340px; margin-right: 40px; padding-top: 17px; margin-bottom: 5= 6px; background-color: rgb(39, 39, 41); border-top: 10px solid rgb(135, 139= , 156); border-radius: 4px; } @media (max-width: 1310px) { .pay-page .practicum { left: calc(33% - 304px); } } @media (max-width: 991px) { .pay-page .practicum { position: static; } } @media screen and (max-width: 576px) { .pay-page .practicum { margin-bottom: 58px; } } body.light-theme .pay-page .practicum { background-color: rgb(255, 255, 255= ); border-top-color: rgb(208, 213, 232); } .pay-page .practicum__title { margin-bottom: 8px; padding-left: 30px; font-= size: 16px; color: rgb(135, 139, 156); } .pay-page .practicum h1 { font-size: 32px; font-weight: 700; line-height: 3= 6px; padding-bottom: 32px; padding-left: 30px; color: rgb(255, 255, 255); b= order-bottom: 1px solid rgba(135, 139, 156, 0.5); } body.light-theme .pay-page .practicum h1 { color: rgb(26, 26, 26); border-b= ottom: 1px solid rgb(219, 220, 225); } .pay-page .practicum__features { padding: 25px 31px 3px; } .pay-page .practicum__feature { position: relative; padding-left: 60px; mar= gin-bottom: 32px; } .pay-page .practicum__feature svg { position: absolute; left: 1px; top: 6px= ; width: 40px; height: 40px; } body.light-theme .pay-page .practicum__feature svg .svg-bg { fill: rgb(14, = 95, 206); } .pay-page .practicum__feature-title { margin-bottom: 10px; font-size: 16px;= line-height: 18px; color: rgb(255, 255, 255); } body.light-theme .pay-page .practicum__feature-title { color: rgb(26, 26, 2= 6); } .pay-page .practicum__feature-description { font-size: 14px; line-height: 1= 6px; color: rgba(255, 255, 255, 0.698); } body.light-theme .pay-page .practicum__feature-description { color: rgb(135= , 139, 156); } .stop { position: absolute; bottom: 282px; } .pay-page .payment { max-width: 720px; margin-left: 0px; margin-bottom: 120= px; } @media (min-width: 992px) { .pay-page .payment { margin-left: 38%; } } .pay-page .payment__price-title--intro { width: 480px; margin-bottom: 32px;= } .pay-page .payment h2 { font-size: 24px; line-height: 27px; color: rgb(255,= 255, 255); margin-bottom: 20px; } body.light-theme .pay-page .payment h2 { color: rgb(26, 26, 26); } .pay-page .payment__options { width: 100%; overflow-x: auto; margin-bottom:= 64px; border-bottom: 1px solid rgba(135, 139, 156, 0.5); } @media screen and (max-width: 576px) { .pay-page .payment__options { margin-bottom: 50px; } } body.light-theme .pay-page .payment__options { border-bottom: 1px solid rgb= (209, 211, 219); } .pay-page .payment__control { flex-shrink: 0; margin-right: 32px; padding-b= ottom: 15px; padding-right: 0px; padding-left: 0px; height: 40px; border: n= one; background: none; color: rgb(135, 139, 156); font-size: 16px; line-hei= ght: 18px; } .pay-page .payment__control:focus, .pay-page .payment__control:hover { colo= r: rgb(255, 255, 255); transition-duration: 0.2s; } body.light-theme .pay-page .payment__control { color: rgb(135, 139, 156); } body.light-theme .pay-page .payment__control:focus, body.light-theme .pay-p= age .payment__control:hover { color: rgb(26, 26, 26); transition-duration: = 0.2s; } .pay-page .payment__control--active { border-bottom: 4px solid rgb(91, 255,= 218); color: rgb(255, 255, 255); } body.light-theme .pay-page .payment__control--active { color: rgb(26, 26, 2= 6); border-bottom: 4px solid rgb(26, 154, 252); } .pay-page .payment__price { position: relative; margin-bottom: 53px; displa= y: none; } .pay-page .payment__price--installment { margin-bottom: 67px; } .pay-page .payment__price--installment .installment_alfa_tinkoff_top_block = { padding-bottom: 64px; border-bottom: 1px solid rgba(135, 139, 156, 0.5); = margin-bottom: 54px; } body.light-theme .pay-page .payment__price--installment .installment_alfa_t= inkoff_top_block { border-bottom: 1px solid rgb(219, 220, 225); } .pay-page .payment__price--installment .installment_rebrain_top_block { pad= ding-bottom: 64px; border-bottom: 1px solid rgba(135, 139, 156, 0.5); margi= n-bottom: 54px; } body.light-theme .pay-page .payment__price--installment .installment_rebrai= n_top_block { border-bottom: 1px solid rgb(219, 220, 225); } .pay-page .payment__price--installment .payment__price-description { margin= -bottom: 5px; } .pay-page .payment__price--company { margin-bottom: 68px; } .pay-page .payment__price--company .payment__price-title { max-width: 490px= ; margin-bottom: 33px; } .pay-page .payment__price--company .payment__price-title:nth-child(2) { mar= gin-bottom: 15px; } .pay-page .payment__price--active { display: block; } .pay-page .payment__price-title { font-size: 16px; line-height: 18px; color= : rgb(255, 255, 255); } body.light-theme .pay-page .payment__price-title { color: rgb(26, 26, 26); = } .pay-page .payment__price-value { position: relative; max-width: 400px; mar= gin-bottom: 24px; font-size: 42px; line-height: 38px; color: rgb(255, 255, = 255); font-weight: 700; } body.light-theme .pay-page .payment__price-value { color: rgb(26, 26, 26); = } .pay-page .payment__price-old { position: absolute; text-decoration: line-t= hrough; color: rgb(135, 139, 156); font-size: 18px; line-height: 20px; vert= ical-align: top; margin-left: -35px; top: -20px; right: 10px; } .pay-page .payment__price-description { display: inline-block; padding: 4px= 8px; background: rgb(0, 71, 55); border-radius: 4px; color: rgb(91, 255, 2= 18); font-size: 14px; line-height: 16px; } body.light-theme .pay-page .payment__price-description { background: rgb(19= 4, 212, 240); color: rgb(14, 95, 206); } @media screen and (max-width: 576px) { .pay-page .payment__price { margin-bottom: 38px; } .pay-page .payment__price--installment { margin-bottom: 9px; } .pay-page .payment__price--installment .payment__price-title { margin-lef= t: 20px; } .pay-page .payment__price--installment .payment__price-value { margin-lef= t: 20px; margin-bottom: 18px; } .pay-page .payment__price--installment .payment__price-description { marg= in-left: 20px; margin-bottom: 0px; } .pay-page .payment__price--installment .installment_alfa_tinkoff_top_bloc= k, .pay-page .payment__price--installment .installment_rebrain_top_block { = padding-bottom: 48px; margin-bottom: 49px; } } @media screen and (max-width: 576px) and (max-width: 576px) { .pay-page .payment__price--company { margin-bottom: 52px; } .pay-page .payment__price--company .payment__price-title:first-child { ma= rgin-bottom: 33px; } } .pay-page .payment__button { width: 340px; height: 50px; border: none; back= ground: rgb(91, 255, 218); border-radius: 2px; font-size: 16px; line-height= : 18px; text-align: center; color: rgb(23, 23, 23); } @media screen and (max-width: 576px) { .pay-page .payment__button { width: 100%; } } .pay-page .payment__button:disabled { background-color: rgb(95, 95, 95); } .pay-page .payment__button:disabled:hover { background-color: rgb(95, 95, 9= 5); } .pay-page .payment__button:hover { background-color: rgb(66, 220, 186); } body.light-theme .pay-page .payment__button { background: rgb(8, 22, 107); = color: rgb(255, 255, 255); } body.light-theme .pay-page .payment__button:hover { background: rgb(3, 9, 4= 9); } body.light-theme .pay-page .payment__button:disabled { color: rgb(23, 23, 2= 3); background-color: rgb(197, 197, 197); } body.light-theme .pay-page .payment__button:disabled:hover { color: rgb(23,= 23, 23); background-color: rgb(197, 197, 197); } .pay-page .installment__title { font-size: 24px; line-height: 27px; color: = rgb(255, 255, 255); } body.light-theme .pay-page .installment__title { color: rgb(26, 26, 26); } .pay-page .installment__options { display: flex; -webkit-box-orient: horizo= ntal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack:= start; justify-content: flex-start; -webkit-box-align: start; align-items:= flex-start; padding-left: 36px; } .pay-page .installment__option { width: auto; margin: 0px 112px 40px 0px; } .pay-page .installment__option label { padding-top: 56px; display: flex; -w= ebkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: = column; position: relative; text-align: center; margin-left: 0px; } .pay-page .installment__option label::after { content: ""; position: absolu= te; top: 0px; left: calc(50% - 16px); width: 32px; height: 32px; border-rad= ius: 50%; border: 2px solid rgb(60, 60, 66); } body.light-theme .pay-page .installment__option label::after { border-color= : rgb(209, 213, 211); } .pay-page .installment__option img { width: 78px; height: auto; margin: 0px= auto 16px; } .pay-page .installment__option input:checked + label::after { border: 2px s= olid rgb(91, 255, 218); } body.light-theme .pay-page .installment__option input:checked + label::afte= r { border-color: rgb(26, 154, 252); } .pay-page .installment__option input:checked + label::before { content: "";= position: absolute; top: 6px; left: calc(50% - 10px); width: 20px; height:= 20px; border-radius: 50%; background-color: rgb(91, 255, 218); } body.light-theme .pay-page .installment__option input:checked + label::befo= re { background-color: rgb(26, 154, 252); } body.light-theme .pay-page .installment__option span { color: rgb(26, 26, 2= 6); } .pay-page .special { padding-top: 67px; padding-bottom: 64px; margin-bottom= : 30px; border-bottom: 1px solid rgba(135, 139, 156, 0.5); border-top: 1px = solid rgba(135, 139, 156, 0.5); } @media screen and (max-width: 576px) { .pay-page .special { padding-bottom: 49px; padding-top: 46px; } } body.light-theme .pay-page .special { border-top: 1px solid rgb(209, 211, 2= 19); border-bottom: 1px solid rgb(209, 211, 219); } .pay-page .special__title { font-size: 24px; line-height: 27px; color: rgb(= 255, 255, 255); margin-bottom: 15px; } body.light-theme .pay-page .special__title { color: rgb(26, 26, 26); } .pay-page .special__course { position: relative; width: 100%; min-height: 7= 1px; padding: 11px 100px 11px 20px; background: rgb(39, 39, 41); border-rad= ius: 4px; } body.light-theme .pay-page .special__course { background: rgb(255, 255, 255= ); } .pay-page .special__course:not(:last-child) { margin-bottom: 16px; } .pay-page .special__course--active { box-shadow: rgb(91, 255, 218) 0px 0px = 0px 1px; } body.light-theme .pay-page .special__course--active { box-shadow: rgb(26, 1= 54, 252) 0px 0px 0px 1px; } @media screen and (max-width: 576px) { .pay-page .special__course { flex-wrap: nowrap; padding: 13px 6px 12px 20= px; width: 98%; min-height: 87px; } .pay-page .special__course:not(:last-child) { margin-bottom: 16px; } } @media screen and (max-width: 370px) { .pay-page .special__course { flex-wrap: wrap; } } .pay-page .special__course-button { flex-shrink: 0; position: relative; wid= th: 40px; height: 40px; margin-right: 15px; border: none; border-radius: 50= %; background-color: rgb(104, 104, 109); cursor: pointer; } .pay-page .special__course-button:hover { background-color: rgb(135, 139, 1= 56); } body.light-theme .pay-page .special__course-button { background-color: rgb(= 222, 233, 250); } body.light-theme .pay-page .special__course-button:hover { background-color= : rgba(222, 233, 250, 0.7); } .pay-page .special__course-button::after { content: "+"; position: absolute= ; left: 11px; top: 5px; font-size: 32px; line-height: 32px; color: rgb(196,= 196, 196); } body.light-theme .pay-page .special__course-button::after { color: rgb(14, = 95, 206); } .pay-page .special__course-button--included { background-color: rgb(91, 255= , 218); } .pay-page .special__course-button--included:hover { background-color: rgb(6= 6, 220, 186); } body.light-theme .pay-page .special__course-button--included { background-c= olor: rgb(26, 154, 252); } body.light-theme .pay-page .special__course-button--included:hover { backgr= ound-color: rgb(5, 134, 233); } .pay-page .special__course-button--included::after { content: ""; width: 20= px; height: 10px; left: 12px; top: 12px; border-bottom: 2px solid rgb(0, 0,= 0); border-left: 2px solid rgb(0, 0, 0); transform: rotate(-45deg); } body.light-theme .pay-page .special__course-button--included::after { borde= r-color: rgb(255, 255, 255); } .pay-page .special__course-main-details { margin-right: auto; } .pay-page .special__course-extra-details { width: 210px; margin-right: 40px= ; margin-left: 20px; text-align: center; } @media screen and (max-width: 576px) { .pay-page .special__course-extra-details { width: 150px; margin-right: 0p= x; text-align: left; } } .pay-page .special__course-title { margin: 0px; font-size: 20px; line-heigh= t: 22px; color: rgb(255, 255, 255); } body.light-theme .pay-page .special__course-title { color: rgb(26, 26, 26);= } @media screen and (max-width: 576px) { .pay-page .special__course-title { margin-bottom: 13px; } } .pay-page .special__course-link { color: rgb(91, 255, 218); cursor: pointer= ; position: absolute; right: 23px; top: calc(50% - 10px); } body.light-theme .pay-page .special__course-link { color: rgb(14, 95, 206);= } .pay-page .special__course-link:hover { color: rgb(91, 255, 218); text-deco= ration: underline; } body.light-theme .pay-page .special__course-link:hover { color: rgb(14, 95,= 206); } @media screen and (max-width: 576px) { .pay-page .special__course-link { position: static; } } .pay-page .special__course-included { margin: 0px; color: rgba(255, 255, 25= 5, 0.6); font-size: 14px; line-height: 16px; } body.light-theme .pay-page .special__course-included { color: rgb(135, 139,= 156); } .pay-page .special__course-price { margin: 0px 0px 4px; font-size: 18px; li= ne-height: 20px; color: rgb(255, 255, 255); } body.light-theme .pay-page .special__course-price { color: rgb(26, 26, 26);= } .pay-page .special__course-savings { margin: 0px; display: inline-block; fo= nt-size: 12px; line-height: 13px; color: rgb(91, 255, 218); background: rgb= (0, 71, 55); border-radius: 4px; padding: 5px; } @media screen and (max-width: 576px) { .pay-page .special__course-savings { font-size: 11px; line-height: 11px; = min-width: 138px; padding: 5px 3px; } } body.light-theme .pay-page .special__course-savings { color: rgb(14, 95, 20= 6); background: rgb(194, 212, 240); } .pay-page .total { display: flex; flex-wrap: wrap; width: 100%; margin-bott= om: 64px; } .pay-page .total p { margin: 0px 0px 5px; } .pay-page .total__title { margin-bottom: 6px; font-size: 18px; line-height:= 20px; color: rgb(255, 255, 255); } body.light-theme .pay-page .total__title { color: rgb(26, 26, 26); } .pay-page .total__value { font-weight: 700; font-size: 42px; line-height: 4= 7px; color: rgb(91, 255, 218); } body.light-theme .pay-page .total__value { color: rgb(14, 95, 206); } .pay-page .total__savings { font-size: 18px; line-height: 20px; color: rgb(= 255, 255, 255); margin-left: 66px; } .pay-page .total__savings p { font-size: 18px; } body.light-theme .pay-page .total__savings { color: rgb(26, 26, 26); } @media screen and (max-width: 576px) { .pay-page .total { -webkit-box-orient: vertical; -webkit-box-direction: n= ormal; flex-direction: column; margin-bottom: 18px; } .pay-page .total p:first-of-type { margin-bottom: 7px; } .pay-page .total p:nth-child(2) { margin-bottom: 23px; } .pay-page .total__savings { margin-left: 2px; } } .pay-page .social-connect { padding: 30px 0px 30px 93px; } .pay-page .social-connect .block-icons a:not(:last-child) { margin-right: 2= 2px; } @media screen and (max-width: 576px) { .pay-page .social-connect { padding: 30px 0px; width: 100%; } } body.light-theme .pay-page .social-connect { background-color: rgb(239, 241= , 249); border-top-color: rgb(209, 211, 219); } .sections-course { position: relative; } .sections-course.open .sections-course__list { height: auto; } .sections-course.open i { transform: rotate(180deg); } .sections-course__line { position: relative; width: 100%; height: 1px; back= ground-color: rgb(61, 61, 65); margin: 2.14em 0px 2.3em; } .sections-course__title { position: relative; font-family: "Helvetica Neue"= , sans-serif; font-size: 1.14em; line-height: 1.25em; color: rgb(255, 255, = 255); cursor: pointer; } .sections-course__title i { position: absolute; top: 3px; right: 0px; color= : rgb(91, 255, 218); } .sections-course__list { height: 0px; padding-left: 0.86em; overflow: hidde= n; } .sections-course__list .list { margin-top: 1.28em; margin-bottom: 0px; } .navigation--themes { margin-top: 2.14em; } .navigation--themes .list { margin-top: 1.42em; margin-bottom: 0px; } .themes-list__title { font-family: "PT Mono"; font-size: 18px; line-height:= 20px; color: rgb(91, 255, 218); } #buyd { background: rgb(24, 24, 26); padding-top: 8em; padding-bottom: 100p= x; font-family: "PT Mono"; } #buyd .buy-t { font-size: 30px; line-height: normal; color: rgb(91, 255, 21= 8); text-align: center; } #buyd .standart { margin-bottom: 15px; } #buyd .callback, #buyd .standart { font-size: 22px; font-weight: 400; line-= height: 25px; color: rgb(255, 255, 255); } #buyd .callback { margin-bottom: 10px; } #buyd .callback span { color: rgb(255, 72, 190); } #buyd .callback span a { color: inherit; } #buyd .backlink { margin-top: 35px; } #buyd .backlink a { font-size: 22px; font-weight: 400; line-height: 25px; c= olor: rgb(255, 255, 255); } .link-already-used { font-family: "PT Mono", Arial, sans-serif; } .partners { color: rgb(255, 255, 255); font-family: "Helvetica Neue", Arial= , sans-serif; } body.light-theme .partners { color: rgb(0, 0, 0); } .partners .header-gap { padding-top: 60px; } .partners__wrapper { max-width: 1100px; width: 100%; margin: 40px auto 80px= ; } @media (max-width: 1140px) { .partners__wrapper { padding: 0px 20px; } } .partners__title { font-family: "PT Mono", Arial, sans-serif; font-weight: = 400; font-size: 24px; line-height: 27px; margin-bottom: 38px; } .partners .logo-rebrain { width: 100%; background-color: rgb(39, 39, 41); t= ext-align: center; padding: 18px 0px; margin-bottom: 40px; } @media (max-width: 767px) { .partners .logo-rebrain { padding: 12px 0px; } } .partners .logo-rebrain img, .partners .logo-rebrain svg { width: 155px; } @media (max-width: 767px) { .partners .logo-rebrain img, .partners .logo-rebrain svg { width: 85px; } } .partners .accordion { list-style: none; padding: 0px; } .partners .accordion li { margin-bottom: 20px; } .partners .accordion__header { position: relative; display: flex; flex-wrap= : nowrap; -webkit-box-pack: justify; justify-content: space-between; -webki= t-box-align: center; align-items: center; padding: 12px 30px 12px 85px; wid= th: 100%; min-height: 48px; background-color: rgba(255, 255, 255, 0.1); bor= der-radius: 8px; cursor: pointer; } @media (max-width: 767px) { .partners .accordion__header { padding-left: 55px; padding-right: 20px; } } body.light-theme .partners .accordion__header { background-color: rgb(255, = 255, 255); } .partners .accordion__header::before { position: absolute; content: ""; wid= th: 16px; height: 10px; left: 30px; top: 50%; transform: translateY(-50%) s= caleY(1); background-image: url("data:image/svg+xml;charset=3Dutf-8,%3Csvg = width=3D'16' height=3D'10' fill=3D'none' xmlns=3D'http://www.w3.org/2000/sv= g'%3E%3Cpath d=3D'M1.88 0L8 6.18 14.12 0 16 1.903 8 10 0 1.903 1.88 0z' fil= l=3D'%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size= : contain; background-position: 50% center; transition: transform 0.3s line= ar 0s, -webkit-transform 0.3s linear 0s; } body.light-theme .partners .accordion__header::before { color: rgb(0, 0, 0)= ; background-image: url("data:image/svg+xml;charset=3Dutf-8,%3Csvg width=3D= '16' height=3D'10' fill=3D'none' xmlns=3D'http://www.w3.org/2000/svg'%3E%3C= path d=3D'M1.88 0L8 6.18 14.12 0 16 1.903 8 10 0 1.903 1.88 0z' fill=3D'%23= 000'/%3E%3C/svg%3E"); } @media (max-width: 767px) { .partners .accordion__header::before { left: 20px; } } .partners .accordion__header.active::before { transform: translateY(-50%) s= caleY(-1); } .partners .accordion__company-name { font-weight: 400; font-size: 16px; lin= e-height: 19px; } @media (max-width: 767px) { .partners .accordion__company-name { font-size: 12px; line-height: 14px; = } } .partners .accordion__company-logo svg { height: 100%; max-height: 24px; wi= dth: auto; } .partners .accordion__company-logo svg path { fill: rgb(255, 255, 255); } body.light-theme .partners .accordion__company-logo svg path { fill: rgb(69= , 69, 69); } .partners .accordion__company-logo img { height: 100%; max-height: 24px; wi= dth: auto; } body.light-theme .partners .accordion__company-logo img { filter: invert(22= %) sepia(0) saturate(1802%) hue-rotate(197deg) brightness(19%) contrast(65%= ); } .partners .accordion__body { display: none; margin-left: 55px; border-botto= m: 1px solid rgb(47, 47, 48); padding: 20px 30px 2px; } @media (max-width: 767px) { .partners .accordion__body { padding-left: 20px; padding-right: 20px; mar= gin-left: 35px; } } body.light-theme .partners .accordion__body { border-color: rgb(209, 211, 2= 19); } .partners .accordion__body-wrapper { display: flex; -webkit-box-align: cent= er; align-items: center; -webkit-box-pack: start; justify-content: flex-sta= rt; flex-wrap: wrap; } .partners .accordion__body-address, .partners .accordion__body-inn, .partne= rs .accordion__body-ogrn { font-weight: 400; font-size: 14px; line-height: = 17px; color: rgba(255, 255, 255, 0.698); margin-bottom: 8px; } @media (max-width: 767px) { .partners .accordion__body-address, .partners .accordion__body-inn, .part= ners .accordion__body-ogrn { font-size: 12px; line-height: 14px; } } body.light-theme .partners .accordion__body-address, body.light-theme .part= ners .accordion__body-inn, body.light-theme .partners .accordion__body-ogrn= { color: rgba(0, 0, 0, 0.7); } .partners .accordion__body-ogrn { margin-right: 50px; } @media (max-width: 1023px) { .partners .accordion__body-ogrn { margin-right: 30px; } } .partners .accordion__body-inn { margin-right: 50px; } @media (max-width: 1023px) { .partners .accordion__body-inn { margin-right: 30px; } } .test-result { position: relative; display: flex; -webkit-box-orient: verti= cal; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pac= k: start; justify-content: flex-start; -webkit-box-align: start; align-item= s: flex-start; font-size: 100%; background: linear-gradient(rgb(48, 48, 50)= , rgb(23, 23, 25)); padding-top: 50px; } @media (max-width: 767px) { .test-result { padding-top: 43px; } } body.light-theme .test-result { background: transparent; } .test-result__wrapper { -webkit-box-flex: 1; flex: 1 0 auto; position: rela= tive; width: 100%; font-size: 100%; padding: 7.14em 0px; } @media (max-width: 991px) { .test-result__wrapper { font-size: 80%; } } @media (max-width: 767px) { .test-result__wrapper { font-size: 100%; padding: 40px 0px; } } .test-result__wrapper .test-info { position: relative; font-size: 100%; } .test-result__wrapper .test-info h2 { position: relative; font-family: "PT = Mono"; font-size: 2.28em; line-height: 1.125em; color: rgb(91, 255, 218); p= adding-right: 1.8em; margin-bottom: 0.9375em; } @media (max-width: 767px) { .test-result__wrapper .test-info h2 { font-size: 22px; line-height: 25px;= margin-bottom: 20px; } } body.light-theme .test-result__wrapper .test-info h2 { color: rgb(26, 26, 2= 6); } .test-result__wrapper .test-info h2 span { display: block; } .test-result__wrapper .test-info p { position: relative; font-family: "Helv= etica Neue", sans-serif; font-size: 1.28em; line-height: 1.167em; color: rg= b(135, 139, 156); margin-bottom: 2.78em; } @media (max-width: 767px) { .test-result__wrapper .test-info p { font-size: 16px; line-height: 18px; = margin-bottom: 40px; } } .test-result__wrapper .test-info .btns { position: relative; font-size: 100= %; } @media (max-width: 991px) { .test-result__wrapper .test-info .btns { font-size: 90%; } } @media (max-width: 767px) { .test-result__wrapper .test-info .btns { font-size: 100%; } } .test-result__wrapper .test-info .btns .btn-action { display: inline-block;= width: 16.8em; color: rgb(0, 0, 0); border: 2px solid rgb(91, 255, 218); b= ackground-color: rgb(91, 255, 218); } @media (max-width: 767px) { .test-result__wrapper .test-info .btns .btn-action { display: block; } } body.light-theme .test-result__wrapper .test-info .btns .btn-action { borde= r: 2px solid rgb(26, 154, 252); background-color: rgb(26, 154, 252); color:= rgb(255, 255, 255); } body.light-theme .test-result__wrapper .test-info .btns .btn-action:hover {= border: 2px solid rgb(5, 134, 233); background-color: rgb(5, 134, 233); } .test-result__wrapper .test-info .btns .btn-action:not(:first-child) { marg= in-left: 2.14em; } @media (max-width: 767px) { .test-result__wrapper .test-info .btns .btn-action:not(:first-child) { ma= rgin-top: 35px; margin-left: 0px; } } .test-result__wrapper .test-info .btns .btn-action.no-bg, .test-result__wra= pper .test-info .btns .btn-action:hover { border-color: rgb(91, 255, 218); = background-color: transparent; color: rgb(91, 255, 218); } .test-result__wrapper .test-info .btns .btn-action.no-bg:hover { border-col= or: rgb(91, 255, 218); background-color: rgb(91, 255, 218); color: rgb(0, 0= , 0); } .test-result__wrapper .test-info .btns .btn-action span { font-family: "Hel= vetica Neue", sans-serif; font-weight: 400; } .test-result__wrapper .test-points { position: relative; font-size: 100%; } @media (max-width: 767px) { .test-result__wrapper .test-points { margin-bottom: 30px; } } .test-result__wrapper .test-points__wrapper { position: relative; margin-le= ft: auto; text-align: center; border: 3px solid rgb(91, 255, 218); border-r= adius: 4px; background-color: transparent; box-shadow: none; padding: 2.86e= m 3.93em; } @media (max-width: 767px) { .test-result__wrapper .test-points__wrapper { padding: 30px 20px; } } body.light-theme .test-result__wrapper .test-points__wrapper { border: 3px = solid rgb(26, 26, 26); } .test-result__wrapper .test-points__wrapper > p { margin-bottom: 0px; } .test-result__wrapper .test-points__wrapper .points-header { position: rela= tive; font-family: "PT Mono"; font-size: 1.28em; line-height: 1.11em; color= : rgb(91, 255, 218); } @media (max-width: 767px) { .test-result__wrapper .test-points__wrapper .points-header { font-size: 1= 4px; line-height: 16px; } } body.light-theme .test-result__wrapper .test-points__wrapper .points-header= { color: rgb(26, 26, 26); } .test-result__wrapper .test-points__wrapper .points-numbers { position: rel= ative; font-family: "PT Mono"; font-size: 8.56em; line-height: 1.33; color:= rgb(255, 255, 255); } @media (max-width: 991px) { .test-result__wrapper .test-points__wrapper .points-numbers { font-size: = 6.5em; } } @media (max-width: 767px) { .test-result__wrapper .test-points__wrapper .points-numbers { font-size: = 80px; } } body.light-theme .test-result__wrapper .test-points__wrapper .points-number= s { color: rgb(26, 26, 26); } .test-result__wrapper .test-points__wrapper .points-numbers span { color: r= gb(255, 72, 190); } .test-result__wrapper .test-points__wrapper .points-numbers span.p-success = { color: rgb(91, 255, 218); } .test-result__wrapper .test-points__wrapper .points-subtext { position: rel= ative; font-family: "Helvetica Neue", sans-serif; font-size: 1.28em; line-h= eight: 1.167em; color: rgb(255, 255, 255); } @media (max-width: 767px) { .test-result__wrapper .test-points__wrapper .points-subtext { font-size: = 18px; line-height: 20px; } } body.light-theme .test-result__wrapper .test-points__wrapper .points-subtex= t { color: rgb(26, 26, 26); } .test-result__wrapper .test-points__wrapper .points-answers { margin-top: 1= 0px; } .test-result .social-connect { -webkit-box-flex: 0; flex: 0 0 auto; positio= n: relative; width: 100%; background-color: transparent; } @media screen and (max-width: 1200px) { .vids-n { width: 100%; height: 387px; } .similar-videos .vids { height: 118px; width: 100% !important; } .date { margin-right: 55px; } } @media screen and (max-width: 991px) { .vids-n { height: 252px; } .sett-title { margin-right: 0px; text-align: center; } .sett-wrap__link { display: flex; } .logo-s, .sett-wrap__link { -webkit-box-pack: center; justify-content: ce= nter; } .logo-s { display: flex; } .vids { width: 100% !important; height: 118px !important; } } @media screen and (max-width: 767px) { .vids-n { height: 286px; } .menu-opener, .mn { display: block; } .test-block p { color: rgb(91, 255, 218); } .main-title { font-size: 34px; } .send-wrap { display: block; float: none; text-align: center; } .quiz__action, .quiz input[type=3D"submit"] { float: none; } .vids { height: 286px !important; } .footer-links { margin: 20px auto 0px 0px; } .test-result__wrapper .test-points::before { display: none; } } @media screen and (max-width: 576px) { .vids-n { height: 53vw; } .phone, .signup { padding-top: 85px; } .logo-s { display: flex; -webkit-box-pack: center; justify-content: cente= r; } .main-title { font-size: 41px; } .test-block { padding: 35px 10px; margin-bottom: 20px; } .main-texts { font-size: 14px; margin-top: 60px; } .test-block p { font-size: 20px; margin-bottom: 50px; } .test-block label { font-size: 14px; } .logo__img { width: 100%; } .vids { height: 44vw !important; } .offer { padding-top: 74px; padding-bottom: 24px; } .checkmark { bottom: 0px; } .quiz__action, .quiz input[type=3D"submit"] { max-width: 250px; width: 96= %; height: 118px; font-size: 18px; } } @media screen and (max-width: 320px) { .main-title { font-size: 25px; } .main-text { margin-top: 9px; } label { margin-left: 3px; } } @media (min-width: 1200px) { .container { max-width: 1310px; } } body { font-family: "PT Mono", sans-serif; } @media (max-width: 767px) { .mobile-display-none { display: none !important; } } @media (max-width: 1200px) { .mobile-nav-display-none { display: none !important; } } @media (min-width: 768px) { .desctop-display-none { display: none !important; } } @media (min-width: 1201px) { .desktop-nav-display-none { display: none !important; } } .task-block__button:disabled { background-color: rgb(127, 133, 143); cursor= : auto; } body.light-theme .task-block__button:disabled { color: rgb(255, 255, 255); = background-color: rgb(135, 139, 156); } .time-human { color: rgb(255, 255, 255); font-size: 20px; } body.light-theme .time-human { color: rgb(0, 0, 0); } .time-and-mark-section { display: flex; margin-bottom: 50px; } @media (max-width: 991px) { .time-and-mark-section { flex-wrap: wrap; } } .time-and-mark-section .time-wrapper { margin-right: 60px; } @media (max-width: 991px) { .time-and-mark-section .time-wrapper { margin-right: 0px; -webkit-box-fle= x: 0; flex: 0 0 100%; } } @media (max-width: 991px) { .time-and-mark-section .mark-wrapper { -webkit-box-flex: 0; flex: 0 0 100= %; margin-top: 50px; } } .time-and-mark-section .d-flex { -webkit-box-align: end; align-items: flex-= end; } .time-and-mark-section .d-flex .numbers { margin-right: 20px; } .time-and-mark-section__head-text { color: rgb(255, 255, 255); font-size: 2= 4px; font-weight: 700; font-family: "PT Mono", sans-serif; margin-bottom: 2= 0px; } body.light-theme .time-and-mark-section__head-text { color: rgb(26, 26, 26)= ; } .time-and-mark-section .add-more-wrap__text { color: rgb(255, 255, 255); fo= nt-size: 14px; margin-bottom: 10px; font-family: "PT Mono", sans-serif; } body.light-theme .time-and-mark-section .add-more-wrap__text { color: rgb(2= 6, 26, 26); } .time-and-mark-section .add-more-wrap__input { padding-left: 8px; padding-t= op: 8px; padding-bottom: 10px; width: 126px; color: rgba(26, 26, 26, 0.6); = background: rgb(209, 213, 227); border-radius: 4px; border: none; margin-bo= ttom: 10px; } .time-and-mark-section .numbers { display: flex; flex-wrap: wrap; -webkit-b= ox-flex: 0; flex: 0 0 200px; max-width: 200px; } .time-and-mark-section .numbers__number { padding-top: 3px; color: rgba(26,= 26, 26, 0.6); text-align: center; font-family: "PT Mono", sans-serif; widt= h: 32px; height: 32px; background: rgb(209, 213, 227); border-radius: 4px; = font-size: 20px; margin-right: 10px; margin-bottom: 10px; cursor: pointer; = } .time-and-mark-section .numbers__number:nth-child(5n) { margin-right: 0px; = } .time-and-mark-section .numbers__number.active { background: rgb(26, 154, 2= 52); border-radius: 4px; color: rgb(255, 255, 255); } .form-auto-answer .text-event-started { background-color: rgb(0, 0, 0); col= or: rgb(255, 255, 255); padding: 20px; } .form-auto-answer .text-event-started-err { color: rgb(255, 255, 255); } body.light-theme .form-auto-answer .text-event-started-err { color: rgb(0, = 0, 0); } .form-auto-answer .bot-wrap { display: flex; -webkit-box-align: center; ali= gn-items: center; margin-bottom: 20px; } @media (max-width: 767px) { .form-auto-answer .bot-wrap { flex-wrap: wrap; } } .form-auto-answer .task-block__button { width: auto; padding-left: 15px; pa= dding-right: 15px; margin-left: 30px; -webkit-box-flex: 1; flex: 1 1 0%; ma= rgin-bottom: 0px; } @media (max-width: 767px) { .form-auto-answer .task-block__button { margin-left: 0px; width: 100%; -w= ebkit-box-flex: 0; flex: 0 0 100%; margin-top: 20px; } } .form-auto-answer .seconds { color: rgb(255, 255, 255); } body.light-theme .form-auto-answer .seconds { color: rgb(0, 0, 0); } @media (max-width: 767px) { .form-auto-answer .seconds { -webkit-box-flex: 0; flex: 0 0 100%; } } .video { min-width: auto !important; } .after-send-wrapper { margin-top: 20px; } .after-send-wrapper textarea { width: 100%; background-color: transparent; = margin-bottom: 20px; } .after-send-wrapper .btn { padding-top: 16px; padding-bottom: 16px; backgro= und-color: rgb(91, 255, 218); border: none; font-size: 20px; font-weight: 7= 00; color: rgb(0, 0, 0); margin-right: 20px; } .after-send-wrapper .btn:last-child { margin-right: 0px; } .top-starter { margin-top: 58px; } @media (max-width: 991px) { .top-starter { margin-top: 43px; } } .top-starter .back-block { display: flex; padding: 40px 0px 18px; -webkit-b= ox-align: center; align-items: center; } @media (max-width: 767px) { .top-starter .back-block { padding: 44px 0px 20px; } } .top-starter .back-block__text { margin-left: 12px; color: rgb(255, 255, 25= 5); font-size: 16px; } body.light-theme .top-starter .back-block__text { color: rgb(135, 139, 156)= ; } @media (max-width: 767px) { .top-starter .back-block__text { font-size: 12px; } } .top-starter .back-block__svg { height: 12px; } body.light-theme .top-starter .back-block__svg path { fill: rgb(135, 139, 1= 56); } .top-starter .course-block .user-progress__text { font-size: 20px; color: r= gb(255, 255, 255); margin-bottom: 10px; } body.light-theme .top-starter .course-block .user-progress__text { color: r= gb(26, 26, 26); } .top-starter .course-block .user-progress__text:nth-child(2) { margin-botto= m: 30px; } .top-starter .course-block .user-progress__text:last-child { margin-bottom:= 0px; } .top-starter .course-block .course-block-video .video { min-width: auto !im= portant; } .top-starter .course-block .href-list.desctop-display-none { margin-bottom:= 32px; padding-left: 0px; } .top-starter .course-block .href-list.desctop-display-none li { margin-bott= om: 8px; list-style: none; } .top-starter .course-block .href-list.desctop-display-none li a { color: rg= b(91, 255, 218); font-size: 14px; } body.light-theme .top-starter .course-block .href-list.desctop-display-none= li a { color: rgb(26, 26, 26); } .top-starter .course-block .href-list.desctop-display-none li:last-child { = margin-bottom: 0px; } .top-starter .course-block__header { font-size: 54px; color: rgb(255, 255, = 255); font-family: "PT Mono"; font-weight: 700; } body.light-theme .top-starter .course-block__header { color: rgb(26, 26, 26= ); } .top-starter .course-block__header.for-students { margin-bottom: 22px; } @media (max-width: 767px) { .top-starter .course-block__header { margin-bottom: 40px; } } .top-starter .course-block .results { text-align: left; } .top-starter .course-block .results.for-students { text-align: right; displ= ay: flex; -webkit-box-pack: end; justify-content: flex-end; margin-top: -41= px; } @media (max-width: 767px) { .top-starter .course-block .results.for-students { margin-top: 0px; -webk= it-box-pack: start; justify-content: flex-start; } } .top-starter .course-block .results.for-students .average { margin-left: 54= px; } @media (max-width: 767px) { .top-starter .course-block .results.for-students .average { margin-left: = 0px; } } .top-starter .course-block .results.for-students .average__head-text { font= -size: 40px; font-family: "PT Mono"; color: rgb(91, 255, 218); text-align: = left; margin-bottom: 6px; font-weight: 700; } @media (max-width: 575px) { .top-starter .course-block .results.for-students .average__head-text { fo= nt-size: 35px; } } .top-starter .course-block .results.for-students .average__head-text_small = { font-size: 20px; color: rgb(255, 255, 255); } .top-starter .course-block .results.for-students .average__text { color: rg= b(255, 255, 255); font-size: 14px; font-weight: 700; text-align: left; } @media (max-width: 575px) { .top-starter .course-block .results.for-students .average__text { font-si= ze: 12px; } } .top-starter .course-block .results.for-students .average .progressbar { he= ight: 4px; background-color: rgb(255, 255, 255); position: relative; width:= 128px; } .top-starter .course-block .results.for-students .average .progressbar__inn= er { background-color: rgb(91, 255, 218); position: absolute; height: 100%;= left: 0px; top: 0px; } .top-starter .course-block .results.for-students .average .progressbar__inn= er_10 { width: 10%; } .top-starter .course-block .results.for-students .average .progressbar__inn= er_20 { width: 20%; } .top-starter .course-block .results.for-students .average .progressbar__inn= er_30 { width: 30%; } .top-starter .course-block .results.for-students .average .progressbar__inn= er_40 { width: 40%; } .top-starter .course-block .results.for-students .average .progressbar__inn= er_50 { width: 50%; } .top-starter .course-block .results.for-students .average .progressbar__inn= er_60 { width: 60%; } .top-starter .course-block .results.for-students .average .progressbar__inn= er_70 { width: 70%; } .top-starter .course-block .results.for-students .average .progressbar__inn= er_80 { width: 80%; } .top-starter .course-block .results.for-students .average .progressbar__inn= er_90 { width: 90%; } .top-starter .course-block .results.for-students .average .progressbar__inn= er_100 { width: 100%; } .top-starter .course-block .results.for-students .rating-place { margin-lef= t: 64px; } @media (max-width: 413px) { .top-starter .course-block .results.for-students .rating-place { margin-l= eft: 40px; } } .top-starter .course-block .results.for-students .rating-place__text { font= -size: 14px; color: rgb(255, 255, 255); text-align: left; font-weight: 700;= } @media (max-width: 575px) { .top-starter .course-block .results.for-students .rating-place__text { fo= nt-size: 12px; } } .top-starter .course-block .results.for-students .rating-place__head-text {= font-size: 40px; color: rgb(255, 72, 190); text-align: left; font-weight: = 700; } @media (max-width: 575px) { .top-starter .course-block .results.for-students .rating-place__head-text= { font-size: 35px; } } .top-starter .course-block .results.for-students .rating-place__head-text_s= mall { font-size: 20px; color: rgb(255, 255, 255); } .top-starter .course-block .results.for-students .rating-place__change { co= lor: rgb(255, 72, 190); font-size: 14px; text-align: left; font-weight: 700= ; } .top-starter .course-block .results.for-teachers a { font-size: 14px; font-= weight: 700; color: rgb(91, 255, 218); } .top-starter .course-block .results.for-teachers .list-rating { padding-lef= t: 17px; list-style-type: decimal; } .top-starter .course-block .results.for-teachers .list-rating li { display:= list-item; font-size: 14px; color: rgb(255, 255, 255); } .top-starter .course-block .results.for-teachers .list-rating li:first-chil= d { color: rgb(91, 255, 218); font-size: 20px; list-style: none; position: = relative; } .top-starter .course-block .results.for-teachers .list-rating li:first-chil= d::before { content: "1."; font-size: 14px; color: rgb(255, 255, 255); posi= tion: absolute; left: -25px; top: 50%; transform: translateY(-50%); } .top-starter .course-block .results.for-teachers .button-teachers { color: = rgb(91, 255, 218); border: 2px solid rgb(91, 255, 218); padding: 15px 0px; = width: 225px; background: rgb(39, 39, 41); } .top-starter .course-block .results__text { color: rgb(255, 255, 255); font= -size: 18px; text-align: left; margin-bottom: 8px; } body.light-theme .top-starter .course-block .results__text { color: rgb(26,= 26, 26); } @media (max-width: 767px) { .top-starter .course-block .results__text { font-size: 14px; color: rgb(2= 55, 255, 255); } } .top-starter .course-block .results__text_blue { color: rgb(91, 255, 218); = } body.light-theme .top-starter .course-block .results__text_blue { color: rg= b(14, 95, 206); } .top-starter .course-block .results__result { font-size: 20px; color: rgb(2= 55, 255, 255); } body.light-theme .top-starter .course-block .results__result { color: rgb(2= 6, 26, 26); } .top-starter .course-block .results__result .blue { color: rgb(91, 255, 218= ); } body.light-theme .top-starter .course-block .results__result .blue { color:= rgb(23, 162, 184); } .top-starter .course-block .results__links { list-style: none; padding-left= : 0px !important; } .top-starter .course-block .results__links > li:not(:first-of-type) { margi= n-top: 8px; } .top-starter .course-block .results__href { text-align: left; font-size: 14= px; color: rgb(91, 255, 218); display: block; } body.light-theme .top-starter .course-block .results__href { color: rgb(14,= 95, 206); } @media (max-width: 767px) { .top-starter .course-block .results__href { color: rgb(91, 255, 218); } } .top-starter .course-block .right-col { height: 100%; } .top-starter .course-block .right-col .course-block-video { max-width: 511p= x; margin-left: auto; width: 100%; height: auto; border: 0.25em solid rgb(2= 55, 255, 255); position: relative; padding-bottom: 56%; } @media (min-width: 992px) { .top-starter .course-block .right-col .course-block-video { padding-botto= m: 54%; } } @media (min-width: 1200px) { .top-starter .course-block .right-col .course-block-video { padding-botto= m: 42%; } } @media (min-width: 1300px) { .top-starter .course-block .right-col .course-block-video { padding-botto= m: 38%; } } .top-starter .course-block .right-col .course-block-video iframe { border: = 0px; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } .top-starter .course-block .right-col .course-block-video .video-container = { max-width: 100%; max-height: 100%; height: 100%; } .top-starter .course-block .right-col .course-block-video .video-container = .video-js, .top-starter .course-block .right-col .course-block-video .video= -container iframe { width: 100%; height: 100%; } @media (max-width: 767px) { .top-starter .course-block .right-col .course-block-video.for-starter { m= argin-bottom: 40px; } .top-starter .course-block .right-col .course-block-video.for-starter .co= urse-block-video__button { padding-top: 8px; padding-bottom: 8px; backgroun= d-color: rgb(0, 0, 0); color: rgb(91, 255, 218); font-weight: 700; font-siz= e: 20px; height: auto; border-radius: 0px; width: 104px; } } .top-starter .course-block .right-col .course-block-video__button { positio= n: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-al= ign: center; border-radius: 100px; padding-top: 52px; width: 128px; height:= 128px; font-size: 20px; font-weight: 700; background-color: rgb(255, 255, = 255); } @media (max-width: 767px) { .top-starter .course-block .left-col { margin-top: 40px; } } .top-starter .course-block .left-col .href-list { padding-left: 0px; margin= -bottom: 40px; } .top-starter .course-block .left-col .href-list li { margin-bottom: 8px; li= st-style: none; } .top-starter .course-block .left-col .href-list li a { color: rgb(91, 255, = 218); font-size: 14px; } body.light-theme .top-starter .course-block .left-col .href-list li a { col= or: rgb(8, 22, 107); } .top-starter .course-block .left-col .href-list li:last-child { margin-bott= om: 0px; } .top-starter .course-block .left-col .sales-block { padding-top: 24px; padd= ing-bottom: 24px; color: rgb(255, 72, 190); max-width: 544px; width: 100%; = border: 2px solid rgb(255, 72, 190); font-size: 20px; text-align: center; m= argin-bottom: 32px; } body.light-theme .top-starter .course-block .left-col .sales-block { color:= rgb(26, 154, 252); border-color: rgb(26, 154, 252); } .top-starter .course-block .left-col__button { color: rgb(0, 0, 0); padding= -top: 16px; padding-bottom: 16px; text-align: center; max-width: 544px; wid= th: 100%; border: none; background-color: rgb(91, 255, 218); font-weight: 7= 00; font-size: 20px; } body.light-theme .top-starter .course-block .left-col__button { background:= rgb(8, 22, 107); color: rgb(255, 255, 255); } body.light-theme .top-starter .course-block .left-col__button:hover:not(:di= sabled) { background: rgb(3, 9, 49); } .top-starter .course-block .left-col__button:disabled { background-color: r= gb(95, 95, 95); } .video-starter .nav-block { background-color: rgb(39, 39, 41); border-radiu= s: 4px; padding-top: 40px; padding-left: 30px; padding-bottom: 64px; } .video-starter .nav-block__button { margin-top: 60px; background: rgb(255, = 72, 190); border-radius: 2px; font-size: 16px; color: rgb(255, 255, 255); p= adding: 15px 0px; width: 235px; } .video-starter .nav-block ul { padding-left: 0px; margin: 0px; } .video-starter .nav-block ul li { list-style: none; margin-bottom: 20px; } .video-starter .nav-block ul li:last-child { margin-bottom: 0px; } .video-starter .nav-block ul li a { color: rgb(169, 173, 188); font-size: 2= 8px; font-family: "PT Mono"; transition: all 0.5s ease 0s; } .video-starter .nav-block ul li a:hover { color: rgb(255, 255, 255); } .for-teachers-filter { display: flex; -webkit-box-pack: justify; justify-co= ntent: space-between; margin-bottom: 20px; -webkit-box-align: center; align= -items: center; flex-wrap: wrap; } .for-teachers-filter .accept-filter-button { color: rgb(91, 255, 218); font= -size: 14px; cursor: pointer; font-family: "PT Mono", sans-serif; } body.light-theme .for-teachers-filter .accept-filter-button { color: rgb(26= , 154, 252); } .for-teachers-filter .select-filter { position: relative; cursor: pointer; = } @media (max-width: 991px) { .for-teachers-filter .select-filter { margin-bottom: 10px; } } .for-teachers-filter .select-filter_mark .opened-filter-block { min-width: = 60px; } .for-teachers-filter .select-filter_whoistest .opened-filter-block { min-wi= dth: 115px; } .for-teachers-filter .select-filter .filter-header { display: flex; } .for-teachers-filter .select-filter .filter-header__text { font-size: 14px;= font-family: "PT Mono", sans-serif; color: rgb(255, 255, 255); font-weight= : 400; margin-right: 8px; } body.light-theme .for-teachers-filter .select-filter .filter-header__text {= color: rgb(10, 10, 10); } .for-teachers-filter .select-filter .filter-header__svg { transition: all 0= .5s ease 0s; margin-top: 6px; } body.light-theme .for-teachers-filter .select-filter .filter-header__svg pa= th { fill: rgb(10, 10, 10); } .for-teachers-filter .select-filter .filter-header__svg.active { transform:= rotate(180deg); } .for-teachers-filter .select-filter .opened-filter-block { display: none; p= osition: absolute; top: 100%; z-index: 1; left: 0px; background: rgb(61, 61= , 65); } .for-teachers-filter .select-filter .opened-filter-block ul { margin: 0px; = padding-left: 0px; } .for-teachers-filter .select-filter .opened-filter-block ul li { list-style= : none; padding-left: 15px; font-size: 14px; color: rgb(255, 255, 255); pad= ding-top: 10px; padding-bottom: 10px; } .for-teachers-filter .select-filter .opened-filter-block ul li.selected { b= ackground-color: rgb(0, 0, 0); } @media (max-width: 991px) { .for-teachers-filter .input-wrapper { margin-bottom: 10px; } } .for-teachers-filter .input-wrapper_whodidthat { max-width: 200px; width: 1= 00%; } .for-teachers-filter .input-wrapper_name { max-width: 400px; width: 100%; } .for-teachers-filter .input-wrapper input { width: 100%; padding-left: 20px= ; padding-top: 7px; padding-bottom: 7px; font-size: 14px; font-family: "PT = Mono", sans-serif; color: rgb(255, 255, 255); background: rgba(255, 255, 25= 5, 0.2); border-radius: 4px; border: none; } body.light-theme .for-teachers-filter .input-wrapper input { color: rgb(10,= 10, 10); background: rgb(255, 255, 255); } .for-teachers-filter .input-wrapper input::-webkit-input-placeholder { colo= r: rgba(255, 255, 255, 0.6); } .for-teachers-filter .input-wrapper input::placeholder { color: rgba(255, 2= 55, 255, 0.6); } body.light-theme .for-teachers-filter .input-wrapper input::-webkit-input-p= laceholder { color: rgb(10, 10, 10); } body.light-theme .for-teachers-filter .input-wrapper input::placeholder { c= olor: rgb(10, 10, 10); } .for-teachers-filter_results { display: flex; flex-wrap: wrap; -webkit-box-= align: center; align-items: center; margin-bottom: 30px; } .for-teachers-filter_results .filter-reset-button { color: rgb(91, 255, 218= ); font-size: 14px; display: none; cursor: pointer; font-family: "PT Mono",= sans-serif; } body.light-theme .for-teachers-filter_results .filter-reset-button { color:= rgb(26, 154, 252); } .for-teachers-filter_results .filter-reset-button.active { display: block; = } .for-teachers-filter_results .filter-result-wrapper { margin-bottom: 10px; = display: flex; padding: 7px 7px 7px 4px; background: rgb(0, 0, 0); border-r= adius: 6px; margin-right: 17px; } .for-teachers-filter_results .filter-result-wrapper__text { font-size: 14px= ; color: rgb(255, 255, 255); margin-right: 13px; } .for-teachers-filter_results .filter-result-wrapper__svg { margin-top: 5px;= cursor: pointer; } .tabs-starter { padding-top: 40px; position: relative; } .tabs-starter.nav { padding-bottom: 0px; } .tabs-starter.content { padding-top: 0px; min-height: 650px; } .tabs-starter .po_rel.video-wrap.fix-height .works-list .vids { height: 175= px !important; } .tabs-starter .tabs-select { position: relative; color: rgb(255, 255, 255);= } body.light-theme .tabs-starter .tabs-select { color: rgb(26, 26, 26); } .tabs-starter .tabs-select__header { padding-left: 20px; padding-top: 20px;= padding-bottom: 20px; font-size: 18px; font-family: "PT Mono", sans-serif;= background-color: transparent; border: 1px solid rgb(255, 255, 255); } body.light-theme .tabs-starter .tabs-select__header { background-color: rgb= (221, 225, 242); border: 1px solid rgb(26, 26, 26); } .tabs-starter .tabs-select__header span { font-family: "Helvetica Neue", sa= ns-serif; font-size: 12px; line-height: 14px; color: rgb(91, 255, 218); mar= gin-left: 8px; } body.light-theme .tabs-starter .tabs-select__header span { color: rgb(14, 9= 5, 206); } .tabs-starter .tabs-select__svg { position: absolute; right: 28px; top: 29p= x; transition: all 0.5s ease 0s; } .tabs-starter .tabs-select__svg path { fill: rgb(255, 255, 255); } body.light-theme .tabs-starter .tabs-select__svg path { fill: rgb(26, 26, 2= 6); } .tabs-starter .tabs-select__svg.active { transform: rotate(180deg); } .tabs-starter .tabs-select .opened-items { display: none; padding-top: 15px= ; padding-bottom: 15px; padding-left: 20px; background: rgb(61, 61, 65); } body.light-theme .tabs-starter .tabs-select .opened-items { background-colo= r: rgb(255, 255, 255); } .tabs-starter .tabs-select .opened-items ul { margin: 0px; padding-left: 0p= x; } .tabs-starter .tabs-select .opened-items ul li { padding-bottom: 15px; padd= ing-top: 15px; list-style: none; font-size: 18px; } .tabs-starter .tabs-select .opened-items ul li span { font-family: "Helveti= ca Neue", sans-serif; font-size: 12px; line-height: 14px; color: rgb(91, 25= 5, 218); margin-left: 8px; } body.light-theme .tabs-starter .tabs-select .opened-items ul li span { colo= r: rgb(14, 95, 206); } .tabs-starter .tabs-nav { padding-left: 0px; padding-bottom: 0px; } .tabs-starter .tabs-nav .disp-flex { display: flex; -webkit-box-align: end;= align-items: flex-end; } .tabs-starter .tabs-nav .disclaimer { box-shadow: rgb(91, 255, 218) 0px 0px= 10px; border-radius: 4px; border: 2px solid rgb(91, 255, 218); max-width: = 321px; margin-left: auto; } .tabs-starter .tabs-nav .disclaimer__text { padding: 15px 27px 16px 20px; f= ont-size: 18px; color: rgb(255, 255, 255); } .tabs-starter .tabs-nav .disclaimer__text.for-students { font-size: 28px; t= ext-align: center; } @media (max-width: 575px) { .tabs-starter .tabs-nav .height-for-mobile { height: 70px; } } .tabs-starter .tabs-nav .tabs-buttons { display: flex; -webkit-box-align: e= nd; align-items: flex-end; flex-wrap: wrap; } @media (max-width: 575px) { .tabs-starter .tabs-nav .tabs-buttons { overflow-x: scroll; height: 60px;= flex-wrap: nowrap; } } .tabs-starter .tabs-nav .tabs-buttons .tab-button { font-family: "PT Mono",= Arial, sans-serif; font-size: 16px; line-height: 18px; color: rgb(255, 255= , 255); opacity: 0.7; position: relative; cursor: pointer; padding: 8px 16p= x; white-space: nowrap; text-align: center; border-left: 1px solid rgb(209,= 213, 227); border-top: 1px solid rgb(209, 213, 227); border-right: 1px sol= id rgb(209, 213, 227); border-radius: 2px 2px 0px 0px; margin-right: 0px; } .tabs-starter .tabs-nav .tabs-buttons .tab-button:not(.active) { background= -color: rgb(24, 24, 26); } body.light-theme .tabs-starter .tabs-nav .tabs-buttons .tab-button:not(.act= ive) { background-color: rgb(239, 241, 249); } .tabs-starter .tabs-nav .tabs-buttons .tab-button:not(:last-child) { margin= -right: 10px; } body.light-theme .tabs-starter .tabs-nav .tabs-buttons .tab-button { color:= rgb(26, 26, 26); } @media (max-width: 575px) { .tabs-starter .tabs-nav .tabs-buttons .tab-button { top: -5px; } } .tabs-starter .tabs-nav .tabs-buttons .tab-button.active { opacity: 1; curs= or: default; position: relative; font-size: 16px; line-height: 18px; color:= rgb(255, 255, 255); border-left: 1px solid rgb(255, 255, 255); border-top:= 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); = } body.light-theme .tabs-starter .tabs-nav .tabs-buttons .tab-button.active {= border-left: 1px solid rgb(61, 61, 65); border-top: 1px solid rgb(61, 61, = 65); border-right: 1px solid rgb(61, 61, 65); color: rgb(26, 26, 26); } .tabs-starter .tabs-nav .tabs-buttons .tab-button.active::before { content:= ""; position: absolute; right: 100%; bottom: 0px; background-color: rgb(25= 5, 255, 255); height: 1px; width: 2000px; z-index: 1; } body.light-theme .tabs-starter .tabs-nav .tabs-buttons .tab-button.active::= before { background-color: rgb(61, 61, 65); } .tabs-starter .tabs-nav .tabs-buttons .tab-button.active::after { content: = ""; position: absolute; left: 100%; bottom: 0px; background-color: rgb(255,= 255, 255); height: 1px; width: 1610px; z-index: 1; } body.light-theme .tabs-starter .tabs-nav .tabs-buttons .tab-button.active::= after { background-color: rgb(61, 61, 65); } .tabs-starter .tabs-nav .tabs-buttons .tab-button__number { display: table;= text-align: center; position: absolute; right: -16px; top: -16px; backgrou= nd-color: rgb(174, 12, 90); border-radius: 100px; font-size: 12px; color: r= gb(255, 255, 255); width: 19px; height: 16px; } .tabs-starter .tabs-nav .tabs-buttons .tab-button:last-child { margin-right= : 0px; } .tabs-starter .tabs-nav .tabs-buttons #tab-vacancies span { font-family: "H= elvetica Neue", sans-serif; font-size: 10px; line-height: 12px; color: rgb(= 91, 255, 218); margin-left: 8px; } body.light-theme .tabs-starter .tabs-nav .tabs-buttons #tab-vacancies span = { color: rgb(14, 95, 206); } .tabs-starter .tabs-content .starter-tab { padding: 50px 0px; border-radius= : 4px; display: none; opacity: 0; transition: all 0.5s ease 0s; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game { padding-top: 0px; } } .tabs-starter .tabs-content .starter-tab.game .starter-tab__person { positi= on: absolute; bottom: 0px; left: 0px; } .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper { display: = flex; -webkit-box-pack: justify; justify-content: space-between; margin-bot= tom: 15px; position: relative; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper { -webkit= -box-pack: end; justify-content: flex-end; margin-bottom: 0px; padding-top:= 25px; padding-bottom: 25px; } } .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper__person { m= ax-width: 155px; position: absolute; left: 0px; bottom: 0px; } @media (max-width: 420px) { .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper__person {= display: none; } } .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper .progress-w= rapper { padding-top: 14px; padding-bottom: 14px; width: 150px; text-align:= center; background: transparent; border-radius: 4px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper .progress= -wrapper { width: 100px; margin-left: 10px; } } .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper .progress-w= rapper__text { font-size: 16px; color: rgb(255, 255, 255); margin-bottom: 1= 0px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper .progress= -wrapper__text { font-size: 12px; margin-bottom: 6px; } } .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper .progress-w= rapper__head-text { font-size: 32px; color: rgb(91, 255, 218); } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper .progress= -wrapper__head-text { font-size: 20px; } } .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper .lifes-wrap= per { padding-top: 14px; padding-bottom: 19px; width: 188px; text-align: ce= nter; background: transparent; border-radius: 4px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper .lifes-wr= apper { padding-top: 10px; padding-bottom: 14px; width: 147px; } } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper .lifes-wr= apper__img { width: 22px; height: 22px; } } .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper .lifes-wrap= per__text { font-size: 16px; color: rgb(255, 255, 255); margin-bottom: 16px= ; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .top-game-wrapper .lifes-wr= apper__text { font-size: 12px; margin-bottom: 10px; } } .tabs-starter .tabs-content .starter-tab.game .answers-wrapper { display: f= lex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; po= sition: relative; z-index: 1; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .answers-wrapper { backgrou= nd-color: rgb(39, 39, 41); padding-top: 30px; -webkit-box-orient: vertical;= -webkit-box-direction: normal; flex-direction: column; } } .tabs-starter .tabs-content .starter-tab.game .answers-wrapper__answer { ma= rgin-right: 30px; margin-bottom: 30px; } .tabs-starter .tabs-content .starter-tab.game .answers-wrapper__answer > di= v { padding: 10px 20px; font-size: 14px; color: rgb(0, 4, 6); background: r= gba(91, 255, 218, 0.9); border: 1px solid rgb(91, 255, 218); border-radius:= 20px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .answers-wrapper__answer { = margin-right: 0px; margin-bottom: 20px; display: inline-flex; } } .tabs-starter .tabs-content .starter-tab.game .answers-wrapper__answer:firs= t-child { margin-left: 0px; } .tabs-starter .tabs-content .starter-tab.game .chat-wrapper { position: rel= ative; z-index: 1; max-width: 732px; margin: 0px auto; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .chat-wrapper { background-= color: rgb(39, 39, 41); padding-top: 10px; } } .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .text-wrapper {= padding-right: 30px; max-height: 698px; overflow-y: scroll; margin-bottom:= 40px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .text-wrapper= { padding-right: 10px; } } .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .text-wrapper .= comment:last-child { margin-bottom: 0px; } .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .text-wrapper::= -webkit-scrollbar { width: 10px; height: 207px; } .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .text-wrapper::= -webkit-scrollbar-button { background-color: rgba(255, 255, 255, 0.298); di= splay: none; } .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .text-wrapper::= -webkit-scrollbar-track, .tabs-starter .tabs-content .starter-tab.game .cha= t-wrapper .text-wrapper::-webkit-scrollbar-track-piece { background-color: = transparent; } .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .text-wrapper::= -webkit-scrollbar-thumb { height: 207px; background-color: rgba(255, 255, 2= 55, 0.298); border-radius: 10px; } .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .text-wrapper::= -webkit-resizer, .tabs-starter .tabs-content .starter-tab.game .chat-wrappe= r .text-wrapper::-webkit-scrollbar-corner { background-color: transparent; = display: none; } .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .text-wrapper__= right-text { padding: 10px 20px; max-width: 384px; background: rgb(255, 255= , 255); border-radius: 20px; font-size: 14px; color: rgb(0, 1, 4); margin-b= ottom: 40px; margin-left: auto; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .text-wrapper= __right-text { max-width: 340px; } } .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .text-wrapper__= left-text { padding: 10px 20px; color: rgb(255, 255, 255); font-size: 14px;= background: rgba(61, 61, 65, 0.8); border-radius: 10px; margin-bottom: 40p= x; max-width: 650px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .text-wrapper= __left-text { max-width: 340px; } } .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .textarea-wrapp= er { padding-right: 30px; position: relative; margin-bottom: 30px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .textarea-wra= pper { margin-bottom: 0px; padding-right: 0px; } } .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .textarea-wrapp= er .send-wrapper { position: absolute; right: 30px; top: 0px; height: calc(= 100% - 6px); border-left: 1px solid rgb(71, 71, 78); } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .textarea-wra= pper .send-wrapper { right: 0px; } } .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .textarea-wrapp= er .send-wrapper svg.active path { fill: rgba(91, 255, 218, 0.9); } .tabs-starter .tabs-content .starter-tab.game .chat-wrapper .textarea-wrapp= er__textarea { color: rgb(255, 255, 255); background: rgb(61, 61, 65); bord= er-radius: 10px; padding-top: 21px; padding-left: 20px; padding-right: 60px= ; border: none; width: 100%; } .tabs-starter .tabs-content .starter-tab .available-after { color: rgb(255,= 255, 255); font-size: 20px; font-family: "PT Mono", sans-serif; } body.light-theme .tabs-starter .tabs-content .starter-tab .available-after = { color: rgb(0, 0, 0); } @media (max-width: 991px) { .tabs-starter .tabs-content .starter-tab .statistic-wrapper .right-column= .header-text__text { margin-right: 0px; } } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .top-block { co= lor: rgb(192, 192, 200); font-size: 20px; display: flex; flex-wrap: wrap; b= order-bottom: 1px solid rgb(96, 96, 104); padding-bottom: 39px; margin-bott= om: 72px; } body.light-theme .tabs-starter .tabs-content .starter-tab .statistic-wrappe= r .top-block { color: rgb(26, 26, 26); } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .top-block .bol= d { font-weight: 700; color: rgb(255, 255, 255); } body.light-theme .tabs-starter .tabs-content .starter-tab .statistic-wrappe= r .top-block .bold { color: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .top-block__sta= rt { margin-right: 28px; } @media (max-width: 991px) { .tabs-starter .tabs-content .starter-tab .statistic-wrapper .top-block__s= tart { -webkit-box-flex: 0; flex: 0 0 100%; width: 100%; margin-right: 0px;= margin-bottom: 16px; } } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .top-block__fin= ish { margin-right: 32px; } @media (max-width: 991px) { .tabs-starter .tabs-content .starter-tab .statistic-wrapper .top-block__f= inish { -webkit-box-flex: 0; flex: 0 0 100%; width: 100%; margin-right: 0px= ; margin-bottom: 16px; } } @media (max-width: 991px) { .tabs-starter .tabs-content .starter-tab .statistic-wrapper .top-block__s= ert { -webkit-box-flex: 0; flex: 0 0 100%; width: 100%; margin-bottom: 40px= ; } } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .top-block__dow= nload { margin-left: auto; font-size: 20px; color: rgb(91, 255, 218); } @media (max-width: 991px) { .tabs-starter .tabs-content .starter-tab .statistic-wrapper .top-block__d= ownload { -webkit-box-flex: 0; flex: 0 0 100%; width: 100%; } } body.light-theme .tabs-starter .tabs-content .starter-tab .statistic-wrappe= r .top-block__download { color: rgb(0, 159, 122); } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .header-text { = text-align: left; display: flex; margin-bottom: 32px; } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .header-text__t= ext { color: rgb(255, 255, 255); margin-right: 45px; font-size: 40px; font-= weight: 700; font-family: "PT Mono", sans-serif; } body.light-theme .tabs-starter .tabs-content .starter-tab .statistic-wrappe= r .header-text__text { color: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .header-text .m= arks-wrapper { display: flex; -webkit-box-align: end; align-items: flex-end= ; padding-bottom: 7px; } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .header-text .m= arks-wrapper__mark { font-size: 20px; color: rgb(192, 192, 200); margin-rig= ht: 53px; font-weight: 400; } body.light-theme .tabs-starter .tabs-content .starter-tab .statistic-wrappe= r .header-text .marks-wrapper__mark { color: rgb(26, 26, 26); } @media (max-width: 991px) { .tabs-starter .tabs-content .starter-tab .statistic-wrapper .header-text = .marks-wrapper__mark { margin-right: 27px; } } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .header-text .m= arks-wrapper__mark:last-child { margin-right: 0px; } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .subheader-text= { font-size: 20px; color: rgb(255, 255, 255); font-weight: 700; margin-bot= tom: 16px; } body.light-theme .tabs-starter .tabs-content .starter-tab .statistic-wrappe= r .subheader-text { color: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .block-wrapper = { margin-bottom: 32px; } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .block-wrapper:= last-child { margin-bottom: 0px; } @media (max-width: 991px) { .tabs-starter .tabs-content .starter-tab .statistic-wrapper .block-wrappe= r:last-child { margin-bottom: 80px; } } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .progress-wrapp= er { display: flex; margin-bottom: 80px; flex-wrap: wrap; } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .progress-wrapp= er .progress-item { margin-right: 16px; } @media (max-width: 991px) { .tabs-starter .tabs-content .starter-tab .statistic-wrapper .progress-wra= pper .progress-item { margin-bottom: 32px; -webkit-box-flex: 0; flex: 0 0 1= 00%; width: 100%; } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .progress-wra= pper .progress-item:last-child { margin-bottom: 0px; } } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .progress-wrapp= er .progress-item:last-child { margin-right: 0px; } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .progress-wrapp= er .progress-item__head-text { font-size: 20px; color: rgb(255, 255, 255); = margin-bottom: 16px; } body.light-theme .tabs-starter .tabs-content .starter-tab .statistic-wrappe= r .progress-wrapper .progress-item__head-text { color: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .progress-wrapp= er .progress-item .progress-bar { position: relative; } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .progress-wrapp= er .progress-item .progress-bar__line { width: 288px; height: 24px; backgro= und-color: rgb(0, 159, 122); } @media (max-width: 991px) { .tabs-starter .tabs-content .starter-tab .statistic-wrapper .progress-wra= pper .progress-item .progress-bar__line { width: 100%; } } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .progress-wrapp= er .progress-item .progress-bar__complete { position: absolute; left: 0px; = top: 0px; height: 100%; background-color: rgb(91, 255, 218); } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .task-wrapper {= display: flex; -webkit-box-align: center; align-items: center; margin-bott= om: 16px; } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .task-wrapper:l= ast-child { margin-bottom: 0px; } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .task-wrapper__= text { color: rgb(192, 192, 200); font-size: 20px; width: 184px; -webkit-bo= x-flex: 0; flex: 0 0 184px; padding-right: 20px; } body.light-theme .tabs-starter .tabs-content .starter-tab .statistic-wrappe= r .task-wrapper__text { color: rgb(26, 26, 26); } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .task-wrapper .= blocks-wrapper { display: flex; flex-wrap: wrap; max-width: 340px; } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .task-wrapper .= blocks-wrapper__block { width: 56px; height: 24px; background-color: rgb(91= , 255, 218); margin-right: 8px; margin-bottom: 8px; } @media (max-width: 991px) { .tabs-starter .tabs-content .starter-tab .statistic-wrapper .task-wrapper= .blocks-wrapper__block { width: 32px; } } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .task-wrapper .= blocks-wrapper__block:last-child { margin-right: 0px; } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .right-col-bloc= k { margin-bottom: 80px; } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .right-col-bloc= k:last-child { margin-bottom: 0px; } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .right-col-bloc= k .subhead-text { font-size: 20px; color: rgb(255, 255, 255); margin-bottom= : 16px; } body.light-theme .tabs-starter .tabs-content .starter-tab .statistic-wrappe= r .right-col-block .subhead-text { color: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab .statistic-wrapper .right-col-bloc= k .subhead-text:last-child { margin-bottom: 0px; } .tabs-starter .tabs-content .starter-tab.faq, .tabs-starter .tabs-content .= starter-tab.news { padding-top: 3px; padding-bottom: 60px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.faq, .tabs-starter .tabs-content= .starter-tab.news { padding-top: 0px; } } .tabs-starter .tabs-content .starter-tab .block-for-markdown { width: 89%; = margin: 0px auto; padding: 20px; color: rgb(255, 255, 255); } .tabs-starter .tabs-content .starter-tab .block-for-markdown img { max-widt= h: 100%; display: block; margin: 20px auto; cursor: pointer; } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn img { background-color: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab .block-for-markdown img:hover { op= acity: 0.8; } @media (min-width: 992px) { .tabs-starter .tabs-content .starter-tab .block-for-markdown img { max-wi= dth: 500px; max-height: 300px; width: auto; } } .tabs-starter .tabs-content .starter-tab .block-for-markdown pre code { wid= th: 100%; display: block; background-color: rgb(23, 23, 25); border-radius:= 10px; color: rgb(91, 255, 218); font-size: 16px; padding: 25px 30px; overf= low: auto; } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn pre code { color: rgb(14, 95, 206); background-color: rgb(255, 255, 255)= ; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .block-for-markdown pre code { p= adding: 15px 10px; } } .tabs-starter .tabs-content .starter-tab .block-for-markdown table td, .tab= s-starter .tabs-content .starter-tab .block-for-markdown table th { padding= : 5px; border: 1px solid rgb(220, 230, 240); } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn table td, body.light-theme .tabs-starter .tabs-content .starter-tab .blo= ck-for-markdown table th { border: 1px solid rgb(26, 26, 26); } .tabs-starter .tabs-content .starter-tab .block-for-markdown h1, .tabs-star= ter .tabs-content .starter-tab .block-for-markdown h2, .tabs-starter .tabs-= content .starter-tab .block-for-markdown h3, .tabs-starter .tabs-content .s= tarter-tab .block-for-markdown h4, .tabs-starter .tabs-content .starter-tab= .block-for-markdown h5, .tabs-starter .tabs-content .starter-tab .block-fo= r-markdown h6 { margin-top: 20px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown h6 { font-size= : 1.1em; } .tabs-starter .tabs-content .starter-tab .block-for-markdown h5 { font-size= : 1.2em; } .tabs-starter .tabs-content .starter-tab .block-for-markdown h4 { font-size= : 1.3em; } .tabs-starter .tabs-content .starter-tab .block-for-markdown h3 { font-size= : 1.4em; } .tabs-starter .tabs-content .starter-tab .block-for-markdown h2 { font-size= : 1.5em; } .tabs-starter .tabs-content .starter-tab .block-for-markdown h1 { font-size= : 1.6em; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .block-for-markdown { width: 100= %; padding: 0px 0px 0px 5px; } } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn { color: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab .block-for-markdown blockquote { m= argin-top: 20px; margin-bottom: 0px; padding: 0px 1rem; margin-left: 0px; b= order-left: 0.3rem solid rgb(220, 230, 240); } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn blockquote { border-left: 0.3rem solid rgb(26, 26, 26); } .tabs-starter .tabs-content .starter-tab .block-for-markdown a { color: rgb= (91, 255, 218); text-decoration: underline; cursor: pointer; } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn a { color: rgb(14, 95, 206); } .tabs-starter .tabs-content .starter-tab .block-for-markdown ul { list-styl= e: none; } .tabs-starter .tabs-content .starter-tab .block-for-markdown ol, .tabs-star= ter .tabs-content .starter-tab .block-for-markdown ul { margin-top: 20px; p= adding-left: 15px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown ol li, .tabs-s= tarter .tabs-content .starter-tab .block-for-markdown ul li { position: rel= ative; margin-bottom: 20px; font-size: 14px; line-height: 20px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown ol li::before,= .tabs-starter .tabs-content .starter-tab .block-for-markdown ul li::before= { content: ""; position: absolute; left: -15px; top: 9px; width: 3px; heig= ht: 3px; border-radius: 50%; background-color: rgb(255, 255, 255); } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn ol li::before, body.light-theme .tabs-starter .tabs-content .starter-tab= .block-for-markdown ul li::before { background-color: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab .block-for-markdown ol li p, .tabs= -starter .tabs-content .starter-tab .block-for-markdown ul li p { font-size= : 14px; margin-top: 0px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown ol li b + ol l= i, .tabs-starter .tabs-content .starter-tab .block-for-markdown ol li b + u= l li, .tabs-starter .tabs-content .starter-tab .block-for-markdown ol li p = + ol li, .tabs-starter .tabs-content .starter-tab .block-for-markdown ol li= p + ul li, .tabs-starter .tabs-content .starter-tab .block-for-markdown ul= li b + ol li, .tabs-starter .tabs-content .starter-tab .block-for-markdown= ul li b + ul li, .tabs-starter .tabs-content .starter-tab .block-for-markd= own ul li p + ol li, .tabs-starter .tabs-content .starter-tab .block-for-ma= rkdown ul li p + ul li { margin-bottom: 0px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown ol li ol, .tab= s-starter .tabs-content .starter-tab .block-for-markdown ol li ul, .tabs-st= arter .tabs-content .starter-tab .block-for-markdown ul li ol, .tabs-starte= r .tabs-content .starter-tab .block-for-markdown ul li ul { width: 85%; mar= gin-top: 10px; padding-left: 25px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown ol li ol li, .= tabs-starter .tabs-content .starter-tab .block-for-markdown ol li ul li, .t= abs-starter .tabs-content .starter-tab .block-for-markdown ul li ol li, .ta= bs-starter .tabs-content .starter-tab .block-for-markdown ul li ul li { mar= gin-bottom: 0px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown ol li ol li::b= efore, .tabs-starter .tabs-content .starter-tab .block-for-markdown ol li u= l li::before, .tabs-starter .tabs-content .starter-tab .block-for-markdown = ul li ol li::before, .tabs-starter .tabs-content .starter-tab .block-for-ma= rkdown ul li ul li::before { left: -8px; top: 8px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .block-for-markdown ol li ol, .t= abs-starter .tabs-content .starter-tab .block-for-markdown ol li ul, .tabs-= starter .tabs-content .starter-tab .block-for-markdown ul li ol, .tabs-star= ter .tabs-content .starter-tab .block-for-markdown ul li ul { width: 100%; = } } .tabs-starter .tabs-content .starter-tab .block-for-markdown ol li:last-chi= ld, .tabs-starter .tabs-content .starter-tab .block-for-markdown ul li:last= -child { margin-bottom: 0px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown div { margin-t= op: 20px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown ol li::before = { display: none; } .tabs-starter .tabs-content .starter-tab .block-for-markdown p { margin: 20= px 0px 0px; font-size: 14px; line-height: 21px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown pre { margin-t= op: 20px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown p + ol, .tabs-= starter .tabs-content .starter-tab .block-for-markdown p + ul { margin-top:= 10px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown .news-item { d= isplay: flex; width: 100%; padding-top: 30px; -webkit-box-pack: start; just= ify-content: flex-start; border-bottom: 1px solid rgb(61, 61, 65); margin-t= op: 0px; } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn .news-item { border-color: rgb(209, 211, 219); } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .block-for-markdown .news-item {= -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-directio= n: column; } } .tabs-starter .tabs-content .starter-tab .block-for-markdown .news-item__da= te { width: 168px; margin-right: 20px; margin-top: 0px; font-size: 18px; li= ne-height: 20px; font-weight: 400; color: rgb(255, 255, 255); } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn .news-item__date { color: rgb(0, 0, 0); } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .block-for-markdown .news-item__= date { width: auto; margin-right: 0px; margin-bottom: 10px; font-weight: 40= 0; font-size: 14px; line-height: 16px; opacity: 0.5; } } .tabs-starter .tabs-content .starter-tab .block-for-markdown .news-item__bo= dy { position: relative; width: 725px; max-width: 65%; padding-bottom: 63px= ; margin-top: 0px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .block-for-markdown .news-item__= body { width: 100%; max-width: none; } } .tabs-starter .tabs-content .starter-tab .block-for-markdown .news-item__ti= tle { margin-bottom: 15px; font-weight: 400; font-size: 18px; line-height: = 20px; color: rgb(255, 255, 255); margin-top: 0px; } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn .news-item__title { color: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab .block-for-markdown .news-item__de= scription { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; fo= nt-weight: 400; color: rgba(255, 255, 255, 0.8); margin-top: 0px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown .news-item__de= scription--hidden { overflow: hidden; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .block-for-markdown .news-item__= description--hidden { height: 160px; } } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn .news-item__description { color: rgba(0, 0, 0, 0.8); } .tabs-starter .tabs-content .starter-tab .block-for-markdown .news-item__de= scription b:first-child, .tabs-starter .tabs-content .starter-tab .block-fo= r-markdown .news-item__description blockquote:first-child, .tabs-starter .t= abs-content .starter-tab .block-for-markdown .news-item__description code:f= irst-child, .tabs-starter .tabs-content .starter-tab .block-for-markdown .n= ews-item__description div:first-child, .tabs-starter .tabs-content .starter= -tab .block-for-markdown .news-item__description em:first-child, .tabs-star= ter .tabs-content .starter-tab .block-for-markdown .news-item__description = h1:first-child, .tabs-starter .tabs-content .starter-tab .block-for-markdow= n .news-item__description h2:first-child, .tabs-starter .tabs-content .star= ter-tab .block-for-markdown .news-item__description h3:first-child, .tabs-s= tarter .tabs-content .starter-tab .block-for-markdown .news-item__descripti= on h4:first-child, .tabs-starter .tabs-content .starter-tab .block-for-mark= down .news-item__description h5:first-child, .tabs-starter .tabs-content .s= tarter-tab .block-for-markdown .news-item__description h6:first-child, .tab= s-starter .tabs-content .starter-tab .block-for-markdown .news-item__descri= ption ol:first-child, .tabs-starter .tabs-content .starter-tab .block-for-m= arkdown .news-item__description p:first-child, .tabs-starter .tabs-content = .starter-tab .block-for-markdown .news-item__description pre:first-child, .= tabs-starter .tabs-content .starter-tab .block-for-markdown .news-item__des= cription strong:first-child, .tabs-starter .tabs-content .starter-tab .bloc= k-for-markdown .news-item__description ul:first-child { margin-top: 0px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown .news-item__sh= ow-more-button { position: absolute; bottom: 30px; left: 0px; display: bloc= k; border: none; background: none; } .tabs-starter .tabs-content .starter-tab .block-for-markdown .news-item__sh= ow-more-button span { font-weight: 400; font-size: 14px; line-height: 20px;= color: rgba(91, 255, 218, 0.8); cursor: pointer; } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn .news-item__show-more-button span { color: rgb(14, 95, 206); } .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item { wi= dth: 83%; margin: 0px auto; padding-top: 30px; padding-bottom: 30px; border= -bottom: 1px solid rgb(61, 61, 65); } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn .faq-item { border-color: rgb(209, 211, 219); } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item { = width: 100%; } } .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item__que= stion { position: relative; font-size: 26px; line-height: 29px; padding-rig= ht: 100px; margin: 0px; cursor: pointer; } .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item__que= stion:focus, .tabs-starter .tabs-content .starter-tab .block-for-markdown .= faq-item__question:hover { color: rgb(91, 255, 218); } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn .faq-item__question:focus, body.light-theme .tabs-starter .tabs-content = .starter-tab .block-for-markdown .faq-item__question:hover { color: rgb(14,= 95, 206); } .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item__que= stion::before { position: absolute; content: ""; width: 11px; height: 11px;= right: 10px; top: 50%; transform: translateY(-50%) rotate(-225deg); box-si= zing: border-box; border-top: 2px solid rgb(255, 255, 255); border-right: 2= px solid rgb(255, 255, 255); transition: all 0.5s ease 0s; } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn .faq-item__question::before { border-color: rgb(0, 0, 0); } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item__q= uestion { font-size: 18px; line-height: 20px; padding-right: 60px; } } .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item__ans= wer { display: none; } .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item__ans= wer b:first-child, .tabs-starter .tabs-content .starter-tab .block-for-mark= down .faq-item__answer blockquote:first-child, .tabs-starter .tabs-content = .starter-tab .block-for-markdown .faq-item__answer code:first-child, .tabs-= starter .tabs-content .starter-tab .block-for-markdown .faq-item__answer di= v:first-child, .tabs-starter .tabs-content .starter-tab .block-for-markdown= .faq-item__answer em:first-child, .tabs-starter .tabs-content .starter-tab= .block-for-markdown .faq-item__answer h1:first-child, .tabs-starter .tabs-= content .starter-tab .block-for-markdown .faq-item__answer h2:first-child, = .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item__ans= wer h3:first-child, .tabs-starter .tabs-content .starter-tab .block-for-mar= kdown .faq-item__answer h4:first-child, .tabs-starter .tabs-content .starte= r-tab .block-for-markdown .faq-item__answer h5:first-child, .tabs-starter .= tabs-content .starter-tab .block-for-markdown .faq-item__answer h6:first-ch= ild, .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item= __answer ol:first-child, .tabs-starter .tabs-content .starter-tab .block-fo= r-markdown .faq-item__answer p:first-child, .tabs-starter .tabs-content .st= arter-tab .block-for-markdown .faq-item__answer pre:first-child, .tabs-star= ter .tabs-content .starter-tab .block-for-markdown .faq-item__answer strong= :first-child, .tabs-starter .tabs-content .starter-tab .block-for-markdown = .faq-item__answer ul:first-child { margin-top: 0px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item--act= ive .faq-item__question { color: rgb(91, 255, 218); } .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item--act= ive .faq-item__question::before { right: 15px; transform: rotate(315deg); } body.light-theme .tabs-starter .tabs-content .starter-tab .block-for-markdo= wn .faq-item--active .faq-item__question { color: rgb(14, 95, 206); } .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item--act= ive .faq-item__answer { display: block; opacity: 0.8; width: 90%; margin-to= p: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item--act= ive .faq-item__answer ul { margin-top: 10px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item--act= ive .faq-item__answer p { margin-top: 20px; font-size: 14px; line-height: 2= 0px; } .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item--act= ive .faq-item__answer b ~ ul li, .tabs-starter .tabs-content .starter-tab .= block-for-markdown .faq-item--active .faq-item__answer p ~ ul li { margin-b= ottom: 0px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .block-for-markdown .faq-item--a= ctive .faq-item__answer { width: 100%; } } .tabs-starter .tabs-content .starter-tab .video-wrapper { padding-top: 48px= ; } .tabs-starter .tabs-content .starter-tab .video-wrapper .video-item { margi= n-bottom: 40px; transition: all 0.5s ease 0s; } .tabs-starter .tabs-content .starter-tab .video-wrapper .video-item:hover .= video-item__wrapper-overlay { opacity: 1; } .tabs-starter .tabs-content .starter-tab .video-wrapper .video-item__img-wr= apper { height: 240px; background-position: 50% center; background-repeat: = no-repeat; background-size: cover; } .tabs-starter .tabs-content .starter-tab .video-wrapper .video-item__head-t= ext { font-size: 20px; color: rgb(255, 255, 255); margin-bottom: 16px; } body.light-theme .tabs-starter .tabs-content .starter-tab .video-wrapper .v= ideo-item__head-text { color: rgb(26, 26, 26); } .tabs-starter .tabs-content .starter-tab .video-wrapper .video-item__date {= color: rgb(192, 192, 200); margin-bottom: 8px; font-size: 20px; } body.light-theme .tabs-starter .tabs-content .starter-tab .video-wrapper .v= ideo-item__date { color: rgb(135, 139, 156); } .tabs-starter .tabs-content .starter-tab .video-wrapper .video-item__views = { color: rgb(192, 192, 200); font-size: 20px; } body.light-theme .tabs-starter .tabs-content .starter-tab .video-wrapper .v= ideo-item__views { color: rgb(135, 139, 156); } .tabs-starter .tabs-content .starter-tab .video-wrapper .video-item__wrappe= r { height: 240px; width: 100%; position: relative; margin-bottom: 16px; bo= rder: 1px solid rgb(91, 255, 218); } .tabs-starter .tabs-content .starter-tab .video-wrapper .video-item__wrappe= r-overlay { width: 100%; height: 100%; background: linear-gradient(0deg, rg= ba(91, 255, 218, 0.7), rgba(91, 255, 218, 0.7)); opacity: 0; } .tabs-starter .tabs-content .starter-tab .video-wrapper .video-item__wrappe= r-overlay_text { position: absolute; font-size: 14px; color: rgb(24, 24, 26= ); left: 50%; top: 50%; transform: translate(-50%, -50%); } .tabs-starter .tabs-content .starter-tab .video-wrapper .video-item__wrappe= r .new-label { right: 8px; top: 8px; font-size: 20px; position: absolute; c= olor: rgb(91, 255, 218); } .tabs-starter .tabs-content .starter-tab .video-wrapper .video-item__wrappe= r .progress-line { height: 8px; width: 100%; position: absolute; bottom: 0p= x; left: 0px; } .tabs-starter .tabs-content .starter-tab .video-wrapper .video-item__wrappe= r .progress-line__active { height: 100%; position: absolute; left: 0px; top= : 0px; background-color: rgb(91, 255, 218); width: 256px; } .tabs-starter .tabs-content .starter-tab.active { display: block; opacity: = 1; } .tabs-starter .tabs-content .starter-tab .statistic-tab { display: grid; gr= id-template-columns: repeat(2, 1fr); gap: 40px 20px; color: rgb(255, 255, 2= 55); } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .statistic-tab { grid-template-c= olumns: 1fr; } } body.light-theme .tabs-starter .tabs-content .starter-tab .statistic-tab { = color: rgb(26, 26, 26); } .tabs-starter .tabs-content .starter-tab .accordeon { width: 100%; margin-b= ottom: 30px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .accordeon { margin-bottom: 20px= ; } } .tabs-starter .tabs-content .starter-tab .accordeon.for-beginner .opened-bl= ock { padding-left: 32px; } .tabs-starter .tabs-content .starter-tab .accordeon.for-beginner .opened-bl= ock .task__text { color: rgb(255, 255, 255); } .tabs-starter .tabs-content .starter-tab .accordeon.for-beginner .opened-bl= ock .task__text::before { display: none !important; } .tabs-starter .tabs-content .starter-tab .accordeon.for-teachers .opened-bl= ock { padding-left: 32px; } .tabs-starter .tabs-content .starter-tab .accordeon.for-teachers .opened-bl= ock .task__text { color: rgb(255, 255, 255); } .tabs-starter .tabs-content .starter-tab .accordeon:last-child { margin-bot= tom: 0px; } .tabs-starter .tabs-content .starter-tab .accordeon__head-text { background= : rgb(23, 23, 25); padding: 22px 170px 22px 32px; font-size: 20px; border-r= adius: 10px; color: rgb(255, 255, 255); cursor: pointer; position: relative= ; } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon__head-= text { color: rgb(26, 26, 26); background: rgb(255, 255, 255); box-shadow: = rgba(0, 0, 0, 0.15) 0px 2px 4px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .accordeon__head-text { padding:= 16px 115px 16px 10px; font-weight: 400; font-size: 16px; line-height: 18px= ; } } .tabs-starter .tabs-content .starter-tab .accordeon__head-text .progress-li= ne { position: absolute; bottom: -8px; height: 8px; width: 100%; background= -color: rgb(64, 64, 72); left: 0px; } .tabs-starter .tabs-content .starter-tab .accordeon__head-text .progress-li= ne__blue { background-color: rgb(91, 255, 218); height: 100%; position: abs= olute; left: 0px; top: 0px; } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon__head-= text .progress-line__blue { background-color: rgb(26, 154, 252); } .tabs-starter .tabs-content .starter-tab .accordeon__head-text .progress-li= ne__blue._0-of-8 { width: 0px; } .tabs-starter .tabs-content .starter-tab .accordeon__head-text .progress-li= ne__blue._1-of-8 { width: 12.5%; } .tabs-starter .tabs-content .starter-tab .accordeon__head-text .progress-li= ne__blue._2-of-8 { width: 25%; } .tabs-starter .tabs-content .starter-tab .accordeon__head-text .progress-li= ne__blue._3-of-8 { width: 37.5%; } .tabs-starter .tabs-content .starter-tab .accordeon__head-text .progress-li= ne__blue._4-of-8 { width: 50%; } .tabs-starter .tabs-content .starter-tab .accordeon__head-text .progress-li= ne__blue._5-of-8 { width: 62.5%; } .tabs-starter .tabs-content .starter-tab .accordeon__head-text .progress-li= ne__blue._6-of-8 { width: 75%; } .tabs-starter .tabs-content .starter-tab .accordeon__head-text .progress-li= ne__blue._7-of-8 { width: 87.5%; } .tabs-starter .tabs-content .starter-tab .accordeon__head-text .progress-li= ne__blue._8-of-8 { width: 100%; } .tabs-starter .tabs-content .starter-tab .accordeon__head-text_dot { positi= on: absolute; width: 8px; height: 8px; background-color: rgb(255, 72, 190);= left: 16px; top: 16px; border-radius: 100px; } .tabs-starter .tabs-content .starter-tab .accordeon__head-text_puncts { pos= ition: absolute; font-size: 20px; color: rgb(255, 255, 255); right: 94px; t= op: 50%; transform: translateY(-50%); } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .accordeon__head-text_puncts { r= ight: 55px; font-weight: 400; font-size: 16px; line-height: 18px; } } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon__head-= text_puncts { color: rgb(26, 26, 26); } .tabs-starter .tabs-content .starter-tab .accordeon__head-text svg { positi= on: absolute; right: 38px; top: 50%; transform: translateY(-50%); transitio= n: all 0.5s ease 0s; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .accordeon__head-text svg { righ= t: 23px; } } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon__head-= text svg path { fill: rgb(26, 26, 26); } .tabs-starter .tabs-content .starter-tab .accordeon__head-text svg.active {= transform: translateY(-50%) rotate(180deg); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block { display= : none; padding: 47px 25px 20px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .accordeon .opened-block { paddi= ng: 10px 0px 0px; } } @media (max-width: 413px) { .tabs-starter .tabs-content .starter-tab .accordeon .opened-block { paddi= ng-left: 0px; padding-right: 0px; } } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task { m= argin-bottom: 0px; display: flex; -webkit-box-pack: justify; justify-conten= t: space-between; padding: 14px 5px; min-height: 64px; border-bottom: 1px s= olid rgb(61, 61, 65); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task > s= vg { -webkit-box-flex: 0; flex: 0 0 auto; width: 24px; } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task.not= -paid-course:first-of-type::after { display: none; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task {= padding: 17px 0px; } } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon .opene= d-block .task { border-color: rgb(209, 211, 219); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task.red= -back { background-color: rgba(255, 0, 0, 0.26); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task.yel= low-back { background-color: rgba(255, 255, 0, 0.26); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task.gre= y-back { background-color: rgba(80, 80, 80, 0.26); } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task:l= ast-child { border-bottom: 0px; } } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__te= xt { color: rgb(255, 255, 255); font-family: "Helvetica Neue", Arial, sans-= serif; font-weight: 400; font-size: 18px; line-height: 24px; position: rela= tive; display: flex; -webkit-box-align: center; align-items: center; paddin= g-right: 8px; } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon .opene= d-block .task__text { color: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__te= xt--blocked { pointer-events: none; cursor: default; opacity: 0.6; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__= text { color: rgb(255, 255, 255); font-size: 15px; max-width: 100%; } } @media (max-width: 413px) { .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__= text { max-width: 350px; } } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__te= xt.marks::before { background-color: rgb(91, 255, 218); border: 1px solid t= ransparent; } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__te= xt.complete { color: rgba(255, 255, 255, 0.6); } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon .opene= d-block .task__text.complete { color: rgba(0, 0, 0, 0.6); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus { color: rgba(255, 255, 255, 0.6); width: 205px; min-width: 205px; mar= gin-left: 20px; text-align: left; display: flex; flex-wrap: nowrap; -webkit= -box-pack: justify; justify-content: space-between; -webkit-box-align: cent= er; align-items: center; font-family: "Helvetica Neue", Arial, sans-serif; = font-weight: 500; font-size: 12px; line-height: 15px; letter-spacing: 2px; = text-transform: uppercase; position: relative; } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon .opene= d-block .task__status { color: rgba(0, 0, 0, 0.6); } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__= status { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex= -direction: column-reverse; -webkit-box-align: end; align-items: flex-end; = -webkit-box-pack: center; justify-content: center; min-width: 80px; width: = 80px; font-size: 10px; line-height: 12px; } } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus-text { background-color: transparent !important; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__= status-text { display: none; } } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus--time { color: rgba(255, 255, 255, 0.6); } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__= status--time { display: none; } } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus-score { font-weight: 700; font-size: 16px; line-height: 20px; width: 2= 9px; height: 24px; border-radius: 4px; display: flex; -webkit-box-align: ce= nter; align-items: center; text-align: center; padding: 2px 10px; color: rg= b(24, 24, 26) !important; } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus.green .task__status-score, .tabs-starter .tabs-content .starter-tab .a= ccordeon .opened-block .task__status.green .task__status-text { color: rgb(= 40, 201, 0); background-color: rgba(40, 201, 0, 0.7); } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon .opene= d-block .task__status.green .task__status-score, body.light-theme .tabs-sta= rter .tabs-content .starter-tab .accordeon .opened-block .task__status.gree= n .task__status-text { color: rgb(40, 201, 0); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus.red .task__status-score, .tabs-starter .tabs-content .starter-tab .acc= ordeon .opened-block .task__status.red .task__status-text { color: rgb(229,= 75, 41); background-color: rgba(230, 75, 41, 0.7); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus.yellow .task__status-score, .tabs-starter .tabs-content .starter-tab .= accordeon .opened-block .task__status.yellow .task__status-text { color: rg= b(202, 205, 52); background-color: rgba(202, 205, 52, 0.7); } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon .opene= d-block .task__status.yellow .task__status-score, body.light-theme .tabs-st= arter .tabs-content .starter-tab .accordeon .opened-block .task__status.yel= low .task__status-text { color: rgb(202, 205, 52); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus.green .task__status-text, .tabs-starter .tabs-content .starter-tab .ac= cordeon .opened-block .task__status.red .task__status-text, .tabs-starter .= tabs-content .starter-tab .accordeon .opened-block .task__status.yellow .ta= sk__status-text { line-height: 20px; } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus.blue { position: relative; color: rgb(91, 157, 255); line-height: 24px= ; display: flex; -webkit-box-align: center; align-items: center; } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon .opene= d-block .task__status.blue { color: rgb(14, 95, 206); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus.blue::before { position: absolute; content: ""; background-image: url(= "data:image/svg+xml;charset=3Dutf-8,%3Csvg width=3D'25' height=3D'25' fill= =3D'none' xmlns=3D'http://www.w3.org/2000/svg'%3E%3Cpath d=3D'M12.501 0C5.6= 08 0 .001 5.607.001 12.5S5.608 25 12.501 25s12.5-5.607 12.5-12.5S19.394 0 1= 2.501 0zm5.945 18.965a1.039 1.039 0 01-1.473 0l-5.208-5.208a1.037 1.037 0 0= 1-.306-.736V6.25a1.041 1.041 0 112.084 0v6.34l4.903 4.903a1.04 1.04 0 010 1= .473z' fill=3D'%235B9DFF' fill-opacity=3D'.7'/%3E%3C/svg%3E"); background-r= epeat: no-repeat; background-size: 100%; width: 25px; height: 25px; top: 11= px; right: 2px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__= status.blue::before { top: 0px; } } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon .opene= d-block .task__status.blue::before { background-image: url("data:image/svg+= xml;charset=3Dutf-8,%3Csvg width=3D'25' height=3D'25' fill=3D'none' xmlns= =3D'http://www.w3.org/2000/svg'%3E%3Cpath d=3D'M12.501 0C5.608 0 .001 5.607= .001 12.5S5.608 25 12.501 25s12.5-5.607 12.5-12.5S19.394 0 12.501 0zm5.945 = 18.965a1.039 1.039 0 01-1.473 0l-5.208-5.208a1.037 1.037 0 01-.306-.736V6.2= 5a1.041 1.041 0 112.084 0v6.34l4.903 4.903a1.04 1.04 0 010 1.473z' fill=3D'= %230E5FCE' fill-opacity=3D'.7'/%3E%3C/svg%3E"); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus.marks { color: rgb(91, 255, 218); position: relative; line-height: 24p= x; display: flex; -webkit-box-align: center; align-items: center; } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus.marks::before { position: absolute; content: ""; background-image: url= ("data:image/svg+xml;charset=3Dutf-8,%3Csvg width=3D'24' height=3D'23' fill= =3D'none' xmlns=3D'http://www.w3.org/2000/svg'%3E%3Cpath d=3D'M22.862 9.723= L13.279.14a.48.48 0 00-.34-.14H.481a.48.48 0 00-.34.818L22.184 22.86a.48.48= 0 00.819-.34V10.064a.48.48 0 00-.14-.34z' fill=3D'%235BFFDA' fill-opacity= =3D'.7'/%3E%3Cpath d=3D'M10.064 7.666a.48.48 0 01-.47-.575l.648-3.24L8.486 = 5.61a.48.48 0 01-.677-.678l2.875-2.875a.48.48 0 01.808.433l-.647 3.24L12.6 = 3.974a.48.48 0 11.678.678l-2.875 2.875a.48.48 0 01-.34.14zM12.938 10.542a.4= 79.479 0 01-.339-.14l-1.437-1.438a.48.48 0 010-.677l2.875-2.875a.48.48 0 01= .677 0l1.438 1.437a.48.48 0 11-.678.678l-1.098-1.1-2.198 2.198 1.099 1.098a= .48.48 0 01-.339.819z' fill=3D'%23171719'/%3E%3Cpath d=3D'M13.897 8.625a.47= 9.479 0 01-.34-.14l-.958-.958a.48.48 0 01.678-.678l.958.959a.48.48 0 01-.33= 8.817zM16.772 14.374a.48.48 0 01-.455-.63l.656-1.966-1.966.655a.48.48 0 01-= .58-.669l1.917-3.833a.48.48 0 01.858.429l-1.4 2.798 1.779-.592a.48.48 0 01.= 607.607l-.593 1.776 2.798-1.4a.48.48 0 01.428.859l-3.833 1.916a.479.479 0 0= 1-.216.05z' fill=3D'%23171719'/%3E%3C/svg%3E"); background-repeat: no-repea= t; background-size: 100%; width: 23px; height: 23px; top: 0px; right: 2px; = } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon .opene= d-block .task__status.marks::before { background-image: url("data:image/svg= +xml;charset=3Dutf-8,%3Csvg width=3D'23' height=3D'23' fill=3D'none' xmlns= =3D'http://www.w3.org/2000/svg'%3E%3Cpath d=3D'M22.86 9.723L13.279.14a.48.4= 8 0 00-.34-.14H.48a.48.48 0 00-.34.818L22.183 22.86a.48.48 0 00.819-.34V10.= 064a.48.48 0 00-.14-.34z' fill=3D'%230E5FCE' fill-opacity=3D'.7'/%3E%3Cpath= d=3D'M10.063 7.666a.48.48 0 01-.47-.575l.648-3.24L8.485 5.61a.48.48 0 01-.= 677-.678l2.875-2.875a.48.48 0 01.809.433l-.648 3.24L12.6 3.974a.48.48 0 11.= 678.678l-2.875 2.875a.48.48 0 01-.34.14zM12.937 10.542a.479.479 0 01-.339-.= 14l-1.437-1.438a.48.48 0 010-.677l2.875-2.875a.48.48 0 01.677 0l1.438 1.437= a.48.48 0 11-.678.678l-1.098-1.1-2.198 2.198 1.099 1.098a.48.48 0 01-.339.8= 19z' fill=3D'%23fff'/%3E%3Cpath d=3D'M13.896 8.625a.48.48 0 01-.34-.14l-.95= 8-.958a.48.48 0 01.678-.678l.958.959a.48.48 0 01-.338.817zM16.77 14.374a.48= .48 0 01-.454-.63l.656-1.966-1.966.655a.48.48 0 01-.58-.669l1.917-3.833a.48= .48 0 11.858.429l-1.4 2.798 1.778-.592a.48.48 0 01.607.607l-.592 1.776 2.79= 8-1.4a.48.48 0 01.429.859l-3.834 1.916a.479.479 0 01-.216.05z' fill=3D'%23f= ff'/%3E%3C/svg%3E"); } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon .opene= d-block .task__status.marks { color: rgb(14, 95, 206); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus.marks--blocked { color: rgba(255, 255, 255, 0.6); position: relative; = line-height: 24px; display: flex; -webkit-box-align: center; align-items: c= enter; pointer-events: none; cursor: default; } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus.marks--blocked::before { position: absolute; content: ""; background-i= mage: url("data:image/svg+xml;charset=3Dutf-8,%3Csvg width=3D'24' height=3D= '27' fill=3D'none' xmlns=3D'http://www.w3.org/2000/svg'%3E%3Cpath d=3D'M22.= 862 9.723L13.279.14a.48.48 0 00-.34-.14H.481a.48.48 0 00-.34.818L22.184 22.= 86a.48.48 0 00.819-.34V10.064a.48.48 0 00-.14-.34z' fill=3D'%23fff' fill-op= acity=3D'.6'/%3E%3Cpath d=3D'M10.064 7.666a.48.48 0 01-.47-.575l.648-3.24L8= .486 5.61a.48.48 0 01-.677-.678l2.875-2.875a.48.48 0 01.808.433l-.647 3.24L= 12.6 3.974a.48.48 0 11.678.678l-2.875 2.875a.48.48 0 01-.34.14zM12.938 10.5= 42a.479.479 0 01-.339-.14l-1.437-1.438a.48.48 0 010-.677l2.875-2.875a.48.48= 0 01.677 0l1.438 1.437a.48.48 0 11-.678.678l-1.098-1.1-2.198 2.198 1.099 1= .098a.48.48 0 01-.339.819z' fill=3D'%23FAFAFA'/%3E%3Cpath d=3D'M13.897 8.62= 5a.479.479 0 01-.34-.14l-.958-.958a.48.48 0 01.678-.678l.958.959a.48.48 0 0= 1-.338.817zM16.772 14.374a.48.48 0 01-.455-.63l.656-1.966-1.966.655a.48.48 = 0 01-.58-.669l1.917-3.833a.48.48 0 01.858.429l-1.4 2.798 1.779-.592a.48.48 = 0 01.607.607l-.593 1.776 2.798-1.4a.48.48 0 01.428.859l-3.833 1.916a.479.47= 9 0 01-.216.05z' fill=3D'%23FAFAFA'/%3E%3Cpath d=3D'M15.001 13.25h-.667V10.= 5c0-3.033-2.392-5.5-5.333-5.5-2.941 0-5.333 2.467-5.333 5.5v2.75H3c-1.102 0= -2 .925-2 2.063v9.624c0 1.138.898 2.063 2 2.063h12c1.102 0 2-.925 2-2.063v-= 9.625c0-1.137-.898-2.062-2-2.062zM5.445 10.5c0-2.022 1.595-3.667 3.556-3.66= 7 1.96 0 3.556 1.645 3.556 3.667v2.75H5.444V10.5zm4.445 9.828v2.089c0 .506-= .397.916-.889.916s-.889-.41-.889-.916v-2.089a1.838 1.838 0 01-.889-1.578c0-= 1.011.798-1.833 1.778-1.833s1.778.822 1.778 1.833c0 .676-.36 1.26-.89 1.578= z' fill=3D'%23586461'/%3E%3C/svg%3E"); background-size: 100%; width: 23px; = height: 27px; top: 0px; right: 2px; } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon .opene= d-block .task__status.marks--blocked::before { background-image: url("data:= image/svg+xml;charset=3Dutf-8,%3Csvg width=3D'23' height=3D'27' fill=3D'non= e' xmlns=3D'http://www.w3.org/2000/svg'%3E%3Cpath d=3D'M22.86 9.723L13.279.= 14a.48.48 0 00-.34-.14H.48a.48.48 0 00-.34.818L22.183 22.86a.48.48 0 00.819= -.34V10.064a.48.48 0 00-.14-.34z' fill=3D'%23A3A3A3' fill-opacity=3D'.6'/%3= E%3Cpath d=3D'M10.063 7.666a.48.48 0 01-.47-.575l.648-3.24L8.485 5.61a.48.4= 8 0 01-.677-.678l2.875-2.875a.48.48 0 01.809.433l-.648 3.24L12.6 3.974a.48.= 48 0 11.678.678l-2.875 2.875a.48.48 0 01-.34.14zM12.937 10.542a.479.479 0 0= 1-.339-.14l-1.437-1.438a.48.48 0 010-.677l2.875-2.875a.48.48 0 01.677 0l1.4= 38 1.437a.48.48 0 11-.678.678l-1.098-1.1-2.198 2.198 1.099 1.098a.48.48 0 0= 1-.339.819z' fill=3D'%23fff'/%3E%3Cpath d=3D'M13.896 8.625a.48.48 0 01-.34-= .14l-.958-.958a.48.48 0 01.678-.678l.958.959a.48.48 0 01-.338.817zM16.77 14= .374a.48.48 0 01-.454-.63l.656-1.966-1.966.655a.48.48 0 01-.58-.669l1.917-3= .833a.48.48 0 11.858.429l-1.4 2.798 1.778-.592a.48.48 0 01.607.607l-.592 1.= 776 2.798-1.4a.48.48 0 01.429.859l-3.834 1.916a.479.479 0 01-.216.05z' fill= =3D'%23fff'/%3E%3Cpath d=3D'M15 13.25h-.667V10.5C14.333 7.467 11.941 5 9 5c= -2.941 0-5.333 2.467-5.333 5.5v2.75H3c-1.102 0-2 .925-2 2.063v9.624C1 26.07= 5 1.898 27 3 27h12c1.102 0 2-.925 2-2.063v-9.625c0-1.137-.898-2.062-2-2.062= zM5.444 10.5C5.444 8.478 7.04 6.833 9 6.833c1.96 0 3.556 1.645 3.556 3.667v= 2.75H5.444V10.5zm4.445 9.828v2.089c0 .506-.397.916-.889.916s-.889-.41-.889-= .916v-2.089a1.838 1.838 0 01-.889-1.578c0-1.011.798-1.833 1.778-1.833s1.778= .822 1.778 1.833c0 .676-.36 1.26-.89 1.578z' fill=3D'%23586461'/%3E%3C/svg%= 3E"); } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon .opene= d-block .task__status.marks--blocked { color: rgba(0, 0, 0, 0.6); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus.pink { position: relative; display: flex; -webkit-box-align: center; a= lign-items: center; } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus.pink .task__status-text { color: rgb(232, 91, 255); line-height: 24px;= } body.light-theme .tabs-starter .tabs-content .starter-tab .accordeon .opene= d-block .task__status.pink .task__status-text { color: rgb(191, 32, 217); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus.pink::before { position: absolute; content: ""; background-image: url(= "data:image/svg+xml;charset=3Dutf-8,%3Csvg width=3D'14' height=3D'19' fill= =3D'none' xmlns=3D'http://www.w3.org/2000/svg'%3E%3Cpath d=3D'M12.413 0H1.6= 48C.77 0 0 .739 0 1.613V17.92c0 .292.08.536.208.725A.8.8 0 00.874 19c.25 0 = .516-.114.762-.33l4.817-4.187a.896.896 0 01.584-.205c.222 0 .436.075.585.20= 5l4.8 4.187c.247.216.495.33.745.33.422 0 .834-.334.834-1.08V1.614C14.001.73= 9 13.29 0 12.413 0z' fill=3D'%23E85BFF' fill-opacity=3D'.7'/%3E%3C/svg%3E")= ; background-repeat: no-repeat; background-size: 100%; width: 14px; height:= 19px; top: 50%; transform: translateY(-50%); right: 6px; } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__= status.pink .task__status--date { display: none; } } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__st= atus.needcompletion { color: rgb(255, 72, 190); } .tabs-starter .tabs-content .starter-tab .accordeon .opened-block .task__wr= apper { text-align: right; } .tabs-starter .tabs-content .starter-tab .top-nav { margin-bottom: 40px; di= splay: flex; flex-wrap: wrap; } @media (max-width: 991px) { .tabs-starter .tabs-content .starter-tab .top-nav { overflow-x: scroll; } } .tabs-starter .tabs-content .starter-tab .top-nav__button { margin-right: 1= 6px; padding: 8px 16px; color: rgb(0, 0, 0); font-size: 20px; border: none;= border-radius: 2px; background: rgb(255, 255, 255); font-weight: 700; whit= e-space: nowrap; } body.light-theme .tabs-starter .tabs-content .starter-tab .top-nav__button = { background: rgb(135, 139, 156); color: rgb(255, 255, 255); } @media (max-width: 1199px) { .tabs-starter .tabs-content .starter-tab .top-nav__button { margin-bottom= : 15px; } } @media (max-width: 992px) { .tabs-starter .tabs-content .starter-tab .top-nav__button { margin-bottom= : 15px; } } .tabs-starter .tabs-content .starter-tab .top-nav__button.active { color: r= gb(0, 0, 0); background: rgb(91, 255, 218); } body.light-theme .tabs-starter .tabs-content .starter-tab .top-nav__button.= active { background: rgb(26, 154, 252); color: rgb(255, 255, 255); } .tabs-starter .tabs-content .starter-tab .top-nav__button:last-child { marg= in-right: 0px; } .tabs-starter .tabs-content .starter-tab .top-filter { display: flex; flex-= wrap: wrap; overflow-x: visible; } @media (max-width: 575px) { .tabs-starter .tabs-content .starter-tab .top-filter { flex-wrap: wrap; } } .tabs-starter .tabs-content .starter-tab .top-filter__button { margin-right= : 20px; color: rgb(255, 255, 255); font-size: 20px; padding-bottom: 11px; c= ursor: pointer; border-bottom: 4px solid transparent; white-space: nowrap; = margin-bottom: 32px; } @media (max-width: 575px) { .tabs-starter .tabs-content .starter-tab .top-filter__button { margin-bot= tom: 15px; } } body.light-theme .tabs-starter .tabs-content .starter-tab .top-filter__butt= on { color: rgb(26, 26, 26); } .tabs-starter .tabs-content .starter-tab .top-filter__button.active { color= : rgb(91, 255, 218); position: relative; border-bottom: 4px solid rgb(91, 2= 55, 218); } body.light-theme .tabs-starter .tabs-content .starter-tab .top-filter__butt= on.active { border-bottom: 4px solid rgb(14, 95, 206); color: rgb(14, 95, 2= 06); } .tabs-starter .tabs-content .starter-tab__line { background: rgb(61, 61, 65= ); } .tabs-starter .tabs-content .starter-tab .inner-tab-wrapper { display: none= ; } .tabs-starter .tabs-content .starter-tab .inner-tab-wrapper.active { displa= y: block; } .tabs-starter .tabs-content .starter-tab .new-video { padding-top: 50px; } .tabs-starter .tabs-content .starter-tab .new-video__head-text { margin-bot= tom: 20px; font-size: 28px; font-family: "PT Mono"; color: rgb(255, 255, 25= 5); } .tabs-starter .tabs-content .starter-tab .other-video { padding-top: 50px; = padding-bottom: 70px; } .tabs-starter .tabs-content .starter-tab .view-more-button { color: rgb(91,= 255, 218); font-size: 28px; font-family: "PT Mono"; max-width: 240px; marg= in: 0px auto; cursor: pointer; } body.light-theme .tabs-starter .tabs-content .starter-tab .view-more-button= { color: rgb(14, 95, 206); } body.light-theme .tabs-starter .tabs-content .starter-tab .view-more-button= svg path { fill: rgb(14, 95, 206); } .tabs-starter .tabs-content .starter-tab .table-block { padding-left: 30px;= padding-right: 30px; border: 1px solid rgb(61, 61, 65); } .tabs-starter .tabs-content .starter-tab .table-block .task { padding: 28px= 0px; display: flex; -webkit-box-pack: justify; justify-content: space-betw= een; border-bottom: 1px solid rgb(61, 61, 65); } .tabs-starter .tabs-content .starter-tab .table-block .task:last-child { bo= rder-bottom: 0px; } .tabs-starter .tabs-content .starter-tab .table-block .task__text { color: = rgb(255, 255, 255); font-size: 18px; } .tabs-starter .tabs-content .starter-tab .table-block .task__status { color= : rgb(135, 139, 156); font-size: 18px; } .tabs-starter .tabs-content .starter-tab .head-text { font-size: 28px; colo= r: rgb(255, 255, 255); margin-bottom: 24px; padding-left: 30px; } .tabs-starter .tabs-content .starter-tab.vacancies { padding-top: 30px; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-list { displa= y: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; fle= x-flow: row wrap; -webkit-box-pack: start; justify-content: flex-start; wid= th: 1110px; margin: 0px auto; padding-top: 20px; } @media (max-width: 1200px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-list { widt= h: 100%; } } @media (max-width: 992px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-list { -web= kit-box-pack: center; justify-content: center; } } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card { displa= y: flex; position: relative; -webkit-box-orient: horizontal; -webkit-box-di= rection: normal; flex-flow: row nowrap; -webkit-box-pack: start; justify-co= ntent: flex-start; -webkit-box-align: center; align-items: center; width: 5= 30px; min-height: 160px; background-color: rgb(0, 95, 175); border-radius: = 8px; padding: 25px 46px 25px 20px; font-family: "Helvetica Neue", Arial, sa= ns-serif; font-size: 14px; line-height: 16px; font-weight: 400; color: rgb(= 255, 255, 255); overflow: hidden; margin-bottom: 30px; } @media (max-width: 992px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card:last-c= hild { margin-bottom: 0px; } } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card:nth-chil= d(2n-1) { margin-right: 40px; } @media (max-width: 992px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card:nth-ch= ild(2n-1) { margin-right: 0px; } } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card::before = { position: absolute; content: ""; width: 11px; height: 16px; top: calc(50%= - 5px); right: 20px; background-image: url("data:image/svg+xml;charset=3Du= tf-8,%3Csvg width=3D'11' height=3D'16' fill=3D'none' xmlns=3D'http://www.w3= .org/2000/svg'%3E%3Cpath d=3D'M.453 14.12L6.56 8 .453 1.88 2.333 0l8 8-8 8-= 1.88-1.88z' fill=3D'%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; = background-size: 100%; background-position: 50% center; } @media (max-width: 1200px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card { widt= h: 440px; padding: 17px 10px; min-height: 140px; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card::befor= e { display: none; } } @media (max-width: 478px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card { widt= h: 100%; } } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card:hover { = opacity: 0.8; cursor: pointer; transition: opacity 0.1s ease-in 0s; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__image {= width: 100px; height: auto; margin-right: 30px; } @media (max-width: 1200px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__image= { width: 80px; height: auto; margin-right: 20px; } } @media (max-width: 410px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__image= { width: 60px; height: auto; margin-right: 10px; } } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__descrip= tion { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: = normal; flex-direction: column; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__employe= r { margin: 0px 0px 6px; padding: 0px; font-size: 14px; line-height: 16px; = opacity: 0.6; width: 324px; text-transform: uppercase; text-overflow: ellip= sis; white-space: nowrap; overflow: hidden; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__employe= r:hover { opacity: 0.6; } @media (max-width: 1200px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__emplo= yer { margin-bottom: 2px; width: 318px; } } @media (max-width: 478px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__emplo= yer { width: 264px; } } @media (max-width: 410px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__emplo= yer { width: 242px; } } @media (max-width: 359px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__emplo= yer { width: 204px; } } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__positio= n { font-family: "PT Mono", serif; font-size: 18px; line-height: 24px; marg= in: 0px 0px 10px; padding: 0px; width: 324px; text-overflow: ellipsis; whit= e-space: nowrap; overflow: hidden; } @media (max-width: 1200px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__posit= ion { margin-bottom: 8px; width: 318px; } } @media (max-width: 478px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__posit= ion { width: 264px; } } @media (max-width: 410px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__posit= ion { width: 242px; } } @media (max-width: 359px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__posit= ion { width: 204px; } } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__working= -conditions { display: flex; -webkit-box-orient: horizontal; -webkit-box-di= rection: normal; flex-direction: row; margin-bottom: 20px; width: 324px; te= xt-overflow: ellipsis; white-space: nowrap; overflow: hidden; } @media (max-width: 1200px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__worki= ng-conditions { width: 318px; } } @media (max-width: 478px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__worki= ng-conditions { width: 264px; } } @media (max-width: 410px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__worki= ng-conditions { width: 242px; } } @media (max-width: 359px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__worki= ng-conditions { width: 204px; } } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__locatio= n { margin: 0px; padding: 0px; font-size: 14px; line-height: 16px; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__schedul= e { position: relative; margin: 0px; padding: 0px 0px 0px 13px; font-size: = 14px; line-height: 16px; width: 324px; text-overflow: ellipsis; white-space= : nowrap; overflow: hidden; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__schedul= e::before { position: absolute; content: ""; top: calc(50% - 1.5px); left: = 5px; width: 3px; height: 3px; border-radius: 50%; background-color: rgb(255= , 255, 255); } @media (max-width: 1200px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__sched= ule { width: 238px; } } @media (max-width: 478px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__sched= ule { width: 146px; } } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__tech-li= st { display: flex; -webkit-box-pack: start; justify-content: flex-start; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card__tech-st= ack { font-size: 14px; line-height: 16px; margin: 0px 5px 0px 0px; text-ove= rflow: ellipsis; white-space: nowrap; overflow: hidden; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card--black {= color: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card--black::= before { background-image: url("data:image/svg+xml;charset=3Dutf-8,%3Csvg w= idth=3D'11' height=3D'16' fill=3D'none' xmlns=3D'http://www.w3.org/2000/svg= '%3E%3Cpath d=3D'M.453 14.12L6.56 8 .453 1.88 2.333 0l8 8-8 8-1.88-1.88z' f= ill=3D'%23000'/%3E%3C/svg%3E"); } .tabs-starter .tabs-content .starter-tab.vacancies .vacancies-card--black .= vacancies-card__schedule::before { background-color: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body { -webkit-= box-orient: vertical; -webkit-box-direction: normal; flex-direction: column= ; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-h= eight: 19px; font-weight: 400; color: rgb(255, 255, 255); } body.light-theme .tabs-starter .tabs-content .starter-tab.vacancies .vacanc= y-body { color: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__nav-back = { color: rgb(135, 139, 156); position: relative; padding-left: 24px; margin= -bottom: 32px; cursor: pointer; width: 80px; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__nav-back:= :before { position: absolute; content: ""; width: 12px; height: 20px; top: = 0px; left: 0px; background-image: url("data:image/svg+xml;charset=3Dutf-8,%= 3Csvg width=3D'12' height=3D'20' fill=3D'none' xmlns=3D'http://www.w3.org/2= 000/svg'%3E%3Cpath d=3D'M11.67 1.87L9.9.1 0 10l9.9 9.9 1.77-1.77L3.54 10l8.= 13-8.13z' fill=3D'%23878B9C'/%3E%3C/svg%3E"); background-size: 100%; backgr= ound-position: 50% center; background-repeat: no-repeat; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent { position: relative; width: 1100px; display: flex; -webkit-box-orie= nt: vertical; -webkit-box-direction: normal; flex-direction: column; } @media (max-width: 1200px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy= -content { width: 930px; } } @media (max-width: 993px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy= -content { -webkit-box-orient: vertical; -webkit-box-direction: normal; fle= x-direction: column; width: 690px; -webkit-box-align: center; align-items: = center; } } @media (max-width: 768px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy= -content { width: 100%; } } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .sticky-wrapper { width: 340px; position: absolute; } @media (max-width: 993px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy= -content .sticky-wrapper { position: static; width: 440px; margin-bottom: 5= 0px; } } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .nav-block { position: static; display: flex; -webkit-box-orient: ve= rtical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-= align: center; align-items: center; padding: 40px 20px; z-index: 1; width: = 340px; min-height: 250px; background-color: rgb(39, 39, 41); border-radius:= 4px; } @media (max-width: 993px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy= -content .nav-block { padding: 40px 70px; width: 440px; position: static !i= mportant; } } @media (max-width: 767px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy= -content .nav-block { width: 100%; padding: 40px 10px; } } body.light-theme .tabs-starter .tabs-content .starter-tab.vacancies .vacanc= y-body__vacancy-content .nav-block { box-shadow: rgba(0, 0, 0, 0.15) 0px 2p= x 4px; background-color: rgb(255, 255, 255); } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .nav-block__image { width: 80px; height: auto; border-radius: 4px; m= argin-bottom: 30px; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .nav-block__employer { font-size: 14px; line-height: 17px; text-alig= n: center; margin-bottom: 6px; opacity: 0.6; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .nav-block__position { font-family: "PT Mono", serif; font-size: 18p= x; line-height: 24px; text-align: center; margin-bottom: 24px; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .nav-block__open-task { border-radius: 2px; width: 300px; } @media (max-width: 360px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy= -content .nav-block__open-task { width: 270px; } } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .nav-block__answer-vacancy { border-radius: 2px; margin-top: 16px; w= idth: 300px; } @media (max-width: 360px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy= -content .nav-block__answer-vacancy { width: 270px; } } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block { display: flex; -webkit-box-orient: vertical; -w= ebkit-box-direction: normal; flex-direction: column; margin-left: 380px; wi= dth: 720px; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block ol, .tabs-starter .tabs-content .starter-tab.vaca= ncies .vacancy-body__vacancy-content .description-block ul { margin: 0px 0p= x 1rem; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block li, .tabs-starter .tabs-content .starter-tab.vaca= ncies .vacancy-body__vacancy-content .description-block p { padding: 0px; f= ont-size: 16px; line-height: 24px; } @media (max-width: 1200px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy= -content .description-block { width: 550px; } } @media (max-width: 993px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy= -content .description-block { margin-left: 0px; } } @media (max-width: 768px) { .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy= -content .description-block { width: 100%; } } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__salary-title { padding: 0px; font-size: 14px; li= ne-height: 17px; margin-bottom: 8px; color: rgb(255, 255, 255); opacity: 0.= 6; } body.light-theme .tabs-starter .tabs-content .starter-tab.vacancies .vacanc= y-body__vacancy-content .description-block__salary-title { color: rgb(0, 0,= 0); } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__salary-description { padding: 0px; margin-bottom= : 30px; font-size: 16px; line-height: 19px; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__tech-stack-title { padding: 0px; font-size: 14px= ; line-height: 17px; margin-bottom: 8px; color: rgb(255, 255, 255); opacity= : 0.6; } body.light-theme .tabs-starter .tabs-content .starter-tab.vacancies .vacanc= y-body__vacancy-content .description-block__tech-stack-title { color: rgb(0= , 0, 0); } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__tech-stack-wrapper { display: flex; -webkit-box-= orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; lis= t-style: none; padding: 0px; margin: 0px 0px 30px; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__tech-stack-wrapper li, .tabs-starter .tabs-conte= nt .starter-tab.vacancies .vacancy-body__vacancy-content .description-block= __tech-stack-wrapper p { padding: 0px; font-size: 16px; line-height: 19px; = margin-bottom: 0px; position: relative; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__working-conditions-title { padding: 0px; font-si= ze: 14px; line-height: 17px; margin-bottom: 8px; color: rgb(255, 255, 255);= opacity: 0.6; } body.light-theme .tabs-starter .tabs-content .starter-tab.vacancies .vacanc= y-body__vacancy-content .description-block__working-conditions-title { colo= r: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__working-conditions { display: flex; -webkit-box-= orient: horizontal; -webkit-box-direction: normal; flex-direction: row; mar= gin-bottom: 60px; position: relative; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__working-conditions::after { position: absolute; = content: ""; width: 100%; height: 1px; left: 0px; bottom: -30px; background= -color: rgb(60, 60, 66); } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__location { margin: 0px; padding: 0px; font-size:= 16px; line-height: 19px; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__schedule { position: relative; margin: 0px; padd= ing: 0px 0px 0px 13px; font-size: 16px; line-height: 19px; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__schedule::before { position: absolute; content: = ""; top: calc(50% - 1.5px); left: 5px; width: 3px; height: 3px; border-radi= us: 50%; background-color: rgb(255, 255, 255); } body.light-theme .tabs-starter .tabs-content .starter-tab.vacancies .vacanc= y-body__vacancy-content .description-block__schedule::before { background-c= olor: rgb(0, 0, 0); } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__vacancy-description { padding: 0px; margin-botto= m: 30px; color: rgb(255, 255, 255); opacity: 0.6; font-size: 14px !importan= t; line-height: 17px !important; } body.light-theme .tabs-starter .tabs-content .starter-tab.vacancies .vacanc= y-body__vacancy-content .description-block__vacancy-description { color: rg= b(0, 0, 0); } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__vacancy-description ~ p { line-height: 24px; opa= city: 0.8; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__description-title { font-family: "Helvetica Neue= ", Arial, sans-serif; font-weight: 500; font-size: 18px; line-height: 22px;= margin-bottom: 20px; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__description-list { list-style: none; padding: 0p= x; margin: 0px 0px 30px; } .tabs-starter .tabs-content .starter-tab.vacancies .vacancy-body__vacancy-c= ontent .description-block__description-list li, .tabs-starter .tabs-content= .starter-tab.vacancies .vacancy-body__vacancy-content .description-block__= description-list p { font-size: 16px; line-height: 24px; margin-bottom: 0px= ; } .tabs-starter .toct-expiring-solutions { color: rgb(255, 255, 0); } body.light-theme .tabs-starter .toct-expiring-solutions { color: orange; } .tabs-starter .toct-expired-solutions { color: red; } .mt60 { margin-top: 60px; } .textarea-block .editor-toolbar { opacity: 0.6; } .textarea-block .editor-toolbar:hover { opacity: 1; } .textarea-block .editor-toolbar.disabled-for-preview a { color: rgb(0, 0, 0= ) !important; } .textarea-block .editor-toolbar .fullscreen, .textarea-block .editor-toolba= r .side-by-side { display: none; } .textarea-block .editor-toolbar a, .textarea-block .editor-toolbar button {= color: rgb(255, 255, 255) !important; } .textarea-block .editor-toolbar a.active, .textarea-block .editor-toolbar a= :hover, .textarea-block .editor-toolbar button.active, .textarea-block .edi= tor-toolbar button:hover, body.light-theme .textarea-block .editor-toolbar = a, body.light-theme .textarea-block .editor-toolbar button { color: rgb(0, = 0, 0) !important; } .textarea-block .CodeMirror { background-color: transparent; position: rela= tive; caret-color: rgb(255, 255, 255); } .textarea-block .CodeMirror .CodeMirror-cursor { border-left: 1px solid rgb= (255, 255, 255); } body.light-theme .textarea-block .CodeMirror .CodeMirror-cursor { border-le= ft: 1px solid rgb(26, 26, 26); } .textarea-block .CodeMirror code { color: rgb(91, 255, 218); } body.light-theme .textarea-block .CodeMirror code { color: rgb(14, 95, 206)= ; } .textarea-block .CodeMirror table { color: rgb(255, 255, 255); } body.light-theme .textarea-block .CodeMirror table { color: rgb(26, 26, 26)= ; } .textarea-block .CodeMirror table td, .textarea-block .CodeMirror table th = { border: 1px solid rgb(220, 230, 240); padding: 5px; } body.light-theme .textarea-block .CodeMirror table td, body.light-theme .te= xtarea-block .CodeMirror table th { border: 1px solid rgb(26, 26, 26); } .textarea-block .CodeMirror blockquote { padding: 0px 1rem; margin-left: 0p= x; color: rgb(255, 255, 255); border-left: 0.3rem solid rgb(220, 230, 240);= } body.light-theme .textarea-block .CodeMirror blockquote { border-left: 0.3r= em solid rgb(26, 26, 26); color: rgb(26, 26, 26); } .textarea-block .CodeMirror::selection { background-color: rgb(254, 254, 25= 4); color: rgb(10, 10, 10); } .textarea-block .CodeMirror pre { color: rgb(255, 255, 255); font-size: 14p= x; } body.light-theme .textarea-block .CodeMirror pre { color: rgb(0, 0, 0); } .textarea-block .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):n= ot(.cm-tag):not(.cm-word) { background: transparent; } .textarea-block .bottom-part { margin-top: 20px; display: flex; -webkit-box= -pack: justify; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 767px) { .textarea-block .bottom-part .textarea-label { margin-left: 0px; } } .textarea-block .bottom-part__disclaimer { font-size: 14px; color: rgb(192,= 192, 200); } body.light-theme .textarea-block .bottom-part__disclaimer { color: rgb(0, 0= , 0); } @media (max-width: 767px) { .textarea-block .bottom-part__disclaimer { -webkit-box-flex: 0; flex: 0 0= 100%; margin-bottom: 20px; } } .textarea-block .bottom-part__disclaimer a { color: rgb(91, 255, 218); } body.light-theme .textarea-block .bottom-part__disclaimer a { color: rgb(14= , 95, 206); } .textarea-block .editor-preview, .textarea-block .editor-preview pre { back= ground-color: rgb(23, 23, 25); color: rgb(255, 255, 255); } body.light-theme .textarea-block .editor-preview, body.light-theme .textare= a-block .editor-preview pre { background-color: rgb(239, 241, 249); color: = rgb(26, 26, 26); } .textarea-block .editor-preview img, .textarea-block .editor-preview pre im= g { max-width: 100%; } body.light-theme .textarea-block .editor-preview img, body.light-theme .tex= tarea-block .editor-preview pre img { background-color: rgb(0, 0, 0); } .white-line { height: 2px; background-color: rgb(255, 255, 255); margin-bot= tom: 49px; } .pagination-wrapper { display: flex; margin-top: 50px; } .pagination-wrapper__number { margin-right: 20px; color: rgb(255, 255, 255)= ; font-weight: 700; font-size: 20px; } .pagination-wrapper__number:last-child { margin-left: auto; margin-right: 0= px; } .textarea-block .btn { font-size: 20px; font-weight: 700; color: rgb(0, 0, = 0); padding-top: 16px; padding-bottom: 16px; width: 100%; background-color:= rgb(91, 255, 218); margin-bottom: 32px; margin-top: 65px; } .comments-wrapper .textarea-block.answer-comment .top-row { display: flex; = -webkit-box-pack: justify; justify-content: space-between; } .comments-wrapper .textarea-block.answer-comment .top-row__head-text { font= -size: 14px; color: rgb(255, 255, 255); font-weight: 700; padding-bottom: 1= 3px; border-bottom: 4px solid rgb(91, 255, 218); } .comments-wrapper .textarea-block.answer-comment .top-row__close { font-siz= e: 14px; color: rgb(192, 192, 200); font-weight: 700; } .comments-wrapper .textarea-block .btn { margin-bottom: 30px; margin-top: 0= px; } .comments-wrapper .answer-container { width: 91%; margin: 0px auto; } @media (max-width: 575px) { .comments-wrapper .answer-container { width: 100%; } } .comments-wrapper .comment-item { padding: 12px 32px 18px; background-color= : rgb(0, 0, 0); position: relative; margin-bottom: 24px; } .comments-wrapper .comment-item.teacher-comment .comment-item__ball { right= : 0px; left: auto; top: 12px; background-color: rgb(255, 72, 190); } .comments-wrapper .comment-item.teacher-comment .comment-item__head-text { = text-align: right; padding-left: 0px; padding-right: 27px; } .comments-wrapper .comment-item.teacher-comment .under-head-row { -webkit-b= ox-pack: start; justify-content: flex-start; padding-left: 0px; padding-rig= ht: 27px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; f= lex-direction: row-reverse; } .comments-wrapper .comment-item.teacher-comment .under-head-row__hide { mar= gin-right: 13px; } .comments-wrapper .comment-item.teacher-comment .under-head-row__date { mar= gin-right: 0px; } .comments-wrapper .comment-item__head-text { font-size: 20px; font-weight: = 700; color: rgb(255, 255, 255); padding-left: 21px; } .comments-wrapper .comment-item__text { color: rgb(255, 255, 255); font-siz= e: 14px; font-weight: 700; } .comments-wrapper .comment-item__ball { width: 41px; height: 41px; border-r= adius: 100%; background: rgb(91, 255, 218); position: absolute; left: 0px; = top: 12px; } .comments-wrapper .comment-item .under-head-row { display: flex; margin-bot= tom: 17px; padding-left: 21px; } .comments-wrapper .comment-item .under-head-row__date { font-size: 14px; co= lor: rgb(192, 192, 200); font-weight: 700; margin-right: 12px; } .comments-wrapper .comment-item .under-head-row__answer { font-size: 14px; = color: rgb(192, 192, 200); font-weight: 700; margin-right: 13px; cursor: po= inter; } .comments-wrapper .comment-item .under-head-row__answer.active { border-bot= tom: 4px solid rgb(91, 255, 218); } .comments-wrapper .comment-item .under-head-row__hide { font-size: 14px; co= lor: rgb(192, 192, 200); font-weight: 700; cursor: pointer; } pre code { color: rgb(255, 255, 255); font-size: 14px; } body.light-theme pre code { color: rgb(26, 26, 26); } .editor-preview, .task-block { padding-top: 58px; padding-bottom: 148px; } @media (max-width: 991px) { .editor-preview, .task-block { padding-top: 43px; } } .editor-preview .show-comments-button, .task-block .show-comments-button { = font-size: 20px; color: rgb(255, 255, 255); font-weight: 700; margin-top: 6= 0px; text-decoration: underline; display: block; } .editor-preview blockquote, .task-block blockquote { padding: 0px 1rem; mar= gin-left: 0px; border-left: 0.3rem solid rgb(220, 230, 240); } body.light-theme .editor-preview blockquote, body.light-theme .task-block b= lockquote { border-left: 0.3rem solid rgb(26, 26, 26); } .editor-preview table, .task-block table { table-layout: fixed; border-coll= apse: collapse; color: rgb(255, 255, 255); margin-bottom: 20px; } .editor-preview table td, .editor-preview table th, .task-block table td, .= task-block table th { padding: 10px; border: 1px solid rgb(255, 255, 255); = } body.light-theme .editor-preview table, body.light-theme .task-block table = { color: rgb(26, 26, 26); } body.light-theme .editor-preview table td, body.light-theme .editor-preview= table th, body.light-theme .task-block table td, body.light-theme .task-bl= ock table th { border: 1px solid rgb(26, 26, 26); } .editor-preview ul, .task-block ul { margin-bottom: 1em; } .editor-preview code, .task-block code { color: rgb(91, 255, 218); } body.light-theme .editor-preview code, body.light-theme .task-block code { = color: rgb(14, 95, 206); } .editor-preview pre code, .task-block pre code { width: 100%; display: bloc= k; background-color: rgb(23, 23, 25); border-radius: 10px; color: rgb(91, 2= 55, 218); font-size: 16px; padding: 25px 30px; overflow: auto; } body.light-theme .editor-preview pre code, body.light-theme .task-block pre= code { color: rgb(14, 95, 206); background-color: rgb(255, 255, 255); } @media (max-width: 767px) { .editor-preview pre code, .task-block pre code { padding: 15px 10px; } } .editor-preview .back-block, .task-block .back-block { display: flex; paddi= ng: 40px 0px 18px; -webkit-box-align: center; align-items: center; } @media (max-width: 767px) { .editor-preview .back-block, .task-block .back-block { padding: 44px 0px = 20px; } } .editor-preview .back-block__text, .task-block .back-block__text { margin-l= eft: 12px; color: rgb(255, 255, 255); font-size: 16px; } body.light-theme .editor-preview .back-block__text, body.light-theme .task-= block .back-block__text { color: rgb(135, 139, 156); } @media (max-width: 767px) { .editor-preview .back-block__text, .task-block .back-block__text { font-s= ize: 12px; } } .editor-preview .back-block__svg, .task-block .back-block__svg { height: 12= px; } body.light-theme .editor-preview .back-block__svg path, body.light-theme .t= ask-block .back-block__svg path { fill: rgb(135, 139, 156); } .editor-preview__head-text, .task-block__head-text { font-size: 54px; color= : rgb(255, 255, 255); margin-bottom: 48px; } body.light-theme .editor-preview__head-text, body.light-theme .task-block__= head-text { color: rgb(0, 0, 0); } .editor-preview__head-text_subhead, .task-block__head-text_subhead { font-s= ize: 12px; font-weight: 400; } @media (max-width: 767px) { .editor-preview__head-text, .task-block__head-text { line-height: 1.19; } } @media (max-width: 575px) { .editor-preview__head-text, .task-block__head-text { font-size: 34px; } } .editor-preview__img, .task-block__img { margin-bottom: 32px; } .editor-preview__text, .task-block__text { font-size: 16px; color: rgb(255,= 255, 255); margin-bottom: 64px; } .editor-preview__text p, .task-block__text p { font-size: 16px; } .editor-preview__text img, .task-block__text img { max-width: 100%; cursor:= pointer; display: block; margin: 0px auto; } .editor-preview__text img:hover, .task-block__text img:hover { opacity: 0.8= ; } @media (min-width: 992px) { .editor-preview__text img, .task-block__text img { max-width: 500px; max-= height: 300px; width: auto; } } body.light-theme .editor-preview__text, body.light-theme .task-block__text = { color: rgb(0, 0, 0); } .editor-preview__button, .task-block__button { padding-top: 16px; padding-b= ottom: 16px; width: 100%; background-color: rgb(91, 255, 218); border: none= ; font-size: 20px; font-weight: 700; color: rgb(0, 0, 0); margin-bottom: 20= px; } .editor-preview__button:last-child, .task-block__button:last-child { margin= -bottom: 0px; } body.light-theme .editor-preview__button, body.light-theme .task-block__but= ton { background: rgb(26, 154, 252); color: rgb(255, 255, 255); } body.light-theme .editor-preview__button:hover:not(:disabled), body.light-t= heme .task-block__button:hover:not(:disabled) { background-color: rgb(5, 13= 4, 233); } .editor-preview .textarea-block, .editor-preview__button.open-perfect-answe= r, .task-block .textarea-block, .task-block__button.open-perfect-answer { m= argin-bottom: 32px; } .editor-preview .textarea-block__textarea, .task-block .textarea-block__tex= tarea { height: 224px; width: 100%; border: 1px solid rgb(255, 255, 255); p= adding-top: 32px; padding-left: 27px; background-color: transparent; color:= rgb(192, 192, 200); font-size: 14px; margin-bottom: 24px; } .editor-preview .textarea-block .textarea-label, .task-block .textarea-bloc= k .textarea-label { position: relative; } .editor-preview .textarea-block .textarea-label__text, .task-block .textare= a-block .textarea-label__text { font-size: 14px; font-weight: 700; color: r= gb(255, 255, 255); padding-left: 38px; } body.light-theme .editor-preview .textarea-block .textarea-label__text, bod= y.light-theme .task-block .textarea-block .textarea-label__text { color: rg= b(0, 0, 0); } .editor-preview .textarea-block .textarea-label__input, .task-block .textar= ea-block .textarea-label__input { position: absolute; left: -9999px; z-inde= x: -11111; } .editor-preview .textarea-block .textarea-label__svg, .task-block .textarea= -block .textarea-label__svg { position: absolute; left: 6px; top: 50%; tran= sform: translateY(-50%); } body.light-theme .editor-preview .textarea-block .textarea-label__svg path,= body.light-theme .task-block .textarea-block .textarea-label__svg path { f= ill: rgb(0, 0, 0); } .editor-preview .answer-block, .task-block .answer-block { margin-bottom: 6= 4px; padding-top: 48px; border-top: 2px solid rgb(255, 255, 255); } body.light-theme .editor-preview .answer-block, body.light-theme .task-bloc= k .answer-block { border-top: 2px solid rgb(26, 26, 26); } .editor-preview .answer-block__head-text, .task-block .answer-block__head-t= ext { display: flex; -webkit-box-pack: justify; justify-content: space-betw= een; font-size: 32px; color: rgb(255, 255, 255); font-weight: 700; position= : relative; margin-bottom: 16px; -webkit-box-align: center; align-items: ce= nter; } @media (max-width: 413px) { .editor-preview .answer-block__head-text, .task-block .answer-block__head= -text { font-size: 24px; } } body.light-theme .editor-preview .answer-block__head-text, body.light-theme= .task-block .answer-block__head-text { color: rgb(26, 26, 26); } .editor-preview .answer-block__head-text .status-text, .task-block .answer-= block__head-text .status-text { font-size: 20px; } @media (max-width: 413px) { .editor-preview .answer-block__head-text .status-text, .task-block .answe= r-block__head-text .status-text { font-size: 16px; } } .editor-preview .answer-block__text, .task-block .answer-block__text { font= -size: 14px; color: rgb(255, 255, 255); } .editor-preview .answer-block__text img, .task-block .answer-block__text im= g { max-width: 100%; cursor: pointer; display: block; margin: 20px auto; } .editor-preview .answer-block__text img:hover, .task-block .answer-block__t= ext img:hover { opacity: 0.8; } @media (min-width: 992px) { .editor-preview .answer-block__text img, .task-block .answer-block__text = img { max-width: 500px; max-height: 300px; width: auto; } } body.light-theme .editor-preview .answer-block__text, body.light-theme .tas= k-block .answer-block__text { color: rgb(26, 26, 26); } .editor-preview .message-block, .task-block .message-block { margin-bottom:= 64px; padding-top: 48px; border-top: 2px solid rgb(255, 255, 255); padding= -left: 50px; } @media (max-width: 767px) { .editor-preview .message-block, .task-block .message-block { padding-left= : 20px; } } body.light-theme .editor-preview .message-block, body.light-theme .task-blo= ck .message-block { border-top: 2px solid rgb(26, 26, 26); } .editor-preview .message-block__head-text, .task-block .message-block__head= -text { font-size: 32px; color: rgb(255, 255, 255); font-weight: 700; posit= ion: relative; margin-bottom: 16px; display: flex; -webkit-box-align: cente= r; align-items: center; -webkit-box-pack: justify; justify-content: space-b= etween; } @media (max-width: 413px) { .editor-preview .message-block__head-text, .task-block .message-block__he= ad-text { font-size: 24px; } } body.light-theme .editor-preview .message-block__head-text, body.light-them= e .task-block .message-block__head-text { color: rgb(26, 26, 26); } .editor-preview .message-block__head-text .status-text, .task-block .messag= e-block__head-text .status-text { font-size: 20px; white-space: nowrap; } @media (max-width: 413px) { .editor-preview .message-block__head-text .status-text, .task-block .mess= age-block__head-text .status-text { font-size: 16px; } } .editor-preview .message-block__head-text .status-text.marks, .task-block .= message-block__head-text .status-text.marks { color: rgb(91, 255, 218); } body.light-theme .editor-preview .message-block__head-text .status-text.mar= ks, body.light-theme .task-block .message-block__head-text .status-text.mar= ks { color: rgb(8, 169, 35); } .editor-preview .message-block__name, .task-block .message-block__name { fo= nt-size: 16px; color: rgb(255, 255, 255); margin-bottom: 16px; } body.light-theme .editor-preview .message-block__name, body.light-theme .ta= sk-block .message-block__name { color: rgb(26, 26, 26); } .editor-preview .message-block__text, .task-block .message-block__text { fo= nt-size: 14px; color: rgb(255, 255, 255); } body.light-theme .editor-preview .message-block__text, body.light-theme .ta= sk-block .message-block__text { color: rgb(26, 26, 26); } .editor-preview .message-block__text .red-text, .task-block .message-block_= _text .red-text { color: rgb(229, 75, 41); } .editor-preview .message-block__text .green-text, .task-block .message-bloc= k__text .green-text { color: rgb(91, 255, 218); } body.light-theme .editor-preview .message-block__text .green-text, body.lig= ht-theme .task-block .message-block__text .green-text { color: rgb(14, 95, = 206); } .editor-preview .container-perfect-answer h1, .task-block .container-perfec= t-answer h1 { font-size: 2.5rem; margin-bottom: 0.5rem; font-weight: 500; l= ine-height: 1.2; margin-top: 20px; color: rgb(255, 255, 255); } body.light-theme .editor-preview .container-perfect-answer h1, body.light-t= heme .task-block .container-perfect-answer h1 { color: rgb(26, 26, 26); } .editor-preview .container-perfect-answer ul, .task-block .container-perfec= t-answer ul { font-size: 16px; color: rgb(255, 255, 255); margin-top: 25px;= margin-bottom: 16px; } body.light-theme .editor-preview .container-perfect-answer ul, body.light-t= heme .task-block .container-perfect-answer ul { color: rgb(26, 26, 26); } .editor-preview .container-perfect-answer ol, .task-block .container-perfec= t-answer ol { font-size: 16px; color: rgb(255, 255, 255); margin-top: 25px;= margin-bottom: 16px; } body.light-theme .editor-preview .container-perfect-answer ol, body.light-t= heme .task-block .container-perfect-answer ol { color: rgb(26, 26, 26); } .editor-preview .container-perfect-answer p, .task-block .container-perfect= -answer p { font-size: 16px; color: rgb(255, 255, 255); margin-top: 25px; m= argin-bottom: 16px; } body.light-theme .editor-preview .container-perfect-answer p, body.light-th= eme .task-block .container-perfect-answer p { color: rgb(26, 26, 26); } .editor-preview .container-perfect-answer img, .task-block .container-perfe= ct-answer img { max-width: 100%; display: block; margin: 20px auto; cursor:= pointer; } body.light-theme .editor-preview .container-perfect-answer img, body.light-= theme .task-block .container-perfect-answer img { background-color: rgb(0, = 0, 0); } .editor-preview .container-perfect-answer img:hover, .task-block .container= -perfect-answer img:hover { opacity: 0.8; } @media (min-width: 992px) { .editor-preview .container-perfect-answer img, .task-block .container-per= fect-answer img { max-width: 500px; max-height: 300px; width: auto; } } .task-block a { text-decoration: underline rgb(91, 255, 218); } body.light-theme .task-block a { text-decoration-color: rgb(14, 95, 206); } .editor-preview, .task-block { font-family: "Helvetica Neue", Arial, sans-s= erif; } .editor-preview__wrapper, .task-block__wrapper { display: flex; -webkit-box= -orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; = } .editor-preview__navigation-block, .task-block__navigation-block { width: 2= 44px; margin-right: 40px; } .editor-preview__navigation-block .back-block, .task-block__navigation-bloc= k .back-block { padding-bottom: 40px; } .editor-preview__text, .task-block__text { margin-bottom: 50px; } .editor-preview__body, .task-block__body { max-width: 990px; padding-top: 1= 04px; } .editor-preview__head-text, .task-block__head-text { font-family: "PT Mono"= , Arial, sans-serif; font-weight: 700; font-size: 32px; line-height: 36px; = } .editor-preview h1, .editor-preview h3, .task-block h1, .task-block h3 { fo= nt-family: "Helvetica Neue Medium", Arial, sans-serif; font-weight: 500; fo= nt-size: 24px; line-height: 29px; margin-bottom: 20px; } .editor-preview h3, .task-block h3 { margin-top: 50px; } .editor-preview p, .task-block p { font-weight: 400; font-size: 16px; line-= height: 24px; color: rgba(255, 255, 255, 0.8); } body.light-theme .editor-preview p, body.light-theme .task-block p { color:= rgba(0, 0, 0, 0.8); } .editor-preview ol, .editor-preview ul, .task-block ol, .task-block ul { pa= dding-left: 16px; } .editor-preview ol li, .editor-preview ul li, .task-block ol li, .task-bloc= k ul li { font-weight: 400; font-size: 16px; line-height: 24px; margin-bott= om: 6px; color: rgba(255, 255, 255, 0.8); } body.light-theme .editor-preview ol li, body.light-theme .editor-preview ul= li, body.light-theme .task-block ol li, body.light-theme .task-block ul li= { color: rgba(0, 0, 0, 0.8); } .editor-preview ol li a, .editor-preview ul li a, .task-block ol li a, .tas= k-block ul li a { font-size: 16px; line-height: 24px; text-decoration: unde= rline; } .mark-for-teacher__header-text { font-size: 20px; color: rgb(255, 255, 255)= ; margin-bottom: 28px; } body.light-theme .mark-for-teacher__header-text { color: rgb(26, 26, 26); } .mark-for-teacher__subhead-text { font-size: 14px; color: rgb(192, 192, 200= ); margin-top: 24px; max-width: 420px; } .mark-for-teacher .send { font-size: 20px; color: rgb(91, 255, 218); text-d= ecoration: underline; border: none; background-color: transparent; } body.light-theme .mark-for-teacher .send { color: rgb(26, 154, 252); } .mark-for-teacher .radio-wrapper { display: flex; } @media (max-width: 991px) { .mark-for-teacher .radio-wrapper { -webkit-box-orient: vertical; -webkit-= box-direction: normal; flex-direction: column; } } .mark-for-teacher .radio-wrapper .label-radio { padding-left: 40px; margin:= 0px 32px 0px 0px; } @media (max-width: 991px) { .mark-for-teacher .radio-wrapper .label-radio { margin-bottom: 16px; } .mark-for-teacher .radio-wrapper .label-radio:last-child { margin-bottom:= 24px; } } .mark-for-teacher .radio-wrapper .label-radio:last-child { margin-right: 0p= x; } .mark-for-teacher .radio-wrapper .label-radio__input { position: absolute; = left: -9999px; z-index: -9999; } .mark-for-teacher .radio-wrapper .label-radio__input:checked + .label-radio= __text::after { opacity: 1; } .mark-for-teacher .radio-wrapper .label-radio__text { position: relative; f= ont-size: 20px; color: rgb(255, 255, 255); } body.light-theme .mark-for-teacher .radio-wrapper .label-radio__text { colo= r: rgb(26, 26, 26); } .mark-for-teacher .radio-wrapper .label-radio__text::before { content: ""; = position: absolute; width: 24px; height: 24px; border-radius: 16px; backgro= und-color: rgb(91, 255, 218); left: -40px; } body.light-theme .mark-for-teacher .radio-wrapper .label-radio__text::befor= e { color: rgb(26, 154, 252); } .mark-for-teacher .radio-wrapper .label-radio__text::after { content: ""; p= osition: absolute; width: 12px; height: 12px; left: -34px; border-radius: 1= 00%; background-color: rgb(0, 0, 0); top: 6px; opacity: 0; } .likes-wrapper { -webkit-box-pack: center; justify-content: center; padding= -bottom: 50px; border-bottom: 1px solid rgb(209, 211, 219); } .likes-wrapper, .likes-wrapper .like-wrapper { display: flex; } .likes-wrapper .like-wrapper { -webkit-box-align: center; align-items: cent= er; margin-right: 40px; } .likes-wrapper .like-wrapper svg { cursor: pointer; width: 32px; height: 32= px; } body.light-theme .likes-wrapper .like-wrapper svg path { fill: rgb(0, 0, 0)= ; } .likes-wrapper .like-wrapper.active svg g { opacity: 1; } .likes-wrapper .like-wrapper.active svg path { fill: rgb(91, 255, 218); } body.light-theme .likes-wrapper .like-wrapper.active svg path { fill: rgb(1= 4, 95, 206); } .likes-wrapper .like-wrapper:last-child { margin-right: 0px; } .likes-wrapper .like-wrapper__text { font-family: "Helvetica Neue Medium", = Arial, sans-serif; font-weight: 500; font-size: 16px; line-height: 24px; co= lor: rgb(255, 255, 255); margin-left: 10px; } body.light-theme .likes-wrapper .like-wrapper__text { color: rgb(0, 0, 0); = } .verify-task-block { padding-top: 58px; padding-bottom: 148px; } @media (max-width: 991px) { .verify-task-block { padding-top: 43px; } } .verify-task-block .accordeon { width: 100%; margin-bottom: 30px; } .verify-task-block .accordeon.for-teachers .opened-block { padding-left: 25= px; } .verify-task-block .accordeon.for-teachers .opened-block .task__text { colo= r: rgb(255, 255, 255); } .verify-task-block .accordeon:last-child { margin-bottom: 0px; } .verify-task-block .accordeon__head-text { padding: 22px 0px 22px 32px; fon= t-size: 20px; color: rgb(91, 255, 218); cursor: pointer; position: relative= ; } @media (max-width: 767px) { .verify-task-block .accordeon__head-text { padding: 22px 100px 22px 32px;= } } .verify-task-block .accordeon__head-text svg { position: absolute; right: 3= 8px; top: 50%; transform: translateY(-50%); transition: all 0.5s ease 0s; } @media (max-width: 767px) { .verify-task-block .accordeon__head-text svg { right: 23px; } } .verify-task-block .accordeon__head-text svg.active { transform: translateY= (-50%) rotate(180deg); } body.light-theme .verify-task-block .accordeon__head-text { color: rgb(14, = 95, 206); } .verify-task-block .accordeon .opened-block { display: none; padding: 20px = 30px 20px 25px; border-bottom: 2px solid rgb(255, 255, 255); } .verify-task-block .accordeon .opened-block__date { font-size: 14px; color:= rgb(192, 192, 200); margin-bottom: 16px; } body.light-theme .verify-task-block .accordeon .opened-block__date { color:= rgb(31, 31, 31); } .verify-task-block .accordeon .opened-block__text { font-size: 14px; color:= rgb(255, 255, 255); padding-bottom: 32px; margin-bottom: 32px; border-bott= om: 1px solid rgb(31, 31, 31); } .verify-task-block .accordeon .opened-block__text:last-child { margin-botto= m: 0px; border-bottom: none; } body.light-theme .verify-task-block .accordeon .opened-block__text { color:= rgb(31, 31, 31); } @media (max-width: 767px) { .verify-task-block .accordeon .opened-block { padding-left: 39px; padding= -right: 23px; } } @media (max-width: 413px) { .verify-task-block .accordeon .opened-block { padding-left: 15px; padding= -right: 15px; } } .verify-task-block .accordeon .opened-block .task { margin-bottom: 8px; dis= play: flex; -webkit-box-pack: justify; justify-content: space-between; } .verify-task-block .accordeon .opened-block .task:last-child { border-botto= m: 0px; } .verify-task-block .accordeon .opened-block .task__text { color: rgb(135, 1= 39, 156); font-size: 14px; position: relative; } @media (max-width: 767px) { .verify-task-block .accordeon .opened-block .task__text { color: rgb(255,= 255, 255); max-width: 220px; } } @media (max-width: 413px) { .verify-task-block .accordeon .opened-block .task__text { font-size: 12px= ; max-width: 180px; } } .verify-task-block .accordeon .opened-block .task__text.marks::before { bac= kground-color: rgb(91, 255, 218); border: 1px solid transparent; } .verify-task-block .accordeon .opened-block .task__text.needcompletion::bef= ore { background-color: rgb(255, 72, 190); border: 1px solid transparent; } .verify-task-block .accordeon .opened-block .task__text.complete::before { = background-color: rgb(255, 255, 255); border: 1px solid transparent; } .verify-task-block .accordeon .opened-block .task__text::before { content: = ""; width: 8px; height: 8px; border: 1px solid rgb(255, 255, 255); position= : absolute; left: -16px; top: 50%; transform: translateY(-50%); border-radi= us: 100px; } .verify-task-block .accordeon .opened-block .task__status { color: rgb(135,= 139, 156); font-size: 14px; text-align: right; } @media (max-width: 767px) { .verify-task-block .accordeon .opened-block .task__status { color: rgb(25= 5, 255, 255); } } @media (max-width: 413px) { .verify-task-block .accordeon .opened-block .task__status { font-size: 12= px; } } .verify-task-block .accordeon .opened-block .task__status.marks { color: rg= b(91, 255, 218); } .verify-task-block .accordeon .opened-block .task__status.needcompletion { = color: rgb(255, 72, 190); } .verify-task-block .accordeon .opened-block .task__wrapper { text-align: ri= ght; } .verify-task-block ul { margin-bottom: 1em; } .verify-task-block code { color: rgb(91, 255, 218); } body.light-theme .verify-task-block code { color: rgb(14, 95, 206); } .verify-task-block blockquote { padding: 0px 1rem; margin-left: 0px; border= -left: 0.3rem solid rgb(220, 230, 240); } body.light-theme .verify-task-block blockquote { border-left: 0.3rem solid = rgb(26, 26, 26); } .verify-task-block table { table-layout: fixed; border-collapse: collapse; = color: rgb(255, 255, 255); margin-bottom: 20px; } .verify-task-block table td, .verify-task-block table th { padding: 10px; b= order: 1px solid rgb(255, 255, 255); } body.light-theme .verify-task-block table { color: rgb(26, 26, 26); } body.light-theme .verify-task-block table td, body.light-theme .verify-task= -block table th { border: 1px solid rgb(220, 230, 240); } body.light-theme body.light-theme .verify-task-block table td, body.light-t= heme body.light-theme .verify-task-block table th { border: 1px solid rgb(2= 6, 26, 26); } .verify-task-block .pupil-answer { padding-bottom: 48px; border-bottom: 2px= solid rgb(255, 255, 255); margin-bottom: 48px; } .verify-task-block .pupil-answer__head-text { font-size: 32px; font-weight:= 700; color: rgb(255, 255, 255); margin-bottom: 16px; } .verify-task-block .pupil-answer__text { font-size: 14px; color: rgb(255, 2= 55, 255); } .verify-task-block .rangeslider-block { margin-bottom: 52px; } .verify-task-block .rangeslider-block__head-text { font-weight: 700; color:= rgb(255, 255, 255); font-size: 32px; margin-bottom: 58px; } body.light-theme .verify-task-block .rangeslider-block__head-text { color: = rgb(0, 0, 0); } .verify-task-block .rangeslider-block__rangeslider { width: 100%; box-shado= w: none; background-color: rgb(255, 255, 255); height: 2px; } .verify-task-block .rangeslider-block__rangeslider .noUi-pips .noUi-marker = { width: 8px; height: 8px; background-color: rgb(91, 255, 218); border-radi= us: 100px; top: -4px; z-index: 5; } body.light-theme .verify-task-block .rangeslider-block__rangeslider .noUi-p= ips .noUi-marker { background-color: rgb(209, 213, 227); } .verify-task-block .rangeslider-block__rangeslider .noUi-pips .noUi-value {= font-size: 20px; color: rgb(255, 255, 255); font-weight: 700; top: -50px; = } body.light-theme .verify-task-block .rangeslider-block__rangeslider .noUi-p= ips .noUi-value { color: rgb(0, 0, 0); } .verify-task-block .rangeslider-block__rangeslider .noUi-connects { height:= 4px; top: -2px; } .verify-task-block .rangeslider-block__rangeslider .noUi-connect { backgrou= nd-color: rgb(91, 255, 218); } body.light-theme .verify-task-block .rangeslider-block__rangeslider .noUi-c= onnect { background-color: rgb(14, 95, 206); } .verify-task-block .rangeslider-block__rangeslider .noUi-handle { width: 16= px; height: 16px; background-color: rgb(91, 255, 218); border-radius: 100px= ; border: none; box-shadow: none; top: -8px; right: -8px !important; } body.light-theme .verify-task-block .rangeslider-block__rangeslider .noUi-h= andle { background-color: rgb(14, 95, 206); } .verify-task-block .rangeslider-block__rangeslider .noUi-handle::after, .ve= rify-task-block .rangeslider-block__rangeslider .noUi-handle::before { cont= ent: ""; display: none; } .verify-task-block .back-block { display: flex; padding: 40px 0px 18px; -we= bkit-box-align: center; align-items: center; } @media (max-width: 767px) { .verify-task-block .back-block { padding: 44px 0px 20px; } } .verify-task-block .back-block__text { margin-left: 12px; color: rgb(255, 2= 55, 255); font-size: 16px; } body.light-theme .verify-task-block .back-block__text { color: rgb(135, 139= , 156); } @media (max-width: 767px) { .verify-task-block .back-block__text { font-size: 12px; } } .verify-task-block .back-block__svg { height: 12px; } body.light-theme .verify-task-block .back-block__svg path { fill: rgb(135, = 139, 156); } .verify-task-block__head-text { font-size: 54px; font-weight: 700; color: r= gb(255, 255, 255); margin-bottom: 48px; } body.light-theme .verify-task-block__head-text { color: rgb(0, 0, 0); } @media (max-width: 767px) { .verify-task-block__head-text { line-height: 1.19; } } .verify-task-block__img { margin-bottom: 32px; } .verify-task-block__text { font-size: 14px; color: rgb(255, 255, 255); marg= in-bottom: 64px; } .verify-task-block__button { padding-top: 16px; padding-bottom: 16px; width= : 100%; background-color: rgb(91, 255, 218); border: none; font-size: 20px;= font-weight: 700; color: rgb(0, 0, 0); } .verify-task-block .textarea-block { margin-bottom: 32px; } .verify-task-block .textarea-block__head-text { font-size: 32px; margin-bot= tom: 32px; font-weight: 700; color: rgb(255, 255, 255); } body.light-theme .verify-task-block .textarea-block__head-text { color: rgb= (0, 0, 0); } .verify-task-block .textarea-block__textarea { height: 224px; width: 100%; = border: 1px solid rgb(255, 255, 255); padding-top: 32px; padding-left: 27px= ; background-color: transparent; color: rgb(192, 192, 200); font-size: 14px= ; margin-bottom: 24px; } .verify-task-block .textarea-block .textarea-label { position: relative; } .verify-task-block .textarea-block .textarea-label__text { font-size: 14px;= font-weight: 700; color: rgb(255, 255, 255); padding-left: 38px; } body.light-theme .verify-task-block .textarea-block .textarea-label__text {= color: rgb(26, 26, 26); } .verify-task-block .textarea-block .textarea-label__input { position: absol= ute; left: -9999px; z-index: -11111; } .verify-task-block .textarea-block .textarea-label__svg { position: absolut= e; left: 6px; top: 50%; transform: translateY(-50%); } body.light-theme .verify-task-block .textarea-block .textarea-label__svg pa= th { fill: rgb(14, 95, 206); } .verify-task-block .answer-block { margin-bottom: 64px; padding-top: 48px; = border-top: 2px solid rgb(255, 255, 255); } body.light-theme .verify-task-block .answer-block { border-top: 2px solid r= gb(0, 0, 0); } .verify-task-block .answer-block__head-text { display: flex; -webkit-box-pa= ck: justify; justify-content: space-between; font-size: 32px; color: rgb(25= 5, 255, 255); font-weight: 700; position: relative; margin-bottom: 16px; -w= ebkit-box-align: center; align-items: center; } body.light-theme .verify-task-block .answer-block__head-text { color: rgb(0= , 0, 0); } @media (max-width: 413px) { .verify-task-block .answer-block__head-text { font-size: 24px; } } .verify-task-block .answer-block__head-text .status-text { font-size: 20px;= } @media (max-width: 413px) { .verify-task-block .answer-block__head-text .status-text { font-size: 16p= x; } } .verify-task-block .answer-block__text { font-size: 14px; color: rgb(255, 2= 55, 255); } body.light-theme .verify-task-block .answer-block__text { color: rgb(0, 0, = 0); } .verify-task-block .message-block { margin-bottom: 64px; padding-top: 48px;= border-top: 2px solid rgb(255, 255, 255); } body.light-theme .verify-task-block .message-block { border-top: 2px solid = rgb(0, 0, 0); } .verify-task-block .message-block blockquote { padding: 0px 1rem; margin-le= ft: 0px; border-left: 0.3rem solid rgb(220, 230, 240); } body.light-theme .verify-task-block .message-block blockquote { border-left= : 0.3rem solid rgb(0, 0, 0); } .verify-task-block .message-block__head-text { font-size: 32px; color: rgb(= 255, 255, 255); font-weight: 700; position: relative; margin-bottom: 16px; = display: flex; -webkit-box-align: center; align-items: center; -webkit-box-= pack: justify; justify-content: space-between; } @media (max-width: 413px) { .verify-task-block .message-block__head-text { font-size: 24px; } } body.light-theme .verify-task-block .message-block__head-text { color: rgb(= 0, 0, 0); } .verify-task-block .message-block__head-text .status-text { font-size: 20px= ; white-space: nowrap; } @media (max-width: 413px) { .verify-task-block .message-block__head-text .status-text { font-size: 16= px; } } .verify-task-block .message-block__head-text .status-text.marks { color: rg= b(91, 255, 218); } body.light-theme .verify-task-block .message-block__head-text .status-text.= marks { color: rgb(54, 187, 175); } .verify-task-block .message-block__name { font-size: 16px; color: rgb(255, = 255, 255); margin-bottom: 16px; } body.light-theme .verify-task-block .message-block__name { color: rgb(0, 0,= 0); } .verify-task-block .message-block__text { font-size: 14px; color: rgb(255, = 255, 255); } body.light-theme .verify-task-block .message-block__text { color: rgb(0, 0,= 0); } .verify-task-block pre code { width: 100%; display: block; background-color= : rgb(23, 23, 25); border-radius: 10px; color: rgb(91, 255, 218); font-size= : 16px; padding: 25px 30px; overflow: auto; } body.light-theme .verify-task-block pre code { color: rgb(14, 95, 206); bac= kground-color: rgb(255, 255, 255); } @media (max-width: 767px) { .verify-task-block pre code { padding: 15px 10px; } } li { display: list-item; } ul { padding-left: 40px; } .noUi-base { z-index: 6; } .noUi-base .noUi-handle { cursor: pointer; outline: none; } .opened-block__header { position: relative; border-bottom: 1px solid rgb(61= , 61, 65); height: 47px; display: flex; -webkit-box-pack: justify; justify-= content: space-between; color: rgb(255, 255, 255); opacity: 0.5; padding-to= p: 17px; padding-left: 5px; } body.light-theme .opened-block__header { color: rgb(0, 0, 0); opacity: 0.5;= } @media (max-width: 767px) { .opened-block__header { display: none; } } .opened-block__header--left { -webkit-box-align: start; align-items: flex-s= tart; width: auto; } .opened-block__header--left, .opened-block__header--right { display: flex; = -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-directi= on: row; } .opened-block__header--right { width: 205px; min-width: 205px; -webkit-box-= pack: justify; justify-content: space-between; } .opened-block__header span { width: auto; font-family: "Helvetica Neue", Ar= ial, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; lin= e-height: 17px; text-transform: capitalize; } .tasks { color: rgb(255, 255, 255); background-color: rgb(48, 48, 50); marg= in-top: 54px; min-height: 400px; } @media screen and (min-width: 768px) { .tasks { margin-top: 58px; padding-bottom: 20px; } } body.light-theme .tasks { color: rgb(0, 0, 0); background-color: rgb(239, 2= 41, 249); } .tasks a { color: rgb(91, 255, 218); } body.light-theme .tasks a { color: rgb(14, 95, 206); } .tasks__linkback-dropselector { display: flex; -webkit-box-orient: horizont= al; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack:= justify; justify-content: space-between; -webkit-box-align: center; align-= items: center; padding: 30px 0px 40px; font-family: "Helvetica Neue", Helve= tica, Arial, sans-serif; } @media screen and (min-width: 1200px) { .tasks__linkback-dropselector { display: block; padding: 0px; } } .tasks__linkback { display: flex; -webkit-box-orient: horizontal; -webkit-b= ox-direction: normal; flex-flow: row nowrap; -webkit-box-pack: start; justi= fy-content: flex-start; -webkit-box-align: center; align-items: center; col= or: rgb(135, 139, 156); font-size: 16px; line-height: 19px; -webkit-box-fle= x: 0; flex: 0 1 auto; } .tasks__linkback svg { width: 24px; height: auto; } .tasks__linkback span { color: rgb(135, 139, 156); } .tasks__dropselector { margin-left: 40px; -webkit-box-flex: 1; flex: 1 1 au= to; width: 60%; user-select: none; z-index: 10; } @media screen and (min-width: 1200px) { .tasks__dropselector { width: 244px; margin: 40px 0px 0px; } } .tasks .tasks__dropselector .tasks-selector { position: relative; width: 10= 0%; border-radius: 4px; } @media screen and (max-width: 1199px) { .tasks .tasks__dropselector .tasks-selector { top: 74px; position: absolu= te; width: calc(100% - 137px); transform: translateY(-20px); opacity: 0; po= inter-events: none; transition: transform 0.2s ease 0s, opacity 0.2s ease 0= s, border 0.2s ease 0s, border-bottom-left-radius 0.2s ease 0s, border-bott= om-right-radius 0.2s ease 0s, -webkit-transform 0.2s ease 0s, -webkit-borde= r-bottom-left-radius 0.2s ease 0s, -webkit-border-bottom-right-radius 0.2s = ease 0s; } } .tasks .tasks__dropselector .tasks-selector.tds-active { transform: transla= teY(0px); opacity: 1; pointer-events: auto; } .tasks .tasks-dropselector { position: relative; cursor: pointer; backgroun= d-color: rgb(39, 39, 41); border-radius: 4px; width: 100%; padding: 10px 20= px; border-bottom: 1px solid transparent; transition: border 0.5s ease 0s; = font-size: 16px; line-height: 1em; height: 44px; display: flex; -webkit-box= -orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; = -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: ce= nter; align-items: center; } @media screen and (min-width: 1200px) { .tasks .tasks-dropselector { display: none; } } body.light-theme .tasks .tasks-dropselector { background-color: rgb(255, 25= 5, 255); } .tasks .tasks-dropselector > span { display: block; height: 1em; overflow: = hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 14= px); } .tasks .tasks-dropselector.ds-active { border-bottom-left-radius: 0px; bord= er-bottom-right-radius: 0px; border-bottom: 1px solid rgb(61, 61, 65); } body.light-theme .tasks .tasks-dropselector.ds-active { border-bottom: 1px = solid rgb(209, 211, 219); } .tasks .tasks-dropselector.ds-active svg.tasks-dropselector__arrow { transf= orm: rotate(0deg); } .tasks .tasks-dropselector__arrow { position: absolute; top: 0.4em; right: = 8px; transform: rotate(180deg); transition: transform 0.2s ease 0s, -webkit= -transform 0.2s ease 0s; } .tasks .tasks-dropselector__arrow path { fill: rgb(255, 255, 255); } body.light-theme .tasks .tasks-dropselector__arrow path { fill: rgb(0, 0, 0= ); } .tasks .tasks-selector { background-color: rgb(39, 39, 41); position: relat= ive; padding: 20px 0px; border-bottom-left-radius: 4px; border-bottom-right= -radius: 4px; } body.light-theme .tasks .tasks-selector { background-color: rgb(255, 255, 2= 55); } .tasks .tasks-selector__items_text { margin-bottom: 30px; } .tasks .tasks-selector__items_button { width: 100%; max-width: 244px; } .tasks .tasks-selector__items_button .tasks-selector__item:not(:last-child)= { margin-bottom: 16px; } .tasks .tasks-selector__item { display: block; padding: 0px 20px; color: rg= ba(255, 255, 255, 0.5); } body.light-theme .tasks .tasks-selector__item { color: rgba(0, 0, 0, 0.5); = } .tasks .tasks-selector__item_text:first-child { display: none; } @media screen and (min-width: 1200px) { .tasks .tasks-selector__item_text:first-child { display: block; } } .tasks .tasks-selector__item_text.ts-active, .tasks .tasks-selector__item_t= ext:hover { color: rgb(255, 255, 255); } .tasks .tasks-selector__item_text:not(:last-child) { margin-bottom: 20px; } .tasks .tasks-selector__item_button { display: block; width: 100%; text-ali= gn: center; color: rgb(0, 0, 0); background-color: rgb(91, 255, 218); paddi= ng: 10px; font-family: "PT Mono", Courier, serif; border: 0px; border-radiu= s: 2px; } .tasks .tasks-selector__item_button:hover { background-color: rgb(66, 220, = 186); } .tasks .tasks-selector__item_button.tsib-disabled { background-color: rgb(1= 53, 153, 153); cursor: not-allowed; } body.light-theme .tasks .tasks-selector__item_button.tsib-disabled { backgr= ound-color: rgb(153, 153, 153); } body.light-theme .tasks .tasks-selector__item_button { color: rgb(255, 255,= 255); background-color: rgb(14, 95, 206); } .tasks__main-area { font-family: "Helvetica Neue", Helvetica, Arial, sans-s= erif; } @media screen and (min-width: 1200px) { .tasks__main-area { padding-top: 90px; } } .tasks__main-area_title { font-family: "PT Mono", Courier, serif; font-weig= ht: 700; font-size: 32px; line-height: 36px; } .tasks__main-area_body { font-size: 16px; line-height: 24px; color: rgba(25= 5, 255, 255, 0.8); } .tasks__main-area_body a { text-decoration: underline rgb(91, 255, 218); } body.light-theme .tasks__main-area_body a { text-decoration-color: rgb(14, = 95, 206); } body.light-theme .tasks__main-area_body { color: rgba(0, 0, 0, 0.8); } .tasks__main-area_body h3, .tasks__main-area_body h5 { margin-bottom: 20px;= margin-top: 40px; } @media screen and (min-width: 1200px) { .tasks__main-area_body h3, .tasks__main-area_body h5 { margin-top: 50px; = } } .tasks__main-area_body h3, .tasks__main-area_body h5 { font-weight: 500; fo= nt-size: 24px; line-height: 29px; } .tasks__main-area_body p { font-size: 16px; line-height: 24px; } .tasks__main-area_body img { max-width: 100%; } .tasks__main-area_body ol, .tasks__main-area_body ul { padding-left: 16px; = margin-bottom: 1em; } .tasks__main-area_body ol li, .tasks__main-area_body ul li { margin-bottom:= 8px; } .tasks__main-area_body ol li ol, .tasks__main-area_body ol li ul, .tasks__m= ain-area_body ul li ol, .tasks__main-area_body ul li ul { margin-top: 0.5em= ; } .tasks__main-area_body iframe { margin-bottom: 20px; } .tasks__main-area_body table { table-layout: fixed; border-collapse: collap= se; color: rgb(255, 255, 255); margin-bottom: 20px; } .tasks__main-area_body table td, .tasks__main-area_body table th { padding:= 10px; border: 1px solid rgb(255, 255, 255); } body.light-theme .tasks__main-area_body table { color: rgb(26, 26, 26); } body.light-theme .tasks__main-area_body table td, body.light-theme .tasks__= main-area_body table th { border: 1px solid rgb(26, 26, 26); } .tasks__main-area_body code { color: rgb(91, 255, 218); } body.light-theme .tasks__main-area_body code { color: rgb(14, 95, 206); } .tasks__main-area_body blockquote { padding: 0px 1rem; margin-left: 0px; bo= rder-left: 0.3rem solid rgb(220, 230, 240); } body.light-theme .tasks__main-area_body blockquote { border-left: 0.3rem so= lid rgb(26, 26, 26); } .tasks__main-area_body pre code { width: 100%; display: block; background-c= olor: rgb(23, 23, 25); border-radius: 10px; color: rgb(91, 255, 218); font-= size: 16px; padding: 25px 30px; overflow: auto; } body.light-theme .tasks__main-area_body pre code { color: rgb(14, 95, 206);= background-color: rgb(255, 255, 255); } @media (max-width: 767px) { .tasks__main-area_body pre code { padding: 15px 10px; } } .tasks__main-area_check-faq { margin: 50px auto 100px; } @media screen and (min-width: 1200px) { .tasks__main-area_check-faq { margin: 50px auto 120px; } } .tasks__main-area .likes-wrapper { padding: 50px 0px; border-color: rgb(61,= 61, 65); } body.light-theme .tasks__main-area .likes-wrapper { border-color: rgb(209, = 211, 219); } .tasks__main-area .check-faq__headerswitch { display: flex; -webkit-box-ori= ent: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -web= kit-box-pack: justify; justify-content: space-between; border-bottom: 3px s= olid rgb(39, 39, 41); margin-bottom: 40px; } body.light-theme .tasks__main-area .check-faq__headerswitch { border-bottom= : 3px solid rgb(255, 255, 255); } .tasks__main-area .check-faq__switchbtn { padding: 13px 6px 11px; margin: 0= px; border: 0px; -webkit-box-flex: 0; flex: 0 0 auto; width: 50%; backgroun= d-color: transparent; color: rgba(255, 255, 255, 0.5); border-top-left-radi= us: 4px; border-top-right-radius: 4px; font-size: 16px; font-weight: 500; l= ine-height: 1em; } body.light-theme .tasks__main-area .check-faq__switchbtn { color: rgba(0, 0= , 0, 0.5); } .tasks__main-area .check-faq__switchbtn_active { background-color: rgb(39, = 39, 41); color: rgb(255, 255, 255); font-weight: 700; } body.light-theme .tasks__main-area .check-faq__switchbtn_active { backgroun= d-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } .tasks__main-area .check-faq__empty { margin-top: 50px; margin-bottom: 20px= ; } .tasks__main-area .check-faq__empty_img { width: 148px; margin: 0px auto 36= px; } .tasks__main-area .check-faq__empty_img svg { width: 100%; height: auto; } .tasks__main-area .check-faq__empty_img svg path { fill: rgb(39, 39, 41); } body.light-theme .tasks__main-area .check-faq__empty_img svg path { fill: r= gb(211, 212, 218); } .tasks__main-area .check-faq__empty_message { font-size: 16px; line-height:= 19px; text-align: center; color: rgb(83, 83, 88); } body.light-theme .tasks__main-area .check-faq__empty_message { color: rgb(1= 74, 176, 182); } .tasks__main-area .check-faq__actionbtns .check-faq__actionbtn:not(:first-c= hild) { margin-top: 20px; } .tasks__main-area .check-faq__actionbtn { display: flex; -webkit-box-orient= : vertical; -webkit-box-direction: normal; flex-flow: column nowrap; -webki= t-box-pack: justify; justify-content: space-between; margin-top: 50px; } @media screen and (min-width: 768px) { .tasks__main-area .check-faq__actionbtn { -webkit-box-orient: horizontal;= -webkit-box-direction: normal; flex-flow: row nowrap; } } .tasks__main-area .check-faq__actionbtn_btn { border-radius: 2px; backgroun= d-color: rgb(91, 255, 218); padding: 16px; display: block; width: 100%; fon= t-family: "PT Mono", Courier, serif; font-size: 16px; line-height: 1em; bor= der: 0px; color: rgb(0, 0, 0); text-align: center; } .tasks__main-area .check-faq__actionbtn_btn:not(:first-child) { margin-top:= 20px; } @media screen and (min-width: 768px) { .tasks__main-area .check-faq__actionbtn_btn:not(:first-child) { margin-to= p: auto; margin-left: 20px; } } body.light-theme .tasks__main-area .check-faq__actionbtn_btn { background-c= olor: rgb(14, 95, 206); color: rgb(255, 255, 255); } .tasks__main-area .check-faq__autocheck_timer { display: flex; -webkit-box-= orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -= webkit-box-pack: center; justify-content: center; -webkit-box-align: center= ; align-items: center; font-size: 20px; line-height: 24px; margin-top: 20px= ; } .tasks__main-area .check-faq__autocheck_timer svg { margin-right: 16px; tra= nsform: translateY(-2px); } .tasks__main-area .check-faq__subaction { text-align: right; margin-top: 20= px; font-size: 18px; line-height: 21px; } .tasks__main-area .check-faq__my-answer { margin-top: 20px; } .tasks__main-area .check-faq__my-answer .cf-my-answer__validation-error .te= xtarea-block .CodeMirror { border-color: rgb(249, 107, 28); } .tasks__main-area .check-faq__my-answer .cf-my-answer__validation-error .cf= -my-answer__error-msg { margin-bottom: 2em; color: rgb(249, 107, 28); displ= ay: block; } .tasks__main-area .check-faq__my-answer .cf-my-answer__markdown-validation-= error .textarea-block .CodeMirror { border-color: rgb(249, 107, 28); } .tasks__main-area .check-faq__my-answer .cf-my-answer__markdown-validation-= error .cf-my-answer__markdown-error-msg { margin-bottom: 2em; color: rgb(24= 9, 107, 28); display: block; } .tasks__main-area .check-faq__my-answer .cf-my-answer__error-msg, .tasks__m= ain-area .check-faq__my-answer .cf-my-answer__markdown-error-msg { display:= none; } .tasks__main-area .check-faq__my-answer .cf-my-answer__title { font-weight:= 500; font-size: 24px; line-height: 36px; margin-bottom: 20px; } .tasks__main-area .check-faq__my-answer .cf-my-answer__input textarea { bor= der: 1px solid rgb(61, 61, 65); background-color: transparent; border-radiu= s: 4px; resize: vertical; padding: 20px; display: block; width: 100%; } @media screen and (min-width: 768px) { .tasks__main-area .check-faq__my-answer .cf-my-answer__input textarea { p= adding: 30px; } } .tasks__main-area .check-faq__my-answer .cf-my-answer__attach_trigger { dis= play: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; = flex-flow: row nowrap; -webkit-box-pack: start; justify-content: flex-start= ; -webkit-box-align: center; align-items: center; margin: 20px 0px 50px; pa= dding: 0px; border: 0px; background-color: transparent; font-weight: 400; f= ont-size: 16px; line-height: 24px; color: rgb(255, 255, 255); } body.light-theme .tasks__main-area .check-faq__my-answer .cf-my-answer__att= ach_trigger { color: rgb(0, 0, 0); } .tasks__main-area .check-faq__my-answer .cf-my-answer__attach_trigger > svg= path { fill: rgb(255, 255, 255); } body.light-theme .tasks__main-area .check-faq__my-answer .cf-my-answer__att= ach_trigger > svg path { fill: rgb(0, 0, 0); } .tasks__main-area .check-faq__my-answer .cf-my-answer__attach_trigger > spa= n { display: inline-block; margin-left: 8px; } @media screen and (min-width: 1200px) { .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval { display= : flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex= -flow: row nowrap; -webkit-box-pack: start; justify-content: flex-start; -w= ebkit-box-align: start; align-items: flex-start; } } .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_title { fon= t-weight: 500; font-size: 24px; line-height: 29px; margin-bottom: 20px; } @media screen and (min-width: 425px) { .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_box { dis= play: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; = flex-flow: row nowrap; -webkit-box-pack: start; justify-content: flex-start= ; -webkit-box-align: end; align-items: flex-end; } } .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_grades { di= splay: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal;= flex-flow: row wrap; -webkit-box-pack: start; justify-content: flex-start;= -webkit-box-align: start; align-items: flex-start; max-width: 212px; } .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_grades .te-= grade { cursor: pointer; display: block; background: rgba(255, 255, 255, 0.= 2); border-radius: 4px; color: rgb(255, 255, 255); width: 32px; height: 32p= x; font-family: "PT Mono", Courier, serif; font-size: 20px; text-align: cen= ter; margin-right: 9px; margin-bottom: 9px; padding: 1px 0px; } .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_grades .te-= grade.te-active, .tasks__main-area .check-faq__my-answer .cf-my-answer__tim= eeval_grades .te-grade:hover { color: rgb(0, 0, 0); background-color: rgb(9= 1, 255, 218); } body.light-theme .tasks__main-area .check-faq__my-answer .cf-my-answer__tim= eeval_grades .te-grade.te-active, body.light-theme .tasks__main-area .check= -faq__my-answer .cf-my-answer__timeeval_grades .te-grade:hover { color: rgb= (255, 255, 255); background-color: rgb(14, 95, 206); } body.light-theme .tasks__main-area .check-faq__my-answer .cf-my-answer__tim= eeval_grades .te-grade { background: rgba(0, 0, 0, 0.2); border-radius: 4px= ; color: rgb(0, 0, 0); } .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_manual-inpu= t { margin-top: 10px; } @media screen and (min-width: 425px) { .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_manual-in= put { margin-top: 0px; } } @media screen and (min-width: 425px) { .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_manual-in= put .te-input-more { padding-left: 20px; } } .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_manual-inpu= t .te-input-more__title { font-weight: 400; font-size: 14px; line-height: 1= 7px; margin-bottom: 10px; } @media screen and (min-width: 425px) { .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_manual-in= put .te-input-more__input { padding-bottom: 10px; } } .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_manual-inpu= t .te-input-more__input input { border: 0px; background-color: rgba(255, 25= 5, 255, 0.2); border-radius: 4px; padding: 8px 6px; font-size: 14px; line-h= eight: 1em; height: 32px; } body.light-theme .tasks__main-area .check-faq__my-answer .cf-my-answer__tim= eeval_manual-input .te-input-more__input input { background-color: rgba(0, = 0, 0, 0.2); } @media screen and (min-width: 1200px) { .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_section {= -webkit-box-flex: 0; flex: 0 0 auto; width: 406px; } } .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_section--ti= me { margin-bottom: 50px; } @media screen and (min-width: 1200px) { .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_section--= time { margin-bottom: 0px; } } @media screen and (min-width: 1200px) { .tasks__main-area .check-faq__my-answer .cf-my-answer__timeeval_section--= eval { padding-left: 40px; } } .tasks__main-area .check-faq__my-answer .cf-my-answer__send .button { displ= ay: block; margin-top: 40px; width: 100%; padding: 18px; } .tasks__main-area .check-faq .under-construction-placeholder { padding: 50p= x 0px; color: rgb(83, 83, 88); } body.light-theme .tasks__main-area .check-faq .under-construction-placehold= er { color: rgb(174, 176, 182); } .tasks__main-area .check-faq .under-construction-placeholder svg { display:= block; margin: 0px auto 30px; } .tasks__main-area .check-faq .under-construction-placeholder svg path { fil= l: rgb(83, 83, 88); } body.light-theme .tasks__main-area .check-faq .under-construction-placehold= er svg path { fill: rgb(211, 212, 218); } .tasks__main-area .check-faq .under-construction-placeholder > div { text-a= lign: center; } .tasks__main-area .check-faq .under-construction-placeholder + .check-faq__= actionbtn { margin: 0px; } .tasks .console-output { padding: 20px; background: rgb(39, 39, 41); border= -radius: 4px; margin-top: 40px; font-family: "PT Mono", Courier, serif; fon= t-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.8); } @media screen and (min-width: 1200px) { .tasks .console-output { padding: 20px 30px; } } body.light-theme .tasks .console-output { background: rgb(255, 255, 255); c= olor: rgba(0, 0, 0, 0.8); } .tasks .console-output__header { font-size: 24px; line-height: 27px; color:= rgb(255, 255, 255); margin-bottom: 10px; } body.light-theme .tasks .console-output__header { color: rgb(0, 0, 0); } .tasks .console-output__log p { margin-bottom: 0.5em; } .tasks .console-output__log p:last-child { margin-bottom: 0px; } .tasks .task-check { background-color: rgb(39, 39, 41); padding: 10px; bord= er-radius: 4px; overflow-wrap: break-word; } @media screen and (min-width: 425px) { .tasks .task-check { padding: 14px 20px; } } .tasks .task-check a { text-decoration: underline; } .tasks .task-check:not(:last-child) { margin-bottom: 20px; } body.light-theme .tasks .task-check { background-color: rgb(255, 255, 255);= } .tasks .task-check__header { display: flex; -webkit-box-orient: horizontal;= -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack: ju= stify; justify-content: space-between; -webkit-box-align: center; align-ite= ms: center; cursor: pointer; } .tasks .task-check__header.tch-active { padding-bottom: 10px; border-bottom= : 1px solid rgb(61, 61, 65); } body.light-theme .tasks .task-check__header.tch-active { border-color: rgb(= 209, 211, 219); } .tasks .task-check__header.tch-active .task-check__header_arrow-datetime sv= g { transform: rotate(0deg); } .tasks .task-check__header_arrow-datetime { display: flex; -webkit-box-orie= nt: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webk= it-box-pack: justify; justify-content: space-between; -webkit-box-align: ce= nter; align-items: center; } .tasks .task-check__header_arrow-datetime > svg { transform: rotate(180deg)= ; transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s; } .tasks .task-check__header_arrow-datetime > svg path { fill: rgb(255, 255, = 255); } body.light-theme .tasks .task-check__header_arrow-datetime > svg path { fil= l: rgb(0, 0, 0); } .tasks .task-check__header_arrow-datetime > span { display: inline-block; m= argin-left: 10px; font-size: 12px; line-height: 14px; } @media screen and (min-width: 425px) { .tasks .task-check__header_arrow-datetime > span { margin-left: 20px; fon= t-size: 16px; line-height: 24px; } } .tasks .task-check__header_status { display: flex; -webkit-box-orient: hori= zontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-p= ack: justify; justify-content: space-between; -webkit-box-align: center; al= ign-items: center; } .tasks .task-check__header_status > div { text-transform: uppercase; font-w= eight: 500; font-size: 12px; line-height: 1em; letter-spacing: 1px; } @media screen and (min-width: 425px) { .tasks .task-check__header_status > div { letter-spacing: 2px; } } .tasks .task-check__header_status--checking, .tasks .task-check__header_sta= tus--saved { margin-right: 6px; } @media screen and (min-width: 425px) { .tasks .task-check__header_status--checking, .tasks .task-check__header_s= tatus--saved { margin-right: 10px; } } .tasks .task-check__header_status--checking { color: rgb(91, 157, 255); } .tasks .task-check__header_status--saved { color: rgb(232, 91, 255); } .tasks .task-check__header_status--done.color-red { color: rgb(230, 75, 41)= ; } .tasks .task-check__header_status--done.color-red > span { background-color= : rgb(230, 75, 41); } .tasks .task-check__header_status--done.color-yellow { color: rgb(202, 205,= 52); } .tasks .task-check__header_status--done.color-yellow > span { background-co= lor: rgb(202, 205, 52); } .tasks .task-check__header_status--done.color-green { color: rgb(40, 201, 0= ); } .tasks .task-check__header_status--done.color-green > span { background-col= or: rgb(40, 201, 0); } .tasks .task-check__header_status--done > span { display: inline-block; pad= ding: 0px 7px 0px 9px; color: rgb(24, 24, 26); border-radius: 4px; font-wei= ght: 700; font-size: 16px; line-height: 1.5em; text-align: center; } .tasks .task-check__header_status > svg { height: auto; } .tasks .task-check__body { display: none; padding: 30px 0px 0px; } @media screen and (min-width: 425px) { .tasks .task-check__body_personal { padding: 30px 0px 0px 36px; } } .tasks .task-check__body_personal .task-check__body_checker { padding-botto= m: 20px; } .tasks .task-check__body_editsend { display: flex; -webkit-box-orient: hori= zontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-p= ack: justify; justify-content: space-between; -webkit-box-align: center; al= ign-items: center; padding-bottom: 10px; margin-top: 20px; padding-top: 10p= x; border-top: 1px solid rgb(61, 61, 65); } body.light-theme .tasks .task-check__body_editsend { border-top: 1px solid = rgb(209, 211, 219); } .tasks .task-check__body_showmore { display: flex; cursor: pointer; -webkit= -box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowr= ap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align= : center; align-items: center; padding-bottom: 10px; margin-top: 20px; padd= ing-top: 10px; border-top: 1px solid rgb(61, 61, 65); font-weight: 500; fon= t-size: 12px; line-height: 15px; color: rgba(255, 255, 255, 0.5); } body.light-theme .tasks .task-check__body_showmore { border-color: rgb(209,= 211, 219); color: rgba(0, 0, 0, 0.5); } .tasks .task-check__body_showmore > svg { transition: transform 0.2s ease 0= s, -webkit-transform 0.2s ease 0s; } .tasks .task-check__body_showmore > svg path { fill: rgb(255, 255, 255); } body.light-theme .tasks .task-check__body_showmore > svg path { fill: rgb(0= , 0, 0); } .tasks .task-check__body_showmore > span { display: inline-block; margin-le= ft: 20px; } .tasks .task-check__body_showmore_answers { padding-top: 30px; } .tasks .task-check__body_showmore_answers .task-check__checker-reply--heade= r { margin-bottom: 10px; } .tasks .task-check__body_showmore_answers .task-check__checker-reply--handc= heck p, .tasks .task-check__body_showmore_answers .task-check__checker-repl= y--header .task-check__checker-reply--date { font-size: 16px; line-height: = 24px; } .tasks .task-check__body_showmore.sm-active > svg { transform: rotate(180de= g); color: rgb(91, 255, 218); } body.light-theme .tasks .task-check__body_showmore.sm-active > svg { color:= rgb(14, 95, 206); } .tasks .task-check__body_showmore.sm-active > svg path { fill: rgb(91, 255,= 218); } body.light-theme .tasks .task-check__body_showmore.sm-active > svg path { f= ill: rgb(14, 95, 206); } .tasks .task-check__body_showmore.sm-active > span { color: rgb(91, 255, 21= 8); } body.light-theme .tasks .task-check__body_showmore.sm-active > span { color= : rgb(14, 95, 206); } .tasks .task-check__body_editlink { display: flex; -webkit-box-orient: hori= zontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-p= ack: start; justify-content: flex-start; -webkit-box-align: center; align-i= tems: center; text-decoration: none !important; } .tasks .task-check__body_editlink > svg { width: 13px; height: auto; } .tasks .task-check__body_editlink > svg path { fill: rgba(255, 255, 255, 0.= 5); } body.light-theme .tasks .task-check__body_editlink > svg path { fill: rgba(= 0, 0, 0, 0.5); } .tasks .task-check__body_editlink > span { display: inline-block; margin-le= ft: 6px; color: rgba(255, 255, 255, 0.5); } body.light-theme .tasks .task-check__body_editlink > span { color: rgba(0, = 0, 0, 0.5); } .tasks .task-check__checker-reply:not(:first-child) { margin-top: 12px; pad= ding-top: 20px; border-top: 1px solid rgb(61, 61, 65); } @media screen and (min-width: 768px) { .tasks .task-check__checker-reply:not(:first-child) { margin-top: 20px; p= adding-top: 20px; } } body.light-theme .tasks .task-check__checker-reply:not(:first-child) { bord= er-top: 1px solid rgb(209, 211, 219); } .tasks .task-check__checker-reply--header { margin-bottom: 20px; } .tasks .task-check__checker-reply--replytitle { -webkit-box-flex: 0; flex: = 0 0 auto; width: 100%; font-weight: 500; font-size: 12px; line-height: 15px= ; letter-spacing: 2px; text-transform: uppercase; color: rgb(91, 255, 218);= margin-bottom: 4px; } body.light-theme .tasks .task-check__checker-reply--replytitle { color: rgb= (14, 95, 206); } .tasks .task-check__checker-reply--title { display: flex; -webkit-box-orien= t: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-= box-pack: justify; justify-content: space-between; -webkit-box-align: start= ; align-items: flex-start; font-size: 12px; line-height: 15px; font-weight:= 500; letter-spacing: 2px; text-transform: uppercase; color: rgb(91, 255, 2= 18); margin-bottom: 10px; } .tasks .task-check__checker-reply--title-name { padding-right: 8px; word-br= eak: break-word; } .tasks .task-check__checker-reply--title-status { font-weight: 500; font-si= ze: 12px; line-height: 15px; letter-spacing: 2px; text-transform: uppercase= ; color: rgba(255, 255, 255, 0.6); -webkit-box-flex: 0; flex: 0 0 auto; } .tasks .task-check__checker-reply--title-status .task-check__header_status-= -done { transform: translateY(-7px); } body.light-theme .tasks .task-check__checker-reply--title-status { color: r= gba(0, 0, 0, 0.6); } body.light-theme .tasks .task-check__checker-reply--title { color: rgb(14, = 95, 206); } .tasks .task-check__checker-reply--title.bc-title-personal { color: rgb(255= , 255, 255); font-weight: 500; font-size: 18px; line-height: 24px; letter-s= pacing: normal; text-transform: none; } body.light-theme .tasks .task-check__checker-reply--title.bc-title-personal= { color: rgb(0, 0, 0); } .tasks .task-check__checker-reply--date { font-size: 12px; line-height: 14p= x; color: rgba(255, 255, 255, 0.5); } body.light-theme .tasks .task-check__checker-reply--date { color: rgba(0, 0= , 0, 0.5); } .tasks .task-check__checker-reply--inprogress .ac-ip-icon { display: block;= margin: 0px auto 35px; } .tasks .task-check__checker-reply--inprogress .ac-ip-icon path { fill: rgb(= 53, 53, 56); } body.light-theme .tasks .task-check__checker-reply--inprogress .ac-ip-icon = path { fill: rgb(211, 212, 218); } .tasks .task-check__checker-reply--inprogress .ac-ip-text { font-size: 16px= ; line-height: 19px; text-align: center; color: rgb(83, 83, 88); } body.light-theme .tasks .task-check__checker-reply--inprogress .ac-ip-text = { color: rgb(174, 176, 182); } .tasks .task-check__checker-reply--consoleoutput { font-family: "PT Mono", = Courier, serif; } .tasks .task-check__checker-reply--consoleoutput p { font-size: 16px; line-= height: 24px; margin-bottom: 0.1em; } .tasks .task-check__checker-reply--consoleoutput .co-status { color: green;= } .tasks .task-check__checker-reply--consoleoutput .co-status__failed { color= : red; } .tasks .task-check__checker-reply--handcheck { font-size: 16px; line-height= : 24px; color: rgba(255, 255, 255, 0.8); } body.light-theme .tasks .task-check__checker-reply--handcheck { color: rgba= (0, 0, 0, 0.8); } .tasks .task-check__checker-reply--handcheck p { margin-bottom: 0.5em; } .tasks .task-check__checker-reply--handcheck p:last-child { margin-bottom: = 0px; } .tasks .task-check__checker-reply--handcheck img { width: 100%; } .tasks .task-check__checker-reply--handcheck blockquote { padding: 0px 1rem= ; margin-left: 0px; border-left: 0.3rem solid rgb(220, 230, 240); } body.light-theme .tasks .task-check__checker-reply--handcheck blockquote { = border-left: 0.3rem solid rgb(26, 26, 26); } .tasks .task-check__checker-reply--handcheck ul { margin-bottom: 1em; } .tasks .task-check__checker-reply--handcheck table { table-layout: fixed; b= order-collapse: collapse; color: rgb(255, 255, 255); margin-bottom: 20px; } .tasks .task-check__checker-reply--handcheck table td, .tasks .task-check__= checker-reply--handcheck table th { padding: 10px; border: 1px solid rgb(25= 5, 255, 255); } body.light-theme .tasks .task-check__checker-reply--handcheck table { color= : rgb(26, 26, 26); } body.light-theme .tasks .task-check__checker-reply--handcheck table td, bod= y.light-theme .tasks .task-check__checker-reply--handcheck table th { borde= r: 1px solid rgb(26, 26, 26); } .tasks .task-check__checker-reply--handcheck code { color: rgb(91, 255, 218= ); } body.light-theme .tasks .task-check__checker-reply--handcheck code { color:= rgb(14, 95, 206); } .tasks .task-check__checker-reply--handcheck pre code { width: 100%; displa= y: block; background-color: rgb(23, 23, 25); border-radius: 10px; color: rg= b(91, 255, 218); font-size: 16px; padding: 25px 30px; overflow: auto; } body.light-theme .tasks .task-check__checker-reply--handcheck pre code { co= lor: rgb(14, 95, 206); background-color: rgb(255, 255, 255); } @media (max-width: 767px) { .tasks .task-check__checker-reply--handcheck pre code { padding: 15px 10p= x; } } .tasks .task-check__checker-reply .cr-evaluate-response { color: rgb(255, 2= 55, 255); background-color: rgb(31, 31, 33); border-radius: 0px 0px 4px 4px= ; padding: 20px; margin-top: 20px; } @media screen and (min-width: 425px) { .tasks .task-check__checker-reply .cr-evaluate-response { margin-left: -3= 6px; } } body.light-theme .tasks .task-check__checker-reply .cr-evaluate-response { = color: rgb(0, 0, 0); background-color: rgb(239, 241, 249); } .tasks .task-check__checker-reply .cr-evaluate-response__header { margin-bo= ttom: 30px; } @media screen and (min-width: 768px) { .tasks .task-check__checker-reply .cr-evaluate-response__header { display= : flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex= -flow: row nowrap; -webkit-box-pack: justify; justify-content: space-betwee= n; -webkit-box-align: end; align-items: flex-end; } } .tasks .task-check__checker-reply .cr-evaluate-response__header_title { fon= t-weight: 500; font-size: 16px; line-height: 18px; margin-bottom: 10px; } @media screen and (min-width: 768px) { .tasks .task-check__checker-reply .cr-evaluate-response__header_title { m= argin-bottom: 0px; } } .tasks .task-check__checker-reply .cr-evaluate-response__header_text { font= -size: 14px; line-height: 17px; color: rgba(255, 255, 255, 0.5); } body.light-theme .tasks .task-check__checker-reply .cr-evaluate-response__h= eader_text { color: rgba(0, 0, 0, 0.5); } .tasks .task-check__checker-reply .cr-evaluate-response__options { padding-= bottom: 20px; } @media screen and (min-width: 768px) { .tasks .task-check__checker-reply .cr-evaluate-response__options { displa= y: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; fle= x-flow: row wrap; -webkit-box-pack: start; justify-content: flex-start; pad= ding-bottom: 0px; } } .tasks .task-check__checker-reply .cr-evaluate-response__options label { fo= nt-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400= ; font-size: 14px; line-height: 17px; color: rgb(255, 255, 255); } @media screen and (min-width: 768px) { .tasks .task-check__checker-reply .cr-evaluate-response__options label { = margin: 0px 0px 10px; } .tasks .task-check__checker-reply .cr-evaluate-response__options label:no= t(:last-child) { margin-right: 30px; } } body.light-theme .tasks .task-check__checker-reply .cr-evaluate-response__o= ptions label { color: rgb(0, 0, 0); } .tasks .task-check__checker-reply .cr-evaluate-response__comment { padding-= top: 30px; border-top: 1px solid rgb(61, 61, 65); } @media screen and (min-width: 768px) { .tasks .task-check__checker-reply .cr-evaluate-response__comment { paddin= g-top: 40px; } } body.light-theme .tasks .task-check__checker-reply .cr-evaluate-response__c= omment { border-color: rgb(209, 211, 219); } .tasks .task-check__checker-reply .cr-evaluate-response__comment_title { fo= nt-weight: 500; font-size: 16px; line-height: 24px; display: inline-block; = margin-bottom: 20px; } .tasks .task-check__checker-reply .cr-evaluate-response__comment_title > sp= an { position: relative; display: inline-block; margin-left: 20px; font-siz= e: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.5); transform: tra= nslateY(-1px); } body.light-theme .tasks .task-check__checker-reply .cr-evaluate-response__c= omment_title > span { color: rgba(0, 0, 0, 0.5); } .tasks .task-check__checker-reply .cr-evaluate-response__comment_input text= area { background-color: transparent; padding: 20px; width: 100%; border: 1= px solid rgb(61, 61, 65); border-radius: 2px; resize: vertical; font-size: = 16px; line-height: 24px; display: block; margin-bottom: 20px; color: rgb(25= 5, 255, 255); } body.light-theme .tasks .task-check__checker-reply .cr-evaluate-response__c= omment_input textarea { border-color: rgb(209, 211, 219); color: rgb(0, 0, = 0); } .button { font-family: "PT Mono", Courier, serif; font-size: 16px; font-wei= ght: 400; line-height: 1em; padding: 12px; background-color: rgb(91, 255, 2= 18); border: 0px; border-radius: 2px; min-width: 204px; text-align: center;= } body.light-theme .button { background-color: rgb(14, 95, 206); color: rgb(2= 55, 255, 255); } .after-task { -webkit-box-orient: vertical; -webkit-box-direction: normal; = flex-direction: column; font-family: "Helvetica Neue", Arial, sans-serif; f= ont-size: 16px; line-height: 19px; font-weight: 400; color: rgb(255, 255, 2= 55); margin: 58px auto 0px; padding: 58px 50px 100px; width: 100%; max-widt= h: 945px; } @media (max-width: 767px) { .after-task { padding: 40px 20px 100px; } } body.light-theme .after-task { color: rgb(0, 0, 0); } .after-task__nav-back { display: inline-block; color: rgb(135, 139, 156); p= osition: relative; padding-left: 24px; margin-bottom: 40px; cursor: pointer= ; width: auto; } .after-task__nav-back::before { position: absolute; content: ""; width: 12p= x; height: 20px; top: 0px; left: 0px; background-image: url("data:image/svg= +xml;charset=3Dutf-8,%3Csvg width=3D'12' height=3D'20' fill=3D'none' xmlns= =3D'http://www.w3.org/2000/svg'%3E%3Cpath d=3D'M11.67 1.87L9.9.1 0 10l9.9 9= .9 1.77-1.77L3.54 10l8.13-8.13z' fill=3D'%23878B9C'/%3E%3C/svg%3E"); backgr= ound-size: 100%; background-position: 50% center; background-repeat: no-rep= eat; } .after-task__nav-back:hover, body.light-theme .after-task__nav-back, body.l= ight-theme .after-task__nav-back:hover { color: rgb(135, 139, 156); } .after-task__main-title { font-family: "PT Mono", serif; font-size: 32px; l= ine-height: 35px; font-weight: 700; text-align: left; margin-bottom: 60px; = } @media (max-width: 767px) { .after-task__main-title { font-size: 28px; line-height: 32px; margin-bott= om: 40px; } } .form-test__section { position: relative; padding: 30px 60px 40px; backgrou= nd-color: rgb(39, 39, 41); border-radius: 4px; margin-bottom: 30px; } @media (max-width: 767px) { .form-test__section { padding: 30px 20px 30px 30px; } } @media (max-width: 479px) { .form-test__section { padding: 30px 20px; } } body.light-theme .form-test__section { background-color: rgb(255, 255, 255)= ; } .form-test__section .error-msg__text, .form-test__section .error-msg__text_= max_length { display: none; } .form-test__section.error-msg { margin-bottom: 71px; border: 2px solid rgb(= 255, 72, 190); } .form-test__section.error-msg.error-msg-symbol-limit .error-msg__text_max_l= ength, .form-test__section.error-msg .error-msg__text { display: block; pos= ition: absolute; width: 100%; bottom: -41px; left: 0px; text-align: left; f= ont-family: "PT Mono", serif; font-weight: 400; font-size: 19px; line-heigh= t: 21px; color: rgb(255, 72, 190); } body.light-theme .form-test__section.error-msg.error-msg-symbol-limit .erro= r-msg__text_max_length, body.light-theme .form-test__section.error-msg .err= or-msg__text { color: rgb(255, 72, 190); } @media (max-width: 374px) { .form-test__section.error-msg.error-msg-symbol-limit .error-msg__text_max= _length, .form-test__section.error-msg .error-msg__text { font-size: 16px; = } } .form-test__section--textarea.error-msg.error-msg-symbol-limit .error-msg__= text { display: none; } @media (max-width: 409px) { .form-test__section--textarea.error-msg.error-msg-symbol-limit .error-msg= __text_max_length { bottom: -51px; } } .form-test__question { position: relative; margin-bottom: 40px; } @media (max-width: 767px) { .form-test__question { display: flex; flex-wrap: nowrap; margin-bottom: 3= 0px; } } .form-test__question-number { position: absolute; left: -30px; top: 0px; fo= nt-size: 20px; line-height: 24px; font-weight: 500; margin-bottom: 0px; col= or: rgb(91, 255, 218); } @media (max-width: 767px) { .form-test__question-number { position: static; margin-right: 13px; } } body.light-theme .form-test__question-number { color: rgb(14, 95, 206); } .form-test__question-text { margin-bottom: 0px; font-weight: 500; font-size= : 20px; line-height: 24px; } @media (max-width: 767px) { .form-test__question-text { font-size: 16px; } } .form-test label { display: block; position: relative; font-family: "Helvet= ica Neue", Arial, sans-serif; padding-left: 28px; margin-bottom: 20px; marg= in-left: 0px; cursor: pointer; font-style: normal; font-weight: 400; font-s= ize: 14px; line-height: 17px; color: rgba(255, 255, 255, 0.8); user-select:= none; } @media (max-width: 767px) { .form-test label { padding-left: 31px; } } body.light-theme .form-test label { color: rgb(31, 31, 33); } .form-test label input[type=3D"radio"] { position: absolute; opacity: 0; cu= rsor: pointer; height: 0px; width: 0px; } .form-test label .checkmark { position: absolute; top: 0px; left: 0px; heig= ht: 18px; width: 18px; border-radius: 50%; background-color: rgba(238, 238,= 238, 0); border: 1px solid rgb(92, 92, 101); } .form-test label .checkmark::after { display: none; position: absolute; con= tent: ""; top: calc(50% - 5px); left: calc(50% - 5px); width: 10px; height:= 10px; border-radius: 50%; background: rgb(91, 255, 218); } body.light-theme .form-test label .checkmark::after { background: rgb(14, 9= 5, 206); } .form-test label input:checked ~ .checkmark::after { display: block; } .form-test label:hover input ~ .checkmark { border: 1px solid rgb(91, 255, = 218); } body.light-theme .form-test label:hover input ~ .checkmark { border: 1px so= lid rgb(14, 95, 206); } .form-test label input:checked ~ .checkmark { border: 1px solid rgb(91, 255= , 218); } body.light-theme .form-test label input:checked ~ .checkmark { border: 1px = solid rgb(14, 95, 206); } .form-test label input[type=3D"text"] { position: static; opacity: 1; curso= r: auto; height: auto; width: auto; border-bottom: 2px solid rgb(255, 255, = 255); padding-bottom: 2px; } .form-test__rating-title { margin-bottom: 20px; font-weight: 500; font-size= : 18px; line-height: 22px; } .form-test .rating-area { overflow: hidden; width: 420px; display: flex; -w= ebkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-flow: ro= w-reverse nowrap; } @media (max-width: 767px) { .form-test .rating-area { width: 390px; } } @media (max-width: 479px) { .form-test .rating-area { width: 295px; } } @media (max-width: 374px) { .form-test .rating-area { width: 245px; } } .form-test .rating-area label { position: relative; font-family: "PT Mono",= serif; font-weight: 400; font-size: 20px; line-height: 32px; text-align: c= enter; } .form-test .rating-area label::before { position: absolute; content: ""; wi= dth: 10px; height: 32px; top: -1px; right: -10px; } @media (max-width: 479px) { .form-test .rating-area label { font-size: 16px; line-height: 25px; } .form-test .rating-area label::before { width: 5px; height: 25px; top: -1= px; right: -5px; } } @media (max-width: 374px) { .form-test .rating-area label { font-size: 14px; line-height: 20px; } .form-test .rating-area label::before { height: 20px; } } .form-test .rating-area:not(:checked) > input { display: none; } .form-test .rating-area:not(:checked) > label { width: 32px; height: 32px; = padding: 0px; cursor: pointer; margin-right: 10px; margin-bottom: 0px; bord= er-radius: 4px; background-color: rgba(255, 255, 255, 0.2); } body.light-theme .form-test .rating-area:not(:checked) > label { background= -color: rgba(0, 0, 0, 0.2); } @media (max-width: 767px) { .form-test .rating-area:not(:checked) > label { width: 30px; height: 30px= ; } .form-test .rating-area:not(:checked) > label:first-child { margin-right:= 0px; } } @media (max-width: 479px) { .form-test .rating-area:not(:checked) > label { width: 25px; height: 25px= ; margin-right: 5px; } } @media (max-width: 374px) { .form-test .rating-area:not(:checked) > label { width: 20px; height: 20px= ; } } .form-test .rating-area > input:checked ~ label { background-color: rgb(91,= 255, 218); color: rgb(0, 0, 0); } body.light-theme .form-test .rating-area > input:checked ~ label { backgrou= nd-color: rgb(14, 95, 206); } .form-test .rating-area:not(:checked) > label:hover, .form-test .rating-are= a:not(:checked) > label:hover ~ label { background-color: rgb(91, 255, 218)= ; color: rgb(0, 0, 0); } body.light-theme .form-test .rating-area:not(:checked) > label:hover, body.= light-theme .form-test .rating-area:not(:checked) > label:hover ~ label { b= ackground-color: rgb(14, 95, 206); } .form-test .rate-area > label:active { position: relative; } .form-test .form-test__input-label { font-size: 12px; line-height: 14px; co= lor: rgb(135, 139, 156); text-align: left; display: flex; -webkit-box-orien= t: vertical; -webkit-box-direction: normal; flex-direction: column; padding= -left: 0px; margin-bottom: 0px; } .form-test .form-test__textarea { display: block; width: 100%; margin: 0px;= border: 1px solid rgb(61, 61, 65); height: 180px; background-color: rgb(39= , 39, 41); padding: 17px 20px 16px; color: rgb(255, 255, 255); border-radiu= s: 4px; box-sizing: border-box; resize: none; transition: all 0.5s ease 0s;= font-weight: 400; font-family: "Helvetica Neue", Arial, sans-serif; font-s= ize: 14px; line-height: 24px; } .form-test .form-test__textarea:focus, .form-test .form-test__textarea:hove= r { border: 1px solid rgb(91, 255, 218); outline: none; } body.light-theme .form-test .form-test__textarea:focus, body.light-theme .f= orm-test .form-test__textarea:hover { outline: none; } .form-test .form-test__textarea::-webkit-input-placeholder { font-weight: 4= 00; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 14px; line= -height: 24px; color: rgba(255, 255, 255, 0.5); } .form-test .form-test__textarea::placeholder { font-weight: 400; font-famil= y: "Helvetica Neue", Arial, sans-serif; font-size: 14px; line-height: 24px;= color: rgba(255, 255, 255, 0.5); } body.light-theme .form-test .form-test__textarea::-webkit-input-placeholder= { color: rgb(31, 31, 33); } body.light-theme .form-test .form-test__textarea::placeholder { color: rgb(= 31, 31, 33); } body.light-theme .form-test .form-test__textarea { border: 1px solid rgb(21= 9, 220, 225); background-color: rgb(255, 255, 255); color: rgb(26, 26, 26);= } body.light-theme .form-test .form-test__textarea:focus, body.light-theme .f= orm-test .form-test__textarea:hover { border: 1px solid rgb(14, 95, 206); } .form-test__submit { position: relative; } .form-test__submit .form-test__send_button { position: relative; font-size:= 22px; line-height: 24px; font-weight: 400; width: 100%; border-radius: 4px= ; height: 62px; } .form-test__submit .error-msg-network__text, .form-test__submit .error-msg_= _text { display: none; } .form-test__submit.error-msg-network .error-msg-network__text { display: bl= ock; width: 320px; left: calc(50% - 160px); } @media (max-width: 409px) { .form-test__submit.error-msg-network .error-msg-network__text { width: 25= 0px; left: calc(50% - 125px); bottom: -51px; } } .form-test__submit.error-msg { margin-bottom: 41px; } .form-test__submit.error-msg .error-msg__text { display: block; } .form-test__submit .error-msg-network__text, .form-test__submit .error-msg_= _text { position: absolute; width: 250px; bottom: -41px; left: calc(50% - 1= 25px); text-align: center; font-family: "PT Mono", serif; font-weight: 400;= font-size: 19px; line-height: 21px; color: rgb(255, 72, 190); } body.light-theme .form-test__submit .error-msg-network__text, body.light-th= eme .form-test__submit .error-msg__text { color: rgb(255, 72, 190); } .user-account { display: flex; -webkit-box-pack: justify; justify-content: = space-between; -webkit-box-orient: horizontal; -webkit-box-direction: norma= l; flex-flow: row nowrap; max-width: 1100px; font-family: "Helvetica Neue",= Arial, sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; c= olor: rgb(255, 255, 255); margin: 98px auto 120px; position: relative; padd= ing: 0px; } @media (max-width: 1200px) { .user-account { max-width: 960px; padding: 0px 20px; } } @media (max-width: 767px) { .user-account { -webkit-box-orient: vertical; -webkit-box-direction: norm= al; flex-direction: column; margin-top: 80px; } } body.light-theme .user-account { color: rgb(0, 0, 0); } .user-account__nav { max-width: 244px; width: 100%; } @media (max-width: 767px) { .user-account__nav { max-width: 100%; } } .user-account__nav-back { position: relative; padding-left: 24px; cursor: p= ointer; font-size: 16px; line-height: 19px; color: rgb(135, 139, 156); } .user-account__nav-back:hover, body.light-theme .user-account__nav-back { c= olor: rgb(135, 139, 156); } .user-account__nav-back::before { position: absolute; content: ""; left: 0p= x; top: 0px; width: 12px; height: 20px; background-image: url("data:image/s= vg+xml;charset=3Dutf-8,%3Csvg width=3D'12' height=3D'20' fill=3D'none' xmln= s=3D'http://www.w3.org/2000/svg'%3E%3Cpath d=3D'M11.671 1.87L9.901.1.001 10= l9.9 9.9 1.77-1.77L3.541 10l8.13-8.13z' fill=3D'%23878B9C'/%3E%3C/svg%3E");= background-repeat: no-repeat; } .user-account__description { margin-top: 62px; width: 100%; max-width: 815p= x; } @media (max-width: 767px) { .user-account__description { margin-top: 50px; } } .user-account__title { font-family: "PT Mono", Arial, sans-serif; font-size= : 32px; line-height: 36px; margin-bottom: 50px; } .user-account__name-icon path { fill: rgb(40, 201, 0); } .user-account__name-row { display: flex; flex-wrap: nowrap; -webkit-box-pac= k: justify; justify-content: space-between; -webkit-box-align: center; alig= n-items: center; width: 100%; margin-bottom: 20px; } .user-account__name-row.not-verified { cursor: pointer; } .user-account__name-row.not-verified .user-account__name { color: rgb(121, = 121, 122); margin: 0px; } .user-account__name-row.not-verified .user-account__name-icon path { fill: = rgb(121, 121, 122); } .user-account__name-row--en { margin-bottom: 30px; } .user-account__name { font-weight: 500; font-size: 24px; line-height: 29px;= margin: 0px; } .user-account__info-row { display: flex; flex-wrap: nowrap; -webkit-box-pac= k: justify; justify-content: space-between; -webkit-box-align: center; alig= n-items: center; padding: 20px 0px; border-bottom: 1px solid rgb(61, 61, 65= ); } body.light-theme .user-account__info-row { border-color: rgb(209, 211, 219)= ; } .user-account__info-subtitle { font-weight: 500; font-size: 16px; line-heig= ht: 20px; } .user-account__info-content { font-weight: 400; font-size: 14px; line-heigh= t: 17px; } .cb-rb-container { display: block; position: relative; padding-left: 26px; = cursor: pointer; user-select: none; font-weight: 400; font-size: 14px; line= -height: 1em; color: rgb(255, 255, 255); margin-bottom: 0px; } .cb-rb-container:not(:last-child) { margin-bottom: 20px; } .cb-rb-container input { position: absolute; opacity: 0; cursor: pointer; h= eight: 0px; width: 0px; } .cb-rb-checkmark { position: absolute; top: 0px; left: 0px; height: 16px; w= idth: 16px; background-color: transparent; border: 1px solid rgb(92, 92, 10= 1); border-radius: 50%; } body.light-theme .cb-rb-checkmark { border: 1px solid rgb(209, 211, 219); } .cb-rb-container:hover input ~ .cb-rb-checkmark { background-color: rgba(91= , 255, 218, 0.5); } body.light-theme .cb-rb-container:hover input ~ .cb-rb-checkmark { backgrou= nd-color: rgba(14, 95, 206, 0.5); } .cb-rb-container input:checked ~ .cb-rb-checkmark { border: 1px solid rgba(= 91, 255, 218, 0.5); } body.light-theme .cb-rb-container input:checked ~ .cb-rb-checkmark { border= : 1px solid rgba(14, 95, 206, 0.5); } .cb-rb-checkmark::after { content: ""; position: absolute; display: none; } .cb-rb-container input:checked ~ .cb-rb-checkmark::after { display: block; = } .cb-rb-container .cb-rb-checkmark::after { top: 2px; left: 2px; width: 10px= ; height: 10px; border-radius: 50%; background-color: rgb(91, 255, 218); } body.light-theme .cb-rb-container .cb-rb-checkmark::after { background-colo= r: rgb(14, 95, 206); } .video-tab { position: relative; color: rgb(255, 255, 255); font-family: "H= elvetica Neue", Helvetica, Arial, sans-serif; } body.light-theme .video-tab { color: rgb(0, 0, 0); } @media screen and (min-width: 1200px) { .video-tab__selector_mobile { display: none; } } .video-tab__selector_mobile .vtselector-mobile { position: relative; font-s= ize: 18px; } .video-tab__selector_mobile .vtselector-mobile__select { position: relative= ; cursor: pointer; padding: 12px 0px; border-bottom: 2px solid rgb(91, 255,= 218); } body.light-theme .video-tab__selector_mobile .vtselector-mobile__select { b= order-color: rgb(14, 95, 206); } .video-tab__selector_mobile .vtselector-mobile__select.vtms-open .vtselecto= r-mobile__select_arrow { transform: translateY(-50%) rotate(0deg); } .video-tab__selector_mobile .vtselector-mobile__select_name { line-height: = 1em; height: 1em; overflow: hidden; padding-right: 24px; white-space: nowra= p; text-overflow: ellipsis; } .video-tab__selector_mobile .vtselector-mobile__select_arrow { position: ab= solute; right: 0px; top: 50%; transform: translateY(-50%) rotate(180deg); t= ransition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s; } .video-tab__selector_mobile .vtselector-mobile__select_arrow path { fill: r= gb(255, 255, 255); } body.light-theme .video-tab__selector_mobile .vtselector-mobile__select_arr= ow path { fill: rgb(0, 0, 0); } .video-tab__selector_mobile .vtselector-mobile__dropdown { display: none; p= adding-top: 10px; font-size: 18px; line-height: 25px; color: rgb(213, 213, = 213); } body.light-theme .video-tab__selector_mobile .vtselector-mobile__dropdown {= color: rgb(20, 20, 20); } .video-tab__selector_mobile .vtselector-mobile__dropdown_item { cursor: poi= nter; } .video-tab__selector_mobile .vtselector-mobile__dropdown_item:not(:last-chi= ld) { margin-bottom: 8px; } .video-tab__selector_desktop { display: none; } @media screen and (min-width: 1200px) { .video-tab__selector_desktop { display: block; } } .video-tab__selector_desktop .vtselector-desktop { border-bottom: 1px solid= rgb(60, 60, 66); display: flex; -webkit-box-orient: horizontal; -webkit-bo= x-direction: normal; flex-flow: row nowrap; -webkit-box-pack: start; justif= y-content: flex-start; -webkit-box-align: end; align-items: flex-end; overf= low-x: auto; } .video-tab__selector_desktop .vtselector-desktop__tab { font-size: 16px; li= ne-height: 19px; color: rgba(255, 255, 255, 0.6); padding-bottom: 12px; bor= der-bottom: 4px solid transparent; white-space: nowrap; max-width: 250px; t= ext-overflow: ellipsis; overflow: hidden; cursor: pointer; } .video-tab__selector_desktop .vtselector-desktop__tab:not(:last-child) { ma= rgin-right: 30px; } body.light-theme .video-tab__selector_desktop .vtselector-desktop__tab { co= lor: rgba(0, 0, 0, 0.6); } .video-tab__selector_desktop .vtselector-desktop__tab:hover { color: rgba(2= 55, 255, 255, 0.8); border-color: rgba(91, 255, 218, 0.8); } body.light-theme .video-tab__selector_desktop .vtselector-desktop__tab:hove= r { color: rgba(0, 0, 0, 0.8); border-color: rgba(8, 21, 107, 0.8); } .video-tab__selector_desktop .vtselector-desktop__tab_active { color: rgb(2= 55, 255, 255) !important; border-color: rgb(91, 255, 218) !important; } body.light-theme .video-tab__selector_desktop .vtselector-desktop__tab_acti= ve { color: rgb(0, 0, 0) !important; border-color: rgb(8, 21, 107) !importa= nt; } .video-tab .vttabs-content { padding: 30px 0px; } .video-tab__service { padding: 30px 0px 44px; display: flex; -webkit-box-or= ient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; -w= ebkit-box-pack: start; justify-content: flex-start; -webkit-box-align: star= t; align-items: flex-start; } @media screen and (min-width: 1200px) { .video-tab__service { padding: 30px 0px 50px; -webkit-box-orient: horizon= tal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack= : justify; justify-content: space-between; } } .video-tab__service_filter { -webkit-box-ordinal-group: 2; order: 1; width:= 100%; } @media screen and (min-width: 1200px) { .video-tab__service_filter { -webkit-box-ordinal-group: 1; order: 0; -web= kit-box-flex: 0; flex: 0 0 auto; width: 60%; } } @media screen and (min-width: 1200px) { .video-tab__service_filter--mobile { display: none; } } .video-tab__service_filter--mobile .mob-filters { -webkit-box-pack: justify= ; justify-content: space-between; } .video-tab__service_filter--mobile .mob-filters, .video-tab__service_filter= --mobile .mob-filters__btn > button { display: flex; -webkit-box-orient: ho= rizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box= -align: center; align-items: center; } .video-tab__service_filter--mobile .mob-filters__btn > button { -webkit-box= -pack: start; justify-content: flex-start; border: 0px; background-color: t= ransparent; color: rgb(255, 255, 255); } body.light-theme .video-tab__service_filter--mobile .mob-filters__btn > but= ton { color: rgb(0, 0, 0); } .video-tab__service_filter--mobile .mob-filters__btn > button > svg { margi= n-right: 18px; } .video-tab__service_filter--mobile .mob-filters__btn > button > svg path { = fill: rgb(255, 255, 255); } body.light-theme .video-tab__service_filter--mobile .mob-filters__btn > but= ton > svg path { fill: rgb(0, 0, 0); } .video-tab__service_filter--desktop { display: none; } @media screen and (min-width: 1200px) { .video-tab__service_filter--desktop { display: block; } } .video-tab__service_search { -webkit-box-ordinal-group: 1; order: 0; width:= 100%; } @media screen and (min-width: 1200px) { .video-tab__service_search { -webkit-box-ordinal-group: 2; order: 1; -web= kit-box-flex: 0; flex: 0 0 auto; width: 40%; } } .video-tab .video-search { position: relative; display: block; width: 100%;= margin-bottom: 20px; } .video-tab .video-search input { position: relative; display: block; width:= 100%; border: 1px solid rgb(108, 108, 114); background-color: transparent;= box-sizing: border-box; border-radius: 6px; padding: 5px 40px 5px 15px; co= lor: rgb(255, 255, 255); } body.light-theme .video-tab .video-search input { color: rgb(0, 0, 0); } .video-tab .video-search__icon { display: block; position: absolute; right:= 18px; top: 50%; transform: translateY(-51%); cursor: pointer; } .video-tab .video-search__icon path { fill: rgba(255, 255, 255, 0.698); } body.light-theme .video-tab .video-search__icon path { fill: rgba(0, 0, 0, = 0.7); } .video-tab .video-search-desktop-tags { display: none; } @media screen and (min-width: 1200px) { .video-tab .video-search-desktop-tags { display: block; text-align: right= ; } } .video-tab .video-search-desktop-tags .vsdt-container { position: relative;= border-radius: 6px; padding: 10px 38px 10px 18px; font-size: 14px; line-he= ight: 1em; display: inline-block; background-color: rgb(25, 25, 27); color:= rgba(255, 255, 255, 0.8); margin: 0px 0px 0px auto; cursor: pointer; } body.light-theme .video-tab .video-search-desktop-tags .vsdt-container { ba= ckground-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.8); } .video-tab .video-search-desktop-tags .vsdt-container--open svg { transform= : translateY(-50%) rotate(180deg); } .video-tab .video-search-desktop-tags .vsdt-container .vsdt-title { display= : inline-block; max-height: 1em; overflow: hidden; white-space: nowrap; tex= t-overflow: ellipsis; max-width: 300px; } .video-tab .video-search-desktop-tags .vsdt-container > svg { position: abs= olute; right: 10px; top: 50%; transform: translateY(-50%); transition: tran= sform 0.2s ease 0s, -webkit-transform 0.2s ease 0s; display: block; } .video-tab .video-search-desktop-tags .vsdt-container > svg path { fill: rg= ba(255, 255, 255, 0.8); } body.light-theme .video-tab .video-search-desktop-tags .vsdt-container > sv= g path { fill: rgba(0, 0, 0, 0.8); } .video-tab .video-search-desktop-tags .vsdt-container .vsdt-dropdown { posi= tion: absolute; top: calc(100% + 1px); right: 0px; width: 300px; height: 20= 0px; border: 1px solid transparent; padding: 10px; transform: translateY(-2= 0px); opacity: 0; pointer-events: none; transition: all 0.2s ease 0s; text-= align: left; background-color: rgb(25, 25, 27); border-radius: 6px; } body.light-theme .video-tab .video-search-desktop-tags .vsdt-container .vsd= t-dropdown { background-color: rgb(255, 255, 255); } .video-tab .video-search-desktop-tags .vsdt-container .vsdt-dropdown--open = { transform: translateY(0px); opacity: 1; pointer-events: auto; } .video-tab .sf-desktop-filter { display: flex; -webkit-box-orient: horizont= al; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack:= start; justify-content: flex-start; -webkit-box-align: center; align-items= : center; } .video-tab .sf-desktop-filter:not(:last-child) { margin-bottom: 15px; } .video-tab .sf-desktop-filter__name { -webkit-box-flex: 0; flex: 0 0 auto; = width: 14%; font-weight: 500; } .video-tab .sf-desktop-filter__input { -webkit-box-flex: 0; flex: 0 0 auto;= width: 61%; } .video-tab .sf-desktop-filter__input select.select-tags { position: relativ= e; display: block; width: 100%; height: 32px; overflow: hidden; border: 1px= solid rgb(108, 108, 114); background-color: transparent; border-radius: 6p= x; padding: 10px 40px 10px 15px; color: rgb(255, 255, 255); } .video-tab .sf-desktop-filter__input select.select-tags option { opacity: 0= ; } body.light-theme .video-tab .sf-desktop-filter__input select.select-tags { = color: rgb(0, 0, 0); } .video-tab .sf-desktop-filter__clear { border: 0px; background-color: trans= parent; -webkit-box-flex: 0; flex: 0 0 auto; width: 10%; padding-left: 26px= ; color: rgb(135, 139, 156); font-weight: 500; } .video-tab .sf-desktop-filter__desktop-clear-btn { margin-top: 5px; font-we= ight: 500; font-size: 14px; line-height: 17px; color: rgb(135, 139, 156); d= isplay: inline-block; border: 0px; background-color: transparent; padding: = 0px; cursor: pointer; } .video-tab__modal { position: fixed; inset: 0px; width: 100%; height: 100%;= font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 20px= 16px; background: linear-gradient(rgb(48, 48, 50), rgb(23, 23, 25)); color= : rgb(255, 255, 255); z-index: 1000; transform: translateY(-100%); opacity:= 0; pointer-events: none; transition: all 0.2s ease 0s; box-sizing: border-= box; font-size: 14px; line-height: 1em; overflow-x: hidden; overflow-y: aut= o !important; } .video-tab__modal--open { transform: translateY(0px); opacity: 1; pointer-e= vents: auto; } body.light-theme .video-tab__modal { background: linear-gradient(rgb(239, 2= 41, 249), rgb(239, 241, 241)); color: rgb(0, 0, 0); } .video-tab__modal_header { text-align: center; font-size: 16px; line-height= : 1em; margin-bottom: 40px; } .video-tab__modal_header--close { position: absolute; top: 20px; right: 16p= x; border: 0px; background-color: transparent; color: rgb(91, 255, 218); } body.light-theme .video-tab__modal_header--close { color: rgb(14, 95, 206);= } .video-tab__modal_input:not(:last-child) { margin-bottom: 20px; } .video-tab__modal_input--head { display: flex; -webkit-box-orient: horizont= al; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack:= justify; justify-content: space-between; margin-bottom: 15px; } .video-tab__modal_input--head button { border: 0px; padding: 0px; margin: 0= px; background-color: transparent; color: rgb(135, 139, 156); } .video-tab__modal#video-tab-modal-sort { padding: 26px 15px; } .video-list__header { display: none; } @media screen and (min-width: 1200px) { .video-list__header { display: block; padding-bottom: 12px; border-bottom= : 1px solid rgb(60, 60, 66); } body.light-theme .video-list__header { border-color: rgb(209, 213, 227); = } } .video-list__header .video-list-col { display: flex; -webkit-box-orient: ho= rizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box= -pack: start; justify-content: flex-start; -webkit-box-align: center; align= -items: center; cursor: pointer; } .video-list__header .video-list-col > svg { display: inline-block; margin-r= ight: 10px; width: 11px; height: 20px; } .video-list__header .video-list-col > svg path { fill: rgba(255, 255, 255, = 0.5); } body.light-theme .video-list__header .video-list-col > svg path { fill: rgb= a(0, 0, 0, 0.5); } .video-list__header .video-list-col > span { color: rgba(255, 255, 255, 0.5= ); display: inline-block; line-height: 20px; } body.light-theme .video-list__header .video-list-col > span { color: rgba(0= , 0, 0, 0.5); } .video-list__list { padding-top: 10px; } .video-list__list_item { display: flex; -webkit-box-orient: horizontal; -we= bkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: start; j= ustify-content: flex-start; -webkit-box-align: start; align-items: flex-sta= rt; color: rgba(255, 255, 255, 0.5); } body.light-theme .video-list__list_item { color: rgba(0, 0, 0, 0.5); } @media screen and (min-width: 1200px) { .video-list__list_item { -webkit-box-align: center; align-items: center; = } } .video-list__list_item:not(:last-child) { margin-bottom: 30px; } @media screen and (min-width: 1200px) { .video-list__list_item:not(:last-child) { margin-bottom: 10px; padding-bo= ttom: 10px; border-bottom: 1px solid rgb(60, 60, 66); } body.light-theme .video-list__list_item:not(:last-child) { border-color: = rgb(209, 213, 227); } } .video-list__list_item--preview { position: relative; -webkit-box-flex: 0; = flex: 0 0 auto; width: 133px; height: 76px; margin-right: 20px; background-= repeat: no-repeat; background-position: 50% 50%; background-size: cover; ba= ckground-color: rgb(33, 34, 36); border: 1px solid rgb(75, 75, 80); box-siz= ing: border-box; border-radius: 2px; overflow: hidden; } @media screen and (min-width: 1200px) { .video-list__list_item--preview { width: 101px; height: 58px; } } .video-list__list_item--preview.prev-is-new { border-color: rgb(91, 255, 21= 8); } .video-list__list_item--preview.prev-is-new .video-list__list_item--new-lab= el { display: block; } .video-list__list_item--preview-time { position: absolute; right: 4px; bott= om: 4px; font-size: 12px; color: rgba(255, 255, 255, 0.5); } @media screen and (min-width: 1200px) { .video-list__list_item--preview-time { display: none; } } .video-list__list_item--new-label { display: none; font-family: "PT Mono", = Courier, serif; position: absolute; left: 0px; top: 0px; text-transform: up= percase; font-weight: 700; font-size: 8px; line-height: 1em; padding: 3px 6= px 2px; color: rgb(33, 34, 36); border-bottom-right-radius: 2px; background= -color: rgb(91, 255, 218); } .video-list__list_item--unavailable-label { display: none; font-style: norm= al; font-weight: 550; font-size: 9px; line-height: 1em; text-align: center;= letter-spacing: 1px; text-transform: uppercase; color: rgb(255, 255, 255);= padding: 5px; background-color: rgb(0, 0, 0); position: absolute; top: 50%= ; left: 50%; transform: translate(-50%, -50%); } .video-list__list_item--text { color: rgb(255, 255, 255); } body.light-theme .video-list__list_item--text { color: rgb(0, 0, 0); } .video-list__list_item--text:hover { color: rgb(91, 255, 218); } body.light-theme .video-list__list_item--text:hover { color: rgb(8, 21, 107= ); } .video-list__list_item--text .visited { color: rgb(237, 186, 255); } body.light-theme .video-list__list_item--text .visited { color: rgb(95, 20,= 140); } .video-list__list_item--text:visited { color: rgb(237, 186, 255); } body.light-theme .video-list__list_item--text:visited { color: rgb(95, 20, = 140); } .video-list__list_item--text-text { -webkit-box-flex: 1; flex: 1 1 auto; wi= dth: 100%; font-size: 14px; line-height: 1.2em; max-height: 3.6em; overflow= : hidden; transform: translateY(4px); display: -webkit-box; -webkit-line-cl= amp: 3; -webkit-box-orient: vertical; } @media screen and (min-width: 1200px) { .video-list__list_item--text-text { transform: translateY(0px); } } .video-list__list_item--text-host { margin-top: 8px; color: rgba(255, 255, = 255, 0.6); font-size: 12px; line-height: 17px; } @media screen and (min-width: 1200px) { .video-list__list_item--text-host { display: none; } } body.light-theme .video-list__list_item--text-host { color: rgba(0, 0, 0, 0= .6); } .video-list__list_item--play { position: absolute; top: 50%; left: 50%; tra= nsform: translate(-50%, -50%); width: 30px; height: auto; } @media screen and (min-width: 1200px) { .video-list__list_item--play { width: 23px; } } .video-list__list_item--isfav { position: absolute; top: 7px; right: 7px; w= idth: 11px; height: auto; } @media screen and (min-width: 1200px) { .video-list__list_item--isfav { width: 12px; top: auto; bottom: 6px; righ= t: 6px; } } .video-list__list_item.vli-unavailable .video-list__list_item--unavailable-= label { display: block; } .video-list__list_item.vli-unavailable .video-list__list_item--text { color= : rgba(255, 255, 255, 0.5); } body.light-theme .video-list__list_item.vli-unavailable .video-list__list_i= tem--text { color: rgba(0, 0, 0, 0.5); } .video-list__list .video-list-col-duration, .video-list__list .video-list-c= ol-host { font-weight: 500; } .video-list-col { -webkit-box-flex: 0; flex: 0 0 auto; } .video-list-col-title { width: 98%; padding-right: 8px; display: flex; -web= kit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row n= owrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-al= ign: start; align-items: flex-start; } @media screen and (min-width: 425px) { .video-list-col-title { padding-right: 16px; } } @media screen and (min-width: 1200px) { .video-list-col-title { -webkit-box-align: center; align-items: center; w= idth: 55%; padding-right: 24px; } } .video-list-col-duration { display: none; } @media screen and (min-width: 1200px) { .video-list-col-duration { display: block; width: 15%; } } .video-list-col-date { display: none; } @media screen and (min-width: 1200px) { .video-list-col-date { display: block; width: 10%; } } .video-list-col-host { display: none; } @media screen and (min-width: 1200px) { .video-list-col-host { display: block; width: 18%; } } .video-list-col-dots { width: 2%; cursor: pointer; text-align: right; } .video-list-col-dots svg path { fill: rgb(196, 196, 196); } body.light-theme .video-list-col-dots svg path { fill: rgb(0, 0, 0); } .video-list-col-addfav { display: none; -webkit-box-flex: 0; flex: 0 0 auto= ; width: 100%; text-align: right; padding: 10px 0px; } .video-list-col-addfav button { background-color: rgb(91, 255, 218); color:= rgb(0, 0, 0); border-radius: 2px; font-weight: 550; font-size: 12px; line-= height: 12px; padding: 11px; border: 0px; margin: 0px; display: block; widt= h: 100%; } @media screen and (min-width: 1200px) { .video-list-col-addfav button { display: inline-block; max-width: 245px; = text-align: left; padding: 9px 9px 9px 20px; } } body.light-theme .video-list-col-addfav button { color: rgb(255, 255, 255);= background-color: rgb(8, 21, 107); } .video-list__show-more { margin: 30px 0px 60px; display: flex; -webkit-box-= orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -= webkit-box-pack: center; justify-content: center; -webkit-box-align: center= ; align-items: center; cursor: pointer; } @media screen and (min-width: 1200px) { .video-list__show-more { margin: 40px 0px 120px; } } .video-list__show-more > span { color: rgba(255, 255, 255, 0.698); font-siz= e: 12px; line-height: 1em; } @media screen and (min-width: 1200px) { .video-list__show-more > span { font-size: 20px; line-height: 1em; } } body.light-theme .video-list__show-more > span { color: rgba(0, 0, 0, 0.7);= } .video-list__show-more > svg { margin-left: 20px; } .video-list__show-more > svg path { fill: rgba(255, 255, 255, 0.698); } body.light-theme .video-list__show-more > svg path { fill: rgba(0, 0, 0, 0.= 7); } .sort-list { background-color: rgb(61, 60, 65); border-radius: 5px; padding= -bottom: 5px; margin-bottom: 14px; } body.light-theme .sort-list { background-color: rgb(255, 255, 255); } .sort-list__item { cursor: pointer; text-align: center; font-size: 16px; li= ne-height: 1em; padding: 10px; color: rgb(91, 255, 218); } .sort-list__item.sli-active { color: rgba(255, 255, 255, 0.698); } body.light-theme .sort-list__item.sli-active { color: rgba(0, 0, 0, 0.7); } body.light-theme .sort-list__item { color: rgb(14, 95, 206); } .sort-list__item_title { font-size: 12px; line-height: 1em; padding: 11px 8= px 12px; color: rgba(255, 255, 255, 0.698); } body.light-theme .sort-list__item_title { color: rgba(0, 0, 0, 0.7); } .sort-list__item:not(:last-child) { border-bottom: 1px solid rgb(68, 68, 68= ); } body.light-theme .sort-list__item:not(:last-child) { border-bottom: 1px sol= id rgb(222, 222, 222); } .sort-list__cancelbtn { display: block; width: 100%; border: 0px; margin: 0= px; background-color: rgb(61, 60, 65); border-radius: 5px; color: rgb(91, 2= 55, 218); text-align: center; font-size: 16px; line-height: 22px; padding: = 8px 0px 9px; } body.light-theme .sort-list__cancelbtn { color: rgb(14, 95, 206); backgroun= d-color: rgb(255, 255, 255); } .line-cb-container { font-family: "Helvetica Neue", Helvetica, Arial, sans-= serif; display: block; position: relative; padding-right: 30px; margin: 0px= ; cursor: pointer; font-size: 14px; line-height: 20px; user-select: none; c= olor: rgb(255, 255, 255); } body.light-theme .line-cb-container { color: rgb(0, 0, 0); } .line-cb-container:not(:last-child) { margin-bottom: 8px; } .line-cb-container input { position: absolute; opacity: 0; cursor: pointer;= height: 0px; width: 0px; } .line-cb-container input:checked ~ .line-cb-checkmark { border-color: trans= parent; background-color: rgb(91, 255, 218); } body.light-theme .line-cb-container input:checked ~ .line-cb-checkmark { ba= ckground-color: rgb(14, 95, 206); } .line-cb-container input:checked ~ .line-cb-checkmark::after { display: blo= ck; } .line-cb-container:hover input ~ .line-cb-checkmark { background-color: rgb= (91, 255, 218); } body.light-theme .line-cb-container:hover input ~ .line-cb-checkmark { back= ground-color: rgb(14, 95, 206); } .line-cb-container .line-cb-checkmark::after { left: 6px; top: 2.5px; width= : 5px; height: 10px; border-style: solid; border-color: rgb(0, 0, 0); borde= r-image: initial; border-width: 0px 1px 1px 0px; transform: rotate(45deg); = } body.light-theme .line-cb-container .line-cb-checkmark::after { border-colo= r: rgb(255, 255, 255); } .line-cb-checkmark { position: absolute; top: 0px; left: auto; right: 0px; = height: 20px; width: 20px; background-color: transparent; border-radius: 2p= x; border: 1px solid rgb(255, 255, 255); } body.light-theme .line-cb-checkmark { border: 1px solid rgb(0, 0, 0); } .line-cb-checkmark::after { content: ""; position: absolute; display: none;= } .page-pay { color: rgb(255, 255, 255); margin-top: 54px; padding-top: 50px;= } @media screen and (min-width: 768px) { .page-pay { margin-top: 58px; } } .page-pay > .container { max-width: 720px; } body.light-theme .page-pay { color: rgb(0, 0, 0); } .page-pay h1 { font-size: 24px; line-height: 1.2em; letter-spacing: -0.04em= ; margin-bottom: 30px; } @media screen and (min-width: 425px) { .page-pay h1 { font-size: 36px; } } @media screen and (min-width: 768px) { .page-pay h1 { font-size: 39px; margin-bottom: 40px; } } .page-pay .contact-inputs { margin-bottom: 50px; } @media screen and (min-width: 768px) { .page-pay .contact-inputs { margin-bottom: 80px; display: flex; -webkit-b= ox-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; = -webkit-box-pack: justify; justify-content: space-between; } } .page-pay .contact-inputs__title { font-size: 18px; margin-bottom: 20px; li= ne-height: 1em; font-weight: 700; } @media screen and (min-width: 425px) { .page-pay .contact-inputs__title { font-size: 24px; } } @media screen and (min-width: 768px) { .page-pay .contact-inputs__title { margin-bottom: 30px; } } @media screen and (min-width: 768px) { .page-pay .contact-inputs__inputs { -webkit-box-flex: 0; flex: 0 0 auto; = width: 100%; -webkit-box-ordinal-group: 2; order: 1; } } .page-pay .contact-inputs__inputs .input-item { position: relative; } .page-pay .contact-inputs__inputs .input-item:not(:last-child) { margin-bot= tom: 16px; } .page-pay .contact-inputs__inputs .input-item svg { display: block; positio= n: absolute; right: 12px; top: 50%; transform: translateY(-50%) scale(0); o= pacity: 0; transition: all 0.3s ease 0s; } .page-pay .contact-inputs__inputs .input-item svg path { fill: rgb(193, 193= , 199); } body.light-theme .page-pay .contact-inputs__inputs .input-item svg path { f= ill: rgb(24, 24, 26); } .page-pay .contact-inputs__inputs .input-item__valid svg { position: absolu= te; right: 12px; top: 50%; opacity: 1; transform: translateY(-50%) scale(1)= ; } .page-pay .contact-inputs__inputs .input-item input { width: 100%; border: = 2px solid rgb(108, 108, 114); box-sizing: border-box; border-radius: 2px; b= ackground-color: transparent; font-size: 14px; line-height: 1em; padding: 1= 6px 20px; color: rgb(255, 255, 255); } .page-pay .contact-inputs__inputs .input-item input::-webkit-input-placehol= der { color: rgb(135, 139, 156); } .page-pay .contact-inputs__inputs .input-item input:focus { border-color: r= gb(193, 193, 199); } .page-pay .contact-inputs__inputs .input-item input:focus::-webkit-input-pl= aceholder { opacity: 0.3; } body.light-theme .page-pay .contact-inputs__inputs .input-item input { colo= r: rgb(0, 0, 0); } body.light-theme .page-pay .contact-inputs__inputs .input-item input:focus = { border-color: rgb(24, 24, 26); } .page-pay .contact-inputs__link { color: rgb(135, 139, 156); font-size: 14p= x; margin-top: 30px; } @media screen and (min-width: 768px) { .page-pay .contact-inputs__link { margin-top: 0px; font-size: 16px; } } .page-pay__title-line { margin: 0px; font-size: 18px; font-weight: 700; lin= e-height: 1em; padding-bottom: 20px; } @media screen and (min-width: 425px) { .page-pay__title-line { font-size: 24px; } } @media screen and (min-width: 768px) { .page-pay__title-line { padding-bottom: 30px; } } .page-pay .pay-options { border-top: 1px solid rgb(60, 60, 66); padding-top= : 40px; } body.light-theme .page-pay .pay-options { border-color: rgb(209, 211, 219);= } .page-pay .pay-options:last-child .pay-options__buttons { padding-bottom: 2= 0px; border-bottom: 1px solid rgb(60, 60, 66); margin-bottom: 50px; } @media screen and (min-width: 768px) { .page-pay .pay-options:last-child .pay-options__buttons { padding-bottom:= 30px; margin-bottom: 80px; } } body.light-theme .page-pay .pay-options:last-child .pay-options__buttons { = border-color: rgb(209, 211, 219); } .page-pay .pay-options__title { font-size: 20px; line-height: 1em; margin-b= ottom: 30px; } .page-pay .pay-options__buttons { margin-bottom: 30px; display: flex; -webk= it-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row no= wrap; -webkit-box-pack: justify; justify-content: space-between; } .page-pay .pay-options__buttons .pay-button { cursor: pointer; text-align: = center; padding: 15px; width: calc(33.3333% - 5px); background-color: rgb(2= 4, 24, 26); border: 1px solid transparent; } @media screen and (min-width: 768px) { .page-pay .pay-options__buttons .pay-button { width: calc(33.3333% - 15px= ); border-top-left-radius: 4px; border-top-right-radius: 4px; } } .page-pay .pay-options__buttons .pay-button:hover { border-color: rgb(91, 2= 55, 218); } body.light-theme .page-pay .pay-options__buttons .pay-button:hover { border= -color: rgb(14, 95, 206); } body.light-theme .page-pay .pay-options__buttons .pay-button { background-c= olor: rgb(255, 255, 255); } .page-pay .pay-options__buttons .pay-button__icon { height: 60px; margin-bo= ttom: 20px; } .page-pay .pay-options__buttons .pay-button__icon img, .page-pay .pay-optio= ns__buttons .pay-button__icon svg { max-width: 80%; width: auto; height: 10= 0%; } .page-pay .pay-options__buttons .pay-button__icon--paypal path.pay-button__= icon--paypal---pf, .page-pay .pay-options__buttons .pay-button__icon img pa= th, .page-pay .pay-options__buttons .pay-button__icon svg path { fill: rgb(= 135, 139, 156); } .page-pay .pay-options__buttons .pay-button__icon--paypal path.pay-button__= icon--paypal---pb { fill: rgb(169, 174, 193); } .page-pay .pay-options__buttons .pay-button__title { color: rgb(135, 139, 1= 56); } .page-pay .pay-options__buttons .pay-button.pay-button-active { border-colo= r: rgb(91, 255, 218); } body.light-theme .page-pay .pay-options__buttons .pay-button.pay-button-act= ive { border-color: rgb(14, 95, 206); } .page-pay .pay-options__buttons .pay-button.pay-button-active .pay-button__= icon svg path { fill: rgb(91, 255, 218); } body.light-theme .page-pay .pay-options__buttons .pay-button.pay-button-act= ive .pay-button__icon svg path { fill: rgb(14, 95, 206); } .page-pay .pay-options__buttons .pay-button.pay-button-active .pay-button__= title { color: rgb(91, 255, 218); } body.light-theme .page-pay .pay-options__buttons .pay-button.pay-button-act= ive .pay-button__title { color: rgb(14, 95, 206); } .page-pay .shopping-list { margin-bottom: 40px; } @media screen and (min-width: 768px) { .page-pay .shopping-list { display: flex; -webkit-box-orient: horizontal;= -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: just= ify; justify-content: space-between; margin-bottom: 60px; } } .page-pay .shopping-list__title { font-weight: 700; font-size: 18px; line-h= eight: 1em; margin-bottom: 30px; } @media screen and (min-width: 425px) { .page-pay .shopping-list__title { font-size: 24px; } } @media screen and (min-width: 768px) { .page-pay .shopping-list__title { margin-bottom: 50px; } } .page-pay .shopping-list__list { margin-bottom: 30px; } @media screen and (min-width: 768px) { .page-pay .shopping-list__list { -webkit-box-ordinal-group: 3; order: 2; = -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; margin-bottom: 0px; } } .page-pay .shopping-list__link { position: relative; } .page-pay .shopping-list__link a { position: relative; display: inline-flex= ; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow:= row nowrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-= box-align: center; align-items: center; color: rgb(135, 139, 156); transfor= m: translateY(6px); } .page-pay .shopping-list__link a svg { position: relative; display: inline-= block; margin-right: 10px; transform: translateY(-1px); } .page-pay .shopping-list__link a span { line-height: 1em; } .page-pay .shoplist-item { display: flex; -webkit-box-orient: horizontal; -= webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack: star= t; justify-content: flex-start; -webkit-box-align: start; align-items: flex= -start; padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid= rgb(60, 60, 66); } @media screen and (min-width: 768px) { .page-pay .shoplist-item { padding-bottom: 20px; margin-bottom: 30px; } } body.light-theme .page-pay .shoplist-item { border-color: rgb(209, 211, 219= ); } .page-pay .shoplist-item:last-child { margin-bottom: 0px; } .page-pay .shoplist-item__image { -webkit-box-flex: 0; flex: 0 0 auto; widt= h: 80px; height: 80px; margin-right: 20px; background-position: 50% 0px; ba= ckground-repeat: no-repeat; background-size: contain; } @media screen and (min-width: 425px) { .page-pay .shoplist-item__image { width: 140px; height: 140px; } } @media screen and (min-width: 768px) { .page-pay .shoplist-item__image { width: 150px; height: 150px; margin-rig= ht: 30px; } } .page-pay .shoplist-item__details { position: relative; } .page-pay .shoplist-item__details_lines { position: relative; min-height: 1= 40px; } @media screen and (min-width: 768px) { .page-pay .shoplist-item__details_lines { min-height: 150px; } } .page-pay .shoplist-item__details_line { margin-bottom: 10px; font-size: 14= px; line-height: 1.375em; } @media screen and (min-width: 425px) { .page-pay .shoplist-item__details_line { font-size: 16px; } } @media screen and (min-width: 768px) { .page-pay .shoplist-item__details_line { display: flex; -webkit-box-orien= t: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webki= t-box-pack: start; justify-content: flex-start; -webkit-box-align: start; a= lign-items: flex-start; font-size: 20px; } } .page-pay .shoplist-item__details_line .sidl-title { display: block; margin= -right: 10px; font-weight: 700; } .page-pay .shoplist-item__details_line .sidl-name { display: block; opacity= : 0.6; } .page-pay .shoplist-item__details_line:nth-last-child(2) { padding-bottom: = 30px; } .page-pay .shoplist-item__details_hint { color: rgb(91, 255, 218); position= : absolute; bottom: 0px; background: rgba(255, 255, 255, 0.1); border-radiu= s: 4px; padding: 4px 8px; font-size: 11px; line-height: 1em; display: none;= } @media screen and (min-width: 425px) { .page-pay .shoplist-item__details_hint { font-size: 12px; } } body.light-theme .page-pay .shoplist-item__details_hint { background-color:= rgb(255, 255, 255); color: rgb(14, 95, 206); } .page-pay__promocode-application { margin-bottom: 30px; } @media screen and (min-width: 476px) { .page-pay__promocode-application { display: flex; -webkit-box-orient: hor= izontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-= pack: start; justify-content: flex-start; width: 440px; } } @media screen and (min-width: 768px) { .page-pay__promocode-application { margin-bottom: 40px; width: 470px; } } .page-pay__promocode-application .ppa-input, .page-pay__promocode-applicati= on .ppa-submit { padding: 15px 20px; height: 50px; background-color: transp= arent; } .page-pay__promocode-application .ppa-input { -webkit-box-flex: 1; flex: 1 = 1 auto; width: 100%; border: 2px solid rgb(108, 108, 114); border-radius: 2= px; font-size: 14px; line-height: 16px; color: rgb(255, 255, 255); text-ali= gn: center; margin-bottom: 10px; } @media screen and (min-width: 476px) { .page-pay__promocode-application .ppa-input { text-align: left; margin-bo= ttom: 0px; } } .page-pay__promocode-application .ppa-input::-webkit-input-placeholder { co= lor: rgb(135, 139, 156); } .page-pay__promocode-application .ppa-input:focus { border-color: rgb(193, = 193, 199); } .page-pay__promocode-application .ppa-input:focus::-webkit-input-placeholde= r { opacity: 0.3; } body.light-theme .page-pay__promocode-application .ppa-input { color: rgb(0= , 0, 0); } body.light-theme .page-pay__promocode-application .ppa-input:focus { border= -color: rgb(24, 24, 26); } .page-pay__promocode-application .ppa-submit { -webkit-box-flex: 0; flex: 0= 0 auto; width: 100%; border: 2px solid rgb(91, 255, 218); color: rgb(91, 2= 55, 218); border-radius: 2px; font-size: 16px; line-height: 16px; text-alig= n: center; } @media screen and (min-width: 476px) { .page-pay__promocode-application .ppa-submit { width: 160px; margin-left:= 10px; } } body.light-theme .page-pay__promocode-application .ppa-submit { border-colo= r: rgb(14, 95, 206); color: rgb(14, 95, 206); } @media screen and (min-width: 768px) { .page-pay .pay-summary-info { display: flex; -webkit-box-orient: horizont= al; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack:= start; justify-content: flex-start; -webkit-box-align: start; align-items:= flex-start; } } .page-pay .pay-summary-info__summ { margin-bottom: 10px; } @media screen and (min-width: 768px) { .page-pay .pay-summary-info__summ { margin-bottom: 0px; -webkit-box-flex:= 1; flex: 1 1 auto; width: 340px; } } .page-pay .pay-summary-info__summ_title { font-size: 14px; margin-bottom: 6= px; } @media screen and (min-width: 425px) { .page-pay .pay-summary-info__summ_title { font-size: 18px; } } @media screen and (min-width: 768px) { .page-pay .pay-summary-info__summ_title { font-weight: 700; } } .page-pay .pay-summary-info__summ_amount { font-size: 24px; line-height: 1e= m; color: rgb(91, 255, 218); font-weight: 700; } @media screen and (min-width: 425px) { .page-pay .pay-summary-info__summ_amount { font-size: 42px; } } body.light-theme .page-pay .pay-summary-info__summ_amount { color: rgb(14, = 95, 206); } .page-pay .pay-summary-info__save { font-size: 18px; line-height: 26px; col= or: rgb(193, 193, 199); display: none; } @media screen and (min-width: 768px) { .page-pay .pay-summary-info__save { -webkit-box-flex: 1; flex: 1 1 auto; = } } body.light-theme .page-pay .pay-summary-info__save { color: rgb(135, 139, 1= 56); } .page-pay .pay-total-submit { margin-top: 40px; margin-bottom: 80px; backgr= ound-color: rgb(91, 255, 218); border-radius: 2px; width: 100%; border: 0px= ; font-size: 14px; line-height: 1em; padding: 16px; } @media screen and (min-width: 425px) { .page-pay .pay-total-submit { font-size: 16px; } } @media screen and (min-width: 768px) { .page-pay .pay-total-submit { margin-top: 60px; margin-bottom: 100px; } } body.light-theme .page-pay .pay-total-submit { background-color: rgb(14, 95= , 206); color: rgb(255, 255, 255); } body .page-pay .pay-options__buttons .pay-button.pay-button-active .pay-but= ton__icon svg path.pay-button__icon--paypal---pf { fill: rgb(7, 182, 144); = } body .page-pay .pay-options__buttons .pay-button.pay-button-active .pay-but= ton__icon svg path.pay-button__icon--paypal---pb { fill: rgb(91, 255, 218);= } body.light-theme .page-pay .pay-options__buttons .pay-button.pay-button-act= ive .pay-button__icon svg path.pay-button__icon--paypal---pf { fill: rgb(0,= 47, 134); } body.light-theme .page-pay .pay-options__buttons .pay-button.pay-button-act= ive .pay-button__icon svg path.pay-button__icon--paypal---pb { fill: rgb(14= , 95, 206); } .pay-methods .pay-button { display: none; } .select2-container { box-sizing: border-box; display: inline-block; margin:= 0px; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cur= sor: pointer; display: block; height: 28px; user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered = { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden;= text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { b= ackground-color: transparent; border: none; font-size: 1em; } .select2-container[dir=3D"rtl"] .select2-selection--single .select2-selecti= on__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; c= ursor: pointer; display: block; min-height: 32px; user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendere= d { display: inline; list-style: none; padding: 0px; } .select2-container .select2-selection--multiple .select2-selection__clear {= background-color: transparent; border: none; font-size: 1em; } .select2-container .select2-search--inline .select2-search__field { box-siz= ing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-lef= t: 5px; padding: 0px; max-width: 100%; resize: none; height: 18px; vertical= -align: bottom; font-family: sans-serif; overflow: hidden; word-break: keep= -all; } .select2-container .select2-search--inline .select2-search__field::-webkit-= search-cancel-button { appearance: none; } .select2-dropdown { background-color: rgb(255, 255, 255); border: 1px solid= rgb(170, 170, 170); border-radius: 4px; box-sizing: border-box; display: b= lock; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0px; padding: 0px; } .select2-results__option { padding: 6px; user-select: none; } .select2-results__option--selectable { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0px; } .select2-container--open .select2-dropdown--above { border-bottom: none; bo= rder-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .select2-container--open .select2-dropdown--below { border-top: none; borde= r-top-left-radius: 0px; border-top-right-radius: 0px; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100= %; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-but= ton { appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0px; margin: 0px; padding: 0px; display: bloc= k; position: fixed; left: 0px; top: 0px; min-height: 100%; min-width: 100%;= height: auto; width: auto; opacity: 0; z-index: 99; background-color: rgb(= 255, 255, 255); } .select2-hidden-accessible { border: 0px !important; clip: rect(0px, 0px, 0= px, 0px) !important; clip-path: inset(50%) !important; height: 1px !importa= nt; overflow: hidden !important; padding: 0px !important; position: absolut= e !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: = rgb(255, 255, 255); border: 1px solid rgb(170, 170, 170); border-radius: 4p= x; } .select2-container--default .select2-selection--single .select2-selection__= rendered { color: rgb(68, 68, 68); line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__= clear { cursor: pointer; float: right; font-weight: 700; height: 26px; marg= in-right: 20px; padding-right: 0px; } .select2-container--default .select2-selection--single .select2-selection__= placeholder { color: rgb(153, 153, 153); } .select2-container--default .select2-selection--single .select2-selection__= arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px= ; } .select2-container--default .select2-selection--single .select2-selection__= arrow b { border-color: rgb(136, 136, 136) transparent transparent; border-= style: solid; border-width: 5px 4px 0px; height: 0px; left: 50%; margin-lef= t: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0px; } .select2-container--default[dir=3D"rtl"] .select2-selection--single .select= 2-selection__clear { float: left; } .select2-container--default[dir=3D"rtl"] .select2-selection--single .select= 2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection-= -single { background-color: rgb(238, 238, 238); cursor: default; } .select2-container--default.select2-container--disabled .select2-selection-= -single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--sin= gle .select2-selection__arrow b { border-color: transparent transparent rgb= (136, 136, 136); border-width: 0px 4px 5px; } .select2-container--default .select2-selection--multiple { background-color= : rgb(255, 255, 255); border: 1px solid rgb(170, 170, 170); border-radius: = 4px; cursor: text; padding-bottom: 5px; padding-right: 5px; position: relat= ive; } .select2-container--default .select2-selection--multiple.select2-selection-= -clearable { padding-right: 25px; } .select2-container--default .select2-selection--multiple .select2-selection= __clear { cursor: pointer; font-weight: 700; height: 20px; margin-right: 10= px; margin-top: 5px; position: absolute; right: 0px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection= __choice { background-color: rgb(228, 228, 228); border: 1px solid rgb(170,= 170, 170); border-radius: 4px; box-sizing: border-box; display: inline-blo= ck; margin-left: 5px; margin-top: 5px; padding: 0px 0px 0px 20px; position:= relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vert= ical-align: bottom; white-space: nowrap; } .select2-container--default .select2-selection--multiple .select2-selection= __choice__display { cursor: default; padding-left: 2px; padding-right: 5px;= } .select2-container--default .select2-selection--multiple .select2-selection= __choice__remove { background-color: transparent; border-top: none; border-= bottom: none; border-left: none; border-image: initial; border-right: 1px s= olid rgb(170, 170, 170); border-top-left-radius: 4px; border-bottom-left-ra= dius: 4px; color: rgb(153, 153, 153); cursor: pointer; font-size: 1em; font= -weight: 700; padding: 0px 4px; position: absolute; left: 0px; top: 0px; } .select2-container--default .select2-selection--multiple .select2-selection= __choice__remove:focus, .select2-container--default .select2-selection--mul= tiple .select2-selection__choice__remove:hover { background-color: rgb(241,= 241, 241); color: rgb(51, 51, 51); outline: none; } .select2-container--default[dir=3D"rtl"] .select2-selection--multiple .sele= ct2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir=3D"rtl"] .select2-selection--multiple .sele= ct2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--default[dir=3D"rtl"] .select2-selection--multiple .sele= ct2-selection__choice__remove { border-left: 1px solid rgb(170, 170, 170); = border-right: none; border-radius: 0px 4px 4px 0px; } .select2-container--default[dir=3D"rtl"] .select2-selection--multiple .sele= ct2-selection__clear { float: left; margin-left: 10px; margin-right: auto; = } .select2-container--default.select2-container--focus .select2-selection--mu= ltiple { border: 1px solid rgb(0, 0, 0); outline: 0px; } .select2-container--default.select2-container--disabled .select2-selection-= -multiple { background-color: rgb(238, 238, 238); cursor: default; } .select2-container--default.select2-container--disabled .select2-selection_= _choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--abov= e .select2-selection--multiple, .select2-container--default.select2-contain= er--open.select2-container--above .select2-selection--single { border-top-l= eft-radius: 0px; border-top-right-radius: 0px; } .select2-container--default.select2-container--open.select2-container--belo= w .select2-selection--multiple, .select2-container--default.select2-contain= er--open.select2-container--below .select2-selection--single { border-botto= m-left-radius: 0px; border-bottom-right-radius: 0px; } .select2-container--default .select2-search--dropdown .select2-search__fiel= d { border: 1px solid rgb(170, 170, 170); } .select2-container--default .select2-search--inline .select2-search__field = { background: transparent; border: none; outline: 0px; box-shadow: none; ap= pearance: textfield; } .select2-container--default .select2-results > .select2-results__options { = max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option .select2-results__opti= on { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__opti= on .select2-results__group { padding-left: 0px; } .select2-container--default .select2-results__option .select2-results__opti= on .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__opti= on .select2-results__option .select2-results__option { margin-left: -2em; p= adding-left: 3em; } .select2-container--default .select2-results__option .select2-results__opti= on .select2-results__option .select2-results__option .select2-results__opti= on { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__opti= on .select2-results__option .select2-results__option .select2-results__opti= on .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__opti= on .select2-results__option .select2-results__option .select2-results__opti= on .select2-results__option .select2-results__option { margin-left: -5em; p= adding-left: 6em; } .select2-container--default .select2-results__option--group { padding: 0px;= } .select2-container--default .select2-results__option--disabled { color: rgb= (153, 153, 153); } .select2-container--default .select2-results__option--selected { background= -color: rgb(221, 221, 221); } .select2-container--default .select2-results__option--highlighted.select2-r= esults__option--selectable { background-color: rgb(88, 151, 251); color: rg= b(255, 255, 255); } .select2-container--default .select2-results__group { cursor: default; disp= lay: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: = rgb(247, 247, 247); border: 1px solid rgb(170, 170, 170); border-radius: 4p= x; outline: 0px; background-image: linear-gradient(rgb(255, 255, 255) 50%, = rgb(238, 238, 238)); background-repeat: repeat-x; } .select2-container--classic .select2-selection--single:focus { border: 1px = solid rgb(88, 151, 251); } .select2-container--classic .select2-selection--single .select2-selection__= rendered { color: rgb(68, 68, 68); line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__= clear { cursor: pointer; float: right; font-weight: 700; height: 26px; marg= in-right: 20px; } .select2-container--classic .select2-selection--single .select2-selection__= placeholder { color: rgb(153, 153, 153); } .select2-container--classic .select2-selection--single .select2-selection__= arrow { background-color: rgb(221, 221, 221); border-top: none; border-righ= t: none; border-bottom: none; border-image: initial; border-left: 1px solid= rgb(170, 170, 170); border-top-right-radius: 4px; border-bottom-right-radi= us: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20p= x; background-image: linear-gradient(rgb(238, 238, 238) 50%, rgb(204, 204, = 204)); background-repeat: repeat-x; } .select2-container--classic .select2-selection--single .select2-selection__= arrow b { border-color: rgb(136, 136, 136) transparent transparent; border-= style: solid; border-width: 5px 4px 0px; height: 0px; left: 50%; margin-lef= t: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0px; } .select2-container--classic[dir=3D"rtl"] .select2-selection--single .select= 2-selection__clear { float: left; } .select2-container--classic[dir=3D"rtl"] .select2-selection--single .select= 2-selection__arrow { border-top: none; border-bottom: none; border-left: no= ne; border-image: initial; border-right: 1px solid rgb(170, 170, 170); bord= er-radius: 4px 0px 0px 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--sin= gle { border: 1px solid rgb(88, 151, 251); } .select2-container--classic.select2-container--open .select2-selection--sin= gle .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--sin= gle .select2-selection__arrow b { border-color: transparent transparent rgb= (136, 136, 136); border-width: 0px 4px 5px; } .select2-container--classic.select2-container--open.select2-container--abov= e .select2-selection--single { border-top: none; border-top-left-radius: 0p= x; border-top-right-radius: 0px; background-image: linear-gradient(rgb(255,= 255, 255) 0px, rgb(238, 238, 238) 50%); background-repeat: repeat-x; } .select2-container--classic.select2-container--open.select2-container--belo= w .select2-selection--single { border-bottom: none; border-bottom-left-radi= us: 0px; border-bottom-right-radius: 0px; background-image: linear-gradient= (rgb(238, 238, 238) 50%, rgb(255, 255, 255)); background-repeat: repeat-x; = } .select2-container--classic .select2-selection--multiple { background-color= : rgb(255, 255, 255); border: 1px solid rgb(170, 170, 170); border-radius: = 4px; cursor: text; outline: 0px; padding-bottom: 5px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple:focus { border: 1p= x solid rgb(88, 151, 251); } .select2-container--classic .select2-selection--multiple .select2-selection= __clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection= __choice { background-color: rgb(228, 228, 228); border: 1px solid rgb(170,= 170, 170); border-radius: 4px; display: inline-block; margin-left: 5px; ma= rgin-top: 5px; padding: 0px; } .select2-container--classic .select2-selection--multiple .select2-selection= __choice__display { cursor: default; padding-left: 2px; padding-right: 5px;= } .select2-container--classic .select2-selection--multiple .select2-selection= __choice__remove { background-color: transparent; border: none; border-top-= left-radius: 4px; border-bottom-left-radius: 4px; color: rgb(136, 136, 136)= ; cursor: pointer; font-size: 1em; font-weight: 700; padding: 0px 4px; } .select2-container--classic .select2-selection--multiple .select2-selection= __choice__remove:hover { color: rgb(85, 85, 85); outline: none; } .select2-container--classic[dir=3D"rtl"] .select2-selection--multiple .sele= ct2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir=3D"rtl"] .select2-selection--multiple .sele= ct2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--classic[dir=3D"rtl"] .select2-selection--multiple .sele= ct2-selection__choice__remove { border-radius: 0px 4px 4px 0px; } .select2-container--classic.select2-container--open .select2-selection--mul= tiple { border: 1px solid rgb(88, 151, 251); } .select2-container--classic.select2-container--open.select2-container--abov= e .select2-selection--multiple { border-top: none; border-top-left-radius: = 0px; border-top-right-radius: 0px; } .select2-container--classic.select2-container--open.select2-container--belo= w .select2-selection--multiple { border-bottom: none; border-bottom-left-ra= dius: 0px; border-bottom-right-radius: 0px; } .select2-container--classic .select2-search--dropdown .select2-search__fiel= d { border: 1px solid rgb(170, 170, 170); outline: 0px; } .select2-container--classic .select2-search--inline .select2-search__field = { outline: 0px; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: rgb(255, = 255, 255); border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none;= } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { = max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option--group { padding: 0px;= } .select2-container--classic .select2-results__option--disabled { color: gre= y; } .select2-container--classic .select2-results__option--highlighted.select2-r= esults__option--selectable { background-color: rgb(56, 117, 215); color: rg= b(255, 255, 255); } .select2-container--classic .select2-results__group { cursor: default; disp= lay: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { bor= der-color: rgb(88, 151, 251); } .select2-container { width: 100% !important; } .select2-container--default.select2-container--open.select2-container--abov= e .select2-selection--multiple, .select2-container--default.select2-contain= er--open.select2-container--below .select2-selection--multiple { border: 1p= x solid rgb(108, 108, 114); border-radius: 6px; } .select2-container--default.select2-container--open .select2-dropdown { bor= der-radius: 6px; overflow: hidden; } .select2-container--default .select2-results__option--highlighted.select2-r= esults__option--selectable { color: rgb(0, 0, 0); background-color: rgb(91,= 255, 218); } body.light-theme .select2-container--default .select2-results__option--high= lighted.select2-results__option--selectable { color: rgb(255, 255, 255); ba= ckground-color: rgb(14, 95, 206); } .select2-container--default .select2-selection--multiple { background-color= : transparent; border: 1px solid rgb(108, 108, 114); box-sizing: border-box= ; border-radius: 6px; padding: 0px 4px 4px 0px; } .select2-container--default .select2-selection--multiple .select2-search__f= ield { padding-bottom: 24px; display: inline-block; color: rgb(255, 255, 25= 5); } body.light-theme .select2-container--default .select2-selection--multiple .= select2-search__field { color: rgb(0, 0, 0); } .select2-container--default .select2-selection--multiple .select2-selection= __choice { padding: 6px 20px 6px 0px; margin: 4px 0px 0px 4px; background-c= olor: rgb(0, 0, 0); border: 0px; border-radius: 6px; } @media screen and (min-width: 1200px) { .select2-container--default .select2-selection--multiple .select2-selecti= on__choice { padding: 2px 20px 2px 0px; } } body.light-theme .select2-container--default .select2-selection--multiple .= select2-selection__choice { background-color: rgb(255, 255, 255); } .select2-container--default .select2-selection--multiple .select2-selection= __choice__display { padding: 0px 6px; } .select2-container--default .select2-selection--multiple .select2-selection= __choice__remove { left: auto; right: 0px; border: 0px; padding: 0px 6px; f= ont-size: 1.5em; line-height: 1em; font-weight: 100; color: rgba(255, 255, = 255, 0.5); top: 50%; transform: translateY(-50%); } body.light-theme .select2-container--default .select2-selection--multiple .= select2-selection__choice__remove { color: rgba(0, 0, 0, 0.5); } .select2-container--default .select2-selection--multiple .select2-selection= __choice__remove:hover { background-color: transparent; color: rgb(255, 255= , 255); } body.light-theme .select2-container--default .select2-selection--multiple .= select2-selection__choice__remove:hover { color: rgb(0, 0, 0); } .hljs-comment, .hljs-quote { color: rgb(142, 144, 140); } .hljs-deletion, .hljs-name, .hljs-regexp, .hljs-selector-class, .hljs-selec= tor-id, .hljs-tag, .hljs-template-variable, .hljs-variable { color: rgb(200= , 40, 41); } .hljs-built_in, .hljs-builtin-name, .hljs-link, .hljs-literal, .hljs-meta, = .hljs-number, .hljs-params, .hljs-type { color: rgb(245, 135, 31); } .hljs-attribute { color: rgb(234, 183, 0); } .hljs-addition, .hljs-bullet, .hljs-string, .hljs-symbol { color: rgb(113, = 140, 0); } .hljs-section, .hljs-title { color: rgb(66, 113, 174); } .hljs-keyword, .hljs-selector-tag { color: rgb(137, 89, 168); } .hljs { display: block; overflow-x: auto; background: rgb(255, 255, 255); c= olor: rgb(77, 77, 76); padding: 0.5em; } .hljs-emphasis { font-style: italic; } .hljs-strong { font-weight: 700; } .navbar-laravel { background-color: rgb(255, 255, 255); box-shadow: rgba(0,= 0, 0, 0.04) 0px 2px 4px; } @media (max-width: 767px) { .table-wrapper { overflow: scroll; } } .loginPage { height: 100%; } @media (max-width: 767px) { iframe, img { max-width: 100%; } } ------MultipartBoundary--dsW1gPEN6chWfyX263qpb8JpAbDyY1wQptNzV6v4e7------